html, body {
 font-family: Arial, sans-serif;
 color: black;
 font-size: 10pt;
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 background: #e9f9fc;
}

img, div, table, tr, td, p, form, h1, h2, h3, h4, h5, h6, a, button, label {
 border-width: 0;
 padding: 0;
 margin: 0;
 border-spacing: 0;
 border-collapse: collapse;
}

p, li {
 line-height: 20px;
 margin: 0 0 20px 0;
}

		a, a:link, a:active, a:visited {
		 color: #23c7e0;
		 text-decoration: underline;
		 outline: none;
		}
		
		a:hover {
		 color: #ff8016;
		 text-decoration: underline;
		 outline: none;
		}

ul {
 list-style-type: none;
 padding:0;
 line-height:20px
}
li {margin-bottom:15px; background: transparent url(../images/arr.gif) 0 8px no-repeat; text-indent:20px;}
		
#layout {
 text-align: left;
 background: white;
 margin: 10px auto 0;
 padding: 9px 10px 20px;
 width: 900px;
 overflow: hidden;
}

#header {
 width: 900px;
 height: 72px;
 overflow: hidden;
}

.logo {
 width: 201px;
 height: 58px;
 float: left;
 display: block;
}

.search {
 padding: 30px 26px 0 0;
 float: right;
 height: 19px;
}

.search input {
 border: 1px solid #cccccc;
 margin: 0 5px 0 0;
 width: 140px;
 height: 16px;
 float: left;
}

.search_button {
 width: 42px !important;
 height: 19px !important;
 border: none !important;
}

#mainmenu {
 width: 900px;
 height: 39px;
 position: absolute;
}

#mainmenu ul {
 padding: 0;
 margin: 0 0 0 1px;
 list-style: none;
 overflow: hidden;
 float: left;
 line-height:1em
}

#mainmenu ul li {
 border-left: 1px solid white;
 margin: 0 0 0 -1px;
 list-style: none;
 display: block;
 float: left;
 width: auto;
 overflow: hidden;
 background:none;
 margin:0;
 text-indent:0;
 line-height:1em
}

		#mainmenu ul li > a {
		 font-weight: bold;
		 color: white;
		 text-decoration: none;
		 background: url(../images/mm.gif) repeat-x;
		 padding: 9px 17px 0;
		 height: 24px;
		 display: block;
		 float: left;
		 clear: right;
		 overflow: hidden;
		}
		
		#mainmenu ul li a:hover, #mainmenu ul li.active a {
		 background: url(../images/mm_hov.gif) repeat-x;
		}
#mainmenu ul#nav li > a {padding: 9px 13px 0;}

#mainmenu ul li ul {
 border-bottom: 1px solid #e1e0e0;
 padding: 6px 0 0 0;
 margin: 33px 0 0 -1px;
 background-color: #fff;
 width: 215px;
 display:none;
 position: absolute;
 float: left;
 clear: left;
 overflow: hidden;
}
*:first-child+html #mainmenu ul li ul {margin: 33px 0 0 -150px;}
#mainmenu ul li ul li {width:215px; border-top:1px solid #E1E0E0}
#mainmenu ul li:hover ul {display:block}
#mainmenu ul li ul li a {
  background:transparent none repeat scroll 0 0 !important;
  color:#23C7E0;
  height:23px !important;
  overflow:hidden;
  padding:6px 9px 0 14px !important;
  width:190px;
}
#mainmenu ul li ul li:hover a {color:#FF8016}

		.mm_first a {
		 padding: 9px 21px 0 !important;
		}

		.mm_last a {
		 padding: 9px 17px 0 !important;
		}

.bnrs {
 padding: 39px 0 0 0;
 width: 900px;
 margin-bottom:22px;
 overflow: hidden;
}

.bnrs span {
 width: 685px;
 height: 325px;
 float: left;
 display: block;
 overflow: hidden;
}

.bnrs div {
 width: 215px;
 height: 325px;
 float: left;
 overflow: hidden;
}

.bnrs div img {
 display: block;
}

.bnrs div div img {
 display: block;
}

		.bnrs div a {
		 display: block;
		}

.links {
 width: 900px;
 padding: 0 0 20px;
 overflow: hidden;
}

.left {
 background: white;
 padding: 0 0 0 18px;
 width: 181px;
 overflow: hidden;
 float: left;
}

		.left a {
		 padding: 0 0 0 13px;
		 margin: 0 0 4px 0;
		 background: url(../images/arr.gif) no-repeat left center;
		 display: block;
		}

.left h2 {
 font-size: 13pt;
 padding: 0 0 30px 0;
}

.right {
 width: 701px;
 overflow: hidden;
 float: left;
}

.right div, #left_links div {
 font-size: 8pt;
 text-align: center;
 background: white url(../images/linkblock_line.gif) no-repeat left center;
 padding: 0 9px 0 11px;
 margin: 0 0 0 -1px;
 width: 115px;
 height: 270px;
 overflow: hidden;
 float: left;
}

.right div h3, #left_links div h3 {
 font-size: 13pt;
 padding: 0 0 15px 0;
}

.right div i, #left_links i {
 font-style: normal;
 color: #ff8016;
}

.right div span, #left_links span {
 width: 115px;
 padding: 0 0 10px 0;
 display: block;
 clear: right;
}

.more {
 font-size: 9pt;
 padding: 0 0 0 13px;
 margin: 0 0 0 12px !important;
 background: url(../images/arr.gif) no-repeat left center;
 float: left;
}
#left_links {float:left; padding:5px 0 0 30px; width:180px;}
div#left_links div {padding:15px 9px 0 11px; float:none; border-bottom:1px solid #E0E0E0; background:none}
#content {
 padding: 25px 15px 20px 0;
 margin-left:210px;
 width: 670px;
 overflow: hidden;
}

#content h1 {
 font-size: 18pt;
 font-weight: normal;
 color: #ff8016;
 padding: 0 0 20px 0;
}
h2 {
 font-size: 18pt;
 font-weight: normal;
 color: #22c8de;
 padding: 0 0 16px 0;
}

#footer {
 font-size: 8pt;
 text-align: center;
 padding: 25px 0 0;
 width: 900px;
 overflow: hidden;
}

#footer div {
 color: #23c7e0;
}

		#footer div a {
		 margin: 0 3px;
		}

#footer span {
 color: #999999;
 padding: 10px 0 0;
 display: block;
}

		#footer span a, #footer span a:link, #footer span a:active, #footer span a:hover, #footer span a:visited {
		 color: #999999;
		}

.B_crumbBox {display:block; font-size:90%; margin-bottom:40px;}
.B_crumbBox span span, .B_crumbBox > span > a.B_crumb {background:transparent url(../images/arr.gif) no-repeat scroll left center; padding-left:11px; padding-right:4px;}
.B_crumbBox span span.B_firstCrumb, .B_crumbBox span span.B_currentCrumb {background:none; padding-left:0}

.pagination_wrap {background-color:#EAF9FC; height:27px;}
.pagination {background-color:white; height:27px; padding:2px 0 0 7px; margin:0 auto; }
.pagination a {color:#545A5A; display:block; float:left; font-weight:bold; height:18px; margin-right:7px; padding-top:2px; text-align:center; text-decoration:none; width:20px; border: 1px solid #E3E3E3}
.pagination a:hover {color:#FF8016}
.pagination a.active {font-weight:normal;}

.step {width:100%; padding:4px 0; background-color:#EAF9FC; text-align:center; font-weight:bold; font-size:12pt; letter-spacing:0.05em; color:#000}

table.strip {margin: 0pt; width: 400px; border-bottom:1px solid #E9F9FC}
table.strip td {height:28px; padding-left:30px; padding-right:13px;}
table.strip tr.odd {background-color:#fff}
table.strip tr.even {background-color:#e9f9fc}

a.pdf {background:transparent url(/images/pdf.gif) 0 0 no-repeat; display:block; padding-left:21px;}

.left ul {line-height:1.5em; margin:0}
.left ul li {margin:0; text-indent:0;}

ul.close li {margin:0}

.contuct_us td {padding:10px}
.contuct_us .left_td {text-align:right; width:210px;}
.contuct_us input, .contuct_us select {height:1.5em; width:242px; border:1px solid #707070}
.contuct_us textarea {width:242px; border:1px solid #707070; height:140px}
.left_td_top {vertical-align:top}
.contuct_us tr.code input {float:left;margin-right:10px;margin-top:9px;width:100px;}
.contuct_us tr.code img {width:100px; height:41px}
.contuct_us .submit input {width:91px; height:19px; border:none}

table.shade_fx input, table.shade_fx select {width:180px;}
table.shade_fx td.select_motor input {height:10px; width:10px; border:none; vertical-align:top;}
table.shade_fx tr.shade_length select, table.shade_fx tr.shade_width select {width:50px}
#shade_price {margin-left:110px; margin-top:-18px;}
#shade_price span {font-weight:bold;}

.pad_closer td {padding:3px}
.pad_closer td.left_td {width:110px;}

#permit_form {display:none; width:382px; height:420px}
.order_button {display:block; margin-left:65px; margin-top:-10px;}

.errors {color:red}

.ipetable {width:100%; font-size:14px;}
.ipetable th {background-color:#23C7E0; padding:14px 2px; border-right:1px solid #fff; color:#fff; font-size:90%; font-weight:normal;}
.ipetable td {vertical-align:top}
.ipetable div, .ipetable h2 {font-size:14px; color:#000; padding:5px 10px 5px 15px}
.bg_cell {background-color:#eaf9fc}
.ipetable h2 {text-align:center}

.ipetable input {width:25px; height:13px; font-size:80%}
.ipetable .ord_fields div {padding:4px 10px 3px 15px;}

.ipeinputs div {display:none; margin-top:4px;}
.ipeinputs input {height:16px; width:25px;}

#smallimgs a.toleft, #smallimgs a.toright{
display:block;
float:left;
width:30px;
text-decoration:none;
font-size:43px;
height:44px;
font-family:"Trebuchet MS",Trebuchet,sans-serif
}
#smallimgs a.toright {text-align:right}
#smallimgs a.toleft {text-align:left;}
#smallimgs a.active {color:#33CC33}
#smallimgs a.inactive {color:#BCFFBC}
.imglink {float:left; text-align:center; width:78px;}
.imglink img {height:50px; max-width:73px;}

div#left_links div.shop-cart {border:none; border-bottom:1px solid #25C8E0; padding:0; height:auto; width:185px; margin-left:-25px}
div#left_links div.shop-cart div {padding:0; border:none; height:auto; width:185px;}
div#left_links .shop-cart-head {font-style:italic; text-align:left; font-size:16px;}

.prod_wrap {border-left:1px solid #25C8E0; border-right:1px solid #25C8E0}
.prod_info_left {float:left; width:475px; border-right:1px solid #25C8E0;}
.prod_info_right, .prod_info_left {padding:10px}
.prod_info_right {margin-left:495px;}

.prod_info_right .shop-stuff {border:none; display:block; float:none; margin:0; width:100%;}
.prod_info_right .shop-stuff-b {padding:0;}
.prod_info_right .shop-stuff .shs-price {border-bottom:1px solid #25C8E0; height:35px; padding-bottom:14px;}
.prod_info_right .shk-but {background:transparent url(../images/add_to_order_cart.png) left top no-repeat; border:medium none; height:25px; padding:0; width:142px;}

.product_info {padding-top:12px;}
.product_info strong {line-height:2em;}

#left_links div.cart-order #butOrder {background:transparent url(../images/check_out.png) top left no-repeat; color:#fff; font-size:12px; height:21px; margin:5px 0 20px auto; padding-top:5px; text-decoration:none; width:90px;}

.product_list {border-right:1px solid #25C8E0}
.product_list_item h2 {color:#000000; font-size:90%; font-weight:bold; letter-spacing:0.05em; text-align:center;}
.product_list_item p {text-align:center; border-bottom:1px solid #25C8E0; margin:10px; padding-bottom:10px;}
.product_list_item {float:left; height:317px; overflow:hidden; text-align:center;width:220px; border-left:1px solid #25C8E0; padding-top:10px;}
.product_list_item a {display:block;height:215px;}

.radio_color {height:65px; width:50%; float:left; margin-top:10px;}
.radio_color_left {float:left; height:48px; padding-right:4px; padding-top:17px;}
.radio_color_right {text-align:center; margin-left:25px;}

.size {border-bottom:1px solid #25C8E0; margin-bottom:7px; padding-bottom:14px;}

.home-banners {padding:39px 2px 0}
.banner-left {float:left; margin-right:6px;}

.content {margin-left:-10px; margin-right:-10px; width:920px; margin-top:10px}
.content .left {padding:0; width:212px; border-color:#efeeee; border-style:solid; border-width:2px 2px 2px 0;}
.content .right {width:706px;}
.content .left h1, .content .right h1 {text-align:center; color:#23c7e0; font-size:22px; font-weight:normal; letter-spacing:0.05em; margin:5px 0 10px;}
.content .left h1 a, .content .right h1 a{color:#23c7e0; background:none; text-decoration:none}
.content .right h1 {padding: 6px 16px 0; text-align: left;}
.content .left ul {margin-left:5px; margin-bottom:40px;}
.content .left ul li a {color:#000; background:none; padding:0; margin:0; text-decoration:none; font-size:16px; line-height:1em;}
.content .left ul li {height:33px; padding:19px 0 0 47px; background-image:url("../images/sprite.png"); background-repeat:no-repeat}
.content .left ul li.three-d-drawings {background-position:0 -52px}
.content .left ul li.material-calculation {background-position:0 -111px}
.content .left ul li.deck-construction-basics {background-position: 0 -174px; height: 43px; padding: 15px 0 0 47px;}
.content .left ul li.selecting-decking-materials {background-position: 0 -239px; height: 40px; padding: 10px 0 0 47px;}
.content .left ul li.free-deck-plans {background-position: 0 -290px;}
.content .left ul li.deck-permit-toronto {background-position:0 -358px;}

.content .right .home-banners {border-bottom: 1px solid #E1E0E0; float: none; width: 100%; padding: 0; height: auto;}
.content .right .home-banner-text-left {background:url("../images/home-background-left.jpg") top left no-repeat; height: 219px; width: 343px; margin-left: 12px; margin-bottom: 12px;}
.content .right .home-banner-text-right {background:url("../images/home-background-right.jpg") top left no-repeat; height: 219px; width: 302px;}
a.text {color: #646464; font-size: 16px; text-decoration: none; display: block;}
.home-banner-text-right p {color: #646464; float: left; font-size: 16px; text-align: left; width: 175px; margin-bottom: 48px;}
.home-banner-text-right a.right-link {text-align: right; font-size: 16px; padding-right: 11px; display: block;}
.content .right .home-store {background:url("../images/home-background-store.jpg") top left no-repeat; height:190px; width:670px; margin-left:9px; margin-bottom:12px; margin-top:10px;}
.content .right .home-store h1 a {color: #6C6D6D; margin-bottom: 0;}
.content .right .home-store ul {margin:0}
.content .right .home-store li {background: none repeat scroll 0% 0% transparent; text-align: center; text-indent: 0; width: 108px; float:left; margin-right: 3px;}
.content .right .home-store li a {margin: 0;}
.content .right .home-store a.home-store-img {overflow: hidden; height: 98px; display:block;}
.content .right .home-store a.home-store-text {margin: 0pt; font-size: 14px; color:#6C6D6D; text-decoration: none; line-height: 1.2em;}

.content .right .home-text-block, .text-block {margin-bottom: 5px; background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #F1F1F1; height: auto; margin-left: 13px; text-align: left; width: 660px; padding:9px 9px 0 11px}
.text-block {margin:0; padding: 10px; width: 100%;}
.content .right .home-text-block p, .text-block p {font-size: 12px; line-height: 1.4em;}
ul.bottom-links {padding:0; margin:0}
ul.bottom-links li {background:none; margin:0 14px 0 0; text-indent: 0; float:left; list-style-position:outside}
.text-block ul.bottom-links li {margin:0 50px 0 0}
ul.bottom-links li ul {margin:10px 0 0 0; padding:0;}
.text-block ul.bottom-links li li {margin:0}
ul.bottom-links li li {float:none; line-height:1.5em; margin:0}
ul.bottom-links li a {color: #000; font-size: 12px; text-decoration: none;}
ul.bottom-links li li a {color:#656363}

#materials_slider {margin:0}
#materials_slider li {margin:0; background:none; text-indent:0}
.materials-page #content {padding: 25px 18px 30px 50px; width: 666px; margin:0; float: left;}
.materials-page #right {padding: 50px 0; text-align: right;}
.slider-cont {border: 1px solid #DBD5D5; position:relative; padding:7px; margin-bottom: 25px;}
.lt-c, .rt-c, .lb-c, .rb-c {background: url("/images/slider-corners.gif") no-repeat scroll 0 0 transparent; display: block; font-size: 2px; height:7px; overflow: hidden; position: absolute; width: 7px;}
.lt-c {background-position: 0 0; left: -1px; top: -1px;}
.lb-c {background-position: 0 -7px; left: -1px; bottom: -1px;}
.rb-c {background-position: -7px -7px; right: -1px; bottom: -1px;}
.rt-c {background-position: -7px 0; right: -1px; top: -1px;}

#fiberon_table th, #fiberon_table td {border-collapse:collapse; border:1px solid #fff; padding:4px}
#fiberon_table th {background-color:#23c7e0; text-align:center; color:#fff; font-size:16px}
#fiberon_table h2 {font-size: 16px; text-align: center; font-weight: bold; color:#555}
#fiberon_table p {color: #555; font-size: 14px;}
#fiberon_table td.profile, #fiberon_table td.length {background-color:#eaf9fc; text-align:center; color:#555}
#fiberon_table td.table-footer {color:#fff; font-size: 14px; background-color:#23c7e0; padding:7px; border:none}
#fiberon_table td.table-footer p, #fiberon_table td.table-footer a {color:#fff; }