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

img, div{
	behavior: url(iepngfix.htc) 
	}

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#282828;
	}
	
#bottom-grad{
	width:100%;
	min-height:295px;
	*height:295px;
	}
	
input{
	border:solid 1px #aaaaaa;
	}
	
a{
	color:#0e2ea8;
	text-decoration:none;
	}
	
a:hover{
	border-bottom:dotted 1px #7d7d7d;
	color:#7d7d7d;
	}
	
img{
	border:none;
	}
	
ul{
	margin:0;
	padding:6px 30px;
	}
	
li{
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0 0 8px 0;
	}
	
.more a{
	background:url(../images/btn-more.png) top left no-repeat;
	height:19px;
	width:63px;
	display:block;
	float:right;
	}
	
.more a:hover{
	border:none;
	}
	
.subscribe a{
	background:url(../images/btn-subscribe.gif) top left no-repeat;
	height:27px;
	width:165px;
	display:block;
	float:left;
	margin-top:10px;
	}
	
.subscribe a:hover{
	background-position:0 -27px;
	border:none;
	}
	
p{
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0 0 12px 0;
	}
	
h1{
	font-size:24px;
	color:#00853e;
	margin:0;
	padding:12px 0 12px 0;
	}
	
#main-center{
	width:1030px;
	margin:0 auto;
	}
	
#main-container{
	width:960px;
	float:left;
	padding:0 35px;
	/*height:600px;*/
	}
	
#header{
	float:left;
	width:936px;
	padding:10px 0 10px 24px;
	}
	
#logo-container{
	float:left;
	width:208px;
	padding:8px 0 8px 0;
	}
	
#search-container{
	float:right;
	padding:2px 30px 0 0;
	visibility:hidden;
	display:none;
	}
	
.searchbutton{
	background:url(../images/btn-search.gif) top left no-repeat;
	height:19px;
	width:66px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	margin:0 0 0 4px;
	padding:0;
	}
	
#login-buttons{
	float:right;
	display:none;
	visibility:hidden;
	}
	
#login-buttons ul{
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	}
	
#login-buttons ul li{
	width:165px;
	padding:2px;
	margin:0;
	}
	
#login-buttons ul li a{
	display:block;
	height:27px;
	}
	
#login-buttons ul li.login-distributor a{
	background:url(../images/login-distributor.gif) top left no-repeat;
	}
	
#login-buttons ul li.login-salesrep a{
	background:url(../images/login-salesrep.gif) top left no-repeat;
	}
	
#login-buttons ul li.login-agcustomer a{
	background:url(../images/login-agcustomer.gif) top left no-repeat;
	}
	
#login-buttons ul li.login-contractor a{
	background:url(../images/login-contractor.gif) top left no-repeat;
	}
	
#login-buttons ul li a:hover{
	background-position:0 -27px;
	border:none;
	}
	
	

	


/*MAIN NAVIGATION STYLES 
---------------------------------------------------------------------*/
	
span.hide{
	display:none;
	}
	
#main-nav{
	float:left;
	width:960px;
	height:55px;
	display:none;
	visibility:hidden;
	}
	
#main-nav ul{
	padding:0;
	margin:0;
	}
	
#main-nav li{
	display:inline;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
	}
	
#main-nav a{
	height:55px;
	display:block;
	}
	
.whatsnew{
	width:138px;
	background:url(../images/btn-whatsnew.gif) top left no-repeat;
	}
	
.ourproducts, .aboutepco, .customerservice, .literature, .locatesalesrep, .locatedistributor{
	width:137px;
	}
	
.ourproducts{
	background:url(../images/btn-ourproducts.gif) top left no-repeat;
	}
	
.aboutepco{
	background:url(../images/btn-aboutepco.gif) top left no-repeat;
	}
	
.customerservice{
	background:url(../images/btn-customerservice.gif) top left no-repeat;
	}
	
.literature{
	background:url(../images/btn-epcoliterature.gif) top left no-repeat;
	}
	
.locatesalesrep{
	background:url(../images/btn-locatesalesrep.gif) top left no-repeat;
	}
	
.locatedistributor{
	background:url(../images/btn-locatedistributor.gif) top left no-repeat;
	}
	
#main-nav ul li a:hover{
	background-position:0 -55px;
	border:none;
	}

	
#main-nav ul li a.active{
	background-position:0 -110px;
	}
	
	
	


/*     DROP DOWN STYLES 
--------------------------------------*/	

		
#main-nav ul li ul{	
	z-index:100;
	position:absolute;
	background-image:url(../images/bg-dropdown.gif);
	background-repeat:repeat-x;
	background-color:#f0f0f0;
	border-right:solid 1px #b2b2b2;
	border-left:solid 1px #b2b2b2;
	border-top:solid 1px #b2b2b2;
	left: -999em;
	height:auto;
	width:135px;
	margin:0;
	padding:0;
	}

#main-nav li ul li{
	/*float:none;*/
	margin:0;
	padding:0;
	width:135px;
	border-bottom:solid 1px #b2b2b2;
	line-height:15px;
	}
	
#main-nav li ul li a{
	text-decoration:none;
	font-size:12px;
	color:#363636;
	font-weight:bold;
	height:auto;
	padding:5px 10px;
	/*border-bottom:solid 1px #ccc;*/
	border:none;
	}
	
#main-nav li ul li a.flyout{
	background:url(../images/bg-flyout.gif) center right no-repeat;
	}
	
#main-nav li ul li a:hover{
	color:#00853e;
	background-color:#fff;
	border:none;
	}
	
#main-nav ul li:hover ul, #main-nav ul li.mainHover ul{
	left:auto;
	}
	
		
#main-nav ul li ul li ul{	
	z-index:100;
	position:absolute;
	background-color:#eaeaea;
	background-image:url(../images/bg-secondary-drop.gif);
	background-repeat:repeat-y;
	border-right:solid 1px #b2b2b2;
	border-left:solid 1px #b2b2b2;
	border-top:solid 1px #b2b2b2;
	display:none;
	height:auto;
	width:135px;
	padding:0;
	margin:0;
	}

#main-nav li ul li ul li{
	float:none;
	margin:0;
	padding:0;
	width:135px;
	border-bottom:solid 1px #b2b2b2;
	/*border:none;*/
	display:block;
	height:auto;
	margin:0;
	padding:0;
	}
	
#main-nav li ul li ul li a{
	text-decoration:none;
	font-size:12px;
	color:#363636;
	font-weight:bold;
	height:auto;
	/*padding:5px 10px;*/
	border:none;
	}
	
#main-nav li ul li ul li a:hover{
	color:#00853e;
	border:none;
	}
	
#main-nav ul li ul li:hover ul, #main-nav ul li ul li.mainHover ul{
	display:block;
	left:135px;
	}
	
	
/*------------------------------------------------------------------------------------------*/


/*  SIDENAV STYLES
-------------------------------------------------------------------------------------------*/


#sidenav-wrapper{
	float:left;
	width:180px;
	padding:0 0 18px 0;
	display:none;
	visibility:hidden;
	}

#sidenav-wrapper a:hover{
	border:none;
	}
	
#sidenav-top{
	background:url(../images/sidenav-top.gif) top left no-repeat;
	height:15px;
	width:180px;
	}
	
#sidenav-bottom{
	background:url(../images/sidenav-bottom.gif) top left no-repeat;
	height:14px;
	width:180px;
	}
	
#sidenav-middle{
	background:url(../images/bg-sidenav-T2.gif) top left repeat-y;
	width:180px;
	}
	
#sidenav-middle ul{
	margin:0;
	padding:0;
	border-top:solid 2px #202020;
	width:179px;
	}
	
#sidenav-middle ul li{
	list-style:none;
	font-size:17px;
	font-weight:bold;
	/*display:block;*/
	width:179px;
	border-bottom:solid 2px #202020;
	display:block;
	line-height:18px;
	padding:0;
	margin:0;
	}
	
#sidenav-middle ul li a{
	color:#fff;
	display:block;
	padding:8px 10px;
	}
	
#sidenav-middle ul li a:hover{
	color:#fff;
	/*background:url(../images/bg-sidenav-T3.gif) top left repeat;
	background-color:#00853e;*/
	background:url(../images/bg-sidenav-hover.gif) top left repeat;
	}
	
#sidenav-middle ul li a.active{
	color:#f2a53f;
	/*background-image:none;
	border-left:solid 3px #202020;*/
	background:url(../images/bg-sidenav-T3.gif) top left repeat;
	}
	
#sidenav-middle ul li ul{
	padding:0;
	margin:0;
	/*background:url(../images/bg-sidenav-T3.gif) top left repeat;*/
	background-color:#666666;
	border:none;
	}
	
#sidenav-middle ul li ul li{
	/*background-color:#666;*/
	background-image:none;
	font-size:12px;
	width:180px;
	border-top:solid 1px #353535;
	border-bottom:none;
	line-height:14px;
	padding:0;
	margin:0;
	}
	
#sidenav-middle ul li ul li a{
	/*margin:0 0 0 -10px;*/
	padding:4px 10px;
	display:block;
	}
	
#sidenav-middle ul li ul li a:hover{
	/*background:url(../images/bg-sidenav-T3-hover.gif) top left repeat;
	color:#fff;
	/*border-left:solid 3px #b2b2b2;*/
	padding:4px 10px;
	background:url(../images/bg-sidenav-hover.gif) top left repeat;
	/*background-color:#00853e;*/
	}
	
#sidenav-middle ul li ul li a.active{
	background:url(../images/bg-sidenav-T3-active.gif) top left repeat;
	/*background-color:#666666;
	background-image:none;*/
	/*color:#f2a53f;*/
	/*color:#00853e;*/
	color:#00853e;
	border-left:solid 1px #b2b2b2;
	border-right:solid 1px #b2b2b2;
	/*border-bottom:solid 1px #b2b2b2;*/
	padding:4px 10px;
	}
	
#sidenav-middle ul li ul li ul{
	border-left:solid 1px #b2b2b2;
	/*border-right:solid 1px #b2b2b2;*/
	border-top:none;
	/*background-color:#d5d5d5;*/
	background-image:none;
	}
	
#sidenav-middle ul li ul li ul li{
	font-size:12px;
	background-color:#dfdfdf;
	/*background-color:#fff;*/
	/*margin:0 0 0 -10px;*/
	width:178px;
	/*border-bottom:solid 1px #ccc;*/
	border-top:none;
	padding:0;
	margin:0;
	line-height:14px;
	border-right:solid 1px #b2b2b2;
	}
	
#sidenav-middle ul li ul li ul li a{
	color:#1c3e8c;
	display:block;
	padding:5px 10px 5px 18px;
	/*width:144px;*/
	}
	
#sidenav-middle ul li ul li ul li a:hover{
	/*color:#7d7d7d;*/
	color:#fff;
	/*background-color:#00853e;*/
	background:url(../images/bg-sidenav-hover.gif) top left repeat;
	/*text-decoration:underline;*/
	padding:5px 10px 5px 18px;
	width:150px;
	border:none;
	display:block;
	}
	
#sidenav-middle ul li ul li ul li a.active{
	color:#00853e;
	background-color:#fff;
	background-image:none;
	text-decoration:none;
	padding:5px 10px 5px 16px;
	width:149px;
	border-left:solid 2px #ccc;
	border-right:solid 1px #fff;
	border-bottom:none;
	}
	
#sidenav-col2{
	float:left;
	width:172px;
	padding:10px 4px 18px 4px;
	border-top:solid 1px #b2b2b2;
	/*background-color:#00FF66;
	border-right:solid 1px #ccc;*/
	}
	
#sidenav-col2 p{
	font-size:14px;
	color:#d78820;
	text-transform:uppercase;
	font-weight:bold;
	line-height:14px;
	padding:0 0 6px 10px;
	margin:0;
	}
	
#sidenav-col2 ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#sidenav-col2 ul li{
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:13px;
	}
	
#sidenav-col2 ul li a{
	display:block;
	border:none;
	padding:6px 10px;
	}
	
#sidenav-col2 ul li a:hover{
	/*color:#7d7d7d;*/
	color:#fff;
	background:url(../images/bg-sidenav-hover.gif) top left repeat;
	/*background-color:#00853e;
	text-decoration:underline;*/
	}
	
#sidenav-col2 ul li a.active{
	color:#00853e;
	text-decoration:none;
	background-color:#fff;
	}

	
/*------------------------------------------------------------------------------------------*/


#sidenav-border, #sidenav-border-1col{
	float:left;
	width:960px;
	margin:10px 0 0 0;
	min-height:500px;
	}

#sidenav-border-1col{
	}
	
#sidenav-border-bottom, #sidenav-border-bottom-1col{
	height:1px;
	width:960px;
	float:left;
	padding-bottom:18px;
	}
	
#sidenav-border-bottom-1col{
	}
	
.content-container{
	float:left;
	width:590px;
	padding:10px 0 0 10px;
	}
	
.content-container.lg{
	float:left;
	width:770px;
	padding:10px 0 0 10px;
	}
	
.content-container h1{
	font-size:28px;
	font-weight:normal;
	color:#00853e;
	margin:0;
	padding:0 0 18px 10px;
	}
	
.content-container p{
	padding:0 0 12px 10px;
	}
	
#product-image{
	float:left;
	width:230px;
	}
	
#product-chart{
	float:left;
	width:350px;
	padding-left:10px;
	/*background-color:#003399;*/
	}
	
 table#product{
	width:350px;
	background:url(../images/bg-tbody.gif) top left repeat-y;
	}
	
tbody{  /* FIX FOR IE BACKGROUND IMAGES ON TR */
	background-image:url(foo);
	}  
	
#product tbody td{ /* FIX FOR IE BACKGROUND IMAGES ON TR */
	background-position:expression(-this.offsetLeft + " " + -this.offsetTop);
	}  
	
#product thead td{
	background:url(../images/bg-thead.gif) top left no-repeat;
	/*border-bottom:solid 1px #ccc;*/
	}
	
#product thead td h2{
	font-size:18px;
	text-transform:uppercase;
	margin:0;
	padding:10px 12px;
	color:#00853e;
	}
	
#product tfoot td{
	background:url(../images/bg-tfoot.gif) top left no-repeat;
	height:14px;
	width:350px;
	}
	
#product tbody{
	/*border-left:solid 1px #ccc;*/
	width:350px;
	}
	
#product tbody tr{
	width:350px;
	}
	
#product tbody tr:hover, #product tbody tr.productHover{
	background:url(../images/bg-productchart-hover.gif) top left repeat-y;
	width:350px;
	}
	
#product tbody td{
	width:151px;
	padding:6px 12px;
	/*vertical-align:top;*/
	border-top:solid 1px #ccc;
	}
	
#product tbody td p{
	padding:0;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	}
	
#product tbody td.title{
	font-size:11px;
	color:#d78820;
	font-weight:bold;
	text-transform:uppercase;
	}

	
#product-info{
	width:580px;
	float:left;
	clear:both;
	padding:20px 0 18px 10px;
	}
	
#otherproducts-wrap{
	width:590px;
	float:left;
	background-color:#00FF00;
	}
	
#otherproducts-top{
	background:url(../images/bg-otherproducts-top.gif) top left no-repeat;
	height:10px;
	width:590px;
	}
	
#otherproducts-wrap h3{
	margin:0;
	padding:0 10px;
	font-weight:normal;
	color:#00853e;
	font-size:20px;
	}
	
#otherproducts-middle{
	background:url(../images/bg-otherproducts-middle.gif) top left repeat-y;
	width:574px;
	padding:0 8px;
	}
	
#otherproducts-bottom{
	background:url(../images/bg-otherproducts-bottom.gif) top left no-repeat;
	height:10px;
	width:590px;
	}

#otherproducts td{
	width:25%;
	background-color:#fff;
	padding:13px;
	}

#otherproducts p{
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	margin:0;
	padding:0;
	}
	
#otherproducts td h1{
	padding:0 0 6px 0;
	margin:0;
	}
	
#otherproducts td h1 a:hover{
	border:none;
	}




#flash-container{
	padding:10px 0;
	float:left;
	}
	
#home-content{
	float:left;
	width:960px;
	background:url(../images/bg-home-gold.gif) top left repeat-y;
	margin-bottom:24px;
	}
	
#home-content #lft-col{
	width:350px;
	float:left;
	display:inline; /*NEEDED FOR IE6*/
	}
	
#home-content #middle-col{
	width:350px;
	float:left;
	display:inline; /*NEEDED FOR IE6*/
	}
	
#home-content #rt-col{
	width:230px;
	float:left;
	display:inline; /*NEEDED FOR IE6*/
	}
	
#home-content #lft-col, #home-content #middle-col, #home-content #rt-col{
	margin-left:10px;
	}
	
#home-content #rt-col h3{
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	padding:9px 0 0 0;
	}
	
#home-content #rt-col .section{
	padding:0 10px 20px 10px;
	float:left;
	width:210px;
	border-top:solid 5px #b0680a;
	}
	
.callout{
	float:left;
	width:350px;
	padding-bottom:10px;
	}
	
.callout h3{
	font-size:15px;
	text-transform:uppercase;
	color:#00853e;
	margin:0;
	padding:9px 10px;
	letter-spacing:0.05em;
	}
	
.callout h4{
	margin:0;
	padding:0;
	font-size:14px;
	}
	
.callout p{
	font-size:11px;
	padding:0 0 4px 0;
	line-height:15px;
	}
	
.callout .head{
	background:url(../images/callout-head.gif) top left no-repeat;
	height:34px;
	float:left;
	width:350px;
	}
	
.callout .center{
	background:url(../images/callout-center.gif) top left repeat-y;
	padding:10px;
	float:left;
	width:330px;
	}
	
.callout .foot{
	background:url(../images/callout-foot.gif) top left no-repeat;
	height:6px;
	float:left;
	width:350px;
	}
	
	
#bread-crumb-wrapper{
	float:left;
	background:url(../images/bg-breadcrumb.gif) top left no-repeat;
	height:24px;
	width:960px;
	display:none;
	visibility:hidden;
	}
	
#breadcrumb{
	float:left;
	width:858px;
	padding:3px 0 0 12px;
	}
	
#breadcrumb p{
	font-size:10px;
	color:#707070;
	}
	
#breadcrumb p a{
	font-weight:bold;
	}
	
p.home-link{
	font-weight:bold;
	padding:4px 0 0 0;
	text-align:right;
	font-size:11px;
	}
	
#print-page{
	float:right;
	width:72px;
	margin:0 18px 0 0;
	}
	
.print a{
	background:url(../images/btn-print.gif) top left no-repeat;
	height:10px;
	width:72px;
	display:block;
	float:right;
	margin:7px 0 0 0;
	}
	
.print a:hover{
	background-position:0 -10px;
	border:none;
	}
	
	
	
	
	
	
	
	


#footer{
	background:url(../images/bg-footer.png) top left no-repeat;
	float:left;
	width:1030px;
	display:none;
	visibility:hidden;
	}
	
#footer ul{
	list-style:none;
	margin:0;
	padding:14px 32px 20px 32px;
	}
	
#footer ul li{
	display:inline;
	}
	
#footer ul li a{
	font-size:11px;
	color:#626262;
	border-right:solid 1px #626262;
	padding:0 8px 0 4px;
	}
	
#footer ul li a:hover{
	color:#0e2ea8;
	text-decoration:underline;
	border-bottom:none;
	}