/******************************************************* * Base *******************************************************/ * { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; } a img { border: none; } fieldset { border: none; } .hide, .js { display: none !important; } .inComplete { background-color: #FBD6DC !important; /* temp while we develop */ } embed, object { outline: none; } /******************************************************* * Structure *******************************************************/ body { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; } #container { position: relative; width: 100%; margin: 0 auto; padding-bottom: 32px; } div#header { background-color: #fff; } div#headerInner { width: 960px; margin: 0 auto; } div#header div.container { float: right; width: 751px; padding-right: 16px; padding-top: 16px; } div#logo { float: left; padding-top: 16px; padding-bottom: 8px; padding-left: 16px; } div#content { width: 960px; margin: 0 auto; } /******************************************************* * Links *******************************************************/ a:link, a:visited { color: #444; text-decoration: none; } a:focus, a:hover, a:active { outline: none; color: #000000; } /******************************************************* * Text *******************************************************/ h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin-bottom: 16px; } h1 { font-size: 1.7em; text-transform: uppercase; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } p { font-size: 1.1em; line-height: 1.45; /* Equates to about 1.6 */ } /******************************************************* * Generic table *******************************************************/ table.generic { } table.generic tr td, table.generic tr th { /* font-size: 1.1em; Taken out of sitewide css as may disort other child element sizes */ padding: .2em .5em; vertical-align: top; } table.generic thead tr th { border-bottom: 1px solid #d0d0d0; font-weight: bold; padding: 0 10px 0.727em 0; /*8px*/ text-transform: uppercase; } table.generic tbody tr td { padding: 1.454em 0 0; /*16px*/ } /******************************************************* * Clearfix *******************************************************/ /* site wide components */ #shoppingBag div.header:after, div.productInformation div.stockAvailabilityAndDeliveryMethods:after, #browseGallery div.gallery div.clip ul.pages li.page div.row:after, div#primaryNavigation ul li div.sub div.subInner:after, div#brandBoutiqueNews div.carousel div.indicatorsContainerInner:after, div#brandBoutiqueExclusivesPanel div.carousel div.indicatorsContainerInner:after, div#brandBoutiqueNews div.carousel div.clip ul li div.newsItem:after, #orderReceiptDisplay div.orderSummaryAndActions:after, .cmsBBNews:after, #csrContentHeader:after, div#breadcrumb:after, div#facetNavigation div.facets div.header:after, div#shoppingBag div.footer:after, div#shoppingBag:after, div.displayOptions:after, div#moreFromInner:after, div#moreFromFaux:after, div#footerControlsInner:after, div#moreFrom:after, div#productBundleItems div.clip ul li.slide:after, div#quickLookOverlay div.productInformation:after, div#quickLookOverlay div.productInformation div.productInformationInner:after, div.productInformation div.actions:after, div.productInformation div.section02:after, div.productInformation div.section01:after, #main:after, div#header:after, .field:after, div#globalNavigation ul:after, div#globalNavigation ul li.fittingRoom a:after, div#globalNavigation ul li.shoppingBag a:after, div#primaryNavigation ul:after, div#footerInner:after, div#showcase div.carousel div.clip ul:after, div.carousel:after, div#sections:after, div.field:after, .formoverlay .header:after, div#miniShoppingBag div.actions:after, div#miniShoppingBag div.justAdded div.product:after, div.field div.checkboxes div.input:after, /* Shop brands */ #pgShopBrands ul#brandNavigation:after, #pgShopBrands ol#brandCategoryNavigation:after, #pgShopBrands ol#brandCategoryNavigationAZ:after, #pgShopBrands .gallery:after, /* checkout */ .checkoutactions:after, #checkoutheader:after, .checkout #deliveryprogress:after, #pgsignup #deliveryprogress:after, #pgRegistration #deliveryprogress:after, .checkout .storedcard:after, .checkout .newcard:after, #pgsignin #registerandlogin:after, #pgdeliverynoaddress:after, #pgdeliverynoaddress .addnewaddress .title:after, #pgdeliverynoaddress .addnewaddress:after, #pgdeliverynoaddress .collectinstore:after, #pgdeliveryeither .bgLineWrapper:after, #pgdeliveryeither .deliveryOptionsDetails .deliveryAddress .radios .input:after, #pgdeliveryeither .deliveryOptionsDetails .deliveryChoice .radios .input:after, div.product div.colours:after, #pggiftwrap div.giftwrapdetails div.options:after, .giftset:after, #pgdeliveryeither .deliveryoptionsdetails li.item:after, #pgdeliveryeither .deliveryOptionsDetails ul.products li.item:after, #pgsummary .deliverygroup .groupheader:after, #pgsummary .promocode:after, #pgsummary .totalsummary ul li:after, #pgsummary .guestDetails:after, #pgsummary #paymentForm .actions:after, #pgpayment form.checkoutoptions:after, #pgpayment .ordersummary ul li:after, #pgpayment .giftsvouchers:after, #pgpayment .giftsvouchers .item:after, #pgthankyou .actions:after, #pgthankyou .orderoptions:after, #pgthankyou .accessAccount .contentSpot:after, div#miniFittingRoom div.action:after, /* payment method */ .paymentmethodactions:after, /* my account */ #pgmydetails #primary:after, #pgpersonalisation #tertiary:after, .myaccountactions:after, .accountareas:after, .addressbook .actions:after, .paymentinfo .actions:after, .saveditems:after, #myaccountheader:after, div#sections table.Forums_PageTable:after, .storereceipt .header:after, .myaccountactions:after, #myDetailsBasicInfo:after, #myDetailsBasicInfo .featurePanel:after, #myDetailsBasicInfo #sizeDetails #sizeSelector .field .radios fieldset:after, #myDetailsProfilePicture .uploadimage .step2 .actions:after, #myDetailsProfilePicture .uploadimage .step3 .actions:after, #pgorderdetails #primary:after, #pgorderdetails #secondary:after, #pgorderdetails .promosummary ul li:after, #pgorderdetails .totalsummary ul li:after, #pgorderdetails .ordersummary ul li:after, #pgorderdetails .groupheader:after, #pgMyConnections #orderBy:after, #pgMyConnections #connections:after, #pgMyConnections #connections li:after, #pgMyConnections #connections div.indConnection:after, #pgMyConnectionsDetail #sections:after, #pgMyConnections #orderByOptions:after, #pgMyConnections #orderByOptions ul:after, .storereceipt:after, #pgmydetails .myaccountactions:after, #pgmydetails #myDetailsProfilePicture:after, #pgmydetails #sizeDetails .header:after, #pgpersonalisation #primary:after, #pgpersonalisation #primary #favouriteBrands ul:after, #pgpersonalisation #secondary fieldset ul:after, #pgpersonalisation .myaccountactions:after, #pgpersonalisation .favouritestores .checkboxes fieldset:after, #pgpaymentinfo .saveditems:after, #pgquickcheckout .quickcheckoutoptions fieldset:after, #pgquickcheckout .quickcheckoutoptions fieldset #deliveryAddress .checkbox:after, #pgquickcheckout .myaccountactions:after, #pgaddressbook .saveditems:after, #pgOrderHistory #sections #primary form#OrderStatusFilterForm #orderStatusFilter:after, #pgOrderHistory #sections #primary form#OrderStatusFilterForm #orderStatusFilter fieldset:after, #pgOrderHistory #sections #primary form#OrderStatusFilterForm #orderStatusFilter .actions:after, #pgnotifications .myaccountactions:after, .findaddress:after, #pgMyCalendar #calendarHeader:after, #pgMyCalendar #calendarOptions:after, #pgMyCalendar #agenda div.row:after, #pgReturns ol.returnsFlow:after, #pgReturns #addressLabel:after, #pgBlogListByDepartment #blogList:after, #pgBlogList #primary .content:after, /* concierge */ #conciergeForm .actions:after, #secondaryContentSpots .secondaryContentSpots:after, body.concierge #sections #secondary:after, /* b2b */ #pgB2BSignin div.field:after, #pgB2BForgotPassword div#forgotPassword div.field:after, #pgB2BForgotPassword div#forgotPassword:after, #pgB2BRegisterCompany div.field:after, #pgB2BRegisterCompany #b2baccountheader:after, #pgB2BRegisterCompany div#b2bCompanyRegistration:after, #pgB2BRegisterUser div.field:after, #pgB2BRegisterUser div#b2bUserRegistration:after, #b2bUserRegistrationConfirm #promotions ol:after, /* product */ body#pgProductDetail div#sections:after, div.productInformation div.fields:after, div.productInformation div.field:after, div#getTheLook div.carousel:after, div#getTheLook div.carousel div.clip ul:after, div.productTabbedOverlay div.navigation:after, #pgProductOfTheDayDetails #productRating:after, div#productImage:after, /* search */ div#searchResults div.sections div.section div.header:after, div#searchResults div#whatsHappeningResults div.subSection div.panelInner div.results div.clip ul:after, /* finder */ #finder .guides:after, /* error page */ #error #helplinks:after, /* prize draws */ #pgPrizeDrawArticle div#prizeDrawArticle div.header:after, #pgPrizeDrawWinners div#prizeDrawWinnersList ul li:after, #pgPrizeDrawWinners div#prizeDrawWinnersList div.row:after, #pgPrizeDrawWinners #primary .header:after, #pgPrizeDrawConfirmation div#prizeDrawConfirmationPanel:after, #pgPrizeDrawWinners div#prizeDrawWinnersList ul:after, /* CSR */ div.orderInfo:after, div#csrContentHeader:after, div#csrheader:after, body.csr #header:after, #csrNav:after, #pgfindcustomer .actions:after, #pgfindcustomerresults .actions:after, #pgfindorderresults .actions:after, #pgfindorder .actions:after, #pgfindcustomerresults .pagination ul:after, #pgfindorderresults .pagination ul:after, /* shopping bag */ body#pgShoppingBag div.actions:after, body#pgSavedItems div.actions:after, body#pgShoppingBag #paymentForm .actions:after, /* what's on */ .whatsOn #primary .header:after, #pgBlogList #blogPostComments ul.commentActions:after, #pgBlogList #blogPostComments li.comment:after, #pgWhatsOnGallery #eventGallery div.gallery div.row:after, #pgWhatsOnArticle .image-row-two, #pgWhatsOnArticle .image-row-three, /* Look of the Day Gallery */ #pgLookOfTheDayGallery div#sections:after, #pgLookOfTheDayGallery div.gallery:after, /* Poll widget */ .poll:after, /* Auctions */ #pgGallery #auctionGallery .header:after, /* Appointments */ body.appointments #selections ul li:after, #pgLandingBrand #selectors .timings .radios .input:after, #pgLandingBrand #selectors .radios .input:after, #pgAppointmentSteps .radios .input:after, /* Treasure Rail */ #treasureRailChooseSize div.actions:after, /* CMS */ .cmsStaticTwoCols:after, /* Brand Boutique */ div#brandRoomPanels div.row:after, selector { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /******************************************************* * Off screen *******************************************************/ fieldset legend span.legend, div.productInformation div.colourAttributeEnhanced div.radios p.indicator, #skiplinks ul li a, div.field div.multipleInput div.input label, div#breadcrumb p, .off, div#productImage div.details p.brandlogo, div#showcase div.carousel a.back span, div#showcase div.carousel a.forward span, div#brandBoutiqueGalleryPanel div.carousel a.back span, div#brandBoutiqueGalleryPanel div.carousel a.forward span, div#brandBoutiqueGalleryPanel div.carousel div.indicatorsContainer a span, div#brandBoutiqueFeaturedVideoPanel div.carousel a.back span, div#brandBoutiqueFeaturedVideoPanel div.carousel a.forward span, div#brandBoutiqueFeaturedVideoPanel div.carousel div.indicatorsContainer a span, div#brandBoutiqueExclusivesPanel div.carousel a.back span, div#brandBoutiqueExclusivesPanel div.carousel a.forward span, div#brandBoutiqueNews div.carousel a.back span, div#brandBoutiqueNews div.carousel a.forward span, div#brandBoutiqueNews div.carousel div.indicatorsContainer a span, div#uberBrandShowcase div.carousel a.back span, div#uberBrandShowcase div.carousel a.forward span, div#uberBrandShowcase div.carousel div.indicatorsContainer a span, div#uberBrandShowcase div.carousel a.start span, div#uberBrandShowcase div.carousel a.stop span, div#brandBoutiqueExclusivesPanel div.carousel div.indicatorsContainer a span, div#showcase div.carousel div.indicatorsContainer a span, div#getTheLook div.carousel div.backContainer a.back span, div#getTheLook div.carousel div.forwardContainer a.forward span, div#moreLikeThis div.carousel div.backContainer a.back span, div#moreLikeThis div.carousel div.forwardContainer a.forward span, div#shoppingBag div.items table tbody tr td.quantity label, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input input, #pgpayment .giftCardQuantity label, #pgsummary .deliverygroup .quantity .indicator, #pgsignup .signup h2, div.field span.errorText, div#brandBoutiqueNews h1, div#brandBoutiqueExclusivesPanel h1, div#brandBoutiqueGalleryPanel h1, div#brandBoutiqueFeaturedVideoPanel h1, div#globalSearch div.indicator, #pghomepage .browseHeading, #pgDepartment .browseHeading, #pgCategory .browseHeading, div#secondaryNavigation div.options div.backContainer a span, div#secondaryNavigation div.options div.forwardContainer a span, div#facetNavigation div.options div.backContainer a span, div#facetNavigation div.options div.forwardContainer a span, selector { position: absolute !important; left: -99999em !important; } /******************************************************* * Skip links *******************************************************/ #skiplinks { position: absolute; z-index: 4; left: 0; top: 0; } #skiplinks ul li { font-size: 1.4em; list-style: none; } #skiplinks ul li a { z-index:4; white-space:nowrap; } #skiplinks ul li a:focus, #skiplinks ul li a:active { left: 0em; top: 0em; } /******************************************************* * Form Success Summary Styles *******************************************************/ #pgShoppingBag div#messageBox { background: url(../img/global/icon_success.gif) no-repeat 0 14px; padding: 16px 16px 16px 23px; } div#successMessage { padding: 16px 16px 16px 23px; } div#successMessage p { color: #1ACD19; background: url(../img/global/icon_success.gif) no-repeat 0 0; display: inline; padding: 2px 20px; } div#successMessage div.actions { margin-top: 16px; } /******************************************************* * Form Error Summary Styles *******************************************************/ div.errormessage { background: url(../img/global/icon_error.gif) no-repeat 0 14px; padding: 16px 16px 16px 23px; margin-bottom: 16px; } div.errormessage h2, div.errormessage h3 { font-size: 1.1em; color: #ff0000; } div.errormessage p { color: #ff0000; } div.errormessage ul { list-style: none; } div.errormessage ul li { color: #ff0000; font-size: 1.1em; background: url(../img/global/bullet_dash.png) no-repeat; padding-left: 10px; } div.errormessage a { color: #ff0000 !important; } /* refinement for add to basket error message */ div#productInformation div.errormessage { background: url(../img/global/icon_error.gif) no-repeat 0 4px; padding: 6px 16px 6px 23px; margin-bottom: 16px; } /******************************************************* * Form styles *******************************************************/ div.field { margin-bottom: 8px; } div.field div.indicator { clear: both; /** Test if this is needed*/ float: left; font-size: 1.1em; width: 130px; padding-right: 8px; padding-top: 3px; } div.field div.singleInput, div.field div.multipleInput, div.field div.checkboxes, div.field div.radios { float:left; } div.field div.checkboxes div.input, div.field div.radios div.input { margin-bottom: 5px; } div.field div.checkboxes div.input { margin-top: 3px; } div.field div.checkboxes div.input input { float: left; } div.field div.radios div.input label, div.field div.checkboxes div.input label { vertical-align: top; padding-left: 8px; float: left; } div.field div.checkboxes div.input label a { vertical-align: top; } div.field div.multipleInput div.input { float: left; margin: 0 5px 0 0; } div.error div.indicator label, div.error div.indicator span.label { color: #ff0000; } p span.required, #pgpayment .cardpayment span.required, #pgpayment div.terms span.required, div.field div.indicator label span.required, div.field div.indicator span.label span.required { color: #ff0000; } div.field input.password, div.field input.text { border: 1px solid #D0D0D0; height: 16px; padding-top: 2px; padding-left: 2px; color: #797979; font-size: 1.2em; width: 139px; } div.field textarea, div.field select { font-family: verdana, arial, sans-serif; font-size: 0.9em; color: #797979; border: 1px solid #D0D0D0; padding: 2px; } div.field textarea { font-size: 1.1em; } p.requiredText { font-size: 0.9em; } div.fielderror { color: #f00; } /******************************************************* CSR *******************************************************/ #csrheader { background: #ffd815; border-top: solid 3px #000; padding: 5px; } #csrheader p { float: left; font-size: 2em; margin: 0 0 0 9px; } #csrheader ul { float: right; list-style-type: none; margin: 8px 9px; } #csrheader ul li { float: left; margin: 0 0 0 16px; } #csrheader ul li a { font-size: 1.1em; } /******************************************************* * Primary navigation *******************************************************/ div#primaryNavigation { background-color: #fff; border-bottom: 1px solid #000; } div#primaryNavigation ul { list-style: none; margin: 0 auto; width: 960px; position: relative; z-index: 3; } /* general styles */ div#primaryNavigation ul li.firstLevel { float: left; font-size: 1.4em; } div#primaryNavigation ul li.firstLevel a.firstLevel { position:relative; height: 21px; display: block; white-space: nowrap; } div#primaryNavigation ul li.firstLevel span { position: absolute; left: 0; top: 0; background-repeat: no-repeat; display: block; height: 21px; width: 100%; background: #FFF url(../img/primarynavigation/bg-primary-nav-sprite.png) 0 0 no-repeat; } div#primaryNavigation ul li.brandSelector { width: 71px; } div#primaryNavigation ul li.womenswear, div#primaryNavigation ul li.womens { width: 102px; } div#primaryNavigation ul li.accessories { width: 93px; } div#primaryNavigation ul li.beauty { width: 63px; } div#primaryNavigation ul li.menswear, div#primaryNavigation ul li.mens { width: 83px; } div#primaryNavigation ul li.homeleisure { width: 113px; } div#primaryNavigation ul li.kids { width: 45px; } div#primaryNavigation ul li.foodflowers, div#primaryNavigation ul li.foodwine { width: 96px; } div#primaryNavigation ul li.gifts, div#primaryNavigation ul li.flowersgifts { width: 104px; } div#primaryNavigation ul li.christmas { width: 79px; } div#primaryNavigation ul li.services { width: 72px; } div#primaryNavigation ul li.whatson { width: 83px; } div#primaryNavigation ul li.style { width: 53px; } div#primaryNavigation ul li.womenswear a.firstLevel span, div#primaryNavigation ul li.womens a.firstLevel span { background-position: -108px 0; } div#primaryNavigation ul li.accessories a.firstLevel span { background-position: -210px 0; } div#primaryNavigation ul li.beauty a.firstLevel span { background-position: -303px 0; } div#primaryNavigation ul li.menswear a.firstLevel span, div#primaryNavigation ul li.mens a.firstLevel span { background-position: -366px 0; } div#primaryNavigation ul li.homeleisure a.firstLevel span { background-position: -449px 0; } div#primaryNavigation ul li.kids a.firstLevel span { background-position: -562px 0; } div#primaryNavigation ul li.foodflowers a.firstLevel span, div#primaryNavigation ul li.foodwine a.firstLevel span { background-position: -607px 0; } div#primaryNavigation ul li.gifts a.firstLevel span, div#primaryNavigation ul li.flowersgifts a.firstLevel span { background-position: -703px 0; } div#primaryNavigation ul li.whatson a.firstLevel span { background-position: -807px 0; } div#primaryNavigation ul li.services a.firstLevel span { background-position: -890px 0; } div#primaryNavigation ul li.christmas a.firstLevel span { background-position: -962px 0; } div#primaryNavigation ul li.style a.firstLevel span { background-position: -1041px 0; } /* hover states */ div#primaryNavigation ul li a.hover span { z-index: 12; height: 22px !important; } div#primaryNavigation ul li.womenswear a.hover span, div#primaryNavigation ul li.womens a.hover span { background-position: -108px -42px !important; } div#primaryNavigation ul li.accessories a.hover span { background-position: -210px -42px !important; } div#primaryNavigation ul li.beauty a.hover span { background-position: -303px -42px !important; } div#primaryNavigation ul li.menswear a.hover span, div#primaryNavigation ul li.mens a.hover span { background-position: -366px -42px !important; } div#primaryNavigation ul li.homeleisure a.hover span { background-position: -449px -42px !important; } div#primaryNavigation ul li.kids a.hover span { background-position: -562px -42px !important; } div#primaryNavigation ul li.foodflowers a.hover span, div#primaryNavigation ul li.foodwine a.hover span { background-position: -607px -42px !important; } div#primaryNavigation ul li.gifts a.hover span, div#primaryNavigation ul li.flowersgifts a.hover span { background-position: -703px -42px !important; } div#primaryNavigation ul li.whatson a.hover span { background-position: -807px -42px !important; } div#primaryNavigation ul li.services a.hover span { background-position: -890px -42px !important; } div#primaryNavigation ul li.christmas a.hover span { background-position: -962px -42px !important; } div#primaryNavigation ul li.style a.hover span { background-position: -1041px -42px !important; } /* Selected states */ #pgShopBrands div#primaryNavigation ul li.brandSelector a.firstLevel span { background-position: 0 -21px; } div.womenswear div#primaryNavigation ul li.womenswear a.firstLevel span, div.womenswear div#primaryNavigation ul li.womens a.firstLevel span { background-position: -108px -21px; } div.accessories div#primaryNavigation ul li.accessories a.firstLevel span { background-position: -210px -21px; } div.beauty div#primaryNavigation ul li.beauty a.firstLevel span { background-position: -303px -21px; } div.menswear div#primaryNavigation ul li.menswear a.firstLevel span, div.menswear div#primaryNavigation ul li.mens a.firstLevel span { background-position: -366px -21px; } div.homeleisure div#primaryNavigation ul li.homeleisure a.firstLevel span { background-position: -449px -21px; } div.kids div#primaryNavigation ul li.kids a.firstLevel span { background-position: -562px -21px; } div.foodflowers div#primaryNavigation ul li.foodflowers a.firstLevel span, div.foodflowers div#primaryNavigation ul li.foodwine a.firstLevel span { background-position: -607px -21px; } div.gifts div#primaryNavigation ul li.gifts a.firstLevel span, div.gifts div#primaryNavigation ul li.flowersgifts a.firstLevel span { background-position: -703px -21px; } div.whatson div#primaryNavigation ul li.whatson a.firstLevel span { background-position: -807px -21px; } div.specialistfood div#primaryNavigation ul li.services a.firstLevel span { background-position: -860px -21px; } div.christmas div#primaryNavigation ul li.christmas a.firstLevel span { background-position: -962px -21px; } div.style div#primaryNavigation ul li.style a.firstLevel span { background-position: -1041px -21px; } div#primaryNavigation ul li div.sub { position: absolute; left: 0; top: 1.5em; width: 958px; background-color: #ffffff; border: 1px solid #000; z-index: 8; padding-top: 32px; padding-bottom: 23px; } div#primaryNavigation ul li div.sub div.subInner { padding-left: 16px; padding-right: 16px; background: url(../img/primarynavigation/bg_dropdown_faux.gif) repeat-y; } div#primaryNavigation ul li div.noBrands div.subInner { background-position: -134px 0; } div#primaryNavigation ul li.style div.sub div.subInner, div#primaryNavigation ul li.whatson div.sub div.subInner { background: url(../img/primarynavigation/bg_dropdown_three_col.gif) repeat-y; } div#primaryNavigation ul li div.sub ul { width: auto; } div#primaryNavigation ul li div.sub li { font-size: 0.8em; } div#primaryNavigation ul li div.sub div.brandRooms, div#primaryNavigation ul li div.sub div.services, div#primaryNavigation ul li div.sub div.whatson, div#primaryNavigation ul li div.sub div.categories { float: left; } div#primaryNavigation ul li div.sub div.brandRooms { width: 101px; padding-right: 16px; } div#primaryNavigation ul li div.sub div.categories { width: 380px; padding-left: 17px; } div#primaryNavigation ul li div.sub div.categories div { width: 102px; float: left; overflow: hidden; margin-right: 5px; } div#primaryNavigation ul li div.sub div.categories div.column1 { width: 128px; } div#primaryNavigation ul li div.sub div.categories ul li { width: 102px; margin-bottom: 5px; overflow: hidden; } div#primaryNavigation ul li div.sub div.categories div.column1 ul li { width: 128px; } div#primaryNavigation ul li div.sub div.services { width: 278px; padding-left: 17px; } div#primaryNavigation ul li div.sub div.services div.column1, div#primaryNavigation ul li div.sub div.services div.column2 { width: 123px; float: left; overflow: hidden; padding-right: 16px; } div#primaryNavigation ul li div.sub div.whatson { width: 100px; padding-left: 17px; } div#primaryNavigation ul li div.sub div.brandRooms ul li, div#primaryNavigation ul li div.sub div.services ul li, div#primaryNavigation ul li div.sub div.whatson ul li { margin-bottom: 5px; } div#primaryNavigation ul li div.sub ul li a:link, div#primaryNavigation ul li div.sub ul li a:visited { display: inline; padding: 0px; text-decoration: none; } div#primaryNavigation ul li div.sub p.heading { font-size: 0.8em; text-transform: uppercase; font-weight:bold; } div#primaryNavigation ul li.style div.sub div.brandRooms, div#primaryNavigation ul li.whatson div.sub div.brandRooms { width: 320px; } div#primaryNavigation ul li.style div.sub div.services div.column1, div#primaryNavigation ul li.style div.sub div.categories, div#primaryNavigation ul li.style div.sub div.categories div.column1, div#primaryNavigation ul li.whatson div.sub div.services div.column1, div#primaryNavigation ul li.whatson div.sub div.categories, div#primaryNavigation ul li.whatson div.sub div.categories div.column1 { width: 278px; } /******************************************************* * Global navigation *******************************************************/ div#globalNavigation { float: right; } div#globalNavigation p.welcome { float: left; font-family: verdana; font-size: 0.9em; color: #8c8c8c; padding-left: 9px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px; margin: 0px; } div#globalNavigation ul { list-style: none; float: left; } div#globalNavigation ul li.child { float: left; font-family: verdana; } div#globalNavigation ul li a { text-decoration: none; color: #8c8c8c; line-height: 2; font-size: 0.9em; } div#globalNavigation ul li.fittingRoom, div#globalNavigation ul li.shoppingBag, div#globalNavigation ul li.myAccount { position: relative; z-index: 50; } div#globalNavigation ul li.giftList a:link, div#globalNavigation ul li.giftList a:visited { display: block; padding-right: 8px; } div#globalNavigation ul li.giftList a:hover, div#globalNavigation ul li.myAccount a:hover, div#globalNavigation ul li.signOut a:hover, div#globalNavigation ul li.shoppingBag a:hover, div#globalNavigation ul li.fittingRoom a:hover { color: #000; } div#globalNavigation ul li.notUser, div#globalNavigation ul li.signIn a, div#globalNavigation ul li.signOut a, div#globalNavigation ul li.myAccount a:link, div#globalNavigation ul li.myAccount a:visited { display: block; padding-left: 9px; padding-right: 8px; } div#globalNavigation ul li.fittingRoom a:link, div#globalNavigation ul li.fittingRoom a:visited { display: block; padding-right: 8px; } div#globalNavigation ul li.notUser a, div#globalNavigation ul li.signIn a, div#globalNavigation ul li.signOut a, div#globalNavigation ul li.myAccount a:link, div#globalNavigation ul li.myAccount a:visited, div#globalNavigation ul li.fittingRoom a:link, div#globalNavigation ul li.fittingRoom a:visited { background: url(../img/bg_pipe01.gif) no-repeat 0px 3px; } div#globalNavigation ul li.fittingRoom a span.link { float: left; padding-left: 9px; padding-right: 8px; } div#globalNavigation ul li.shoppingBag a:link, div#globalNavigation ul li.shoppingBag a:visited { display: block; } div#globalNavigation ul li.shoppingBag a span.link { float: left; padding-right: 8px; } div#globalNavigation ul li.shoppingBag a span.icon, div#globalNavigation ul li.fittingRoom a span.icon { float: left; text-align: center; position: relative; color: #444; } div#globalNavigation ul li.fittingRoom a span.icon { width: 19px; padding-top: 4px; background: url(../img/globalnavigation/icon_fitting_room.gif) no-repeat; top: -3px; } div#globalNavigation ul li.shoppingBag a span.icon { padding-top: 3px; width: 25px; background: url(../img/globalnavigation/icon_shopping_bag.gif) no-repeat 1px 0px; top: -2px; } /* This rule is aimed at Global Nav in Safari. High defect raised saying digits on icons are 1 pixel too high, but this is due to OSX vs Windows font rendering. This "fix" will render digits correctly in Mac Safari, but 1 pixel low in Windows Safari. Lesser of 2 evils. SU - 02/10/2009 */ @media screen and (-webkit-min-device-pixel-ratio:0) { div#globalNavigation ul li.fittingRoom a span.icon { padding-top: 5px; padding-left: 1px; } div#globalNavigation ul li.shoppingBag a span.icon { padding-top: 4px; } /* And another one - brand room flash was one pixel too high in Safari Mac. SU / AO - 02/02/2010 */ body.brandRoomEnhanced div#content div#sections div#primary { top: -24px; } } /******************************************************* * My Account Navigation *******************************************************/ div#myaccountnav { position: absolute; top: 1.8em; right: -39px; width: 150px; z-index: 30; padding-top: 7px; background: transparent url(../img/myaccountnavigation/bg_my_account_top.gif) 0 0 no-repeat; } div#myaccountnavInner { background: transparent url(../img/myaccountnavigation/bg_my_account_bot.gif) 0 100% no-repeat; padding: 24px 27px 28px 24px; } div#myaccountnav h3 { text-transform: uppercase; margin-bottom: 6px; margin-top: -5px; } div#myaccountnav ul { float: none; padding: 8px 0 10px 0; border-top: 3px solid #D0D0D0; border-bottom: 3px solid #D0D0D0; } div#myaccountnav ul li { clear: left; float: none; margin: 0; line-height: 2; } div#globalNavigation div#myaccountnav a { background: none; display: inline; padding: 0; font-size: 1.1em; } /******************************************************* * Mini fitting room *******************************************************/ #pgWishRoom #container { padding-bottom: 0; } div#miniFittingRoom { position: absolute; top: 1.8em; right: -120px; width: 345px; z-index: 999; padding-top: 7px; background: url(../img/minibag/bg_container_top.gif) 0 0 no-repeat; } div#miniFittingRoom div.miniFittingRoomInner { background: url(../img/minibag/bg_container_bot.gif) 0 100% no-repeat; padding: 22px 27px 28px 24px; } div#miniFittingRoom div.justAdded h4, div#miniFittingRoom h3 { border-bottom: 3px solid #D0D0D0; font-size: 1.1em; margin-top: -3px; padding-bottom: 6px; text-transform: uppercase; } div#miniFittingRoom h3 { margin-bottom: 0; } div#miniFittingRoom div.justAdded { padding-bottom: 16px; } div#miniFittingRoom div.justAdded div.product { overflow: hidden; } div#miniFittingRoom div.justAdded div.product div.image { float: left; margin-right: 10px; } div#miniFittingRoom div.justAdded div.product div.details { float: left; width: 190px; font-family: Verdana, Arial, Helvetica, sans-serif; } div#miniFittingRoom div.justAdded div.product div.details p.brand { text-transform: uppercase; margin-bottom: 0; font-size: 1.1em; } div#miniFittingRoom div.justAdded div.product div.details p.productName { margin-bottom: 12px; font-size: 1.1em; line-height: 1.45; } div#miniFittingRoom div.justAdded div.product div.details p.productName a { background-image: none; font-size: 1em; line-height: 1.45; } div#miniFittingRoom div.justAdded div.product div.details p.price { margin-bottom: 0; } div#miniFittingRoom div.justAdded div.product div.details ul.variants { margin-bottom: 2px; float: none; margin-bottom: 12px; line-height: 1.45; } div#miniFittingRoom div.justAdded div.product div.details ul.variants li { font-size: 1.1em; } div#miniFittingRoom div.justAdded div.product div.details img { margin: 0 8px 0 0; float: left; } div#miniFittingRoom div.justAdded div.product div.details p { text-align: left; } div#miniFittingRoom div.summary { border-top: 1px solid #D0D0D0; border-bottom: 3px solid #D0D0D0; padding-bottom: 6px; padding-top: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top:-1px; } div#miniFittingRoom div.summary p { margin-bottom: 6px; } div#globalNavigation div#miniFittingRoom div.summary a { display: inline; background: none; line-height: 1; padding-right: 0; } div#miniFittingRoom div.action { padding-top: 16px; } div#miniFittingRoom div.action a { float: right; padding-right: 0px !important; } /******************************************************* * mini shopping bag *******************************************************/ div#miniShoppingBag { position: absolute; top: 1.8em; right: -120px; width: 345px; z-index: 999; padding-top: 7px; background: url(../img/minibag/bg_container_top.gif) 0 0 no-repeat; } div#miniShoppingBag a { background: none !important; display: inline !important; } div#miniShoppingBag div.miniShoppingBagInner { background: url(../img/minibag/bg_container_bot.gif) 0 100% no-repeat; padding: 22px 26px 28px 24px; } div#miniShoppingBag h3 { text-transform: uppercase; padding-bottom: 6px; margin: -3px 0 0 0; border-bottom: 3px solid #D0D0D0; font-size: 1.1em; } div#miniShoppingBag div.justAdded { padding-bottom: 16px; } div#miniShoppingBag div.justAdded h4 { border-bottom: 3px solid #D0D0D0; font-size: 1.1em; padding-bottom: 4px; text-transform: uppercase; margin-top:-3px; background:#fff; } div#miniShoppingBag div.justAdded div.product { width: 294px; } div#miniShoppingBag div.justAdded div.product div.image { float: left; width: 79px; margin-right: 16px; } div#miniShoppingBag div.justAdded div.product div.details { float: left; width: 199px; font-family: Verdana, Arial, Helvetica, sans-serif; } div#miniShoppingBag div.justAdded div.product div.details ul { width: auto; float: none; } div#miniShoppingBag div.justAdded div.product div.details p { text-align: left; margin-bottom: 0; } div#miniShoppingBag div.justAdded div.product div.details p.productName { margin-bottom: 10px; } div#miniShoppingBag div.justAdded div.product div.details p.productName a { font-size: 1em; line-height: 1.45; } div#miniShoppingBag div.justAdded div.product div.details ul.variants { margin-bottom: 16px; } div#miniShoppingBag div.justAdded div.product div.details ul.variants li { line-height: 1.45; font-size: 1.1em; } div#miniShoppingBag div.summary { border-top: 1px solid #D0D0D0; border-bottom: 3px solid #D0D0D0; padding-bottom: 13px; padding-top: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top:-1px; } div#miniShoppingBag div.summary table { table-layout: fixed; width: 100%; } div#miniShoppingBag div.summary table th { font-weight: normal; text-align: left; font-size: 1.1em; width: 70%; } div#miniShoppingBag div.summary table td { text-align: right; font-size: 1.1em; width: 30%; } div#miniShoppingBag div.summary table tr.items th, div#miniShoppingBag div.summary table tr.items td { padding-bottom: 10px; } div#miniShoppingBag div.summary table tr.promotions th, div#miniShoppingBag div.summary table tr.promotions td { padding-bottom: 13px; border-bottom: 1px solid #d9d9d9; } div#miniShoppingBag div.summary table tr.subtotal th, div#miniShoppingBag div.summary table tr.subtotal td { padding-top: 13px; } div#miniShoppingBag div.summary table tr.subtotal th span.em, div#miniShoppingBag div.summary table tr.subtotal td { font-weight: bold; } div#miniShoppingBag div.actions { padding-top: 16px; } div#miniShoppingBag div.actions .btnShare { float: left; margin-right: 6px; } div#miniShoppingBag div.actions .btnFittingRoom { float: left; margin-right: 6px; } div#miniShoppingBag div.actions .btnCheckout { float: left; } /******************************************************* * Global search *******************************************************/ div#globalSearch { float: right; margin-left: 16px; position: relative; z-index: 5; width: 161px; background: url(../img/globalsearch/bg_container.gif) no-repeat; } div.globalSearchFocused { background: url(../img/globalsearch/bg_container2.gif) no-repeat !important; } div#globalSearch div#predictArea { position: absolute; z-index: 100; width: 161px; background-color: #ffffff; } div#globalSearch div#predictArea ul { margin-left: 30px; } div#globalSearch fieldset { overflow: hidden; } div#globalSearch div.field { float: left; width: 125px; margin-bottom: 0px; } div#globalSearch div.field input.text { border: none; background: transparent; width: 117px; height: 18px; font-size: 0.9em; font-family: verdana; padding-top: 2px; padding-left: 8px; } div#globalSearch input#searchButton { float: right; margin-top: 6px; margin-right: 6px; } #globalSearch ul.autoCompleteList { clear: both; position: absolute; z-index: 13; background-color: #fff; border:1px solid #000000; top: 1.7em; width: 159px; padding-top: 16px; left: 0; padding-bottom: 8px; } #globalSearch ul.autoCompleteList li { cursor: pointer; list-style: none; color: #8a8a8a; font-family: verdana; margin-bottom: 8px; padding-left: 8px; padding-right: 8px; } #globalSearch ul.autoCompleteList li span { border-bottom: 1px dotted #fff; } #globalSearch ul.autoCompleteList li strong { color: #000; font-weight: normal; } #globalSearch ul.autoCompleteList li.hover { color: #000; } #globalSearch ul.autoCompleteList li.hover span { border-bottom: 1px dotted #000; } #globalSearch ul.autoCompleteList li.divider { border-top: 1px solid #d9d9d9; padding-top: 8px; } #globalSearch ul.autoCompleteList li.brand { } #globalSearch ul.autoCompleteList li.category { } /******************************************************* * Brand selector *******************************************************/ div#brandSelector { border: 2px solid #333333; } div#brandSelector div.navigation { border-bottom: 2px solid #333; } div#brandSelector div.navigation ul { list-style: none; overflow: hidden; } div#brandSelector div.navigation ul li { float: left; border-right: 2px solid #333; } div#brandSelector div.navigation ul li a { display: block; padding: 10px; } div#brandSelector div.navigation ul li a.focus, div#brandSelector div.navigation ul li a.hover, div#brandSelector div.navigation ul li a:active, div#brandSelector div.navigation ul li a.selected { background-color: #eee; } div#brandSelector div.tab { border-bottom: 2px solid #333333; } /******************************************************* * AZ *******************************************************/ div#AZ { margin: 10px; border: 2px solid #333333; } div#AZ div.brands { margin-bottom: 10px; } div#AZ div.brands ul { list-style: none; overflow: hidden; padding-left: 10px; padding-top: 10px; } div#AZ div.brands ul li { float: left; margin-right: 10px; margin-bottom: 10px; } div#AZ div.brands ul li a { width: 141px; height: 70px; border: 1px solid #eee; display: block; text-align: center; } /******************************************************* * Footer *******************************************************/ div#footer { position: fixed; bottom: 0; left: 0; width:100%; } div#footerInner { width: 960px; margin: 0 auto; position:relative; z-index: 10; } div#showcaseActivator { float: left; width: 70px; padding-left: 16px; padding-top: 7px; padding-bottom: 6px; } div#showcaseActivator a { color: #ffffff; display: block; width: 80px; height: 12px; padding-right: 15px; background: #000000 url(../img/footer/icon_arrow01_top.gif) right no-repeat; } div#showcaseActivator a.open { background-image: url(../img/footer/icon_arrow01_down.gif); } div#moreFromActivator { float: right; width: 153px; padding-top: 6px; padding-bottom: 7px; } div#moreFromActivator a { color: #ffffff; display: block; padding-right: 15px; width: 138px; height: 12px; background: #000000 url(../img/footer/icon_arrow01_top.gif) 130px no-repeat; } div#moreFromActivator a.open { background-image: url(../img/footer/icon_arrow01_down.gif); } div#moreFrom table { margin: 0 16px; } div#moreFrom table tr th { font-weight: normal; padding-right: 10px; } div#moreFrom table tr th, div#moreFrom table tr td { font-size: 1.1em; padding-bottom: 4px; } /******************************************************* * Footer controls *******************************************************/ #footerControls { padding-top: 1px; background: transparent url(../img/footer/bg_footer_top.gif) top left no-repeat; } #footerControlsInner { background-color: #000; } /******************************************************* * Breadcrumb *******************************************************/ div#breadcrumb { padding: 12px 16px 16px 16px; } div#breadcrumb p { float: left; font-size: 1em; } div#breadcrumb ul { background: #fff; float: left; list-style: none; } div#breadcrumb ul li { float: left; padding-right: 9px; padding-left: 5px; background: transparent url(../img/global/icon_arrow05_right.gif) no-repeat right 4px; font-family: verdana; font-size: 0.9em; color: #8c8c8c; padding-bottom: 1px; } div#breadcrumb ul li.first { padding-left: 3px; } div#breadcrumb ul li a { color: #8c8c8c; } div#breadcrumb ul li a:hover { color: #000; } div#breadcrumb ul li.last { margin-right: 0px; padding-right: 3px; background: none; } /******************************************************* * Ticker *******************************************************/ div#ticker { float: left; width: 630px; padding-left: 49px; } div.footer1 div#ticker { padding-left: 16px; } div#ticker div.carousel { padding-top: 7px; } div.footerJSon div#ticker div.carousel div.clip { width: 630px; float: left; } div#ticker div.carousel a.back { float: left; } div#ticker div.carousel a.forward { float: left; } div#ticker div.carousel div.clip ul { list-style: none; } div#ticker div.carousel div.clip ul li { color: #ffffff; width: 630px; font-family: verdana; } div.footerJSon div#ticker div.carousel div.clip ul li { } /******************************************************* * Showcase *******************************************************/ div#showcase { background-color: #ffffff; border-right: 1px solid #000; border-left: 1px solid #000; display: none; } div#showcase div.carousel { overflow: hidden; padding: 16px 0; position: relative; } div#showcase div.carousel div.backContainer { float: left; width: 22px; padding-top: 39px; padding-left:15px; } div#showcase div.carousel div.forwardContainer { float: left; width: 6px; padding-top: 39px; padding-right: 15px; padding-left: 16px; } div#showcase div.carousel div.clip { /*height: 81px;*/ width: 884px; float: left; overflow: hidden; position: relative; } div#showcase div.carousel div.clip span.loading { background: transparent url(../img/global/bg_white_70pc.png) 0 0 repeat-x; display: block; height: 55px; position: absolute; width: 885px; z-index: 10; padding-top: 30px; text-align: center; } div#showcase div.carousel div.clip ul { position: relative; } div#showcase div.carousel div.clip ul li { width: 884px; float: left; position: relative; } div#showcase div.carousel .disabled, div#showcase div.carousel .forwardContainer a, div#showcase div.carousel .backContainer a { background: transparent url(../img/global/icon_arrow_01_sprite.png) 0 0 no-repeat; height: 11px; width: 6px; display: block; text-indent: -9999em; } div#showcase div.carousel .forwardContainer .disabled { background-position: 0 -55px; } div#showcase div.carousel .forwardContainer a { background-position: 0 -44px; } div#showcase div.carousel .forwardContainer a:hover { background-position: 0 -33px; } div#showcase div.carousel .backContainer a { background-position: 0 -11px; } div#showcase div.carousel .backContainer a:hover { background-position: 0 -22px; } div#showcase div.carousel div.indicatorsContainer { clear: both; overflow: hidden; padding: 16px 16px 0 16px; margin: 0 auto; } div#showcase div.carousel li { list-style-type: none; float: left; } div#showcase div.carousel .indicatorsContainer a { background: url(../img/global/icon_indicator01.gif) no-repeat; height: 7px; width: 7px; float: left; margin-right: 4px; text-indent: -9999em; overflow: hidden; } div#showcase div.carousel div.indicatorsContainer a.indicatorSelected { background-position: 0px -7px; } div#showcase div.showcaseItem { width: 221px; float: left; } body#pgProductBundle div#showcase div.showcaseItem, body#pgProductDetail div#showcase div.showcaseItem, body#pgProductOfTheDayDetails div#showcase div.showcaseItem, body.potd div#showcase div.showcaseItem { width: 110px; text-align: center; } div#showcase div.showcaseItem div.image { float: left; width: 87px; } div#showcase div.showcaseItem div.details { width: 134px; float: left; } body#pgProductOfTheDayDetails div#showcase div.showcaseItem div.details, body.potd div#showcase div.showcaseItem div.details { width: 87px; } div#showcase div.showcaseItem div.details h3 { margin-bottom: 0; font-weight: bold; text-transform: uppercase; } div#showcase div.showcaseItem div.details p { text-align: left; margin: 0px; } body#pgProductOfTheDayDetails div#showcase div.showcaseItem div.details p, body.potd div#showcase div.showcaseItem div.details p { text-align: center; } div#showcase div.showcaseItem div.details p.price { font-size: 1em; } div#showcase p.showcaseViewAll { padding: 8px 16px; margin: 0; text-align: right; } /******************************************************* * More from *******************************************************/ div#moreFrom { background-color: #ffffff; border-right: 1px solid #000; border-left: 1px solid #000; display: none; } div#moreFrom div#moreFromInner { padding-top: 32px; padding-bottom: 32px; } div#moreFrom div#moreFromFaux { background: url(../img/footer/bg_more_from_faux.gif) repeat-y; } div#moreFrom div.column01 { width: 240px; float: left; } div#moreFrom div.column02 { width: 239px; float: left; } div#moreFrom div.column03 { width: 239px; float: left; } div#moreFrom div.column04 { width: 240px; float: left; } div#moreFrom h2, div#moreFrom h3, div#moreFrom p.heading { margin: 0px 16px 4px 16px; text-transform: uppercase; font-size:1.1em; } div#moreFrom p { margin-left: 16px; margin-right: 16px; margin-bottom:24px; } div#moreFrom ul { list-style: none; margin-left: 16px; margin-right: 16px; margin-bottom:24px; } div#moreFrom ul.last { margin-bottom:0; } div#moreFrom ul li { margin-bottom: 4px; font-size: 1.1em; } /******************************************************* * secondary navigation *******************************************************/ div#secondaryNavigation { margin-bottom: 24px; border-top: 1px solid #D0D0D0; } div.mergeSecondaryNav div#secondaryNavigation { margin-bottom: 0; border-top: none; } div#secondaryNavigation div.header { position: relative; border-bottom: 1px solid #D0D0D0; padding-right: 16px; } div#secondaryNavigation div.header h2 { margin: 0; font-size: 1.1em; width: 100%; } div#secondaryNavigation div.header h2 a, div#secondaryNavigation div.header h2 a:link, div#secondaryNavigation div.header h2 a:visited { display: block; padding: 5px 16px; text-decoration: none; color: #000; } div#secondaryNavigation div.header h2 a.selected { background: transparent url(../img/global/icon_close_nav_item.gif) right 9px no-repeat; } div#secondaryNavigation div.options { border-bottom: 1px solid #D0D0D0; padding: 8px 0; } div#secondaryNavigation div.options div.backContainer a, div#secondaryNavigation div.options div.forwardContainer a { background: url(../img/global/icon_arrow03_up.gif) no-repeat 50% 50%; display: block; height: 20px; } div#secondaryNavigation div.options div.forwardContainer a { background-image: url(../img/global/icon_arrow03_down.gif); } div#secondaryNavigation div.options ul { list-style: none; /*margin: 6px 0; temp remove for scrollers*/ } div#secondaryNavigation div.options ul li { font-size: 1.1em; padding: 6px 0 6px 24px; } div#secondaryNavigation div.options ul li a.selected { background-image: url(../img/bullet.gif); background-repeat: no-repeat; background-position: 0% 50%; } /******************************************************* * Pagination *******************************************************/ .pagination { overflow: hidden; margin-bottom: 8px; } .pagination .previous span, .pagination .previous a { background-repeat: no-repeat; background-position: 0 50%; padding-left: 10px; } .pagination .next span, .pagination .next a { background-repeat: no-repeat; background-position: 100% 50%; padding-right: 10px; } .pagination .previous span { background-image: url(../img/global/icon_arrow06_left_disabled.gif); } .pagination .previous a { background-image: url(../img/global/icon_arrow06_left.gif); } .pagination .next span { background-image: url(../img/global/icon_arrow06_right_disabled.gif); } .pagination .next a { background-image: url(../img/global/icon_arrow06_right.gif); } .pagination .previous a, .pagination .previous img, .pagination .next a, .pagination .next img { text-align: center; width: auto; } .pagination .previous span, .pagination .next span { color: #8c8c8c; } /* add hover/focus states */ .pagination .previous a:hover, .pagination .next a:hover, .pagination .previous a:focus, .pagination .next a:focus { background-color: #FFF; } .pagination .controls { overflow: auto; text-align: center; } .pagination ol { margin: 0; padding: 0; margin-left: auto; margin-right: auto; list-style-type: none; font-family: arial; text-align: center; } .pagination ol li { margin: 0 10px 0 9px; display: inline; float: left; font-size: 1.1em; padding: 2px 0; } .pagination ol li.selected { background: #fd0; border: 1px solid #000; margin: 0 4px 0 3px; padding: 1px 5px; } .pagination ol li a:link, .pagination ol li a:visited { color: #444; text-align: center; text-decoration: none; } .pagination ol li strong { text-align: center; font-weight: normal; } /* add hover/focus states */ .pagination ol li.selected strong, .pagination ol li a:hover, .pagination ol li a:focus { color: #000; } .pagination .alignleft { text-align: left; } .pagination .alignleft ol { margin-left: 0; } .pagination .alignright { text-align: right; } .pagination .alignright ol { margin-right: 0; } /******************************************************* * Tabs *******************************************************/ div.tabs { border: 2px solid #333333; padding: 10px; } div.tabs div.navigation { } div.tabs div.navigation ul { list-style: none; overflow: hidden; } div.tabs div.navigation ul li { float: left; margin-right: 5px; } div.tabs div.navigation ul li a { display: block; padding: 10px; border: 1px solid #333333; border-bottom: none; } div.tabs div.tab { border: 1px solid #333333; } /*************************************************** * Generic Tree View **************************************************/ .tree ul { list-style-type: none; } .tree ul li { padding: 3px 0 0 25px; position: relative; } .tree ul li li { background: none; } .tree a.expand, .tree a.shrink { background: url(../img/action_forward.gif) no-repeat 0 0; display: block; height: 21px; left: 0; overflow: hidden; position: absolute; text-indent: -999em; top: 0; width: 21px; } .tree a.shrink { background-image: url(../img/arrow-down.gif); } /******************************************************* * Temp category style *******************************************************/ body#category { } body#category div#sections { overflow: hidden; } body#category div#primary { float: left; width: 720px; } body#category div#secondary { float: left; width:240px; } /******************************************************* * finder navigation *******************************************************/ #finder { padding-left: 16px; padding-right: 16px; padding-bottom: 16px; border-bottom: 1px solid #d9d9d9; border-top: 3px solid #c536ff; margin-bottom: 16px; background-color:#fff; } #finder div.header { padding-top: 8px; } #finder div.header h2 { font-size: 1.3em; color: #c536ff; float: left; } #finder div.header a { float: right; font-size: 1em; margin-top: 3px; } #finder div.indicator { width: 65px; } #finder select { width: 130px; font-size: 1.1em; } #finder div.actions { overflow: hidden; padding-top: 8px; } #finder div.actions p.sizeGuide { float: left; margin-bottom: 0; margin-top: 4px; } #finder div.actions input { float: right; } /******************************************************* * Poll Widget *******************************************************/ /* Widgets */ .poll { border-bottom: 1px solid #d0d0d0; border-top: 3px solid #fb2fc2; clear: both; padding: 9px 16px 12px; } .poll form { overflow: hidden; } .poll h2 { color: #fb2fc2; font-size: 1.4em; margin-bottom: 12px; } .poll img.pollImage { margin: 0 0 12px; } .poll div.field div.indicator { left: -9999em; position: absolute; } .poll div.actions { float: right; padding-top: 8px; } .poll label, .poll div.field div.radios div.input label { clear: none; float: none; font-size: 1.1em; } .poll ul.results li, #pgpoll ul.results li, .polls ul.results li { color: #fb2fc2; font-size: 1.4em; list-style-type: none; margin-bottom: 8px; } .poll div.actions ul { float: right; } .poll div.actions ul li { float: left; list-style-type: none; } /******************************************************* * Calendar Widget *******************************************************/ #minimonthview { border-bottom: 1px solid #d0d0d0; border-top: 3px solid #00f883; padding: 8px 16px 0; } #minimonthview .controls .month, #minimonthview .controls .previous, #minimonthview .controls .next { float:left; } #minimonthview .controls .month { text-align: center; text-transform: uppercase; width: 79%; } #minimonthview .controls .previous { text-align: left; width: 10%; } #minimonthview .controls .next { float:right; text-align: right; width: 10%; } #minimonthcalendar { clear:both; font-family: verdana; font-size: 0.9em; margin: 0 auto; width: 100%; } #minimonthcalendar abbr { border-bottom: none; } #minimonthcalendar td { border-top:1px solid #e1e1e1; padding: 5px 0; text-align:center; } #minimonthcalendar th { padding: 6px 0 5px; text-align:center; } #minimonthcalendar th.firstday, #minimonthcalendar td.firstday { padding-left: 9px; } #minimonthcalendar td.firstday { background: url(../img/global/icon_arrow02_right.gif) no-repeat 0 50%; } #minimonthcalendar th.lastday, #minimonthcalendar td.lastday { padding-right: 9px; } #minimonthcalendar td.today { /* background:#666;*/ } #minimonthcalendar td.today a { /* color: #fff; */ } #minimonthcalendar td.nextmonth { /* background:#dcdcdc; */ } /******************************************************* * Generic Form Overlay *******************************************************/ div#overlay { background-color: #fff; position: fixed; display: none; left: 0; top:0; width:100%; height: 100%; z-index: 50; } div#dialogue { position: absolute; left: -99999em; top: 0; z-index: 99; } .formoverlay { padding: 6px 20px 20px 17px; } .formoverlay .header { background:#fff; border-bottom: 1px solid #999; padding: 0 0 6px 0; } .formoverlay .header h2 { float: left; font-size: 1.2em; font-weight: bold; margin-bottom: 0; text-transform: uppercase; } .formoverlay .header a.closeDialogue { float: right; margin-top: 2px; } .formoverlay .content { background:#fff; padding: 10px 0 0; } /******************************************************* * Size guide overlay *******************************************************/ div.sizeGuideOverlay { background: transparent url(../img/productinfopanel/bg_container_tabbed_overlay_top.gif) 0 0 no-repeat; padding-top: 3px; } div.sizeGuideOverlayInner { width: 652px; background: transparent url(../img/productinfopanel/bg_container_tabbed_overlay_bottom.gif) bottom no-repeat; padding: 19px 24px 24px 24px; } div.sizeGuideOverlay div.navigation { border-bottom: 1px solid #D0D0D0; margin-bottom: 13px; padding-bottom: 9px; } div.sizeGuideOverlay div.navigation h3 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 3px; text-transform: uppercase; } div.sizeGuideOverlay div.navigation a.closeDialogue { float: right; } div.sizeGuideOverlay div.panel { padding: 4px 16px 4px 0; overflow-y: scroll; height: 287px; font-size: 1.1em; position: relative; } div.sizeGuideOverlay div.panel img { display: block; margin-top: -42px; position: relative; } /******************************************************* * Product information panel *******************************************************/ div.productInformation { margin-bottom: 17px; margin-top: -15px; } div.productInformation div.info { border-bottom: 1px solid #D0D0D0; } div.productInformation div.section01 { margin-bottom: 8px; } div.productInformation div.section01a { width: 272px; margin-right: 16px; float: left; } div.productInformation div.section01a h1 { text-transform: none; } div.productInformation div.section01b { width: 50px; float: right; } div.productInformation h2.brand { text-transform: uppercase; font-size: 1.4em; font-weight: bold; margin-bottom: 2px; } div.productInformation h1 { margin-bottom: 8px; font-weight: normal; font-size: 1.4em; } div.productInformation div.prices { clear: both; } div.productInformation div.prices ul { list-style: none; overflow: hidden; margin-bottom: 2px; } div.productInformation div.prices ul li { font-size: 1.1em; line-height: 1.45; } div.productInformation div.prices ul li.offer, div.productInformation div.prices ul li.price, div.productInformation div.prices ul li.wasPrice { float: left; } div.productInformation div.prices ul li.price { font-weight: bold; margin-right: 16px; } div.productInformation div.prices ul li.wasPrice { margin-right: 8px; text-decoration: line-through; } div.productInformation div.prices ul li.offer { width: 194px; } div.productInformation div.prices span.promotion { color: #F00; } div.productInformation p.moreDetails { margin: 0; line-height: 1; } div.productInformation p.description { padding-bottom: 15px; border-bottom: 1px solid #d9d9d9; margin-bottom: 19px; } div.productInformation p.description a { text-decoration: underline; color: #000; } div.productInformation p.description a:hover { text-decoration: none; } div.productInformation div.description p.moreDetails { margin: 0px; } div.productInformation div.description ul { margin-left: 30px; } div.productInformation div.previewImage img, div.productInformation div.quickLookImage img { display: block; } #dialogue div.productInformation div.moreLikeThisEnhanced, div.productInformation ul.moreProductInfo div.moreLikeThisEnhanced { display: block; position: relative; z-index: 2; } div.productInformation div.moreLikeThisEnhanced div.links { position: absolute; width: 243px; top: 6px; left: -192px; z-index: 6; background:transparent url(../img/global/bg_container02_top.gif) no-repeat top left; padding-top: 7px; text-align: left; } div.productInformation div.moreLikeThisEnhanced div.linksInner { padding: 19px 24px 14px 24px; background:transparent url(../img/global/bg_container02_bot.gif) no-repeat bottom left; } div.productInformation div.moreLikeThis div.links h2 { text-transform: uppercase; font-size: 1.2em; margin-bottom: 12px; font-weight: bold; } div.productInformation div.moreLikeThis div.links ul { list-style: none; margin: 0px; } div.productInformation div.moreLikeThis div.links ul li { display: block; margin: 0px; float: none; margin-bottom: 8px; font-size: 1.1em; } div.productInformation ul.moreProductInfo { float: right; } div.productInformation ul.moreProductInfo li.share, div.productInformation ul.moreProductInfo li.more, div.productInformation ul.moreProductInfo li.rssSubscribe { list-style-type: none; margin-bottom: 8px; width: 50px; } div.productInformation div.moreLikeThis { display: none; } div.productInformation ul.moreProductInfo li.share a { padding-left: 18px; padding-top: 7px; background: #FFF url(../img/global/icon_paper_plane.gif) 0 0 no-repeat; display: block; color: #000; } div.productInformation ul.moreProductInfo li.more a.activator { background: #FFF url(../img/icon_more_like_this2.gif) 0 3px no-repeat; text-align: right; display: block; color: #000; } div.productInformation div.field { clear: left; } div.productInformation div.attribute { margin-bottom: 0; } div.productInformation div.sizeField { display: inline; float: left; margin-right: 8px; } div.productInformation div.sizeField div.input { display: inline; } div.productInformation p.sizeGuide { float: left; } div.productInformation div.attribute select { margin-bottom: 16px; } div.productInformation div.colorSwatch { margin-bottom: 8px; } div.productInformation div.field div.indicator { float: left; width: 85px; } div.productInformation div.field div.radios { float: left; width: 220px; } div.productInformation div.field input.text { border: 1px solid #D0D0D0; padding: 2px; width: 30px; } div.productInformation div.quantity { margin-bottom: 13px; margin-top:-1px; } div.productInformation div.quantity div.input { float: left; } div.productInformation div.quantity input.text { float: left; margin-right: 4px; } div.productInformation div.quantity a.increment { float: left; margin-right: 4px; margin-top: 3px; } div.productInformation div.quantity a.decrement { margin-top: 3px; float: left; } /* section 02 - stock availability, home delivery */ div.productInformation div.stockAvailabilityAndDeliveryMethods { overflow: hidden; width: 100%; padding-bottom: 11px; } div.productInformation div.stockAvailabilityAndDeliveryMethods p { float: left; display: inline; margin-right: 8px; margin-bottom: 0px; } div.productInformation div.stockAvailabilityAndDeliveryMethods p.nonDelivery { margin-top: 3px; } div.productInformation div.section02 div.section02a { float: left; width: 150px; } div.productInformation div.section02a p.stockAvailability { font-size: 1.1em; margin: 0px; } div.productInformation div.section02 div.section02b { float: left; width: 188px; } div.productInformation div.section02b p.slash { float: left; margin: 0px; margin-right: 5px; } div.productInformation div.section02b p.homeDelivery { margin: 0px; float: left; margin-right: 5px; } div.productInformation div.section02b p.inStoreCollect, div.productInformation div.section02b p.storeCollection { margin: 0px; float: left; } div.productInformation div.actions { padding-bottom: 8px; } div.productInformation div.actions input { float: left; margin-right: 8px; } div.productInformation div.extraProductDetails, div.bundleDetails div.extraProductDetails { margin-bottom: 10px; position: absolute; left: -9999em; } div.productInformation div.extraProductDetails div.productTabbedOverlay, div.bundleDetails div.extraProductDetails div.productTabbedOverlay { width: auto; } /* price history */ div.productInformation div.priceHistory { margin-bottom: 8px; } div.productInformation div.priceHistoryEnhanced { position:relative; z-index: 1; } div.productInformation div.priceHistory a.activator { font-size: 1.1em; } div.productInformation div.priceHistoryEnhanced div.details { position:absolute; width: 187px; z-index: 10; left: 0px; top: 14px; background:transparent url(../img/productinfopanel/bg_container_price_history_top.gif) no-repeat top left; padding-top: 7px; } div.productInformation div.priceHistoryEnhanced div.detailsInner { padding: 7px 12px 12px 12px; background:transparent url(../img/productinfopanel/bg_container_price_history_bot.gif) no-repeat bottom left; } div.productInformation div.priceHistoryEnhanced div.details ul { margin: 0px; list-style: none; } div.productInformation div.priceHistoryEnhanced div.details ul li { font-size: 1.1em; } /******************************************************* * Product colour attribute *******************************************************/ div.productInformation div.colourAttributeEnhanced div.radios input.viewImage { display: none; } div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input { float: left; margin-right: 4px; } div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label { display: block; border: 1px solid #fff; padding: 0px; position: relative; cursor: pointer; } div.gallery div.colours div.swatchOverlay, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label div.swatchOverlay { position: absolute; background: url(../img/global/swatch_off.gif); height: 14px; width: 18px; top: 0px; left: 0px; } div.gallery div.colours div.hover a.quickLookButton, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label.hover a.quickLookButton { background-image: url(../img/global/swatch_on.gif); top: 0; } div.gallery div.colours div.swatchTooltip, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label div.swatchTooltip { position: absolute; top: -14px; left: 0px; white-space: nowrap; display: none; color: #8a8a8a; float: left; } div.gallery div.colours div.hover div.swatchTooltip, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label.hover div.swatchTooltip, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label.selected div.swatchTooltip { display: block; } div.gallery div.colours div.swatchTooltip, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label div.swatchTooltip { background: url(../img/global/bg_swatch_tooltip_right.gif) top right no-repeat; } div.gallery div.colours div.swatchTooltip div.inner, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label div.swatchTooltip div.inner { background: url(../img/global/bg_swatch_tooltip_left.gif) top left no-repeat; height: 16px; padding-top: 1px; padding-left: 4px; padding-right: 5px; font-family: verdana; font-size: 0.9em; float: left; } div.gallery div.colours div.hover div.swatchOverlay { display: none; } div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label.hover div.swatchOverlay, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label.selected div.swatchOverlay { background-image: url(../img/global/swatch_on.gif); } div.gallery div.colours div.quicklook img, div.productInformation div.colourAttributeEnhanced div.radios fieldset div.input label img { display: block; } div.productInformation div.colourAttributeEnhanced div.radios p.indicator { font-style: italic; margin-bottom: 0px; } /******************************************************* * Product zoomOverlay *******************************************************/ div#productZoomOverlay, div#productSpinOverlay { position: absolute; left: -9999em; top: -4.1em; width: 960px; background-color: #FFF; z-index: 2; } div#productZoom .show, div#productSpin .show { left: 0; } div#productZoomOverlay div.closeOverlay, div#productSpinOverlay div.closeOverlay { overflow: hidden; position: absolute; width: 100%; visibility: hidden; } div#productZoom .show div.closeOverlay, div#productSpin .show div.closeOverlay { visibility: visible; } div#productZoomOverlay div.closeOverlay a, div#productSpinOverlay div.closeOverlay a { float: right; margin: 16px 16px 0 0; -moz-user-select: none; } /******************************************************* * Quick look panel - general *******************************************************/ div.quicklook { position: relative; } /******************************************************* * Quick look panel - button *******************************************************/ div.quicklook a.quickLookButton, div.viewresults a.quickLookButton { bottom:10px; font-size:1.1em; width: 6em; height: 1.6em; padding:1em; position:absolute; top: 50%; left: 50%; margin-left: -5.0em !important; margin-top: -1.9em !important; text-align: center; } .browse #browseGallery div.quicklook a.quickLookButton, .polls #browseGallery div.viewresults a.quickLookButton { top: 75%; } .browse #browseGallery div.colours div.quicklook a.quickLookButton { top: 0; } div.quicklook div.loading, div.viewresults div.loading { position:absolute; top: 0%; left: 0%; background-color: #ffffff; text-align: center; display: block; } div.quicklook div.loading img, div.viewresults div.loading img { display: block; } div.showcaseItem div.quicklook a.quickLookButton { left: 51%; } /******************************************************* * Quick look panel - overlay *******************************************************/ div#quickLookOverlay { position:relative; } div#quickLookOverlay a.close { position: absolute; top: 25px; right: 28px; } /******************************************************* * Quick look panel - Product information panel *******************************************************/ div#quickLookOverlay div.productInformation { width: 275px; background-color: #ffffff; background: url(../img/productinfopanel/bg_container01_top.gif) no-repeat scroll 50% 0%; padding-top: 6px; } div#quickLookOverlay div.productInformation div.productInformationInner { background: url(../img/productinfopanel/bg_container01_bot.gif) no-repeat scroll 50% 100%; } div#quickLookOverlay div.productInformation div.productInformationInner div.info { padding: 19px 20px 17px 17px; border-bottom: none; } div#quickLookOverlay div.productInformation div.productInformationInner div.info p.sneekTitle { text-transform: uppercase; font-size: 1.2em; font-weight: bold; margin-bottom: 10px; width: 200px; } div#quickLookOverlay div.productInformation h1, div#quickLookOverlay div.productInformation div.productInformationInner div.info h2.brand { font-size: 1.1em; text-transform: none; font-weight: normal; line-height: 1.45; } div#quickLookOverlay div.productInformation div.stockAvailabilityAndDeliveryMethods { padding-bottom:15px; } div#quickLookOverlay div.productInformation div.productInformationInner div.info div.field div.radios { width: 143px; padding-top: 4px; } div#quickLookOverlay div.productInformation div.actions { padding-bottom: 16px; border-bottom: 1px solid #D0D0D0; margin-bottom: 14px; } div#quickLookOverlay div.productInformation div.actions input.addToFittingRoom { margin-right: 0; } div#quickLookOverlay div.productInformation div.moreLikeThis div.links { left: 54px; top: 10px; background:transparent url(../img/global/bg_container03_top.gif) no-repeat left top; } div#quickLookOverlay div.productInformation .info .moreDetails { border-bottom: 1px solid #D0D0D0; padding: 8px 0 16px 0; margin-bottom: 12px; clear: left; } div#quickLookOverlay div.productInformation .info .moreDetails a { text-decoration: underline; } div#quickLookOverlay div.productInformation div.prices ul li.offer { width: 150px; } div#quickLookOverlay div.productInformation div.moreLikeThis a.activator { background: #FFF url(../img/icon_more_like_this2.gif) right 0 no-repeat; text-transform: uppercase; color: #000; width: 104px; display: block; float: left; } div#quickLookOverlay div.productInformation div.moreLikeThis a.activator span { float: left; } /******************************************************* * Quick look panel - large image *******************************************************/ div#quickLookOverlay { width: 590px; } div#quickLookOverlay div.productInformationLargeImage { padding-top: 6px; background: url(../img/productinfopanel/bg_container02_top.gif) no-repeat scroll 50% 0%; width: 590px; } div#quickLookOverlay div.productInformationLargeImage div.productInformationInner { background: url(../img/productinfopanel/bg_container02_bot.gif) no-repeat scroll 50% 100%; } div#quickLookOverlay div.productInformationLargeImage div.quickLookImage { float: left; width: 300px; padding: 45px 0 28px 16px; } div#quickLookOverlay div.productInformationLargeImage div.info { float: left; width: 236px; } /******************************************************* * Out of stock *******************************************************/ div.outOfStock div.soldOut { margin-top: -11px; position: absolute; text-align: center; top: 50%; left: 0; width: 100%; } /******************************************************* * Product *******************************************************/ div.product div.colours { margin: 4px 0 2px 0; min-height: 14px; } div.product div.colours ul { float: left; list-style: none; position: static; left: auto; overflow: visible; } div.product div.colours ul li { float: left; margin-right: 1px; position: relative; display: inline; } div.product div.colours div.quicklook { width: 18px; } div.product div.colours div.quicklook a.quickLookButton { width: 18px; height: 14px; margin: 0 !important; padding: 0; bottom: 0; top: 0; left: 0; } div.product div.colours p.more { float: right; text-align: right; font-size: 0.95em; margin-bottom: 0; } /******************************************************* * Product Of The Day widget *******************************************************/ .productOfTheDayWidget ul.productDetails { font-size: 1.1em; line-height: 1.45; } .productOfTheDayWidget span.promotion { color: #F00; } .productOfTheDayWidget ul.productDetails .brand { font-weight: bold; text-transform: uppercase; } .productOfTheDayWidget ul.productDetails .priceWas, .productOfTheDayWidget ul.productDetails .priceNow { display: inline; } .productOfTheDayWidget ul.productDetails .priceWas span { text-decoration: line-through; } /******************************************************* * Treasure Rail widget and Product Of The Day shared *******************************************************/ .productOfTheDayWidget, .treasureRailWidget { border: 1px solid #D0D0D0; margin-bottom: 24px; } .productOfTheDayWidget h4, .treasureRailWidget h4 { padding: 6px 0; font-size: 1.1em; border-bottom: 1px solid #D0D0D0; text-indent: 16px; margin: 0; line-height: 1; } .productOfTheDayWidget h4.noProductOfTheDay { border: none; margin-left: 16px; text-indent: 0; width: 150px; } .productOfTheDayWidget div, .treasureRailWidget div { padding: 16px; } .productOfTheDayWidget div.eMarketingSpot, .treasureRailWidget div.eMarketingSpot { padding: 0; overflow: hidden; width: 170px; } .productOfTheDayWidget div.image, #treasureRailWidgetLoggedOut div.image { margin: 16px; text-align: center; overflow: hidden; padding: 0; } .productOfTheDayWidget, #treasureRailWidgetLoggedIn { position: relative; } .productOfTheDayWidget p.viewAll, #treasureRailWidgetLoggedIn p.viewAll { position: absolute; right: 16px; top: 4px; margin: 0; } .productOfTheDayWidget ul li, #treasureRailWidgetLoggedIn ul li { list-style: none; } /******************************************************* * Treasure Rail widget logged in *******************************************************/ #treasureRailWidgetLoggedIn div.carousel div { padding: 0; } #treasureRailWidgetLoggedIn div.clip, #treasureRailWidgetLoggedIn div.carousel div.product { width: 202px; } #treasureRailWidgetLoggedIn div.carousel div.image { text-align: center; } #treasureRailWidgetLoggedIn div.carousel div.product h2, #treasureRailWidgetLoggedIn div.carousel div.product h3, #treasureRailWidgetLoggedIn div.carousel div.colours, #treasureRailWidgetLoggedIn div.carousel div.product p { margin: 0 16px; } #treasureRailWidgetLoggedIn a.back, #treasureRailWidgetLoggedIn a.forward { display: block; overflow: hidden; width: 16px; height: 14px; position: absolute; bottom: 150px; } #treasureRailWidgetLoggedIn .carousel a span { position: absolute; left: -9999em; } #treasureRailWidgetLoggedIn a.back { background: transparent url(../img/global/icon_arrow01_left_transparent.gif) 0 0 no-repeat; left: 16px; } #treasureRailWidgetLoggedIn a.backDisabled { background-image: url(../img/global/icon_arrow01_left_transparent_disabled.gif); } #treasureRailWidgetLoggedIn a.forward { background: transparent url(../img/global/icon_arrow01_right_transparent.gif) 10px 0 no-repeat; right: 16px; } #treasureRailWidgetLoggedIn a.forwardDisabled { background-image: url(../img/global/icon_arrow01_right_transparent_disabled.gif); } /******************************************************* * Treasure Rail widget logged out *******************************************************/ #treasureRailWidgetLoggedOut p.sizeAction { text-align: center; margin: 16px 0 12px 0; } #treasureRailWidgetLoggedOut h5 { margin: 0; font-size: 1.1em; line-height: 1; text-align: center; } #treasureRailWidgetLoggedOut .loading { display: inline; padding: 0; } /******************************************************* * Treasure Rail choose size *******************************************************/ .femalesizes .male, .malesizes .female { display: none; } #treasureRailChooseSize div.indicator { width: 101px; text-align: right; } #treasureRailChooseSize div.radios div.input { float: left; margin: 0 16px 0 0; padding-top: 4px; } #treasureRailChooseSize div.radios div.input input { float: left; } #treasureRailChooseSize div.radios label { padding: 1px 0 0 6px; vertical-align: top; font-family: verdana, arial, sans-serif; font-size: 0.9em; } #treasureRailChooseSize div.actions li { margin-bottom: 8px; list-style-type: none; } #treasureRailChooseSize div.actions li.first { margin-bottom: 16px; } #treasureRailChooseSize fieldset#sizeSelector { margin-bottom: 8px; } #dialogue #treasureRailOverlay { background: transparent url(../img/myaccount/bg_add_event_overlay_top.gif) top no-repeat; padding-top: 6px; } #dialogue #treasureRailOverlay .formoverlay { background: transparent url(../img/myaccount/bg_add_event_overlay_bottom.gif) bottom no-repeat; width: 280px; } #dialogue #treasureRailOverlay .content { padding: 0; } #dialogue #treasureRailOverlay .closeDialogue { position: absolute; top: 13px; right: 20px; } #dialogue #treasureRailOverlay h4 { border-bottom: 1px solid #D0D0D0; font-size: 1.2em; font-weight: bold; padding-bottom: 8px; text-transform: uppercase; } #dialogue #treasureRailOverlay .sizeGuide img { position: relative; top: 4px; } #dialogue #treasureRailOverlay select#WC__JacketSizeEntryForm_FormInput_jacketSize { width: 45px; } #dialogue #treasureRailOverlay select#WC__JacketLengthEntryForm_FormInput_jacketLength { width: 44px; } /******************************************************* * CMS specific styles *******************************************************/ .cmsHotspots li a { display: block; position: absolute; text-indent: -9999em; } .cmsStaticTwoCols h2 { font-size: 1.4em; text-transform: uppercase; } .cmsStaticLeftCol { float: left; margin-right: 38px; width: 295px; } .cmsStaticRightCol { float: left; width: 295px; } .cmsStaticTwoCols h3 { text-transform: uppercase; font-size: 1.1em; } .cmsStaticTwoCols img { margin: 0 0 16px; } .cmsStaticFullWidthCol { clear: both; } #cmsFAQ div ul { margin-bottom: 16px; } #cmsFAQ div ul li { font-size: 1.1em; line-height: 1.45; } #cmsFAQ div ul li ul li { font-size: 1em; line-height: 1; } #cmsFAQ div { margin-bottom: 16px; } #cmsFAQ h2 { font-size: 1.4em; text-transform: uppercase; } #cmsFAQ h3 { text-transform: uppercase; font-size: 1.1em; margin-bottom: 0; } .cmsReadMorePanelStyle { background: transparent url(../img/global/bg_white_70pc.png); padding: 8px; } .cmsReadMorePanelStyle h3 { margin-bottom: 8px; } #dispatchregions { width: 630px; border: solid 1px #D0D0D0; margin: 14px 0 18px 0; } #dispatchregions thead th, #dispatchregions tbody th, #dispatchregions tbody td { border: solid 1px #D0D0D0; padding: 10px 20px; } #dispatchregions thead th { background: #444; color: #FFF; text-transform: uppercase; font-size: 1.4em; } #dispatchregions tbody th { text-transform: uppercase; font-size: 1.2em; font-weight: normal; width: 272px; } #dispatchregions tbody td { font-size: 1.1em; line-height: 1.45; } ul.pinkbullets li { padding-left: 14px; font-size: 1.1em; margin: 0 0 16px; background: url('http://selfridgesretaillimited.scene7.com/is/image/SelfridgesRetailLimited/Bullet?%26Main?wid=7&hei=6') no-repeat 0 4px; } a.surroundingText { text-decoration: underline !important; } /******************************************************* * Nickname display overlay/CV2 *******************************************************/ #pgdeliverynoaddress .nickName .indicator, body.myaccount .nickName .indicator, #addressForm div.formoverlay .nickName .indicator, #pgpayment .cv2 .indicator { padding-top: 0; position: relative; } #pgdeliverynoaddress .nickName .indicator label, body.myaccount .nickName .indicator label, #addressForm div.formoverlay .nickName .indicator label, #pgpayment .cv2 .indicator label { position: relative; top: -4px; } #pgdeliverynoaddress .field span#nickNameInfo, body.myaccount .field span#nickNameInfo, #addressForm div.formoverlay span#nickNameInfo, #pgpayment .field span#storedCv2Info, #pgpayment .field span#newCv2Info { background: transparent url(../img/myaccountnavigation/bg_my_account_top.gif) no-repeat scroll 0 0; padding-top: 7px; position: absolute; text-align: left; top: 16px; left: 7px; width: 150px; z-index: 10; } #addressForm div.formoverlay span#nickNameInfo { left: 51px; } #pgdeliverynoaddress .field span#nickNameInfoInner, body.myaccount .field span#nickNameInfoInner, #addressForm div.formoverlay span#nickNameInfoInner, #pgpayment .field span#storedCv2InfoInner, #pgpayment .field span#newCv2InfoInner{ background: transparent url(../img/myaccountnavigation/bg_my_account_bot.gif) no-repeat scroll 0 100%; display: block; padding: 9px 16px 16px 16px; } #pgpayment .field span#storedCv2InfoInner, #pgpayment .field span#newCv2InfoInner { font-size: 0.91em; padding: 1px 8px 8px; } /******************************************************* * BlackBerry/smartphone-specific stylesheet *******************************************************/ #handheld { display: none; } body.blackberry #handheld { display: block; } body.blackberry div#primaryNavigation ul li.firstLevel span { background: none !important; } body.blackberry div#footer { position: static !important; } body.blackberry div#moreFrom, body.blackberry div#showcase { display: block; } body.blackberry div#moreFrom table { font-size: 10px; } body.blackberry div#secondaryNavigation div.options, body.blackberry #facetNavigation div.options { display: block !important; } body#pgProductDetail.blackberry div.productInformation ul.moreProductInfo li.more { width: 120px; } body#pgProductDetail.blackberry div.productInformation ul.moreProductInfo div.moreLikeThis { display: block; } body#pgProductDetail.blackberry div.closeOverlay { display: none; } body#pgProductDetail.blackberry div.extraProductDetails { width: auto; } body#pgProductDetail.blackberry div.productTabbedOverlay { background: none; padding: 0; width: 343px; } body#pgProductDetail.blackberry div.productTabbedOverlayInner { background: none; padding: 0; width: auto; } body#pgProductDetail.blackberry div.productTabbedOverlay div.panel { height: auto; overflow: show; overflow-y: auto; } body#pgProductDetail.blackberry div.productTabbedOverlay #shareLoggedIn div.column01 { margin-bottom: 16px; width: auto; } body#pgProductDetail.blackberry div.productTabbedOverlay #shareLoggedIn div.column02 { width: 294px; } body#pgProductDetail.blackberry div.productTabbedOverlay #shareLoggedIn div.column02 textarea { width: auto; } body.blackberry .deliveryAddress fieldset.storeDelivery, body.blackberry .deliveryAddress input.update, body.blackberry .deliveryChoice input.update, body.blackberry .deliveryChoice .estimatedCollection { display: block; } /******************************************************* * Forum *******************************************************/ #pgforum iframe { width: 100%; }