@charset "utf-8";
/* CSS Document */
#body {
	width:960px;
	margin: 0 auto;
	background:url(images/bg.png) repeat-y center #f3f3f3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	max-width:960px;
	text-align:center;
	position:relative;
}
#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	float:none;
}
#logo {
	padding:20px 0 18px 0px;
}
#banner {
	width:960px;
	height:143px;
	display:block;
	background:url(images/banner-top.jpg);
	overflow:auto;
}
h1 {
	font-size:24px;
	margin: 0 0 10px 0;
	padding: 0 0 -10px 0;
	color:#00773C;
}
#maincontent {
	width:730px;
	position:relative;
	float:left;
	margin: 10px 0 0 0;
	text-align:left;
}

#maincontent form {width:403px; float:left;}

#insulation h2 {
	margin:10px 0 0 0;
	padding:5px;
	font-size:14px;
	background-color: #8c7f4c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#cladding h2 {
	margin:10px 0 0 0;
	padding:5px;
	font-size:14px;
	background-color: #9F4A4D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#natural h2 {
	margin:10px 0 0 0;
	padding:5px;
	font-size:14px;
	background-color: #266e3e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#offsite h2 {
	margin:10px 0 0 0;
	padding:5px;
	font-size:14px;
	background-color: #664c79;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
a {
	color: #006600;
}
#footer p {
	font-size:10px;
	color:#666666;
}
#footercontainter {
	width:960px;
	margin: 0 auto;
}
#calltoaction {
	width:200px;
	background-color:#ebebeb;
	overflow:hidden;
	margin:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#calltoaction h3 {
	margin:0px;
	padding:5px 5px 0 5px;
	font-size:14px;
	background-color:#CCCCCC;
}
#calltoaction p {
	color:#666666;
	font-size:12px;
	text-align:center;
	margin:0 0 5px 0;
	font-weight:bold;
}
#calltoaction img {
	padding:10px;
	border:0px;
}
h4 {
	background-color:#007352;
	padding: 3px 0 3px 5px;
	color:#FFFFFF;
	margin-bottom:0px
}
h4 a {
	color:#FFFFFF;
	text-decoration:none;
}
h4 a:hover {
	text-decoration:underline;
}
img {
	border:0px;
}
#product h3 {
	width:100%;
	border-bottom: #999999 solid 1px;
	color:#FFFFFF;
	display:block;
	margin:0px;
	background-color:#007352;
	padding:5px;
}
/* texts */
.green14 {
	font-size:14px;
	color:#006600;
	letter-spacing: -1px;
}
.Red14 {
	font-size:14px;
	color:#990000;
	letter-spacing: -1px;
}
#nav {
	width:960px;
	height:27px;
	background:#007352;
	position:relative;
	z-index:9999;
	padding:13px 0 0 0;
}
#nav ul {
	margin:0 0 0 160px;
	padding:0;
	list-style:none;
}
#nav ul li {
	float:left;
	position:relative; /*--Declare X and Y axis base for sub navigation--*/
	margin:0;
	padding:0;
}
#nav ul li a {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	line-height:27px;
	margin:0;
	padding:0 30px;
}
#nav ul li a:hover {
	background-color:#1A8D40;
}
#nav ul li.hover {
	background-color:#1A8D40;
}
#nav ul li ul {
	width:170px;
	list-style:none;
	display:none;
	border:1px solid #02402E;
	border-bottom:none;
	background:#007352;
	position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	margin:0;
	padding:0;
}
#nav ul li ul li {
	width:100%;
	margin:0;
	padding:0;
}
#nav ul li ul li a {
	font-size:10px;
	font-weight:bold;
	border-right:none;
	line-height:1.5;
	border-bottom:#02402E solid 1px;
	margin:0;
	padding:2px 20px 2px 5px;
}
#nav ul li ul li a:hover {
	color:#fff;
	background-color:#1A8D40;
}
#nav ul li ul li.hover {
	color:#fff;
	background-color:#1A8D40;
}
* html #nav ul li ul li a {
	width:100%;
}
#menuleft {
	font-size:12px;
	color:#003300;
	width:200px;
	float:left;
	text-align:left;
	position:relative;
	padding:10px 20px 0 0;
	z-index:99;
}
#menuleft h2 {
	color:#FFFFFF;
}
#menuleft h2 a {
	color:#FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#buildingboards h2 {
	margin:10px 0 0 0;
	padding:5px;
	font-size:14px;
	background-color: #50729c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#menuleft ul {
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
}
#menuleft a {
	color:#003300;
	text-decoration:none;
	width:100%;
}
#menuleft a:hover {
	text-decoration:underline;
}
#menuleft li {
	border-bottom:#ebebeb;
	margin:0 0 0 -10px;
	padding:4px 2px 4px 10px;
	border:#ebebeb solid 1px;
	display:block;
	list-style:none;
	background-color: #f3f9f3;
	border: 1px solid #e2efe2;
	width: 186px;
	position:relative;
}
/* Mouseover li style*/
#menuleft li:hover {
	border: 1px solid #cddecd;
	background-color: #b1cfb1;
}
/*Initially hide second level (or higher) pop-up*/
#menuleft ul ul {
	position: absolute;
	left: 198px;
	top: 0;
	visibility:hidden;
}
/*Mouseover: display second level (or higher) pop-up*/
#menuleft li:hover > ul {
	visibility:visible;
}
#product_container {
	float:right;
	width:245px;
	background-color:#FFFFFF;
	border: #ebebeb solid 1px;
	margin-top:0px;
}
#product_container h3 {
	background:#999999;
	font-size:16px;
	color:#FFFFFF;
	padding:5px 5px 5px 10px;
	font-weight:normal;
}
#product_container .buy_now {
	padding: 20px 0 20px 0;
	text-align:center;
	border-bottom: 1px solid #E1E1E1;
}
#product_container .downloads {
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #E1E1E1;
	float:left;
}
#product_container .downloads p {
	display:inline-block;
	float:left;
	width:180px;
	margin: 10px 0 2px 0;
}
#product_container .downloads img {
	float:left;
	padding:0 15px 0 20px;
	margin-top:3px;
}
#product_container img {
	border:0px;
}
#product_woodfibre img {
	padding:0 20px 0 0;
}
#product_woodfibre .woodfibre_pic {
	width:100px;
}
#tabber_container {
	width:730px;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	width:670px;
	overflow:auto;
}
.tabberlive {
	margin-top:1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #dfdfdf;
	font: bold 14px Verdana, sans-serif;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	padding: 3px 0.9em;
	margin-left: 3px;
	border: 1px solid #dfdfdf;
	border-bottom: none;
	background: #dedede;
	text-decoration: none;
}
ul.tabbernav li a:link {
	color: #448;
}
ul.tabbernav li a:visited {
	color: #667;
}
ul.tabbernav li a:hover {
	color: #000;
	background: #e2e1a6;
	border-color: #dfdfdf;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
	color: #000;
	background: white;
	border-bottom: 1px solid #dfdfdf;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:20px 5px 5px 5px;
	border:1px solid #ebebeb;
	border-top:0;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}
#productoptions {
	width:240px;
	border: #ebebeb solid 1px;
	float:right;
	margin: 0 0 20px 20px;
}

#productoptions .box {padding: 5px;}
#productoptions .box img {
	padding: 10px 0 10px 40px;
}
#productoptions h3 {
	background-color:#999999;
	color:#FFFFFF;
	margin:0px;
	padding:7px 0 7px 7px;
}
#productoptions p {
	text-align:center;
	margin:0 0 10px 0;
}

.imageright {float:right; padding:0 0 20px 20px;}