/*
The OutdoorWoodstore CSS
last update: 10.24.2007
*/

/*
colors:
   green: 3f7362
dk green: 1d4539
   brown: 7f3300
   greys: dark: 333 / light: ccc
*/

body {
	margin: 0;
	padding: 0;
	background: #888;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;	
}
p {
	margin: 0;
	padding: 0;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;	
}
p a         { font-weight: bold; text-decoration: underline; }
p a:link    { color: #1d4539; }
p a:visited { color: #3f7362; }
p a:hover   { color: #7f3300; text-decoration: none; }
p a:active  { color: #7f3300; text-decoration: none; }

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif; 
}
h1 {
	letter-spacing: normal;
	font-weight: bold;
	font-size: 14px;
	color: #7f3300;
}
h2 {
	letter-spacing: normal;
	font-weight: bold;
	font-size: 13px;
	color: #7f3300;
}
h3, h4 {
	letter-spacing: normal;
	font-weight: bold;
}
blockquote {
	padding-left: 20px;
	padding-right: 20px;
}

/* START: layout */
#wrap {
	margin: 20px auto;
	width: 840px;
	border: 10px solid #fff;
	background: #fff url(/img/wrap_bg.gif) left top repeat-y;
	/* wrap bg image creates the vertical line between the sidebar/main divs */
}
#header {
	margin: 0; padding: 0;
	position: relative;
	width: 840px;
	height: 50px;
	background-color: #3f7362;
	border-bottom: 10px solid #fff;
}
#sidebar {
	margin: 0; padding: 0;
	float: left;
	width: 198px;
}
#main {
	margin: 0; padding: 0;
	float: right;
	width: 622px;
}
#footer {
	margin: 0; padding: 0;
	width: 840px;
	height: 100px;
	background-color: #1d4539;
	border-top: 10px solid #fff;
	clear: both;
}
/* END: layout */


/* START: containers */
#masthead {
	margin: 0; padding: 0;
	width: 622px;
	height: 271px;
	background: url(/img/masthead_bg.jpg) left top no-repeat;
}
#masthead_in {
	margin: 0; padding: 0;
	width: 622px;
	height: 271px;
	background: url(/img/masthead_top.png) left top no-repeat;
}
#mastheadSub {
	margin: 0; padding: 0;
	width: 622px;
	height: 271px;
}
#mainCopy {
	margin: 0; padding: 0;
	width: 600px;
	background: url(/img/copy_line.gif) left top repeat;
}
#bodyTitle {
	margin: 0; padding: 0;
	width: 622px;
	height: 56px;
}
#bodyTitle.home {
	background: url(/img/title_ourproducts.gif) left top no-repeat;
}
#bodyCopy {
	margin: 0; padding: 0;
	width: 622px;
	clear: both;
}
#mainCopyright {
	margin: 30px 0px 0px 0px; 
	padding: 30px 0px 0px 0px;
	width: 600px;
	text-align: center;
	clear: both;
}
/* END: containers */


/* START: styles */
p.mainCopy {
	line-height: 18px;
}
h3.homeContact {
	width: 198px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 12px;
	color: #1d4539;
	background-color: #fff;
	font-weight: normal;
}
h3.homeContact a         { font-weight: normal; text-decoration: underline; }
h3.homeContact a:link    { color: #1d4539; }
h3.homeContact a:visited { color: #3f7362; }
h3.homeContact a:hover   { color: #7f3300; text-decoration: none; }
h3.homeContact a:active  { color: #7f3300; text-decoration: none; }
p.bodyTitle {
	padding: 15px 0 0 220px;
	width: 370px;	
}
p.bodyCopy {
	font-size: 10px;
	line-height: 13px;
	padding: 0; margin: 0;
}
DIV.img		{float:left; width:200px; margin-right:20px; }
DIV.text	{float:left; width:375px; margin-left:0px; }
p.mainCopyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
}
p.mainCopyright a         { font-weight: normal; text-decoration: none; }
p.mainCopyright a:link    { color: #1d4539; }
p.mainCopyright a:visited { color: #3f7362; }
p.mainCopyright a:hover   { color: #7f3300; text-decoration: underline; }
p.mainCopyright a:active  { color: #7f3300; text-decoration: underline; }

#bodyCopy div.figure-right {
  float: right;
  border: 1px #1d4539 solid;
  margin: 0.5em 0pt 0.5em 0.8em; 
  padding: 0.3em;
}
#bodyCopy div.figure-left {
  float: left;
  border: 1px #1d4539 solid;
  margin: 0.5em 0.8em 0.5em 0;
  padding: 0.3em;
}
#bodyCopy div.figure-left, div.figure-right p, h4 {
  text-align: center;
  font-weight:bold;
  text-indent: 0;
  vertical-align:middle;
  margin: 3px;
}

img.scaled {
  width: 100%;
}

#bodyCopy ul {
	list-style-image: url(/img/bt_greysquare.gif);
	margin: 0px 10px 0px 15px;
	padding-top: 0;
	padding-bottom: 0;
}
#bodyCopy ol {
	list-style-type: decimal;
	margin: 0px 10px 0px 15px;
	padding-top: 0;
	padding-bottom: 0;
}
#bodyCopy li {
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
}
#bodyCopy li a { text-decoration: none; color: #cc4937; }	
#bodyCopy li a:link     { color: #cc4937; text-decoration: none; }
#bodyCopy li a:visited { color: #cc4937; text-decoration: none; }
#bodyCopy li a:hover   { color: #cc4937; text-decoration: underline; }
#bodyCopy li a:active  { color: #cc4937; text-decoration: underline; }
.bluwood {
	color: #009BC9;
}

/* END: styles */


/* START: navigation */
#nav {
	margin: 0;
	padding: 0;
	width: 198px;
	height: 271px;
	border-top: 13px solid #fff;
	border-bottom: 5px solid #fff;
}
#nav ul {
	list-style: none;
	float: left;
}
#nav li {
	display: table;
}
#nav li a:hover {
	text-decoration: none;
}
#nav li a {
	float: left;
	/* height: 20px; */
}
#nav li a span {
	display: none;
}
#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9, #n10, #n11, #n12 {
	background: url(/img/nav-test.gif) left top no-repeat;
	width: 198px;
}
#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9, #n11, #n12 {
	height: 21px;
}
#n10 {
	height: 40px;
}

#n1  { background-position: 0px 0px; }
#n2  { background-position: 0px -21px; }
#n3  { background-position: 0px -42px; }
#n4  { background-position: 0px -63px; }
#n5  { background-position: 0px -84px; }
#n6  { background-position: 0px -105px; }
#n7  { background-position: 0px -126px; }
#n8  { background-position: 0px -147px; }
#n9  { background-position: 0px -168px; }
#n10  { background-position: 0px -189px; }
#n11  { background-position: 0px -229px; }
#n12  { background-position: 0px -250px; }

#n1:hover, #n1:focus, #n1.on { background-position: 0px -271px; }
#n2:hover, #n2:focus, #n2.on { background-position: 0px -292px; }
#n3:hover, #n3:focus, #n3.on { background-position: 0px -313px; }
#n4:hover, #n4:focus, #n4.on { background-position: 0px -334px; }
#n5:hover, #n5:focus, #n5.on { background-position: 0px -355px; }
#n6:hover, #n6:focus, #n6.on { background-position: 0px -376px; }
#n7:hover, #n7:focus, #n7.on { background-position: 0px -397px; }
#n8:hover, #n8:focus, #n8.on { background-position: 0px -418px; }
#n9:hover, #n9:focus, #n9.on { background-position: 0px -439px; }
#n10:hover, #n10:focus, #n10.on { background-position: 0px -460px; }
#n11:hover, #n11:focus, #n11.on { background-position: 0px -500px; }
#n12:hover, #n12:focus, #n12.on { background-position: 0px -521px; }
/* END: navigation */


/* START: NEW navigation / Feb 09, 2010 */
#nav-test {
margin: 0;
padding: 0;
width: 198px;
height: 230px;
border-top: 13px solid #fff;
border-bottom: 5px solid #fff;
}
#nav-test ul {
list-style: none;
float: left;
}
#nav-test li {
display: table;
}
#nav-test li a:hover {
text-decoration: none;
}
#nav-test li a {
float: left;
height: 21px;
}
#nav-test li a span {
display: none;
}
#nt1, #nt2, #nt3, #nt4, #nt5, #nt6, #nt7, #nt8, #nt9, #nt10, #nt11, #nt12 {
background: url(/img/clp-nav-feb2010.gif) left top no-repeat;
width: 198px;
}
#nt1, #nt2, #nt3, #nt4, #nt5, #nt6, #nt7, #nt8, #nt9, #nt10, #nt11, #nt12 {
height: 21px;
}
#nt-quote {
height: 40px;
}

#nt1  { background-position: 0px    0px; }
#nt2  { background-position: 0px  -21px; }
#nt3  { background-position: 0px  -42px; }
#nt4  { background-position: 0px  -63px; }
#nt5  { background-position: 0px  -84px; }
#nt6  { background-position: 0px -105px; }
#nt7  { background-position: 0px -126px; }
#nt8  { background-position: 0px -147px; }
#nt9  { background-position: 0px -168px; }
#nt10 { background-position: 0px -189px; }
#nt11 { background-position: 0px -210px; }
#nt12 { background-position: 0px -231px; }

#nt1:hover,  #nt1:focus,  #nt1.on  { background-position: 0px -293px; }
#nt2:hover,  #nt2:focus,  #nt2.on  { background-position: 0px -314px; }
#nt3:hover,  #nt3:focus,  #nt3.on  { background-position: 0px -335px; }
#nt4:hover,  #nt4:focus,  #nt4.on  { background-position: 0px -356px; }
#nt5:hover,  #nt5:focus,  #nt5.on  { background-position: 0px -377px; }
#nt6:hover,  #nt6:focus,  #nt6.on  { background-position: 0px -398px; }
#nt7:hover,  #nt7:focus,  #nt7.on  { background-position: 0px -419px; }
#nt8:hover,  #nt8:focus,  #nt8.on  { background-position: 0px -440px; }
#nt9:hover,  #nt9:focus,  #nt9.on  { background-position: 0px -461px; }
#nt10:hover, #nt10:focus, #nt10.on { background-position: 0px -482px; }
#nt11:hover, #nt11:focus, #nt11.on { background-position: 0px -503px; }
#nt12:hover, #nt12:focus, #nt12.on { background-position: 0px -524px; }
/* END: NEW navigation */


/* start setting table for forms */
.tableControl {
	border: 1px #e1e1e1 solid;
	background: #fff;
	margin: 1px 0px 1px 0px;
	padding: 5px;
}
/* end setting table for forms */


/*-- START: form stuff --*/
.formOne {
	width: 310px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formTwo {
	width: 310px;
	height: 100px;
	margin: 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.dd {
	width: 150px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	font-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.btSubmit {
	/* width: 100px; */
	height: 18px;
	margin: 2px 0px 3px 0px;
	background-color: #1d4539;
	border: 1px solid #1d4539;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.required {
	color: #7f3300;
}
.font9 {
	font-size: 9px;
	line-height: 12px;
} 
/*-- END: form stuff --*/

/*-- START: SEO stuff --*/

#title-about {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_about.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-home {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_home.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-contact {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_contact.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-products {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_products.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-quote {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_quote.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-success {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_success.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-error {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_error.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-warranties {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_warranties.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-consumer {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_consumer.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-fasteners {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_fasteners.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-buildingcodes {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_buildingcodes.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-seismic {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_seismic.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-woodknowledge {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_woodknowledge.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
#title-infosources {
    padding: 47px 0 0 0;
    overflow: hidden;
    background-image: url("/img/title_infosources.gif");
    background-repeat: no-repeat;
    height: 0px !important;
	overflow: hidden;
    height /**/:47px;
}
/*-- END: SEO stuff --*/


/*
=Start table structure
*/
.tableStyle {
	width: 600px;
	margin: 0;
	border: 2px solid #666;
	border-collapse: collapse;
	font-size: 10px;
}
.tableStyle th, .tableStyle td {
	border: solid 1px #999;
	padding: 0.2em;
	Text-align: center;
	vertical-align: top;
}

.tableStyle2 {
	margin: 0;
	border: 2px solid #666;
	border-collapse: collapse;
	font-size: 10px;
}
.tableStyle2 th, .tableStyle2 td {
	border: solid 1px #999;
	padding: 0.2em;
	Text-align: center;
	vertical-align: top;
}
/*
=End table structure
*/

/*
=Start grey colour scheme
*/
.darkGreyScheme th, .darkGreyScheme td {
	border-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.darkGreyScheme th.header, .darkGreyScheme tr.header, .darkGreyScheme thead th {
	background-color: #86afa4; /*#eaeddc; */
	font-weight: bold;
}
.darkGreyScheme td.firstColumn {
	font-weight: bold;
	text-align: center;
}
.darkGreyScheme td.firstColumnGrey {
	font-weight: bold;
	text-align: center;
	background-color: #B1B1B1;
}

/*
=End grey colour scheme
*/