@charset "utf-8"; /* ---------------------------------- Author: Alexander Dankoff, Xenia Sarapoff, Alex Dray Author URI: http://sidleetechnologies.com/ Description: Print format CSS Site Name: RONA Site URI: http://rona.ca/ Version: 1.0 ---------------------------------- */ /* ---------------------------------- TABLE OF CONTENTS @Reset @Structure @Typography @General @Checkout: Receipt @Pages 1:Project - Step by step 2:Project - Tips and Tricks 3:Detailed planning Guide 4:Detailed Buyer's Guide 5:Products Compare Tool 6:WishList @Globals ---------------------------------- */ /*------------------------ @Reset (KISS Reset, by Alex Dankoff http://adankoff.com/keep-it-simple-stupid-reset/) -------------------*/ *{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:separate;border-spacing:0;} /*------------------- @Structure -------------------*/ body {background: #f6f6f6 url(../images/layout/body-bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif;} .pageRow {width:940px;position:relative;margin:0 auto;clear:both;z-index:1;} .content {width:748px;float:right;} .sidebar {width:172px;float:right;} #home .content {float:left;} #mask { display:none; } #header{margin: auto; width: 1086px;height: 61px;} #header h1 {height:60px; float:left; margin-left: 20px;} #headerTop, #navWrapper, #breadcrumb, #bottombanners, #footer { display: none; } body { background: #fff; } #header { margin-bottom: 25px; border-bottom: 8px solid #ebebeb; } #header #tagline { left: 203px; margin-top: 10px; position: absolute; top: 12px;} #header #tagline2 { right: 0px; margin-top: 10px; position: absolute; top: 10px; font-weight:bold; font-size:21px;} /*------------------- @Typography -------------------*/ /* reference Body: 656565 Dark blue: 002D57 Light blue: 0067C0 Highlight: F5D410 */ h1 {padding-bottom:16px;font-size:29px;text-transform:uppercase;color:#fff;} h1 a {display:none;} h1 span {background:#0067C0;padding:1px 4px 0px;} h3 {padding-bottom:20px;font-size:17px;text-transform:uppercase;color:#fff;} /* For chrome */ h3 span {background:#0067C0;padding:0px 4px 1px; color:#FFF; font-weight: bold;} h4 {font-size:14px;text-transform:uppercase;color:#0067C0;padding-bottom:10px;} .h4 {font-size:14px;text-transform:uppercase;color:#0067C0;padding-bottom:10px;display:block;font-weight:bold;} /* for h4 styles without cufon */ /*Scotch Font Title */ h2 .scotchTitle {font-size:33px; color:#0067c0; text-transform:uppercase; text-decoration:underline;} h2 .scotchTitle cufon { border-bottom:solid 1px #0067c0;} .noPadding {padding:0px;} .italic {font-style:italic;} .bold {font-weight:bold;} .goBack {background-image:url(../images/layout/arrow-left-light-blue-small.png);} .btn:hover {color:#0067C0;} .clear {clear:both;height:0px;visibility:hidden;} .bar {float:left;height:8px;background:#fff;width:100%;} .hidden {display: none;position: absolute;top: -9999px;left: -9999px;} /*------------------- @General -------------------*/ #lifeCycleGraph, #compareProducts, #headerTop, #navWrapper, #breadcrumb, #bottombanners, #footer { display: none; } body { background: #fff; } #header { margin-bottom: 25px; border-bottom: 8px solid #ebebeb; } /*------------------- @Checkout: Receipt -------------------*/ #receiptOptions, #purchaseSummary .itemListTotal > .print { display: none; } #checkoutPage h1 { color: #0067c0; font-size: 35px; padding-bottom: 35px; } #checkoutPage h1 span { padding: 0; background: none; } #estimateDeliveryTime { padding: 0; background: none; } .fr #estimateDeliveryTimeGift {height: 60px !important; padding: 0 !important; background: none !important;} .en #estimateDeliveryTimeGift {height: 60px !important; padding: 0 ; background: none;} #receiptInfos { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 8px solid #ebebeb; } #purchaseSummary h2 { color: #0067c0; font-size: 18px; } #purchaseSummary h2 span { padding: 0; background: none; } #purchaseSummary .itemList li { border-bottom: 8px solid #ebebeb; } #purchaseSummary .itemList li > div:first-child img { border: 2px solid #ebebeb; } #purchaseSummary .itemListTotal { padding-bottom: 0; border-bottom: 8px solid #ebebeb; } #purchaseSummary .itemListTotal .total { border-top: 8px solid #ebebeb; } #ronaStoreInfos { border-bottom: 8px solid #ebebeb; } #ronaStoreInfos img { border: 8px solid #ebebeb; } #checkoutSummary .deliveryInfos { padding: 0 0 27px; border-bottom: 8px solid #ebebeb; background: #fff; } #checkoutSummary h3 { color: #0067c0; font-size: 18px; } #checkoutSummary h3 span { padding: 0; background: none; } #checkoutSummary .bordered { border-bottom: 8px solid #ebebeb; } /*------------------- 1.Project - Step by step -------------------*/ #projectStepsInfo {background: none repeat scroll 0 0 #FFFFFF; padding: 20px; position: relative; z-index: 1;} #projectStepsInfo p, #projectStepsDetails p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; } #projectStepsDetails p a { font-weight:bold; color:#002d57; text-decoration:underline; } #projectStepsDetails p a:hover { color:#0067C0; } #projectStepsInfo #rightInfo h2 { width:405px; margin-top:-6px; } #projectStepsInfo #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; } #projectStepsInfo #rightInfo .detailsInfo { margin:10px 0 0; display: block; float: left; margin: 10px 0 10px 0; } #projectStepsInfo #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; } #projectStepsInfo #rightInfo .detailsInfo li span { color:#0067c0; font-weight:bold; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyIcons { float:right; margin-left: 5px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent;display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel { display: none; position: absolute; left: -20px; top: 118px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;} #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .close:hover { color:#0067c0; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow { width:333px; height:44px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow.odd { background:#f6f6f6; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/projectStepsDifficultyLevelIcons.png) no-repeat; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #one .iconBox{ width:15px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #two .iconBox { width:30px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconBox { width:50px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #four .iconBox { width:70px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;} #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconInfo { padding-top:5px; } #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo.current { color:#0067c0; } #projectStepsInfo #rightInfo .detailsInfo li .costIcons { float:right; margin-left: 5px; } #projectStepsInfo #rightInfo .detailsInfo li .costIcons .dollarIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent;display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel { display: none; position: absolute; left: 50px; top: 118px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;} #projectStepsInfo #rightInfo .detailsInfo li .costlevel .close:hover { color:#0067c0; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .levelRow { width:333px; height:44px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .levelRow.odd { background:#f6f6f6; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/productPage_cost-money-icon.png) no-repeat; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel #one .iconBox{ width:15px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel #two .iconBox { width:30px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel #three .iconBox { width:50px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel #four .iconBox { width:70px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;} #projectStepsInfo #rightInfo .detailsInfo li .costlevel #three .iconInfo { padding-top:5px; } #projectStepsInfo #rightInfo .detailsInfo li .costlevel .levelRow .iconInfo.current { color:#0067c0; } #projectStepsInfo #rightInfo .textZone {padding: 0 0 20px; } #projectStepsInfo #rightInfo ul.addOptions { padding: 10px 0 5px; float:left; } #projectStepsInfo #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; } #projectStepsInfo #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; } #projectStepsInfo #rightInfo ul.addOptions > li > a:hover { color: #0067C0; } #projectStepsInfo #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; } #projectStepsInfo #rightInfo ul.addOptions > .active > a { color: #0067C0; } #projectStepsInfo #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; } #projectStepsInfo #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form > div { padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; } #projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; } #projectStepsInfo #rightInfo .tendanceRona { float:right; } #projectStepsInfo #projectPictures {text-align: center; } #mainPicture img { width: 231px;} /* #projectStepsDetails { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 20px; position: relative; z-index: 1; width:710px; }*/ #projectStepsDetails h3 { font-size:18px; font-weight:bold; } #projectStepsDetails h3 span { background:#0067c0; } #projectStepsDetails .box { float:left; width:50%; } #projectStepsDetails .box.paddingleft { padding-left:25px; width:320px; } #projectStepsDetails .box.firstleft { width:365px } #projectStepsDetails .box.table { width:710px; padding-top:20px; } #projectStepsDetails .listTitle { font-size:12px; font-weight:bold; text-transform:uppercase; color:#0067c0; padding-bottom:20px; display:block; } #projectStepsDetails .box .listTools > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; font-weight:bold; line-height: 16px; color: #002D57; line-height: 16px; } #projectStepsDetails .box .listTools > li.nolink { background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px; } #projectStepsDetails .box .listTools > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 16px; font-size:11px; } #projectStepsDetails .box .listTools > li > a:hover { color: #0067C0; } #projectStepsDetails .blueline { background:#0067C0; height:8px;} #projectStepsDetails .box.table table { text-align:left; font-size:11px; margin-bottom: 10px; } #projectStepsDetails .box.table table th { background:#0067c0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; border-right: 15px solid #FFF; padding:2px 0 0 5px; height:18px; } #projectStepsDetails .box.table table .last { border-right:none; } #projectStepsDetails .box.table table td { background:#f6f6f6; border-top:3px solid #FFF; border-right: 15px solid #FFF; padding:2px 0 0 5px; height:18px; text-transform:none; color:#333333; } #projectStepsDetails .box.table table .first {color:#0067c0; text-transform:uppercase;} #projectStepsDetails .box.table table .first .text {width:100px; display: block; padding-bottom: 3px; width: 148px;float: left;} #projectStepsDetails .box.table table .first div {float:left;} /* drop down boxes */ #projectStepsDetails #allSteps { padding-top:10px; } #projectStepsDetails .dropDownContent .row .columnLeft .title {color:#666; font-weight:bold; font-size:13px;} #projectStepsDetails .dropDownContent .row .columnLeft .title .bullet {color:#0067c0; padding-right:3px;} #projectStepsDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;} #projectStepsDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;} #projectStepsDetails .dropDownContent .row .columnLeft .infoText {font-style: italic; color:#7c7b7b;} #projectStepsDetails #relatedLeft .wrapper .link {font-size: 12px; font-weight: bold; color:#002d57; text-transform:uppercase; padding:10px 10px 10px 10px; background:url("../images/layout/white_arrow_on_blue_circle.png") no-repeat scroll 10px 7px #F6F6F6; margin-top:15px;} #projectStepsDetails #relatedLeft .wrapper .link:hover {background-position: 10px -27px;} #projectStepsDetails #relatedLeft .wrapper .link a {padding-left:0;font-size: 14px;margin-left: -10px;} #projectStepsDetails #relatedLeft .wrapper .link a:hover {color: #0067C0;} #projectStepsDetails #relatedLeft .wrapper .link .arrow {background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 -11px transparent; height:13px; width:20px;display:block; float:right; position:relative; top:2px; cursor:pointer;} #projectStepsDetails #relatedLeft .wrapper .link .arrow.active{background-position:0 0;} #projectStepsDetails #relatedLeft .wrapper .dropDownContent {display:none;} #projectStepsDetails #relatedLeft {width:748px; border-bottom: none; margin-top:26px; margin-bottom: 20px;padding: 0px;} #projectStepsDetails #relatedLeft .paddingBox {padding: 20px; background:#fff;} #projectStepsDetails #relatedLeft #productTabs {padding-top:20px;} #projectStepsDetails .pageTop {background: url("../images/layout/sprite.png") no-repeat scroll -490px -221px transparent; bottom: 21px; color: #002D57; display: block; float: right; font-size: 11px; font-weight: bold; height: 10px; margin-bottom: 10px; padding-left: 18px;} #projectStepsDetails #relatedLeft .top {padding-top:20px; font-size:11px;} #projectStepsDetails #relatedLeft .row.img {padding-top:40px;} #projectStepsDetails #relatedLeft .row .columnLeft {width: 70%;; float:left; padding-right:20px;} #projectStepsDetails #relatedLeft .row .columnRight {float:left;} #projectStepsDetails #relatedLeft .row.img { padding-top:40px;} #projectStepsDetails #relatedLeft .row .zoom {cursor:pointer; background: url("../images/layout/zoom.jpg") no-repeat scroll 0 0 transparent; height: 30px; position: relative; right: -170px; top: -30px; width: 30px;} #projectStepsDetails #relatedLeft .row .zoom:hover{background-position: 0 -30px;} #projectStepsDetails #relatedLeft .row .zoom a {display:block; height:30px; width:30px;} /*right sidebar */ #projectStepsDetails #utilities ul li.calculator a { background-position: 0 0; } #projectStepsDetails #utilities ul li.units a { background-position: -58px 0; } #projectStepsDetails #utilities ul li.measurement a { background-position: -116px 0; } #projectStepsDetails #utilities ul li.calculator a:hover { background-position: 0 58px; } #projectStepsDetails #utilities ul li.units a:hover { background-position: -58px 58px; } #projectStepsDetails #utilities ul li.measurement a:hover { background-position: -116px 58px; } /*--------------------- 2.Project - Tips and Tricks --------------------*/ #tipsAndTricksInfo {background: none repeat scroll 0 0 #FFFFFF; padding: 20px; position: relative; z-index: 1;} #tipsAndTricksInfo .printSafe.logo { float: right; position: absolute; right: 0; top: -26px;} #tipsAndTricksInfo p, #tipsAndTricksDetails p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; } #tipsAndTricksDetails p a { font-weight:bold; color:#002d57; text-decoration:underline; } #tipsAndTricksDetails p a:hover { color:#0067C0; } #tipsAndTricksInfo #rightInfo h2 { margin-bottom: 17px; margin-top: -28px; width: 405px; } #tipsAndTricksInfo #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; } #tipsAndTricksInfo #rightInfo .detailsInfo { margin:10px 0 0; display: block; float: left; margin: 10px 0 10px 0; } #tipsAndTricksInfo #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; } #tipsAndTricksInfo #rightInfo .detailsInfo li span { color:#0067c0; font-weight:bold; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyIcons { float:right; margin-left: 5px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent;display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel { display: none; position: absolute; left: -20px; top: 118px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;} #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .close:hover { color:#0067c0; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow { width:333px; height:44px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow.odd { background:#f6f6f6; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/projectStepsDifficultyLevelIcons.png) no-repeat; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #one .iconBox{ width:15px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #two .iconBox { width:30px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconBox { width:50px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #four .iconBox { width:70px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;} #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconInfo { padding-top:5px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo.current { color:#0067c0; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costIcons { float:right; margin-left: 5px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent;display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel { display: none; position: absolute; left: 20px; top: 118px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;} #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .close:hover { color:#0067c0; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow { width:333px; height:44px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow.odd { background:#f6f6f6; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/productPage_cost-money-icon.png) no-repeat; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #one .iconBox{ width:15px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #two .iconBox { width:30px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #three .iconBox { width:50px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #four .iconBox { width:70px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;} #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #three .iconInfo { padding-top:5px; } #tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo.current { color:#0067c0; } #tipsAndTricksInfo #rightInfo .textZone {padding: 0 0 20px; } #tipsAndTricksInfo #rightInfo ul.addOptions { padding: 10px 0 5px; float:left; } #tipsAndTricksInfo #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; } #tipsAndTricksInfo #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; } #tipsAndTricksInfo #rightInfo ul.addOptions > li > a:hover { color: #0067C0; } #tipsAndTricksInfo #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; } #tipsAndTricksInfo #rightInfo ul.addOptions > .active > a { color: #0067C0; } #tipsAndTricksInfo #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; } #tipsAndTricksInfo #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form > div { padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; } #tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; } #tipsAndTricksInfo #rightInfo .tendanceRona { float:right; } #tipsAndTricksInfo #projectPictures {text-align: center; float: left; margin-bottom: 20px; padding-bottom: 10px; text-align: center; } #mainPicture img { width: 231px;} /* #tipsAndTricksDetails { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 20px; position: relative; z-index: 1; width:710px; }*/ #tipsAndTricksDetails h3 { font-size:18px; font-weight:bold; } #tipsAndTricksDetails h3 span { background:#0067c0; color:#FFF; } #tipsAndTricksDetails .box { float:left; width:340px; } #tipsAndTricksDetails .box.paddingleft { padding-left:25px; width:320px; } #tipsAndTricksDetails .box.firstleft { width:365px } #tipsAndTricksDetails .box.table { width:710px; padding-top:20px; } #tipsAndTricksDetails .listTitle { font-size:12px; font-weight:bold; text-transform:uppercase; color:#0067c0; padding-bottom:20px; display:block; } #tipsAndTricksDetails .box .listTools > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; font-weight:bold; line-height: 16px; color: #002D57; line-height: 16px; } #tipsAndTricksDetails .box .listTools > li.nolink { background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px; } #tipsAndTricksDetails .box .listTools > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 16px; font-size:11px; } #tipsAndTricksDetails .box .listTools > li > a:hover { color: #0067C0; } #tipsAndTricksDetails .blueline { background:#0067C0; height:8px;} #tipsAndTricksDetails .box.table table { text-align:left; font-size:11px; margin-bottom: 10px; } #tipsAndTricksDetails .box.table table th { background:#0067c0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; border-right: 15px solid #FFF; padding:2px 0 0 5px; height:18px; } #tipsAndTricksDetails .box.table table .last { border-right:none; } #tipsAndTricksDetails .box.table table td { background:#f6f6f6; border-top:3px solid #FFF; border-right: 15px solid #FFF; padding:2px 0 0 5px; height:18px; text-transform:none; color:#333333; } #tipsAndTricksDetails .box.table table .first {color:#0067c0; text-transform:uppercase;} #tipsAndTricksDetails .box.table table .first .text {width:100px; display: block; padding-bottom: 3px; width: 148px;float: left;} #tipsAndTricksDetails .box.table table .first div {float:left;} /* drop down boxes */ #tipsAndTricksDetails #allSteps { padding-top:10px; } #tipsAndTricksDetails .dropDownContent .row .columnLeft .title {color:#666; font-weight:bold; font-size:13px;} #tipsAndTricksDetails .dropDownContent .row .columnLeft .title .bullet {color:#0067c0; padding-right:3px;} #tipsAndTricksDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;} #tipsAndTricksDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;} #tipsAndTricksDetails .dropDownContent .row .columnLeft .infoText {font-style: italic; color:#7c7b7b;} #tipsAndTricksDetails .barBack.printSafe{ left: -4px; margin-left: -10px; position: relative;} #tipsAndTricksDetails #relatedLeft .wrapper .link {font-size: 12px; font-weight: bold; text-transform:uppercase; padding:10px 10px 10px 10px; margin-top:15px;} #tipsAndTricksDetails #relatedLeft .wrapper .link a { float: left;font-size: 14px; margin-left: -10px; margin-top: -32px; padding-left: 0; color: #0067C0;} #tipsAndTricksDetails #relatedLeft .wrapper .link .arrow {background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 -11px transparent; height:13px; width:20px;display:block; float:right; position:relative; top:2px; cursor:pointer;} #tipsAndTricksDetails #relatedLeft .wrapper .link .arrow.active{background-position:0 0;} #tipsAndTricksDetails #relatedLeft .wrapper .dropDownContent {display:none;} #tipsAndTricksDetails #relatedLeft {width:748px; border-bottom: none; margin-top:26px; margin-bottom: 20px;padding: 0px;} #tipsAndTricksDetails #relatedLeft .paddingBox {padding: 20px; background:#fff;} #tipsAndTricksDetails #relatedLeft #productTabs {padding-top:20px;} #tipsAndTricksDetails .pageTop {background: url("../images/layout/sprite.png") no-repeat scroll -490px -221px transparent; bottom: 21px; color: #002D57; display: block; float: right; font-size: 11px; font-weight: bold; height: 10px; margin-bottom: 10px; padding-left: 18px;} #tipsAndTricksDetails #relatedLeft .top {padding-top:20px; font-size:11px;} #tipsAndTricksDetails #relatedLeft .row.img {padding-top:40px;} #tipsAndTricksDetails #relatedLeft .row .columnLeft {width:472px; float:left; padding-right:20px;} #tipsAndTricksDetails #relatedLeft .row .columnRight {float:left;} #tipsAndTricksDetails #relatedLeft .row.img { padding-top:40px;} #tipsAndTricksDetails #relatedLeft .row .zoom {cursor:pointer; background: url("../images/layout/zoom.jpg") no-repeat scroll 0 0 transparent; height: 30px; position: relative; right: -170px; top: -30px; width: 30px;} #tipsAndTricksDetails #relatedLeft .row .zoom:hover{background-position: 0 -30px;} #tipsAndTricksDetails #relatedLeft .row .zoom a {display:block; height:30px; width:30px;} /*right sidebar */ #tipsAndTricksDetails #utilities ul li.calculator a { background-position: 0 0; } #tipsAndTricksDetails #utilities ul li.units a { background-position: -58px 0; } #tipsAndTricksDetails #utilities ul li.measurement a { background-position: -116px 0; } #tipsAndTricksDetails #utilities ul li.calculator a:hover { background-position: 0 58px; } #tipsAndTricksDetails #utilities ul li.units a:hover { background-position: -58px 58px; } #tipsAndTricksDetails #utilities ul li.measurement a:hover { background-position: -116px 58px; } /*--------------------- 3.Detailed planning Guide --------------------*/ #planningGuideInfo { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 20px; position: relative; z-index: 1;} #planningGuideInfo p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; } #planningGuideInfo #rightInfo h2 { width: 430px; margin-top:-6px; } #planningGuideInfo #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; } #planningGuideInfo #rightInfo .detailsInfo { margin:10px 0 0; } #planningGuideInfo #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; } #planningGuideInfo #rightInfo .detailsInfo li span { color:#0067c0; font-weight:bold; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyIcons { float:right; margin-left: 5px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel { display: none; position: absolute; left: -20px; top: 118px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;} #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .close:hover { color:#0067c0; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow { width:333px; height:44px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow.odd { background:#f6f6f6; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/projectStepsDifficultyLevelIcons.png) no-repeat; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #one .iconBox{ width:15px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #two .iconBox { width:30px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconBox { width:50px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #four .iconBox { width:70px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;} #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconInfo { padding-top:5px; } #planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo.current { color:#0067c0; } #planningGuideInfo #rightInfo .detailsInfo li .costIcons { float:right; margin-left: 5px; } #planningGuideInfo #rightInfo .detailsInfo li .costIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel { display: none; position: absolute; left: 20px; top: 118px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;} #planningGuideInfo #rightInfo .detailsInfo li .costLevel .close:hover { color:#0067c0; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow { width:333px; height:44px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow.odd { background:#f6f6f6; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/productPage_cost-money-icon.png) no-repeat; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel #one .iconBox{ width:15px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel #two .iconBox { width:30px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel #three .iconBox { width:50px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel #four .iconBox { width:70px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;} #planningGuideInfo #rightInfo .detailsInfo li .costLevel #three .iconInfo { padding-top:5px; } #planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo.current { color:#0067c0; } #planningGuideInfo #rightInfo ul.addOptions { padding: 10px 0 5px; float:left; } #planningGuideInfo #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; } #planningGuideInfo #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; } #planningGuideInfo #rightInfo ul.addOptions > li > a:hover { color: #0067C0; } #planningGuideInfo #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; } #planningGuideInfo #rightInfo ul.addOptions > .active > a { color: #0067C0; } #planningGuideInfo #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; } #planningGuideInfo #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form > div { overflow: hidden; padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; } #planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; } #planningGuideInfo #rightInfo .tendanceRona { float:right; } /* sidebar */ #detailedPlanningGuide .pageRow #relatedRight .row.tools .links {border: medium none; line-height: 24px;} #detailedPlanningGuide .pageRow #relatedRight .row.tools .links:hover {color: #0067C0;} #detailedPlanningGuide .pageRow #relatedRight .row.tools .links ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;} #detailedPlanningGuide .pageRow #relatedRight .row.tools, #detailedPlanningGuide .pageRow #relatedRight #utilities {padding-bottom:20px;} #detailedPlanningGuide .pageRow #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;} #detailedPlanningGuide #relatedRight div .title.middle{margin:0; } #detailedPlanningGuide #relatedRight {padding-top:25px;} #detailedPlanningGuide #ronavantages_cta img {padding-top:20px; float:left;} #detailedPlanningGuide #relatedRight div {float:left;} /*utilities buttons */ #detailedPlanningGuide #utilities ul li.calculator a { background-position: 0 0; } #detailedPlanningGuide #utilities ul li.units a { background-position: -58px 0; } #detailedPlanningGuide #utilities ul li.measurement a { background-position: -116px 0; } #detailedPlanningGuide #utilities ul li.calculator a:hover { background-position: 0 58px; } #detailedPlanningGuide #utilities ul li.units a:hover { background-position: -58px 58px; } #detailedPlanningGuide #utilities ul li.measurement a:hover { background-position: -116px 58px; } /* FAQ SECTION */ #detailedPlanningGuide #relatedLeft .wrapper {padding:20px; background:#fff; border-bottom:solid 8px #0067c0;margin-bottom:20px; } #detailedPlanningGuide #relatedLeft .wrapper .text {color: #333333; font-size:11px; padding-bottom:20px;} #detailedPlanningGuide #relatedLeft .wrapper .text .italics {font-style:italic; } #detailedPlanningGuide #relatedLeft .wrapper .text .title {text-transform:uppercase; color:#0067c0; font-weight:bold; font-size:12px; padding-bottom:10px;} #detailedPlanningGuide #relatedLeft .wrapper .text .title.noSpace {padding-bottom:0px;} #detailedPlanningGuide #relatedLeft .wrapper .text .title .grey {color:#666666;text-transform:none;} #detailedPlanningGuide #relatedLeft .wrapper .text p {padding-bottom:14px; line-height:17px;} /*------------- 4.Detailed Buyer's Guide --------------*/ /*HEADER SECTION */ #detailedBuyersGuide { background: none repeat scroll 0 0 #FFFFFF; padding: 20px; position: relative; z-index: 1;} #detailedBuyersGuide p, #projectStepsDetails p, #tipsAndTricksDetails p{ font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; } #tipsAndTricksDetails { font-size:16px;line-height: 25px; } #projectStepsDetails p a, #tipsAndTricksDetails p a{ font-weight:bold; color:#002d57; text-decoration:underline; } #detailedBuyersGuide #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; } #detailedBuyersGuide #rightInfo .detailsInfo { margin:10px 0 0; } #detailedBuyersGuide #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; } #detailedBuyersGuide #rightInfo .detailsInfo li span { color:#0067c0; font-weight:bold; } .horizontal_line { width:538px; height: 8px; background:#f6f6f6; margin:0 0 10px; } #detailedBuyersGuide #rightInfo div.evaluationPreview { position:relative; } #detailedBuyersGuide #rightInfo div.evaluationPreview a { color: #002d57; line-height: 15px; font-size: 11px; font-weight: bold; } #detailedBuyersGuide #rightInfo div.evaluationPreview a:hover, #detailedBuyersGuide #rightInfo div.evaluationPreview .nbReviews.active { color: #0067C0; } #detailedBuyersGuide #rightInfo div.evaluationPreview .nbReviews { padding-right: 20px; background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat right 3px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview { display: none; position: absolute; left: -20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .h4 { font-size:13px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview ul { padding-bottom: 10px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li { overflow: hidden; padding-bottom: 5px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingValue { display: block; float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 10px; padding-right: 25px; background:url("../_images/icons/productPage-rating-small_project.png") no-repeat scroll right -14px transparent; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic { position: relative; float: left; background: #f7f6f6; width: 254px; height: 14px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic div { position: absolute; left: 0; top: 0; background: url(../images/layout/productPage-reviewsPreview-bg.gif) repeat-x 0 0; height: 14px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingNbVotes { display: block; float: right; color: #666; font-size: 11px; line-height: 14px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .writeReview { float: none; background-position: left 1px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .close { position: absolute; right: 35px; top: -10px; color: #002d57; font-size: 11px; line-height: 10px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; } #detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .close:hover { color: #0067C0; } #detailedBuyersGuide #rightInfo div.evaluationPreview .writeReview { float: right; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; } #detailedBuyersGuide #rightInfo ul.addOptions { padding: 10px 0 5px; float:left; } #detailedBuyersGuide #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; } #detailedBuyersGuide #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; } #detailedBuyersGuide #rightInfo ul.addOptions > li > a:hover { color: #0067C0; } #detailedBuyersGuide #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; } #detailedBuyersGuide #rightInfo ul.addOptions > .active > a { color: #0067C0; } #detailedBuyersGuide #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; } #detailedBuyersGuide #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form > div { overflow: hidden; padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; } #detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; } /*------------- 5.Products Compare Tool --------------*/ .main-holder .main-heading h1 {color:#0067C0; font-weight:bold;} .main-holder .print, .main-holder .retour, .main-holder .vider{ display:none; visibility:hidden;} .product-compare-remove {display:none;} /* Evaluation */ #rating1 { width:80%;} #rating2 { width:60%;} #rating3 { width:94%;} #rating4 { width:60%;} .product-compare-evaluation .evalutions { color: #002D57;background: url(../images/layout/arrow-down-blue-small.png) no-repeat 90px 5px;padding-right: 18px;font-weight: bold; display:block; font-size:11px; margin-bottom:15px; margin-top:10px} .product-compare-evaluation .sidebar { float: left;width: 315px; padding-right:20px} .product-compare-evaluation .box { float: left; margin: 11px 20px 10px 0; width: 172px;} .product-compare-evaluation .box.last{margin-right:0px;} .product-compare-evaluation .box h4 { font-size: 20px;text-transform: uppercase;color: #0067C0;padding-bottom: 10px;} .product-compare-bolt-rating { display:none;} .product-compare-bolt-overlay { display:none;} .product-compare-bolt-wrapper { background:#fff;} /* Details */ .product-compare-characteristics {clear:both;} .product-compare-characteristics .sidebar { float: left;width: 315px; padding-right:20px} .product-compare-characteristics .box { float: left; margin: 11px 20px 10px 0; width: 172px; font-size:11px; color:#333; line-height:16px;} .product-compare-characteristics .box.last {margin-right:0px;} .product-compare-characteristics strong { font-weight:bold} .product-compare-characteristics i { color:#888; font-style:italic} .product-compare-characteristics .box.na {background:url("../images/layout/NA.png") no-repeat scroll 0 0 transparent; width:172px; height:53px;} /* INFO SECTION */ /* sidebar */ #detailedBuyersGuideInfo #relatedRight .row.tools .links {border: medium none; line-height: 24px;} #detailedBuyersGuideInfo #relatedRight .row.tools .links:hover {color: #0067C0;} #detailedBuyersGuideInfo #relatedRight .row.tools .links ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;} #detailedBuyersGuideInfo #relatedRight .row.tools, #detailedBuyersGuideInfo #relatedRight #utilities {padding-bottom:20px;} #detailedBuyersGuideInfo #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;} #detailedBuyersGuideInfo #relatedRight div .title.middle{margin:0; } #detailedBuyersGuideInfo #relatedRight {padding-top:25px;} #detailedBuyersGuideInfo #ronavantages_cta img {padding-top:20px; float:left;} #detailedBuyersGuideInfo #relatedRight div {float:left;} /*dropdownSection */ #detailedBuyersGuideInfo #relatedLeft .wrapper {padding:10px; background:#fff; border-bottom:solid 8px #0067c0;margin-bottom:20px; } #detailedBuyersGuideInfo #relatedLeft .wrapper .row ul li { color:#666; font-size:13px; font-weight:bold; } #detailedBuyersGuideInfo #relatedLeft .wrapper .row ul li .black { color:#000; } #detailedBuyersGuideInfo #relatedLeft .wrapper .row {background: #f6f6f6; padding:10px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link {font-size: 12px; font-weight: bold; color:#002d57; text-transform:uppercase; padding:10px 10px 10px 10px; background:url("../images/layout/white_arrow_on_blue_circle.png") no-repeat scroll 10px 7px #F6F6F6; margin-top:15px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link:hover {background-position: 10px -27px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link a {padding-left:35px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link a:hover {color: #0067C0;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link .arrow {background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 -11px transparent; height:13px; width:20px;display:block; float:right; position:relative; top:2px; cursor:pointer;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link .arrow.active{background-position:0 0;} /*1st dropdown */ #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText{padding:16px 30px 0px 30px; color:#333; font-size:11px; line-height:17px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .titleBox{color:#fff; background:url("../images/layout/blue_circle.png") no-repeat scroll 0 0 transparent; height: 19px; padding-bottom:19px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .titleBox .number{font-size:13px; font-size: 13px; left: 6px; padding-right: 19px; position: relative; top: -5px; right:5px; } #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .title {color:#0067C0; font-size:13px; font-weight:bold; padding-bottom:4px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .blue{font-size:11px; text-transform:none; color:#0067C0; font-weight:bold;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .blue:hover{color:#002d57;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText p {padding-bottom:24px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText p.bullet {padding-left:20px; background:url("../images/layout/bullet.png") no-repeat scroll 1px 6px transparent;} /*2nd dropdown */ #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .box img {padding-top:30px; width: 542px; margin:auto;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .box {text-align:center;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .titleBox .title{color:#666;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .italics {color:7c7b7b; font-style:italic;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .textBox{padding-bottom:26px;} /* 3rd dropdown */ #detailedBuyersGuideInfo #relatedLeft .wrapper #travailTable {padding-top: 29px; padding-left:36px; clear:both; padding-bottom:40px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column {padding-right:8px;float:left; line-height:12px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.one {width:100px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.one .inner {width:60px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.two {width:108px; font-size:11px; color:#0067c0;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.two .inner{width:63px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.three{width:136px; font-size:11px; color:#333;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.three .inner{} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.four{width:157px; font-size:11px; color:#333;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.five{width:157px;padding-right:0px;font-size:11px; color:#333;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .topTitle, #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .subTop{font-size:11px; text-transform:uppercase; color:#fff;font-weight:bold; background:#0067C0; padding: 2px 0 2px 7px; } #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .subTop{background:#969ba2;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .subColumnLeft{float:left; width:48%; padding-right:4%;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .subColumnRight{float:left;width:48%;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .cell {margin-top:3px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .single {height:18px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .double {height:39px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .triple {height:60px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .large {height:42px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .doubleLarge {height:90px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column .row{padding:0px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .column.one {color:#0067c0; text-transform:uppercase; font-weight:bold; font-size:11px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .inner{ padding:1px 0px 0 7px;display:block;} /* fourth dropdown */ #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact {} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact p.bullet{padding-bottom: 2px; padding-left:20px; margin-left:20px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact p {padding-bottom: 2px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact .title {color: #666666; padding-top:18px; display:block;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 18px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact ul li:hover {color: #0067C0;} #detailedBuyersGuideInfo .wrapperTop{ height: 37px; margin: auto; display:block;padding-right: 6px;} #detailedBuyersGuideInfo .wrapperTop.fourth{position: relative; top: -14px;} #detailedBuyersGuideInfo .wrapperTop.second{ height: 12px;position: relative; top: -37px;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link a, #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact ul li a {text-decoration:none; color: #0067C0;} #detailedBuyersGuideInfo #relatedLeft .wrapper .link li, #detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText.compact ul li{list-style:none;} /*------------ @Globals --------------*/ /*hide the folloing elements */ #breadcrumb, btn_print, canvas, .btn_print, #projectStepsDetails .btn_print, #tipsAndTricksDetails .btn_print, #productTabs, #footer, .banner, #relatedRight, #productSlideshow, #videoSlideshow, #addReviewForm, #projectStepsDetails .pageTop, #projectStepsDetails #relatedLeft .row .zoom, #tipsAndTricksDetails .pageTop, #tipsAndTricksDetails #relatedLeft .row .zoom, .evaluationPreview, #projectsThumbs, #productsThumbs, #planningGuideThumbs, .zoomImage, .btn_downloadpdf, #LikePluginPagelet, .addOptions, #facebook, iframe, .tendanceRona, .pageTop,#logonForm_bv {display:none;} #projectStepsDetails #relatedLeft, #tipsAndTricksDetails #relatedLeft { width: 100%;} #headerRow #header h1, #headerRow #header h2, #headerRow .slogan, #headerRow #header #myStore ul .information, #headerRow #header #myStore ul .change_store { display: none; } .productBox .addToCartSection {display:none;} .productBox .bluebox {display:none;} .productBox .form-option {display:none;} /*hide the folloing features */ #projectStepsDetails .box .listTools > li, #tipsAndTricksDetails .box .listTools > li, #projectStepsDetails .box .listTools > li.nolink, #tipsAndTricksDetails .box .listTools > li.nolink {background: url("../images/layout/grey_box.jpg") no-repeat scroll 0 0 transparent; list-style-type:none;} /*generic corrections */ #rightInfo {float: left; position:relative;} .cufon {position:relative; top:2px;} h3 {color:#0067C0;} h3 span {padding: 1px 0 0;} .pageRow {width: 1086px;} #headerRow { width: 1086px; } #checkoutPage { width:940px; } body {background: #FFF;} #projectStepsDetails .box.firstleft, #tipsAndTricksDetails .box.firstleft { width:50%; } #projectStepsDetails #relatedLeft .wrapper .dropDownContent, #tipsAndTricksDetails #relatedLeft .wrapper .dropDownContent {display:block;} #projectStepsDetails #relatedLeft .wrapper .link .arrow, #tipsAndTricksDetails #relatedLeft .wrapper .link .arrow {display:none;} #projectStepsInfo #rightInfo .tendanceRona, #tipsAndTricksInfo #rightInfo .tendanceRona { float: right; left: -19px; position: absolute; top: -58px; } #projectStepsInfo .cufon, #tipsAndTricksInfo .cufon{top: 3px;} #projectStepsInfo .envelopBox, #tipsAndTricksInfo .envelopBox { border-top:solid 7px #f6f6f6; border-bottom:solid 7px #f6f6f6; padding-bottom:20px; padding-top:20px;} #projectPictures .printSafe {float:left; padding:0 0 9px 9px;} #projectPictures .printSafe.firstInRow {padding-left:20px;} .mainImage, #mainPicture {float:left;} #projectPictures img {width: 336px;} .difficultyIcons {display:none;} #projectStepsInfo #rightInfo .detailsInfo li .difficultyIconsPrintSafe, #tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyIconsPrintSafe {float: right; margin-left: 5px; position:relative;} #projectStepsInfo #rightInfo .detailsInfo li .costIconsPrintSafe, #tipsAndTricksInfo #rightInfo .detailsInfo li .costIconsPrintSafe {float: right; margin-left: 5px; position:relative;} #avantAssemblage{margin-top:20px;} #etapes{margin-top:40px;} #projectStepsDetails .printSafe.greybox, #tipsAndTricksDetails .printSafe.greybox{ position:relative; top:0px; padding-right:2px; float: left;} #projectStepsDetails .blueline {border-top:solid 6px #0067C0;} .printSafe.logo {padding-bottom:20px;} #projectStepsInfo #rightInfo .detailsInfo li , #tipsAndTricksInfo #rightInfo .detailsInfo li {margin-top:4px;} #planningGuideInfo #rightInfo .detailsInfo li span.tagText { color:#666666; font-size:12px; font-weight:normal;} #projectStepsInfo #rightInfo .detailsInfo li span.tagText, #tipsAndTricksInfo #rightInfo .detailsInfo li span.tagText { color:#666666; font-size:12px; font-weight:normal;} #tipsAndTricksInfo .imgIcons {padding-bottom:10px; float:left;} #tipsAndTricksInfo .eval {padding-left:10px; color:#002d57;font-weight:bold; font-size:16px; float:left;} /*define border lines */ .horizontal_line {border-top:solid 8px #F6F6F6;} .horizontal_line { width: 1086px; height: 8px; background:#f6f6f6; margin: 0 0 20px -21px;} .horizontal_line.printSafe {display:block; border-top:solid 8px #0067c0;margin-left: 2px;} .printSafe{display:block;} .button.openAll {display:none;} .textZone {padding:0px 0px 20px 0;} #rightInfo .detailsInfo li span { color: #0067C0; float: left; font-weight: bold; padding-left:2px;} #projectStepsInfo #rightInfo .detailsInfo, #tipsAndTricksInfo #rightInfo .detailsInfo { display: block; float: left; margin: 10px 0; list-style: none outside none;} #planningGuideInfo #rightInfo .detailsInfo { display: block; float: left; margin: 10px 0;} .blueline { border-top: 8px solid #0067C0; height: 8px; } #planningGuideInfo #planningGuidePictures img, #planningGuidePictures .printSafe img { width: 230px; float:left;} #planningGuideInfo #planningGuidePictures .printSafe {float:left; padding-left:9px;} #detailedBuyersGuide #productPictures .printSafe img {float: left; padding-left: 9px; width: 230px;} .detailsInfo {list-style:none;} #detailedBuyersGuideInfo .dropDownContent{display:block;} #projectStepsInfo #rightInfo, #tipsAndTricksInfo #rightInfo {float:none;} .btn_print.printSection{display:none;} #projectStepsInfo, #tipsAndTricksInfo{padding-bottom:0px;} #projectStepsDetails #relatedLeft .paddingBox, #tipsAndTricksDetails #relatedLeft .paddingBox {padding-top:10px;} #detailedBuyersGuide h2 {padding-bottom:20px;} #projectStepsDetails #relatedLeft #etapes .number, #tipsAndTricksDetails #relatedLeft #etapes .number {font-size:13px;padding-right: 19px; position: relative; top: -5px; right:5px; margin-right:-5px;} #tipsAndTricksDetails #relatedLeft #etapes .link .title, #projectStepsDetails #relatedLeft #etapes .link .title { color: #0067C0; font-size: 17px; font-weight: bold; position: relative; right: -51px; top: -6px;} #projectStepsDetails #relatedLeft #etapes .link .title { top: -2px; } #projectStepsDetails h3, #tipsAndTricksDetails h3 {font-weight:bold;} /*------------- 6.Wishlist --------------*/ #header #tagline { background: url("../images/layout/logo-RONA.png") repeat scroll 0 0 transparent;display: block;height: 29px;overflow: hidden;text-indent: -3000px;width:127px;left:0px} #wishlistPage .content { float:none; width:940px} #wishlistPage .content #wishlistOptions { display:none} #sendWishlistForm { display:none} #selectWishlist { display:none} #productListing .item .close {display:none;} #productInfo #rightInfo div .productCart .option-quantity{ display:none} #projectStepsInfo #rightInfo ul.addOptions > li > a { display:none; } #projectStepsInfo #rightInfo #tend { display:none; } /*------------- The below two lines is added for the print button in project detail page. Defect: 1125(added by Parth/Bala) These two lines will provide the correct alignment for the tools and materials while printing --------------*/ .box.firstleft{float:left !important; width:50% !important;} .listTools .printSafe{float: left;margin-right: 5px;} /* Parth-Important, to handle section print*/ .box {float:left !important; width:50% !important;} .listTools .printSafe{float: left; margin-right: 5px;border-top:none;} .paddingBox li{clear:left !important;} /* The bolow section is commented since this change is causing issues in other print where there is cufon (Commneted as told by Parth) */ /* Parth-Important, to handle cufon in section print cufoncanvas{text-indent:0!important;} cvml\:shape,cvml\:rect,cvml\:fill,cvml\:shadow{behavior:url(#default#VML)!important;display:none!important;antialias:true!important;position:absolute!important;} cufoncanvas{position:absolute!important;text-align:left!important;} cufon{display:inline-block!important;position:relative!important;vertical-align:text-bottom!important;}*/ #tipsAndTricksDetails .dropDownContent { display: block !important; } #projectStepsDetails .dropDownContent { display: block !important; } #checkoutPage h1 { padding-bottom: 80px; }