/* * Mamas & Papas Style Sheet * Description : A default stylesheet loaded on all pages within controller.class.php. * It is one of 7 stylesheets loaded on every page by default, they are (in order) : * * generic/buttons.css * generic/default.css * generic/navigation.css * generic/templates.css * generic/dirty.css * generic/modes.css * celebros/autocomplete.css * * They all exist within the ""web/css/generic" folder. * * WORK IN PROGRESS!!!!!!!!!!!!!!!!!!!!!! * * Author : Charles Jackson * Dated : 2010. * */ /* * STRAPS * Coloured 'straps' as used in stockist_information.tpl */ #strap {padding-top: 10px;width: 100%;height: 27px;font-weight: bold;} #strap.stores {background-color: #F7F7F7;} #strap.platinum {background-color: #FFFFCC;} #strap.gold {background-color: #ffff99;} #strap.silver {background-color: #EEEEEE;} #strap.generic {background-color: #EBEBE5;color: #5F6061;font-size: 1.4em;text-align:right;} /* * Referenced within popup.tpl only */ #PopupContainer{ width: 90%; padding:5%; margin: 0px auto 0px auto; } /* Referenced in index.tpl */ .ghome-container { float: left; width: 375px; *width: 365px; margin-left: 15px; } /* Referenced in giftcard/index.tpl */ .ghome-container-bodytext { height: 180px; } /*IE6 fix to help line up buy buttons. Stupid ie6*/ * html .ghome-container-bodytext { height: 188px; } /* Referenced in index.tpl */ h1.header-bannerXmas { background: #fff url(/images/giftcards/giftcard_banner_christmas.jpg) no-repeat top left; width:793px; height: 214px; text-indent: -3000px; } h1.header-banner { background: #fff url(/images/giftcards/gift_home_banner.jpg) no-repeat top left; width:793px; height: 214px; text-indent: -3000px; } /* Due to yet more intelligent naming conventions I'm unable to assertain the status of this class */ h2.choose { margin-left: 15px; margin-top:15px; } /* Referenced in giftcards/index.tpl */ .giftcard-intro h2, h2.choose { font-size: 2em; line-height: 1.2em; } /* Referenced in giftcards/index.tpl */ p.christmas_giftcard { font-size: 1.2em; line-height: 1.2em; margin-left: 15px; margin-right: 15px; } /* * Referenced in the following files : prams.ie.inc, prams.inc, slimline_banner.inc, maternity_clothes_banner.inc, jeans_banner.inc * baby_clothes_banneer.inc. It is the top-level container. */ #TopPromotionalBanner{ margin: 0 auto 0 auto; width: 992px; background-color:#fff; } /* Refer to "TopPromotionalBanner" for reference list */ #TopPromotionalBanner img{ margin: 0 0 10px 0; } .TopPromoBanner_Padding img{ margin-left:5px!important; } /* Unable to asscertain the status of this class due to the naming convention */ li a.news { padding-left: 130px; padding-right: 15px; background: #ffffff url(/images/loop/loop-arrow.gif) no-repeat center right; text-decoration: none!important; font-weight: bold; font-size: 105%; } /* Referenced in home_dynamic.inc only */ #HomeBlock5 { width: 23%; float: right; background-image: url(/images/backgrounds/skate_back.jpg); background-repeat:no-repeat; padding: 0 0 10px 0; margin-top:20px; color: #FFFFFF; } /* Referenced in home_dynamic.inc only */ #HomeBlock5 a { color: #FFFFFF; font-weight: bold; } /* Referenced in home_dynamic.inc only */ .HomeBlockText { margin: 10px 10px 0 10px; } /* Referenced in home_dynamic.inc only */ .HomeBlockText li { margin-bottom: 10px; } /* * Referenced in various category templates most noteably new_products.tpl , it is the top-level container. * NOTE: It has been redefined numerous times using inline styling, look at car-seats.tpl and pushchairs.tpl for examples. No idea why, * lazy coding one must assume :( */ #HeroContainer { width: 100% !important; font-size:1.1em; color:#FFFFFF; } /* * Referenced in various category templates and redefined numerous time using inline styling. Refer to "HeroContainer" * It formats the generic image that acompanies the category. */ #HeroImage { width:100%; height:300px; float:left; } /* * Referenced in various category templates and redefined numerous time using inline styling. Refer to "HeroContainer". * It formats the prose that accompanies the "HeroImage". */ #HeroCopy { width: 40%; height: 1%; display: table; float:left; color:#FFFFFF; padding-left: 4%; padding-right: 1%; /*changed for */ } /* * Referenced in various category pages, it formats the Category page title elements. */ #HeroCopySifr{ margin-top: 20px; font-size: 2.4em; font-style: italic; color: #FFFFFF; } /* * Referenced in various category pages, it formats the Category page title elements. */ #HeroCopySifr1{/* Cat page title elements */ margin-top: 20px; font-size: 23px; line-height:20px; color: #345D7F; } /* * Referenced in various category templates and redefined numerous time using inline styling. Refer to "HeroContainer". * It formats the prose that accompanies the "HeroImage". */ #HeroCopy a { color: #FFFFFF; font-weight: bold; background-image:url(/images/buttons/arrow_white_double.gif); background-repeat:no-repeat; background-position:right center; padding-right: 20px; text-decoration:none; position: relative; top: 10px; } /* * Referenced in various category templates and redefined numerous time using inline styling. Refer to "HeroContainer". * It formats the prose that accompanies the "HeroImage". */ #HeroCopy a:hover { color: #87a712; background-image:url(/images/buttons/arrow_green_double.gif); background-repeat:no-repeat; background-position:right center; } /* Referenced in search.tpl */ .search_box { font-size:0.9em; width:200px; padding:2px; vertical-align:top; color:#999999; } /* * Impossible to verify the status of this class because of the highly intelligent name (ever grepped for "view" (Doh!) */ .view { padding:0px 0 0 3px; vertical-align:middle; } /* * Referenced in pushchairs-accessories.tpl, prams-pushchairs.tpl, pushchairs.tpl, prombanner.inc. Normally a backdrop to any * document downloads such as PDFs */ .PromoBanner { margin-top: 2%; padding: 2%; width: 96%; height: 1%; display: table; background-color: #b7c4a8; background-image:url(/images/backgrounds/bg_giftcards.jpg); background-repeat:no-repeat; background-position:right; color: #FFFFFF; } /* * Referenced in babywearpromo.inc */ .BabyWearPromoBanner { margin: 18px 0 0 17px; } /* * Referenced in pushchairs-accessories.tpl, prams-pushchairs.tpl, pushchairs.tpl, prombanner.inc. Normally a backdrop to any * comparison charts. */ #PromoBannerSifr{ font-size: 2.2em; } /* Format the link to any comparison chart */ #PromoBannerSifr a{ font-style: italic; color: #FFFFFF; } /* Referenced in product_details.tpl and search.tpl */ #prod_detail_image{ min-height:435px; } /* IE Fix */ *html #prod_detail_image{ height:435px; /* IE6 Only */ } /* Referenced in product_details.tpl and search.tpl */ #prod_detail_image object:active, #prod_detail_image object:focus{ outline:none; } /* Referenced in numerous templates */ #ContainerHeader { /*header - ie. news section*/ height: 40px; padding: 3px 0 8px 0; } /* Referenced in numerous templates */ #HeaderText { font-size:2em; font-weight:normal; color: #808080; margin:0 0 0 10px; } /* Referenced in my_account.tpl */ .greyBox { background-color: #ececec; display:block; width: 200px; padding: 7px; } /* Referenced in various TPL files */ ul#address_details { background-color:#F9F9F9; padding: 20px; } /* Referenced in various template files */ .quick_address{ width:370px; } /* Referenced in various template files */ .dropdown_box { width:120px; margin:3px; margin-top:0; } /* Referenced in various template files */ .dropdown_box_dates{ margin:1px; margin-top:5px; } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .gcard-selection { padding-left: 20px; } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .gcard-selection h1 { font-size: 2em; border-bottom: 1px dashed #CCCCCC; line-height: 2.4em; color: #bc3766; margin-bottom: 20px; } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .gcard-selection h2 { font-size: 1.6em; line-height: 1.5em; margin-bottom: 25px; } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .gcard-selection img { float: left; display: block; margin-right: 10px; } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .gcard-selection p { float: left; width: 553px; } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .giftthumb-container { float: left; width: 193px; margin: 0 0 35px 80px; _margin: 0 0 35px 35px; } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .giftthumb-container h3 { float: left; font-weight: bold; font-size: 1.25em; color: #bc3766; margin: 18px 0 0 0; padding-right: 10px; border-right: 1px solid #e7e7e8; max-width: 110px; width:expression(document.body.clientWidth > 112? "112px": "auto" ); } /* Referenced in select_e_giftcard.tpl and select_plastic_giftcard.tpl */ .giftthumb-container a.btn_generic { float:left; margin: 18px 0 0 10px; } /* Used on Gift Card page for removing margin from first gift card in each row */ #Mode2Main .first { clear:left; margin-left:0; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl */ .gcard-order { padding-left: 26px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-order h1 { font-size: 2em; border-bottom: 1px dashed #CCCCCC; line-height: 2.4em; color: #bc3766; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-order .gcard-left h2 { font-size: 1.5em; line-height: 1.5em; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-order .gcard-right h2 { font-size: 1.5em; line-height: 1.5em; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left { float: left; margin-top:15px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left p.zoom { background-color: #F9F9F9; margin-bottom: 25px; line-height: 1.7em; border: 1px dashed #CCCCCC; width: 315px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left p.zoom a { display: block; width: 100px; padding: 5px 5px 5px 35px; background: #F9F9F9 url(/images/generic/magnifier.gif) no-repeat 10px 50%; } /* * Referenced within edit_plastic_giftcard.tpl and plastic_giftcard.tpl */ .gcard-left img.dotted { border: 1px dashed #CCCCCC; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left img, .gcard-left img.dotted{ margin-top: 15px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left hr { margin: 15px 0 15px 0; width: 320px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left h3 { font-size: 1.5em; float: left; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left ul { float: left; margin-top: 5px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left ul li { display: inline; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left ul li.previous a { background: #fff url(/images/buttons/arrow_red_trans_back.gif) no-repeat left 50%; padding-left: 10px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-left ul li.next a { background: #fff url(/images/buttons/arrow_red_trans.gif) no-repeat right 50%; padding-right: 10px; margin-left: 10px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-right { float: right; width: 400px; margin-right:10px; margin-top: 15px; } /* * Referenced within edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl * and giftcard.js */ .gcard-order .gcard-right .FormList{ margin-top: 20px; background-color:#F9F9F9; padding: 20px; } .gcard-right #toggle_address { background-color: #EFFFB3; } /* Referenced in e_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl and plastic_giftcard.tpl */ .gcard-pleaseWait { font-size: 1.5em; color: #bc3766; } /* Referenced in giftcards/index.tpl */ .ghome-container h3 { float:right; width: 200px; *width: 190px; _width: 175px; font-size: 1.5em; line-height: 2.8em; padding-right: 15px; margin-top: 10px; } /* Referenced in giftcards/index.tpl */ .ghome-container p { float:right; padding-bottom:7px; margin-right:0; margin: 0; width: 215px; *width: 205px; } /* Referenced in giftcards/index.tpl */ .ghome-container img { float: left; padding: 15px 8px 0 0; } /* Referenced in giftcards/index.tpl */ .ghome-container p a.btn_generic { display: block; /* IE6 Hack */ width: 30px; margin-top: 15px; } /* Referenced in giftcard/index.tpl */ .giftcard-intro { margin-top: 18px; padding-left: 14px; } /* Reference in various include files and templates */ #HomeFlashContainer { margin-top: 1px; } /* Referenced in various category template files */ #CatBlocksContainer{ width: 98%; height: auto; float: right; } /* Referenced in various category template files */ #CatBlock1Container, #CatBlock3Container, #CatBlock5Container { float: left; width: 53%; height: auto; } /* Referenced in various category template files */ #CatBlock2Container, #CatBlock4Container, #CatBlock6Container { float: right; width: 47%; height: auto; } /* Referenced in various category template files */ #CatBlock1, #CatBlock3, #CatBlock5 { padding-top: 4%; padding-right: 2%; width: 92%; height: 1%; display: table; border-bottom: 1px #CCCCCC dashed; } /* Referenced in various category template files */ #CatBlock2, #CatBlock4, #CatBlock6 { padding-top: 4%; width: 100%; height: 1%; display: table; border-bottom: 1px #CCCCCC dashed; } /* Referenced in numerous template files, a container div for the category prose */ .CatText { width: 45%; height: 1%; display: table; float: left; } /* Formats the links in the category prose */ .CatText a{ color: #3a3a3b; background-image:url(/images/buttons/arrow_black_double.gif); background-repeat:no-repeat; background-position:bottom right; text-decoration:none; display: block; padding-right: 20px; } /* Formats the link mouseover effects in the category prose */ .CatText a:hover{ color: #87A712; background-image:url(/images/buttons/green_double.gif); background-repeat:no-repeat; background-position:bottom right; text-decoration:none; } /* Image links on category pages */ .CatImage a { width: auto; height: auto; margin-bottom: 4%; display: table; float: right; text-align:right; border: 1px solid #e2e7dc; } /* Rollover effects */ .CatImage a:hover { border: 1px solid #add301; } /* Referenced in numerous template files, a container div for the category prose */ #CatBlock1Sifr, #CatBlock2Sifr, #CatBlock3Sifr, #CatBlock4Sifr, #CatBlock5Sifr, #CatBlock6Sifr {/* Cat Page title elements */ font-size: 2em; color: #3a3a3b; } /* Category Panels - Layout CSS - Rob MacDonald - Feb 2009*/ .CatPanel{ width:376px; /*Should be able to have 1px more width? */ float:left; margin:10px 10px 0 10px; padding:0 0 10px 0; border-bottom:1px dashed #ccc; /* Grey */ } * html .CatPanel{margin:7px 9px 0 5px;}/*IE6 only*/ .CatPanel h2{ font-size:180%; /*Big text!*/ font-weight:normal } .CatPanel h2, .CatPanel p{ width:201px; float:left; margin-right:10px } .CatPanel p{ margin:8px 0 0 0 } .CatPanel a img{ float:right; border: 1px solid #e2e7dc; } .CatPanel a:hover img{ border:1px solid #add301 !important; } /* Referenced in product_details.tpl, ajax-z-products.tpl, z_range_grid.inc */ .thumbnail_swatch{ position: relative; z-index: 0; } /* Referenced in product_details.tpl, ajax-z-products.tpl, z_range_grid.inc */ .thumbnail_swatch:hover{ background-color: transparent; z-index: 50; } /* Referenced in product_details.tpl, ajax-z-products.tpl, z_range_grid.inc */ .thumbnail_swatch span{ position: absolute; background-color: #eaeaea; background-image:url(/images/backgrounds/prod_det_text_corner.gif); background-repeat:no-repeat; background-position:bottom right; padding: 5px; left: -1000px; border: 1px solid #ffffff; visibility: hidden; text-decoration: none; line-height:10px; font-weight:bold; color:#666666; width:115px; margin-top:0px; } /* Referenced in product_details.tpl, ajax-z-products.tpl, z_range_grid.inc */ .thumbnail_swatch span img{ /*CSS for enlarged image*/ border-width: 0; } /* Referenced in product_details.tpl, ajax-z-products.tpl, z_range_grid.inc */ .thumbnail_swatch:hover span img{ /*CSS for enlarged image*/ border:solid 1px #FFFFFF; margin-bottom:10px; } /* Referenced in product_details.tpl, ajax-z-products.tpl, z_range_grid.inc */ .thumbnail_swatch:hover span{ /*CSS for enlarged image*/ visibility: visible; } /* Referenced in product_details.tpl */ .thumbnail_swatch_details:hover span{ /*CSS for enlarged image*/ margin-top: -120px; left: -120px; /*position where enlarged image should offset horizontally */ } .thumbnail_swatch_details:hover a{ text-decoration:none !important; } /* Referenced in z_range_grid.inc and ajax-z-products.tpl */ .thumbnail_swatch_range:hover span{ /*CSS for enlarged image*/ top: -123px; left: -120px; /*position where enlarged image should offset horizontally */ } /* Referenced in quick_search.tpl */ #stage1{ background-image:url(/images/quickorder/stage1.gif); background-repeat:no-repeat; width:232px; height:100px; float:right; padding:10px; background-position:top; padding-top: 110px; margin-top:30px; } /* Referenced in quick_add.tpl */ #stage2{ background-image:url(/images/quickorder/stage2.gif); background-repeat:no-repeat; width:232px; height:100px; float:right; padding:10px; background-position:top; padding-top: 110px; margin-top:30px; } /* Referenced in quick_confirm.tpl */ #stage3{ background-image:url(/images/quickorder/stage3.gif); background-repeat:no-repeat; width:232px; height:100px; float:right; padding:10px; background-position:top; padding-top: 110px; margin-top:30px; } /* Referenced in quick_search.tpl */ #sub_line{ padding-bottom:10px; padding-top:10px; border-bottom: 2px solid #F3F3F3; width: 100%; margin:0; } /* Referenced in quick_search.tpl */ .sub_width{ width:40px; font-size:1.3em; font-weight:bold; vertical-align:top; } /* Referenced in quick_search.tpl */ #top_width{ width:40px; font-weight:bold; } /* Referenced in quick_add.tpl */ #qty_box{ font-size:11px; width:20px; } /* Referenced in many template files */ #QuickAdd form#frmQuickAdd table { border-collapse:collapse; } /* Referenced in many template files */ #QuickAdd form#frmQuickAdd table tr td { padding:7px } /* Referenced in many template files */ #QuickAdd form#frmQuickAdd table tr th { padding:7px; white-space:nowrap } /* Referenced in many template files */ #QuickAdd form#frmQuickAdd table tr.example td { color:#999 } /* Referenced in many template files */ #QuickAdd p.buttonRow { text-align:right } /* Referenced in many template files */ #QuickAdd table td { border-bottom:1px dotted #ccc !important } /* Referenced in many template files */ #QuickAdd table td.nowrap { white-space:nowrap } /* Referenced in many template files */ #QuickAdd table td.option1 select { width:125px } /* Referenced in many template files */ #QuickAdd table td.option2 select { width:125px } /* Referenced in website_questionnaire.tpl */ .gauge { width:230px; height:26px; background-image:url(/images/buttons/slider_gauge.gif); background-position:left top; background-repeat:no-repeat; float:right; } /* Referenced in website_questionnaire.tpl, website_questionnaire.js, sola/index.tpl and slider.js */ .slider{ background-image:url(/images/buttons/slider_arrow.gif); width:9px; height:15px; cursor:move; background-repeat:no-repeat; background-position:bottom right; padding:19px 0 0 9px; } /* Referenced in website_questionnaire.tpl */ .slider_blue{ background-image:url(/images/buttons/slider_arrow_blue.gif); width:9px; height:15px; cursor:move; background-repeat:no-repeat; background-position:bottom right; padding:19px 0 0 9px; } /* LIGHT BOX */ /* Referenced in lightbox.js and exploited using prototype "addClassName" method */ .LightboxGeneric { color: #333; position: absolute; top: 30%; left: 30%; padding: 10px; border: 1px solid #B8B8B8; background-color: white; text-align: left; z-index:1001; overflow: hidden; width: 560px; } #overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:#333; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } a.close{ display:block; height: 28px; width: 25px; text-indent:-1000px; position:absolute; right:5px; top:5px; background: transparent url(/images/generic/close_button.gif) no-repeat top left; } .lightbox[id]{ /* IE6 and below Can't See This */ position:fixed; }#overlay[id]{ /* IE6 and below Can't See This */ position:fixed; } /* END OF LIGHTBOX */ /* GiftListStatus is referenced in many files including the header.inc. It is global */ #GiftListStatus div.wrap { background-color:#fff; border:2px solid #999999; display:block; width:225px } /* GiftListStatus is referenced in many files including the header.inc. It is global */ #GiftListStatus div.wrap p { margin:8px; padding:0 } /* GiftListStatus is referenced in many files including the header.inc. It is global */ #GiftListStatus div.wrap p.heading { margin:0; padding:0 } /* GiftListStatus is referenced in many files including the header.inc. It is global */ #GiftListStatus div.wrap p.heading strong { background-color:#999999; color:#fff; display:block; font-size:110%; font-weight:bold; padding:4px 4px 4px 8px } /* GiftListStatus is referenced in many files including the header.inc. It is global */ #GiftListStatus div.wrap table { margin:0; padding:0 } /* GiftListStatus is referenced in many files including the header.inc. It is global */ #GiftListStatus p.align-right { text-align:right } /* GiftListStatus is referenced in many files including the header.inc. It is global */ #GiftListStatus p.align-right a { border:none !important; margin:0; padding:0 } /* End Gift List Status */ /* Referenced in various template files */ .not_found{ padding:5px; border:#cccccc solid 1px; margin:10px 0 10px 0; background-color:#f9f9f9; color: #666666; } /* Referenced within product_details.tpl and controls.js */ #controls { background-image: url(/images/generic/controls_bg.jpg); background-repeat:repeat-x; background-position:bottom left; text-align:left; padding:0 0 10px 0; border:1px solid #e2e2e2; height:1%; /*nasty fix*/ } /* Referenced within product_details.tpl and controls.js */ #controls a{ text-decoration:underline; margin:0 5px 0 0; } /* Referenced in product_images.js and products_details.tpl */ a#image_zoom{ float:left; padding:10px 30px 0 10px; text-decoration:none; } /* Referenced in product_images.js and products_details.tpl */ a#image_zoom img{ float:left; } /* Referenced in product_images.js and products_details.tpl */ a#image_zoom .text{ margin:2px 0 0 0; } /* Referenced in product_images.js, apollo/index.tpl and product_details.tpl */ a#video_btn{ float:right; text-decoration:none; padding:10px 10px 0 10px; } /* Referenced in product_images.js, apollo/index.tpl and product_details.tpl */ a#video_btn image{ padding:0 0 0 0; margin:0 0 5px 0; } /* Referenced in product_images.js, apollo/index.tpl and product_details.tpl */ a#video_btn .icon{ float:left; margin:0 0 0 5px; } /* Referenced in product_images.js, apollo/index.tpl and product_details.tpl */ a#video_btn .text{ float:left; margin:1px 0 0 2px; } /* Referenced in product_images.js, apollo/index.tpl and product_details.tpl */ a#video_btn .thumb{ float:left; border:1px solid #ccc; cursor:pointer; } /* Referenced in product_images.js and product_details.tpl */ a#back_to_images { float:left; padding:10px 30px 0 10px; text-decoration:none; } /* Referenced in product_images.js and product_details.tpl */ a#back_to_images .thumb{ float:left; border:1px solid #ccc; } /* Referenced in product_images.js and product_details.tpl */ a#back_to_images .icon{ float:left; margin:0 0 0 2px; } /* Referenced in product_images.js and product_details.tpl */ a#back_to_images .text{ float:left; margin:1px 0 0 2px; } /* Referenced in product_details.tpl */ a#enlarge_video{ float:right; margin:0 5px 0 0; } /* Referenced in product_images.js and product_details.tpl */ a#enlarge_video .text{ float:right; margin:2px 0 0 2px; } /* Referenced in product_images.js and product_details.tpl */ a#enlarge_video .icon{ float:right; margin:0 0 5px 2px; } /* Referenced in various JS and TPL files, wherever validation occurs */ #errordiv{ padding:10px; background-color:#FFFFCC; border:#CC0033 solid 1px; margin:0 0 10px 0; font-weight:bold; } /* Referenced in various JS and TPL files, wherever validation occurs */ #errordiv li, #warningdiv li{ font-weight:normal; list-style-type:disc; line-height:18px; margin-left:20px; } /* Referenced in various JS and TPL files, wherever validation occurs */ #errordiv li.warning{ list-style-image:url(/images/buttons/error.png); margin-left:30px; } #errordiv p { margin-top:0 } /* Referenced in various JS PHP and TPL files */ .error_msg{ background-color:#FFFFCC; border:#CC0033 solid 1px; font-weight:bold; padding: 10px; margin:3px 0 10px 0; line-height:15px; height:1% /* required for ie... */ } /* * Referenced in my_account.tpl, shopping_bag.tpl and review_and_purchase.tpl */ #warningdiv{ /*as used in review and purchase and shopping bag*/ padding:10px; background-color:#e5edc8; border:#8fb30b solid 1px; margin:0 0 10px 0; font-weight:bold; } /* Referenced in quick_add.js, catalogue_request_2.tpl and fivepound_promo_index.tpl */ .warning_msg { padding:10px !important; background-color:#e5edc8; border:#8fb30b solid 1px; margin:0 0 10px 0; font-weight:bold; } /* Referenced in quick_add.js, catalogue_request_2.tpl and fivepound_promo_index.tpl */ .warning_msg H1{ background-color:#ffffff; border:#8fb30b dotted 1px; text-align:center; font-size:2.5em; padding:5px; color:#8eba29; } /* Referenced in planning_essentials.tpl and product-instructions/index.tpl */ .truck01{ padding:7px 0 0 3px; } .truck01_title{ padding:3px 0 0 3px; vertical-align: text-bottom; } /* session id */ #_sessionid { display:none } /* Referenced in search.tpl */ a.order_asc { background:url(/images/generic/order_asc.png) right center no-repeat; padding-right:12px } /* Referenced in search.tpl */ a.order_desc { background:url(/images/generic/order_desc.png) right center no-repeat; padding-right:12px } /* * Referenced in giftcards/index.tpl, edit_plastic_giftcard.tpl, e_giftcard.tpl, edit_e_giftcard.tpl, * plastic_giftcard.tpl */ p.terms { background: transparent url(/images/giftcards/terms.gif) no-repeat left 58%; padding-left: 25px !important; line-height: 1.7em; } /* * The "tc" class is referenced within help.tpl. It maybe referenced in others I am unsure (Jan 2010 C Jackson). */ .tc ul { margin-bottom: 10px; } /* * The "tc" class is referenced within help.tpl. It maybe referenced in others I am unsure (Jan 2010 C Jackson). */ .tc ul li a { display: block; background: #fff url(/images/buttons/arrow_red_trans.gif) no-repeat left 50%; padding-left: 15px; margin-bottom: 15px; } /* * The "tc" class is referenced within help.tpl. It maybe referenced in others I am unsure (Jan 2010 C Jackson). */ .tc h3 { font-weight: bold; text-transform: uppercase; margin: 15px 0 10px 0; } /* * The "tc" class is referenced within help.tpl. It maybe referenced in others I am unsure (Jan 2010 C Jackson). */ .tc h4 { margin: 0 0 5px 0; font-weight: bold; } /* * The "tc" class is referenced within help.tpl. It maybe referenced in others I am unsure (Jan 2010 C Jackson). */ .tc hr { margin: 20px 0 20px 0; } /* * The "tc" class is referenced within help.tpl. It maybe referenced in others I am unsure (Jan 2010 C Jackson). */ .tc ul.bullet_dot li { margin-left:15px; margin-bottom: 5px; } /* * The "tc" class is referenced within help.tpl. It maybe referenced in others I am unsure (Jan 2010 C Jackson). */ .tc ul.bullet_dot li a { background: none; padding:0; margin:0; display: inline; } /* Referenced in e-catalogue_viewer.tpl */ .CatContainer { margin: 10px 0 10px 0; width: 768px; height: auto; display: table; } /* Referenced in e-catalogue_viewer.tpl */ .CatMain { width: 210px; margin-left: 0px; height: auto; float: left; } /* Referenced in help/index.tpl */ #context_help li { list-style:url(/images/generic/help_icon.png); margin-left:10px; } /* Referenced in help/index.tpl */ #context_help{ background-color: #dee5ff; padding: 10px; border: 1px solid #305dfc; } /* Referenced in help/index.tpl */ #context_help div{ background-color:#FFFFFF; background-position:5px 5px; border: 1px dotted #5487ff; padding:5px 5px 5px 30px; } /* Referenced in general.js, my_account.tpl, forgot_password.tpl, address_book.tpl and generic.xsl */ .helpAvailable { z-index: 0; padding-right: 20px; background: transparent url(/images/generic/help_icon.gif) no-repeat right center; } /* Referenced in help/index.tpl */ .helpItem { border-top: 1px dashed #cccccc; margin: 10px 0 0px 0; position: relative; z-index: 0; } /* Referenced in help/index.tpl */ #helpMenu li { padding: 0 0 8px 0; } /* Referenced in help.js and help/index.tpl */ .helpMenuHead { padding:7px 20px 7px 8px; margin: 10px 0 0 0; cursor: pointer; } /* Referenced in help.js and help/index.tpl */ .helpMenuHead .h2{ background-image:url(/images/generic/expand_icon.gif); background-repeat:no-repeat; background-position:left 4px; padding-left:15px; } /* Referenced in help.js and help/index.tpl */ .helpMenuHead:hover { background-color: #e9efe0; } /* Referenced in help.js and help/index.tpl */ .helpMenuContent { padding:0px 20px 0 8px; } /* Referenced in help.js and help/index.tpl */ .helpMenuHeadActive { padding:7px 20px 7px 8px; cursor: default; } /* Referenced in help.js and help/index.tpl */ .helpMenuHeadActive:hover { background-color:#fff; } /* Referenced in help.js and help/index.tpl */ .helpMenuHeadActive .h2{ background-image:url(/images/generic/minimise_icon.gif); background-repeat:no-repeat; background-position:left 4px; } /* the "personalise" class is referenced in various "QuickAdd" files including JS TPL and Procedual code */ div.personalise { text-align: center; } /* the "personalise" class is referenced in various "QuickAdd" files including JS TPL and Procedual code */ div.personalise form { margin: 0; padding: 0 } /* the "personalise" class is referenced in various "QuickAdd" files including JS TPL and Procedual code */ div.personalise p { background-color: #f9f9f9; border: 1px solid #ccc; margin: 0; padding: 10px; text-align: left; } /* Referenced in various TPL & XML files plus WUPSELL_prom_header.class.php */ .btn_details { width:auto; } /* =Skate Micro Site -----------------------------------------------------------------------------*/ /* Referenced in various template files */ .SkateColRight{ float:right; width:25%; text-align:justify; line-height:1.2; padding:20px 10px 0 0; height:700px; } /* Referenced in various template files */ .SkateColRight strong{ color:#dd3a3c; } /* Referenced in various template files */ .SkateColLeft{ float:left; width:550px; text-align:justify; padding:50px 10px 0 10px; line-height:1.2; } /* Referenced in fabric_collection.tpl */ .SkateColColour{ width:550px } /* Referenced in fabric_collection.tpl */ .SkateColColour li{ width:170px; float:left; padding-left:10px; text-align:left; } /* Referenced in fabric_collection.tpl */ .SkateColColour img:hover{ border:#87A712 solid 1px; } /* Referenced in fabric_collection.tpl */ .SkateColColour img{ border:#ffffff solid 1px; } /* Referenced in review_and_purchase.tpl and verify.tpl */ #AuthoriseIframe { border:none } /* Referenced in pushchairs-accessories.tpl, prams_pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container { float: left; margin: 15px 10px 0 10px; width: 375px; } /* Referenced in pushchairs-accessories.tpl, prams_pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container h2 { padding: 7px 0 7px 10px; font-size:1.6em; color:#777; } /* Referenced in various TPL files */ .combi h2 { background-color:#e0f2f9; border-left: 7px solid #85d4e9; } /* Referenced in various TPL files */ .combi ul { background: #ffffff url(/images/categories/pushchair_comb_bg.jpg) repeat-x bottom left; } /* Referenced in various TPL files */ .combi ul li a:hover { color: #85d4e9; text-decoration: none; } /* Referenced in various TPL files */ .combi ul li a { background: transparent url(/images/categories/pushchairs_arrows_combi.gif) no-repeat left center; } /* Referenced in various TPL files */ .combi h2 { background-color:#e0f2f9; border-left: 7px solid #85d4e9; } /* Referenced in various TPL files */ .combi ul { background: #ffffff url(/images/categories/pushchair_comb_bg.jpg) repeat-x bottom left; } /* Referenced in various TPL files */ .combi ul li a:hover { color: #85d4e9; text-decoration: none; } /* Referenced in various TPL files */ .combi ul li a { background: transparent url(/images/categories/pushchairs_arrows_combi.gif) no-repeat left center; } /*Pushchairs -----------------------------------------------------------------------------*/ .push h2 { background-color:#fcede2; border-left: 7px solid #f4bd9b; } .push ul { background: #ffffff url(/images/categories/pushchair_push_bg.jpg) repeat-x bottom left; } .push ul li a:hover { color: #f4bd9b; text-decoration: none; } .push ul li a { background: transparent url(/images/categories/pushchairs_arrows_push.gif) no-repeat left center; } /*Pramette Pushchairs -----------------------------------------------------------------------------*/ .pram h2 { background-color:#fff9f0; border-left: 7px solid #f9d5a6; } .pram ul { background: #ffffff url(/images/categories/pushchair_pram_bg.jpg) repeat-x bottom left; } .pram ul li a:hover { color: #f9d5a6; text-decoration: none; } .pram ul li a { background: transparent url(/images/categories/pushchairs_arrows_pram.gif) no-repeat left center; } /*Buggies -----------------------------------------------------------------------------*/ .bug h2 { background-color:#fbf2da; border-left: 7px solid #eec558; } .bug ul { background: #ffffff url(/images/categories/pushchair_bug_bg.jpg) repeat-x bottom left; } .bug ul li a:hover { color: #eec558; text-decoration: none; } .bug ul li a { background: transparent url(/images/categories/pushchairs_arrows_bug.gif) no-repeat left center; } /*All Terrain -----------------------------------------------------------------------------*/ .terrain h2 { background-color:#f0f4e4; border-left: 7px solid #c2d08b; } .terrain ul { background: #ffffff url(/images/categories/pushchair_terrain_bg.jpg) repeat-x bottom left; } .terrain ul li a:hover { color: #c2d08b; text-decoration: none; } .terrain ul li a { background: transparent url(/images/categories/pushchairs_arrows_terrain.gif) no-repeat left center; } /* Referenced in pushchairs-accessories.tpl and prams-pushchairs.tpl */ .twins h2 { background-color:#f4f8f2; border-left: 7px solid #c2d7b1; } /* Referenced in pushchairs-accessories.tpl and prams-pushchairs.tpl */ .twins ul { background: #ffffff url(/images/categories/pushchair_twins_bg.jpg) repeat-x bottom left; } /* Referenced in pushchairs-accessories.tpl and prams-pushchairs.tpl */ .twins ul li a:hover { color: #c2d7b1; text-decoration: none; } /* Referenced in pushchairs-accessories.tpl and prams-pushchairs.tpl */ .twins ul li a { background: transparent url(/images/categories/pushchairs_arrows_twins.gif) no-repeat left center; } /* Referenced in pushcairs-accessories.tpl, prams-pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container a img { float: left; padding: 5px; margin-top: -30px; margin-bottom: 10px; background: #FFFFFF; border: 1px solid #d3d3d3; } /* Referenced in pushcairs-accessories.tpl, prams-pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container a:hover img { padding: 5px; border: 1px solid #87A712; } /* Referenced in pushcairs-accessories.tpl, prams-pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container p { float: left; width: 180px; padding: 0 12px 0 12px; line-height: 1.4em; } /* Referenced in pushcairs-accessories.tpl, prams-pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container ul { float: left; width: 360px; height: 50px; padding: 15px 0 0 15px; } /* Referenced in pushcairs-accessories.tpl, prams-pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container ul li { float: left; margin-bottom: 8px; } /* Referenced in pushcairs-accessories.tpl, prams-pushchairs.tpl, shop-by-style.tpl and shop-by-fit.tpl */ .pushchairs-container ul li a { padding: 0 10px 0 10px; font-weight: bolder; } /*Pushchair Category Bottom Banner - Pushchair Comparison -----------------------------------------------------------------------------*/ .pushchair-comparison { float:left; margin-top: 2px; _margin-top: -20px; _margin-left: 10px; padding-left: 20px; background: transparent url(/images/categories/pushchair_comp_bg_top.jpg) no-repeat top center; } .pushchair-comparison h2 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:1.7em; font-weight:normal !important; width: 355px; } .pushchair-comparison p.tag-line { font-size:1.1em; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; width: 326px; margin-top: 1px; } .lets-compare { float:left; position: relative; margin-top: 20px; } .lets-compare p { width: 352px; margin-top: 15px; } .pushchair-comparison .lets-compare a { display:block; position: absolute; top: -4px; right: 8px; width: 195px; height: 31px; text-align: center; text-decoration: none; background:url(/images/categories/pushchair_comparison_button.gif) no-repeat top left; } .pushchair-comparison .lets-compare a:hover { background:url(/images/categories/pushchair_comparison_button_on.gif) no-repeat top left; } .pushchair-comparison .lets-compare a span { display: block; color: #FFF; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 1.2em; padding-top: 7px; } .why-mp { float:left; border-left: 1px solid #c3c6cb; margin-top: 20px; margin-left: 10px; padding-left: 10px; } .pushchair-comparison a:hover.lightwindow { color: #63b8d4; text-decoration: none; cursor: pointer; } /* Struggle to asscertain the stats of this class */ .pushchairs { clear: both; background-image:url(/images/backgrounds/bg_pushchairs.jpg); } /* Referenced in my_account.tpl and loyalty_confirm.inc */ h2.loyalty-header { position: relative; margin: 0 0 1px 0; width: 323px; height: 30px; } /* Referenced in my_account.tpl and loyalty_confirm.inc */ .loyalty { background-color: #FFFFFF; border: 1px dashed #cccccc; } /* Referenced in my_account.tpl and loyalty_confirm.inc */ .loyalty p { background-color: #dde9d3; margin: 3px; padding: 10px; } /* Referenced in address_book.tpl, maybe others but unsure because of naming convention */ .selected{ padding:5px; background-color:#626264; vertical-align:middle; margin:0 0 10px 0; width:97%; } /* Referenced in address_book.tpl, maybe others but unsure because of naming convention */ .selected strong { color: #ffffff; } /* Referenced in address_book.tpl, maybe others but unsure because of naming convention */ .select{ padding:5px; background-color:#626264; vertical-align:middle; margin:0 0 10px 0; display: table; width:97%; } /* Referenced in address_book.tpl, maybe others but unsure because of naming convention */ .select span{ float:left; height:1%; display:block; color: #ffffff; font-weight: bold; } /* * Referenced within store_survey.php and many XML files. Not totally sure if any others exist due to * the naming convention */ .wide { width: 400px; margin: 2px 0 10px 0; line-height: 1.3em; } /* * Referenced within store_survey.php and many XML files. Not totally sure if any others exist due to * the naming convention */ .wide span { margin: 3px; display: block; } /* Referenced in several TPL files */ .FormList{ list-style:none; padding:0px; margin:0px; line-height:30px; } /* Referenced in contact_us.tpl and press_info_request.tpl */ .FormList2{ list-style:none; padding:0px; margin:0px; height:120px; } /* Referenced in several TPL files*/ .FormList4{ list-style:none; padding:0px; margin:0px; line-height:30px; z-index:50; } /* Reference in payment_form.inc, part of review_and_purchase.tpl */ #lozenge2_main2 { height:auto; width:43%; } /* * Referenced in several TPL files. It reset line height for paragraphs in form so * we can have well formatted blocks of text */ .FormList p { line-height: 1.3em; } /* Used in several TPL files */ .lozenge2_main_form{ float:right; font-size:11px; margin-top:5px; width:160px; } /* Used in several TPL files */ .lozenge2_main_dropdown { float:right; font-size:11px; margin-top:5px; width:164px; } /* Referenced in many TPL files */ .lozenge2_main_form_3{ font-size:11px; margin-top:5px; width:75px; margin-left:10px; } /* Referenced in contact_us.tpl and press_info_request.tpl */ .lozenge2_main_question{ float:right; font-size:11px; margin-top:5px; width:250px; height:100px; margin-left:10px; } /* "newsBody" is referenced in the news_article.tpl file only */ #newsBody ul li{ margin-left: 10px; list-style-type: disc; } /* "newsBody" is referenced in the news_article.tpl file only */ #newsBody ol { margin-left:5px; } /* "newsBody" is referenced in the news_article.tpl file only */ #newsBody ol li { margin-left: 10px; list-style-type: decimal; } /* Referenced in quick_add.tpl */ #quickOrderSummaryTable td,th { text-align:left; vertical-align:top; } /* Referenced in quick_add.tpl */ .desc_left{ float:left; width:120px; vertical-align: top; } /* Referenced in quick_add.tpl */ .desc_right{ float:right; width:60px; vertical-align:top; } .noborder { border:none !important } /* * Referenced in register_1.tpl, delivery.tpl, sign-in.tpl, review_and_purchase.tpl, * payment_complete.tpl and verify.tpl */ #GiftListPurchaseStatus { clear:right; height:21px; margin:5px 0 25px 0; } /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol { list-style:none; margin:0 auto; padding:0; width:715px } /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li { background:url(/images/giftlist/backgrounds/purchase-status.png) left top no-repeat; float:left; height:21px; margin-right:5px; overflow:hidden; text-indent:999px; white-space:nowrap } /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step1 {width:82px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step1-complete {background-position:left -41px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step1-current {background-position:left -21px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step2 {background-position:-82px 0; width:128px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step2-complete {background-position:-82px -41px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step2-current {background-position:-82px -21px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step3 {background-position:-215px 0; width:165px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step3-complete {background-position:-215px -41px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step3-current {background-position:-215px -21px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step4 {background-position:-385px 0; width:143px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step4-complete {background-position:-385px -41px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step4-current {background-position:-385px -21px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step5 {background-position:-533px 0; margin-right:0; width:162px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step5-complete {background-position:-533px -41px} /* Referenced in various TPL files, see "GiftListPurchaseStatus" */ #GiftListPurchaseStatus ol li.step5-current {background-position:-533px -21px} /* Referenced in review_and_purchase.tpl and verify.tpl */ #template4_container { margin:0 10px 0 10px; } /* Referenced in payment_complete.tpl */ #template4_table1 td { border-right: #FFFFFF 1px solid; padding:5px 5px 5px 10px; } /* Referenced in payment_complete.tpl */ #template4_table1 { width:100%; background-color:#e1e1e1; font-weight:bold; margin:0px; } /* Referenced in view.tpl, manage.tpl, shopping_bag.tpl, review_and_purchase.tpl plus payment_complete.tpl */ .template4_td1{ width:auto; } /* Referenced in view.tpl, review_and_purchase.tpl, payment_complete.tpl and shopping_bag.tpl */ .template4_td4{ width:30px; } /* Referenced in review_and_purchase.tpl, payment_complete.tpl and shopping_bag.tpl, manage.tpl and view.tpl */ .template4_td1_image { float:left; margin-right:10px; border: #AEAAA1 3px solid; } /* Referenced in review_and_purchase.tpl, payment_complete.tpl and shopping_bag.tpl, manage.tpl and view.tpl */ .template4_td1_copy { vertical-align:middle; } /* Referenced in several TPL files */ .product_msg { color:#a9a9a9; font-weight:bold; } /* * FormBox is referenced in many TPL files */ .FormBox { background-color:#F9F9F9; border:1px solid #CCCCCC; display:table; height:1%; margin-bottom:12px; padding:3%; width:94%; } /* RangeContainer is referenced within range.tpl and search.tpl */ #RangeContainer ul.pagination { margin-right:10px; display: inline; clear: both; } /* Referenced in side_nav_baby_clothes.inc */ a#BabyWearCatalogue { background:url(/images/side_nav/baby_catalogue_off.jpg) left top no-repeat; display:block; width:192px; height:222px; overflow:hidden; text-indent:192px; white-space:nowrap } /* Referenced in side_nav_baby_clothes.inc */ a#BabyWearCatalogue:hover { background:url(/images/side_nav/baby_catalogue_on.jpg) left top no-repeat; } /* Referenced in car_safety_guide.tpl and garment_care.tpl */ ul.contactUs li { list-style-image:none; list-style-position:outside; list-style-type:disc; margin-left:23px; margin-top:5px; } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd { position:relative } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd p.quickadd_clear { position:absolute; right:20px; top:20px } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd form { background-color:#f9f9f9; border:1px solid #d7d7d7; margin:0; padding:20px } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd form table { border-collapse:collapse; } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd form table tr.noitems p { margin:0; padding:0 } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd form table tr.noitems td { text-align:center } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd form table tr td { padding:7px } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd form table tr th { border-bottom:1px dotted #ccc !important; padding:7px; white-space:nowrap } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd p.buttonRow { margin:0; text-align:right } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd table td { border-bottom:1px dotted #ccc !important } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd table td.nowrap { white-space:nowrap } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd table td.option1 select { width:125px } /* The "quickadd" class is referenced within quickadd.js and quick-add.tpl. */ div.quickadd table td.option2 select { width:125px } /* Referenced in product_advice.inc */ .buying_title{ font-size:1.1em; text-decoration:none; background-image:url(/images/buttons/buying_guide_back.gif); background-position:top right; background-repeat: no-repeat; display:block; height:1%; padding:13px 5px 10px 10px; color:#4d4d4f; } /* Referenced in product_advice.inc */ .buying li a{ background-image:url(/images/buttons/arrow_footer.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 0 6px 15px; border:none; display:block; border-top: dotted #CCCCCC 1px; } /* Referenced in product_advice.inc */ .buying li a:hover { color:#4d4d4f; text-decoration:none; background-color:#dad5ca; } /* * At time of publication only used within babyplay.tpl file */ .inline_5050 li{ float:left; width: 48%; } /* * TITLES */ /* Unable to ascertain status due to naming convention */ .title { font-weight: bold; text-decoration:underline; color: #3a3a3b; } /* * At time of publication, this is only used on the FAQ and regent_street template files * and is used to format the unordered lists. */ .title_arrow { padding: 0 0 0 10px; font-weight:bold; border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; padding:10px 0 10px 0; } /* * At time of publication is only used on with shopping_bag and payment_complete template files */ .title_fullwidth { border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; margin:0 0 10px 0; padding:10px 0 10px 0; width:100%; display:table; } /* referenced in website_questionaire.tpl */ .text_small { font-size: 0.8em; } /* Referenced in several TPL files */ .text_red { /*color:#b9ad29;*/ /*Green*/ color:#ee8610; /*Orange*/ font-weight:bold; } /* Referenced within product.class.php, quickadditem.class.php, bag_summary.inc and function.print_price.php */ .grey_strike { text-decoration:line-through; color:#3a3a3b; padding-right:10px; } /* Referenced in emma_maternity.tpl */ .text_white{/*used in php includes*/ color: #FFFFFF; font-weight:bold; } /* Referenced in various TPL files */ .asterix{ color:#ff0000; } .intro li { padding-bottom: 10px; padding-right: 15px; line-height: 1.4em; } /* =Footer Banners */ .image_border img{ padding:1px; border:#ffffff solid 1px; } .image_border img:hover{ } /*FormBox - Left hand side */ #ca{ text-align:center; } .white { background-color: #EE8610; width: 390px; padding:5px 5px 5px 10px; margin-left:-10px; color:#ffffff; font-weight:bold; margin-bottom:20px; } .black{ background-color: #7b7b7b; width: 390px; padding:5px 10px 5px 10px; margin-left:-10px; color:#ffffff; margin-bottom:10px; font-weight:bold; } .total { width: 250px; } /* Pricing based on INS tag for offer prices and DEL tag for strikeouts Used in BasketPreview and offers/related item tabs */ del.price, ins.price, span.price{ font-size:1.3em; text-align:right; color:#3A3A3B; font-weight:bold; } /* strikeout prices */ del.price{ } /* normal prices */ span.price{ font-size:1.5em; } /* offer prices */ ins.price{ font-size:1.5em; color:#940126; text-decoration:none; } .indexcontainer { width: 408px; height: 110px; } .CatButton { padding-left:200px; } .CatButton img { float:right; padding-right:20px; } li.left { float:left; width: 200px; } /* processing */ #payment_processing_gif{ display:none; } .processing{ background-position: right; border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; color: #999999; font-weight:bold; width:300px; background-repeat:no-repeat; overflow:visible; background-image:url(/images/buttons/button_generic_back.gif); height:21px; } .processing img{ vertical-align: middle; } .product_name a:visited { text-decoration: none; color: #3A3A3B; } .product_name a:link { text-decoration: none; color: #3A3A3B; } .product_name a:active { text-decoration: none; color: #3A3A3B; } .product_name a:hover { text-decoration: underline; color: #87A712; } a:visited.title { text-decoration: underline; color: #3a3a3b; font-weight:bold; } a:link.title { text-decoration: underline; color: #3a3a3b; font-weight:bold; } a:active.title { text-decoration: underline; color: #3a3a3b; font-weight:bold; } a:hover.title { text-decoration: underline; color: #87A712; font-weight:bold; } a:visited.link { text-decoration: underline; color: #87a712; } a:link.link { text-decoration: underline; color: #87a712; } a:active.link { text-decoration: underline; color: #87a712; } a:hover.link { text-decoration: underline; color: #3a3a3b; } .emphasis li{ /* As used in questionnaire */ font-size: 1.3em; font-weight:bold; padding: 3px 0 0 0; } .emphasis span.upper { text-transform: uppercase; font-size: 100%; } /* Arrows */ .down_arrow { background-image:url(/images/buttons/arrow_grey_trans_down.gif); background-repeat:no-repeat; background-position:center right; margin-right:5px; } ul.pdf_list li{ margin-left:15px; padding-left:25px; line-height:30px; background-image:url(/images/generic/pdficon_small.gif); background-position:center left; background-repeat:no-repeat; } ul.pdf_list li.productManualSubHead { margin-left:0px; padding-left:15px; line-height:35px; background-image: none; } .bullet_a li{ list-style-type:lower-alpha; margin-left:25px; padding-bottom:5px; } .bullet_dot li{ list-style-type: disc; margin-left:25px; padding-bottom:5px; } .bullet_number li{ list-style-type:decimal; margin-left:25px; padding-bottom:5px; } .inline li{ display: inline; padding-right: 15px; } /* * HEADERS - CLASSES */ .h1, .h2, .h3 { font-weight: bold; margin:0; padding:0 } .h1{ font-size:1.4em; } .h2{ font-size:1.2em; } .h3{ font-size:1.1em; } /* =Fonts -----------------------------------------------------------------------------*/ .grey{ color:#333333; } /* =Generic Table -----------------------------------------------------------------------------*/ .generic_table{ background-color:#f3f3f3; } .generic_table td, .generic_table th { padding:5px; vertical-align:top; border:#fff solid 1px; } .generic_table_r1{ background-color:#d1d1c1; } .generic_table_r2{ background-color:#f3f3f3; } /* * DIVIDERS * Globally formatted dividers used through the site in many template files */ /* Unable to establish current status of class "divider" due to the naming convention */ .divider { padding-bottom: 15px; background: #ffffff url(/images/homepage/home_divider.gif) repeat-x bottom left; margin-bottom: 10px; } .divider_dotted { background-image:url(/images/backgrounds/dashedline.gif); background-repeat:repeat-x; height:1px; width:100%; margin:5px 0 5px 0; padding:0 0 5px 0; } /* Referenced in various TPL files */ .divider_dotted1{ border-bottom: 1px dashed #cccccc; margin:0px; padding:0px; } /* Referenced in various TPL files */ .divider_dashed { border-bottom: 1px dashed #cccccc; height:1px; width:auto; margin:0 0 5px 0; padding:0 0 5px 0; line-height:0; } .divider_dashed_blue { border-bottom: 1px dashed #d0d5ec; height:1px; width:100%; margin:0 0 5px 0; padding:0 0 5px 0; line-height:0; } .dividerHome { padding-top: 15px; background: #ffffff url(/images/homepage/home_divider.gif) repeat-x top left; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ .gift_wrap_field{ margin-top:10px; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ .gift_wrap_field img{ vertical-align:middle; margin-right:2px; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ .gift_wrap_info{ position:relative; /*this is the key*/ z-index:24; text-decoration:underline; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ a.gift_wrap_info:hover{ z-index:25; cursor:pointer; outline:none; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ a.gift_wrap_info span{ display: none; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ a.gift_wrap_info:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:-115px; left:-1em; border-top:1px solid #99b219; padding:6px 6px 14px 6px; width:288px; background-image:url(/images/generic/giftwrap_tooltip_bg.gif); background-repeat:no-repeat; background-position:bottom left; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ a.gift_wrap_info:hover span img{ float:left; margin:0 0 0 0; width:120px; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ a.gift_wrap_info:hover span .text{ float:left; width:160px; height:95px; margin:1px 0 0 6px; font-weight:normal; color:#3a3a3b; } /* * Referenced in shopping_bag.tpl, product_details.tpl and review_and_purchase.tpl */ a.gift_wrap_info:hover{ text-decoration:none !important; } /****************************************************************************************************** * EVERYTHING BELOW THIS POINT HAS BEEN BROUGHT ACROSS FROM CHECKOUTENHANCEMENTS!!! ******************************************************************************************************/ #SignInHeader { width: 100%; height: 26px; background-image: url(/images/backgrounds/bg_sign_in.gif); background-position: top; background-repeat: repeat-x; margin: 0px; padding: 0px; } #SignInHeaderInner { font-size: 1.3em; font-weight: bold; color: #FFFFFF; margin-left: 10px; } #ShoppingBag { width: 280px; height: 24px; text-align:right; float: right; padding: 7px; font-size: 1.1em; } #ShoppingBag a { text-decoration: none; } .LightboxGeneric #lightboxGiftcard img.gcard { border: 1px solid #ccc; } .LightboxGeneric #lightboxGiftcard p { float: left; font-size: 120%; margin-top: 0; } .BorderBox { /*padding:3%; */ /* border-left:#ebe6d9 solid 3px; border-right:#ebe6d9 solid 3px; */ border-left:#ebe6d9 solid 3px; border-right:#ebe6d9 solid 3px; /*background-color:#f9f9f9;*/ /* height: 1%; */ padding 0px; margin:0px; /*margin-bottom: 12px;*/ } .BorderBox .left { float: left; width: 50%; } .BorderBox .right { float: right; width: 50%; text-align:right; } .lozenge2_main2 { /* Lozenge body as used in Review and Purchase */ width:43%; height:auto; } #date_picker_div span#date_picker_select { padding:0 } #template4_table2{ width:100%; margin:1px 0 0 0; display:table; } #template4_table2 td{ padding:10px 5px 0px 10px; border-right: #FFFFFF 1px solid; vertical-align:top; border-top:1px solid #fff; } .template4_td10{width:70px;} /* Referenced in review_and_purchase.tpl */ .template4_td7{width:75px; text-align:center} .template4_td1, .template4_td2, .template4_td2a, .template4_td2b, .template4_td3, .template4_td4, .template4_td5, .template4_td6, .template4_td6b, .template4_td8{ background-color:#f1ede6; border:none!important; } /* Referenced in review_and_purchase.tpl */ .template4_th8 { text-align:center; } /* Referenced in shopping_bag.tpl and review_and_purchase.tpl */ .template4_td8 { text-align: center; } /* Referenced in shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */ #template4_table2 th.template4_td5, #template4_table2 td.template4_td5{ border-right: #ffffff 5px solid!important; width:116px; } /* Referenced in shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */ #template4_table2 td.template4_td1, #template4_table2 td.template4_td2, #template4_table2 td.template4_td2a, #template4_table2 td.template4_td3, #template4_table2 td.template4_td4, #template4_table2 td.template4_td5, #template4_table2 td.template4_td6, #template4_table2 td.template4_td6b, #template4_table2 td.template4_td8{ border-top: #ffffff 5px solid!important; } /* Referenced in shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */ #template4_table2 th.template4_td8, #template4_table2 th.template4_th8{ border:none!important; text-align:center; background-color:#a29f9a!important; color:#FFFFFF!important; } .template4_td1_image{ float:left; margin-right:10px; border: #AEAAA1 3px solid; } /* Referenced in shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */ .template4_td4 span.text_red{ display:block; } /* Referenced in shopping_bag.tpl */ .promo_gift .FormBox{ border: none; } /* Referenced in shopping_bag.tpl and payment_complete.tpl */ .subtotal_background{ float: right; padding:10px 0 5px 0; margin:7px 0 20px 0; } /* Referenced in shopping_bag.tpl and payment_complete.tpl */ .summary_item_left { float: left; width: 250px; margin-right: 10px; padding-bottom: 5px; } .ProductDetailsText .deliveryMessage { text-align:right; margin:10px 0 10px 0; } .ProductDetailsText .availibilityMessage { text-align:right; } .ProductDetailsText .productidMessage { text-align:right; } .ProductDetailsText .priceMessage { text-align:right; } /* Referenced in recently_view.inc */ #RecentlyViewedContainer { margin-top: 20px; width: 100%; height: auto; float: right; } /* Referenced in recently_view.inc */ #RecentlyViewedTitle { background-color:#e2e7dc; height: 10px; padding:10px; margin:0; } /* Referenced in recently_view.inc */ #RecentlyViewedItems ul{ width: 33%; padding: 20px 0; float:left; } /* 3D secure iFrame referenced in verify.tpl */ #AuthoriseIframe { border:none } /* Referenced in sign_in.tpl */ .dividerTop { border-top:1px dashed #ccc; margin-top:10px; padding-top:10px } /* Referenced in sale_euro.tpl and main_menu.inc */ #accessibility { z-index:100; position:absolute; left:-1000em; } h2 span { font-size: 85%; } .emphasis_5{ padding:5px 0 5px 0px; margin: 0px 0 10px 0; border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; } /*.checkout {/* New checkout headers */ /* padding: 4px; padding-left: 15px; background-color: #ebe6d9; color: #7b7975; font-size: 13px; }*/ .checkoutcontainer { color:#000; float:left; margin: 5px; } .checkouttop, .checkoutbottom{ display:block; background:#ffffff; } .checkouttop *, .checkoutbottom *{ display: block; height: 1px; overflow: hidden; } .checkout1{margin: 0 4px; background-color: #EBE6D9;} .checkout2{margin: 0 3px; background-color: #EBE6D9;} .checkout3{margin: 0 2px; background-color: #EBE6D9;} .checkout4{margin: 0 1px; background-color: #EBE6D9;} h1.checkout span { font-size: 1em; color:#7b7975; text-transform:none; } /* =Buttons (from redesign November 2009) -----------------------------------------------------------------------------*/ input.actionButton { padding-right: 29px; margin-left: 4px; border: 0; background: #fff url('/images/buttons/inputbtn_arrowbg.png') right 0 no-repeat; color: #666; height: 25px; /* used to catch the buttonEnding */ position: relative; cursor: pointer; font-weight:bold; font-size:13px; color:#FFFFFF; /*IE7 HACK*/ /** padding-right:10px; */ } input.actionButton:hover, input.standardButton:hover{ color:#3b513d; } /*Action button with Arrow. Use for checkout, add to bag START*/ a.btnAction_arrow{ display:block; float:left; font-weight:bold; font-size:13px; color:#FFFFFF; text-decoration:none; background:url('/images/buttons/new/btn_action_left.png') no-repeat left top; height:28px; padding-left: 5px; } a.btnAction_arrow span{ display:block; float:left; background:url('/images/buttons/new/btn_action_arrow.png') no-repeat right top; height:25px; padding-right:32px; margin-left:4px; } * html a.btnAction_arrow span{ margin-left:2px; } a.btnAction_arrow:hover{ background-position:0 0; color:#3b513d; cursor:pointer; text-decoration:none; } a.btnAction_arrow :hover span{ background-position:0 right; cursor:pointer; text-decoration:none; } /*Action button with Arrow. Use for checkout, add to bag END*/ /*Back button with Arrow. Use for back button functionality START*/ a.btnBack{ display:block; float:left; font-weight:bold; font-size:13px; color:#FFFFFF; text-decoration:none; background:url('/images/buttons/new/btn_back_arrow.png') no-repeat left top; height:28px; } a.btnBack span{ display:block; float:left; background:url('/images/buttons/new/btn_back_right.png') no-repeat right top; height:25px; padding-right:10px; margin-left:32px; } a.btnBack:hover{ background-position:0 0; color:#286768; cursor:pointer; text-decoration:none; } a.btnBack :hover span{ background-position:0 right; cursor:pointer; } /* Referenced in product_details.tpl */ li.emailFriend { padding-top:5px; } li.intlStockistFinder { padding-top:10px; } /* Referenced in website_questionaire.tpl */ .text_small { font-size: 0.8em; } #summary { border:1px solid #EBE6D9; display:table; height:1%; margin-bottom:12px; padding:0 0 15px; width:94%; } /* * The following classes have been added as part of the checkout redesign (Nov 09) */ /* At time of writing the activetab and inactivetab are used on the review and purchase page only as part * of the premium delivery select box */ a.activetab { background:#DAD5C9 url(/images/backgrounds/cc_tab_on.png) left top no-repeat; cursor:pointer; display:block; height:25px; margin-right:3px } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.activetab:hover { text-decoration:none; } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.activetab span { background:#DAD5C9 url(/images/backgrounds/cc_tab_on.png) right top no-repeat; color:#7B7975; display:block; font-size:120%; font-weight:bold; line-height:24px; margin-left:10px; padding-right:10px; text-align:center; width:120px } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.disabledtab { background:#cccccc url(/images/backgrounds/cc_tab_disabled.png) left top no-repeat; cursor:auto; display:block; height:25px; margin-right:3px } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.disabledtab:hover { text-decoration:none; } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.disabledtab span { background:#cccccc url(/images/backgrounds/cc_tab_disabled.png) right top no-repeat; color:#b5b5b5; display:block; font-size:120%; font-weight:bold; line-height:24px; margin-left:10px; padding-right:10px; text-align:center; width:120px } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.inactivetab { background:#7B7975 url(/images/backgrounds/cc_tab_off.png) left top no-repeat; cursor:pointer; display:block; height:25px; margin-right:3px } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.inactivetab:hover { text-decoration:none } /* Referenced within standard_delivery.inc, click_and_collect.inc and premium_delviery.inc */ a.inactivetab span { background:#7B7975 url(/images/backgrounds/cc_tab_off.png) right top no-repeat; color:#fff; display:block; font-size:120%; font-weight:bold; line-height:24px; margin-left:10px; padding-right:10px; text-align:center; width:120px } /* Referenced within premium_delivery.inc */ #lockdowntabexplanation { /*the span will display just on :hover state*/ display:block; position:absolute; border:1px solid #EBE6D9; padding:6px 6px 14px 6px; width: 200px; left: 250px; background-color: #fff; background-repeat:no-repeat; background-position:bottom left; } /* Referenced in review_and_purchase.rpl, premium_delivery.inc and payment.js */ div.payment_lockdown_alternative { display: none; } /* New green formatting for 'action' links and buttons on redesign */ a.positive { background: #A1BE58 url(/images/buttons/btn_shopbagpos_noarrow_right.png) no-repeat right bottom; display: block; } a.positive:hover { text-decoration: none; } a.positive span { display: block; color: #FFF; font-weight: bold; font-size: 1.1em; line-height: 1.9em; height: 25px; margin-right: 5px; text-align: center; padding-left: 5px; background: #A1BE58 url(/images/buttons/btn_shopbagpos_noarrow_left.png) no-repeat left top; } a.positive:hover span { /* color: #A1BE58; */ color: #ffffff; } /* New turqoise formatting for buttons and links on redesign */ a.alternative { display: block; background: #41a7a8 url(/images/buttons/btn_back_right.png) no-repeat right bottom; } a.alternative:hover { text-decoration: none; } a.alternative span { display: block; color: #FFF; font-weight: bold; font-size: 1.1em; line-height: 2.0em; height: 25px; margin-right: 5px; text-align: center; padding-left: 35px; padding-right: 5px; background: #41a7a8 url(/images/buttons/alternative_btn_back_left.png) no-repeat left top; } a.alternative:hover span { color: #ffffff; } .normal { font-weight: normal; color: #7b7795; /* pale blue */ } /* Referenced in review_and_purchase.tpl and shopping_bag.tpl */ .redtext { color: #be654d; /* Red(ish) */ } /* * Referenced in review_and_purchase.tpl, shopping_bag.tpl, click_collect_store_map.tpl and * click_collect_store_results.tpl */ .greentext { color: #a1be58!important; /* black - WTF!?! */ } /* * Referenced in review_and_purchase.tpl, shopping_bag.tpl, click_collect_store_map.tpl and * click_collect_store_results.tpl */ .greytext { color: #7B7975; /* Dark Grey */ } /* Referenced in review_and_purchase.tpl and shopping_bag.tpl */ .whitetext { color: #fff; } .hand { cursor: pointer; } h1.review { font-size:20px; color: #7b7975; } .review { color: #7B7975; } /*position input button wihtin review and purchase conainers END*/ /*Remove help icon for deliver to store icons when tooltip used*/ img#home_delivery, img#CC { background-image:none!important; } /* Referenced in payment_form.inc */ .issueNumberOnly{ line-height:10px; font-size:9px; color:#979590; /* Grey */ text-align:right; margin-bottom:10px; } /* Referenced in click_collect_explained.tpl */ #click_collect_delivery_address p{ padding:5px 0 5px 0!important; } /* Referenced in click_collect_explained.tpl */ #click_collect_delivery_address dl{ float:left; width:200px; } /* Referenced in click_collect_explained.tpl */ #click_collect_delivery_address dt{ padding-bottom:10px; } /* Referenced in click_collect_explained.tpl */ #clickCollect_explained h1{ margin:0 0 20px 0; font-size:24px; color:#5a5a5a; /* Dark Grey */ } /* Referenced in click_collect_explained.tpl */ #clickCollect_explained h1 span{ color:#919191; * Grey */ } /* Referenced in click_collect_explained.tpl */ #clickCollect_explained img{ float:right; } /* Referenced in click_collect_explained.tpl */ #clickCollect_explained p{ clear:none!important; font-size:13px; padding:0!important; margin:0 0 10px 0!important; } /* Referenced in payment.js, review_and_purchase.tpl and premium_delivery.inc */ .payment_lockdown_alternative p{ font-size:13px; padding:0!important; margin:0 0 10px 0!important; width:500px; } /* Referenced in payment.js, review_and_purchase.tpl and premium_delivery.inc */ .payment_lockdown_alternative{ position:relative; width:800px; } /* Referenced in payment.js, review_and_purchase.tpl and premium_delivery.inc */ .payment_lockdown_alternative img{ position:absolute; right:130px; top:20px; } /* Referenced in payment.js, review_and_purchase.tpl and premium_delivery.inc */ .payment_lockdown_alternative h2{ margin-bottom:20px; padding:0; } /* This class is used and is referenced in header_secure.inc */ .welcomeMessage{ float:right; margin:40px 10px 0 0; text-align:right; color:#fff; } /* This oddly named class is actually used(!) and is referenced in header_secure.inc */ .welcomeMessage span{ font-size:15px; } /* This oddly named class is actually used(!) and is referenced in header_secure.inc */ .welcomeMessage span.name{ font-size:30px; font-weight:bold; } /* * The following colour specific messages are database driven and created dynamically. * They are used on the 'range' pages (for starters) to display specific messages within * a product information box. */ /*Colour specific msg*/ .product_msg_black{ background-color:#D0D0D0; /*Grey*/ font-weight:bold; } .product_msg_red{ background-color:#D0D0D0; /* Grey */ font-weight:bold; } .product_msg_blue{ background-color:#D0D0D0; /*Grey*/ font-weight:bold; } .product_msg_white{ background-color:#E1D875; /* Pale Yellow(ish) */ font-weight:bold; } .transparent_background { background-color: transparent; } .offerPrice{ font-size:13px; color:#828282; font-weight:normal; } .offerPrice strong{ font-size:13px; /*color:#b9ad29;*/ /*Green*/ color:#ee8610; /*Orange*/ font-weight:bold; margin-left: 5px; } /* Container for the QuickView links */ .item { width: 150px; } /* Used on the search page */ .range_function { border-bottom:1px dashed #CCCCCC; border-top:1px dashed #CCCCCC; /*clear:both;*/ height:20px; margin:0; padding:10px 0; } #RangeImage{ padding:0px; } #RangeContainer{ /*padding:0px 10px 10px 10px;*/ /* display:block; height:1%; } * html #RangeContainer{ width:96%; /* IE6 only fix */ } .range_function{ padding:10px 0; border-top: dashed 1px #cccccc; border-bottom: dashed 1px #cccccc; height:20px; margin: 0; /*clear:both;*/ } .range_function li{ float:left; padding-right:5px; } .range_function p.all{ padding:0 0 0 10px; } ul.range_products{ padding:0; margin:0; background-image: url(/images/backgrounds/range_bg.gif); background-repeat:repeat-y; height:100%; } .range_products li{ float:left; width: 170px; margin:20px 1% 0 1%; height:251px; text-align:center; } /*Hero Product .range_products_swatch{ display:block; padding-left:35px; } .range_products_swatch li{ width:20px; height:12px; margin:2px 1% 0 1%; } .range_products_swatch span{ /*padding-bottom:-40px !important;*/ } .range_products li.hero_product{ background-color:#fff; width:46%; height:480px; margin-bottom:10px; margin-top:10px } .hero_product .range_products_swatch{ padding-left:60px; height:20px; } .range_products li.hero_product .product_image{ margin-bottom:23px; } /********international store finder *************************************/ .internationalStoresSearch{ position:relative; padding:10px; width:284px!important; background-color:#b1dae7; border: 1px solid #2093b7; margin-bottom:10px; } .internationalStoresSearch img{ margin:0 0 0 0; } .internationalStoresSearch .storesBtn{ position:absolute; left:123px; bottom:15px; } img.ukstore_image{ float:right; margin:33px 0 0 0; }