/****************************************************************/ /* FRAGMENTS CSS */ /* CSS Rules For CMS Fragments */ /****************************************************************/ /****************************************************************/ /* Creator:Engauge */ /* Version:1.0 */ /* Last Edited: 9-20-2011 11:20am alnoor */ /****************************************************************/ /****************************************************************/ /* FRAGMENTS.CSS START */ /****************************************************************/ /*@import url(/wcsstore/hdus/scripts/dojo-release-1.3.1/dijit/themes/tundra/tundra.css);*/ div.wps-fragment{margin-bottom:15px;clear:both;} .wps-fragment dl{display:block;margin-bottom:15px;} .wps-fragment dl dt{font-weight:700;} .wps-fragment dl dd a{color:#7C902C;font-size:.9em;display:block;position:relative;padding:0 2px 0 12px;text-decoration:none;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px;} .wps-fragment dl dd a:hover{text-decoration:underline;} /* Basic 2 Column Fragments with dividers */ .wps-fragment .col-2{width:100% !important;overflow:hidden;margin-left:0;padding-bottom:0;clear:both;} * html wps-fragment .col-2{width:100% !important;} .wps-fragment .col-2 .col{float:left;display:inline;width:47% !important;width:46%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding-left:10px;} .superfeature .wps-fragment .col-2{margin:0;width:100%;padding-bottom:0;} .superfeature .wps-fragment .col-2 .col{width:60%;background:none;padding:0;margin-top:0;} .superfeature .wps-fragment .col-2 .first{width:250px;} .wps-fragment .col-2 .first{background:none;} .wps-fragment .col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} /* Wide image 2 Column Fragments with divider */ .wps-fragment .wide-col-2{width:100% !important;width:510px;overflow:hidden;margin-left:0;padding-bottom:10px;clear:both;} .wps-fragment .wide-col-2 .col{float:left;display:inline;width:49%;background:url(../images/layout/divider_vert.gif) repeat-y 4px 0;margin-top:10px;padding-left:10px;} .wps-fragment .wide-col-2 .first{background:none;padding-left:0;} .wps-fragment .wide-col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} /* IE Fix */ * html .wps-fragment .main-class{clear:both;\width:500px;padding:0;} * html .wps-fragment .main-class .left-55{\width:48%;w\idth:50%;} /* Basic 4 Column Fragments with dividers */.wps-fragment .col-4{width:100%;overflow:hidden;padding-bottom:10px;clear:both;} .wps-fragment .col-4 .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:24%;w\idth:107px;} html>body .wps-fragment .col-4 .col{width:21%;} .wps-fragment .col-4 .first{background:none;} html>body .wps-fragment .col-4 .first{} .wps-fragment .col-4 .col img{text-align:center;} .wps-fragment .col-4 .col * *{margin:0;} .wps-fragment .col-4 .actions{margin-right:0;} .wps-fragment .col-4 .colspan-2{width:50%;} /* Multi=Use 4 Column Fragments with dividers */ .wps-fragment .MultiUse4Col{width:100%;overflow:hidden;padding-bottom:10px;clear:both;} .wps-fragment .MultiUse4Col .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:21%;w\idth:107px;} html>body .wps-fragment .MultiUse4Col .col{width:21%;} .wps-fragment .MultiUse4Col .first{background:none;} html>body .wps-fragment .MultiUse4Col .first{} .wps-fragment .MultiUse4Col .col img{text-align:center;} .wps-fragment .MultiUse4Col .col * *{margin:0;} .wps-fragment .MultiUse4Col .actions{margin-right:0;} .wps-fragment .MultiUse4Col .colspan-2{width:50%;} .wps-fragment .MultiUse4Col .promo-copy,.wps-fragment .MultiUse4Col .promo-copy-noimage{width:96%;} .wps-fragment .no-sep .col{background:none;} .wps-fragment .no-sep-wide4col .col{background:none;padding:0 10px 0 0;} .wps-fragment .no-sep-wide4col .col{width:23%;w\idth:117px;} html>body .wps-fragment .no-sep-wide4col .col{width:23%;} /* Common 3 column stuff*/ .wps-fragment .MultiUse3Col{zoom:1;} .wps-fragment .col3{display:inline;float:left;padding:0 10px;margin-top:10px;background-image:url(../images/layout/divider_vert.gif);background-repeat:repeat-y;background-position:top left;position:relative;width:29%;w\idth:149px;} .wps-fragment .col3-left{background:none;} .wps-fragment .col3-noback{background-image:none;} .wps-fragment .col3-right{} .wps-fragment .col3-wide{padding:0;margin-top:0;} .wps-fragment .side-promos{width:100%;margin:5px 0;background:#F7F6F1;} .wps-fragment .side-promos .cap-top{height:6px;} .wps-fragment .side-promos .cap-bottom{height:6px;padding-top:10px;} .wps-fragment .side-promos .sep-horiz{margin:0 20px;} .wps-fragment .side-promos .promo{margin:5px 20px 10px;} .wps-fragment .side-promos .promo h5{margin-bottom:10px;} .wps-fragment .side-promos .promo a{font-weight:700;} .wps-fragment .multiUseShaded{width:100%;margin:5px 0;background:#F7F6F1;} .wps-fragment .multiUseShaded .cap-top{height:6px;} .wps-fragment .multiUseShaded .cap-bottom{height:6px;padding-top:10px;} .wps-fragment .multiUseShaded .sep-horiz{margin:0 20px;} .wps-fragment .multiUseShaded .promo{margin:5px 20px 10px;} .wps-fragment .multiUseShaded .promo h5{margin-bottom:10px;} .wps-fragment .multiUseShaded .promo a{font-weight:700;} .wps-fragment .wps-content-block{background-color:#F9FAF5;display:block;border:1px solid #F9FAF5;} /.wps-fragment .wps-content-block div{padding:10px 10px 0;} .wps-fragment .sort{background:#8C8B79;color:#fff;clear:both;width:100%;} .wps-fragment .sort .total-results{display:inline;float:left;font-size:1.3em;line-height:1em;color:#fff;font-weight:700;margin:0 0 0 10px;} .wps-fragment .sort form{display:inline;float:left;margin:0;padding:0;width:100%;} .wps-fragment .sort label{float:left;margin:0 4px 0 10px;padding:0;} .wps-fragment .sort form select{float:left;margin:0;padding:0;margin-top:5px;font-size:.8em;width:120px;} .wps-fragment .sort .compare{color:#fff;font-size:.9em;display:inline;float:left;margin:7px 5px 0 16px;} .wps-fragment .sort .sort-by-submit{margin-top:8px;float:right;} .wps-fragment .sort .total-results,.sort label{height:30px;line-height:30px;} .wps-fragment .sort .total-results-description{line-height:30px;margin-left:10px;} /* Navigation Bar */ .wps-fragment .navigate{background:#EDEEE9;font-size:.9em;clear:both;display:block;padding:0 10px;height:25px;} .wps-fragment .navigate .results-per-page{font-size:.9em;} .wps-fragment .results-per-page{width:45px;} .wps-fragment .navigate .sort-by{font-size:.9em;margin-left:10px;} .wps-fragment .navigate .choose-layout{float:left;margin-right:40px;padding:5px 0;color:#666;} .wps-fragment .navigate .choose-layout a.active{color:#333;line-height:25px;} .wps-fragment .navigate label{float:left;margin:0 4px 0 0;padding:0;} .wps-fragment .navigate .choose-resultNumber{line-height:25px;float:left;display:inline;margin-right:10px;padding-left:0;} .wps-fragment .navigate .choose-resultNumber button{margin:4px 0 0 4px;} .wps-fragment .navigate select{margin-top:3px;} .wps-fragment .navigate .page-nav{float:right;display:inline;margin:0;padding:0;margin-top:5px;} .wps-fragment .navigate .page-nav li{display:inline;margin:0;padding:0;background:none;} .wps-fragment .navigate .page-nav li a{float:left;padding:2px;} .wps-fragment .navigate .page-nav li a.active{color:#000;} /* Pagination on order summary page */ .wps-fragment .navigate span.page-nav a,.wps-fragment .navigate span.page-nav img,.wps-fragment .navigate span.page-nav strong{float:left;padding:2px;} .wps-fragment .navigate span.page-nav strong{font-weight:400;} .wps-fragment .navigate span.page-nav a img{padding:0;} .wps-fragment .navigate span.page-nav a.active{color:#000;} /* List Layout */ .wps-fragment .list{} .wps-fragment .list .product-row{clear:both;} .wps-fragment .list .product{width:100%;overflow:hidden;clear:both;background:url(../images/layout/divider_horiz.gif) repeat-x bottom left;padding:1em 0;} .wps-fragment .list .product-title{font-weight:700;} .wps-fragment .list .product-img{float:left;} .wps-fragment .list .details{float:left;} .wps-fragment .list .actions{float:right;margin-left:10px;clear:none;width:120px;} .wps-fragment .list .product-img-link{float:left;clear:none;display:inline;} .wps-fragment .list .product label{float:left;clear:none;width:42px;margin-top:30px;} .wps-fragment .list .list-last,.wps-fragment .list-last{background:none;} .wps-fragment .list .product label{text-align:left;} .wps-fragment .step-header{display:block;background:#8C8B79;overflow:hidden;clear:both;font-size:1.3em;line-height:1em;color:#fff;font-weight:700;padding:0 0 0 10px;height:30px;line-height:30px;} .wps-fragment .step-header h4{background:#8C8B79;overflow:hidden;clear:both;line-height:1em;color:#fff;height:30px;line-height:30px;padding:0 0 0 10px;} .wps-fragment .steps-navigate{padding:0;} .wps-fragment .steps-navigate .step-numbering{float:left;margin:0 40px 0 0;padding-top:5px;color:#666;} .wps-fragment .steps-navigate .step-numbering a.active{color:#333;line-height:25px;} .wps-fragment .steps-navigate{background:#EDEEE9;font-size:.9em;clear:both;display:block;padding:0 10px;height:25px;} .wps-fragment .steps-navigate .page-nav{float:right;display:inline;margin:0 20px 0 0;_margin:0;padding:0;margin-top:5px;} .wps-fragment .steps-navigate .page-nav li{display:inline;margin:0;padding:0;background:none;} .wps-fragment .steps-navigate .page-nav li a{float:left;padding:2px;} .wps-fragment .steps-navigate .page-nav li a.active{color:#000;} .wps-fragment .step-row{padding:0 0 0 10px;width:500px;overflow:hidden;clear:both;background:url(../images/layout/divider_horiz.gif) repeat-x bottom left;} .wps-fragment .step-row .step-title{font-weight:700;margin:5px 0;} .wps-fragment .step-row .step-img{display:inline;float:left;margin:0 0 10px;} .wps-fragment .step-row .step-content{display:inline;float:left;margin:0 10px;width:62%;} .wps-fragment .list .list-last,.wps-fragment .list-last{background:none;} .wps-fragment .step-content ul{list-style:none;} /* Rounded Bottom Fragment */ .wps-fragment .rndBtm_container{float:left;color:#666;background:url(../images/layout/roundedBottom_right.gif) top right no-repeat;} .wps-fragment .rndBtm_container .desc{margin:0;padding:9px 9px 0;background:url(../images/layout/roundedBottom_left.gif) top left no-repeat;} .wps-fragment .rndBtm_container .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/roundedBottom_left.gif) bottom left no-repeat;} .wps-fragment .rndBtm_container .btm em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/roundedBottom_right.gif) bottom right no-repeat;} /* Left Nav Fragment */ .wps-fragment .leftnav_ib{float:left;color:#666;background:url(../images/layout/leftnav_right.gif) top right no-repeat;width:100%;_width:99%;} .wps-fragment .leftnav_ib .desc{margin:0;padding:1px 9px 0;background:url(../images/layout/leftnav_left.gif) top left no-repeat;} .wps-fragment .leftnav_ib .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/leftnav_left.gif) bottom left no-repeat;} .wps-fragment .leftnav_ib .btm em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/leftnav_right.gif) bottom right no-repeat;} /* Left Nav Fragment with Tab */ .wps-fragment .leftnav_tabs_ib{float:left;color:#666;background:url(../images/layout/leftnav_right.gif) top right no-repeat;width:99%;} .wps-fragment .leftnav_tabs_ib .desc{margin:0;padding:1px 0 0;background:url(../images/layout/leftnav_left.gif) top left no-repeat;} .wps-fragment .leftnav_tabs_ib .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/leftnav_left.gif) bottom left no-repeat;} .wps-fragment .leftnav_tabs_ib .btm em{display:block;padding:0;font-style:normal;background:url(../images/layout/leftnav_right.gif) bottom right no-repeat;} .wps-fragment .tab-content{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:10px solid #333;padding:10px 24px 15px 20px;} .wps-fragment .tab-content{border:0;background:none;} .wps-fragment .tab-content .header{font-weight:700;} .wps-fragment .wps-side-tabs .active{} .wps-fragment .wps-side-tabs a:hover{text-decoration:none;} .wps-fragment .wps-side-tabs a span,.tab span{visibility:hidden;} .wps-fragment .wps-side-tabs a,.tab{display:block;float:left;height:26px;line-height:26px;color:#E6781E;} .wps-fragment .wps-side-tabs{height:50px;background:url(../images/layout/promo-bar_bg.gif) repeat-x top left;} .wps-fragment .wps-side-tabs .single-tab{display:block;height:26px;line-height:16px;padding-left:20px;background:url(../images/layout/wps_side-tab-blank.gif) no-repeat top left;} .wps-fragment .wps-side-tabs .single-tab span{font-weight:700;display:block;float:left;height:20px;padding:5px 20px 0 0;background:#fff url(../images/layout/side-tab-blank-cap.gif) no-repeat top right;} .wps-fragment .wps-side-tabs .tab-expansion{display:block;padding:0;margin:0;background:url(../images/layout/side-tab-expansion.gif) no-repeat bottom right;} /* Rounded Bottom Fragment */ .wps-fragment .rndCorner_container{float:left;color:#666;background:url(../images/layout/roundedCorners_right.gif) top right no-repeat;} .wps-fragment .rndCorner_container .desc{margin:0;padding:4px 0 0;background:url(../images/layout/roundedCorners_left.gif) top left no-repeat;} .wps-fragment .rndCorner_container .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/roundedCorners_left.gif) bottom left no-repeat;} .wps-fragment .rndCorner_container .btm em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/roundedCorners_right.gif) bottom right no-repeat;} /* Basic 3 Column Fragments with dividers */ .wps-fragment .rndCorner_container .btm .col-3{width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .wps-fragment .rndCorner_container .btm .col-3 .col{float:left;display:inline;width:32%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} .wps-fragment .rndCorner_container .btm .col-3 .first{background:none;} .wps-fragment .rndCorner_container .btm .col-3 .col img{text-align:center;margin-top:0;} .wps-fragment .rndCorner_container .btm .col-3 .col *{margin-left:10px;} .wps-fragment .rndCorner_container .btm .col-3 .col * *{margin-left:0;} .wps-fragment .rndCorner_container .btm .col-3 .actions{margin:0;} .wps-fragment .rndCorner_container .btm .col-3 .flush,.wps-fragment .rndCorner_container .btm .col-3 .flush *{margin:0;} .wps-fragment .rndCorner_container .btm .col-3 .colspan-2{width:64%;} .wps-fragment .rndCorner_container .btm .col-3 .col-sitemap{float:left;display:inline;width:32%;} .wps-fragment .rndCorner_container .frag-heading{background-color:#F1F2E4;color:#5A5A50;font-size:1.2em;border-bottom:#EBEBDD;text-align:left;padding:0 0 0 10px;} .wps-fragment .rndCorner_container div.frag-heading{_width:99%;padding-left:0;} .wps-fragment .rndCorner_container .frag-heading h4{float:left;display:inline;color:#5A5A50;background:none;text-align:left;} .wps-fragment .rndCorner_container .frag-heading a{float:right;text-align:right;font-size:.8em;color:#849834;padding-right:10px;font-weight:700;margin-top:4px;} .wps-fragment .rndCorner_container .frag-heading span{font-size:.9em;line-height:1.7em;} .wps-fragment .rndCorner_container .btm .col-4{_width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .wps-fragment .rndCorner_container .btm .col-4 .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:20%;_width:24%;} html>body .wps-fragment .rndCorner_container .btm .col-4 .col{width:20%;_width:24%;} .wps-fragment .rndCorner_container .btm .col-4 .first{background:none;} html>body .wps-fragment .rndCorner_container .btm .col-4 .first{} .wps-fragment .rndCorner_container .btm .col-4 .col img{text-align:center;} .wps-fragment .rndCorner_container .btm .col-4 .col *{margin:0;} .wps-fragment .rndCorner_container .btm .col-4 .col * *{margin:0;} .wps-fragment .rndCorner_container .btm .col-4 .actions{margin-right:0;} .wps-fragment .rndCorner_container .btm .col-4 .colspan-2{width:50%;} .wps-fragment .rndCorner_container .btm .col-2{width:100%;_width:99%;overflow:hidden;padding-bottom:10px;clear:both;margin-left:0;} .wps-fragment .rndCorner_container .btm .col-2 .col{float:left;display:inline;width:47%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} .wps-fragment .rndCorner_container .btm .col-2 .col *{margin:0;} .wps-fragment .rndCorner_container .btm .col-2 .first{background:none;} .wps-fragment .rndCorner_container .btm .col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} .wps-fragment .rndCorner_container .btm .single-col{padding:10px;} .wps-fragment .rndCorner_container .btm .single-col *{margin:0;} .wps-fragment .rndCorner_container .btm .single-col * *{margin:0;} .wps-fragment .side-promos-shaded{float:left;color:#666;background:url(../images/layout/shaded_right.gif) top right no-repeat;display:block;width:100%;_width:99%;} .wps-fragment .side-promos-shaded .desc{margin:0;padding:4px 0 0;background:url(../images/layout/shaded_left.gif) top left no-repeat;} .wps-fragment .side-promos-shaded .btm{margin:0;padding:0 0 0 20px;background:url(../images/layout/shaded_left.gif) bottom left no-repeat;} .wps-fragment .side-promos-shaded .btm em{display:block;padding:0 20px 10px 0;font-style:normal;background:url(../images/layout/shaded_right.gif) bottom right no-repeat;} .wps-fragment .side-promos-shaded .sep-horiz{margin:10px 0;} /* Design Center */ .design-center{display:block;background:#D4D4C6;width:770px;overflow:hidden;padding-bottom:40px;} .design-center{background:url(../images/design-center/bg.gif) repeat-x top left;position:relative;} .design-center-top-content{background:#EAEAD4;width:350px;margin-top:20px;margin-left:15px;} .design-center .arrow-list a{font-weight:700;} .design-center #straddle-img{position:absolute;right:10px;top:78px;} .top-sub-link{top:480px;left:270px;position:absolute;} .wps-fragment .frag-dropdown{float:left;} .side-container .wps-fragment .frag-dropdown{width:240px;margin-left:10px;} .side-container .side-content-block .wps-fragment .frag-dropdown{margin-left:0;} .wps-fragment .frag-dropdown .select-default{margin-left:10px;width:220px;} .wps-fragment .1Pic2Col-2Col{float:left;} .wps-fragment .1Pic2Col-1Col .left-55{float:left;width:49%;} /* Rounded Corners Fragment */ .wps-fragment .desc-rndCorner .frag-heading{color:#666;padding:2px 0 0;background:url(../images/layout/roundedCorners_right.gif) top right no-repeat;border:0 dashed #333;} .wps-fragment .desc-rndCorner{display:block;margin:0;padding:0 0 0 8px;background:url(../images/layout/roundedCorners_left.gif) top left no-repeat;border:0 dashed #333;} .wps-fragment .btm-rndCorner{display:block;margin:0;padding:0 0 0 9px;background:url(../images/layout/roundedCorners_left.gif) bottom left no-repeat;border:0 dashed #333;} .wps-fragment .btm-rndCorner em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/roundedCorners_right.gif) bottom right no-repeat;border:0 dashed #333;} /* Basic 3 Column Fragments with dividers */ .wps-fragment .btm-rndCorner .col-3{width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .wps-fragment .btm-rndCorner .col-3 .col{float:left;display:inline;width:32%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} .wps-fragment .btm-rndCorner .col-3 .first{background:none;} .wps-fragment .btm-rndCorner .col-3 .col img{text-align:center;margin-top:0;} .wps-fragment .btm-rndCorner .col-3 .col *{margin-left:10px;} .wps-fragment .btm-rndCorner .col-3 .col * *{margin-left:0;} .wps-fragment .btm-rndCorner .col-3 .actions{margin:0;} .wps-fragment .btm-rndCorner .col-3 .flush,.wps-fragment .btm-rndCorner .col-3 .flush *{margin:0;} .wps-fragment .btm-rndCorner .col-3 .colspan-2{width:64%;} .wps-fragment .btm-rndCorner .col-3 .col-sitemap{float:left;display:inline;width:32%;} .wps-fragment .frag-heading{background-color:#F1F2E4;color:#5A5A50;font-size:1.2em;border-bottom:#EBEBDD;text-align:left;padding:0;} .wps-fragment div.frag-heading{padding-left:0;} .wps-fragment .frag-heading h4{float:left;display:inline;color:#5A5A50;background:none;text-align:left;} .wps-fragment .frag-heading a{float:right;text-align:right;font-size:.8em;color:#849834;padding-right:10px;font-weight:700;margin-top:4px;} .wps-fragment .frag-heading span{font-size:.9em;line-height:1.7em;} .side-container .wps-fragment .frag-heading{width:240px;margin-left:10px;} .side-container .side-content-block .wps-fragment .frag-heading{margin-left:0;} .wps-fragment .btm-rndCorner .col-4{_width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .wps-fragment .btm-rndCorner .col-4 .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:20%;_width:24%;} html>body .wps-fragment .btm-rndCorner .col-4 .col{width:20%;_width:24%;} * html .wps-fragment .btm-rndCorner .col-4 .col{w\idth:20%;} .wps-fragment .btm-rndCorner .col-4 .first{background:none;} html>body .wps-fragment .btm-rndCorner .col-4 .first{} .wps-fragment .btm-rndCorner .col-4 .col img{text-align:center;} .wps-fragment .btm-rndCorner .col-4 .col *{margin:0;} .wps-fragment .btm-rndCorner .col-4 .col * *{margin:0;} .wps-fragment .btm-rndCorner .col-4 .actions{margin-right:0;} .wps-fragment .btm-rndCorner .col-4 .colspan-2{width:50%;} /* Rounded Corners Fragment With large first col image wih rnded image */ .wps-fragment .btm-rndedImg{padding-left:0;} .wps-fragment .btm-rndedImg em{padding-right:0;} .wps-fragment .btm-rndedImg .col-4{padding-bottom:0;} .wps-fragment .btm-rndedImg .col-4 .first{padding-left:0;margin-top:0;} .wps-fragment .btm-rndedImg .col-4 .no-back{background:none;} .wps-fragment .btm-rndedImg .col-4 .first{width:21%;_width:24%;} html>body .wps-fragment .btm-rndedImg .col-4 .first{width:25%;} * html .wps-fragment .btm-rndedImg .col-4 .first{w\idth:20%;} * html .wps-fragment .btm-rndedImg .col-4 .col{w\idth:19%;} .wps-fragment .btm-rndCorner .col-2{width:100%;_width:99%;overflow:hidden;padding-bottom:10px;clear:both;margin-left:0;} .wps-fragment .btm-rndCorner .col-2 .col{float:left;display:inline;width:47%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} .wps-fragment .btm-rndCorner .col-2 .col *{margin:0;} .wps-fragment .btm-rndCorner .col-2 .first{background:none;} .wps-fragment .btm-rndCorner .col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} .wps-fragment .btm-rndCorner .single-col{display:block;padding:10px;overflow:hidden;clear:both;} .wps-fragment .btm-rndCorner .single-col *{margin:0;} .wps-fragment .btm-rndCorner .single-col * *{margin:0;} .wps-fragment .promo-listed .promo-copy p,.wps-fragment .promo-not-listed .promo-copy p{margin:0;} .wps-fragment .promo-listed .promo-copy-noimage p,.wps-fragment .promo-not-listed .promo-copy-noimage p{margin:0;} .wps-fragment .Horizontal .promo-img,.wps-fragment .Horizontal-No-Dash .promo-img{margin-right:0;} .wps-fragment .long .promo-copy img,.wps-fragment .long .promo-copy-noimage img{display:inline;float:left;margin:0 10px 0 0;} .wps-fragment .long .promo-copy .promo-text,.wps-fragment .long .promo-copy-noimage .promo-text{display:inline;float:left;margin:0;} .wps-fragment .long .promo-copy .promo-text p,.wps-fragment .long .promo-copy-noimage .promo-text p{font-size:135%;font-weight:700;margin:0;} .wps-fragment .leftnav_bottom{height:5px;line-height:5px;font-size:1px;background:#fff url(../images/layout/side-bottom_bg.gif) no-repeat bottom left;margin-bottom:5px;clear:both;} .wps-fragment .leftnav_tagline{color:#fff;text-align:center;font-weight:700;height:24px;line-height:24px;} .wps-fragment .leftnav_sidetabs .active{} .wps-fragment .leftnav_sidetabs a:hover{text-decoration:none;} .wps-fragment .leftnav_sidetabs a span,.tab span{visibility:hidden;} .wps-fragment .leftnav_sidetabs a,.tab{display:block;float:left;height:26px;line-height:26px;color:#E6781E;} .wps-fragment .leftnav_sidetabs{height:50px;width:260px;background:url(../images/layout/promo-bar_bg.gif) repeat-x top left;} .wps-fragment .leftnav_sidetabs .single-tab{display:block;width:250px;width/**/:/**/230px;height:28px;line-height:16px;padding-left:20px;background:url(../images/layout/side-tab-blank.gif) no-repeat top left;} .wps-fragment .leftnav_sidetabs .single-tab span{font-weight:700;display:block;float:left;height:20px;padding:5px 20px 0 0;background:#fff url(../images/layout/side-tab-blank-cap.gif) no-repeat top right;} .wps-fragment .LeftNavigation .tab-content{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:0;padding:10px 24px 15px 20px;} .wps-fragment .LeftNavigationNoTagline .tab-content{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:0;padding:10px 24px 15px 20px;} .wps-fragment .LeftNavigationNoTagline_header{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:0;padding:10px 24px 15px 20px;} .wps-fragment .Horizontal-No-Dash{clear:both;margin:0;padding:0;margin-left:10px;} .wps-fragment .Horizontal-No-Dash div{margin:0;padding:0;} .wps-fragment .Horizontal-No-Dash img.promo-img{display:block;margin:0 0 10px;padding:0;} * html .wps-fragment .Horizontal-No-Dash div{height:.01%;} .wps-fragment .image{} .wps-fragment .header{} .wps-fragment .no-bg-img{background-image:none;} .wps-fragment .no-topmargin{margin-top:0;} .wps-fragment .display-inline{display:inline;} .wps-fragment .gc-header h3{margin-bottom:8px;color:#fff;background-color:#669745;text-transform:uppercase;padding:7px 10px;} .wps-fragment .gc-body p{margin-bottom:0;} .side-container{margin:10px 0;display:block;position:relative;} .wide-left-two-col{width:770px;} #content.f-left{width:510px;padding:0;margin:0;float:left;overflow:hidden;} /* Columns No Space*/ .wps-fragment .no-space{width:100%;}/* 5.20 */ .wps-fragment .no-space .NoSpace-Columns { position:relative; float:left; } /* added position relative so the banners will use the float:left that was not working. ajs */ .wps-fragment .no-space .NoSpace-Columns .Caption-NoSpace{padding-top:10px;padding-left:5px;padding-right:5px;} /* 3 Column repeating */ .superfeature .wps-fragment .Col3-Super .col3{background:none;padding-left:105px;width:180px;overflow:hidden;} .superfeature .wps-fragment .Col3-Super .col3 div{width:180px;} .superfeature .wps-fragment .Col3-Super .first{padding-left:0;} .superfeature .wps-fragment .Col3-Super .last{padding-right:0;} .wps-fragment .Col3-Super{zoom:1;} /* 1 Pic 2 Column right image */ .superfeature .wps-fragment .col-2 .col-left-txt{width:60%;float:left;margin-left:23px;margin-right:5px;} .superfeature .wps-fragment .col-2 .col-right-img{overflow:hidden;float:left;width:250px;} .superfeature .wps-fragment .col-2 .col-right-txt{width:60%;float:right;margin-right:25px;padding:0;} .superfeature .wps-fragment .col-2 .col-left-img{overflow:hidden;float:left;width:250px;text-align:right;} /* These styles override Global.css styles */ #gallery .pickclick-details{background:none;margin-left:10px;margin-top:10px;position:relative;width:100%;float:left;} #gallery .pickclick-details img{width:250px;overflow:hidden;} #gallery .pickclick-details-content{position:absolute;top:10px;width:63%;right:10px;padding:0;} #gallery .pickclick-thumbs{background:none;width:100%;padding-top:20px;padding-bottom:0;} #gallery .pickclick-thumbs ul li{display:inline;} #gallery .pickclick-thumbs ul li img{width:75px;overflow:hidden;} #gallery.pickclick{background:#e6e6d4;} /* Collapsible Links */ .wps-fragment .collapsecat1{padding-top:7px;} .wps-fragment .collapsecat2{padding-left:2.2ex;color:#000;font-weight:700;text-decoration:underline;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px;} .wps-fragment .collapsecat3{padding-left:2.2ex;color:#000;font-weight:700;text-decoration:none;background:url(../images/layout/link_arrow_down.gif) no-repeat 0 3px;} .wps-fragment .collapseqst1{padding-top:7px;padding-left:2.2ex;} .wps-fragment .collapseqst2{padding-left:2.2ex;color:#7C902C;padding-right:1.5ex;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px; zoom:1;} .wps-fragment .collapseqst3{padding-left:2.2ex;color:#7C902C;padding-right:1.5ex;background:url(../images/layout/link_arrow_down.gif) no-repeat 0 3px;} .wps-fragment .collapseans{color:#000;padding-left:4.4ex;padding-right:1.5ex;padding-top:7px;} /* CSS Document */ /* Revisions */ /* FCHT Project Date:10-09-2009 */ /* Author:David Robertson */ /* Company:Engauge Digital */ /* 1. Copied wps-fragment code from fragments.css and changed it to multiuse. */ /* @import url(http://www.homedepot.com/wcsstore/hdus/scripts/dojo-release-1.3.1/dijit/themes/tundra/tundra.css); */ div.multiuse{margin-bottom:15px;clear:both;} /* width:510px;*/ .multiuse dl{display:block;margin-bottom:15px;} .multiuse dl dt{font-weight:bold;} .multiuse dl dd a{color:#7C902C;font-size:.9em;display:block;position:relative;padding:0px 2px 0px 12px;text-decoration:none;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px; /* 50% */ } .multiuse dl dd a:hover{text-decoration:underline;} /* Basic 2 Column Fragments with dividers */ .multiuse .col-2{width:100%;overflow:hidden;margin-left:0;padding-bottom:0;clear:both;} .multiuse .col-2 .col{float:left;display:inline;width:47%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding-left:10px;} .superfeature .multiuse .col-2{margin:0px;width:100%;padding-bottom:0px;} .superfeature .multiuse .col-2 .col{width:60%;background:none;padding:0px;margin-top:0px;} .superfeature .multiuse .col-2 .first{width:250px;} .multiuse .col-2 .first{background:none;} .multiuse .col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} /* IE Fix */ * html .multiuse .col-2{w\idth:500px;} * html .multiuse .col-2 .col{w\idth:46%;} /* Wide image 2 Column Fragments with divider */ .multiuse .wide-col-2{width:100%;overflow:hidden;margin-left:0px;padding-bottom:10px;clear:both;} .multiuse .wide-col-2 .col{float:left;display:inline;width:49%;background:url(../images/layout/divider_vert.gif) repeat-y 4px 0px;margin-top:10px;padding-left:10px;} .multiuse .wide-col-2 .first{background:none;padding-left:0px;} .multiuse .wide-col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} /* IE Fix */ * html .multiuse .wide-col-2{w\idth:510px;} * html .multiuse .wide-col-2 .col{w\idth:49%;} * html .multiuse .main-class{clear:both;\width:500px;padding:0;} * html .multiuse .main-class .left-55{\width:48%;w\idth:50%;} /* Basic 4 Column Fragments with dividers */ .multiuse .col-4{width:100%;overflow:hidden;padding-bottom:10px;clear:both;} .multiuse .col-4 .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:24%;w\idth:107px;} html>body .multiuse .col-4 .col{width:21%;} /* width:117px;*/ .multiuse .col-4 .first{background:none;} html>body .multiuse .col-4 .first{} /* width:119px;*/ .multiuse .col-4 .col img{text-align:center;} /* .col-4 .col *{margin-left:10px;} */ .multiuse .col-4 .col * *{margin:0;} .multiuse .col-4 .actions{margin-right:0;} .multiuse .col-4 .colspan-2{width:50%;} /* Multi=Use 4 Column Fragments with dividers */ .multiuse .MultiUse4Col{width:100%;overflow:hidden;padding-bottom:10px;clear:both;} .multiuse .MultiUse4Col .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:21%;w\idth:107px;} html>body .multiuse .MultiUse4Col .col{width:21%;} /* width:117px;*/ .multiuse .MultiUse4Col .first{background:none;} html>body .multiuse .MultiUse4Col .first{} /* width:119px;*/ .multiuse .MultiUse4Col .col img{text-align:center;} .multiuse .MultiUse4Col .col * *{margin:0;} .multiuse .MultiUse4Col .actions{margin-right:0;} .multiuse .MultiUse4Col .colspan-2{width:50%;} .multiuse .MultiUse4Col .promo-copy, .multiuse .MultiUse4Col .promo-copy-noimage{width:96%;} .multiuse .no-sep .col{background:none;} .multiuse .no-sep-wide4col .col{background:none;padding:0px 10px 0px 0px;} .multiuse .no-sep-wide4col .col{width:23%;w\idth:117px;} html>body .multiuse .no-sep-wide4col .col{width:23%;} /* Common 3 column stuff */ .multiuse .MultiUse3Col{zoom:1;} .multiuse .col3{display:inline;float:left;padding:0px 10px 0px 10px;margin-top:10px;background-image:url(../images/layout/divider_vert.gif);background-repeat:repeat-y;background-position:top left;position:relative;width:29%;w\idth:149px;} .multiuse .col3-left{background:none;} .multiuse .col3-noback{background-image:none;} .multiuse .col3-right{} /* width:150px;*/ .multiuse .col3-wide{padding:0px 0px 0px 0px;margin-top:0px;} /* width:169px;*/ .multiuse .side-promos{width:100%;margin:5px 0;background:#F7F6F1;} .multiuse .side-promos .cap-top{height:6px;} .multiuse .side-promos .cap-bottom{height:6px;padding-top:10px;} .multiuse .side-promos .sep-horiz{margin:0 20px;} .multiuse .side-promos .promo{margin:5px 20px 10px 20px;} /* */ .multiuse .side-promos .promo h5{margin-bottom:10px;} .multiuse .side-promos .promo a{font-weight:bold;} .multiuse .multiUseShaded{width:100%;margin:5px 0;background:#F7F6F1;} .multiuse .multiUseShaded .cap-top{height:6px;} .multiuse .multiUseShaded .cap-bottom{height:6px;padding-top:10px;} .multiuse .multiUseShaded .sep-horiz{margin:0 20px;} .multiuse .multiUseShaded .promo{margin:5px 20px 10px 20px;} .multiuse .multiUseShaded .promo h5{margin-bottom:10px;} .multiuse .multiUseShaded .promo a{font-weight:bold;} .multiuse .wps-content-block{background-color:#F9FAF5;display:block;border:1px solid #F9FAF5;} /* margin:10px;*/ .multiuse .wps-content-block div{padding:10px 10px 0 10px;} /* Sort Bar */ .multiuse .sort{background:#8C8B79;color:#fff;clear:both;width:100%;} /* width:510px;overflow:hidden;*/ .multiuse .sort .total-results{display:inline;float:left;font-size:1.3em;line-height:1em;color:#fff;font-weight:bold;margin:0 0 0 10px;} .multiuse .sort form{display:inline;float:left;margin:0;padding:0;width:100%;} .multiuse .sort label{float:left;margin:0 4px 0 10px;padding:0;} .multiuse .sort form select{float:left;margin:0;padding:0;margin-top:5px;font-size:.8em;width:120px;} .multiuse .sort .compare{color:#fff;font-size:.9em;display:inline;float:left;margin:7px 5px 0 16px;} .multiuse .sort .sort-by-submit{margin-top:8px;float:right;} .multiuse .sort .total-results, .sort label{height:30px;line-height:30px;} .multiuse .sort .total-results-description{line-height:30px;margin-left:10px;} /* Navigation Bar */ .multiuse .navigate{background:#EDEEE9;font-size:.9em;clear:both;display:block;padding:0 10px 0 10px;height:25px;} .multiuse .navigate .results-per-page{font-size:.9em;} .multiuse .results-per-page{width:45px;} .multiuse .navigate .sort-by{font-size:.9em;margin-left:10px;} .multiuse .navigate .choose-layout{float:left;margin-right:40px;padding:5px 0;color:#666;} .multiuse .navigate .choose-layout a.active{color:#333;line-height:25px;} .multiuse .navigate label{float:left;margin:0 4px 0 0px;padding:0;} .multiuse .navigate .choose-resultNumber{line-height:25px;float:left;display:inline;margin-right:10px;padding-left:0;} .multiuse .navigate .choose-resultNumber button{margin:4px 0 0 4px;} .multiuse .navigate select{margin-top:3px; /* float:left;*/ } .multiuse .navigate .page-nav{float:right;display:inline;margin:0;padding:0;margin-top:5px;} .multiuse .navigate .page-nav li{display:inline;margin:0;padding:0;background:none;} .multiuse .navigate .page-nav li a{float:left;padding:2px;} .multiuse .navigate .page-nav li a.active{color:#000000;} /* SAPE:added styles on 11/11/05 for unlisted pagination on order summary page */ .multiuse .navigate span.page-nav a, .multiuse .navigate span.page-nav img, .multiuse .navigate span.page-nav strong{float:left;padding:2px;} .multiuse .navigate span.page-nav strong{font-weight:normal;} .multiuse .navigate span.page-nav a img{padding:0;} .multiuse .navigate span.page-nav a.active{color:#000000;} /* List Layout */ .multiuse .list{} .multiuse .list .product-row{clear:both;} .multiuse .list .product{width:100%;overflow:hidden;clear:both;background:url(../images/layout/divider_horiz.gif) repeat-x bottom left;padding:1em 0;} .multiuse .list .product-title{font-weight:bold;} .multiuse .list .product-img{float:left;} /* width:100px;height:100px;*/ .multiuse .list .details{float:left;} /* width:200px;*/ .multiuse .list .actions{float:right;margin-left:10px;clear:none;width:120px;} .multiuse .list .product-img-link{float:left;clear:none;display:inline;} .multiuse .list .product label{float:left;clear:none;width:42px;margin-top:30px;} .multiuse .list .list-last, .multiuse .list-last{background:none;} .multiuse .list .product label{text-align:left;} .multiuse .step-header{display:block;background:#8C8B79;color:#fff;overflow:hidden;clear:both;font-size:1.3em;line-height:1em;color:#fff;font-weight:bold;padding:0 0 0 10px;height:30px;line-height:30px;} .multiuse .steps-navigate{padding:0;} .multiuse .steps-navigate .step-numbering{float:left;margin:0 40px 0 0;padding-top:5px;color:#666;} .multiuse .steps-navigate .step-numbering a.active{color:#333;line-height:25px;} .multiuse .steps-navigate{background:#EDEEE9;font-size:.9em;clear:both;display:block;padding:0 10px 0 10px;height:25px;} .multiuse .steps-navigate .page-nav{float:right;display:inline;margin:0 20px 0 0;_margin:0;padding:0;margin-top:5px;} .multiuse .steps-navigate .page-nav li{display:inline;margin:0;padding:0;background:none;} .multiuse .steps-navigate .page-nav li a{float:left;padding:2px;} .multiuse .steps-navigate .page-nav li a.active{color:#000000;} .multiuse .step-row{padding:0 0 0 10px;width:500px;overflow:hidden;clear:both;background:url(../images/layout/divider_horiz.gif) repeat-x bottom left;} .multiuse .step-row .step-title{font-weight:bold;margin:5px 0;} .multiuse .step-row .step-img{display:inline;float:left;margin:0 0 10px 0;} .multiuse .step-row .step-content{display:inline;float:left;margin:0 10px;width:62%;} .multiuse .list .list-last, .multiuse .list-last{background:none;} .multiuse .step-content ul{list-style:none;} /* Rounded Bottom Fragment */ .multiuse .rndBtm_container{float:left;color:#666;background:url(../images/layout/roundedBottom_right.gif) top right no-repeat;} .multiuse .rndBtm_container .desc{margin:0;padding:9px 9px 0 9px;background:url(../images/layout/roundedBottom_left.gif) top left no-repeat;} .multiuse .rndBtm_container .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/roundedBottom_left.gif) bottom left no-repeat;} .multiuse .rndBtm_container .btm em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/roundedBottom_right.gif) bottom right no-repeat;} /* Left Nav Fragment */ .multiuse .leftnav_ib{float:left;color:#666;background:url(../images/layout/leftnav_right.gif) top right no-repeat;width:100%;_width:99%;} .multiuse .leftnav_ib .desc{margin:0;padding:1px 9px 0 9px;background:url(../images/layout/leftnav_left.gif) top left no-repeat;} .multiuse .leftnav_ib .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/leftnav_left.gif) bottom left no-repeat;} .multiuse .leftnav_ib .btm em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/leftnav_right.gif) bottom right no-repeat;} /* Left Nav Fragment with Tab */ .multiuse .leftnav_tabs_ib{float:left;color:#666;background:url(../images/layout/leftnav_right.gif) top right no-repeat;width:99%;} .multiuse .leftnav_tabs_ib .desc{margin:0;padding:1px 0 0 0;background:url(../images/layout/leftnav_left.gif) top left no-repeat;} .multiuse .leftnav_tabs_ib .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/leftnav_left.gif) bottom left no-repeat;} .multiuse .leftnav_tabs_ib .btm em{display:block;padding:0 0 0 0;font-style:normal;background:url(../images/layout/leftnav_right.gif) bottom right no-repeat;} .multiuse .tab-content{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:10px solid #333;padding:10px 24px 15px 20px;} /* */ .multiuse .tab-content{border:0;background:none;} .multiuse .tab-content .header{font-weight:bold;} /* .multiuse .leftnav_ib .tab-content {border:1px solid #333;} */ .multiuse .wps-side-tabs .active{} .multiuse .wps-side-tabs a:hover{text-decoration:none;} .multiuse .wps-side-tabs a span, .tab span{visibility:hidden;} .multiuse .wps-side-tabs a, .tab{display:block;float:left;height:26px;line-height:26px;color:#E6781E;} .multiuse .wps-side-tabs{height:50px;background:url(../images/layout/promo-bar_bg.gif) repeat-x top left;} /* width:260px;*/ .multiuse .wps-side-tabs .single-tab{display:block;height:26px;line-height:16px;padding-left:20px;background:url(../images/layout/wps_side-tab-blank.gif) no-repeat top left;} .multiuse .wps-side-tabs .single-tab span{font-weight:bold;display:block;float:left;height:20px;padding:5px 20px 0 0;background:#fff url(../images/layout/side-tab-blank-cap.gif) no-repeat top right;} .multiuse .wps-side-tabs .tab-expansion{display:block;padding:0;margin:0;background:url(../images/layout/side-tab-expansion.gif) no-repeat bottom right;} .multiuse .rndCorner_container{float:left;color:#666;background:url(../images/layout/roundedCorners_right.gif) top right no-repeat;} .multiuse .rndCorner_container .desc{margin:0;padding:4px 0 0 0;background:url(../images/layout/roundedCorners_left.gif) top left no-repeat;} .multiuse .rndCorner_container .btm{margin:0;padding:0 0 0 9px;background:url(../images/layout/roundedCorners_left.gif) bottom left no-repeat;} .multiuse .rndCorner_container .btm em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/roundedCorners_right.gif) bottom right no-repeat;} /* Basic 3 Column Fragments with dividers */ .multiuse .rndCorner_container .btm .col-3{width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .multiuse .rndCorner_container .btm .col-3 .col{float:left;display:inline;width:32%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} .multiuse .rndCorner_container .btm .col-3 .first{background:none;} .multiuse .rndCorner_container .btm .col-3 .col img{text-align:center;margin-top:0;} .multiuse .rndCorner_container .btm .col-3 .col *{margin-left:10px;} .multiuse .rndCorner_container .btm .col-3 .col * *{margin-left:0;} .multiuse .rndCorner_container .btm .col-3 .actions{margin:0;} .multiuse .rndCorner_container .btm .col-3 .flush, .multiuse .rndCorner_container .btm .col-3 .flush *{margin:0;} .multiuse .rndCorner_container .btm .col-3 .colspan-2{width:64%;} .multiuse .rndCorner_container .btm .col-3 .col-sitemap{float:left;display:inline;width:32%;} .multiuse .rndCorner_container .frag-heading{background-color:#F1F2E4;color:#5A5A50;font-size:1.2em;border-bottom:#EBEBDD;text-align:left;padding:0px 0px 0px 10px;} .multiuse .rndCorner_container div.frag-heading{_width:99%;padding-left:0;} .multiuse .rndCorner_container .frag-heading h4{float:left;display:inline;color:#5A5A50;background:none;text-align:left;} .multiuse .rndCorner_container .frag-heading a{float:right;text-align:right;font-size:.8em;color:#849834;padding-right:10px;font-weight:bold;margin-top:4px;} .multiuse .rndCorner_container .frag-heading span{font-size:.9em;line-height:1.7em;} .multiuse .rndCorner_container .btm .col-4{_width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .multiuse .rndCorner_container .btm .col-4 .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:20%;_width:24%;} html>body .multiuse .rndCorner_container .btm .col-4 .col{width:20%;_width:24%;} .multiuse .rndCorner_container .btm .col-4 .first{background:none;} html>body .multiuse .rndCorner_container .btm .col-4 .first{} .multiuse .rndCorner_container .btm .col-4 .col img{text-align:center;} .multiuse .rndCorner_container .btm .col-4 .col *{margin:0;} .multiuse .rndCorner_container .btm .col-4 .col * *{margin:0;} .multiuse .rndCorner_container .btm .col-4 .actions{margin-right:0;} .multiuse .rndCorner_container .btm .col-4 .colspan-2{width:50%;} .multiuse .rndCorner_container .btm .col-2{width:100%;_width:99%;overflow:hidden;padding-bottom:10px;clear:both;margin-left:0;} .multiuse .rndCorner_container .btm .col-2 .col{float:left;display:inline;width:47%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} /* padding-left:10px;*/ .multiuse .rndCorner_container .btm .col-2 .col *{margin:0;} .multiuse .rndCorner_container .btm .col-2 .first{background:none;} .multiuse .rndCorner_container .btm .col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} .multiuse .rndCorner_container .btm .single-col{padding:10px;} .multiuse .rndCorner_container .btm .single-col *{margin:0;} .multiuse .rndCorner_container .btm .single-col * *{margin:0;} .multiuse .side-promos-shaded{float:left;color:#666;background:url(../images/layout/shaded_right.gif) top right no-repeat;display:block;width:100%;_width:99%;} .multiuse .side-promos-shaded .desc{margin:0;padding:4px 0 0 0;background:url(../images/layout/shaded_left.gif) top left no-repeat;} .multiuse .side-promos-shaded .btm{margin:0;padding:0 0 0 20px;background:url(../images/layout/shaded_left.gif) bottom left no-repeat;} .multiuse .side-promos-shaded .btm em{display:block;padding:0 20px 10px 0;font-style:normal;background:url(../images/layout/shaded_right.gif) bottom right no-repeat;} .multiuse .side-promos-shaded .sep-horiz{margin:10px 0;} /* Design Center */ .design-center{display:block;background:#D4D4C6;width:770px;overflow:hidden;padding-bottom:40px;} .design-center{background:url(../images/design-center/bg.gif) repeat-x top left;position:relative;} .design-center-top-content{background:#EAEAD4;width:350px;margin-top:20px;margin-left:15px;} .design-center .arrow-list a{font-weight:bold;} .design-center #straddle-img{position:absolute;right:10px;top:78px;} .top-sub-link{top:480px;left:270px;position:absolute;} .multiuse .frag-dropdown{float:left;} .side-container .multiuse .frag-dropdown{width:240px;margin-left:10px;} .side-container .side-content-block .multiuse .frag-dropdown{margin-left:0px;} .multiuse .frag-dropdown .select-default{margin-left:10px;width:220px;} .multiuse .1Pic2Col-2Col{float:left;} .multiuse .1Pic2Col-1Col .left-55{float:left;width:49%;} /* Rounded Corners Fragment */ .multiuse .desc-rndCorner .frag-heading{color:#666;padding:2px 0 0 0;background:url(../images/layout/roundedCorners_right.gif) top right no-repeat;border:0px dashed #333;} .multiuse .desc-rndCorner{display:block;margin:0;padding:0 0 0 8px;background:url(../images/layout/roundedCorners_left.gif) top left no-repeat;border:0px dashed #333;} .multiuse .btm-rndCorner{display:block;margin:0;padding:0 0 0 9px;background:url(../images/layout/roundedCorners_left.gif) bottom left no-repeat;border:0px dashed #333;} .multiuse .btm-rndCorner em{display:block;padding:0 9px 0 0;font-style:normal;background:url(../images/layout/roundedCorners_right.gif) bottom right no-repeat;border:0px dashed #333;} /* Basic 3 Column Fragments with dividers */ .multiuse .btm-rndCorner .col-3{width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .multiuse .btm-rndCorner .col-3 .col{float:left;display:inline;width:32%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} .multiuse .btm-rndCorner .col-3 .first{background:none;} .multiuse .btm-rndCorner .col-3 .col img{text-align:center;margin-top:0;} .multiuse .btm-rndCorner .col-3 .col *{margin-left:10px;} .multiuse .btm-rndCorner .col-3 .col * *{margin-left:0;} .multiuse .btm-rndCorner .col-3 .actions{margin:0;} .multiuse .btm-rndCorner .col-3 .flush, .multiuse .btm-rndCorner .col-3 .flush *{margin:0;} .multiuse .btm-rndCorner .col-3 .colspan-2{width:64%;} .multiuse .btm-rndCorner .col-3 .col-sitemap{float:left;display:inline;width:32%;} .multiuse .frag-heading{background-color:#F1F2E4;color:#5A5A50;font-size:1.2em;border-bottom:#EBEBDD;text-align:left;padding:0px 0px 0px 0px;} .multiuse div.frag-heading{padding-left:0;} .multiuse .frag-heading h4{float:left;display:inline;color:#5A5A50;background:none;text-align:left;} .multiuse .frag-heading a{float:right;text-align:right;font-size:.8em;color:#849834;padding-right:10px;font-weight:bold;margin-top:4px;} .multiuse .frag-heading span{font-size:.9em;line-height:1.7em;} .side-container .multiuse .frag-heading{width:240px;margin-left:10px;} .side-container .side-content-block .multiuse .frag-heading{margin-left:0px;} .multiuse .btm-rndCorner .col-4{_width:99%;overflow:hidden;padding-bottom:10px;clear:both;} .multiuse .btm-rndCorner .col-4 .col{float:left;display:inline;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;padding:0 10px;width:20%;_width:24%;} html>body .multiuse .btm-rndCorner .col-4 .col{width:20%;_width:24%;} * html .multiuse .btm-rndCorner .col-4 .col{w\idth:20%;} .multiuse .btm-rndCorner .col-4 .first{background:none;} html>body .multiuse .btm-rndCorner .col-4 .first{} .multiuse .btm-rndCorner .col-4 .col img{text-align:center;} .multiuse .btm-rndCorner .col-4 .col *{margin:0;} .multiuse .btm-rndCorner .col-4 .col * *{margin:0;} .multiuse .btm-rndCorner .col-4 .actions{margin-right:0;} .multiuse .btm-rndCorner .col-4 .colspan-2{width:50%;} /* Rounded Corners Fragment With large first col image wih rnded image */ .multiuse .btm-rndedImg{padding-left:0px;} .multiuse .btm-rndedImg em{padding-right:0px;} .multiuse .btm-rndedImg .col-4{padding-bottom:0px;} .multiuse .btm-rndedImg .col-4 .first{padding-left:0px;margin-top:0px;} .multiuse .btm-rndedImg .col-4 .no-back{background:none;} .multiuse .btm-rndedImg .col-4 .first{width:21%;_width:24%;} html>body .multiuse .btm-rndedImg .col-4 .first{width:25%;} * html .multiuse .btm-rndedImg .col-4 .first{w\idth:20%;} * html .multiuse .btm-rndedImg .col-4 .col{w\idth:19%;} .multiuse .btm-rndCorner .col-2{width:100%;_width:99%;overflow:hidden;padding-bottom:10px;clear:both;margin-left:0;} .multiuse .btm-rndCorner .col-2 .col{float:left;display:inline;width:47%;background:url(../images/layout/divider_vert.gif) repeat-y top left;margin-top:10px;} .multiuse .btm-rndCorner .col-2 .col *{margin:0;} .multiuse .btm-rndCorner .col-2 .first{background:none;} .multiuse .btm-rndCorner .col-2 .col img{text-align:center;margin:10px 0;margin-top:0;} .multiuse .btm-rndCorner .single-col{display:block;padding:10px;overflow:hidden;clear:both;} .multiuse .btm-rndCorner .single-col *{margin:0;} .multiuse .btm-rndCorner .single-col * *{margin:0;} .multiuse .promo-listed .promo-copy p, .multiuse .promo-not-listed .promo-copy p{margin:0;} .multiuse .promo-listed .promo-copy-noimage p, .multiuse .promo-not-listed .promo-copy-noimage p{margin:0;} .multiuse .Horizontal .promo-img, .multiuse .Horizontal-No-Dash .promo-img{margin-right:0px;} .multiuse .long .promo-copy img, .multiuse .long .promo-copy-noimage img{display:inline;float:left;margin:0 10px 0 0;} .multiuse .long .promo-copy .promo-text, .multiuse .long .promo-copy-noimage .promo-text{display:inline;float:left;margin:0;} .multiuse .long .promo-copy .promo-text p, .multiuse .long .promo-copy-noimage .promo-text p{font-size:135%;font-weight:bold;margin:0;} .multiuse .leftnav_bottom{height:5px;line-height:5px;font-size:1px;background:#fff url(../images/layout/side-bottom_bg.gif) no-repeat bottom left;margin-bottom:5px;clear:both;} .multiuse .leftnav_tagline{color:#fff;text-align:center;font-weight:bold;height:24px;line-height:24px;} .multiuse .leftnav_sidetabs .active{} .multiuse .leftnav_sidetabs a:hover{text-decoration:none;} .multiuse .leftnav_sidetabs a span, .tab span{visibility:hidden;} .multiuse .leftnav_sidetabs a, .tab{display:block;float:left;height:26px;line-height:26px;color:#E6781E;} .multiuse .leftnav_sidetabs{height:50px;width:260px;background:url(../images/layout/promo-bar_bg.gif) repeat-x top left;} .multiuse .leftnav_sidetabs .single-tab{display:block;width:250px; /* */ /* */ width:230px;height:28px;line-height:16px;padding-left:20px;background:url(../images/layout/side-tab-blank.gif) no-repeat top left;} .multiuse .leftnav_sidetabs .single-tab span{font-weight:bold;display:block;float:left;height:20px;padding:5px 20px 0 0;background:#fff url(../images/layout/side-tab-blank-cap.gif) no-repeat top right;} .multiuse .LeftNavigation .tab-content{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:0;padding:10px 24px 15px 20px;} /* */ .multiuse .LeftNavigationNoTagline .tab-content{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:0;padding:10px 24px 15px 20px;} .multiuse .LeftNavigationNoTagline_header{margin:0;background:url(../images/layout/side_bg.gif) repeat-y top left;border:0;padding:10px 24px 15px 20px;} /* */ .multiuse .Horizontal-No-Dash{clear:both;margin:0;padding:0;margin-left:10px;} .multiuse .Horizontal-No-Dash div{margin:0;padding:0;} .multiuse .Horizontal-No-Dash img.promo-img{display:block;margin:0 0 10px 0;padding:0;} * html .multiuse .Horizontal-No-Dash div{height:0.01%;} .multiuse .image{} .multiuse .header{} .multiuse .no-bg-img{background-image:none;} .multiuse .no-topmargin{margin-top:0;} .multiuse .display-inline{display:inline;} .multiuse .gc-header h3{margin-bottom:8px;color:#fff;background-color:#669745;text-transform:uppercase;padding:7px 10px;} .multiuse .gc-body p{margin-bottom:0;} .wide-left-two-col{width:770px;} #content.f-left{width:510px;padding:0;margin:0;float:left;} .multiuse .no-space{width:100%;}/* 5.20 */ .multiuse .no-space .NoSpace-Columns{float:left;} .multiuse .no-space .NoSpace-Columns .Caption-NoSpace{padding-top:10px;padding-left:5px;padding-right:5px;} .superfeature .multiuse .Col3-Super .col3{background:none;padding-left:105px;width:180px;overflow:hidden;} .superfeature .multiuse .Col3-Super .col3 div{width:180px;} .superfeature .multiuse .Col3-Super .first{padding-left:0px;} .superfeature .multiuse .Col3-Super .last{padding-right:0px} .multiuse .Col3-Super{zoom:1;} .superfeature .multiuse .col-2 .col-left-txt{width:60%;float:left;margin-left:23px;margin-right:5px;} .superfeature .multiuse .col-2 .col-right-img{overflow:hidden;float:left;width:250px;} .superfeature .multiuse .col-2 .col-right-txt{width:60%;float:right;margin-right:25px;padding:0px;} .superfeature .multiuse .col-2 .col-left-img{overflow:hidden;float:left;width:250px;text-align:right;} .multiuse .collapsecat1{padding-top:7px;} .multiuse .collapsecat2{padding-left:2.2ex;color:#000000;font-weight:bold;text-decoration:underline;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px;} .multiuse .collapsecat3{padding-left:2.2ex;color:#000000;font-weight:bold;text-decoration:none;background:url(../images/layout/link_arrow_down.gif) no-repeat 0 3px;} .multiuse .collapseqst1{padding-top:7px;padding-left:2.2ex;} .multiuse .collapseqst2{padding-left:2.2ex;color:#7C902C;padding-right:1.5ex;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px;} .multiuse .collapseqst3{padding-left:2.2ex;color:#7C902C;padding-right:1.5ex;background:url(../images/layout/link_arrow_down.gif) no-repeat 0 3px;} .multiuse .collapseans{color:#000000;padding-left:4.4ex;padding-right:1.5ex;padding-top:7px;} .multiuse .col-4.wide{width:100%;overflow:hidden;margin:0px;padding:0 12px 20px 10px;clear:both;} .wps-fragment .col-4.wide{width:100%;overflow:hidden;margin:0px;padding:0 12px 20px 10px;clear:both;} .multiuse .col-4.wide .col{float:left;display:inline;margin:0px;padding:0px;width:188px;background:url(../images/layout/divider_vert.gif) repeat-y top left;} .wps-fragment .col-4.wide .col{float:left;display:inline;margin:0px;padding:0px;width:188px;background:url(../images/layout/divider_vert.gif) repeat-y top left;} .multiuse .col-4.wide .first{background:none;padding:0px;margin:0;} .wps-fragment .col-4.wide .first{background:none;padding:0px;margin:0;} .multiuse .col-4.wide .col img{margin:3.5px;display:block;} .wps-fragment .col-4.wide .col img{margin:3.5px;display:block;} .multiuse .col-4.wide p{font-family:Arial;font-size:1.1em;text-align:left;color:#333333;padding:0 14.75px 0 14.75px;} .wps-fragment .col-4.wide p{font-family:Arial;font-size:1.1em;text-align:left;color:#333333;padding:0 14.75px 0 14.75px;} .multiuse .col-4 .stacked{width:100%;overflow:hidden;margin:0 0 0 0px;padding:10px 0 20px 3px;clear:both;} .wps-fragment .col-4 .stacked{width:100%;overflow:hidden;margin:0 0 0 0px;padding:10px 0 20px 3px;clear:both;} .multiuse .col-4 .stacked .col{float:left;display:inline;margin:0px;padding-left:10.5px;width:22%;background:none;} .wps-fragment .col-4 .stacked .col{float:left;display:inline;margin:0px;padding-left:10.5px;width:22%;background:none;} /* Stacked Adjustments */ .stacked{width:100%;overflow:hidden;clear:both;} .stacked .col{float:left;display:inline;margin:0px;padding-left:15px;width:32%;background:url(../images/layout/divider_vert.gif) repeat-y top left;} .stacked .first{margin:0px 0px 0px 6px;padding:0px;background:none;} .stacked .col img{ /* margin:0px 5px 0px 5px;*/ padding:0px;display:block;} .stacked .col .featured_link{height:20px;margin:0px;width:145px;padding:0;} .stacked .col .featured_link ul{position:absolute;top:2px;left:0px;font-family:Arial;font-weight:bold;list-style-image:url(../images/layout/mini_orange_arrow.png);padding-left:25px;margin:0;} .stacked .col .featured_link a{color:#333333;font-family:Arial;font-size:1.1em;text-align:left;margin:0px;padding:0;} .multiuse .col-4.stacked .col{float:left;display:inline;margin:10px 4px 0px;padding-top:3px;width:21%;background:url(../images/layout/divider_vert.gif) repeat-y top left;} .wps-fragment .col-4.stacked .col{float:left;display:inline;margin:10px 4px 0px;padding-top:3px;width:21%;background:url(../images/layout/divider_vert.gif) repeat-y top left;} .multiuse .col-4.stacked .first{margin:10px 0px 0px 8px; /* padding:0px;*/ background:none;width:21%;padding-top:3px;} .wps-fragment .col-4.stacked .first{margin:10px 0px 0px 8px;padding:0px;background:none;width:21%;} .multiuse .col-3.stacked .col{float:left;display:inline;margin:10px 0px 0px 2px;padding:0px 5px;width:31.2%;background:url(../images/layout/divider_vert.gif) repeat-y top left;} .wps-fragment .col-3.stacked .col{float:left;display:inline;margin:10px 0px 0px 2px;padding:0px 5px;width:31.2%;background:url(../images/layout/divider_vert.gif) repeat-y top left;} .multiuse .col-3.stacked .col *{margin-left:5px;} .wps-fragment .col-3.stacked .col *{margin-left:5px;} .multiuse .col-3.stacked .first{margin:10px 0px 0px 4px;padding:0px;background:none;width:31.5%;} .wps-fragment .col-3.stacked .first{margin:10px 0px 0px 4px;padding:0px;background:none;width:31.5%;} /* FCHT Header Changes DRobertson Engauge 8-14-2009 */ .multiuse .fragment-header{clear:both;background-color:#666666;float:left;position:relative;width:100%;} .wps-fragment .fragment-header{clear:both;background-color:#666666;float:left;position:relative;width:100%;} .multiuse .fragment-header h4{font-family:Helvetica, Arial, sans-serif;font-size:1.4em;font-weight:bold;text-align:left;background-color:transparent;color:#FFFFFF;float:left;position:static;width:74%;overflow:hidden;} .wps-fragment .fragment-header h4{font-family:Helvetica, Arial, sans-serif;font-size:1.4em;font-weight:bold;text-align:left;background-color:transparent;color:#FFFFFF;float:left;position:static;width:74%;overflow:hidden;} .multiuse .fragment-header h4 a{color:#FFFFFF;font-weight:bold;} .wps-fragment .fragment-header h4 a{color:#FFFFFF;font-weight:bold;} .multiuse .fragment-header h4 a:visited{} .wps-fragment .fragment-header h4 a:visited{} .multiuse .fragment-header h4 a:hover{text-decoration:underline;} .wps-fragment .fragment-header h4 a:hover{text-decoration:underline;} .multiuse .fragment-header h4 a:active{} .wps-fragment .fragment-header h4 a:active{} .multiuse .fragment-header-light h4 a:link{color:#333333;font-weight:bold;} .multiuse .fragment-header-light h4 a:link{color:#333333;font-weight:bold;} .wps-fragment .fragment-header-light h4 a:visited{color:#333333;font-weight:bold;} .multiuse .fragment-header-light h4 a:visited{color:#333333;font-weight:bold;} .wps-fragment .fragment-header-light{background-color:#999999;float:left;position:relative;width:100%;} .multiuse .fragment-header-light{background-color:#999999;float:left;position:relative;width:100%;} .wps-fragment .fragment-header-light a{color:#333333;font-weight:bold;} .multiuse .fragment-header-light a{color:#333333;font-weight:bold;} .wps-fragment .fragment-header-light .subtitle a{color:#333333;font-weight:bold;} .multiuse .fragment-header-light .subtitle a{color:#333333;font-weight:bold;} .multiuse .fragment-header-light h4{font-family:Helvetica, Arial, sans-serif;font-size:1.4em;font-weight:bold;text-align:left;background-color:transparent;color:#333333;float:left;position:static;width:74%;overflow:hidden;} .wps-fragment .fragment-header-light h4{font-family:Helvetica, Arial, sans-serif;font-size:1.4em;font-weight:bold;text-align:left;background-color:transparent;color:#333333;float:left;position:static;width:74%;overflow:hidden;} .multiuse .fragment-header-light h4 span{font-weight:bold;} .wps-fragment .fragment-header-light h4 span{font-weight:bold;} .multiuse .fragment-header h4 span{font-weight:bold;} .wps-fragment .fragment-header h4 span{font-weight:bold;} .multiuse .subtitle{ /* clear:none;*/ float:right;margin-top:2px;font-size:0.875em;display:block;_display:inline;width:20%;padding-right:3px;color:white;background-color:transparent;position:static; /* overflow:hidden;*/ } .wps-fragment .subtitle{ /* clear:none;*/ float:right;margin-top:2px;font-size:0.875em;display:block;_display:inline;width:20%;padding-right:3px;color:white;background-color:transparent;position:static; /* overflow:hidden;*/ } .multiuse .subtitle div{float:right;} .wps-fragment .subtitle div{float:right;} .multiuse .subtitle p{margin:0;padding:0;} .wps-fragment .subtitle p{margin:0;padding:0;} .multiuse .subtitle a{color:white;} .wps-fragment .subtitle a{color:white;} .multiuse .subtitle a:hover{color:white;text-decoration:underline;background-color:transparent;} .wps-fragment .subtitle a:hover{color:white;text-decoration:underline;background-color:transparent;} .multiuse .fragment-header-light .subtitle a:hover{color:#333333;text-decoration:underline;background-color:transparent;} .wps-fragment .fragment-header-light .subtitle a:hover{color:#333333;text-decoration:underline;background-color:transparent;} /* Add Border Options */ .with-border{border:1px Solid #666666;font-style:normal;} .multiuse .with-border-all .col-4 .col{border:1px Solid #666666;background:none;margin-left:3px;margin-right:0px;width:21%;font-style:normal;margin-top:4px;} .wps-fragment .with-border-all .col-4 .col{border:1px Solid #666666;background:none;margin-left:4.5px;margin-right:0px;width:102px;font-style:normal;margin-top:4px;} .multiuse .with-border-all .col-4 .first{margin-left:0px;} .wps-fragment .with-border-all .col-4 .first{margin-left:0px;} .multiuse .with-border-all .col-4 .first +.first{margin-left:4.2px;margin-right:0px;} .wps-fragment .with-border-all .col-4 .first +.first{margin-left:4.2px;margin-right:0px;} .with-border-all .col-3 .col{border:1px Solid #666666;background:none;margin-left:4px;font-style:normal;margin-top:4.5px;width:32.35%;} .with-border-all .col-3 .first{margin-left:0px;width:32.4%;margin-top:4px;} .with-border-all .col-3 .first +.first{margin-left:4px;} .multiuse .with-border-all .col-2 .col{border:1px Solid #666666;background:none;margin-left:3px;font-style:normal;padding-top:2px;} .wps-fragment .with-border-all .col-2 .col{border:1px Solid #666666;background:none;margin-left:3px;font-style:normal;padding-top:2px;} .multiuse .with-border-all .col-2 .first{margin-top:3px;padding-left:10px;width:47.3%;margin-left:0px;} .wps-fragment .with-border-all .col-2 .first{margin-top:3px;padding-left:10px;width:47.3%;margin-left:0px;} .multiuse .with-border-all .col-2 .first +.first{margin-left:3px;} .wps-fragment .with-border-all .col-2 .first +.first{margin-left:3px;} /* End FCHT Header Changes */ /* Engauge Changed action link to a sprite call. */ /* Medium CTA common attributes */ a.orange-arrow-link, a.video-link, a.green-arrow-link, a.grey-arrow-link{position:inherit;font-size:0.95em;padding:1px 2px 2px 15px;color:#666666;font-weight:normal;display:block;font-style:normal;width:auto;margin:2px 0px 2px 0px;} /* Medium CTA's Link images, using sprites so take care with the Y-position attributes */ /* WARNING CSS is REVISED TO CALL THE CTAS.gif directly for testing, please change link url back to ../images/layout/CTAS.gif */ /* ../images/layout/CTAS.gif for testing at THD */ a.orange-arrow-link{background:url(../images/layout/CTAS.gif ) 0px 2px no-repeat;float:left !important;} a.green-arrow-link{background:url(../images/layout/CTAS.gif ) 0px -98px no-repeat;float:left !important;} a.grey-arrow-link{background:url(../images/layout/CTAS.gif ) 0px -198px no-repeat;float:left !important;} a.video-link{background:url(../images/layout/CTAS.gif) 0px -600px no-repeat;float:left !important;} /* Roll over states for Medium CTA's Commerce Orange #E6781E Know How Green #849834 Information Grey # 7b7b74 Video Link # 7b7b74 */ a.orange-arrow-link:hover{color:#E6781E;} a.grey-arrow-link:hover{color:#7b7b74;} a.green-arrow-link:hover{color:#849834;} a.video-link:hover{color:#7b7b74;} /* Small ETA common attributes */ a.orange-list-link, a.grey-list-link, a.green-list-link{position:relative;overflow:hidden;padding:0px 0px 0px 10px;_padding:0 0 0 8px;font-size:.95em;font-weight:normal;margin:2px 0 0 0;color:#666666;display:block;_display:inline;font-style:normal;} * html a.green-list-link{padding:0 0 0 18px; margin:2px 0 0 0;} * html a.grey-list-link{padding:0 0 0 18px; margin:2px 0 0 0;} * html a.orange-list-link{padding:0 0 0 18px; margin:2px 0 0 0;} /* Small CTA's Link images, using sprites so take care with the Y-position attributes */ a.orange-list-link{background:url(../images/layout/CTAS.gif) 0px -300px no-repeat;} a.grey-list-link{background:url(../images/layout/CTAS.gif) 0px -400px no-repeat;} a.green-list-link{background:url(../images/layout/CTAS.gif) 0px -500px no-repeat;} /* Roll over states for Medium CTA's Commerce Orange #E6781E Know How Green #849834 Information Grey # 7b7b74 */ a.orange-list-link:hover{color:#E6781E;} a.grey-list-link:hover{color:#7b7b74;} a.green-list-link:hover{color:#849834;} /* For tables */ table .orange-list-link, .grey-list-link, .green-list-link, .video-link, .orange-arrow-link, .grey-arrow-link, .green-arrow-link a{margin-left:2px;} table .orange-arrow-link, .grey-arrow-link, .green-arrow-link a{padding-left:17px;} /* Fix padding issue with desc-rndCorner */ .multiuse .desc-rndCorner{padding-left:0px;} .wps-fragment .desc-rndCorner{padding-left:0px;} /* Float Right for UL CTA's */ /* .col */ .m-right{margin-left:50%;float:right;margin-right:0px;list-style-type:none;display:block;} /* GLOBAL REVISIONS */ /* arrow-list revisions to reflect new CTA */ .arrow-list{margin:0px;color:#666666;} .arrow-list li{list-style-type:none;padding:0 0 0 10px;margin:0;background:url(../images/layout/CTAS.gif ) 0px -300px no-repeat;position:relative;color:#666666;font-weight:normal;} ul.arrow-list a:link{color:#666666;} ul.arrow-list a:visited{color:#666666;} ul.arrow-list a:active{color:#666666;} ul.arrow-list a:hover{color:#E6781E} * html .arrow-list li{zoom:1;} a.action-link{background:transparent url(../images/layout/CTAS.gif ) 0px 2px no-repeat;font-size:0.95em;padding:1px 2px 2px 15px;color:#666666;font-weight:normal;display:block;font-style:normal;width:auto;margin:2px 0px 2px 0px;position:relative;} #side dl dd{background:transparent url(../images/layout/CTAS.gif) no-repeat scroll 0 -300px;color:#666666;display:block;font-size:0.95em;font-style:normal;font-weight:normal;margin:2px 0;padding:0px 2px 1px 9px;position:inherit;width:auto;} dl#more-ways-to-shop dd{background:transparent url(../images/layout/CTAS.gif) no-repeat scroll 0 -300px;float:left;padding:1px 2px 1px 8px;position:relative;width:40%;} #side dl dd a{color:#666666;text-decoration:none;} /* Change Side Promo Links to regular */ .side-promos .promo a{font-weight:normal;} /* Fix no-space issue in Column-no-space */ .multiuse .no-space .NoSpace-Columns .Caption-NoSpace{padding-top:0px;} .multiuse .no-space .NoSpace-Columns .Caption-NoSpace{padding-top:0px;} /* hybrid-hero css */ .comboAccordion {height:260px; padding-bottom:9px} .dijitAccordionContainer {border-bottom:none;border-left:1px solid #e7e6e6;border-right:1px solid #e7e6e6;border-top:none;} .dijitAccordionTitle {background:#999999 url(../images/layout/hybridHeroFragmentArrowDefault.gif) no-repeat 9px 7px;color:#FFFFFF;font-weight:bold;padding:7px 8px 6px 33px;border-bottom:1px solid #CCCCCC;} .dijitAccordionTitle-hover {background:#666666 url(../images/layout/hybridHeroFragmentArrowHover.gif) no-repeat 9px 7px;} .dijitAccordionTitle-selected {background:#666666 url(../images/layout/hybridHeroFragmentArrowSelected.gif) no-repeat 9px 7px;font-weight:bold;} .dijitAccordionBody {border-bottom:1px solid #e7e6e6;color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:1.0em !important;font-size:0.9em;padding:20px 19px 0px 19px;} .dijitAccordionBody p {line-height:1.2em !important;line-height:1.3em;} .specialHeader .dijitAccordionTitle {background:orange;background-color:orange;font-weight:normal;} .AccordionContainer {float:left;padding-bottom:0px;width:214px; border-bottom:1px solid #e7e6e6;} .accordionImage {float:left;padding-bottom:0px;border-bottom:1px solid #e7e6e6;} .dijitContentPane {display:block;overflow:hidden;padding:10px 10px 10px 10px;} .dijitContentPane .arrow-list {clear:both;margin-left:50px;list-style-type:none;} .dijitContentPane .action-link {clear:both;margin-left:50px;margin-right:15px;display:block;} .comboAccordion .dijitContentPane a.orange-arrow-link, a.video-link, a.green-arrow-link, a.grey-arrow-link{float:left;padding-bottom:0px !important;} html>body .comboAccordion .dijitContentPane ul{float:left;} .dijitContentPane li{list-style-type:none;margin-bottom:7px;} /* End link revisions Engauge */ /****************************************************************/ /* FRAGMENT.CSS FILE - END */ /****************************************************************/ /****************************************************************/ /* FRAGMENT.CSS FILE - END */ /****************************************************************/ /****************************************************************/ /* May 20 Test Revisions */ /****************************************************************/ .add-cart-link{ background: url(../images/layout/add_to_cart_plp.png) no-repeat scroll right top transparent; height: 26px; width: 111px; padding-bottom: 5px; } /* Pages with Left Navigation */ /*Master*/ #container .pip { width: 940px;/*Brad Requested From 960 to 940*/ clear: both; } #content .pip{ clear: both; } #content { clear:none; height:auto; _height:auto; } /* Headers */ #page-header { display: block; } .sep-horiz { display: none; } .section-title { font-family: helvetica, arial, sans-serif; color: #333; font-size: 24px; font-weight: 700; margin: -5px 0 18px; border: none; line-height: normal; float: none; clear: both; position: relative; overflow: visible; } #layout.two-col #content h1{ border:none; font-size: 28px; font-weight: 700; position:absolute; left: -262px; top: -49px; color: #333; width: 940px; } .subcategory #layout.two-col, .category #layout.two-col, .plp #layout.two-col, .search_results_page #layout.two-col{ margin-top:0; } /*Left Rail */ #side-content-bottom { display: none; } #side-tabs{ display:none; } .navigation-filters{ padding-bottom:10px; } #side .left-rail { float: left; width: 160px; margin: 0 20px 0 0; font-family: helvetica, arial, sans-serif } #side dl dt { font-weight: 700; margin-bottom: 3px; } .left-rail dl { margin: 0 0 15px 0; } .left-rail dt { text-transform: uppercase; color: #333; font-weight: bold; font-size: 12px; } #side dl dd { padding: 2px 0 4px 12px; background: url(../images/layout/orange-square.png) no-repeat scroll 0 7px transparent; } .left-rail dd a { font-size: 12px; color: #666; } #side .left-rail dd a:hover { font-size: 12px; color: #666; text-decoration: underline; } #side .side-nav-category { background: none; border: none; color: #999; overflow: visible; padding: 0; margin:0; font-size: 11px; width: auto !important; } #side .narrowed-link{ background:none; font-size: 11px; padding: 0 0 0 5px; color: #999; display: inline } #side .side-nav-state{ margin:0 0 10px; padding: 0; color: #999; font-size: 11px; } #side .side-nav-state-cont{ margin:10px 0 0 0; padding: 0; font-weight: 700; } .navigation-filters{ margin-bottom: 10px; color: #999; font-size: 11px; padding:0; } #side .tab-content{ background:none; padding:0; margin-top: 15px; } #side-myaccount.tab-content h5{ text-transform: uppercase; color: #333; margin-bottom: 3px; } #side-myaccount dl dd a { font-size: 12px; } html>body #side #side-myaccount{ margin-top:0; min-height:0; } #layout.two-col #side{ width: 160px; } /* PIP Page */ /*Left Rail Detail */ #emailprint{ display: block; float: none; margin: 0 25px 10px 0; text-align: right; } .left-rail-detail { width: 750px; float: left; margin-right: 20px; } .detail-image { border-right: none; padding: 20px; width: 317px; text-align: center; float: left; } .detail-image a { color: #869930; text-decoration: none; font-size: 10px; font-weight: bold; } .detail-info { width: 375px; float: left; padding: 5px 0 0 25px; } .detail-info .email-print { text-align: right; margin: 0 0 20px 0; } .detail-info .email-print a { color: #999; font-size: 10px; } #pip-product-details .product-name { font-weight: 700; font-size: 18px; color: #111; } #pip-product-details p.pip-price{ color:#333333; } #pip-product-details .product { padding-bottom: 15px; } #pip-product-details .product .details, #pip-product-details .product .details .prices { padding-bottom: 0 !important; margin-bottom: 0 !important; border: 1px solid white; } .prices p.pip-price { margin-bottom: 0 !important; padding-bottom: 0 !important; } .prices p.sq-ft-price { padding: 5px 0; color: #666; font-size: 14px; } .product .model-number { font-size: 12px; line-height: 14px; margin: 0 0 15px 0; color: #666666; word-wrap: break-word; } .left-rail-detail .error.header-margin{ display: none; } .left-rail-detail #pip-appliance-area{ display:none; } .left-rail-detail .product-instructions{ display: none; } .pip .left-rail-detail .actions .add-to-cart{ display: none; } .pip .left-rail-detail .actions .check-available{ display: none; } .pip .left-rail-detail .actions .add-to-list{ display: none; } .pip .left-rail-detail .actions .internet-only{ display: none; } .pip .left-rail-detail .actions .not-sold-online{ display: none; } .pip .left-rail-detail .actions .backordered{ display: none; } .pip .left-rail-detail .actions .not-available{ display: none; } .pip .left-rail-detail .sep-horiz-solid, .pip .left-rail-detail .call-instructions, .pip .left-rail-detail .action-link-sheds{ display:none; } .action-link-sheds{ background:url("../images/layout/build_a_quote.png") no-repeat scroll 9px 0 transparent; color: transparent; margin:0; font-size: 12px; height:35px; padding:11px 0 0 27px; } .left-rail-detail .available{ display: none; } .shipping-info { margin: 0 0 15px 0; color: #111; } #pip-sidebar { float: none; margin: 0; width: 338px; border: 1px solid #CCC; padding: 10px; color: #666; height: 130px; } .sidetab-bar { background: none; color: #666; border: none; height: auto; line-height: normal; padding: 0; } .purchase-info { background: none; border: none; font-size: 11px; padding: 8px 0 0 0; } .purchase-info a { display: inline; color: #e6781e; padding: 0; } #pip-product-details p.pip-price span.freeship{ background: url(../images/layout/icon_shipping.png) no-repeat scroll left center transparent; color: #333333; margin-top: 8px; padding-left: 27px; } #pip-product-details p.pip-price span.nofreeship{ color: #E6781E; margin-top: 8px; display: block; font-size: 0.6em; font-style: normal; font-weight: 700; } .itemThumb, .itemThumbRight { border: none; margin: 8px 0 0 10px; } #thumbdiv a { text-transform: capitalize; color: #e6781e; } #thumbdiv { margin: 0; } .viewAllLink { display: block; clear: both; padding-top: 5px; } .two-col .side-promos{ display: none; } #pip-content .tab-content { width: 710px; } /* Right Rail Detail */ #pip-main { text-align: inherit; width: auto; } .iLinks { padding-right: 0px; } #pip-product-details { float: left; width: 373px !important; padding-left: 20px !important; } .pip .right-rail-detail .actions .add-to-cart{ float: none; position: static; padding: 0 0 10px 10px; } .right-rail-detail { width: 160px !important; float: left; margin-left:10px !important; display: inline-block; overflow: hidden; } .right-rail-detail .actions .disclaimer-message { display: none; } .right-rail-detail .prices { padding-bottom: 20px; background:#F0F0F0; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0; } .prices-right .freeship, .prices-right .nofreeship{ display: none; } .right-rail-detail .product22 .prices .price span { display: none; } .right-rail-detail .product22 .prices .price-strike {display:inline;font-size:14px;} .right-rail-detail .product22 .prices .price-special{display:inline;font-size:16px;} .right-rail-detail .shipinclude{ display:none;} .right-rail-detail .prices-right{ background:#f0f0f0; border-left:1px solid #ccc; border-right:1px solid #ccc; } .right-rail-detail .prices-right p { padding: 10px 0 5px 10px; color: #e6781e; font-size: 16px; font-weight:bold; margin:0;} #height10 {margin-top:0;} .product .prices p.price-strike2 {color:#666;} .right-rail-detail .prices-right .price-strike2 {margin-bottom:0; padding-bottom:0; font-size: 14px;color:#666;} .right-rail-detail .prices-right .price-special.pip-price a, .right-rail-detail .prices-right .price-special.pip-price span{display: none;} .right-rail-detail .prices-right .price-special.pip-price {width: 140px;} .right-rail-detail .prices-right p.price-special.pip-price{padding-top:0px;} .right-rail-detail img.blk { float:left; } /* ie6 fix */ .clr, .clear-nospace { height:0; font-size:0; overflow:hidden; } #pip-appliance-deliveryb1 img { float:none; } .right-rail-detail .pre-cart-button-messages .available{ display:none; } .right-rail-detail .pre-cart-button-messages .internet-only{ display:none; } .right-rail-detail .actions .pre-cart-button-messages a.check-available{ display:none; } .right-rail-detail .actions .not-sold-online{ display: none; } .right-rail-detail .pre-cart-button-messages .not-sold-online{ padding: 0 0 10px 10px; font-size: 13px; display: block; font-weight: 700; margin-top:-10px; } .right-rail-detail .actions .backordered{ display: none; } .right-rail-detail .pre-cart-button-messages .backordered{ padding: 0 0 0 10px; font-size: 13px; display: block; font-weight: 700; color: red; margin-top: -5px; height: 35px; width: 140px; } .right-rail-detail .actions .not-available{ display: none; } .right-rail-detail .pre-cart-button-messages .not-available{ padding: 0 0 10px 10px; font-size: 13px; display: block; font-weight: 700; margin-top:-10px; color: #666; } .right-rail-detail .actions .internet-only { font-size: 11px; padding: 10px 0 0 28px; border-top: 1px solid #CCC; width: 132px; height: auto; background: #F0F0F0 url(../images/layout/online_only.png) no-repeat 12px 13px; height: 15px; color: #999; margin-bottom: -5px; } .right-rail-detail .error.header-margin{ font-size: 11px; font-weight: 700; padding: 10px 0 0 10px; margin: 0; } .right-rail-detail .actions .available { font-size: 11px; padding: 0; border-top: 1px solid #CCC; width: 100%; height: 20px; } .right-rail-detail .available a { color: #666; background: #F0F0F0 url(../images/layout/icon_check.png) no-repeat 12px 13px; padding: 10px 0 0 26px; width: 120px; display: block !important; /*margin-bottom: -5px;*/ } .right-rail-detail .actions a.check-available{ background: #F0F0F0 url(../images/layout/icon_check.png) no-repeat 12px 13px; width: 158px; font-size: 11px; color: #666; display: block; padding: 10px 0 0 28px; clear: both; float:none; border-top: 1px #ccc solid; /*height: auto;*/ margin-bottom: -5px; } .right-rail-detail .actions { background-color:#f0f0f0; margin: 0; width: 158px; height: auto; border-left:1px solid #ccc; border-right:1px solid #ccc; overflow:hidden; } .right-rail-detail .details .product-name, .right-rail-detail .details p, .right-rail-detail .details .sep-horiz-solid{ display: none; } .right-rail-detail .details{ background-color: #F0F0F0; } .right-rail-detail .details .call-instructions, .right-rail-detail .details .action-link-sheds{ border-left:1px solid #ccc; border-right:1px solid #ccc; } .right-rail-detail .details .call-instructions{ padding: 15px 10px 0; background: none; } .right-rail-detail #pip-appliance-area { background-color: #f0f0f0; margin-bottom: 10px; width: auto; } .right-rail-detail #pip-appliance-area img.blk{ display:none; } #pip-appliance-area { background:none; } .right-rail-detail #pip-appliance-delivery { background-color: #f0f0f0; padding: 0 10px; margin:0; width:auto; height:auto; border:none; } .right-rail-detail #pip-appliance-undeliverable { background-color: #f0f0f0; padding: 0; margin:0; width:auto; height:auto; border:none; } .right-rail-detail #pip-appliance-deliveryb1 input.zipCode { color: #999; font-size: 10px; width: 135px; float:none; } .right-rail-detail #pip-appliance-deliveryb1 input.checkAvailability { float: right; display: inline; margin:2px 0 0 0; padding:0; } .checkAvailability{ position: relative; } .right-rail-detail #pip-appliance-deliveryb2.addto { float:none; height:auto; width:auto; padding-left: 0; background: #f0f0f0; text-align:center; } #pip-appliance-deliveryb2 {padding-bottom:10px; } .right-rail-detail #applPipText1 { color:#333; font-size:11px; font-weight: bold; text-transform: uppercase; border: none !important; } .right-rail-detail .negleftmargin{ margin-left: -1px !important; } .right-rail-detail .delivArea { color:#666; font-size:11px; font-weight: normal; border: none !important; } .right-rail-detail #pip-appliance-deliveryb1 { float:none; width:auto; height:auto; padding:0; border: none !important; clear: both; margin-bottom: 5px; } .right-rail-detail #pip-appliance-undelivb1 { float:none; width:auto; height:auto; padding:0 10px; border: none !important; clear: both; margin-bottom: 5px; } .right-rail-detail #pip-appliance-undeliverable .etr p{ color:#666666; font-size:11px; font-weight:400; margin: 0; } .right-rail-detail #pip-appliance-undeliverable .etr { color:#e8812d; font-size:14px; font-weight: bold; width: 120px; } .right-rail-detail #pip-appliance-undeliverable .etr2 { margin-top:-10px; } .right-rail-detail #pip-add-to-list { background: #F0F0F0 url(../images/layout/plus_sign.png) no-repeat 12px 12px; padding:0; width: auto; font-size: 11px; color: #666; float: none; } .zipcode{ border-bottom: none !important; } .pip .right-rail-detail .actions .not-available{ float: none; width: auto; height:auto; } .pip .right-rail-detail .excludedShipStates{ display:none; } .right-rail-detail .add-to-list a{ margin: 10px auto; } .right-rail-detail .actions a.add-to-list{ background: #F0F0F0 url(../images/layout/plus_sign.png) no-repeat 12px 13px; width: auto; font-size: 11px; color: #666; display: block; padding: 10px 0 10px 28px; clear: both; float:none; border-top: 1px #ccc solid } .right-rail-detail #pip-appliance-area a.add-to-list{ display: block; font-weight: 400; margin-bottom:-5px; } .right-rail-detail #pip-appliance-area #pip-appliance-deliveryb2 a.add-to-list{ margin:0 0 -15px 0; } .actions a.add-to-list-zipcode{ background: #F0F0F0 url(../images/layout/plus_sign.png) no-repeat 12px 13px; width: 132px; font-size: 11px; color: #666; display: block !important; padding-bottom: 10px; clear: both; border-bottom: none !important; border-top: 1px #ccc solid } .right-rail-detail #pip-appliance-delivery-cdetails { margin:0; padding: 5px 10px 0; color:#333; width:auto; font-size:11px; } .right-rail-detail #pip-appliance-area a { color:#333 !important; font-size:11px; text-decoration: none; font-weight: 700; } .right-rail-detail #pip-appliance-area a:hover{ text-decoration: underline; } .right-rail-detail #pip-appliance-delivery-cdetails li { display:list-item; margin-left:0px; list-style-type: none; color:#666; font-size:11px; } .right-rail-detail .quantity label { display: inline; font-weight: 700; } .right-rail-detail .prices-right p.sq-ft-price { background: #F0F0F0; padding: 5px 0 0 10px; color: #666; font-size: 14px; } .right-rail-detail .quantity { padding: 1px 0 0 0; } .right-rail-detail .product-instructions .quantity{ clear: both; float: none !important; display: block !important; padding-left: 10px !important; width: auto !important; } div.quantity { width:auto !important; } .right-rail-detail input { padding: 0 } .right-rail-detail .product-instructions { padding: 0 !important; width: auto; /*margin-top: -10px;*/ margin:0; float: none; background: none; } .right-rail-detail .pip-quantity { color:#333 !important; font-size:11px !important; font-weight: bold !important; } .right-rail-detail .add-to-cart { clear: both; position: relative !important; left: 0 !important; top: 0 !important; margin: 0 8px 8px !important; width: 142px; height: 37px; background: url(../images/layout/add_to_cart.png) no-repeat left top; border: none; cursor: pointer; padding: 0 !important; float: none; font-size: 1px; line-height: 1px; text-indent:0; } .right-rail-detail .checkAvailability { color:#333 !important; font-size:11px !important; font-weight: bold !important; } .right-rail-detail .checkingimage { } .right-rail-detail .delivArea { color:#666; font-size:11px; font-weight: normal; border: none !important; } .right-rail-detail .delivArea a, .right-rail-detail .notAvailable a { color:#333; font-size:11px; font-weight: bold; border: none !important; } .right-rail-detail p.delivArea a { display:inline !important; } .right-rail-detail .availableItem { color:#e8812d; font-size:14px; font-weight: bold; padding-top: 15px; margin-top: -15px; width: 120px; } .right-rail-detail .notAvailable { color:#666; font-size:11px; font-weight: normal; margin-top: -8px; } .price-box { margin-bottom: 20px; } .inner-round { border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f0f0f0; padding: 0 5px 0 10px; } .inner-round-white { background-color: #ffffff; } .product22 p.price { font-weight: bold; font-size: 16px; padding: 8px 0 0 0; background: none; border: none; display:block; } .free-shipping { margin: 0 0 10px 0; } .inner-round form { padding: 10px 0; } .inner-round label { font-weight: bold; } .inner-round input.qty { width: 20px; } .inner-round input.button { margin-top: 10px; } .add-choices { display: block; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f0f0f0; border-top: 1px solid #ccc; padding: 10px 5px 10px 10px; color: #333; font-size: 11px; } .also-like h6 { border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f0f0f0; padding: 8px 5px 8px 10px; font-size: 13px; font-weight: bold; color: #666; } /* You May Also Like */ #add-ons { float: right; width: 160px; } #add-ons .product22{ padding-left: 0 !important } #add-ons .product22 .details{ padding: 0 8px 0 10px; } #accessories .product22 { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: none; color: #333333; display: block; padding: 8px 8px 8px 10px; width:auto; background: none; text-align: center; } .rounded-top-gray { background: url(../images/layout/top-round.png) no-repeat bottom; height: 3px; font-size:0; overflow:hidden; } .rounded-bottom-white { background: url(../images/layout/bottom-round-white.png) no-repeat bottom; height: 3px; font-size:0; overflow:hidden; } .rounded-bottom-gray { background: url(../images/layout/bottom-round.png) no-repeat bottom; height: 3px; font-size:0; overflow:hidden; margin-top: -3px; } .product22 a { text-decoration: none; color: #333; } .product22 a:hover { text-decoration: underline; } .product22 .details .product-name { height: auto; display: block; } .product22 .details .product-name a { font-size: 11px; line-height: 14px; } .product-image-link { text-align: center; } .product22 .details .model-number { display: none; } .product22 .prices { font-weight: 700; font-size: 18px; min-height: 0; background: none; border: none; padding-bottom:0; } .product22 .details { text-align: left; background: none; } .details .add-to-list { display: none; } #accessories { width: 160px; } #accessories #add-ons h4 { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f0f0f0; padding: 5px 5px 5px 10px; font-size: 13px; font-weight: 700; color: #333; text-transform: uppercase; margin: 0; } #accessories .col { float: right; margin-top: 15px; } .like-image { text-align: center; } .like-item .price { font-weight: bold; font-size: 18px; padding: 8px 0; } .last-like-item { padding-bottom: 9px; } /* Footer */ #footer-promos { clear:both; display:block; margin: 10px auto 0; padding:0 0 0 5px; width:770px; text-align: center; } #footer-promos .left-footer-promo { float:left; display: inline; } #footer-promos .center-footer-promo { float:left; display: inline; padding-left:7px; } #footer-promos{display:none;} dl.dropdown_menu_left { padding: 10px 20px 10px 0; /*width: 215px;*/ width: 224px; } dl.dropdown_menu.m2 { width:160px; } dl.dropdown_menu.m3{ width:150px; } dl.dropdown_menu.m4{ width:140px; } .clear { clear: both; height: 0; line-height: 0; overflow:hidden; font-size:0; } #footer_wrapper { border-top: #ccc solid 1px; padding: 0 0 25px 0; margin: 10px auto 0 auto; height: 300px; /* BOPIS2 Defect 1788 John Jimenez */ background: #fff /*url(../images/layout/footer-bgd.jpg) left bottom repeat-x*/; float: none !important; font-size: 12px; width: 940px !important; } #dropdown_wrapper { width: 960px; padding: 0; margin: 0 auto; background: none !important; border: none; float: none; } dl.dropdown_menu { float: left; padding: 10px 20px 0; border-right: #ccc solid 1px; height: 300px; /* 4.2 BOPIS2 John Jimenez Defect #1186 */ position: static !important; text-align: left !important; margin: 10px 0; } dl.dropdown_menu_left { padding: 10px 20px 0 0; width: 215px; } dl.dropdown_menu_right { padding-right: 0px; border-right: 0; } #footer_wrapper dt { font-size: 12px; color: #666; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; background: none !important; border: none !important; padding: 0 !important; width: 100%; height: auto; } dl.dropdown_menu a { color: #666; text-decoration: none; } dl.dropdown_menu a:hover { text-decoration: underline; color: #000 !important; } dl.dropdown_menu li { margin-bottom: 3px; display: block !important; } .dropdown_menu dd { background: none repeat scroll 0 0 #FFFFFF; display: block !important; overflow: hidden; position: static !important; width: auto !important; z-index: 200; } .dropdown_menu ul { border: none !important; list-style: none outside none; width: auto !important; } .dropdown_menu a,.dropdown_menu a:active,.dropdown_menu a:visited { background: none !important; border: none !important; display: inline !important; height: auto !important; padding: 0 !important; text-align: left; width: auto !important; color: #666; } #footer_signup { float: none !important; width: auto !important; } #email_info { color: #666 !important; float: none !important; height: auto !important; margin: 0; padding: 0 !important; text-align: left !important; width: 200px !important; } #email_form input { margin: 0 !important; } /* form#emailsub{ height:20px; } Header Footer Defect 10765 */ .field-email { width: 178px; } #email_info { font-size: 10px; *font-size: 9px; margin: -3px 0 8px 0; *margin: 5px 0 3px 0; text-transform: none; } #email_form { background: url(../images/layout/email-form.jpg) 0 0 no-repeat; width: 205px; height: 25px; padding: 5px 0 0 10px; margin: 0 0 25px 0; } #email_form .field-email { border: 0; background: transparent; font-size: 12px; } #email_form .button { float: right !important; position: relative; top: -7px; height: auto !important; width: auto !important; } .footer-disclaimer, #legal { text-align: center; font-size: 11px; width: 940px; margin: 0 auto; background: #fff; padding-top:0; } .footer-disclaimer { color: #666; padding: 10px 0 5px 0; border-top: #ccc solid 1px; _margin: -15px 0 0 0; border-bottom: none; } #legal a { color: #333; text-decoration: none; } #legal a:hover { text-decoration: underline; } ul.social { *margin: 10px 0 0 0; width: 215px !important; } ul.social li { float: left; width: 42px !important; height: 43px; margin-right: 20px; _margin-right: 15px; border: 0 !important; } .disclaimer { font-size: 10px; margin: 8px 0 12px 0; color: #666; } #email_form label { margin: 0 0 0 -5px; } /* End of Footer */ /* Header */ /** Services+Help+Partner Sites Start **/ #globalsubNav{float:right;height:85px;padding:0;width:680px;z-index:700} .subNavUser{background:#fff;float:left;top:0;font-size:11x;font-weight:700;width:680px;height:30px;text-align:left;}/* 1024 */ .sectionList {display:inline;margin:0px;padding:0 0 0 5px;}/* 1024 */ .buttonDropDown_orange{cursor:pointer;font-size:12px;color:#f68428;background: none /*url(../images/layout/dropdown_arrow.png) no-repeat right center !important*/;font-weight:bold;padding-left:0 !important;padding-right:15px !important;}/* 1024 */ a.secondary_links{color:#e6781e;font-weight:bold;padding:0 5px 0 5px;}/* 1024 */ .secondary_links:hover{color:#333;} /*#main-nav-dropdown a{color:#fff;font-weight:700;} #main-nav-dropdown a:hover{text-decoration:underline;}*/ /* common styling */ /* .mainDropDown ul li a:hover ul li a:hover ul .menu-flyout{ visibility:visible; position:absolute; top:0px;color:#000;width:auto;height:auto;background:#4b4b4b; left:191px; z-index:300;overflow:visible; } .mainDropDown ul li a:hover ul li a:hover ul .menu-flyout{ top:0px;left:161px;color:#333;background:purple; } */ /* .mainDropDown .drpLink {float:left;width:191px;height:36px;overflow:hidden;background: url("../images/layout/GN_Header_HomeDepot.png") no-repeat;background-position:0px -100px;padding-bottom:0px;margin:0;border:none;} .mainDropDown .drpLink:hover{float:left;width:176px;line-height:15px;height:15px;overflow:hidden;background:#333 url(../images/layout/shopall_depts-hover.png) top left no-repeat;padding:2px 0 19px 15px;margin:0;border:none;} .mainDropDown .drpLink:hover{text-decoration:none !important;} */ /*table.menu-flyout {color:#333;} table.menu-flyout td{padding-top:-30px;margin-top:-10px;width:225px; !important} table.menu-flyout td a{color:red} .mainDropDown .subcat-flyout {}*/ /* End of Header */ /* Category - PLP Right Rail */ .right-rail #side .side-container{ display:inline; } .right-rail{ float:right; width: 160px; margin-top: -20px; } .right-rail .wide-left-two-col{ width: 100%; } .right-rail #content.f-left{ display: none; } .right-rail .side-promos-fff{ width: 160px; background: none; border-bottom: 1px solid #CCC; margin: 0; padding: 20px 0; } .right-rail .side-promos-fff .promo strong{ color: #666; } .right-rail .side-promos-fff .promo h5{ color: #333; font-size: 16px; text-transform:uppercase; margin:0; padding:0; } .right-rail .side-promos-fff .promo img{ margin: 5px 0 10px 0; cursor:pointer } .right-rail .side-promos-fff .promo p{ font-size: 12px; margin:0; color: #666; padding-bottom: 7px; } .right-rail .side-container{ margin: 0; } .right-rail .cap-top{ display:none; } .right-rail .cap-bottom{ display: none; } .right-rail .side-promos-fff .promo{ margin:0; } .right-rail a.orange-list-link { background: url(../images/layout/arrow_cta.png) no-repeat scroll right center transparent; margin: 0; padding: 7px 10px 7px 0; display: inline-block; width: auto; font-size: 12px; display: inline; } .two-col{width:940px;margin-top:45px;} /* Typeahead */ /* type ahead changed to fit new location and size of search drop-down and text field, and made to go over shipping msg and under Shop-All drop-down. QC Defect #8795 margin was 47 0 0 203; z-index:9999;*/ #nav #typeahead { background: #e6e6e6; border: 1px solid #ccc; color: #666; font-size: 1.2em; padding: 15px 18px 5px; position: absolute; width: 675px; display:none; margin: 47px 0 0 212px; z-index:300; /* fix layering issue QC Defect #8795 ajs */ } #nav #typeahead .category { padding-bottom: 20px; background: none; margin: 0; width: auto !important; float: none !important; } #nav #typeahead .column { width: 225px; float: left; } #nav #typeahead h4 { height: 0px; padding: 11px 0 0; overflow: hidden; color: #333; background: url('../images/layout/typeahead-headers.png') 0 0 no-repeat; margin-bottom: 3px; } #nav #typeahead .categories h4 { background-position: 0 -11px; } #nav #typeahead .brands h4 { background-position: 0 -22px; } #nav #typeahead .projects h4 { background-position: 0 0; } #nav #typeahead .buying h4 { background-position: 0 -33px; } #nav #typeahead .InstallationServices h4 { background-position: 0 -44px; } #nav #typeahead .Community h4 { background-position: 0 -55px; } #nav #typeahead ul, #nav #typeahead li { color: #e6781e; font-size: 12px; padding: 0; } #nav #typeahead li { margin-top: 5px; } #nav #typeahead a { color: #666; line-height: 1.1em; height: auto; background: url(../images/layout/orange-square.png) no-repeat scroll 3px 8px transparent; padding:2px 0 3px 13px; } #nav #typeahead a:hover { color: #333; text-decoration: underline; } #nav #typeahead a.video { background: url(../images/layout/video_link.png) no-repeat scroll 0 4px transparent; } #nav #typeahead a.video2 { background: url(../images/layout/video_link.png) no-repeat scroll 0 4px transparent; margin:0px 0px 0px 0px; padding:2px 0px 3px 14px; } /* type ahead changed to fit new location and size of search drop-down and text field. allison original below code: top: -15px; left: 153px; width: 418px; */ #nav #typeahead .tab { background: #e6e6e6; border: 1px solid #ccc; border-bottom: 0; height: 15px; position: absolute; top: -16px; left: -1px; width: 555px; font-size: 1px; color: #666; } /* All styles originally in 5/20 modified due to review in prd-prv */ .plp .two-col #content, .search_results_page .two-col #content, .category .two-col #content, .subcategory .two-col #content{ margin: 0 55px 0 0; } .two-col #content{ margin: 0 170px 0 0; } #side.left-rail { width: 160px; } #side.left-rail .side-container{ display:block; } .right-rail #side{ width: 160px; } .left-rail .wps-fragment { display: none; /* 5/20 from block */ } #content.superfeature, #layout.wide-left-two-col{ margin: auto; float:left/* 5.6 update */ } .right-rail #layout.wide-left-two-col{ margin-left:0; } /* defects update - 5/7 */ /* .search{height:auto;} */ h1{border:none; clear:both; color:#333333; float:none; font-family:helvetica,arial,sans-serif; font-size:28px; font-weight:700; line-height:normal; margin:-5px 0 18px; overflow:visible; position:relative; width: 940px; } /* global.css */ /* Fix to hide title bar on subcategory pages */ #cat-titleBlock {visibility: hidden;height: 0px;overflow:hidden;display:none;} .popup-layer, .popup-wait{z-index:99999;top:200px !important;} /* Fix for duplicate message on coordinating items */ .coordinate .pre-cart-button-messages {display:none;} /* Fix for Pricing somewhere */ .prices p { font-size:1.3em; font-weight:700; margin:0; color:#333333; } .prices .price-special #SpecialPrice { font-size:1em; font-weight:700; margin:0; color:#333333; } .prices p span.freeship, .prices p span.shipinclude { font-style:italic;color:#333; } /* Fix for Gift Card PIP page */ .split-layout-right{ float:left; margin-left:8px; } /*Share Print Email */ .widgetEMailPrintTable .at300bs.at15t_compact { background-image: url(../images/layout/icon_share.png) !important; margin: -1px -2px 0 0 !important; } .widgetEMailPrintTable { padding: 0 !important; margin: 0 !important; float: right; } .widgetEMailPrintTable td { padding: 0 0 15px 10px; } .widgetEMailPrintTable td a { font-size: 12px !important; font-weight: bold !important; color: #666 !important; } .widgetEMailPrintTable td a:hover { text-decoration: underline; } .widgetEMailPrintTable .padR20 { padding: 0 !important; } /*Search Results Articles and Services */ .results-header{ background: none repeat scroll 0 0 #8C8B79; height: 30px; margin-top:10px; padding:0 8px; } .results-header h4{ background: none repeat scroll 0 0 #8C8B79; color: #FFF; float: left; font-size: 1.3em; font-weight: 700; margin: 0; padding: 5px 0 0; vertical-align: middle; } .results-header .view-all-returns{ background: url("../images/layout/button_orangearrow-dark.gif") no-repeat scroll 3px 0 transparent; color: #FFF; float: right; margin-top: 5px; text-align: right; } .articles, .services{ clear: both; color: #666; padding: 0 0 15px 8px; } .articles a, .services a{ display: block; font-weight: 700; margin-top: 10px; } .search_articles, .search_services{ display: inline; float: right; margin:0; padding:0; width: 510px; } /* Print, Email, Secure Promise */ .page-options{ top: -40px; right: -100px; display: none; } .plp .page-options{ top: -70px; right: 0; background: none; display:inline; } .plp .user-options{ background: none; } /* Links */ .product .product-name a, .product-name a, div a, .navigate .source_list .current_page{color:#333333;} .wps-fragment .collapseqst2, .wps-fragment .collapseqst3{color:#33333;} /* Strike through pricing */ p.price-strike {color:#666666;} /* Shipping graphic */ .coordinate-product p.pip-price span.freeship{ background: url(../images/layout/icon_shipping.png) no-repeat scroll left center transparent; } /* Peak a boo on Pro page */ .promo table , .coll table{position:relative;} /* Links under image */ .detail-image .image-properties a{ color: #666; font-size: 12px; font-weight: 400; } .detail-image .image-properties a:hover{ text-decoration: underline; } .detail-image .image-properties{ margin-top: 10px; } /* Certona ymal */ /*ymal_Universal*/ #ymal .add-cart-link{padding: 0;} /*Subcat styles*/ .add-cart-link-4col{background: url("../images/layout/add_to_cart_subcat.png") no-repeat scroll right top transparent; cursor: pointer; display: block; width:100px; height:26px; padding: 0 0 5px; margin: 0;} #subcat_rr{margin: 10px auto 0; width: 510px;} #subcat_rr .details{text-align: left; padding: 3px 0;} .ymal_titlebar{width:auto; height:25px; background: #676767; color:#fff; font-weight:bold; font-size:12px;} .ymal_titlebar span{padding:7px 0 0 15px; float:left;} #ymal .product-name{text-align:left; font-weight:bold; height:65px; padding:5px 0 0;} #ymal .product-name a{font-weight:normal; display:block;} #ymal .product-description{text-align:left; font-size:0.9em; margin:3px 0 10px; height:auto; padding: 0; display: none;} .wps-fragment #ymal .prices p {font-size:1em;} /*ymal_shopping cart*/ .ymal_shoppingcart{width:49%; clear:none !important; float:left;} .ymal_shoppingcart_right{float:right;} .ymal-cart-product-description{text-align:left; font-size:0.9em; margin:0; height:auto; padding: 4px 0;} /*resize 3-col columns*/ .wps-fragment #ymal .col-3 .col{width:130px; padding:0 3px 0 8px;} /*ymal_vert*/ #ymal_vert{} #ymal_vert .product-name{text-align:left; padding:3px 10px 0 25px; height: auto; overflow: hidden;} #ymal_vert .details{padding: 0 0 5px 25px !important;} #ymal_vert .product-name a{font-weight:normal;} #ymal_vert .product-description{text-align:left; font-size:0.9em; margin:3px 0 10px 10px; height:auto; padding: 0; display: none;} #ymal_vert .add-cart-link{padding:0 0 0 25px;} /*homepage*/ #home_rr { _zoom:1; } /* 4.2 John Jimenez Defect #1789 */ #home_rr #ymal {width : 940px; height: auto; padding-bottom: 30px; float: left; margin-top:15px; font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;} #home_rr #ymal .section-title {text-transform: uppercase; font-size: 22px; margin:5px 0 10px;} #ymal .column {width : 155px; height: auto; border-right : 1px solid #ccc; float : left;} #ymal .column .product-img-link{margin: 10px; display: block; width: 100px; height: 100px; margin: 3px 0 0 25px;} .column .price{font-size: 16px; padding: 20px 0 0 10px; margin-bottom: 0;} .column .ymal-cart-product-description{text-align:left; font-size:12px; line-height: 15px; color : #666; margin:0 0 0 10px; height:auto; display: block; padding:0;} .column .add-cart-link {margin: 10px 0 3px 19px;} /* Brightcove Video Fragment 7/7 Update */ .videoContainer { padding:39px 32px 10px 29px; } .videoContainer .videoTitle { color: #fff; font-weight: 500 !important; font-weight: bold; font-size: 1.5em; left: 28px; position: absolute; top: 11px; text-transform:uppercase; } .videoContainer .videoDescription { color: #fff; padding: 11px 4px 4px 0px; text-align: left; } .videoContainer .videoWrapper { background: #000 url("../images/layout/lightbox-loading.png") 50% 50% no-repeat; } .dojoxDialog { outline:0; position: absolute; z-index: 1011; } .dojoxDialog .closeText { display:none; position:absolute; } .dojoxDialogWrapper { left: 0; top: 0; } .dojoxDialog { background: #000; border: 1px solid #000; -moz-box-shadow: 0 0 16px #333; -webkit-box-shadow: 0 0 16px #333; box-shadow: 0 0 16px #333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=6)"; filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=6) !important; } .dojoxDialogFocused { border:1px solid #ccc; } .dojoxDialog .dojoxDialogPaneContent { border:none; padding:0; } .dojoxDialogNoTitle .dojoxDialogTitleBar { display:none; } .dojoxDialogContent { margin-top:1.2em; padding: 3px; } div.dojoxDialogNoTitle { padding: 0; } .dojoxDialogCloseIcon { background:url("../images/layout/lightbox-close.png") 0 5px no-repeat; cursor:hand; cursor:pointer; display:block; height:25px; position:absolute; right:22px; top:8px; vertical-align:middle; width:66px; z-index:1011; zoom:1; opacity:1 !important; filter:alpha(opacity=100) !important; } .dijitDialogUnderlayWrapper { background:none repeat scroll 0 0 transparent !important; display:none; left:0; position:absolute; top:0; z-index:1010; } .dijitDialogUnderlay { background:none repeat scroll 0 0 #666666; opacity:0.7; filter: alpha(opacity = 70); } /*Roll-Over Fragments and Howto July 2nd 2010*/ .roll-over { background-color: #e6ece8; clear: both; padding: 2px 8px 10px; zoom: 1; } .tundra .dijitTabInnerDiv span { outline: none; } .wps-fragment .roll-over .fragment-header { background-color: #e6ece8; background-color: green; clear: both; color: #666666; float: left; height: 35px; position: relative; width: 100%; } .wps-fragment .roll-over .fragment-header h4 { background-color: #e6ece8; color: #666666; font-size: 1.3em; margin: 8px 0px 10px 10px; margin-left: 10px; } .roll-over .tundra .dijitTab { background: #d1d1d1; border: none; color: #666666; margin-right: 0; } .roll-over .tundra .dijitTabInnerDiv { font-family: helvetica,arial, sans-serif; font-size: 1em; font-weight: 600; margin-left: 4px; padding: 6px 8px 5px 3px; text-align: left; } .roll-over .dijitLayoutContainer { clear: both; } .roll-over .tundra .dijitTabContainerLeft-tabs .dijitTabChecked { background-color: #797979; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #797979; border-top: 1px solid #fff; color: #fff; margin-bottom: 0px; margin-top: 0px; } .roll-over .tundra .dijitTabPaneWrapper { background: #797979 none repeat scroll 0 0; border: 1px solid #fff; color: #fff; font-family: helvetica,arial,sans-serif; font-size: .95em; margin: 0; padding: 0; } .roll-over .tundra .dijitTabPaneWrapper a { color: #fff; } .roll-over .tundra .dijitTabPaneWrapper a:hover { color: #333333; } .roll-over .tundra .dijitTabPaneWrapper img { border: 1.5px solid #fff; } .roll-over .tundra .dijitTabContainerTop-dijitContentPane, .tundra .dijitTabContainerLeft-dijitContentPane, .roll-over .tundra .dijitTabContainerBottom-dijitContentPane, .roll-over .tundra .dijitTabContainerRight-dijitContentPane, .roll-over .tundra .dijitAccordionContainer-dijitContentPane { background-color: #797979; padding: 5px; text-align: left; } .roll-over .tundra .dijitTabContainerLeft-tabs .dijitTab, .tundra .dijitTabContainerRight-tabs .dijitTab { margin-bottom: 2px; } .roll-over .dijitTabContainerLeft-tabs .dijitTab { left: 2.5px; } .know-how { background-color: #A9A9A9; } #extra { clear: both; height: 174px; left: 9px; position: absolute; top: 167px; width: 175px; z-index: 100; } .extraImage,.extraText { float: left; position: relative; width: 30%; } .extraText { font-size: .9em; width: 60%; } .know-how .tundra .dijitTab { background: #999999; border: 1px solid #999999; border-right: none; color: #666666; height: 33px; left: 1.5px; margin-right: 0; padding: 3px 0px 0px 3px; width: 160px; } .know-how .tundra .dijitTabInnerDiv { font-family: helvetica,arial, sans-serif; font-size: 1.2em; font-weight: 700; padding: 6px 8px 5px 3px; text-align: left; } .know-how .tundra .dijitTabInnerDiv span { outline: none; } .know-how .tundra .dijitTabContainerLeft-tabs .dijitTabChecked { background-color: #797979; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #797979; border-top: 1px solid #fff; color: #fff; margin-bottom: 0px; margin-top: 0px; } .know-how .tundra .dijitTabPaneWrapper { background: #797979 none repeat scroll 0 0; border: 1px solid #fff; color: #fff; margin: 0; padding: 5px 15px; } .know-how .tundra .dijitTabPaneWrapper img { border: 1.5px solid #fff; } .know-how .tundra .dijitTabPaneWrapper a { color: #fff; } .know-how .tundra .dijitTabPaneWrapper a:hover { color: #333333; } .know-how .tundra .dijitTabPaneWrapper p { margin-top: 5px; } .know-how .tundra .dijitTabContainerTop-dijitContentPane, .know-how .tundra .dijitTabContainerLeft-dijitContentPane, .know-how .tundra .dijitTabContainerBottom-dijitContentPane, .know-how .tundra .dijitTabContainerRight-dijitContentPane, .know-how .tundra .dijitAccordionContainer-dijitContentPane { background-color: #797979; padding: 5px; text-align: left; } .know-how .tundra .dijitTabContainerLeft-tabs .dijitTab, .know-how .tundra .dijitTabContainerRight-tabs .dijitTab { margin-bottom: 1px; margin-right: 0; } html > body .wps-fragment .tundra .col-4 .col { width: 20%; } .tab-fragment .tundra .dijitTabInnerDiv { padding: 6px 8px 5px 3px; } .tab-fragment .tundra .dijitTabInnerDiv span { outline: none; } .tab-fragment .tundra .dijitTabContainerTop-tabs .dijitTabChecked { background-color: #fff; border-bottom-color: #fff; color: #333; } .tab-fragment .dijitLayoutContainer { clear: both; } .tab-fragment .fragment-header { background-color: #666666; color: #fff; height: 25px; width: 100%; } .tab-fragment .fragment-header h4 { color: #fff; font-family: helvetica, arial, sans-serif; font-size: 1.2em; margin: 2px 5px 5px 10px; } .tab-fragment .tundra .dijitTabPaneWrapper { border: 1px solid #333333; padding: 10px; } .tab-fragment .tundra .dijitTabContainerTop-container { border-top: medium none; } .tab-fragment .tundra .dijitTabContainerTop-tabs { border-color: #333333; margin-bottom: -1px; } .tab-fragment .tundra .dijitTab { background: #969696; border: 1px solid #333333; color: #fff; cursor: pointer; font-family: helvetica, arial, sans-serif; font-size: 1em; font-weight: 700; line-height: normal; margin: 0px 0px 0px 0px; padding: 0; text-align: center; text-decoration: underline; } .tab-fragment .tundra .dijitHover { background: #dddddd; color: #333333; } #zip-hero-grad { background: url(../images/layout/hybridHeroFragmentGradient.gif) repeat-x 0px 260px; height: 265px; width: 770px; } .zip-hero { height: 260px; overflow: hidden; width: 770px; } .zip-form { height: 100%; margin-left: 20px; overflow: hidden; position: relative; text-align: left; width: 100px; } .zip-input { font-family: helvetica,arial,sans-serif; font-size: 13px; } .zip-submit { clear: both; margin-top: 9px; } .How-to-770 { background-color: #666666; padding: 0px 10px 11px; zoom: 1; } .How-to-770 .tabbackground-1 { background-image: url(../images/layout/book-icon.png); background-position: 10px 7px; background-repeat: no-repeat; padding-left: 15px; } .How-to-770 .tabbackground-2 { background-image: url(../images/layout/hammer-icon.png); background-position: 10px 7px; background-repeat: no-repeat; border-left: 1px solid white; padding-left: 20px; } .How-to-770 .tabbackground-3 { background-image: url(../images/layout/info-icon.png); background-position: 10px 7px; background-repeat: no-repeat; border-left: 1px solid white; padding-left: 20px; } .wps-fragment .How-to-770. fragment-header h4 { font-size: 1.0em; margin-top: 3px; zoom: 1; } .wps-fragment .How-to-770 .fragment-header { height: 25px; zoom: 1; } .wps-fragment .How-to-770 .col-3 { background-color: white; height: 100%; padding: 1px; zoom: 1; } .wps-fragment .How-to-770 .col-3 .col { _width: 33.2px; background: none; border-left: 1pt solid #dedede; height: 100%; margin: 0px; width: 33.23%; } .col-header { background-color: #999999; border: medium none; color: #FFFFFF; font-weight: 800; height: 45px; padding: 0; } .col-header-title { padding: 15px 12px 5px 36px; } .How-to-770 .col-3 .col * { margin-left: 0px; } .dijitContentPane a.orange-arrow-link, a.video-link, a.green-arrow-link, a.grey-arrow-link, a.orange-list-link, a.grey-list-link, a.green-list-link { float: none; } .col-content { padding: 25px; } .wps-fragment .How-to-770 .col-3 .first { background: transparent none repeat scroll 0 0; border: 0; zoom: 1; } .How-to-770 .col-3 .col * ul { margin-left: 5px; } .How-to-510 { background-color: #666666; padding: 0px 10px 5px; zoom: 1; } .How-to-510 .dijitLayoutContainer { background-color: white; clear: both; } .How-to-510 .tundra .dijitTab { background-color: #999999; border: none; color: #fff; font-weight: 800; height: 45px; margin-right: 1px; padding: 0; width: 33.1%; } .How-to-510 .tundra .dijitTabChecked { background-color: #E6E6E6; color: #333; font-weight: 800; } .How-to-510 .tundra .dijitTabContainerTop-tabs { border-color: white; margin-bottom: -1px; margin-left: 1px; } .How-to-510 .tundra .dijitTabContainerTop-container { border: medium none; } .how-to .tundra .dijitTabHover { background-color: #666666; color: #fff; } .How-to-510 .tabbackground-1 { background-image: url(../images/layout/book-icon.png); background-position: 10px 5px; background-repeat: no-repeat; padding-left: 20px; } .How-to-510 .tabbackground-2 { background-image: url(../images/layout/hammer-icon.png); background-position: 10px 5px; background-repeat: no-repeat; padding-left: 20px; } .How-to-510 .tabbackground-3 { background-image: url(../images/layout/info-icon.png); background-position: 10px 5px; background-repeat: no-repeat; padding-left: 20px; } .How-to-510 .tundra .dijitTabInnerDiv { padding: 13px 8px 5px 46px; } table a.grey-list-link, a.orange-list-link, a.green-list-link, a.video-link, a.orange-arrow-link, a.grey-arrow-link, a.green-arrow-link { margin-left: 5px; } .wps-fragment .How-to-510 .fragment-header h4 { font-size: 1.0em; margin-top: 3px; } .wps-fragment .How-to-510 .fragment-header { height: 25px; } .How-to-510 .tundra .dijitTabPaneWrapper { padding: 10px 8px 0 5px; } wps-fragment .h-col-2 { clear: both; margin-left: 0; overflow: hidden; padding-bottom: 0; width: 100%; } .How-to-510 .h-col table { border: 0 none; font-size: 100%; } .How-to-770 .col-3 .col { width: 28%; } .h-col-2 .h-col{display: inline;float:left;margin-top:10px;padding-left:10px;width: 63%;} .h-col-2 .h-col ul{ margin-left: 5px;} .h-col-2 .h-first {background-image: none; width: 30%;} .td-border-left {border-left: 1px solid #dedede;} .td-border-left .h-col-2 .h-col ul {margin-left: 8px;} /* Tips Fragment 07/20/10 */ .side-rotator{background-color:#E6781E;width:246px;height:269px;padding:10px} .side-rotator .cta{clear:both;left:117px;position:absolute;bottom:20px;display:inline;} .side-rotator .cta ul li{list-style: none;line-height:normal;} .side-rotator .cta a{display:block;float:none;font-size:0.90em;} .rotator-content{postion:relative;background-color:white;height:269px;} .rotate-header{padding:10px;color:#e67728;background-color:white;font-size: 1.4em;font-family:helvetica, arial, sans-serif;font-weight:800;clear:both;} .rotate-header img{float:left;margin-right:3px;width:63px;height:63px;} .rotate-header p{text-align:left;font-size:1.2em;font-family:helvetica, arial, sans-serif;font-weight:800;color:#e67728;margin:10px 0 0 0;line-height:1em;} .rotate-copy{postion:relative;height:72%;margin:0px 30px;clear:both;font-family:helvetica,arial,sans-serif;color:#555;font-size:1em;} .rotate-copy p{font-family:helvetica,arial,sans-serif;color:#555;font-size:1.2em;text-align:left;margin:0px;} /**** Super Sku's ****/ /*SuperSku Rollover BTN added by DeSha Rogers-Givens*/ /*.SSku_FB_Layover{background : url('/wcsstore/hdus/en_US/images/wcs_apps/ssku/pip/btn_quickView.png') no-repeat; width : 128px; height : 41px;}*/ /** PIP **/ .clearfloat { clear:both; background:#000; height:0px; overflow:hidden; } .noBorder { border:none !important; } .noOutline { outline:none; } .handCursor { cursor:pointer; } #superPIP__container p, #superPIP__container h2, #superPIP__container h3, #superPIP__container h4 { /*line-height:107%;*/ } /* overrides ################################################## */ #superPIP__container h4, #superPIP__container h3 { background:none; clear:none; display:block; } #superPIP__container label { text-align:left; display:inline; } #superPIP__container a { cursor:pointer; } #superPIP__container div { } #superPIP__rebateinfo { width:auto; } /* zones ###################################################### */ #superPIP__container { width:940px; margin:0 auto; /*background: url(../images/pip/_bg.png);*/ background-color: #fff; text-align:left; } #superPIP__container .superPIP__col1 { position:static !important; float:left; width:780px; overflow:hidden; } #superPIP__container .superPIP__col2 { position:static !important; float:left; width:160px; overflow:hidden; } #superPIP__container .superPIP__zoneA { float:left; width:352px; height:406px; } #superPIP__container .superPIP__zoneB { z-index:1; /*ie fix*/ float:left; width:427px; /*height:406px;*/ /*overflow:hidden;*/ } #superPIP__container .superPIP__zoneC { height:280px; /*PIPlite*/ margin-top:15px; /* Added by Brad for SSKU defect # 1797 */ margin-bottom: 30px; /*PIPlite*/ } #superPIP__container .superPIP__zoneD { height:316px; margin-top:10px; } #superPIP__container .superPIP__zoneE { } /* zone A ###################################################### */ #superPIP__productImage_container { left:28px; position:absolute; top:18px; } #superPIP__productImage { position:absolute; } .productImage_badge { position:absolute; } #superPIP__viewButtonsContainer { top:330px; text-align:center; } #superPIP__viewButtonsContainer a { font-size:9pt; } #superPIP__viewButtonsContainer a.vBtn { display:none; } .superPIP__zoneA .lgImg { background:url("../images/wcs_apps/ssku/pip/icon_viewLarger.gif") no-repeat scroll left transparent; padding-left:23px; padding-top:2px; padding-bottom:2px; } /* zone B ###################################################### */ .superPIP__zoneB .inner { /*padding:38px 14px 0px 23px;*/ padding:38px 14px 0px 14px; } .superPIP__zoneB .row { padding: 0px 4px; padding-bottom:10px; padding-top:10px; /*border-bottom:1px solid #ccc;*/ /*Commented this because lines above and below Free shipping on superPIP are not supposed to be there*/ height:1%; /*ie6 hasLayout trigger*/ } .superPIP__zoneB .row.top { height:auto; padding-top:0px; } .superPIP__zoneB .top.row { z-index:1; } .superPIP__zoneB h2 { color:#333; font-size: 14pt; font-weight: bold; } .superPIP__zoneB .widgetEMailPrintTable { float:none; position:absolute; right:32px; top:0; } /* top -------------------------------------------------- */ .superPIP__zoneB h2 { margin-bottom:8px; } .superPIP__zoneB .elementGroup_a { margin-bottom:8px; } .superPIP__zoneB .elementGroup_a p { margin-right:10px; } .superPIP__zoneB #superPIP__bazaarVoiceBox1 { overflow:hidden; height:auto; /*border:1px solid #eee;*/ margin-bottom:10px; } .superPIP__zoneB p.price { font-size:14pt; color:#333; } .superPIP__zoneB p.strikeThru { text-decoration:line-through; color:#666; font-size:11pt; font-weight:bold; } /* shipping -------------------------------------------------- */ .superPIP__zoneB .shipping { } .superPIP__zoneB .shipping .shipSpecial { color:#333; font-size:7pt; } .superPIP__zoneB .shipping h4 { background: url(../images/wcs_apps/ssku/pip/icon_shipping.gif) no-repeat left 0px !important; padding-left:28px; font-weight:bold; background-position: left 5px !important; } /* attributes -------------------------------------------------- */ /* comboBox */ .superPIP__zoneB .comboBox { position:relative; font-size:0px; line-height:8pt; } .superPIP__zoneB .comboBox .head{ display:block; background:url(../images/wcs_apps/ssku/pip/comboBox_sprite.gif) top; width:129px; height:22px; font-size:8pt; } .superPIP__zoneB .comboBox .head_on { background-position:bottom; } .superPIP__zoneB .comboBox .head .inner{ display:block; padding:5px 8px; } .superPIP__zoneB .comboBox select{ position:absolute; z-index:10; width:129px; display:none; } #attr_1 { z-index:2; /*ie fix*/ } #attr_2 { z-index:1; /*ie fix*/ } #attr_3 { z-index:0; /*ie fix*/ } .superPIP__zoneB .comboBox option.dd_unavailable { color:#ccc; } .attributeGroup { /* hide all attributes */ display:none; } .superPIP__zoneB .attributeGroup { margin-bottom:20px; } .superPIP__zoneB #attr_finish h4, .superPIP__zoneB .attributeGroup h4 { text-transform:uppercase; font-weight:bold; font-size:9pt; color:#333; margin-bottom:3px; } #superPIP__label_finish b { text-transform:capitalize; font-weight:normal; } .superPIP__zoneB .attributeGroup h4 { margin-bottom:2px; } .superPIP__zoneB #attr_finish div.swatches .swatch { float:left; width:26px; height:26px; cursor:pointer; margin-right:1px; background:url(../images/wcs_apps/ssku/pip/swatch_sprite.gif); } .superPIP__zoneB #attr_finish div.swatches .sw_available { background-position:left 0px; } .superPIP__zoneB #attr_finish div.swatches .sw_available_hover { background-position:left -26px; } .superPIP__zoneB #attr_finish div.swatches .sw_available_active { background-position:left -52px; } .superPIP__zoneB #attr_finish div.swatches .sw_unavailable { background-position:left -78px; } .superPIP__zoneB #attr_finish div.swatches .sw_unavailable_hover { background-position:left -104px; } .superPIP__zoneB #attr_finish div.swatches .sw_unavailable_active { background-position:left -130px; } .superPIP__zoneB #attr_finish div.swatches img { position:absolute; top:3px; left:3px; } .superPIP__zoneB #attr_finish div.swatches a.viewAll { position:relative; float:left; display:block; top:6px; left:8px; font-size:9pt; font-weight:bold; color:#e6781e; background: url(../images/wcs_apps/ssku/pip/icon_plus_2.gif) no-repeat; padding-left:18px; } /* zone C ###################################################### */ .superPIP__zoneC .slidersContainer { width:765px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; /*background:#eee;*/ overflow:hidden; } .superPIP__zoneC .slidersContainer .inner { width:9999px; } .superPIP__zoneC .slidersContainer .productSlider .button { float:left; width:175px; height: 280px;/*PIPLite Changed 175 to 280*/ } .superPIP__zoneC .slidersContainer .productSlider .header { display:block; width:320px; height:25px; position:absolute; left:25px; top:15px; font-size:9.5pt; text-transform:uppercase; color:#333; } .superPIP__zoneC .slidersContainer .productSlider .header i { color:#e6781e; margin-left:10px; text-transform:none; font-weight:normal; font-style:normal; } .superPIP__zoneC .slidersContainer .productSlider .btn_scroll_l { display:block; width:25px; height:23px; position:absolute; right:33px; top:8px; background:url(../images/wcs_apps/ssku/pip/btn_leftRightArrows.gif) left; } .superPIP__zoneC .slidersContainer .productSlider .btn_scroll_r { display:block; width:25px; height:23px; position:absolute; right:9px; top:8px; background:url(../images/wcs_apps/ssku/pip/btn_leftRightArrows.gif) right; } .hideSliderArrowButtons .btn { display:none !important; } .superPIP__zoneC .slidersContainer .productSlider .disabled { background-image: url(../images/wcs_apps/ssku/pip/btn_leftRightArrows_disabled.gif); } .superPIP__zoneC .slidersContainer .productSlider .container { float:left; width:412px; height: 280px; /*PIPLite Changed 175 to 280*/ display:none; overflow:hidden; background:#fff; } .superPIP__zoneC .slidersContainer .productSlider .multiPane { position:absolute; bottom:0px; left:-1px; } .superPIP__zoneC .slidersContainer .productSlider .multiPane div div a img { height:100px; /* IE hack so images do not disappear, added by Brad for defect 252 */ } .superPIP__zoneC .slidersContainer .productSlider .items { width:27600px !important; height: 245px; /*PIPLite Changed 175 to 245*/ cursor:pointer; } .superPIP__zoneC .slidersContainer .productSlider .items div { float:left; height:100%; width:138px; } .superPIP__zoneC .slidersContainer .productSlider .items div.border { border-right:1px solid #ccc; } .superPIP__zoneC .slidersContainer .productSlider .items div img { } .superPIP__zoneC .slidersContainer .productSlider .items div a.product { display:block; position: relative; /*PIPLite Changed absolute to relative*/ bottom:20px; left:20px; /*PIPLite Changed 18 to 20*/ width:100px; height:100px; margin-top: 20px; /*PIPLite*/ margin-bottom: 20px;/*PIPLite*/ bottom: 0px; /*PIPLite*/ } .superPIP__zoneC .slidersContainer .productSlider .items div a.quickView { display:none; position:absolute; left:12px; top:55px; width:111px; height:33px; background:url(../images/wcs_apps/ssku/pip/btn_quickView.png); text-indent:-9999px; } #superPIP__slider_coordinating .button { width:176px; } .button.right { background:url(../images/wcs_apps/ssku/pip/Panel_Right.jpg) right no-repeat #f7f7f7; } .button.left { background:url(../images/wcs_apps/ssku/pip/Panel_Left.jpg) left no-repeat #f7f7f7; } .button b { margin-top:68px; width:100px; text-transform:uppercase; } .button.right b{ display:block; margin-left:21px; } .button.left b{ display:block; margin-left:50px; } .button.border-right { border-right:1px solid #ccc; } .button.border-left { border-left:1px solid #ccc; } .pipItems p.pipOfferPrice { font-size: 14px; color: black; font-weight: bold; margin-left: 12px; margin-right: 12px; } .pipItems p.pipOfferPrice span { font-size: 20px; color: black; font-weight: bold; } .pipItems p.pipListPrice {/*PipLite*/ margin-top: -12px; margin-left: 12px; margin-bottom: 14px; font-size: 12px; font-weight: bold; text-decoration: line-through; color: gray; } .pipItems p.pipDescription {/*PipLite*/ margin-left: 12px; margin-right: 12px; line-height: 15px; height: 45px; overflow-y: hidden; color: #3d3d3d; font-size: 12em; } /* zone D ###################################################### */ #pip-content .tab-content { width:740px; } #pip-tabs p { margin-bottom:10px; } /* zone E ###################################################### */ .superPIP__zoneE .grp_requiredItems, .superPIP__zoneE .grp_requiredParts, .superPIP__zoneE .grp_addToCart, .superPIP__zoneE .grp_shoppersAlsoViewed, .superPIP__zoneE .bottom { /*border:1px solid #000;*/ } .superPIP__zoneE .bottom { font-size:0px; line-height:0px; /* ie6 */ } .superPIP__zoneE .inner { padding: 0 11px; padding-top:10px; } .superPIP__zoneE .inner .internet-only{ background:url("../images/layout/online_only.png") no-repeat scroll 0px 3px #F0F0F0; font-size:8pt; float:none; padding-left:15px; } /* Brad added this to resolve several available messages in right rail */ /* All messages for super SKU right rail are below */ .superPIP__zoneE .inner .homeDelivery, .superPIP__zoneE .inner .OnlineOnly{ background:url("../images/layout/online_only.png") no-repeat scroll 0px 3px #F0F0F0; font-size: 8pt; float: none; padding-left: 15px; display: none; } .superPIP__zoneE .inner .notSoldOnline, .superPIP__zoneE .inner .outOfStockOnline, .superPIP__zoneE .inner .availOnline, .superPIP__zoneE .inner .backOrderedOnline, .superPIP__zoneE .inner .unAavailOnline { font-size: 12px; font-weight: bold; padding: 15px 0 10px 0; display: none; } .superPIP__zoneE .inner .backOrderedOnline{padding: 15px 3px 10px 0;} /* #8581 4.3.5 - ajb */ .superPIP__zoneE .inner .availInYourLocalStore, .superPIP__zoneE .inner .availOnlineYourLocalStore, .superPIP__zoneE .inner .availCheckInStore { display: none; } .superPIP__zoneE h4 { text-transform:uppercase; font-weight:bold; font-size:11pt; color:#333; margin-bottom:3px; } .superPIP__zoneE .grp_addToCart h4 { color:#e6781e; font-size:14pt; text-transform:none; } /* required items -------------------------------------------------- */ .superPIP__zoneE .grp_requiredItems { } .superPIP__zoneE .grp_requiredItems .view_btn { display:block; width:138px; height:32px; background:url("../images/wcs_apps/ssku/pip/btn_requiredItems.gif") no-repeat scroll 0 0 transparent; text-indent:-9999px; margin-top:10px; } .superPIP__zoneE .grp_requiredItems.s1 h4 { font-size:14px; /* Changed to get Required Items to show on one line */ text-transform:uppercase; color:#333; padding-left:0; } .superPIP__zoneE .grp_requiredItems.s2 h4 { font-size:9pt; text-transform:uppercase; color:#333; } .superPIP__zoneE .grp_requiredItems.s2 table { position:relative; width:160px; left:-11px; } .superPIP__zoneE .grp_requiredItems.s2 table tr.border td { border-top:1px solid #ccc; } .superPIP__zoneE .grp_requiredItems.s2 table td { padding:4px; font-size:7pt; } .superPIP__zoneE .grp_requiredItems.s2 table td.one { padding-left:11px; width:128px; } .superPIP__zoneE .grp_requiredItems.s2 table td.two { padding-right:11px; } .superPIP__zoneE .grp_requiredItems.s1, .superPIP__zoneE .grp_requiredItems.s2 { display:none; } /* required parts -------------------------------------------------- */ .superPIP__zoneE .grp_requiredParts { height:1%; /*ie6 hasLayout trigger*/ } .superPIP__zoneE .grp_requiredParts .view_btn { display:block; width:138px; height:32px; background:url("../images/wcs_apps/ssku/pip/btn_requiredParts.gif") no-repeat scroll 0 0 transparent; text-indent:-9999px; margin-top:10px; } .superPIP__zoneE .grp_requiredParts .head { font-size:11pt; text-transform:uppercase; } .superPIP__zoneE .grp_requiredParts { display:none; } /* add to cart -------------------------------------------------- */ .superPIP__zoneE .grp_addToCart { background:url("../images/wcs_apps/ssku/pip/bg_roundedGrayBox.gif") no-repeat scroll 0 0 transparent; } .superPIP__zoneE .grp_addToCart.bottom { background-position:bottom; height:4px; padding-top:10px; /*margin-bottom:8px;--Brad Request*/ } .superPIP__zoneE .grp_addToCart .addToCart_btn { display:block; width:138px; height:32px; margin-top:10px; background:url("../images/wcs_apps/ssku/pip/btn_addToCart.gif") no-repeat scroll 0 0 transparent; border:medium none; font-size:0; line-height:0; text-indent:-9999px; } .superPIP__zoneE .grp_addToCart .add_btn { background:url("../images/wcs_apps/ssku/pip/icon_plus.gif") no-repeat scroll 0 2px transparent; font-size:8pt; margin-top:25px; padding-left:15px; } .superPIP__zoneE .grp_addToCart .check_btn { background:url("../images/wcs_apps/ssku/pip/icon_check.png") no-repeat scroll 0 3px transparent; font-size:8pt; margin-top:25px; padding-left:15px; } /* Added to fix A inside of DIVs for Avail Message 02/21/11 Brad */ .superPIP__zoneE .inner .availInYourLocalStore a, .superPIP__zoneE .inner .availOnlineYourLocalStore a, .superPIP__zoneE .inner .availCheckInStore a { background:url("../images/wcs_apps/ssku/pip/icon_check.png") no-repeat scroll 0 3px transparent; font-size:8pt; margin-top:25px; padding-left:15px; } .superPIP__col2 a.check-available{ /*added by Desha 11/22 Test*/ background: #F0F0F0 url(../images/layout/icon_check.png) no-repeat 0 2px; width: auto; font-size: 8pt; padding-left:15px; height: auto; margin-bottom: -5px; text-transform : capitalize; } .superPIP__zoneE .grp_addToCart label { display:inline; text-align:left; font-weight:bold; } .superPIP__zoneE .grp_addToCart input { width:25px; } .superPIP__zoneE .grp_addToCart .h_line { display:block; position:relative; left:-11px; height:1px; width:160px; background:#ccc; margin: 8px 0; overflow:hidden; /* ie6 */ } .superPIP__zoneE .grp_addToCart .strikeThru { text-decoration:line-through; color:#666; font-size:11pt; font-weight:bold; } .superPIP__zoneE .grp_addToCart .addToList_btn { /* PIPlite */ background: url("../images/wcs_apps/ssku/pip/btn_addToList.jpg") no-repeat scroll 0 0 transparent; border: medium none; display: block; font-size: 0; height: 32px; line-height: 0; margin-top: 10px; text-indent: -9999px; width: 138px; } .superPIP__zoneE #pip-appliance-area { background-color:#F0F0F0; margin-bottom:10px; width:auto; } .superPIP__zoneE #pip-appliance-delivery { background-color:#F0F0F0; border:medium none; height:auto; margin:0; padding:0 10px; width:auto; } .superPIP__zoneE #pip-appliance-delivery-cdetails a { color:#E6781E !important; font-size:8pt; font-weight:700; text-decoration:none; display:inline; } .superPIP__zoneE input.zipCode { color:#999999; float:none; font-size:10px; width:135px; } .superPIP__zoneE input.checkAvailability { display:inline; float:right; margin:2px 0 0; padding:0; width:auto; margin-bottom:10px; } .superPIP__zoneE #pip-appliance-delivery-cdetails { font-size:11px; margin:0; padding:0px; width:auto; } .superPIP__zoneE .pip-quantity { color:#333333 !important; font-size:11px !important; font-weight:bold !important; margin-bottom:10px; } .superPIP__zoneE .head { border:medium none !important; color:#333333; font-size:11px; font-weight:bold; text-transform:uppercase; } .superPIP__zoneE .delivArea { border:medium none !important; color:#666666; font-size:11px; font-weight:normal; margin-bottom:10px; } .superPIP__zoneE #availabilityStates .head { color:#333333; font-size:11px; font-weight:bold; text-transform:uppercase; } .superPIP__zoneE #availabilityStates a.bold { color:#e6781e; font-weight:bold; } .superPIP__zoneE #availabilityStates .state_top { margin-bottom:10px; } .superPIP__zoneE #availabilityStates .state_bot { color:#333333; font-weight:bold; margin-bottom:15px; } .superPIP__zoneE #availabilityStates error { margin-top:15px; margin-bottom:15px; color:#ff0000; } .superPIP__zoneE #availabilityStates .state { display:none; } .superPIP__zoneE #availabilityStates .state p { margin-bottom:6pt; } .superPIP__zoneE #availabilityStates .state strong { color:#333; } /* also viewed -------------------------------------------------- */ .superPIP__zoneE .grp_shoppersAlsoViewed { /*background:url("../images/wcs_apps/ssku/pip/bg_roundedBox_2.gif") no-repeat scroll 0 0 transparent;--Brad's request*/ height:1%; /*ie6 hasLayout trigger*/ } .superPIP__zoneE .grp_shoppersAlsoViewed.bottom { background-position:bottom; height:4px; padding-top:10px; } .superPIP__zoneE .grp_shoppersAlsoViewed .inner2 { padding:0 13px; } .superPIP__zoneE .grp_shoppersAlsoViewed h4 { font-size:9pt; margin-bottom:10px; line-height:105%; } #superPIP__alsoViewedContainer { padding-top:8px; } #superPIP__alsoViewedContainer .item { margin-bottom:8px; } #superPIP__alsoViewedContainer .item.last { margin-bottom:0px; } #superPIP__alsoViewedContainer .item p { font-size:8pt; color:#e6781e; margin-bottom:8px; } #superPIP__alsoViewedContainer .item b { display:block; font-size:12pt; color:#333; } #superPIP__alsoViewedContainer .addCart { display:block; width:111px; height:26px; margin-top:6px; background:url("../images/wcs_apps/ssku/pip/btn_addToCart_smaller.gif") no-repeat scroll 0 0 transparent; border:medium none; font-size:0; line-height:0; text-indent:-9999px; } /* .jk_simpleOverlay ###################################################### */ .jk_simpleOverlay .inner { padding:8px; width:100%; height:100%; } .jk_simpleOverlay .bg { position:absolute; width:8px; height:8px; } .jk_simpleOverlay .n { left:0px; top:-8px; width:100%; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/n.png); } .jk_simpleOverlay .ne { right:-8px; top:-8px; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/ne.png); } .jk_simpleOverlay .e { right:-8px; top:0px; height:100%; background:#ccc; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/e.png); } .jk_simpleOverlay .se { right:-8px; bottom:-8px; background:#ccc; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/se.png); } .jk_simpleOverlay .s { left:0px; bottom:-8px; width:100%; background:#ccc; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/s.png); } .jk_simpleOverlay .sw { left:-8px; bottom:-8px; background:#ccc; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/sw.png); } .jk_simpleOverlay .w { left:-8px; top:0px; height:100%; background:#ccc; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/w.png); } .jk_simpleOverlay .nw { left:-8px; top:-8px; background:#ccc; background: url(../images/wcs_apps/ssku/pip/9slice_shadowBox/nw.png); } .jk_simpleOverlay .center { height:100%; } .jk_simpleOverlay .nw, .jk_simpleOverlay .n, .jk_simpleOverlay .ne, .jk_simpleOverlay .sw, .jk_simpleOverlay .s, .jk_simpleOverlay .se { font-size:0px; line-height:0px; /* ie6 */ } /* overlay_color ###################################################### */ #superPIP__container #overlay_color { display:none; position:absolute; z-index:10; width:390px; height:292px; background:#fff; top:250px; left:375px; } #superPIP__container #overlay_color .close { position:absolute; top:15px; right:15px; color:#666; text-transform:uppercase; font-size:10pt; } #superPIP__container #overlay_color h4 { position:absolute; top:38px; left:38px; color:#333333; font-size:12pt; text-transform:uppercase; font-weight:bold; } #superPIP__container #overlay_color .activeName{ font-size:10pt; margin-bottom:10px; text-transform:capitalize; } #superPIP__container #overlay_color .swatches { position:absolute; top:70px; left:38px; width:324px; } #superPIP__container #overlay_color .swatches .swatch { float:left; width:41px; height:41px; cursor:pointer; margin-right:5px; margin-bottom:4px; background:url(../images/wcs_apps/ssku/pip/swatchBig_sprite.gif); } #superPIP__container #overlay_color .swatches .swatch img { width:35px; height:35px; } #superPIP__container #overlay_color .swatches .sw_available { background-position:left 0px; } #superPIP__container #overlay_color .swatches .sw_available_hover { background-position:left -41px; } #superPIP__container #overlay_color .swatches .sw_available_active { background-position:left -82px; } #superPIP__container #overlay_color .swatches .sw_unavailable { background-position:left -123px; } #superPIP__container #overlay_color .swatches .sw_unavailable_hover { background-position:left -164px; } #superPIP__container #overlay_color .swatches .sw_unavailable_active { background-position:left -205px; } #superPIP__container #overlay_color .swatches img { position:absolute; top:3px; left:3px; } #superPIP__container #overlay_color .h_line { display:block; position:absolute; left:10px; top:52px; height:1px; width:370px; background:#ccc; margin: 8px 0; overflow:hidden; /* ie6 */ } /* overlay_editZipcode ###################################################### */ #superPIP__container #overlay_editZipcode { display:none; position:absolute; z-index:10; width:480px; height:279px; background:#fff; left:256px; /*top:206px; Chamged by Brad for defect 443 */ } #superPIP__container #overlay_editZipcode .h_line { display:block; position:relative; left:-20px; height:1px; width:480px; background:#ccc; margin: 8px 0; overflow:hidden; /* ie6 */ } #superPIP__container #overlay_editZipcode .close { position:absolute; top:15px; right:15px; color:#666; text-transform:uppercase; font-size:10pt; } #superPIP__container #overlay_editZipcode h4 { position:absolute; top:38px; left:20px; color:#333333; font-size:12pt; text-transform:uppercase; font-weight:bold; } #superPIP__container #overlay_editZipcode p { margin-bottom:16px; font-size:9pt; } #superPIP__container #overlay_editZipcode .content { width:440px; position:absolute; top:60px; left:20px; } #superPIP__container #overlay_editZipcode .formGrp { position:relative; top:0px; left:20px; } #superPIP__container #overlay_editZipcode #f_editZipCode { width:135px; } #superPIP__container #overlay_editZipcode .btn_do_updateZip { display:block; position:absolute; top:2px; right:145px; width:143px; height:30px; background:url("../images/wcs_apps/ssku/pip/btn_updateZipCode.gif") no-repeat scroll 0 0 transparent; border:medium none; font-size:0; line-height:0; text-indent:-9999px; } #superPIP__container #overlay_editZipcode .btn_cancel_updateZip { display:block; position:absolute; top:2px; right:62px; width:72px; height:30px; background:url("../images/wcs_apps/ssku/pip/btn_updateZipCode_cancel.gif") no-repeat scroll 0 0 transparent; border:medium none; font-size:0; line-height:0; text-indent:-9999px; } /**** SSKU Overlay ****/ .Overlay_Body{ margin:0; padding:0; } .SSKU_Overlay_Container { width:622px; height:500px; float:left; font-family:Arial, Helvetica, sans-serif; padding-bottom:0px; position:relative; } .SSKU_Overlay_Col1 { float:left; width:310px; margin:10px; position:relative; padding-bottom:0px; } .SSKU_Overlay_Col2 { margin:10px 10px 10px 0px; padding-left:5px; float:left; width:260px; position:relative; padding-bottom:0px; overflow:hidden; } .SSKU_Overlay_Image { text-align:center; margin:20px 10px 10px 0px; } .SSKU_Overlay_Image img{ border-style:none; } .SSKU_Overlay_CloseBtn a { color:#333; text-decoration:none } .SSKU_Overlay_CloseBtn a:hover{ text-decoration:underline; } .SSKU_Overlay_CloseBtn { font-size:11px; font-weight:bold; color:#333; text-align:right; margin-top: 0; } .SSKU_Overlay_ProInfo { font-size:18px; font-weight:bold; color:#333; margin-top:10px; line-height:22px; height:88px; overflow:hidden; } .SSKU_Overlay_ProReview { font-size:13px; font-weight:bold; color:#333; margin-top:5px; z-index:1; } #itemRating{ width:250px; height:25px; /*overflow:hidden;*/ } .SSKU_Overlay_ProPrice { font-size:20px; font-weight:bold; color:#333; display:inline; } .SSKU_Overlay_WasPrice { display:inline; color:#777; font-size:14px; } .SSKU_Overlay_ProShipInfo img { margin-bottom:7px; } .SSKU_Overlay_ProShipInfo { font-size:11px; font-style:italic; color:#777; margin-top:5px; margin-bottom:5px; height:30px; } .SSKU_Overlay_ProShipInfo h4{ background: url(../images/wcs_apps/ssku/pip/icon_shipping.gif) no-repeat left 0px !important; padding-left:28px; font-weight:bold; font-size:11px; vertical-align:top; margin:0; } .SSKU_Overlay_ProShipInfo p{ margin:0; } .SSKU_Overlay_DivLine { border-top: 1px solid #ccc; } /*.SSKU_Overlay_ProDescriptionTitle { margin-top:15px; font-size:12px; font-weight:bold; color:#333; }*/ .SSKU_Overlay_ProDescription { padding-top:5px; font-size:12px; color:#777; line-height:15px; margin-bottom:33px; } .SSKU_Overlay_Footer{ clear:both; bottom:0px; position:absolute; width:598px; height:100px; left:0; padding-bottom:10px; margin-left:10px; } .SSKU_Overlay_FooterLeft{ border: 0px solid red; float:left; position: relative; /* JJ Added for BOPIS2 */ } .SSKU_Overlay_FooterRight{ float:right; text-align:right; vertical-align:middle; width:260px; } .SSKU_Overlay_FooterLeftJustCopy { font-size:13px; font-weight:bold; color:#999; width:210px; /*height:100px;*//* JJ Removed for BOPIS2 */ display:table-cell; vertical-align:middle; /*padding:10px;*//* JJ Removed for BOPIS2 */ padding: 10px 2px; /* JJ Added for BOPIS2 */ position: absolute;/* JJ Added for BOPIS2 */ } .SSKU_Overlay_FooterLeftContent{ height:60px; background-color:#CCC; font-size:12px; color:#333; padding:15px; margin-top:10px; width:290px; position: absolute; /* JJ Added for BOPIS2 */ } .SSKU_overlay_shippingMasg{ color:#666; } .SSKU_Overlay_ZipCode{ padding-top:8px; } .SSKU_Overlay_ZipCode input{ color:#999; width:180px; } .SSKU_Overlay_ZipCode img { border-style:none; margin-left:10px; } .SSKU_Overlay_CartBtnHolder { width:auto; margin-top:10px; } .SSKU_Overlay_CartContainer { } .SSKU_Overlay_ProQantityHolder { height:25px; margin-top:9px; } .SSKU_Overlay_ProQantity { font-size:12px; font-weight:bold; color:#333; position:relative; float:left; padding-top:5px; } .SSKU_Overlay_ProQantity input { width:20px; color:#999; } .SSKU_Overlay_ProAvaibilty { height:30px; font-size:11px; font-weight:bold; color:#333; text-align:right; padding-top:10px; margin-bottom:10px; } .SSKU_Overlay_CartBtn { float:none; /* Changed for BOPiS2. Previously set to left */ } .SSKU_Overlay_CartBtn img { border-style:none; } .SSKU_Overlay_MoreInfoBtn { } .SSKU_Overlay_MoreInfoBtn img { border-style:none; } .SSKU_Overlay_AddToList img { padding-right:6px; border-style:none; } .SSKU_Overlay_AddToList a { text-decoration:none; color:#333 } .SSKU_Overlay_AddToList { padding-top:10px; padding-right:12px; font-size:11px; color:#333; float:right; } /*-----------------SSKU Online Overlay--------------------*/ .SSKU_Overlay_FinishType{ font-size:12px; color:#333; } .SSKU_Overlay_ProDescriptionOverFlow { height:140px; overflow:auto; margin-top:4px; margin-bottom:4px; } .SSKU_Overlay_ColorSwtHolder { width:200px; margin-top:7px; padding-left:0px; } .SSKU_Overlay_ColorSwatch { display:inline; border: 0px solid green; padding-left:0px; padding-right:3px; } .SSKU_Overlay_ColorSwatch img{ padding:1px; border: 1px solid #999; } .SSKU_Overlay_ListBoxes { font-size:12px; font-weight:bold; color:#333; padding-top:10px; } .itemToCart{ border: 2px solid #ccc; position:absolute; background-color:#FFF; padding:20px; color:#333; top:200px; left:200px; } /* BOPiS2 New SSKU Overlay defs */ .SSKU_Actions_Container { text-align: right; } .SSKU_Actions_Container * { margin: 0; padding: 0; } .SSKU_Actions_Container ul { list-style: none; margin: 0 -10px 10px 0; } .SSKU_Actions_Container li { display: inline; margin: 0 10px 0 0; } .SSKU_Overlay_ImageUnavailable{ position:absolute; top:0; margin:20px 10px 10px 0px; } .SSKU_Actions_Container img { border: none; } #noStoreError_2{margin-left:20px} /* #8559 4.3.5 - ajb */ /** Required Parts **/ .SSKU_Overlay_ReqParts_Container { width:650px; height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; } .SSKU_Overlay_ReqParts_Header { padding:10px 22px 10px 30px; height:117px } .SSKU_Overlay_ReqParts_Close { font-size:13px; font-weight:bold; text-align:right; margin-top: 5px; } .SSKU_Overlay_ReqParts_Close a { color:#333; } .SSKU_Overlay_ReqParts_HeaderTitle { font-size:16px; font-weight:bold; line-height:6px; } .SSKU_Overlay_ReqParts_HeaderCopy { padding-right:40px; padding-top:13px; } .SSKU_Overlay_ReqParts_Row { border: 1px solid #ccc; height:78px; } .SSKU_Overlay_ReqParts_Col1 { float:left; width:195px; padding:18px 0px 0 30px; } .SSKU_Overlay_ReqParts_Col2 { width:100px; float:left; font-size:20px; font-weight:bold; padding:18px 0px 0 0px; } .SSKU_Overlay_ReqParts_Col3 { width:74px; float:left; padding:18px 0px 0 0px; text-align:center; background-color:#e5e5e5; height:61px; border-left:1px solid #ccc; border-right:1px solid #ccc; } .SSKU_Overlay_ReqParts_Col4 { float:left; width:225px; padding:13px 0px 0 15px; } .SSKU_Overlay_ReqParts_Col4 input { margin-right:5px; /* Brad added this so the input checkbox has room on the Required parts overlay */ } /** Required Items **/ /* body{} */ #rqItmsWrapper{ background:#fff;float:left;width:650px;height:auto;text-align:left;} #rqItmsWrapper .windowClose{float:right;text-align:right;display:block;width:100%;padding-top:20px;padding-right:20px} #rqItmsWrapper .windowClose a{font-weight:bold;color:#666666;text-transform:uppercase;font-size:11px;} #rqItmsWrapper .titleInfo{float:left;text-align:left;color:#666666;display:block;width:620px;height:55px;overflow:hidden;border-bottom:1px solid #ccc;padding-left:30px} * html #rqItmsWrapper .titleInfo{float:left;text-align:left;color:#666666;display:block;width:650px;height:45px;overflow:hidden;border-bottom:1px solid #ccc;padding-left:30px} #rqItmsWrapper .titleInfo h2{color:#333333;} #rqItmsProdWrapper{float:left;width:650px;height:auto;} .rqItmsGroup{position:relative;float:left;background:none;width:650px;overflow:hidden;height:229px;display:block;border-bottom:1px solid #ccc;white-space: normal;} * html .rqItmsGroup{position:relative;float:none;background:none;width:650px;overflow:hidden;height:229px;display:block;border-bottom:1px solid #ccc;white-space: normal;} .rqItmsGroup .itmsTitle{float:left;display:block;width:300px;height:20px;padding-top:5px;color:#333;margin-left:30px;} * html .rqItmsGroup .itmsTitle{background:none;float:left;display:block;width:300px;height:34px;padding-top:5px;color:#333;margin-left:30px;} .rqItmsGroup .itmsTitle h5{float:left;display:inline;text-transform:uppercase;color:#333;} .rqItmsGroup .itmsTitle .numViewitm{float:left;display:inline;margin-left:10px;color:#333;} .rqItmsGroup .itmsTitle .numViewitm .num{float:left;display:inline;color:#333;} .rqItmsGroup .itmDisplay{position:absolute;background:none;display:inline;left:0;float:left;height:229px;margin-left:12px;white-space: normal;width:20000em;} * html .rqItmsGroup .itmDisplay{width:20000em;height:229px;margin-left:12px;white-space: normal;} .rqItmsGroup table{margin-left:19px;} * html .rqItmsGroup table{margin-left:20px;} .rqProductInfo{float:right;background:none;width:130px;height:190px;padding-left:20px;padding-right:20px;display:inline;border-right:1px solid #ccc;/*border-bottom:1px solid #ccc;margin-right:-1px;*/} * html .rqProductInfo{float:right;background:none;width:170px;height:191px;padding-top:10px;padding-left:20px;padding-right:27px;display:inline;margin-right:-1px;/*border-left:1px solid #ccc*/} .rqProductInfo .inStore{float:left;width:138px;height:11px;font-size:9px;font-weight:bold;text-transform:uppercase;visibility:visible;margin-bottom:2px;overflow:hidden } /* ajb 4.3 - */ .rqProductInfo span{} .rqProductInfo .imgBlk{background:none;float:left;width:100px;height:100px;overflow:hidden;} .rqProductInfo .imgBlk img{float:left;width:100px;height:100px;} .rqProductInfo .selectOpt{float:right;width:15px;height:15px;} .rqProductInfo .prices {display:block;float:left;width:115px;color:#333;padding:0px 0 0 0;border:medium none;display:block;font-size:16px;font-weight:bold;} /* padding modified by Robin top: 5px to 0px. */ .rqProductInfo .product-name { display:block; height:48px; /*overflow-y:auto; modified by Robin */ overflow:hidden; /* ajb */ white-space:normal; /* added to allow word wrapping in short product description */ word-wrap: break-word; /* ajb 4.3 - added for word wrapping in IE */ width:125px; float:left; text-align:left; background:none; font-size:12px; font-weight:300;} .rqItmsSgl{float:left;width:610px;height:140px;border-bottom:1px solid #ccc;padding-left:40px;} * html .rqItmsSgl{float:none;width:650px;height:140px;border-bottom:1px solid #ccc;padding-left:40px;} .rqItmsSgl .imgBlk{background:none;float:left;width:100px;height:100px;overflow:hidden;margin-top:20px;} .rqItmsSgl .imgBlk img{float:left;width:100px;height:100px;} .rqItmsSgl .prices {position:absolute;display:block;background:none;float:left;width:150px;color:#333;padding:0 0 0 0;border:medium none;display:block;font-size:16px;font-weight:bold;margin:30px 0 0 120px;_margin:30px 0 0 20px;} .rqItmsSgl .product-name {position:absolute;display:block;width:150px;height:70px;overflow:hidden;float:left;text-align:left;background:none;font-size:12px;font-weight:300;margin:50px 0 0 120px;_margin:50px 0 0 20px;} /* Added height to accommodate more lines of text */ .rqItmsQuantity{float:right;background:#e5e5e5;width:100px;height:229px;border-left:1px solid #ccc} * html .rqItmsQuantity{float:right;background:#e5e5e5;width:100px;height:229px;border-left:1px solid #ccc} .SinglerqItmsQuantity{float:right;background:#e5e5e5;width:100px;height:140px;border-left:1px solid #ccc} * html .SinglerqItmsQuantity{float:right;background:#e5e5e5;width:100px;height:140px;margin-top:0x;border-left:1px solid #ccc} .Optqty{margin:40px 0 0 20px;font-weight:bold} .SinglerqItmsQuantity .Optqty{margin:25px 0 0 20px;font-weight:bold} .qtyInput {background:#FFFFFF;border:1px solid #CCCCCC;display:block;text-align:right;width:25px;} #rqItmsWrapper .addItm{float:right;text-align:right;display:block;width:100%;padding:15px 20px 15px 0;} * html #rqItmsWrapper .addItm{margin-top:-10px;padding:0px 20px 15px 0} .item_submit {background:url("../images/layout/add_to_cart.png") no-repeat scroll 0 0 #FFFFFF;border:none;float:right;height:35px;width:140px;float:right;display:inline;cursor:pointer;} .rqItmsGroup .scrollable { position:relative; overflow:visible; width: auto; height:230px; border:none; /*padding-top:10px;*/} .scrollable .items { width:auto; position:absolute; overflow:hidden; } * html .scrollable .items { width:20000em;} .scrollable .scrollableSpacer { margin-left: 25px; margin-top: 40px; position: absolute; width: 10000px; height: 190px;overflow: hidden;} .browseLeft{background:url("../images/wcs_apps/ssku/ScrollArrow_Left.gif") no-repeat;position:absolute;left:470px;width:25px;height:25px;margin-top:5px;display:inline} .browseLeft span {visibility:hidden;} * html .browseLeft{position:absolute;} .browseRight{background:url("../images/wcs_apps/ssku/ScrollArrow_Right.gif") no-repeat;position:absolute;left:500px;width:25px;height:25px;margin-top:5px;margin-left:-5px;display:inline} .browseRight span {visibility:hidden;} * html .browseRight{position:absolute;} .items div { float:left;} #qntError{color:#FF0000;display:block;font-weight:bold;float:right;display:inline;margin:10px 20px 0 0; } /* Fix from Brad for SuperSku Store Inventory issue unfloat. Take 2 */ #superPIP__container .superPIP__zoneE .not-available { float:none;padding-left:0;} /* defect 375 - John Jimenez */ #superPIP__container .superPIP__zoneE .available { padding-left:0;} .superPIP__col2 .available a { color: #666; background: #F0F0F0 url(../images/layout/icon_check.png) no-repeat 12px 13px; padding: 10px 0 0 28px; width: 120px; display: block !important; } /* /defect 375 */ /* BOPiS 2 - John Jimenez */ /* Global changers */ .superPIP__zoneE .not-sold-online { font-size: 13px; font-weight: 700; padding: 5px 0; } .bopis_action_button { /* Defect #1144 John Jimenez */ visibility: hidden; } #id_PIP_invokeBopisOverlay { /* Defect 1587 John Jimenez */ display: none; /* Defect 1418 Brad Dedon for SSKU DAG. WCS is setting display inline*/ margin-top: 10px; } /* Bopis2 Container */ #bopis2 { width: 795px; height: auto; text-align: left; font-size: 13px; } /* Bopis2 Resetters */ #bopis2 a { color: #E6781E; outline: none; } #bopis2 p { margin:0; padding: 0; } #bopis2 h3, #bopis2 h4 { padding:0; margin:0; clear:none; color: #000; font-size: 100%; font-weight: bold; background: transparent none; } #bopis2 label { display: inline; text-align: left; } /* Bopis2 Top Row */ #bopis2 #bopis_top { padding: 0 0 10px; border-bottom: 1px solid #ccc; color: #333; zoom:1; } #bopis2 #bopis_top .bopis_title { float: left; font-weight: bold; font-size: 17px; color: #333; text-transform: uppercase; padding: 26px 0 0 10px; } #bopis2 #bopis_top .close { float:right; font-weight: bold; font-size: 12px; color: #666; border: none; background: none; margin:11px 16px 0 0; } /* /Bopis2 Top Row */ /* Bopis2 Product / Error Message Row */ #bopis2 #bopis_product_row { height: 100px; width: 100%; overflow: hidden; } #bopis2 #bopis_product_detais { width: 345px; font-weight: bold; color: #333; padding: 0 0 0 10px; float:left; } #bopis2 #bopis_product_detais img { float:left; width: 100px; height: 100px; margin: 0 5px 0 0; } #bopis2 #bopis_product_detais .bopis_product_text { float:left; width: 240px; height: 95px; padding: 7px 0 0; } #bopis2 #bopis_product_detais h3 { margin: 0 0 3px; font-size: 12px; text-transform: uppercase; } #bopis2 #bopis_product_detais h4 { font-size: 10px; color: #666; margin: 0 0 2px; } #bopis2 #bopis_product_detais p { font-size: 11px; } #bopis2 #bopis_quantity { width: 155px; height: 30px; float: left; } #bopis2 #bopis_quantity p { margin: 10px 0 0 5px; font-size: 11px; font-weight: bold; } #bopis2 #bopis_product_right { text-align: right; width: 275px; height: 20px; padding: 10px 10px 0 0; float: left; } #bopis2 #bopis_product_right .multistore_toggle, #bopis2 #bopis_product_right .multistore_toggle_bop { font-size: 11px; font-weight: bold; } #bopis2 .bopis_error { width: 425px; height: 70px; overflow: hidden; float: left; padding: 0 10px 0 5px; color: #CD0001; font-size: 11px; font-weight: bold; } /* /Bopis2 Product / Error Message Row */ /* Inventory Details Container [Zip / Pages / Store Listings] */ #bopis2 #bopis_details_container { border-bottom: 1px solid #cbcbcb; } /* Zip Code / Pages Row */ #bopis2 #bopis_middle { border: 1px solid #ccc; border-width: 1px 0; height: 50px; background: #efefef none; padding: 0 10px; } #bopis2 #bopis_middle form { float: left; padding: 13px 0 10px; } #bopis2 #bopis_middle img { margin-top: -5px; } #bopis2 #bopis_middle form label { font-size: 10px; font-weight: bold; } #bopis2 #bopis_middle form #tb_zipcode { width: 75px; } #bopis2 #bopis_middle form #tb_zipcode.error { border: 1px solid #cd0001; } #bopis2 #bopis_middle form .formImg { padding: 0; margin:-5px 0 0; vertical-align: middle; } #bopis2 #bopis_middle .pagination { padding: 17px 0 0; font-size: 11px; /* changed 01/26/2011 for next / previous requirement change, original value 10px */ float: right; /* Zipcode Box was not clickable without this due to the floating zip */ } #bopis2 #bopis_middle .pagination ul { float: right; list-style: none; } #bopis2 #bopis_middle .pagination ul li { /*padding: 0 3px 0 0;*//* removed 01/26/2011 for next / previous requirement change, handled on the lis directly */ float: left; font-weight: bold; } #bopis2 #bopis_middle .pagination ul li a { font-weight: bold; color: #000 !important; /* added 01/26/2011 for next / previous requirement change */ } /* added 01/26/2011 for next / previous requirement change */ #bopis2 #bopis_middle .pagination ul li a:hover { text-decoration: none; } #bopis2 #bopis_middle .pagination #prevLinkContainer { background: url("../images/BOPIS/orange_left.gif") no-repeat scroll 0 2px transparent; border-right: 1px solid #000000; margin: 0 5px; padding: 0 5px 0 10px !important; } #bopis2 #bopis_middle .pagination li.last { border-right: 0px solid #000000 !important; } #bopis2 #bopis_middle .pagination #nextLinkContainer { background: url("../images/BOPIS/orange_right.gif") no-repeat scroll right 3px transparent; padding: 0 10px 0 0 !important; } /* / new code 01/26/2011 */ /* /Zip Code / Pages Row */ /* Store Lists */ #bopis2 #bopis_one_store, #bopis2 #bopis_multi_store { _zoom:1; } #bopis_details_container .bopis_stores_list { background-image: none !important; /* IE6 Bug */ float: left; width: 397px; } #bopis2 #bopis_details_container .right { width: 398px; } #bopis2 .bopis_stores_list .bopis_store { border: 1px solid #cbcbcb; } #bopis2 #bopis_details_container .left .bopis_store { border-width: 0 1px 1px 0; } #bopis2 #bopis_details_container .right .bopis_store { border-width: 0 0 1px 1px; margin:0 0 0 -1px; } #bopis2 .bopis_store.single { height: 83px; } #bopis2 .bopis_store.double { height: 167px; } #bopis2 .bopis_store.last { margin-bottom: -1px !important; } #bopis2 #bopis_details_container .bopis_store p { padding: 5px 0 6px 20px; } #bopis2 .bopis_store.single .store_info { display: none; }/* this hides the store info when we are not in double mode */ #bopis2 .bopis_store p .in_stock { font-size: 14px; font-weight: bold; color: #333; text-transform: uppercase; } #bopis2 .bopis_store p .in_stock.error { color: #CD0001; } #bopis2 .bopis_store p .store_number { font-weight: bold; font-size: 13px; } #bopis2 .bopis_store p .store_distance { font-size: 13px; } #bopis2 .bopis_store .store_info_toggle { font-weight: normal; margin: 0 0 5px 20px; font-size: 12px; } #bopis2 .bopis_store .store_info { margin: 5px 0 0 20px; } #bopis2 .bopis_store .store_info div { float: left; width: 188px; font-size: 13px; } #bopis2 .bopis_store .store_info .map_link { font-weight: bold; font-size: 11px; left: 0px; position: absolute; top: 60px; } #bopis2 .bopis_store .my_actions, #bopis2 .bopis_store .split_order_form { position: absolute; top: 0px; left: 210px; width: 167px; height: 70px; text-align: right; } #bopis2 .bopis_store .my_actions {} #bopis2 .bopis_store .my_actions .add_to_cart, #bopis2 .bopis_store .my_actions .pick_up_from_store { /*display:block;*//* Defect #1418 - John Jimenez */ margin: 40px 0 0 -13px; } #bopis2 .bopis_store .my_actions .error_msg { margin: 30px 0 0; font-size: 12px; font-style: italic; font-weight: bold; overflow: hidden; height: 50px; } #bopis2 .bopis_store .split_order_form { margin: 52px 0 0 0; } #bopis2 .bopis_store .split_order_form label { padding: 0 5px 0 0; font-size: 13px; font-weight: bold; color: #000; } #bopis2 .bopis_store .split_order_form .quantity_box { width: 20px; } #bopis2 .bopis_store .split_order_form .error { border: 1px solid #CD0001; } #bopis2 #bopis_multistore_add { border: 1px solid #ccc; border-bottom: 0 none; height: 52px; background: #efefef none; padding: 0 10px; } #bopis2 #bopis_multistore_add .multistore_submit { float:right; margin: 8px 0 0; } #bopis2 #bopis_no_stores { min-height: 266px; margin: 0 20px; } #bopis2 #bopis_no_stores p.error{ margin: 30px 0 20px; } /* /Store Lists */ /* /Inventory Details Container [Zip / Pages / Store Listings] */ /* Bopis2 Footer */ #bopis2 #bopis_footer { margin: 5px 20px 25px; _margin: 5px 10px 25px; font-size: 11px; color: #000; float: none; zoom:1; } #bopis2 #bopis_footer img { vertical-align: middle; } /* /Bopis2 Footer */ /* Bopis2 Slim */ #bopis2.slim { width: 432px; overflow: hidden; } #bopis2.slim #bopis_top { border: none; padding: 0; margin: 0 0 -15px 0; } #bopis2.slim #bopis_product_row { width: 410px; } #bopis2.slim #bopis_quantity { position: absolute; width: auto; float: none; right: 1px; bottom: 5px; } #bopis2.slim #bopis_details_container { border-top: 1px solid #cbcbcb; padding: 0 20px; } #bopis2.slim .bopis_store { border: none; } #bopis2.slim .bopis_store.double { height: 210px; } #bopis2.slim .bopis_store h3 { font-size: 18px; color: #f00; padding: 5px 0 10px; } #bopis2.slim .bopis_store .bopis_extra_info {} #bopis2.slim #bopis_details_container .bopis_store p { padding: 5px 0 10px; } #bopis2.slim #bopis_details_container .bopis_store .store_info_toggle { display: none; } #bopis2.slim .bopis_store .store_info { margin: 0; } #bopis2.slim .bopis_store .map_link { left: 0px; position: absolute; top: 55px; } /* Footer items */ #orangePhone { color:#e6781e; font-weight:bold; } #spacePhone { padding-bottom: 13px; font-weight:bold; } /* ---------------------------------------------------------------------------- Purpose: Global CSS Styles for the HomeDepot.com website $Last Updated: 02-May-2011 3:08:28PM John Jimenez $ /* ---------------------------------------------------------------------------- Table Of Contents 1. Resets & Defaults a. Resets b. Defaults 2. Grid and Layout a. Grid b. Layout 3. Generics 4. Typography 5. Buttons 6. Cartridges */ /* ---------------------------------------------------------------------------- (1) Defaults & Resets */ /* ---------------------------------------- (1a) Defaults & Resets - Resets */ .container_30 *, .container_30 form, .container_30 input { margin: 0; padding: 0; font-weight: normal; border: 0px solid #eee; } .container_30 a img { border: none; } .container_30 img { -ms-interpolation-mode: bicubic; } /* Help IE resize images if needed. */ .container_30 ul { list-style-type: none; } .container_30 b, strong { font-weight: bold; } /* ---------------------------------------- (1b) Defaults & Resets - Defaults */ body { /*background: #000; color: #777; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px;*/ } #container { background: #fff; } .container_30 a, .container_30 a:visited { color: #000; text-decoration: none; } .container_30 a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------- (2) Grid and Layout */ /* ---------------------------------------- (2a) Grid and Layout - Grid */ /* Main Container */ .container_30 { margin-left: auto; margin-right: auto; width: 960px; color: #777; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; } /* POD Globals */ .grid_6,.grid_9,.grid_12, .grid_18,.grid_24,.grid_30 { display:inline; float: left; position: relative; border-width: 0 1px; } .grid_30 { border: none; } /* POD Widths */ .container_30 .grid_6 { width:190px; } .container_30 .grid_9 { width:286px; } .container_30 .grid_12 { width:382px; } .container_30 .grid_18 { width:574px; } .container_30 .grid_24 { width:766px; } .container_30 .grid_30 { width:958px; } /* ---------------------------------------- (2b) Grid and Layout - Layout */ /* Border Control */ .container_30 .alpha { border-left: none; } .container_30 .omega { border-right: none; } /* add bottom border */ .container_30 .withBorder { border-bottom-width: 2px; } /* Float all rows left so that the do not need clearfix */ .container_30 .row { float:left; } /* add the required padding to the Row H3 Header */ .container_30 h3.rowHeader { padding: 15px; } /* standard Padding */ .container_30 .spad { padding: 15px } /* Row with Header Footer */ .container_30 .row.withHeader { padding-bottom: 15px; } /* Rails */ .container_30 .rail { background: #ddd; } .container_30 .rail ul.linkList { padding: 20px; } /* ---------------------------------------------------------------------------- (3) Generics */ .container_30 .thdOrange { color:#f96302 !important; } .container_30 .b { font-weight: bold; } .container_30 .c { text-align: center; } .container_30 .r { text-align: right; } .container_30 .l { text-align: left; } .container_30 .j { text-align: justify; } .container_30 .hide { visibility: hidden; display: none !important; } .container_30 .invisible { visibility: hidden; } .container_30 .clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .container_30 .clearfix {zoom: 1;} /* IE < 8 */ .container_30 .clear { position: relative; font-size: 0; height: 0; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; } .hasLayoutFix { zoom:1\9; } /* All IEs */ /* ---------------------------------------------------------------------------- (4) Typography */ .xlarge { font-size:20px; } /* BODY 0 */ .large { font-size:14px; } /* BODY 1 */ .normal { font-size: 12px; line-height: 15px;} /* BODY 2 */ .small { font-size: 10px; } /* BODY 3 */ .legal { font-size: 8px; } /* BODY 4 */ ul.linkList li { margin: 0 0 8px; } /* Title */ h1.title, h1.title a { font-size: 21px; font-weight: bold; } h3.title, h3.title a { font-size: 14px; font-weight: bold;} /* Hero h2.hero { font-size: 27px; font-weight: bold; text-transform: uppercase; } h4.hero { font-size: 21px; } */ /* Row Header (typically paired with .large above) */ .container_30 h3.rowHeader { font-weight: bold; text-transform: uppercase; } /* Rail linkList Header */ .container_30 .rail .linkList li.header { font-weight: bold; text-transform: uppercase; color: #333; } /* ---------------------------------------------------------------------------- (5) Buttons */ .dynamic_btn { cursor: pointer; display : inline-block; font-size : 12px; font-weight : bold; padding : 7px 15px; text-decoration: none; text-transform : uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .dynamic_btn span { font-weight : bold; } /* Grey */ .grey_btn { background : url('/static/theme/v1/images/CSS_sprite_button_primary_gray.png') repeat; border : 1px solid #eee; color : #000; } .grey_btn:hover { background : url('/static/theme/v1/images/CSS_sprite_button_primary_gray_over.png') repeat; border : 1px solid #ccc; text-decoration : none; } /* Orange */ .orange_btn { background : url('/static/theme/v1/images/CSS_sprite_button_primary_gray_over.pngCSS_sprite_button_primary_orange.png') repeat; border : 1px solid #f96302; color : #fff; } .orange_btn:hover { background : url('/static/theme/v1/images/CSS_sprite_button_primary_orange_over.png') repeat; border : 1px solid #993300; text-decoration : none; } /*icons*/ .dynamic_btn .arrow { background : url('/static/theme/v1/images/btns/arrow.png') no-repeat right center; padding : 0 15px 0 0; } .dynamic_btn .carrot { background : url('/static/theme/v1/images/caret.png') no-repeat right center; padding : 0 15px 0 0; } .dynamic_btn .plus { background : url('/static/theme/v1/images/plus.png') no-repeat right center; padding : 0 15px 0 0; } .dynamic_btn.orange_btn .arrow { background : url('/static/theme/v1/images/arrow_white.png') no-repeat right center; padding : 0 15px 0 0; } .dynamic_btn.orange_btn .carrot { background : url('/static/theme/v1/images/caret_white.png') no-repeat right center; padding : 0 15px 0 10; } .dynamic_btn.orange_btn .plus { background : url('/static/theme/v1/images/plus_white.png') no-repeat left center; padding : 0 0 0 15px; } .container_30 .arrowFooter { background : url('/static/theme/v1/images/arrow.png') no-repeat right center; padding : 0 15px 0 0; /* IE Only Multiline fix */ zoom:1; background-position: right 90%\9; } .container_30 .carrot { background : url('/static/theme/v1/images/caret.png') no-repeat right center; padding : 0 15px 0 0; /* IE Only Multiline fix */ zoom:1; background-position: right 90%\9; } .container_30 .plus { background : url('/static/theme/v1/images/plus.png') no-repeat right center; padding : 0 15px 0 0; /* IE Only Multiline fix */ zoom:1; background-position: right 90%\9; } .pod_video_icon { cursor: pointer; position: absolute; background: #000 url('/static/theme/v1/images/PlayArrow.png') no-repeat center center; height: 30px; width: 45px; top : 50px; left: 0; -web-kit-border-radius:0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .pod_video_icon:hover { width : 55px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; } .value_icon { position: absolute; width : 45px; height: 45px; bottom : 0; left: 0; background: red; text-indent: -9999px; } /*arrows*/ .prev_btn { background : url('/static/theme/v1/images/ToggleArrows_States.png') no-repeat -10px -6px; cursor : pointer; display : block; float : left; text-indent : -9999px; width : 30px; height : 31px; } .prev_btn:active { background : url('/static/theme/v1/images/ToggleArrows_States.png') no-repeat -10px -42px; } .next_btn{ background : url('/static/theme/v1/images/ToggleArrows_States.png') no-repeat -39px -6px; cursor : pointer; display : block; float : left; text-indent : -9999px; width : 30px; height : 31px; } .next_btn:active { background : url('/static/theme/v1/images/ToggleArrows_States.png') no-repeat -39px -42px; } /* ---------------------------------------------------------------------------- (6) Cartridges */ /* gridNavigation */ #gridNavigation { background: #eee; padding: 15px 0 20px; } #gridNavigation h3.title { padding: 0 20px; } #gridNavigation .parentLevels { margin-top: 15px; background: #ddd none; border-top: 2px solid #bbb; } #gridNavigation .parentLevels a { display:block; padding: 10px 20px; border-bottom:2px solid #bbb; } #gridNavigation .activeLevel { padding: 20px 0 0; } #gridNavigation .activeLevel h3.title { padding:0; color: #333; } #gridNavigation .activeLevel li { padding: 4px 20px; } /* /gridNavigation */ /*content cartridge*/ .content_image { width : auto; height : auto; float : left; margin : 0 10px 15px 0; position: relative; } .content_image.right { margin : 0 0 15px 10px; float: right; } .pod h3.title { margin : 0 0 15px; display: inline-block\9; /* IE Hack to fix float issues */ } .pod h3.title a { } /*content dynamic*/ .dynamic .content_image{ width : 145px; height: 145px; padding: 0 7px 0; float: none; } .dynamic .content_image .dynamic_btn { position: absolute; top:58px; left : 25px; } .item_pricing_wrapper { width: auto; height: auto; margin: 0 0 15px; display: block; } .xlarge.item_price { font-weight: bold; display: block; margin: 0 0 -3px 0; } .item_stike_price { text-decoration:line-through; } .dynamic .item_description { margin: 0 0 15px; } .dynamic .reviews { display: block; width: 99%; height: 15px; margin: 0 0 15px; background: green; } .dynamic .reviews .stars { width : 80px; background: yellow; height: 15px; padding: 0 5px 0 0; float: left; } .dynamic .reviews .review_count { float: left; } .dynamic .availibility { font-weight: bold } .dynamic .savings_message { position: absolute; top : 15px; left: -15px; background: #f96302; font-weight: bold; color: #fff; text-align: right; padding: 4px 6px 3px 13px; cursor: default; } /*Easter Eggs*/ /*animate the playvideo icon in mordern browsers*/ .pod_video_icon{ -moz-transition: all .15s linear; -o-transition: all .15s linear; -webkit-transition: all .15s linear; transition: all .15s linear; } /* GLOBAL HEADER FOOTER STYLES BEGIN HERE */ .tophat { height: 35px; overflow: hidden; background: #dedede; } .tophat a { padding: 10px 0 0 10px; display: block; } .headerLogo { margin: 18px 0 15px 10px; float: left; } #nav { /*background: url(_/static/theme/v1/images/tempNav.png);*/ } /* Styles for the top Primary Horizonal Menu in the header */ ul.headerHorzMenuPrimary { padding: 15px 10px 0 0; float: right; color: #333; } ul.headerHorzMenuPrimary li { float: left; padding: 0 8px; border-right: solid 1px #999; } ul.headerHorzMenuPrimary li a { font-weight: bold; } ul.headerHorzMenuPrimary li.end { border-right: none; padding-right: 0; } /* Styles for the top Secondary Horizonal Menu in the header which contains the LOGIN status and local store info */ ul.headerHorzMenuSecondary { padding: 38px 10px 0 0; float: right; color: #333; font-size: 12px; } ul.headerHorzMenuSecondary li { float: left; padding: 0 5px; } ul.headerHorzMenuSecondary li a { font-size: 12px; } ul.headerHorzMenuSecondary li.localAd { padding-left: 20px; padding-right: 20px; } ul.headerHorzMenuSecondary li.border { border-right: solid 1px #999; } ul.headerHorzMenuSecondary li.end { border-right: none; padding-right: 0; } ul.headerHorzMenuSecondary .smallGreyLink { font-size: 10px; color: #999; } /* Styles for WHY mouseover tooltip */ #whyToolTip { position: absolute; background: url(/static/theme/v1/images/toolTipBg.png) top no-repeat; padding: 20px 10px 10px 10px; color: #333; display:none; font-size: 11px; line-height: 14px; width: 365px; border-bottom: solid 1px #c4c4c4; z-index: 999; text-align: left; } /* Styles for the Mini Cart */ #miniCart { background:url(/static/theme/v1/images/sprite_miniCart.png); width:208px; height:32px; /*margin-right:10px;*/ float: right; } #miniCartNum { padding: 10px 0 0 73px; font-size: 11px; color: #FFF; width: 30px; height: 21px; display: block; float: left; text-decoration: none; } #miniCartMyList { width: 104px; height: 32px; display: block; float: left; } .clearRight { position: relative; font-size: 0; height: 0; clear: right; display: block; overflow: hidden; visibility: hidden; width: 0; } .clearLeft { position: relative; font-size: 0; height: 0; clear: left; display: block; overflow: hidden; visibility: hidden; width: 0; } /* Styles for the footer begin here */ .container_30 .emailInputField { width: 114px; height: 18px; padding: 5px 8px; border: solid 1px #999; border-right: none; margin 0; float: left; font-size: 11px; } .container_30 form#emailsub { clear: both; }; .emailSubmitButton { margin: 0; padding: 0; float: left; } .centeredMenu { width: 100%; overflow: hidden; } ul.footerHorzMenu { float: left; position: relative; left: 50%; } ul.footerHorzMenu li { position: relative; right: 50%; float: left; padding:0 5px; border-right: solid 1px #999; } ul.footerHorzMenu li.end { border-right: none; } .container_30 .footerRail { background: #eee; } .container_30 .footerRail .normal { padding: 10px 0; } .footer h3.title, .footer h3.title a { font-size: 13px; font-weight: bold; margin-bottom: 7px; text-transform: uppercase; } .footer h3.prepend, .footer h3.prepend a { padding-top: 25px; } .footer ul.socialList li { padding-left: 25px; margin-bottom: 8px; line-height: 10px; min-height: 19px; } .footer ul.socialList li a { font-size: 10px; color: #999; } .footer ul.socialList .facebookLink { background: url(/static/theme/v1/images/icon_facebook.png) top left no-repeat; } .footer ul.socialList .twitterLink { background: url(/static/theme/v1/images/icon_twitter.png) top left no-repeat; } .footer ul.socialList .rssLink { background: url(/static/theme/v1/images/icon_rss.png) top left no-repeat; } .footer ul.socialList .youtubeLink { background: url(/static/theme/v1/images/icon_youtube.png) top left no-repeat; } .footer .googlePlusOne { margin-bottom: 15px; } /* 5.6 Overrides */ .footer { text-align: left; background: #fff; } .footer h3 { background: none; color: #777; padding: 0; } #header { height: 125px; margin-left: -10px; margin-right: -10px; width: 960px; } .container_30 .footer { border: none; width: 960px; } .container_30 .footerBorderTopBottom { border: 0px solid #eee; border-width: 1px 0; } .container_30 .footerRail { background: #eee; } #dept-search { width: 500px; } #main-search { width: 340px; } #main-search input.search-block { width: 280px; }