/* Redesign - January 2009 */ /* * Global Styles */ .designCentre { width: 767px; font: 11px Arial, Helvetica, sans-serif; color: #000; overflow: hidden; margin: 0 0 0 2px; padding: 0; } .designCentre p { line-height: 1.3em; margin:10px 0; } .designCentre .dividerDots { height: 1px; background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/border-grey-horizontal-dots.gif) repeat-x top left; margin: 0; padding: 0; } .designCentre a.bodyLink:link, a.bodyLink:visited, a.bodyLink:active { text-decoration: underline; color: #669ad2; font-size: 11px; } .designCentre a.bodyLink:hover { color: #669ad2; font-size: 11px; text-decoration: none; } .designCentre a.more:link, a.more:visited, a.more:active { color: #669ad2; font-size: 12px; text-decoration: underline; } .designCentre a.more:hover { color: #669ad2; text-decoration: none; } .designCentre a.more span { color: #669ad2; font-weight: bold; } #landing a.more2:link, a.more2:visited, a.more2:active { color: #669ad2; font-size: 12px; text-decoration: underline; } #landing a.more2:hover { color: #669ad2; text-decoration: none; } #landing a.more2 span { color: #669ad2; font-weight: bold; } /* Top navigation */ .designCentre .designCentreNav { width: 739px; height: 27px; /*margin: 90px 14px 0 !important; margin: 70px 14px 0;*/ margin: 0; padding: 0; list-style: none; position: absolute; top: 117px; left: 23px; z-index:1; } .designCentre .designCentreNav .navItem { float: left; overflow: visible; position: relative; margin: 0; padding: 0; text-indent: -9999px; height: 27px; } .designCentre .designCentreNav .navItem a { display: block; text-indent: -9999px; overflow: hidden; height: 27px; } .designCentre .designCentreNav #navDesignCentre { width: 184px; } .designCentre .designCentreNav #navDesignerTools { width: 185px; } .designCentre .designCentreNav #navInspiration { width: 185px; } .designCentre .designCentreNav #navArchive { width: 184px; } .designCentre .designCentreNav #navDesignCentre.hover { background-position: 0 0; border-right: 1px solid #fff; } .designCentre .designCentreNav #navDesignerTools.hover { background-position: -184px 0; border-right: 1px solid #fff; } .designCentre .designCentreNav #navInspiration.hover { background-position: -369px 0; border-right: 1px solid #fff; } .designCentre .designCentreNav #navArchive.hover { background-position: -554px 0; border-right: 1px solid #fff; } .designCentre .designCentreNav .designCentreSubNav { margin: 0 0 0 0px; padding: 6px 0 8px; list-style: none; position: absolute; left: 0; top: 27px; width: 183px; display: none; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background:#496b9f url(/wcsstore/HomeDepotCanada/images/DesignCentre/navDots.gif) no-repeat; } .designCentre .designCentreNav .designCentreSubNav li { float: none; margin: 0; padding: 2px 8px 2px 11px; } .designCentre .designCentreNav .designCentreSubNav li a { text-indent: 0; color: #fff; height: auto; overflow: hidden; text-decoration: none; } .designCentre .designCentreNav .designCentreSubNav li a:hover { text-decoration: underline; } /* * Landing page */ #landing .mainContent { width: 767px; margin: 0; padding: 10px 0; overflow: hidden; } #landing .mainContent .column { display: inline; float: left; } #landing .mainContent .column h2 { /*margin: 0 0 8px !important; margin: 0 0 -4px;*/ margin:0 0 10px 0; text-indent: -9999px; background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing-page-assets.gif) no-repeat; line-height: 0; } #landing .mainContent .column .dividerDots { margin: 0; } #landing .mainContent .column a.more { margin: 0; clear: both; } #landing .mainContent .column .articlePreview { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/border-grey-horizontal-dots.gif) repeat-x bottom left; /*padding: 8px 0 8px 1px !important; padding: 8px 0 24px 1px;*/ margin: 0; overflow: hidden; float:left; display:inline; padding:8px 0; width:249px; } #landing .mainContent .column .articlePreview h3 { font-size: 12px; margin: 0; padding: 0; width: 190px; display: inline; float: left; } #landing .mainContent .column .articlePreview.last { /*margin: 0 0 8px !important; margin: 0 0 16px; width:144px;*/ } #landing .mainContent .column .articlePreview .expandCollapseToggle { margin: 0; display: inline; float: right; color: #669ad2; cursor: pointer; padding: 0 14px 0 0; } #landing .mainContent .column .articlePreview .expandCollapseToggle.expand { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/icon-expand.gif) no-repeat right; } #landing .mainContent .column .articlePreview .expandCollapseToggle.collapse { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/icon-collapse.gif) no-repeat right; } #landing .mainContent .column .articlePreview .expandCollapseToggle.expand span { background-image: none; } #landing .mainContent .column .articlePreview .expandCollapseToggle.collapse span { background-image: none; } #landing .mainContent .column .articlePreview .expandCollapseToggle span.collapse { display: none; } #landing .mainContent .column .articlePreview .articleContent { display: none; } #landing .mainContent .column .articlePreview .articleBlurb { clear: both; margin: 8px 0 !important; margin: 0; float: left; width: 249px; } #landing .mainContent .column .articlePreview p.readMore { background-color: #e5e5e5; padding: 4px 6px 4px 0; text-align: right; margin: 0; clear: both; } #landing .mainContent #designerTools { /*width: 249px !important; width: 281px;*/ margin: 0; padding: 8px 16px; width:249px; } #landing .mainContent #designerTools .dividerDots { width: 249px; } #landing .mainContent #designerTools p.readMore { width: 243px !important; width: 249px; } #landing .mainContent #inspiration { /*width: 250px !important; width: 280px;*/ width:250px; margin: 0; padding: 8px 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #landing .mainContent #inspiration .dividerDots { width: 250px; } #landing .mainContent #inspiration .articleBlurb { overflow: hidden; } #landing .mainContent #inspiration img.rs { float: right; margin: 2px 0 2px 4px; } #landing .mainContent #inspiration p.readMore { width: 244px !important; width: 250px; } #landing .mainContent #dreambook { /*width: 144px !important; width: 176px;*/ width:144px; padding: 8px 16px; } #landing .mainContent #dreambook .articlePreview { background: none; width:144px;} #landing .mainContent #dreambook .articlePreview p { margin-top: 0; } #landing .mainContent #dreambook .dividerDots { width: 144px; } a.landingLink:active, a.landingLink:link, a.landingLink:visited { color:#000000; font-size:12px; font-weight:bold; text-decoration: none; } a.landingLink:hover { color:#669AD2; font-size:12px; font-weight:bold; text-decoration: none; } #answerDepot { float:left; display:inline; width:707px; margin:10px 16px; padding:0; } #answerDepot h2#connect { width:707px; height:22px; float:left; display:inline; text-indent:-9999px; margin:0; padding:0; background:url(/wcsstore/HomeDepotCanada/images/DesignCentre/en_CA/h2_landing_connect.gif) no-repeat left top;} #answerDepot .text { float:left; display:inline; /*width:114px;*/ margin:0; padding:10px 0 0 0; background:url(/wcsstore/HomeDepotCanada/images/DesignCentre/border-grey-horizontal-dots.gif) repeat-x top left;} #answerDepot .text p { margin:0; padding:0;} #answerDepot .answer { float:left; display:inline; margin:0; padding:10px 0 0 0; /*background:url(/wcsstore/HomeDepotCanada/images/DesignCentre/border-grey-horizontal-dots.gif) repeat-x top left;*/} .BVQAHeaderCategoryPathCategoryName { visibility:hidden;} /* * Article Pages */ /* Main Hero */ .designCentreContentPage #hero { width: 767px; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #hero h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } .designCentreContentPage #heroFP { width: 767px; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #heroFP h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } #lightTheWay #heroFP { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/redefiningfloors-hero.jpg) no-repeat; } .designCentreContentPage #heroPP { width: 767px; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #heroPP h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } #lightTheWay #heroPP { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/thinkincolour-hero.jpg) no-repeat; } .designCentreContentPage #heroARCHIVE { width: 783x; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #heroARCHIVE h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } #lightTheWay #heroARCHIVE { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/archive-hero.jpg) no-repeat; } .designCentreContentPage #heroTP { width: 767px; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #heroTP h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } #smallSpaces #heroTP { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/tilepicker-hero.jpg) no-repeat; } #lightTheWay #heroTP { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/tilepicker-hero.jpg) no-repeat; } .designCentreContentPage #heroWP { width: 767px; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #heroWP h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } #lightTheWay #heroWP { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/windowpicker-hero.jpg) no-repeat; } .designCentreContentPage #heroCP { width: 767px; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #heroCP h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } #lightTheWay #heroCP { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/carpetpicker-hero.jpg) no-repeat; } .designCentreContentPage #heroAU { width: 767px; height: 157px; position: relative; margin-top: 1px; } .designCentreContentPage #heroAU h1 { text-indent: -9999px; margin: 0; padding: 0; width: 767px; height: 157px; position: absolute; top: 0; left: 0; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); } #smallSpaces #heroAU { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/aff-upgrades-hero.jpg) no-repeat; } /* Article Content */ .designCentreContentPage .mainContent { width: 767px; overflow: hidden; margin: 0; padding: 12px 0; } .designCentreContentPage .leftContent { width:180px; overflow: hidden; display: inline; float: left; margin: 0; padding: 0; } .designCentreContentPage .leftContent .dividerDots { width: 154px; } .designCentreContentPage .leftContent .archives { width: 134px !important; width: 154px; margin: 2px 0 0 !important; margin: -10px 0 0; padding: 10px; background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/bg-grey-vertical-gradient.gif) repeat-x top left; } .designCentreContentPage .leftContent .archives p { width: 134px; margin: 0 0 8px; } #smallSpaces .leftContent .archives p { width: 134px; margin: 0 0 8px; } .designCentreContentPage .rightContent { width: 526px; overflow: hidden; margin: 0; padding: 8px 0 8px 15px; border-left: 1px solid #ccc; } .designCentreContentPage#harvest .rightContent { width:560px;} .designCentreContentPage#heritage .rightContent { width:560px;} .designCentreContentPage#newFrontiers .rightContent { width:560px;} .designCentreContentPage .rightContent h2 { font-size: 24px; font-weight: normal; color: #669ad2; margin: 8px 0; } .designCentreContentPage .rightContent h3 { font-size: 12px; font-weight: bold; margin: 0; } .designCentreContentPage .rightContent2 { width: 250px; overflow: hidden; margin: 0; } .designCentreContentPage .rightContent2 h2 { font-size: 24px; font-weight: normal; color: #669ad2; margin: 24px 0px 0px 0px; } /* Endeca box */ .designCentreContentPage .endecaBox { width: 134px !important; width: 154px; margin: 10px 0 0; padding: 10px; background-color: #e5e5e5; } .designCentreContentPage .endecaBox h4 { font-size: 12px; margin: 0; font-weight:bold; } .designCentreContentPage .endecaBox h5 { text-transform: uppercase; margin: 15px 0 0; font-size: 11px; font-weight:bold; } .designCentreContentPage .endecaBox ul { list-style: none; margin: 8px 0 0; padding: 0; } .designCentreContentPage .endecaBox li { background-image: none; padding: 0 0 0 10px; } .designCentreContentPage .endecaBox li.hover { background: transparent url(/wcsstore/HomeDepotCanada/images/MCPage/arrow_left_nav.gif) no-repeat 0 2px; } .designCentreContentPage .endecaBox a { color: #000; text-decoration: none; font-size: 11px; } .designCentreContentPage .endecaBox a:hover { color: #000; } /* * End Global Styles */ /* * Specific Article Styles */ /* Bathrooms */ #modernBathrooms #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/bathrooms-hero.jpg) no-repeat; } #modernBathrooms .imageWrap { overflow: hidden; width: 522px; } #modernBathrooms img { display: inline; float: left; margin: 0 !important; margin:0 -3px; } #modernBathrooms #imageOne { display: block; float: none; } /* Light the Way */ #lightTheWay #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/light-the-way-hero.jpg) no-repeat; } #lightTheWay .innerWrapper { width: 270px; display: inline; float: left; margin: -10px 0 0 !important; margin: 0; } #lightTheWay .floatingImage { display: inline; float: right; margin: 4px 0; } #lightTheWay .pLast { clear: both; } /* Wallcoverings */ #wallcoverings #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/wallcoverings-hero.jpg) no-repeat; } #wallcoverings .imageWrap { overflow: hidden; width: 522px; } #wallcoverings img { display: inline; float:left; margin:0 !important; margin:0 -3px; } #wallcoverings .miniWrap { overflow: hidden; width: 224px; float: left; } #wallcoverings .miniWrap p { margin: 0 0 16px; } #wallcoverings img#laundry { float: right; margin: 0; } /* Small Spaces */ #smallSpaces #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/small_space/small-spaces-hero.jpg) no-repeat; z-index:9; } #smallSpaces p { margin: 10px 0; } #smallSpaces p.last { width: 240px; display: inline; float: left; } #smallSpaces .imageWrap { width: 282px; display: inline; float: left; margin: 10px 0 0; } #smallSpaces .imageWrap img { display: inline; float: left; margin: 0 6px; } /* Paint Picker */ #contentWrapper .bottom_content { width:767px; display:inline; float:left; } #contentWrapper .paintproducts { width:530px; height:340px; display:inline; float:left; padding: 10px 0px 0px 15px; border: 0px solid #ffffff; _width: 550px; } #contentWrapper .product_line { width:180px; display:inline; float:left; padding: 0px 0px 0px 0px; background: url(/wcsstore/HomeDepotCanada/images/DesignCentre/products_background.gif) repeat-y top left; } #contentWrapper .product_noline { width:170px; height:300px; display:inline; float:left; padding: 0px 0px 0px 0px; } #contentWrapper .product_noline p { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#000000; padding: 0px 0px 0px 0px; height:40px; width:165px; } #contentWrapper .product_line p { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#000000; padding: 0px 0px 0px 0px; height:40px; width:165px; } #contentWrapper .buynow{ background: url(/wcsstore/HomeDepotCanada/images/DesignCentre/en_CA/button_buynow.gif) no-repeat 0 4px; width:100px; height:21px; } #contentWrapper .interior { width:195px; height:326px; float:left; padding: 20px 0px 0px 0px; } /* End Redesign styles */ /* Global styles */ #contentWrapper * { margin:0; padding:0; } #contentWrapper { width:767px; margin: 1px 0 0 0px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; } #contentWrapper h1 { border-bottom:4px solid #8eafa6; } #contentWrapper h1 a { text-indent:-9999px; width:767px; height:63px; display:block; } #contentWrapper .mainContentWrapper { border-top:2px solid #2a1602; background-color:#593b1d; overflow:hidden; width:749 !important; width:767px; float:left; padding:8px 10px 10px 8px; } #contentWrapper .mainContentWrapper2 { overflow:hidden; width:749 !important; width:767px; float:left; padding:8px 10px 10px 8px; } #contentWrapper .mainContentWrapperFP { border-top:2px solid #2a1602; background-color:#633815; overflow:hidden; width:767px !important; width:767px; float:left; padding:0px 0px 2px 0px; } #contentWrapper .mainContentWrapperTP { /*border-top:2px solid #2a1602;*/ background-color:#FFFFFF; overflow:hidden; width:767px !important; width:767px; float:left; padding:0px 0px 2px 0px; } #contentWrapper .mainContentWrapperTTT { /*border-top:2px solid #2a1602; background-color:#633815;*/ overflow:hidden; width:767px !important; width:767px; float:left; padding:0px 0px 2px 0px; } #contentWrapper .mainContent { width:556px; float:left; overflow:hidden; } #contentWrapper .mainContent p { margin:16px 0; } #contentWrapper .section { width:556px; overflow:hidden; display:inline; float:left; margin:0 0 8px; color:#9a8b6f; } #contentWrapper .section2 { width:556px; overflow:hidden; display:inline; float:left; margin:0 0 8px; color:#000000; } #contentWrapper .mainContentAC { float:left; overflow:hidden; } #contentWrapper .mainContentAC p { margin:16px 0; } #contentWrapper .sectionAC { display:inline; float:left; margin:0 0 8px; color:#000000; } #contentWrapper #magazineLinks { width:186px; float:right; } #contentWrapper #magazineLinks .magazine { width:186px; text-indent:-9999px; margin:0 0 8px; } #contentWrapper .button { display:block; border:0; text-indent:-9999px; } #contentWrapper a:link { color:#9A8B6F; text-decoration:underline; font-size:12px; } #contentWrapper a:visited { color:#6A7F79; } #contentWrapper a:hover { color:9A8B6F; text-decoration: none; } #contentWrapper a:active { color:#9A8B6F; } #contentWrapper .subSection h2 { margin:16px 0 0 16px; } #contentWrapper .subSection { background-color:#341c04; } #contentWrapper .subSection p { margin:16px; } #contentWrapper .subSection p.intro { font-size:14px; } #contentWrapper .subSection2 { background-color:#ffffff; } #contentWrapper .subSection2 p { margin:16px; } #contentWrapper .subSection2 p.intro { font-size:14px; } #contentWrapper .product_lineFP { width:180px; display:inline; float:left; border: 0px solid #ffffff; padding: 0px 0px 20px 0px; background: url(/wcsstore/HomeDepotCanada/images/DesignCentre/products_background.jpg) repeat-y top left;} #contentWrapper .product_lineFP p { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#ebd6c6; padding: 0px 0px 0px 0px; height:40px; width:165px;} #contentWrapper .product_nolineFP { width:170px; height:265px; display:inline; float:left; padding: 0px 0px 20px 0px;} #contentWrapper .product_nolineFP p { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#ebd6c6; padding: 0px 0px 0px 0px; height:40px; width:165px;} #contentWrapper .product_line a:link { color:#669AD2; text-decoration:underline; font-size:11px; } #contentWrapper .product_line a:visited { color:#669AD2; text-decoration:underline; } #contentWrapper .product_line a:hover { color:669AD2; text-decoration:underline; } #contentWrapper .product_line a:active { color:#669AD2; text-decoration:underline; } #contentWrapper .product_noline a:link { color:#669AD2; text-decoration:underline; font-size:11px; } #contentWrapper .product_noline a:visited { color:#669AD2; text-decoration:underline; } #contentWrapper .product_noline a:hover { color:669AD2; text-decoration:underline; } #contentWrapper .product_noline a:active { color:#669AD2; text-decoration:underline; } #contentWrapper .product_lineFP a:link { color:#ebd6c6; text-decoration:underline; font-size:11px; } #contentWrapper .product_lineFP a:visited { color:#ebd6c6; text-decoration:underline; } #contentWrapper .product_lineFP a:hover { color:ebd6c6; text-decoration:underline; } #contentWrapper .product_lineFP a:active { color:#ebd6c6; text-decoration:underline; } #contentWrapper .product_nolineFP a:link { color:#ebd6c6; text-decoration:underline; font-size:11px; } #contentWrapper .product_nolineFP a:visited { color:#ebd6c6; text-decoration:underline; } #contentWrapper .product_nolineFP a:hover { color:ebd6c6; text-decoration:underline; } #contentWrapper .product_nolineFP a:active { color:#ebd6c6; text-decoration:underline; } /* Endeca Search box */ #contentWrapper .endecaSearchBox { width: 164px !important; width: 186px; padding: 10px; background-color: #c4af9b; border: 1px solid #e5d5c6; color: #341c04; font-size: 11px; } #contentWrapper .endecaSearchBox h4 { text-transform: uppercase; font-size: 12px; font-weight:bold; } #contentWrapper .endecaSearchBox .horLine { border-top: 1px dashed #341c04; margin: 10px 0 0; } #contentWrapper .endecaSearchBox h5 { text-transform: uppercase; font-size: 11px; margin: 15px 0 0; font-weight:bold; } #contentWrapper .endecaSearchBox ul { list-style: none; } #contentWrapper .endecaSearchBox li { background-image: none; padding: 0 0 0 10px; color: #341c04; } #contentWrapper .endecaSearchBox li.hover { background: transparent url(/wcsstore/HomeDepotCanada/images/MCPage/arrow_left_nav.gif) no-repeat 0 2px; } #contentWrapper .endecaSearchBox a { color: #341c04; text-decoration: none; font-size: 11px; } #contentWrapper .endecaSearchBox a:hover { color: #341c04; } /* Landing page */ #landing #bathrooms { height:325px; background: #341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_bathrooms.jpg) no-repeat top left; } #landing #bathrooms .miniWrap { float:right; display:inline; width:205px; color:#9a8b6f; margin:10px 15px 0 0; } #landing #kitchens { height:298px; background: #d7c1ab url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_kitchens.jpg) no-repeat top right; } #landing #kitchens .miniWrap { float:left; display:inline; width:252px; color:#341c04; margin:10px 0 0 15px; } #landing #floors { height:282px; background: #341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_floor.jpg) no-repeat top left; } #landing #floors .miniWrap { float:right; display:inline; width:291px; color:#9a8b6f; margin:10px 15px 0 0; } #landing #wallcoveringsLander { height:265px; background: #d7c1ab url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_wallcoverings.jpg) no-repeat top right; } #landing #wallcoveringsLander .miniWrap { float:left; display:inline; width:291px; color:#341c04; margin:10px 0 0 15px; } #landing #vanities { height:282px; background: #d7c1ab url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_vanities.jpg) no-repeat top right; } #landing #vanities .miniWrap { float:left; display:inline; width:276px; color:#341c04; margin:10px 0 0 15px; } #landing #fireplaces { height:282px; background: #d7c1ab url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_fireplaces.jpg) no-repeat top right; } #landing #fireplaces .miniWrap { float:left; display:inline; width:276px; color:#341c04; margin:10px 0 0 15px; } #landing #coastalChicLander { height:295px; background: #d7c1ab url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_coastal_chic.jpg) no-repeat top right; } #landing #coastalChicLander .miniWrap { float:left; display:inline; width:250px; color:#341c04; margin:10px 0 0 15px; } #landing #summerSavouriesLander { height:295px; background: #341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_summer_savouries.jpg) no-repeat top left; } #landing #summerSavouriesLander .miniWrap { float:right; display:inline; width:256px; color:#9a8b6f; margin:10px 15px 0 0; } #landing #thinkincolor { height:287px ; background: #341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/paint_picker_animated.gif) no-repeat top left; } #landing #thinkincolor .miniWrap { float:right; display:inline; width:200px; color:#9a8b6f; margin:10px 15px 0 0; } #landing #thinkincolor .miniWrapfr { float:right; display:inline; height:400px; width:210px; color:#9a8b6f; margin:10px 10px 0px 0px; } #landing #lightTheWayLander { height:298px; background:#d7c1ab url(../../images/DesignCentre/landing_light_the_way.jpg) no-repeat top right;} #landing #lightTheWayLander .miniWrap { float:left; display:inline; width:252px; color:#341c04; margin:10px 0 0 15px; } #landing #naturalLifeLander { height:282px; background: #341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_natural_life.jpg) no-repeat top left; } #landing #naturalLifeLander .miniwrap { float:right; display:inline; width:220px; color:#9a8b6f; margin:10px 0 0 15px; } #landing #moodBoards .miniwrap { float:left; display:inline; width:220px; color:#341c04; margin:10px 0 0 15px; } #landing #moodBoards .miniWrap p { margin: 0 0 5px 0; } #landing #fireside { height:251px; background: #341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing-fireside.jpg) no-repeat top left; } #landing #fireside .miniwrap { float:right; display:inline; width:220px; color:#9a8b6f; margin:10px 0 0 15px; } #landing #fireside .miniWrap p { margin: 0 10px 15px 0; } #landing #areaRugsLander { height:295px; background: #341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_area_rugs.jpg) no-repeat top left; } #landing #areaRugsLander .miniWrap { float:right; display:inline; width:256px; color:#9a8b6f; margin:10px 15px 0 0; } #landing #floorpicker { height:287px ; background: #341c04; } #landing #floorpicker .miniWrap { float:right; display:inline; width:200px; color:#9a8b6f; margin:10px 15px 0 0; } #landing #floorpicker .miniWrapfr { float:right; display:inline; height:400px; width:210px; color:#9a8b6f; margin:10px 10px 0px 0px; } #landing #fallfurniture { height:282px; background: #d7c1ab url(/wcsstore/HomeDepotCanada/images/DesignCentre/landing_furniture.jpg) no-repeat top right; } #landing #fallfurniture .miniWrap { float:left; display:inline; width:276px; color:#341c04; margin:10px 0 0 15px; } /* Kitchens */ #colourfulKitchens .section p { width:524px; } #colourfulKitchens .miniWrap { overflow:hidden; } #colourfulKitchens .miniWrap p { width:298px; display:inline; float:left; margin:0 0 0 16px; } #colourfulKitchens .miniWrap img { display:inline; float:right; margin:0 20px 0 0; } #colourfulKitchens p.pOne { clear:both; } #colourfulKitchens .imageWrap { background-color:#3c2207; overflow:hidden; } #colourfulKitchens .imageWrap #imgOne { margin:20px 0 20px 45px; } #colourfulKitchens .imageWrap #imgTwo { margin:20px 40px 20px 45px; } /* Floors */ #floorIt .floorTypes { overflow:hidden; width:524px; margin:16px; } #floorIt .floorTypes p { width:486px; display:inline; float:right; margin:0; } #floorIt #floorTypeOne { background:#341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/bullet_one.gif) no-repeat 4px 4px; } #floorIt #floorTypeTwo { background:#341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/bullet_two.gif) no-repeat 0 4px; } #floorIt #floorTypeThree { background:#341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/bullet_three.gif) no-repeat 1px 4px; } #floorIt #floorTypeFour { background:#341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/bullet_four.gif) no-repeat -2px 4px; } #floorIt #floorTypeFive { background:#341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/bullet_five.gif) no-repeat -2px 4px; } #floorIt #floorTypeSix { background:#341c04 url(/wcsstore/HomeDepotCanada/images/DesignCentre/bullet_six.gif) no-repeat 0 4px; } /* Vanities */ #focalPointVanities #flashMovie { width: 556px; height: 550px; } /* Coastal Chic */ #coastalChic .miniWrap { width: 556px; overflow: hidden; clear: both; margin: 16px 0 0; } #coastalChic .miniWrap p { width: 246px; display: inline; float: left; margin: 0 0 20px 16px; } #coastalChic #miniWrapTwo p { clear: left; } #coastalChic #stairs { float: left; display: inline; margin: 0 !important; margin: 0 0 0 -3px; } #coastalChic #fan { display: inline; margin: 0 0 0 16px; float: none !important; float: right; } /* Summer Savouries */ #summerSavouries #miniWrapOne { width: 556px; clear: both; margin: 16px 0px 0px 0px; } #summerSavouries #miniWrapOne p { width: 358px; display: inline; float: left; margin: 0px 0px 20px 16px; line-height:15px; } #summerSavouries #miniWrapTwo { width: 556px; clear: both; margin: 4px 0px 0px 0px; } #summerSavouries #miniWrapTwo p { margin: 0px 0px 20px 0px; line-height:15px; } #summerSavouries #miniWrapThree { width: 556px; clear: both; margin: 4px 0px 0px 0px; } #summerSavouries #miniWrapThree p { display: inline; float: left; margin: 0px 16px 20px 16px; line-height:15px; } #summerSavouries #flowers { float: right; display: inline; margin: 0px 0px 0px 0px; } #summerSavouries #wallpaper { float: left; display: inline; margin: 0px 16px 14px 0px; clear:both; } /*#summerSavouries #pillows { float: right; display: inline; margin: 0px 10px 0px 8px; }*/ /*#summerSavouries h3 { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9A8B6F; margin: 0px 0px 20px 16px; font-weight: bold; }*/ #summerSavouries .rightAlignIMG { float: right; margin: 0px 0px 0px 8px; display:inline; clear:right; } /* Light the way */ #lightTheWay .leftImage { margin:0 10px 10px 0; } #lightTheWay .rightImage { float:right; margin:0 0 10px 10px;} /*Natural Life*/ #naturalLife #gazebo { float: left; margin-right: 13px; margin-bottom: 15px;} /* Fireside */ #fireside .faucet { float: right; margin: 15px 10px 0 20px; } #fireside img { border: 0; } #fireside a:visited, #fallFurniture a:visited { color: #9a8b6f; font-size: 12px; text-decoration: underline; } /*Archive Link Box*/ #contentWrapper #magazineLinks .archiveRS { padding: 10px; background-color: #4E7268; color: #FFFFFF; font-size: 11px; margin-top:0px; } #contentWrapper #magazineLinks .archiveRS a { color: #FFFFFF; text-decoration: underline; font-size: 11px; } /*Archive Arrow Link*/ #contentWrapper a.arrowLink:link { color:#669ad2; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; } #contentWrapper a.arrowLink:visited { color:#669ad2; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; } #contentWrapper a.arrowLink:hover { color:#b2cce8; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; } #contentWrapper a.arrowLink:active { color:#669ad2; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; } /*Archive topRighft Link*/ #contentWrapper a.topRight:link { color:#669ad2; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #contentWrapper a.topRight:visited { color:#669ad2; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #contentWrapper a.topRight:hover { color:#669ad2; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #contentWrapper a.topRight:active { color:#669ad2; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #contentWrapper .disclaimer { clear: left; color: #fff; font-size: 11px; font-weight: normal !important; margin: 10px 25px !important; width: 715px; } #contentWrapper .disclaimer b { font-weight: normal; /* FF Hack, for some reason the page is inserting tags around everything and I can't seem to find out where it is happening. */ } #contentWrapper .disclaimer a { color: #fff; font-size: 11px; /* Another IE6 Hack */ text-decoration: underline; width: auto; /* IE Fix */ } #contentWrapper .disclaimer a:visited { color: #fff; } /* Fall Furniture */ #contentWrapper #fallFurniture .subSection p { margin-top: 5px; } #fallFurniture .inviteText { float: left; width: 250px; } #fallFurniture .inviteImg { float: right; margin-top: 10px; width: 278px; } #fallFurniture a:hover { color: #6A7F79; } #fallFurniture .intro a, #fallFurniture .intro a:hover, #fallFurniture .intro a:visited { font-size: 14px; } /* pop up */ #smallSpaces .hero { width:523px; height:431px; position:relative; background:url(/wcsstore/HomeDepotCanada/images/DesignCentre/small_space/small-spaces-kitchen.jpg); float:left; display:inline; z-index:0; } .pointHolder { position:absolute; height:25px; overflow:hidden; } .overText {background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_1.gif) right top; float:left; padding:0 30px 0 0; margin:0 5px 0 0; display:inline; visibility:hidden; } .overText span { height:25px; padding:5px 0 0 20px; background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_1.gif); float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .point { width:25px; height:25px; cursor:pointer; float:left; margin:0; padding:0; } .overText.right {background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_2.gif) left top; float:left; padding:0 0 0 30px; margin:0 0 0 5px; } .overText.right span { height:25px; padding:5px 20px 0 0; background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_2.gif) right top; float:left; display:inline; } .popup {width:456px; height:270px; position:absolute; left:35px; top:65px; background:#ffffff; font-size:11px; display:none;} .popup .contentHolder {width:446px; height:260px; margin:4px; border:1px solid #cccccc; position:relative;} .popup .contentHolder .btnClose {padding-right:20px; background:url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/btn_close.gif) right top no-repeat; color:#669ad2; position:absolute; top:10px; right:10px; height:20px; cursor:pointer;} .popup .contentHolder .prod {width:216px; height:210px; margin:30px 20px 20px 20px; border-right:1px solid #cccccc; float:left; display:inline;} .popup .contentHolder .prod .imgHolder {width:216px; height:150px; text-align:center; vertical-align:middle; float:left; margin:0 0 10px 0; padding:0; } .popup .contentHolder .info {float:left; display:inline; width:160px; margin:30px 20px 20px 0;} .popup .contentHolder .info.simple { margin-top:100px;} #smallSpaces .popup .contentHolder .info p { float:left; width:160px; margin:5px 0; padding:0; display:inline; } .popup .contentHolder .info .price {color:#669ad2; font-weight:bold; font-size:12px;} /* trend in tiles */ #trendInTiles #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/trends-in-tile/tiles_hero.jpg) no-repeat; } #trendInTiles .hero { width:523px; height:405px; position:relative; background:url(/wcsstore/HomeDepotCanada/images/DesignCentre/trends-in-tile/middle_bg.jpg); } #trendInTiles .mainContent .rightContent .overText {background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_1.gif) right top; float:left; padding:0 30px 0 0; margin:0 5px 0 0; display:inline; visibility:hidden; } #trendInTiles .mainContent .rightContent .overText span { height:25px; padding:5px 0 0 20px; background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_1.gif); float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #trendInTiles .mainContent .rightContent .point { width:25px; height:25px; cursor:pointer; float:left; margin:0; padding:0; } #trendInTiles .mainContent .rightContent .overText.right { background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_2.gif) left top; float:left; padding:0 0 0 30px; margin:0 0 0 5px; } #trendInTiles .mainContent .rightContent .overText.right span { height:25px; padding:5px 20px 0 0; background:transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/over_box_2.gif) right top; float:left; display:inline; } #trendInTiles .mainContent .rightContent .popup { width:392px; height:136px; position:absolute; left:76px; top:119px; background:#ffffff; font-size:11px; display:none; } #trendInTiles .mainContent .rightContent .popup .contentHolder { width:382px; height:126px; margin:4px; border:1px solid #cccccc; position:relative; } #trendInTiles .mainContent .rightContent .popup .contentHolder .btnClose { padding-right:20px; background:url(/wcsstore/HomeDepotCanada/images/DesignCentre/popup/btn_close.gif) right top no-repeat; color:#669ad2; position:absolute; top:10px; right:10px; height:20px; cursor:pointer; } #trendInTiles .mainContent .rightContent .popup .contentHolder .prod { width:126px; height:102px; margin:12px 0px 12px 0px; border-right:1px solid #cccccc; float:left; display:inline; padding:0px 0px 0px 0px; } #trendInTiles .mainContent .rightContent .popup .contentHolder .prod .imgHolder { width:102px !important; width:88px; height:102px; float:left; margin:0px 12px 0px 12px; padding:0px 0px 0px 0px; display:inline; } #trendInTiles .mainContent .rightContent .popup .contentHolder .info { float:left; width:220px !important; width:205px; margin:24px 12px 12px 12px; padding:0px 0px 0px 0px; } #trendInTiles .mainContent .rightContent .popup .contentHolder .info.simple { margin-top:100px; } #trendInTiles .mainContent .rightContent .popup .contentHolder .info p { float:left; width:215px !important; width:205px; margin:0px 0px 12px 0px; padding:0px 0px 0px 0px; display:inline; } /*cabana*/ #cabana #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/cabana/hero.jpg) no-repeat; } #cabana img { float:left; display:inline; margin:0; padding:0;} #cabana img#coach { margin-bottom:10px;} #cabana img#color { margin-right:5px; margin-bottom:30px; } #cabana img#torch { float:right; margin:10px 0 20px 10px;} #cabana img#wallpaper { margin-top:10px; } #cabana p { margin:0 0 10px 0; padding:0; } /*architecture*/ #architecture #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/architecture/hero.jpg) no-repeat; } #architecture p { margin:0 0 10px 0; padding:0; } #architecture img { float:left; display:inline; margin:0; padding:0;} #architecture img#color { margin:0 4px 30px 0;} #architecture img#tub { margin:0 0 20px 0;} #architecture img#carpet { float:right; margin:-10px 0 10px 10px;} /*Grey Matters*/ #greyMatters #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/grey-matters/hero.jpg) no-repeat; } #greyMatters p { margin:0 0 10px 0; padding:0; } #greyMatters img { float:left; display:inline; margin:0; padding:0;} #greyMatters img#kitchen { margin: 0 0 20px 0; } #greyMatters img#hangingLight { float:right; margin: 0 0 12px 10px; } #greyMatters img#patio { margin: 32px 0 0 0; } #greyMatters img#color { margin:0 10px 30px 0;} #greyMatters img#tub { margin:0 0 20px 0;} #greyMatters img#carpet { float:right; margin:-10px 0 10px 10px;} #fanFaves #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/fanFaves-hero.jpg) no-repeat; } /*all trends*/ #harvest .adspotDivider, #heritage .adspotDivider, #newFrontiers .adspotDivider { width: 548px; float: left; display: inline; margin-bottom: 10px; margin-top: 15px; overflow: hidden; } #harvest .adspotBox, #heritage .adspotBox, #newFrontiers .adspotBox { float: left; height: 131px; width: 560px; overflow: hidden; margin:0;/*margin-left: auto !important; margin-left: -5px;*/ } #harvest .adspotBox img, #heritage .adspotBox img, #newFrontiers .adspotBox img { border: none; float: left !important; display: inline; margin: 0; padding: 0; } #harvest .adspotBox a, #heritage .adspotBox a, #newFrontiers .adspotBox a { margin: 0; padding: 0; float: left; display: inline; } .adspotBox #left { margin-right: 10px !important; } /*Heritage*/ #heritage #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/heritage/hero.jpg) no-repeat; } #heritage #mainText { width: 190px; float: left; display: inline; padding-left: 5px; margin-top: 13px; } #heritage #swatches { float: left; display: inline; margin-right: 5px; } #heritage #decor, #heritage #drapes #heritage #faucets, #heritage #tiles { float:left; display: inline; margin-left:10px; } #heritage #fixtures { margin: 14px 0 14px 11px; } #heritage #drapes { margin: 13px 0 18px 0; } #heritage #faucets { margin: 0 0 20px 53px; } /*Harvest*/ #harvest #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/harvest/hero.jpg) no-repeat; } #harvest #mainText { width: 190px; float: left; display: inline; padding-left: 5px; margin-top: 13px; } #harvest #mainText p { margin-top: 0; margin-bottom: 11px; } #harvest #swatches { float: left; display: inline; margin-right: 5px; } #harvest #drapery { margin: 3px 0 17px 26px; } #harvest #kitchen, #harvest #lighting, #harvest #flooring, #harvest #carpet { float: left; display: inline; margin-left:10px; } #harvest #lighting { margin: 13px 8px 30px 11px; } #harvest #flooring { margin: 0 7px 30px 0; } #harvest #carpet { margin: 0 7px 0 0; } /*New Frontiers*/ #newFrontiers #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/new-frontiers/hero.jpg) no-repeat; } #newFrontiers #mainText { width: 190px; float: left; display: inline; padding-left: 5px; margin-top: 13px; } #newFrontiers #mainText p { margin-top: 0; margin-bottom: 11px; } #newFrontiers #swatches { float: left; display: inline; margin-right: 5px; } #newFrontiers #faucets { margin: 3px 0 24px 4px;} #newFrontiers #livingRoom, #newFrontiers #backsplash, #newFrontiers #tile, #newFrontiers #stone { float: left; display: inline; margin-left:10px; } #newFrontiers #backsplash { margin: 13px 0 35px 0; } #newFrontiers #tile { margin: 0 9px 4px 0; } #newFrontiers #stone { margin: 0 7px 0 0; } #wk31 #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/wk31-hero.jpg) no-repeat; } #inspirationGallery #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/inspirationgallery-hero.jpg) no-repeat; } #moodboards #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/mb-hero.jpg) no-repeat; } #design-trends #hero { background: transparent url(/wcsstore/HomeDepotCanada/images/DesignCentre/dt-hero.jpg) no-repeat; }