/* ---------------------------------------------------------------------------------- GLOBAL RESET */

* {margin: 0; padding: 0;} 


/* ---------------------------------------------------------------------------------- GLOBAL SETTINGS */

p {
	color: #00385F;
	}

a {
	color: #0055A5;
	}
	
img {
	border: 0px;
	}
	
sup {
	font-size: .8em;
	}
	
html>/**/body sup {
	font-size: .5em;
	}
	

/* ---------------------------------------------------------------------------------- PAGE STRUCTURE */

#container {
	width: 960px;
	margin: auto;
	}

#topnav {
	width: 959px;
	background-color: #666666;
	margin-bottom: 10px;
	padding-left: 1px;
	padding-bottom: 5px;
	background-image: url(/images/header/topnav-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
html>/**/body #topnav {
	width: 960px;
	background-color: #666666;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-bottom: 5px;
	background-image: url(/images/header/topnav-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	} /* box model correction for IE6 */
	
#content {
	float: left;
	width: 640px;
	border-left: 140px solid #FFFFFF;
	border-right: 180px solid #FFFFFF;
	background-color: #FFFFFF;
	}
	
#content:after { /* This is a fix for Firefox 2.0.0.8, which screwed up float rendering for 3 column CSS layouts. see http://www.sitepoint.com/forums/showthread.php?t=510178 */
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
	
#maincol {
	float: left;
	width: 620px;
	margin-right: -640px;
	padding-right: 10px;
	padding-left: 10px;
	}

#leftcol {
	float: left;
	width: 140px;
	margin-left: -140px;
	position: relative;
	}

#rightcol {
	float: right;
	width: 178px;
	margin-right: -180px;
	position: relative;
	border-left: #C1E5FB solid 2px;
	padding-bottom: 100px;
	}
	
#footer {
	clear: both;
	width: 960px;
	background-color: #FFFFFF;
	float: left;
	border-top: 1px solid #666666;
	margin-top: 10px;
	}

/* ---------------------------------------------------------------------------------- HOMEPAGE-SPECIFIC PAGE STRUCTURE */

/* #content-home {
	float: left;
	width: 780px;
	border-right: 180px solid #FFFFFF;
	background-color: #FFFFFF;
	}
	
#maincol-home {
	float: left;
	width: 750px;
	padding-right: 30px;
	margin-right: -780px;
	}

#rightcol-home {
	float: right;
	width: 178px;
	position: relative;
	border-left: #C1E5FB solid 2px;
	padding-bottom: 100px;
	margin-right: -180px;
	} */

/* 2nd try */

#content-home {
	width: 960px;
	background-color: #FFFFFF;
	}
	
#maincol-home {
	float: left;
	width: 760px;
	padding-right: 20px;
	}

#rightcol-home {
	float: right;
	width: 178px;
	border-left: #C1E5FB solid 2px;
	/* padding-bottom: 100px; */ /*<<<removed b/c rightcol is longer when new product image is in place*/
	}
	
.homefix { /* removes the space created in the rule below b/c IE doesn't colapse the top margin, so there will be TOO much space  */
	padding-top: 0px;
		}
		
html>/**/body .homefix { /* inserts space between the main homepage image and the cleared 'copy' div below it*/
	padding-top: 10px;
		}

/* ---------------------------------------------------------------------------------- TOP NAVIGATION STYLING */
		
.topnav {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF
	}
		

/* ---------------------------------------------------------------------------------- LEFTCOL STYLING */

#leftcol img {
	display: block;
	}
	
#postleftnav {
	background-image: url(/images/leftcol/leftcol-bg.jpg);
	background-repeat: no-repeat;
	border-right: #C1E5FB solid 2px;
	padding-top: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	padding-bottom: 100px;
	}
	
#leftcol h4 {
	font: 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00385F;
	margin-top: 14px;
	}
	
#leftcol h5 {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00385F;
	margin-top: 8px;
	}
	
#leftcol .sig {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00385F;
	}
	
#leftcol p {
	margin-right: 8px;
	}

		/* ---------------------------------------------------------------------------------- LEFTCOL NAV STYLING */

#leftcol ul  {
	list-style-type:none;
	position: relative;
	margin-bottom: 0px;
	}

#leftcol ul li { 
	background:url(/images/leftcol/listitem-bg.jpg) repeat-x;
	padding: 3px 8px;
	border-left: #00385F solid 1px;
	border-right: #00385F solid 1px;
	border-bottom: #00385F solid 1px;
	line-height: 1px;
	}
	
#leftcol ul li:hover,
leftcol ul li.sfhover {
	background:url(/images/leftcol/listitem-bg-hover.gif) repeat-x;
	}
	
#leftcol li a {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #0055A5;
	position: relative;   /* attempted IE fix */
	}

#leftcol ul li.nested { 
	padding-left: 25px;
	}

		/* ---------------------------------------------------------------------------------- LEFTCOL SEARCH BOX STYLING */

.searchfield {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #F1F9FE;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #aab3b3 #d5dddd #aab3b3;
	font: 10px Arial, Helvetica, sans-serif;
	}

.button {
	margin-top: 2px;
	margin-bottom: 8px;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00385F;
	background: url(/images/leftcol/listitem-bg.jpg) repeat-x;
	border: 1px solid;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px #AAA;
	padding: .2em 1.5ex;
	_padding: .2em 2ex;
	_width/**/:1px;
	overflow: visible; /* fix button width for IE 5.5 to 7 */
	}


/* ---------------------------------------------------------------------------------- MAIN COLUMN STYLING */
	
h1 {
	font: 24px Arial, Helvetica, sans-serif;
	color: #00385F;
	font-weight: bold;
	margin-bottom: 6px;
	}
	
h1.home {
	/* text-align: center; */
	font: 18px Arial, Helvetica, sans-serif;
	color: #0055a5;
	font-weight: bold;
	background-color: #FFFFFF;
	/* padding: 4px; */
	margin-bottom: 16px;
	}

h2 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #00385F;
	font-weight: bold;
	padding-bottom: 1px;
	border-bottom: #C1E5FB 1px solid;
	margin-bottom: 6px;
	}
	
.copy {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 1em;
	}


/* .homelinks {
	font: 18px Arial, Helvetica, sans-serif;
	}
	
.homelinks a {
	text-decoration: none;
	}
	
.homelinks a:hover {
	text-decoration: underline;
	}
	*/

#maincol h3 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00385F;
	display: inline;
	padding-bottom: 3px;
	border-bottom: #C1E5FB 1px solid;
	}
	
#maincol ul {
	margin: 10px 10px 1em 20px;
	}

#maincol li {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #00385F;
	}
	
#maincol p {
	margin-top: 10px;
	}
	
#maincol p.breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	}	
	
#maincol p.caption {
	font: 10px Verdana, sans-serif;
	margin-top: 2px;
	}

		/* ---------------------------------------------------------------------------------- "Advanced Technology: Filtration" TABLE FOR FILTERS */
		
table.filter {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #00385F;
	margin: 10px;
	}

		/* ---------------------------------------------------------------------------------- 3UP, 2UP * 8UP LAYOUT */

#threeup {
	width: 200px; 
	float: left;
	}
	
#threeupmargin {
	width: 200px; 
	float: left;
	margin-right: 10px;
	}
	
#twoup {
	width: 250px; 
	float: left;
	}
	
#twoupmargin {
	width: 250px; 
	float: left;
	margin-left: 28px;
	margin-right: 10px;
	}
	
html>/**/body #twoupmargin {
	width: 250px; 
	float: left;
	margin-left: 55px;
	margin-right: 10px;
	}

#eightup {
	width: 305px; 
	float: left;
	}
	
#eightupmargin {
	width: 305px; 
	float: left;
	margin-right: 10px;
	}
	
#threeupmargin img, #threeup img, #twoupmargin img, #twoup img {
	margin-top: 6px;
	border: none;
	display: block;
	}

#threeupmargin h3, #threeup h3, #twoupmargin h3, #twoup h3 {
	display: block;
	}
	
#threeupmargin a, #threeup a, #twoupmargin a, #twoup a {
	text-decoration: none;
	}
	
#eightupmargin img, #eightup img {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	}

#eightupmargin h3, #eightup h3 {	
	border: none; 
	padding-bottom: 0px;
	}

		/* ---------------------------------------------------------------------------------- POWDERSAFE CERTIFICATION DIV */
		
#powdersafe {
	border: dashed 1px;
	background-color:#CCCCCC; 
	clear: both;
	padding: 10px;
	}
	
#powdersafe p {
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
		/* ---------------------------------------------------------------------------------- ADDITIONAL INFO DIV */
		
#additionalinfo {
	border: dashed 1px;
	background-color:#CCCCCC; 
	clear: both;
	padding: 10px;
	margin-top: 8px;
	}
	
#maincol #additionalinfo {
	padding-top: 0px;
	}
	
#rightcol #additionalinfo {
	margin-left: 8px;
	}
	
#additionalinfo p {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 0px;
	}
	
		/* ---------------------------------------------------------------------------------- CONTROLLER CLOSEUPS DIV */

#controllercloseup {
	width: 600px;
	background-color:#c1e5fb;
	padding: 10px;
	}
	
#controllercloseup p {
	width: 295px;
	float: left;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	}

	
		/* ---------------------------------------------------------------------------------- TESTIMONIAL 'QUOTE' FORMATTING */
		
.testimonial {
	background-image: url(/images/testimonial/quote.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 10px;
	}

.testsig {
	display: block;
	padding-left: 10px;
	border-left: 1px #0055a5 solid;
	margin-left: 20px;
	}
	
		/* ---------------------------------------------------------------------------------- DIMENSION TABLE STYLING */	

table.dim {
	background-color: #C1E5FB;
	font: 10px Arial, Helvetica, sans-serif;
	color: #00385F;
	margin-bottom: 1em;
	margin-top: 6px;
	}
	
table.dim td {
	background-color: #FFFFFF;
	text-align: center;
	padding: 2px;
	}
	
table.dim td.head {
	background-color: #00385F;
	color: #FFFFFF;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px;
	}

table.dim td.subhead {
	background-color: #0055A5;
	color: #FFFFFF;
	text-align: left;
	padding: 2px;
	}
	
table.dim td.empty {
	background-color: #C1E5FB;
	}
	
		/* ---------------------------------------------------------------------------------- FORM TABLE STYLING */

table.form {
	margin: auto;
	background-color: #c1e5fb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00385F;
	text-align:left;
	}

table.form p {
	margin-bottom: 10px;
	}
	
table.nested {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00385F;
	text-align:left;
	background-color: #FFFFFF;
	}

table.form tr {
	background-color:#FFFFFF;
	}
	
table.form td {
	padding: 8px;
	}
	
table.form td.submit {
	text-align: center;
	}
	
.required {
	color: #FF0000;
	}
	
		/* ---------------------------------------------------------------------------------- IMAGE FLOATING */
		
img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
		
img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}

.clear {
	clear: both;
	}
	
.divleft {
	float: left;
	width: 300px;
	margin-right: 10px;
	}
	
.divright {
	float: right;
	width: 300px;
	margin-left: 10px;
	}
	
		/* ---------------------------------------------------------------------------------- NEW IMAGE FLOATING 20080311*/

#maincol .img200 {
	width: 200px;
	margin-bottom: 1em;
	}

#maincol .img300 {
	width: 300px;
	margin-bottom: 1em;
	}
	
#maincol .img450 {
	width: 450px;
	margin-bottom: 1em;
	}
	
#maincol .right {
	float: right;
	padding: 0px 0px 0px 10px;
	}
	
#maincol .left {
	float: left;
	padding: 0px 10px 0px 0px;
	}
	
#maincol .img450 p, #maincol .img300 p, #maincol .img200 p {
	/* THIS IS THE 'CAPTION' FORMATTING */
	font: 10px Verdana, sans-serif;
	margin-top: 2px;
	}
		
/* ---------------------------------------------------------------------------------- RIGHTCOL STYLING */

#rightcol img {
	display: block;
	}
	
#contact {
	background-image: url(/images/rightcol/rightcol-bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 52px;
	}

#rightcol h3, #rightcol-home h3 {
	font: 18px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00385F;
	margin-left: 8px;
	margin-bottom: 6px;
	}
	
#rightcol h4, #rightcol-home h4 {
	font: 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00385F;
	margin-left: 8px;
	}

#rightcol p, #rightcol-home p {
	margin-left: 8px;
	/*margin-bottom: 18px;*/  /*was interfering w/ 'additionalinfo' rules above*/
	font: 12px Arial, Helvetica, sans-serif;
	}
	
#rightcol ul {
	list-style-image: url(/images/rightcol/rightcol-bullet.gif);
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
#rightcol li {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #00385F;
	}
	
#rightcol ul.brands {
	list-style-image: url(/images/rightcol/rightcol-brands-bullet.gif);
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
#rightcol .brands li {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
#rightcol .brands li a {
	color:#0055A5;
	}


/* ---------------------------------------------------------------------------------- FOOTER STYLING */

.footerlink a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 250%;
	}
	
.footerlink {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0055A5;
	line-height: 250%;
	}
	
.copyright {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #00385f;
	margin-bottom: 4px;
	line-height: 250%;
	}

.footeraddy {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #00385F;
	}

.disclaimer {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-bottom: 8px;
	}
		
/* ---------------------------------------------------------------------------------- NEW HOMELINKS */
/* had to move to the bottom b/c one of the other style declarations was interfering */
	
ul.homelinks {
	padding-left: 20px;
	color: #FF9900;
	background-color: #ffffff;
	list-style-image: url("/images/maincol/homepage_bullet.gif");
	}

ul.homelinks li {
	font: 14px Arial, Helvetica, sans-serif;
	background:url(/images/maincol/homepage_rollover_up.gif) repeat-x bottom;
	/* border-bottom: 1px #FFCC00 solid; */ /* << Had to remove bottom border b/c created 1px gap that would trigger the 'onmouseout' state */
	background-color: #ffffff;
	width: 300px;
	margin-top: 0px; /*IE KLUDGE OF "margin-top: -1px" NO LONGER NEEDED BECAUSE ADDING THE list-style-image MADE THE 1PX GAP MAGICALLY DISAPPEAR */
	min-height: 0px;
	}

ul.homelinks li:hover,
ul.homelinks li.sfhover {	
	background:url(/images/maincol/homepage_rollover.jpg) repeat-x;
	}
	
ul.homelinks li a {
	text-decoration: none;
	display: block;
	white-space: nowrap;
	width: 100%;
	padding: 4px 0px 4px 10px;
	}
	
/* ---------------------------------------------------------------------------------- END NEW HOMELINKS */