/* Start of CMSMS style sheet 'Global' */
/************************************************************************

	Site:		watershed.com

	Author:		George Huff, eROI Inc.		[www.eroi.com]  

	Client:		Watershed		[http://www.watershed.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Header
	4 - Navigation
	5 - Footer
	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}

a {
	text-decoration:none;
	
}

a:hover {
	text-decoration:underline;
	
}


div.left {
float: left;
}

div.right {
float: left;
}

div.clear {
clear:both;
}

div#public-safety-faq div {
 padding-bottom: 20px;
}


/***********************************************************************
	2 - LAYOUT STYLES
************************************************************************/

div#container {
width: 939px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
margin-top: 15px;
position: relative;
}


/***********************************************************************
	3 - HEADER STYLES
************************************************************************/

div#header {

width: 939px;
position: relative;
background: url(/uploads/images/Graphics/bg_header.jpg) top left no-repeat;
padding-top: 103px;
overflow: hidden;
}

body.subpage div#header {
height: 66px;
}

body#home div#header {
height: 41px;
}

div#homelink {
position: absolute;
top: 15px;
left: 0px;
width: 187px;
height: 82px;
z-index:20;
}

div#homelink a {
display: block;
width: 100%;
height: 100%;
position: relative;
}

div#homelink a span {
display:none;
}
/***********************************************************************
	4 - NAV STYLES
************************************************************************/
div#nav {
float: left;
width: 565px;
overflow: hidden;
position: relative;
border-top: 2px #fff solid;

}

body.subpage div#nav {
height: 56px;
}


div#nav ul {
list-style:none;

}

div#nav ul li {
float: left;
width: 111px;
margin-right: 2px;
}

body#home div#nav ul li {
height: 39px;
}

body.subpage div#nav ul li {
height: 21px;
}

div#nav ul li a {
background: url(/uploads/images/Graphics/bg_nav_off.gif) top left no-repeat;
display: block;
width: 100%;
padding-top: 10px;
height: 100%;
text-align: center;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}



div#nav ul li a:hover {
background: url(/uploads/images/Graphics/bg_nav_hover.gif) top left no-repeat;
text-decoration: none;
}

div#nav ul li ul a {
width: 100%;
height: 100%;
text-align: center;
color: #938e8a
text-transform: uppercase;
display: inline;
}

body.subpage div#nav ul li ul a{
background: none;
}

body.subpage div#nav ul li ul a:hover {
color: #c93d30;
background: none;
}


div#nav ul ul {
display: none;
background: url(/uploads/images/Graphics/bg_top_subnav.gif) top left no-repeat;
text-align: center;
position: absolute;
top: 31px;
left: 0px;
padding-left: 36px;
}

div#nav ul ul li {
text-align: left;
padding: 5px 25px 0 0;
width:auto;
display: inline;

}

body#about_us div#nav li#onAbout ul {
display: block;
width: 653px;
height: 25px;
}

body#products div#nav li#onProducts ul {
display: block;
width: 653px;
height: 25px;
}

body#technology div#nav li#onTechnology ul {
display: block;
width: 653px;
height: 25px;
}

body#contact_us div#nav li#onContact ul {
display: block;
width: 653px;
height: 25px;
}

body#products div#nav li#onProducts ul a {
color: #C93D30;
}

/* Start Button */

div#buildyours {
position: absolute;
top: 111px;
left: 598px;
width: 121px;
height: 24px; 
}

/* Start Controls */

div#controls {
float: left;
height: 39px;
background: #d9d8d6;
width: 186px;
padding-left: 188px;
border-top: 2px solid #fff;
}

div#controls div.cart {
float: left;
background: #736d67 url(/uploads/images/Graphics/icon_grey_cart.gif) 7px 4px no-repeat;
width: 37px;
height: 17px;
padding-top: 3px;
padding-left: 30px;
border: 1px solid #9c9893;
margin-right: 1px;
}

div#controls div.cart a, div#controls div.login a {
text-transform: uppercase;
color: #fff;
}

div#controls div.login {
float: left;
width: 102px;
padding-left: 12px;
padding-top: 3px;
height: 17px;
background: #736d67;
border: 1px solid #9c9893;
color: #fff;
}

div#controls div.search {
color: #938e8a;
text-transform: uppercase;
padding-right: 6px;
}

div#controls div.search input {
width: 128px;
padding-left: 3px;
height: 12px;
margin-right: 3px;
font-size: 9px;
background: #dbd9d8;
}


div#controls span.submit input {
width: 35px;
height: 13px;
margin-right: 0;
border: 0;
}


/* BREADCRUMB */

div#breadcrumbs {
font-size: 9px;
font-weight: normal;
padding: 8px 0 0 3px;
color: #736d67;
position: absolute;
top: 141px;
left: 565px;

}

div#breadcrumbs a {
color: #c93d30;
}


/***********************************************************************
	5 - FOOTER STYLES
************************************************************************/

div#footer {
border-top: #fff 2px solid;
}

div#footer a {
color: #ddd;
text-decoration: none;
padding: 3px 25px;
}

div#footer div.left {
float: left;
width: 564px;
overflow: hidden;
background: #97938e;
border-right: 2px solid #fff;
}

div#footer ul {
list-style: none;
}

div#footer ul li {
display: inline;
margin-right:
}

div#footer div.right {
float: left;
background: #d9d8d6;
width: 373px;
}

/* End of 'Global' */

/* Start of CMSMS style sheet 'Left Navigation' */
/************************************************************************

	Site:		watershed.com

	Author:		George Huff, eROI Inc.		[www.eroi.com]  

	Client:		Watershed		[http://www.watershed.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - First Level
	2 - Second Level

	

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

/***********************************************************************
	1 - FIRST LEVEL STYLES
************************************************************************/


div#leftColumn div.left ul {
list-style: none;
}

div#leftColumn div.left ul li a {
background: url(uploads/images/Graphics/bg_leftnav_off.png) top left no-repeat;
display: block;
width: 107px;
padding: 11px 0px 0px 13px;
line-height: 110%;
color: #fff;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
height: 21px;
}

div#leftColumn div.left ul li.on a {
background: url(uploads/images/Graphics/bg_leftnav_on.png) top left no-repeat;
}


div#leftColumn div.left ul li a:hover {
background: url(uploads/images/Graphics/bg_leftnav_on.png) top left no-repeat;
}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#leftColumn div.left ul li a {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/bg_leftnav_off.png", sizingMethod="crop"); 
	cursor: pointer;
	padding: 10px 0px 0px 13px;

}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#leftColumn div.left ul li.on a {  
	background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/bg_leftnav_on.png", sizingMethod="crop");  
	cursor: pointer;
	padding: 10px 0px 0px 13px;

}



/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#leftColumn div.left ul li a:hover {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/bg_leftnav_on.png", sizingMethod="crop"); 
}




/***********************************************************************
	2 - SECOND LEVEL STYLES
************************************************************************/

div#leftColumn div.left ul ul li, div#leftColumn div.left ul li.on ul li a  {

background: #c93d30 url(uploads/images/Graphics/spacer.gif) top left no-repeat;

}

* html div#leftColumn div.left ul li.on ul li a, * html div#leftColumn div.left ul li ul li a:hover {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/spacer.gif", sizingMethod="crop"); 
	cursor: auto;
	padding: inherit;
}

div#leftColumn div.left ul li ul  {
width: 99px;
border:none;
display: none;
}

div#leftColumn div.left ul li.on ul {
display: block;
}

body#secondLevel div#leftColumn div.left ul li ul {
display: none;
}


div#leftColumn div.left ul li.on ul li a  {
display: block;
width: 100%;
padding: 8px 0px 0px 13px;
line-height: 110%;
color: #fff;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
height: 16px;
font-size: 9px;
}

div#leftColumn div.left ul li ul li a:hover {
background: #fff;
color: #c93d30;
}

/* End of 'Left Navigation' */

/* Start of CMSMS style sheet 'Generic' */
/************************************************************************

	Site:		watershed.com

	Author:		George Huff, eROI Inc.		[www.eroi.com]  

	Client:		Watershed		[http://www.watershed.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Left Column
	3 - Right Column
	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

div#container {
background: #fff url(uploads/images/Graphics/bg_container.jpg) 0px 137px repeat-y;
}

/***********************************************************************
	2 - LEFT COLUMN STYLES
************************************************************************/

div#leftColumn {
width: 491px;
padding: 25px 37px;
color: #736d67;
}

div#leftColumn a {
     color: #c93d30;
}
div#leftColumn a:hover {
color: #736d67;
}



/***********************************************************************
	3 - RIGHT COLUMN STYLES
************************************************************************/

div#rightColumn {
padding: 84px 0px;
width: 374px;
}

div.row {
margin-bottom: 2px;

}

div#logos {
margin-bottom: 13px;
}

div#logos img {
margin-right: 5px;
}

div.row div.left {
width: 186px;
margin-right: 2px;
}


div.row div.right {

width: 150px;
color: #938e8a;
padding: 0px 18px 14px 18px;
line-height: 110%;
}

div.row div.right h1 {
font-size: 14px;
margin-bottom: 2px;
}















/* End of 'Generic' */

/* Start of CMSMS style sheet 'Sub' */
/************************************************************************

	Site:		watershed.com

	Author:		George Huff, eROI Inc.		[www.eroi.com]  

	Client:		Watershed		[http://www.watershed.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Left Column
	3 - Right Column
	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/



/***********************************************************************
	2 - LEFT COLUMN STYLES
************************************************************************/

div#leftColumn {
color: #736d67;
float: left;
font-size: 11px;
}

div#leftColumn h1 {
font-size: 36px;
text-transform: uppercase;
line-height: 78%;
margin-bottom: 7px;
margin-left: -2px;
}

div#leftColumn h2 {
font-size: 14px;
margin-bottom: 4px;
}

div#leftColumn h4 {
margin: 9px 0px 6px 0px;
font-size: 14px;
}

div#leftColumn ul {
margin: 6px 6px 6px 20px;
}

/*** FORMS ***/
table.tableForms {
padding: 10px 0 0 0;
}

table.tableForms td {
padding: 1px;
}

table.tableForms tr td.formSpacing {
padding: 15px 0 0 0;
}

/***********************************************************************
	3 - RIGHT COLUMN STYLES
************************************************************************/

div#rightColumn {

float: left;
}


/* End of 'Sub' */

/* Start of CMSMS style sheet 'Industrial' */
/************************************************************************

	Site:		watershed.com

	Author:		George Huff, eROI Inc.		[www.eroi.com]  

	Client:		Watershed		[http://www.watershed.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Left Column
	3 - Right Column

	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

div#container {
background: url(uploads/images/Graphics/bg_cont_industrial.gif) 0px 0px repeat-y; 
color: #736d67;
}

/***********************************************************************
	2 - LEFT COLUMN STYLES
************************************************************************/



div#leftColumn {
color: #736d67;
float: left;
width: 565px;
padding-top: 123px;
}

div#leftColumn div.left {
width: 120px;


}




div#leftColumn div.right {
width: 424px;
float: right;
}


div#leftColumn div.right div.content {
padding-top: 14px;
padding-right: 30px;
font-size: 10px;
}

div#leftColumn div.right div.content h3 {
font-size: 14px;
display: inline;
}

div#leftColumn div.right div.content p {

}


/***********************************************************************
	3 - RIGHT COLUMN STYLES
************************************************************************/

div#rightColumn {
width: 372px;
float: left;
padding-top: 46px;
margin-left: 2px;

}

div#logos {
height: 85px;
overflow: visible;
}

div#logos h1 {
font-size: 36px;
text-transform: uppercase;
line-height: 78%;
margin-bottom: 3px;

}

div#logos h2 {
font-size: 14px;
margin-bottom: 2px;
}

/* End of 'Industrial' */

/* Start of CMSMS style sheet 'Product Page' */
/************************************************************************

	Site:		watershed.com

	Author:		George Huff, eROI Inc.		[www.eroi.com]  

	Client:		Watershed		[http://www.watershed.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Left Column
	3 - Right Column
	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

img.bump {
margin-right: 2px;
}

div.topImages {
height: 69px;
overflow: hidden;
}

/***********************************************************************
	2 - LEFT COLUMN STYLES
************************************************************************/

div#leftColumn {
color: #736d67;
float: left;
width: 376px;
padding: 0px 0 37px 0;
margin-right: 2px;

}

div#leftColumn h1 {
font-size: 36px;
text-transform: uppercase;
line-height: 78%;
margin-bottom: 7px;
margin-left: -2px;
padding-top: 14px;
}

div#leftColumn h2 {
font-size: 14px;
margin-bottom: 4px;
}

div#leftColumn div.content {
padding-right: 20px;
}



/***********************************************************************
	3 - RIGHT COLUMN STYLES
************************************************************************/

div#rightColumn {
width: 561px;
float: left;
}

div#rightColumn div.top {
padding-top: 2px;
}

div#rightColumn div.bottom {
margin-top: 2px;
background: url(uploads/images/Graphics/bg_product_threeCol.jpg) top left repeat-y;
}

div#rightColumn div.left {
width: 376px;
}

div#rightColumn div.item {
float: left;
width: 184px;
}

div#rightColumn div.item a {
color: #938e8a;
padding: 23px 14px;
display: block;
}

div#rightColumn div.item a:hover {
color: #fff;
text-decoration: none;
}

div#rightColumn div.item b {
display: block;
font-size: 14px;
text-transform: uppercase;
} 

div.topImagesNav {
height: 235px;
overflow:hidden;
}


a#contractManufacturing {
cursor: hand;
}


/* End of 'Product Page' */

/* Start of CMSMS style sheet 'With leftNav' */
div#breadcrumbs {
position: absolute;
top: 133px;
left: 115px;
visibility: visible;
z-index: 3000;
}

div#wrap{
background: #fff url(http://www.gowatershed.com/uploads/images/Graphics/bg_container.jpg) 0px 137px repeat-y;
width: 960px;
margin-top: -33px;
}
div#content {
width: 960px;
background: url(http://www.gowatershed.com/uploads/images/Graphics/bg_cont_industrial.gif) 0px 0px repeat-y; 
color: #736d67;
}

div#leftColumn {
float: left;
padding-left: 20px; 
width: 405px; 
padding-top: 35px;
}

div#rightColumn {
float: left;
width: 160px; 
margin-left: 20px;
}

div#logos img {
margin-bottom: 5px;
}

div#logos {
padding-bottom: 150px;
margin-bottom: 50px;
}

/* ALL GENERAL SUBNAV PAGES */
div#leftNav {
width: 120px;
float: left;
padding-top: 45px;
}

div#leftNav ul {
list-style: none;
width: 120px;
}

div#leftNav ul li a {
background: url(uploads/images/Graphics/bg_leftnav_off.png) top left no-repeat;
display: block;
width: 107px;
padding: 11px 0px 0px 13px;
line-height: 110%;
color: #fff;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
height: 21px;
}

div#leftNav ul li.on a {
background: url(uploads/images/Graphics/bg_leftnav_on.png) top left no-repeat;
}


div#leftNav ul li a:hover {
background: url(uploads/images/Graphics/bg_leftnav_on.png) top left no-repeat;
}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#leftNav ul li a {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/bg_leftnav_off.png", sizingMethod="crop"); 
	cursor: pointer;
	padding: 10px 0px 0px 13px;

}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#leftNav ul li.on a {  
	background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/bg_leftnav_on.png", sizingMethod="crop");  
	cursor: pointer;
	padding: 10px 0px 0px 13px;

}



/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#leftNav ul li a:hover {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/bg_leftnav_on.png", sizingMethod="crop"); 
}




/***********************************************************************
	2 - SECOND LEVEL STYLES
************************************************************************/

div#leftNav ul ul li, div#leftNav ul li.on ul li a  {

background: #c93d30 url(uploads/images/Graphics/spacer.gif) top left no-repeat;

}

* html div#leftNav ul li.on ul li a, * html div#leftNav ul li ul li a:hover {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gowatershed.com/uploads/images/Graphics/spacer.gif", sizingMethod="crop"); 
	cursor: auto;
	padding: inherit;
}

div#leftNav ul li ul  {
width: 99px;
border:none;
display: none;
}

div#leftNav ul li.on ul {
display: block;
}

body#secondLevel div#leftNav ul li ul {
display: none;
}


div#leftNav ul li.on ul li a  {
display: block;
width: 100%;
padding: 8px 0px 0px 13px;
line-height: 110%;
color: #fff;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
height: 16px;
font-size: 9px;
}

div#leftNav ul li ul li a:hover {
background: #fff;
color: #c93d30;
}


div#services-faq div {
padding-bottom: 20px;
}

div#services-faq div p {
padding-bottom: 7px;
}

body#outlet div#outletstore ul li {
display: inline;
padding-right: 7px;
}

body#outlet div#outletstore ul {
padding-bottom: 15px;
}

body#outlet div#outletstore p {
width: 425px;
}
/* End of 'With leftNav' */