/*  
Theme Name: logic services template
Theme URI: http://tailorwebsites.com.au
Description: the theme template for wordpress by Hao Wu
Author: Hao Wu
Author URI: http://wuhao.com.au
Version: 1.0
Tags: Hao
.
Copyright 2010 Hao Wu
.
*/

/* *** BASIC SETUP *** */
body, td, p, input {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
	color:#000;
}
body {
	font-size:  		90%;
	margin: 			0;
	text-align: 		center;
	background-color:#333333;
}
a {color:#004890;cursor:pointer;}
a:link		{color:#004890;text-decoration:none;}
a:visited	{color:#004890;text-decoration:none;}
a:hover		{color:#004890;text-decoration:none;}
a:focus		{color:#004890;text-decoration:none;}
a:active	{color:#004890;text-decoration:none;}

img {display:block;}

.clearboth, .breaker {
	height: 2px;
	font-size: 1px;
	line-height: 2px;
	clear:both;
}

hr {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
	visibility:hidden;
}

/* *** BASIC LAYOUT *** */

#outerPage {
	width:1003px;
	background-color:#231f20;
	margin: 	0 auto;
	padding:	0;
	text-align: left;
	padding-bottom:20px;
}

#page {
	width:		945px;			/* for full width, change to "auto" */
	margin: 	0 auto;
	padding:	0;
	text-align: left;
}
#headerBlock {
    margin:0;
    padding:0;
}
#bodyBlock
{
	width:			945px;		/* for full width, change to "auto" */
	clear:  		both;
	min-height: 	45em;
	position:   	relative;
	margin-top: 	0em;
	background-color : #fff;
	border-top : 1px solid #fff;
}

#headerBlock h1 a
{
	display:none;
}

#contentColumn  	/* The big wahoonie */
{
	line-height:1.2em;
	z-index:1;
	position:relative;
	width : 945px;
}

#leftColumn {
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
	min-width:220px;
	line-height:1.2em;
	text-align:left;
}
#rightColumn {
	position:absolute;
	right:0px;
	top:0px;
	float:right;
	padding-right:11px;
	padding-top:19px;
	width:180px;
	min-width:150px;
	line-height:1.2em;
	text-align:left;
}

#footerBlock
{
	clear:  			both;
	padding:			6px 7px 7px 7px;
	margin: 			0px 0px 0px 0px;
	background-color:   #fff;
	font-size:  		10px;
	color:  			#4e4e4e;
	line-height:		1.4em;
padding-top:30px;

}

#bookmarks
{
	clear:  			both;
	text-align: 		center;
	background-color:   #fff;
	padding:			7px 0;
	font-size:  		10px;
	line-height:		1.4em;
}



/* *** HEADER *** */

h1{
	font-size: 	0.7em;
	margin:		1px 4px 2px 4px;
	white-space:nowrap;
}
	

#pageBanner {
	height : 90px;
	width:945px;
	background-color : #fff;
	margin : 0;
	position : relative;
	background-image : url(images/logo.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	
}

/* SETS PROPERTIES FOR BOX CONTAINING HEADER MENUS. ALL OTHER MENU STYLES IN MENU.CSS */
#navTop { 
	font-family :Tahoma,  Arial, Verdana, Helvetica, sans-serif;
	clear:both;
    text-align:center;
    vertical-align : middle;
	background-color:#231f20;
	color:#004890;
	font-size:12px;
	line-height:18px;
	height:18px;
	font-weight:400;
	padding:5px 5px 6px 0px;
	margin:0 0px 0px 0px;
	text-align:left;
}

/* *** LEFT/RIGHT COLUMNS *** */

#leftColumn, #rightColumn {
	font-size:  			11px;
}
#leftColumn label, #rightColumn label {
	font-weight:bold;
}
#leftColumn input, #rightColumn input {
	font-size:  			0.9em;
	margin: 				1px;
	display:				block;
}
#leftColumn p, #rightColumn p,
#leftColumn form, #rightColumn form	{
	margin: 				0px;
}
#leftColumn h2
{
	font-family:Tahoma, Arial, Verdana, Helvetica, Times, sans-serif;
	background-color:#E8EFF9;
	margin:0;
	padding:5px 0 5px 0px;
	line-height:26px;
	font-size:1.2em;
	color:#004890;
	font-weight:400;
	text-align:center;
}


#rightColumn h2
{
	background-color : #336B85;
	color : #FFF;
	font-family:Tahoma, Arial, Verdana, Helvetica, Times, sans-serif;
	line-height:1.1em;
	margin:0 0 4px 0;
	padding: 5px;
	font-size : 1em;
	font-weight:bold;
	text-align:center;
}

#leftColumn h2 a, #rightColumn h2 a {
	text-decoration: none;
	color: #004890;
}
#leftColumn h2 a:hover, #rightColumn h2 a:hover	{
	color: #004890;	
}
#leftColumn .boxBody,
#leftColumn address
{
	line-height:1.3em;
	font-style:normal;
	background-color:#fff;
	color:#004890;
	margin:0;
	padding:7px;
/*	font-size:75%;*/
}
#leftColumn address {
	font-size:90%;
}
#rightColumn .boxBody
{
	line-height:1.3em;
	font-style:normal;
	background-color:#fff;
	color:#000;
	margin:0 0 12px 0;
	padding:7px;
/*	font-size:75%;*/
	border:2px solid #004890;
}
#leftColumn .boxBody a,
#rightColumn .boxBody a,
#leftColumn address a
{
	color:#004890;
	text-decoration:underline;
}
#leftColumn .boxBody img {
	text-align:center;
	padding-top:10px;
	border:0px none;
	margin:auto;
}
#leftColumn .boxBody p {
	text-align:center;
	color:#004890;
}
#leftColumn ul,
#rightColumn ul
{
	background-color:#fff;
	line-height:1.2em;
	margin:0;
	padding:0px 1px 12px 1px;
	list-style:none;
	font-family:Arial, Verdana, Helvetica, Times, sans-serif;
	font-weight:normal;
	color:#000;
}
#leftColumn ul li,
#leftColumn ul li a,
#rightColumn ul li a {
	display:block;
	font-size: 12px;
	display:block;
	color:#004890;
	padding:1px 2px;
	text-decoration:none !important;
	padding:3px 0 3px 0;
}
#leftColumn ul li a:hover,
#rightColumn ul li a:hover {
	color:#004890;
	text-decoration:none;
}
#rightColumn h3
{
	line-height:			18px;
	background-color:   	#fff;
	margin: 				0;
	padding:				7px 0px;
	font-size:  			1.1em;
	color:  				#0073C6;
	font-weight:			700;
}
#rightColumn h3 span
{
	display:				block;
}
#rightColumn #referralCredit
{
	margin-bottom: 			12px;

}
#rightColumn #referralCredit span
{
	margin: 				0;
	padding:				4px;
	border: 				1px solid #be2a40;
	font-size:  			1em;
	font-weight:			700;
	text-align: 			right;
}

#rightColumn #smallCart	{
	font-size:0.85em;
}
#rightColumn #smallCart th, #rightColumn #smallCart td {
	padding:0 3px;
}
#rightColumn #smallCart .noItem, #rightColumn #smallCart .cartTotal {
	color:#999999;
}
#rightColumn #smallCart .cartTotal {
	text-align:	right;
}
#rightColumn #smallCart .smallCartTotal {
	height: 5px;
	line-height: 5px;
}
#leftColumn .creditcards
{
	text-align:center;
	margin-bottom:10px;
	padding-bottom:10px;

}
#leftColumn .creditcards span
{
	font-size:0.7em;
	text-align:center;
	display:block;
}
#leftColumn .creditcards .creditcard {
	margin:3px auto 0 auto;
	display:inline;
	border:solid 1px #fff;
}
#rightColumn div.sideSpecials {color:#000;}
#rightColumn div.sideSpecials a {color:#000;text-decoration:none;}
#rightColumn div.sideSpecials strong {display:block;color:#0073C6;text-align:center;font-size:1em;margin:1em 0 0.3em 0;}
#rightColumn div.sideSpecials img {
	border:1px solid #000;
	margin:0 auto;
}
#rightColumn div.sideSpecials span.specialsPrice {display:block;}
#rightColumn div.sideSpecials a:hover span.specialsPrice span {color:#0073C6;text-decoration:underline;}

#rightColumn #rememberme {
    padding:                5px 0px 0px 0px !important; 
    margin:                 1px 0px 0px 0px !important;
    float:                  left;
    vertical-align:         middle;
    height:                 11px;
    line-height:            11px;
    font-size:10px;
}

#rightColumn #remembertext {
    padding:                0px 0px 0px 0px !important; 
    margin:                 0px 0px 0px 0px !important;
    vertical-align:         middle;
    height:                 11px;
    line-height:            11px;
    font-size:              0.8em;
}




/* *** FOOTER *** */

#footerBlock a,
#footerBlock a:visited
{
	text-decoration:		none;
	color:					#4e4e4e;
}
#footerBlock a:hover
{
	text-decoration:		underline;
	color:					black;
}
#footerBlock ul
 {
	margin: 				0.3em 0 0 0; 
	padding:				0;
	list-style: 			none;
	text-align: 			right;
}
#footerBlock ul li
{
	margin: 				0;
	padding:				0 5px 0 5px;
	list-style: 			none;
	display:				inline;
	border-left:			1px solid #004890;
}
#footerBlock ul li.first
{
	border-width:			0;
}
#footerBlock #copyright
{
	margin: 				0.3em 0 0.3em 0.5em; 
}
#footerBlock .powered
{
	margin: 				0;
	float:  				right;
	text-align: 			right;
	padding:				0 0.5em 0 0;
}
#bookmarks a,
#bookmarks a:hover,
#bookmarks a:visited
{
	color:  				#aaa;
	text-decoration:		none;
}
/* *** LIST NAVIGATION *** */

#shoppingCart .listNavTable {
	font-size:10px;
	text-align:right;
	border-bottom:1px solid #AAA;
	padding-bottom:2px;
}

#shoppingCart .listNavTable span,
#shoppingCart .showNavTable span
{
	padding:0 0.5em;
}
#shoppingCart .listNavTable a,
#shoppingCart .showNavTable a
{
	margin:0;
	padding:0;
}
#shoppingCart .listNavTable img,
#shoppingCart .showNavTable img
{
	display:inline;
	border-width:0px;
	margin:1px 0;
	vertical-align:middle;
}
#shoppingCart .showNavTable
{
	font-size:10px;
	text-align:right;
	border-bottom:1px solid #fff;
	padding-bottom:2px;
}

/* *** 'BACK' LINKS IN SHOPPING CART HEADERS *** */


#shoppingCart #linkHeader {
	position:relative;
}
#shoppingCart h2
{
	border:1px solid	#00adef;
	background-color:	#00adef;
	margin: 			0 0 0 0;
	padding:			0.2em 0.5em;
	font-size:  		0.9em;
	color:  			#fff;
	font-weight:		bold;
}
#shoppingCart .fakeH2 {
	background-color:	transparent;
    margin: 			0 0 0 0;
	padding:			0.2em 0.5em;
	font-size:  		0.9em;
	color:  			#fff;
	font-weight:		bold;
	position:absolute;
	top:1px;
	right:3px;
}


#shoppingCart .fakeH2 a {color:#fff;}
#shoppingCart .fakeH2 a:hover {color:#fff;padding-right:0.0em;}


/* *** BREADCRUMBS *** */

#breadcrumbs {
	font-size:0.7em;
	padding:0 0 0.5em 0;
	background-color:#FFF;
}

/* **** IE7 FIX **** */
#shoppingCart .contentArea {width:100%;}


/* ** right navigation award area ** */
#awardArea
	{
				background-image: url(images/logicalserviceaward.jpg);
				height:252px;
				width:152px;
				float:left;			
	}
#navigation  .whatever0 a
{
color:#fff;
}
.textContent{ width:730px; min-height:25em; border-right: 1px dashed #e4e4e4;}

#storyboardcolumn li
	{
		list-style-type:none;
		padding-left:5px;
	}


#storyHeader
{
background-color:#336b85;
color:#fff;
font-weight:bold;
text-align:center;
padding:5px;
}
#storyHeader a
{
color:#fff;
}
#storyImage img
{
padding-left:43px;
border:0px;
padding-bottom:5px;
padding-top:5px;
}

#storycontent
{
background-color:#d2d3d5;
color:#336b85;
font-weight:bold;
text-align:center;
padding:0px;
}

#storycontent a{
color:#336b85;
}
#headerText p
{
padding:5px;

}
.contentArea
{
padding-left:20px;
}
#page
{
background-color:#fff;
}

#contactdetails
{
font-size:14px;
}
/* ********** GENERAL HEADER MENU STYLES ********** */

#navTop ul li {
	display:inline;
	padding:0 5px;
	border-left:1px solid #fff;
}
#navTop ul li.first	{
	display:		inline;
	padding:		0;
	border-left: 	0 solid #fff;
}
#navCheckout {
	display:inline;
	float:right;
	margin:0;
	line-height:21px;
	height:21px;
	text-align:	right;
	color:#FFF;
	padding:0 0 0 5px;
}
#navCheckout form {display:inline;}


/* ********** SPECIFIC STYLES FOR DROPDOWN MENUS ********** */

#navigation, #navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#navigation {
	margin:0;
	width:auto;
	line-height:12px;
	height:12px;
	color:#01508f;
	padding:4px 0 5px 5px;
}
#navigation a {
	display: block;
	width: 170px;
	padding:0;
	color:#FFF;
	text-decoration:none;
}

#navigation li { /* all list items */
	float: left;
	width: 170px; /* width needed or else Opera goes nuts */
	line-height:18px;
}
#navigation li ul { /* second-level lists */
	position: absolute;
	background-color:#a4a5a9;
	width: 180px;
	border: 1px solid #666;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:100;
}
#navigation li.page_item ul li {
	border-bottom: 1px solid #fff;
	padding: 2px;
	display:block;
	float:none;
	height:18px;
	border-left:none;
	margin:0;
}
#navigation li ul li a {
	color: #000;
	
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;

}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* Stops menus freezing in Explorer 7 (I for one welcome our new Microsoft Overlords...) */
#navTop li:hover, #navTop li.sfhover {position:static;}


/* ******************** STYLE FOR TOP LEVEL OF DROPDOWN MENUS ****************** */

#navigation li.page_item
 {
	width:auto !important;
	margin:0 0px 0 15px;
	padding:0 0 0 15px;
	border-left:1px solid #FFF;
	border-bottom:0px;
	height:12px;
	line-height:16px;
} 
#navigation li.first
{
	border-width:0;
} 
#navigation li a {
	display:block;
	width:auto !important;
	padding:0 1px;
	color:#FFF;
}
#navigation li.navcheckout {
	float: right; 
	margin-right: 20px;
}
/* *** FLYOUT MENU *** */

#leftNavMenu
{
	line-height : 1.2em;
	font-size : 85%;
	margin : 0 0 10px 0;
	padding : 0;
	list-style : none;
	font-family : Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight : bold;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
}
#leftNavMenu li
{
	margin : 0;
	padding : 1px;
}
#leftNavMenu li a
{
	display : block;
	color : #000;
	background-color : #fff;
	padding : 1px 2px 1px 14px;
	text-decoration : none;
	background-image : url(images/bullet.gif);
	background-repeat : no-repeat;
	background-position : 0px 2px;
	text-transform : uppercase;

}
#leftNavMenu li a:hover
{
	color : #fff;
	background-color : #666;
	text-decoration : none;
}#rotator
{
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto ;
	position: relative;
	width: 691px;
	height: 363px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 691px;
	height: 363px;
}

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.textContent {
	font-size:0.9em;
	padding:0 0.5em;
	line-height:1.5em;
}

.textContent h2, .textContent h3, .textContent h4,
.textContent h5, .textContent h6 {
	font-family:Tahoma, "trebuchet ms",arial,helvetica,sans-serif;
	margin:1em 0;
}
.textContent h2
{
	margin:0 0 0.6em 0;
	padding:0.3em 0.5em;
	line-height :1.2em;
	font-size:1.3em;
	font-weight:400;
	color:#004890;
	background-color:#E7E7E9;
	border:1px solid #E7E7E9;
}
.textContent h3 {
	font-size:1.5em;
	color:#004890;
	font-weight:400;
}
.textContent ul li {
	margin-top:1em;
}
.contentArea {
	padding:0 1.5em 2em 1.5em;
}

#yd_rp_widget ul
{
	list-style:none;
}
h4{
	margin:5px 0 0 0;
}
.screen-reader-text
{
	display:none;
}
#s{
	width:100px;
	float:left;
}
#searchsubmit{
	float:right;
	width:50px;
}
#searchform{
	height:30px;
}