/* File: shop.css Author: adam maxfield Created: 8-2009 Description: This file contains all styles for shop pages. */ /********** General Shop Styles **********/ div#sidebar { /*Do not put anything in here unless you have a very compelling reason to over-ride pbk.css.*/ } div#content { /*Do not put anything ELSE in here unless you have a very compelling reason to over-ride pbk.css.*/ } div.wrap div.the-bar { } div.the-bar ul.pagination { overflow: visible; } div#content h1, div#content h2 { font-size: 1.4em; letter-spacing: 0; color: #407CB6; font-weight: bold; padding: .85em .85em 0em .2em; margin: 0; /* Resetting pbk.css h2 margin */ border-bottom: 0; /* Resetting pbk.css h2 border */ line-height: 1.4em; height: 1.85em; /* background: url('../images/shop/bg_header.gif') no-repeat scroll top left; */ } /* sub-category-tall + sub-category-short H1 exceptions */ div#sub-category-tall div#tall-hero-img h1.cat-title, div#sub-category-short div#short-hero-img h1.cat-title { padding: 0.2em 0 0.4em; line-height: 1.2em; height: auto; background-image: none; } div#content p.copy-text { font-size: 1.2em; padding-bottom: 1em; } body#shop div#content span.flag-text { padding-top: .3em; padding-bottom: .2em; } div#hero-img { width : 100%; line-height: .1em; } div#sub-hero-img { width : 100%; line-height: .1em; padding-top: 1em; } .flash-container { overflow: hidden; } /* This used to include position: relative, which was causing Flash movies to bleed over boundaries in IE: was there a reason for it? ~b */ div#flashMoviePlaceHolder *, div#showFlashPathDiv * { float: left;} /********** end General Shop Styles **********/ /********** Shop Rooms Landing ********** ul.shop-room-categories { float: left; width: 86.2em; padding: 0 0 2.5em 0; display: block; margin-left: -2.4em; } ul.shop-room-categories li { float: left; display: block; width: 26.2em; padding-left: 2.4em; height: 26.2em; text-align: center; } ********** End Shop Rooms Landing **********/ /********** Gift Landing **********/ div#gift-landing div#hero-area { width: 80em; *width: 80.5em; overflow: hidden; } div#gift-landing div#hero-area div.hero-cell { float: left; } div#gift-landing div#hero-area a, div#gift-landing div#hero-area img { display: block; } div#gift-landing div#sub-hero-area { width: 80em; *width: 80.3em; overflow: hidden; } div#gift-landing div#sub-hero-area div.sub-hero-cell { float : left; } div#gift-landing div#sub-hero-area a, div#gift-landing div#sub-hero-area img { display: block; } /********** end Gift Landing **********/ /********** Gift Sub-category **********/ div.add-selected-wrapper { padding-bottom: 2em; _padding-bottom: 3em; overflow: hidden; } div.add-selected-note { width: 55em; float: left; vertical-align: middle; } div.btn-add-selected { width: 21.6em; height:2.7em; float:right; } body#shop div.add-selected-note p, body#shop div.add-selected p { padding: .5em 0 0; } ul.product-list li span.product-select input { margin-right: .5em; } div#multibuy-last { clear: right; padding-bottom: 1em; } div#multibuy-last div.add-selected-wrapper { padding-bottom: 0; _padding-bottom: 0; } div#multibuy-last div.add-selected-note p { display: none; } /********** end Gift Sub-category **********/ /********** Theme F - Assembled Images **********/ div#assembled-images div#multi-image-block { width: 80em; margin-left: 0em; *width: 80.8em; } div#assembled-images div#multi-image-block a, div#assembled-images div#multi-image-block img { display: block; float: left; } /********** /Theme F - Assembled Images **********/ /********** Category **********/ div#category div#content ul.product-list li span.product-name { text-align: left;} div#category div#content #subhero-img { padding-top:1em; } /********** /Category **********/ /********** Subcat Wide **********/ div#sub-category-wide div#wide-hero-img { } div#sub-category-wide div#wide-hero-img div#hero-img { padding-bottom: 0; } div#sub-category-wide div#wide-hero-img img { display: block; } div#sub-category-wide p.copy-text { padding: .3em 0 0 .5em; } /********** /Subcat Wide **********/ /********** Subcat Short **********/ div#sub-category-short div#short-hero-img { overflow: hidden; width: 61em; padding-bottom: 2em; float: left; } div#sub-category-short div#short-hero-img div#hero-img { padding-bottom: 0; } div#sub-category-tall div#tall-hero-img img { display: block; } div#sub-category-short div#short-hero-img h1 { width: 27.5em; } div#sub-category-short div#short-hero-img p { padding: 0 1em 0 0; } div#sub-category-short ul.product-list.single-column { float: right; width: 19em; margin-left:0; clear: none; } div#sub-category-short ul.product-list.single-column li { padding-left: 0; } div#sub-category-short ul.product-list { clear: right; margin-left: -1.5em; *margin-left: -1.2em;/*ie7*/ _margin-left: -1.5em;/*ie6*/ } /********** Subcat Short **********/ /********** Subcat Tall **********/ div#sub-category-tall div#tall-hero-img { overflow: hidden; width: 40.3em; _width: 40.6em;/*ie6*/ padding-bottom: 2em; float: left; } div#sub-category-tall div#tall-hero-img div#hero-img { padding-bottom: 0; } div#sub-category-tall div#tall-hero-img img { display: block; } div#sub-category-tall div#tall-hero-img h1 { width: 42em; } div#sub-category-tall div#tall-hero-img p { padding: 0 1em 0 0; } div#sub-category-tall ul.double-column { float: right; clear: right; width: 41.2em; margin: 0 0 1em -2.2em; } div#sub-category-tall ul.product-list { clear: right; *margin-left: -1.2em;/*ie7*/ _margin-left: -1.5em;/*ie6*/ } div#sub-category-tall div.the-bar { clear: right; } div#sub-category-tall div#adjacent-hero-img { float: right; padding-right: .2em; _padding-right: 0;/*ie6*/ _width: 41.5em;/*ie6*/ _overflow: hidden;/*ie6*/ } /********** Subcat Tall **********/ /********** Multi-buy ********** div#content input.muliBuyCheckbox { vertical-align:middle; margin : -0.2em 0.5em 0 0; } ********** end Multi-buy **********/ /********** Collections **********/ /* h1 uses a background image with hidden text for accessibility. */ body#collections div#content h1 { font-size: 1em; padding: 0; margin: 0;} /* Landing Page */ body#collections div#landing div#content h1 { height: 12.4em; background: url('../images/shop/collections/hdr_collections.gif') no-repeat scroll top left; text-indent:-999em; } body#collections div#hero-area { width: 80em; *width: 80.5em; overflow: hidden; } body#collections div#hero-area div.hero-cell { float: left; } body#collections div#hero-area a, div#gift-landing div#hero-area img { display: block; } /* General Category-level Page Styles */ body#collections div.categories-collections { _float: left; _margin-left: -1.5em; padding-top:1em; }/* IE6 hacks ... not proud - am */ body#collections div.categories-collections ul { overflow: hidden; margin-left: -1.5em; } body#collections div.categories-collections ul li { float: left; font-size: 1em; width: 38.9em; height: 31.4em; margin-bottom: 2em; margin-left: 1.5em; } body#collections div.categories-collections a { display: block; } body#collections div.categories-collections a img { display: block; } body#collections div.categories-collections a h2 { height: 3.9em; text-indent:-999em; font-size: 1em; border: none; text-transform: none; font-weight: normal; color:#999999; padding: 0; margin: 0; } /* Bedroom Category-level Page */ body#collections div#bedroom div#content h1 { height: 10.4em; background: url('../images/shop/collections/hdr_bedroomcollections.gif') no-repeat scroll top left; text-indent:-999em; } div#bedroom div#content div#static-promo a { height: 7.2em; background: url('../images/shop/collections/img_creditcard.gif') no-repeat scroll top left; text-indent:-999em; margin: .5em 0; display: block; } body#collections div#bedroom div.categories-collections ul li.catalina h2 { background: url('../images/shop/collections/txt_bedroom_catalina.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.thomas h2 { background: url('../images/shop/collections/txt_bedroom_thomas.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.camp h2 { background: url('../images/shop/collections/txt_bedroom_camp.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.riley h2 { background: url('../images/shop/collections/txt_bedroom_riley.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.belden h2 { background: url('../images/shop/collections/txt_bedroom_belden.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.kendall h2 { background: url('../images/shop/collections/txt_bedroom_kendall.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.larkin h2 { background: url('../images/shop/collections/txt_bedroom_larkin.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.madeline h2 { background: url('../images/shop/collections/txt_bedroom_madeline.gif') no-repeat scroll top left; } body#collections div#bedroom div.categories-collections ul li.darcy h2 { background: url('../images/shop/collections/txt_bedroom_darcy.gif') no-repeat scroll top left; } /* Nursery Category-level Page */ body#collections div#nursery div#content h1 { height: 10.4em; background: url('../images/shop/collections/hdr_nurserycollections.gif') no-repeat scroll top left; text-indent:-999em; } div#nursery div#content div#static-promo a { height: 7.2em; background: url('../images/shop/collections/img_creditcard.gif') no-repeat scroll top left; text-indent:-999em; margin: .5em 0; display: block; } body#collections div#nursery div.categories-collections ul li.kendall h2 { background: url('../images/shop/collections/txt_nursery_kendall.gif') no-repeat scroll top left; } body#collections div#nursery div.categories-collections ul li.thomas h2 { background: url('../images/shop/collections/txt_nursery_thomas.gif') no-repeat scroll top left; } body#collections div#nursery div.categories-collections ul li.harper h2 { background: url('../images/shop/collections/txt_nursery_harper.gif') no-repeat scroll top left; } body#collections div#nursery div.categories-collections ul li.madison h2 { background: url('../images/shop/collections/txt_nursery_madison.gif') no-repeat scroll top left; } body#collections div#nursery div.categories-collections ul li.larkin h2 { background: url('../images/shop/collections/txt_nursery_larkin.gif') no-repeat scroll top left; } body#collections div#nursery div.categories-collections ul li.sleigh h2 { background: url('../images/shop/collections/txt_nursery_sleigh.gif') no-repeat scroll top left; } body#collections div#nursery div.categories-collections ul li.dana h2 { background: url('../images/shop/collections/txt_nursery_dana.gif') no-repeat scroll top left; } body#collections div#nursery div.categories-collections ul li.darcy h2 { background: url('../images/shop/collections/txt_nursery_darcy.gif') no-repeat scroll top left; } /********** end Collections **********/ /********** Features **********/ body#features div#gear-guide div#content h1 { background:none; } /* Gear Feature */ body#features div#gear-guide #gear { width:798px; } body#features div#gear-guide #gear .header { padding-bottom:1em; } body#features div#gear-guide #gear .bottomContent { padding-top:.8em; } body#features div#gear-guide #gear .bottomContent .bottomLeft { float:left; } body#features div#gear-guide #gear .bottomContent .bottomRight { float:right; } body#features div#gear-guide #gear .topContent { } body#features div#gear-guide #gear .flash-container { padding-bottom:1em; } body#features div#gear-guide #mainContent { border:2px solid #336699; background-color:#ffffff; } body#features div#gear-guide #mainContent .mainContentLeft { width:533px; float:left; } body#features div#gear-guide #mainContent .mainContentRight { width:260px; height:391px; float:right; } body#features div#gear-guide #mainContentHero { width:533px; height:391px; } body#features div#gear-guide #hero_1_2 { position:absolute; width:533px; height:391px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } body#features div#gear-guide #hero_1_1, body#features div#gear-guide #hero_1_3, body#features div#gear-guide #hero_1_4, body#features div#gear-guide #hero_2_1, body#features div#gear-guide #hero_2_2, body#features div#gear-guide #hero_2_3, body#features div#gear-guide #hero_3_1, body#features div#gear-guide #hero_3_2, body#features div#gear-guide #hero_4_1, body#features div#gear-guide #hero_4_2, body#features div#gear-guide #hero_5_1, body#features div#gear-guide #hero_5_2, body#features div#gear-guide #hero_5_3, body#features div#gear-guide #hero_6_1, body#features div#gear-guide #hero_6_2, body#features div#gear-guide #hero_7_1, body#features div#gear-guide #hero_7_2, body#features div#gear-guide #hero_8_1, body#features div#gear-guide #hero_8_2, body#features div#gear-guide #hero_9_1, body#features div#gear-guide #hero_9_2, body#features div#gear-guide #hero_9_3, body#features div#gear-guide #hero_10_1, body#features div#gear-guide #hero_10_2 { position:absolute; width:533px; height:391px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#ffffff; } body#features div#gear-guide #colors_1 { position:absolute; width:260px; height:391px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } body#features div#gear-guide #colors_2, body#features div#gear-guide #colors_3, body#features div#gear-guide #colors_4, body#features div#gear-guide #colors_5, body#features div#gear-guide #colors_6, body#features div#gear-guide #colors_7, body#features div#gear-guide #colors_8, body#features div#gear-guide #colors_9, body#features div#gear-guide #colors_10 { position:absolute; width:260px; height:391px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#ffffff; } body#features div#gear-guide #colorname_1 { position:absolute; width:201px; height:22px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } body#features div#gear-guide #colorname_2, body#features div#gear-guide #colorname_3, body#features div#gear-guide #colorname_4, body#features div#gear-guide #colorname_5, body#features div#gear-guide #colorname_6, body#features div#gear-guide #colorname_7, body#features div#gear-guide #colorname_8, body#features div#gear-guide #colorname_9, body#features div#gear-guide #colorname_10, body#features div#gear-guide #colorname_11, body#features div#gear-guide #colorname_12, body#features div#gear-guide #colorname_13, body#features div#gear-guide #colorname_14, body#features div#gear-guide #colorname_15, body#features div#gear-guide #colorname_16 { position:absolute; width:201px; height:22px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#ffffff; } body#features div#gear-guide #hero_0 { position:relative; } body#features div#gear-guide #hero_1_101 { position:absolute; width:533px; height:391px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } body#features div#gear-guide #hero_1_102, body#features div#gear-guide #hero_1_103, body#features div#gear-guide #hero_1_104, body#features div#gear-guide #hero_1_105, body#features div#gear-guide #hero_1_106, body#features div#gear-guide #hero_1_107, body#features div#gear-guide #hero_1_108, body#features div#gear-guide #hero_2_201, body#features div#gear-guide #hero_2_202, body#features div#gear-guide #hero_2_203, body#features div#gear-guide #hero_2_204, body#features div#gear-guide #hero_2_205, body#features div#gear-guide #hero_2_206, body#features div#gear-guide #hero_3_301, body#features div#gear-guide #hero_3_302, body#features div#gear-guide #hero_3_303, body#features div#gear-guide #hero_4_401, body#features div#gear-guide #hero_4_402, body#features div#gear-guide #hero_5_501, body#features div#gear-guide #hero_6_601 { position:absolute; width:533px; height:391px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#ffffff; } body#features div#gear-guide #colors_0 { position:relative; } body#features div#gear-guide #colors_1 { position:absolute; width:260px; height:391px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } body#features div#gear-guide #colors_2, body#features div#gear-guide #colors_3, body#features div#gear-guide #colors_4, body#features div#gear-guide #colors_5, body#features div#gear-guide #colors_6 { position:absolute; width:260px; height:391px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#ffffff; } body#features div#gear-guide #colorname_0 { position:relative;width:201px; height:22px; } body#features div#gear-guide #colorname_101 { position:absolute; width:201px; height:22px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } body#features div#gear-guide #colorname_102, body#features div#gear-guide #colorname_103, body#features div#gear-guide #colorname_104, body#features div#gear-guide #colorname_105, body#features div#gear-guide #colorname_106, body#features div#gear-guide #colorname_107, body#features div#gear-guide #colorname_108, body#features div#gear-guide #colorname_201, body#features div#gear-guide #colorname_202, body#features div#gear-guide #colorname_203, body#features div#gear-guide #colorname_204, body#features div#gear-guide #colorname_205, body#features div#gear-guide #colorname_206, body#features div#gear-guide #colorname_301, body#features div#gear-guide #colorname_302, body#features div#gear-guide #colorname_303, body#features div#gear-guide #colorname_401, body#features div#gear-guide #colorname_402, body#features div#gear-guide #colorname_501, body#features div#gear-guide #colorname_601 { position:absolute; width:201px; height:22px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#ffffff; } body#features div#gear-guide #scroller_0 { position:relative; width:798px; height:165px; padding-bottom:1em; } body#features div#gear-guide #scroller_1 { position:absolute; width:798px; height:165px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } body#features div#gear-guide #scroller_1 li, body#features div#gear-guide #scroller_2 li { float:left; } body#features div#gear-guide #scroller_2 { position:absolute; width:798px; height:165px; top:0px; left:0px; z-index:3; visibility:hidden; background-color:#ffffff; } body#features div#great-gifts div#content h1 { background:none; } /* Barbie Boutique Feature */ #barbie { width:798px; } #barbie .flash-container { padding-bottom:0; } #barbie #flash_0 { position:relative; width:428px; height:374px; } #barbie #flash_1_1 { position:absolute; width:428px; height:374px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#fef5f9; } #barbie #flash_1_2, #barbie #flash_1_3, #barbie #flash_1_4, #barbie #flash_2_1, #barbie #flash_2_2, #barbie #flash_2_3, #barbie #flash_2_4 { position:absolute; width:428px; height:374px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#fef5f9; } #barbie #doll_0 { position:relative; padding-top:9px; } #barbie #doll_1 { position:absolute; width:428px; height:59px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#fef5f9; } #barbie #doll_2 { position:absolute; width:428px; height:59px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#fef5f9; } /* MBA Feature */ .monterey-bay-aquarium .products { padding:1em 1em 1em .5em; } .monterey-bay-aquarium .legal { padding:1em 1em 1em .5em; } .monterey-bay-aquarium li { float:left; padding-right:7px; text-align:center; } .monterey-bay-aquarium li.copy { float:left; padding-right:0px; } div#content .monterey-bay-aquarium a, div#content .monterey-bay-aquarium a:visited, div#content .monterey-bay-aquarium a:active, div#content .monterey-bay-aquarium a:hover, div#content .monterey-bay-aquarium a:focus { text-decoration:none; font-size:1.1em; } /* Gift & Occasion */ #gift-occasion_0 { position:relative; width:798px; height:133px; } #gift-occasion_3 { position:absolute; width:798px; height:133px; top:0px; left:0px; z-index:3; visibility:visible; background-color:#ffffff; } #gift-occasion_1, #gift-occasion_2 { position:absolute; width:798px; height:133px; top:0px; left:0px; z-index:4; visibility:hidden; background-color:#ffffff; } /* Study Event */ .study-promos { padding-top:17px; } .study-promos ul { padding:0px; margin:0px; } .study-promos ul li { list-style:none; float:left; padding:0px; margin:0px; } .study-promos ul li img { display:block; }