@charset "utf-8"; /* Wahoo Decks Document */ * {margin: 0;padding: 0;} .nopadding tr, .nopadding td { padding: 0 0 10px 0; margin: 0 0 0 0; line-height: 16px;} .somepadding tr, .somepadding td { padding: 5px 5px 5px 5px; line-height: 18px;} .thumbnail img { padding: 0 5px 0 0 ;} .active { background-color:#4F6E8D;} body {font-size: small;font-family: Arial, Helvetica, sans-serif;background-color:#0F1217;color:#666;} * html body {font-size: x-small; /* for IE5/WIN */f\ont-size: small; /* for other IE versions */} a {text-decoration: none;cursor: pointer;border:0;} img {border: 0;} #ground {float: left;width:100%;padding-bottom: 10px;background: #0F1217 url(../../img/ground/bgtileinner.jpg) top left repeat-x;} #home #ground {background: url(../../img/ground/bg.jpg) top left repeat-x;} #container {width:800px;margin-left: auto;margin-right: auto;} .cleardiv {clear:both;} #loadtext { margin-top: 20px; margin-left: 15px; } #loadtext p { line-height: 18px; padding-top: 10px; } #headliner {position: relative;float: left;clear: both;width: 100%;color: #FFF;font: xx-small;height: 20px;padding-top: 4px;text-align: center;} #header {position: relative;float: left;clear: both;width: 100%;background: url(../../img/header/wahoodeckslogobg.jpg) no-repeat top center;margin-top: 13px;z-index: 1000;} #header #wahoophone {position: absolute; right: 160px; top: 10px;} #header #facebook {position: absolute; right: 10px; top: 11px;} #header #wahoolandingtag {position: absolute; right: 550px; top: 10px;} #header .centimgdiv {float: left;clear: both;width: 100%;} #header #sloganbig.centimgdiv {display:none;} #header #slogansmall.centimgdiv {margin-top: 22px;} #home #header #sloganbig.centimgdiv {display:inherit;margin-top: 29px;} #home #header #slogansmall.centimgdiv {display:none;} #header #topnav {float: left;clear: both;width: 100%;height: 27px;margin-top: 6px;} #header #topnav .topnavitem {float: left;margin: 0 28px;} #header #topnav .topnavitem a {float: left;margin-right: 2px;padding: 8px 13px 2px 13px;} #header #topnav .topnavitem #topnavfirst {margin-left: 0px;} #header #topnav .topnavitem #topnavlast {margin-right: 0px;} .t_products #header #topnav #t-products a {background: url(../../img/header/topnav/topnavbg.jpg) repeat top left;} .t_whywahoo #header #topnav #t-whywahoo a {background: url(../../img/header/topnav/topnavbg.jpg) repeat top left;} .t_proresources #header #topnav #t-proresources a {background: url(../../img/header/topnav/topnavbg.jpg) repeat top left;} .t_gallery #header #topnav #t-gallery a {background: url(../../img/header/topnav/topnavbg.jpg) repeat top left;} .t_wheretobuy #header #topnav #t-wheretobuy a {background: url(../../img/header/topnav/topnavbg.jpg) repeat top left;} .t_contact #header #topnav #t-contact a {background: url(../../img/header/topnav/topnavbg.jpg) repeat top left;} #header #topnav .topnavitem a:hover, a.tnselected {background: url(../../img/header/topnav/topnavbg.jpg) repeat top left;} #header #prodnav {float: left;clear:both;width:100%;min-height:51px;margin-top:5px;background: url(../../img/header/prodnav/prodbg.jpg) no-repeat top left;overflow:visible;} .p_dryjoist #header #prodnav {background: url(../../img/header/prodnav/prodbg1.jpg) no-repeat top left;} .p_dryjoist #header #prodnav #dryjoist_top a {float: left;background: url(../../img/header/prodnav/proditembg.jpg) no-repeat top left;} .p_ariddek #header #prodnav {background: url(../../img/header/prodnav/prodbg2.jpg) no-repeat top left;} .p_ariddek #header #prodnav #ariddek_top a {float: left;background: url(../../img/header/prodnav/proditembg.jpg) no-repeat top left;} .p_wahoorail #header #prodnav {background: url(../../img/header/prodnav/prodbg3.jpg) no-repeat top left;} .p_wahoorail #header #prodnav #wahoorail_top a {float: left;background: url(../../img/header/prodnav/proditembg.jpg) no-repeat top left;} .p_ipe #header #prodnav {background: url(../../img/header/prodnav/prodbg4.jpg) no-repeat top left;} .p_ipe #header #prodnav #ipe_top a {float: left;background: url(../../img/header/prodnav/proditembg.jpg) no-repeat top left;} .p_dryjoistez #header #prodnav {background: url(../../img/header/prodnav/prodbg4.jpg) no-repeat top left;} .p_dryjoistez #header #prodnav #dryjoistez_top a {float: left;background: url(../../img/header/prodnav/proditembg.jpg) no-repeat top left;} #header #prodnav.shadone {background: url(../../img/header/prodnav/prodbg1.jpg) no-repeat top left;} #header #prodnav.shadtwo {background: url(../../img/header/prodnav/prodbg2.jpg) no-repeat top left;} #header #prodnav.shadthree {background: url(../../img/header/prodnav/prodbg3.jpg) no-repeat top left;} #header #prodnav.shadfour {background: url(../../img/header/prodnav/prodbg4.jpg) no-repeat top left;} #header #prodnav .proditem {float: left;width:25%;height:42px;} #header #prodnav .proditem a {float: left;position:relative;top:1px;width:100%;height:42px;text-align:center;} #header #prodnav .proditem a.prodselected {float: left;background: url(../../img/header/prodnav/proditembg.jpg) no-repeat top left;} #header #prodnav .proditem a img {position:relative;bottom:0px;} #header #prodnav #prodsubnav {clear:both;width:100%;height:27px;background: url(../../img/header/prodnav/subprodbg.jpg) repeat-x top left;} #header #prodnav #prodsubnav div {float: left;color:#FFF;margin-top: 6px;height:20px;border-right: 1px solid #4F4F4F;border-left: 1px solid #878787;} #header #prodnav #prodsubnav #firstsub {border-left: 0;margin-left:2px;} #header #prodnav #prodsubnav #lastsub {border-right: 0;} #header #prodnav #prodsubnav a {float: left;color:#FFF;font-size:11px;height:14px;padding: 3px 15px;margin:0 3px;} #header #prodnav #prodsubnav .ariddekprod a {padding: 3px 7px;margin:0 3px;} #header #prodnav #prodsubnav .dryjoistprod a {padding: 3px 17px;margin:0 3px;} #header #prodnav #prodsubnav .wahoorailprod a {padding: 3px 30px;margin:0 3px;} #header #prodnav #prodsubnav .ipedeckingprod a {padding: 3px 26px;margin:0 3px;} #header #prodnav #prodsubnav .dryjoistezprod a {padding: 3px 38px;margin:0 3px;} #header #prodnav #prodsubnav a:hover, a.subselected {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .djsub-faq, #header #prodnav .djsub-pho, #header #prodnav .djsub-res {display:none;} #header #prodnav .adsub-faq, #header #prodnav .adsub-pho, #header #prodnav .adsub-res {display:none;} #header #prodnav .wrsub-faq, #header #prodnav .wrsub-pho, #header #prodnav .wrsub-res {display:none;} #header #prodnav .ipsub-faq, #header #prodnav .ipsub-pho, #header #prodnav .ipsub-res {display:none;} #header #prodnav .ipsub-faq, #header #prodnav .ipsub-pho, #header #prodnav .djezsub-res {display:none;} .p_dryjoist #header #prodnav .djsub-faq {display:inherit;} .p_dryjoistez #header #prodnav .djezsub-faq {display:inherit;} .p_ariddek #header #prodnav .adsub-faq {display:inherit;} .p_wahoorail #header #prodnav .wrsub-faq {display:inherit;} .p_ipe #header #prodnav .ipsub-faq {display:inherit;} .p_dryjoist #header #prodnav .djsub-pho {display:inherit;} .p_dryjoistez #header #prodnav .djezsub-pho {display:inherit;} .p_ariddek #header #prodnav .adsub-pho {display:inherit;} .p_wahoorail #header #prodnav .wrsub-pho {display:inherit;} .p_ipe #header #prodnav .ipsub-pho {display:inherit;} .p_dryjoist #header #prodnav .djsub-res {display:inherit;} .p_ariddek #header #prodnav .adsub-res {display:inherit;} .p_wahoorail #header #prodnav .wrsub-res {display:inherit;} .p_ipe #header #prodnav .ipsub-res {display:inherit;} .p_dryjoistez #header #prodnav .djezsub-res {display:inherit;} #header #prodnav .djsub-faq #djsub-faq {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .adsub-faq #adsub-faq {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .wrsub-faq #wrsub-faq {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .ipsub-faq #ipsub-faq {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .djsub-pho #djsub-pho {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .adsub-pho #adsub-pho {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .wrsub-pho #wrsub-pho {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .ipsub-pho #ipsub-pho {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .djsub-res #djsub-res {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .djezsub-res #djezsub-res {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .adsub-res #adsub-res {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .wrsub-res #wrsub-res {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #header #prodnav .ipsub-res #ipsub-res {background: url(../../img/header/prodnav/subproditembg.jpg) repeat-x 1px 1px;} #homecontent {position: relative;float:left;clear: both;width: 800px;margin-top: 5px;padding-bottom:28px;z-index: 100;} #lookatme {float: left;position:relative;clear: both;width: 800px;height: 435px;position: relative;margin-top: -13px;} #lookatme .mainlinks {position:absolute;z-index:10000000000;float:left;left:42px;top:264px;border: 1px solid #696969;} #lookatme .mainlinks a {float:left;color:#FFF;padding:5px 16px;text-transform:uppercase;font-size:10px;font-weight:bold;} #lookatme .mainlinks .first {border-right: 1px solid #696969;} #lookatme .homeoff {display:none;} #lookatme #dryjoist {float: left;clear: both;height: 320px;width: 800px;background-image:url(../../img/home/homedj.jpg);} #lookatme #ariddek {float: left;clear: both;height: 320px;width: 800px;background-image:url(../../img/home/homead.jpg);} #lookatme #wahoorail {float: left;clear: both;height: 320px;width: 800px;background-image:url(../../img/home/homewr.jpg);} #lookatme #ipedecking {float: left;clear: both;height: 320px;width: 800px;background-image:url(../../img/home/homeip.jpg);} #lookatme #dryjoistez {float: left;clear: both;height: 320px;width: 800px;background-image:url(../../img/home/homedjez.jpg);} .younoseeme {display:none} #lookatme #looklinks.dryjoistlinks {float: left;clear: both;height: 115px;width: 800px;background-image:url(../../img/home/homedjlinks.jpg);} #lookatme #looklinks.ariddeklinks {float: left;clear: both;height: 115px;width: 800px;background-image:url(../../img/home/homeadlinks.jpg);} #lookatme #looklinks.wahooraillinks {float: left;clear: both;height: 115px;width: 800px;background-image:url(../../img/home/homewrlinks.jpg);} #lookatme #looklinks.ipedeckinglinks {float: left;clear: both;height: 115px;width: 800px;background-image:url(../../img/home/homeiplinks.jpg);} #lookatme #looklinks.dryjoistezlinks {float: left;clear: both;height: 115px;width: 800px;background-image:url(../../img/home/homedjezlinks.jpg);} #lookatme #looklinks .link {float:left;height:100px;width:200px;cursor:pointer;} #visitme {float: left;width: 800px;margin-left: -1px;margin-top: 8px;} #visitme .visitphoto {float: left;width: 192px;padding-top: 17px;} #visitme .visitphoto .vbhead {float: left;height: 21px;margin-left: 41px;padding: 0;} #galleryscroller {position: relative;float: left;} #galleryscroller .photoscroller {position:absolute;top:11px;left:38px;width:100px;height:9px;background: url(../../img/home/visitme/photofade.png) no-repeat top left;z-index:1000;} #galleryscroller #psbot.photoscroller {top:144px;background: url(../../img/home/visitme/photofade2.png) no-repeat top left;} #gsvisible {position:relative;float: left;width: 100px;height: 140px;margin-top: 13px;margin-left: 38px;overflow: hidden;} #gsrollable { position:absolute;top:0;left:0;} .gsSel {position: relative;height: 54px;width: 79px;padding: 9px 10px 13px 11px;margin-top: -4px;background: url(../../img/home/visitme/photobg.png) top left no-repeat;} #gsscrollbar {float: left;width: 14px;height: 140px;margin-top: 13px;margin-left: 6px;} .mover {float:left;width:14px;height:9px;cursor: pointer;background-color: transparent;background-repeat: no-repeat;background-position: center;background-image: url(../../img/home/visitme/uparrow.jpg);} #downit.mover {margin-top: 111px;background-image: url(../../img/home/visitme/downarrow.jpg);} #visitme .visitblock {float: left;height: 178px;width: 289px;background:url(../../img/home/visitme/homevisitblockbg.jpg) repeat top left;margin-left: -7px;padding: 19px 11px;color: #000;font-size: 10px;} #visitme .visitblock h3 {float: left;height: 25px;margin:0 8px;} #visitme .visitblock h3.design {background:transparent url(../../img/home/visitme/deckdesign.jpg) no-repeat top left;} #visitme .visitblock h3.interactive {background:transparent url(../../img/home/visitme/deckbuilder.jpg) no-repeat top left;} #visitme .visitblock h3.media {background:transparent url(../../img/home/visitme/media.jpg) no-repeat top left;} #visitme .visitblock h3.ipedecking {background:transparent url(../../img/home/visitme/ipedeckingtxt.jpg) no-repeat top left;} #visitme .visitblock h3.products {background:transparent url(../../img/home/visitme/products.jpg) no-repeat top left;} #visitme .visitblock h3.newdjez img{position:relative;top:-40px;} #visitme .visitblock .vbimg {float: left;height: 111px;margin-top: 2px;height:111px;width:288px;background:transparent url(../../img/home/visitme/temppic.jpg) no-repeat top left;} #visitme .visitblock .vbimg img {float: left;margin:11px 13px 17px 13px;} #visitme .visitblock .vbtext {float: left;margin: 0 8px;} #innercontent {position:relative;clear: both;float:left;width: 800px;margin-top: 1px;z-index: 100;} #innercontent .topimg {width:800px;} #innercontent #topsmalltemp.topimg {height:125px;background: transparent url(../../img/topcon/smalltemp.jpg) no-repeat top left;} #innercontent #topbigtemp.topimg {height:300px;background: transparent url(../../img/topcon/bigtemp.jpg) no-repeat top left;} #innercontent #topbigipe.topimg {height:300px;background: transparent url(../../img/topcon/bigipe.jpg) no-repeat top left;} #innercontent #topbigdj.topimg {height:300px;background: transparent url(../../img/topcon/bigdryjoist.jpg) no-repeat top left;} #innercontent #topbigdjez.topimg {height:300px;background: transparent url(../../img/topcon/bigdryjoistez.jpg) no-repeat top left;} #innercontent #topbigad.topimg {height:300px;background: transparent url(../../img/topcon/bigariddek.jpg) no-repeat top left;} #innercontent #topbigwr.topimg {height:300px;background: transparent url(../../img/topcon/bigwahoorail.jpg) no-repeat top left;} #innercontent #topsmallwood.topimg {height:125px;background: transparent url(../../img/topcon/smallwood.jpg) no-repeat top left;} #innercontent #topsmallrail.topimg {height:125px;background: transparent url(../../img/topcon/smallrail.jpg) no-repeat top left;} #innercontent #topsmalldiy.topimg {height:125px;background: transparent url(../../img/topcon/smalldiy.jpg) no-repeat top left;} #innercontent #topsmallwtb.topimg {height:125px;background: transparent url(../../img/topcon/smallwtb.jpg) no-repeat top left;} #innercontent #topsmallts.topimg {height:125px;background: transparent url(../../img/topcon/smalltradeshow.jpg) no-repeat top left;} #innercontent #topsmallproduct.topimg {height:125px;background: transparent url(../../img/topcon/smallproduct.jpg) no-repeat top left;} #innercontent #topsmallwhy.topimg {height:125px;background: transparent url(../../img/topcon/smallwhy.jpg) no-repeat top left;} #innercontent #topsmallpress.topimg {height:125px;background: transparent url(../../img/topcon/smallpress.jpg) no-repeat top left;} #innercontent #topsmallnews.topimg {height:125px;background: transparent url(../../img/topcon/smallnews.jpg) no-repeat top left;} #innercontent #topsmallgallery.topimg {height:125px;background: transparent url(../../img/topcon/smallgallery.jpg) no-repeat top left;} #innercontent #topsmallmedia.topimg {height:125px;background: transparent url(../../img/topcon/smallmedia.jpg) no-repeat top left;} #innercontent #topsmallfaqs.topimg {height:125px;background: transparent url(../../img/topcon/smallfaqs.jpg) no-repeat top left;} #innercontent .topimg .mainlinks {position:relative;float:left;left:42px;top:240px;border: 1px solid #999;} #innercontent .topimg .mainlinks a {float:left;color:#FFF;padding:5px 16px;text-transform:uppercase;font-size:10px;font-weight:bold;} #innercontent #innerpage {float:left;width:800px;background: #FFF url(../../img/internal/common/mainbg.jpg) no-repeat top left;} .breadcrumbs {font-size:10px;color:#666;margin-top:7px;margin-left:12px;} .breadcrumbs a {color:#666;background:transparent url(../../img/internal/common/bcbullet.jpg) no-repeat center right;padding-right:15px;} .breadcrumbs a:hover{text-decoration:underline} .arbitraryhead {display:none;} #pagehead {width:750px;margin:0 25px;height:87px;} #pagehead.temp {background: url(../../img/internal/headers/tempheader.jpg) no-repeat center center;} #pagehead.djslogan {background: url(../../img/internal/headers/djslogan.jpg) no-repeat center center;} #pagehead.adslogan {background: url(../../img/internal/headers/adslogan.jpg) no-repeat center center;} #pagehead.ipslogan {background: url(../../img/internal/headers/ipslogan.jpg) no-repeat center center;} #pagehead.wrslogan {background: url(../../img/internal/headers/wrslogan.jpg) no-repeat center center;} #pagehead.everything {background: url(../../img/internal/headers/everything.jpg) no-repeat center center;} #pagehead.whywahoo {background: url(../../img/internal/headers/whywahoo.jpg) no-repeat center center;} #pagehead.wheretobuy {background: url(../../img/internal/headers/wheretobuy.jpg) no-repeat bottom left;} #pagehead.galleryariddek {background: url(../../img/internal/headers/galleryariddek.jpg) no-repeat bottom left;} #pagehead.gallerydryjoist {background: url(../../img/internal/headers/gallerydryjoist.jpg) no-repeat bottom left;} #pagehead.galleryipedecking {background: url(../../img/internal/headers/galleryipedecking.jpg) no-repeat bottom left;} #pagehead.gallerywahoorail {background: url(../../img/internal/headers/gallerywahoorail.jpg) no-repeat bottom left;} #pagehead.galleryallphotos {background: url(../../img/internal/headers/galleryallphotos.jpg) no-repeat bottom left;} #pagehead.faqsdryjoist {background: url(../../img/internal/headers/faqsdryjoist.jpg) no-repeat bottom left;} #pagehead.faqswahoorail {background: url(../../img/internal/headers/faqswahoorail.jpg) no-repeat bottom left;} #pagehead.faqsariddek {background: url(../../img/internal/headers/faqsariddek.jpg) no-repeat bottom left;} #pagehead.faqswahoodecks {background: url(../../img/internal/headers/faqswahoodecks.jpg) no-repeat bottom left;} #pagehead.faqsipedecking {background: url(../../img/internal/headers/faqsipedecking.jpg) no-repeat bottom left;} #pagehead.resourcesariddek {background: url(../../img/internal/headers/resourcesariddek.jpg) no-repeat bottom left;} #pagehead.resourcesdryjoist {background: url(../../img/internal/headers/resourcesdryjoist.jpg) no-repeat bottom left;} #pagehead.resourcesdryjoistez {background: url(../../img/internal/headers/resourcesdryjoistez.jpg) no-repeat bottom left;} #pagehead.resourceswaterrec {background: url(../../img/internal/headers/resourceswaterrec.jpg) no-repeat bottom left;} #pagehead.resourceswahoorail {background: url(../../img/internal/headers/resourceswahoorail.jpg) no-repeat bottom left;} #pagehead.ipecomparison {background: url(../../img/internal/headers/ipecomparison.jpg) no-repeat bottom left;} #pagehead.ipeinventory {background: url(../../img/internal/headers/ipewoodinventory.jpg) no-repeat bottom left;} #pagehead.resourcesipedecking {background: url(../../img/internal/headers/resourcesipedecking.jpg) no-repeat bottom left;} #pagehead.contactus {background: url(../../img/internal/headers/contactus.jpg) no-repeat bottom left;} #pagehead.company {background: url(../../img/internal/headers/company.jpg) no-repeat bottom left;} #pagehead.oc {background: url(../../img/internal/headers/oc.jpg) no-repeat bottom left;} #pagehead.media {background: url(../../img/internal/headers/media.jpg) no-repeat bottom left;} #pagehead.show {background: url(../../img/internal/headers/tradeshow.jpg) no-repeat bottom left;} #pagehead.press {background: url(../../img/internal/headers/press.jpg) no-repeat bottom left;} #pagehead.news {background: url(../../img/internal/headers/news.jpg) no-repeat bottom left;} #pagehead.sustainable {background: url(../../img/internal/headers/sustainable.jpg) no-repeat center center;} #pagehead.waterproofjoists {background: url(../../img/internal/headers/waterproofjoists.jpg) no-repeat bottom left;} #pagehead.djcomponents {background: url(../../img/internal/headers/djcomponents.jpg) no-repeat bottom left;} #pagehead.djezcomponents {background: url(../../img/internal/headers/djezcomponents.jpg) no-repeat bottom left;} #pagehead.ariddekcomponents {background: url(../../img/internal/headers/ariddekcomponents.jpg) no-repeat bottom left;} #pagehead.railcomponents {background: url(../../img/internal/headers/railcomponents.jpg) no-repeat bottom left;} #pagehead.marineapp {background: url(../../img/internal/headers/marineapp.jpg) no-repeat bottom left;} #pagehead.comroof {background: url(../../img/internal/headers/comroof.jpg) no-repeat bottom left;} #pagehead.mfapp {background: url(../../img/internal/headers/mfapp.jpg) no-repeat bottom left;} .pageheadtext {font-size:20px;color:#666;margin:0 39px;} .pageheadtextsmall {font-size:13px;color:#666;width:474px;margin: 6px 0 0 31px;} #wrapper {float:left;margin-top:16px;padding-bottom:45px;width:100%;} #wrapper.wrcomponents {background:transparent url(../../img/internal/railing/fullmocha.jpg) 49px 113px no-repeat;} h3 {width:297px;height:29px;padding-bottom:2px;margin-left:25px;} h3.whyipe {background: url(../../img/internal/headers/whyipe.jpg) no-repeat top left;} h3.snapinstall {background: url(../../img/internal/headers/snapinstall.jpg) no-repeat top left;} h3.easierinstall {background: url(../../img/internal/headers/easierinstall.jpg) no-repeat top left;} h3.interdecking {background: url(../../img/internal/headers/interdecking.jpg) no-repeat top left;} #subpage {float:left;width:551px;margin-left:29px;} #subpage.narrow {width:382px;height:364px;} #subpage.bordered {background: #FFF url(../../img/internal/common/border.jpg) repeat-y top right;padding-right:20px;width:531px;} #subpage h4 {float:left;width:200px;height:18px;padding-bottom:2px;} #subpage h4.photogallery {background: url(../../img/internal/headers/photogallery.jpg) no-repeat top left;} #subpage h4.compname {background: url(../../img/internal/headers/compname.jpg) no-repeat top left;} #subpage h4.djez4inch {background: url(../../img/internal/headers/djez4inch.jpg) no-repeat top left;} #subpage h4.djez6inch {background: url(../../img/internal/headers/djez6inch.jpg) no-repeat top left;} #subpage h4.dj8inch {background: url(../../img/internal/headers/dj8inch.jpg) no-repeat top left;} #subpage h4.dj4inch {background: url(../../img/internal/headers/dj4inch.jpg) no-repeat top left;} #subpage h4.djdouble {background: url(../../img/internal/headers/djdouble.jpg) no-repeat top left;} #subpage h4.djouter {background: url(../../img/internal/headers/djouter.jpg) no-repeat top left;} #subpage h4.djcover {background: url(../../img/internal/headers/djcover.jpg) no-repeat top left;} #subpage h4.djclip {background: url(../../img/internal/headers/djclip.jpg) no-repeat top left;} #subpage h4.adstart {background: url(../../img/internal/headers/startboard.jpg) no-repeat top left;} #subpage h4.adfinish {background: url(../../img/internal/headers/finishboard.jpg) no-repeat top left;} #subpage h4.admain {background: url(../../img/internal/headers/mainboard.jpg) no-repeat top left;} #subpage h4.adtrim {background: url(../../img/internal/headers/trim.jpg) no-repeat top left;} #subpage h4.docks {background: url(../../img/internal/headers/docks.jpg) no-repeat top left;} #subpage h4.upperdeckdocks {background: url(../../img/internal/headers/upperdeckdocks.jpg) no-repeat top left;} #subpage h4.boatdecks {background: url(../../img/internal/headers/boatdecks.jpg) no-repeat top left;} #subpage h4.marinas {background: url(../../img/internal/headers/marinas.jpg) no-repeat top left;} #subpage p {float:left;font-size:11px;color:#666;width:100%;} #subpage p.charge {font-size:18px;padding-bottom:20px;width:100%;} #subpage p.norm {font-size:12px;padding-bottom:20px;width:100%;} #subpage p.sidecharge {font-size:14px;padding-bottom:20px;width:385px;line-height:20px;} #subpage img {float:left;margin-top: 5px;} #subpage .subset {float:left;margin-left:5px;padding-bottom:20px;} #subpage .component {float:left;margin-top:15px;} #subpage .component a {float:left;} #subpage .component a img {float:left;border: 1px solid #666;} .component .description {float:left;width:330px;margin:8px 0 0 8px;} .component span {font-weight:bold;font-style:italic;font-size:10px;} #subpage .marineapp {float:left;margin-bottom:15px;} #subpage .marineapp a {float:left;} #subpage .marineapp a img {float:left;margin-right:10px;border: 1px solid #666;} #subpage .pagination{margin-top: 7px;float:left;} .pagination ul{text-align: left;font-size: 10px;font-weight: bold;} .pagination li{list-style-type: none;display: inline;padding-bottom: 1px;color: #06C;} .pagination a, .pagination a:visited, .pagination a:active{margin-right: 12px;text-decoration: none;color: #06C;} .pagination a.currentpage{color: #000;cursor: default;} .pagination a.disabled, .pagination a.disabled:hover{cursor: default;color: #929292;} #paginate-bottom{margin-top: 7px;float:left;font-size: 10px;} #sidebar {float:right;width:220px;} #sidebar.railnav {padding-bottom:27px;} .howsidenav {float:right;width:200px;margin:0 0 0 0;padding: 0 0 0 0;} .sidenav {float:left;width:200px;margin: 2px 10px;padding-bottom:16px;} .sidenav h4 {width:200px;height:13px;padding-bottom:6px;margin-left: 4px;} .sidenav h4.learnmore, .howsidenav h4.learnmore {background: url(../../img/internal/headers/learnmore.jpg) no-repeat top left;} .sidenav h4.findmore, .howsidenav h4.findmore {background: url(../../img/internal/headers/findmore.jpg) no-repeat top left;} .sidenav a, .howsidenav a {width:200px;display:block;height:35px;} .sidenav a.djvswood {background: #FFF url(../../img/internal/sidenav/djvswood.jpg) repeat-x top left;} .sidenav a.djwaterproof {background: #FFF url(../../img/internal/sidenav/djwaterproof.jpg) repeat-x top left;} .sidenav a.djezfacts {background: #FFF url(../../img/internal/sidenav/djezfacts.jpg) repeat-x top left;} .sidenav a.components {background: #FFF url(../../img/internal/sidenav/components.jpg) repeat-x top left;} .sidenav a.faqs {background: #FFF url(../../img/internal/sidenav/faqs.jpg) repeat-x top left;} .sidenav a.company {background: #FFF url(../../img/internal/sidenav/company.jpg) repeat-x top left;} .sidenav a.gallery {background: #FFF url(../../img/internal/sidenav/gallery.jpg) repeat-x top left;} .sidenav a.resources {background: #FFF url(../../img/internal/sidenav/resources.jpg) repeat-x top left;} .sidenav a.quote {background: #FFF url(../../img/internal/sidenav/quote.jpg) repeat-x top left;} .sidenav a.news {background: #FFF url(../../img/internal/sidenav/news.jpg) repeat-x top left;} .sidenav a.shows {background: #FFF url(../../img/internal/sidenav/shows.jpg) repeat-x top left;} .sidenav a.press {background: #FFF url(../../img/internal/sidenav/press.jpg) repeat-x top left;} .sidenav a.media {background: #FFF url(../../img/internal/sidenav/media.jpg) repeat-x top left;} .sidenav a.capabilities {background: #FFF url(../../img/internal/sidenav/capabilities.jpg) repeat-x top left;} #wrcolors {float:right;width:316px;height:123px;margin:0 18px;background:transparent url(../../img/internal/railing/railcolors.jpg) no-repeat top left;} #wrcomps {float:left;margin: 4px 15px 0 15px;} #wrcomps span {margin-left:78px;text-transform:uppercase;color:#666;font-size:10px;font-weight:bold;} #wrcomps #comprow {float:left;width:770px;margin-top:2px;height:71px;} #wrcomps #comprow div {float:left;width:70px;height:69px;margin-bottom:2px;} #wrcomps #comprow div.selected {background: #FFF url(../../img/internal/railing/arrow.jpg) no-repeat center bottom;} #wrcomps #comprow div img {float:left;width:69px;height:52px;margin-right:1px;background-color:#666;cursor:pointer;} .wrcdesc {display:none;} .wrcdescon {float:left;width:744px;padding: 13px 13px 30px 13px;margin:0 15px;background-color:#EBEBEB;} .wrcdescon img {float:right;height:260px;width:346px;} .wrcdescon .wrctext{float:left;width:368px;margin-right:30px;} .wrcdescon .wrctext h3 {float:left;color:#000;font-size:22px;width:368px;padding:0px;margin:0px;height:22px;margin-top:-4px;} .wrcdescon .wrctext p {float:left;margin-top:10px;margin-left:1px;font-size:12px;line-height:16px;color:#666;} .wrcdescon .wrctext h4 {float:left;color:#000;font-size:13px;width:365px;margin:16px 0 0 3px;} .wrcdescon .wrctext .wrcdim {float:left;margin:7px 0 0 3px;width:110px;} .wrcdescon .wrctext .wrcdim h5 {float:left;color:#005EA1;font-size:11px;width:110px;} .wrcdescon .wrctext .wrcdim p {margin:0;} #mediapage {float:left;} #mediapage h4 {font-size:16px;color:#0B2747;padding-bottom:0px;width:540px;padding-bottom:4px;} #mediapage #mainvid {float:left;width:551px;padding-bottom:10px;} #mediapage #mainvid #video {float:left;width:480px;height:295px;} #mediapage #mainvid a {float:left;font-size:10px;color:#06C;text-decoration:underline;} #mediapage #mainvid #info {float:left;width:480px;line-height:15px;margin-top:10px;} #mediapage #mainvid #info .description {color:#333;} #mediapage #movies {float:left;width:545px;min-height:252px;border-top:1px #999 dotted;border-bottom:1px #999 dotted;padding-top:14px;} #mediapage #movies .movie {float:left;width:545px;padding-bottom:17px;} #mediapage #movies .movie h4 {padding-bottom:6px;} #mediapage #movies .movie img {float:left;margin-top:0;margin-right:15px;} #mediapage #movies .movie p {float:left;width:350px;font-size:12px;color:#333;} #mediapage #movies .movie .hiddenobj {display:none;} #presspage, #newspage, #tradeshowpage {float:left;} #presspage, #newspage, #tradeshowpage p {font-size:13px;width:474px;padding-bottom:20px;} #presspage #pressreleases, #newspage #articles, #tradeshowpage #tradeshows {float:left;width:545px;} #presspage #pressreleases .pressrelease, #newspage #articles .article, #tradeshowpage #tradeshows .tradeshow {float:left;width:545px;padding-bottom:17px;border-bottom:1px #999 dotted;padding-top:18px;} #presspage #pressreleases .pressrelease .small{width:545px;height:48px;overflow-y:hidden;float:left;} #newspage #articles .article .small{width:545px;height:48px;overflow-y:hidden;float:left;} #presspage #pressreleases .pressrelease h4, #newspage #articles .article h4 {height:auto;color:#0B2747;width:540px;font-size:18px;padding-bottom:3px;} #presspage #pressreleases .pressrelease h5, #newspage #articles .article h5 {color:#0B2747;width:540px;font-size:16px;padding-bottom:3px;} #presspage #pressreleases .pressrelease hr, #newspage #articles .article hr {float:left;border: 0;border-bottom:1px #666 solid;color: #666;background-color: #666;height: 0px;width: 540px;text-align: left;margin:15px 0;} #presspage #pressreleases .pressrelease span, #newspage #articles .article span {float:left;width:200px;font-size:10px;color:#999;padding-bottom:8px;} #presspage #pressreleases .pressrelease p, #newspage #articles .article p {float:left;width:100%;font-size:12px;color:#333;padding-bottom:17px;line-height:16px;} #presspage #pressreleases .pressrelease p a, #newspage #articles .article p a {float:none;text-decoration:underline;font-size:12px;color:#06C;margin-right:0px;margin-top:0px;} #presspage #pressreleases .pressrelease a, #newspage #articles .article a {float:left;text-decoration:underline;font-size:10px;color:#06C;margin-right:22px;} #presspage #pressreleases .pressrelease .small img {float:right;margin-left:5px;cursor:pointer;} #presspage #pressreleases .pressrelease .readless {float:right;cursor:pointer;margin-right:5px;} #newspage #articles .article img {float:left;cursor:pointer;} #newspage #articles .article .readless {float:right;cursor:pointer;margin-right:5px;} #tradeshowpage #tradeshows .tradeshow h4 {height:auto;;color:#0B2747;width:540px;font-size:21px;padding-bottom:5px;} #tradeshowpage #tradeshows .tradeshow a {float:right;text-decoration:underline;font-size:10px;color:#06C;margin-right:22px;margin-top:6px;} #tradeshowpage #tradeshows .tradeshow p {clear:left;width:100%;font-size:12px;color:#333;line-height:18px;padding-bottom:0;} #tradeshowpage #tradeshows .tradeshow img {float:right;margin:4px 23px 0 38px;} #tradeshowpage #tradeshows .tradeshow .info {float:left;padding-bottom:4px;} #tradeshowpage #tradeshows .tradeshow .info p {float:left;clear:left;color:#666;font-size:18px;padding-bottom:1px;line-height:normal;} #contactpage {float:left;margin:0px 0 0 3px;} #contactpage p {font-size:13px;width:474px;padding-bottom:20px;} #contactus {float:left;width:474px;color:#000;font-size:11px;} #contactus .formpair {float:left;padding:0 0 12px 0;} #contactus .formcbs {float:left;padding:0 0 12px 0;width:190px;} #contactus .formcbs div {float:left;width:100px;margin-top:2px;} #contactus .formcbs label.cb {float:left;margin-left:10px;} #contactus .formcbs input[type="checkbox"] {float:left;vertical-align:middle;height: 15px;width:10px;margin:0;} #contactus .longjohn {float:left;width:474px;padding:0 0 12px 0;} #contactus .longjohn label {float:left;padding:0;margin: 4px 15px 0 1px;} #contactus .longjohn input[type="radio"] {float:left;margin:0;height:21px;width:15px;} #contactus .formpair label {float:left;margin: 3px 0 0 1px;} #contactus label.required {padding-right:7px;background: #FFF url(../../img/internal/common/required.jpg) no-repeat 2px right;} #contactus input,#contactus select, #contactus textarea {float:left;color:#333;font-weight:normal;margin: 3px 14px 0 0;} #contactus input[type="text"], #contactus textarea {height:21px;border: 1px solid #CCC;} #contactus select {height:23px;border: 1px solid #CCC;} #contactus input[type="image"] {clear:left;cursor:pointer;height:23px;width:92px;border:0;background: transparent url(../../img/internal/common/submit.jpg) no-repeat top left;} #contactus #submitMyForm {clear:left;cursor:pointer;height:23px;width:92px;border:0;background: transparent url(../../img/internal/common/submit.jpg) no-repeat top left;} #contactus .bigger {width:248px;} #contactus .smaller {width:193px;} #contactus select.smaller {width:195px;} #contactus .smalltall {width:193px;height:130px;} #contactus .bigtall {width:248px;height:37px;} #contactus br {clear:left;} #ocpage {position:relative;margin:0px 0 0 3px;} #ocpage p {font-size:13px;padding-bottom:20px;} #ocpage .jobname {float:left;clear:none;font-size:15px;padding-bottom:20px;font-weight:bold;color:#000;} #ocpage .print {float:right;background: transparent url(../../img/internal/oc/print.gif) no-repeat top left;height:13px;padding-left:20px;} #ocpage .print a {color:#0099FF;font-size:10px;text-decoration:underline;} #ocpage #attachments {float: left;position:relative;border: 1px solid #CCCCCC;padding: 5px;margin-bottom:20px;} #attachments p {font-size:10px;color:#666;font-weight:bold;padding-bottom:5px;position:relative;} #attachments div {float:left;margin:0 5px;} #attachments div a {display:block;padding-top:80px;width:100%;height:100%;text-align:center;color:#666;font-size:10px;} #attachments .pdfatt {background: transparent url(../../img/internal/oc/pdficon.jpg) no-repeat top center;width:82px;} #attachments .imgatt {background: transparent url(../../img/internal/oc/imageicon.jpg) no-repeat top center;width:100px;} #ocpage #ocnotes {float: left;margin-bottom:20px;width:100%;} #ocnotes p {float:left;font-size:12px;color:#333;font-weight:bold;padding-bottom:5px;} #ocnotes p.noter {font-weight:normal;font-size:10px;padding:0;} #ocpage .third, #ocpage .thirdl {float:left;width:33%;margin-bottom: 10px;} #ocpage .whole {float:left;width:99%;margin-bottom: 10px;margin-top:10px;} #ocpage .half {float:left;width:45%;margin-bottom: 10px;margin-top:20px;} #ocpage .half2 {float:left;width:45%;margin-bottom: 20px;margin-top:0px;} #ocpage .infoblock {float:left;width:100%;} #ocpage .infoblock .infoheader {float:left;width:100%;border-bottom: 1px solid #999;} #ocpage .infoblock .infoheader {float:left;width:95%;border-bottom: 1px solid #999;} #ocpage .whole .infoheader {width:100%;} #ocpage .thirdl .infoheader {width:100%;} #ocpage .infoblock h3 {float:left;padding:0;margin:0;font-size:12px;font-weight:bold;color:#333;padding-left:2px;height: auto;width:auto;} #ocpage .whole h3 {width:33%;} #ocpage .whole .ocrow {float:left;width:100%} #ocpage .whole .th {float:left;color:#333;font-weight:bold;font-size:10px;width:16%;text-align:center;} #ocpage .whole .thr {float:right;color:#333;font-weight:bold;font-size:10px;width:16%;text-align: right;margin-right:2px;} #ocpage .whole .td {float:left;color:#333;font-size:10px;width:16%;text-align:center;} #ocpage .whole .tdr {float:right;color:#333;font-size: 10px;width: 16%;text-align: right;margin-right:2px;} #ocpage .whole .td1 {float:left;color:#333;font-size:10px;font-weight:normal;padding-left:2px;width:33%;} #ocpage .infoblock p {color: #333;font-size: 10px;padding:0;margin: 2px 0 0 5px;width:80%;} #ocpage .half2 .infoblock p {color:#666;font-size: 12px;padding:0;margin: 2px 0 0 5px;width:80%;} #ocpage .infoblock p.right {float:right;text-align:right;margin: 2px 5px 0 0;width:40%;} #ocpage .infoblock p.left {text-align:left;width:50%;} #ocpage .infoblock p.rightb {float:right;text-align:right;margin: 5px 5px 0 0;width:40%;font-size:12px;font-weight:bold;} #ocpage .infoblock p.leftb {text-align:left;margin: 5px 0 0 5px;width:50%;font-size:12px;font-weight:bold;} .comparison {float:left;width:734px;margin-left: 34px;} .comparison p {float:left;font-size:9px;color:#333;margin-top:15px;margin-left:5px;} .comparison .tabletop {float:left;width:597px;padding-left:137px;border-bottom:3px solid #CCC;} .comparison .tabletop div {float:left;height:112px;width:148px;margin-right:1px;} .comparison .tabletop div.toptxt {float:left;height:41px;width:149px;margin-right:0;margin-top:2px;} .comparison .tabletop #ipe {background-image:url(../../img/internal/comparison/ipe.jpg);} .comparison .tabletop #cedar {background-image:url(../../img/internal/comparison/cedar.jpg);} .comparison .tabletop #redwood {background-image:url(../../img/internal/comparison/redwood.jpg);} .comparison .tabletop #pine {background-image:url(../../img/internal/comparison/pine.jpg);width:149px;} .comparison .tabletop #ipetxt {width:148px;margin-left:1px;background: #F5EAE5 url(../../img/internal/comparison/ipetxt.jpg) no-repeat center 18px;} .comparison .tabletop #cedartxt {background: #FFF url(../../img/internal/comparison/cedartxt.jpg) no-repeat center 18px;} .comparison .tabletop #redwoodtxt {background: #FFF url(../../img/internal/comparison/redwoodtxt.jpg) no-repeat center 18px;} .comparison .tabletop #pinetxt {background: #FFF url(../../img/internal/comparison/pinetxt.jpg) no-repeat center 18px;margin-right:0;width:149px;} .comptable {float:left;width:731px;margin-left:2px;border-collapse:collapse;font-size:11px;color:#333;} .comptable col {width:149px;background: transparent url(../../img/internal/common/border2.gif) repeat-y top right;} .comptable #first {width:136px;background: none;} .comptable #middle {width:149px;background-color:#F5EAE5;} .comptable2 {float:left;width:529px;margin-left:2px;border-collapse:collapse;font-size:11px;color:#333;} .comptable2 col {width:176px;background: transparent url(../../img/internal/common/border2.gif) repeat-y top right;} th {padding:10px;background-color:#FFF;border:1px #CCC solid;vertical-align:bottom;} td {padding: 12px 10px 20px 10px;vertical-align: top;} td.middletd {background: #F5EAE5 url(../../img/internal/common/border2.gif) repeat-y top right;} td.firsttd {padding: 14px 0px 20px 6px;border-right: 1px solid #CCC;} tr.odd td {background: #F2F2F2 url(../../img/internal/common/border2.gif) repeat-y top right;} tr.odd td.firsttd {background:none;background-color:#F2F2F2;} tr.odd td.middletd {background: #EAE2DE url(../../img/internal/common/border2.gif) repeat-y top right;} tr.big {font-size:15px;} tr.bigodd {font-size:15px;background: transparent url(../../img/internal/comparison/tr_odd.png) repeat top left;} tr.bigodd td {background: #F2F2F2 url(../../img/internal/common/border2.gif) repeat-y top right;} tr.bigodd td.firsttd {background:none;background-color:#F2F2F2;} tr.bigodd td.middletd {background: #EAE2DE url(../../img/internal/common/border2.gif) repeat-y top right;} td img {float:left;} td a {width:100px;float:left;text-decoration:underline; color:#09F; font-size:9px;margin:3px 0 0 1px;} td a:hover {text-decoration:none;} td a span {display:none;font-size:11px;padding:3px 4px; margin-left:8px; width:130px;position:absolute; background:#ffffff; border:1px solid #cccccc; color:#666;} td a:hover span{display:inline;} #productpage {float:left;width:765px;margin:3px 0 0 35px;padding-bottom:45px;} .productsect {float:left;width:765px;margin-top: 36px;} .productsect .plogo {float:left;width:149px;height:95px;margin:22px 23px 0 0;} .productsect .plogo a {display:block;height:100%;width:100%;} .productsect #djezplogo.plogo {background: #FFF url(../../img/internal/common/dryjoistez.jpg) no-repeat top left;} .productsect #djplogo.plogo {background: #FFF url(../../img/internal/common/dryjoist.jpg) no-repeat top left;} .productsect #adplogo.plogo {background: #FFF url(../../img/internal/common/ariddek.jpg) no-repeat top center;} .productsect #wrplogo.plogo {background: #FFF url(../../img/internal/common/wahoorail.jpg) no-repeat top center;} .productsect #ipplogo.plogo {background: #FFF url(../../img/internal/common/ipedecking.jpg) no-repeat top center;} .productsect .productsectheader {float:left;height:24px;width:530px;} .productsect #djezslogan.productsectheader {background: #FFF url(../../img/internal/products/dryjoistezslogan.jpg) no-repeat top left;} .productsect #djslogan.productsectheader {background: #FFF url(../../img/internal/products/dryjoistslogan.jpg) no-repeat top left;} .productsect #adslogan.productsectheader {background: #FFF url(../../img/internal/products/ariddekslogan.jpg) no-repeat top left;} .productsect #wrslogan.productsectheader {background: #FFF url(../../img/internal/products/wahoorailslogan.jpg) no-repeat top left;} .productsect #ipslogan.productsectheader {background: #FFF url(../../img/internal/products/ipedeckingslogan.jpg) no-repeat top left;} .productsect .productsectcontent {float:left;width:449px;background: #FFF url(../../img/internal/common/border.jpg) repeat-y top right;} .productsect p {float:left;font-size:13px;margin:4px 10px 0 0;width:426px} .productsect .readmore {float:left;width:48px;height:36px;margin:33px 0 0 23px;background: #FFF url(../../img/internal/common/readmore.jpg) no-repeat top left;} .productsect .readmore a {display:block;height:100%;width:100%;} #whypage {float:left;width:762px;margin:3px 0 0 38px;} .whysect {float:left;width:762px;margin-top: 36px;padding-bottom:45px;} .whysect .whystuff {float:left;width:373px;} .whysect .whystuff .whysectheader {float:left;height:24px;width:373px;} .whysect .whystuff #completesuite.whysectheader {background: transparent url(../../img/internal/why/completesuite.jpg) no-repeat top left;} .whysect .whystuff .whysectcontent {float:left;width:373px;background: transparent url(../../img/internal/common/border.jpg) repeat-y top right;} .whysect .whystuff p {float:left;font-size:13px;margin:4px 11px 0 0;width:362px;} .whysect #wlogos {float:left;width:389px;margin:22px 0 0 0;} .whysect #wlogos .wlogo {float:left;width:118px;height:76px;margin:0 20px 37px 39px;display:block;} .whysect #wlogos #djwlogo.wlogo {background: #FFF url(../../img/internal/common/dryjoista.jpg) no-repeat center left;} .whysect #wlogos #adwlogo.wlogo {margin-top:6px;background: #FFF url(../../img/internal/common/ariddeka.jpg) no-repeat center center;} .whysect #wlogos #wrwlogo.wlogo {margin:0 22px 37px 37px;background: #FFF url(../../img/internal/common/wahooraila.jpg) no-repeat center center;} .whysect #wlogos #ipwlogo.wlogo {margin:3px 20px 37px 38px;background: #FFF url(../../img/internal/common/ipedeckinga.jpg) no-repeat center center;} .haveaquestion {float:left;width:800px;height:56px;padding-bottom:13px;background: #FFF url(../../img/internal/haveaquestion.jpg) no-repeat top left;} .haveaquestion a {display:block;margin:13px;width:774px;height:30px;} #bigleft {float:left;position:relative;width:779px;margin:11px 0 0 21px;padding-bottom:45px;} #wtbleft {float:left;width:565px;background: #FFF url(../../img/internal/leftpage/leftbg.jpg) no-repeat top left;padding: 6px 15px 0 1px;} #wtbleft .product {float:left;width:565px;padding-bottom:7px;} #wtbleft .product .title {margin-top:8px;padding:0 0 1px 16px;font-size:24px;color:#000;border-bottom:1px solid #FFF;} .product .directory {float:left;width:549px;min-height:36px;padding:0 0 5px 16px;} .product .dealers {float:left;width:500px;min-height:36px;padding:0 0 0px 0px;} .product .subregion {float:left;padding-left:30px;padding-bottom:1px;} .product #southeast {background-color:#C30;} .product #northeast {background-color:#3C6;} .product #midwest {background-color:#339;} .product #pacific {background-color:#092E71;} .product .subregion .directory {float:left;width:525px;min-height:27px;padding:0 0 2px 10px;border-bottom:2px solid #FFF;} .product .subregion #last {border-bottom:0;} .product .source {float:left;margin-top:11px;clear:left;} .product .source p {font-weight:bold;font-size:14px;color:#000;text-transform:uppercase;} .product .source p.ssource {font-weight:normal;font-size:14px;color:#000;text-transform:uppercase;} .product .source .sourcelink {float:left;font-size:12px;color:#06C;text-decoration:underline;} .product .phonenumber {float:right;font-size:21px;color:#000;margin: 7px 9px 0 0;clear:right;} #wtbleft #wtbdryjoist.product,#wtbleft #wtbdryjoist .directory {background-color:#F8ECDF;} #wtbleft #wtbdryjoist.product .title {background: transparent url(../../img/internal/common/tanarrowbg.jpg) no-repeat 1px left;} #wtbleft #djmap {float:left;height:280px;width:565px;border-bottom:2px solid #FFF;background: transparent url(../../img/internal/wtb/dryjoistmap.jpg) no-repeat center center;} #wtbleft #namap {float:left;height:485px;width:565px;border-bottom:2px solid #FFF;background: transparent url(../../img/internal/wtb/northamerica.jpg) no-repeat center center;} #wtbleft #wtbariddek.product, #wtbleft #wtbariddek .directory {background-color:#DFEBF8;} #wtbleft #wtbariddek.product .title {background: transparent url(../../img/internal/common/lbarrowbg.jpg) no-repeat 1px left;} #wtbleft #wtbwahoorail.product, #wtbleft #wtbwahoorail .directory {background-color:#EBCCCC;} #wtbleft #wtbwahoorail.product .title {background: transparent url(../../img/internal/common/lrarrowbg.jpg) no-repeat 1px left;} #wtbleft #wtbipedecking.product, #wtbleft #wtbipedecking .directory {background-color:#D6CCE0;} #wtbleft #wtbipedecking.product .title {background: transparent url(../../img/internal/common/lparrowbg.jpg) no-repeat 1px left;} #wtbright {float:left;width:161px;margin-left:8px;} #wtbright #interested {width:134px;height:143px;margin: 2px 0 10px 4px;background:#FFF url(../../img/internal/wtb/becomeadealer.jpg) no-repeat top left;} #wtbright .clickme {display:block;height:39px;width:154px;background:#FFF url(../../img/internal/common/clickhere.jpg) no-repeat top left;} #wtbright p {width:154px;margin-top:2px;text-align:center;font-size:16px;color:#000;} #wtbright p span {font-size:21px;} #navable {float:left;position:relative;width:782px;padding:0 5px 45px 13px;} #navable #navcontent {float:left;width:604px;} #navable #navtop {position:relative;float:right;width:606px;height:26px;margin-left:-2px;background: #FFF url(../../img/internal/navable/bgline.jpg) repeat-x bottom left;} #navtop .navtabs {position:absolute;right:0px;top:0px;height:25px;list-style-type: none;} .navtabs li {float:right;min-width:50px;padding: 1px 0px 1px 1px;height:23px;border-top: 1px solid #D8DFE6;background: transparent url(../../img/internal/navable/bgline.jpg) repeat-y top left;} .navtabs li.last {border-left:0;border-bottom:0;border-right:1px solid #D8DFE6;background: transparent url(../../img/internal/navable/bgline.jpg) repeat-y top left;} .navtabs a {cursor:pointer;float:left;text-transform:uppercase;font-weight:bold;color:#666;padding: 6px 10px;min-width:117px;font-size:10px;margin: 1px;background: transparent url(../../img/internal/navable/navtabbg.jpg) repeat-x top left;} .navtabs a.selected {cursor:default;padding: 7px 10px 8px 10px;margin: 0px;background: #FFF url(../../img/internal/navable/navtabselbg.jpg) repeat-x top left;border-left:1px solid #FFF;border-right:1px solid #FFF;} .navtabs #installation {height:9px;width:73px;background-image:url(../../img/internal/navable/tabs/installation.jpg);} .navtabs a.selected #installation {height:9px;width:72px;background-image:url(../../img/internal/navable/tabs/installationa.jpg);} .navtabs #productinfo {height:9px;width:121px;background-image:url(../../img/internal/navable/tabs/productinfo.jpg);} .navtabs a.selected #productinfo {height:9px;width:122px;background-image:url(../../img/internal/navable/tabs/productinfoa.jpg);} #navable .navbar {clear:both;float:left;width:178px;margin-top:26px;height:325px;background: #FFF url(../../img/internal/navable/navbarbg.jpg) no-repeat top right;list-style-type: none;} #navable .navbar li {float:left;width:178px;} .navbar li a {float:right;width:163px;padding:13px 0 0 12px;height:23px;margin-right:3px;background: transparent url(../../img/internal/navable/navbarul.gif) repeat-x bottom left;} .navbar li a.selected {float:right;width:166px;height:25px;padding:13px 0 0 12px;margin-right:0;background: transparent url(../../img/internal/navable/navbarselbg.gif) no-repeat top right;margin-top:-1px;} .navbar li div {width:120px;height:13px;display:block;} .navbar li #allphotos {background: #FFF url(../../img/internal/navable/tabs/allphotos.jpg) no-repeat top left;} .navbar li a.selected #allphotos {background: #FFF url(../../img/internal/navable/tabs/allphotosa.jpg) no-repeat top left;} .navbar li #ariddek {background: #FFF url(../../img/internal/navable/tabs/ariddek.jpg) no-repeat top left;} .navbar li a.selected #ariddek {background: #FFF url(../../img/internal/navable/tabs/ariddeka.jpg) no-repeat top left;} .navbar li #dryjoist {background: #FFF url(../../img/internal/navable/tabs/dryjoist.jpg) no-repeat top left;} .navbar li a.selected #dryjoist {background: #FFF url(../../img/internal/navable/tabs/dryjoista.jpg) no-repeat top left;} .navbar li #dryjoistez {background: #FFF url(../../img/internal/navable/tabs/dryjoistez.jpg) no-repeat top left;} .navbar li a.selected #dryjoistez {background: #FFF url(../../img/internal/navable/tabs/dryjoisteza.jpg) no-repeat top left;} .navbar li #ipedecking {background: #FFF url(../../img/internal/navable/tabs/ipedecking.jpg) no-repeat top left;} .navbar li a.selected #ipedecking {background: #FFF url(../../img/internal/navable/tabs/ipedeckinga.jpg) no-repeat top left;} .navbar li #wahoodecks {background: #FFF url(../../img/internal/navable/tabs/wahoodecks.jpg) no-repeat top left;} .navbar li a.selected #wahoodecks {background: #FFF url(../../img/internal/navable/tabs/wahoodecksa.jpg) no-repeat top left;} .navbar li #wahoorail {background: #FFF url(../../img/internal/navable/tabs/wahoorail.jpg) no-repeat top left;} .navbar li a.selected #wahoorail {background: #FFF url(../../img/internal/navable/tabs/wahooraila.jpg) no-repeat top left;} .navbar li #waterrec {background: #FFF url(../../img/internal/navable/tabs/waterrec.jpg) no-repeat top left;} .navbar li a.selected #waterrec {background: #FFF url(../../img/internal/navable/tabs/waterreca.jpg) no-repeat top left;} #navable #faqscontent {float:left;width:595px;margin:4px 0 0 8px;} #faqscontent .faqa {float:left;width:595px;min-height:37px;background: #EDEDED url(../../img/internal/faqs/faqbulleta.jpg) no-repeat 12px 17px;padding-bottom:2px;} #faqscontent .faqb {float:left;width:595px;min-height:37px;background: #F9F9F9 url(../../img/internal/faqs/faqbulletb.jpg) no-repeat 12px 17px;padding-bottom:2px;} #faqscontent .faqaexpanded {float:left;width:595px;min-height:37px;background: #FFF url(../../img/internal/faqs/faqbulletc.jpg) no-repeat 12px 17px;padding-bottom:2px;} #faqscontent .faqbexpanded {float:left;width:595px;min-height:37px;background: #FFF url(../../img/internal/faqs/faqbulletc.jpg) no-repeat 12px 17px;padding-bottom:2px;} .faqaexpanded .faqexpand {display:none;} .faqbexpanded .faqexpand {display:none;} #faqscontent .faqquestion {float:left;font-size:14px;font-weight:bold;width:466px;margin:5px;margin-bottom:0;padding: 6px 0 3px 17px;color:#08417C;} #faqscontent .faqexpand {float:right;padding-right:9px;padding-top:18px;width:93px;cursor:pointer;} #faqscontent .faqanswer {float: left;width:529px;font-size:12px;color:#333;padding: 5px 35px 0 31px;} .faqanswer p {float: left;padding-bottom:5px;width:529px;} .faqanswer blockquote {float: left;padding:5px;width:519px;} .faqanswer a {text-decoration:underline;color:#0033FF;} .faqanswer .faqclose {float:right;padding:21px 23px 11px 0;width:44px;cursor:pointer;} #navable #resourcescontent {float:left;width:588px;min-height:200px;margin:7px 5px 0 10px;} #resourcescontent #resourceheader {float:left;width:588px;height:16px;background: #FFF url(../../img/internal/resources/headerbg.jpg) repeat-x bottom left;} #resourceheader .reshead {float:left;height:9px;margin: 0 0 7px 4px;} #resourceheader #header1 {width:389px;margin-left:7px;background: #FFF url(../../img/internal/resources/document.jpg) no-repeat bottom left;} #resourceheader #header2 {width:55px;background: #FFF url(../../img/internal/resources/format.jpg) no-repeat top left;} #resourceheader #header3 {width:63px;background: #FFF url(../../img/internal/resources/size.jpg) no-repeat top left;} #resourceheader #header4 {width:62px;background: #FFF url(../../img/internal/resources/download.jpg) no-repeat top left;} #resourcescontent #plain {margin:0px 10px;} #plain p{margin:10px 0;} #plain ul{list-style-position:inside;} #plain ul li{margin:0 0 0 20px;} #resourcescontent .resdoc {position:relative;float:left;min-height:34px;width:584px;margin: 13px 0 0 4px;font-size:12px;color:#333;} .resdoc .doctitle {float: left;width:330px;text-transform:capitalize;font-size:24px;color:#08417C;} .resdoc p {float:left;width:300px;margin: 2px 0 0 1px;padding-bottom:12px;} .resdoc .docspecs {position:absolute;bottom:4px;right:0px;width:193px;height:25px;} .docspecs div, .docspecs a {float:left;height:23px;width:57px;border-left: 1px solid #CCC;padding: 2px 0 0 9px;} .docspecs div.docformat {text-transform:uppercase;width:49px;} .docspecs div.docsize {} .docspecs a.docdl {color:#27D;text-decoration:underline;width:60px;padding-left:6px;} .resdoc hr {position:absolute;right:0;bottom:0;border: 0;border-bottom:1px #CCC solid;color: #CCC;background-color: #CCC;height: 0px;width: 581px;margin-left:7px;text-align: left;} #resourcescontent #addtl {float:left;width:580px;margin: 6px 1px 0 7px;font-size:12px;color:#333;background-color:#DFEBF8;} #addtl #addtlresources {float:left;width:388px;border-right:2px solid #FFF;height:100%;padding-top:10px;} #addtl #addtlresources #addtlresheader {float:left;margin-left:10px;width:388px;height:27px;background: transparent url(../../img/internal/resources/addtlres.jpg) no-repeat top left;} #addtl #addtlresources .resource {float:left;width:388px;padding-bottom:11px;background: transparent url(../../img/internal/common/lbarrowbg.jpg) no-repeat top left;} .resource .restitle a {float: left;width:350px;margin-left:17px;text-transform:capitalize;font-size:18px;color:#08417C;} .resource p {float:left;width:300px;margin: 1px 0 0 18px;padding-bottom:5px;} #addtl #videos {float:left;width:190px;padding-top:10px;} #videos #videoheader {float:left;width:150px;height:21px;background: transparent url(../../img/internal/resources/video.jpg) no-repeat top 10px;} #videos .video {float:left;width:179px;min-height:75px;padding-left:11px;padding-bottom:10px;} .video img {float:left;background-color:#000;border:1px solid #CCC;} .video .title {float:left;width:150px;font-size:11px;font-weight:bold;color:#08417C;margin-left: 4px;margin-top:3px;} #navable #photocontent {float:left;width:583px;margin:22px 8px 0 13px;} #photocontent #thumbs {float:left;width:96px;height:300px;margin:5px 0 3px 0;overflow-y:scroll;overflow-x:hide;} #photocontent #thumbs img {cursor:pointer;float:left;width:62px;min-height:26px;margin-bottom:8px;background:transparent url(../../img/lightbox/loading.gif) no-repeat center center;border:1px solid #CCC;} #photocontent #thumbs img.selected {border:1px solid #1964B0;} #photocontent .photog {float:left;width:462px;margin-left:25px;} #photocontent .photog .maincont {float:left;width:462px;height:308px;} #photocontent .photog .mainphoto {border:2px solid #CCC;background:transparent url(../../img/lightbox/loading.gif) no-repeat center center;} #photocontent .photog .metadata {float:left;width:368px;padding-top:9px;} .photog .metadata .keyword {float:left;font-size:11px;padding:0 0 9px 25px;margin-left: 5px;width:154px;background: #FFF url(../../img/internal/navable/photoitembg.jpg) no-repeat top left;} #photocontent .photog a.expandphoto {float:left;width:91px;height:9px;margin-top:9px;background: #FFF url(../../img/internal/navable/expandphotobg.jpg) no-repeat top left;} #subhome {float:left;width:748px;padding:7px 26px 45px 26px;} #subhome .subhomesect {float:left;width:361px;min-height:105px;margin-top:7px;padding-left:13px;background: #FFF url(../../img/internal/common/gradiantbg.jpg) repeat-x top left;} #subhome .subhomesect .subhomesectheader {height:24px;width:361px;padding-top:15px;} #subhome .subhomesect .subhomesectcontent {float:left;min-height:79px;width:361px;} #subhome .subhomesect .subhomesectcontenta {float:left;min-height:79px;width:361px;background: #FFF url(../../img/internal/common/border.jpg) repeat-y top right;} .subhomesect p {float:left;font-size:11px;margin:6px 10px 0 0;width:294px;} .subhomesect .readmore {float:left;width:48px;height:36px;margin:6px 9px 0 0;background: #FFF url(../../img/internal/common/readmore.jpg) no-repeat top left;} .subhomesect .readmore a {display:block;height:100%;width:100%;} #subhome .subhomebanner {float:left;width:737px;height:40px;margin-top:45px;padding-left:11px;background: #FFF url(../../img/internal/common/gradiantbg.jpg) repeat-x top left;} #subhome .subhomebanner .subhomebannerheader {height:24px;width:737px;padding-top:15px;} #subhome .subhomebanner .subhomebannerheader a {padding-left:5px} #footer {position: relative;float: left;clear: both;width: 100%;color: #44484C;font-size: 10px;margin-top: 13px;} #footer #botlinks {float: left;clear: both;margin-left: 2px;} #footer #botlinks a {float: left;color: #44484C;padding: 6px 15px;border-right: 1px solid #44484C;} #footer #botlinks a:hover {float: left;color: #FFF;padding: 6px 15px;border-right: 1px solid #44484C;} #footer #botlinks a.first {padding: 6px 15px 6px 0;} #footer #botlinks a.last {padding: 6px 0px 6px 15px;border-right: 0;} #footer #botetc {float: left;clear: both;width: 768px;margin: 12px 25px 0 2px;} #footer #botetc #copyright {float: left;} #footer #botetc #sitecredit {float: right;} #footer #botetc #sitecredit {color: #44484C;;} #footer #botetc #sitecredit:hover {color: #FFF;text-decoration: underline;}