@charset "utf-8";
/* CSS Document */

/* reset styles */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote,
a, font, img, ol, ul, li, fieldset, form, label {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:12px; line-height:15px; font-family: Helvetica, sans-serif; 
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: inherit; color:#333; background-color:#3E5A6B; background: url(images/pattern.gif) repeat; background-attachment: fixed;
	}
	
ol, ul {
	list-style: none;
	}
	
a img { border:none; }	

a:link, p.top-text a, p.top-text a:link, p#certifications-text a, p#certifications-text a:link { color:#3a5c71;	text-decoration:underline; font-size:inherit; }
a:hover, p.top-text a:hover, p#certifications-text a:hover { color:#da770c; }



/**************BLOCK LEVEL ELEMENTS*************/

h1#logo a { float:left; clear:none; margin:-2px 0 0 18px; width:466px; height:0px; padding-top:98px; overflow:hidden; background: url(images/logo.gif) no-repeat; }
	
h3#radio a { float:left; clear:none; margin:-20px 0 0 50px; width:249px; height:0px; padding-top:123px; overflow:hidden; background: url(images/radio.gif) no-repeat; }	
	
/********************************************/
/* 	               Headers  			    */
/********************************************/
	
h3#shop-locations { float:right; clear:none; margin:-39px 0 0 50px; width:249px; height:0px; padding-top:33px; overflow:hidden; background: url(images/locations.gif) no-repeat; }	

h3#home-header1 { float:left; margin:80px 0 0 18px; width:756px; height:0; padding-top:38px; overflow:hidden; background: url(images/home-header1.gif) no-repeat; }

h3#home-header2 { float:left; margin:0 0 0 18px; width:756px; height:0; padding-top:36px; overflow:hidden; background: url(images/home-header2.gif) no-repeat; }
	
h3#buy-header { float:left; margin:10px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/buy-header.gif) no-repeat; }
	
h3#certifications-header { float:left; margin:10px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/home-header2.gif) no-repeat; }

h3#media-library-header { float:left; margin:10px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/media-library-header.gif) no-repeat; }
	
h3#contact-header { float:left; margin:10px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/contact-header.gif) no-repeat; }	

h3#e-form-header { float:left; margin:20px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/e-form-header.gif) no-repeat; }

h3#thank-you-header { float:left; margin:10px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/thank-you-header.gif) no-repeat; }	
	
h3#products { float:left; margin:10px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/products-header.gif) no-repeat; }		
	
h3#faqs { float:left; margin:20px 0 0 21px; width:750px; height:0; padding-top:36px; overflow:hidden; background: url(images/FAQs-header.gif) no-repeat; }		
	
h4.product { float:left; margin:0 0 0 14px; width:735px; font-size:16px; line-height:30px; font-weight:bold; background-color:#597c92; color:#fff; padding:3px 2px 2px 10px; }

/********************************************/

	
p#intro { float:left; margin:12px 0 3px 20px; width:427px; height:0px; padding-top:77px; overflow:hidden; background: url(images/intro.gif) no-repeat; } 

p#why { float:left; margin:10px 0 0 20px; width:485px; height:0; padding-top:71px; overflow:hidden; background:url(images/why-img.jpg) no-repeat; }	
	
p#top-left-text { float:left; margin:15px 0 0 23px; width:437px; height:60px; }	

p#top-right-text { float:left; margin:-400px 0 0 60px; width:250px; height:115px; }	

p#small { float:left; margin:5px 0 0 -20px; width:230px; font-size:11px; line-height:13px; font-weight:bold; text-align:center; color:#da770c; }

p#certifications-text { float:left; margin:10px 0 0 20px; width:256px; }

p.map-title { margin:0 0 10px 0; font-size:16px; line-height:30px; text-align:center; font-weight:bold; color:#fff; background-color:#597c92; padding:2px 3px 1px 3px; }

p.top-text { float:left; margin:10px 0 0 25px; width:750px; font-size:14px; line-height:17px; color:#426174; }

p.top-text-red { float:left; margin:10px 0 0 25px; width:750px; font-size:14px; line-height:17px; color:#CC0000; }

p.product-text { float:left; margin:10px 0 0 25px; width:700px; font-size:14px; line-height:17px; color:#426174; }

p.product-features { float:left; margin:10px 0 0 25px; width:700px; font-size:14px; line-height:17px; font-weight:bold; color:#426174; }

p.large { float:left; margin:10px 0 0 25px; width:750px; font-size:24px; line-height:13px; color:#6a91aa; font-weight:bold; padding:20px 0 10px 0; }

/********************************************/
/* 	    Certification Logos 			    */
/********************************************/

p#energy-star { float:left; margin:10px 0 0 80px; width:53px; height:0; padding-top:55px; overflow:hidden; background: url(images/energy-star-logo.gif) no-repeat; }
p#under-labs { float:left; margin:10px 0 0 40px; width:64px; height:0; padding-top:64px; overflow:hidden; background: url(images/ul-logo.gif) no-repeat; }
p#cradle-cradle { float:left; margin:10px 0 0 40px; width:81px; height:0; padding-top:61px; overflow:hidden; background: url(images/c2c-logo.gif) no-repeat; }
p#iccc { float:left; margin:10px 0 0 40px; width:49px; height:0; padding-top:83px; overflow:hidden; background: url(images/iccc-logo.gif) no-repeat; }
p#usda { float:left; margin:4px 0 0 100px; width:75px; height:0; padding-top:52px; overflow:hidden; background: url(images/usda-logo.gif) no-repeat; }
p#nasa { float:left; margin:4px 0 0 40px; width:66px; height:0; padding-top:57px; overflow:hidden; background: url(images/nasa-logo.gif) no-repeat; }
p#factmutual { float:left; margin:4px 0 0 40px; width:92px; height:0; padding-top:54px; overflow:hidden; background: url(images/fm-logo.gif) no-repeat; }

/********************************************/
#home-depot-banner { 
	float:left;
 	border:1px solid #e1e1e1; 
	font-family:Helvetica, Arial, sans-serif; 
	color:#555555;
	padding:20px;
 	width:390px; 
	margin:10px 0 0 22px;
	background:#fff;
	/* Mozilla: */
    background: -moz-linear-gradient(top, #d7d7d7, #fff);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#fff));
    /* IE */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#d7d7d7', EndColorStr='#FFFFFF', GradientType=0);
}

#home-depot-banner p { 
	font-size:16px;
	font-weight:bold;
}

#home-depot-banner ul { margin-top:10px; }

#home-depot-banner ul li { list-style-image: url(images/bullet.gif); list-style-position:inside; }

div#div-list {margin:865px 0 0 520px; width:270px; height:168px; float:none;}
div#div-list div {font-size:12px; line-height:15px; font-weight:bold; color:#3a5c71; margin-bottom:3px;}

ul#top-bullets { float:left; margin:-35px 0 0 58px; width:270px; height:168px; }

ul#top-bullets li { list-style-image: url(images/bullet.gif); list-style-position:inside; font-size:12px; line-height:15px; font-weight:bold; color:#3a5c71; margin-bottom:3px; }
	
ul#map-bullets { float:left; margin:15px 0 0 25px; width:230px; height:168px; }	

ul.buy-map-bullets { float:left; margin:10px 0 0 15px; width:230px; height:168px; }	
	
ul#map-bullets li, ul#map-bullets li a, ul.buy-map-bullets li, ul.buy-map-bullets li a { list-style-image: url(images/bullet.gif); list-style-position:outside; font-size:11px; line-height:12px; font-weight:bold; color:#3a5c71; margin-bottom:5px; }
	
ul#map-bullets li a:hover, ul.buy-map-bullets li a:hover { color:#da770c; }
	
ul#certifications-list1 { float:left; margin:40px 0 0 100px; }

ul#certifications-list2 { float:left; margin:6px 0 0 130px; }

ul#certifications-list1 li, ul#certifications-list1 li a, ul#certifications-list2 li, ul#certifications-list2 li a { font-size:12px; line-height:15px; font-weight:bold; text-align:left; color:#3a5c71; margin:5px 0 30px 0; }
	
ul#certifications-list1 li a:hover, ul#certifications-list2 li a:hover { color:#da770c; }

ul#certifications-list1 li img, ul#certifications-list2 li img { margin-bottom:7px }

div.product { margin:10px 0 0 10px;  }
div.product div { font-size:13px; line-height:16px; font-weight:bold; color:#3a5c71; margin-bottom:3px; margin-left:15px; }

div.product2 { float:left; margin:10px 0 0 45px;  }
div.product2 div { font-size:13px; line-height:16px; font-weight:bold; color:#3a5c71; margin-bottom:3px; }

ul.product { float:left; margin:10px 0 0 45px;  }

ul.product li { list-style-image: url(images/bullet.gif); list-style-position:inside; font-size:13px; line-height:16px; font-weight:bold; color:#3a5c71; margin-bottom:3px; }
	
ul.product2 { float:left; margin:10px 0 0 45px;  }

ul.product2 li { list-style-image: url(images/bullet.gif); list-style-position:inside; font-size:13px; line-height:16px; font-weight:bold; color:#3a5c71; margin-bottom:3px; }	
	
#product-video { float:left; margin:15px 0 0 25px; border:1px dotted #55778b; }

#google-map { float:left; margin:7px 0 0 7px; }

img.home-product { float:right; margin:-20px 0 0 20px; }

img.logo { float:left; margin:-15px 5px 0 0; }

img.product-photo { float:right; margin:-10px 0 0; }

span.home-product-title { margin:0 0 50px 0; font-size:16px; line-height:30px; font-weight:bold; color:#597c92; }

span.contact { font-size:14px; line-height:17px }

span.red { color:#CC0000; font-size:inherit; }

/********************************************/
/* 					NAVIGATION 			    */
/********************************************/

ul#nav { float:left; margin:0 0 0 23px; width:758px; height:28px; }

ul#nav li { position:relative; display:inline; float:left; }

ul#nav li#home a, ul#nav li#home a:link,  
ul#nav li#products a, ul#nav li#products a:link,  
ul#nav li#certifications a, ul#nav li#certifications a:link,  
ul#nav li#buy a, ul#nav li#buy a:link,
ul#nav li#media-library a, ul#nav li#media-library a:link,
ul#nav li#faqs a, ul#nav li#faqs a:link,
ul#nav li#buy-page a, ul#nav li#buy-page a:link,
ul#nav li#certifications-page a, ul#nav li#certifications-page a:link,
ul#nav li#media-library-page a, ul#nav li#media-library-page a:link,
ul#nav li#products-page a, ul#nav li#products-page a:link,
ul#nav li#faqs-page a, ul#nav li#faqs-page a:link {
	float:left; height:0px; padding-top:28px; width:108px; display:block; overflow:hidden; background:url(images/nav.gif) no-repeat; background-position:0 0;
}

ul#nav li#contact a, ul#nav li#contact a:link,
ul#nav li#contact-page a, ul#nav li#contact-page a:link {
float:left; width:102px; height:0px; padding-top:28px; display:block; overflow:hidden; background:url(images/nav.gif) no-repeat; background-position:0 0;
}

ul#nav li#home a, ul#nav li#home a:link { background-position:0 0; }
ul#nav li#home a:hover { background-position:0 -28px; }

ul#nav li#products a, ul#nav li#products a:link { background-position:-108px 0; }
ul#nav li#products a:hover { background-position:-108px -28px; }
/***FOR PAGE***/
ul#nav li#products-page a, ul#nav li#products-page a:link { background-position:-108px -28px; }
ul#nav li#products-page a:hover { background-position:-108px -28px; }


ul#nav li#certifications a, ul#nav li#certifications a:link { background-position:-216px 0; }
ul#nav li#certifications a:hover { background-position:-216px -28px; }
/***FOR PAGE***/
ul#nav li#certifications-page a, ul#nav li#certifications-page a:link { background-position:-216px -28px; }
ul#nav li#certifications-page a:hover { background-position:-216px -28px; }

ul#nav li#buy a, ul#nav li#buy a:link { background-position:-324px 0; }
ul#nav li#buy a:hover { background-position:-324px -28px; }
/***FOR PAGE***/
ul#nav li#buy-page a, ul#nav li#buy-page a:link { background-position:-324px -28px; }
ul#nav li#buy-page a:hover { background-position:-324px -28px; }

ul#nav li#media-library a, ul#nav li#media-library a:link, ul#nav li#media-library a:link { background-position:-432px 0 }
ul#nav li#media-library a:hover { background-position:-432px -28px; }
/***FOR PAGE***/
ul#nav li#media-library-page a, ul#nav li#media-library-page a:link, ul#nav li#media-library-page a:link { background-position:-432px -28px }
ul#nav li#media-library-page a:hover { background-position:-432px -28px; }

ul#nav li#faqs a, ul#nav li#faqs a:link, ul#nav li#faqs a:link { background-position:-540px 0 }
ul#nav li#faqs a:hover { background-position:-540px -28px; }
/***FOR PAGE***/
ul#nav li#faqs-page a, ul#nav li#faqs-page a:link, ul#nav li#faqs-page a:link { background-position:-540px -28px }
ul#nav li#faqs-page a:hover { background-position:-540px -28px; }

ul#nav li#contact a, ul#nav li#contact a:link { background-position:-648px 0; }
ul#nav li#contact a:hover { background-position:-648px -28px; }
/***FOR PAGE***/
ul#nav li#contact-page a, ul#nav li#contact-page a:link { background-position:-648px -28px; }
ul#nav li#contact-page a:hover { background-position:-648px -28px; }

/********************************************/

/**************DIVS***************************/
	
	
/********************************************/
/* 	    CONTAINER SIZES per PAGE		    */
/********************************************/
	
#container-home, #container-buy, #container-products, #container-certs, #container-contact, #container-media, #container-faqs { position:relative; margin:0 auto 0 auto; width:833px; min-height:100%; padding:20px; background: url(images/main-bkgrd.png) repeat-y; }

#container-home { height:1820px; }
#container-buy { height:800px; }
#container-products { height:4450px; }
#container-certs { height:2200px; }
#container-contact { height:850px; }
#container-media { height:3350px; }
#container-faqs { height:3700px; }

/********************************************/

#top-callouts { float:left; margin:0 0 0 23px; width:750px; height:0px; padding-top:300px; overflow:hidden; background: url(images/top-callouts.gif) no-repeat; }

#locations { float:right; margin:-190px 60px 0 0; width:248px; height:460px; border:3px solid #4e7085; }

#home-product1, #home-product2 { float:left; height:210px; background-color:#efefef; padding:10px; }

#home-product1 { width:350px; margin:15px 0 30px 20px; }

#home-product2 { width:330px; margin:15px 0 30px 30px; }

#certifications-home { float:left; margin:0 0 0 0; width:759px; }

#buy-location1, #buy-location2, #buy-location3 { float:left; width:210px; height:325px; border:1px solid #597c92; padding:10px;}

#buy-location1 { margin:20px 0 0 30px; }
#buy-location2, #buy-location3 { margin:20px 0 0 20px; }

#contact-location1, #contact-location2, #contact-location3 { float:left; width:230px; height:120px;}

#contact-location1 { margin:20px 0 0 30px; }
#contact-location2 { margin:20px 0 0 10px; }
#contact-location3 { margin:20px 0 0 60px; }

.product { float:left; margin:0 0 30px 35px; width:750px; }

#SPI { float:right; margin:0; padding:0; }

#test-listing { float:left; margin:10px 0 0 100px; background-color:#d2dde4; width:600px; height:850px; font-size:14px; color:#426174;}
#test-listing p { margin:25px 0 0 25px; }

ul.listing { float:left; margin:0 0 0 25px; width:520px; line-height:30px; list-style:disc; margin-left:40px; }
ul#bullets { float:left; list-style-image: url(images/bullet.gif); margin-left:40px; }
ul#bullets li { padding-bottom: 3px; }

/********************************************/
/* 	    			FORM				    */
/********************************************/

form { float:left; margin:10px 0 0 25px; font-size:14px; color:#426174; }

form table { width: 400px; background-color:#d2dde4; border:1px solid #9aa9b1; padding:10px; }


	
