@charset "UTF-8";

html>body #content { height: auto; }

body { color: #000000; font: 100% Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }
a img { border: none; }
img { border: none; }

#container {margin: 20px auto; position: relative; text-align: left;}

	/*header*/
	#header { background: #49080C url(/images/splash/filterbags.jpg) no-repeat center 71px; height: 200px; padding: 0 0 2px 0; margin:0px 0 37px 0;}

		/*logo*/
		#header #logo { margin: 0; padding: 0;  background: #fff;height: 71px;  }
		#header #logo a { background: url(images/logo.gif) no-repeat 0 6px; display: block; height: 71px; overflow: hidden; text-decoration: none; text-indent: -3000em; width: 255px;margin: 0 auto;width: 770px; }

		/*Nav*/
		#nav  {border:0px solid #ccc;clear: both; list-style-type: none; margin: 131px auto 0; padding: 0; width:768px; height:22px;position:relative;}  
		
		    /*First Tier*/
		    #nav li { display:inline; margin: 0; padding: 0;  }
		    #nav li a { float:left; font-size: 12px; padding: 5px 16px; text-decoration: none; text-align:center; }
			/*link colors*/
		    #nav li a:link,
		    #nav li a:visited { background: #fff; color: #083E7C; }
		    #nav li a:hover,
		    #nav li a:active { background: #ddd; color: #000; }
		    /*active link colors*/
		    #nav li a.active:link,
		    #nav li a.active:visited,
		    #nav li a.active:hover,
		    #nav li a.active:active { background: #eee; color: #000;font-weight:bold; }
		    /*open (sub nav showing) link colors*/
		    #nav li a.open:link,
		    #nav li a.open:visited,
		    #nav li a.open:hover,
		    #nav li a.open:active { background: #eee; color: #000; font-weight:bold;}
		 	/*langLink link */
	    	#nav li a.langLink {float:right;position:absolute;top:-222px;right:0px; padding:3px 5px; border-bottom: 1px solid #ddd; }
		    #nav li a.langLink.active:link,
		    #nav li a.langLink.active:visited,
		    #nav li a.langLink.active:hover,
		    #nav li a.langLink.active:active { background: #fff; color: #083E7C;font-weight:normal; }
		
 			#nav li a.nfmLink { float: right; width:200px; }	
		    #nav li a.nfmLink:link,
		    #nav li a.nfmLink:visited,
		    #nav li a.nfmLink:hover,
		    #nav li a.nfmLink:active { }
		
		        /*Second Tier*/
		        #nav li ul {list-style-type: none;margin: 0; padding: 0; position:absolute;top:36px;left:0px;}
		        #nav li ul { display: none; } /*hide sub list from initial display*/
		        #nav li.open ul { display: block; } /*show sub list when inside open class*/
		        #nav li ul li { clear: both; float: left; width: 152px; border-bottom: 1px solid #ccc;font-weight:bold;}
		        #nav li ul li a { padding: 4px 0 4px 15px; width: 137px;text-align:left;}
		        /*link colors*/
		        #nav li ul li a:link,
		        #nav li ul li a:visited { background: #fff; color: #083E7C; }
		        #nav li ul li a:hover,
		        #nav li ul li a:active { background: #ddd	; color: #000; }
		        /*active link colors*/
		        #nav li ul li a.active:link,
		        #nav li ul li a.active:visited,
		        #nav li ul li a.active:hover,
		        #nav li ul li a.active:active { background: #fff; color: #000; }  
		        /*open (sub nav showing) link colors*/
		        #nav li ul li a.open:link,
		        #nav li ul li a.open:visited,
		        #nav li ul li a.open:hover,
		        #nav li ul li a.open:active { background: #fff; color: #000;}  
		            /*Third Tier*/
		            #nav li ul li ul {position:relative; top:0;left:0;}
		            #nav li ul li ul { display: none!important; } /*hide sub list from initial display*/
					/*override above line - always show subnavs*/ 
					#nav li ul li ul { display: block!important; } /*hide sub list from initial display*/
		        	#nav li ul li.open ul { display: block!important; } /*show sub list when inside open class*/
		            #nav li ul li ul li {width: 125px;border:none;font-weight:normal;}
		            #nav li ul li ul li a { padding: 2px 0 2px 27px; width: 125px;font-weight:normal;border:none; font-size: 11px;}
		            /*link colors*/
		            #nav li ul li ul li a:link,
		            #nav li ul li ul li a:visited { background: #fff; color: #083E7C;border:none; }
		            #nav li ul li ul li a:hover,
		            #nav li ul li ul li a:active { background: #eee; color: #000; border:none; }
		            /*active link colors*/
		            #nav li ul li ul li a.active:link,
		            #nav li ul li ul li a.active:visited, 
		            #nav li ul li ul li a.active:hover,
		            #nav li ul li ul li a.active:active {  background: #fff; color: #000;font-weight:bold;border:none;  }

	/*page*/		
	#page {margin:0 auto; width:764px;}
		
		/*content*/
		#content { clear:both;float:right;width:584px;padding-right:15px;background:#fff;height: 370px; height: auto !important; min-height: 370px; margin:0;}

		#content a:link,
		#content a:visited { color: #083E7C; }
		#content a:hover,
		#content a:active { color: #000; text-decoration: none; }
		#content h1 { border-bottom: 1px dotted #aaa; color: #666; font-size: 18px; font-weight: normal; margin-top: 0; padding-top: 0; }
		#content h2 { color: #000; font-size: 14px; }
		#content h3 { color: #111; font-size: 12px; }
		#content h4 { color: #083E7C; font-size: 11px; }
		#content h4 em { color: #333; font-weight: normal; }
		#content p { color: #222; font-size: 12px; line-height: 20px; margin: 0 0 15px 0; }
		#content ul,
		#content ol { color: #222; font-size: 12px; line-height: 15px; margin: 0 0 0 25px; padding: 0; }
		#content li { margin: 0 0 5px 0; }
		#content .pdf {font: 9px Verdana, Arial, Helvetica, sans-serif;margin:-30px 0 20px 0; text-align:right;line-height:9px;}
		#content .pdf a:link, 
		#content .pdf a:visited {color:#555;background: url(images/pdf_sml.gif) no-repeat 0 0px;padding:0 0 0 19px;}
		#content .pdf a:hover,
		#content .pdf a:active {color:#fff;background: #555 url(images/pdf_sml.gif) no-repeat 0 0px;padding:0 0 0 19px;}
		#sidebar { float: left; margin: 0 20px 10px 0; width: 200px;}
		#sidebar ul { margin:0 0 0 14px;font-size:11px;}
		#content #sidebar p { font-size: 9px; margin: 7px 0 0 0; text-align: center; }
		#content .currentpage { position:absolute; top:40px; right:0; width:50%; }
		#content .currentpage p {background:#222; margin:0 0 0 153px; padding:0;font-size:18px;color:#fff;font-weight:normal;}
		#content .currentpage p em {display:block; width:223px;padding:4px;text-align:center;font-style:normal;}
		#content #overview {float:right; width:363px;}
		
	/*footer*/
	#footer {clear: both; height: 34px; letter-spacing: -0.035em; padding: 0;margin:0;position:relative; }
	
	#footer * {margin:0; padding:0;}
	#footer h4.copyright {position:absolute; top:0; right:0;background: #fff; width:50%;margin: 0; padding: 0;  border-bottom: 6px solid #49080C; height: 24px; text-indent:-3000em; }
	#footer h4.copyright a {position:absolute; top:35px; left:-344px;background: #fff; text-indent:0; font-size:11px;letter-spacing:0;font-weight:normal;}
	#footer h4.copyright a:link,
	#footer h4.copyright a:visited {color: #666;text-decoration: none;}
	#footer h4.copyright a:hover,
	#footer h4.copyright a:active {background: #666;color: #fff;text-decoration: none;}
	#footer p.company { position:absolute; top:0; left:0;background: #000; width:50%;margin: 0; padding: 0;  border-bottom: 6px solid #fff; height: 21px;text-indent:-3000em;  }
	#footer p.company a {position:absolute; top:35px; right:-382px;background: #fff; text-indent:0; font-size:11px;letter-spacing:0;font-weight:normal;}
	#footer p.company a:link,
	#footer p.company a:visited {color: #666;text-decoration: none;}
	#footer p.company a:hover,
	#footer p.company a:active {background: #666;color: #fff;text-decoration: none;}
		
		/*iso*/
		#footer #iso {width:770px;margin:0 auto 0;position:relative;}
		#footer #iso * {margin:0; padding:0;letter-spacing:0;}
		#footer #iso h4 {background:#49080C;padding-bottom:6px; font-weight:normal;font-size:13px;width:150px;border-right:3px solid #fff;border-left:3px solid #fff;}
		#footer #iso h4 em {position:absolute;top:0; right:0; width:614px; background:#fff;border-bottom: 6px solid #49080C;height: 24px;text-indent:-3000em; }
		#footer #iso h4 a {color:#fff;display:block;background:#000;border-bottom:3px solid #fff;text-decoration:none;text-align:center;width:150px;padding:3px 0;}


/* home */
.home #header { background: #000; height: 71px; padding: 0;  margin: 20px 0 10px 0;}
.home #header #logo { margin: 0; padding: 0;  background: #fff;height: 71px;  }
.home #header #logo a { background: url(images/logo.gif) no-repeat 0 6px; display: block; height: 71px; overflow: hidden; text-decoration: none; text-indent: -3000em; width: 255px;margin: 0 auto;width: 770px; }
.home #footer {display:none; }
.home #content {width:100%; }
.home #content ul { margin:15px 160px 0 0; padding:0; list-style-type:none; float:right;font-size:14px;}
.home #content li {margin:0; padding:0; display:inline; }
.home #content li a {float:left; margin: 0;padding: 5px 7px;}
.home #content li a:link,
.home #content li a:visited {color:#666;}
.home #content li a:hover,
.home #content li a:active {background:#666;color:#fff;}
.home #content li.first a {border-right:1px solid #666;}

/* about */
.about #header { background-color: #A8A8A6; background-image: url(/images/splash/about.jpg); }
.about #footer h4.copyright {border-bottom: 6px solid #a6a6a6; }
.about #footer p.company { background: #000;border-bottom: 6px solid #fff; }
.about #footer #iso h4 {background:#a6a6a6;}
.about #footer #iso h4 em {border-bottom: 6px solid #a6a6a6; }
.about #footer #iso h4 a {background:#000;}
.about #content {width:735px;padding:0 15px;}
.about #content .overview {float:left;width:398px;}

/* PRODUCTS */

	/* Filtration Products */

		/* vibrair */
		.vibrair #header { background-color: #311518; background-image: url(/images/splash/vibrair.jpg); }
		.vibrair #footer h4.copyright {border-bottom: 6px solid #311518; }
		.vibrair #footer p.company { background: #394651;border-bottom: 6px solid #fff; }
		.vibrair #footer #iso h4 {background:#311518;}
		.vibrair #footer #iso h4 em {border-bottom: 6px solid #311518; }
		.vibrair #footer #iso h4 a {background:#394651;}

		/* weldedseams */
		.welded-seams #header { background-color: #5e452f; background-image: url(/images/splash/welded-seams.jpg); }
		.welded-seams #footer h4.copyright {border-bottom: 6px solid #5e452f; }
		.welded-seams #footer p.company { background: #463a2e;border-bottom: 6px solid #fff; }
		.welded-seams #footer #iso h4 {background:#5e452f;}
		.welded-seams #footer #iso h4 em {border-bottom: 6px solid #5e452f; }
		.welded-seams #footer #iso h4 a {background:#463a2e;}
		.welded-seams strong,
		.welded-seams #content h3,
		.welded-seams #sidebar h3 {color:#412f1e;}
		

		/* multi-pleated */
		.multi-pleated #header { background-color: #233964; background-image: url(/images/splash/multi-pleated.jpg); }
		.multi-pleated #footer h4.copyright {border-bottom: 6px solid #233964; }
		.multi-pleated #footer p.company { background: #10152a;border-bottom: 6px solid #fff; }
		.multi-pleated #footer #iso h4 {background:#233964;}
		.multi-pleated #footer #iso h4 em {border-bottom: 6px solid #233964; }
		.multi-pleated #footer #iso h4 a {background:#10152a;}
		.multi-pleated strong,
		.multi-pleated #content h3,
		.multi-pleated #sidebar h3 {color:#223a64;}
		.multi-pleated #sidebar { margin: 0 17px 10px 0; width: 200px;}

		/* seamless */
		.seamless #header { background-color: #006269; background-image: url(/images/splash/seamless.jpg); }
		.seamless #footer h4.copyright {border-bottom: 6px solid #006269; }
		.seamless #footer p.company { background: #08485b;border-bottom: 6px solid #fff; }
		.seamless #footer #iso h4 {background:#006269;}
		.seamless #footer #iso h4 em {border-bottom: 6px solid #006269; }
		.seamless #footer #iso h4 a {background:#08485b;}

		/* anti-static */
		.anti-static #header { background-color: #592a1b; background-image: url(/images/splash/anti-static.jpg); }
		.anti-static #footer h4.copyright {border-bottom: 6px solid #592a1b; }
		.anti-static #footer p.company { background: #733621;border-bottom: 6px solid #fff; }
		.anti-static #footer #iso h4 {background:#592a1b;}
		.anti-static #footer #iso h4 em {border-bottom: 6px solid #592a1b; }
		.anti-static #footer #iso h4 a {background:#733621;}
		.anti-static strong,
		.anti-static #content h3,
		.anti-static #sidebar h3 {color:#733620;}

		/* ptfe */
		.ptfe-membrane #header { background-color: #3d3957; background-image: url(/images/splash/ptfe.jpg); }
		.ptfe-membrane #footer h4.copyright {border-bottom: 6px solid #3d3957; }
		.ptfe-membrane #footer p.company { background: #171728;border-bottom: 6px solid #fff; }
		.ptfe-membrane #footer #iso h4 {background:#3d3957;}
		.ptfe-membrane #footer #iso h4 em {border-bottom: 6px solid #3d3957; }
		.ptfe-membrane #footer #iso h4 a {background:#171728;}
		.ptfe-membrane strong,
		.ptfe-membrane #sidebar h3 {color:#3e476d;}
		
		/* micro-maxx */
		.micro-maxx #header { background-color: #380772; background-image: url(/images/splash/micro-maxx.jpg);}
		.micro-maxx #footer h4.copyright {border-bottom: 6px solid #380772; }
		.micro-maxx #footer p.company { background: #54596c;border-bottom: 6px solid #fff; }
		.micro-maxx #footer #iso h4 {background:#380772;}
		.micro-maxx #footer #iso h4 em {border-bottom: 6px solid #380772; }
		.micro-maxx #footer #iso h4 a {background:#54596c;}
		.micro-maxx strong,
		.micro-maxx h3,
		.micro-maxx #sidebar h3 {color:#5b559f!important;}		
		
	/* chemicaltreatments */
	.chemical #header { background-color: #de8a35; background-image: url(/images/splash/chemical.jpg); }
	.chemical #footer h4.copyright {border-bottom: 6px solid #de8a35; }
	.chemical #footer p.company { background: #94532c;border-bottom: 6px solid #fff; }
	.chemical #footer #iso h4 {background:#de8a35;}
	.chemical #footer #iso h4 em {border-bottom: 6px solid #de8a35; }
	.chemical #footer #iso h4 a {background:#94532c;}
	.chemical #content { width:599px;padding-right:0;}
	.chemical #content #treatment {clear:both;margin:0;width:599px;float:left;}
	.chemical #content #treatment h3 {margin:0 0 2px 0;padding:0;font-size:15px!important; float:right;width:390px;font-weight:normal;color:#000;}
	.chemical #content #treatment p {float:right;width:390px;margin:0;font: normal 10px/12px arial;line-height:12px!important;}
	.chemical #content #treatment p.sample {float:left;width:200px;margin:0;overflow:hidden;height:72px;}
	.chemical #content #treatment img {margin:0;}
	.chemical strong,
	.chemical #content h3,
	.chemical #sidebar h3 {color:#412f1e;}

	/* finishes */
	.finishes #header { background-color: #a9743c; background-image: url(/images/splash/finishes.jpg); }
	.finishes #footer h4.copyright {border-bottom: 6px solid #a9743c; }
	.finishes #footer p.company { background: #000;border-bottom: 6px solid #fff; }
	.finishes #footer #iso h4 {background:#a9743c;}
	.finishes #footer #iso h4 em {border-bottom: 6px solid #a9743c; }
	.finishes #footer #iso h4 a {background:#000;}
	.finishes strong,
	.finishes #content h3,
	.finishes #sidebar h3 {color:#a9743c;}
	


/* guide */
.guide #header { background-color: #7f9772; background-image: url(/images/splash/guide.jpg); }
.guide #footer h4.copyright {border-bottom: 6px solid #7f9772; }
.guide #footer p.company { background: #232f28;border-bottom: 6px solid #fff; }
.guide #footer #iso h4 {background:#7f9772;}
.guide #footer #iso h4 em {border-bottom: 6px solid #7f9772; }
.guide #footer #iso h4 a {background:#232f28;}
.guide #content {width:735px;padding:0 15px;}
.guide #content {margin-left:0; }
.guide #content table {background-color:#b6c2ab;border-collapse:collapse;margin:0; padding:0;border:none;font-size:11px;width:100%;text-align:center;}
.guide #content table th,
.guide #content table td{margin:0; padding:12px 4px;border:none;}
.guide #content .column {float:left;width:108px;margin:0 0 0 15px;padding:0;}
.guide #content .altcol {background:#9eaf91;}


/* conversion */
.conversion #header { background-color: #8c9fab; background-image: url(/images/splash/conversion.jpg); }
.conversion #footer h4.copyright {border-bottom: 6px solid #8c9fab; }
.conversion #footer p.company { background: #304859;border-bottom: 6px solid #fff; }
.conversion #footer #iso h4 {background:#8c9fab;}
.conversion #footer #iso h4 em {border-bottom: 6px solid #8c9fab; }
.conversion #footer #iso h4 a {background:#304859;}
.conversion #content {width:735px;padding:0 15px;margin-left:0; }
.conversion #content table {background-color:#fff;border-collapse:collapse;margin:0; padding:0;border:none;font-size:11px;width:100%;text-align:center;}
.conversion #content table th,
.conversion #content table td{margin:0; padding:9px 4px;border:none;}
.conversion #content h1 span {font-size:12px;}
.conversion #content h1 span a {font: normal 11px verdana;letter-spacing:-3px;}
.conversion #englishtometric { background:#fff;position:absolute; top:239px; left:50%;margin:0 0 0 -368px;width:735px;}
.conversion #content table {background:#E0E7EF;}


/* contact */
.contact #header { background-color: #115095; background-image: url(/images/splash/contact-v2.jpg); }
.contact #footer h4.copyright {border-bottom: 6px solid #115095; }
.contact #footer p.company { background: #000;border-bottom: 6px solid #fff; }
.contact #footer #iso h4 {background:#115095;}
.contact #footer #iso h4 em {border-bottom: 6px solid #115095; }
.contact #footer #iso h4 a {background:#000;}
.contact #content {width:735px;padding:0 15px;}
.contact #content #contactInfo { float: left; margin: 10px 0 0 10px; width: 210px; }
.contact #content #contactInfo h2 { border-bottom: 1px solid #DFC7B5; margin: 0 0 8px 0; padding: 0; text-align: left; }
.contact #content #contactInfo h3 { font-size: 13px; margin: 0 0 5px 0; padding: 0; text-align: left; }
.contact #content #contactInfo ul.phoneFax { margin: 0 0 15px 0; padding: 0 0 10px 0;border-bottom:1px dotted #ccc; }
.contact #content #contactInfo ul.phoneFax li { font-size: 11px; font-weight: bold; line-height: 14px; list-style: none; margin: 0 0 0px 1px; padding: 0; }
.contact #content #contactInfo address { font-size: 11px; font-style: normal; font-weight: normal; line-height: 14px; list-style: none; margin: 0 0 10px 1px; padding: 0; }
.contact #content form { float: right; margin: 0 50px 0 0; padding: 0 3px; width: 400px; }
.contact #content form fieldset { border: 0px solid #000; margin: 0; padding: 0; }
.contact #content form fieldset legend { display: none; }
.contact #content form p { font: bold 12px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; }
.contact #content form p label { display: block; padding: 0 0 0 0; }
.contact #content form p label span.required { display: none; }
.contact #content form p label em { font-size: 11px; }
.contact #content form p input, #content form p textarea { margin: 0 0 0 0; width: 95%; }
.contact #content form p.submit { margin: 20px 0 0 0; }
.contact #content form p.submit input { width: auto; }
.contact #content form #verify img { float: left; margin: 0 10px 0 0; }
.contact #content form #verify input { float: left; width: 60px; }
.contact #content form fieldset fieldset { color: #000; margin: 10px 0 0 2px; padding: 0; }
.contact #content form fieldset fieldset legend { display: none; }
.contact #content form fieldset fieldset p { margin: 0px; }
.contact #content form fieldset fieldset #verify input,
.contact #content form fieldset fieldset #verify img { margin-top: 2px; }
.contact #content .errors { background: darkred;float: right; margin: 0 50px 0.95em 0; width: 405px; }
.contact #content .errors h4 { background: red; color: #fff; font: bold 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin: 0; padding: 5px; }
.contact #content .errorlist { color: #fff; }
.contact #content .errorlist li { font: normal 11px/13px georgia, verdana, arial, helvetica, sans-serif; }
.contact #content .errors p { background: red; color: #fff; font: bold 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin: 0!important; padding: 0.65em!important; }
.contact #content .success { background: green; color: #fff; float: right; padding: 20px; width: 365px;margin: 0 50px 0.95em 0; }
.contact #content .success a:link,
.contact #content .success a:visited { color: #fff; }
.contact #content .success a:hover,
.contact #content .success a:active { background: #fff; color: green; }