/* Imports
----------------------------------------*/
@import url("reset.css"); /* Resets browsers to default margins/padding on all elements */

/* Elements
----------------------------------------*/
html, body {
	height: 100%;
	background-color:#fff; list-style-image: list-image:none;
	list-type:none;
}

body, p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#505050;
}

.centeringCont {
	width:800px;
	margin: 0 auto;
	position:relative;
}

p {
	margin: 0 0 10px 0;
}

/*--- Link Styles ---*/
a:link, a:visited {
	color:#3a6c08;
}

a:hover, a:active {
	color:#adc093;
	text-decoration:none;
}

h1 {
	color:#000;
	margin:8px 0 5px 0;
	padding:0 0 0 20px;
	font-size:27px;
	line-height:45px;
	text-transform:uppercase;
	background:url(../images/elementsImages/headerBG.png) repeat-x center bottom;
}

h2 {
	color:#5C8127;
	margin:8px 0 5px 18px;
	font-size:1.75em;
	line-height:1.3em;
}

h3 {
	color:#5C8127;
	margin:25px 0 5px 0;
	padding:0 0 5px 18px;
	font-size:1.5em;
	border-bottom:1px solid #c1c1c1;
}

h4 {
	color:#5C8127;
	margin:8px 0 5px 0;
	font-size:1.25em;
}

h5 {
	color:#5C8127;
	margin:8px 0 5px 0;
	font-size:1.125em;
}

h6 {
	color:#000;
	margin:8px 0 5px 0;
	font-size:17px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 0 8px;
}

h6.archive-header {
	margin:5px 0 0 12px;
}

h6.archive-header a {
text-decoration:none;
}

.searchres {
float:left;
width:800px;
}

.searchres p {
padding:0 0 0 20px;
}

.searchres p.postmetadata, .archive p.postmetadata {
width:780px;
border-bottom:1px solid #c1c1c1;
padding:0 0 10px 20px;
}

.searchres p.postmetadata span, .archive p.postmetadata span{
float:right;
}
.archive p.postmetadata a{
float:left;
}
.archive p.postmetadata {height:20px;}
ul {
	margin-left:35px;
}

ol {
	margin-left:35px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:10px;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header {
	width:100%;
	float:left;
	background:url(../images/backgrounds/header_black.png) repeat-x 0 bottom;
	}
	
	.headerHome {
	background:url(../images/backgrounds/homeBG.png) no-repeat;
	width:100%;
	height:392px;
	background-position:center 22px;
	
	}
	
	.headerSub {
	background:url(../images/backgrounds/subBG.png) no-repeat;
	width:100%;
	height:214px;
	background-position:center 45px;
	
	}


	/* Nav
	----------------------------------------*/
	.headerNav {
	background:url(../images/backgrounds/header_white.png) repeat-x;
	width:100%;
	height:52px;
	position:relative;
	z-index:3;
	}
	
	.headerSub .centeringCont, .headerHome .centeringCont {
	position:relative;
	z-index:1;
	}
	
	ul#nav {
	margin:0 0 0 -18px;
	position:relative;
	z-index:3;
	width:836px;
	}
	
	ul#nav li {float:left; list-style-type:none; margin-left:0;}
	
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height:40px; display:block; text-indent:-9999px; outline:none;}
	
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li.menu_item_2 a	{background-image: url(../images/nav/about.png); width:107px;}
	li.menu_item_7 a	{background-image: url(../images/nav/products.png); width:151px;}
	li.menu_item_14 a	{background-image: url(../images/nav/whatsnew.png); width:150px;}
	li.menu_item_15 a	{background-image: url(../images/nav/resourcelibrary.png); width:150px;}
	li.menu_item_17 a	{background-image: url(../images/nav/orderspricing.png); width:150px;}
	li.menu_item_19 a	{background-image: url(../images/nav/contactus.png); width:128px;}
	
	/* CSS Rollover (Sprites) - Advanced Users!
	----------------------------------------*/
	
	/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
	li.menu_item_2 a:hover, li.menu_item_7 a:hover, li.menu_item_14 a:hover, li.menu_item_15 a:hover, li.menu_item_17 a:hover, li.menu_item_19 a:hover {background-position:0 -40px; /*Set to height of image !must be negative!*/}
	
	/*Dropdown Menu Styling*/	
		li.menu_item_2 ul , li.menu_item_7 ul , li.menu_item_14 ul , li.menu_item_15 ul , li.menu_item_17 ul , li.menu_item_19 ul  {
		position:absolute;
		display:none;
		margin:0;
		}
		
		li:hover.menu_item_2 ul , li:hover.menu_item_7 ul , li:hover.menu_item_14 ul , li:hover.menu_item_15 ul , li:hover.menu_item_17 ul , li:hover.menu_item_19 ul  {
		display:block;
		}
		
		li.menu_item_2 ul li, li.menu_item_7 ul li, li.menu_item_14 ul li, li.menu_item_15 ul li, li.menu_item_17 ul li, li.menu_item_19 ul li {
		float:left;
		clear:both;
		height:30px;
		line-height:20px;
		}
		
		li.menu_item_2 ul li a, li.menu_item_7 ul li a, li.menu_item_14 ul li a, li.menu_item_15 ul li a, li.menu_item_17 ul li a, li.menu_item_19 ul li a {
		padding:5px 0 5px 10px;
		height:20px !important;
		text-decoration:none;
		font-weight:normal;
		background:	#fff;
		width:182px;
		color:#000;	
		text-indent:0 !important;
		border:1px solid #9abe59;
		}
		
		li.menu_item_2 ul li a:hover, li.menu_item_7 ul li a:hover, li.menu_item_14 ul li a:hover, li.menu_item_15 ul li a:hover, li.menu_item_17 ul li a:hover, li.menu_item_19 ul li a:hover {
		background:	#5d9817;
		color:#fff;
		font-weight:bold;
		letter-spacing:-.2px;
		}

	.printBar {
	background:url(../images/backgrounds/printBar.png);
	position:absolute;
	right:-10px;
	top:40px;
	height:35px;
	width:380px;
	padding:5px 0 0 56px;
	z-index:2;
	}
	
	a.bar { height:22px; display:block; text-indent:-9999px; outline:none;float:left;}
	
	a.print {background:url(../images/elementsImages/print.png);width:50px;}
	
	a.share {background:url(../images/elementsImages/share.png);width:56px;}
	
	a.rss {background:url(../images/elementsImages/rss.png);width:49px;}
	
	a.searchBtn {background:url(../images/elementsImages/searchGo.png);width:41px;}
	
	a:hover.print, a:hover.share, a:hover.rss, a:hover.searchBtn {background-position:0 -22px;}
	
	.search {
	float:left;
	background:url(../images/elementsImages/search.png) no-repeat;
	margin:0 0 0 15px;
	width:172px;
	}
	
	.search input{
	float:left;
	background:none;
	border:none;
	color:#9cbf5a;
	width:121px;
	padding:4px 0 0 10px;
	}
	
	a.logo {
	background:url(../images/backgrounds/logo.png) no-repeat;
	position:absolute;
	top:10px;
	left:13px;
	width:256px;
	height:61px;
	text-indent:-999999px;
	z-index:2;
	}
	
	/*Homepage Header*/
	.rotater {
	z-index:1;
	position:relative;
	witdh:800px;
	height:328px;
	}
	/*.rotater mainImg */
	.rotater span#rotaterimage{
	position:absolute;
	bottom:0;
	right:0;
	padding:0px;
	margin:0px;
	height:322px;
	}
	.rotator span img{
	position:absolute;
	bottom:0;
	right:0;
	padding:0px;
	margin:0px;
	}
	.rotater h1 {
	font-size:16px;
	font-weight:bold;
	color:#c7c7c7;
	position:absolute;
	top:180px;
	left:30px;
	width:350px;
	padding:0;
	text-align:right;
	background:none;
	line-height:20px;
	}
	
	.rotater p {
	text-align:right;
	position:absolute;
	top:210px;
	left:30px;
	width:350px;
	color:#fff;
	line-height:16px;
	}
	
	a.catalogBtn {
	position:absolute;
	top:270px;
	left:170px;
	height:41px;
	width:213px;
	display:block;
	background:url(../images/elementsImages/viewCatalog.png) no-repeat top;
	text-indent:-999999px;
	}
	
	a:hover.catalogBtn {
	background-position:bottom;
	}
		
	.breadcrumbs {
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	position:absolute;
	top:125px;
	left:40px;
	width:830px;
	}
	
	.breadcrumbs a {
	color:#fff;
	text-decoration:none;
	}
	
	.breadcrumbs a:hover {
	text-decoration:underline;
	color:#eee;
	}
	
/* Main Content
----------------------------------------*/
#mainContent {
	width:800px;
	float:left;
	height:auto;
	clear:both;
}

/*Homepage main*/
.homeGroup {
float:left;
margin:0 0 10px 25px;
}

.homeGroup p{
margin:0 20px 10px 20px;
}

.welcome {
float:left;
width:490px;
padding:0 11px 0 0;
border-right:1px solid #f7f7f7;
}

.news {
float:left;
width:234px;
margin:0 0 0 11px;
}

.interSales {
float:left;
width:234px;
padding:0 11px 0 0;
border-right:1px solid #f7f7f7;
}

.customerService {
float:left;
width:234px;
padding:0 11px 0 0;
border-right:1px solid #f7f7f7;
margin:0 0 0 11px;
}

.textile {
float:left;
width:234px;
margin:0 0 0 11px;
}

.welcome h1, .news h1, .interSales h1, .customerService h1, .textile h1 {
color:#2f302f;
background:url(../images/elementsImages/headerBG.png) repeat-x;
font-size:14px;
height:37px;
text-transform:uppercase;
font-weight:bold;
padding:0;
} 

.welcome h1 span {
background:url(../images/elementsImages/welcome.png) no-repeat 10px 5px;
width:490px;
padding:0 0 0 0;
line-height:37px;
text-align:center;
display:block;
margin:0;
}

.news h1 span {
background:url(../images/elementsImages/whatsnew.png) no-repeat 10px 5px;
width:204px;
padding:0 0 0 30px;
line-height:37px;
text-align:center;
display:block;
margin:0;
}

.interSales h1 span {
background:url(../images/elementsImages/international.png) no-repeat 10px 5px;
width:204px;
padding:0 0 0 30px;
line-height:37px;
text-align:center;
display:block;
margin:0;
}

.customerService h1 span {
background:url(../images/elementsImages/customerservice.png) no-repeat 10px 5px;
width:204px;
padding:0 0 0 30px;
line-height:37px;
text-align:center;
display:block;
margin:0;
}

.textile h1 span {
background:url(../images/elementsImages/textile.png) no-repeat 10px 5px;
width:204px;
padding:0 0 0 30px;
line-height:37px;
text-align:center;
display:block;
margin:0;
}

.news p, .customerService p {
line-height:16px;
}

.news .date {
color:#999;
}

.news a {
color:#505050;
text-decoration:none;
}

.news a:hover {
color:#cbcbcb;
}

ul.cets_embedRSS li {
color:#999;
}

a.more {
color:#3a6c08;
float:right;
text-decoration:none;
background:url(../images/elementsImages/more.png) no-repeat right top;
line-height:11px;
font-size:11px;
padding:0 10px;
margin:0 11px 0 0;
text-transform:uppercase;
}

a:hover.more {
color:#acce6a;
float:right;
background-position:right bottom;
text-decoration:none;
}

.homeContact {
float:left;
background:url(../images/placement/custService.png) no-repeat right top;
height:77px;
padding:0 65px 0 20px;
margin:-20px 0 0;
}

.phone {
font-size:20px;
color:#acce6a;
float:left;
clear:both;
margin:15px 0 10px;
}

/* Subpage */
.subContent {
margin:0 0 20px 20px;
float:left;
width:780px;

}

.subContent p {
margin:0 0 10px 20px;
}

/*Products Page*/
h6.prodFull {
border-left:13px solid #000;
line-height:13px;
}
h6.prodMicrofiber, h6.wpsc_category_8 {
border-left:13px solid #b07747;
line-height:13px;
}
h6.prodDusting, h6.wpsc_category_4  {
border-left:13px solid #6a3e1f;
line-height:13px;
}
h6.prodMopping, h6.wpsc_category_5 {
border-left:13px solid #05aac0;
line-height:13px;
}
h6.prodRec, h6.wpsc_category_14 {
border-left:13px solid #6dbb42;
line-height:13px;
}
h6.prodWashroom, h6.wpsc_category_15 {
border-left:13px solid #0859a4;
line-height:13px;
}
h6.prodDispensing, h6.wpsc_category_16 {
border-left:13px solid #00906d;
line-height:13px;
}
h6.prodUtility, h6.wpsc_category_17 {
border-left:13px solid #636466;
line-height:13px;
}
h6.prodGloves, h6.wpsc_category_18 {
border-left:13px solid #db1839;
line-height:13px;
}
h6.prodSafety, h6.wpsc_category_19 {
border-left:13px solid #f17f30;
line-height:13px;
}
h6.prodResources {
border-left:13px solid #000;
line-height:13px;
}

.prodCata {
margin:15px 0 10px 20px;
float:left;
width:780px;
}

.prodCata p {
font-size:11px;
margin:0 0 0 22px;
}

.prodCata a[href$=".pdf"], a.pdf  {background: url(../images/elementsImages/page_pdf.png) no-repeat left top; padding-left:22px; padding-bottom:5px;font-size:12px;}

.prodCata a[href$=".pdf"]:hover, a:hover.pdf  {opacity:.5;color:#5C8127;}

.SubCata {
float:left;
margin:15px 0 0;
}

.SubCata ul.subcats {
margin:0;
float:left;
width:780px;
}

.SubCata ul.subcats li {
list-style-type:none;
position:relative;
float:left;
width:780px;
min-height:92px;
border-bottom:1px solid #b9b9b9;
margin:0 0 10px;
padding:0 0 10px;
}

.SubCata ul.subcats li img {
position:absolute;
top:0;
left:0;
}

.SubCata ul.subcats li a.wpsc_category_link {
position:absolute;
top:0;
left:120px;
font-size:17px;
font-weight:bold;
text-transform:uppercase;
}

h6.prodtitles a{
font-size:17px;
font-weight:bold;
text-transform:uppercase;
margin:0 0 10px;
}

.producttext .wpsc_description p {
margin:0 0 10px 10px;
}

.lineSep {
border-bottom:1px solid #b9b9b9;
width:780px;
float:left;
margin:15px 0 5px;
}

/*Rep Locator */

.repLocText {
float:left;
width:762px;
margin:5px 0 10px 18px;
}

#orLine {
float:left;
width:30px;
margin:0 40px;
}

#panelCategories {
float:left;
clear:left;
width:145px;
border:1px solid #c1c1c1;
background:#f5f4f4;
margin:70px 0 0 18px;
padding:20px;
color:#000;
font-size:12px;
font-weight:bold;
line-height:18px;
}

#panelResults ul {
list-style:none;
}

#panelResults .repGroup {
width:350px;
float:left;
clear:left;
margin:30px 0 0 0;
}

#panelResults .repGroup span {
font-weight:bold;
color:#000;
}

#panelResults .reps {
float:left;
width:380px;
margin:30px 0 0 0;
}

#panelResults .reps ul li {
margin:0 0 10px;
}

#panelResults .reps ul li ul li{
margin:0;
}

#panelCategories select {
width:145px;
margin:10px 0;
}

#panelMap {
float:left;
width:465px;
}

.leafIcon {
background:url(../images/elementsImages/leafIcon.png) no-repeat right center;
padding:0 25px 0 0;
}

.leftCol {
float:left;
width:450px;

}

.leftCol p {
text-align:justify;
}

.rightCol {
float:left;
width:300px;
margin:0 0 0 30px;
}

.wpcf7 {
margin:5px 0 0 0 !important;
float:left;
}

.orderCatalog {
float:left;
clear:both;
width:702px;
border:1px solid #c1c1c1;
background:#f5f4f4;
margin:10px 0 10px 18px;
padding:20px;
font-size:12px;
font-weight:bold;
line-height:18px;
}

.rule {
float:left;
clear:both;
width:742px;
border-bottom:1px solid #c1c1c1;
margin:20px 0 20px 18px;
}

.post-Content {
margin:10px 0;
}

.post-Content p {
padding:0 10px 0 20px;
}

.prev, .next {
margin:10px 20px;
}

.prev a, .next a {
text-decoration:none;
}

.archiveContent {
margin:0 0 0 20px;
}

ul.literature {
margin:0 0 0 15px;
width:760px !important;
}

ul.literature li {
margin:0;
width:370px !important;
float:left;
font-size:9px;
}

ul.literature li a{
font-size:11px;
}

.leftCol .prodCata {
width:425px;
}

p.caption {
font-size:10px;
font-style: italic;
text-align:center;
width:300px;
display:block;
margin:0;
}

/* New Products Page */
#products_page_container {
float:left;
}

/* Footer
----------------------------------------*/
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
}

.footer {
	height: 193px; /* .push must be the same height as .footer */
	margin:0 0 0;
}

.push {
	float:left;
	height: 1px; /* .push must be the same height as .footer */
	width:1px;
	clear:both;
}


.footer {
	width:100%;
	background:#e6e6e6;
	border-top:1px solid #c1c1c1;
	float:left;
}

.footer .nav {
width:780px;
margin:0 auto;
float:left;
margin:0 0 0 45px;
}

.footer .nav a {
text-transform:uppercase;
color:#000;
text-decoration:none;
font-size:10px;
margin:15px 12px 0 10px;
float:left;
}

.footer .nav a:hover {
text-decoration:underline;
color:#777;
}

.footer .pdf
{
float:left;
margin-top:20px;
margin-left:50px;
width:200px;
}

.footer .copy {
float:right;
text-align:right;
font-size:9px;
margin:20px 15px 0 0;
color:#9f9f9f;
width:200px;
}

.footer .copy a {
color:#9f9f9f;
text-decoration:underline;
}

.footer .copy a:hover {
color:#000;
text-decoration:none;
}