/* Generic Selectors */ 
body {   font-family: Georgia, "Times New Roman", Times, serif;   font-size: 12px;   color: #645133; background-repeat: no-repeat;   background-position: center top;}
h1 {   font-family: helvetica, sans-serif;   font-size: 18px;   font-weight: lighter;   color: #000000; margin: 0 0 0 0; line-height:30px; padding: 0px 35px 15px 0px;}
h2 {   font-family: Georgia, "Times New Roman", Times, serif;   font-size: 18px;   font-weight: lighter;   color: #49320f; margin: 0 0 0 0; padding: 15px 0px 15px 0px;}
h3 {   font-family: Georgia, "Times New Roman", Times, serif;   font-size: 15px;   color: #49320f;   font-weight: lighter; margin: 0 0 0 0; padding: 2px 0px 25px 0px;}

 /************************* ID's *************************/


#MainArea a:link {color: #a73f42;text-decoration:none;}
#MainArea a:visited {color: #a73f42;text-decoration:none;}
#MainArea a:hover {color: #a73f42;text-decoration:underline;}
#Maincanvas {position: relative;padding: 0px;width: 1200px;margin-left: auto;margin-right: auto;background-color: #000000;z-index:5;background-image:url(art/bg.gif);}
.photo {padding-right:20px;padding-bottom:20px;}
.tn {border:solid 1px #e5d6bf;}
.tn:hover {border:solid 1px #d93800;}
#socialMedia {   font-family: georgia,palatino,serif;   font-size: 12px;   color: #bbb38c;   line-height: 17px;   font-style: italic;   padding-right: 50px;   width: 900px;   text-align: right;   margin: 40px 0 0 0;}
#MainArea {   position: relative;  padding-top:0px;   margin-top:50px;width: 900px;  z-index:-20;}


#footer {   position: relative;  height:125px;text-align: center;background-image:url(art/footer.gif);}
#header{width:534px;padding-top:85px; margin-left:185px;}
#illustration {float:right;margin-top:-400px;margin-left:750;}

.smallred {	color: #d93800;   font-family: Helvetica, arial, sans-serif;   font-size: 11px;   text-decoration: none;}
a.smallred {   color: #d93800;   font-family: Helvetica, arial, sans-serif;   font-size: 11px;   text-decoration: none;}
.prod {margin-right:50px;margin-bottom:50px;}
.description {	font-family: georgia,times,serif;	font-size: 13px;	line-height:18px;	text-align: justify;	color: #645133;	margin: 0 auto;}
.smallgreyitalics {	font-family: georgia,palatino,serif;	font-size: 12px;	color: #999999;	line-height: 17px;	font-style: italic;	margin: 0 auto;}
.smallgreysans {	font-family: helvetica, arial, sans-serif;	font-size: 11px;	color: #999999;	line-height: 17px;	margin: 0 auto;}
a.lbd {	font-family: futura,arial, helvetica, sans-serif;	text-decoration: none; font-size: 11px; color: #58401b;	letter-spacing: 1px; line-height: 28px; padding: 20px 20px 20px 20px;}
.smallbrown {	font-family: helvetica, arial, sans-serif;	font-size: 11px;	color: #645133;	line-height: 17px;	margin: 0 auto;}
.smallbrown ul {margin: 0 auto;list-style: none;padding: 0;width:302px;height:150px;}
.smallbrown li {   background:url(art/listcircle.gif) no-repeat 0px 5px;   margin: 0;   padding: 0px 0px 0px 15px;   margin: 0;text-transform: none;}
.formlabel {	font-family: georgia,palatino,serif;	font-size: 13px;	color: #754b32;	line-height: 19px;	font-style: italic;	vertical-align: middle;	text-align:left;}
input {	font-family:georgia,serif; 	color: #AAAAAA;	font-style:italic; 	font-size:11px; 	padding: 2px 6px;	margin-top: 8px;}
textarea {	font-family:georgia,serif; 	color: #ACACAC;	font-style:italic; 	font-size:11px; 	border:1px solid #ACACAC;	padding: 2px 6px}
.label {	font-family: Helvetica, Arial, sans-serif;  	font-size: 11px;  	text-transform: uppercase;	line-height: 14px;	letter-spacing: 2pt;	color: #a99573;margin-bottom:2px;}
.centerjust {	text-align: center;}
.copyright {	clear:both;font-family:helvetica, sans-serif; font-size:10px;	color:#94acae;	text-align:center; padding-top: 50px;}
a.copyright, a.copyright:link, a.copyright:visited {	text-decoration:none; color:#94acae; font-family: helvetica, sans-serif;	font-size: 11px;	text-align:center;}
a.copyright:hover {	text-decoration:underline;}


.faq {	clear:both;font-family:helvetica, sans-serif; font-size:10px;	color:#797e7f;	text-align:center; padding-top: 18px;}
a.faq, a.faq:link, a.faq:visited {	text-decoration:none; color:#a73f42; font-family: helvetica, sans-serif;	font-size: 11px;	text-align:center;}
a.faq:hover {	text-decoration:underline;}

#faqstuff {font-family:helvetica,arial,sans-serif; size:13px; line-height:18px;color:#333333;position: relative;width: 790px;padding-left: 60px;padding-right: 50px;background-color: #ffffff;z-index:5;}
#faqstuff a:link {color: #a73f42;text-decoration:none;}
#faqstuff a:visited {color: #a73f42;text-decoration:none;}
#faqstuff a:hover {color: #a73f42;text-decoration:underline;}

#thumb .infoThumb a:link {color: #ffffff;text-decoration:none;}
#thumb .infoThumb a:visited {color: #ffffff;text-decoration:none;}
#thumb .infoThumb a:hover {color: #ffffff;text-decoration:none;}
.middle, .submit {	vertical-align: middle}
/* Mauricio */
#leftContainer {    padding-left: 83px;	float:left;	margin: 0;}
#leftContainer a:link {color: #d93800;text-decoration:none;}
#leftContainer a:visited {color: #d93800;text-decoration:none;}
#leftContainer a:hover {color: #d93800;text-decoration:underline;}
#mainContainer {	width: 966px;    overflow: hidden;	margin: 0 auto;	background-color: #FFF;background-image:url(art/bg.gif);}
.prodImg {	width: 411px;}
.prodText {	width: 400px;}
.prodText p {	font-family: Helvetica, sans-serif;	color: #492b13;	font-size: 11px;	text-align: center;}
#rightContainer {	padding: 20px 83px 53px 0;	float: right;	margin: 0;	text-align: left;	width: 339px;}
#rightContainer a:link {color: #d93800;text-decoration:none;}
#rightContainer a:visited {color: #d93800;text-decoration:none;}
#rightContainer a:hover {color: #d93800;text-decoration:underline;}
#dimensions {   margin-bottom: 15px;   width: 339px; }
#eco {margin-bottom: 30px; auto;width: 250px;height: 89px;}
#thumb { width: 339px;	 height: 150px; margin: 0 auto;}
.infoThumb {width: 105px;float: left;margin-bottom:15px auto;}
.availThumb {width: 190px;	float: right;margin-bottom:15px auto;}
.availThumb img {margin:5 auto;}
#details {     width: 339px;	 margin-bottom: 20px;}
#details img{border:solid 1px #e5d6bf;margin-right:10px;}
#companion {    width: 339px;	}
.boxDescription {    width: 150px;		float: left;}
.boxSmallgreysans {	width: 169px;	float: right;}
#sideNav {float:left;margin:0 auto;padding-left:50px;margin-top:30px;}
#ecoPics {margin:0 auto;float:right;padding-right:50px;margin-top:30px;width:540px;}
#ecoPics h2 {   font-family: Georgia, "Times New Roman", Times, serif;   font-size: 18px;   color: #49320f;   margin-top: 20px;   font-weight: lighter;   line-height: 28px;}
#contactArea {margin:0 auto; width:966px;background-image:url(art/bg.gif);}
#form_content {clear:both;padding:40px 83px 40px 83px;}
#form {margin-top:27px;}
#photos {margin-top:30px;}
div.row {margin-top:10px;clear:both;}
div.column {float:left;font-size:13px;letter-spacing:0.2px;margin-right:12px;}
.disclaimer {float:left;font-size:12px;background-color:#ebe7d6; margin-right:12px;}
div.column input.text_field {margin-left:3px;border:1px solid #bcbcbc;padding: 3px 3px;-moz-box-shadow:#e1e0e0 1px 1px 3px;-webkit-box-shadow:#e1e0e0 1px 1px 3px;box-shadow:#e1e0e0 1px 1px 3px;}
div#interest_type {margin-top:13px;}
div#interest_type div.column {margin-right:22px;}
textarea {border:1px solid #bcbcbc;width:320px;font-size:12px;padding:4px;font-family:Arial, Helvetica, sans-serif;-moz-box-shadow:#e1e0e0 1px 1px 3px;-webkit-box-shadow:#e1e0e0 1px 1px 3px;box-shadow:#e1e0e0 1px 1px 3px;}
.row.textfield {margin-top:15px;}
.row.textfield .column textarea {height:30px;}
#form_content a:link {color: #d93800;text-decoration:none;}
#form_content a:visited {color: #d93800;text-decoration:none;}
#form_content a:hover {color: #d93800;text-decoration:underline;}
ul#sidemenu{  display: block;  margin: 0;  padding: 0;  width: 220px;/*height: 24px;*/padding: 0;border: 0;background-image: url(art/sidenav.jpg);background-position: top left;background-repeat: no-repeat;}
ul#sidemenu li ul{  position: relative;  display: block;  visibility: hidden;  width: 18em;  margin: 0 0 0 10px;  padding: 0;  /*border-bottom: .1em solid #39322b; */  z-index: 99;}
ul#sidemenu li ul.scroll{  max-height: 30em;  _height: 30em;  overflow-y: auto;  overflow-x: hidden;}
/* star HTML filter fixes mysteriously appearing margin bug in all versions/platforms of IE */
* html ul#sidemenu li ul li{  display: inline;}
 /* end filter */
 ul#sidemenu li ul li ul{  position: absolute;  top: auto;  left: auto;  margin: -2.2em 0 0 17.9em;  padding: 0;}
ul#sidemenu li ul li ul.sublist{  position: relative;  margin: -1.2em 0 0 0;  padding: 0;  border-bottom: 0;}
/* Items */
ul#sidemenu li{  list-style: none;   height: auto;  display: inline;  /*float: none; */  float: left;  margin: 0;}
/*property + whitespace + empty comment filter positions top-level navigation in single row for IE 5.0 */ 
ul#sidemenu li {   display /**/: block;   float /**/: left;} 
/* end filter */ 
ul#sidemenu li ul li{  display: block;  float: none;}
/* Links */
ul#sidemenu li a{  display: block;  float: left;  /*background-color: #98BFEB; */  background-color: #f0eedf;  color: #39322b;  text-decoration: none;  font-family: Arial, Sans-Serif;  font-size: 12px;  color: #7c775b;}
/* commented backslash filter positions top-level navigation in single row for Mac IE \*/
ul#sidemenu li a{  float: none;}
/* end filter */
ul#sidemenu li a:hover, ul#sidemenu li a:focus{  background-color: #ffffff;  color: #ffffff;}
ul#sidemenu li ul li a{  /*line-height: 1.2em; */  margin: 0;  /*border-top: .1em solid #4070AC;  border-left: .1em solid #4070AC;  border-right: .1em solid #4070AC;*/  /*border-top: .1em solid #39322b;  border-left: .1em solid #39322b;  border-right: .1em solid #39322b;*/  padding: 5px 5px 5px 20px;  /*padding: .5em .5em .5em 1em; */  text-indent: -.5em;}
ul#sidemenu li ul li ul.sublist li a{  padding-left: 3em;  border-top: 0;}
ul#sidemenu li li a.sidemenuIndicator{  background-image: url(/Includes/Templates/Active/images/bg-bullet4.gif);  background-position: 16.8em center;  background-repeat: no-repeat;  padding-right: 20px;}
ul#sidemenu li li a.sidemenuIndicator:hover{  background-image:url(/Includes/Templates/Active/images/bg-bullet4-o.gif);}
/* side nav */
#sidemenu a.click, #sidemenu a.wood, #sidemenu a.wood-selected, #sidemenu a.mortise, #sidemenu a.mortise-selected, #sidemenu a.voc, #sidemenu a.voc-selected, #sidemenu a.foams, #sidemenu a.foams-selected, #sidemenu a.fabricator, #sidemenu a.fabricator-selected{/*float: left;*/background: url(art/sidenav.jpg) no-repeat;  height: 20px;width: 220px;text-indent: -999999px;}
#sidemenu a.click {background-position: 0 0;}
#sidemenu a.wood {background-position: 0 -25px;}
#sidemenu a.mortise {background-position: 0 -55px;}
#sidemenu a.voc {background-position: 0 -88px;}
#sidemenu a.foams {background-position: 0 -120px;}
#sidemenu a.fabricator {background-position: 0 -153px;}
#sidemenu a.click:hover {background-position: -235px 0;}
#sidemenu a.wood:hover {background-position: -235px -25px;}
#sidemenu a.mortise:hover {background-position: -235px -55px;}
#sidemenu a.voc:hover {background-position: -235px -88px;}
#sidemenu a.foams:hover {background-position: -235px -120px;}
#sidemenu a.fabricator:hover {background-position: -235px -153px;}
#sidemenu a.wood-selected {background-position: -235px -25px;}
#sidemenu a.mortise-selected {background-position: -235px -55px;}
#sidemenu a.voc-selected {background-position: -235px -88px;}
#sidemenu a.foams-selected {background-position: -235px -120px;}
#sidemenu a.fabricator-selected {background-position: -235px -153px;}

/*END NAVIGATION*/
#gallery{position: relative;margin: 33px 0 0 75px;height: 535px;}
#gallery span img{display: none;}
#gallery a:hover span img{display: block;position:absolute; top:0;bottom:0;border: none;margin-left:275px;}
#navigation span img{display: none;}
#navigation a:hover span img{display: block;position:absolute; top:-1px;bottom:0;border:1px solid #E5D6BF;margin-left:140px;}