/* Version [1.0] Original version [1.1] 09/02/2008 Bennet: 2008-02-3190 Home Page Changes version [1.2] 10/02/2008 OSR(SAI): 2007-12-2946 Ajax add to basket version [1.3] 6/24/2008 OSR(RNK): Harrod PCI compliance Version [1.4] 2009-04-27 ZCH opp:2009-03-4696 Desc:checkout design revamp Version [1.5] 16/12/2009 - TJS Opp No: 2009-12-5406 - Desc: Basket & checkout changes Version [1.6] 22/11/2010 SHS: 31591 - Harrod Quick Wins December */ /* general */ body { margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF } a { text-decoration: none;} a:hover { text-decoration: none;} .normal { font-family: arial; font-size: 12px; color: #0D0B47; font-weight: normal;} .normal a { font-family: arial; font-size: 12px; color: #0D0B47; font-weight: normal; text-decoration: none;} .notes { font-family: verdana; font-size: 9px; color: #0D0B47;} .title { font-family: verdana; font-size: 12px; color: #0D0B47; font-weight: bold;} .message { font-family: verdana; font-size: 11px; color: #FF0000;} .message a { font-family: verdana; font-size: 11px; color: #FF0000;} /* inputs */ .formfield { font-family: verdana; font-size: 10px; color: #666666; padding: 2px 2px 2px 2px; height: 16px; border-style: solid; border-width: 1px; border-color: #666666 #FFFFFF #FFFFFF #666666; background-color: #FFFFFF;} .selectfield { font-family: verdana; font-size: 10px; color: #666666; padding: 2px 2px 2px 2px; height: 18px; border-style: solid; border-width: 1px; border-color: #666666 #FFFFFF #FFFFFF #666666; background-color: #FFFFFF;} .searchInput { font-family: arial; font-size: 10px; color: #333333; background: #FFFFFF; border-style: inset; border-width: 1px; border-color: #404040 #D4D0C8 #D4D0C8 #404040; padding: 1px 1px 1px 1px; height: 16px; width: 128px;} .Qty { font-family: arial; font-size: 10px; color: #333399; background: #FFFFFF; border-style: solid; border-width: 1px; border-color: #C7C7C7 #8F8F8F #8F8F8F #C7C7C7; padding: 1px 1px 1px 1px; height: 16px; width: 40px;} .variantSelection { font-family: verdana; font-size: 10px; color: #666666; padding: 2px 2px 2px 2px; height: 12px; border: solid 1px #8CB850; background-color: #CFE4BA; width: 125px;} .additionalCommentsSelection { font-family: verdana; font-size: 10px; color: #666666; padding: 2px 2px 2px 2px; height: 18px; border: solid 1px #8CB850; background-color: #CFE4BA; width: 225px;} .searchInput1 { font-family: arial; font-size: 10px; color: #0D0B47; background: #FFFFFF; border-style: inset; border-width: 1px; border-color: #8685A3 #8685A3 #8685A3 #8685A3; padding: 1px 1px 1px 1px; height: 16px; width: 115px;} /* standard forms */ .inputprompt { font-family: verdana; font-size: 10px; color: #0D0B47; font-weight: normal; text-transform: uppercase;} .inputprompt a { font-family: verdana; font-size: 10px; color: #0D0B47; font-weight: normal; text-transform: uppercase;} .validationerror { font-family: verdana; font-size: 12px; color: #FF0000;} /* header */ .header { font-family: verdana; font-size: 13px; color: #FFFFFF; text-transform: none; font-weight: bold;} .header a { font-family: verdana; font-size: 13px; color: #FFFFFF; text-transform: none; font-weight: bold;} .welcome { font-family: verdana; font-size: 10px; color: #FF9900; text-transform: uppercase;} .breadcrumbs { font-family: arial; font-size: 13px; color: #5D933A; text-transform: lowercase; font-weight: normal;} .breadcrumbs a { font-family: arial; font-size: 13px; color: #5D933A; text-transform: lowercase; font-weight: normal;} .header_basket { font-family: arial; font-size: 14px; color: #B2DE56; text-transformation: none; font-weight: normal;} .header_headings { font-family: arial; font-size: 13px; color: #5D933A; text-transformation: none; font-weight: bold;} .header_headings a { font-family: arial; font-size: 13px; color: #5D933A; text-transformation: none; font-weight: bold;} .header_headingsGreysml { font-family: arial; font-size: 11px; color: #666666; text-transformation: none; font-weight: normal;} .header_headingsGreysml a { font-family: arial; font-size: 11px; color: #666666; text-transformation: none; font-weight: normal;} .header_headingsGreymed { font-family: arial; font-size: 13px; color: #666666; text-transformation: none; font-weight: normal;padding-top:12px;padding-left:20px;} .header_headingsGreymed a { font-family: arial; font-size: 13px; color: #666666; text-transformation: none; font-weight: normal;padding-top:12px;padding-left:0px;} .yourbasket { font-family: arial; font-size: 14px; color: #0d0b47; text-transformation: uppercase; font-weight: bold;padding-top:8px;padding-left:20px;} .yourbasket a { font-family: arial; font-size: 14px; color: #0d0b47; text-transformation: uppercase; font-weight: bold;padding-top:8px;padding-left:0px;} .basketItems { font-family: arial; font-size: 13px; color: #5D933A; text-transformation: none; font-weight: normal;padding-top:12px;padding-left:20px;} .basketItems a { font-family: arial; font-size: 13px; color: #5D933A; text-transformation: none; font-weight: normal;padding-top:12px;padding-left:0px;} /* account */ .account { font-family: verdana; font-size: 10px; color: #FFFFFF; text-transform: none; font-weight: bold;} .account a { font-family: verdana; font-size: 10px; color: #FFFFFF; text-transform: none; font-weight: bold;} /* categories menu */ .menu { font-family: arial; font-size: 12px; color: #0D0B47; text-transform: none; font-weight: normal;} .menu_highlighted { font-family: arial; font-size: 12px; color: #0D0B47; text-transform: none; font-weight: bold;} .submenu { font-family: arial; font-size: 10px; color: #0D0B47; text-transform: none; font-weight: normal;} .submenu_highlighted { font-family: arial; font-size: 11px; color: #0D0B47; text-transform: none; font-weight: bold;} .newsletterdiv {margin-Top:10px;margin-Bottom:20px;} .newslettertext { font-family: arial; font-size: 14px; color: #5d933a; text-transform: none; font-weight: bold;vertical-align: middle;} .newsletterinput{ font-family: arial; font-size: 11px; color: #666666; text-transform: none; font-weight: normal;width:200px;height:20px;border:1px solid;border-color:#CCCCCC;line-height:18px;} /* profile menu */ .menuprofile { font-family: arial; font-size: 12px; color: #597642; text-transform: none; font-weight: bold;} .menuprofile_on { font-family: arial; font-size: 12px; color: #597642; text-transform: none; font-weight: bold;} /* checkout menu */ .checkout_done { font-family: verdana; font-size: 12px; color: #0D0B47; text-transform: uppercase; font-weight: normal;} .checkout_hi { font-family: verdana; font-size: 12px; color: #0D0B47; text-transform: uppercase; font-weight: bold;} .checkout_lo { font-family: verdana; font-size: 12px; color: #0D0B47; text-transform: uppercase; font-weight: normal;} .checkout_login_heading {font-family: ariel; font-size: 18px; color: #666666; font-weight: normal;} .checkout_login_guest_heading {font-family: ariel; font-size: 18px; color: #5d933a; font-weight: normal;} .checkout_login_new_heading {font-family: ariel; font-size: 18px; color: #3F4D70; font-weight: normal;} .checkout_login_text {font-family: ariel; font-size: 12px; color: #666666; font-weight: normal;padding-top:10px;} /* product+category pages */ .categoryNameThumbs { font-family: verdana; font-size: 11px; color: #FFFFFF; text-transform: none; font-weight: bold;} .categoryNameThumbs a { font-family: verdana; font-size: 11px; color: #FFFFFF; text-transform: none; font-weight: bold; line-height: 13px;} .categoryName { font-family: arial; font-size: 24px; color: #5D933A; text-transform: none; font-weight: normal} .categoryDescription { font-family: arial; font-size: 12px; color: #0D0B47; text-transform: none; font-weight: normal} .productName { font-family: arial; font-size: 12px; color: #5D933A; font-weight: bold; text-transform: none;} .productName a { font-family: arial; font-size: 12px; color: #5D933A; font-weight: bold; text-transform: none;} .productNameThumbs { font-family: verdana; font-size: 10px; color: #0D0B47; font-weight: bold; text-transform: uppercase;} .productCode { font-family: verdana; font-size: 10px; color: #666666; text-transform: uppercase;} .productImage { border: solid 1px #EEEEEE;} .productTitle { font-family: arial; font-size: 20px; font-weight: normal; color: #5D933A;} .productHeaderPrice { font-family: arial; font-size: 17px; font-weight: bold; color: #0D0B47;} .productHeaderProductCode { font-family: arial; font-size: 14px; font-weight: bold; color: #0D0B47;} .productDescription { font-family: arial; font-size: 12px; font-weight: bold; color: #5D933A;} .productFeatures { font-family: arial; font-size: 12px; font-weight: normal; color: #0D0B47;} .best_Sellers_Description { font-family: arial; font-size: 12px; font-weight: normal; color: #597642;} .productPriceMatrix { font-family: arial; font-size: 10px; color: #5D933A; font-weight: normal;} .productPrice { font-family: verdana; font-size: 12px; color: #0D0B47; font-weight: bold;} .originalPrice { font-family: arial; font-size: 14px; color: #ff0000; font-weight: bold} .xsellName { font-family: arial; font-size: 12px; color: #0D0B47; font-weight: normal; text-transform: none;} .xsellPrice { font-family: arial; font-size: 12px; color: #5D933A; font-weight: bold; text-transform: none;} .productAdded { font-family: arial; font-size: 11px; color: #0D0B47; text-transform: uppercase;} .productAdded a { font-family: verdana; font-size: 11px; color: #0D0B47; text-transform: uppercase;} .basketQty { font-family: arial; font-size: 10px; border-style: solid; border-color: #728782; border-width: 1px; width: 14px; height: 14px;} .productQty { font-family: arial; font-size: 10px; border-style: solid; border-color: #8CB850; border-width: 1px; width: 14px; height: 14px; background-color: #CFE4BA;} .popupText { font-family: arial; font-size: 11px; color: #0D0B47; font-weight: normal; text-transform: none;} /* basket page */ /* [1.4] Start */ .basketTableHead { font-family: verdana; font-size: 10px; color: #fff; background-color: #5D933A; font-weight: bold; text-transform: uppercase;} /* .basketTableHead { font-family: verdana; font-size: 10px; color: #5D933A; background-color: #E5EFDD; background-color: #5D933A; font-weight: bold; text-transform: uppercase;} */ /* [1.4] End */ .basketTableHead a { font-family: verdana; font-size: 10px; color: #FFFFFF; background-color: #0D0B47; font-weight: bold; text-transform: uppercase;} .basketItem { font-family: arial; font-size: 11px; color: #5D933A; text-transform: uppercase;} .basketItem a { font-family: arial; font-size: 11px; color: #5D933A; text-transform: uppercase;} .basketItemVariant { font-family: arial; font-size: 11px; color: #0D0B47; text-transform: uppercase;} .basketItemVariant a { font-family: arial; font-size: 11px; color: #0D0B47; text-transform: uppercase;} .basketDiscount { font-size: 10px; color: #FF0000;} .basketPromotion { font-size: 12px; color: #FF0000;} .basketPrice { font-family: verdana; font-size: 11px; color: #0D0B47; font-weight: bold;} .basketPriceVAT { font-family: verdana; font-size: 10px; color: #0D0B47; font-weight: normal; text-transform: none;} .basketDeliveryOptions { font-family: arial; font-size: 12px; color: #000000; } .basketDeliveryOptions a { font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline; } .basketDeliveryOptions a:hover { font-family: arial; font-size: 12px; color: #666666; font-weight: bold; text-decoration: underline; } /* order list/history */ .secureTableHead { font-family: verdana; font-size: 10px; color: #FFFFFF; background-color: #0D0B47; font-weight: normal; text-transform: uppercase;} /* footer */ .footer { font-family: arial; font-size: 12px; color: #666666; text-transform: none;padding-bottom:10px;} .footer a { font-family: arial; font-size: 12px; color: #666666; text-transform: none;padding-bottom:10px;} .footerExtraText { font-family: arial; font-size: 10px; color: #8AAE70; text-transform: none;} .footerExtraText a { font-family: arial; font-size: 10px; color: #8AAE70; text-transform: none;} /* cm news */ .cm_news { font-family: arial; font-size: 12px; color: #5D933A; font-weight: bold; text-transform: none;} .cm_news a { font-family: arial; font-size: 12px; color: #5D933A; font-weight: bold; text-transform: none;} .cm_date { font-family: arial; font-size: 12px; color: #5D933A; font-weight: normal; text-transform: none;} .cm_date a { font-family: arial; font-size: 12px; color: #5D933A; font-weight: normal; text-transform: none;} .cm_img { padding: 1px 1px 1px 1px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #AFDB50;} .cm_desc { font-family: arial; font-size: 12px; font-weight: normal; color: #0D0B47;} .cm_desc a { font-family: arial; font-size: 12px; font-weight: normal; color: #0D0B47;} /* content managed pages */ .cm_info { font-family: verdana; font-size: 11px; color: #0D0B47; font-weight: normal;} .cm_info a { font-family: verdana; font-size: 11px; color: #0D0B47; font-weight: normal;} .cm_info_highlight { font-family: verdana; font-size: 11px; color: #0D0B47; font-weight: bold;} .cm_info_highlight a { font-family: verdana; font-size: 11px; color: #0D0B47; font-weight: bold;} .basket_checkout {font-family: arial; font-size: 11px; color: #5D933A; font-weight: bold; text-decoration: underline;} .basket_checkout a {font-family: arial; font-size: 11px; color: #5D933A; font-weight: bold; text-decoration: underline;} .basket_continue {font-family: arial; font-size: 11px; color: #5D933A; font-weight: bold; text-decoration: underline;} .basket_continue a {font-family: arial; font-size: 11px; color: #5D933A; font-weight: bold; text-decoration: underline;} .basket_productdetails {font-family: arial; font-size: 12px; color: #5D933A; text-transform: none;} /* Product Reviews */ .attributes { font-family: arial; font-size: 12px; font-weight: bold; color: #5D933A;} .giftwrap { font-family: arial; font-size: 12px; font-weight: bold; text-decoration: underline; color: #5D933A;} .catdesc { font-family: arial; font-size: 11px; line-height: 16px; color: #5D933A; text-decoration: none;} .smallText { font-size:0.7em;color:#636362;} /*(12)x(0.83)=10px */ .ratingdesc { font-family: arial; font-size: 12px; color: #5D933A; text-transform: none; font-weight: bold;} .reviewsnormal { font-family: arial;font-size: 11px; color: #888887; padding:5px 0px 5px 0px; width:90%;margin: 0px 0px 0px 0px;} .reviewmore { font-family: arial;font-size: 10px; color: #858585; font-weight:normal;text-decoration: underline;} .reviewmore a { font-family: arial;font-size: 10px; color: #858585; font-weight:normal;text-decoration: underline;} .overall { font-family: arial;font-size: 16px; color: #5D933A; font-weight: bold; text-transform: none;} .reviewprod { font-family: arial;font-size: 11px;color: #5D933A;font-weight: bold;} .reviewer { font-family: arial;font-size: 11px;color: #EE8833;font-weight: bold;text-decoration:underline;} .reviewdropdown { font-family: arial;font-size: 10px; color: #858585; font-weight:normal;} .qty_dropdown { font-family: arial;font-size: 10px; color: #5D933A; font-weight:normal;} .ViewAllReviewsLink { font-family: arial;font-size: 12px;color: #5D933A;font-weight: bold;text-decoration:underline;} .reviewer { font-family: arial;font-size: 12px;color: #5D933A;font-weight: bold;text-decoration:none;} .expertreviewer { font-family: arial;font-size: 12px; color: #858585; font-weight:normal;} .revnormal { font-family: arial;font-size: 12px; color: #5D933A;} .revdesc { font-family: arial; font-size: 12px; font-weight: normal; color: #0D0B47;} .overallrating { font-family: arial; font-size: 11px; color: #5D933A; text-transform: uppercase; font-weight: bold;} .overallratingcust { font-family: arial; font-size: 11px; color: #0D0B47; text-transform: uppercase; font-weight: bold;} .basketheader { font-family: arial;font-size: 16px; color: #FFFFFF; font-weight: bold;background-color: #5D933A;} .reviewtitle { font-family: verdana; font-size: 10px; color: #333333; background: #FFFFFF; border-style: inset; border-width: 1px; padding: 1px 1px 1px 1px; height: 16px; width: 128px;} .reviewInput { font-family: verdana; font-size: 10px; color: #333333; background: #FFFFFF; border-style: inset; border-width: 1px; border-color: #404040 #D4D0C8 #D4D0C8 #404040; padding: 1px 1px 1px 1px; height: 16px; width: 128px;} /* [1.1] HOME PAGE CHANGES */ .basket_header { font-family: arial; font-size: 14px; color: #AFDB50; text-transform: lowercase; font-weight: normal;} .basket_header a { font-family: arial; font-size: 14px; color: #AFDB50; text-transform: lowercase; font-weight: normal;} .best_Sellers_Name { font-family: arial; font-size: 12px; font-weight: bold; color: #5D933A;} .best_Sellers_Name a { font-family: arial; font-size: 12px; font-weight: bold; color: #5D933A;} .bullet_list { font-family: arial; font-size: 10px; font-weight: normal; color: #666666;} .best_Seller_Price { font-family: arial; font-size: 11px; font-weight: normal; color: #666666;} .special_Offer_Price { font-family: arial; font-size: 11px; font-weight: normal; color: #FF0000;} /* [/1.1] HOME PAGE CHANGES ENDS */ /* [1.2] Ajax basket styles */ .Ajaxbasket_checkout {font-family: arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline;} .Ajaxbasket_checkout a {font-family: arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline;} .Ajaxbasket_continue {font-family: arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline;} .Ajaxbasket_continue a {font-family: arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline;} /* [1.2] End */ /* [1.3] PCI CV2 Entry */ .oPCI_DisableHelp { display:none; position:absolute; top:0px; left:0px; width:100%; z-index:1000; } .oPCI_Text { font-family: arial; font-size: 11px; color: #000000; font-weight: normal;} .oPCI_Text a { font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none;} .oPCI_TextLink { font-family: arial; font-size: 11px; color: blue; font-weight: normal;} .oPCI_TextLink a { font-family: arial; font-size: 11px; color: blue; font-weight: bold; text-decoration: none;} /* [1.3] End PCI CV2 Entry */ /* COMMIDEA 3D SECURE*/ .o3DSecureLyr { display:none; background-color:#FFFFFF; z-index:1001; position:relative; cursor:default;} .o3DSecureWindow { display:none; border:0px; background-color:#FFFFFF; } .oDisableOverlay { display:none; position:absolute; top:0px; left:0px; width:100%; z-index:100; cursor:default; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:70; background-color:#f0f0f0;} #_o3DSecureLoading { z-index:1001; width:100%; margin: 40px auto 0px auto; text-align:center; font-family:arial; font-size:12px; color: #333333; } .p-shadow { z-index:1001; cursor:default; display:none; width: 90%; position:absolute; top:0px; left:0px; background-color:#FFFFFF; background:url(/core_2/core_images/dropshadows/shadowAlpha.png) no-repeat bottom right !important; background:url(/core_2/core_images/dropshadows/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .p-shadow div { z-index:1001; cursor:default; background: none !important; background-color:#FFFFFF; background:url(/core_2/core_images/dropshadows/shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 8px 8px 0; } .p-shadow div div { z-index:1001; cursor:default; color: #777; background-color: #FFFFFF; border: 1px solid #a9a9a9; padding: 4px; margin: -6px 6px 6px -6px !important; margin: 0; } /* END 3D SECURE*/ /* [1.4] Start */ #frmCheckout fieldset, #frmCheckout fieldset * {margin:0; padding:0; border:0;} #frmCheckout legend {display:none;} #frmCheckout label {display:none;} #frmCheckout li {list-style-type:none;} #frmCheckout li div.validationerror {margin-bottom:15px;} #frmCheckout li.typeText input {border:1px solid #999; margin:3px 0; padding:2px; font-size:11px; width:138px;} #frmCheckout input#logon_name {margin-top:3px;} #frmCheckout input#user_security_password {display:none;} #frmCheckout input#user_security_password, #frmCheckout input#password_label {margin:6px 0 10px 0;} #userPanels {float:left; width:100%; border:1px solid #CFE4BA; border-width: 0 0 2px 0; margin-top:20px; } #reguserPanel {position:relative; float:left; width:40%; padding:0 5px 0 0;} #newuserPanel {float:right; width:50%; padding:0 0 0 5%; border-left:1px solid #CFE4BA;} .userPanel {margin:0 0 15px 0; font-size:12px;} /* << [1.5] */ .userPanel h2 { font-size:18px; margin:0 0 6px 0; color:#5D933A; font-weight:normal; } #newuserPanel h2 { font-size:18px; margin:0 0 6px 0; color:#4A4875; font-weight:normal; } .userPanel h3 { font-size:14px; margin:0 0 6px 0; color:#5D933A; font-weight:normal; } .userPanel h3 span { font-weight:bold; } #offerCodeBox { padding:10px 10px 4px 10px; margin-bottom:2px; background-color:#D3E7D3; } #offerCodeBox h4 { padding:0px; margin:3px 0; } .promoCodeEntered { text-align:right; padding-top:4px; } #reguserPanel #submitLogin { margin-top:5px; } #orderDetails .prompt { padding-right:20px; text-align:right; } .chooseaddress_headings { color:#ffffff; background-color:#5D933A; font-size:16px; padding:4px 10px 4px 10px; margin:20px 10px 20px 0px; } /* [1.5] >> */ #forgotPassLink {position:absolute; right:10px; bottom:20px; width:60px; border:1px solid blue; font-size:10px;} #forgotPassLink a {text-decoration:underline; color:#578E30;} .checkoutSection a {text-decoration:underline; color:#578E30} .checkoutSection a:hover {text-decoration:none;} .checkoutSection .cardDescr {color:#721172;} #progressBar {margin:20px 0;} .notice {font-size:11px; color:#678A48;} img.productThumb {float:left; margin:3px 9px 3px 0; padding:2px; border:2px solid #A7DD51;} #topBuyButton {margin-right:7px;} /* [1.4] End */ /*** 2010-10-5832 ***/ #input_control { background-color: #D3E7D3; } #tblCardEntry { margin-top:0px } #tblCardEntry #td_CE_Title { width:120px } #tblCardEntry #td_CE_Main { width:240px } #tblCardEntry #input_control { background-color: #fff; padding-bottom:4px; } #tblCardEntry #input_control .formfield { border: 1px solid #666666; font-size:11px; } #tblCardEntry #input_control .selectfield { border: 1px solid #666666; height:20px; font-size:11px; width:100px; } #tblCardEntry .inputprompt_help { font-family: verdana; font-size: 9px; color: #0D0B47; font-weight: normal; text-transform: lowercase;} #checkout_bottom_confirm { margin-top:5px; margin-bottom:10px; }