@charset "UTF-8";
/* Zep Commercial stylesheet
/* code: Kevin Kemmerly, Wages Design, Inc. */ 

* {
	margin: 0;
	padding: 0;
	border: none;
	}
html {
	margin-top: 0;
	}
ul, ol {
	color: #000;	
	padding: 5px 10px 20px 10px; 
	margin: 0 15px;
	}
ul li, ol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	padding: 3px 5px; 
	margin: 0;
	}	
ol {
	padding: 10px 0;
	}
ol li {
	list-style: decimal;
	}
a, a:link, a:visited {
	color: #1F3447;
	text-decoration: underline;
	}
a:hover {
	color: #000;
	}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #E1E1E2;
	text-align: center; 
	color: #000;
	margin: 0;
	padding: 0;
	}
#wrapper {
	width: 915px;
	_width: 920px;
	background: #FECA00 url(../images/bg_main.jpg) no-repeat 0 122px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	} 
body.home #wrapper {
	width: 915px;
	_width: 917px; /* for IE 6 */
	} 	
#header { 
	width: 915px;
	height: 126px;
	text-align: right;
	padding: 0;
	margin: 0;
	background: #FECA00 url(../images/bg_headerwithtag.jpg) no-repeat left top;
	border-bottom: solid #fff 4px;
	} 
#header p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	color: #fff;	
	padding: 5px 0 10px 0; 
	margin: 0;
	} 
#logo { 
	padding: 0;
	margin: 0 0 20px 0;
	border: 0;
	}
#logoprint { 
	display: none;
	}
	
/*   MAIN NAV  -- BEGIN  */

#mainnav {
	float: right;
	width: 650px;	
	margin: 14px 10px 15px 0; 
	padding: 0;
	}
#mainnav ul {
	float: right;
	width: inherit;
	margin: 0;
	padding: 3px 0;
	}
#mainnav ul li {
	display: inline;
	padding: 0;
	margin: 0;
	}
#mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:visited {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #7DACFF;
	margin: 0;
	padding: 0 9px 0 6px;
	border-right: solid 1px #7DACFF;
	}	
#mainnav ul li a.last {
	border-right: none;
	}
#mainnav ul li a:hover {
	color: #fff;
	}
/* Style to BOLD current section based on body class of page */	
body.products #mainnav ul li#navprod a, body.zepstory #mainnav ul li#navZep a, body.faqs #mainnav ul li#navFAQ a, body.wheretobuy #mainnav ul li#navWhere a, body.pr #mainnav ul li#navPR a, body.contact #mainnav ul li#navContact a {
	color: #fff;
	font-weight: bold;
	}
 body.home #mainnav ul li#navHome {
 	display: none;
	}	
	
/*  MAIN NAV -- END  */

/* @group Products Nav */

#sidebar-prod {
	position: relative;
	float: left; 
	width: 177px;
	_width: 175px;  /* for IE 6 */
	margin: 0;
	_margin: 0 -3px 0 0; /* for IE 6 */
	height: 460px;
	padding: 10px 0;
	background: url(../images/bg_products_sidebar.jpg) no-repeat top left;
	display: inline;
}
#sidebar-prod ul#products {
	float: right;
	width: 130px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#sidebar-prod ul#products li {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
}
#sidebar-prod ul#products li a, #sidebar-prod ul#products li a:link, #sidebar-prod ul#products li a:visited {
	display: block;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 110%;
	color: #777;	
	padding: 4px 0 3px 10px; 
	margin: 0;
	border-bottom: solid 1px #FF7F00;
	text-decoration: none;
}
#sidebar-prod ul#products li a:hover {
	color: #fff;
}
#sidebar-prod ul#products li.current {
	background: #FECA00 url(../images/bg_products_menu_over.jpg) repeat-y top right;
}
#sidebar-prod ul#products li.current a {
	color: #fff;
	}
body.cat1 #sidebar-prod ul#products li#navHF a,
body.cat2 #sidebar-prod ul#products li#navCC a,
body.cat3 #sidebar-prod ul#products li#navDEG a,
body.cat4 #sidebar-prod ul#products li#navPW a,
body.cat5 #sidebar-prod ul#products li#navGC a,
body.cat6 #sidebar-prod ul#products li#navRES a,
body.cat7 #sidebar-prod ul#products li#navDIS a,
body.cat8 #sidebar-prod ul#products li#navSS a,
body.cat9 #sidebar-prod ul#products li#navOC a,
body.cat10 #sidebar-prod ul#products li#navHC a,
body.cat11 #sidebar-prod ul#products li#navDC a,
body.cat12 #sidebar-prod ul#products li#navMISC a {
	background: #FECA00 url(../images/bg_products_menu_over.jpg) repeat-y top right;
	color: #fff;
	}
#sidebar-prod ul#products li#navSP {
	margin-top: 18px;
	background: #F4CF3B url(../images/bg_prodsearch.jpg) repeat-y top right;
	color: #fff;
	}	
	
body.home #sidebar-prod ul#products li#navSP {
	margin-top: 0;
	}	
body.search #sidebar-prod ul#products li#navSP {
	margin-top: 18px;
	background: #F4CF3B url(../images/bg_prodsearch_over.jpg) repeat-y top right;
	color: #fff;
	}
#sidebar-prod ul#products li#navSP a, #sidebar-prod ul#products li#navSP a:link, #sidebar-prod ul#products li#navSP a:visited {
	color: #555;
	}
body.search #sidebar-prod ul#products li#navSP a, body.search #sidebar-prod ul#products li#navSP a:link, body.search #sidebar-prod ul#products li#navSP a:visited {
	color: #fff;
	}
	
#sidebar-prod ul#products li#navSP a:hover {
	color: #000;
	}	
body.search #sidebar-prod ul#products li#navSP a:hover {
	color: #fff;
	}
#sidebar-prod-links	{
	position: absolute;
	top: 259px;
	right: 0;
	}
/* @end */
#main {
	margin: 0 0 0 177px;
	_margin: 0 0 0 175px;  /* for IE 6 */
	padding: 0;
	min-height: 425px;
	_height: 425px;  /* for IE 6 */
	background: #fff;
}
body.home #main {
	margin: 0 0 0 176px;
	_margin: 0 0 0 174px;  /* for IE 6 */
	height: 350px;
	background: none;
	}
#content { 
	/*float: left;
	width: 530px;*/
	/*height: 450px;*/
   	min-height: 460px;
	_height: 460px;  /* for IE 6 */
	margin: 0 0 0 0;
	_margin-left: -2px;  /* for IE 6 */
	padding: 13px 50px 0 160px;
	background: #fff;
} 
body.products #content { 
   	min-height: 460px;
	_height: 460px;  /* for IE 6 */
	margin: 0 132px 0 0;
	padding: 13px 5px 0 135px;
	_padding: 0 5px 0 135px;
	background: #fff;
} 
body.search #content { 
	padding: 13px 50px 0 160px;
	margin: 0 0 0 0;
} 
body.home #content {
	margin: 0;
	padding: 0;
	min-height: 350px;
	_height: 350px;  /* for IE 6 */
	background: none;
} 
body.home #content img.homemain, body.home #content img.homebottom { 
	float: left;
	width: 738px;
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
} 
body.zepstory #content {
	background: #fff url(../images/sidebar_zepstory.jpg) no-repeat left top;
}  
body.faqs #content {
	background: #fff url(../images/sidebar_faqs.jpg) no-repeat left top;
}  
body.wheretobuy #content {
	background: #fff url(../images/sidebar_wheretobuy.jpg) no-repeat left top;
}
body.pr #content {
	background: #fff url(../images/sidebar_pr.jpg) no-repeat left top;
}  
body.products #content {
	background: #fff url(../images/prod_side_drain.jpg) no-repeat left top;
} 
body.contact #content, body.search #content {
	background: #fff url(../images/sidebar_contact.jpg) no-repeat left top;
}   
body.cat1 #content { /* Hard Floor */
	background: #fff url(../images/product_sidebar_hardfloor.jpg) no-repeat left top;
	}
body.cat2 #content { /* Carpet Care*/
	background: #fff url(../images/product_sidebar_carpet.jpg) no-repeat left top;
	}
body.cat3 #content { /* Degreasing */
	background: #fff url(../images/product_sidebar_degreasing.jpg) no-repeat left top;
	}
body.cat4 #content { /* Pressure Washing */
	background: #fff url(../images/product_sidebar_pressurewash.jpg) no-repeat left top;
	}
body.cat5 #content { /* Glass */
	background: #fff url(../images/product_sidebar_glass.jpg) no-repeat left top;
	}
body.cat6 #content { /* Restrooms */
	background: #fff url(../images/product_sidebar_restrooms.jpg) no-repeat left top;
	}
body.cat7 #content { /* Disinfecting */
	background: #fff url(../images/product_sidebar_disinfect.jpg) no-repeat left top;
	}
body.cat8 #content { /* Specialty Surfaces */
	background: #fff url(../images/product_sidebar_specialty.jpg) no-repeat left top;
	}
body.cat9 #content { /* Odor Control */
	background: #fff url(../images/product_sidebar_odors.jpg) no-repeat left top;
	}
body.cat10 #content { /* Hand Care */
	background: #fff url(../images/product_sidebar_handcare.jpg) no-repeat left top;
	}
body.cat11 #content { /* Drain Care */
	background: #fff url(../images/product_sidebar_drain.jpg) no-repeat left top;
	}
		

h1 { 
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 30px;
	font-weight: normal;
	letter-spacing: .02em;
 	line-height: 110%;
	color: #A02483;	
	padding: 0 0 8px 0; 
	margin: 0;
	overflow: auto;
	} 
h1#title { /* Default to blue color */
	color: #A79EC2;
	margin: -13px -50px 0 -26px;
	padding: 15px 15px 22px 27px;
	background: #fff url(../images/bg_title_blue.jpg) no-repeat left top;
	overflow:hidden;
} 
h1#subcat { /* Default to subcatagories */
	font-size: 24px;
	color: #fff;
	margin: -13px -22px 15px -1px;
	_margin: 0 0 15px 0;
	_width: 420px;
	/*	margin: -13px -22px 15px -1px;*/
	padding: 15px 3px 22px 27px;
	_padding: 15px 0 22px 27px;

	background: #fff url(../images/bg_title_subcat.jpg) no-repeat left top;
	overflow:hidden;

} 
h1#title.blue { /* Press Room */
	color: #A79EC2;
	background: #fff url(../images/bg_title_blue.jpg) no-repeat left top;
} 
h1#title.yel { /* Contact */
	color: #D8C995;
	background: #fff url(../images/bg_title_yel.jpg) no-repeat left top;
}
h1#title.gray { /* FAQs */
	color: #B6ACA5;
	background: #fff url(../images/bg_title_gray.jpg) no-repeat left top;
}
h1#title.gray2 { /* FAQs */
	color: #ccc;
	background: #fff url(../images/bg_title_gray.jpg) no-repeat left top;
}    
h1#title.green { /* Where to buy */
	color: #B5C69F;
	background: #fff url(../images/bg_title_green.jpg) no-repeat left top;
} 
h1#title.blue2 { /* Zep Story */
	color: #99BAD1;
	background: #fff url(../images/bg_title_blue2.jpg) no-repeat left top;
}   

h2 {
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: .03em;
	line-height: 125%;
	color: #002F7F;
	padding: 5px 0 0 0;
	margin: 0;
} 

h3 { 
	font-family:  Arial, Helvetica, sans-serif;	
	font-size: 15px;
	font-weight: bold;
	letter-spacing: none;
	font-style: none;
	line-height: 130%;
	color: #000;	
	padding: 5px 0 0 0; 
	margin: 0;
} 

p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 145%;
	color: #000;	
	padding: 5px 0 10px 0; 
	margin: 0;
} 
td p { 
	line-height: 115%;
	padding: 3px 0; 
} 

#content blockquote { 
	margin: 0 20px 10px 0;
	padding: 5px 20px 15px 20px;
	background: #D3DBDE url(../images/blockquote_bkgd.jpg) no-repeat left top;
} 
#content blockquote p { 
	color: #140A09;
	padding: 10px 0 0 0; 
} 

/* PRODUCT BLOCK styles */

.prodblock { 
	float: left;
	width: 445px;
	_width: 440px;
	padding: 0 20px 0 0;
	margin: 0 0 20px 0;
	/*border-bottom: solid 1px #000;*/
}  
.prodphoto { 
	float: left;
	width: 150px;
    padding: 0;
	margin: 0;
	text-align: center;
}  
img.center { 
	display: block;
	margin: 0 auto;
}  
.prodinfo { 
    float: left;
	width: 295px;
	_width: 292px;
}  
.prodblock h2 { 
	font-size: 16px;
	width: 100%;
	padding: 0 0 5px 0;
	line-height: 115%;
	border-bottom: solid 1px #aaa;
}  
.prodblock .prodinfo p { 
	padding: 5px 0;
}  
.prodblock p.prodsizes { 
	font-size: 11px;
	line-height: 110%;
	width: 100%;
	padding: 5px 0 4px 0; 
	border-bottom: solid 1px #aaa;
}  
.prodblock img.prodimg {
	float: left;
	width: auto;
	border: 0;
}
.prodinfo ul { 
    padding: 0;
    padding: 5px 15px;
} 
.prodinfo ul li { 
	font-size: 11px;
	list-style: disc;
    padding: 0 0 3px 0;
	margin: 0;
} 	
.prodinfo p { 
	font-size: 10px;
    padding: 0 0 3px 0;
	margin: 0;
} 
.msds {
	display: block;
	float: right;
	width: 50px;
	background: url(../images/bg_msds.jpg) repeat-y left top;
	border-left: solid 1px #aaa;
	margin: 0 0 0 10px;
	padding: 3px 5px 15px 8px;
	}
.msds a, .msds a:link, .msds a:visited {
	text-decoration: none;
	}
.msds p {
	line-height: 120%;
	}
.msds a:hover {
	text-decoration: underline;
	}
.msds img {
	padding: 0;
	margin: 0 0 5px -2px;
	border: 0;
	}			

/* RightCol - right sidebar for FAQS, etc */

#rightcol {
	float: right; 
	width: 131px;
	padding: 0;
	margin: 0;
	background-color: #fff;
}
#rightcol h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-style:normal;
	line-height: 125%;
	color: #2293A3;	
	padding: 0 0 15px 0; 
	margin: 0;
}
#rightcol h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	line-height: 125%;
	letter-spacing: 0;
	color: #a02483;	
	padding: 0; 
	margin: 0;
}
#rightcol p {
	font-size: 11px;
	line-height: 120%;
	padding: 5px 5px 5px 15px; 
	margin: 0;
}
#rightcol a, #rightcol a:link {
	text-decoration: none;
}
#rightcol a:hover {
	text-decoration: underline;
}
/* end of RightCol */
#col-faq {
	min-height: 200px;
	_height: 200px;
	padding: 13px 0 15px 0;
	background: url(../images/bg_faq_column.jpg) no-repeat left top;
}
#col-faq h1 {
	color: #fff;
	text-transform: none;
	padding: 4px 5px 4px 15px;
	background: url(../images/bg_faq_col_h1.jpg) repeat-y left top;
}
.faqblock {
	float: left;
	width: 130px;
	padding: 0;
	margin: 0 30px 15px 0;
	border-left:1px solid #aaa;
	}
.faqblock p {
	font-size: 11px;
	padding: 5px 0 8px 15px;
	margin: 0;
	border-top:1px solid #aaa;
	}
.faqblock a, .faqblock a:link {
	text-decoration: none;
	padding: 0;
	margin: 0;
	}	
.faqblock a:hover {
	text-decoration: underline;
	}	
		
#footer {
	margin: 0 0 0 177px;
	padding: 45px 40px 15px 0;
	text-align: right;
	background: url(../images/top_of_footer.gif) no-repeat left top;
	} 
body.home #footer {
	margin: 0 0 0 177px;
	padding: 45px 40px 15px 0;
	text-align: right;
	background: none;
	} 	
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 115%;
	color: #B17000;
	font-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}
#footer a, #footer a:link, #footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B17000;	
	font-style: normal;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
}
.fltrt { 
	float: right;
	margin: 4px 0 10px 15px;
}
.fltlft { 
	float: left;
	margin: 4px 15px 10px 0;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#homeblock1 {
	float: left;
	width: 193px; /*375 px total*/
	height: 113px;
	padding: 22px 150px 0 32px;
	margin: 0;
	background: url(../images/home_bottom1_carpet.jpg) no-repeat left top;
	}
#homeblock2 {
	float: left;
	width: 188px; /*363 px total*/
	height: 113px;
	padding: 22px 150px 0 25px;
	margin: 0;
	background: url(../images/home_bottom2_carpet.jpg) no-repeat left top;
	}	
#homeblock1 h2, #homeblock2 h2 {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0;
	line-height: 110%;
	}		
#homeblock1 p, #homeblock2 p {
	font-size: 11px;
    padding: 0 0 3px 0;
	margin: 0;
	line-height: 110%;
	}	
.caption {
	font-size: 10px;
	color: #aaa;
	}	
input { 
	background-color: none;
}	
.fields {
 	border: 1px solid #000;
	font-size: 12px;
	width: 200px;				
}	
form {
	border: 1px solid #000;
	padding: 5px 10px;
	margin: 5px 0 25px 20px;
	}
body.admin form {
	border: none;
	}