@import url(/css/base.css);
@import url(/css/lightbox.css);

/*CONTENTS
-----------------------
Layout
  Header
  Navigation
  Content
  Footer
General Elements
Individual Pages
	Form Pages
	Error Pages
  Home Page
	Product Category Page
	Product Detail Page 
	Search Results
  

SITE COLORS
-----------------------
Text: #666
Links: #cc3333
Links Active #993333
Nav Link: #
Nav Active: #
Nav at: #
border: #d6d6d6
hover bg color: #eee
-----------------------*/

/*---------------------------------------------------------
  Layout 
---------------------------------------------------------*/ 

body { 
	padding-bottom: 100px;
	}
  
/*Header 
------------------------------------*/  
#printlogo { 
	display: none;
	}

#logo { 
	float: left;
	position: relative;
	width: 625px;
	height: 110px;
	background: url(/images/common/header-logo.jpg) no-repeat;
	}

a#cut2size { 
	position: absolute;
	top: 10px;
	left: 0;
	width: 280px;
	height: 80px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}
	
a#esmw { 
	position: absolute;
	width: 127px;
	height: 22px;
	left: 310px;
	top: 68px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	
	}

#utilities { 
	float: left;
	width: 345px;
	height: 110px;
	background: url(/images/common/header-utilities.jpg) no-repeat;
	}
	
#utilaccount { 
	padding: 9px 14px 0 14px;
	font-size: 11px;
	line-height: 1em;
	}
	
#utilaccount img, #utilaccount span { 
	vertical-align: middle;
	}
	
#utilaccount img { 
	margin-right: 5px;
	}
	
#utilaccount span { 
	text-decoration: underline;
	}
	
.utillink { 
	cursor: pointer;
	}
	
#utilcart { 
	padding: 32px 10px 10px 22px;
	}
	
#utilcart span { 
	color: #993333;
	}
	
#checkoutbutton { 
	padding: 6px 15px 0 0;
	float: left;
	}
	
#utilcartcontent { 
	float: left;
	width: 245px;
	padding: 3px 0 0 0;
	height: 39px;
	}
	
#utilcartcontent small {
	font-size: 11px; 

	}
	
#utilshipping { 
	clear: both;
	padding: 0px 14px 0 0;
	text-align: right;
	line-height: 2em;
	}
	
#utilshipping a { 
	background: url(/images/common/util-arrows.gif) no-repeat 100% 50%;
	padding-right: 13px;
	font-size: 11px;
	}
	
#utilshipping a:link, #utilshipping a:visited { 
	color: #666;
	}
	
#utilshipping a:active, #utilshipping a:hover { 
	color: #993333;
	}	

/*Navigation 
------------------------------------*/  
#navigation { 
	clear: both;
	background: url(/images/common/nav-bg.jpg) no-repeat;
	height: 34px;
	padding: 0 5px;
}

#navhome { 
	width:57px;
	background-image: url(/images/common/nav-home.gif);
	} 
	
#navaluminum { 
	width:92px;
	background-image: url(/images/common/nav-aluminum.gif);
	} 
	
#navstainless { 
	width:127px;
	background-image: url(/images/common/nav-stainless.gif);
	} 
	
#navbrass { 
	width:62px;
	background-image: url(/images/common/nav-brass.gif);
	} 
	
#navcopper { 
	width:69px;
	background-image: url(/images/common/nav-copper.gif);
	} 
	
#navfabrication { 
	width:158px;
	background-image: url(/images/common/nav-fabrication.gif);
	} 
	
#navabout { 
	width:83px;
	background-image: url(/images/common/nav-about.gif);
	} 
	
#navresource { 
	width:139px;
	background-image: url(/images/common/nav-resource-center.gif);
	} 

.nav { 
	height: 34px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: left;
	position: relative;
	z-index: 100;
	}
	
#navigation .navhover { 
	background-position: 0px -240px;
	}
	
.navprevsibling { 
	background-position: 0px -80px;
	}
	
.navnextsibling { 
	background-position: 0px -40px;
	}
	
.active { 
	background-position: 0px -120px;
	}
	
.active.navprevsibling { 
	background-position: 0px -200px;
	}
	
.active.navnextsibling { 
	background-position: 0px -160px;
	}

.nav a { 
	display: block;
	height: 34px;
	text-indent: -5000px;
	overflow: hidden;
	text-decoration: none;
	}
	
.subnav { 
	position: absolute;
	top: 34px;
	left: -10000px;
	z-index: 100;
	}
	
.subnavprod { 
	background: url(/images/common/subnav-bg-604.png) no-repeat 50% 100%;
	width: 576px;
	padding: 4px 14px 19px 14px;
	text-align: center;
	}
	
.subnavlist { 
	background: url(/images/common/subnav-bg-200.png) no-repeat 0 100%;
	width: 200px;
	padding: 5px 0 15px 0;
	}
	
.nav .subnavlist a { 
	display: block;
	height: auto;
	text-indent: 0;
	overflow: auto;
	}
	
#navigation .subnavprod a { 
	display: block;
	height: 94px;
	text-indent: 0;
	overflow: hidden;
	text-decoration: none;
	}
	
.subnav a:link, .subnav a:visited {
	color: #666;
	}
	
.subnav a:active, .subnav a:hover {
	color: #993333;
	} 
	
.navthumb { 
	float: left;
	width: 136px;
	height: 94px;
	padding: 4px 3px 3px 4px;
	border-bottom: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-top: none;
	border-left: none;
	font-size: 13px;
}

.subnav .last { 
	padding-right: 4px;
	}
	
.subnav .bottom { 
	padding-bottom: 4px;
	}
	
#navigation .navthumb:hover { 
	padding: 0;
	border-top: 4px solid #993333;
	border-right: 4px solid #993333;
	border-bottom: 4px solid #993333;
	border-left: 4px solid #993333;
	}
	
.subnavlist ul { 
	padding: 0px 15px 0 15px;
	background: url(/images/common/subnav-bg-ul.jpg) no-repeat 50% 0;
	}
	
.subnavlist ul li { 
	border-bottom: 1px solid #D6D6D6;
	}
	
.subnavlist ul li.last { 
	border-bottom: none;
	}

.subnavlist ul li a { 
	padding: 3px;
	}
	
/*.subnavlist ul li a:hover, .subnavlist ul li a:active { 
	background-color: #eee;
	}*/


#navsearch {
	text-align: right;
	width: 166px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 1em;
	}
	
#searchterms { 
	font-size: 11px;
	padding: 1px 2px;
	margin: 1px 2px 0 0;
	height: 16px;
	width: 120px;
	}
	
#navsearch input { 
	vertical-align: middle;
	}

/*Content 
------------------------------------*/  

#content { 
	background: url(/images/common/content-bg.jpg) no-repeat 0 0;
	padding: 5px 5px 20px 5px;
}

#hero { 
	margin-bottom: 5px;
	position: relative;
	z-index:1;
	}

#heroleadin { 
	position: absolute;
	z-index: 110;
	color: #fff;
	top: 170px;
	left: 20px;
	width: 230px;
	font-weight: bold;
	}
	
#heroleadin ul {
	margin: .6em .5em .6em 1.5em;
	list-style-type: disc;
	}
	
#heroleadin ul li {
	padding: 3px 0;
	}
	
#sidenav { 
	width: 270px;
	float: left;
	margin: 0 20px 0 0;
	background: url(/images/common/sidenav-bg.gif) repeat-y;
	}
	
#sidenav ul { 
	line-height: 1em;
	}

#sidenav li a { 
	background-color: #eee;
	background-repeat: repeat-y;
	background-position: 100% 0;
	display: block;
	background-image: url(/images/common/subnav-li-bg.gif);
	padding: 2px 20px 3px 20px;
	text-decoration: none;
	margin-bottom: 1px;
	text-transform: uppercase;
	}
	
#sidenav li a:link, #sidenav li a:visited { 
	color: #666;
	}
	
#sidenav li a:active, #sidenav li a:hover { 
	color: #993333;
	}
	
	
#sidenav li h3 { /*primarily used on blog*/
	background-color: #eee;
	background-repeat: repeat-y;
	background-position: 100% 0;
	display: block;
	background-image: url(/images/common/subnav-li-bg.gif);
	padding: 2px 20px 1px 20px;
	text-decoration: none;
	margin-bottom: 1px;
	text-transform: uppercase;
	font-size: 12px;
}

	
#sidenav li.active a { 
	background: url(/images/common/sidenav-active.gif) no-repeat;
	}	
	
#sidenav li ul { 
	margin-bottom: 4px;
}
		
#sidenav li li { 
	font-size: 11px;
}
	


#sidenav li li a { 
	padding: 2px 20px 1px 30px;
	text-transform: none;
	background: transparent;
	background-color: none;
	background-image: none;

	}
	
#sidenav li li a.active { 
	color: #cc3333;
	}

#sidenav li li h5 { 
	/*padding: 3px 20px 2px 30px;*/
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 0;
	}
	
#sidenav li li h5 a { 
	text-transform: uppercase;
	}
	
#sidenav li.active li a { 
	background: none;
	}
	
#sidenav li li li a { 
	padding: 4px 20px 3px 40px;
	text-transform: none;
	 background: transparent;
	}
	
#sidenavheader { 
	height: 15px;
	background: url(/images/common/sidenav-header.gif) repeat-y;
	}
	
#sidenavfooter { 
	height: 15px;
	background: url(/images/common/sidenav-footer.gif) no-repeat;
	}
	
#subcontent { 
	width: 650px;
	float: left;
	margin: 20px 0 0 0;
}

#subcontent ul { 
	margin: 1.12em 0 1.12em 40px;
	list-style-type:disc;
}

.imagecol { 
	float: right;
	text-align: center;
	margin: 0 0 10px 20px;
	font-size: 11px;
	width: 315px;
	}
	
.imagecol div { 
	background-color:#eee;
	margin: 0 0 15px 0;
	padding: 1px;
	}
	
.imagecol p { 
	padding: 5px 9px 4px 9px;
	}



/*Footer 
------------------------------------*/  
#footer { 
	height: 193px;
	background: url(/images/common/footer-bg.png) no-repeat 50% 0;
	clear: both;
	width: 960px;
	margin: 0px auto 20px auto;
	padding: 0 5px;
	text-align: left;
	}
	
#footer a:link, #footer a:visited { 
	color: #666;	
	}
	
	
#footer a:active, #footer a:hover { 
	color: #993333;	
	text-decoration: underline;
	}
	
#footerinfo { 
	float: left;
	padding: 12px 19px 0 0;
	width: 252px;
	text-align: right;
	margin-right: 18px;
	background: url(/images/common/footer-vert-divider.gif) no-repeat right top;
	}
	
#footerlogo {
	padding: 0 0 21px 0; 
	background: url(/images/common/footer-hor-divider.gif) no-repeat right bottom;
	}
	
#footercredits {
	color: #999999;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1.8em;
	padding: 15px 0 0 0;
	}
	
.footercolumn { 
	padding-top: 12px;
	float: left;
	font-size: 11px;
	}
	
.footercolumn ul { 
	margin-bottom: 1em;
	}
	
.footercolumn h3 { 
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 1em;
	}
	
.footercolumn h4 { 
	font-size: 13px;
	font-weight: bold;
	}
	
#footercolumna {
	margin-right: 65px;
	width: 175px;
	
	}
	
#footercolumnb {
	margin-right: 65px;
	width: 125px;
	}
	
#footercolumnc {
	width: 225px;
	}
	
#adminlinks	{ 
	background: #eee;
	border: 1px solid #d6d6d6;
	clear: both;
	width: 930px;
	margin: 20px auto;
	padding: 15px;
	text-align: left;
	-moz-border-radius: 8px;
  border-radius: 8px;
	}
#adminlinks select { 
	margin: 0 10px 0 0;
	}

#adminlinks h2 { 
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #F1F1F1;
	}
/*---------------------------------------------------------
  General Elements 
---------------------------------------------------------*/ 
	
.dividerdots { 
	background: url(/images/common/divider-dots.gif) repeat-x 0 0;
	height: 1px;
	clear: both;
	height: 15px;
	}
	
.messagebox { 
	background:#EEEEEE;
	padding:10px;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
  border-radius: 5px;
	}
	
.messagebox input { 
	font-size: 13px;
	}
	
#cartwrapper .messagebox a:link, .messagebox a:link, #cartwrapper .messagebox a:visited, .messagebox a:visited { 
	color: #cc3333; 
}

#cartwrapper .messagebox a:active, .messagebox a:active, #cartwrapper .messagebox a:hover, .messagebox a:hover { 
	color: #993333; 
}

#debug { 
	background-color:#000066;
	color: #fff;
	padding: 10px;
}

.loading { 
	background: url(/images/common/ajax-loader.gif) no-repeat 50% 50%;
	height: 24px;	
}

div.required, span.required, p.required { 
color: #cc3333;
}

.error { 
	color: #cc3333;
}
.green {
  color: green;
	font-size: 11px;
}


.copy { 
	padding-bottom: 1em;
	}
	
.hide { 
	display: none;
	}
	
.summarycopy { 
	width: 185px;
	line-height: 1.2em;
	}
	
h2.featured { 
	background: url(/images/common/header-feature-bar.gif) no-repeat 0 1px;
	padding-left: 30px;
	}

h2.featured a:link, h2.featured a:visited { 
	color: #333;
	}
h2.featured a:active, h2.featured a:hover { 
	color: #993333;
	}

.imagecont { 
	background-color:#EEEEEE;
	margin:0 0 15px;
	padding:1px;
	}	
	
.imagecont p { 
	padding: 5px 0;
	}	
	
.trans { 
	background:url(/images/common/trans-bg.png);
	}
	
#generalcontent { 
	padding: 20px;
	}
	
#generalcontent ul { 
	margin: 1.12em 0 1.12em 40px;
	list-style-type:disc;
}
	
/*slideshow styles*/
.heroslide { 
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	/*display: none;*/
	background-color: #fff;
	color: #fff;
}

#heroslide0 { /*first one*/
	z-index: 10;
	display: block;
}
	
.heroslide img  { 
	/*position: absolute;
	top: 0;
	left: 0;*/
}
	
.heroslide a  { 
	/*position: absolute;
	width: 670px;
	height: 320px;
	top: 0;
	left: 290px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;*/
}


/*tab styles*/
.tabbar { 
	padding: 0 0 0 19px;
	background: url(/images/common/d6d6d6.gif) repeat-x 0 100%;
	margin-bottom: 20px;
	}
	
.tabshadowlt, .tabshadowrt { 
	float: left;
	width: 4px;
	height: 37px;
	}
	
.tabshadowlt { 
	background: url(/images/common/gen-tab-shadow-lt.gif) no-repeat;
	}
	
.tabshadowrt { 
	background: url(/images/common/gen-tab-shadow-rt.gif) no-repeat;
	}
	
.tab { 
	background: url(/images/common/gen-tab.gif) no-repeat top right;
	float: left;
	text-transform: uppercase;
	line-height: 1em;
	margin-left: -1px;
	}
	
.tab a {
	display: block;
	padding: 16px 10px 0 10px;
	float: left;
	height: 21px;
	background: url(/images/common/gen-tab-lt.gif) no-repeat top left;
	}
	

.tab a:link, .tab a:visited {
	text-decoration: none;
	color: #333;
	}

.tab a:hover, .tab a:active {
	text-decoration: none;
	color:#993333;
	}
	
.tabbar div.active { 
	background: url(/images/common/gen-tab.gif) no-repeat 100% -40px;
	}
	
.tabbar div.active a {
	color:#993333;
	background: url(/images/common/gen-tab-lt.gif) no-repeat 0 -40px;
	}


/*---------------------------------------------------------
  Individual Pages
---------------------------------------------------------*/ 

/*Form Pages
------------------------------------*/  

input[type=radio]{
	vertical-align: middle;
	margin-bottom: -1px;
	}
	
.formblock { 
  min-height: 2.0em;
	margin-bottom: 5px;
}

  
.formblock label { 
  width: 130px;
  display: block;
  text-align: right;
  margin-right: 5px;
  vertical-align: middle;
	float: left;
	padding-top: 2px;
}

.formblock label.error { 
  width: auto;
  display: inline;
  text-align: left;
  margin-right: 0;
  vertical-align: middle;
	padding-top: 2px;
	float: none;
}

.formcol { 
	float: left;
	width: 480px;
	}
	
.formcol label { 
	float: none;
	width: auto;
	text-align: left;
	display: inline;
	}

.formindent { 
	min-height: 2.0em;
  margin: 0px 20px 5px 135px;
  clear: both;
}

.formindent p { 
  padding: 0 0 5px 0;
  clear: both;
}

label span { 
  color: #cc3333;
}
  
span.preset { 
	vertical-align: middle;
	padding-top: 2px;
	float: left;
	display: block;
	}
/*.inputfield { */ 
input[type=text]{
  padding: 2px;
  width: 150px;
  vertical-align: middle;
  border: 1px solid #d6d6d6;
	/*background-color: #f6f6f6;*/
	margin-right: 5px;
}

input[disabled='disabled'], select[disabled='disabled'] { 
	background-color: #e6e6e6;
	}
 
select { 
  vertical-align: middle;
  padding: 1px 1px;
  border: 1px solid #d6d6d6;
	/*background-color: #f6f6f6;*/
	margin: 0 5px 5px 0;
}

textarea { 
  vertical-align: top;
  margin: 0 5px 5px 0;
  border: 1px solid #d6d6d6;
	/*background-color: #f6f6f6;*/
	padding: 2px;
}
  
	
input.formbutton { 
  margin-bottom: 5px;
	padding-bottom: 4px;
	padding-right: 25px;
  background: url(/images/common/form-button.jpg) repeat-x 100% 0; 
  border: 0;
  color: #fff;
  cursor: pointer;
  text-shadow: #000 0px 1px 2px;
  outline: none;
	height: 26px;
	font-weight: bold;
	-moz-border-radius: 3px;
  border-radius: 3px;
	}
	
input.formbutton:hover { 
  background: url(/images/common/form-button.jpg) repeat-x 100% -30px; 
}

input.formbutton.buttonx { 
  background: url(/images/common/form-button-x.jpg) repeat-x 100% 0; 
	}
	
input.formbutton.buttonx:hover { 
  background: url(/images/common/form-button-x.jpg) no-repeat 100% -25px; 
}

input.formbutton.lite { 
  background: url(/images/common/form-button.jpg) no-repeat 100% -90px; 
	color: #cc3333;
	text-shadow: #777 0px 1px 2px;
	}
	
input.formbutton.lite:hover { 
  background: url(/images/common/form-button.jpg) repeat-x 100% -120px; 
	color: #993333;
}

input[disabled='disabled'].formbutton, input[disabled='disabled'].formbutton:hover {
	background: url(/images/common/form-button.jpg) repeat-x 100% -60px; 
	color: #666;
	text-shadow: #666 0px 1px 2px;
	}

input.long, textarea.long { 
  width: 200px;	
}

select.xllongong { 
  width: 202px;
}
  
input.xlong, textarea.xlong { 
  width: 340px;
}

select.xlong { 
  width: 342px;
}
  
input.short { 
  width: 80px;
}
	
.formquestion { 
  width: 138px;
  margin: 0 5px 30px 0;
  float: left;
  text-align: right;
}

.formresponse { 
  width: 320px; 
  margin: 0 10px 2em 0;
  float: left;
}
  
.formresponse input { 
  vertical-align: bottom;
  margin-right: 3px;
	margin-top: -2px;
}

.formresponse label { 
  text-align: left;
  width: 150px;
}
  

.checkfield { 
  clear: both;
	padding-bottom: 1.5em
  }
  
.checkfield input { 
  margin-right: 1px;
  vertical-align: middle;
	padding-top: 1px;
  }
	
.checkfield label { 
  width: auto;
	text-align: left;
  }

.checkfield label { 
  width: auto;
	text-align: left;
  }


/*Error Pages
------------------------------------*/  

/*Home Page 
------------------------------------*/  
#iewarning { 
	display: none;
	}
	
#iehide { 
	float: right;
	}

#homehero { 
	padding-bottom: 20px;
	position: relative;
	height:320px;
	z-index: 1;
}
	
#homeherocallouts { 
	position: absolute;
	z-index: 50;
	top: 20px;
	left: 20px;
	width: 250px;
}
	
#homeherocallouts a { 
	margin-bottom: 10px;
	display: block;
}
	
.homesidebar { 
	float: left;
	width: 250px;
	margin: 0 20px 0 20px;
	display: inline;
}

.homesidebar h1 { 
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: .4em;
	padding-bottom: .2em;
}

#homespecials { 
	background: url(/images/home/featured-products-bkgd.jpg) no-repeat 0 0;
	padding-top: 46px;
	border: 1px solid #d6d6d6;
	line-height: 1.2em;
	width: 248px;
	font-size: 12px;
	margin-bottom: 15px;
}

#homespecials ul li { 
	padding: 4px 5px;
}

#homespecials h4 { 
	font-size: 13px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	}
	
#homespecials h4 a:active, #homespecials h4 a:hover { 
	text-decoration: underline;
	}
	
.specialprice { 
	float: right;
	font-weight: bold;
	}
	
#homeimage { 
	padding-bottom: 20px;
}

#homesubcontent { 
	width: 650px;
	float: left;
	margin: 0;
	}

#metalcenter { 
	background: url(/images/common/home-metal-center.jpg) no-repeat 0 0;
	padding: 46px 0 0 5px;
	width: 645px;
	float: left;
	height: 184px;
	float: left;
	margin-bottom: 20px;
}
	
a.mclink { 
	float: left;
	margin-right: 1px;
}

#homeblogfeed { 
	float: right;
	width: 14px;
	height: 14px;
	margin: 4px 0 0 0;
}

#homeblog ul { 
	list-style-type: none;
	padding: o;
	margin: 0;
}

#homeblog ul p { 
	padding: 0;
	margin: 0;
}

#homeblog ul span { 
	clear: both;
	display: block;	
	text-transform: uppercase;
	color: #999;
	padding-top: 5px;
	font-size: 11px;
}

#homeblog h1 { 
	margin-bottom: 0;
	padding-bottom: 8px;
}

#homeblog h4 { 
	font-size: 18px;
}


#homeblog li { 
	clear: both;
	padding: 7px 20px;
	border-bottom: 1px solid #D6D6D6;
}


#homeblog li.odd { 
	background: #f0f0f0;
}

#homeblog ul img { 
	float: left;
	margin-right: 15px;
	width: 100px;
	height: 100px;
}

/*Product Category Page 
------------------------------------*/

#catgridaluminum { 
	background: url(/images/products/core/hero-aluminum.jpg) no-repeat;
	}
#catgridstainless { 
	background: url(/images/products/core/hero-stainless-steel.jpg) no-repeat;
	}
#catgridbrass { 
	background: url(/images/products/core/hero-brass.jpg) no-repeat;
	}
#catgridcopper { 
	background: url(/images/products/core/hero-copper.jpg) no-repeat;
	}	
	
.catgrid { 
	margin-bottom: 5px;
	padding: 21px 0 0 301px;
	width: 660px;
	height: 300px;
	background-color: #ff0000;
	}
	
.catgrid img { 
	border: 1px solid #eee;
	float: left;
	margin: -1px 0 0 -1px;
	width: 125px;
	height: 69px;
	}
	
.catgrid img.hover { 
	/*border: 1px solid #993333;*/
	}
	
.catgrid img.spacer { 
	border: none;
	padding: 1px;

	}
	
.catgrid img.hover { 
	border: 1px solid #993333;
	}
	
	

#sidenav li a#sidenavaluminum { 
	background-image: url(/images/common/sidenav-block-aluminum.jpg);
}

#sidenav li.active a#sidenavaluminum { 
	background-image: url(/images/common/sidenav-active-aluminum.jpg);
}
	
#sidenav li a#sidenavstainless { 
	background-image: url(/images/common/sidenav-block-stainless-steel.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#sidenav li.active a#sidenavstainless { 
	background-image: url(/images/common/sidenav-active-stainless.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
	
#sidenav li a#sidenavcopper { 
	background-image: url(/images/common/sidenav-block-copper.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#sidenav li.active a#sidenavcopper { 
	background-image: url(/images/common/sidenav-active-copper.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
	
#sidenav li a#sidenavbrass { 
	background-image: url(/images/common/sidenav-block-brass.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#sidenav li.active a#sidenavbrass { 
	background-image: url(/images/common/sidenav-active-brass.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}  
	
#titlefeatured { 
	display: block;
	padding-bottom: 4px;
}
	
.catitem { 
	border-bottom: 1px solid #d9d9d9;
}
	
.catthumb { 
	float: left;
}
	
.catcontents { 
	float: left;
	padding: 22px 0 0 10px;
	width: 470px;
}
	
.catcontents h3 { 
	font-size: 24px;
	font-weight: normal;
	color: #333;
	line-height: 1.2em;
}
	
.catcontents h3 a:link, .catcontents h3 a:visited { 
	color: #333;
}
	
.catcontents h3 a:active, .catcontents h3 a:hover { 
	color: #993333;
	text-decoration: none;
}

.catcontents h4 { 
	font-size: 15px;
	font-weight: normal;
	color: #999;
}
	
.gotoproduct {
	text-align: right;
}
	
.gotoproduct a { 
	background: url(/images/common/go-to-prod-arrow.gif) no-repeat 100% 50%;
	color: #999;
	padding-right: 20px;
}

.gotoproduct a:hover, .gotoproduct a:active { 
	color: #993333;
	text-decoration: none;
}

#promoblock { 
	padding: 20px 0;
	float: left;
}

#promoblock a { 
	margin-right: 20px;
	float: left;
	}
	
#promoblock a.last { 
	margin-right: 0px;
	}
	
/*Product Detail Page 
------------------------------------*/
#prodimages { 
	float: left;
	width: 170px;
	margin-right: 20px;
	padding-bottom: 20px;
	}
	
#prodmicrothumbs { 
	float: left;
	}

#prodmicrothumbs h5 { 
	padding-bottom: 5px;
	text-transform: none;
	font-size: 12px;
	margin-bottom: 0;
	}

#prodmicrothumbs img { 
	width: 28px;
	border: 1px solid #ccc;
	margin: 0 4px 4px 0;
	float: left;
	cursor: pointer;
	}
	
#prodcontent { 
	float: left;
	width: 460px;
	margin-bottom: 20px;

	}
	
/*#prodcontent h1 { 
	font-size: 24px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px;
	color: #333;
	}*/
	
.prodtabs { 
	padding: 0 0 0 19px;
	clear: both;
	background: url(/images/common/d6d6d6.gif) repeat-x 0 100%;
	margin-bottom: 20px;
}
	
.prodtabs a { 
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 37px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	}
	
.prodtabs a.cuttab { 
	height: 31px;
	}
	

	
.prodtabs a:hover { 
	float: left;
	background-position: 0 -40px;
	background-repeat: no-repeat;
	}
	
.prodtabs a.active { 
	background-position: 0 -80px;
	}
	
#tabselection { 
	background-image: url(/images/products/core/prod-tab-selection.gif);
	width:169px;
	}
	
#tabspecs { 
	background-image: url(/images/products/core/prod-tab-specs.gif);
	width: 206px;
	}
	
#tabcustom { 
	background-image: url(/images/products/core/prod-tab-custom.gif);
	width:101px;
	}
	
#tabstandard { 
	background-image: url(/images/products/core/prod-tab-standard.gif);
	width: 121px;
	}
	
.tabcontent { 
	display: none;
	padding-bottom: 15px;
	clear: both;
	}
	
#subcontent div.active { 
	display: block;
	}
	
#contentselection a:link,#contentselection a:visited { 
	color: #0066cc;
}

#contentselection a:active,#contentselection a:hover { 
	color: #003399;
}
	
#measuretips { 
	text-align: right;
	line-height: 1em;
	}

#prodstep1 { 
	position: relative;
}

#helpchoosing { 
	position: absolute;
	top: 0;
	right: 0;
	}
	
#dimensionsdiagram { 
	padding: 10px 0 0 18px;
	}
	
.prodselbox { 
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 20px; 
	margin-bottom: 20px;
	float: left;
	width: 650px;
	}
	
#prodstep3 { 
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}

.prodselstep { 
	float: left;
	width: 190px;
	}
	
.prodselcontent { 
	float: left;
	width: 460px;
	padding-top: 3px;
	color: #333;
	}

.prodselcontent h4 { 
	font-weight: bold;
	}	
	
.prodselcontent h5 { 
	color: #666;
	font-weight: normal;
	margin-bottom: 5px;
	
	}	

.prodselcontent label { 
	}
	
	
a#helpchoosing {
	float: right;
	font-size: 11px;
	line-height: 1em;
	display: block;
	padding: 5px 24px 7px 6px;
	background: url(/images/common/info-icon.gif) no-repeat 100% 50%;
	text-decoration: none;
	}

	
.prodselcontent input, .prodselcontent select { 
	vertical-align: middle;
}
.prodselcontent, input[type=radio] { 
	margin-top: -3px;
}

.prodselcontent em { 
	background: #eee;
	padding: 0 4px;
	font-style: normal;
}	

.loadingmini { 
	display: none;
	vertical-align: middle;
	}
	
.prodselcontent .required { 
	font-size: 11px;
	}
	
.prodcustomcut .required {
	float: left;
}
	
#gaugediagram { 
	padding: 15px 0 0 35px;
	}
	
#dimensionsloadimg { 
	width: 16px;
	height: 16px;
	display: none;
	}
	
/*#prodor { 
	padding: 3px 0 3px 60px;
	margin: 10px 0;
	background-color: #eee;
	font-weight: bold;
}*/
	
/*#seldimensions { 
	display: none;
}*/

	
#selsize { 
	
}

.sizebox { 
	padding: 10px 20px 5px 20px;
	color: #333;
  border: 1px solid #d6d6d6; 
	font-size: 12px;
	margin-bottom: 10px;
	  background: #fff url(/images/products/core/sizebox-bg.gif) repeat-x 0 100%;
}

.sizebox input, .sizebox select { 
	font-size: 13px;
}

.sizebox strong { 
	font-size: 14px;
	}

.sizebox h4 { 
	margin-bottom: .5em;
	color: #666;
}


.sizebox span { 
}

.sizebox .dots { 
	margin-bottom: 10px;
}

.sizebox .qty { 
	margin-right: 0;
	}

.cutinhalf {
  color: #cc3333;
  display: none;
 }

.selectionmsg { 
	/*width: 160px;*/
	/*float: left;*/
	clear: both;
	text-align: left;
	/*padding-top: 5px;*/
	color: #cc3333;
	}
	
.selectionmsg p { 
	margin-bottom: .5em;
	padding: 0;
	}

.addtocart { 
	width: 182px;
	height: 28px;
	/*float: right;*/
	cursor: pointer;
	vertical-align:middle;
	}


#sswrapper { 
	display: none;
	}

#prodstandardcut {
}

#selectsize { 
	}

#standardmsg { 
	}

#prodcustomcut { 
}

input.qty { 
	width: 1.5em; 
	text-align: right;
	}


.ccspacer,.ccinches, .ccplus, .ccfraction, .ccWidthMax, .ccLengthMax { 
	float: left;
	color: #666666;
}

#customcutqty { 
	margin-bottom: 10px;
}
	
.ccplus span { 
	line-height: 2em;
}

.cctitle { 
	background: #eee;
	text-transform: uppercase;
	float: left;
	padding: 5px;
	text-align: right;
	width: 82px;
	margin: 0 5px 0 0;
	padding: 3px;
}


.cctitle span { 
	color: #cc3333;
}

.ccspacer {
	width: 93px;
	}
	
.ccinches { 
	width: 59px;
	text-align: center;
}
.ccinches input { 
	width: 52px;
	text-align: center;
}
	
.ccplus { 
	width: 17px;
	text-align: center;
}

.ccfraction { 
	width: 85px;
	text-align: center;
	margin-right: 5px;
}

.ccfraction input { 
	width: 78px;
	text-align: center;
}
	
.ccWidthMax, .ccLengthMax { 
	padding-top: 4px;
}

#selsize1a,#selsize2a { 
	font-size: 10px;
	}
	
.cccheck { 
	float: left;
	margin:2px 5px 0 0;
	vertical-align: middle;
	}
	
.ccchecklabel { 
	width: 390px;
	font-size: 12px;
	float: left;
	display: block;
	margin-bottom: 5px;
	}
	
#ccselection {
	width: 160px;
	float: left;
	text-align: left;
}	
	
#requiredmsg { 
	float: right;
	}
	


#submitdimensionsbtn {
  cursor: pointer;
	margin: 0;
}	
	
/*#submitdimensionsminiload { 
	float: right;
	padding:6px 83px 6px 83px;
	}	*/
	
.prodselcontent .required { 
	float: left;
	padding-top: 5px;
}

span.inactive { 
	color: #333;
	}

#selprice { 
	padding-top: 4px;

	}

#ccgetprice { 
	float: right;
	margin: -6px 0 0 0;
	
}
#ccgetprice img { 
	vertical-align: middle;
	}

#exceedsups { 
	clear: both;
	display: none;
	color: #CC3333;
	width:245px;
	}	
	
#ccmsg { 
	margin-bottom: 10px;
}

.ccprice { 
	
	font-weight: bold;
	}

#yourSelectionTotal {
	font-size: 14px;
	color: #cc3333;
	}
	
#prodstep4 #ajaxloader { 
	float: right;
	margin-right: 20px;
	}
	
/*#prodmessage {
	background: #eee;
	color: #cc3333;
	font-weight: bold; 
	clear: both;
	padding: 10px;
	margin: 0 0 0 0;
	display: none;
	text-align: right;
	line-height: 28px;
	font-size: 13px;
	-moz-border-radius: 5px;
  border-radius: 5px;
	}*/
	
.addtocartbox { 
	text-align: right;
	padding-right: 20px;
	}	
	
#cartproceed { 
	float: right;
	margin-right: 10px;
	vertical-align: middle;
	margin-left: 10px;
	}
	
#contentspecs p { 
	text-align: center;
	}

#contentspecs h3 { 
	font-size: 18px;
	color: #666;
	text-align: center;
	padding-bottom: 10px;
	}
	
#contentspecs h3 span { 
	font-size: 12px;
	}
#contentspecs table { 
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	margin-bottom: 2em;
}

#contentspecs table.chartkey, #contentspecs table.chartkey td { 
	border: 0;
}


#contentspecs th, #contentspecs td { 
	padding: 5px 5px 5px 20px;
	text-align: left;
}

#contentspecs th { 
	color: #fff;
	background-color: #666;
	border-right: 1px solid #fff;
	padding: 5px 5px 5px 20px;
}

#contentspecs th.last { 
	border-right: 1px solid #d6d6d6;
}

#contentspecs td { 
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding: 3px 5px 3px 20px;
	color: #333;
	background: #fff;
}
#contentspecs tr td.alt { 
	background: #eee;
}
#contentspecs td.divider { 
	background-color: #eee;
	padding-top:2px;
	padding-bottom:2px;
	border-top: 0;
	margin-bottom: 0;
}

/*Fabrication Home
------------------------------------*/
.fabricationtitle { 
	margin-bottom: 10px;
	display: block;
	} 
	
#fabricationpromo { 
	}

.fabpromo { 
	float: left;
	}
	
a.fabpromo { 
	margin-right: 20px;
	margin-top: 28px;
	}


/*Our Team
------------------------------------*/ 
#teamimagecol { 
	width: 210px;
	}

.teammember { 
	padding: 10px;
	background: #eee;
	margin: 0 0 1em 0;
	}
	
.teammember img { 
	float: left;
	border: 1px solid #fff;
	margin-right: 20px;
	}
	
.teamcopy { 
	width: 390px;
	float: left;
	}
.teammember h2 {	
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 5px;
	}
	
.teammember h3{	
	font-size: 14px;
	text-transform: uppercase;
	}
/*Media Gallery
------------------------------------*/ 
.vidsummary { 
	position: relative;
	z-index: 20;
	}

.vidsummary a { 
	float: left;
	top: 1px;
	left: 1px;
	float: none;
	}

.vidsummary a img { 
	position: absolute;
	top: 10px;
	left: 10px;
	float: none;
	}
	
img.poster { 
	width: 148px;
	height: 112px;
	border: 1px solid #fff;
	}


img.vidplay { 
	z-index: 21;
	border: 0;
	}

ul.medialist { 
	color: #993333;
	list-style-type: square;
	margin: 0 1.5em 1em 1.5em;
	}

.mediathumbs { 
	clear: both;
	margin-bottom: 15px;
	float: left;
	text-align: right;
	}

.mediathumbs a img { 
	width: 98px;
	height: 98px;
	border: 4px solid #eee;
	float: left;
	margin: 2px 2px 0 0;
	}
	
.mediathumbs a:hover img,.mediathumbs a:active img { 
	border: 4px solid #993333;
	}	
	
.mediathumbs .clear { 
	text-align: right;
	padding:5px 5px 0 0;
	}
	
#videocontainer, #flashvideo { 
	margin-bottom: 10px;
	}

/*Resource Landing
------------------------------------*/
#resourcecol { 
	width: 210px;
	}
	
.resourcecopy { 
	float: left;
	width: 135px;
	line-height: 1.2em;
	}
	
#featureimg2, #featureimg3, #featureimg4 { 
	display: none;
	}

/*Resource Articles
------------------------------------*/

#articlecol { 
	width: 313px;
	}

/*CHECKOUT PAGES
------------------------------------*/ 

/*Cart
------------------------------------*/ 
#cartpath { 
padding: 15px 20px 20px 20px;
}

#cartwrapper {
	padding: 0px 20px 20px 20px;
	float: left;
	width: 716px;	
}

#cartsidebar { 
	width: 164px;
	float: left;
	/*text-align: right;*/
	margin-top: 24px;
	font-size: 12px;
	}
	
#cartsidebar h1 { 
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 5px;
	}
	
#cartsidebar h3 { 
	color: #993333;
	margin: 5px 0;
	}

#cartseals { 
	text-align: center;
	}	
	
#cartseals div { 
	margin: 0px auto;
	}	
	
#cartseals .AuthorizeNetSeal { 
	padding-top: 10px;
	}	
.carterror {
	color: #CC3333;
	font-weight: bold;
}
#carthead {
	border-bottom: 1px solid #d6d6d6;
	height: 18px;
}
#carthead div {
	float: left;
	font-weight: bold;
}
.cartitem {
	width: 136px;
	padding-right: 20px;
	text-align: center;
}
/*.cartitemnumber {
	width: 130px;
}*/
.cartdesc {
	width: 155px;
	padding-right: 10px;
}
.cartdimensions {
	width: 135px;
	padding-right: 10px;
}
.cartqty {
	width: 55px;
	text-align: center;
}

.cartqty a { 
	font-size: 11px;
	}

#cartqtyinput {
	width: 30px;
	height: 16px;
	margin-right: 0;
	text-align: right;
}
.cartremove {
	width: 50px;
	text-align: center;

}

.cartrow .cartremove {
	font-size: 14px;
	line-height: 1em;
	padding-top: 13px;
}

.cartremove a {
	padding: 1px 7px 4px 7px;
	text-decoration: none;
}

.cartremove a:hover, .cartremove a:active {
	background-color: #d6d6d6;
}



.cartprice {
	width: 65px;
	text-align: right;
}

.cartrowtotal {
	width: 80px;
	text-align: right;
	float: left;
}


.cartrowpadding {
	padding-top: 10px;
}

.cartrowpadding .error {
	font-size: 12px;
}

.cartrow {
	border-bottom: 1px solid #d6d6d6;
	float: left;
	padding-bottom: 10px;
}
.cartrow div {
	float: left;
}

.cartrow a:link, .cartrow a:visited {
	color: #999999;
}

.cartrow a:active, .cartrow a:hover {
	color: #993333;
}

.subtotalrow { 
	border-bottom: 1px sarolid #d6d6d6;
	float: left;
}
.subtotalrow div { 
	padding-top: .5em;
	padding-bottom: .5em;
	}


.subtotalrow .cartsublabel span {
	font-weight: normal;
}

#cartpromocode {
	float: left;
	width: 426px;
	padding-top: .7em;
}

#cartwrapper #cartpromocode a:link, #cartwrapper #cartpromocode a:visited { 
	color:#CC3333;	
	margin: 3px 5px 0 0;
	float: left;
}

#cartwrapper #cartpromocode a:active, #cartwrapper #cartpromocode a:hover { 	
	color:#993333;
}

#cartpromocode input[type=text] {
	width: 100px;
	vertical-align: middle;
	float: left;
}

#cartpromocode .formbutton { 
  margin-bottom: 0;
	padding-bottom: 4px;
	padding-right: 20px;
	height: 24px;
	-moz-border-radius: 2px;
  border-radius: 2px;
	vertical-align: middle;
	float: left;
	}
	
#offerfield { 
	display: none;
}
	


#totalrow { 
	float: left;
	padding: .5em 0;
	color: #334455;
	width: 290px;
	}

#totalrow div { 
	padding-top: .2em;
	padding-bottom: .2em;
}

.cartsublabel {
	width: 210px;
	text-align: right;
	float: left;
}

#cartrowtotal strong { 
	color: #993333;
	}

#carttolerances { 
	clear: both;
	margin-bottom: .5em;
	}
	
#carttolerances h5 { 
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
	}

.cartsublabelbig {
	font-size: 14px;
	font-weight: bold;
}
.cartsubvalue {
	width: 110px;
	text-align: right;
}
#cartbuttons {
	text-align: right;
	clear: both;
	padding: .5em 0;
}

#cartshippingbutton {
	padding: 10px 0 0 155px;
	clear: both;
	border-top: 1px solid #d6d6d6;
	text-align: right;
}


#addressblock {
	border-top: 1px solid #d6d6d6;
	padding-bottom: 20px;
	padding-top: 10px;
}


.orderinfoitem {
	float: left;
	width: 218px;
	margin-right: 30px;
	padding-bottom: 1em;
}


.orderinfoitem h4 {
	font-size: 14px;
	font-weight: bold;
}

#ordercompletion {
	display: none;
}
.checkoutbuttons {
	float: right;
}
.relative {
	position: relative;
	width: 0px;
	height: 0px;
}

.cartPrecutPiece {
  font-size: 0.75em;
}

/*Shipping Payment page*/
#shippingselect h4 { 
	font-weight: bold;
}
	

/*address Payment page*/

#cartwrapper h2 { 
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: .3em;
	margin-bottom: .5em;
	clear: both;
	}
	

	
#cartwrapper a:link, #cartwrapper a:visited { 
	color: #999;
	}

#cartwrapper a:active, #cartwrapper a:hover { 
	color:#993333;
	}
	
#cartwrapper #order a:link, #cartwrapper .ordermessagebox a:visited {
	color: #cc3333; 
} 

#cartwrapper .ordermessagebox a:active, #cartwrapper .ordermessagebox a:hover {
	color: #993333; 
} 

#billingcolumn { 
	float: left;
	width: 348px;
	
	padding-bottom: 1.5em;
	}
	
div.carterror { 
	padding-left: 155px;
	padding-bottom: .5em;
	}
	
#shippingcolumn { 
	float: left;
	width: 348px;
	padding-bottom: 1.5em;
	padding-right: 20px;
	}
	
#emailcolumn { 
	padding-bottom:1.5em;
	padding-right:20px;
	float: left;
	width: 348px;
}

#paymentcolumn { 
	padding-bottom:1.5em;
	float: left;
	width: 348px;
}
	
input#cvvcode { 
	width: 30px;
	}
	
.test_credit_cards {
  text-align: left; 
  padding-left: 160px;
  font-family: courier new, courier;
  font-size: 12px;
}	
	
	
	
/*order confirm*/	
	.cartconfirmedit { 
		float: right;
		}
	
/*order complete*/
.ordermessagebox { 
	background:#EEEEEE;
	font-weight:bold;
	padding:10px;
	margin-bottom: 1.5em;
	-moz-border-radius: 5px;
  border-radius: 5px;
	}

/*Deactivated Form field styles*/
input.inactivefield { 
  background-color: #e5e5e5;
  color: #666;
}
  
select.inactivefield { 
  background-color: #e5e5e5;
  color: #666;
}

textarea.inactivefield { 
  background-color: #e5e5e5;
  color: #666;
	}
	
/*Search Results
------------------------------------*/
#sidesearch { 
	width: 250px;
	float: left;
	padding: 27px 20px 20px 20px;
	}

.searchresult { 
	border-bottom:1px solid #D6D6D6;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	}
	
.searchresult span { 
	color: #CC3333;
	}