/* To prevent page to shift left in firefox */
html {min-height: 100%; margin-bottom: 1px;}
html {overflow: -moz-scrollbars-vertical !important;}
html {overflow-y: scroll;}
/* Reset */
* {margin:0 auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
padding:0; }
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
caption,th {text-align:left;}
/*
ol,ul { list-style:none; }
*/
q:before,q:after {content:'';}
abbr,acronym {border:0;}
nav, footer, header {display:block}

/* Main */
body {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #FAF4E6;}
header {clear: both; background: url(/img/trestlewood-all.png) 0px -41px no-repeat; width: 960px; height: 70px; background-color: #ebdbba;}
.headerwrap {width: 100%; background-color: #ebdbba;}
.contentwrap {width: 960px; background-color: #FAF4E6;}
#products {position:absolute; left:0px; top:-10px; width:960px; padding:3px 10px; z-index:10;clear:both; height: 23px; background: #38453e url('/img/bg.png');border-radius:5px; -moz-box-shadow:5px 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0 10px rgba(0,0,0,0.2); }
#products a.p {display: block; float: left; margin: 0px 20px 0px 7px; padding:1px;}
#products a, #products a:visited, #products a:hover {text-decoration:none; color:#FFF;  font: Arial, sans-serif; font-size: 12px; font-weight:bold}
#products a.p:hover{text-decoration:underline}
.rfqlist, .cart{height: 19px; margin-top: -2px; margin-left: 20px; padding: 2px 4px 0px 4px; float: right}
.cart{border: 1px #800000 solid; background: #800000;}
.rfqlist{border: 1px #800000 solid; background: #FFF;}
#products .rfqlist a, .rfqlist a:hover, .rfqlist a:visited{text-decoration: none; font-size: 12px; color: #800000;}
.l {text-align: left}
.r {text-align: right}
.b {font-weight:bold}
.c {text-align:center}
.grey {color:#999}
.strike {text-decoration: line-through}
.dlr{color: #800000}
.dlr a, .dlr a:visited, .dlr a:hover{color: #800000}
div.content {width: 775px; float: right; text-align: left;}
table.zebra tr {background:  #FAF4E6}
tr.alt td {background: #EAE4D6}
tr.over td {background: #DAD4C9}
thead tr th {border-bottom:2px solid #64704A}
.small-text {font-size: 80%}
table caption {padding: 5px; text-align: center; color:#FFF; background: #38453E; font-size:120%}
a, a:visited { font-size: inherit; color: #336699; text-decoration: none;}
a:hover { color: #FF0000; text-decoration: underline;}
input.hint {color: #a6a6a6;}
.login {clear:both; margin-top: -20px; margin-right: 15px; float: right;}
.tips {float: right; margin-right: -25px; padding-top: 5px}
#qbox {float: right; text-align: right; margin-right: 10px; margin-top: 5px;  padding: 2px 0px; background:#FFF; width: 390px; height: 28px; }
#q2 {background: #FFF; border:0; padding: 4px 0px; width: 360px; float: left; font-size: 125%}
#qbtn{border: none; background: url(/img/trestlewood-all.png) -276px 0px no-repeat; cursor:pointer; height:24px; width:24px; margin: 2px 4px 0px 0px; float: right;}
h1 {font-size:150%}
h2 {font-size:140%}
h3 {font-size:130%}
h4 {font-size:120%}
footer {clear:both; width:100%; height:300px; background:url(/img/footer-bg.jpg) top center no-repeat; text-align:center; font-size: 11px;}
.footer {clear:both; width:100%; color: #FFF; background-color: #38453e; text-align:center; padding: 5px 0px}
.footer a {color: #FFF}
.phone {margin-right: 5px; float: right}
.member {float: left; text-align: left; padding: 5px}
div.followuson a {display:block; float: left; height: 24px; margin-right: 5px; text-decoration: none; background:transparent url(/img/trestlewood-all.png) 0 0 no-repeat; }
#facebook {width:22px; background-position: 0px 0px;}
#twitter {width:23px; background-position: -46px 0px;}
#linkedin {width:24px; background-position: -22px 0px;}
#youtube {width:24px; background-position: -69px 0px;}
#pinterest {width:24px; background-position: -247px 0px;}
#gplus {width:24px; background-position: -395px 0px;}
#houzz {width:24px; background-position: -420px 0px;}
#instagram {width:24px; background-position: -446px -0px;}
div.affiliations a {display:block; float: left; margin: 0px 4px; text-decoration: none; background:transparent url(/img/trestlewood-all.png) 0 0 no-repeat; }
#bbb {height:30px; width:19px; background-position: -150px 0px;}
#tbfc {height:30px; width:24px; background-position: -172px 0px;}
#nwfa {height:30px; width:36px; background-position: -202px -1px;}
.date{position:absolute;top:0;left:-44px;color:#FFF;text-align:center;height:49px;width:136px;background:url(/img/date-board.png) no-repeat;}
.month{margin-top:8px;font-size:120%;font-weight:bold}
.tag {background-color: #E8E8E8; border-bottom: 1px solid #3E6D8E; border-right:1px solid #7F9FB6; color: #3E6D8E; font-size:90%; line-height: 2; margin: 2px 2px 2px 0; padding: 3px 4px;
text-decoration: none; white-space:nowrap; }
.tag:hover {background-color: #3E6D8E; border-botton: 1px solid #37607D; border-right: 1px solid #37607D; color: #FFFFFF; text-decoration:none;}
hr.subtle {height:1px;color:#ccc;border:0 none;background-color:#ccc}
.affiliations_box {
	float:left;
	width:150px;
	height:60px;
	padding:5px;
	background-color: transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:5px 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 0 10px rgba(0,0,0,0.2);
}

.footer_box {
	float:left; 
	width:229px;
	height:60px;
	padding:5px;
	background-color: transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:5px 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 0 10px rgba(0,0,0,0.2);   
}

.footer_box #title, .affiliations_box #title {
    position: relative; 
    top : -1em;
	margin-left: 0.5em;
    display: inline; 
	padding: 5px;
    background: url(/img/nav-bg.png);
	color: #000;
	text-transform: lowercase;
}


/* Left Menu */
#lmdiv {
	clear: both;
	background: #FAF4E6 url(/img/lm.png) repeat-x;
	width: 180px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
}

ul#lm, ul#lm ul {
	list-style: none;
	width: 180px;
}

ul#lm a {
	display: block;
	text-decoration: none;	
}

ul#lm li {
	margin-top: 1px;
}

ul#lm li a {
	line-height: 2;
	color: #38453E;
	text-align: left; font-variant: small-caps; border-bottom: 1px solid #38453E; padding-top: 5px; margin-left: 5px; margin-right: 10px; padding-left: 14px; background: url(/img/expanded.png) no-repeat 0px 10px; 
}

ul#lm li a.collapsed {
	background: url(/img/collapsed.png) no-repeat 0px 10px;
}

ul#lm li ul li a {
	border: none;
	background: transparent;
	color: #38453E;
	font-weight: normal;
	padding-left: 15px;
	text-align: left;
	line-height: 1.5;
	font-variant: normal; text-align: right; padding-right: 10px; text-transform: lowercase; padding-top: 0px; margin: 0px;
}

ul#lm li ul li a.current {	
	background: #FAF4E6;
	border-left: 5px #38453E solid;
	padding-left: 10px;
}

ul#lm li ul li a:hover {	
	background: #FAF4E6;
	border-left: 5px #38453E solid;
	padding-left: 10px;
}

ul#lm li ul li ul li a {
	color: #000;
	padding-left: 25px;
	text-align: left;
}

ul#lm li ul li ul li a:hover {
	border-left: 15px #38453E solid;
	padding-left: 10px;
}

/* User Menu */
nav {width:960px;z-index:10}
#um {
	width: 725px;
	float:right;
	background: /* #A0A88D */ url(/img/bg.png) left top repeat-x;	
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	text-transform: lowercase;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-box-shadow:5px 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 0 10px rgba(0,0,0,0.2);
}
#um, #um ul {
	text-align: left;
	list-style: none;
	line-height: 1.5;
	padding: 0;
	margin: 0 auto;
	z-index: 20;	
}

#um a {	
	display: block;
	width: 95px;
	width: 95px;
	color: #333;
	text-decoration: none;
	padding: 3px 5px;
}

#um > li {
	background: url(/img/nav-border.png) right 6px no-repeat;
}

#um li {
	float: left;
	padding: 0;
	width: 85px;
}

#um li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 220px;
	w\idth: 220px;
	line-height: 1;
	font-weight: normal;
	font-size: 12px;
	font-variant: small-caps;
	text-transform: none;
	border-width: 1px;
	margin: 0px;
	background: #B69E72 url(/img/bg.png);
}

#um li li {
	padding-right: 20px;
	width: 200px;
}

#um li ul a {
	width: 200px;
	width: 200px;
}

#um li ul ul {
	margin: -19px 0 0 220px;
}

#um li:hover ul ul, #um li:hover ul ul ul, #um li.sfhover ul ul, #um li.sfhover ul ul ul {
	left: -999em;
}

#um li:hover ul, #um li li:hover ul, #um li li li:hover ul, #um li.sfhover ul, #um li li.sfhover ul, #um li li li.sfhover ul {
	left: auto;
}

#um li:hover, #um li.sfhover {
	background:#BFAC78;
	background:rgba(0, 0, 0,0.05);
	color:#555;
}

/* Featured Products */
#fps{width:100%}
#fps td{vertical-align: top; padding: 5px}
#fps th{vertical-align: bottom; padding: 5px} 
#fps tbody tr {cursor:pointer}
#fps tr {background: url(/img/bg.png) repeat #E5DFBE}
#fps tr.alt td {background: url(/img/bg.png) repeat #DFDAB3}
#fps tr.over td {background: url(/img/bg.png) repeat #D9D7B9}
#fpsc{width:100%}
#fpsc td{vertical-align: top; padding: 5px}
#fpsc th{vertical-align: bottom; padding: 5px} 
#fpsc tbody tr {cursor:pointer}
#fpsc tr {background: url(/img/bg.png) repeat #EBDBBA}
#fpsc tr.alt td {background: url(/img/bg.png) repeat #E3D4B6}
#fpsc tr.over td {background: url(/img/bg.png) repeat #D9CBAD}
a.shopnowbtn {text-decoration:none; background:url(/img/shopnow-sm.png) 0 0 no-repeat; width:49px; height:28px; display:block}
a.shopnowbtn:hover {background-position:bottom;}
a.rfqbtn {text-decoration:none; background:url(/img/requestquote-sm.png) 0 0 no-repeat; width:49px; height:28px; display:block}
a.rfqbtn:hover {background-position:bottom;}
.shopnow {border:1px solid #800000;	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px; text-align:center;}
.shopnow h4 {font-family:Verdana, Arial, sans-serif;font-size:14px;color:#800000;}
.tbg1 {background: url(/img/bg.png) repeat #F7DA7A;}
.tbg2{background:url(/img/bg.png) repeat #E5DFBE}
.tbg3 {background: url(/img/bg.png) repeat #EBDBBA}
 
/* Form styles */
textarea { font: inherit }
input { font: inherit }
select { font: inherit }
div.form-div { margin: 0 auto; padding: 0; }
div.form-div div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.form-div div.errors p { margin: 0; }
div.form-div div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.form-div fieldset {	border: 1px solid #000; -moz-border-radius: 5px;}
div.form-div fieldset legend { margin-left: 15px; padding: 4px; font-size: 105%; color: #64704A}
div.form-div form { margin: 0 auto; padding: 0;}
div.form-div form p { margin: 0; }
div.form-div form p.note { margin-left: 170px; font-size: 80%; color: #333; }
div.form-div form fieldset div { padding: 0.25em 0; }
div.form-div label, 
div.form-div span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-div label.error, 
div.form-div span.error { color: #C00; }
div.form-div label em, 
div.form-div span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-div input.error { border-color: #C00; background: #FCC; }
div.form-div input:focus,
div.form-div input.error:focus, 
div.form-div textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-div div.controlset label, 
div.form-div div.controlset input { display: inline; float: none; }
div.form-div div.controlset div { margin-left: 170px; }
div.form-div div.buttonrow { margin-left: 170px; }
div.form-div div.error {color: #C00; margin-left: 170px; font-size: 80%}
div.form-div label.error {display: block; float: none; color: red; margin-left: 170px; text-align: left; width: auto;}


/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(/css/colorbox/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/css/colorbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/css/colorbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/css/colorbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/css/colorbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/css/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/css/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/css/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/css/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:0; left:0px; background:url(/css/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; top:0; left:27px; background:url(/css/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/css/colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/css/colorbox/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(/css/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/* The following fixes png-transparency for IE6. */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}



/* Pagination */
.pgItem a {
	text-decoration: none;
	margin: 0 2px;
	padding: 3px 6px;
	border: 1px solid #bababa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.pgItemCurr {
	margin: 0 2px;
	padding: 3px 6px;
	color: #111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.pgDots {
	font-weight: normal;
}

.pgItem a:hover {
	background-color: #666633;
	color: #FFF;
	text-decoration: none;
}