/*
 Screen style    
 Site: Cabots
*/

body {
 background: #fff;
 color: #383838;
 /*font-size: 68.75%;*/
 font-size: 75%;
 text-align: center;
}

h1 {
 background: #fff url(../images/bg/h1.gif) 2px 50% no-repeat;
 border-bottom: 1px solid #D2D2D2;
 color: #4c2b0c;
 padding: 5px 5px 8px 45px;
}

h1.no-border {
 border-bottom: none;
}

h2.darker {
 background-color: #fff;
 color: #4c2b0c;
}

p.black {
 background-color: #fff;
 color: #000;
 /*font-size: 1.15em;*/
}

p.blackbox {
 background-color: #fff;
 color: #000;
 font-size: 1.15em;
}

p.desc {
 background-color: #fff;
 color: #B58655;
 font-size: 1.18em;
 font-weight: bold;
 margin-top: -7px;
}

p.light-grey {
 background-color: #fff;
 color: #797878;
}

p.narrow {
 width: 560px;
}

.timbertable {
 clear: both;
 margin: 0 0 10px 0;
 padding: 10px 0;
 /*border: 1px solid red;*/
}

.timbertable table.timbersamples {
 border: 1px solid #E8E8E8;
 margin-left: 20px;
 font-size: 0.91em;
 width: auto;
 margin-top: 0;
}

table.samples {
 border: 1px solid #E8E8E8;
 /*float: right;*/
 float: left;
 margin-left: 20px;
 font-size: 0.91em;
 width: auto;
 margin-top: 0;
}

table.samples td, table.samples th, table.timbersamples td, table.timbersamples th {
 background-color: #fff;
 border: 1px solid #E8E8E8;
 color: #8C8C8C;
 font-weight: normal;
 padding: 5px;
}

table.samples td.no-border, table.samples th.no-border, table.timbersamples td.no-border, table.timbersamples th.no-border {
 border-bottom-color: #fff;
 border-right-color: #fff;
}

ul.big {
 margin: 0.5em 0 1.75em 0;
}

ul.big a, ul.big a:visited, ul.big a:active {
 background-color: #fff;
 color: #b58655;
 font-size: 1.64em;
 font-weight: normal;
}

ul.big a:hover {
 background-color: #fff;
 color: #f1d900;
}

ul.big li {
 background: #fff url(../images/bg/arrow.gif) left center no-repeat;
 color: #383838;
 list-style: none;
 margin: 0;
 padding-left: 20px;
}


ul.tick {
 margin: 0.5em 0 1.75em 1em;
}
ul.tick li {
 background: #fff url(../images/bg/tick.gif) left center no-repeat;
 color: #000000;
 list-style: none;
 margin: 0;
 padding-left: 20px;
 font-size: 1.1em;
}

.hints {
 background: #fcf5b1;
 color: #663300;
 padding: 5px 5px 5px 7px;
}

.hints h2 {
 background: transparent url(../images/bg/hints-h2.gif) left center no-repeat;
 color: #4C2B0C;
 font-size: 2.19em;
 margin: 5px 0 10px 0;
 padding-left: 37px;
}

.hints p {
 line-height: 1.3;
 margin: 20px 0 5px 0;
 vertical-align: top;
}

.hints p img {
 clear: both;
 float: left;
 margin: 3px 11px 0 8px;
}

.hints p.first {
 margin-top: 0;
}

.hints-left {
 float: left;
 /*width: 510px;*/
 width: 650px;
}

/* 20061207DD: Added hints-left-full style */
.hints-left-full {
 float: left;
 width: 820px;
}

/* 20061205DD: Added 2 styles for handy hints */
.hints-left .imgnum, .hints-left-full .imgnum {
	float:left;
	width: 30px;
	height: 35px;
	text-align: center;
}

.hints-left .hintstext {
	width: 600px;
	float:left;
}

.hints-left-full .hintstext {
 float: left;
 width: 770px;
}

.hints-right {
 float: right;
 width: 150px;
}

.hints-right p {
 background-color: transparent;
 color: #999;
 line-height: 1.0;
 margin: 2px 0 0 0;
 text-align: center;
}

.hints-wrapper {
 border-bottom: 1px solid #D2D2D2;
 border-top: 1px solid #D2D2D2;
 clear: both;
 margin: 0 0 10px 0;
 padding: 10px 0;
}

.home #content {
 min-height: none;
 padding: 0;
}

.home #footer {
 background-image: url(../images/bg/footer-home.gif);
 background-position: 1px 0;
 padding-top: 7px;
}

.howto-flash {
 float: right;
 height: 205px;
 margin: 0 0 2em 35px;
 width: 250px;
}

.howto-flash img {
 float: none;
 margin: 0;
}

.howto-img {
 float: right;
 margin: 0 0 2em 35px;
}

.product {
 clear: both;
 padding: 20px 0 0 0;
}

.product .details {
 /*background: transparent url(../images/bg/product-details.gif) bottom left no-repeat;*/
 background: transparent url(../images/bg/product_bgnd_behind.jpg) bottom left no-repeat;
 color: #666;
 float: left;
 margin: 0 0 45px 0;
 position: relative;
 /*width: 218px;*/
 width: 357px;
}

.product .details p img, .product .details a {
 margin: 0;
}

.product .details p.buttons {
 /*margin: 0 auto 1px auto;*/
 margin: 0;
 white-space: nowrap;
 width: 214px;
 text-align: left; /*added*/
}

.product .details p.product-img {
 /*background-color: transparent;*/
 color: #666;
 margin: 0;
 /*text-align: center;*/
 text-align: right; 
 background: transparent url(../images/bg/product_bgnd.jpg) bottom right repeat-x;
}

.product .details table {
 border: none;
 font-size: 1em;
 margin: 0 auto;
 /*width: 208px;*/
 width: 347px;
}

.product .details td {
 background-color: #fff;
 color: #666;
 padding: 1px 4px 1px 0;
}

.product .details th {
 background-color: #fff;
 color: #000;
 font-weight: normal;
 padding: 1px 4px 1px 7px;
 text-align: left;
}

.product .details th, .product .details td {
 border-bottom: 1px solid #F1F0ED;
 line-height: 1.3;
 vertical-align: top;
}

.product h2 {
 background-color: transparent;
 color: #4C2B0C;
 font-size: 2em;
 font-weight: normal;
 left: 0;
 line-height: 1.2;
 margin: 5px 0 0 0;
 position: absolute;
 top: 0;
}

.product.first {
 padding-top: 0;
}

.product.first table.samples {
 /*margin-top: 85px;*/
 margin-top: 0;
}

.timber {
 border-bottom: 1px solid #D2D2D2;
 padding: 0 0 14px 0;
}

.timber h2 {
 background-color: #fff;
 border-bottom: 1px solid #D2D2D2;
 color: #4C2B0C;
 margin: 15px 0 12px 0;
 padding-bottom: 4px;
}

.timber img {
 float: left;
 margin: 0;
}

.timber p {
 margin: 0 55px 0 185px;
}

.timber.no-bottom-border {
 border-bottom: none;
}

.timber:after, .hints:after, .product:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

#calculator {
 border-bottom: 1px solid #D2D2D2;
 border-top: 1px solid #D2D2D2;
 clear: both;
 margin: 25px 0;
 padding: 5px 0 12px 0;
}

#calculator .submit {
 margin: 5px 0 0 -5px;
}

#calculator .submit input {
 border: none;
 width: auto;
}

#calculator h3 {
 background-color: #fff;
 color: #4C2B0C;
 margin: 7px 0 2px 0;
}

#calculator input {
 border: 1px solid #D2D2D2;
 padding: 3px 0;
 width: 112px;
}


#calculator input.radio {
 border: 0;
 padding: 3px 0;
 width: 20px;
}

#calculator label, #calculator td {
 background-color: #fff;
 color: #B58655;
}

#calculator td {
 white-space: nowrap;
}

#content {
 /*min-height: 37em;*/
 min-height: 30em;
 padding: 0 25px 40px 47px;
}

#flash-intro {
 height: 465px;
 width: 916px;
}

#footer {
 background: #fff url(../images/bg/footer.gif) 781px 7px no-repeat;
 border-top: 1px solid #D2D2D2;
 clear: both;
 color: #626262;
 font-size: 0.91em;
 padding: 3px 40px 15px 40px;
}

#footer a:link, #footer a:visited, #footer a:active {
 background-color: #fff;
 color: #626262;
 font-weight: normal;
 padding: 0 3px;
}

#footer a:hover {
 background-color: #fff;
 color: #383838;
}

#footer img {
 margin-right: 12px;
 vertical-align: middle;
}

#header {
 background: #fff url(../images/bg/header.gif) bottom center no-repeat;
 border-bottom: 1px solid #D2D2D2;
 color: #919191;
 height: 93px;
 position: relative;
}

#logo {
 height: 86px;
 left: 49px;
 position: absolute;
 bottom: 0;
 width: 219px;
}

#main-nav {
 left: 267px;
 margin: 0;
 position: absolute;width:444px;
 top: 36px;height: 20px;
}

#main-nav a {
 background-color: #fff;
 color: #919191;
 display: block;
 float: left;
 font-size: 1em;
 font-weight: normal;
 height: 20px;
 margin: 0;
 overflow: hidden;
 position: relative;text-indent:-5000px;
}

#main-nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;float:left;
 height: 20px;width:100%;
 left: 0;
 position: absolute;
 top: 0;
 z-index: 1;
}

#main-nav a#mn01 {
 width: 54px;
}

#main-nav a#mn01 span{
 background-image: url(../images/main-nav/01.gif);
 width: 54px;height: 20px;
}

#main-nav a#mn02 {
 width: 105px;
}

#main-nav a#mn02 span{
 background-image: url(../images/main-nav/02.gif);
 width: 105px;height: 20px;
}

#main-nav a#mn03 {
 width: 109px;
}

#main-nav a#mn03 span{
 background-image: url(../images/main-nav/03.gif);
 width: 109px;height: 20px;
}

#main-nav a#mn04 {
 width: 62px;
}

#main-nav a#mn04 span{
 background-image: url(../images/main-nav/04.gif);
 width: 62px;height: 20px;
}

#main-nav a#mn05 {
 width: 114px;
}

#main-nav a#mn05 span{
 background-image: url(../images/main-nav/05.gif);
 width: 114px;height: 20px;
}

#main-nav a.current {
 background-color: transparent;
 color: #bebebe;
}

#main-nav a.current span {
 background-position: 0 -20px;
}

#main-nav a:hover {
 background-color: transparent;
 color: #383838;
}

#main-nav a:hover span{
 background-position: left bottom;
}

#main-nav li {
 float: left;
 list-style: none;
 margin: 0;
}

#select-product {
 background-color: #fff;
 border: 1px solid #D7D7D7;
 color: #626262;
 font-size: 0.9em;
 position: absolute;
 right: 5px; /*right: 13px;*/
 top: 40px;
 width: 162px; /*width: 124px;*/
}

#sub-main-nav {
 left: 267px;
 clear:left;
 margin: 1px 0 0 0;
 position: absolute;
 top: 58px;
 height: 20px;
 /*width:329px;*/
 width: 327px;
}

#sub-main-nav a {
 color: #c08443;
 display: block;
 float: left;
 font-size: 1em;
 font-weight: normal;
 height: 18px;
 margin: 0;
 overflow: hidden;
 position: relative;
}

#sub-main-nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;float:left;
 height: 18px;
 width:100%;
 left: 0;
 position: absolute;
 top: 0;
 z-index: 1;
}

#sub-main-nav a#smn01 {
 /*width: 101px;*/
 width: 112px;
}

#sub-main-nav a#smn01 span {
 background-image: url(../images/sub-main-nav/01.gif);
 /*width: 101px;*/
 width: 112px;
 height: 18px;
}

#sub-main-nav a#smn02 {
 width: 103px;
}

#sub-main-nav a#smn02 span {
 background-image: url(../images/sub-main-nav/02.gif);
 width: 103px;height: 18px;
}
#sub-main-nav a#smn02:hover span {
 background-position: left bottom;width: 102px;height: 18px;
}
#sub-main-nav a#smn03 {
 /*width: 86px;*/
 width: 73px;
}

#sub-main-nav a#smn03 span {
 background-image: url(../images/sub-main-nav/03.gif);
 /*width: 86px;*/
 width: 73px;
 height: 18px;
}

#sub-main-nav a#smn04 {
 width: 38px;
}

#sub-main-nav a#smn04 span {
 background-image: url(../images/sub-main-nav/04.gif);
 width: 38px;height: 18px;
}

#sub-main-nav a.current {
 background-color: transparent;
 color: #bebebe;
}

#sub-main-nav a.current span {
 background-position: 0 -18px;
}

#sub-main-nav a:hover {
 background-color: transparent;
 color: #663300;
}

#sub-main-nav a:hover span {
 background-position: left bottom;
}

#sub-main-nav li {
 float: left;
 list-style: none;
 margin: 0; overflow: hidden;
}

#wrapper {
 margin: 0 auto;
 text-align: left;
 width: 916px;
}


/* SITEMAP */
#sitemap ul.sitemap {
 margin: 0.5em 0 1.75em 0;
}

#sitemap ul.sitemap a, #sitemap ul.sitemap a:visited, #sitemap ul.sitemap a:active {
 background-color: #fff;
 color: #b58655;
 font-size: 1em;
 font-weight: bold;
}

#sitemap ul.sitemap a:hover {
 background-color: #fff;
 color: #f1d900;
}

#sitemap ul.sitemap li {
 background: #fff url(../images/bg/arrow.gif) left center no-repeat;
 color: #383838;
 list-style: none;
 margin: 5px 0 5px 0;
 padding-left: 20px;
}

#sitemap ul.sitemap li.nolink {
 background: #fff url(../images/bg/arrow.gif) left center no-repeat;
 color: #000;
 list-style: none;
 margin: 5px 0 5px 30px;
 padding-left: 20px;
}

#sitemap ul.sitemap li.innerlink {
 background: #fff url(../images/bg/arrow.gif) left center no-repeat;
 color: #000;
 list-style: none;
 margin: 5px 0 5px 60px;
 padding-left: 20px;
}