/* * MAIN PAGE ELEMENTS * *********************************************************/ html, body { margin: 0; padding: 0; color: #838383; font-family: verdana,sans-serif; font-size: 0.82em; background: #fff; font-size: 83%; } img { display: block; } a img { border:none; } p { margin: 0; padding: 0; padding-top: 5px; } ul { margin: 0; padding: 0; list-style: none; } ul.horizontal li { display: inline; } h1 { font-size: 2.8em; font-weight: normal; display: block; margin-bottom: 15px; } div.checkout-page h1 { font-family:arial; font-size:1.5em !important; font-weight:bold; color:#000!important; } .orderreview-page { margin-top:-15px !important; } h2 { font-size: 2em; font-weight: normal; display: block; margin-bottom: 27px; } h2#panel-header { margin-bottom: 0; } h3 { font-size: 1.5em; margin: 0; padding: 0; } h4, span.h4, span.anchor { font-size: 1.2em; margin: 0; padding: 0; } form, fieldset { margin:0; padding:0; border:none } select { margin:0; padding:0 } /*** * Improved hiddenText class - screen reader friendly ****************************************************/ .hiddenText { position:absolute; left:-99999px; overflow:hidden; height:0px !important; width:0px !important; } .left { float: left } .right { float: right } .center { margin: 0 auto; } .padding_top{ padding-top:10px;} .dotted { width: 100%; height: 1px; overflow: hidden; background: url('/images/main/dotted.gif') repeat-x top left; position: relative; z-index:300; } .line-break { width: 100%; height: 10px; overflow: hidden; position: relative; z-index:300; } .clear, div.new-row, div.store-list div.clear { clear: both; padding: 0; width: 1px; overflow: hidden; float: none; } .clear { height: 0; } div.new-row { height: 1px; line-height: 1px; display: block; } /****************************************/ /*MAIN TEMPLATE CONTENT CONTAINERS*******/ /****************************************/ div#header { border-left:1px solid #afafaf; border-right:1px solid #afafaf; border-top:1px solid #afafaf; width:918px !important; margin:0 0 0 0px!important; overflow:hidden; padding:7px 23px 8px 9px; position:relative; background:#000000; } .customerservice-page div#header{margin:0 0 0 0px!important} div#header[id] { /*background:url("/images/main/bg-header.png") repeat-y top left;*/ background:#000000; } div#header img { float: left; margin-top:17px; } div.home-page #header-container { position:absolute; left:256px; top:-8px } div.home-page #header-container h1 { margin: 0 0 25px 0; } div.jewellery-landing-page div#sub-container { position:relative; height: 380px; } div.watches-landing-page div#sub-container { position:relative; height: 480px; } div.gifts-landing-page div#sub-container { position: relative; height: 460px; } div.home-page #body-inner { position:relative; /*height:660px;*/ height:860px; } /*********************************/ /*LEFT NAVIGATION CONTAINER*******/ /*********************************/ #containerLeftNav{float:left;width:239px!important; /*height:660px!important;*/} #containerLeftNav.generic{border-right:none !important;} #pageTitle{margin-bottom:-5px; height:52px; width:239px;/*border-bottom:#afafaf 1px solid !important;*/} /*.list-page #pageTitle{border-bottom:#afafaf 1px solid !important;}*/ .list-page #pageTitle{padding-bottom:5px;} /* #pageTitle h1,#pageTitle h2 {color:#000; font-size:1.6em; margin:5px 0 0 0;letter-spacing:8px; font-family:Arial, Arial, Helvetica,sans-serif; padding:10px 0 10px 10px;text-transform:uppercase;} */ #pageTitle h1, #pageTitle h2 { color: #6f6f6f; font-family: Palatino Linotype, Book Antiqua3, Palatino,serif; font-size: 2.5em; letter-spacing: 0; margin: 5px 0 0; padding: 5px 0 10px 8px; text-transform: uppercase; } /*GIFT FINDER*/ #giftFinder {padding:0.4em 0.5em /*6.2em*/ 0em 0.7em; margin:0; width:225px; height:145px;} #giftFinder h2 {font-family:Arial, Helvetica, sans-serif!important;font-weight:bold; font-size:1.2em; color:#666666;line-height:20px;margin:0;padding:0 0 2px 2px !important; letter-spacing:1px;text-transform:uppercase;} #giftFinder h3 {font-family:Arial, Helvetica, sans-serif!important;font-weight:normal; font-size:1.1em; color:#666666;margin:0!important;padding:0px 0 10px 2px!important; letter-spacing:3px;} /*** * DOJO 1.3.2 override - Abu Koroma **********************/ .home-page .tundra .dijitButtonNode {border-width:0; padding:0;} .home-page .tundra .dijitComboBox .dijitButtonNode {padding:2px 0.2em;} .home-page .tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {background-image:url(/images/left-nav/arrow-down.png);} .home-page .tundra .dijitArrowButtonInner {width:8px;} .home-page .tundra .dijitComboBox .dijitInputField {padding:0px} /* Input ComboBoxes for the left hand Gift Finder Panel and the product details sort by Combo Box */ input#Occasion, input#Price, input#Recipient, input#Category, input#sortBySelectOptions-widget { color:#afafaf; width:190px; height:15px; font-size:0.80em; margin:0; padding:4px 0 0 2px; border:0 } .dijitComboBoxFocused, .dijitSpinnerFocused, .dijitTextBoxFocused { border-color: #000000 !important; } /* div#powerSearchBox .dijitDownArrowButtonInner, div#sortByBox .dijitDownArrowButtonInner { background:transparent url(/images/left-nav/arrow-down.png) no-repeat scroll center; } */ div#powerSearchBox .dijitComboBox { width:217px; } .dijitPopup div { text-align: left; } #goText{position:absolute;font-weight:bold; font-size:0.9em!important; color:#000;width:15px;height:16px; padding:10px 2px 0 181px;} button#goSearch{float:left;width:16px;height:16px; margin:7px 0 0 200px;background:url(/images/left-nav/gifts-go-arrow.gif) top right no-repeat; border:none; position: absolute;} a.nav_button {position:absolute; width:239px; height:21px;} a.nav_button_big{position:absolute; width:239px; height:41px;} a.nav_button_big_alt {position:absolute; width:239px; height:30px;} a.navSaleButton{position:absolute; width:239px; height:41px;} a.navSaleButton-small {position:absolute; width:239px;height:21px;} a.navSale-diamonds {position:absolute; width:239px; height:43px;} /*buttons*/ #navExclusiveWatches, #navLeoDiamonds, #navLeoDiamondsGuide, #navWin2000, #navWinNautica, #navCollection, #navDiaCollection, #navJewCollection, #navWatCollection, #navGiftsCollection, #navLastOrderDates, #navGiftPackaging, #navJewGiftPackaging, #navItemsForEngraving, #navBirthstoneGuide, #navGiftCards, #navFathersDayDates, #navGiftWrap, #navGiftWrapping, #navGiftWrappingPersonalise, #navArmaniCompetition, #navEnterOurCompetition, #navDiamondBuyersGuide, #navNewDiamondBuyersGuide, #navWatchBuyersGuide, #navItemsForEngraving, #navJewelleryForEngraving, #navGiftsForEngraving, #navDesignJewellery, #navCompetition, #navCompetition-gc, #navCatalogue, #navFreeDelivery, #navFathersDayGifts, #navChamiliaCompetition, #navCharmsBeadsGuide, #navSailingCompetition, #navNewGifts, #navNewWatches, #navNewJewellery, #navNewDiamonds, #navLeoDiamondsCollection, #navChristmasGiftGuide, #navNew, #instoreCreditOptions, #navWinSpartan, #navFreeReturns, #navCompetition-aw, #navTolkowsky, #navPreOwnedWatches, #navPersonalised, #promo-button-home, #promo-button-diamonds, #promo-button-watches, #promo-button-jewellery, #promo-button-gifts, #sale-button {width:239px!important; height:21px;} #navSailingCompetition {background:url('/images/left-nav/win-sailing-trip.gif') no-repeat; margin-top:1px;} #navCatalogue {background:url('/images/left-nav/valentines-catalogue.gif') no-repeat; padding-bottom:1px;} #navExclusiveWatches {background:url('/images/left-nav/exclusive-watches.gif') no-repeat; padding-bottom:1px;} #navLeoDiamonds {background:url('/images/left-nav/leobutton.jpg') no-repeat; padding-bottom:1px;} #navLeoDiamondsGuide {background:url('/images/left-nav/leo-button-guide.gif') no-repeat; padding-bottom:1px;} #navWin2000 {background:url('/images/left-nav/win2000.jpg') no-repeat; padding-bottom:1px;} /* Added to respective seasonal CSS #navLastOrderDates {} */ #navCollection{background:url(/images/left-nav/mothersday-collection.gif) no-repeat; padding-bottom:1px;} #navDiaCollection{background:url(/images/left-nav/mothersday-dia-collection.gif) no-repeat; padding-bottom:1px;} #navJewCollection{background:url(/images/left-nav/mothersday-jew-collection.gif) no-repeat; padding-bottom:1px;} #navGiftsCollection{background:url(/images/left-nav/mothersday-gift-collection.gif) no-repeat; padding-bottom:1px;} #navWatCollection{background:url(/images/left-nav/mothersday-wat-collection.gif) no-repeat; padding-bottom:1px;} #navCompetition {background:url(/images/left-nav/win-a-ny-trip.gif) no-repeat; margin-top:1px; height:30px !important;} #navCompetition-gc {background:url(/images/left-nav/win-a-gc-watch.gif) no-repeat; margin-top:1px; height:30px !important;} #navGiftPackaging{background:url('/images/left-nav/gift-packaging.gif') no-repeat;padding-bottom:1px;} #navJewGiftPackaging{background:url('/images/left-nav/gift-packaging.gif') no-repeat;padding-bottom:0px;} #navGiftCards{background:url('/images/left-nav/gift-cards.gif') no-repeat; margin-top:1px;} #navGiftWrapping{background:url('/images/left-nav/gift-wrapping.gif') no-repeat; padding-bottom:1px;} #navGiftWrappingPersonalise{background:url('/images/left-nav/gift-wrapping-personalise.gif') no-repeat;} #navGiftWrap{background:url('/images/left-nav/gift-wrap.gif') no-repeat;} #navArmaniCompetition{background:url('/images/left-nav/armani-competition.gif') no-repeat;} #navEnterOurCompetition{background:url('/images/left-nav/enter-our-competition.gif') no-repeat;padding-bottom:1px;} #navNewDiamondBuyersGuide {background:url('/images/left-nav/new-diamond-buyers-guide.gif') no-repeat; padding-bottom:1px;} #navDiamondBuyersGuide{background:url('/images/left-nav/diamond-buyers-guide.gif') no-repeat; padding-bottom:1px;} #navBirthstoneGuide{background:url('/images/left-nav/birthstone-guide.gif') no-repeat; margin-top:1px;} #navWatchBuyersGuide{background:url('/images/left-nav/watch-buyers-guide.gif') no-repeat; padding-bottom:1px;} #navItemsForEngraving{background:url('/images/left-nav/items-for-engraving.gif') no-repeat;} #navJewelleryForEngraving{background:url('/images/left-nav/jewellery-for-engraving.gif') no-repeat;padding-bottom:1px;} #navGiftsForEngraving{background:url('/images/left-nav/gifts-for-engraving.gif') no-repeat; padding-bottom:1px;} #navDesignJewellery{background:url('/images/left-nav/design-jewellery.gif') no-repeat;} #navItemsForEngraving{background:url('/images/left-nav/items-for-engraving.gif') no-repeat; padding-top:1px;} #navFathersDayDates{background:url('/images/left-nav/fathers-day-dates.gif') no-repeat; padding-bottom:1px;} #navFathersDayGifts{background:url('/images/left-nav/fathersday-button.gif') no-repeat; padding-bottom:1px;} #navFreeDelivery {background:url('/images/left-nav/free-delivery.gif') no-repeat; padding-bottom:1px;} #navChamiliaCompetition {background:url('/images/left-nav/chamilia-comp-button.gif') no-repeat; padding-bottom:1px;} #navCharmsBeadsGuide {background:url('/images/left-nav/charms-beads-guide.gif') no-repeat; margin-top:1px;} #navNewGifts {background:url('/images/left-nav/new-gifts.gif') no-repeat;} #navNewWatches {background:url('/images/left-nav/new-watches.gif') no-repeat; margin-top:1px;} #navNewJewellery {background:url('/images/left-nav/new-jewellery.gif') no-repeat;} #navNewDiamonds {background:url('/images/left-nav/new-diamonds.gif') no-repeat;} #navLeoDiamondsCollection {background:url('/images/left-nav/leo-diamond-collection.gif') no-repeat; margin-top:1px;} #navChristmasGiftGuide{background:url(/images/left-nav/christmas-gift-guide.gif) no-repeat;} #navNew {background:url('/images/left-nav/new.gif') no-repeat;} #instoreCreditOptions {background:url('/images/left-nav/in-store-credit-options.gif') no-repeat; margin-top:1px;} #navWinNautica {background:url('/images/left-nav/win-nautica-competition.gif'); margin-top:1px;} #navWinSpartan {background:url('/images/left-nav/win-spartan-competition.gif') no-repeat; margin-top:1px;} #navFreeReturns {background:url('/images/left-nav/free-returns.gif') no-repeat; margin-top:1px;} #navCompetition-aw {background:url('/images/left-nav/win-amanda-wakeley-comp.gif') no-repeat; margin-top:1px;} #navTolkowsky {background:url('/images/left-nav/tolkowsky-diamond-rings.gif') no-repeat; margin-top:1px;} #navPreOwnedWatches {background:url('/images/left-nav/pre-owned-watches.gif') no-repeat; margin-top:1px;} #navPersonalised {background:url('/images/left-nav/personalised-button.gif') no-repeat; margin-top:1px;} /*home lifstyle rotation slots*/ #navLifestyle-1{background:url('/images/left-nav/home-lifestyle1.jpg') no-repeat; width:239px; height:261px;/*height:335px;*/ border-top: solid 1px #afafaf;} #navLifestyle-2{background:url('/images/left-nav/home-lifestyle2.jpg') no-repeat; width:239px; height:261px; border-top: solid 1px #afafaf;} #navLifestyle-3{background:url('/images/left-nav/home-lifestyle3.jpg') no-repeat; width:239px; height:261px; border-top: solid 1px #afafaf;} #navLifestyle-4{background:url('/images/left-nav/home-lifestyle4.jpg') no-repeat; width:239px; height:261px; border-top: solid 1px #afafaf;} #navLifestyle-5{background:url('/images/left-nav/home-lifestyle5.jpg') no-repeat; width:239px; height:261px; border-top: solid 1px #afafaf;} /*MAIN CONTENT AREA*/ #main_content_container{margin:0; padding:0; width:710px!important; border-left:1px solid #afafaf; overflow: hidden;} div#productNavigation {width:239px;/*float:left;*/display:block;} div#productNavigation .navigationWrapper, div#productNavigation .navigationWrapper_first {border-top:1px #afafaf solid;overflow:hidden;width:239px;display:block;padding-bottom:5px;/*float:left;clear:both;*/} /* NEWS pages */ div.news-page div#main_content_container {border-right:1px solid #afafaf;} div#productNavigation .navigationWrapper_first {border:none !important;} .list-page div#productNavigation .navigationWrapper_first {/*border:none !important;*/ border-top:solid 1px #afafaf !important;} div#productNavigation .navigationWrapper h3, div#productNavigation .navigationWrapper_first h3 {font-weight:bold; width:220px; margin:0; padding:0.7em 0 0 1.0em; font-size:0.9em!important;} div#productNavigation .navigationWrapper ul, div#productNavigation .navigationWrapper_first ul{overflow:hidden;list-style: none;padding:0;margin: 0 0 5px 4px; width:239px;} div#productNavigation .navigationWrapper li, div#productNavigation .navigationWrapper_first li{float:left;font-size:0.8em; line-height:9px !important;font-weight:normal;width:100px;padding: 0.3em 0 0.3em 10px;} div#productNavigation .navigationWrapper li a, div#productNavigation .navigationWrapper_first li a{color:#797979;text-decoration:none !important;} div#productNavigation .navigationWrapper li a:hover, div#productNavigation .navigationWrapper_first li a:hover{color:#009386;text-decoration:none !important;} div#productNavigation .navigationWrapper li input[type=text], div#productNavigation .navigationWrapper_first li input[type=text] {width:37px !important;border:1px solid #afafaf !important;margin:0;} div#productNavigation .navigationWrapper li input[type=image], div#productNavigation .navigationWrapper_first li input[type=image] {width:16px !important;height:16px;} div#productNavigation .navigationWrapper li input[type=image], div#productNavigation .navigationWrapper_first li input[type=image] {width:16px !important;height:16px;} h3.endecaHeadings{font-family:verdana; width:240px;font-size:1em; overflow:hidden;margin:0; color:#666666;} h3.endecaHeadings span {padding:0; margin:0;width:239px;height:0px;display:block} div#productNavigation .navigationWrapper ul#price_rank li#price_range_filter{width:230px!important;} div#productNavigation .navigationWrapper input{vertical-align:middle !important; font-size:1.2em !important} /* User ratings */ .list-page div#productNavigation .navigationWrapper h3#rating {margin-bottom:0px;} .list-page div#productNavigation .navigationWrapper ul#rating_rank {margin-bottom:0; padding:0;} .list-page div#productNavigation .navigationWrapper ul#rating_rank li {float:none; width:auto;} .list-page div#productNavigation .navigationWrapper ul#rating_rank li a {display:block; padding:3px 0px 5px 110px;} .list-page div#productNavigation .navigationWrapper ul#rating_rank li a.Rating_1_star {background:url('/images/ratings-reviews/1-plus.gif') no-repeat;} .list-page div#productNavigation .navigationWrapper ul#rating_rank li a.Rating_2_stars {background:url('/images/ratings-reviews/2-plus.gif') no-repeat;} .list-page div#productNavigation .navigationWrapper ul#rating_rank li a.Rating_3_stars {background:url('/images/ratings-reviews/3-plus.gif') no-repeat;} .list-page div#productNavigation .navigationWrapper ul#rating_rank li a.Rating_4_stars {background:url('/images/ratings-reviews/4-plus.gif') no-repeat;} .list-page div#productNavigation .navigationWrapper ul#rating_rank li a.Rating_5_stars {background:url('/images/ratings-reviews/5-plus.gif') no-repeat;} /* * PRODUCT LIST * *********************************************************/ div.list-page div#content div#content-body {padding:0;width:948px;} div#product-list-full div.product-item a img, div#product-list div.product-item a img, div.product-list div.product-item a img {border: 1px solid #dadada;} div#product-list-full div.product-item a:hover img, div#product-list div.product-item a:hover img, div.product-list div.product-item a:hover img { border: 1px solid #999; } /* * RIGHT PANELS * *********************************************************/ div.right-panel div.borders { background: white; } div.right-panel div.bg-bottom { margin-top: -121px; width: 140px; height: 121px; background:url("/images/blank.gif") no-repeat top left; } /* /* FONT STYLES */ h1, h2, h4, span.anchor, .strong-colour, div.message-panel-middle, div.store-list span.flagship { /*color: #c26200;*/ color: #6d734d; } /* font colours */ div.right-panel p.alt-font { color: #442e3c; } /* * LINK COLOUR STYLES * * There are different groups for links * Each group has its own colour attribute set * for its normal and rollover state. The groups are as * follows: * * default links - standard links found in the main body * of each page * * panel links - links that are placed inside a panel * e.g endeca nav links * * subnav links - navigation links that are not part of the * main nav. examples include the header nav and the footer. * * icon links - links that are associated with icons. * *********************************************************/ div#productNavigation .navigationWrapper a.Price_On_sale {color:#ff0000} div.right-panel div.product-item a span.item-text, div.store-list div a strong {color:#9D0038;} div#productNavigation .navigationWrapper a.list-all {color:#000; font-weight:normal;} div#productNavigation .navigationWrapper a.list-all:hover,div#productNavigation .navigationWrapper a.Price_On_sale:hover {color:#009386 !important;} a, div.right-panel div.product-item a:hover span.item-text, div.store-list div a:hover strong {color: #9D0038;} /* panel links group */ div#collection-col a.panel span.middle, div.product-item a span.item-text, div.endeca ul li ul li a, div#more-panel-middle ul li a, div.store-list div a { color: #838383; } div.endeca ul li ul li a:hover {color: #009386;} div#collection-col a.panel:hover span.middle, div.product-item a:hover span.item-text, div#more-panel-middle ul li a:hover, div.store-list div a:hover { color: #970038; } /* subnav group*/ div#header ul li a{ color: #ffffff; font-family:Verdana, Regular; font-size:10px; } div#footernav ul li ul li a{ color: #afafaf; font-family:Verdana; font-size:10px;} div#header ul li a:hover, div#footernav ul li ul li a:hover { color: #009386; font-family:Verdana; } /* icon group */ div.icon-button a { color: #FFFFFF!important; font-size:0.9em;} /* Updated by Abu Koroma */ div#zoom-in-btn.icon-button a { color:#b0011f!important; font-weight:bold; cursor:pointer !important;} div.icon-button a:hover { color: #FFFFFF!important; } /* Updated by Abu Koroma */ div#zoom-in-btn.icon-button a:hover { color:#333!important; } div#print-btn a {color:#009386 !important;font-weight:bold;font-size:1.0em; padding-right:5px; } div#print-btn a:hover { cursor:pointer !important; color:#009386 !important; } /* * SHOPPING BASKET TABLE * *********************************************************/ /* shopping basket panel */ div#header div#basket-panel { padding:0; float: right; position: relative; left: 3px; width: 144px; overflow: hidden; color:#afafaf!important; padding-bottom:3px; padding-left:11px; padding-top:2px; } div#header div#basket-panel div#basket-middle div#basket-content { display:block; overflow:hidden; position:relative; width:130px; height:60px; padding-top:2px; line-height:19px; padding-bottom:5px !important; } div#header div#basket-panel div#basket-middle div#basket-content a { font-family:Verdana!important; font-size:0.9em; color:#afafaf !important; } /* start of message strip styles */ #message-strip {color: #f00;} #message-strip h2 {color: #f00;} #message-strip li { background-image: url(/images/ul-dash.gif); color: #f00; } /* End of message strip styles */ div.price-block span.price {color: #fff;} div.price-block span.wasprice {color: #fff;} a.blockwithlinks, a.blockwithlinks:hover {color:#838383;} div.blockwithlinks, div.blockwithlinks:hover {color:#442e3c;} a.blockwithlinks .islink {color:#9d0038;} a.blockwithlinks:hover .islink {color:#fc0101;} div#header div#basket-panel div#basket-top{ padding: 0; width: 144px; height: 3px; overflow: hidden; } div#header div#basket-panel div#basket-middle { width: 144px; height:62px !important; background:url("/images/panels/basket-panel-bg.gif") no-repeat left top; } div#header div#basket-panel div#basket-middle div#basket-content { display:block; overflow:hidden; padding-bottom:3px; padding-left:11px; position:relative; width:130px; height:50px; font-size:0.9em; } div#header div#basket-panel div#basket-content a { display: block; padding-top: 3px; font-size: 1.0em; } /* top navigation */ /*-----------------------*/ /*= Drop Down Navigation */ /*-----------------------*/ div#header div#top-nav { /*width: 550px;*/ width:530px; float: right; padding-top:10px; } div#header div#top-nav ul { float: right; text-align: right; list-style: none; padding: 0px 0; } div#header div#top-nav ul li { float:left; display: block; padding: 0 6px; border-right: 1px solid #b5b5b5; } div#header div#top-nav ul li a {color:#afafaf;} div#header div#top-nav ul li a:hover{color:#009386;} div#header div#top-nav ul li.end { border: none; } /*NAV BAR*/ div#navbar {position:relative; margin:0; width:950px; padding:0; border-top:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF; border-left:1px solid #afafaf; border-right:1px solid #afafaf; height:2.3em;overflow: visible; background:#1e1e1e;} div#navbar a {color: #ffffff;} div#navbar ul { display: block; font-size: 1.1em; font-weight: bold; list-style: none; } div#navbar ul li.toplevel { float: left; margin: 0px 34px 0 5px; } a.topNavAnchor { line-height:25px!important; padding:0 11px 0 4px; } div#navbar ul li.toplevel div.dropswrap { position: absolute; display: block; left: 0px; top:25px; height: auto; width: 950px; z-index:500; background-color: #ffffff; } div#navbar ul.sub-nav { display:none; height: 3.5em; font-size:0.9em!important; font-weight:normal; } div#navbar ul.sub-nav a { color: #000000; } div#navbar ul.sub-nav a:hover { color:#009386 !important; } div#navbar li.toplevel:hover div.dropswrap { border-bottom: 1px solid #afafaf; } div#navbar li.toplevel:hover ul.sub-nav { display:block; } div#navbar ul.sub-nav li { float: left; margin: 5px 15px 0 15px; } /* div#navbar ul li.end { background: none; } div#navbar ul li a { padding: 6px 0; display: block; color: #fff; } div#navbar ul li a:hover { } div#nav-mid-container { background-color: #b0011f; } div#navbar div#navbar-middle-left { background:#202021; width:600px; padding:0 15px; float:left; height:27px; } div#navbar div#navbar-middle-center { float:left; width:340px; height:27px; z-index:200; text-align:left; position:relative; background:#202021; border-top: solid 1px #AFAFAF; border-bottom: solid 1px #AFAFAF; margin-top:-1px; } div#navbar div#navbar-middle-center[id] { background:#202021; border-top: solid 1px #AFAFAF; border-bottom: solid 1px #AFAFAF; margin-top:-1px; } div#navbar div#navbar-middle-right { float:right; width:225px; z-index:100; background-color:#202021; border-top: solid 1px #AFAFAF; border-bottom: solid 1px #AFAFAF; margin-top:-1px; } */ /* search bar */ div#search-bar { float: right; width: 272px; padding: 22px 4px 0px 0px!important; margin: 0; overflow: hidden; } div#search-bar label{ float:left; padding-top:3px; height:1.4em; color:#fff; font-size: 0.8em; font-weight:bold; width:45px; } div#search-bar input.input-text { margin: 0; padding: 0; float: left; width: 189px; overflow: hidden; border: none; padding: 5px 13px 2px 2px; display: block; font-size: 0.9em; font-family: verdana; border-top: 1px solid #a9a6ad; border-left: 1px solid #a9a6ad; color: #898989; } div#search-bar input.btn-bg { margin-top: 2px; background-color: transparent!important; float:left!important; } div.inner-container, div#inner-container, div.outer-container, div.inner-container-border div#footerbar { width: 952px; margin: 0 auto; /* FIXME Am testing removal of this - bin it if everything is fine overflow: hidden;*/ } .home-page div#inner-container, .jewellery-landing-page div#inner-container, .diamonds-landing-page div#inner-container, .watches-landing-page div#inner-container, .gifts-landing-page div#inner-container { width:950px; border-left:1px #afafaf solid; border-right:1px #afafaf solid; } /* containers used to set horizontal scrollbar widths */ div#body-container { display:table; width: 100%; min-width:700px; } div#body-popup-container { display:table; /*width: 100%;*/ padding:20px; min-width:590px; } div#set-width-outer, div#set-width-inner { height: 0; overflow: hidden; width:700px; } div#set-width-outer { display:table-row; } div#set-width-inner { display:table-cell; } div#page-container { display:table-cell; overflow: hidden; } /* div.product-detail-page div.outer-container, div.store-locator div.outer-container { position: relative; } */ div.navbar-strip, div#landing-page div#navbar-strip { /*background:url("/images/nav/bg-navbar-strip.gif") no-repeat top left; */} div.footerbar-strip { /*background:url("/images/nav/bg-footerbar-strip.gif") no-repeat top left; */} div.home-page div.navbar-strip, div.home-page div#main-bg div#navbar-strip { /*background:url("/images/nav/bg-navbar-strip.gif") no-repeat 98px 0;*/ } div.home-page div.footerbar-strip {/*background:url("/images/nav/bg-footerbar-strip.gif") no-repeat 98px 0;*/} div#content, .error-page div#content { width: 950px; height:100%; border-left: 1px solid #AFAFAF; /*#d9dAdA;*/ border-right: 1px solid #AFAFAF; margin:0; } .error-page div#content { width: 950px; height:200px!important; } #content .generic-return { padding:0.5em 0; text-align:right; } .list-page div#content {background:transparent url(/images/border-spacer.gif) scroll repeat-y 239px top} .jewellery-landing-page div#inner-container, .diamonds-landing-page div#inner-container, .watches-landing-page div#inner-container /*, .gifts-landing-page div#inner-container */ {background:transparent url(/images/border-spacer.gif) scroll repeat-y 239px top} div#content div#content-body { padding:14px; margin:0; width:910px; } div#content div.content-wrap { padding:15px!important; display:block; } .list-page div#content div.content-wrap { padding:0!important; display:block; } div.home-page div#content div#content-body { padding:0px !important; margin:0px; width:923px; } div.diamonds-landing-page div#content div#content-body { padding:0px !important; margin:0px; width:954px; } div.jewellery-landing-page div#content div#content-body { padding:0px; margin:0px; width:955px; } div.watches-landing-page div#content div#content-body { margin:0px; padding:0px; width:954px; } div.gifts-landing-page div#content div#content-body { padding:0px; margin:0px; width:954px; } div#left-col { width: 605px; float: left; } div#right-col { width: 295px; float: right; } .store-locator .left-col { width:450px; margin-right:10px; float:left; } .store-locator .right-col { width:450px; float:right; clear:right; } div.store-list-page div#right-col { width: 294px; float: right; position: relative; left: 14px; margin-top: -10px; } /* * BACKGROUNDS * * The body-container div has a class which identifies the page * and allows us to use its correct bg image and position the header * correctly. These now also include the background image maps for each landing page. * *********************************************************/ /* --------------- E-Catalogue Selector > New Page Added 11-09-2006 Caterina Maniscalco --------------- */ div.selector-page #catalogue_container {width:920px; height:354px; padding-top:50px; text-align:center;} div.selector-page #catalogue_container a{margin-right:10px;} div.selector-page #flash_paragraph {padding-left:80px;} div.selector-page #flash_paragraph #flash_icon { float:left; padding-right:10px; padding-top:5px;} div.selector-page #catalogue_container img{ display:inline; z-index:100; border:1px solid #999;} div.selector-page #flashtext {float:left;} div.selector-page p#flash_text { vertical-align:top; width:637px; font-family: Georgia, Times New Roman, serif; color: #4c4c4c; font-size:1.2em; font-weight:normal; text-decoration:none; } div.selector-page .catalogue_text:hover, div.selector-page .catalogue_text:active { color: blue; } .selector-page img#xmas2010 {border:solid 1px #c33f71; padding-right:0px !important; margin-right:20px;} /********************************************************************************* LANDING PAGES BACKGROUNDS AND IMAGE MAPS ********************************************************************************/ /* * LANDING PAGE STYLES * * The landing pages have ribbon images that are part of the * foreground and flow with the content. * * *********************************************************/ /* panels */ .floral-panel { width:450px; background:#F5EBFA url(/images/panels/floral-panel-btm.png) no-repeat left bottom; } .floral-panel-content { color:#555555; background:url(/images/panels/floral-panel-top.png) no-repeat left top; padding:13px 15px 15px 15px; } .floral-panel-content h3 { color:#706E71; } .floral-panel-content .dark-spanner { background:#D5CDD8; position:relative; margin:10px -30px 10px 0; padding:5px 0 5px 15px; left:-15px; overflow:hidden; } .designevent-panel { background:url(/images/panels/designevent-panel-bg.gif) repeat-y; position:relative; margin-top:-12px; margin-bottom:1em; } .designevent-panel .eventinfo { float:left; width:190px; margin-top:-25px; position:relative; } .designevent-panel .eventdates { width:210px; margin-left:15px; margin-top:-25px; float:left; position:relative; } .designevent-panel h3 { height:55px; padding:35px 0 0 15px; margin:0; background:url(/images/panels/designevent-panel-top.jpg) no-repeat left top; } .designevent-panel .content { background:url(/images/panels/designevent-panel-btm.gif) no-repeat left bottom; display: block; padding:15px; } .store-locator .floral-panel-content label { font-weight:bold; display:block; margin-top:10px; } .store-locator li.dayofinterest { color:#000; } .store-locator #callbacksubmit { display:block; margin:15px 0 10px 0; position:relative; left:-2px; } .store-locator .spacer { margin-bottom:20px; } .store-locator #mapzoomin, .store-locator #mapzoomout { display:inline; position:relative; top:8px; margin-right:3px; } .store-locator #mapzoomout { margin-left:15px } .store-locator h1, .store-list-page h1, span.h1 { margin:0 0 30px 0; } .store-locator h3 { margin-bottom:0.5em } .store-locator h4 { margin-bottom:1em; } .store-locator .dotted { margin-bottom:1em; } .store-locator .maininfo h4 { margin-top:2em; } .store-locator div.brand_list { overflow: hidden; width: 450px; margin: 0 0 10px 0; padding: 0; } .store-locator div.brand_list ul { width: 100%; overflow: hidden; list-style: none; margin: 0; padding: 0; } .store-locator div.brand_list li { float: left; font-size: 0.9em; width: 200px; padding: 0 0 0.5em 10px; display: block; background:url('/images/main/bullet.gif') no-repeat center left; } ul.horizontal li { display: inline; } ul.region li { display: inline; line-height:17px;} ul.sub_region li { display: inline; line-height:17px;} ul.sub_region_list li { display: inline; line-height:28px;font-size:1.0em } ul.country h2 {color:#838383; padding-top:6px;} ul.region a {color:#9d0038; font-size:1.2em;} ul.region h3 {color:#9d0038; font-size:1.2em; font-weight:bold} ul.sub_region_list a { display: inline; line-height:28px; font-size:1.0em } ul.sub_region a {color:#970038; font-size:1.0em} ul.sub_region h4 {color:#c26200; line-height:14px; font-size:1.2em} div.store h5 {color:#c26200; padding-top:13px; font-size:1.0em} div.store {width:150px; float: left;} span.store_link {color:#970038; font-weight:normal} span.region_name {color:#c26200; line-height:14px;} div.store address {font-style: normal; } div.store a {color:#c26200; font-weight:bold;} div.store-radio-option a, div.store-radio-option label { color:#c26200; font-weight:normal; line-height:2em; } div.store-search { padding-top: 1em; } div.store-search label { font-weight: bold; font-size: 13px; } h3.store-finder { font-size: 16px; color:#6D734D!important; font-weight: bold!important; } h4.store-finder { font-size: 14px; color:#666666!important; font-weight: normal!important; } div.store-list-page .error-strip h2, div.store-list-page .message-strip h2 { color:#9D0038; font-size: 10pt; font-weight: bold; margin-bottom: 4pt; } div#page-navigation { margin: 5px; } div.store-list-page .error-strip, div.store-list-page .message-strip { color:#9D0038; font-size: 10pt; font-weight: normal; line-height: 1.2em; padding-bottom: 0.85em; } div.store-list-page .error-strip ul, div.store-list-page .message-strip ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding-left: 10px; } div.store-search .continue-button { position:relative; top:5pt; } /* * PAGING * *********************************************************/ /*PAGE SORT STYLES ADDED 24 January*/ div.product-sort { position:relative; display:block; padding:7px 0px 0px 10px; width:700px; min-height:2em; border-bottom:solid 1px #afafaf; } .list-page div#all-in-range {background:#000000; border-bottom:1px solid #afafaf; padding:0.7em 0px 0.7em 0px; width:710px;} .list-page div#all-in-range a {color:#009386; font-weight:bold; padding-left:15px;} .list-page div.sort_by_links {float:right; margin-right:10px;} .list-page div.sort_by_links p {float:left; padding-top:0px; font-size:0.8em;} .list-page div.sort_by_links ul {list-style-type:none; float:left; margin:0px 0px 0px 5px;} .list-page div.sort_by_links ul li {float:left;} .list-page div.sort_by_links ul li.lowest {padding-left:10px;} .list-page div.sort_by_links ul li.lowest a {border-left:solid 1px #666666; padding:4px 0px 4px 6px;} .list-page div.sort_by_links ul li.highest {padding-left:10px;} .list-page div.sort_by_links ul li.highest a {border-left:solid 1px #666666; padding:4px 0px 4px 6px;} .list-page div.sort_by_links ul li a, .list-page div.sort_by_links ul li a:hover {color:#000 !important; font-family:Verdana, Verdana, Geneva, sans-serif; font-size:0.8em;} .list-page div.sort_by_links ul li a.selected-order {background:url('/images/main/sort_by_tick.gif') no-repeat right center; font-weight:bold; padding-right:10px;} div.product-sort label {float:left; padding-top:3px; color:#6D734D;} div.product-sort #results-sort, div.product-sort #results-sort2 { border:1px solid #A8A18F; background-color:#ffffff; float:left; font-size:1em; font-family: arial; } div.product-sort #frmSortOrder #sortbutton, div.product-sort #frmSortOrder2 #sortbutton2 { width:26px; height:21px; float:left; margin-top:-2px; background:url("/images/buttons/search.gif") no-repeat; } div.paging { width: 300px; position: relative; z-index: 300; float: left; display: block; padding-right:10px; } div.paging-top { padding: 0px 0 0px 0; color:#afafaf; width:396px; float:left; } div.paging-top a {/*color:#afafaf!important*/ color:#009386 !important; font-size:0.8em;} div.paging-top a:hover {/*color:#009386!important*/ color:#000000 !important;} div.no-of-rows { width: 300px; float: left; position: relative; z-index: 300; text-align: left; display: block; font-weight: bold; padding-left:20px; } div.paging ul, div.no-of-rows ul { font-weight: bold; color:#afafaf; } div.paging ul { float: left; } div.no-of-rows ul { float: left; } div.paging ul li, div.no-of-rows ul li { display: block; float: left; padding-left: 5px; /*color:#009386 !important;*/ color:#000000 !important; } .product-sort ul li.no_left_padding {padding-left:0px;} div.paging ul li.hellip {color:#666666 !important; margin-right:-4px; padding-left:1px;} div.paging ul li span{color:#afafaf!important;} div.no-of-rows span{ float: left; color:#afafaf; } div.no-of-rows span a:hover{ float: left; color:#009386; } div#list-bottom-footer { border-top: 1px solid #AFAFAF; padding: 10px 0px 2px 0!important; width:710px; clear:both; color:#afafaf!important; } div#list-bottom-footer div.paging a {color:#009386 !important;} div#list-bottom-footer div.paging a:hover {color:#000000 !important;} .list-page form#frmSortOrder, .list-page form#frmSortOrder2 {float:right;} .list-page div.paging.paging-top a.alt_spacing {padding-left:13px;} div#list-bottom-footer div.product-sort { border-bottom:none; height:2em; padding:0 0 0 10px; } /****************/ /*ENDECA NAV*****/ /****************/ .endeca_nav{position:relative;background:#ffffff; padding:0px; width:239px;} div.diamonds-landing-page div.endeca, div.watches-landing-page div.endeca, div.jewellery-landing-page div.endeca, div.gifts-landing-page div.endeca {float:left; margin-top:0px !important;} div.jewellery-landing-page div.endeca ul li ul li h3, div.diamonds-landing-page div.endeca ul li ul li h3, div.watches-landing-page div.endeca ul li ul li h3, div.gifts-landing-page div.endeca ul li ul li h3, div.panel-full-content ul li ul li h3 {color:#666666 !important; font-weight:bold !important; font-size:1.0em!important; padding-top:2px;} div.endeca ul { float:left; padding:0 0 2px 0; margin:0; overflow: hidden; width:239px; border-bottom: 1px #afafaf solid; } div.endeca ul li { display:inline; width: 110px; float: left; margin: 0 0 0 0px; } div.endeca ul li ul.first { padding-left: 0; width:119px; } div.endeca input{ display: inline; vertical-align: middle; } div.endeca input.input-text { background:#ffffff; border:1px solid #AFAFAF; color:#838383; padding-left:2px; width:30px; font-size: 83%; } div.endeca input.button { width: 16px; height: 16px; } /****************/ /*FULL PANEL*****/ /****************/ div.panel-full-top, div.panel-full-bottom { /*width: 922px;*/ width:940px; background:url("/images/blank.gif") no-repeat top left; overflow: hidden; position: relative; z-index: 200; } div.panel-full-content{ width: 242px; height: 13.5em; padding:6px; position: relative; z-index: 200; background:#ffffff none repeat scroll 0%; border-left:1px solid #AFAFAF; border-right:1px solid #AFAFAF; margin-top:0px; } /* * FOOTER * *********************************************************/ div#footer-border { display:none; } div#footernav a { color: #ffffff; font-family:Verdana, Regular; z-index: 100; } div#footernav { color: #ffffff; font-family:Verdana, Regular; background:#202021; /*width:948px;*/ width:947px; border-left: solid 1px #afafaf; border-top: solid 1px #afafaf; border-right: solid 1px #afafaf; border-bottom: solid 1px #afafaf; position: relative; z-index: 100; margin:-1px 0 0 0px; padding-left:3px; } div#footernav ul { clear:both; list-style: none; float: left; overflow: hidden; position: relative; z-index: 100; } div#footernav ul li { overflow: hidden; float: left; display: block; margin-right: 1px; } div#footernav ul li ul { width: 110px; padding: 9px 12px; overflow: hidden; } div#footernav ul li ul li { width: 126px; margin-bottom: 4px; display: block; } div#footernav span { width: 225px; height: 30px; display: block; float: right; text-align: right; padding: 10px 10px 0 0px; color:#afafaf; font-size:0.9em!important; } div.list-page div#footernav span { margin-top: -1px; } div#footerbar-top { height: 1px; width: 952px; overflow: hidden; position: relative; z-index: 100; border-left: 1px solid #d9dAdA; border-right: 1px solid #d9dAdA; } /* * PRODUCT LIST * *********************************************************/ div#product-list, div#product-list-full { float: left; position: relative; left: 0; padding:0; height:auto!important; border-left:#afafaf 1px solid !important; } div#product-list { width: 700px !important; } div#product-list-full { width: 778px;} div#product-list-spacer{border-bottom:1px solid #afafaf; display:inline-block; height:auto; padding-bottom:3px; width:710px;} .list-page div#content div.content-wrap h1 { background:#000; width:695px; color:#fff; font-size:1em !important; font-family:Verdana, Verdana, Geneva, sans-serif; letter-spacing:0px; text-transform:none; margin-top:0px; font-weight:bold; padding:0.7em 0 0.7em 15px; margin-bottom:0px; border-bottom:solid 1px #afafaf; } div#product-list-full div.product-item, div#product-list div.product-item { width: 139px; float: left; padding: 5px 5px 5px 25px; } div#product-list-full div.product-item a, div#product-list div.product-item a { display: block; background-color: white; width: 139px; } div#product-list-full div.product-item a img, div#product-list div.product-item a img { width: 137px; height: 137px; border: 1px solid #dadada; display: block; position: relative; } div#product-list-full div.product-item a:hover img, div#product-list div.product-item a:hover img { border: 1px solid #999; } /* * PRODUCT LABELS * * Styles for product labels have been split into three * sections: * * - common attributes * - panel widths * - background images * * By doing this we avoid duplicating attributes for the * different types of labels. All labels in a page have the same * structure and use the same class names. * * The css selection is very specific and uses the container name to * select the type of label to be displayed. * *********************************************************/ /* common elements */ span.label-container { display: block; margin-left: -3px; margin-top: -14px; margin-bottom: 10px; } span.label-container span.thread { display: block; position: relative; width: 16px; height: 15px; overflow: hidden; background:url("/images/blank.gif") no-repeat top left; } span.label-container span.thread[class]{ background:url("/images/price-labels/thread.png") no-repeat top left; } span.label-container span.label, span.label-container span.label-discount{ margin: 0; position: relative; left: 10px; display: block; overflow: hidden; margin-top: -11px; width:103px!important; } span.label-container span.price { position: relative; color: white; display: block; font-weight: bold; font-size: 1em; padding-left: 7px; } /* common label attributes */ span.label-container span.label span.label-top, span.label-container span.label span.label-top-lge, span.label-container span.label-discount span.label-top { height: 2px; display: block; overflow: hidden; position: relative; } span.label-container span.label span.label-middle, span.label-container span.label span.label-middle-lge, span.label-container span.label-discount span.label-middle { margin: 0; padding: 0; overflow: hidden; display: block; background:url("/images/blank.gif") repeat-y top left; position: relative; } span.label-container span.label span.label-bottom, span.label-container span.label span.label-bottom-lge, span.label-container span.label-discount span.label-bottom { height: 8px; overflow: hidden; display: block; position: relative; background:url("/images/blank.gif") no-repeat top left; } /* Out of stock image: product list page */ .list-page span.out-of-stock {background:url('/images/price-labels/out-of-stock.png') no-repeat top right; width:70px; height:55px; margin-left:68px; position:absolute; z-index:5; cursor:pointer;} /* In store only image: product list page */ .list-page span.in-store-only {background:url('/images/price-labels/in-store-only.png') no-repeat top right; width:70px; height:69px; margin-left:68px; position:absolute; z-index:5; cursor:pointer;} /* label widths*/ /* top */ span.label-container span.label span.label-top { width: 59px; } span.label-container span.label span.label-top-lge { width: 70px; } span.label-container span.label-discount span.label-top { width: 75px; } /* middle */ span.label-container span.label span.label-middle { width: 59px; } span.label-container span.label span.label-middle-lge { width: 70px; } span.label-container span.label-discount span.label-middle { width: 77px; } /* bottom */ span.label-container span.label span.label-bottom { width: 59px; } span.label-container span.label span.label-bottom-lge { width: 70px; } span.label-container span.label-discount span.label-bottom { width: 76px; } /* label background images */ /* orange */ span.label-container span.label span.label-top[class]{ background:url("/images/price-labels/orange-top.png") no-repeat top left; } span.label-container span.label span.label-top-lge[class]{ background:url("/images/price-labels/orange-top-lge.png") no-repeat top left; } span.label-container span.label span.label-middle[class]{ background:url("/images/price-labels/orange-middle.png") repeat-y top left; } span.label-container span.label span.label-middle-lge[class]{ background:url("/images/price-labels/orange-middle-lge.png") repeat-y top left; } span.label-container span.label span.label-bottom[class]{ background:url("/images/price-labels/orange-bottom.png") no-repeat top left; } span.label-container span.label span.label-bottom-lge[class]{ background:url("/images/price-labels/orange-bottom-lge.png") no-repeat top left; } /* bright orange */ span.label-container span.label-discount span.label-top[class]{ background:url("/images/price-labels/bright-orange-top.png") no-repeat top left; width:103px !important;} span.label-container span.label-discount span.label-middle[class]{ background:url("/images/price-labels/bright-orange-middle.png") repeat-y top left; width:103px !important;} span.label-container span.label-discount span.label-bottom[class]{ background:url("/images/price-labels/bright-orange-bottom.png") no-repeat top left; width:103px !important;} /* * RIGHT PANELS * *********************************************************/ /* common styles */ div.right-panel { float: right; width: 140px; } div.right-panel div.top { width: 140px; height: 8px; overflow: hidden; background:url("/images/blank.gif") no-repeat top left; } div.right-panel div.borders { background: white; } div.right-panel div.bg-top { width: 120px; padding: 9px; margin-bottom: 132px; } div.right-panel div.bottom { margin-top: -173px; width: 140px; height: 173px; background:url("/images/blank.gif") no-repeat top left; } div.right-panel div.bg-bottom[class]{ background:url("/images/panels/right-panel-autum-pattern.png") no-repeat top left; } div.right-panel div.product-item { position: relative; } div.right-panel div.product-item a img { margin: 0 auto; margin-top: 25px; margin-bottom: 12px; border: none; } div.right-panel div.product-item a span.item-text{ display: block; padding: 0 12px 12px 12px; } div.right-panel div.product-item span.label-container { display: block; margin-left: -14px; margin-top: -4px; } div.right-panel h2#panel-header { display: block; overflow: hidden; margin-top: 0; background:url("/images/blank.gif") no-repeat top left; } /* we love panel */ div.list-page div.right-panel, div.diamondguide-page div.right-panel, div.watchguide-page div.right-panel { margin-bottom: 45px; } div.list-page div.right-panel div.bg-top, div.diamondguide-page div.right-panel div.bg-top, div.watchguide-page div.right-panel div.bg-top { background:url("/images/panels/right-fuschia-panel-bg-top.gif") repeat-x top left; } div.list-page div.right-panel div.borders, div.diamondguide-page div.right-panel div.borders, div.watchguide-page div.right-panel div.borders { border-left: 1px solid #e7c9bf; border-right: 1px solid #e7c9bf; } div.list-page div.right-panel div.top[class], div.diamondguide-page div.right-panel div.top[class], div.watchguide-page div.right-panel div.top[class] { background:url("/images/panels/right-fuschia-panel-top.png") no-repeat top left; } div.list-page div.right-panel div.bottom[class], div.diamondguide-page div.right-panel div.bottom[class], div.watchguide-page div.right-panel div.bottom[class] { background:url("/images/panels/right-fuschia-panel-bottom.png") no-repeat top left; } div.list-page div.right-panel h2#panel-header[id]{ background:url("/images/titles/love-header.png") no-repeat top left; } div.list-page div.right-panel h2#panel-we-header[id], div.diamondguide-page div.right-panel h2#panel-we-header[id], div.watchguide-page div.right-panel h2#panel-we-header[id]{ background:url("/images/titles/love-header.png") no-repeat top left; } div.list-page div.right-panel h2#panel-you-header[id], div.diamondguide-page div.right-panel h2#panel-you-header[id], div.watchguide-page div.right-panel h2#panel-you-header[id]{ background:url("/images/titles/youlove-header.png") no-repeat top left; } /* perfect partners panel */ div.basket-page div.right-panel div.bg-top { background:url("/images/panels/right-green-panel-bg-top.gif") repeat-x top left; } div.basket-page div.right-panel div.borders { border-left: 1px solid #dcdfc7; border-right: 1px solid #dcdfc7; } div.basket-page div.right-panel div.top[class]{ background:url("/images/panels/right-green-panel-top.png") no-repeat top left; } div.basket-page div.right-panel div.bottom[class]{ background:url("/images/panels/right-green-panel-bottom.png") no-repeat top left; } div.basket-page div.right-panel h2#panel-header[id]{ background:url("/images/titles/perfect-partners.png") no-repeat top left; } div.basket-page div.right-panel h2#panel-header[id].perfect-partners-generic{ background:url("/images/titles/perfect-partners-generic.png") no-repeat top left; } div#header div#basket-panel div#basket-divider { width: 144px; background:url('/images/nav/basket-divider.gif')no-repeat; width:133px; height:1px; } div.productZone { border: 1px solid #AAA; margin-bottom: 10px; } /* store-locator-page */ .store-locator .floral-panel-content label { font-weight:bold; display:block; margin-top:10px; } .store-locator li.dayofinterest { color:#000; } .store-locator #callbacksubmit { display:block; margin:15px 0 10px 0; position:relative; left:-2px; } .store-locator .spacer { height: 20px; } /* store-list-page */ div.store-list-page div#right-col div.panel-top[class]{ background:url("../images/panels/right-lavender-panel-top.png") no-repeat top left; } div.store-list-page div#right-col div.panel-bottom[class]{ background:url("/images/panels/right-lavender-panel-bottom.png") no-repeat top left; } div.store-list-page div#right-col div.panel-middle { width: 256px; padding: 5px 12px; overflow: hidden; background:#F5EFF8; } div.store-list-page div.dotted { margin: 20px 0; } div.store-list-page ul.horizontal, div.store-list-page div#left-col h4 { margin-top: 20px; } div.store-list-page div.store-list-page div#left-col h3 { margin-top: 0px; font-weight:bold; } div.store-list-page div#right-col li { margin-top: 8px; } div.store-list div { float: left; width: 140px; overflow: hidden; margin-top: 20px; padding-right: 11px; line-height: 1.6em; } div.store-list div a { display: block; } div.store-list div span.flagship { display: block; background: url("/images/main/flagship-star.gif") no-repeat center left; padding-left: 13px; } /*added by C.M. on 21-09-06*/ .floral-panel-content label { text-align: left; width: 150px; padding-right:8px; } .floral-panel-content input.textfield {height: 1.4em; font-size:1.2em; width:155px;} /*end of insert*/ /* * SHOPPING BASKET PANELS * *********************************************************/ div#message-panel-top, div#message-panel-bottom, div#basket-summary-panel-top, div#basket-summary-panel-bottom { width: 605px; height: 7px; overflow: hidden; background:url("/images/blank.gif") no-repeat top left; } div#message-panel-middle, div#basket-summary-panel-middle { margin: 0; padding: 0 9px; width: 587px; overflow: hidden; display: block; background:url("/images/blank.gif") repeat-y top left; } div#message-panel-top[id]{ background:url("/images/panels/message-panel-top.png") no-repeat top left; } div#message-panel-bottom[id]{ background:url("/images/panels/message-panel-bottom.png") no-repeat top left; } div#message-panel-middle[id]{ background:url("/images/panels/message-panel-middle.png") repeat-y top left; } div#basket-summary-panel-top[id]{ background:url("/images/panels/basket-summary-panel-top.png") no-repeat top left; } div#basket-summary-panel-bottom[id]{ background:url("/images/panels/basket-summary-panel-bottom.png") no-repeat top left; } div#basket-summary-panel-middle[id]{ background:url("/images/panels/basket-summary-panel-middle.png") repeat-y top left; } div#basket-summary-panel-middle { padding-right: 0; width: 596px; } div#basket-summary-panel-middle div { overflow: hidden; } div#basket-summary-panel-middle div.left { width: 260px; } div#basket-summary-panel-middle div.left a {color: #838383; } div#basket-summary-panel-middle div.left a:hover {color: #838383; } div#basket-summary-panel-middle div.right { width: 225px; } div#basket-summary-panel-middle div.right-long { width: 330px; } div#basket-summary-panel-middle div.right div { padding: 8px; } div#basket-summary-panel-middle div.right div#delivery { border-bottom: 1px solid white; } div#basket-summary-panel-middle div.right div span, div#basket-summary-panel-middle div.right-long div span { font-size: 1.3em; width: 95px; overflow: hidden; display: block; float: left; padding: 0px 50px 0px 64px; text-align: right; } div#basket-summary-panel-middle div.right-long div span.price { padding: 0px; text-align: left; } div#basket-summary-panel-middle div.right-long div span#lbl-voucher-code { width: 160px; font-size: 1em; padding: 0px 40px 10px 0px; } div#basket-summary-panel-middle div.right-long div input#couponCode { border: 1px solid #d47f19; vertical-align:top; } div#basket-summary-panel-middle div.right-long div input#go_button { width:29px; height:22px; } div#basket-summary-panel-middle div.right-long div span#lbl-voucher-code-applied { font-size: 1em; float: right; width: 160px; padding: 0px 40px 10px 0px; } div#basket-summary-panel-bottom { margin-bottom: 15px; } /* * 'ABOUT' and POLICY/LEGAL PAGES (added by C.M. 20-06-06) * *********************************************************/ .about-page .main_content_area {width:915px;} .about-page h3 { font-family:verdana; font-weight:bold; font-size: 1.2em; color:#333333; margin-top:4px; } .about-page h2#our_charity { font-family:Verdana, Verdana, Geneva, sans-serif; font-weight:bold; font-size:1.2em; color:#333333; margin:4px 0px 0px 0px !important; } .about-page h4 { font-family:verdana; font-weight:bold; font-size: 1em; color:#333333; padding-top:7px; } .about-page .right_header_spacing {padding-top:33px;} .about-page .right_header_spacing_bottom {padding-top:13px;} .about-page #standards_comp {padding-top:27px;} .about-page .left_column { float:left; width:434px; height:auto; margin:0; padding-bottom:6px; } .about-page .right_column { float:right; width:433px; height:auto; margin:0; padding-bottom:6px; } .about-page .right_column p#right_column_bottom {margin-top:20px;} .about-page .left_column a, .about-page .right_column a, .about-page .left_column ul a, .about-page .right_column uk a { color: #99005D; text-decoration: none; font-weight:bold; } .about-page .left_column a:hover, .about-page .right_column a:hover, .about-page .left_column ul a:hover, .about-page .right_column uk a:hover { color: #fc0101; text-decoration: none; } .about-page #right_column_padded { float:right; width:433px; height:auto; margin:0; padding-bottom:6px; padding-top:35px; } .about-page p, .corporate-services-page p { font-family: verdana; color: #333333; margin: 0 0 6px 0; padding: 0; line-height:1.5em; } .about-page p#bounceback_para_spacing {margin-top:12px;} .about-page p.address { line-height:1.1em; height:11px; } .about-page p#addressline1 { padding-top:2px; line-height:1.1em; height:11px; } .about-page p.added_comments { font-family: verdana; color: #666666; margin: -6px 0 6px 0; padding: 0; line-height:1.2em; } .about-page ul.content, .about-page ol.content, .corporate-services-page ul.content { font-family:verdana; color:#333333; line-height: 1.5em; list-style-type: disc; margin-left:35px; margin-bottom:8px; margin-top:3px; } .about-page ol.content {list-style-type:decimal !important;} ol.content {color:#000000;} ul.circle {list-style-type:circle !important; padding-left:35px;} ul.alpha_list {list-style-type:lower-alpha !important; padding:10px 10px 10px 35px;} .about-page ol.orderplacement { font-family:verdana; color:#333333; line-height: 1.5em; list-style-type: decimal; margin-bottom:8px; margin-top:3px; } .about-page ul#accessibilitykeys { font-family:verdana; color:#333333; line-height: 1.5em; list-style-type: none; text-indent:10px; margin-left:45px; margin-bottom:8px; } /* Bounceback styles */ ol.bounceback_list { line-height:17px; color:#000; } ol.bounceback_list_spacing li { padding-bottom:20px; } .about-page h1.voucher_header {font-size:2em;} /*CORPORATE SERVICES PAGE*/ .corporate-services-page h1, .corporate-services-page h3, .corporate-services-page h2 { font-family:Verdana, Verdana, Geneva, sans-serif; font-weight:bold; color:#000; margin:20px 0 10px 0; } .corporate-services-page h1 {text-transform:uppercase; font-size:2em;} .corporate-services-page h2 {font-size:1.4em; margin-top:0px;} .corporate-services-page h3 {font-size: 1em;} .corporate-services-page p {line-height:1.6em; color:#000;} .corporate-services-page h3 {width:417px;} .corporate-services-page h3 span {font-weight:normal;} .corporate-services-page #left-content {width:414px; float:left; padding-left:14px;} .corporate-services-page #right-content {/*width:479px; height:1986px;*/ float:right;} .corporate-services-page ul.content {margin-left:15px;} .corporate-services-page #right-content ul {list-style-type:none; margin-top:105px; float:left;} .corporate-services-page #right-content ul li#rc_1 {background:url('/images/services/insurance_replacement_bg/bg_1.jpg') no-repeat; width:479px; height:309px;} .corporate-services-page #right-content ul li#rc_2 {background:url('/images/services/insurance_replacement_bg/bg_2.jpg') no-repeat; width:479px; height:309px;} .corporate-services-page #right-content ul li#rc_3 {background:url('/images/services/insurance_replacement_bg/bg_3.jpg') no-repeat; width:479px; height:309px;} .corporate-services-page #right-content ul li#rc_4 {background:url('/images/services/insurance_replacement_bg/bg_4.jpg') no-repeat; width:479px; height:309px;} .corporate-services-page #right-content ul li#rc_5 {background:url('/images/services/insurance_replacement_bg/bg_5.jpg') no-repeat; width:479px; height:309px;} .corporate-services-page #right-content ul li#rc_6 {background:url('/images/services/insurance_replacement_bg/bg_6.jpg') no-repeat; width:479px; height:309px;} .corporate-services-page h2#corp_site {text-transform:uppercase; text-align:center; width:369px;} /* * FONT STYLES * *********************************************************/ .large-font { font-size: 1.6em; } .medium-font { font-size: 1.4em; } .small-font { font-size: 0.8em; } .price, .total { font-size: 1.3em; } /* font colours */ div.right-panel p.alt-font { color: #442e3c; } /* numeric text */ .numeric, .price, td.total, div.basket-page table td.price, td.quantity div.checkout-page table td.price, td.quantity{ color: #666666; } .numeric,refund alt-font#checkout_panel_text { color:#9D0038!important; } /* right panel for product detail page */ /* Basket content text override */ #basket-content .numeric,.refund alt-font#checkout_panel_text, checkout_panel_text_2, checkout_panel_text_3 { color:#afafaf!important; } div#content div#content-body div#right-col .numeric, .refund alt-font { color:#f19f01!important; } div#content div.refund { font-size:0.9em; line-height:2em; background:#202021; font-family:Verdana, Verdana, Geneva, sans-serif; } div#content div.refund span.attention { color:#afafaf !important; font-size:1.1em !important; font-weight:bold; } div#content div.refund span.small {font-weight:normal !important; font-style:italic; display:block; padding-top:15px;} /* dark font */ h3, .dark-font, div.basket-page table th, div.basket-page table td p, div.checkout-page table th, div.checkout-page table td p { color: #434343; } div#content div#content-body .price-block, .padding h3{ color:#ffffff!important; } div#content div#buy-panel-content .price-block, .padding h3{ /*color:#A5253D !important;*/ color:#ffffff !important; font-family:Verdana, Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:1.12em; font-weight:bold; } div#content div#content-body .padding a { color:#f19f01; } div.buy-panel-middle .padding a { /* color:#797979 !important; */ color:#009386 !important; } div.buy-panel-middle .padding a:hover { color:red !important; } /* arial font */ div.endeca, div.endeca ul li ul li h3, div#navbar ul#main-nav, div#header div#basket-panel div#basket-content a { font-family: arial; } /* georgia font */ h1, h2, h3, h4, span.h4, .alt-font,span.anchor, div.price-block span.price { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } /* * LINK COLOUR STYLES * * There are different groups for links * Each group has its own colour attribute set * for its normal and rollover state. The groups are as * follows: * * default links - standard links found in the main body * of each page * * panel links - links that are placed inside a panel * e.g endeca nav links * * subnav links - navigation links that are not part of the * main nav. examples include the header nav and the footer. * * icon links - links that are associated with icons. * *********************************************************/ /* defaults links */ a, div.right-panel div.product-item a:hover span.item-text, div.store-list div a strong { color: #9d0038; text-decoration: none; } .basket-page div#content-body a {color: #009386!important} a.list-all{color:#000 !important;} a:hover, div.right-panel div.product-item a:hover span.item-text, div.endeca ul li ul li a.list-all:hover, div.store-list div a:hover strong { color: #009386; text-decoration: none; } .basket-page div#content-body a:hover{ color: #009386 !important; text-decoration: none; } /* panel links group */ div#collection-col a.panel span.middle, div.product-item a span.item-text, div.endeca ul li ul li a, div#more-panel-middle ul li a, div.store-list div a { color: #838383; } div#collection-col a.panel:hover span.middle, div.product-item a:hover span.item-text, div#more-panel-middle ul li a:hover, div.store-list div a:hover { color: #009386 } /* * BREADCRUMB * *********************************************************/ ul#breadcrumb { width: 460px; float: left; } ul#breadcrumb li { display: inline; margin-right: 7px; color:#009386!important; } ul#breadcrumb li a { padding-right: 11px; color:#afafaf!important; background:url(/images/main/breadcrumb-arrow.gif) no-repeat center right; } #product-list ul#breadcrumb{padding:3px 0 0 10px!important;} /* * ICON BUTTONS * *********************************************************/ div#print-btn { width: 223px; float: right; text-align: right; padding:5px 10px 0 0; } .orderreview-page div#print-btn { padding:5px 0 0 0 !important; } div.delete-btn { float: right; width: 75px; vertical-align: middle; padding-top: 6px; } .btn-bg { position: relative; /* margin-top: -5px;*/ float: right; display: block; margin-left: 3px; background:url("/images/blank.gif") no-repeat top left; } .btn { display: block; position: relative; } div.delete-btn span.btn-bg { background:url("/images/buttons/delete.gif") no-repeat top left; } div#print-btn span.btn-bg {width:16px; height:16px; background:url("/images/buttons/print.gif") no-repeat top left; } div.left-arrow-btn { width: 200px; float: left; } /* left buttons */ div.left-arrow-btn span.btn-bg, div#zoom-in-btn span.btn-bg { float: left; margin-left: 0; margin-right: 3px; } div.basket-page span.left-arrow {color:#9d0038; text-decoration:none} div.left-arrow-btn span.btn-bg[class]{ background:url("/images/buttons/arrow-left.png") no-repeat top left;} div#zoom-in-btn span.btn-bg[class]{ background:url("/images/buttons/zoom-in.png") no-repeat top left; width:26px; height:23px;} /* * SHOPPING BASKET PAGE * *********************************************************/ div.basket-page div.error-strip { background:#FFD5D6 url(/images/checkout/error_exclamation.gif) no-repeat scroll 5px; overflow:hidden; padding:5px 0pt 10px 30px; position:relative; margin-bottom: 5px; } div.basket-page div.error-strip li { font-weight: bold; color: #ff0000; } div.basket-page div#content div#content-body { padding:15px; } div.basket-page table tr td.engraving p { padding-right: 140px; background: transparent url(/images/engraving/engraving_font.gif) scroll no-repeat 1000px 1000px; } div.basket-page table tr td.engraving p.Block { background-position: 300px 13px; } div.basket-page table tr td.engraving p.Script { background-position: 300px -22px; } div.basket-page table tr td.engraving p.Roman { background-position: 300px -52px; } .basket-page h1#basket-h1, .basket-page h2, div.orderreview-page h2, .basket-page h3, div.orderreview-page h3, .ordercomplete h3 { font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif;padding:4px 0 2px 0;margin:0 0 10px 0; } .basket-page h1#basket-h1 {font-size:1.5em!important; width:500px;float:left} .basket-page h3, div.orderreview-page h3, .ordercomplete h3 {font-size:1.4em!important;margin-bottom:1px;} .basket-page div#basket-message-panel {color:#000 !important} .basket-page div#basket-message-panel a {font-size:0.9em!important} .basket-page div#basket-message-panel p {padding-bottom:7px;} .basket-page div#offer-messages ul li {padding-bottom:7px;} .highlighted-bold {font-weight:bold} div.basket-page table, div.checkout-page table#item_desc{ width: 910px; margin-top: 10px; margin-bottom: 14px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; /* background: url('/images/main/dashed.gif') repeat-x bottom left; */ border:1px solid #afafaf; } div.checkout-page table#item_desc { width:705px; } div.basket-page table th, div.checkout-page table#item_desc th { font-size: 1em; padding: 7px 20px 7px 20px; font-weight: bold; text-align: left; color:#666666; /* background: url('/images/main/dashed.gif') repeat-x bottom left;*/ border-bottom: 1px solid #afafaf; height: 2em; font-family: Verdana, Geneva, sans-serif; } div.basket-page table td, div.checkout-page table#item_desc td { padding: 20px; vertical-align:top; border-bottom: 1px solid #afafaf; } .ordercomplete table#item_desc tr td { border-bottom:none; } .ordercomplete table#item_desc tr.service td { padding: 10px 10px 10px 20px; } .ordercomplete table#item_desc tr.service td.price { padding-right: 20px; } div.basket-page table tr.last td, div.checkout-page table#item_desc tr.last td { border-bottom:none; } div.basket-page table td p, div.checkout-page table#item_desc td p, div.checkout-page table#item_desc td dl { padding-top: 3px; font-size: 0.9em; } div.basket-page table tr#last-row td, div.checkout-page table#item_desc tr#last-row td { border-bottom: none; } div.basket-page table td.image, div.checkout-page table#item_desc td.image { width: 90px; padding:5px!important;} div.basket-page table td.product_desc, div.checkout-page table#item_desc td.product_desc { padding-left:5px!important;} .ordercomplete table#item_desc th.price { text-align:right; } .ordercomplete table#item_desc td.price { color: #000000; text-align:right; padding-right: 20px; } .ordercomplete table#item_desc tr.service td.product_desc { font-weight:bold; padding-left:20px!important; } div.basket-page table th.price, div.basket-page table th.quantity, div.basket-page table th.total, div.checkout-page table#item_desc th.price, div.checkout-page table#item_desc th.quantity, div.checkout-page table#item_desc th.total { background: url('/images/main/solid-vertical-border-short.gif') no-repeat center left; } div.basket-page table td.price, div.basket-page table td.quantity, div.basket-page table td.total, div.checkout-page table#item_desc td.price, div.checkout-page table#item_desc td.quantity, div.checkout-page table#item_desc td.total { background: url('/images/main/solid-vertical-border.gif') no-repeat center left; font-weight: bold; font-size: 1em; font-family: Verdana, Geneva, sans-serif; } div.basket-page table tr.tall td.price, div.basket-page table tr.tall td.quantity, div.basket-page table tr.tall td.total, div.checkout-page table#item_desc tr.tall td.price, div.checkout-page table#item_desc tr.tall td.quantity, div.checkout-page table#item_desc tr.tall td.total{ background: url('/images/main/solid-vertical-border-long.gif') no-repeat center left; } div.basket-page table tr.spacerRow td, div.checkout-page table#item_desc tr.spacerRow td { padding:10px; margin:0; } div.basket-page table.engError td.engraving { background-color: #FFD5D6; } div.basket-page table.engError td.engraving div.error_message { color: #ff0000; font-weight: bold; } /* div.basket-page input.checkout-btn, div.checkout-page input.checkout-btn { float: right; margin-top: -3px; }*/ /* secure checkout image on basket page div.basket-page div.secure-padlock { background: url('/images/main/secure-checkout.gif') no-repeat right; padding-top:145px; }*/ /* start of message strip styles */ #message-strip { position: relative; color: #f00; } #message-strip h2 { margin: 0; font-size: 1em !important; color: #f00; } #message-strip ul { list-style: none; margin: 0; padding: 0; } #basket-summary #message-strip ul { margin-top: 10px!important; } #message-strip li { background-image: url(/images/ul-dash.gif); background-position: left; background-repeat: no-repeat; padding: 0 0 0 10px; font-size: .9em !important; color: #f00; } /* End of message strip styles */ div.basket-page td.product_desc { width:290px; } div.basket-page table td.total, div.basket-page table th.total, div.checkout-page table#item_desc td.total, div.checkout-page table#item_desc th.total { color: #000000; text-align: right; } div.basket-page td.quantity { width:170px !important; white-space:nowrap !important; /* This prevents the quantity column on the basket page from wrapping & causing the remove basket image to be disfigured. Added by Abu Koroma */ } div.basket-page td.quantity select { border:1px solid #4E0012; color:#4E0012; font-weight:bold; width:40px; font-family:Verdana,Tahoma,Arial,sans-serif; font-size:0.9em; float:left; } div.basket-page div.quantity_norm { font-weight:bold; padding-left: 15px; padding-top:3px; float:left; } div.basket-page .updatebutton, div.basket-page .removebutton, div.basket-page .editbutton { float:right; } div.basket-page .updatebutton, div.basket-page .editbutton { margin-bottom: 10px; } div.basket-page a#addMessage, div.basket-page a#addGiftOpt, div.basket-page a#addGiftWrap, div.basket-page a#editGiftOpt, div.basket-page a#editGiftMsg, div.basket-page a#editEngMsg, div.basket-page a#addEngMsg { width:241px; height:21px; overflow:hidden; display:block; margin-top:10px; } div.basket-page a#addMessage span, div.basket-page a#addGiftOpt span, div.basket-page a#addGiftWrap span, div.basket-page a#editGiftOpt span, div.basket-page a#editGiftMsg span, div.basket-page a#editEngMsg span, div.basket-page a#addEngMsg span { width:241px; height:21px; margin:0; padding:0; display:block; cursor:pointer; } div.basket-page a#addMessage, div.basket-page a#addGiftOpt, div.basket-page a#addGiftWrap { position: absolute; margin-top: -55px; margin-left: 20px; } div.basket-page a#addMessage span { background: transparent url(/images/main/button_basket_add_message.gif) scroll no-repeat left top; } div.basket-page a#addGiftOpt span { background: transparent url(/images/main/button_basket_add_gift_packaging_and_message.gif) scroll no-repeat left top; } div.basket-page a#addGiftWrap span { background: transparent url(/images/main/button_basket_add_gift_packaging.gif) scroll no-repeat left top; } div.basket-page a#editGiftOpt span { background: transparent url(/images/main/button_basket_edit_gift_options.gif) scroll no-repeat left top; } div.basket-page a#editGiftMsg span { background: transparent url(/images/main/button_basket_edit_gift_message.gif) scroll no-repeat left top; } div.basket-page a#editEngMsg span { background: transparent url(/images/main/button_basket_edit_engraving_message.gif) scroll no-repeat left top; } div.basket-page a#addEngMsg span { background: transparent url(/images/main/button_basket_add_engraving_message.gif) scroll no-repeat left top; } span.strong { font-weight: bold; } /* Alternate view - Voucher code entered */ div.basket-page div#voucher_code_display div.basketbox {height:12.3em} div.basket-page div#voucher_code_display div.basketbox span#lbl-voucher-code-applied p {height:82px; margin-top:0px;} div.basket-page div#voucher_code_display div.basketbox span#lbl-voucher-code-applied form input.removebutton {} div.basket-page div#voucher_code_display div#basket-order-summary div.basketbox {height:13.6em} div.basket-page div#basket-returns-info, div.basket-page div#basket-delivery-options, div.basket-page div#basket-voucher-code, div.basket-page div#basket-order-summary, div.basket-page div#basket-add-ons, div.basket-page div#basket-links { float:left; margin-top:6px; margin-right: 20px; padding:0; font-family:Verdana,Tahoma,Arial,sans-serif; } div.basket-page div#basket-voucher-code, div.basket-page div#basket-order-summary { width:279px; margin-right:0; } div.basket-page div#basket-order-summary{ margin-top: 1.8em; } div.basket-page div#basket-add-ons, div.basket-page div#basket-links { margin-top:20px; } div.basket-page div#basket-add-ons { width:502px; } div.basket-page div#basket-links { width: 388px; margin-right:0; } div.basket-page div#basket-returns-info div.basketbox { width:200px; height:32.1em; } div.basket-page div#basket-delivery-options div.basketbox { width: 305px; height: 32.1em; } div.basket-page div#basket-order-summary div.basketbox { width: 239px; height: 8.5em; } div.basket-page div#basket-voucher-code div.basketbox {width:239px; float:left;} div.basket-page div.voucherError div.basketbox { background-color: #FFD5D6; } div.basket-page div#basket-voucher-code .left { width: 135px; margin-top:5px; } div.basket-page div#basket-voucher-code .right { width: 100px; margin-top:5px; text-align:right; } div.basket-page div#basket-voucher-code label { font-weight: bold; color: #666666; } div.basket-page div#basket-voucher-code input#couponCode { border: 1px solid #afafaf; } div.basket-page div#basket-voucher-code p.error { color:#ff0000; font-weight: bold; margin: 5px 0 0 0; padding:0; } div.basket-page div#basket-voucher-code span.small { font-weight: normal; font-size: 0.9em; } div.basket-page div#basket-order-summary div.basketbox { background-color: #FFFCD7; border-color: #000000; height:17.2em; } div.basket-page div#basket-order-summary div.basketbox dl { margin:0; } div.basket-page div#basket-order-summary div.basketbox dt { width: 125px; clear:both; float:left; margin-top: 1px; } div.basket-page div#basket-order-summary div.basketbox dd { width:110px; text-align:right; float:right; margin:1px 0 0 0; } div.basket-page div#basket-order-summary div.basketbox dd.strong { font-weight: bold; } div.basket-page div#basket-order-summary div.basketbox dt.ordertotal, div.basket-page div#basket-order-summary div.basketbox dd.ordertotal { font-size: 1.2em; margin-bottom: 5px; font-weight:bold; } div.basket-page div.basketbox { font-family:Verdana,Tahoma,Arial,sans-serif; border: 1px solid #AFAFAF; padding: 20px !important; font-size: 0.9em; color: #000000; width:470px; } div.basket-page div.basketbox h4 { font-family:Verdana,Tahoma,Arial,sans-serif; font-weight: bold; font-size: 1.2em; color: #000000; } div.basket-page div.basketbox h3 { margin-top:-5px; padding-top:0; } div.basket-page div.basketbox p, div.basket-page div.basketbox ul li { margin-top:1.5em; } div.basket-page div.basketbox p#del_store_msg {padding-top:0px; margin-top:0px;} div.basket-page a#basket-returns-info-link, div.basket-page a#basket-delivery-info { position: absolute; margin-top: -30px; margin-left: 20px; font-size: 0.9em; } div.basket-page p#basket-summary-delivery-note { position: absolute; margin-top: -6em; margin-left: 20px; font-size: 0.9em; color: #000000; width: 239px; } div.basket-page div#basket-add-ons div#messaging { width: 200px; float:left; color:#666666; } div.basket-page div#basket-add-ons div.perfectPartners { width:39px; height:39px; margin-top:-59px; margin-left:20px; position: absolute; background: transparent url(/images/main/basket_perfect_partners.gif) scroll no-repeat top left; } div.basket-page div#basket-add-ons div.product-item { float:left; width:120px!important; margin-left:10px; } div.basket-page div#basket-add-ons div.product-item a img {border:solid 1px #dadada; width:120px !important;} div.basket-page div#basket-add-ons div.product-item a .item-text { color: #000000; } div.basket-page div#basket-add-ons div.product-item .price { font-size: 0.9em; font-weight: bold; color:#fff !important; } div.basket-page div#continueShopping { margin:20px 0px 22px 0px; font-weight: bold; } div.basket-page div#basket-links a#secureCheckoutInfo { font-size: 0.9em; height: 3.5em; padding: 3px 30px 0 0; width: 161px; background-color: transparent; background-image: url('/images/main/padlock.jpg'); background-repeat:no-repeat; background-position: top right; display: block; text-align: right; } div.basket-page div#basket-links div.safeNeasy { text-align:right; margin-top: 36px; color:#000000; font-weight:bold; } div.basket-page div#basket-links div.safeNeasy p { margin-bottom:8px; } div.basket-page div#basket-links div#verisign {float:right;margin-right:1px;} /* logos removed from basket page div.basket-page div#basket-links div#logo_isis {float:left; margin-top:9px; padding-left:15px;} div.basket-page div#basket-links div#logo_idis {float:left; margin-top:80px;margin-left:25px;} */ div.basket-page div#basket-links div.right { width: 190px; } /* div.basket-page div#basket-links div#verisign, div.basket-page div#basket-links a#isis, div.basket-page div#basket-links a#idis, div.signin-page div.security_icon_row div#verisign, div.signin-page div.security_icon_row a#isis, div.signin-page div.security_icon_row a#idis { float:right; margin-left:10px; } div.basket-page div#basket-links a#isis, div.basket-page div#basket-links a#idis, div.signin-page div.security_icon_row a#isis, div.signin-page div.security_icon_row a#idis { margin-top:7px; } div.basket-page div#basket-links div#verisign, div.signin-page div.security_icon_row div#verisign { margin-left: 7px; } */ div.basket-page div.break {margin-top:20px;} div.checkout-page table#item_desc span.engravingMsg { font-weight: bold; } div.empty div.main_content_area { padding:0; } .empty #contShopping {margin:20px 0 20px 0;} .empty a.ordConfContShop {width:255px; height:33px;cursor:pointer!important; display:block;overflow:hidden} .empty a.ordConfContShop span {display:block;width:241px;cursor:pointer!important; height:33px;background:transparent url(/images/checkout/continue_shopping_button.gif) scroll no-repeat left top} .empty .segment {float:left;} .empty .lower {padding-top: 8px;} .empty #basket-add-ons { clear:both; } /* * PRODUCT DETAIL PAGE STYLES * *********************************************************/ div#left-col div#product-info-col, div#left-col div#product-features-col, div#left-col div#collection-col { width: 290px; float: left; margin-top: 13px; padding-top: 13px; } div.product-detail-page div#product-info-col dl { padding: 0px 0; } div.product-detail-page div#product-info-col dt { float: left; clear: left; line-height:17px; } div.product-detail-page div#product-info-col dd { padding-left: 6em; line-height:17px; } div.product-detail-page div#product-features-col dl { padding: 0px 0; } div.product-detail-page div#product-features-col dt { float: left; clear: left; line-height:17px; } div.product-detail-page div#product-features-col dd { padding-left: 6em; line-height:17px; } div.product-detail-page div#product-features-col ul { list-style-type: none; clear: left; } div.product-detail-page div#product-features-col li { line-height:17px; } div#left-col div#product-features-col { float: right; } div#left-col div#collection-col { float: right; background: url('/images/main/dotted.gif') repeat-x top left; } div.product-detail-page div#left-col ul { padding: 10px 0; } div.product-detail-page div#left-col ul.engraving-costs { padding: 0!important; clear: none!important; } div.product-detail-page div#left-col h3 { margin-bottom: 13px; } ul.bulleted li, div.product-detail-page div#left-col li, div.store-list-page div#right-col li { display: block; position:relative; background:url('/images/main/bullet.gif') no-repeat center left; padding-left: 10px; } div.product-detail-page div#left-col li {width:100%;} .small-font ul li, ul.small-font li { padding-left:7px; margin:2px 0; } ul.flush li { margin-left:0; padding-left:0; } #prodDetailSelectSizeError { font-weight: bold; color: #FF0000; padding-bottom:5px; } /* collection col panel */ div#collection-col a.panel:hover ul li { background:url('/images/main/bullet-over.gif') no-repeat center left; } div#collection-col a.panel { display: block; width: 140px; } div#collection-col a.panel span.top, div#collection-col a.panel span.bottom { width: 140px; height: 8px; display: block; overflow: hidden; cursor: pointer; } div#collection-col a.panel span.top { background: url('/images/panels/collection-panel-top-off.gif') repeat-x top left; cursor: pointer; } div#collection-col a.panel span.bottom { background: url('/images/panels/collection-panel-bottom-off.gif') repeat-x top left; cursor: pointer; } div#collection-col a.panel span.middle { width: 122px; display: block; padding: 0 8px; background: #fff; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; cursor: pointer; } div#collection-col a.panel:hover span.top { background: url('/images/panels/collection-panel-top-over.gif') repeat-x top left; cursor: pointer;} div#collection-col a.panel:hover span.bottom { background: url('/images/panels/collection-panel-bottom-over.gif') repeat-x top left; cursor: pointer;} div#collection-col a.panel span.ul, div#collection-col a.panel span.h4 { width: 122px; overflow: hidden; display: block; cursor: pointer; } div#collection-col a.panel span.ul span.li { display: block; position:relative; background:url('/images/main/bullet_collection.gif') no-repeat top left; padding-left: 10px; cursor: pointer; } div#collection-col a.panel span.ul { padding: 6px 0 16px 0; } div#collection-col a.panel:hover span.middle { border-left: 1px solid #949494; border-right: 1px solid #949494; cursor: pointer; } div#collection-col span.label-container { display: block; position: relative; margin-left: -12px; margin-top: 7px; margin-bottom: 0px; } /********* BUY PANEL **********/ div#content div#content-body div.product-detail-page, div.buy-panel-middle .padding { color:#fff !important; } /* override for the span on the right section */ div#content div#content-body div.product-detail-page, div.buy-panel-middle .padding span.right { color:#ffffff !important; } div.product-detail-page div.buy-panel-top { background:url("/images/panels/view_product_panel_top.gif") no-repeat top left; } div.product-detail-page div.buy-panel-bottom { background:url("/images/panels/view_product_panel_bottom.gif") no-repeat bottom left; } div.product-detail-page div.buy-panel-middle { /* background:#ffffff url("/images/panels/view_product_panel_middle.gif") repeat-y top left; */ border:solid 1px #afafaf; } div.product-detail-page div.buy-panel-middle div.price-block { background: #202021; border-bottom: solid 1px #AFAFAF; color: #fff; } div.product-detail-page div.buy-panel-middle .padding { background:#202021; color: #686868; border-bottom: solid 1px #AFAFAF; } div.product-detail-page div.buy-panel-middle div.padding-button { background:#fff; margin-top:-1px !important; border-top: solid 1px #AFAFAF; border-bottom:solid 1px #afafaf; height:auto; padding: 9px 12px; } /* unsure of ring size link */ div.product-detail-page div.buy-panel-middle p.ring_size a {color:#797979 !important; padding-left:11px !important; font-size:0.8em;} div.product-detail-page div.buy-panel-middle p.ring_size a:hover {color:#FC0101 !important;} /*div.product-detail-page div.buy-panel-middle p.ring_size {margin-top:-7px;}*/ div.product-detail-page div.buy-panel-middle div.buy-panel-middle-item select#select-ring-size {margin-bottom:14px;} div.product-detail-page div.buy-panel-top, div.product-detail-page div.buy-panel-bottom { width: 295px; height: 12px; overflow: hidden; position: relative; z-index: 100; /*background:url("/images/blank.gif") no-repeat top left;*/ } div.product-detail-page div.view_panel_background { background:url('/images/panels/view_product_panel_top.png') no-repeat top left; } div.product-detail-page div.buy-panel-middle div.buy-panel-middle-item { margin-top: 10px; margin-bottom: 10px; } div.product-detail-page div.buy-panel-middle div.price-block, div.product-detail-page div.buy-panel-middle .padding { padding: 9px 12px;} div.product-detail-page div.buy-panel-middle .padding.top {padding:18px 12px;} div.product-detail-page div.buy-panel-middle div#engrave_row { width:265px; } div.product-detail-page div.buy-panel-middle div.engraving { float:left; width:26px; position: relative; z-index: 400; } div.product-detail-page div.buy-panel-middle div.engraving_text {z-index: 300; color:#666666; font-size:0.9em; padding-right:24px; padding-bottom:4px; margin-top:-7px;} div.product-detail-page div.buy-panel-middle div.engraving-link {padding:0px 12px 20px; position: relative; z-index: 300; background:#202021;} div.product-detail-page div.buy-panel-middle div.engraving-link a {color:#009386} div.product-detail-page div.buy-panel-middle div.engraving-link a:hover {color:red;} div.product-detail-page div.buy_panel_background { /*positions:absolute;*/ width:295px; height:430px; padding-right:3px; } div.product-detail-page div.buy-panel-middle div.refund { padding: 8px 23px 23px 12px; position: relative; z-index: 300;} div.product-detail-page div.buy-panel-middle div.refund a {color: #afafaf;} div.product-detail-page div.buy-panel-middle div.refund a:hover {color: #afafaf;} div.price-block span.price { color: #fff; font-size: 1.8em; float: left; vertical-align: bottom; } div.price-block span.wasprice { color:#fff; font-size:0.6em; vertical-align: bottom; } div.price-block span.stock-status { float:right; margin-top:5px; } div.price-block span.online-only { float: left; margin-top: 10px; } div.price-block div.in-stock, div.price-block div.out-stock { margin-top: 8px; margin-right: 8px; height: 8px; overflow: hidden; float: right; background:url("/images/blank.gif") no-repeat top left; } div.price-block div.in-stock[class]{background:url("/images/main/tick.png") no-repeat top left; width:11px; } div.price-block div.out-stock[class]{background:url("/images/main/cross.png") no-repeat top left; width:9px; } div.sku_number {display:none;} div.product-detail-page .hidden_listitem {display:none!important; list-style-type: none !important;} div.price-block span.offerDescription { /*color: #a00;*/ width: 260px; } /* more panel */ /*div.product-detail-page div#more-panel-top,*/ div.product-detail-page div#more-panel-bottom { width: 295px; overflow: hidden; background:url("/images/blank.gif") no-repeat top left; } div.product-detail-page div#more-panel-top[id]{ background:url("/images/panels/right-grey-full-panel-top.png") no-repeat top left; } div.product-detail-page div#more-panel-bottom[id]{ background:url("/images/panels/right-grey-full-panel-bottom.png") no-repeat top left; } div.product-detail-page div#more-panel-middle { background: #f4f1ee; width: 265px; padding: 5px 15px; margin-bottom:10px; } div#more-panel-middle ul { margin-top: 11px; display: block; } div#more-panel-middle ul li { display: block; padding: 0 5px; float: left; background: url('/images/main/dotted-vertical2.gif') repeat-y top right; } div#more-panel-middle ul li.first { padding-left: 0; } div#more-panel-middle ul li.last { padding-right: 0; background: none; } /* expert panels */ a#diamond-expert-panel, a#watch-expert-panel { width: 295px; height: 170px; overflow: hidden; display: block; cursor: pointer; background:url("/images/blank.gif") no-repeat center left; } a#diamond-expert-panel[id]{ background:url("/images/panels/diamond-expert.png") no-repeat center left; } a#watch-expert-panel[id]{ background:url("/images/panels/watch-expert.png") no-repeat center left; } /* Leo mini site */ div.product-detail-page div#leo-mini-site {background:url('/images/panels/leo-mini-site.gif') no-repeat; width:296px; height:169px;} div.product-detail-page div#leo-mini-site a#find-out-more {width:123px; height:32px; position:absolute; margin-left:171px; margin-top:137px;} /* Wedding set offer detail panel */ div.product-detail-page div#wedding-set-panel{background:url('/images/panels/wedding-set-panel.gif') no-repeat; width:295px; height:170px;} div.product-detail-page div#wedding-set-panel a#image {width:295px; height:170px; position:absolute; margin-left:0px; margin-top:0px; z-index:0;} /* div.product-detail-page div#wedding-set-panel a#buy_now {width:106px; height:23px; position:absolute; margin-top:146px; margin-left:1px; z-index:1 !important;} */ div.product-detail-page div#wedding-set-panel a#tcs {width:164px; height:23px; position:absolute; margin-top:146px; margin-left:130px; z-index:1 !important;} img.brand-logo { position: absolute; } a.blockwithlinks, a.blockwithlinks:hover { display:block; position:relative; color:#838383; text-decoration:none; } a.blockwithlinks .islink { color:#9d0038; } a.blockwithlinks:hover .islink { color:#fc0101; } /****************************** GENERAL ERROR PROMPT MESSAGES ******************************/ body .error-identifier { margin: 2pt 0pt 2pt 108pt; /*padding: 0.25em 0 0 0 !important;*/ color: #FF0000 !important; font-weight:bold; font-family:verdana; font-size:1em; } .signin-page .error-identifier{margin:0 2px 2px 30px !important;} .delivery-address-page .error-identifier {margin-left:48px !important} .payment-details-page .error-identifier {margin-left:136px !important} .error-identifier span.guide { color: black; font-weight: normal; } body .error-wrapper { position: relative; float:left; overflow: hidden; color: #FF0000 !important; padding: 1.2em 0 0 0; } /* Error message override for Engraving Page */ div.gift-options-engraving-page .error-identifier { margin:0pt 0pt 0pt 31pt !important; font-weight: bold; } /*************************************** NEWS LETTER SIGN-IN PAGE ERROR MESSAGE ****************************************/ div.newsletter-page p.error-identifier { margin: -28pt 0pt 15pt 152pt !important; } /* hidden error message list for screen readers beneath the generic error message in box at top of form (duplicates messages next to relevant fields) */ .error-identifier-hidden { margin: 0 0 0 155px; padding: 0.5em 0 0.5em 0; color: #FF0000 !important; font-weight: bold; display: none; } .error-strip-borderless .error-identifier { margin: 0 0 0 40px; padding: 0 0 0.5em 0; color: #FF0000 !important; font-weight: bold; } /* skiplinks stuff --------------------------------------*/ #skiplinks UL { padding: 0; margin: 0; list-style: none; display: block; } #skiplinks LI { padding: 0; margin: 0; list-style: none; display: inline; } #skiplinks A { color: #DC2A1A; font-weight: bold; position: absolute; top: 10px; right: 0px; overflow: hidden; width: 0; height: 0; font-size: 0.8em !important; z-index: 1002; } #skiplinks A:active, .skiplinks A:focus { /* Only show skiplinks on focus */ position: absolute; overflow: visible; width: auto; height: auto; font-size: 1em; border: 0; margin: 0; padding: 6px; font-size: .6em; background: #FFF; z-index: 10000; } .hide { display: none; } .removelinkimage { margin-left: 13px; margin-bottom: -8px; } .updatelinktext, .removelinktext { padding:0 0 0 5px !important; height:25px !important; background:#ffffff url(/images/spacer.gif) 0 50% no-repeat !important; color: #916b4f; font-size:0.9em; font-weight:bold; text-decoration:none; border:0; cursor:pointer; font-family: Verdana, Tahoma, Arial, sans-serif; } /* Gift Card Product Page EJ*/ .giftcard .error-strip { position: relative; overflow: hidden; padding: 1em 0 1em 0; background-image: url('/images/checkout/error_exclamation.gif'); background-repeat: no-repeat; /* background-position: 113px 1.5em; */ background-position: 0px 1.5em; height: 100%; } .giftcard .error-strip h2 { margin: 0 0 0 30px; padding: 1em 0 0.5em 0; color: #FF0000 !important; font-weight: bold; font-family: verdana; font-size: 1em; } .giftcard .error-strip ul li { color: #FF0000 !important; font-weight: bold; } /* GiftCard Image */ .giftcard .left-column { width: 440px; float: left; } .cardImage1 { float: right; width: 350px; height: 420px; background: url('/images/giftcards/singleCard.jpg') bottom right no-repeat; } .cardImage2 { float: right; width: 400px; height: 420px; background: url('/images/giftcards/multiCard.jpg') bottom right no-repeat; } .giftCardText { font-family: Georgia; font-size: 12px; } input#btnGiftCardAddToBasket { margin-left: 260px; } .gift-options-page div#gmCharCount { margin-top:5px; } .gift-options-page div#gmCharRemain { border:1px solid #666666; float:left; height:1em; margin-right:0.5em; width:3em; padding-bottom: 0.2em; text-align: right; } /*-----------------------*/ /*= SEO links Content */ /*-----------------------*/ div#wrapSeoContent{width:950px; /*width:954px;*/height:160px;font-size:1.0em;margin:0;padding:0;font-family:Verdana !important; border-left:solid 1px #afafaf; border-right:solid 1px #afafaf; border-bottom:solid 1px #afafaf;} div.seoContentContainer{float:left;overflow:hidden;width:237.3px;/*width:238px;*/ padding: 0!important; margin:0} div.seoContentBox {float:left;overflow:hidden;;width:238px; height:144px; } div.seoContentBox h2 {font-family:Verdana !important;color:#afafaf !important; font-weight:bold; font-size:1.0em!important;border-bottom:1px #afafaf solid; height:20px; margin:0; padding:0.4em 0 0 0.7em} div.seoContentBox ul{list-style:none;margin:0; padding:0.2em 0em 0.2em 0.8em; /*0.6em;*/} div.seoContentBox li{float:left;width:190px;line-height:12px;} div.seoContentBox a{color:#afafaf;float:left;margin:0.3em 5px 0.3em 0; width:190px;} div.seoContentBox a:hover {color:#009386; float:left;margin:0.3em 0 0.3em 0; width:190px;} /*---------------*/ /* Product Zoom */ /*---------------*/ div.zoom {min-width:100px!important;} /*-----------------------------*/ /*Temporary Store Closures page*/ /*-----------------------------*/ div.temporary-store-closures { background: transparent url(/images/customerservice/store-closures-banner.gif) top right no-repeat; height:60em; width:952px; } div.temporary-store-closures p, div.temporary-store-closures ul {padding-left:15px; color:#000;} div.temporary-store-closures p.top {padding-top:190px} div.temporary-store-closures ul li {font-weight:bold} /*store finder banner*/ div#store-finder-store-closures { background: transparent url(/images/customerservice/store-finder-closures.gif) top right no-repeat; height:165px!important; width:952px; } h2#closed-stores-link{width:940px;height:165px;margin:0;padding:0;overflow:hidden;} h2#closed-stores-link span{width:940px;height:165px;background:url(/images/spacer.gif) top left repeat;display:block;cursor:pointer !important} /* session expired page */ .checkout-page a#return_to_basket {background:url('/images/buttons/return_to_basket.gif') no-repeat; width:241px; height:33px; float:left; margin:30px 0px 0px 0px;} /*** * Generic styles ****************/ .generic_red_bold {color:red !important; font-weight:bold !important;} .generic_red {color:red !important;} /* Serco contigency information container *****************************************/ .important-info-page h1 {color:red; font-size:2em; font-family:Verdana, Verdana, Geneva, sans-serif;} .important-info-page h2 {color:black; font-size:1.4em; font-family:Verdana, Verdana, Geneva, sans-serif;} .important-info-page p {color:black; font-size:1.4em; font-family:Verdana, Verdana, Geneva, sans-serif; padding-bottom:20px;} .important-info-page p a {text-decoration:underline; color:red;} .important-info-page p span {font-weight:bold;} /*For App Store, Twitter and Facebook*/ #footernav #socialMedia{position:absolute; top:0px; right:0px; margin:0px; padding:40px 0px 0px 0px; height:50px; width:180px;} #footernav #socialMedia h2{color: #AFAFAF; font-family: Arial,Arial,Helvetica,sans-serif; float:left; font-size: 1.7em; font-weight:normal; letter-spacing: 1px; margin:10px 0px 0px 0px; padidng:0px; text-transform: lowercase; z-index: 10; width:100px;} #footernav #socialMedia ul#icons {clear:none; float:left; margin:0px; padding:0px;} #footernav #socialMedia ul#icons li {float:left; padding-right:8px;} #footernav #socialMedia ul#icons li#app_store_link {background:url('/images/main/app_store_icon.gif') no-repeat 0px -1px; width:93px; height:34px;} #footernav #socialMedia ul#icons li#app_store_link a {width:93px; height:34px; position:absolute;} #footernav #socialMedia ul#icons li#face_promo_link {background:url('/images/main/facebook_icon.gif') no-repeat; width:30px; height:30px;} #footernav #socialMedia ul#icons li#face_promo_link a {width:31px; height:31px; position:absolute;} #footernav #socialMedia ul#icons li#twit_promo_link {background:url('/images/main/twitter_icon.gif') no-repeat; width:30px; height:30px; /*width:710px; height:48px; margin-top:96px; margin-left:0; position:absolute;*/} #footernav #socialMedia ul#icons li#twit_promo_link a {width:31px; height:31px; position:absolute;} /*Bing Map*/ .location_map{height:560px;} #mapDiv{position:absolute; width:920px; height:480px;} .backLink{padding-left:15px;} div#mapDiv img {display:inline;} /* static sitemap page */ div.sitemap-page div#content div#content-body{margin:0; padding:0!important; width:950px;} div#ej-sitemap div#sitemap-links{background-color:#afafaf; width:100%;} div#ej-sitemap div.sitemap-links ul{padding:0; margin:0; list-style-type:none;} div#ej-sitemap div#sitemap-links ul li{display:inline; width:236px; border-left:solid 1px #fff; border-bottom:solid 1px #fff; float:left; height:21px; padding-top:2px;} div#ej-sitemap div#sitemap-links ul li.first{border-left:none; width:239px;} div#ej-sitemap div#sitemap-links ul li.bottom{border-bottom:none;} div#ej-sitemap div#sitemap-links ul li.last{border-right:solid 1px #fff;} div#ej-sitemap div#sitemap-links ul li a{color:#fff; font-size:1.05em; font-weight:bold; padding-left:32px; background:transparent url(/images/sitemap/button_block.gif) no-repeat left top; text-transform:lowercase; background-position:1.2em 0.2em;} div#ej-sitemap h1, div#ej-sitemap h2{position:relative; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:15px 15px 15px 15px; letter-spacing:.5em;} div#ej-sitemap h1{color:#000; font-size:1.8em;} div#ej-sitemap h2{margin-bottom:15px; padding:15px 0 0 15px; color:#fff; font-size:1.6em;} div#ej-sitemap div.sitemap-section{background-color:#000; border-bottom:solid 1px #afafaf; zfloat:left;} div#ej-sitemap div.sitemap-section.odd{background-color:#666;} div#ej-sitemap div.sitemap-section a{color:#fff; font-size:1.2em;} div#ej-sitemap div.sitemap-column{float:left; width:235px;} div#ej-sitemap div.sitemap-section ul{padding:0 0 15px 15px;} div#ej-sitemap div.sitemap-section ul ul{padding:15px 0 0 0;} .basket-page p.lastorder_text {color: #990033 !important; font-weight: bold;}