/*CSS for persistent elements*/
*{ margin:0; padding:0}
/*hack to center the wrapper in IE */
body{text-align: center; min-width: 1000px;}
p{font:10px/13px Verdana, Arial, _sans; color:#036;}
h1{font:14px/16px Verdana, Arial, _sans; margin:10px 0 0 0; text-transform:lowercase; color:#036;}
#wrapper{margin:0 auto; width:1000px; text-align:left; }
/*CSS for the main nav */
#nav_area{width:1000px; height:65px; background:url(../../_images/g_bg_nav.gif) repeat-x;}
#nav_area span{display:none;}
#nav_area ul{list-style-type:none; position:relative;}
li#logo_btn a, li#home_btn a, li#about_btn a, li#brands_btn a, li#contact_btn a {text-decoration:none; position:absolute; top:0;}
li#logo_btn a{left: 0; width:540px; height:65px; background:url(../../_images/g_nav_logo.gif) 0 0 no-repeat;}
li#home_btn a{left: 540px; width:66px; height:65px; background:url(../../_images/b_nav_home.gif) 0 0 no-repeat;}
li#about_btn a{left: 606px; width:69px; height:65px; background:url(../../_images/b_nav_about.gif) 0 0 no-repeat;}
li#brands_btn a{left: 675px; width:69px; height:65px; background:url(../../_images/b_nav_brands.gif) 0 0 no-repeat;}
li#contact_btn a{left: 744px; width:95px; height:65px; background:url(../../_images/b_nav_contact.gif) 0 0 no-repeat;}
li#home_btn a:hover, li#about_btn a:hover, li#brands_btn a:hover, li#contact_btn a:hover{background-position:0 -65px;}
li#home_btn a.nav_alternate:hover, li#about_btn a.nav_alternate:hover, li#brands_btn a.nav_alternate:hover, li#contact_btn a.nav_alternate:hover {background-position:0 -260px;}
/* the following rule is recognized only by IE - corrects bottom margin added by IE*/	
* html*li#logo_btn a, * html*li#home_btn, * html*li#about_btn, * html*li#brands_btn, * html*li#contact_btn{margin:0 0 -19px 0;}

li#home_btn a.nav_chosen, li#home_btn a.nav_chosen:hover, 
li#about_btn a.nav_chosen, li#about_btn a.nav_chosen:hover,
li#brands_btn a.nav_chosen, li#brands_btn a.nav_chosen:hover, 
li#contact_btn a.nav_chosen, li#contact_btn a.nav_chosen:hover {background-position:0 -130px; cursor:default;}
li#home_btn a.nav_alternate, li#about_btn a.nav_alternate, li#brands_btn a.nav_alternate, li#contact_btn a.nav_alternate {background-position:0 -195px;}

.content{margin:0 0 0 20px; float:left;}
/*CSS for content area */
.content_area{width:1000px; padding:0 0 30px 0; background:url(../../_images/g_bg_default_reflection.jpg) repeat-x #FFF;}
.left_column{width:524px; height:524px; float:left;}
#footer{height:26px; padding:7px 0 0 0; background-color: #00467a; text-align:center;}
#footer ul{}
#footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#FFF; border-right:1px solid #FFF;}
#footer li.finalitem{border:none;}
#footer a:link, #footer a:visited{color:#FFF; text-decoration:none;}
#footer a:hover {color#CCC; text-decoration:underline;}
/* End persistent elements */

/*CSS for the Home page */
#home {width:999px; border-right:1px solid #036;}
#home .content_area{width:999px; height:319px; background:none;}
#home .left_column{height:349px; float:left;}
#home .content{float:left;}
#home .content p{width:320px; margin:15px 0 0 40px; }
#home .content h4{width:320px; margin:15px 0 0 40px; font:14px/16px Verdana, Arial, _sans; color:#036; }
#home .content h5{width:320px; margin:0 0 0 40px; font:12px/16px Verdana, Arial, _sans; color:#036; }
/* the following rule is recognized only by IE */	
* html body div#home .left_column, * html body div#home .content{margin:0 0 -34px -3px;}
#home .h{margin:64px 0 0 40px;}
#home .sh{margin:23px 0 0 40px;}
#home .secondarynav_container{width:999px; height:235px;}
/* the following rule is recognized only by IE */	
* html body div#home .secondarynav_container{margin:-26px 0 -5px 0;}
#home .b_secondarynav{border:none;}
#home_footer {height:26px; margin:10px 0 0 0; background:#FFF; text-align:center;}
#home_footer ul{}
#home_footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#036; border-right:1px solid #036;}
#home_footer li.finalitem{border:none;}
#home_footer a:link, #home_footer a:visited{color:#036; text-decoration:none;}
#home_footer a:hover {color#CCC; text-decoration:underline;}

/*CSS for the about page*/
#about .content_area{width:1000px; padding:30px 0 30px 0;}
#about .content {padding:22px 0 0 0;}
#about .content p{width:300px; margin:15px 0 0 0; }

/*CSS for the retailCustomers page*/
#retailCustomers .left_column{
	  height: auto;
	  margin-left: 113px;
	  width: 420px;
	  display: inline;
	}
#retailCustomers .content_area{width:1000px; padding: 50px 0 0 0 ; margin: 0;}
#retailCustomers .content {dislay: inline; padding:0; margin-top: 30px; }
#retailCustomers .content p{width:300px; margin:15px 0 0 0; }

#retailCustomers ul.documents{
	list-style: none;
	width: 370px;
	margin: 20px 0 30px 0;
	padding: 0;
}

#retailCustomers ul.documents li{
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  font-family: Arial;
  line-height: 1.5;
  padding: 0;
}

#retailCustomers ul.documents li a{
  background-image: url('/_images/icon_pdf.gif');
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-left: 25px;	
  text-decoration: none;
  
}

/*CSS for the brands page*/
/*CSS for the brands subnav*/
#subnav_brands{padding:10px 0 10px 440px; height:13px; background:#FFF;}
#subnav_brands ul{}
#subnav_brands li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:11px/14px Verdana, Arial, _sans; color:#666; border-right:1px solid #036;}
#subnav_brands li.finalitem{border:none;}
#subnav_brands a:link, #subnav_brands a:visited{color:#036; text-decoration:none;}
#subnav_brands a:hover{color#CCC; text-decoration:underline;}
#brands .content_area{width:1000px; padding:0 0 30px 0; background:url(../../_images/g_bg_brands_reflection.jpg) repeat-x #FFF;}
#brands .thumbnail{width:74px; height:74px; margin:0 6px 6px 0; float:left; border:none;}
#brands .content {padding:50px 0 0 0;}
#brands .content p{width:300px; margin:15px 0 0 0; }
#brands .content a{color:#036; font-weight:bold; text-decoration:none;}
#brands .content a:hover{text-decoration:underline;}

/*CSS for the brands_oxydol page*/
#brands_oxydol .thumbnail{margin:0 6px 6px 0; float:left; border:none;}
#brands_oxydol .content p{width:300px; margin:15px 0 0 0; }
#brands_oxydol .content_area{background:url(../../_images/g_bg_oxydol_reflection.jpg) repeat-x #33bf44;}
#brands_oxydol .content_area h1, #brands_oxydol .content_area p{color:#FFF;}
#brands_oxydol .content_area h1{margin:5px 0 0 0;}
#brands_oxydol .large_image{float:left;}
#brands_oxydol .content{margin:0 0 0 20px; float:left;}
#brands_oxydol .content_area img{border:0;}
#brands_oxydol .logo{width:175px; height:110px; margin:20px 0 20px 0;}
#brands_oxydol .productlineup_thumbnail{height:105px; margin:2px 0 0 0; float:left;}
#brands_oxydol #footer{height:26px; padding:7px 0 0 0; background:#33bf44; text-align:center;}
#brands_oxydol #footer ul{}
#brands_oxydol #footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#FFF; border-right:1px solid #FFF;}
#brands_oxydol #footer li.finalitem{border:none;}
#brands_oxydol #footer a:link, #footer a:visited{color:#FFF; text-decoration:none;}
#brands_oxydol #footer a:hover {color#CCC; text-decoration:underline;}
#brands_oxydol .content a{color: #FFFFFF; font-weight: bold; text-decoration: none; }
#brands_oxydol .content a:hover{text-decoration: underline;}

/*CSS for the brands_pinepower page*/
#brands_pinepower .thumbnail{margin:0 6px 6px 0; float:left; border:none;}
#brands_pinepower .content p{width:300px; margin:15px 0 0 0; }
#brands_pinepower .content_area{background:url(../../_images/g_bg_pinepower_reflection.jpg) repeat-x #123E1B;}
#brands_pinepower .content_area h1, #brands_pinepower .content_area p{color:#FFF;}
#brands_pinepower .content_area h1{margin:5px 0 0 0;}
#brands_pinepower .large_image{float:left;}
#brands_pinepower .content{margin:0 0 0 20px; float:left;}
#brands_pinepower .content_area img{border:0;}
#brands_pinepower .logo{width:175px; height:110px; margin:20px 0 20px 0;}
#brands_pinepower .productlineup_thumbnail{height:105px; margin:2px 15px 0 0; float:left;}
#brands_pinepower #footer{height:26px; padding:7px 0 0 0; background:#123E1B; text-align:center;}
#brands_pinepower #footer ul{}
#brands_pinepower #footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#FFF; border-right:1px solid #FFF;}
#brands_pinepower #footer li.finalitem{border:none;}
#brands_pinepower #footer a:link, #footer a:visited{color:#FFF; text-decoration:none;}
#brands_pinepower #footer a:hover {color#CCC; text-decoration:underline;}

/*CSS for the brands_magnumpower page*/
#brands_magnumpower .thumbnail{margin:0 6px 6px 0; float:left; border:none;}
#brands_magnumpower .content p{width:300px; margin:15px 0 0 0; }
#brands_magnumpower .content_area{background:url(../../_images/g_bg_magnumpower_reflection.jpg) repeat-x #006064;}
#brands_magnumpower .content_area h1, #brands_magnumpower .content_area p{color:#FFF;}
#brands_magnumpower .content_area h1{margin:5px 0 0 0;}
#brands_magnumpower .large_image{float:left;}
#brands_magnumpower .content{margin:0 0 0 20px; float:left;}
#brands_magnumpower .content_area img{border:0;}
#brands_magnumpower .logo{width:175px; height:110px; margin:20px 0 20px 0;}
#brands_magnumpower .productlineup_thumbnail{height:105px; margin:2px 15px 0 0; float:left;}
#brands_magnumpower #footer{height:26px; padding:7px 0 0 0; background:#006064; text-align:center;}
#brands_magnumpower #footer ul{}
#brands_magnumpower #footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#FFF; border-right:1px solid #FFF;}
#brands_magnumpower #footer li.finalitem{border:none;}
#brands_magnumpower #footer a:link, #footer a:visited{color:#FFF; text-decoration:none;}
#brands_magnumpower #footer a:hover {color#CCC; text-decoration:underline;}

/*CSS for the brands_biz page*/
#brands_biz .thumbnail{margin:0 6px 6px 0; float:left; border:none;}
#brands_biz .content p{width:300px; margin:15px 0 0 0; }
#brands_biz .content a{color:#FFF; font-weight:bold; text-decoration:none;}
#brands_biz .content a:hover{text-decoration:underline;}
#brands_biz .content_area{background:url(../../_images/g_bg_biz_reflection.jpg) repeat-x #00467a;}
#brands_biz .content_area h1, #brands_biz .content_area p{color:#FFF;}
#brands_biz .content_area h1{margin:5px 0 0 0;}
#brands_biz .large_image{float:left;}
#brands_biz .content{margin:0 0 0 20px; float:left;}
#brands_biz .content_area img{border:0;}
#brands_biz .logo{width:175px; height:110px; margin:20px 0 20px 0;}
#brands_biz .productlineup_thumbnail{height:105px; margin:2px 15px 0 0; float:left;}
#brands_biz #footer{height:26px; padding:7px 0 0 0; background:#003467; text-align:center;}
#brands_biz #footer ul{}
#brands_biz #footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#FFF; border-right:1px solid #FFF;}
#brands_biz #footer li.finalitem{border:none;}
#brands_biz #footer a:link, #footer a:visited{color:#FFF; text-decoration:none;}
#brands_biz #footer a:hover {color#CCC; text-decoration:underline;}

/*CSS for the brands_meangreen page*/
#brands_meangreen .thumbnail{margin:0 6px 6px 0; float:left; border:none;}
#brands_meangreen .content p{width:300px; margin:15px 0 0 0; }
#brands_meangreen .content_area{background:url(../../_images/g_bg_meangreen_reflection.jpg) repeat-x #f98d4d;}
#brands_meangreen .content_area h1, #brands_meangreen .content_area p{color:#FFF;}
#brands_meangreen .content_area h1{margin:5px 0 0 0;}
#brands_meangreen .large_image{float:left;}
#brands_meangreen .content{margin:0 0 0 20px; float:left;}
#brands_meangreen .content_area img{border:0;}
#brands_meangreen .logo{width:175px; height:130px; margin:0px 0 20px 0;}
#brands_meangreen .productlineup_thumbnail{height:105px; margin:2px 6px 0 0; float:left;}
#brands_meangreen #footer{height:26px; padding:7px 0 0 0; background:#f98d4d; text-align:center;}
#brands_meangreen #footer ul{}
#brands_meangreen #footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#FFF; border-right:1px solid #FFF;}
#brands_meangreen #footer li.finalitem{border:none;}
#brands_meangreen #footer a:link, #footer a:visited{color:#FFF; text-decoration:none;}
#brands_meangreen #footer a:hover {color#CCC; text-decoration:underline;}

/*CSS for the brands_meangreen_industrial page*/
#brands_meangreen_industrial .thumbnail{margin:0 6px 6px 0; float:left; border:none;}
#brands_meangreen_industrial .content p{width:300px; margin:15px 0 0 0; }
#brands_meangreen_industrial .content_area{background:url(../../_images/g_bg_meangreen_industrial_reflection.jpg) repeat-x #027441;}
#brands_meangreen_industrial .content_area h1, #brands_meangreen_industrial .content_area p{color:#FFF;}
#brands_meangreen_industrial .content_area h1{margin:5px 0 0 0;}
#brands_meangreen_industrial .large_image{float:left;}
#brands_meangreen_industrial .content{margin:0 0 0 20px; float:left;}
#brands_meangreen_industrial .content_area img{border:0;}
#brands_meangreen_industrial .logo{width:175px; height:130px; margin:0px 0 20px 0;}
#brands_meangreen_industrial .productlineup_thumbnail{height:105px; margin:2px 6px 0 0; float:left;}
#brands_meangreen_industrial #footer{height:26px; padding:7px 0 0 0; background:#027441; text-align:center;}
#brands_meangreen_industrial #footer ul{}
#brands_meangreen_industrial #footer li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; font:10px/14px Verdana, Arial, _sans; color:#FFF; border-right:1px solid #FFF;}
#brands_meangreen_industrial #footer li.finalitem{border:none;}
#brands_meangreen_industrial #footer a:link, #footer a:visited{color:#FFF; text-decoration:none;}
#brands_meangreen_industrial #footer a:hover {color#CCC; text-decoration:underline;}


/*CSS for the contact forms*/
#contact .content_area{width:1000px; padding:30px 0 30px 0;}
#contact .content {padding:22px 0 0 0;}
#contact .content p{width:300px; margin:15px 0 0 0; }
#contact #form_name, #contact #form_email, #contact #form_phone, #contact #form_comments, #contact #submit_button {display:none;}
#contact .dropdown{margin:15px 0 0 0; border:1px #036 solid;}
#contact .formfield{border:1px #036 solid; font:11/14px Verdana, Arial, _sans; color:#030;}
#contact .formbutton{margin:15px 0 0 0;}

/*CSS for the privacy page*/
#privacy .content_area{width:1000px; padding:30px 0 30px 0;}
#privacy .content {padding:22px 0 0 0;}
#privacy .content p{width:300px; margin:15px 0 0 0; }
#privacy ul{margin:10px 0 0 8px; }
#privacy li{list-style-type:none; list-style-position:inside; font:10px/14px Verdana, Arial, _sans; color:#036; font-weight:bold;}

/*CSS for the site map page*/
#sitemap .content_area{width:1000px; padding:30px 0 30px 0;}
#sitemap .content {padding:22px 0 0 0;}
#sitemap .content p{width:300px; margin:15px 0 0 0; }
#sitemap a:link, #sitemap a:visited {text-decoration:none; color:#036}
#sitemap a:hover {text-decoration:underline;}
#sitemap ul{}
#sitemap li{margin:15px 0 0 0; list-style-type:none; list-style-position:inside; font:10px/14px Verdana, Arial, _sans; color:#036; font-weight:bold;}
#sitemap ul ul{margin:0 0 0 15px;}
#sitemap ul ul li {font-weight:normal;}