/*  @@@@@[  Wrappers  ]@@@@@ */

body {background:#ddddc3 url(images/body_bg.gif) repeat-x top; font: 11px/20px Verdana, Helvetica, sans-serif; color: #000; text-align: center; margin:0px; padding:0px;}
#mainwrapper{ width:760px; margin: 33px auto 0px; text-align:center;}
.wrapped {width: 760px; margin: 0px auto; text-align:left;background:#FFFFFF;}

.clr {clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; visibility: hidden;}
.clrcont {clear: both;}

/* @@@@@[  Sub Nav  ]@@@@@ */

.subnav {
	padding-bottom: 10px;
	color: #000000;
	margin-bottom: 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Helvetica, sans-serif;
}
.subnav a:visited, .subnav a:active, .subnav a:link {
	display: block;
	text-decoration: none;
	color: #000000;
	height: 100%;
	/*
	background: #EFE6C8 url(images/nav_bg.gif) repeat-x bottom;
	*/
	line-height: 14px;
	border-bottom: 1px solid #efe6c8;
}
.subnav a:hover {display: block; height: 100%; color: #8A4013; text-decoration: none; background-color: #974615; border-bottom: 1px solid #efe6c8; color: #fff;}
/*
 .subnav a:hover {display: block; height: 100%; color: #8A4013; text-decoration: none; background: #dfd7bb url(images/nav_bg_o.gif);}
*/

.subnav .sub1 a {padding: 7px 10px 6px 20px;}
.subnav .sub2 a {font-size: 10px; padding: 3px 10px 3px 20px; background: url(none); border-bottom: 1px solid #DFD7BB;}
.subnav .sub2 a:hover {background: #E5DCBF;}

.subnav .subon {background: #974615; border-bottom: 1px solid #DFD7BB; color: #ffffff; padding: 7px 10px 6px 20px; line-height: 14px;}
#mainwrapper .subnav .subon a:visited, #mainwrapper .subnav .subon a:active, #mainwrapper .subnav .subon a:link, #mainwrapper .subnav .subon a:hover {background: none; border: none; color: #fff; text-decoration: none;} 


.colors img {vertical-align: middle; border: 0px; padding: 2px 4px 2px 2px; text-decoration: none;}
.colors a {padding-right: 3px; display: block;}
.colors a:visited, .colors a:active, .colors a:link {text-decoration: none; color:#000;}
.colors a:hover {color: #8A4013; text-decoration: none;}

/* @@@@@[  Header / Footer  ]@@@@@ */

#header{width: 760px; height:120px; background:url(images/header_bg.gif) no-repeat top right;}
#header_sec{width: 760px; height:100px; background:url(images/header_bg_sec.gif) no-repeat top right;}

#top {width:760px; text-align:right; background:url(images/top.gif) repeat-x top;}

#bottom {width:760px; text-align:right; background:url(images/bottom.gif) repeat-x top;}

#subnav {width:189px; float:left;}
#back {width: 760px; height:432px; background:url(none) no-repeat right top;}
#footer {color:#6E6045; width: 760px; height:50px; text-align:left; margin: 0px auto;  font-size:11px; padding-top:5px; font-family: Verdana, Helvetica, sans-serif;}
#footer div {float:right;}
#footer a:link, #footer a:visited, #footer a:active {color: #6E6045; text-decoration: none;}
#footer a:hover {color: #6E6045; text-decoration: underline;}

#searchtool {
	width:225px;
	float:right;
	height:20px;
	padding-top:62px;
	padding-bottom:0px;
	text-align:left;
}
#searchtool input{
	border:none;
}
#searchtool_sec {
	width:225px;
	float:right;
	height:20px;
	padding-top:52px;
	padding-bottom:0px;
	text-align:left;
}
#searchtool_sec input{
	border:none;
}
#textfield{background:url(images/textfield.gif) no-repeat; font-size:10px; padding:3px 2px 3px 10px;}
#search{ background:url(images/submit.gif) no-repeat; font-size:10px; color:#fff;padding:2px 5px 2px 1px; position:relative; top:0px;}

/* @@@@@[  Secondary-Content  ]@@@@@ */

.subcat {clear: both;}
.subcat img {margin-top: 4px;}


#backsec{width:760px; background:url(images/bg.gif) repeat-y left; float:left;}

#colsec{ width:190px; float:left;}

#conthead {
    width:570px; 
    height:189px; 
    position: relative;
    float:right;
    }

#conthead h1 {
    position: absolute;
    top: 20px;
    left: 20px;
	font-size: 22px;
	color: #342D23;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-family: trebuchet MS;
}
.contentHeaderImage {position: absolute; top: 0px; left: 0px;}

#contsec{ width:480px; float:right; padding:35px 50px 50px 40px; font-family: Verdana, Helvetica, sans-serif;}
#contsec ul li{
	list-style:none;
	background: url(images/bullet.gif) no-repeat left 6px;
	padding-left: 12px;
}


#colquote{background:#5A4D3D; color:#FFFFFF; width:160px; padding:15px; margin-top:124px; font-family: Verdana, Helvetica, sans-serif;}

#colquote a:visited, #colquote a:active, #colquote a:link {text-decoration: underline; color:#fff; font-weight: bold;}
#colquote a:hover {color: #fff; text-decoration: none; font-weight: bold;}


/*#contquote{width:475px; border-top:1px solid #5A4D3D;border-bottom:1px solid #5A4D3D; color:#995831;
font-size:18px; padding-top:10px; padding-bottom:12px; line-height:25px; font-stretch:expanded; margin-top:5px; margin-bottom:15px;}*/
#contquote{width:475px; border-top:1px solid #5A4D3D;border-bottom:1px solid #5A4D3D; color:#995831;
font-size:18px; padding-top:10px; padding-bottom:12px; line-height:25px; margin-top:5px; margin-bottom:15px;}
a:link,a:visited,  a:active {color:#8A4013; text-decoration:underline;}
a:hover {color:#8A4013; text-decoration:  none;}
h1{
	color:#8A4013;
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight: normal;
}
h2{ color:#8A4013; font-weight:bold; font-size:11px; margin:0px; padding:0px;}
h3{ color:#8A4013; font-weight:bold; font-size:11px; margin:0px 0px 15px 0px; padding:0px;}
p{ padding-top:0px; margin-top:0px;}

.attn {color: #fff; background-color: Blue}

.left{float:left;}
.right{float:right;}
img.right {   float:right;   margin-left:10px;}
img.left {
	float: left;
	margin-right: 10px;
}
.categoryitem 
{
    vertical-align: top;
	text-align: center;
	padding: 8px 5px 5px;
}
.productTable {
	clear: both;
	border-collapse:collapse;
	margin-top: 3px;
}
.categoryitem a {
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	display: block;
}
.categoryitem a:hover {
	color: #8A4013;
	text-decoration: underline;
}
#datalistvalign td {vertical-align: top;}

#contsec .categoryitem img {text-decoration: none!important; display: block; margin: 0px auto;}

.paging {
	margin-top: 3px;
	margin-bottom: 3px;
	clear: both;
	padding: 0px;
	float: right;
}
.button {
	background:url(images/submit.gif) repeat-x;
	font-size:10px;
	color:#fff;
	padding:2px 5px 2px 1px;
	border-style: none;
}
.errortext {color: #f00; font-weight: bold;}

.formline {clear: both; padding: 4px 0px 10px 0px;}
.formline span.field {display: block; float: left; width: 110px; padding-right: 6px;}
.formline div {float: left;}

.boxright {float: right; width: 180px; margin: 0px 0px 15px 10px; padding: 8px 10px 4px 10px; background-color: #8e4213; color: #fff; border: solid 1px #342d23;}
.boxright a:visited, .boxright a:active, .boxright a:link {text-decoration: underline; color:#fff; font-weight: bold;}
.boxright a:hover {color: #fff; text-decoration: none; font-weight: bold;}

.boxlow {clear: both; width: 400px;  padding: 8px 10px 4px 10px; background-color: #8e4213; color: #fff; border: solid 1px #342d23;}

.infoTable {
	border-collapse:collapse;
}
.infoTable td {
	border-top: 1px solid #5A4D3D;
	border-bottom: 1px solid #5A4D3D;
}
.leftcol {
	float: left;
	width: 285px;
	margin-bottom: 10px;
}
.rightcol {
	float: right;
	width: 184px;
	margin-bottom: 10px;
	text-align: right;
}
.rightcol img {
	margin-bottom: 4px;
	margin-left: 4px;
}
.leftcol ul {
	margin-left: 0px;
	padding-left: 0px;
}
#imgHolder {
	width:480px;
}
#imgHolder table {
	margin-left:auto;
	margin-right:auto;
}
table tr td.randImg {
	padding:5px;
	height:90px;
	width:210px;
	margin-right:8px;
	border:1px solid silver;
	text-align:center;
	vertical-align:middle;
}
.downloadbox img {display: block;}
.downloadbox {padding-right: 8px; width: 150px;}

.video {
	padding:0px;
	margin:0px;
	padding-left:20px;
}
.video p {
	line-height:15px;
}

/* @@@@@[  ECO  ]@@@@@ */
#eco a.seo:visited, #eco a.seo:active, #eco a.seo:link {
	text-decoration: none;	
	color: #8A4013;
}
#eco a.seo:hover {
	text-decoration: none; cursor: text;
}
.eco-img{
	margin-bottom: -30px;
	margin-left: 10px;
	
}
.eco-img2{
	margin-bottom: -30px;
	margin-left: 200px;
	
}
.eco-img2{
	margin-left: 200px;
	
}
.subnav-eco {
	margin-top: 5px;
	color: #000000;
	margin-bottom: 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Helvetica, sans-serif;
}
.subnav-eco a:visited, .subnav-eco a:active, .subnav-eco a:link {
	display: block;
	text-decoration: none;
	color: #000000;
	height: 100%;
	/*.subnav-eco
	background: #EFE6C8 url(images/nav_bg.gif) repeat-x bottom;
	*/
	line-height: 14px;
	border-bottom: 1px solid #efe6c8;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.subnav-eco a:hover {padding-top: 5px;
	padding-bottom: 5px;
padding-left: 20px;display: block; height: 100%; color: #8A4013; text-decoration: none; background-color: #974615; border-bottom: 1px solid #efe6c8; color: #fff;}

#intructions { color:#990033; margin-left:50px; font-weight:bold; margin-top:10px;}
#intructions a{ color:#990033; text-decoration:underline; font-weight:bold;}
#intructions a:hover{ text-decoration:none;}