/********************************************************
 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 .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-container {width:650px; padding-top:20px; color:#000}
#contractor-page-container a {font-weight:bold}
#contractor-details-container {background-color:#E8E8E0; padding:20px}
#contractor-details-container img {padding-left:15px; float:left}
#contractor-details {width:270px; float:left}
#contractor-details h1 {font-size:12px; font-weight:bold}
#contractor-images-container {background-color:#8D8E6A; padding-top:15px; background-image:url('/contractor-pages/images/contractor-swirl.png'); background-position:right bottom;background-repeat:no-repeat; height:130px; padding:10px 50px 20px 20px}
#contractor-images-edit-container {background-color:#8D8E6A; padding-top:15px; background-image:url('/contractor-pages/images/contractor-swirl.png'); background-position:right bottom;background-repeat:no-repeat; padding:10px 50px 20px 20px}
#contractor-images-container h1 {font-weight:bold; font-size:14px; color:#FFF}
#contractor-footer {padding:20px}
.contractor-gallery .thumb-item{position:relative; float:left; width:90px; height:65px; margin-right:5px;}
.contractor-gallery .thumb-item-button{position:absolute; bottom:-7px; right:7px;}

#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;}
.locator-results .contractor-results .full-record {width: 250px;}
.locator-results .classification-images {width: 30px; 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 .expanded .record{padding: 2px 5px 5px 5px; background-color: #e0e0e0;}
.locator-results .expanded .recordContent{display: block;}
.locator-results .expanded .locationName{font-weight: bold;}
.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 .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;}
#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}
 
.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-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:305px; 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 0 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;}
.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-bottom:10px;}
#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; height:451px; 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:400px; 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 .big-brown { font-size: 14px; font-weight: bold; color: #ba853e; display: block; }
#home-content #home-images { margin-top: 10px; }
#home-content .home-image { margin-right: 11px; }
#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; background-color: Black; width: 998px; }
/********************************************************
 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;}
#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;}
/********************************************************
 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;}