/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0pr2 */ /* reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* fonts */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} body { text-align:center; } .page { width:960px; margin:0 auto; text-align:left; } .button { display:block; border:0 none; cursor:pointer; text-indent:-999px; overflow:hidden; text-decoration:none; float:left;} button::-moz-focus-inner { border:0; padding:0; } /* Remove extra padding in FF */ button:active, button:focus { border:1px dotted; } .button span { height:19px; padding:0 0 0 6px; white-space:nowrap; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:16px; font-weight:bold;/*font:bold 11px/18px Arial, Helvetica, sans-serif; */color:white; text-transform:uppercase; float:left; } .generic-button { height:19px; padding:0 17px 0 0; text-indent:0; overflow:visible; background:url(/wcsstore/HomeDepotCanada/images/global/generic-button-bg.png) no-repeat right -19px; } .generic-button span { background:url(/wcsstore/HomeDepotCanada/images/global/generic-button-bg.png) no-repeat left -19px; } .generic-button-grey { height:19px; padding:0 17px 0 0; text-indent:0; overflow:visible; background:url(/wcsstore/HomeDepotCanada/images/global/generic-button-bg.png) no-repeat right -38px; } .generic-button-grey span { background:url(/wcsstore/HomeDepotCanada/images/global/generic-button-bg.png) no-repeat left -38px; } #global-header { height:178px; overflow:visible; border-bottom:1px solid #efefef; background:url(/wcsstore/HomeDepotCanada/images/global/horz-repeat-bg.png) repeat-x; z-index:10; position:relative; min-width:960px; } #global-header .inner { position:relative; } #global-header .mast-head { height:17px; margin:0 0 9px; padding:3px 0 0; color:#ffffff; font-size:11px; font-weight:bold; } #global-header .mast-head a { color:#ffffff; font-size:11px; text-decoration:none; font-weight:bold; } #global-header .mast-head a:hover { color:#ffffff; text-decoration:underline; font-weight:bold; } #global-header .welcome { float:left;} #global-header .user { float:right;} #global-header .user br { display:none; } #global-header a.logoLink { float:left; margin-right:650px;} #global-header .main-logo { margin:0; } #global-header .featured-destinations { position:absolute; top:44px; right:0; } #global-header .featured-destinations a { margin-left:10px; float:left; display:inline; font-size:12px; font-weight:bold; color:#333333; text-decoration:none; position: relative; } #global-header .featured-destinations a .rnd-cnr-1px span { position: absolute; width: 1px; height: 1px; display: block !important; display: none; background-color: #fff; } #global-header .featured-destinations a .rnd-cnr-1px-top-left { left: -1px; top: -1px; } #global-header .featured-destinations a .rnd-cnr-1px-top-right { right: -1px; top: -1px; } #global-header .featured-destinations a .rnd-cnr-1px-bottom-left { left: -1px; bottom: -1px; } #global-header .featured-destinations a .rnd-cnr-1px-bottom-right { right: -1px; bottom: -1px; } #global-header .featured-destinations a .icon { position: absolute; display: block; background-image: url(/wcsstore/HomeDepotCanada/images/global/global-assets.png); background-repeat: no-repeat; } #global-header .featured-destinations a .arrow-right { width: 4px; height: 9px !important; height: 0; display: block; position: absolute; background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat -20px -224px; right: 12px; top: 18px; } #global-header .featured-destinations .shopping-cart { height:51px; padding: 0 0 0 40px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/context-button-bg.png) no-repeat left top; overflow:hidden; display: block; } #global-header .featured-destinations .shopping-cart .label { height: 43px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/context-button-bg.png) no-repeat right top; padding: 8px 25px 0 8px; white-space: nowrap; float: left; } #global-header .shopping-cart .num-items { position: absolute; left:8px; bottom: 8px; width:100px; text-align:center; color:#ffffff; } #global-header .shopping-cart .icon { width: 20px; height: 17px; left: 22px; top: 7px; background-position: 0 -72px; } #global-header .featured-destinations .cart a { float:left; display:inline; margin:10px 20px 3px 50px; padding:0;} #global-header .featured-destinations .cart p { margin:0; padding:0; } #global-header .featured-destinations a:hover .label { text-decoration:underline;} #global-header .other-destinations { /*position:absolute; top:156px; right:8px;*/ float:right; margin:48px 8px 0 0; } #global-header .other-destinations a { margin-left:18px; font-size:11px; color:#555555; text-decoration:none; } #global-header .other-destinations a:hover { font-size:11px; color:#555555; text-decoration:underline; } #global-header .other-destinations li { float:left; } #global-header .global-search { /*position:absolute; left:0; top:155px;*/ float:left; margin:47px 0 0 0; } #global-header .global-search label { display:none;} #global-header .global-search input { margin-right:10px; float:left; } #global-header .global-search a { float:left; } #global-header .global-search a span { float:left;} #global-header .global-search .search-button { /*background: url(/wcsstore/HomeDepotCanada/images/global/en/search-button.png) top left no-repeat; width:63px; height:19px; text-indent:-9999px; border:0; cursor:pointer;*/ } #local-features, #local-features .inner, #local-features .feature, #local-features .feature span { background-image:url(/wcsstore/HomeDepotCanada/images/store-locator/local-region.png); } #local-features { position:absolute; top:36px; right:130px; height:65px; padding-left:10px; font-size:12px; } #local-features .inner { height:58px; padding:7px 10px 0 0; float:left; background-position:top right; } #local-features a { font-weight:bold; text-decoration:none; } #local-features .region { font-size:11px; } #local-features .region a { color:#f58220; } #local-features .region a:hover { text-decoration:underline;} #local-features .feature { height:34px; margin-top:3px; padding-left:43px; float:left; color:black; } #local-features .feature span { display:block; height:21px; padding:11px 17px 0 0; float:left; cursor:pointer; } #local-features .eflyer { margin-right:10px; background-position:0 -65px; } #local-features .eflyer span { background-position:right -65px; } #local-features .store-locator { background-position:0 -99px; } #local-features .store-locator span { background-position:right -99px; } #local-features a:hover, #local-features a:hover span{ text-decoration:underline;} #global-nav { position:absolute; left:0; top:110px; width:960px; height:42px; background:url(/wcsstore/HomeDepotCanada/images/global/horz-repeat-bg.png) repeat-x 0 -110px; } #global-nav .dept { height:34px; margin:3px 0 4px -1px; float:left; overflow:visible; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; position:relative; } #global-nav .dept a { float:left; display:inline; text-decoration:none; color:black; } #global-nav .dept.hover { margin-top:0; border-top:3px solid #f58220; } #global-nav .dept.hover a { background:url(/wcsstore/HomeDepotCanada/images/global/horz-repeat-bg.png) repeat-x 0 -187px; text-decoration:underline; } #legacy-content { width:777px; margin:10px 91px; text-align:left; } .sub-nav { width:652px; /*height:312px;*/ padding-bottom:20px; position:absolute; top:36px; left:-2px; background:url(/wcsstore/HomeDepotCanada/images/global/sub-nav-bg.png) no-repeat left bottom; display:none; z-index:10; } .sub-nav a, .sub-nav a:hover, #global-nav .dept.hover .sub-nav a{ background:none; } .sub-nav .title { width:612px; margin:20px 20px 10px 20px; border-bottom:1px solid #cccccc; text-align:left; height:20px; } .sub-nav .title .l1-name { font-weight:bold; color:#000000; font-size:14px; } #global-nav .dept .sub-nav a {text-decoration:none;} #global-nav .dept .sub-nav .title a { width:auto; float:none; font-size:11px; color:#f5821f; font-weight:normal; height:auto; margin:0; padding:0; margin:0 2px 0 5px;} #global-nav .dept .sub-nav .title a:hover { text-decoration:underline;} .sub-nav .title span { font-size:11px; color:#f5821f; } .sub-nav .links { width:612px; /*height:180px;*/ margin:0 20px; } .sub-nav .links .link-row { width:612px; float:left; display:inline; } .sub-nav .links .link-group { float:left; display:inline; width:180px; margin:0 10px 10px 10px; } #global-nav .dept .sub-nav .links .link-group a { /*height:18px;*/ font-size:12px; font-weight:bold; color:#333333; float:left; display:inline; width:170px; text-align:left; margin:0; padding:0; } #global-nav .dept .sub-nav .links .link-group a:hover { text-decoration:underline;} #global-nav .dept .sub-nav .links .link-group a.l3 { font-size:11px; line-height:15px; font-weight:normal; width:150px; margin-left:20px; } .sub-nav .shop-all { width:612px; margin:10px 20px 0 20px; height:30px; float:left; display:inline;} .sub-nav .btm-links { width:612px; float:left; display:inline; margin:0 20px; text-align:left; border-top:1px solid #cccccc; } #global-nav .dept .sub-nav .btm-links a { width:auto; font-size:12px; color:#333333; text-decoration:none; font-weight:normal; float:none; margin:2px; padding:0;} .sub-nav .btm-links p { margin:5px 0 0 70px; padding:0;} .sub-nav .btm-links p.title { margin:10px 0 0 60px;color:#000000; font-size:12px; font-weight:bold; border:none; height:auto; padding:0;} #global-nav .dept .sub-nav .btm-links p.title a{ color:#000000; font-size:12px; font-weight:bold;} #global-nav .dept .sub-nav a.generic-button { padding:0 17px 0 0; height:19px; float:right; overflow:hidden; background:url(/wcsstore/HomeDepotCanada/images/global/generic-button.png) no-repeat right -19px; clear:both; } #global-nav .dept .sub-nav a.generic-button span { float:left;} #sub-nav-div { display:none;} .wrap { width:960px; margin:0 auto; text-align:left; /*overflow:hidden;*/ } #main-content { width:960px; margin:0 auto 20px; overflow:hidden; z-index:0; display:block; } #marquee-ad { width:952px; margin:0 0 10px; font-size:14px; color:#464646; border-bottom:1px solid #ffe862; border-top:1px solid #ffe862; text-align:left; position:relative; /*text-transform:uppercase;*/ } #marquee-ad .icon { position:absolute; bottom:5px; left:10px;} #marquee-ad p { background:#ffffff; margin:1px 0; padding:5px 10px 5px 15px;} #marquee-ad .text-link { font-size:10px; color:#f58220; margin-left:10px;} #marquee-ad a { font-size:10px; color:#f58220; text-decoration:underline;} #marquee-ad a:hover { font-size:10px; color:#f58220; text-decoration:none;} #global-footer { border-top:1px solid #f58220; padding-top:15px; z-index:0; min-width:960px; } #global-footer h4 { font-size:11px; font-weight:bold; color:#333333; margin:0; padding:0;} #global-footer h4 a, #global-footer h4 a:visited{ font-size:11px; font-weight:bold; color:#333333; text-decoration:none;} #global-footer h4 a:hover{ font-size:11px; font-weight:bold; color:#333333; text-decoration:underline;} #global-footer #legal-bar { background:#f58220; color:#ffffff; font-size:9px; text-align:center; padding:2px; text-transform:uppercase; } #global-footer .wrap { height:170px; margin: 0 auto 0; padding-top:10px; } #global-footer .link-col.icons { margin: 0 20px 0 0; } #global-footer .icons a { margin:1px;} #global-footer #logo { width:61px; height:61px; background:url(/wcsstore/HomeDepotCanada/images/global/hd-logo-en.png) no-repeat; float:left; display:inline; margin: 0 0 55px; text-indent:-9999px; overflow:hidden; } #global-footer .icon-accessibility { display:none; width: 60px; height: 23px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 0 -178px; float: left; clear: both; } #global-footer .link-col { float:left; display:inline; overflow:hidden; } #global-footer ul { list-style:none; margin:0; padding:0; float:left; display:inline; width:160px; } #global-footer ul li { margin:0; padding:0; /*width:130px;*/ float:left;} #global-footer ul li a { font-size:11px; color:#585858; text-decoration:none; margin:0; padding:0; float:left; line-height:16px; } #global-footer ul li a:hover { font-size:11px; color:#f58220; text-decoration:underline; } #global-footer #assistance { width:169px; overflow:hidden; margin-top:-5px;} #global-footer #assistance ul li { border:1px solid #ffffff;} #global-footer #assistance a { font-size:11px; font-weight:bold; color:#333333; text-decoration:none; width:159px; line-height:18px; } #global-footer #assistance a .tel { color:#f58220; font-size:11px; font-weight:bold; } #global-footer #assistance a:hover { font-size:11px; font-weight:bold; color:#f58220; text-decoration:underline; } #global-footer #forms { margin-top:-10px;} #global-footer #forms .form-div { width:219px; margin:0 0 10px 0; padding:5px 0 0 0; position: relative; border: 1px solid #e6e6e6; overflow: hidden; } #global-footer #forms .form-div .rnd-cnr-1px span { position: absolute; width: 1px; height: 1px; display: block !important; display: none; background-color: #fff; } #global-footer #forms .form-div .rnd-cnr-1px-top-left { left: -1px; top: -1px; } #global-footer #forms .form-div .rnd-cnr-1px-top-right { right: -1px; top: -1px; } #global-footer #forms .form-div .rnd-cnr-1px-bottom-left { left: -1px; bottom: -1px; } #global-footer #forms .form-div .rnd-cnr-1px-bottom-right { right: -1px; bottom: -1px; } #global-footer #forms .form-div h4 { margin:3px 10px; } #global-footer #forms .form-div .notes { float: left; font-size: 10px; font-style: italic; margin: 0; padding: 4px 0 0 10px; width: 200px; } #global-footer #forms .form-div .social-media-container { float:left; width:220px; margin:4px 0 0 0; padding:6px 0 6px 0; border-top:1px solid #f2f2f2; } #global-footer #forms .form-div .social-media-container .notes { float:left; width:210px; margin:0; padding:4px 0 0 10px; font-size:10px; font-style:italic; } #global-footer #forms .form-div form { margin:0; padding:0 0 5px 0; overflow:hidden; } #global-footer #forms .form-div form input { margin:0 0 5px 10px; padding:0; width:192px; font-size: 0.9em; } #global-footer #forms .form-div form label { display:none;} #global-footer form .button { float:right; margin:0 10px 0 0; display:inline;} #global-footer .social-media { display: inline; float: left; width: 54px; text-align: center; padding:0; /*border:1px solid #FF0000;*/} #global-footer .social-media.twitter-link { width:54px; height:52px; border-right: 1px solid #f2f2f2; } #global-footer .social-media .title { margin:0; padding:0; color:#333333; font-size:10px; font-weight:normal; display:block; } #global-footer .social-media .button { width:32px; height:32px; margin:2px 0 0 12px !important; margin:2px 0 0 6px; } #global-footer .social-media .twitter-button { background: transparent url(/wcsstore/HomeDepotCanada/images/global/icons/twitter.png) no-repeat; } #global-footer .social-media .rss-button { background: transparent url(/wcsstore/HomeDepotCanada/images/global/icons/rss.png) no-repeat; } #global-footer .social-media .mobile-button { background: transparent url(/wcsstore/HomeDepotCanada/images/global/icons/mobile.png) no-repeat; } #global-footer .social-media .facebook-button { background: transparent url(/wcsstore/HomeDepotCanada/images/global/icons/facebook.png) no-repeat; } /*#global-footer form img { margin-left:10px; float:left; display:inline;} */ #global-footer #main-links, #global-footer #main-links ul li { width:190px; } #global-footer #customer-links { width:290px; } #global-footer #customer-links ul, #global-footer #customer-links ul li { width: 130px; } #searchSuggestionsBox { width:410px; background: #ffffff; border:1px solid #989a97; display:none; left:50%; margin-left:-480px;padding:1px; position:absolute; z-index:9;} #searchSuggestionsBox.show {display: block; } #searchSuggestionsBox a {color: #333333; text-decoration:none;} #searchSuggestionsBox a:hover {color: #c60; text-decoration:none; } #searchSuggestionsBox dl { margin: 5px 10px; padding: 0;} #searchSuggestionsBox dt {clear:left; float:left; font-size:11px; padding-right:5px; _padding:2px 5px 2px 0; text-align:left; width: 100px; text-decoration:none; } #searchSuggestionsBox dt a { font-weight:bold; text-decoration:none; } #searchSuggestionsBox dd {float:left; font-size:11px; margin:0; padding:2px 0; text-align:left; width:285px; text-decoration:none;} #searchSuggestionsBox dd a {margin-right:5px; text-decoration:none; } #searchSuggestionsBox dd .highlight {color: #c60;} #searchSuggestionsBox .suggestions .clear {clear: both;} #searchSuggestionsBox a.btnToggleSuggestions {background: #e4e4e4 url(/wcsstore/HomeDepotCanada/images/icn_off_x.gif) 10px 2px no-repeat; clear: both; cursor: pointer; display: block; font: 11px Arial; margin-top: 5px; padding-left: 22px; text-align: left; text-transform: uppercase; } /*homepage*/ #main-area { width:700px; float:left; display:inline; margin:0 30px 0 0; padding:0; text-align:left; z-index:0; } #main-area .section { width:700px; border:1px solid #cccccc;border-top:2px solid #f58220; margin:10px 0; padding:0; position:relative; overflow:hidden; } #main-area .section h2 { font-size:16px; font-weight:bold; color:#000000; padding:10px 20px; background:url(/wcsstore/HomeDepotCanada/images/global/head-bg.gif) repeat-x left bottom; border-bottom:1px solid #cccccc; } #main-area .section .button { position:absolute; top:10px; right:10px; } #main-area .section h2 em { font-size:12px; font-weight:normal; color:#333333; clear:both; } #main-area .section .links { width:702px; /*height:260px;*/ position:relative; margin:0; padding:0; text-align:center; overflow:hidden;} #main-area .section .links h3 { float:left; font-size:12px; font-weight:bold; width:174px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:5px 0; cursor:pointer; color:#999999; } #main-area .section .links .link-group.on h3 { color:#333333; border-bottom:1px solid #ffffff; cursor:auto;} #main-area .section .links .last h3 {border-right:none;} #main-area .section .links ul { list-style:none; position:absolute; height:200; margin:3px 0; padding:0; top:30px; left:0;} #main-area .section .links ul li { float:left; display:inline; padding:0 40px; margin:0; border-right:1px solid #cccccc; /*height:220px;*/} #main-area .section .links ul li.right { border-right:1px solid #ffffff; } #main-area .section .links .link-group h4 { font-size:12px; font-weight:bold; color:#000000; margin:5px 0; padding:0; width:150px; /*height:25px;*/ } #main-area .section .links .link-group h4 a { font-size:12px; font-weight:bold; color:#000000; text-decoration:none; } #main-area .section .links .link-group h4 a:hover { font-size:12px; font-weight:bold; color:#000000; text-decoration:underline; } #main-area .section .links .link-group p { text-align:left; margin:5px 0 0 0; padding:0; color:#666666; font-size:11px; width:150px;} #main-area .section .links .link-group a { text-decoration:none; color:#666666; font-size:11px; } #main-area .section .links .link-group p.sub-desc { font-size:10px; font-weight:bold; color:#333333; text-transform:uppercase;} #main-area .section .links .link-group span.btn { width:16px; height:200px; position:absolute; top:30px; text-indent:-999px; overflow:hidden; background-image:url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif); background-color:#ffffff; background-repeat:no-repeat; border:10px solid #ffffff; } #main-area .section .links .link-group span.btn.active, #main-area .section .links .link-group span.btn.active-prev{cursor:pointer;} #main-area .section .links .link-group span.prev { left:0; background-position:-48px center; } #main-area .section .links .link-group span.next { right:0; background-position:-32px center;} #main-area .section .links .link-group span.prev.active-prev { background-position:-16px center;} #main-area .section .links .link-group span.next.active { background-position:0 center; } #main-area .section .links .link-group ul, #main-area .section .links .link-group .btn{ display:none;} #main-area .section .links .link-group.on ul,#main-area .section .links .link-group.on .btn, #main-area .section .links .link-group.last.on ul,#main-area .section .links .link-group.last.on .btn { display:inline;} #home-page-area #right-nav .section#workshops { display: none; } /*right nav*/ #right-nav { width:225px; float:left; display:inline; margin:0; padding:0; text-align:left; overflow:visible; z-index:0;} #right-nav .section { width:220px; border:1px solid #cccccc; float:left; display:inline; margin:0 0 20px 0; padding:0; text-align:left; /*position:relative;*/ font-size:11px;} #right-nav .section h2 { font-size:12px; font-weight:bold; color:#000000; background:url(/wcsstore/HomeDepotCanada/images/global/head-bg.gif) repeat-x left bottom; border-bottom:1px solid #cccccc; padding:10px; text-transform:uppercase; } #right-nav .section h3 { font-size:12px; color:#000000; font-weight:normal; margin:0 10px; background: none; border: 0; } #right-nav .section h2 em{ font-size:12px; font-weight:normal; color:#333333; text-transform:none; } #right-nav .section p{ margin:10px 15px 10px 15px; padding:0; min-height:18px;} #right-nav .section a { margin:0;} #right-nav .section#how-to { position:relative;} #right-nav .section#how-to .icon-apron { position:absolute; right:-10px; top:5px; width: 83px; height: 93px; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); background: transparent url(/wcsstore/HomeDepotCanada/images/global/icons/en/apron-large.gif) no-repeat; display: block; } #right-nav .section#how-to p { width:130px;} #right-nav .section#gc h2 { width: 165px; height: 41px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/en/garden-club.png) no-repeat; border:medium none;margin:5px auto;padding:0;text-indent:-9999px;} #right-nav .section#gc { /*background:url(/wcsstore/HomeDepotCanada/images/global/icons/bug.gif) no-repeat right center;*/} #right-nav .section#image-adspot { width:222px; overflow:hidden; border:none; } #right-nav .section h3#promotions { background: url(/wcsstore/HomeDepotCanada/images/global/en/promotion-lower-cost.png) no-repeat transparent; height:78px; margin:0; text-indent:-4000px;} ul.arrow-list { margin:10px; padding:0; list-style:none; } ul.arrow-list li { margin:10px 0 0 0; padding:0 0 0 10px; background:url(/wcsstore/HomeDepotCanada/images/global/list-arrow.gif) no-repeat left 3px; } ul.arrow-list li a { font-size:11px; color:#000000; text-decoration:none;} ul.arrow-list li a:hover { font-size:11px; color:#000000; text-decoration:underline;} ul.dot-list { margin:10px 0; } ul.dot-list li { padding-left:10px; background:url(/wcsstore/HomeDepotCanada/images/global/list_dot.gif) no-repeat left 3px; } ul.img-list { list-style:none; margin:10px; padding:0; } ul.img-list li { margin:0; padding:0; position:relative; float:left; height:70px; width:200px; overflow:hidden;} ul.img-list li img { position:absolute; left:0; top:0; } ul.img-list li a.img-link { float:left; position:relative; width:50px; height:50px; } ul.img-list li img { position:absolute; left:0; top:0; } ul.img-list li h4 { margin:0 0 0 55px; padding:0; font-size:12px; font-weight:bold; color:#000000; width:140px;} ul.img-list li h4 a { font-size:12px; font-weight:bold; color:#000000; text-decoration:none;} ul.img-list li h4 a:hover { font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;} #right-nav .section ul.img-list li p { margin:0 0 0 55px; font-size:11px; font-weight:normal; color:#585858; } #right-nav .section ul.img-list li p a{ font-size:11px; font-weight:normal; color:#666666; text-decoration:none; } #right-nav .section .show-box { position:relative; overflow:hidden; } #right-nav .section .show-box ul { position:absolute; top:0; left:0;} #right-nav .section .btn-box { position:relative; height:30px; border-top:1px solid #cccccc;} #right-nav .section span.btn { width:56px; height:16px; position:absolute; top:8px; text-indent:-999px; overflow:hidden; background-image:url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif); background-color:#ffffff; background-repeat:no-repeat; } #right-nav .section .btn.active, #right-nav .section .btn.active-up {cursor:pointer;} #right-nav .section span.up { right:45px; background-position:right bottom; } #right-nav .section span.down { left:45px; background-position:right -32px;} #right-nav .section span.up.active-up { background-position:right -16px;} #right-nav .section span.down.active { background-position:right top; } #right-nav .section.simple-sec { /*margin:0;*/ } #right-nav .section.simple-sec a { text-decoration:none; float:left; } #right-nav .section.simple-sec a:hover, #right-nav .section.simple-sec a:hover h2 { text-decoration:underline;} #right-nav .section.simple-sec h2 { background:none; border:none; font-size:11px; color:#333333; font-weight:bold; float:left; padding:10px 0 5px 45px; margin:0; text-decoration:none;} #right-nav .section.simple-sec .text-link { float:right; margin:10px; } #right-nav .section.simple-sec .text-link a { text-decoration:none; } #right-nav .section.simple-sec .text-link a:hover { text-decoration:underline; } #right-nav .section#hammer { border-bottom:none; margin-bottom:0; background:url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 8px -89px;} #right-nav .section#value-centre { background:url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 8px -118px; background-color:white;} #right-nav .section#workshops { background:url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 8px -145px;} /*main hero*/ #hero-area { width:700px; height:358px; overflow:hidden; border-right:1px solid #cccccc; position:relative;} #hero-area ul { width:699px; height:328px; border:1px solid #cccccc; list-style:none; margin:0; padding:0; overflow:hidden; border-right:none; position:relative;} #hero-area ul li { position:absolute; left:5px; top:5px; display:none; } #hero-area ul li.show { display:block; } #hero-area #control { border-top:none; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; float:right; margin:-1px 0 0 0; border-right:none; position:absolute; top:330px; right:0; height:27px; background:#ffffff; } #hero-area #control #pagination { float:left; margin:0 0 0 2px; padding:0; } #hero-area #control span { width:22px; margin:0 2px 5px 2px; float:left; display:inline; cursor:pointer; color:#ff6600; font-size:11px; font-weight:bold; background-image:url(/wcsstore/HomeDepotCanada/images/global/slider-button.gif); text-align:center; background-repeat:no-repeat; padding:3px 0 5px 0; } #hero-area #control span.selected { background-position:-22px 0; color:#ffffff;} #hero-area #control span.pause { background-position:0 -22px; padding:0; height:22px; } #hero-area #control span.play { background-position:-22px -22px; padding:0; height:22px; } #hero-area.simple { border:none; width:701px; } #hero-area.simple ul { border:1px solid #cccccc;} #main-content .prods { width:700px; /*height:200px;*/ float:left; display:inline; margin:10px 0 0 0; padding:0; } #main-content .prods .prod { float:left; display:inline; margin:0; padding:0; border-right:1px solid #cccccc; width:173px; text-align:center; font-size:11px; color:#666666; } #main-content .prods .prod.last { border:none;} #main-content .prods .prod .prod-img { width:100px; height:100px; border:none;} #main-content .prods .prod p { font-size:11px; margin:0 20px; padding:0; text-align:left; } #main-content .prods .prod p.prod-title { font-weight:bold; } #main-content .prods .prod p.prod-title a { font-size:11px; font-weight:bold; color:#666666; text-decoration:none;} #main-content .prods .prod p.prod-title a:hover { font-size:11px; font-weight:bold; color:#666666; text-decoration:underline;} #main-content .prods .prod .price { float:left; margin:5px 0; } #main-content .prods .prod .price .old-price { font-size:12px; text-decoration:line-through;} #main-content .prods .prod .price .new-price { font-size:14px; font-weight:bold; color:#333333;} #main-content .prods .prod .promos { float:left; margin:5px 0;} #main-content .prods .prod .promos .lower-price { width:30px; height:30px; background:url(/wcsstore/HomeDepotCanada/images/global/icons/en/lower-price.gif) no-repeat left top; float:left; } .text-link { font-size:9px; color:#f58220; } .text-link a{ font-size:9px; color:#f58220; text-decoration:underline; text-transform:uppercase; text-decoration:none; } .text-link a:hover, .text-link a:focus { text-decoration:underline; } /* Endeca Adspot hero with hot spots */ .spot { position: relative; } .window.hotspot { width: 250px; height: 100px; padding: 10px; position: absolute; background-color: #fff; overflow: hidden; border: 1px solid #666; } .window.hotspot img { width: 100px; height: 100px; border: 1px solid #cfcfcf; display: block; float: left; margin: 0 10px 0 0; } .window.hotspot h6 { font-size: 12px; color: #666; font-weight: bold; margin: 0; text-align: left; } .window.hotspot p { text-align: left; } .window.hotspot .description { font-size: 11px; color: #333; margin: 0 0 4px; } .window.hotspot .price { font-size: 14px; color: #333; font-weight: bold; margin: 8px 0; } .window.hotspot .categorization { font-size: 11px; color: #666; margin: 6px 0; } .window.hotspot .categorization img { width: 31px; height: 28px; } .window.hotspot .categorization .type { font-weight: bold; display: block; } .window.hotspot .button { display: block; } .window.hotspot .close-button { position: absolute; right: 3px; top: 3px; width: 9px; height: 9px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 0 -224px; } #global-crumb-trail { background-color:#efefef; color:#333333; font-size:11px; font-weight:bold; padding:5px 0; } #global-crumb-trail .wrap { padding-left:20px; overflow: hidden; } #global-crumb-trail a { font-size:11px; font-weight:normal; color:#333333; text-decoration:underline; float: left; } #global-crumb-trail a:hover { font-size:11px; font-weight:normal; color:#333333; text-decoration:none; } #global-crumb-trail .separator { text-indent: -9999px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat -51px -329px; width: 9px; height: 6px; float: left; margin: 4px 5px 0; } #global-crumb-trail span { float: left; } #global-crumb-trail .crumb-trail-remove-button { background: transparent url(/wcsstore/HomeDepotCanada/images/breadcrumb_x.gif) no-repeat 0 2px; width: 10px; height: 12px; margin: 0 5px 0 0; } .category-area {text-align:left; border-bottom:20px; overflow:hidden; } .category-area a { font-size:11px; color:#666666; font-weight:normal; text-decoration:none;} .category-area a:hover { font-size:11px; color:#666666; font-weight:normal; text-decoration:underline;} .category-area h1 { font-size:36px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;} .category-area h1 em { font-size:16px; font-family:Arial, Helvetica, sans-serif; } .category-area h1.level2 { border-bottom:2px solid #f58220;} .category-area h2 { font-size:12px; font-weight:bold; color:#000000; text-transform:uppercase; border-bottom:1px solid #cccccc; padding:10px 0; margin:0;} .category-area h3 { font-size:12px; font-weight:bold; color:#000000; margin-bottom:5px; } .category-area h3 a{ font-size:12px; font-weight:bold; color:#000000; text-decoration:none; } .category-area h3 a:hover{ font-size:12px; font-weight:bold; color:#000000; text-decoration:underline; } #maga-nav { overflow:hidden;} .category-area .link-row { float:left; display:inline; margin:0 0 20px 0; padding:0; } .category-area .link-group { float:left; display:inline; width:165px; margin:10px 0 0 10px; padding:0; } #maga-nav .link-group ul { margin-left:10px; } #featured-brands { overflow:hidden; border-bottom:1px solid #cccccc; margin-bottom:20px; width:100%;} #featured-brands .brand-list { position:relative; overflow:hidden; height:100px;} #featured-brands .brand-list ul { position:absolute; top:0; left:20px; } #featured-brands .brand-list ul li { float:left; display:inline; margin:5px; vertical-align:middle; height:90px; } #featured-brands span.btn { width:16px; height:100px; position:absolute; top:0; text-indent:-999px; overflow:hidden; background-image:url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif); background-color:#ffffff; background-repeat:no-repeat; } #featured-brands span.btn.active, #main-area .section .links .link-group span.btn.active-prev{cursor:pointer;} #featured-brands span.prev-btn { left:0; background-position:-48px center; } #featured-brands span.next-btn { right:0; background-position:-32px center;} #featured-brands span.prev-btn.active-prev { background-position:-16px center; cursor:pointer;} #featured-brands span.next-btn.active { background-position:0 center; } #shop-by { overflow:hidden; margin-bottom:20px; width:100%; } #shop-by .spot { float:left; display:inline; margin:10px 20px 10px 0; width:340px; height:180px; /*position:relative;*/ } #shop-by .spot.last { float:left; display:inline; margin:10px 0 10px 0; } #shop-by .spot img { width:340px; height:150px; float:left; } #shop-by .text-bg { width:340px; height:50px; position:absolute; bottom:0; left:0; background:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;} .category-area { /*position:relative;*/} .category-area #shop-by h3 { color:#000000; margin:5px 0 0 0; /*top:105px; left:10px; position:absolute;*/ float:left; display:inline; width:100%;} .category-area #shop-by a { background:transparent url(/wcsstore/HomeDepotCanada/images/global/list-arrow.gif) no-repeat scroll left 3px; color:#666666; text-decoration:underline; padding:0 0 0 15px; /*position:absolute; top:120px; left:10px;*/ float:left; display:inline;} .category-area #shop-by a:hover { color:#666666; text-decoration:none; } /* Solve Bar -- L1 page and PIP */ .category-area #right-nav .section, .pip-area #right-nav .section { border-top: 3px solid #f58220; margin: 0; color: #333; } .category-area #right-nav .section h2, .pip-area #right-nav .section h2 { height: 14px; color: #fff; border-bottom: 0; padding: 3px 15px 6px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/horz-repeat-bg.png) repeat-x 0 -222px; } .category-area #right-nav .section h3, .pip-area #right-nav .section h3 { margin: 8px 15px; color: #000; font-weight: bold; clear: both; } .category-area #right-nav .section .generic-button, .pip-area #right-nav .section .generic-button { margin: 0 15px 10px; } .category-area #right-nav .section .main-img, .pip-area #right-nav .section .main-img { margin: 5px; display: block; } .category-area #right-nav .section ul, .pip-area #right-nav .section ul { margin: 10px 15px; } .category-area #right-nav .section .img-list li, .pip-area #right-nav .section .img-list li { float: none; margin: 12px 0; height: auto; width: auto; clear: both; } .category-area #right-nav .section .img-list li img, .pip-area #right-nav .section .img-list li img { position: relative; } .category-area #right-nav .section .img-list .thumbnail, .pip-area #right-nav .section .img-list .thumbnail { display: inline; float: left; position: relative; margin: 0 10px 0 0; } .category-area #right-nav .section .img-list .title, .pip-area #right-nav .section .img-list .title { color: #333; text-transform: uppercase; } .category-area #right-nav .section .img-list .link, .pip-area #right-nav .section .img-list .link { color: #ff6600; display: block; text-decoration: none; } .category-area #right-nav .section .img-list .link span, .pip-area #right-nav .section .img-list .link span {text-decoration: underline; } .category-area #right-nav .section .hr, .pip-area #right-nav .section .hr { border-top: 1px solid #ccc; width: 220px; float: left; margin: 10px 0; height: 1px; } /* Solve Bar */ /*right nav*/ #right-nav { width:225px; float:left; display:inline; margin:0; padding:0; text-align:left; overflow:visible; z-index:0;} #right-nav .section { width:220px; border:1px solid #cccccc; float:left; display:inline; margin:0 0 20px 0; padding:0; text-align:left; /*position:relative;*/ font-size:11px;} #right-nav .section h2 { font-size:12px; font-weight:bold; color:#000000; background:url(/wcsstore/HomeDepotCanada/images/global/head-bg.gif) repeat-x left bottom; border-bottom:1px solid #cccccc; padding:10px; text-transform:uppercase; } #right-nav .section h3 { font-size:12px; color:#000000; font-weight:normal; margin:0 10px;} #right-nav .section h2 em{ font-size:12px; font-weight:normal; color:#333333; text-transform:none; } #right-nav .section p{ margin:10px 15px 10px 15px; padding:0; min-height:18px;} #right-nav .section a { margin:0;} #right-nav .section#how-to { position:relative;} #right-nav .section#how-to .icon-apron { position:absolute; right:-10px; top:5px; width: 83px; height: 93px; behavior:url(/wcsstore/HomeDepotCanada/images/EcoOptions/iepngfix.htc); background: transparent url(/wcsstore/HomeDepotCanada/images/global/icons/en/apron-large.gif) no-repeat; display: block; } #right-nav .section#how-to p { width:130px;} ul.arrow-list { margin:10px; padding:0; list-style:none; } ul.arrow-list li { margin:10px 0 0 0; padding:0 0 0 10px; background:url(/wcsstore/HomeDepotCanada/images/global/list-arrow.gif) no-repeat left 3px; } ul.arrow-list li a { font-size:11px; color:#000000; text-decoration:none;} ul.arrow-list li a:hover { font-size:11px; color:#000000; text-decoration:underline;} ul.dot-list { margin:10px 0; } ul.dot-list li { padding-left:10px; background:url(/wcsstore/HomeDepotCanada/images/global/list_dot.gif) no-repeat left 3px; } ul.img-list { list-style:none; margin:10px; padding:0; } ul.img-list li { margin:0; padding:0; position:relative; float:left; height:70px; width:200px; overflow:hidden;} ul.img-list li img { position:absolute; left:0; top:0; } ul.img-list li h4 { margin:0 0 0 55px; padding:0; font-size:12px; font-weight:bold; color:#000000;} ul.img-list li h4 a { font-size:12px; font-weight:bold; color:#000000; text-decoration:none;} ul.img-list li h4 a:hover { font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;} #right-nav .section ul.img-list li p { margin:0 0 0 55px; font-size:11px; font-weight:normal; color:#666666; } #right-nav .section ul.img-list li p a{ font-size:11px; font-weight:normal; color:#666666; text-decoration:none; } #right-nav .section .show-box { position:relative; height:220px; overflow:hidden; } #right-nav .section .show-box ul { position:absolute; top:0; left:0;} #right-nav .section .btn-box { position:relative; height:30px; border-top:1px solid #cccccc;} #right-nav .section span.btn { width:56px; height:16px; position:absolute; top:8px; text-indent:-999px; overflow:hidden; background-image:url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif); background-color:#ffffff; background-repeat:no-repeat; } #right-nav .section .btn.active, #right-nav .section .btn.active-up {cursor:pointer;} #right-nav .section span.up { right:45px; background-position:right bottom; } #right-nav .section span.down { left:45px; background-position:right -32px;} #right-nav .section span.up.active-up { background-position:right -16px;} #right-nav .section span.down.active { background-position:right top; } #right-nav .section.simple-sec { /*margin:0;*/ } #right-nav .section.simple-sec h2 { background:none; border:none; font-size:11px; color:#333333; font-weight:bold; float:left; padding:10px 0 10px 45px; margin:0;} #right-nav .section.simple-sec .text-link { float:right; margin:10px;} #right-nav .section#hammer { border-bottom:none; margin-bottom:0; background:url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 8px -89px;} #right-nav .section#auction { background:url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 8px -118px;} /* eStore.UI.Window */ /* IE6 */ .window.medium.plain .window-wrapper { background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-medium-bg.png) repeat-y 0 0; } .window.medium.plain .btm-edge { width: 571px; height: 9px; float: left; background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-medium-bg-bottom.png) no-repeat 0 0; margin: 0 !important; margin: -13px 0 0; } .window.plain .window-wrapper .close-button { background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 1px -395px; } .window.large.plain .window-wrapper { background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-large-bg.png) repeat-y 0 0; } .window.large.plain .btm-edge { width: 751px; height: 9px; float: left; background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-large-bg-bottom.png) no-repeat 0 0; margin: 0 !important; margin: -13px 0 0; } .window.narrow.plain .window-wrapper { background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-narrow-bg.png) repeat-y 0 0; } .window.narrow.plain .btm-edge { width: 475px; height: 9px; float: left; background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-narrow-bg-bottom.png) no-repeat 0 0; margin: 0 !important; margin: -13px 0 0; } .window.plain .window-wrapper .close-button { background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 1px -395px; } /* end IE6 */ .window .window-wrapper .close-button { width: 37px; height: 37px; position: absolute; right: -12px; top: -37px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 0 -355px !important; background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 1px -395px; } .window.large { width: 751px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-large-bg-top.png) no-repeat 0 0; padding: 23px 0 0; text-align: left; } .window.large .window-wrapper { width: 707px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-large-bg.png) repeat-y 0 0; position: relative; margin: 0 !important; margin: 0 0 -10px; padding: 0 22px 22px; float: left; font-family: Arial, Helvetica, sans-serif; } .window.large .btm-edge { width: 751px; height: 9px; float: left; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-large-bg-bottom.png) no-repeat 0 0; } .window.medium { width: 571px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-medium-bg-top.png) no-repeat 0 0; padding: 23px 0 0; text-align: left; } .window.medium .window-wrapper { width: 527px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-medium-bg.png) repeat-y 0 0 !important; background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-medium-bg.png) repeat-y 0 0; position: relative; margin: 0 !important; margin: 0 0 -10px; padding: 0 22px 22px; float: left; font-family: Arial, Helvetica, sans-serif; } .window.medium .btm-edge { width: 571px; height: 9px; float: left; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-medium-bg-bottom.png) no-repeat 0 0 !important; background: transparent url(/wcsstore/HomeDepotCanada/images/global/ie6/window-medium-bg-bottom.png) no-repeat 0 0; } .window.narrow { width: 475px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-narrow-bg-top.png) no-repeat 0 0; padding: 23px 0 0; text-align: left; } .window.narrow .window-wrapper { width: 431px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-narrow-bg.png) repeat-y 0 0; position: relative; margin: 0 !important; margin: 0 0 -10px; padding: 0 22px 22px; float: left; font-family: Arial, Helvetica, sans-serif; } .window.narrow .btm-edge { width: 475px; height: 9px; float: left; background: transparent url(/wcsstore/HomeDepotCanada/images/global/window-narrow-bg-bottom.png) no-repeat 0 0; } /* end eStore.UI.Window */ /* Sign in window */ .window#sign-in { position: absolute; z-index: 10; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; background-color: #f7f7f7; width: 300px; color: #333; text-align: left; } .window#sign-in .window-wrapper { overflow: hidden; } .window#sign-in .window-wrapper .window-content { overflow: hidden; } .window#sign-in .close-button { position: absolute; right: 3px; top: 3px; width: 9px; height: 9px; background: transparent url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat 0 -224px; } .window#sign-in h6 { font-size: 14px; color: #000; font-weight: bold; margin: 8px 12px; text-transform: uppercase; } .window#sign-in label { font-size: 12px; font-weight: bold; display: block; text-align: right; margin: 4px 17px 4px 0; } .window#sign-in input { border: 1px solid #d1d1d1; width: 180px; } .window#sign-in .label-remember-email { font-size: 10px; font-weight: normal; margin: 0 0 12px 101px; text-align: left; } .window#sign-in .label-remember-email input { width: auto; margin: 0 3px 0 0; } .window#sign-in .sign-in-button { float: right; margin: 0 14px 0 0; } .window#sign-in .register { float: left; margin: 0 12px 12px; font-size: 11px; } .window#sign-in .register a { display: block; color: #f5821f; text-decoration: none; } .window#sign-in .register a span { text-decoration: underline; } /** English **/ #global-nav .dept a { padding:8px 16px 10px 15px;font-size:14px; } #global-nav .dept.last a { padding:8px 17px 10px; } #right-nav .section#gc h2 { font-size:16px; } #global-header .welcome { padding-right:30px; background:url(/wcsstore/HomeDepotCanada/images/global/global-assets.png) no-repeat right -206px;} #right-nav .section .show-box { height:220px; } #right-nav .section .show-box ul.img-list li {height:70px;} .category-area .adspot { min-width:200px; } /* Price Guarantee Light Box */ .window#price-guarantee h3 { text-indent: -9999px; height: 25px; background: #f58220 url(/wcsstore/HomeDepotCanada/images/price-guarantee/en/our-price-guarantee-main-heading.gif) no-repeat center center; color: #fff; padding: 18px 12px; } .window#price-guarantee .column-wrapper { overflow: hidden; margin: 20px 0 30px; } .window#price-guarantee .column { width: 328px; display: inline; float: left; } .window#price-guarantee .right-col { float: right; border-left: 1px solid #000; padding-left: 25px; } .window#price-guarantee .column h4 { font-size: 1.5em; margin: 0 0 5px; } .window#price-guarantee .left-col h4 { width: 231px; height: 17px; text-indent: -9999px; background: transparent url(/wcsstore/HomeDepotCanada/images/price-guarantee/en/beat-prices-heading.gif) no-repeat; } .window#price-guarantee .right-col h4 { width: 195px; height: 17px; text-indent: -9999px; background: transparent url(/wcsstore/HomeDepotCanada/images/price-guarantee/en/sale-price-heading.gif) no-repeat; } .window#price-guarantee .disclaimer { font-size: 0.85em; clear: both; } .window#price-guarantee .highlight { color: #f58220; font-weight: bold; } /** * Scalable Dialog Box */ .dialog-overlay { z-index:10; } .dialog-box, .dialog-box b, .dialog-box .inner { background-image:url(/wcsstore/HomeDepotCanada/images/store-locator/lightbox-bg.png); } .dialog-box { position:absolute; top:50px; left:50px; z-index:11; text-align:left; } .dialog-box b { display:none; position:absolute; display:block; width:28px; height:28px;} .dialog-box .top { right:-28px; background-position: right top; } .dialog-box .bottom { left:0; background-position: left bottom; } .dialog-box .tl, .dialog-box .tr, .dialog-box .bl, .dialog-box .br { display:none; } .dialog-box .btn-close { position:absolute; right:-41px; top:-7px; z-index:1; width:38px; height:38px; text-indent:-999px; overflow:hidden; cursor:pointer; background:url(/wcsstore/HomeDepotCanada/images/store-locator/btn-close.png); } .dialog-box .inner { position:relative; left:28px; top:28px; padding:0 28px 28px 0; background-position:bottom right; } .dialog-box .middle { /*width:698px; height:500px;*/ border:1px solid #ccc; overflow:hidden; } .dialog-box .middle .resize-handle { position:absolute; right:0; bottom:0; display:block; width:10px; height:10px; background-color:#333; } .dialog-box .middle .ui-resizable-se { position:absolute; right:7px; bottom:7px; cursor:se-resize; } /** * Store Locator */ #store-locator { color:#333; z-index:1000; } #store-locator .middle { width:700px; border:0; } #store-locator .header { position:relative; padding:12px; font-weight:normal; border:1px solid #ccc; border-bottom:3px solid #f58220; overflow:hidden; } #store-locator .store-info { width:320px; margin-top:8px; font-size:12px; line-height:1.25em; } #store-locator .store-info .address { width:160px; margin-right:6px; float:left; } #store-locator .store-info .store-hours { float:left; } #store-locator .store-info a { display:inline-block; margin:2px 0 0; color:#f5821f; } #store-locator .store-info .btn-set-fav-store { font-weight:bold; text-decoration:none; } #store-locator .btn-eflyer { padding-right:17px; background:url(/images/store-locator/icons.png) right 1px no-repeat; } #store-locator .adspot { position:absolute; top:20px; left:350px; width:330px; height:90px; } #store-locator .body { height:300px; border:1px solid #ccc; } #store-locator #map-canvas, #store-locator .results { width:349px; height:300px; float:left; } #store-locator .results { overflow-y:scroll; } #store-locator .footer { padding-top:10px; } #store-locator .footer p, #store-locator .footer form { margin-top:4px; } #store-locator .footer label { margin-right:4px; float:left; } #store-locator .footer input { margin-left:4px; } #store-locator h2 { width:330px; font-size:20px; line-height:20px; font-weight:normal; } #store-locator h2 strong { font-weight:bold; white-space:nowrap; } #store-locator .results .store { padding:12px 0 12px 10px; border-bottom:1px solid #ccc; overflow:hidden; float:left; } #store-locator .results .store.selected { background-color:#fff3e9; } #store-locator .results .store.last { border-bottom:0; } #store-locator .results .store .marker { width:28px; float:left; } #store-locator .results .store .address { width:162px; float:left; } #store-locator .results .store .cta { width:130px; float:left; font-size:12px; } #store-locator .results .store .cta { background:none; font-weight:normal; margin:0; padding:0; text-align:left; } #store-locator .results .store .cta a { color:#f5821f; } #store-locator .results .store .my-local-store { display:none; text-indent:18px; color:#2e9237; font-weight:bold; background:url(/images/store-locator/icons.png) 0 -42px no-repeat; } #store-locator .results .favourite .my-local-store { display:inline-block; } /*keyboard navigation*/ #global-header .hint-text { position:absolute; overflow:visible; width:500px; height:1px; left:0; top:-300px; } #global-header .hint-text a { position:absolute; padding:5px; text-decoration:underline; } #global-header .hint-text a.active{ display:block; color:#333333; text-decoration:underline; border:1px solid #333333; background:#fafac5; top:330px; }