/******************************************************** general styles ********************************************************/ body{padding:0px; margin:0px; font-family:Arial, Times New Roman, Verdana; font-size: 11px; color:#4B4A4A;} img{border:0px;} ul{padding:0px; margin:0px 0px; list-style:none;} ul li{background:url(images/bullet.gif) no-repeat left 5px; padding:0px 0px 5px 10px;} p{margin:0px; padding:7px 0px 7px 0px;} h1,h2,h3,h4,h5{padding:0px; margin:0px;} h4{color:#4B4A4A; font-size:11px; font-weight:bold;} a{color:#ba853f;} .button{cursor:pointer;} .checkbox label {position: relative; top: -2px;} .radioButton label {position: relative; top: -2px; margin-left:0px} /******************************************************** Live Person button ********************************************************/ .lpPoweredBy {display:none;} /*(removes powered by tagline)*/ .live-chat-button {display:inline; position:absolute; left:380px; top:43px; z-index:1;} /******************************************************** structural styles ********************************************************/ #wrapper{width:100%; text-align:center;} #website{background:#fff url(images/swirl.jpg) no-repeat 273px top; width:1019px; margin:0px auto; text-align:left;} /******************************************************** header styles ********************************************************/ #header{background:transparent; width:1000px; margin:0px auto 0px auto; padding-top: 27px; text-align:left;} .logo{float:left;} .header-navigation{float:right; width:730px; height: 90px; position: relative; z-index: 100;} .search-box { float: right; margin-top: 10px; margin-right: 15px; } .home .search-our-site { display: block; margin-bottom: 5px; } .home .header-request-literature{position: absolute; top: 45px; left: 50px;} .home .header-online-store{position: absolute; top: 45px; left: 240px;} .home .header-live-chat{position: absolute; top: 42px; left: 390px; } .home .header-blog { position: absolute; top: 0; right: 0px; width: 210px; display: block; } .home .tt-where-to-buy{position: absolute; top: 27px; right: 0px; width:210px;} .home .where-to-buy-original {display: block; margin-bottom: 5px;} .home .header-fields { } .header-input{padding:2px 0px 2px 4px; font-family:Arial; color:#929292; font-size:11px;} .relative-button{position:relative; top:5px;} .relative-button-on-blue-bg{position:relative; top:7px;} .main-navigation-wrapper{background:url(images/bg-main-nav.png) no-repeat left top; width:1000px; margin-top:5px; padding:10px 9px 0px 10px; text-align:center;} .top-nav{background:url(images/nav-bar.png) no-repeat left top; width:1000px; margin:0px auto; text-align:left; height:48px;} /* navigation */ ul.nav{background-color:transparent; margin:0px; padding:20px 0px 0px 25px; width:700px; float:left; list-style:none;} ul.nav li{display:inline; background-image:none; padding-left:0px;} ul.nav li.divider{padding:0px 3px;} ul.nav li a{color:#fff; font-weight:600; text-decoration:none;} .sub-menu{position:absolute; left:1px; top:58px; display:none; background:url(images/bg-sub-nav.png) repeat-x center -13px; height:60px; width:999px; z-index:50;} .sub-menu .sub-menu-item{display:none; position:absolute; left:0px; top:0px;} .sub-menu ul.sub-nav-list{list-style:none; margin:0px;} .sub-menu ul.sub-nav-list li{margin:0px; background-image:none; float:left; width:auto;} .sub-menu ul.sub-nav-list li a{text-decoration:none; color:#000; display:block; height:28px; padding:16px 13px 12px 10px;} .sub-menu ul.sub-nav-list li a img{padding-right:5px;} .sub-menu ul.sub-nav-list li a span{position:relative; top:-15px; padding-right:5px; font-weight:600; font-family:Arial; font-size:12px;} .sub-menu ul.swirl li a span{top:-10px;} .sub-menu ul.sub-nav-list li a:hover{background:url(images/sub-nav-item-bg.png) no-repeat right top;} .sub-menu-sub{position:absolute; top:110px; display:none; z-index:57;} .sub-menu-sub-active-parent{background:url(images/sub-nav-item-bg.png) no-repeat right top;} .third-level-nav{} .third-level-nav a{font-weight:600; color:#000; text-decoration:none; font-size:12px;} .third-level-nav-top{padding:0px 25px 10px 25px; position:relative; height:19px; margin-bottom:-5px;} .left-top-corner{position:absolute; left:0px; top:0px; background:url(images/bg-third-level-nav-top.png) no-repeat left 0px; width:50%; height:100%;} .right-top-corner{position:absolute; right:0px; top:0px; background:url(images/bg-third-level-nav-top.png) no-repeat right 0px; width:50%; height:100%;} .third-level-nav-center{padding:10px 25px; background:url(images/bg-third-level-nav-center.png) repeat-x right top;} .third-level-nav-bottom{padding:0px 25px; position:relative; height:39px; margin-top:0px;} .left-bottom-corner{position:absolute; left:0px; bottom:0px; background:url(images/bg-third-level-nav-bottom.png) no-repeat left -33px; width:50%; height:100%;} .right-bottom-corner{position:absolute; right:0px; bottom:0px; background:url(images/bg-third-level-nav-bottom.png) no-repeat right -33px; width:50%; height:100%;} .third-level-nav-icon-list{float:left;} .third-level-nav-icon-list a{display:block; margin-bottom:20px; background:url(images/bg-nav-arrow.png) no-repeat right 12px; padding-right:13px;} .third-level-nav-icon-list a img{vertical-align:middle; padding-right:10px;} .third-level-nav-title{margin:0px auto 15px auto; padding-bottom:10px; text-align:left; border-bottom:1px groove #a6b3ba;} .third-level-nav-title span{font-weight:600; font-size:13px; padding-right:22px; background:url(images/bg-nav-arrow.png) no-repeat right 5px; cursor:pointer;} .third-level-nav-header{font-size:14px; font-weight:600; margin-bottom:7px; color:#679ebe; padding-bottom:1px; font-family:Arial;} .sub-menu-sub-decking{background:url(images/tri-nav-products-decking.png) no-repeat top center; width:320px; padding:20px 20px 30px 20px;} .sub-menu-sub-railing{background:url(images/tri-nav-products-railing.png) no-repeat top center; width:364px; padding:20px 20px 40px 20px;} .sub-menu-sub-finishing-touches{background:url(images/tri-nav-products-finishing-touches.png) no-repeat top center; width:380px; padding:30px 20px 40px 20px;} .small-nav-list{background:url(images/tri-nav-list-small.png) no-repeat top center; width:180px; padding:30px 20px 40px 20px;} .medium-nav-list{background:url(images/tri-nav-list-medium.png) no-repeat top center; width:180px; padding:30px 20px 40px 20px;} .large-nav-list{background:url(images/tri-nav-list-large.png) no-repeat top center; width:180px; padding:30px 20px 40px 20px;} .third-level-nav ul{margin:0px; padding:0px 0px 20px 0px;} .third-level-nav ul li{padding:0px 13px 8px 4px; margin-bottom:9px; background:url(images/bg-nav-arrow.png) no-repeat right 3px; border-bottom:2px groove #fff;} .third-level-nav ul li a{display:block;} .online-store { float: left; padding-top: 17px; } /* end navigation */ /******************************************************** content styles ********************************************************/ /*.content{background:#fff url(images/bg-content.jpg) repeat-y left bottom; width:1000px; margin:0px auto; padding:0px 9px 0px 10px; position:relative; text-align:left;}*/ .content{background:#fff url(images/bg-content.jpg) repeat-y left bottom; width:1019px; margin:0px auto; position:relative; text-align:left;} .main-content-inner{z-index:100;} .inner-content{padding:45px 0px 0px 30px;} .content-gradient{position:absolute; left:10px; top:0px; z-index:55;} .interior-content{padding:0px 0px 70px 0px;} /*.content-footer{background:url(images/bg-content-footer.png) no-repeat left bottom; height:65px; width:1000px; margin:-55px auto 0px auto; padding:0px 9px 0px 10px; position:relative; z-index:100;}*/ .content-footer{background:transparent url(images/bg-content-footer.gif) no-repeat left bottom; width:1000px; padding:0px 9px 9px 10px; position:relative;} .home-page-flash{width:600px; height:336px;} .products-splash{position:absolute; right:9px; top:0px; padding:26px 22px 35px 25px; width:360px; height:310px; background:transparent url(images/products-splash-bg.png) no-repeat left top;} .product-splash-item{float:left; position:relative; z-index:5;} hr{margin:15px 0px 30px 0px; color:#a4a588; background-color:#a4a588; border:none; overflow:hidden; height:1px;} .side-swirl{position:absolute; right:-30px; bottom:-50px; z-index:5;} .side-swirl-pool{position:absolute; right:0px; bottom:-50px; z-index:5;} .intro-blurb{float:left; width:334px; padding:37px 0px 0px 30px;} .intro-blurb a img{position: relative; z-index: 999;} .perfect-retreat{float:right; margin-right:2px; width:526px; padding:44px 44px 0px 35px; height:159px; background:url(images/perfect-retreat-bg.png) no-repeat right top;} .perfect-retreat-steps{margin-top:30px;} .perfect-retreat-steps li{float:left; padding-left:35px; width:130px; margin-right:15px; background-image:none;} .perfect-retreat-steps li.one{background:url(images/number-bullet-1.gif) no-repeat left top;} .perfect-retreat-steps li.two{background:url(images/number-bullet-2.gif) no-repeat left top;} .perfect-retreat-steps li.three{background:url(images/number-bullet-3.gif) no-repeat left top; margin-right:0px;} .bread-crumb-menu{border-bottom:1px solid #e8e8e8; position:relative; font-size:10px; color:#9a9a9a; padding:33px 0px 5px 0px; width:920px; margin-bottom:15px;} .bread-crumb-links a{font-size:10px; color:#9a9a9a; text-decoration:none;} .bread-crumb-links{width:650px;} .popup-links{position:absolute; right:0px; top:40px;} h1.page-title .main-title{color:#ffffff; font-size:45px;} .main-title{color:#d7d8cb; font-size:51px;} .main-title-superscript{font-size:14px; color:#d7d8cb; position:relative; left:-9px; top:0px;} .little-title-superscript{font-size:14px; color:#d7d8cb; position:relative; left:-20px; top:0px;} h1.page-title .sub{position:relative; left:-5px; top:12px;} h1.page-title .sub-product-title{position:relative; left:-10px; top:12px; padding-right:10px; font-size:20px;} .sub-product-title{position:relative; left:-20px; top:12px;} h1.page-title .sub span{font-size:20px; font-weight:600; color:#ffffff;} .topic-title{font-size:14px; font-weight:600; padding-bottom:6px; color:#8d8e6a;} .section-title{font-size:12px; font-weight:600; padding-bottom:15px; color:#8d8e6a;} .confirmation-label{border:0px; font-size:10px} .product-title{position:relative;} .product-title h1{float:left; color:#d7d8cb; font-size:52px; padding:0px; margin:0px; z-index:5; position:relative;} .product-title span.sub-title{float:left; color:#8d8e6a; display:block; font-size:18px; margin:20px 0px 0px -12px; z-index:6; position:relative;} .product-left{float:left; width:490px;} .product-left-content{width:440px;} .product-photo-gallery{margin:40px 0px 0px 0px;} .gallery-left{float:left; font-size:11px; width:170px;} .gallery-left p{color:#8d8e6a; padding-bottom:5px; padding-top:0px; font-weight:600;} .gallery-left img{float:right; padding-left:5px;} .gallery-right{float:right; width:285px; margin-right:15px;} .gallery-right .thumb-header{font-size:11px; margin-bottom:6px;} .gallery-right .thumb-header span{color:#8d8e6a; font-weight:600;} .gallery-right .thumb-item{position:relative; float:left; width:90px; height:65px; margin-right:5px;} .gallery-right .thumb-item-button{position:absolute; bottom:-7px; right:7px;} .gallery-tools, .gallery-tools-list { display: none; } .decking-planks .gallery-left { width: 130px; } .decking-planks .gallery-right { margin: 0; } .decking-planks .gallery-color-visualizer, .decking-planks .thumb-header { display: none; } .decking-planks .gallery-tools { display: block; margin-bottom: 15px; } .decking-planks .gallery-tools-list { display: block; } .decking-planks .gallery-tools-list a { font-weight: bold; text-decoration: underline; } .decking-planks .product-photo-gallery { padding: 15px; background-color: #eeeeee; border: #e0e0e0; } .videosBorderContainer{border:solid 1px #E0E0E0; padding:15px} .videoContainer{width:190px} .videobutton{padding:0px 20px 30px 20px; border:0px} #mmVideos a{text-decoration:none} #contractor-page { width: 100%; text-align: center; } #contractor-page-container {width:650px; padding-top: 20px; color:#000; margin-left: auto; margin-right: auto; text-align: left;} #contractor-page-container a { font-weight: bold; } #contractor-page-container .contractor-page-logo { display: block; margin-bottom: 10px; margin-right: 20px; } #contractor-page-container .headshot { margin-right: 30px; } #contractor-page-container #header-table { margin-bottom: 25px; } #contractor-page-container #header-bar { margin-bottom: 10px; } #contractor-page-container #contractor-text { float: left; margin-left: 20px; margin-bottom: 30px; margin-right: 20px; width: 270px; } #contractor-page-container #about-text { font-size: 12px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #d0d0c1; margin-bottom: 20px; } #contractor-page-container #featured-photo { float: right; margin-bottom: 20px; text-align: center; width: 340px; } #contractor-page-container #photo-gallery { } #contractor-page-container #photo-gallery-header { padding: 10px 0; text-align: center; color: #fff; font-size: 15px; background-color: #679ebd; } #contractor-page-container #photo-gallery-content { background-color: #e7bd64; height: 370px; } #contractor-footer {padding:20px} #litdownload-container h1 {color:#8D8E6A; font-size:14px; font-weight:bold; padding:20px 0px 10px 0px} .litdownload-list ul li {background:url(/images/pdf-icon.gif) no-repeat; padding-left:20px; line-height:20px} .product-tabs{padding-top:40px;} .product-right{float:right; width:435px;} .product-description{font-weight:600; font-size:18px; padding-bottom:10px;} .none-sifr {font-size:14px} .product-color-picker{background:#8d8e6a url(images/color-picker-bg.gif) no-repeat left top; width:385px; padding:20px 20px 15px 27px; position:relative;} .product-color-gallery{width:459px; margin-bottom:35px; height:319px; position:relative; z-index:50;} .product-color-gallery-image{z-index: 150; position:absolute; left:-66px; top:0px; display:block; padding:0px 5px 5px 0px; background:url(images/bg-product-flash-image.png) no-repeat left top;} .product-large-image{z-index:100; position:absolute; left:-66px; top:0px; display:block; padding:0px 5px 5px 0px; background:url(images/bg-product-flash-image-med.png) no-repeat left top;} .product-color-gallery-thumbs{position:absolute; bottom:-16px; left:-77px; z-index:200;} .gallery-thumb-wrapper{float:left; margin-right:5px; padding:0px 5px 5px 0px; background:url(images/bg-product-flash-thumb.png) no-repeat left top;} .product-color-gallery-thumb{position:relative; z-index:15; cursor:pointer; border:2px solid #fff; width:42px; height:31px; display:block;} .active-thumb{border:2px solid #ffe867;} .active-color{color:#fff; font-weight:600; padding:5px 0px;} .note-change-swatch{color:#fff; font-weight:600; font-size:11px; font-family:Arial; display:block; margin-bottom:10px; position:relative; z-index:10;} .note-change-swatch a{color:#fff; font-size:11px;} .product-info-buttons{} .product-info-buttons .product-info-item{margin-bottom:5px;} .product-info-item .button-item{float:left; position:relative; z-index:11;} .product-info-item .combo-box{float:right; position:relative; z-index:12; margin-top:8px; width:178px; font-size:11px; padding:2px 0px 2px 2px; border:1px solid #9c9c9c;} .product-create-retreat{background-color:#e7bd64; width:350px; padding:28px 44px 25px 38px;} .product-create-retreat ul{margin-top:15px;} .product-create-retreat ul li{padding:0px 0px 15px 30px; font-size:14px; background-image:none;} .product-create-retreat ul li a{font-size:14px; font-weight:600;} .product-create-retreat ul li.one{background:url(images/number-bullet-white-1.gif) no-repeat left top;} .product-create-retreat ul li.two{background:url(images/number-bullet-white-2.gif) no-repeat left top;} .product-create-retreat ul li.three{background:url(images/number-bullet-white-3.gif) no-repeat left top;} .quiz-splash{background:#8d8e6a url(images/color-picker-bg.gif) no-repeat left top; width:399px; height:193px; position:relative;} .quiz-splash-color-wheal{position:absolute; left:-15px; top:-5px; z-index:5;} .quiz-splash-side-swirl{position:absolute; text-align:right; left:0px; top:0px; width:399px; height:193px; z-index:4; overflow:hidden;} .quiz-splash-side-swirl-image{position:relative; top:-100px; right:-80px;} .quiz-splash-content{position:absolute; right:0px; top:0px; z-index:7;} .quiz-splash-content-text{position:absolute; right:75px; top:40px; z-index:8;} .quiz-splash-content-logs{position:absolute; right:0px; top:20px; z-index:8;} .quiz-splash-content-button{position:absolute; right:0px; top:130px; z-index:9;} .locator-box{border:1px solid #e0e0e0; float:left; width:277px; height:285px; padding:20px 0px 30px 25px;} .locator-spotlight-box{padding: 15px;} .locator-results .contractor-results {width: 500px;} .locator-results .tooltip-hyperlink { margin-left: 5px; position: relative; top: 3px; cursor: help; } .affiliated-contractors .locator-results .contractor-results {width: auto;} .affiliated-contractors {border: 1px solid #e0e0e0; margin: 20px; padding: 10px; min-height: 438px;} .customer-testimonials {border: 1px solid #e0e0e0; margin: 20px; padding: 10px; min-height: 438px;} .customer-testimonials .customer-testimonial { margin-bottom: 15px; } .customer-testimonial .testimonial-name { font-size: 10px; } .locator-results .contractor-results .full-record {width: 250px;} .locator-results .classification-images {width: 40px; float: left; margin-right: 8px;} .locator-results .number {width: 18px; float: left; margin-right: 8px;} .mapMarkerInfo .number {display: none;} .locator-results .record {width: 170px; float: left;} .locator-results .collapsed .recordContent{display: none;} .locator-results .collapsed .additional-info{display: none;} .locator-results .expanded .record{background-color: #e0e0e0; padding-top: 2px;} .locator-results .expanded .recordContent{display: block; padding: 0 5px;} .locator-results .expanded .additional-info{display: block; background-color: #eeeeee; font-size: 10px; padding: 5px 5px;} .locator-results .expanded .locationName{font-weight: bold; padding: 0 5px;} .locator-results .expanded .location-distance{padding: 0 5px;} .locator-results .email, .mapMarkerInfo .email {float: left; width: 60px; margin-top: 3px;} .locator-results .website, .mapMarkerInfo .website {float: left; width: 70px;} .locator-results .email a, .locator-results .website a, .mapMarkerInfo .email a, .mapMarkerInfo .website a {text-decoration: none; color: #000000;} .locator-results .email .emailText, .mapMarkerInfo .email .emailText {margin-left: 5px;} .locator-results .website .websiteText, .mapMarkerInfo .website .websiteText{margin-left: 5px;position: relative; top: -3px;} .locator-results .social-media {} .locator-results .social-media .social-media-link { margin-right: 5px; } .locator-results .additional-info a { color: #2e739c; display: block; margin-bottom: 5px; } .locator-results .locator-header {font-weight: bold;} .locator-results .locator-left-column {float: left; width: 210px; margin-right: 10px;} .locator-results .locator-right-column {float: left; width: 210px;} .locator-results .locator-closest-results {padding: 25px; border: 1px solid #e0e0e0; overflow: hidden;} .locator-results .locator-main-results{margin-top: 30px; margin-left: 25px;} .locator-results .locator-other-results{margin-top: 30px;} .locator-results .locator-row{padding: 7px 0px 7px 0px;} .locator-results .locator-closest-results .locator-row{margin: 7px 0px 0px 0px;} .locator-results .premier-dealers {background-color:#fff7cf; padding: 10px; border: 1px solid #e0e0e0; overflow: hidden;} #yahooMap {width: 500px;} #dealerRegIntro ul {margin:0px} #dealerRegIntro ul li {line-height:10px; margin:0px} .mapMarkerInfo{padding: 5px; width: 120px; font-size: 9px;} .mapMarkerLabel{cursor: pointer; width: 18px;} .watermark{color:#232323; font-size:8px} #installation_container a {font-size:11px;} .technical-resources ul {float: left; width: 250px; margin-right: 30px;} .dp-choose-date{position:relative; top:-15px} .nadra { margin-top: 5px; } .faq-container-q h2 {font-size:14px; font-weight:bold; color:#8D8E6A; margin:15px 0px 5px 0px;} .faq-container-q ul {line-height:10px; padding:0px} .faq-container-a {width:800px; margin-top: 20px;} .faq-container-a ul li {background:none; padding:0px 0px 20px 0px;} .anchorFAQQuestion {color:#4B4A4A; font-weight:bold; cursor:auto;} .faq-container-a .top {color:#ba853f; font-weight:normal; cursor:pointer} .contact-us {width: 510px;} .contact-us .fieldLabel {display: block; margin-bottom: 3px;} .contact-us .text-box {width: 200px;} .contact-us .country .text-box{width: 130px;} .contact-us .state select{width: 60px;} .contact-us .question .text-box{width: 410px; height: 80px;} .warranty-registration .fieldLabel {display: block; margin-bottom: 3px;} .warranty-registration .text-box {width: 200px;} .warranty-registration .country .text-box, .warranty-registration .purchaseDate .text-box{width: 80px;} .warranty-registration .postalCode .text-box{width: 130px;} .warranty-registration .state select{width: 60px;} .warranty-registration .checkbox input{margin: 5px 5px 5px 0px;} .warranty-registration .productCategoryList .category, .warranty-claims .productCategoryList .category{width: 50px;} .warranty-registration .productCategoryList .checkbox td, .warranty-claims .productCategoryList .checkbox td{width: 125px;} .warranty-registration .demographic-information .text-box{height: 22px; width: 22px; padding: 3px 0px 0px 3px;} .warranty-registration .radioButton input{margin-left: 0px;} .warranty-registration .demographic-information .radioButton label{margin-right: 10px;} #warranty-success-message { padding: 25px; font-size: 14px; font-weight: bold; color: #4B4A4A; } .success #warranty-success-message { padding: 0; } .warranty-claims .fieldLabel {display: block; width: 150px; float: left;} .warranty-claims .text-box {margin-bottom: 5px; width: 230px;} .grayTable {float:left; border-bottom: 1px solid #e0e0e0; width:630px;} .grayTable .grayTableHeader {padding: 10px; font-weight: bold; background-color: #f0f0f0;} .grayTable .grayTableRow {float:left; border-top: 1px solid #e0e0e0; padding: 10px; width:610px;} .grayTable .tradeShowLocation {width: 100px;} .grayTable .tradeShowStartDate, .grayTable .tradeShowEndDate{width: 80px;} .grayTable .tradeShowEventName {width: 410px;} .literature-request .fieldLabel {display: block; margin-bottom: 3px;} .literature-request .radioButton input{margin: 0px 6px 0px 0px;} .literature-request .radioButton label{margin: 0px 10px 0px 0px;} .submit-your-photos .fieldLabel {display: block; width: 200px; float: left;} .productSelectorColor li {float:left; list-style-type:none; background-image:none; position:relative;} .productSelectorColorName li {float:left; list-style-type:none; background-image:none; width:79px; text-align:center} .productSelectorResults li {list-style-type:none; background-image:none; font-weight:bold; padding-left:0px} .productSelectorResults li a {text-decoration:underline; padding-right:5px;} .productMatch {width:643px; background-color:#E7BD64; background-image:url('/images/ps-product-swirl.jpg'); background-position:right center; background-repeat:no-repeat; float:right; } .productMatch hr {color:#EDCE8B; background-color:#EDCE8B; padding:0px; margin:0px 0px 10px 0px} .productMatch h3 {font-size:14px; font-weight:bold; color:#4B4A4A; padding:15px 0px 0px 0px} .multimedia .left-content {float:left; width:640px;} .multimedia h2 {float:left; margin:5px 50px 0 0;} .multimedia .product {float:left; margin:0 8px 0 0; padding:0;} .multimedia .pager {padding:5px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;} .multimedia .pager-left {float:left; margin-top:3px;} .multimedia .pager-right {float:right;} .multimedia .pager-right .pages {margin-right:30px;} .multimedia .pager .go-to-page {float:right; margin-left:8px;} .multimedia .item {float:left; width:160px; height:200px; margin-bottom:30px;} .multimedia .item ul li {margin-left:3px;} .right-content-green {float:right; color:#fff; margin-left:25px; margin-bottom:25px;} .right-content-green .contact{background:#8d8e6a url(images/color-picker-bg.gif) no-repeat left top; width:250px; padding:20px 0px 30px 27px; position:relative;} .right-content-green a {position: relative; z-index: 6; color:#fff;} .news .item {margin-bottom: 10px;} .news .item .image {float:left; width:125px; margin-right:10px;} .news .item .image img{float: right;} .news .item .info {margin-left:135px;} .decklights-list{margin-top:20px;} .decklights-list p{padding:0px} .trim-container {float:left; border:1px solid #e0e0e0; width:400px; height:385px; padding:20px 0 0 20px; margin:0 25px 25px 0;} .trim-container .info {height:185px;} .trim-container .info li { line-height:12px; } .trim-container .colors li {float:left; width:50px; text-align:center; background:none; margin:0 10px 5px 0; padding:0;} .note {color:#de840a;} table.product {border:0;} table.product th {background-color:#f0f0f0; padding:5px 10px;} table.product td {padding:5px 10px; border-bottom:1px solid #f0f0f0;} .horizontal-aligned-list-item{display:-moz-inline-box; display:inline-block; vertical-align:top; padding-bottom:50px; word-wrap:break-word;} .replank-list-item{margin-top: 15px;} .replank-list-number{width: 12px; float: left; font-weight: bold;} .replank-list-text{width: 248px; float: left;} /******************************************************** Press Release styles ********************************************************/ /* Add Press Release */ .PRaddwindow .label { font-weight:bold; float:left; margin:8px 0px 8px 20px; width:100px; } .PRaddwindow .header { font-weight:bold; color: #FFFFFF; background-color: #679ebe; padding: 4px 4px 4px 4px; margin:8px 0px 8px 20px; width:485px } .PRaddwindow .dataentry { float:left; margin:8px 0px 8px 20px; vertical-align:bottom; } .PRaddwindow .button a{ text-decoration:none; border:0; color:inherit; } .PRaddwindow .buttontext { position:relative; bottom:7px; font-weight:bold; } .PReditfooter { padding:10px 10px 10px 10px; position:relative; } /* Details view */ .PRDheader { color: #FFFFFF; background-color: #679ebe; padding: 4px 4px 4px 4px; } .PRDfooter { color: #000000; padding-top: 10px; } .PRDdate { } .PRDtitle { font-weight:bold; font-size:16px; color:#ba853f; } .PRDsubtitle { font-style:italic; font-size:12px; } .PRDpublication { font-style:italic; font-weight:bold; } .PRDContact { } .PRDbody { } /******************************************************** form styles ********************************************************/ .locator-email .fieldLabel {display: block; margin-bottom: 3px;} .locator-email .text-box {width: 190px;} /******************************************************** footer styles ********************************************************/ #footer{background:transparent; margin:0px auto; margin:20px 0px 40px 0px; text-align:left; width:1000px; font-size:10px; color:#8d8e6a;} #footer ul li{display:inline; background-image:none; padding:0px;} #footer ul li a{padding:0px 5px;} .copyright{font-size:11px;} /******************************************************** spacers ********************************************************/ .margin5{margin:5px;} .margin10{margin:10px;} .margin15{margin:15px;} .margin20{margin:20px;} .margintop0{margin-top:0px;} .margintop5{margin-top:5px;} .margintop10{margin-top:10px;} .margintop15{margin-top:15px;} .margintop20{margin-top:20px;} .margintop30{margin-top:30px;} .margintop40{margin-top:40px;} .margintop100{margin-top: 100px;} .marginbottom5{margin-bottom:5px;} .marginbottom10{margin-bottom:10px;} .marginbottom15{margin-bottom:15px;} .marginbottom20{margin-bottom:20px;} .marginbottom30{margin-bottom:30px;} .marginbottom45{margin-bottom:45px;} .marginhor5{margin-left:5px; margin-right:5px;} .marginver5{margin-top:5px; margin-bottom:5px;} .marginhor10{margin-left:10px; margin-right:10px;} .marginver10{margin-top:10px; margin-bottom:10px;} .marginhor15{margin-left:15px; margin-right:15px;} .marginver15{margin-top:15px; margin-bottom:15px;} .marginhor20{margin-left:20px; margin-right:20px;} .marginver20{margin-top:20px; margin-bottom:20px;} .marginright5{margin-right:5px;} .marginright10{margin-right:10px;} .marginright15{margin-right:15px;} .marginright20{margin-right:20px;} .marginleft5{margin-left:5px;} .marginleft10{margin-left:10px;} .marginleft15{margin-left:15px;} .marginleft20{margin-left:20px;} .marginleft25{margin-left:25px;} .centermargin{margin-left:auto; margin-right:auto;} .no-margin{margin:0px;} .negativemargintop10{margin-top:-10px;} .negativemargintop15{margin-top:-15px;} .negativemargintop20{margin-top:-20px;} .negativemargintop25{margin-top:-25px;} .negativemargintop30{margin-top:-30px;} .negativemargintop35{margin-top:-35px;} .padding5{padding:5px;} .padding10{padding:10px;} .padding15{padding:15px;} .padding20{padding:20px;} .padding30{padding: 30px;} .paddingtop5{padding-top:5px;} .paddingtop10{padding-top:10px;} .paddingtop15{padding-top:15px;} .paddingtop20{padding-top:20px;} .paddingtop30{padding-top:30px;} .paddingtop35{padding-top:35px;} .paddingtop50{padding-top:50px;} .paddingtop120{padding-top:120px;} .paddingbottom5{padding-bottom:5px;} .paddingbottom10{padding-bottom:10px;} .paddingbottom15{padding-bottom:15px;} .paddingbottom20{padding-bottom:20px;} .paddinghor5{padding-left:5px; padding-right:5px;} .paddingver5{padding-top:5px; padding-bottom:5px;} .paddinghor10{padding-left:10px; padding-right:10px;} .paddingver10{padding-top:10px; padding-bottom:10px;} .paddinghor15{padding-left:15px; padding-right:15px;} .paddingver15{padding-top:15px; padding-bottom:15px;} .paddinghor20{padding-left:20px; padding-right:20px;} .paddingver20{padding-top:20px; padding-bottom:20px;} .paddinghor30{padding-left:30px; padding-right:30px;} .paddingright5{padding-right:5px;} .paddingright10{padding-right:10px;} .paddingright15{padding-right:15px;} .paddingright20{padding-right:20px;} .paddingright25{padding-right:25px;} .paddingright30{padding-right:30px;} .paddingright45{padding-right:45px;} .paddingright75{padding-right:75px;} .paddingleft5{padding-left:5px;} .paddingleft10{padding-left:10px;} .paddingleft15{padding-left:15px;} .paddingleft20{padding-left:20px;} .paddingleft25{padding-left:25px;} .paddingleft30{padding-left:30px;} .paddingleft45{padding-left:45px;} .no-padding{padding:0px;} /******************************************************** font styles ********************************************************/ .bold14 {font-size:14px; font-weight:bold} .yellow {color:#ba853f;} /******************************************************** global styles ********************************************************/ .underline{text-decoration:underline;} .bold{font-weight: bold;} .italic{font-style: italic;} .error{font-weight: bold; color: Red;} .success{font-weight: bold; color: Green;} .required{color: Red;} .textAlignCenter{text-align: center;} .clear-float{clear:both; height:0px; overflow:hidden;} .block-image{display:block;} .block-item{display:block;} .button{cursor:pointer; font-size:14px;} .small-links{font-size:10px; color:#8d8e6a;} .float-left{float:left;} .float-right{float:right;} .positiontop{position:relative; z-index:20;} .gold-text{color:#8d8e6a;} .text-box{border:1px solid #c6c6c6; font-size:14px;} .text-box-green{border:1px solid #a4b97f; font-size:14px;} .red{color:#d00000;} .clip{overflow:hidden;} .relative-position{position:relative;} .small-text{font-size:10px;} .white-text, .white-text a{color: #FFFFFF;} .big-gold{font-size:14px; font-weight:600; color:#8d8e6a;} .installation-header{font-size:14px; color:#8d8e6a; font-weight:bold;} .big-white{font-size: 14px; color: #FFFFFF;} .number-list li{padding-left:33px; padding-bottom:25px;} .number-list-one{background:url(images/number-list-one.gif) no-repeat left top;} .number-list-two{background:url(images/number-list-two.gif) no-repeat left top;} .number-list-three{background:url(images/number-list-three.gif) no-repeat left top;} .number-list-four{background:url(images/number-list-four.gif) no-repeat left top;} .number-list-five{background:url(images/number-list-five.gif) no-repeat left top;} .grey-border{border: 1px solid #e0e0e0;} .right-swirl{background:#8d8e6a url(images/color-picker-bg.gif) no-repeat left top; position:relative;} .yellowButton{background-color: #fefdef} .center{text-align:center;} .big-bold{font-weight:600; font-size:14px;} .green-background{background-color:#8d8e6a;} .green-side-splash{background:#8d8e6a url(images/color-picker-bg.gif) no-repeat left top; width:340px; padding:30px 35px 15px 30px;} .sifr-big-title{} .sifr-big-title-super{width:20px;} .sifr-small-title{margin-left:-50px;} .sifr-little-title-super{} .sifr-medium-title span{color:#d7d8cb; font-size:28px; font-weight:600;} .sifr-big-title span{color:#d7d8cb; font-size:42px; font-weight:600;} .sifr-big-title-super span{color:#d7d8cb; font-size:11px; font-weight:600; display:block; margin-top:5px;} .sifr-small-title span{color:#8d8e6a; font-size:19px; font-weight:600; position:relative; left:-20px;} .sifr-little-title-super span{color:#8d8e6a; font-size:11px; display:block; margin-top:-9px; font-weight:600; position:relative; left:-18px;} .sifr-big-title span img, .sifr-small-title span img{display:block;} .sifr-big-title-super span img{position:relative; top:-20px; right:-16px;} .input{border:1px solid #d5d5d5;} /******************************************************** jquery ui tab styles ********************************************************/ .ui-wrapper { border: 1px solid #e8e8e1; } .ui-wrapper input, .ui-wrapper textarea { border: 0; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen {.ui-tabs-hide {display: none;}} @media print {.ui-tabs-nav {display: none;}} .ui-tabs-nav, .ui-tabs-panel {font-size: 11px;} .ui-tabs-nav {list-style: none; margin:0px; padding:0px;} .ui-tabs-nav:after {display: block; clear: both; content: "";} .ui-tabs-nav li {float: left; margin: 0 0 0 5px; background-image:none; padding:0px;} .ui-tabs-nav li.first{margin-left:0px;} .ui-tabs-nav a, .ui-tabs-nav a span {float: left; padding: 0 12px; background: #e8e8e1;} .ui-tabs-nav a {margin: 0px 0 0; padding-left: 0; background-position: 100% 0; text-decoration:none; white-space:nowrap; outline: 0;} .ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #000;} .ui-tabs-nav .ui-tabs-selected a {border-right:1px solid #e8e8e1; border-left:1px solid #e8e8e1; border-top:1px solid #e8e8e1; z-index: 2; margin-top: 0;} .ui-tabs-nav a span {padding-top: 1px; padding-right: 0; height: 24px; background-position: 0 0; line-height: 24px;} .ui-tabs-nav .ui-tabs-selected a span {padding-top: 0; background-color:#fff; height: 24px; line-height: 24px;} .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor: text; background-color:#fff;} .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;} .ui-tabs-disabled {} .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {color: #000;} .ui-tabs-panel {border: 1px solid #e8e8e1; padding:20px 20px 50px 20px; background: #fff; } * html .ui-tabs-nav {display: inline-block;} *:first-child+html .ui-tabs-nav {display: inline-block;} /******************************************************************* List CMS popup style *******************************************************************/ .listStyle{margin:10px} .listHeader{ font-weight:bold; background-color:Black; color:White; padding: 4px 4px 4px 4px; } /******************************************************************* Default Page CMS Styles *******************************************************************/ #SGCMSform .row { margin:10px 0; clear: both; } #SGCMSform label { float: left; width: 100px; display: block; } #cmsContent { text-align: center; padding-top: 20px; } .cmsLogin { width: 300px; text-align: left; } /******************************************************************* Media Fact Sheet Styles *******************************************************************/ #media-fact-sheet img.title {display:block; float:none; padding-left:27px; margin: 20px 0;} #media-fact-sheet .sifr-big-title span {font-size:60px;} #media-fact-sheet .sifr-small-title span {color:#8d8e6a; font-size:19px; font-weight:600; position:relative; left:-10px;} #media-fact-sheet ul li {margin-top:0; padding-top:0;} #media-fact-sheet .section {float:left; width:466px; margin-right:18px; margin-bottom:20px; font-size:11px;} #media-fact-sheet .section .last {margin-right:0;} #media-fact-sheet .section h2 {position:relative; padding-top:12px; padding-left:24px; height:29px; background-color:#8d8e6a; color:#fff; font-size:14px; font-weight:normal;} #media-fact-sheet .section h2 img {position:absolute; top:0; left:0;} #media-fact-sheet .section .content {background:none; padding:10px 15px 0 15px; width:434px; height:280px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;} #media-fact-sheet .section .content img.main {float:right;} #media-fact-sheet .section .content .info {float:left; width:200px; margin-bottom:5px;} #media-fact-sheet .section .content .info.wide {width:235px;} #media-fact-sheet .section .content ul.images {list-style:none; margin-top:3px;} #media-fact-sheet .section .content ul.images li {background:none; display:inline; margin:0; padding:0;} #media-fact-sheet .booth-info {position:relative; margin-right:18px; margin-bottom:20px; padding-top:23px; padding-left:310px; height:33px; background-color:#e7bd64; color:#fff; font-size:11px; font-weight:normal;} #media-fact-sheet .booth-info img.text {position:absolute; top:21px; left:45px;} #media-fact-sheet .booth-info img.corner {position:absolute; top:0; left:0;} #media-fact-sheet .booth-info strong {float:left; margin-right:4px;} #media-fact-sheet .booth-info ul {list-style:none;} #media-fact-sheet .booth-info ul li {background:none; display:inline;} #media-fact-sheet .booth-info a {color:#fff;} /******************************************************************* New Product Landing Page *******************************************************************/ #product-landing { margin-right: 30px; } #product-landing .padded-box { padding: 15px; border: 1px solid #E0E0E0; } #product-landing #featured-image { float: left; width: 614px; margin-right: 30px; } #product-landing #featured-product { font-size: 16px; float: left; width: 245px; } #product-landing .featured-product-image { display: block; margin: 15px 0 30px 0; } #product-landing #featured-product-title { margin-bottom: 10px; font-weight: bold; } #product-landing #featured-product-description { margin-bottom: 20px; } #product-landing .featured-product-landing-link { font-size: 16px; } #product-landing .featured-product-landing-link span { text-decoration: underline; float: left; } #product-landing .featured-product-landing-link img { float: left; } #product-landing .product-landing-link { text-decoration: none; } #product-landing .product-landing-link span { text-decoration: underline; } #product-landing #product-pages { float: left; width: 630px; } #product-landing .product-page-row { margin-bottom: 15px; } #product-landing .product-page { float: left; } #product-landing .product-page-container { width: 169px; } #product-landing .product-page-image { display: block; margin-bottom: 8px; } #product-landing .product-page-container-content { width: 140px; margin-top: 3px; float: left; } #product-landing .product-page-description { margin-top: 5px; } #product-landing .product-page-container-image { text-decoration: none; float: right; } #product-landing .product-page-separator { float: left; width: 12px; } #product-landing #product-tools { float: right; width: 270px; background-color: #eeeeee; } #product-landing .product-tools-header { display: block; margin-bottom: 15px; } #product-landing .product-tools-image { float:left; border: 1px solid #E0E0E0; margin-bottom: 15px; } #product-landing .product-tools-content { float: left; width: 125px; margin-left: 10px; } #product-landing .big-brown { font-size: 14px; font-weight: bold; color: #ba853e; } /******************************************************************* Home Page Styles *******************************************************************/ #home-content { position: relative; } #home-content-inner { padding: 20px 15px; } #home-content #home-tools { float: left; background-color: #eeeeee; border: 1px solid #e2e2e2; padding: 20px 0 0 25px; width: 740px; height: 215px; } #home-content #product-tools { margin-bottom: 10px; } #home-content .product-tools-image { display: block; margin-bottom: 10px; } #home-content .product-tool { float: left; margin-right: 20px; width: 162px; } #home-content .product-tool-go { float: right; } #home-content #replace-your-deck, #home-content #product-review, #home-content #ge-money { float: right; border: 1px solid #e2e2e2; padding: 20px 10px; width: 164px; height: 195px; } #home-content #ge-money { color: #fff; background-color: #245a93; } #home-content .replace-your-deck-image, #home-content .product-review-image, #home-content .ge-money-image { display: block; margin-bottom: 10px; } #home-content #replace-your-deck-content, #home-content #product-review-content, #home-content #ge-money-content { width: 164px; } #home-content .ge-money-text { position: relative; left: 5px; } #home-content .ge-money-header { position: relative; left: 5px; display: block; margin-bottom: 10px; } #home-content #earthwood-evolutions-callout { float: right; width: 185px; height: 237px; } #home-content .earthwood-evolutions-link { position: relative; display: block; text-decoration: none; } #home-content #earthwood-evolutions-callout-text { left: 17px; top: 170px; color: #fff; position: absolute; cursor: pointer; } #home-content #facebook-callout { float: right; width: 185px; height: 237px; } #home-content .facebook-link { position: relative; display: block; text-decoration: none; } #home-content #right-callout { float: right; width: 185px; height: 237px; } #home-content #right-callout a { position: relative; display: block; } #home-content #right-callout #backyard-evolution-callout-image { display: none; position: absolute; top: 0px; right: 0px; } #home-content #right-callout #backyard-evolution-learn-more { margin-left: 1px; } #home-content .big-brown { font-size: 14px; font-weight: bold; color: #ba853e; display: block; } #home-content #home-images { margin-top: 10px; width: 480px; float: left; } #home-content .home-image { margin-right: 15px; margin-bottom: 15px; float: left; } #home-content .home-image-last { margin-right: 0; } #home-content #home-gradient { position:absolute; left:0; top:0; z-index:55; } #home-flash { height: 399px; margin-bottom: 3px; width: 998px; position: relative; overflow:hidden; background: url("/images/intro-background.jpg") no-repeat scroll 0 0 transparent; } /******************************************************** Create PDF Page ********************************************************/ #create-pdf {font-size:12px; color:#000;} #create-pdf .logo {float:left; margin-right:20px; margin-top:85px;} #create-pdf .section-highlight {float:left; width:664px; margin-bottom:5px;} #create-pdf .section-highlight #content {padding:10px 30px; border-left:1px solid #679ebe; border-right:1px solid #679ebe;} #create-pdf .section-highlight #content ol {list-style:none; margin:8px 0 0 0; padding:0;} #create-pdf .section-highlight #content li.one {background:url(../images/create-pdf-1.gif) no-repeat; padding:2px 0 5px 25px;} #create-pdf .section-highlight #content li.two {background:url(../images/create-pdf-2.gif) no-repeat; padding:2px 0 5px 25px;} #create-pdf .section-highlight #content li.three {background:url(../images/create-pdf-3.gif) no-repeat; padding:2px 0 5px 25px;} #create-pdf p#note {padding:15px 0 0 48px; font-size:11px;} #color-visualizer #loading { display: none; } #modalPop .pdf-content { text-align: center; font-size: 18px; padding: 25px; } #modalPop .pdf-content .download-pdf { margin-top: 15px; } /******************************************************** Deck Plans ********************************************************/ #deck-plans > li {background-image:none; margin-bottom:10px; float: left; width: 300px;} #deck-plans img {float:left; margin-right:10px;} #deck-plans > li ul {float:left; padding-top:30px;} #deck-plans > li ul li {padding-top:0; padding-bottom:0; float: none;} /******************************************************** Product Selector Next Steps ********************************************************/ #next-steps {background-color:#eeeeee; border:1px solid #e2e2e2; padding:10px; width:290px; margin-top:30px;} #next-steps ul li {margin-left:0; padding-left:0;} #next-steps ul li {background-image:none; float:left; width:150px;} #next-steps ul li.last {width:120px;} #next-steps ul li img {float:left; margin-right:5px;} #left-main-section { width: 787px; background-color: black; float:left; height: 399px; overflow: hidden; z-index: 1; display: none; position: absolute; top: 0px; left: 0px; } #right-main-section { width: 211px; background-image: url('/images/bg_sidebar.jpg'); background-repeat: no-repeat; height: 399px; float: right; z-index: 10; display: none; position: absolute; top: 0px; left: 787px; } .right-main-menu { margin-left:-9px; margin-top:50px; overflow:hidden; } .right-main-menu li { list-style-type: none; background: none; line-height: 52px; letter-spacing:1px; } .right-main-menu li a { font-family: Arial; font-size: 16px !important; color: #F0F0F0 !important; font-weight: bold; text-decoration: none; margin-left: 0px; padding-left: 45px; padding-right: 67px; padding-top: 19px; padding-bottom: 19px; } .right-main-menu li a:hover { background:url("/images/arrow_highlite.gif") no-repeat scroll 8px 20px #adaf87 ; } .selected-item-flash { background:url("/images/arrow_highlite.gif") no-repeat scroll 8px 20px #adaf87 !important; } .main-container { display: none; background-color: Black; width: 787px; height: 399px; text-align: right; } #img-decking { background-image: url("/images/ReliaBoard.jpg"); } #img-railing { background-image: url("/images/RadianceRail.jpg"); } #img-lighting { background-image: url("/images/DeckLites.jpg"); } #img-fencing { background-image: url("/images/FenceScape.jpg"); } #img-dryspace { background-image: url("/images/DrySpace.jpg"); } .main-container-img { display: none; width: 787px; height: 399px; } .main-container-overlay { position: relative; width: 0px; height: 102px; top: 272px; left: 787px; background-image: url(/images/overlay-pixel.png); background-repeat: repeat; overflow: hidden; } #p-main-onload { text-align: left; font-size: 20px; font-weight: bold; color: #F0F0F0; padding-left: 210px; padding-top: 50px; display: none; } .main-container-overlay-p { padding-left: 40px; display: none; text-align:left; color: #F0F0F0; padding-top: 10px; font-size: 11pt; } .overlay-h2 { font-size: 14pt !important; color: #EEFFEE !important; } #site-intro-background { background: url("/images/intro-background.jpg") no-repeat scroll 0 0 transparent; height: 399px; width: 998px; display: none; filter: inherit; position: relative; overflow: hidden; } #site-intro { background: url("/images/intro-background.jpg") no-repeat scroll 0 0 transparent; height: 399px; width: 998px; display: none; filter: inherit; position: relative; overflow: hidden; top: 0px; left: 0px; } #intro1{display: none; left: 10px; position: absolute; top: 70px;} #intro2{display: none; position: absolute; top: 10px; left: 335px;} #intro3{display: none; position: absolute; top: 64px; left: 665px;} #intro-text { display:none; position: absolute; top: 65px; left: 146px;} #slideshow-intro { background: url("/images/slider/ReliaBoard.jpg") no-repeat scroll 0 0 transparent; height: 399px; width: 787px; display: none; filter: inherit; position: relative; } .new-slide { height: 399px; width: 787px; display: none; filter: inherit; position: relative; } #reliaboard { background: url("/images/slider/ReliaBoard.jpg") no-repeat scroll 0 0 transparent; } #xlm { background: url("/images/slider/XLM.jpg") no-repeat scroll 0 0 transparent; } #earthwood { background: url("/images/slider/Earthwood.jpg") no-repeat scroll 0 0 transparent; } #twinfinish { background: url("/images/slider/twinfinish.jpg") no-repeat scroll 0 0 transparent; } #floorizon { background: url("/images/slider/floorizon.jpg") no-repeat scroll 0 0 transparent; } #docksider { background: url("/images/slider/docksider.jpg") no-repeat scroll 0 0 transparent; } #radiancerail { background: url("/images/slider/radiancerail.jpg") no-repeat scroll 0 0 transparent; } #radiancerail-express { background: url("/images/slider/radiancerail-express.jpg") no-repeat scroll 0 0 transparent; } #ornamental { background: url("/images/slider/Ornamental-Rail.jpg") no-repeat scroll 0 0 transparent; } #builderrail { background: url("/images/slider/BuilderRail.jpg") no-repeat scroll 0 0 transparent; } #decklites { background: url("/images/slider/DeckLites.jpg") no-repeat scroll 0 0 transparent; } #fencescape { background: url("/images/slider/FenceScape.jpg") no-repeat scroll 0 0 transparent; } #dryspace { background: url("/images/slider/DrySpace.jpg") no-repeat scroll 0 0 transparent; } #earthwood-evolution { background: url("/images/slider/earthwood-evolutions.jpg") no-repeat scroll 0 0 transparent; } .new-slide-content { position: relative; width: 747px; height: 102px; top: 272px; left: 0px; background-image: url(/images/overlay-pixel.png); background-repeat: repeat; overflow: hidden; padding: 10px 20px; } .new-slide-content p { color: #F0F0F0; font-size: 11pt; width: 70%; } .new-slide-header { font-size: 16px; font-weight: bold; color: #F0F0F0; margin-bottom: 4px; } .new-slide-overlay { left: 622px; padding-top: 0; position: absolute; text-align: left; top: 74px; visibility: visible; } .new-arrow-left { left: 20px; position: absolute; top: 90px; z-index: 10; display: none; } .new-arrow-right { left: 740px; position: absolute; top: 90px; z-index: 10; display: none; } .new-slideshow-buttons { height: 20px; left: 629px; position: absolute; top: 278px; width: 145px; z-index: 10; display: none; } .slideshow-button { color: #aaa49f; border: 0px; background: #010101; width: 16px; height: 15px; margin:2px; font-weight: bold; font-size: 7pt; padding-bottom:2px; border: solid 1px #aaa49f; } .slideshow-button-active { color: #F0F0F0; border: 0px; background: #010101; width: 16px; height: 15px; margin:2px; font-weight: bold; font-size: 7pt; padding-bottom:2px; border: solid 1px #F0F0F0; } #how-to-mix-and-match { font-weight: bold; margin-bottom: 20px; } #how-to-mix-and-match .mix-and-match-new { float: left; margin-right: 10px; } #mix-and-match { width: 618px; font-size: 12px; padding: 20px; } #mix-and-match #mix-and-match-header { font-weight: bold; font-size: 22px; margin-bottom: 30px; } #mix-and-match #mix-and-match-content { margin-left: 20px; } #mix-and-match-content #mix-and-match-text { margin: 35px 0 25px 0; font-weight: bold; } #mix-and-match-content .mix-and-match-step { margin-bottom: 10px; } #mix-and-match-content .mix-and-match-step-image { float: left; margin-right: 10px; } #mix-and-match-content .mix-and-match-step-text { position: relative; top: 3px; } #irresistible-app { position: relative; margin: 0 auto; padding: 0; margin: 0; } #irresistible-app #irresistible-app-text { position: absolute; width: 245px; top: 60px; left: 0px; font-size: 15px; } #irresistible-app-text #irresistible-app-disclaimer { font-size: 10px; width: 230px; } #irresistible-no-like { position: relative; } #irresistible-no-like #irresistible-no-like-text { position: absolute; width: 245px; top: 60px; left: 0px; font-size: 15px; } #irresistible-no-like-text #irresistible-no-like-disclaimer { font-size: 10px; width: 230px; } #irresistible-form .header-image { display: block; margin-bottom: 20px; } #irresistible-form h2 { font-size: 14px; font-weight: bold; margin: 0 0 15px 0; padding: 0; } #irresistible-form { font-size: 12px; } #irresistible-form .form-item { float: left; width: 230px; margin-bottom: 15px; } #irresistible-form .form-label { display: block; margin-bottom: 3px; } #irresistible-form .form-field .textbox { font-size: 20px; width: 215px; } #irresistible-form .full-item, #irresistible-form .full-item .textbox { width: 445px; } #irresistible-form .state { width: 90px; } #irresistible-form .state select { width: 75px; font-size: 20px; } #irresistible-form .zip { width: 125px; } #irresistible-form .zip .textbox { width: 125px; } #irresistible-form #optional-information .form-item { width: auto; float: none; margin-bottom: 10px; } #irresistible-form #optional-information .form-label { font-weight: bold; } #irresistible-form .inline-label { display: inline; } #irresistible-form .radio-button { margin: 0; padding: 0; } #irresistible-form .radio-text { position: relative; top: -2px; margin-right: 10px; margin-left: 3px; } #irresistible-form #submit-container { margin: 30px 0; } #irresistible-form #submit-container #required-text { position: relative; left: 15px; bottom: 15px; } #irresistible-form #validation-errors {display:none; padding: 10px 20px; border: 1px dashed red; color: Red; width: 405px; margin-bottom: 10px; } #irresistible-app #success-message { display: none; font-size: 12px; } #irresistible-app #success-message a { text-decoration: underline; } #irresistible-app #success-text { margin: 20px 0; } #irresistible-app #link-table { width: 470px; margin-bottom: 40px; } #irresistible-app #link-table td.image-cell { width: 75px; vertical-align: top; } #irresistible-app #link-table td.text-cell { vertical-align: middle; font-size: 12px; } #irresistible-app #link-table tr.spacer-row td { height: 20px; } #irresistible-app #link-table .text-header { font-weight: bold; } #irresistible-app #success-footer { padding: 20px; background-color: #679ebe; } #irresistible-app #success-footer-text a { color: #ffffff; } #irresistible-app #success-footer-text { color: #ffffff; width: 450px; background-color: #679ebe; } #irresistible-app #success-footer-title { font-size: 14px; font-weight: bold; color: #ffc854; } #home-bottom-right { width: 481px; margin-top: 10px; float: right; } #blog-entries { width: 450px; margin-top: 10px; padding: 20px 0 0 30px; background-color: #edf3f7; height: 112px; } #blog-entries .blog-title { margin-bottom: 15px; display: block; } #blog-entries .blog-row { margin-bottom: 10px; } #blog-entries .blog-item { float: left; width: 225px; } #blog-entries .blog-image { float: left; margin-right: 10px; } #blog-entries .blog-text { float: left; width: 130px; margin-top: 3px; font-size: 11px; } #blog-entries .blog-text a { font-size: 12px; font-weight: bold; text-decoration: none; display: block; } #my-backyard-evolution { } #my-backyard-evolution h1 { color: #7a7b52; font-size: 25px; font-weight: normal; margin-bottom: 15px; } #my-backyard-evolution h2 { color: #000; font-size: 14px; } #my-backyard-evolution #back-to-contest-top { text-align: right; font-weight: bold; font-size: 14px; margin-bottom: 10px; } #my-backyard-evolution #back-to-contest-bottom { font-weight: bold; font-size: 14px; margin-top: 40px; } #my-backyard-evolution #my-backyard-evolution-content { width: 840px; } #my-backyard-evolution #my-backyard-evolution-interior { width: 755px; } #my-backyard-evolution #deck-chef-photo { float: right; margin-left: 40px; } #my-backyard-evolution #my-backyard-evolution-header { float: right; width: 972px; position: relative; height: 217px; margin-bottom: 45px; } #my-backyard-evolution-header .watch-video { position: absolute; right: 50px; top: 45px; } #my-backyard-evolution-header .upload-now { position: absolute; left: 20px; bottom: 15px; } #my-backyard-evolution-header .about-the-deck-chef { position: absolute; bottom: 0px; left: 467px; } #my-backyard-evolution-header .contest-info { position: absolute; bottom: 0px; left: 639px; } #my-backyard-evolution-header .contest-rules { position: absolute; bottom: 0px; left: 820px; } #my-backyard-evolution #my-backyard-evolution-photos { float: left; width: 513px; } #my-backyard-evolution-photos h1 { } #my-backyard-evolution-photos #search-photos { margin-bottom: 25px; background-color: #e6bc65; } #search-photos img { display: block; } #search-photos #search-photos-text { float: left; margin-top: 4px; color: #666743; font-weight: bold; font-size: 14px; width: 70px; margin-left: 15px; text-transform: uppercase; } #search-photos .search-photos-textbox { float: left; width: 325px; margin-right: 10px; } #search-photos .search-photos-button { float: left; width: 75px; } #my-backyard-evolution #my-backyard-evolution-recipe { font-size: 12px; position: relative; } #my-backyard-evolution #my-backyard-evolution-recipe #share-links { position: absolute; right: 30px; top: 0px; } #my-backyard-evolution #my-backyard-evolution-recipe #share-links a { color: #8d8e6a; text-decoration: none; font-weight: bold; margin-right: 10px; } #my-backyard-evolution #my-backyard-evolution-recipe #share-links .link-text { position: relative; top: -4px; } #my-backyard-evolution #my-backyard-evolution-recipe-content { float: left; width: 590px; padding-bottom: 40px; } #my-backyard-evolution #my-backyard-evolution-recipe-header { margin-bottom: 20px; width: 525px; } #my-backyard-evolution #my-backyard-evolution-recipe-header h1 { margin: 0; padding: 0; } #my-backyard-evolution #my-backyard-evolution-recipe-author { font-style: italic; } #my-backyard-evolution #my-backyard-evolution-form { width: 360px; float: right; height: 100%; } #my-backyard-evolution #my-backyard-evolution-form-text { margin-bottom: 30px; padding-right: 40px; font-size: 12px; } #my-backyard-evolution #my-backyard-evolution-form-interior { background-color: #8d8e6a; position: relative; } #my-backyard-evolution #my-backyard-evolution-form-interior ul li { background-image:url(images/white-bullet.gif); } #my-backyard-evolution #my-backyard-evolution-form-interior a { color: #fff; } #my-backyard-evolution-form .top-left-corner { position: absolute; top: 0px; left: 0px; } #my-backyard-evolution-form #my-backyard-evolution-form-content { padding: 20px 30px 80px 30px; color: #fff; } #my-backyard-evolution-form-content .headline { font-size: 18px; font-weight: bold; margin-bottom: 10px; } #my-backyard-evolution-form-content .form-row { float: left; width: 190px; margin-bottom: 7px; display: block; } #my-backyard-evolution-form-content .form-label { display: block; margin-bottom: 3px; } #my-backyard-evolution-form-content .required { color: #fff226; } #my-backyard-evolution-form-content .form-field .textbox, #my-backyard-evolution-form-content .form-field select { width: 175px; font-size: 16px; } #my-backyard-evolution-form-content a { color: #f9d487; } #my-backyard-evolution-form-content .section { margin-bottom: 20px; } #my-backyard-evolution-form-content .section-title { color: #f9d487; font-weight: bold; } #my-backyard-evolution-form-content #deck-location { font-weight: bold; margin-bottom: 7px; } #my-backyard-evolution-form-content #deck-story textarea { width: 365px; height: 105px; } #my-backyard-evolution-form-content #deck-title .textbox { width: 230px; } #my-backyard-evolution-form-content .photo-upload input { font-size: 16px; } #my-backyard-evolution-form-content #state select { width: 70px; } #my-backyard-evolution-form-content #company .textbox { width: 365px; } #my-backyard-evolution-form-content #contractor-information { display: none; } #my-backyard-evolution-form-content #terms-text { color: Red; display: none; } #my-backyard-evolution-form-content #success-message { font-size: 14px; font-weight: bold; padding-right: 25px; } #my-backyard-evolution-form-content a.tooltip-hyperlink { text-decoration: none; cursor: help; margin-left: 10px; } #my-backyard-evolution-form-content a.tooltip-hyperlink .tooltip-text { text-decoration: underline; } #my-backyard-evolution-form-content .info-bubble { margin-left: 5px; position: relative; top: 3px; } #my-backyard-evolution #invalid-parameters { font-size: 13px; font-weight: bold; margin-bottom: 20px; } #my-backyard-evolution #deck-story-header { position: relative; margin-bottom: 25px; } #my-backyard-evolution #deck-story-header #share-links { position: absolute; left: 320px; bottom: 0px; } #my-backyard-evolution #deck-story-header #share-text { margin-right: 10px; font-weight: bold; position: relative; top: -3px; } #my-backyard-evolution #deck-story-header #rating { position: absolute; right: 0px; bottom: 0px; text-transform: uppercase; font-size: 11px; font-weight: bold; width: 250px; } #my-backyard-evolution #deck-story-header .rate-it-text { float: left; width: 100px; margin-right: 15px; } #my-backyard-evolution #deck-story-header .rating-stars { margin-right: 20px; } #my-backyard-evolution #deck-story-header .rating-stars img { padding-right: 5px; } #my-backyard-evolution #deck-story-photos { margin-bottom: 15px; } #my-backyard-evolution #deck-story-photos .before-photo { float: left; width: 400px; } #my-backyard-evolution #deck-story-photos .after-photo { float: left; width: 375px; } #my-backyard-evolution #deck-story-photos .photo-caption { margin-top: 7px; margin-bottom: 10px; font-size: 15px; font-weight: bold; display: block; } #my-backyard-evolution .back-to-thumbnails { font-weight: bold; font-size: 14px; display: block; margin-bottom: 25px; } #my-backyard-evolution #deck-story { margin-bottom: 50px; } #my-backyard-evolution #deck-story #deck-story-title { color: #7a7b52; font-size: 15px; font-weight: bold; margin-bottom: 15px; } #my-backyard-evolution #my-rating img { cursor: pointer; padding-right: 5px; } #my-backyard-evolution .search-results { width: 520px; margin-bottom: 50px; } #my-backyard-evolution .search-header { position: relative; font-size: 14px; font-weight: bold; color: #7a7b52; margin-bottom: 10px; } #my-backyard-evolution .search-header a { font-size: 11px; position: absolute; right: 15px; top: 0px; } #my-backyard-evolution .search-row { margin-bottom: 20px; } #my-backyard-evolution .search-item { float: left; width: 115px; margin-right: 15px; } #my-backyard-evolution .search-image { margin-bottom: 10px; } #my-backyard-evolution .search-text { font-weight: bold; color: #ba853e; margin-bottom: 10px; } #my-backyard-evolution .search-rating-stars { float: left; } #my-backyard-evolution .search-rating-stars img { padding-right: 2px; } #my-backyard-evolution .vote-button { float: right; } #deck-story-page #my-backyard-evolution-content { width: 775px; } #deck-story-page-facebook #my-backyard-evolution-content { width: 725px; } #deck-story-page-facebook .facebook-tab #my-backyard-evolution-content { width: 500px; } #deck-story-page-facebook #deck-story-photos .before-photo { width: 375px; } #deck-story-page-facebook #deck-story-photos .after-photo { width: 350px; } #deck-story-page-facebook #deck-story-header #share-links { left: 250px; } #deck-story-page-facebook .facebook-tab #deck-story-header #share-links { left: 120px; } #my-backyard-evolution #rating-error { margin-bottom: 20px; display: none; } #SearchResults #ResultsListing{float:left; font-size:11px;} #SearchResults #LivePersonButton{float:left;} #LivePersonPopup {} #LivePersonPopup #container{margin:25px 0px 0px 25px;} #LivePersonPopup #container #header {width:375px; height:35px; border-bottom:solid 1px #bdbda9;} #LivePersonPopup #container #button {width:375px; margin-top:25px;} #LivePersonPopup #container #contact {width:375px; height:50px; margin-top:20px;} #LivePersonPopup #container #contact #envelope{float:left; width:38px;} #LivePersonPopup #container #contact #copy{float:left; font-size:12px; margin-left:10px;} #LivePersonPopup #container #contact #arrow{float:left; width:38px; margin-left:5px;} #backyard-evolution-winners { } #backyard-evolution-winners-content { width: 675px; position: relative; font-size: 12px; margin: 25px; } #backyard-evolution-winners-content .headline { display: block; margin-bottom: 20px; } #backyard-evolution-winners-content .headshot { display: block; margin-bottom: 15px; } #backyard-evolution-winners-content #backyard-evolution-winners-text { margin-bottom: 20px; width: 280px; } #backyard-evolution-winners-content #backyard-evolution-winners-quote { width: 555px; } #backyard-evolution-winners-content .winner-photo { position: absolute; text-align: right; } #backyard-evolution-winners-content .winner-photo img { display: block; margin-bottom: 10px; } #backyard-evolution-winners-content #after-photo { width: 282px; right: 90px; top: 90px; } #backyard-evolution-winners-content #before-photo { width: 159px; right: 0px; top: 25px; } #backyard-evolution-winners-content .winner-photo-text { font-weight: bold; } .contractor-results .gold { background-color: #fff7cf; border: solid 1px #e7bd64; padding: 5px 9px; position: relative; left: -5px; } .contractor-results .gold .full-record { width: 240px; } .landing-new-products .page-wrap { width: 1000px; margin: 0 auto; } /*header*/ .landing-new-products .header { height: 118px; position: relative } .landing-new-products #logo {} .landing-new-products #logo img { display: block; float: left; margin: 27px; } .landing-new-products .social { position: absolute; right: 40px; bottom: 20px; font-size: 12px; width: 120px; } .landing-new-products .social a { } .landing-new-products .social img { display: block; position: absolute; bottom: 0; right: 0; } .landing-new-products .social img.facebook { right: 30px; } /*content*/ .landing-new-products #reasons { background: url(/images/tt_reasons.jpg) no-repeat; width: 1000px; height: 85px; text-indent: -9999em; margin: 0 0 20px; } .landing-new-products .content {color: #636466; margin: 0 0 12px; background: none; } .landing-new-products .main-content { float: left; width: 580px; height: 386px; overflow: hidden; } .landing-new-products .main-content p { padding: 0 35px; margin: 0 0 10px; font-size: 16px; } .landing-new-products .main-content h2 { font-weight: bold; padding: 0 35px; margin: 0 0 5px; } .landing-new-products .main-content ul { list-style: disc; padding: 0 35px 0 125px; } .landing-new-products .video { background: url(/images/tt_video_bg.png) bottom repeat-x; height: 200px; margin: 2px 0 0; padding-bottom: 10px; } .landing-new-products .video .video-placeholder { width: 355px; height: 200px; float: left; margin: 0 0 0 15px; color: #fff; } .landing-new-products .video .video-callout { display: block; float: right; background: url(/images/tt_stu_invitation.png) no-repeat; width: 185px; height: 82px; text-indent: -9999em; margin: 70px 9px 0 0; } .landing-new-products .apply { float: right; background: #679ebd; color: #fff; width: 420px; height: 371px; overflow: hidden; margin-right: 19px; } .landing-new-products .apply p { color: #fff; } .landing-new-products .apply #new-level { background: url(/images/tt_new_level.png) no-repeat; width: 400px; height: 82px; margin: 20px auto 15px; text-indent: -9999em; } .landing-new-products .apply-callout { float: left; width: 129px; border-right: 2px solid #fff; text-align: right; padding: 5px 10px; } .landing-new-products .apply-callout p { margin: 0 0 10px; font-size: 16px; } .landing-new-products .apply-callout a { color: #fff; } .landing-new-products #contractor-apply { display: block; width: 239px; float: right; padding: 0 15px; } .landing-new-products #contractor-apply label { color: #fff; font-size: 10px; display: block; float: left; white-space: nowrap } .landing-new-products #contractor-apply label.firstname, .landing-new-products #contractor-apply label.city, .landing-new-products #contractor-apply label.phone { margin-right: 10px; } .landing-new-products #contractor-apply label.state { margin-right: 10px; } .landing-new-products #contractor-apply input, .landing-new-products #contractor-apply select { display: block; font-size: 12px; height: 20px; padding: 0 5px; border: 1px solid #5A7E90; width: 100px; margin: 3px 0 10px; } .landing-new-products #contractor-apply .street input { width: 223px; } .landing-new-products #contractor-apply select { width: 45px; height: 22px; padding: 0; } .landing-new-products #contractor-apply .postalcode input { width: 46px; } /*footer*/ .landing-new-products .footer { background: #e5bb68; clear: both; padding: 20px 20px 25px; } .landing-new-products #benefits { background: url(/images/tt_benefits.png) no-repeat; width: 326px; height: 64px; float: left; text-indent: -9999em; } .landing-new-products .footer .brainshark { float: right; width: 600px; } .landing-new-products .footer .brainshark img { margin: 0 0 5px; } .landing-new-products .footer .brainshark p { font-size: 14px; color: #fff; } .landing-new-products .footer .brainshark a { color: #fff; } .landing-new-products .marginbottom20 { margin:0} /* ie fixes */ .landing-new-products .ie7 #contractor-apply label.firstname, .landing-new-products .ie7 #contractor-apply label.city, .landing-new-products .ie7 #contractor-apply label.phone { margin-right: 5px; } .landing-new-products li { font-size: 16px; background: none; list-style: disc outside none} /* Clearfix!! */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; }