/* Eric Myer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* sub and super scripting */
sup, sub { font-size: 0.65em; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
/* Canvas */
body { background: #000000; font-size: 62.5%; font-family: arial, helvetica, sans-serif; line-height: 1.5em; }
#wrapper { width: 1024px; margin: 0 auto; padding-top: 190px; position: relative; top: 0; left: 0; }
#wrapper.home { padding-top: 177px; }
/* Header */
#header { height: 105px; width: 1024px; position: absolute; top: 10px; left: 0; background: url(/img/bg_header.gif) center top repeat-x; }
/* Logo */
#header .logo { height:59px; width:300px; position:absolute; top:21px; left:36px; }
#header .logo a { height:59px; width:300px; position:relative; display:block; }
#header .logo a span { height: 59px; width: 300px; position: absolute; top: 0; left: 0; background: url(/img/screen_logo.gif) no-repeat top left; }
/* Primary Utility */
#header .primary { position: absolute; top: 0; right: 36px; background: #000000; }
#header .primary ul { list-style:none; }
#header .primary li { float: left; height: 25px; line-height: 25px; font-size: 1.05em; }
#header .primary li a { padding: 0 12px; border-right: 1px solid #7b7569; text-decoration:none; color: #7b7569; }
#header .primary li a:hover { text-decoration:underline; color: #d0c5af; }
#header .primary li.last a { border:none; margin-right: 7px; }
/* Active State */
#wrapper.siteMap #header .primary li.siteMap a,
#wrapper.faq #header .primary li.faq a,
#wrapper.contact #header .primary li.contact a { color: #d0c5af;}
#header-translate {padding: 0px 0px 0px 0px; height: 50px; text-align: right;}
/* Secondary Utility */
#header .secondary { height: 32px; width: 374px; position: absolute; top: 77px; right: 134px; background: #000000; overflow: hidden; }
#header .secondary ul { list-style:none; position: relative; top: 0; left: 5px; }
#header .secondary li { float: left; height: 32px; line-height: 32px; font-size: 1.1em; }
#header .secondary li a { padding: 0 12px; border-right: 1px solid #7b7569; text-decoration:none; color: #7b7569; }
#header .secondary li a:hover { text-decoration:underline; color: #d0c5af; }
#header .secondary li a { text-decoration:none; }
#header .secondary li a:hover { text-decoration:underline; color: #d0c5af; }
#header .secondary li.last a { border:none; margin-right: 7px; }
/* Active State */
#wrapper.specifiers #header .secondary li.specifiers a,
#wrapper.dealers #header .secondary li.dealers a,
#wrapper.commercial #header .secondary li.commercial a,
#wrapper.suppliers #header .secondary li.suppliers a,
#wrapper.trexCom #header .secondary li.trexCom a { color: #d0c5af;}
/* Tertiary Utility */
#header .tertiary { height: 32px; width: 98px; position: absolute; top: 77px; right: 36px; overflow: hidden; }
#header .tertiary ul { list-style:none; }
#header .tertiary li { height: 32px; text-indent: -4000px; }
#header .tertiary li.trexConnect a { height: 32px; width: 98px; background: url(/img/bg_li_trexConnect.gif) 0 0 no-repeat; display: block; outline: none; }
#header .tertiary li.trexConnect a:hover { background-position: 0 -32px; }
/* Active State */
#wrapper.trexConnect #header .tertiary li.trexConnect a { background-position: 0 -32px; }
/* Dealer Locator Form */
#dealerLocator { height: 58px; width: 195px; background: url(/img/bg_dealerlocator.gif) center top no-repeat; position: absolute; top: 119px; right: 1px; z-index: 1; }
#dealerLocator form { height: 58px; width: 195px; }
#dealerLocator form fieldset { height: 58px; width: 195px; }
#dealerLocator form fieldset label.zipCode { position: absolute; top: 14px; left: 13px;}
#dealerLocator form fieldset label.zipCode input { width: 80px; height: 16px; font-size: 0.9em; font-weight: bold; background: #fff url(/img/bg_dealerLocatorField.gif) 0 4px no-repeat;}
#dealerLocator form fieldset label.search { position: absolute; top: 12px; right: 36px; }
#dealerLocator form fieldset label.search input { width: 56px; height: 25px; }
/* Primary Navigation */
#navigation { height: 85px; width: 1024px; position: absolute; top: 115px; left: 0; background: #171717 url(/img/bg_navigation.gif) center top no-repeat; overflow: hidden; }
#navigation ul { list-style-type: none; position: relative; top: 0; left: 36px; }
#navigation li { height: 62px; line-height: 62px; float:left; text-transform: uppercase; }
#navigation li a { height: 85px; text-indent: -5000px; display: block; background-image: url(/img/bg_li_navigation.gif); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; }
/* Home Page */
#navigation li.home a { width: 66px; background-position: 0 0; }
#navigation li.home a:hover { background-position: 0 -85px; cursor: pointer; }
#wrapper.home #navigation { height: 62px; }
#wrapper.home #navigation li.home a { width: 66px; background-position: 0 -170px; cursor: default; }
/* The Trex Difference */
#navigation li.theTrexDifference a { width: 103px; background-position: -66px 0; }
#navigation li.theTrexDifference a:hover { background-position: -66px -85px; cursor: pointer; }
#wrapper.theTrexDifference #navigation li.theTrexDifference a { background-position: -66px -170px; cursor: default; }
/* Product Information */
#navigation li.productInformation a { width: 104px; background-position: -169px 0; }
#navigation li.productInformation a:hover { background-position: -169px -85px; cursor: pointer; }
#wrapper.productInformation #navigation li.productInformation a { width: 104px; background-position: -169px -170px; cursor: default; }
/* Design Tools */
#navigation li.designTools a { width: 66px; background-position: -273px 0; }
#navigation li.designTools a:hover { background-position: -273px -85px; cursor: pointer; }
#wrapper.designTools #navigation li.designTools a { width: 66px; background-position: -273px -170px; cursor: default; }
/* Installing Trex */
#navigation li.installingTrex a {width: 92px; background-position: -339px 0; }
#navigation li.installingTrex a:hover { background-position: -339px -85px; cursor: pointer; }
#wrapper.installingTrex #navigation li.installingTrex a {width: 92px; background-position: -339px -170px; cursor: default; }
/* Usage & Care */
#navigation li.usageAndCare a { width: 67px; background-position: -431px 0; }
#navigation li.usageAndCare a:hover { background-position: -431px -85px; cursor: pointer; }
#wrapper.usageAndCare #navigation li.usageAndCare a { width: 67px; background-position: -431px -170px; cursor: default; }
/* Tips for Building Your Business */
#navigation li.businessTips a { width: 138px; background-position: -498px 0; }
#navigation li.businessTips a:hover { background-position: -498px -85px; cursor: pointer; }
#wrapper.businessTips #navigation li.businessTips a { width: 138px; background-position: -498px -170px; cursor: default; }
/* Trex Pro Program */
#navigation li.trexPro a { width: 85px; background-position: -636px 0; }
#navigation li.trexPro a:hover { background-position: -636px -85px; cursor: pointer; }
#wrapper.trexPro #navigation li.trexPro a { width: 85px; background-position: -636px -170px; cursor: default; }
/* Trex Events */
#navigation li.trexEvents a { width: 71px; background-position: -721px 0; }
#navigation li.trexEvents a:hover { background-position: -721px -85px; cursor: pointer; }
#wrapper.trexEvents #navigation li.trexEvents a { width: 71px; background-position: -721px -170px; cursor: default; }
/* Footer */
#footer { height: 115px; width: 1024px; background: url(/img/bg_footer.gif) center top no-repeat; float: left; clear: both; text-align: center;}
#footer ul { list-style:none; padding-top:85px; margin: 0 auto; }
#footer li { color: #a17047; font-size: 1.1em; display:inline; }
#footer li a { padding: 2px 8px 2px 5px; border-right:1px solid #a17047; text-decoration:none; color:#a17047; }
#footer li a:hover { text-decoration:underline; color:#d0c5af; }
#footer li.last a { border:none; margin-right:3px; }
/* Active State */
#wrapper.privacyStatement #footer li.privacyStatement a,
#wrapper.termsOfUse #footer li.termsOfUse a,
#wrapper.trexCom #footer li.trexCom a,
#wrapper.trexConnect #footer li.trexConnect a { color:#d0c5af }
/* Main Content Pane */
#content { width: 1024px; padding: 24px 0; float: left; overflow: hidden; background: #171717; }
#wrapper.home #content { padding: 0; }
#content.setHeight { height: 500px; }
/* Flash Window */
#content #flashWindow { height: 361px; width: 1024px; }
#content #flashWindow.railing { background: url(/img/bg_banner.railing.jpg) center top no-repeat; }
/* Promotional Window */
#content #promo { height: 220px; width: 1024px; background: url(/img/bg_promo.png) center top no-repeat; }
#content #promo .p1 { height: 220px; width: 470px; float: left; }
#content #promo .p1 h1 { position: relative; left: 36px; top: 20px; text-indent: -4000px; }
#content #promo .p1 h2 { position: relative; left: 40px; top: 88px; color: #d0c5af; font-size: 1.1em; font-weight: bold; }
#content #promo .p1 p.learnmore { position: relative; left: 36px; top: 97px; height: 48px; width: 150px; text-indent: -4000px; }
#content #promo .p1 p.learnmore a { height: 48px; width: 150px; background: url(/img/btn_learnmore.gif) 0 0 no-repeat; display: block; }
#content #promo .p1 p.learnmore a:hover { background-position: 0 -48px; }
#content #promo .p1 ul { list-style-type: none; position: relative; left: 235px; top: 50px; width: 235px; overflow: hidden;}
#content #promo .p1 li { padding-left: 16px; font-size: 1.1em; background: transparent url(/img/bg_li_bullet.gif) left center no-repeat; }
#content #promo .p1 li a { text-decoration: none; color: #a17047; }
#content #promo .p1 li a:hover { color: #d0c5af; }
#content #promo .p2 { height: 220px; width: 549px; float: right; }
#content #promo .p2 ul { list-style:none; }
#content #promo .p2 li { float: left; height: 220px; font-size: 1.2em; text-align: center; overflow: hidden; }
#content #promo .p2 li.comparison { width: 177px; }
#content #promo .p2 li.warranty { width: 189px; }
#content #promo .p2 li.environmental { width: 170px; }
#content #promo .p2 li a { padding-top: 170px; height: 220px; width: 100%; display: block; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #a17047; }
#content #promo .p2 li a:hover { color: #d0c5af; }
/* Sub-Navigation || Left Column */
#content .subnavigation { height: 200px; width: 176px; float: left; }
#content .subnavigation ul { width: 140px; list-style-type: none; position: relative; top: 0; left: 34px; overflow: hidden; }
#content .subnavigation ul li { width: 140px; padding: 8px 0 10px 0; font-size: 1.3em; background: url(/img/bg_li_subnavigation.gif) center bottom no-repeat; }
#content .subnavigation ul li a { height: 100%; width: 130px; margin: 0 5px; display: block; text-decoration: none; color: #a17047; }
#content .subnavigation ul li a:hover { color: #ffffff; }
#content .subnavigation ul li.active a { width: 100px; padding: 2px 0 2px 28px; color: #ffffff; background: url(/img/bg_li_active_subnavigation.gif) left center no-repeat; }
/* Nested 3rd Tier Sub-Navigation */
#content .subnavigation ul li ul { list-style-type: none; margin-top: 4px; margin-bottom: -4px; }
#content .subnavigation ul li ul li { width: 110px; margin: 2px 0 0 0; padding: 5px 0 3px 0; background: url(/img/bg_li_subsubnavigation.gif) center top no-repeat; }
#content .subnavigation ul li.active ul li a,
#content .subnavigation li ul li a { width: 110px; padding: 2px 0 2px 0; font-size: 0.65em; color: #777777; background-image: none; }
#content .subnavigation ul li.active ul li a:hover,
#content .subnavigation li ul li a:hover,
#content .subnavigation ul li.active ul li.active a,
#content .subnavigation li ul li.active a { color: #aaaaaa; }
/* Container || Center Column */
#content .container { padding-left: 36px; width: 544px; float: left; color: #d0c5af; }
#content .container a { text-decoration: none; color: #a17047; }
#content .container a:hover { text-decoration: underline; color: #d0c5af; }
#content .container h1 { font-size: 3.0em; line-height: 1em; color: #d0c5af; }
#content .container h2 { font-size: 2.0em; line-height: 1.2em; font-weight:normal; color: #d0c5af; }
#content .container h3 { font-size: 1.4em; line-height: 1.3em; font-weight:normal; color: #d0c5af; }
#content .container h4 { font-size: 1.2em; line-height: 1.2em; font-weight:bold; color: #d0c5af; margin-bottom: -0.7em; }
#content .container p { width: 500px; margin: 1.4em 0; font-size: 1.2em; line-height: 1.4em; }
#content .container img { border: solid 6px #a17047; }
#content .container img.inline { border: solid 3px #63574a; }
/* Center Column Extended Width */
#content .extendedWidth { width: 776px; }
#content .extendedWidth p { width: 768px; }
/* Single-Colum Un-Ordered List */
#content .container ul { width: 500px; list-style-type: none; margin-bottom: 1.4em;}
#content .container ul li { margin: 6px 0; padding-left: 36px; font-size: 1.2em; background: transparent url(/img/bg_li_bullet.gif) 18px 2px no-repeat; }
/* Two-Colum Un-Ordered List */
#content .container ul.double { width: 200px; margin-right: 50px;float: left; }
/* Single-Column Nested Un-Ordered List - Tier 2 */
#content .container ul li ul { margin-bottom: 1em; width: 464px; }
#content .container ul li ul li { font-size: inherit; padding-left: 18px; background: transparent url(/img/bg_li_bullet_tier2.gif) 0 4px no-repeat;}
/* Single-Column Nested Un-Ordered List - Tier 3 */
#content .container ul li ul li ul { margin-bottom: 1em; width: 446px; }
#content .container ul li ul li ul li { font-size: inherit; padding-left: 18px; background: transparent url(/img/bg_li_bullet_tier3.gif) 0 4px no-repeat;}
/* Trex Difference - USGBC Logo */
#content .container ul.usgbc { background: url(/img/logo_usgbc.gif) right top no-repeat; }
#content .container ul.usgbc li.usgbc { padding-right: 100px; }
/* In-Line Call-Outs */
#content .container div.callout { margin: 1.4em 0; width: 500px; background: #232323;}
/* PDF Download */
#content .container div.callout.pdf { background: #232323 url(/img/bg_icon_pdf.gif) 14px 12px no-repeat; padding: 0.8em 0 1.2em 0; }
#content .container div.callout.pdf p { position: relative; left: 50px; margin: 0.8em 0; width: 400px; }
#content .container div.callout.pdf p a { width: 400px; padding: 2px 0;display: block; }
/* Trex Fact */
#content .container div.callout.trexFact { background: #232323 url(/img/bg_icon_fact.gif) 14px 12px no-repeat; padding: 0.8em 0; }
#content .container div.callout.trexFact h2 { position: relative; left: 50px;}
#content .container div.callout.trexFact p { position: relative; left: 50px; margin: 0.8em 0; width: 400px; }
/* Walk the Walk Tour Dates */
#content .container div.tourDates {}
#content .container div.tourDates p { font-weight:bold; }
#content .container div.tourDates span { position:relative; left: 18px; top:-10px; }
#content .container div.tourDates span p { font-weight:normal; }
/* Walk the Walk Tour Dates */
#content .container div.tourDates {}
#content .container div.tourDates p { font-weight:bold; }
#content .container div.tourDates span { position:relative; left: 18px; top:-10px; }
#content .container div.tourDates span p { font-weight:normal; }
/* In-Line Button */
#content .container p.inlineButton { width: 500px; margin:2.8em 0; text-align: center !important; }
/* Get Started */
#content .container p.inlineButton.getStarted a { margin: 0 auto; height:48px; width:150px; display:block; text-indent:-5000px; background:url(/img/btn_getStarted.gif) 0 0 no-repeat; }
#content .container p.inlineButton.getStarted a:hover { background:url(/img/btn_getStarted.gif) 0 -48px no-repeat; }
/* Login */
#content .container p.inlineButton.login a { margin: 0 auto; height:48px; width:101px; display:block; text-indent:-5000px; background:url(/img/btn_login.gif) 0 0 no-repeat; }
#content .container p.inlineButton.login a:hover { background:url(/img/btn_login.gif) 0 -48px no-repeat; }
/* FAQs */
#content .container p.faq.question { width: 485px; font-weight:bold;font-size:1.2em; padding-left: 15px; background:url(/img/bg_li_bullet_tier3.gif) 2px 4px no-repeat;}
#content .container p.faq.answer { width: 450px; margin: 12px 25px; }
/* Search Results :: Options */
#content .container div.resultsOptions { width: 776px; margin: 1.4em 0; }
#content .container div.resultsOptions ul { list-style-type: none;}
#content .container div.resultsOptions ul li { margin: 0 36px 0 0; padding: 0; float: left; background: none !important; }
/* Search Results :: Map */
#content .container div.mapWrapper { clear: both; position: relative; top: 1.4em; left:0; }
#content .container div.mapWrapper div#map { margin-bottom: 36px; border: solid 3px #63574a;}
#content .container div.mapWrapper div#map span.gmaps_pinData { color: #171717 !important; }
/* Search Results :: List */
#content .container div.table.resultsList { width: 775px; margin: 1.4em 0; }
#content .container div.table.resultsList table.dealers { width: 775px; }
#content .container div.table.resultsList table.dealers tr td.c1 { width: 18%; }
#content .container div.table.resultsList table.dealers tr td.c2 { width: 32%; }
#content .container div.table.resultsList table.dealers tr td.c3 { width: 25%; }
#content .container div.table.resultsList table.dealers tr td.c4,
#content .container div.table.resultsList table.dealers tr td.c5,
#content .container div.table.resultsList table.dealers tr td.c6 { width: 8%; text-align:center; }
#content .container div.table.resultsList table.dealers tr td.true { background: url(/img/bg_td_true.gif) center center no-repeat;}
#content .container div.table.resultsList table.dealers tr td.true p { display:none; }
/* Sidebar || Right Column Rails */
#content .sidebar { width: 268px; float: left; }
/* Modules */
#content #module {}
#content #module span a { display: block; text-decoration: none;}
#content #module span a:hover img { border: solid 6px #845834; }
#content #module img { height: 138px; border: solid 6px #a17047; }
#content #module h1 { margin: 10px 6px; padding: 10px 0; font-size: 2em; font-weight: normal; letter-spacing: 1px; line-height: 1em; color: #d0c5af; background: url(/img/bg_mod_h1.gif) center bottom no-repeat; }
#content #module p { margin-left: 6px; font-size: 1.1em; line-height: 1.4em; color: #d0c5af; }
#content #module ul { list-style-type: none; margin-left: 6px; }
#content #module li { padding: 2px 0 2px 16px; font-size: 1.1em; background: transparent url(/img/bg_li_bullet.gif) left 4px no-repeat; }
#content #module a { text-decoration: none; color: #a17047; }
#content #module a:hover { color: #d0c5af; }
#content #module li a:hover { text-decoration: underline; }
#content #module span a:hover h1 { color: #aba089; text-decoration: none !important; }
/* Home Page Modules */
#content #module.home { margin: 35px; width: 185px; float:left; }
#content #module.home ul { width: 173px; }
#content #module.home li { width: 173px; }
#content #module.home li a { width: 173px;}
#content #module.home span { width: 173px; }
#content #module.home span img { width: 173px; }
/* Internal / Sidebar Modules */
#content .sidebar #module.rail { margin-bottom: 36px; padding-bottom: 18px; width: 218px; background: url(/img/bg_mod_sidebar.gif) left bottom no-repeat; }
#content .sidebar #module.rail span { width: 218px; }
#content .sidebar #module.rail img { margin: 0 auto; width: 218px; }
#content .sidebar #module.rail h1 { margin: 5px 6px; padding: 8px 0; background-image: none; }
#content .sidebar #module.rail p.learnMore { font-weight: bold; }
/* Tables */
#content .container div.table { width:500px; margin:0 0 2.8em 0; padding:0; border: solid 2px #a17047; clear:both; }
#content .container div.table table { width:500px; }
/* Header */
#content .container div.table table thead { position:relative; height:36px; }
#content .container div.table table thead tr {position:relative; height:36px; background: #a17047; }
#content .container div.table table thead tr td { padding:10px 0 10px 6px; font-size: 1.2em; color:#fff; }
/* Body */
#content .container div.table table tbody tr { }
#content .container div.table table tbody tr td { padding:8px 6px; font-size: 1.1em; vertical-align:top; border-left: solid 1px #a17047; border-bottom: solid 1px #a17047;}
#content .container div.table table tbody tr td.first { width: 40%; }
/* Charts */
#content .container div.table.chart { }
/* Usage & Care -> Usage Guidelines -> Decking Span */
#content .container div.table.chart table.decking { }
#content .container div.table.chart table.decking tbody tr td.c1 { width: 20%; }
#content .container div.table.chart table.decking tbody tr td.c2 { width: 40%; }
#content .container div.table.chart table.decking tbody tr td.c3 { width: 20%; }
#content .container div.table.chart table.decking tbody tr td.c4 { width: 20%; }
/* Usage & Care -> Usage Guidelines -> Railing Span */
#content .container div.table.chart table.railing { }
#content .container div.table.chart table.railing tbody tr td.c1 { width: 40%; }
#content .container div.table.chart table.railing tbody tr td.c2 { width: 60%; }
/* Usage & Care -> Usage Guidelines -> Stairs Span */
#content .container div.table.chart table.stairs { }
#content .container div.table.chart table.stairs tbody tr td.c1 { width: 40%; }
#content .container div.table.chart table.stairs tbody tr td.c2 { width: 60%; }
/* Usage & Care -> Usage Guidelines -> Painting */
#content .container div.table.chart table.painting { }
#content .container div.table.chart table.painting tbody tr td { width: 33%; }
/* Usage & Care -> Usage Guidelines -> Cleaning */
#content .container div.table.chart table.cleaning { }
#content .container div.table.chart table.cleaning tbody tr td.c1 { width: 40%; }
/* Usage & Care -> Usage Guidelines -> Storage */
#content .container div.table.storage,
#content .container div.table.storage table,
#content .container div.table.storage table tr,
#content .container div.table.storage table tr td { border:none !important; }
#content .container div.table.storage table tbody tr td { padding: 0.5em 0.25em; color: #ffffff;}
#content .container div.table.storage table tbody tr td img { width: 225px; border: solid 3px #63574a;}
/* Commercial -> Continuing Education -> Trex Courses */
#content .container div.table.chart table.trexCourses { }
#content .container div.table.chart table.trexCourses tr td { }
#content .container div.table.chart table.trexCourses tr td.c1 { width: 40%; }
#content .container div.table.chart table.trexCourses tr td.c2 { width: 60%; }
#content .container div.table.chart table tbody tr td ul { margin-top: 0; width:auto;}
#content .container div.table.chart table tbody tr td ul li { font-size: inherit; background: transparent url(/img/bg_li_bullet_tier3.gif) 4px 4px no-repeat;}
/* Product Information -> Physical & Mechanical Properties (Test Methods) */
#content .container div.table.chart table.testMethod { }
#content .container div.table.chart table.testMethod td { }
#content .container div.table.chart table.testMethod tr td.c1 { width: 40%; }
#content .container div.table.chart table.testMethod tr td.c2 { width: 30%; }
#content .container div.table.chart table.testMethod tr td.c3 { width: 30%; }
/* Product Information -> Physical & Mechanical Properties (Properties) */
#content .container div.table.chart table.properties { }
#content .container div.table.chart table.properties td { }
#content .container div.table.chart table.properties tr td.c1 { width: 20%; }
#content .container div.table.chart table.properties tr td.c2 { width: 40%; }
#content .container div.table.chart table.properties tr td.c3 { width: 40%; }
/* Product Information -> Color ID */
#content .container div.table.colorIdentification { border:none !important; }
#content .container div.table.colorIdentification table.placards { border:none !important; }
#content .container div.table.colorIdentification table.placards tr { border:none !important; }
#content .container div.table.colorIdentification table.placards tr td { border:none !important; }
#content .container div.table.colorIdentification table.placards tr td img { border:solid 2px #ffffff !important; }
/* Product Information -> Notes */
#content .container div.notes { }
#content .container div.notes p { font-weight:bold; }
#content .container div.notes ul { list-style-type: lower-latin; position:relative; left: 18px; width: 400px;}
#content .container div.notes ul li { background: none; padding: 0; }
/* Side by Side Comparison :: Landing */
#content .container div.comparison { margin-bottom: 2.8em; width: 500px; height:90px; cursor:pointer;}
#content .container div.comparison h2 { position:relative; left: 118px; margin: 0 0 0.15em 0; }
#content .container div.comparison h3 { position:relative; left: 118px; margin: 1em 0; }
#content .container div.comparison p { position:relative; left: 118px; margin: 0; width: 370px;}
#content .container div.comparison.subtleWoodGrain { background: url(/img/bg_comparison_subtleWoodGrain.jpg) left top no-repeat; }
#content .container div.comparison.ultraLowMaintenance { background: url(/img/bg_comparison_ultraLowMaintenance.jpg) left top no-repeat; }
#content .container div.comparison.deepWoodGrain { background: url(/img/bg_comparison_deepWoodGrain.jpg) left top no-repeat; }
#content .container div.comparison.hardwood { background: url(/img/bg_comparison_hardwood.jpg) left top no-repeat; }
/* Side by Side Comparison :: Tables */
#content .container div.table.sidebyside { width: 775px; }
#content .container div.table.sidebyside table { width: 775px; }
/* Side by Side Comparison :: tHead */
#content .container div.table.sidebyside table thead { height:40px; }
#content .container div.table.sidebyside table thead tr { height:40px; background:none !important; border-bottom: solid 1px #a17047;}
#content .container div.table.sidebyside table thead tr td { padding: 5px; background: #a17047; vertical-align:top; font-size: 1.2em; color:#fff; text-align:center !important;}
#content .container div.table.sidebyside table thead tr td.first { width: 200px !important; background:none !important; border-right: solid 1px #a17047;border-bottom: solid 1px #a17047; }
#content .container div.table.sidebyside table thead tr td.last { }
/* Side by Side Comparison :: tBody */
#content .container div.table.sidebyside table tbody tr td { padding:5px 5px; font-size: 1.1em; font-weight: normal;vertical-align:middle; border-left: solid 1px #a17047; border-bottom: solid 1px #a17047; text-align: center;}
#content .container div.table.sidebyside table tbody tr td.first { text-align:left; padding: 20px 5px 5px 5px; color: #ffffff; font-weight: bold;}
#content .container div.table.sidebyside table tbody tr td.criteria { text-align:left; }
#content .container div.table.sidebyside table tbody tr td.trex { background-color: #3a2d23; color: #ffffff; font-weight:bold; }
#content .container div.table.sidebyside table tbody tr td span { font-weight: normal; }
#content .container div.table.sidebyside table tbody tr td span ul { margin-top: 0;}
#content .container div.table.sidebyside table tbody tr td span ul li { font-size: inherit; background: transparent url(/img/bg_li_bullet_tier3.gif) 4px 4px no-repeat;}
/* Side by Side Comparison :: Legend */
#content .container div.legend { position: relative; top: -3.3em; left: 0; }
#content .container div.legend ul { list-style-type: none; }
#content .container div.legend ul li { float: left; padding: 6px 18px 6px 8px; color: #ffffff; font-weight: bold; background: #a17047; }
/* Side by Side Comparison :: Tabs */
#content .container div.tabs { clear:left; margin: 10px 0;}
#content .container div.tabs ul { list-style-type: none; margin: 0 auto;}
#content .container div.tabs ul li { float: left; margin: 0; padding: 0 18px 0 0; display:inline; background: none !important;}
/* Comparison :: Subtle Wood Grain */
#content .container div.table.sidebyside table.subtleWoodGrain thead tr td,
#content .container div.table.sidebyside table.subtleWoodGrain tbody tr td { width: 11%; }
#content .container div.table.sidebyside table.subtleWoodGrain thead tr td.first,
#content .container div.table.sidebyside table.subtleWoodGrain tbody tr td.first { width: 34% !important;}
/* Comparison :: Ultra Low Maintenance */
#content .container div.table.sidebyside table.untraLowMaintenance thead tr td,
#content .container div.table.sidebyside table.untraLowMaintenance tbody tr td { width: 11%; }
#content .container div.table.sidebyside table.untraLowMaintenance thead tr td.first,
#content .container div.table.sidebyside table.untraLowMaintenance tbody tr td.first { width: 34% !important;}
/* Comparison :: Deep Wood Grain */
#content .container div.table.sidebyside table.deepWoodGrain thead tr td,
#content .container div.table.sidebyside table.deepWoodGrain tbody tr td { width: 15%; }
#content .container div.table.sidebyside table.deepWoodGrain thead tr td.first,
#content .container div.table.sidebyside table.deepWoodGrain tbody tr td.first { width: 40% !important;}
/* Comparison :: Hardwood */
#content .container div.table.sidebyside table.hardwood thead tr td,
#content .container div.table.sidebyside table.hardwood tbody tr td { width: 11%; }
#content .container div.table.sidebyside table.hardwood thead tr td.first,
#content .container div.table.sidebyside table.hardwood tbody tr td.first { width: 34% !important;}
/* Product Overview */
#content .container div.product { margin: 1em 0; padding-bottom: 1em; width: 500px; cursor:pointer !important; clear: both;}
#content .container div.product h2 { position:relative; left: 118px; margin: 0 0 0.5em 0; }
#content .container div.product p { position:relative; left: 118px; margin: 0.5em 0; width: 370px;}
#content .container div.product.decking { background: url(/img/bg_product_decking.jpg) left top no-repeat; }
#content .container div.product.railing { background: url(/img/bg_product_railing.jpg) left top no-repeat; }
#content .container div.product.fencing { background: url(/img/bg_product_fencing.jpg) left top no-repeat; }
#content .container div.product.trim { background: url(/img/bg_product_trim.jpg) left top no-repeat; }
/* Decking Brands */
#content .container div.product.decking.brasilia { background: url(/img/bg_product_decking_brasilia.jpg) left top no-repeat; }
#content .container div.product.decking.contours { background: url(/img/bg_product_decking_contours.jpg) left top no-repeat; }
#content .container div.product.decking.accents { background: url(/img/bg_product_decking_accents.jpg) left top no-repeat; }
#content .container div.product.decking.accents_firedefense { background: url(/img/bg_product_decking_accents_firedefense.jpg) left top no-repeat; }
#content .container div.product.decking.origins { background: url(/img/bg_product_decking_origins.jpg) left top no-repeat; }
#content .container div.product.decking.escapes { background: url(/img/bg_product_decking_escapes.jpg) left top no-repeat; }
#content .container div.product.decking.hideaway { background: url(/img/bg_product_decking_hideaway.jpg) left top no-repeat; }
#content .container div.product.decking.transcend { background: url(/img/bg_product_decking_transcend.jpg) left top no-repeat; }
/* Railing Brands */
#content .container div.product.railing.artisan { background: url(/img/bg_product_railing_artisan.jpg) left top no-repeat; }
#content .container div.product.railing.designer { background: url(/img/bg_product_railing_designer.jpg) left top no-repeat; }
#content .container div.product.railing.traditional { background: url(/img/bg_product_railing_traditional.jpg) left top no-repeat; }
/* Fencing Brands */
#content .container div.product.fencing.seclusions { background: url(/img/bg_product_fencing_seclusions.jpg) left top no-repeat; }
#content .container div.product.fencing.surroundings { background: url(/img/bg_product_fencing_surroundings.jpg) left top no-repeat; }
/* Trim Brands */
#content .container div.product.trim.trextrim { background: url(/img/bg_product_trim.jpg) left top no-repeat; }
/* Deck Plans & Drawings */
#content .container div.deckPlans { margin: 1.4em 0; width: 500px; height: 90px;}
#content .container div.deckPlans h2 { position:relative; left: 118px; margin: 0 0 0.5em 0; }
#content .container div.deckPlans p { position:relative; left: 118px; margin: 0.25em 0; width: 370px;}
#content .container div.deckPlans p a { width:250px; display:block; padding: 4px 25px; }
#content .container div.deckPlans p a.downloadPDF { background: url(/img/bg_icon_pdf_small.gif) left center no-repeat;}
#content .container div.deckPlans p a.viewDrawing { background: url(/img/bg_icon_drawing_small.gif) left center no-repeat;}
#content .container div.deckPlans.theFrederick { background: url(/img/bg_deckPlan_frederick.jpg) left top no-repeat; }
#content .container div.deckPlans.theCourtyard { background: url(/img/bg_deckPlan_courtyard.jpg) left top no-repeat; }
#content .container div.deckPlans.theBoardwalk { background: url(/img/bg_deckPlan_boardwalk.jpg) left top no-repeat; }
#content .container div.deckPlans.theParkton { background: url(/img/bg_deckPlan_parkton.jpg) left top no-repeat; }
#content .container div.deckPlans.theSunscape { background: url(/img/bg_deckPlan_sunscape.jpg) left top no-repeat; }
#content .container div.deckPlans.theDayton { background: url(/img/bg_deckPlan_dayton.jpg) left top no-repeat; }
#content .container div.deckPlans.theSymphony { background: url(/img/bg_deckPlan_symphony.jpg) left top no-repeat; }
#content .container div.deckPlans.theStarboard { background: url(/img/bg_deckPlan_starboard.jpg) left top no-repeat; }
/* Sitemap */
#wrapper.siteMap #content div#sitemap { }
/* root */
#wrapper.siteMap #content div#sitemap ul { margin:7px; padding: 0; }
#wrapper.siteMap #content div#sitemap ul li { padding: 0; font-size:13px; background: none; }
/* +1 */
#wrapper.siteMap #content div#sitemap ul li ul { margin-left: 18px; }
#wrapper.siteMap #content div#sitemap ul li ul li { font-size:13px; padding-left: 18px; background: url(/img/bg_li_bullet_tier3.gif) 2px 4px no-repeat; }
/* +2 */
#wrapper.siteMap #content div#sitemap ul li ul li ul { margin-left: 18px; }
#wrapper.siteMap #content div#sitemap ul li ul li ul li { font-size:13px; }
/* Custom Modal Box for TrexConnect Login Help */
#MB_content div#loginHelp { width: 750px; margin: 1em auto; text-align: left; }
#MB_content div#loginHelp h1 { margin-bottom: 1.4em; font-size: 1.4em; }
#MB_content div#loginHelp h2 { margin-bottom: 1.4em; font-size: 1.3em; }
#MB_content div#loginHelp p { margin-bottom: 1.4em; font-size: 1.2em; }
#MB_content div#loginHelp div.loginImage { width:375px; float: left; }
#MB_content div#loginHelp ul { list-style-type:disc; margin-left:20px; margin-bottom: 1.4em; }
#MB_content div#loginHelp ul li { margin: 2px 0; font-size: 1.2em; }
/* Forms */
.container fieldset { width: 500px; overflow: hidden; }
.container fieldset p { margin: 10px 0 !important; float: left; }
.container fieldset p { font-size: 1.1em !important; }
/* Fieldset Notes */
.container fieldset p.note { width: 180px !important; text-align: right; }
.container fieldset .requiredField { color: #9c7648; }
/* Fieldset Intro */
.container fieldset p.intro { font-weight:bold; font-size: 12px !important; }
.container fieldset p.subIntro { margin:-5px 0 10px 0 !important; }
/* Labels */
.container fieldset p label { margin-right: 15px; margin-top: 0.3em; font-size: 1em; }
.container fieldset p.txtBox label,
.container fieldset p.selBox label { width: 180px; text-align: right; vertical-align: bottom; float: left; clear: left; }
.container fieldset p.iconBox label { width: 180px; text-align: right; vertical-align: bottom; float: left; clear: left; }
.container fieldset p.txtArea label {width: 180px; text-align: right; vertical-align: bottom; float: left; clear: left; }
.container fieldset p.radBox label { width: auto; display: inline; vertical-align: top; position: relative; top: 3px; left: 0;}
.container fieldset p.chkBox label { width: auto; display: inline; vertical-align: top; position: relative; top: 3px; left: 0;}
/* Inputs */
.container fieldset p input { font-size: 1em; color:#171717; }
.container fieldset p.txtBox input { width: 200px; float: left; }
.container fieldset p.txtBox.firstName input { width: 145px; }
.container fieldset p.txtBox.firstName span { float: left; margin: 0 4px 0 6px; padding: 3px 2px; color: #d0c5af; }
.container fieldset p.txtBox input.middleInitial { width: 20px; }
.container fieldset p.txtBox input.middle_initial { width: 20px; }
.container fieldset p.txtBox.postalCode input { width: 50px; }
.container fieldset p.txtBox.phoneNumber span { float: left; padding: 3px 2px; color: #d0c5af;}
.container fieldset p.txtBox.phoneNumber input { float: left; margin: 0 2px; }
.container fieldset p.txtBox.phoneNumber input.numThree { width: 25px;}
.container fieldset p.txtBox.phoneNumber input.numFour { width: 30px;}
/* TextAreas */
.container fieldset p textarea { width:200px; font-size: 1em; color:#171717; }
/* Selects */
.container fieldset p select { font-size: 1em; color:#171717; }
.container fieldset p.selBox select { width: 200px; float:left; }
/* Radios */
.container fieldset p.radBox span { width: 180px; float: left; clear: left; text-align: right; margin-right: 15px; }
/* Checkboxes */
.container fieldset p.chkBox span { width: 180px; float: left; clear: left; text-align: right; margin-right: 15px; }
/* Multiple Checkbox Select : Vertical */
.container fieldset p.multipleQuestion { padding-top: 2px; float: left; width: 180px !important; }
.container fieldset p.multipleOptions { float: left; padding-left: 15px; width: 305px !important; }
.container fieldset p.multipleOptions span { float: left; margin-bottom: 1px; text-align: left; display:block; width: 330px; }
.container fieldset p.multipleOptions span input.other { margin-left: 20px; margin-top: 5px;width: 160px; }
/* Multiple Checkbox Select : Horizontal */
.container fieldset p.multipleOptionsHorizontal label { color: #d0c5af !important; }
/* Buttons */
.container fieldset.buttons { position:relative; top: 20px;padding-top: 20px; margin-top: 20px; margin-bottom: 40px; width: 500px; background: url(/img/bg_fieldset_submit.gif) center top no-repeat; }
.container fieldset.buttons input { margin-left: 195px; border: none; display: block; outline: none; text-indent: -5000px; cursor: pointer !important; }
/* Button :: "Submit" */
.container fieldset.buttons input.submit { text-indent:-5000px; height: 48px; width: 102px; background: url(/img/btn_submit.gif) 0 0 no-repeat; margin-bottom: 20px;}
.container fieldset.buttons input.submit:hover { background: url(/img/btn_submit.gif) 0 -48px no-repeat; }
/* Custom Form :: Request Information */
.container fieldset.requestInformation p.postalCode input { width: 50px; }
/* Custom Form :: Warranty Registration */
.container fieldset.requestInformation {}
/* Address Info */
.container fieldset.addressInfo { margin-bottom: 10px; padding-bottom: 10px; background: url(/img/bg_fieldset_rule.gif) center bottom no-repeat;}
/* Mailing Info */
.container fieldset.mailingInfo { margin-bottom: 10px; padding-bottom: 10px; background: url(/img/bg_fieldset_rule.gif) center bottom no-repeat;}
/* TrexPro Number */
.container fieldset.warrantyRegistration p.trexProNumber input { width: 80px; }
/* Deck Size */
.container fieldset.warrantyRegistration p.deckSize.SqFt input { width: 40px; float: none; }
.container fieldset.warrantyRegistration p.deckSize.LxW input { width: 40px; float: none;}
.container fieldset.warrantyRegistration p.unitLotCode input { width: 70px; }
/* Pop-Up Date Selecter */
.container fieldset.warrantyRegistration p.selectDate span a { float: left; height:20px; width:20px; text-indent:-5000px; background: url(/img/btn_selectDate.gif) 0 0 no-repeat;display: block; overflow:hidden; }
.container fieldset.warrantyRegistration p.selectDate span a:hover { background: url(/img/btn_selectDate.gif) 0 -20px no-repeat; }
.container fieldset.warrantyRegistration p.selectDate span input { float: left; height: 20px; padding:0 2px; background: #171717; border:none; color: #d0c5af;}
/* 1-6 Ratings */
.container fieldset p.selBox.rating { padding-left: 50px; }
.container fieldset p.selBox.rating label { width: 130px; text-align: left;}
.container fieldset p.selBox.rating select { width: auto; }
/* Select Primary Decking Colors */
.container fieldset p.radBox.productLines { float: left; padding-left: 60px; width: 130px !important; }
.container fieldset p.radBox.productColors { float: left; width: 250px !important;}
.container fieldset p.radBox.productColors span { float: left; margin: 2px 0; text-align: left; display:block; width: 350px; }
.container fieldset p.radBox.productColors span input { position: relative; top: -10px; left: 0;}
.container fieldset p.radBox.productColors span img.productColorSample { position: relative; top: 2px; left: 5px; height: 30px; width:30px; border: solid 3px #ffffff !important; }
.container fieldset p.radBox.productColors span label { position: relative; top: 15px; left: 10px;}
/* Custom Form :: TrexPro Application */
.container fieldset.trexProRegistration {}
.container fieldset.trexProRegistration p.intro { margin-bottom:5px; padding-bottom:5px; width: 500px; color: #a67e4b; border-bottom: solid 1px #a67e4b; text-transform:uppercase;}
.container fieldset.trexProRegistration p.subIntro { color: #a67e4b; font-style: italic; }
.container fieldset.trexProRegistration.disclaimer { padding: 20px 0; }
.container fieldset.trexProRegistration.disclaimer p { color: #a67e4b; }
.container fieldset.trexProRegistration p.otherBrands textarea { height: 100px; }
.container fieldset.trexProRegistration p.notLBI textarea { height: 50px; }
.container fieldset.trexProRegistration p.whenAndWhere textarea { height: 50px; }
.container fieldset.trexProRegistration p.numPercent input { width: 30px; }
.container fieldset.trexProRegistration p.numAverage input { width: 30px; }
/* Custom Form :: Dealer Locator */
.container fieldset.dealerSearch p { padding: 1em 0 1em 1em; width: 400px;}
.container fieldset.dealerSearch p.searchRadius select.miles { margin: 0 8px; }
.container fieldset.dealerSearch p.searchRadius input.zipCode { margin: 0 8px; width: 60px; }
.container fieldset.dealerSearch p.searchLocation select.state { margin: 0 8px; }
.container fieldset.dealerSearch p.searchLocation input.city { margin: 0 8px; width: 120px; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */