/* ----->>> TABLE OF CONTENTS <<<-------*/
/*
   Wrappers
   Header
   Navigation
   Content
   Tables
   TEXT Layout
*/

/* TO CALCULATE EM SIZES: FONT PX SIZE / 16 (THE DEFAULT PX SIZE) eg: to get 20px, 20/16 = 1.25em */
/* TO CALCULATE EM LINE HEIGHT SIZES: LINE HEIGHT PX SIZE / 18 (THE DETERMINED LINE HEIGHT SET IN BODY)  */
 
/* -----------------------------------*/
/* ----------->>> WRAPPER <<<---------*/
/* -----------------------------------*/ 
 

 
#siteWrapper { 
width:1050px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: white;
}

#PATLeft, .PATLeft {
width: 80px;
padding: 0px 0px 0px 0px;
text-align: left;
background-image: url('/images/PAT_left.jpg');
background-repeat: repeat-y;
float:left;
overflow:auto;;
}

#PATRight, .PATRight {
width: 80px;
padding: 0px 0px 0px 0px;
text-align: right;
background-image: url('/images/PAT_right.jpg');
background-repeat: repeat-y;
float:right;
overflow:auto;
}

#header_top_container {
width:890px;
margin:0 auto;
padding: 0;
height:35px;
}

	#headerLogo {
		width: 890px;
		margin: 0 auto;
		padding: 0;
		height:146px;
		/*background-image: url('/images/header.jpg');*/
	}
	
	#header_searchArea {
	float:right;
	padding: 8px 0 0 0;
	height:35px;
	color:#6699cc;
	}
	
	#header_links {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 51px;
	}
	
#header {
	height:35px;
	width:890px;
	margin: 0px 0px 0px 0px; 
	background-color: white;
}


/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/



		

#sideNavWrapper {
float: left;
display: inline;
width:226px;
height:100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

	#navSide {
	margin: 0;
	padding: 0;
	}
	
		#navSide li{
		margin: 0px 0px 0px 0px; 
		padding: 0;
	    list-style: none;
		display: list-item;
		}
		
		#navSide ul {
		padding-left: 5px; 
		margin-left: 5px;
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		}
		
		#navSide2 ul {
		margin: 0px 0px 5px 0px; 
		padding: 0;
	    list-style: none;
		display: list-item;
		}
	
		#navSide a {
		font-size: 0.9em;
		line-height:1.25em;
		color:#FFFFFF;
		text-decoration:none;
		}
		
		#navSide a:hover {
		color:#BBF9F7;
		text-decoration:none;
		}
	
		#navSide a:active, #nav a.selected {
		color:#FFFFFF;
		text-decoration:none;
		}
		
/* -----------------------------------*/
/* ----------->>> CONTENT <<<---------*/
/* -----------------------------------*/ 


#bodyWrapper {
width:890px;
background-color: white;
padding: 0px 0px 0px 0px;
}
	
	#bodyWrapperLeft, #bodyWrapperLeft_large {
	float: left;
	width:890px;
	margin: 20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	}	
	
	#bodyWrapperLeft_text, #bodyWrapperLeft_large_text {
	width:850px;
	margin: 0px 25px 0px 25px;
	}	
	
	#bodyWrapperRight {
	float: right;
	width:226px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	}
		
.brand {
	float: left;
	width: 395px;
	height: 250px;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 20px 15px;
	/*border: 1px solid black;*/
	background-image: url('/images/BrandsGlowBox.jpg');
	background-repeat: no-repeat;
}

.brandRight {
	float: right;
	width: 395px;
	height: 250px;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 20px 15px;
	/*border: 1px solid black;*/
	background-image: url('/images/BrandsGlowBox.jpg');
	background-repeat: no-repeat;
}

.brandText {
	float: left;
	width: 360px;
	margin: 10px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	/*border: 1px solid black;*/
}

.product {
	float: left;
	width:850px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*border: 1px solid black;*/
}

.productThin {
	float: left;
	width:450px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*border: 1px solid black;*/
}

.productInfo {
	float: left;
	width:780px;
	margin: 10px 10px 10px 10px;
	padding:0px 0px 0px 0px;
}

.productInfoThin {
	float: left;
	width:400px;
	margin: 10px 10px 10px 10px;
	padding:0px 0px 0px 0px;
}

.homeNews {
	float: left;
	width:350px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.homeNewsInfo {
	float: left;
	width:300px;
	margin: 0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
}

#footer_container {
width:890px;
margin:0 auto;
}

	#footer {
	padding: 10px 0px 30px 0px;
	text-align:center;
	font-size:1em;
	line-height:1em;
	color: #6699cc;
	}
	
		#footer a {
		font-size:0.8em;
		line-height:1.25em;
		color: #6699cc;
		text-decoration:none;
		}
		
		#footer a:hover {
		font-size:0.8em;
		line-height:1.25em;
		color: #6699cc;
		text-decoration:underline;
		}

	

#loginForm_container {
height:150px;
width:550px;
margin-left: 150px;
background-position: top left;
background-repeat: no-repeat;
}

	#loginError {
	float: left;
	display: inline;
	margin: 10px 10px 10px 0px;
	font-size: 0.75em;
	width:550px;
	font-weight: bold;
	color: #ff6633;
	}
	
	.loginFormLabel {
	clear: both;
	float: left;
	display: inline;
	margin: 12px 5px 2px 5px;
	height:25px;
	width:120px;
	text-align: right;
	font-weight: bold;
	}
	
	.loginFormField {
	float: left;
	display: inline;
	margin: 10px 5px 2px 5px;
	height:25px;
	width:120px;
	text-align: right;
	font-weight: bold;
	}
	
	.loginFormSubmit {
	clear: both;
	float: left;
	display: inline;
	margin: 10px 5px 2px 5px;
	height:25px;
	width:290px;
	text-align: right;
	}
	
	#login_link {
		clear: both;
		float: left;
		width:550px;
		margin:10px;
		padding:0;
		}
				
			#login_link li {
			margin: 0 0 5px 0; 
			padding: 0;
		    list-style: none;
			display: list-item;
			}
		
			#login_link a {
			font-size: 0.7em;
			line-height:0.8125em;
			color:#333333;
			text-decoration:none;
			}
			
			#login_link a:hover {
			font-size: 0.7em;
			line-height:0.8125em;
			color:#8AA149;
			text-decoration:underline;
			}
		
			#login_link a:active, #nav a.selected {
			font-size: 0.7em;
			line-height:0.8125em;
			color:#333333;
			text-decoration:none;
			}

img[align="right"] {
margin: 0 0 4px 8px;
display: inline;
}

img[align="left"] {
margin: 0 8px 4px 0;
display: inline;
}


/* -----------------------------------*/
/* ------>>>     Tables     <<<-------*/
/* -----------------------------------*/

/* Set all table parameters to 0 */ 
#zeroTables table td tr {
	border: 1px solid #34912a;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}


 
 
/* -----------------------------------*/
/* -------->>> TEXT Layout <<<--------*/
/* -----------------------------------*/ 
#line_break_thin { 
clear:both; 
border-bottom: 1px solid #999999;
margin: 5px 0 5px 0;
width: 700px;
}

#line_break_thinMSIE { 
clear:both; 
border-bottom: 1px solid #999999;
margin: -10px 0 5px 0;
width: 700px;
}


#line_breakClean { 
clear:both; 
margin: 0 0 0 0;
}



/* -----------------------------------*/
/* -------->>> ADMIN STYLES <<<--------*/
/* -----------------------------------*/ 

.tableData {
font-size:0.9em;
}

/* -----------------------------------*/
/* -------->>> TOP NAV DROP DOWN STYLES <<<--------*/
/* -----------------------------------*/ 


#topNavDropDown
{	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 30}

#topNavDropDown td
{	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 51px;
	list-style: none;
	color: #4E4E4E;
	text-decoration:none;}

/*#topNavDropDown li a
{	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background: #FFFFFF;
	letter-spacing:3px;
	font-weight: bold;
	color: #4E4E4E;
	text-decoration:none;
	font: Verdana, Helvetica, sans-serif;}

#topNavDropDown li a:hover
{	color: #4E4E4E;background: #CDCED1}*/

#topNavDropDown div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #9B9C9F;
	}

	#topNavDropDown div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 120px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #9B9C9F;
		color: #4E4E4E;
		border: 1px solid #000000;
		font-weight: none;
		letter-spacing:3px;
		font: Verdana, Helvetica, sans-serif;}

	#topNavDropDown div a:hover
	{	background: #CDCED1;
		color: #4E4E4E}
		
/* -----------------------------------*/
/* -------->>> CATEGORY FLYOUT MENU STYLES <<<--------*/
/* -----------------------------------*/ 	
		
#menu {
width: 200px; /* set width of menu */
background: #fff;
padding: 20px 0px 0px 0px;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
}

#menu h2 {
font: bold 24px/32px Calibri, Verdana, Helvetica, sans-serif;
color:#0B284A;
text-transform: uppercase;
padding: 0;
}

#menu a {
font: bold 11px/16px Calibri, Verdana, Helvetica, sans-serif;
color:#0B284A;
background: #efefef;
text-decoration: none;
padding: 3px 3px 3px 3px;
}

#menu a:hover {
color:#333333;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
padding: 0;
margin: 0;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a {
font: bold 0.7em/1.4em Calibri, Verdana, Helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
#menu h2 {
font: bold 1.4em/1.8em Calibri, Verdana, Helvetica, sans-serif;
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->