/* CSS Document */

* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
text-align: center;
background-color: #66FF99;
background-image:url(../images/treerepeat02.jpg);
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a:link {
color: #006600; text-decoration: none; font-weight: normal;
}

a:visited {
color: #009966; text-decoration: none; font-weight: normal;
}

a:hover {
color: #FF3300; text-decoration: underline; font-weight: normal;
}

a:active {
color: #990000; text-decoration: none; font-weight: normal;
}



#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: -41px; /* Minus value = height of Footer with margins and borders */
background:#FFFFFF;
width: 800px;
padding-top: 41px;
padding-right: 41px;
padding-left: 41px;
}



#notice {
text-align: center;
font-weight: bold;
width: auto;
height: 25px;
padding: 5px;
margin-bottom: 20px;
background-color: #FF9;
border: 1px solid #F00;
}

#notice a {
font-weight: bold;
}


#header {
text-align: left;
width: auto;
height: 250px;
padding: 0px 0px 25px 0px;
}

#headerLeftColumn {
float: left;
top: 0px;
left: 0px;
width: 248px;
height: auto;
}

#CompanyLogo {
position: relative;
left: 0px;
width: 211px;
height: 90px;
margin-left: 19px;
margin-right: 25px;
margin-bottom: 0px;
}


#MainMenu {
position: relative;
top: 0px;
left: 0px;
width: 206px;
margin-left: 0px;
margin-right: 25px;
}

#MainPicture {
position: relative;
float: right;
top: 0px;
width: 525px;
height: 250px;
margin-left: 0px;
}

#contentwrapper {
width: 800px; clear:both;
}

#ThreeColumnWrapper{
width: auto;
}

#ThreeColONE{
text-align: left; width: 248px; float: left; margin: 0px 25px 0px 0px;
}

#ThreeColTWO{
text-align: left; width: 248px; float: left;  margin: 0px 0px 0px 0px;
}

#ThreeColTHREE{
text-align: left; width: 248px; float: left; margin: 0px 0px 0px 25px;
}



#TwoColWideONE{
text-align: left; width: 248px; float: left; 
}

#TwoColWideTWO{
text-align: left; width: 523px; float: right;  margin: 0px 0px 0px 25px;
}


#TwoColONE{
text-align: left; width: 385px; float: left; 
}

#TwoColTWO{
text-align: left; width: 386px; float: right;  margin: 0px 0px 0px 25px;
}

#insideWideTWOwrapper {
text-align: left; width: 523px; margin: 0px 0px 0px 0px;
}

.insideWideTWOwrapperColOne {
text-align: left; float: left; width: 249px; margin: 0px 0px 0px 0px;
}

.insideWideTWOwrapperColOneRightAlign {
position: relative; text-align: right; float: left; width: 249px; margin: 0px 0px 25px 0px; padding: 0px 0px 25px 0px;
}

.insideWideTWOwrapperColTwo {
text-align: left; float: right; width: 249px; margin: 0px 0px 0px 12px;
}

.insideWideTWOwrapperColTwoSpaced {
text-align: left; float: right; width: 249px; margin: 0px 0px 3px 0px;
}





#fulllengthbaseline { position: relative; top: 25px; margin: 25px; }


#pictureholder { width: 10px; margin: 0px 25px 6px 0px;
}

.products  {
height: auto;
margin: 0px 0px 12px 0px;  
}




#push {
height: 41px;
}

#footercontainer {
height: 41px;
}

#footer {
	height: 41px;
	width: 800px;
	color:#333;
	background-color: #ebebeb;
	margin-left: auto;
    margin-right: auto;
	font-size: 11px;
	line-height: 13px;
}

#footerleft {
 text-align: left;
 height: 26px;
 width: 150px;
 float: left;
 border: none;
 padding: 10px 0px 0px 10px;
 font-size: 9px;
 line-height: 11px;
 
 }
 
 #footerright {
 height: 26px;
 width: auto;
 float: left;
 border: none;
 padding: 8px 10px 0px 36px;
 font-size: 10px;
 
 }
 
 
 

h1 { 
font-size: 18px;
line-height: 28px;
font-weight: bold;
color: #99FFCC;
margin-top: 0px;
margin-bottom: 12px;
padding-left: 12px;
background-color:#669900;
text-align: left;
}

h2 { font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #568B02;
margin-top: 12px;
margin-bottom: 0px;
padding-left: 12px;
text-align: left;
}

h3 { font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #568B02;
margin-top: 12px;
margin-bottom: 0px;
padding-left: 12px;
text-align: left;
}

h4 { font-size: 12px;
line-height: 17px;
font-weight: bold;
color: #568B02;
margin-top: 12px;
margin-bottom: 0px;
text-align: left;
}

h5 { font-size: 11px;
line-height: 25px;
font-weight: bold;
color: #555;
margin-top: 6px;
margin-bottom: 2px;
text-align: left;
}

h6 { font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #003300;
margin-top: 6px;
margin-bottom: 2px;
text-align: left;
}
 
p { font-size:13px; line-height:21px; color:#444;  margin-top: 0px; margin-bottom: 13px; padding: 0px; }



#listcontainer {
	border: none;
	margin: 0px 0px 3px 0px;
	width: 400px;
	padding: 5px 0px 13px 14px;
	visibility: visible;
	

	
	
	font-size: 11px;
	line-height: 14px;
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: bold;
    color: #333333; 
	}
	
ul {	
	list-style: disc url(../images/wbsbullet.gif) outside;
	margin-left: 0px;
	padding-left: 12px;
	text-indent: 0px;
	visibility: visible;
	}
	
li {
padding-top: 0px; 
padding-bottom: 6px;
visibility: visible;

}


table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #92C428;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #4591AD;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
tbody tr:hover {
  background: #FFD800;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/buttons/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/buttons/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.squarebuttonOrange{
background: transparent url('../images/buttons/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a.squarebuttonOrange span{
background: transparent url('../images/buttons/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttonOrange:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttonOrange:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.buttonwrapperhorizontal{ /* Container you can use to surround a CSS button to clear float */
position: relative;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
margin: 6px;
}


a.srollover {
display: block;
width: 211px;
height: 90px;
background: url("../images/woodburningsolutionslogo.gif") 0 0 no-repeat;
text-decoration: none;

      }

a:hover.srollover {
background-position: -211px 0;
}




.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
.footer_text { color:#717171; }
.footer_text a{ color:#717171; text-decoration:none; }
.footer_text a:hover{ color:#717171; text-decoration:underline; }

.footertinytext { font-size: 8px; }

.rightalign { text-align: right; }

.orangetext { color: #fc6;  }

.greytext { color: #666666;  }

.leftcolumnpicture { width: 248px; margin: 0px 0px 25px 0px;  }


.horizontalline {
 background: url(../images/shim.gif) repeat-x;
 height: 8px;
 width: auto;
 padding: 2px 0px 2px 0px;
 }
 
 .listcontainer {
	border: none;
	margin: 0px 0px 3px 0px;
	width: 400px;
	padding: 5px 0px 13px 14px;
	visibility: visible;
	

	
	
	font-size: 11px;
	line-height: 14px;
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: bold;
    color: #333333; 
	}
	
	
.MultipleColumnClear{
width: auto; clear: both;
}

.stovethumbs {
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
text-align: center;
margin-top: 9px;
}

.stovethumbscaption {
width: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 25px;
margin-top: 6px;
font-size: small;
font-weight:bold;
color: #003300;
}

.stoverange {
float: left;
width: 520px;
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 25px;
margin-top: 0px;
}


table.stats
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 280px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td
{background-color: #CCFFCC;
color: #000;
text-align: left;
padding: 4px;
border: 1px #fff solid;}

table.stats td.hed
{background-color:#666666;
color: #99FFCC;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 

.alignrightfordetailtable {
text-align: right;
font-weight: bold;
color: #003300;
}

.smalllogosignoff {
 background: url(../images/wbssmllogo.gif) no-repeat;
 background-position: top right;
 height: 20px;
 width: auto;
 text-align: right;
 padding: 2px 0px 2px 0px;
 }
 
 .boldmm {
 font-weight: bold;
 }
 
 .boldkg {
 font-weight: bold;
 }
 
 .boldkw {
 font-weight: bold;
 color:#660000;
 }