/************ OVERALL TEMPLATE *************/ /*#container { width:100%; background:url(../../images/dm/layout/main-bg.gif) repeat-x top left; padding:0 0 15px 0; }*/ #container-inner { width:980px; margin:0 auto; } /* Checkout Header */ .checkout #header { height: 130px; } .checkout #header #logo { height: 130px !important; } .checkout #header .member-area img { position: absolute; top: 3px; right: 120px; z-index: 101; } .checkout #header a.return-home { position: absolute; top: 10px; right: 0; color: #FFF; font-weight: bold; } /* superfish */ .sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; } .sf-menu { line-height:1.0; } .sf-menu ul { position:absolute; top:-999em; width:10em; } /* left offset of submenus need to match (see below) */ .sf-menu ul li { width:100%; } .sf-menu li:hover { visibility:inherit; } /* fixes IE7 'sticky bug' */ .sf-menu li { float:left; position:relative; } .sf-menu a { display:block; position:relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:-200px; top:45px !important; z-index:5000; } /* match top ul list item height */ ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:-200px; top:0; } /* match ul width */ ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:-200px; top:0; } /* match ul width */ /* Top Banners */ #top-banners { background:#fff; width:980px; margin:auto;} #top-banners img { float:left; margin:0 0 0 4px; } #top-banners img.first { margin:0 0 0 5px; } .top-banners { background:#fff; width:980px; margin:auto; padding-top:8px;} /* Body */ #body { width:970px; padding:5px; background:#fff; } .checkout #body { background: #FFF url("../../images/dm/header/checkout-body-tr.gif") no-repeat top right !important; z-index: 99; } #content { float:left; } #content p { margin:10px 0 0 0; } #content p.counter-margin { margin:0 0 10px 0 !important; } .page #content { width:745px; margin:0 0 0 10px; } .page.full #content { width:980px; margin:0; } .page.full #content h1 { font-size:1.85em; font-weight:bold; } .page.left-side #content { width:700px; margin:0; } .banner-ad { margin:18px 0 0 0; float:left; clear:both; } /* Green Titles */ .main-title { position:relative; font-weight:bold; display:block; width:721px; height:17px; background:url(../../images/dm/layout/main-title-bg.gif) no-repeat top left; padding:10px 12px 9px 12px; margin:0; font-size:1.17em; color:#fff; } .page.left-side .main-title { width:676px; } .main-title span.right { float:none; position:absolute; top:0; right:0; width:10px; height:36px; font-size:0; line-height:0; background:url(../../images/dm/layout/main-title-bg.gif) no-repeat top right; } /************ INTERNAL TEMPLATE *************/ .page { padding-top:8px !important; } /* Rating */ .rating { margin:0 0 5px 0; } .rating img { float:left; } .rating a.view-review { display:block; float:left; font-size:0.9em; font-weight:bold; margin:1px 0 0 4px; } /* Icons */ .icon { margin:0; padding:0; display:block; width:45px; height:47px; text-indent:-9999em; } .icon-fa-check.icon { margin:0; padding:0; display:block; width:45px; height:47px; text-indent:0; } .icon.hot { background:url(../../images/dm/layout/featprod-icon-hot.png) no-repeat; } .icon.top { background:url(../../images/dm/layout/featprod-icon-top.png) no-repeat; } .icon.thumb-up { background:url(../../images/dm/layout/featprod-icon-thumb.png) no-repeat; } .icon.no1 { background:url(../../images/dm/layout/featprod-icon-no1.png) no-repeat; } .icon.value { background:url(../../images/dm/layout/featprod-icon-value.png) no-repeat; } .tick-green { background:url(../../images/dm/layout/icon-tick-green.gif) no-repeat 1px 0; } .tick-yellow { background:url(../../images/dm/layout/icon-tick-yellow.gif) no-repeat 1px 0; } .popular-green { background: url("../../images/dm/layout/icon-popular-green.png") no-repeat center left;; } .popular-red { background: url("../../images/dm/layout/icon-popular-red.png") no-repeat center left; } .cross { background:url(../../images/dm/layout/icon-cross.gif) no-repeat 1px 0; } .radar { background:url(../../images/dm/layout/icon-world.gif) no-repeat 0 0; } .clock { background:url(../../images/dm/layout/icon-clock.gif) no-repeat 2px 3px; } .temp-icon { background:url(../../images/dm/layout/icon-temp.gif) no-repeat 0 0; } .collect-in-store { background: url("../../images/dm/layout/icon-collect-in-store.gif") no-repeat top left; } .collect-in-store-sml { background: url("../../images/dm/layout/icon-collect-in-store-sml.gif") no-repeat top left; } .in-shopping-centre { background: url("../../images/dm/layout/icon-in-shopping-centre.gif") no-repeat top left; } .in-shopping-centre-sml { background: url("../../images/dm/layout/icon-in-shopping-centre-sml.gif") no-repeat top left; } .glass-hire { background: transparent url("../../images/dm/layout/icon-glass-hire.gif") no-repeat top left; } .glass-hire-sml { background: transparent url("../../images/dm/layout/icon-glass-hire-sml.gif") no-repeat top left; } /* Buttons */ .bt-continue-shopping { display: block; width: 173px; height: 28px; background: transparent url("../../images/dm/buttons/bt-continue-shopping.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-continue-shopping-green { display: block; width: 172px; height: 31px; background: transparent url("../../images/dm/buttons/bt-continue-shopping-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-proceed-cart { display: block; width: 151px; height: 27px; background: transparent url("../../images/dm/buttons/bt-proceed-cart.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-proceed-checkout { display: block; width: 182px; height: 28px; background: transparent url("../../images/dm/buttons/bt-proceed-checkout.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-empty-cart { display: block; width: 111px; height: 24px; background: transparent url("../../images/dm/buttons/bt-empty-cart.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-edit { display: block; width: 63px; height: 28px; background: transparent url("../../images/dm/buttons/bt-edit.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-edit-grey { display: block; width: 46px; height: 24px; background: transparent url("../../images/dm/buttons/bt-edit-grey.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-proceed-delivery { display: block; width: 178px; height: 32px; background: transparent url("../../images/dm/buttons/bt-proceed-delivery.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-proceed-payment { display: block; width: 185px; height: 32px; background: transparent url("../../images/dm/buttons/bt-proceed-payment.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-register-me { display: block; width: 133px; height: 29px; background: transparent url("../../images/dm/buttons/bt-register-me.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-print-order { display: block; width: 222px; height: 31px; background: transparent url("../../images/dm/buttons/bt-print-order.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-back { display: block; width: 58px; height: 28px; background: transparent url("../../images/dm/buttons/bt-back.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-change-address { display: block; width: 155px; height: 32px; background: transparent url("../../images/dm/buttons/bt-change-address.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-promo-voucher { display: block; width: 235px; height: 32px; background: transparent url("../../images/dm/buttons/bt-promo-voucher.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-gift-card { display: block; width: 185px; height: 32px; background: transparent url("../../images/dm/buttons/bt-gift-card.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-gift-card-gold { display: block; width: 144px; height: 32px; background: transparent url("../../images/dm/buttons/bt-gift-card-gold.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-submit-order { display: block; width: 138px; height: 32px; background: transparent url("../../images/dm/buttons/bt-submit-order.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-signin-checkout { display: block; width: 149px; height: 24px; background: transparent url("../../images/dm/buttons/bt-signin-checkout.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-guest-checkout { display: block; width: 127px; height: 24px; background: transparent url("../../images/dm/buttons/bt-guest-checkout.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-close { display: block; width:56px; height:24px; background:url(../../images/dm/buttons/bt-close.gif) no-repeat; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-cancel-order { display: block; width: 116px; height: 24px; background: transparent url("../../images/dm/buttons/bt-cancel-order.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-address { display: block; width: 125px; height: 23px; background: transparent url("../../images/dm/buttons/bt-delete-address.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-card { display: block; width: 102px; height: 24px; background: transparent url("../../images/dm/buttons/bt-delete-card.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-reset-password { display: block; width: 132px; height: 24px; background: transparent url("../../images/dm/buttons/bt-reset-password.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-return-to-login { display: block; width: 136px; height: 24px; background: transparent url("../../images/dm/buttons/bt-return-to-login.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-return-to-login-green { display: block; width: 136px; height: 24px; background: transparent url("../../images/dm/buttons/bt-return-to-login-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-save-changes { display: block; width: 136px; height: 24px; background: transparent url("../../images/dm/buttons/bt-save-changes.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-save-changes-green { display: block; width: 143px; height: 32px; background: transparent url("../../images/dm/buttons/bt-save-changes-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-stay-subscribed { display: block; width: 154px; height: 24px; background: transparent url("../../images/dm/buttons/bt-stay-subscribed.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-yes-unsubscribe { display: block; width: 124px; height: 24px; background: transparent url("../../images/dm/buttons/bt-yes-unsubscribe.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-yes-unsubscribe-green { display: block; width: 124px; height: 24px; background: transparent url("../../images/dm/buttons/bt-yes-unsubscribe-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-add-new-address { display: block; width: 157px; height: 24px; background: transparent url("../../images/dm/buttons/bt-add-new-address.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-add-new-address-green { display: block; width: 161px; height: 28px; background: transparent url("../../images/dm/buttons/bt-add-new-address-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-view { display: block; width: 71px; height: 21px; background: transparent url("../../images/dm/buttons/bt-view.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-view-green { display: block; width: 71px; height: 21px; background: transparent url("../../images/dm/buttons/bt-view-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-track-order { display: block; width: 119px; height: 24px; background: transparent url("../../images/dm/buttons/bt-track-order.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-print { display: block; width: 73px; height: 24px; background: transparent url("../../images/dm/buttons/bt-print.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-back-to-my-orders { display: block; width: 167px; height: 24px; background: transparent url("../../images/dm/buttons/bt-back-to-my-orders.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-back-to-my-orders-green { display: block; width: 171px; height: 28px; background: transparent url("../../images/dm/buttons/bt-back-to-my-orders-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-add-selected-cart { display: block; width: 193px; height: 32px; background: transparent url("../../images/dm/buttons/bt-add-selected-cart.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-check-balance { display: block; width: 134px; height: 31px; background: transparent url("../../images/dm/buttons/bt-check-balance.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-use-gift-card { display: block; width: 115px; height: 31px; background: transparent url("../../images/dm/buttons/bt-use-gift-card.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-add-another-gift-card { display: block; width: 200px; height: 31px; background: transparent url("../../images/dm/buttons/bt-add-another-gift-card.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-return-payment-options { display: block; width: 223px; height: 31px; background: transparent url("../../images/dm/buttons/bt-return-payment-options.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-return-checkout { display: block; width: 164px; height: 31px; background: transparent url("../../images/dm/buttons/bt-return-checkout.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-back-to-checkout { display: block; width: 152px; height: 28px; background: transparent url("../../images/dm/buttons/bt-back-to-checkout.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-check-code { display: block; width: 113px; height: 31px; background: transparent url("../../images/dm/buttons/bt-check-code.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-use-voucher { display: block; width: 127px; height: 31px; background: transparent url("../../images/dm/buttons/bt-use-voucher.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-empty-basket { display: block; width: 141px; height: 24px; background: transparent url("../../images/dm/buttons/bt-empty-basket.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-select-address { display: block; width: 118px; height: 24px; background: transparent url("../../images/dm/buttons/bt-select-address.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-choose-delivery-address { display: block; width: 253px; height: 24px; background: transparent url("../../images/dm/buttons/bt-choose-delivery-address.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-remove-items-continue { display: block; width: 237px; height: 24px; background: transparent url("../../images/dm/buttons/bt-remove-items-continue.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-use-address { display: block; width: 125px; height: 24px; background: transparent url("../../images/dm/buttons/bt-use-address.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-empty-wishlist { display: block; width: 119px; height: 24px; background: transparent url("../../images/dm/buttons/bt-empty-wishlist.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-empty-wishlist-green { display: block; width: 121px; height: 24px; background: transparent url("../../images/dm/buttons/bt-empty-wishlist-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-wishlist { display: block; width: 119px; height: 24px; background: transparent url("../../images/dm/buttons/bt-delete-wishlist.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-wishlist-green { display: block; width: 121px; height: 24px; background: transparent url("../../images/dm/buttons/bt-delete-wishlist-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-email-wishlist { display: block; width: 130px; height: 27px; background: transparent url("../../images/dm/buttons/bt-email-wishlist.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-back-to-wishlist { display: block; width: 133px; height: 24px; background: transparent url("../../images/dm/buttons/bt-back-to-wishlist.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-add-cart-green{ display: block; width: 155px; height: 30px; background: transparent url("../../images/dm/buttons/bt-product-listing-addtocart.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-signin { display: block; width: 70px; height: 24px; background: transparent url("../../images/dm/buttons/bt-signin.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-register-account { display: block; width: 180px; height: 24px; background: transparent url("../../images/dm/buttons/bt-register-account.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-pay-for-order { display: block; width: 143px; height: 32px; background: transparent url("../../images/dm/buttons/bt-pay-for-order.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-back-to-edit-cart-green { display: block; width: 159px; height: 32px; background: transparent url("../../images/dm/buttons/bt-back-to-edit-cart-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-update-quantities { display: block; width: 160px; height: 28px; background: transparent url("../../images/dm/buttons/bt-update-quantities.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-del-address-new { display:block; width:222px; height:32px; background:url(../../images/dm/buttons/bt-del-address-new.gif) no-repeat; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-no { display: block; width: 40px; height: 24px; background: transparent url("../../images/dm/buttons/bt-no.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-yes-empty-cart { display: block; width: 121px; height: 24px; background: transparent url("../../images/dm/buttons/bt-yes-empty-cart.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-subscribe-green { display: block; width: 120px; height: 30px; background: transparent url("../../images/dm/buttons/bt-subscribe.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-unsubscribe-grey { display: block; width: 120px; height: 28px; background: transparent url("../../images/dm/buttons/bt-unsubscribe-grey.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-add-to-cart { display: block; width: 129px; height: 33px; background: transparent url("../../images/dm/buttons/bt-add-to-cart.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-selected-items { display: block; width: 178px; height: 28px; background: transparent url("../../images/dm/buttons/bt-delete-selected-items.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-save { display: block; width: 50px; height: 28px; background: transparent url("../../images/dm/buttons/bt-save.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-goto-homepage { display: block; width: 149px; height: 28px; background: transparent url("../../images/dm/buttons/bt-goto-homepage.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-reset-password-green { display: block; width: 151px; height: 28px; background: transparent url("../../images/dm/buttons/bt-reset-password-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-proceed-shipping { display: block; width: 172px; height: 31px; background: transparent url("../../images/dm/buttons/bt-proceed-shipping.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-address-green { display: block; width: 115px; height: 24px; background: transparent url("../../images/dm/buttons/bt-delete-address-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-signin-green { display: block; width: 66px !important; height: 24px; background: transparent url("../../images/dm/buttons/bt-signin-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-register-account-green { display: block; width: 183px; height: 24px; background: transparent url("../../images/dm/buttons/bt-register-account-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-use-address-green { display: block; width: 114px; height: 32px; background: transparent url("../../images/dm/buttons/bt-use-address-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-move-wishlist-checkout { display: block; width: 306px; height: 32px; background: transparent url("../../images/dm/buttons/bt-move-wishlist-checkout.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-move-wishlist-checkout-multiple { display: block; width: 306px; height: 32px; background: transparent url("../../images/dm/buttons/bt-move-wishlist-checkout-multiple.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-move-wishlist-shop { display: block; width: 376px; height: 32px; background: transparent url("../../images/dm/buttons/bt-move-wishlist-shop.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-checkout { display: block; width: 256px; height: 32px; background: transparent url("../../images/dm/buttons/bt-delete-checkout.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-delete-checkout-multiple { display: block; width: 274px; height: 32px; background: transparent url("../../images/dm/buttons/bt-delete-checkout-multiple.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-alternate-store { display: block; width: 212px; height: 32px; background: transparent url("../../images/dm/buttons/bt-alternate-store.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-print-gold { display: block; width: 70px; height: 31px; background: transparent url("../../images/dm/buttons/bt-print-gold.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-proceed-delivery-options { display: block; width: 234px; height: 31px; background: transparent url("../../images/dm/buttons/bt-proceed-delivery-options.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-enter-competition { display: block; width: 162px !important; height: 31px; background: transparent url("../../images/dm/buttons/bt-enter-competition.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-update-cart { display: block; width: 71px; height: 24px; background: transparent url("../../images/dm/buttons/bt-update.gif") no-repeat 0 0; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-email-signup-green { display: block; width: 131px; height: 31px; background: transparent url("../../images/dm/buttons/bt-email-signup-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-email-signup-gold { display: block; width: 131px; height: 31px; background: transparent url("../../images/dm/buttons/bt-email-signup-gold.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-home-green { display: block; width: 74px; height: 31px; background: transparent url("../../images/dm/buttons/bt-home-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } .bt-home-gold { display: block; width: 74px; height: 31px; background: transparent url("../../images/dm/buttons/bt-home-gold.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } /* Breadcrumbs */ .breadcrumbs { position:relative; z-index:10; background:url(../../images/dm/layout/breadcrumbs-bg.gif) no-repeat top left; margin:0 0 8px 0; padding:5px 12px 5px 12px; font-size:0.9em; } .breadcrumbs .bottom-border { display:block; position:absolute; z-index:9; width:100%; left:0; bottom:0; height:8px; font-size:0; line-height:0; background:url(../../images/dm/layout/breadcrumbs-bottom.gif) no-repeat top left; } .breadcrumbs .tr-border { display:block; width:7px; height:7px; position:absolute; z-index:10; top:0; right:0; font-size:0; line-height:0; background:url(../../images/dm/layout/breadcrumbs-bg.gif) no-repeat top right; } .breadcrumbs .br-border { display:block; width:7px; height:7px; position:absolute; z-index:10; bottom:0; right:0; font-size:0; line-height:0; background:url(../../images/dm/layout/breadcrumbs-bottom.gif) no-repeat bottom right; } .breadcrumbs ul { list-style:none; } .breadcrumbs ul li { z-index:20; position:relative; display:inline; padding:0 10px 0 6px; background:url(../../images/dm/layout/bullet-single.gif) no-repeat right 5px; } * + html .breadcrumbs ul li { padding:0 8px 0 6px; } .breadcrumbs ul li.first { padding-left:0px; } .breadcrumbs ul li.current { background:none; } .breadcrumbs ul li a { font-weight:bold; color:#598006 !important; } /* Tabular Data */ .table-data { border-collapse:separate; border-spacing:1px; width:100%; background-color:#fff; } .table-data tr th { text-align:left; background-color:#d8edfe; color:#000; } .table-data tr.alt { background-color:#f1f9ff; } .table-data tr th, .table-data tr td { padding:5px 9px; } .no-wrap-header th { white-space:nowrap; } /* Tabs */ .ui-tabs-hide { display:none; } .ui-tabs-nav { list-style:none; width:735px; margin:0 0 -1px 0; position:relative; float:left; } .ui-tabs-nav li { float:left; display:block; margin:0 0 0 3px; background:url(../../images/dm/layout/proddetail-tabs-off.gif) no-repeat; width:120px; height:34px; } .ui-tabs-nav li.first { margin:0; } .ui-tabs-nav li a { font-weight:bold; color:#fff !important; display:block; margin:4px 0 0 0; padding:6px 0; text-align:center; } .ui-tabs-nav li.ui-tabs-selected { background:url(../../images/dm/layout/proddetail-tabs-on.gif) no-repeat; } .ui-tabs-nav li.ui-tabs-selected a { padding:11px 0 5px 0; margin:0; text-decoration:none !important; color:#3c3c3c !important; cursor:text; } .ui-tabs-nav li.double a { line-height:1.05em; padding:3px 0 9px 0; } .ui-tabs-nav li.ui-tabs-selected double a { padding:13px 0 3px 0; } .ui-tabs-panel { float:left; width:720px; padding:20px 10px; background:url(../../images/dm/layout/proddetail-tabs-bg.gif) repeat-x bottom left; border:1px solid #dbdbdb; } .ui-tabs-panel h3 { font-weight:bold; font-size:1em; margin:10px 0; } /* Process Errors */ .basket-errors { margin:0 0 10px 0; padding:8px 12px; font-size:0.9em; border:3px solid #ea0300; } .basket-errors h2 { margin:0; color:#ea0300; font-weight:bold; font-size:1em; } .basket-errors p { margin:5px 0 0 0; color:#000; } .basket-errors ul { margin:5px 0 0 0; list-style:none; } .basket-errors a { color:#000; } /* Pop-Up */ div.popup { display: none; } html, body { height:100%; } div#fancy_overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; display:none; z-index:30; } * html div#fancy_overlay { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); } div#fancy_wrap { text-align:left; } div#fancy_loading { position:absolute; height:40px; width:40px; left:50%; top:50%; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100; } div#fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../../images/dm/layout/popup-progress.png) no-repeat; } div#fancy_loading_overlay { position:absolute; background-color:#FFF; z-index:30; } div#fancy_outer { position:absolute; top:0; left:0; z-index:90; padding:37px 33px 33px 33px; margin:0; overflow:hidden; display:none; } div#fancy_inner { position:relative; width:100%; height:100%; } div#fancy_content { margin:0; z-index:100; position:absolute; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background: #FFF; height: 100% !important; } div#fancy_div { background:#fff; color:#000; height:auto; width:100%; z-index:100; } img#fancy_img { position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%; } div#fancy_close { position:absolute; top:-14px; right:-8px; width:35px; height:33px; background:url(../../images/dm/popup/bt-close.png) no-repeat; cursor:pointer; z-index:181; display:none; } #fancy_frame { position:relative; width:100%; height:100%; display:none; } #fancy_ajax { width:100%; height:100%; overflow:auto; } a#fancy_left, a#fancy_right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(data:image/gif;base64,AAAA); outline:none; } a#fancy_left { left:0px; } a#fancy_right { right:0px; } span.fancy_ico { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block; } span#fancy_left_ico { left:-9999px; background:transparent url(../../images/dm/layout/popup-left.png) no-repeat; } span#fancy_right_ico { right:-9999px; background:transparent url(../../images/dm/layout/popup-right.png) no-repeat; } a#fancy_left:hover { visibility:visible; } a#fancy_right:hover { visibility:visible; } a#fancy_left:hover span { left:20px; } a#fancy_right:hover span { right:20px; } .fancy_bigIframe { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } div#fancy_bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0; } div#fancy_bg * { display:none; } div.fancy_bg { position:absolute; display:block; z-index:70; border:0; padding:0; margin:0; } div.fancy_bg_n { top:-13px; width:100%; height:13px; /*background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div.fancy_bg_ne { top:-13px; right:-13px; width:13px; height:13px; /*background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div.fancy_bg_e { right:-13px; height:100%; width:13px;/* background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div.fancy_bg_se { bottom:-13px; right:-13px; width:13px; height:13px; /*background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div.fancy_bg_s { bottom:-13px; width:100%; height:13px; /*background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div.fancy_bg_sw { bottom:-13px; left:-13px; width:13px; height:13px; /*background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div.fancy_bg_w { left:-13px; height:100%; width:13px; /*background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div.fancy_bg_nw { top:-13px; left:-13px; width:13px; height:13px; /*background:transparent url(../../images/dm/layout/popup-border-bg.png);*/ } div#fancy_title { position:absolute; top:0; left:0; width:100%; /*width:588px;*/ height:46px; z-index:100; display:none; background: transparent url(../../images/dm/popup/title-bg.gif) no-repeat top left; } div#fancy_title div { font-weight:bold; font-size:1.3em; position:relative; padding:13px 0 0 13px; height:33px; color:#fff; } div#fancy_title div span { display:block; position:absolute; top:0; right:0; height:46px; width:10px; background:url(../../images/dm/popup/title-right-bg.gif) no-repeat; font-size:0; line-height:0; } div#pop-up-close { z-index:181; display:none; cursor:pointer; position:absolute; bottom:22px; right:20px; width:56px; height:24px; background:url(../../images/dm/buttons/bt-close.gif) no-repeat; } /* Side Nav*/ .page #left-pane { margin:0; padding:0; float:left; width:215px; } .page #left-pane h2.narrow-search { display:block; margin:0; width:191px; padding:10px 12px 9px 12px; font-size:1.17em; color:#fff; background:url(../../images/dm/layout/leftnav-title-bg.gif) no-repeat top left #384d0d; } .page #left-pane h2.recently-viewed { display:block; margin:0; width:191px; padding:10px 12px 9px 12px; font-size:1em; color:#fff; background:url(../../images/dm/layout/leftnav-title-bg.gif) no-repeat top left #384d0d; } /* selected options */ .page #left-pane .selected-options { padding:2px 0 5px 2px; border:1px solid #dbdbdb; margin-bottom:8px; } .page #left-pane .selected-options ul { list-style:none; } /*.page #left-pane .selected-options ul li { background:url(../../images/dm/layout/leftnav-icon-cross.gif) no-repeat 8px 5px; padding:5px 5px 4px 30px; }*/ .page #left-pane .selected-options ul li a { color:#000; } /* parent */ .page #left-pane ul.side-nav { list-style:none; padding:0 8px; margin:0 0 9px 0; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; background:url(../../images/dm/layout/leftnav-bg.gif) repeat-x top left #ececec; } .page #left-pane ul.side-nav li { float:left; background:url(../../images/dm/layout/leftnav-arrow-closed.gif) no-repeat; background-position:3px 10px !important; margin:0; width:197px; } .page #left-pane ul.side-nav li h3 { font-size:1.2em; margin:0; cursor:pointer; background:url(../../images/dm/layout/dotted-black-x.gif) repeat-x bottom left; color:#292723; font-weight:bold; display:block; padding:9px 0 8px 23px; } .page #left-pane ul.side-nav li.on { background:url(../../images/dm/layout/leftnav-arrow-open.gif) no-repeat; } .page #left-pane ul.side-nav li.on ul, .page #left-pane ul.side-nav li.on div { display:block !important; } .page #left-pane ul.side-nav li.last h3 { background:none !important; } /* children */ .page #left-pane ul.side-nav li ul { float:left; width:100%; margin:0 !important; display:none; list-style:none; } .page #left-pane ul.side-nav li li { font-weight:bold; width:auto !important; float:none !important; background:url(../../images/dm/layout/dotted-grey-x.gif) repeat-x bottom left !important; padding:5px; height:auto; font-size:1em; } .page #left-pane ul.side-nav li li a { background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 5px !important; color:#000; padding:0 0 0 8px; } .page #left-pane ul.side-nav li li a span { font-weight:normal; } /* pricing */ .page #left-pane ul.side-nav .pricing { display:none; } .page #left-pane ul.side-nav .pricing .title { position:relative; font-weight:normal; display:block; margin:-1px -5px 0 -5px !important; height:20px !important; padding:6px 8px 0 8px !important; background:#cfcfcf !important; font-size:0.9em !important; } .page #left-pane ul.side-nav .pricing .range { position:relative; font-weight:normal; margin:0 -5px 0 -5px; padding:4px 8px 5px 8px !important; background:#cfcfcf !important; } .page #left-pane ul.side-nav .pricing .range span { display:block; padding:3px 3px 0 0; float:left; color:#000; } .page #left-pane ul.side-nav .pricing .price { padding:4px; margin:0 5px 0 1px; width:45px; height:16px; float:left; background:url(../../images/dm/layout/leftnav-price-bg.gif) no-repeat; } .page #left-pane ul.side-nav .pricing .price .text { width:39px; padding:0px 3px; border:none; background:#fff !important; } .page #left-pane ul.side-nav .pricing .submit { float:left; background:url(../../images/dm/buttons/bt-leftnav-search-go.gif) no-repeat; width:40px; height:28px; } /* content nav */ .page #left-pane ul.content-nav { padding:8px; } .page #left-pane ul.content-nav li { font-weight:bold; width:auto !important; float:none !important; background:url(../../images/dm/layout/dotted-grey-x.gif) repeat-x bottom left !important; padding:5px; height:auto; font-size:1em; } .page #left-pane ul.content-nav li.last { background:none !important; } .page #left-pane ul.content-nav li a { background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 5px !important; color:#000; padding:0 0 0 8px; } .page #left-pane ul.content-nav li.on { background:url(../../images/layout/sidenav-item-on-bg.gif) repeat-x top left; } .page #left-pane ul.content-nav li.on a { color:#797979; padding-left:25px; background-position:16px 11px !important; } .page #left-pane .help-advice { width:199px; margin:0 0 9px 0; padding:14px 8px 12px 8px; position:relative; } .page #left-pane .help-advice h3 { font-size:1.4em; margin:0 5px 8px 7px; } .page #left-pane .help-advice ul { list-style:none; } .page #left-pane .help-advice ul li { padding:5px 8px; border-top:1px solid #bfbfbf; } .page #left-pane .help-advice ul li.first { border:none; } .page #left-pane .help-advice a { color:#000; } .page #left-pane .help-advice p { padding:0 0 5px 8px; } .page #left-pane .help-advice .bottom { width:215px; height:6px; font-size:0; line-height:0; position:absolute; bottom:0; left:0; } .page #left-pane .spotlight { margin:0 0 10px 0; } /* right side nav */ .page #right-pane { float:right; } .page #right-pane .help-advice { width:244px; margin:0 0 9px 0; padding:14px 8px 12px 8px; position:relative; background:url(../../images/dm/layout/rightnav-helpadvice-bg.gif) no-repeat top left; } .page #right-pane .help-advice h3 { font-size:1.4em; margin:0 5px 8px 7px; } .page #right-pane .help-advice ul { list-style:none; } .page #right-pane .help-advice ul li { padding:5px 8px; border-top:1px solid #bfbfbf; } .page #right-pane .help-advice ul li.first { border:none; } .page #right-pane .help-advice a { color:#000; } .page #right-pane .help-advice p { padding:0 0 5px 8px; } .page #right-pane .help-advice .bottom { width:260px; height:6px; font-size:0; line-height:0; position:absolute; bottom:0; left:0; background:url(../../images/dm/layout/rightnav-helpadvice-bg.gif) no-repeat bottom left; } .page #right-pane .spotlight { margin:0 0 10px 0; } /* added for registration banner to suport more than one image*/ #right-pane a.banner { display: block; margin: 0 0 10px 0; clear: both; } /************ PAGES *************/ /* Homepage */ .home #hero-panel { margin:0 0 4px 0; } .home #hero-panel #flash-panel { float:left; width:649px; margin:0 0 6px 0; } .home #hero-panel #spotlights { float:right; width:315px; height:244px; overflow:hidden; } .home #hero-panel #spotlights img { float:right; clear:both; margin:0 0 5px 0; } /* Department */ .page #hero-panel { margin:0; } .page #hero-panel h1 { position:absolute; left:-9999em; } .page .internal-banner { margin:0; } .page .internal-banner-margintop { float:left; clear:left; margin:7px 0 0 0; } .page .internal-banner-marginbottom { float:left; clear:left; margin:0 0 7px 0; } .page .banner-wide-margin { margin:7px 0; } .page .banner-wide-margintop { margin:7px 0 0 0; } .page .banner-wide-marginbottom { margin:0 0 7px 0; } .page #featured-products { width:735px; margin:10px 0 0 0; padding:0; float:left; clear:both; } .page #featured-deals { width:735px; margin:7px 0 0 0; padding:0; float:left; clear:both; } .page #featured-deals .deals { float:left; width:241px; margin:0 0 0 6px; } .page #featured-deals .deals.first { margin-left:0; } .page #featured-deals .deals .title { background:url(../../images/dm/layout/featdeal-title-bg.gif) repeat-x; padding:8px 10px 0 10px; height:26px; } .page #featured-deals .deals .title h3 { display:block; height:22px; margin:0; font-size:1.4em; } .page #featured-deals .deals .deal-info { background:url(../../images/dm/layout/featdeal-bg.gif) no-repeat bottom left; color:#2a2723; font-size:0.9em; float:left; clear:left; margin:20px 0 0 4px; width:233px; padding:0 0 13px 0; } .page #featured-deals .deals .deal-info img { float:left; margin:0 5px 0 0; } .page #featured-deals .deals .details { float:left; margin:0 0 0 6px; } .page #featured-deals .deals .deal-info p { margin:0 !important; } .page #featured-deals .deals .deal-info a { color:#2a2723; } .page #featured-deals .deals .deal-info h4 { margin:6px 0 0 0; } .page #featured-deals .deals .deal-info .now { font-weight:bold; padding-left:7px; } .page #featured-deals .deals .deal-info .rating { font-size:0px; line-height:0px; display:block; margin:3px 0 0 0; padding:0; width:50px; height:11px; background:url(../../images/dm/layout/star-rating.gif) no-repeat; background-position:0 0; text-indent:-9999em; } .page #featured-deals .deals .deal-info .rating.star-1 { background-position:0 -11px; } .page #featured-deals .deals .deal-info .rating.star-2 { background-position:0 -22px; } .page #featured-deals .deals .deal-info .rating.star-3 { background-position:0 -33px; } .page #featured-deals .deals .deal-info .rating.star-4 { background-position:0 -44px; } .page #featured-deals .deals .deal-info .rating.star-5 { background-position:0 -55px; } .page #featured-deals .deals a.more { float:right; font-size:0.9em; font-weight:bold; margin:5px 5px 0 0; background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 7px; } /* Login */ #login { margin:5px 0 0 0; width:958px; } #login .form { width:310px; margin:0 9px 0 0; padding-bottom:70px; min-height:292px; height:auto !important; height:292px; position:relative; } #login .form .details { padding:5px 15px; } #login .form .details ul { list-style:none; margin:15px 0 0 2px; } #login .form .details ul li { margin:0 0 2px 0; font-size:0.9em; background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 6px; padding:0 0 0 7px; } #login .form .mandatory { padding:8px 0 0 0; display:block; } #login .form dl { margin:0 0 0 20px; } #login .help-box { width:263px; margin:0; } #login a.login-checkout, #login a.login-guest, #login a.login, #login a.login-register { display:block; position:absolute; bottom:30px; right:39px; } #login a.login-checkout { background:url(../../images/dm/buttons/bt-login-checkout.gif) no-repeat; width:187px; height:33px; } #login a.login-guest { display:block; text-indent:-9999em; background:url(../../images/dm/buttons/bt-login-guest.gif) no-repeat; width:175px; height:33px; } #login a.login { background:url(../../images/dm/buttons/bt-login.gif) no-repeat; width:76px; height:33px; } #login a.login-register { background:url(../../images/dm/buttons/bt-login-register.gif) no-repeat; width:215px; height:33px; } #login a.login-checkout span, #login a.login-guest span, #login a.login span, #login a.login-register span { display:none; } #login .save-time-login { width:290px; float:left; margin:10px 0 0 0; padding:10px 10px 0 10px; border:1px solid #dcdcdc; } #login .save-time-login h3 { margin:3px 0 5px 0; float:left; font-size:1.4em; } /*#login .save-time-login h3 span.sifr { float:left; display:block; height:22px; width:62px; margin:0 -22px 0 0; }*/ #login .save-time-login p { font-size:0.9em; clear:both; } #login .save-time-login img { margin:10px 10px 0 0; } /* Forms */ .form { border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; margin:0; padding:15px; } .form .mandatory { margin:0 !important; font-size:0.9em; padding:5px 5px 13px 0; } .form .mandatory span, .form dl dt span { color:#ad0030; } .form .note { font-size:0.9em; padding:0; display:block; float:left; clear:both; } .form dl { margin:0 0 0 0; } .form dl dt { /*padding:0 0 3px 0;*/ width:180px; float:left; clear:both; text-align: right; padding: 0 20px 3px 0; } .form dl dd { padding:0 0 9px 0; width:460px; float:left; } .form .agree input.checkbox { clear:both; height:15px; float:left; margin:2px 5px 0 0 !important; } .form .agree label { display:block; min-height:15px; height:auto !important; height:15px; float:left; padding-bottom:7px; width:300px; } .password { position:relative; } .form label { color:#000; } .form select { float:left; padding:2px; } .form select.sml { width:85px; } .form select.medium { width:120px; } .form select.mediumbig { width:210px; } .form select.big { width:238px; } .form select.bigger { width:302px; } .form input { width:292px; padding:4px; /*float:left;*/ clear:both; } .form input:focus, .form select:focus, .form textarea:focus { border:1px solid #ad0030; background:url(../../images/dm/layout/form-field-focus-bg.gif) repeat-x top left; } .form input.sml { width:70px; } .form input.medium { width:120px; } .form input.mediumbig { width:160px; } .form input.big { width:383px; } .form input.checkbox { border:none !important; background:none; padding:0; margin:0 5px 0 3px; width:auto; } .form input.radio { border:none !important; background:none; padding:0; margin:0 5px 0 3px; width:auto; } .form .border { border-bottom:1px solid #f5f5f5; padding-bottom:15px; margin-bottom:22px; } .form dl.everyday-rewards dd.edr-saved { margin: 4px 0 0 0; } .form dl.everyday-rewards dd.edr-saved strong { display: inline-block; margin: 0 7px 0 0; } .form dl.everyday-rewards dd.edr-saved span.tooltip { float: none !important; display: inline-block !important; } .form dd.everyday-rewards { background:url(../../images/dm/layout/icon-everyday-rewards.gif) no-repeat 200px 30px; } .form dd.everyday-rewards input { margin-bottom:7px; } .form dt.confirm-pass { height:43px !important; } .form .card-no { font-size:0.9em; line-height:1em; float:left; clear:both; display:block; padding-bottom:4px; width:175px; } .form .tooltip { margin:2px 0 0 5px; float:left; display:block; width:13px; height:11px; font-size:0; line-height:0; background:url(../../images/dm/layout/form-tooltip.gif) no-repeat; } /* Tooltip */ .tooltip { position:relative; } .pop-tooltip { display:none; position:absolute; left:15px; margin:0 0 0 5px; border:1px solid #d5d5d5; background-color:#445e0e; color:#fff; padding:3px 6px; opacity:0.85; width:138px; font-size:12px !important; line-height:1.3em !important; z-index: 999999; } .pop-tooltip h3 { color:#ffffff; font-size:12px !important; line-height:1.3em !important; font-weight:normal !important; } .pop-tooltip h3, .pop-tooltip div { margin:0; } /*#tooltip { position:absolute; z-index:3000; border:1px solid #d5d5d5; background-color:#445e0e; color:#fff; padding:3px 6px; opacity:0.85; width:140px; }*/ /* Forms Validation */ .form .status { padding:0 !important; } .form .status .error-true { display:block; float:left; clear:both; border:none !important; color:#ad0030; font-size:0.9em; width: 100%; } .form .status .checked { display:none !important; } .form input.error-true, .form select.error-true, .form textarea.error-true { border:1px solid #ad0030; background:url(../../images/dm/layout/form-field-focus-bg.gif) repeat-x top left; } .form .checkbox.error-true { border:none; background:none; } .page-error { background-color: #F0F0F0; padding:10px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; margin-bottom: 5px; /* CSS PIE */ behavior: url('/media/javascript/bienalto/PIE.htc'); position: relative; } .page-error .bottom { } .page-error h2 { color:#a00028; background: url("../../../media/images/bienalto/icon-i.gif") no-repeat scroll 0px 2px transparent; padding: 2px 0 0 25px !important;} .page-error p { padding-left: 25px; } /* Help Box Spotlight */ .help-box { float:left; background-color:#f3f3f3; padding:14px 35px 14px 14px; width:314px; margin:10px 0 0 7px; } .help-box.first { margin-top:0px !important; } .help-box h2 { display:block; margin:0 0 10px 0; padding:0; height:22px; font-size:1.5em; } .help-box .separator { margin:0 0 12px 0; width:100%; height:1px; background:url(../../images/dm/layout/mainbanner-border-top.gif) repeat-x; } .help-box .links { margin:10px 0 0 0; list-style:none; } .help-box .links li { margin:0 0 5px 0; } .help-box .links li a { color:#000; font-weight:bold; background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 6px; padding:0 0 0 8px; } /* Registration */ #register .form { width:668px; } #register .form .dl { width:668px; background:red; } #register .form dd input { float: left; } #register .form input.submit { width:86px; height:24px; background:url(../../images/dm/buttons/bt-register-green.gif) no-repeat; float:left; clear:both; margin-left:213px; } .form #pwd-indicator { display:none; } #register .form select { margin-right:4px; } #register .form .pwd-strength-indicator { position:absolute; top:5px; left:305px; padding:34px 0 0 0; background:url(../../images/dm/layout/pwd-strength-indicator.gif) no-repeat 15px 0; z-index: 9; } /* Contact Us */ .contact-us h1 { font-size:1.17em !important; } .contact-us .main-title { margin:0; width:auto; } .contact-us .col-left { float:left; width:700px; } .contact-us .col-right { float:right; width:370px; } .contact-us p { margin:0 0 10px 0 !important; } .contact-us h2 { font-size:1.2em; margin:0 0 10px 0; } .contact-us .details { float:left; width:480px; } .contact-us img.help-panel { float:right; } .contact-us .form { margin:0 0 10px 0; } .contact-us .form input.submit { margin:10px 0 0 447px; width:90px; height:24px; background:url(../../images/dm/buttons/bt-send-green.gif) no-repeat; } .contact-us .form ul.most-viewed { margin:3px; list-style:none; } .contact-us .form ul.most-viewed li { width:230px; margin:0 0 5px 0; float:left; background:url(../../images/dm/layout/bullet-single-green.gif) no-repeat 0 6px; padding:0 0 0 7px; } .contact-us textarea { width:292px; height:120px; } .contact-us .enq-option { margin:0; display:none; } .contact-us .sub-topic { margin:10px 0 10px 0; } .contact-us .sub-topic label { display:block; float:left; width:180px; text-align: right; padding: 0 20px 0 0; } .contact-us .sub-topic label span { color:#AD0030; } .contact-us .help-topics { margin:0 0 15px 0; } .contact-us .help-topics h4 { margin:0 0 8px 0; font-size:1.1em; width:190px; float:left; } .contact-us .help-topics ul { list-style:none; padding:0 0 7px 0; float:left; margin:3px 0 0 13px; } .contact-us .help-topics ul li { margin:0 0 2px 1px; background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 6px; padding:0 0 0 8px; } .contact-us .help-topics ul li a { color:#292723; } .contact-us .help-topics p { clear:both; margin:3px 0 0 202px !important; } /* Unsubscribe */ .unsubscribe-user .col-left { width:960px; } .unsubscribe-user .col-left .form { width:928px; overflow: auto; _height: 1%; } .unsubscribe-user .col-left .form .inline-fields { margin:12px 0 0 0; } .unsubscribe-user .col-left .form .inline-fields dt { padding:16px 20px 0 0; width:90px; float:left; } .unsubscribe-user .col-left .form .inline-fields dd { padding:11px 0 0 0; width:400px; float:left; } .unsubscribe-user .col-left .form .submit { float:left; clear: left; width:123px; height: 30px; margin:22px 0 0 383px !important; background:url(../../images/dm/buttons/bt-unsubscribe-green.gif) no-repeat 0 0; } /* Paging */ ul.paging { list-style:none; float:right; margin:23px 0 0 0; } .pagetop ul.paging { position: absolute; bottom: 7px; right: 15px; } ul.paging li { line-height:1em; padding:0 3px; border-left:1px solid #303030; float:left; font-weight:bold; font-size:0.9em; color:#000; } ul.paging li a { text-align:center; color:#598006 !important; display:block; } ul.paging li a:hover { text-decoration:underline !important; } ul.paging li.previous { border:none; } ul.paging li.previous span, ul.paging li.next span { font-weight:normal; } /* Product Detail */ #left-pane .spotlights { position:relative; padding:0 10px; margin:0 0 10px 0; width:193px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } #left-pane .spotlights .spot { font-size:1em; float:left; clear:both; padding:10px 0 10px 10px; width:183px; border-top:1px solid #bfbfbf; } #left-pane .spotlights .first { border:none; } #left-pane .spotlights .spot h3 { margin:0; font-weight:normal; } #left-pane .spotlights .spot h3 span { font-weight:bold; } #left-pane .spotlights .spot img { float:left; margin:0 17px 0 0; } #left-pane .spotlights .spot .details { float:left; width:144px; } #left-pane .spotlights .spot .price { margin:2px 0 0 0; } #left-pane .spotlights .bottom { position:absolute; bottom:-1px; left:-1px; width:215px; height:6px; font-size:0; line-height:0; background:url(../../images/dm/layout/leftnav-spotlight-bottom.gif) no-repeat; } #product-detail { width:745px; } #product-detail.badge { background-position:660px 8px !important; } #product-detail.badge h1 { margin-right:70px !important; } #product-detail .col-top { position:relative; width:745px; min-height:300px; height:auto !important; height:300px; } * + html #product-detail .col-top.discontinued { position:relative; width:745px; min-height:400px; height:auto !important; height:400px; } #product-detail .col-bottom { width:732px; margin-left:10px; *margin-top: 10px; } #product-detail .col-left { float:left; width:195px; } #product-detail .col-right { float:right; width:544px; } #product-detail .summary { float:right; width:524px; padding:10px 10px 15px 10px; margin:0 0 5px 0; background:url(../../images/dm/layout/proddetail-summary-bg.gif) no-repeat bottom left; position:relative; } #product-detail .summary .badge-icon { position: absolute; top: 2px; right: 8px; } #product-detail .summary .product-info { min-height: 90px; height: 90px; position: relative; } #product-detail .summary h1 { font-size:1.45em; font-weight:normal; margin:0 0 8px 0; } #product-detail .summary h1 span { font-weight:bold; } #product-detail .summary .rating { margin:0 0 8px 0; height:20px; } #product-detail .summary ul.info-spec { float:left; list-style:none; padding:0 40px 9px 0; width:484px; } #product-detail .summary ul.info-spec li { float:left; margin:0 15px 0 0; } #product-detail .summary .info-details { clear:both; margin:0 0 15px 0; border-top:1px solid #e4e4e4; padding: 8px 0 0 0; } #product-detail .summary .product-options { position: relative; margin-top:25px; min-height: 205px; height: auto !important; height: 205px; } #product-detail .summary .product-options .stock { float:left; width:185px; line-height:1.2em; padding:0; font-size:0.9em; } #product-detail .summary .product-options .stock p { margin:0 0 6px 0 !important; padding:1px 0 0 36px; font-weight:bold; } #product-detail .summary .product-options .stock ul { list-style:none; margin:0 0 0 5px; } #product-detail .summary .product-options .stock ul li { padding:4px 0 3px 31px; } #product-detail .summary .product-options .stock .delivery { border-bottom:1px solid #dedede; padding-bottom:6px; margin-bottom:6px; background:url(../../images/dm/layout/icon-delivery.gif) no-repeat 0 0; } #product-detail .summary .product-options .stock .store { background:url(../../images/dm/layout/icon-danm.gif) no-repeat 0 0; } #product-detail .summary .product-options .stock .store p { display:block; margin:0 0 4px 0 !important; height:22px; } #product-detail .summary .product-options .pricing { position:absolute; top: 0; right:10px; padding:18px 13px 45px 13px; float:right; width:299px; min-height:148px; height:auto !important; height:148px; background:url(../../images/dm/layout/proddetail-pricing-bg.gif) no-repeat top left; z-index: 2; } #product-detail .summary .product-options .pricing .bottom { z-index:10; width:325px; height:41px; position:absolute; bottom:0; left:0; background:url(../../images/dm/layout/proddetail-pricing-bottom.gif) no-repeat; } #product-detail .summary .product-options .pricing .price { font-size:2.75em; font-weight:normal; margin:0 0 6px 0; font-weight:bold; } #product-detail .summary .product-options .pricing .price span { font-size:0.35em; font-weight:normal; } #product-detail .summary .product-options .pricing ul.price-info { list-style:none; padding:0 0 10px 0; margin:0 0 8px 0; } #product-detail .summary .product-options .pricing ul.price-info li { font-size:1.18em; margin:0 0 2px 0; } #product-detail .summary .product-options .pricing ul.price-info li span { font-size:0.85em; } #product-detail .summary .product-options .pricing .quantity p { margin:0 0 5px 0; } #product-detail .summary .product-options .pricing .quantity label { padding:3px 7px 0 0; float:left; display:block; } #product-detail .summary .product-options .pricing .quantity a { cursor:pointer; display:block; float:left; width:19px; height:22px; text-indent:-9999em; font-size:0; line-height:0; } #product-detail .summary .product-options .pricing .quantity .subtract { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top left; } #product-detail .summary .product-options .pricing .quantity .add { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top right; } #product-detail .summary .product-options .pricing .quantity .text { background:none !important; float:left; border:1px solid #9c9c9c; width:34px; padding:3px 0 2px 0; text-align:center; } #product-detail .summary .product-options .pricing .quantity div.qty { font-size:0.9em; float:left; padding:3px 0 0 6px; } #product-detail .summary .product-options .pricing .quantity select.qty { font-size:0.9em; float:left; padding:2px 2px 2px 5px; margin:0 0 0 5px; width:93px; } #product-detail .summary .product-options .pricing .bt-add-cart { z-index:15; width:155px; height:30px; background:url(../../images/dm/buttons/bt-product-listing-addtocart.gif) no-repeat; position:absolute; bottom:5px; right:8px; } #product-detail .summary .product-options .pricing .bt-find-instore { position:absolute; bottom:5px; left:7px; z-index:15; display:block; width:155px; height:30px; background:url(../../images/dm/buttons/bt-product-listing-findinstore.gif) no-repeat; } #product-detail .summary .product-options .pricing .bt-find-instore span { display:none; } #product-detail a.bt-play-video { display:block; float:left; width:101px; height:55px; background:url(../../images/dm/layout/proddetail-video.gif) no-repeat; margin:0; } #product-detail a.bt-play-video span { position:absolute; left:-9999em; } #product-detail .tools { float:right; width:387px; font-size:0.9em; margin:2px 0 0 0; } #product-detail .tools .option { float:left; margin:0 10px 7px 0; padding:3px 0 2px 28px; background-position:0 0 !important; } #product-detail .tools .share { margin:4px 0 0 0; float:left; width:222px; } #product-detail .tools .share .addthis_button_compact { margin-right:11px; } #product-detail .tools .share .addthis_button_facebook_like { margin-left:11px; } #product-detail .tools .print { background:url(../../images/dm/layout/tool-icon-print.gif) no-repeat 0 0 !important; width:68px; padding-left:29px !important } #product-detail .tools .wishlist { clear:both; background:url(../../images/dm/layout/tool-icon-wishlist.gif) no-repeat; width:83px; } #product-detail .tools .tellfriend { background:url(../../images/dm/layout/tool-icon-taf.gif) no-repeat; width:78px; margin-left: 38px; } #product-detail .tools .delivery { background:url(../../images/dm/layout/tool-icon-delivery.gif) no-repeat; padding-left:32px !important; width:106px; } #product-detail .images-container { float:left; width:177px; margin:0 0 15px 10px; _position: absolute; _top: 0; _left: 0; } #product-detail .images-container td { text-align:center; vertical-align:middle; } #product-detail .images-container .images { width:177px; margin:0 0 5px 0; text-align:center; } #product-detail p.zoom { position:absolute; bottom:3px; _bottom: 0; left:24px; display:block; background:url(../../images/dm/layout/icon-magnify.gif) no-repeat; text-align:left; width:128px; padding:3px 0 4px 24px; font-size:0.9em; z-index: 25; } #product-detail ul.thumbs { margin:0 14px 0 0; width:177px; float:left; list-style:none; } #product-detail ul.thumbs li { float:left; margin:0 3px 3px 0; } #product-detail ul.thumbs li a { display:block; overflow:hidden; width:50px; height:50px; border:3px solid #b3b3b3; text-align:center; } #product-detail ul.thumbs li.on a, #product-detail ul.thumbs li.selected a { border:3px solid #262626; } #product-detail ul.thumbs li img { margin:1px 0 0 0; } /* Product detail - Item unavailable */ #product-detail .summary .unavailable .pricing { position:absolute; bottom:28px; right:10px; padding:18px 13px 45px 13px; float:right; width:299px; min-height:55px; height:auto !important; height:55px; background:url(../../images/dm/layout/proddetail-pricing-bg.gif) no-repeat top left; } #product-detail .summary .unavailable { min-height: 145px; height: auto !important; height: 145px; } #product-detail .summary .unavailable .pricing .item-unavailable { font-size: 1.45em; font-weight: normal; margin: 0 0 6px 0; font-weight: bold; } #product-detail .summary .unavailable .search-box { position: absolute; bottom: 18px; left: 12px; width:294px; height:26px; z-index: 15; } #product-detail .summary .unavailable .search-box .text-input { padding:3px 0 0 3px; width:216px; height:23px; background:url(../../images/dm/layout/noresults-search-bg.gif) no-repeat; float:left; } #product-detail .summary .unavailable .search-box .text-input .text { width:208px; background:none; border:none; color:#878787; } #product-detail .summary .unavailable .search-box .submit { float:left; width:75px; height:26px; background:url(../../images/dm/buttons/bt-results-search.gif) no-repeat; } /* product extras tabs */ #product-detail #product-extras { margin-bottom:7px; float:left; clear:both; margin-top:12px; } #product-detail #product-extras #featured-wines { width:720px; position: relative; } #product-detail #product-extras #featured-wines .results-gallery { width:213px; margin-bottom:6px; margin-left:0px; margin-right:6px; padding:12px 12px 12px 9px; _padding: 12px 5px; } #product-detail #product-extras #featured-wines .last { margin-right:0px !important; } #product-detail #product-extras #featured-wines .results-gallery .bt-add-cart { left:7px; } #product-detail #product-extras #featured-wines .results-gallery .bt-quick-info { left:7px; } /* overview */ #product-detail #product-extras .overview h2 { font-size:1.75em; font-weight:bold; margin:0 0 10px 0; } #product-detail #product-extras .overview h3 { font-size:1.5em; font-weight:normal; margin:15px 0 10px 0; } #product-detail #product-extras .overview h4 { font-size:1.35em; font-weight:normal; margin:15px 0 10px 0; } #product-detail #product-extras .overview p { margin:0 0 10px 0; } /* specifications */ #product-detail #product-extras .specifications { float:left; padding:0 0 0 2px; width:700px; } #product-detail #product-extras .specifications h4 { font-size:1.35em; margin:10px 0; font-weight:bold; } #product-detail #product-extras .specifications .spec-list { margin:22px 0 10px 0; width:716px; background-color:#fff; } #product-detail #product-extras .specifications .spec-list tr.grey th, #product-detail #product-extras .specifications .spec-list tr.grey td { background-color:#f6f6f6; } #product-detail #product-extras .specifications .spec-list th { vertical-align:text-top; text-align:left; font-weight:bold; padding:5px; width:170px; } #product-detail #product-extras .specifications .spec-list td { vertical-align:text-top; text-align:left; padding:5px 22px 5px 5px; } #product-detail #product-extras .specifications .question-mark, #product-detail #product-extras .specifications .spec-list a { text-decoration:none! important; display:inline; color:#fff; font-weight:bold; padding:0 6px 0 4px; background:url(../../images/dm/layout/proddetail-specs-question.png) no-repeat; } #product-detail #product-extras .specifications .spec-list tr.title th { font-size:1.3em; font-weight:bold; padding:13px 22px 7px 2px; } /* delivery */ #product-detail #product-extras .deliveries { float:left; width:370px; min-height:320px; height:auto !important; height:320px; padding:0; } #product-detail #product-extras .deliveries h4 { font-size:1.15em; font-weight:bold; margin:10px 0 13px 0; } #product-detail #product-extras .deliveries .enter-postcode { margin:3px 0 16px 0; } #product-detail #product-extras .deliveries .estimate-result { display:none; font-weight:bold; color:#598006; margin:0 0 16px 0; } #product-detail #product-extras .deliveries .delivery-estimate { width:100%; margin:0 0 17px 0; } #product-detail #product-extras .deliveries .delivery-estimate label { padding:3px 0 0 0; display:block; float:left; } #product-detail #product-extras .deliveries .delivery-estimate input { width:90px; float:left; margin:1px 0 0 8px; } #product-detail #product-extras .deliveries .delivery-estimate .submit { margin:0 0 0 8px; width:172px !important; height:28px; } #product-detail #product-extras .deliveries h5 { margin:0 0 15px 0; font-size:1em; font-weight:bold; } #product-detail #product-extras .deliveries p { margin:0 0 10px 0; } #product-detail #product-extras .delivery-image { padding:10px 0 0 0; float:right; width:340px; text-align:right; } #product-detail #product-extras .delivery-image img { border:1px solid #d6d6d6; } /* dan murphys review */ #product-detail #product-extras .dm-review { float:left; padding:5px 0 0 2px; width:700px; } #product-detail #product-extras .dm-review p { margin:0 0 10px 0; } #product-detail #product-extras .dm-review img.video-review { float:right; margin:0 0 12px 12px; } /* customer review */ #product-detail #product-extras #tab-4 h3 { margin-bottom:20px; } #product-detail #product-extras a.write-review { font-weight:normal; color:#40580e; display:inline; width:80px; border-left:1px solid #000; margin:0 0 0 5px; padding:0 0 0 10px; } #product-detail #product-extras .customer-review { width:700px; margin:0 0 18px 0; float:left; } #product-detail #product-extras .customer-review .rating { float:left; } #product-detail #product-extras .customer-review h4 { float:left; margin:0 0 0 6px; } #product-detail #product-extras .customer-review h4 span { font-weight:normal; font-style:italic; } #product-detail #product-extras .customer-review p { float:left; width:100%; clear:both; margin:0 0 3px 0; } /* bundles */ #product-detail #product-extras .bundles { padding:0 0 0 10px; } #product-detail #product-extras .bundles .item { width:685px; float:left; clear:both; padding:20px 0 16px 0; border-bottom: 1px solid #DCDCDC; position: relative; } #product-detail #product-extras .bundles .item.first { background:none !important; } #product-detail #product-extras .bundles .item.last { border: none; } #product-detail #product-extras .bundles .item img { float:left; margin:3px 0 0 0; } #product-detail #product-extras .bundles .item .details { float:left; width:520px; margin:0 0 0 10px; } #product-detail #product-extras .bundles .item .details h4 a { font-size:1.2em; } /*#product-detail #product-extras .bundles .item .details .price span { font-weight:bold; font-size:1.45em; padding:2px 0 0 0; display:block; }*/ #product-detail #product-extras .bundles .item .bundle-summary { margin: 0 0 6px 0; } #product-detail #product-extras .bundles .item .bundle-price { position: absolute; bottom: 12px; left: 66px; } #product-detail #product-extras .bundles .item .rating .view-review { margin: 5px 0 0 4px; } #product-detail #product-extras .bundles .item .seperately { margin: 0 0 6px 0; } #product-detail #product-extras .bundles .item .price { font-size:2em; font-weight:normal; margin:0 0 6px 0; font-weight:bold; } #product-detail #product-extras .bundles .item .price span { font-size:.5em; font-weight:normal; } /* Search Results */ #search-results-text { float:left; padding:20px 13px 10px 13px; } #search-results-text p { margin:3px 0 0 0; } #search-results-text .suggest { color:#166abe; } #search-results-listing { /*width:735px; padding:10px 5px;*/ } #search-results-listing h1 { font-size:1.75em; font-weight:bold; margin:25px 0 10px 10px; } #search-results-listing h1 span { font-size:0.5em; } #search-results-listing .related-searches { margin:0 0 20px 10px; font-size:1em; } #search-results-listing .did-you-mean { margin:0 0 -6px 10px; } #search-results-listing .did-you-mean p { margin:0 0 6px 0 !important; } #search-results-listing #internal-banner { margin-bottom:12px; } #search-results-listing .sort-paging { margin:0 0 10px 0; background:url(../../images/dm/layout/paging-bg.gif) no-repeat top left; height:47px; width:716px; padding:5px 20px 0 9px; position: relative; } #search-results-listing .sort-paging .sort-by { float:left; width:120px; } #search-results-listing .sort-paging .sort-by label { font-weight:bold; padding:2px 5px 0 0; } #search-results-listing .sort-paging .sort-by select { width:121px; padding:2px 2px 2px 5px; } #search-results-listing .sort-paging .listing-view { float:left; margin:0 0 0 15px; } #search-results-listing .sort-paging .listing-view label { font-weight:bold; } #search-results-listing .sort-paging .listing-view ul { list-style:none; } #search-results-listing .sort-paging .listing-view ul li { float:left; } #search-results-listing .sort-paging .listing-view ul li a.list { display:block; width:57px; height:23px; /*background:url(../../images/dm/buttons/bt-lister-view-list.gif) no-repeat bottom left; */} #search-results-listing .sort-paging .listing-view ul li a.gallery { display:block; width:72px; height:23px; /*background:url(../../images/dm/buttons/bt-lister-view-gallery.gif) no-repeat bottom left; */ } #search-results-listing .sort-paging .listing-view ul li a span { position:absolute; left:-9999em; } #search-results-listing .sort-paging .listing-view ul li a.on { background-position:top left; } #search-results-listing .sort-paging .product-count { float:left; width:225px; margin:3px 0 0 15px; } #search-results-listing .sort-paging .product-count p { margin:0 0 3px 0; } #search-results-listing .sort-paging .product-count p span { font-weight:bold; } #search-results-listing .pagebottom { margin:0 0 5px 0; } #search-results-listing .pagebottom .product-count { width:405px; margin:11px 0 0 5px; } #search-results-listing .pagebottom .product-count p { float:right; } #search-results-listing .pagebottom .product-count p.display { float:left; } #search-results-listing .pagebottom ul.paging { margin:16px 0 0 0; } #search-results-listing .results-found { color:#000; padding:12px 8px 4px 8px; margin:0 0 6px 0; } #search-results-listing .results-found p { font-size:1.2em; margin:0; } #search-results-listing .results-found p.related { font-size:1em; margin-top:5px; } #search-results-listing .return-top { padding:0 12px 0 0; float:right; } /* list view */ .results-list { position:relative; padding:6px; width:728px; margin:0 0 10px 0; background:url(../../images/dm/layout/product-listing-bg.gif) no-repeat bottom left; } .results-list .thumb { position:relative; float:left; text-align:center; width:95px; padding-bottom:30px; } .results-list .thumb a.bt-quickview { position:absolute; bottom:0; left:0; display:block; width:95px; height:24px; background:url(../../images/dm/buttons/bt-quick-view.gif) no-repeat; } .results-list .thumb a.bt-quickview span { display:none; } .results-list .compare { position:absolute; z-index:20; bottom:12px; left:112px; } .results-list .compare input { margin:0; float:left; height:14px; } .results-list .compare label { float:left; padding:0 0 0 4px; line-height:1.1em; display:block; height:14px; } .results-list .red { color:#e70000; } .results-list .details { width:450px; float:left; margin:0 0 0 9px; position: relative; } .results-list .details .badge-icon { position: absolute; top: 0; right: 0; } .results-list .badge { background-position:top right !important; } /* use this class if product has badge */ .results-list .details h3 { font-weight:normal; color:#303030; font-size:1.4em; line-height:1.1em; } .results-list .details h3 a { color:#303030 !important; } .results-list .details h3 a span, .results-list .details h3 span { font-weight:bold; } .results-list .details p.summary { margin:0 0 10px 0 !important; min-height: 30px; height: auto !important; height: 30px; } .results-list .badge h3 { margin-right:90px !important; } .results-list .badge p.summary { margin:0 90px 10px 0 !important; } .results-list .details a.read-more { font-weight:bold; } .results-list .details .stock { position:relative; line-height:1.25em; font-size:0.9em; background:url(../../images/dm/layout/product-listing-stock-bg-alt.gif) repeat-y top left; width:450px; } .results-list .details .stock p { margin:0 0 3px 0 !important; font-weight:bold; } .results-list .details .stock ul { list-style:none; } .results-list .details .stock ul li { padding:4px 0 3px 25px; } .results-list .details .stock .delivery { float:left; width:142px; padding:1px 2px 0 40px; margin-bottom:20px; background:url(../../images/dm/layout/icon-delivery.gif) no-repeat 0 0; } .results-list .details .stock .store { float:left; width:210px; padding:1px 0 0 40px; margin:0 0 0 14px; background:url(../../images/dm/layout/icon-danm.gif) no-repeat 0 0; } .results-list .details .no-store { background:none; } .results-list .details .no-store .delivery { width:330px; } .results-list .pricing { float:right; width:151px; margin:0 3px 0 0; padding:0 0 0 4px; min-height:220px; height:auto !important; height:185px; } .results-list .pricing .price { margin:0 0 4px 0 !important; font-size:2.05em; line-height:0.83em; font-weight:bold; } .results-list .pricing .price span { padding:3px 0 0 0; display:inline-block; font-size:0.5em; line-height:1em; font-weight:normal; } .results-list .pricing .bt-add-cart { position:absolute; bottom:45px; right:10px; display:block; width:155px; height:30px; background:url(../../images/dm/buttons/bt-product-listing-addtocart.gif) no-repeat; } .results-list .pricing .bt-find-instore { position:absolute; bottom:10px; right:10px; display:block; width:155px; height:30px; background:url(../../images/dm/buttons/bt-product-listing-findinstore.gif) no-repeat; } .results-list .pricing .bt-find-instore span { display:none; } .results-list .pricing ul.price-info { list-style:none; margin:0 0 1px 0; } .results-list .pricing .quantity { float:left; clear:both; width:150px; position:absolute; bottom:83px; right:12px; } .results-list .pricing .quantity label { display:block; } .results-list .pricing .quantity a { cursor:pointer; display:block; float:left; width:19px; height:22px; text-indent:-9999em; font-size:0; line-height:0; } .results-list .pricing .quantity .subtract { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top left; } .results-list .pricing .quantity .add { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top right; } .results-list .pricing .quantity .text { float:left; border:1px solid #9c9c9c; height: 1.25em; background:none !important; width:34px; padding:3px 0 2px 0; text-align:center; } .results-list .pricing .quantity div.qty { font-size:0.9em; float:left; padding:3px 0 0 6px; } .results-list .pricing .quantity select.qty { font-size:0.9em; float:left; padding:2px 2px 2px 5px; margin:0 0 0 4px; width:71px; } /* gallery view */ #results-gallery-container { margin-bottom:5px; } .results-gallery { float:left; margin:0 8px 8px 0; position:relative; width:214px; min-height:300px; height:auto !important; height:300px; /*padding:12px 15px 95px 12px;*/ padding:12px 14px 12px 12px; border:1px solid #d7d7d7; background:url(../../images/dm/layout/proddetail-tabs-bg.gif) repeat-x bottom left; } .results-gallery.last, #results-gallery-container .last, #featured-wines .last { margin-right:0px; } #featured-wines .results-gallery { padding: 12px 13px; _padding:12px 8px 12px 8px; } #featured-wines h2.main-title { margin-bottom:10px; } .results-gallery .tl, .results-gallery .tr, .results-gallery .bl, .results-gallery .br { display:block; position:absolute; font-size:0; line-height:0; width:12px; height:12px; background:url(../../images/dm/layout/box-greyborders-bigger.gif) no-repeat; } .results-gallery .tl { background-position:top left !important; top:-1px; left:-1px; } .results-gallery .tr { background-position:top right !important; top:-1px; right:-1px; } .results-gallery .bl { background-position:bottom left !important; bottom:-1px; left:-1px; } .results-gallery .br { background-position:bottom right !important; bottom:-1px; right:-1px; } .results-gallery .thumb { text-align:center; margin-bottom:10px; position: relative; } .results-gallery .thumb .badge-icon { position: absolute; top: 0; right: 2px; } .results-gallery .badge { background-position:137px 0px !important; } /* use this class on '.thumb' if product has badge */ .results-gallery .red { color:#e70000; } .results-gallery h3 { font-weight:normal; color:#303030; font-size:1.4em; min-height: 50px; height: auto !important; height: 50px; } .results-gallery h3 a { color:#303030; } .results-gallery h3 span { font-weight:bold; } .results-gallery .details { width:214px; } .results-gallery .compare { margin: 5px; } .results-gallery .compare input { margin:0; float:left; height:14px; } .results-gallery .compare label { float:left; padding:0 0 0 5px; line-height:1.1em; display:block; height:14px; } .results-gallery .pricing { position:relative; margin:0 0 15px 0; padding:0; } .results-gallery .pricing .price { margin:0 0 4px 0 !important; font-size:2.1em; line-height:0.7em; font-weight:bold; } .results-gallery .pricing .price span { padding:3px 0 0 0; font-size:0.5em; line-height:1em; font-weight:normal; } .results-gallery .pricing ul.price-info { list-style:none; margin:0 0 8px 0; } .results-gallery .pricing .quantity label { display:block; } .results-gallery .pricing .quantity a { cursor:pointer; display:block; float:left; width:19px; height:22px; text-indent:-9999em; font-size:0; line-height:0; } .results-gallery .pricing .quantity .subtract { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top left; } .results-gallery .pricing .quantity .add { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top right; } .results-gallery .pricing .quantity .text { background:none !important; float:left; border:1px solid #9c9c9c; width:34px; padding:3px 0 2px 0; text-align:center; } .results-gallery .pricing .quantity div.qty { font-size:0.9em; float:left; padding:3px 0 0 6px; } .results-gallery .pricing .quantity select.qty { font-size:0.9em; float:left; padding:2px 2px 2px 5px; margin:0 0 0 5px; width:93px; } .results-gallery .details { margin:0; } .results-gallery .details .stock { line-height:1.25em; font-size:0.9em; } .results-gallery .details .stock p { margin:0 0 3px 0 !important; font-weight:bold; } .results-gallery .details .stock ul { list-style:none; } .results-gallery .details .stock ul li { padding:4px 0 3px 23px; } .results-gallery .details .stock .delivery { float:left; width:172px; padding:1px 0 0 40px; background:url(../../images/dm/layout/icon-delivery.gif) no-repeat 0 0; } .results-gallery .details .stock .store { float:left; width:172px; padding:1px 0 0 40px; background:url(../../images/dm/layout/icon-danm.gif) no-repeat 0 0; } .results-gallery .collection { list-style:none; margin:0 0 10px 2px; } .results-gallery .collection li { float:left; padding-left:37px; } .results-gallery .collection li span { display:block; float: left; text-indent:-9999em; width:22px; height:20px; font-size:0; line-height:0; } .results-gallery .collection li.delivery { background:url(../../images/dm/layout/icon-delivery.gif) no-repeat 0 2px; } .results-gallery .collection li.collect { background:url(../../images/dm/layout/icon-danm.gif) no-repeat 0 0; margin-left:25px; } .results-gallery .collection li .yes { background:url(../../images/dm/layout/icon-tick-green.gif) no-repeat 0 0; } .results-gallery .collection li .no { background:url(../../images/dm/layout/icon-cross.gif) no-repeat 0 0; } .results-gallery .collection li .radar { background:url(../../images/dm/layout/icon-world.gif) no-repeat 0 0; } .results-gallery .bt-add-wishlist { display:block; width:219px; height:31px; background:url(../../images/dm/buttons/bt-product-gallery-addtowishlist.gif) no-repeat; } .results-gallery .bt-add-cart { display:block; width:219px; height:31px; background:url(../../images/dm/buttons/bt-product-gallery-addtocart.gif) no-repeat; } .results-gallery .bt-find-instore { position:absolute; bottom:34px; left:9px; display:block; width:219px; height:31px; background:url(../../images/dm/buttons/bt-product-gallery-findinstore.gif) no-repeat; } .results-gallery .bt-quick-info { display:block; width:219px; height:31px; background:url(../../images/dm/buttons/bt-product-gallery-quickinfo.gif) no-repeat; } .results-gallery .bt-find-instore span, .results-gallery .bt-quick-info span { display:none; } /* Category Landing */ .hero-banner { margin:0 0 10px 0 !important; /*width:743px; height:85px;*/ } /* Search - Not Found */ .search-no-results { padding:13px; min-height:250px; height:auto !important; height:250px; } .search-no-results h1 { margin:0 0 15px 0; } .search-no-results p { margin:0 0 10px 0 !important; } .search-no-results .search-box { margin:15px 0; width:294px; height:26px; } .search-no-results .search-box .text-input { padding:3px 0 0 3px; width:216px; height:23px; background:url(../../images/dm/layout/noresults-search-bg.gif) no-repeat; float:left; } .search-no-results .search-box .text-input .text { width:208px; background:none; border:none; color:#000; } .search-no-results .search-box .submit { float:left; width:75px; height:26px; background:url(../../images/dm/buttons/bt-results-search.gif) no-repeat; } .search-no-results ul.bullets { list-style:none; } .search-no-results ul.bullets li { font-size:0.9em; background:url(../../images/dm/layout/bullet-dot-red.gif) no-repeat 0 5px; margin:0 0 1px 15px; padding:0 0 0 13px; } .search-no-results .banner { float:right; } /* Composite List */ .composite-list { width:960px !important; margin:15px 0 0 0; } .composite-list .results-gallery { margin:0 0 12px 15px; } .composite-list h2 { font-size:1.35em; margin:20px 0 10px 13px; clear:both; } /* My details banner */ .my-details .banner { margin: 0 0 10px 0; } /* My Details */ #my-details { width:735px; } #my-details .form { /*width:731px;*/ width: 712px; margin: 0 0 10px 0; position: relative; } #my-details .form hr { display: block; margin: 0 0 10px 0; height: 1px; background: #DFDFDF; border: none; } #my-details .form .bl { display:block; position:absolute; bottom:-1px; left:-1px; _bottom: -2px; width:6px; height:6px; font-size:0; line-height:0; background:url(../../images/dm/layout/box-greyborders.gif) no-repeat bottom left; } #my-details .form .br { display:block; position:absolute; bottom:-1px; right:-1px; _bottom: -2px; _right: -2px; width:6px; height:6px; font-size:0; line-height:0; background:url(../../images/dm/layout/box-greyborders.gif) no-repeat bottom right; } #my-details .form p { margin: 0 0 10px 0; } #my-details .form dl { position:relative; width:565px; /*padding:15px 0 0 0;*/ } #my-details .form dl.first { padding:0; background:none; /*margin-top:10px;*/ } #my-details .form dl dt { /*padding:10px 0 0 0;*/ /*margin:0 0 13px 0;*/ float:left; clear:left; width:170px; } #my-details .form dl dd { /*margin:0 0 13px 0;*/ width: 322px; } #my-details .form dl dd input { float: left; } #my-details .form dl dd input#abn { *margin: 0 0 0 -4px !important; _margin: 0 0 0 -4px !important; } #my-details .form dd.dob select { margin: 0 6px 0 0; } #my-details .form dd.dob select.last { margin: 0; } #my-details .form dl dd span.text { float: left; margin: 0 0 10px 0; } #my-details .form dd.everyday-rewards { background-position: 200px 0; margin: 0 0 20px 0; padding: 0 0 10px 0 !important; } #my-details .form dl a.bt-edit-grey { position: absolute; right: 10px; } #my-details .form dl a.change-password { position:absolute; top:45px; left:415px; display:block; width:106px; padding:2px 0 0 25px; } #my-details .form dl.everyday-rewards { position:relative; clear:both; width:530px; } #my-details .form dl.everyday-rewards dt { float:left; clear:both; width:170px; padding:15px 20px 0 0; } #my-details .form dl.everyday-rewards dd { float:left; padding:11px 0 0 0; line-height:1em; *margin: 5px 0 0 0; _margin: 5px 0 0 0; } #my-details .form dl.everyday-rewards dd input { margin-bottom:4px; } #my-details .form dl.everyday-rewards .card-no { margin-left:0 !important; } #my-details .form dl.everyday-rewards dd.saved-card { padding-top:16px; } #my-details .form dl.everyday-rewards dd.saved-card div { padding-top:7px; line-height:1.1em; } #my-details .form dl.everyday-rewards dd.saved-card a.edit-edr { margin:0 0 0 10px; } #my-details .form .bt-save-changes { float: right; margin: 0 61px 0 0; _margin: 10px 30px 0 0; } #my-details .form .content-options { float:left; clear:both; width:560px; } #my-details .form .content-options.ccards { background:none !important; margin-bottom:10px !important; } #my-details .form .options { width:560px; float:left; clear:both; list-style:none; margin:0 0 20px 0; padding-left:148px;} #my-details .form .options li { margin:10px 0 0 0; float:left; width:160px; } #my-details .form p { width:560px; clear:both; } #my-details .form .content-options .cc-number { float:left; width:185px; margin:10px 10px 0 0; } #my-details .form .content-options .bt-delete-card { margin: 10px 0 0 0; } #my-details .passwordtext { font-size: 16px; } #my-details .subunsub { position: absolute; bottom: 10px; right: 10px; } /* Site Category Index */ #category-index h1 { font-family:Arial, helvetica, sans-serif; height:1.5em; font-size:1.95em; line-height:1.75em; margin:0 0 8px 8px; } #category-index .brands { font-size:1em; margin:0 0 10px 8px; } #category-index .main-banner { margin:0 0 10px 0; } #category-index .index { width:928px; margin:0 0 20px 0; list-style:none; border:1px solid #dbdbdb; padding:15px 0 15px 35px; background:url(../../images/dm/layout/az-list-bg.gif) repeat-x bottom left; } #category-index .index li { float:left; margin:0 23px 0 0; font-size:1.5em; text-transform:uppercase; } #category-index .group { margin:0 30px 20px 30px; padding: 0 0 20px 0; position: relative; } #category-index .group h2 { position:relative; display:block; margin:0 0 19px 0; font-size:2.4em; line-height:0.8em; font-weight:normal; border-bottom:1px solid #dbdbdb; padding:0 12px 5px 12px; } #category-index .group a.return-top { position: absolute; bottom: 0; right: 0; clear: both; display:block; width: 85px; line-height:0.9em; font-weight:bold; padding: 0 0 0 11px; background:url(../../images/dm/layout/arrow-green-up.gif) no-repeat 0 4px; } #category-index .section { float:left; width:148px; padding:0 0 20px 30px; } #category-index .first { padding: 0 0 0 12px; } #category-index .section ul { list-style:none; } #category-index .section ul li { background:url(../../images/dm/layout/bullet-single-green.gif) no-repeat 0 6px; padding:0 0 0 8px; } /* Checkout Email Recognised */ .checkout-email-recognised .fluidbox .col-l { width:390px !important; padding-right:30px; } .checkout-email-recognised .fluidbox .col-r { margin-bottom:30px; } .steps-smaller .process-steps { margin:0 0 16px 0; width:955px; list-style:none; height:31px; float:left; clear:both; background:url(../../images/dm/layout/checkout-process-bg.png) no-repeat; background-position:0 0; } .steps-smaller .process-steps li { float:left; width:148px; height:24px; position:relative; padding:7px 0 0 43px; margin:0; } /* Checkout */ .discount, .mandatory { color: #C3081E !important; } .mandatory { display: inline !important; } .gst { font-size: 11px; border: none; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } #checkout { width: 100%; } #checkout h2.main-title { width: 945px; } #checkout div.checkout-message { padding: 10px; width: 950px; } #checkout div.checkout-message p { margin: 0 0 10px 0; } #checkout h2.delivery-message { font-size: 16px; font-weight: bold; padding: 10px; margin: 0; width: 950px; } #checkout h2.delivery-message a.change-store { font-size: 12px; } #checkout .breadcrumbs { width: 945px; } #checkout .form dl dd input { float: left; } #checkout .col-left { float:left; width:700px; _width: 699px; margin: 0 9px 0 0; } #checkout .col-left .main-title { width: 675px !important; } #checkout .col-left .form { width: 667px; margin: 0 0 10px 0; padding-top: 10px; padding-bottom: 10px; position: relative; } #checkout .col-left .form .bl { display:block; position:absolute; bottom:-1px; _bottom: -2px; left:-1px; width:5px; height:5px; font-size:0; line-height:0; background:url(../../images/dm/layout/box-greyborders.gif) no-repeat bottom left; } #checkout .col-left .form .br { display:block; position:absolute; bottom:-1px; _bottom: -2px; right:-1px; _right: -2px; width:5px; height:5px; font-size:0; line-height:0; background:url(../../images/dm/layout/box-greyborders.gif) no-repeat bottom right; } #checkout .col-left .form a.bt-edit, #checkout .col-left .form a.bt-change-address { position: absolute; top: 10px; right: 10px; } #checkout .col-left address { font-style: normal; float: left; width: 290px; margin: 0 0 10px 0; } #checkout .col-left .form dl.details { width: 600px; padding: 0; } #checkout .col-left .form dl.details dt { display: block; float: left; font-weight: bold; width: 150px; clear: none; padding: 0; background: none; text-align: left; } #checkout .col-left .form dl.details dt.small { width: 70px; clear: left; } #checkout .col-left .form dl.details dd { display: block; float: left; width: 220px; padding: 0; } #checkout .col-left .form dl.details dd.phone { width: 150px; } #checkout .col-left .form p { margin: 0 0 10px 0; } #checkout .col-left .form span { display: block; font-size: 11px; color: #000; } #checkout .col-left .form span.tooltip { display: inline-block !important; margin: 3px 0 0 5px !important; _margin: 0; width: 13px !important; height: 11px !important; position: relative !important; background:url(../../images/dm/layout/form-tooltip.gif) no-repeat !important; float: none !important; } #checkout .col-left .form dl.special-delivery { float: left; width: 455px; margin: 0 10px 0 0; } #checkout .col-left .form dl.special-delivery dd { width: 255px; } #checkout .col-left .form dl.special-delivery textarea, #checkout .col-left .form dl.special-delivery input { width: 225px; } #checkout .col-left .form dl.special-delivery textarea { height: 110px; overflow: auto; } #checkout .col-left .form .shaded-box { float: left; width: 225px; margin: 35px 0 10px -25px; } #checkout .col-left .form dl.instructions { width: 350px; float: left; } #checkout .col-left .form dl.instructions dt { font-weight: bold; margin: 0; padding:0; width: 150px; text-align: left; } #checkout .col-left .form dl.instructions dd { width: 150px; margin: 0; padding: 0; } #checkout .col-left .form dl.instructions dd.special { margin: 0 0 10px 0; width: 350px; } /* Checkout New/Returning Customer */ .new-return-customer { width: 980px !important; _width: 970px !important; overflow: hidden; } .new-return-customer #checkout .col-left { width: 700px; } .new-return-customer #checkout .customer-type { width: 340px; float: left; } .new-return-customer #checkout .customer-type h2.main-title { width: 320px !important; } .new-return-customer #checkout .customer-type .form { width: 312px } .new-return-customer #checkout .returning-customer .form, .new-return-customer #checkout .new-customer .form { min-height: 227px; height: auto !important; height: 227px; } .new-return-customer #checkout .returning-customer { margin: 0 15px 0 0; _margin: 0 10px 0 0; } .new-return-customer #checkout .returning-customer .form dt { text-align: left; } .new-return-customer #checkout .returning-customer dd { width: 310px; border: } .new-return-customer #checkout .new-customer ul.bullet-list { color: #AE002D; list-style-position: inside; margin: 0 0 10px 0; } .new-return-customer #checkout .new-customer ul.bullet-list li { padding: 2px 0; } .new-return-customer #checkout .new-customer ul.bullet-list span { color: #000; display: inline !important; font-size: 12px !important; } .new-return-customer #checkout .help-advice { _width: 258px !important; } .new-return-customer #checkout .bt-signin-checkout, .new-return-customer #checkout .bt-guest-checkout, .new-return-customer #checkout .bt-signin-green, .new-return-customer #checkout .bt-register-account-green { position: absolute; bottom: 10px; right: 15px; } .new-return-customer #checkout .bt-signin-green:focus { display: block; width: 66px; height: 24px; background: transparent url("../../images/dm/buttons/bt-signin-green.gif") no-repeat top left; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } /* Checkout step 2 */ #checkout .form label span.mandatory, #checkout .form p span.mandatory { display: inline !important; } #checkout .form dl { margin: 0 0 10px 0; } #checkout .form dd.dob select { margin: 0 6px 0 0; } #checkout .form dd.postcode span.tooltip , #checkout .form dd.bus-order span.tooltip, #checkout .form dd.postcode span.tooltip, #checkout .form dd.state span.tooltip { float: right; margin: 0 140px 0 0; _margin: 0 70px 0 0; } #checkout .form dd.postcode input { width: 110px; } #checkout .form span.status { display: block; clear: left; color: #C3081E; } #checkout .form dd.edr img { float: left; margin: 0 10px 0 0; } /* Checkout step 3 */ #checkout div.delivery-container { width: 687px; padding: 10px 5px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; margin: 0 0 15px 0; position: relative; _overflow: hidden; } #checkout div.delivery-container span { position: absolute; display: block; width: 5px; height: 5px; } #checkout div.delivery-container span.bl { bottom: -1px; left: -1px; background: transparent url("../../images/dm/layout/bl-white.gif") no-repeat top left; } #checkout div.delivery-container span.br { bottom: -1px; right: -1px; background: transparent url("../../images/dm/layout/br-white.gif") no-repeat top left; } #checkout table.delivery-table { width: 677px; } #checkout table.delivery-table h3 { font-size: 14px; margin: 5px 0 0 0; } #checkout table.delivery-table th, #checkout table.delivery-table td { padding: 5px 10px; border: none; } #checkout table.delivery-table th { text-align: left; } #checkout table.delivery-table td { border-bottom: 1px solid #F5F5F5; } #checkout table.delivery-table .first { border-spacing: 0 0 0 10px !important; } #checkout table.delivery-table .last { border-spacing: 0 10px 0 0 !important; } #checkout table .text-right { text-align: right; } #checkout table.delivery-table .delivery-total { background: #F2F2F2; } #checkout table.delivery-table .shipping-options { background: #FCFCFC; border-bottom: 1px solid #FCFCFC; } #checkout table.delivery-table .discount { color: #C3081E; } #checkout table.delivery-table .less-padding { padding: 0 5px; } #checkout table.delivery-table .no-padding { padding: 0; } #checkout table.delivery-table .gst { font-size: 11px; border: none; } #checkout table.delivery-table textarea { width: 657px; height: 120px; overflow: auto; } #checkout table.delivery-table span.remaining_char { display: inline-block !important; position: relative !important; width: auto !important; height: auto !important; margin: 0; } #checkout table.delivery-table span.tooltip { display: inline-block !important; margin: 3px 0 0 5px !important; width: 13px !important; height: 11px !important; position: relative !important; background:url(../../images/dm/layout/form-tooltip.gif) no-repeat !important; } #checkout table.delivery-table span.tooltip .pop-tooltip { text-align: left !important; } span.remaining_char { display: inline-block !important; margin: 0 5px 0 0; } /* Checkout step 4 */ .step4 .form .bt-change-address { position: absolute; top: 10px; right: 10px; } .step4 .form .bt-use-address-green, .step3 .form .bt-use-address-green { margin: 0 162px 0 0; } .step4 .other-address, .step3 .other-address { padding: 10px 0; margin: 10px 0; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; } #checkout .payment-method ul { list-style-type: none; margin: 0 0 10px 0; } #checkout .payment-method ul li { padding: 2px 0; } #checkout ul.opt-in { padding: 10px 0 0 0; border-top: 1px solid #F5F5F5; list-style-type: none; } #checkout ul.opt-gin { padding: 10px 0 8px 0; list-style-type: none; } #checkout ul.opt-in li { padding: 5px 0; } #checkout ul.opt-in li.age-verification span.tooltip { float: none; display: inline-block; } .step4 .cc-options { position: absolute; top: 110px; right: 0; *width: 380px; } .step4 .cc-options dt { margin: 4px 0; } .step4 .cc-options dd { width: 150px; margin: 0; padding: 2px; } .step4 .promo dt { text-align: left; width: 120px; } .step4 { position: relative !important; } #checkout .cvv { width: 340px; position: absolute; top: 138px; right: 15px; color: #888684; } #checkout .cvv img { float: left; margin: 0 10px 20px 0; } #checkout .datacash { clear: both; padding: 110px 0 0 0; } #checkout .agree-terms { list-style-type: none; } #checkout .agree-terms li { padding: 5px 0; } #checkout .remove { padding: 2px 0 2px 23px; margin: 0 0 0 30px; } #checkout .wish-cards { margin: 10px 0; } #checkout .details-list.wish-cards dt { text-align: left; width: 200px; } #checkout .details-list.wish-cards dd { width: 250px; } /* Checkout step 5 */ #checkout .fluidbox .col-l { width: 420px; float: left; padding-bottom: 50px; } #checkout .fluidbox .col-l ul { list-style: none; margin: 0 0 10px 5px; } #checkout .fluidbox .col-l ul li { padding: 2px 0 5px 25px } #checkout .fluidbox .col-r { width: 225px; float: left; } #checkout .fluidbox .col-r label { display: block; } #checkout .fluidbox .col-r input { width: 190px; } #checkout .fluidbox .bt-register-me { position: absolute; bottom: 10px; right: -130px; } #checkout .fluidbox .bt-link-order { float: right; width:207px; height:29px; margin: 0 20px 0 0; background: transparent url("../../images/dm/buttons/bt-link-order.gif") no-repeat top left; border: none; cursor: pointer; font-size: 0; line-height: 0; } #checkout .fluidbox a.bt-link-order span { display:none; } #checkout .form .fluidbox .col-r span.mandatory { display: inline !important; color: #C3081E; padding: 0; } #checkout .form .fluidbox .col-r span.status { display: block !important; color: #C3081E; } #checkout .summary { background: transparent url("") repeat-x bottom left; padding: 10px 15px 0 15px !important; _padding: 10px 13px 0 13px !important; } #checkout .summary .col-left { width: 255px; margin: 0 0 10px 0; _margin: 0 0 10px 0; float: left; } #checkout .summary .col-right { width: 370px; float: right; margin: 0 0 10px 0; padding: 0 0 0 40px; _padding: 0 0 0 10px; border-left: 1px solid #EAEAEA; } #checkout .summary table { width: 370px; } #checkout .summary table td { padding: 5px 0; } #checkout .summary table td.price { width: 110px; } #checkout .summary ul.total { background: #f2f2f2; clear: both; padding: 9px 0; text-align: right; width: 665px; } #checkout .summary ul.total li { display: block; float: right; } #checkout .summary ul.total li.price { width: 110px; } #checkout .summary .store-map { border: none; _padding: 0 0 0 10px; } #checkout .summary .col-right.store-map { margin: 0; padding: 0; overflow: hidden; } #checkout .store-collect { background: none !important; } #checkout .store-collect ul.total { margin: 0 -15px 10px -15px; width: 697px; } #checkout .store-collect ul.total li.price { margin: 0 15px 0 0; } #checkout .col-right .content-panel { margin: 0 0 10px 0; } #checkout .col-r.create-account { height: 250px; } .step5 .shaded-box { margin: 0 !important; width: 250px !important; } .step5 .shaded-box dl dt { font-weight:bold; float:left; width:118px; clear:both; font-weight: normal; text-align: left; padding: 0; } .step5 .shaded-box dl dd { float:left; width:112px; padding: 1px 0; } .step5 .delivery-totals { width: 360px; float: right; margin: 0 0 10px 0; } .step5 .delivery-totals ul.subtotals { margin: 0 0 10px 0; margin: 0 15px 0 10px; } .step5 .delivery-totals ul li { display: block; float: left; } .step5 .delivery-totals ul li.subtotal { width: 280px; margin: 0 0 10px 0; } .step5 .delivery-totals ul li.price { width: 50px; text-align: right; } .step5 .delivery-totals ul li.total { font-size: 14px; font-weight: bold; padding-top: 10px; border-top: 1px solid #D5D5D5; } .step5 .delivery-totals ul.price-includes li.subtotal { width: 270px; margin: 0 0 10px 0; } .step5 .delivery-totals ul.price-includes li.price { width: 60px; text-align: right; } .step5 .form .rewards { padding: 10px; border: 1px solid #EAEAEA; background: #FCFCFC; float: right; clear: right; width: 360px; } .step5 .form .rewards img { float: left; margin: 0 10px 0 0; } .step5 .form .rewards p { padding: 2px 0 0 0; margin: 0; } .step5 .form .bt-print-gold { position: absolute; top: 10px; right: 10px; } #checkout .delivery-totals .fluidbox.grey span.tl { background: transparent url("../../images/dm/layout/total-cards-tl.gif") no-repeat top left !important; } #checkout .delivery-totals .fluidbox.grey span.tr { background: transparent url("../../images/dm/layout/total-cards-tr.gif") no-repeat top left !important; } #checkout .delivery-totals .fluidbox.grey span.bl { background: transparent url("../../images/dm/layout/total-cards-bl.gif") no-repeat top left !important; } #checkout .delivery-totals .fluidbox.grey span.br { background: transparent url("../../images/dm/layout/total-cards-br.gif") no-repeat top left !important; } /* Checkout process steps (red) */ #checkout div.process-steps-container { background: #EFEFEF; width: 962px; padding: 0; padding: 2px; } #checkout ul.process-steps { font-size: 12px; color: #FFF; width: 962px; } #checkout ul.process-steps li { display: block; float: left; padding: 8px 10px 10px 42px; } #checkout ul.process-steps li.step1 { width: 282px; height: 35px; background: transparent url("../../images/dm/layout/process-step1.gif") no-repeat top left; } #checkout ul.process-steps li.step2 { width: 231px; height: 35px; background: transparent url("../../images/dm/layout/process-step2.gif") no-repeat top left; } #checkout ul.process-steps li.step3 { width: 152px; height: 28px; background: transparent url("../../images/dm/layout/process-step3.gif") no-repeat top left; padding-left: 50px; padding-top: 15px; } #checkout ul.process-steps li.step4 { width: 108px; height: 26px; background: transparent url("../../images/dm/layout/process-step4.gif") no-repeat top left; padding-left: 15px; padding-top: 17px; } /* Step 2 Options */ .step2-options .details dt { width:200px !important; } .step2-options .details dd { width:400px !important; } .step2-options .enter-ff { margin:5px; padding:20px; border:1px solid #DBDBDB; font-weight:normal; overflow: hidden; _height: 1%; } .step2-options .enter-ff dl { margin-bottom:5px !important; padding-bottom:0 !important; } .step2-options .enter-ff dl dt { width:175px; } .step2-options .enter-ff dl dd { width:390px; } .step2-options .address-links { float:right; width:180px; margin:20px 5px 0 0; } .step2-options .address-links a.address-dispatch { text-indent:-9999em; display:block; width:180px; height:32px; background:url(../../images/dm/buttons/bt-del-address-use.gif) no-repeat; } .step2-options .address-links a.address-change { margin:10px 0 0 0; text-indent:-9999em; display:block; width:180px; height:32px; background:url(../../images/dm/buttons/bt-del-address-change.gif) no-repeat; } .step2-options .address-links a.address-delete { margin:10px 0 0 0; text-indent:-9999em; display:block; width:180px; height:32px; background:url(../../images/dm/buttons/bt-del-address-delete.gif) no-repeat; } .step2-options .address-book { display:none; clear:both; } .step2-options .address-book h2 { margin:12px 0 5px 0 !important; } .step2-options .address-book .saved-address { padding:15px 0; border-bottom:1px dotted #bfbdbd; } .step2-options .address-book .required { font-size:0.9em; } .step2-options .new-address span { color:#AD0030 !important; display:inline !important; } .step2-options .new-address .country span { color:#000 !important; } .step2-options .new-address .bt-add-new-address { display:block; width:222px; height:32px; background:url(../../images/dm/buttons/bt-del-address-new.gif) no-repeat; text-indent: -9999px; border: none; line-height: 0; font-size: 0; cursor: pointer; } /* Checkout Process Steps <-- Alternate version */ #checkout ul.process-steps-alt { margin: 0 0 10px 0; } #checkout ul.process-steps-alt li { display: block; float: left; height: 16px; padding-top: 7px; padding-bottom: 7px; font-size: 15px; font-weight: normal; } #checkout ul.process-steps-alt li.on { font-weight: bold; color: #FFF; } #checkout ul.process-steps-alt li.step1 { width: 130px; padding-left: 35px; } #checkout ul.process-steps-alt li.step2 { width: 155px; padding-left: 40px; } #checkout ul.process-steps-alt li.step3 { width: 191px; padding-left: 55px; } #checkout ul.process-steps-alt li.step4 { width: 122px; padding-left: 45px; } #checkout ul.process-steps-alt li.step5 { width: 155px; padding-left: 40px; } .step1 ul.process-steps-alt li.step1 { } .step1 ul.process-steps-alt li.step2 { } .step1 ul.process-steps-alt li.step3 { } .step1 ul.process-steps-alt li.step4 { } .step1 ul.process-steps-alt li.step5 { } .step2 ul.process-steps-alt li.step1 { background: transparent url("../../images/dm/layout/checkout-step2-step1.gif") no-repeat top left !important; } .step2 ul.process-steps-alt li.step2 { background: transparent url("../../images/dm/layout/checkout-step2-step2.gif") no-repeat top left !important; } .step2 ul.process-steps-alt li.step3 { background: transparent url("../../images/dm/layout/checkout-step2-step3.gif") no-repeat top left !important; } .step2 ul.process-steps-alt li.step4 { background: transparent url("../../images/dm/layout/checkout-step2-step4.gif") no-repeat top left !important; } .step2 ul.process-steps-alt li.step5 { background: transparent url("../../images/dm/layout/checkout-step2-step5.gif") no-repeat top left !important; } .step3 ul.process-steps-alt li.step1 { background: transparent url("../../images/dm/layout/checkout-step3-step1.gif") no-repeat top left !important; } .step3 ul.process-steps-alt li.step2 { background: transparent url("../../images/dm/layout/checkout-step3-step2.gif") no-repeat top left !important; } .step3 ul.process-steps-alt li.step3 { background: transparent url("../../images/dm/layout/checkout-step3-step3.gif") no-repeat top left !important; } .step3 ul.process-steps-alt li.step4 { background: transparent url("../../images/dm/layout/checkout-step3-step4.gif") no-repeat top left !important; } .step3 ul.process-steps-alt li.step5 { background: transparent url("../../images/dm/layout/checkout-step3-step5.gif") no-repeat top left !important; } .step4 ul.process-steps-alt li.step1 { background: transparent url("../../images/dm/layout/checkout-step4-step1.gif") no-repeat top left !important; } .step4 ul.process-steps-alt li.step2 { background: transparent url("../../images/dm/layout/checkout-step4-step2.gif") no-repeat top left !important; } .step4 ul.process-steps-alt li.step3 { background: transparent url("../../images/dm/layout/checkout-step4-step3.gif") no-repeat top left !important; } .step4 ul.process-steps-alt li.step4 { background: transparent url("../../images/dm/layout/checkout-step4-step4.gif") no-repeat top left !important; } .step4 ul.process-steps-alt li.step5 { background: transparent url("../../images/dm/layout/checkout-step4-step5.gif") no-repeat top left !important; } .step5 ul.process-steps-alt li.step1 { background: transparent url("../../images/dm/layout/checkout-step5-step1.gif") no-repeat top left !important; } .step5 ul.process-steps-alt li.step2 { background: transparent url("../../images/dm/layout/checkout-step5-step2.gif") no-repeat top left !important; } .step5 ul.process-steps-alt li.step3 { background: transparent url("../../images/dm/layout/checkout-step5-step3.gif") no-repeat top left !important; } .step5 ul.process-steps-alt li.step4 { background: transparent url("../../images/dm/layout/checkout-step5-step4.gif") no-repeat top left !important; } .step5 ul.process-steps-alt li.step5 { background: transparent url("../../images/dm/layout/checkout-step5-step5.gif") no-repeat top left !important; } /* Checkout table of products */ #checkout table.checkout-delivery-table { width: 966px; } #checkout table.checkout-delivery-table thead { border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; } #checkout table.checkout-delivery-table th, #checkout table.checkout-delivery-table td { padding: 10px; text-align: left; } #checkout table.checkout-delivery-table td { border-bottom: 1px solid #FFF; background: transparent url("../../images/dm/layout/bg-checkout-delivery-td.gif") repeat-x bottom left; vertical-align: top; padding: 15px 10px; } #checkout table.checkout-delivery-table th { background: #EFEFEF; border-bottom: 1px solid #DCDCDC; vertical-align: middle; line-height: 12px; } #checkout table.checkout-delivery-table th.delivery-method { color: #FFF; text-align: center; background: #EFEFEF url("../../images/dm/layout/bg-checkout-delivery-home-delivery.gif") no-repeat top left; padding-left: 0; padding-right: 0; } #checkout table.checkout-delivery-table th.home-delivery { border-right: 1px solid #EFEFEF; padding: 10px 10px 12px 10px; } #checkout table.checkout-delivery-table th.delivery-method span { font-size: 10px; } #checkout table.checkout-delivery-table tbody { border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; } #checkout table.checkout-delivery-table td.product-image { width: 40px; text-align: center; background: transparent url("../../images/dm/layout/bg-checkout-delivery-td-first.gif")repeat-x bottom left; } #checkout table.checkout-delivery-table td.product-detail { background: none; padding: 10px 10px 0 10px; } #checkout table.checkout-delivery-table td.product-detail h3 { font-size: 12px; font-weight: normal; margin: 0 0 5px 0; } #checkout table.checkout-delivery-table td.product-detail h3 a { color: #000; } #checkout table.checkout-delivery-table td.product-detail h4 { font-weight: normal; margin: 0 0 7px 0; } ul.product-options { margin: 0; width: 190px; } ul.product-options li { display: inline; margin: 0 5px 0 0; } ul.product-options li.remove { margin: 0 3px 0 0 !important; padding: 0 !important; } ul.product-options li.remove a { background: transparent url("../../images/dm/layout/bg-checkout-delivery-remove.gif") no-repeat top left; padding: 1px 0 0 21px; display: inline-block; height: 17px; } ul.product-options li.wishlist-add a { background: transparent url("../../images/dm/layout/bg-checkout-delivery-wishlist.gif") no-repeat top left; padding: 1px 0 0 21px; display: inline-block; height: 17px; } ul.product-options li.wishlist-add a:hover, ul.product-options li.remove a:hover { background-position: 0 -18px; } #checkout table.checkout-delivery-table td.min-order { padding: 0 5px 10px 10px; } #checkout table.checkout-delivery-table td.product-price { width: 150px; padding: 0 10px 10px 10px; } #checkout table.checkout-delivery-table td.product-quantity { width: 160px; padding: 0 10px 10px 10px; } #checkout table.checkout-delivery-table td.product-quantity .quantity p { margin:0 0 5px 0; font-size: 11px; } #checkout table.checkout-delivery-table td.product-quantity .quantity label { padding:3px 7px 0 0; float:left; display:block; } #checkout table.checkout-delivery-table td.product-quantity .quantity a { cursor:pointer; display:block; float:left; width:19px; height:22px; text-indent:-9999em; font-size:0; line-height:0; } #checkout table.checkout-delivery-table td.product-quantity .quantity .subtract { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top left; } #checkout table.checkout-delivery-table td.product-quantity .quantity .add { background:url(../../images/dm/buttons/bt-product-qty-alter.gif) no-repeat top right; margin: 0 05px 0 0; } #checkout table.checkout-delivery-table td.product-quantity .quantity .text { background:none !important; float:left; border:1px solid #9c9c9c; width:34px; padding:3px 0 2px 0; text-align:center; } #checkout table.checkout-delivery-table td.product-quantity .quantity div.qty { font-size:0.9em; float:left; padding:3px 0 0 6px; } #checkout table.checkout-delivery-table td.product-quantity .quantity select.qty { font-size:0.9em; float:left; padding:2px 2px 2px 5px; margin:0 0 0 5px; width:73px; } #checkout table.checkout-delivery-table td.product-quantity .quantity .bt-update-cart { display: block; width: 71px; height: 24px; background: transparent url("../../images/dm/buttons/bt-update.gif") no-repeat 0 0; margin: 5px 0 0 0; clear: left; } #checkout table.checkout-delivery-table td.product-quantity .quantity span.update { font-size:0.9em; display:block; float:left; clear:both; width:73px; padding:5px 0 0 0; text-align:right; } #checkout table.checkout-delivery-table td.product-subtotal { width: 55px; padding: 0 25px 10px 15px; *padding: 0 10px 10px 10px; } #checkout table.checkout-delivery-table td.product-delivery { padding: 0; border-left: 1px solid #FFF; } #checkout table.checkout-delivery-table td.product-delivery .cross, #checkout table.checkout-delivery-table td.product-delivery .tick-green { background-position:0 0 !important; } #checkout table.checkout-delivery-table td.product-delivery ul { width: 110px; height: 85px; border: 4px solid #CCC; text-align: center; position: relative; padding: 10px 0; background: #F4F4F4; } #checkout table.checkout-delivery-table td.product-delivery ul.selected { background: #F5FFED; border: 4px solid #80E328; } #checkout table.checkout-delivery-table td.product-delivery ul li { list-style: none; margin: 0 2px 5px 2px; } #checkout table.checkout-delivery-table td.product-delivery ul li.instock { padding: 1px 0 0 0; } #checkout table.checkout-delivery-table td.product-delivery ul li.select-store { padding: 5px 0 0 22px; font-size: 11px; line-height: 13px; text-align: left; } #checkout table.checkout-delivery-table td.product-delivery ul li.unavailable { padding: 1px 0 0 18px; } #checkout table.checkout-delivery-table td.product-delivery ul li.check-other-stores { position: absolute; bottom: 5px; left: 0; font-size: 10px; padding: 1px 0 1px 21px; margin: 0 0 5px 0; } #checkout table.checkout-delivery-table td.product-delivery ul li.product-wishlist { position: absolute; top: 49px; left: -2px; width: 220px; z-index: 30; font-size: 11px; padding: 5px; background: #455F0E; color: #FFF; *width: 100px; _width: 100px; } #checkout table.checkout-delivery-table td.product-delivery ul li input { border: none; background: #F4F4F4; } #checkout table.checkout-delivery-table td.product-delivery ul.selected li input { background: #F5FFED; } #checkout table.checkout-delivery-table td.first { border-left: 1px solid #D5D5D5; } /* Alternate checkout - No collect in store */ #checkout .banner { margin: 0 0 10px 0; } #checkout.alt .col-left { width: 720px; } #checkout.alt .checkout-alt-container { border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; margin: 0 4px 0 0; background: transparent url("../../images/dm/layout/bg-checkout-alt.gif") repeat-x top left; } #checkout.alt .col-right { padding-top: 43px; width: 233px; *padding: 43px 2px 0 0; float: left; } #checkout.alt tbody { border-left: none !important; } #checkout.alt td.product-detail { background: none; padding: 10px 5px 0 5px !important; border-bottom: none; } #checkout.alt td.price-options { padding: 10px 10px 10px 10px !important; } #checkout.alt td.product-quantity { padding: 13px 10px 10px 10px !important; } #checkout.alt td.product-subtotal { padding: 10px 10px 10px 10px !important; } #checkout.alt td.min-order { padding: 10px 0 10px 5px !important; } #checkout.alt td.min-order h4 { font-weight: normal; margin: 0 0 10px 0; } #checkout.alt .col-right .checkout-secured { margin: 0 0 10px 0; } #checkout.alt .col-right .help-advice h3 { margin-left: 10px; margin-right: 10px; } #checkout.alt .col-right .help-advice p { padding: 0 10px; margin: 0 0 10px 0; } #checkout.alt .col-right .help-advice ul { padding-left: 10px; padding-right: 10px; } #checkout.alt .col-right .help-advice ul li { padding: 5px 0; } #checkout table.checkout-delivery-table.alt { width: 100%; position: relative; } #checkout table.checkout-delivery-table.alt tbody { border-left: 1px solid #D5D5D5; border-right: none; } #checkout.alt table.checkout-delivery-table td.product-detail h3 { width: 100%; } #checkout.alt div.empty-cart { float: none !important; margin: 0 0 10px 0; padding: 10px; } #checkout.alt div.checkout-info { } #checkout a.need-more-help { font-size: 12px; margin: 0 0 0 7px; } #checkout.alt div.checkout-info-bg { clear: both; background: transparent url("../../images/dm/layout/bg-checkout-info.gif") no-repeat bottom left; padding: 0 0 5px 0; width: 724px; _width: 720px; } #checkout.alt span { position: absolute; display: block; width: 5px; height: 5px; } #checkout.alt span.bl { bottom: -1px; left: -1px; background: transparent url("../../images/dm/layout/bl-white.gif") no-repeat top left; } #checkout.alt span.br { bottom: -1px; right: -1px; background: transparent url("../../images/dm/layout/br-white.gif") no-repeat top left; } #checkout.alt div.buttons { clear: both; padding: 15px 10px 10px 10px; } #checkout.alt div.subtotal { background: #FFF; float: left; width: 275px; _width: 265px; padding: 10px; border: 1px solid #CFCFCF; position: relative; margin: 0 4px 0 0; _margin: 0; } #checkout.alt div.subtotal dl { margin: 0 0 10px 0; } #checkout.alt div.subtotal dl dt, #checkout.alt div.subtotal dl dd { display: block; float: left; text-align: right; padding: 5px 0; } #checkout.alt div.subtotal dl dt { width: 150px; _width: 145px; } #checkout.alt div.subtotal dl dd { width: 125px; _width: 120px; } #checkout.alt div.subtotal dl dt.first, #checkout.alt div.subtotal dl dd.first { border-bottom: 1px solid #CFCFCF; } #checkout.alt div.subtotal dl dd.subtotal, #checkout.alt div.subtotal dl dd.subtotal { font-size: 14px; font-weight: bold; } #checkout.alt div.subtotal dl dt.total { clear: left; } #checkout.alt div.subtotal dl dd.gst-total { *margin: 33px 0 0 0; } #checkout.alt div.subtotal span, #checkout.alt div.help span { position: absolute; display: block; width: 5px; height: 5px; } #checkout.alt div.subtotal span.tl { top: -1px; left: -1px; background: transparent url("../../images/dm/layout/checkout-subtotal-tl.gif") no-repeat top left; } #checkout.alt div.subtotal span.tr { top: -1px; right: -1px; _right: -2px; background: transparent url("../../images/dm/layout/checkout-subtotal-tr.gif") no-repeat top left; } #checkout.alt div.subtotal span.bl { bottom: -1px; left: -1px; _bottom: -11px; background: transparent url("../../images/dm/layout/checkout-subtotal-bl.gif") no-repeat top left; } #checkout.alt div.subtotal span.br { bottom: -1px; right: -1px; _bottom: -11px; _right: -2px; background: transparent url("../../images/dm/layout/checkout-subtotal-br.gif") no-repeat top left; } #checkout.alt div.subtotal div.rewards { padding: 10px; background: #F9F9F9; border: 1px solid #CECECE; margin: 0 0 10px 0; *margin: 0 0 7px 0; } #checkout.alt div.subtotal div.rewards img { float: left; margin: 0 10px 0 0; } #checkout.alt div.subtotal div.rewards p { margin: 4px 0 0 0; } #checkout.alt div.subtotal div.rewards p strong { color: #486F05; } #checkout.alt div.subtotal form { padding: 10px; background: #CECECE; } #checkout.alt div.subtotal form label { display: block; font-size: 11px; margin: 0 0 5px 0; } #checkout.alt div.subtotal form input.text { display: block; float: left; width: 157px; _width: 142px !important; height: 17px; } #checkout.alt div.subtotal form input.submit-form { display: block; float: left; width: 94px; height: 24px; background: transparent url("../../images/dm/buttons/bt-get-estimate.gif") no-repeat top left; text-indent: -9999px; border: 0; line-height: 0; font-size: 0; cursor: pointer; margin: 0 0 0 -4px; } #checkout.alt div.help { border: 1px solid #B3B3B3; float: left; background: #FFF; padding: 10px; width: 213px; height: 266px; position: relative; } #checkout.alt div.help h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; } #checkout.alt div.help span.tl { top: -1px; left: -1px; background: transparent url("../../images/dm/layout/checkout-help-tl.gif") no-repeat top left; } #checkout.alt div.help span.tr { top: -1px; right: -1px; background: transparent url("../../images/dm/layout/checkout-help-tr.gif") no-repeat top left; } #checkout.alt div.help span.bl { bottom: -1px; left: -1px; background: transparent url("../../images/dm/layout/checkout-help-bl.gif") no-repeat top left; } #checkout.alt div.help span.br { bottom: -1px; right: -1px; background: transparent url("../../images/dm/layout/checkout-help-br.gif") no-repeat top left; } #checkout.alt div.sell-space { width: 405px; height: 367px; float: left; clear: left; margin: 0 5px 0 10px; _margin: 0 5px 0 5px; } #checkout div.checkout-info { clear: both; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; width: 964px; margin: -1px 0 0 0; position: relative; padding: 6px 0 0 0; } #checkout div.checkout-info div.checkout-info-bg { clear: both; background: transparent url("../../images/dm/layout/bg-checkout-info.gif") no-repeat bottom left; padding: 0 0 5px 0; } #checkout div.checkout-info span { position: absolute; display: block; width: 5px; height: 5px; } #checkout div.checkout-info span.bl { bottom: -1px; left: -1px; background: transparent url("../../images/dm/layout/bl-white.gif") no-repeat top left; } #checkout div.checkout-info span.br { bottom: -1px; right: -1px; background: transparent url("../../images/dm/layout/br-white.gif") no-repeat top left; } #checkout div.checkout-info div.buttons { padding: 15px 10px 10px 10px; } #checkout div.checkout-info div.empty-cart { width: 710px; float: left; padding: 0 10px 10px 10px; } #checkout div.checkout-info div.subtotal { background: #FFF; float: left; width: 275px; padding: 10px; border: 1px solid #CFCFCF; position: relative; margin: 0 4px 0 0; } #checkout div.checkout-info div.subtotal dl { margin: 0 0 10px 0; } #checkout div.checkout-info div.subtotal dl dt, #checkout div.checkout-info div.subtotal dl dd { display: block; float: left; text-align: right; padding: 5px 0; } #checkout div.checkout-info div.subtotal dl dt { width: 150px; } #checkout div.checkout-info div.subtotal dl dd { width: 125px; } #checkout div.checkout-info div.subtotal dl dt.first, #checkout div.checkout-info div.subtotal dl dd.first { border-bottom: 1px solid #CFCFCF; } #checkout div.checkout-info div.subtotal dl dd.subtotal, #checkout div.checkout-info div.subtotal dl dd.subtotal { font-size: 14px; font-weight: bold; } #checkout div.checkout-info div.subtotal dl dt.total { clear: left; } #checkout div.checkout-info div.subtotal dl dd.gst-total { *margin: 33px 0 0 0; } #checkout div.checkout-info div.subtotal span, #checkout div.checkout-info div.help span { position: absolute; display: block; width: 5px; height: 5px; } #checkout div.checkout-info div.subtotal span.tl { top: -1px; left: -1px; background: transparent url("../../images/dm/layout/checkout-subtotal-tl.gif") no-repeat top left; } #checkout div.checkout-info div.subtotal span.tr { top: -1px; right: -1px; background: transparent url("../../images/dm/layout/checkout-subtotal-tr.gif") no-repeat top left; } #checkout div.checkout-info div.subtotal span.bl { bottom: -1px; left: -1px; background: transparent url("../../images/dm/layout/checkout-subtotal-bl.gif") no-repeat top left; } #checkout div.checkout-info div.subtotal span.br { bottom: -1px; right: -1px; background: transparent url("../../images/dm/layout/checkout-subtotal-br.gif") no-repeat top left; } #checkout div.checkout-info div.subtotal div.rewards { padding: 10px; background: #F9F9F9; border: 1px solid #CECECE; margin: 0 0 10px 0; *margin: 0 0 7px 0; } #checkout div.checkout-info div.subtotal div.rewards img { float: left; margin: 0 10px 0 0; } #checkout div.checkout-info div.subtotal div.rewards p { margin: 4px 0 0 0; } #checkout div.checkout-info div.subtotal div.rewards p strong { color: #486F05; } #checkout div.checkout-info div.subtotal form { padding: 10px; background: #CECECE; } #checkout div.checkout-info div.subtotal form label { display: block; font-size: 11px; margin: 0 0 5px 0; } #checkout div.checkout-info div.subtotal form input.text { display: block; float: left; width: 157px; _width: 152px !important; height: 17px; } #checkout div.checkout-info div.subtotal form input.submit-form { display: block; float: left; width: 94px; height: 24px; background: transparent url("../../images/dm/buttons/bt-get-estimate.gif") no-repeat top left; text-indent: -9999px; border: 0; line-height: 0; font-size: 0; cursor: pointer; margin: 0 0 0 -4px; } #checkout div.checkout-info div.help { border: 1px solid #B3B3B3; float: left; background: #FFF; padding: 10px; width: 213px; height: 266px; position: relative; } #checkout div.checkout-info div.help h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; } #checkout div.checkout-info div.help span.tl { top: -1px; left: -1px; background: transparent url("../../images/dm/layout/checkout-help-tl.gif") no-repeat top left; } #checkout div.checkout-info div.help span.tr { top: -1px; right: -1px; background: transparent url("../../images/dm/layout/checkout-help-tr.gif") no-repeat top left; } #checkout div.checkout-info div.help span.bl { bottom: -1px; left: -1px; background: transparent url("../../images/dm/layout/checkout-help-bl.gif") no-repeat top left; } #checkout div.checkout-info div.help span.br { bottom: -1px; right: -1px; background: transparent url("../../images/dm/layout/checkout-help-br.gif") no-repeat top left; } #checkout div.sell-space { width: 405px; height: 367px; float: left; clear: left; margin: 0 10px 0 10px; _margin: 0 10px 0 5px; } /* Checkout Order Summary */ #checkout .col-right { float:left; width:260px; } #checkout .col-right #order-summary { width: 258px !important; _overflow: hidden; margin:0 0 10px 0; border: 1px solid #dbdbdb; position: relative; background: #fff url("../../images/dm/layout/order-summary-top-bg.gif") repeat-x top left; height: auto; } #checkout .col-right #order-summary h2 { font-size: 15px; padding: 11px 13px 0 13px; } #checkout .col-right #order-summary h3 { padding: 0 14px; margin: 0 0 20px 0; } #checkout .col-right #order-summary span.tl { position: absolute; top: -1px; left: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-tl.gif") no-repeat top left; } #checkout .col-right #order-summary span.tr { position: absolute; top: -1px; right: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-tr.gif") no-repeat top left; } #checkout .col-right #order-summary span.bl { position: absolute; bottom: -1px; left: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-bl.gif") no-repeat top left; } #checkout .col-right #order-summary span.br { position: absolute; bottom: -1px; right: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-br.gif") no-repeat top left; } #checkout .col-right #order-summary ul.basket-totals { border-bottom: 1px solid #f5f5f5; margin: 0 13px 10px 13px; padding: 0 0 10px 0; } #checkout .col-right #order-summary ul.basket-totals li { display: block; float: left; } #checkout .col-right #order-summary ul.basket-totals li.quantity { clear: left; width: 35px; margin: 0 0 7px 0; } #checkout .col-right #order-summary ul.basket-totals li.product { width: 140px; _width: 137px; padding: 0 5px 0 0; margin: 0 0 7px 0; } #checkout .col-right #order-summary ul.basket-totals li.price { margin: 0 0 7px 0; width: 52px; text-align: right; } #checkout .col-right #order-summary dl.totals { padding: 0 13px; margin: 0 0 10px 0; } #checkout .col-right #order-summary dl.totals dt { display: block; float: left; width: 150px; text-align: right; margin: 0 10px 7px 0; } #checkout .col-right #order-summary dl.totals dd { display: block; float: left; width: 72px; text-align: right; margin: 0 0 7px 0; } #checkout .col-right #order-summary dl.totals .promotion { color: #FF0000; } #checkout .col-right #order-summary dl.totals .subtotal { font-size: 14px; } #checkout .col-right #order-summary dl.totals .ex-delivery { font-size: 11px; line-height: 13px; } #checkout .col-right #order-summary dl.totals .total { font-size: 15px; } #checkout .col-right #order-summary dl.totals .total span { font-size: 11px; } #checkout .col-right #order-summary .info-box { float:left; clear:both; width:228px; padding: 15px; border-top:1px solid #dbdbdb; background-color:#fff; } #checkout .col-right #order-summary .info-box p { margin: 0 !important; padding: 0 !important; } #checkout .col-right #order-summary .info-box.rewards p { margin: 5px 0 0 0; } #checkout .col-right #order-summary .info-box.rewards img { float: left; margin: 0 10px 0 0; } #checkout .col-right #order-summary .info-box.payment-options { background: transparent url("../../images/dm/layout/order-summary-bottom-bg.gif") repeat-x bottom left; *margin: 0 0 -10px 0; } #checkout .col-right #order-summary .info-box-alt { float:left; clear:both; width:228px; margin: 0 15px 15px 15px; _margin: 0 0 15px 7px; padding: 0 0 15px 0; border-bottom:1px solid #f5f5f5; background-color:#fff; } #checkout .col-right #order-summary .info-box-alt p { margin: 0 !important; padding: 0 !important; } #checkout .col-right .help-advice { padding-top: 14px; border: 1px solid #dbdbdb; position: relative; margin: 0 0 10px 0; background: #fff url("../../images/dm/layout/help-advice-top.gif") repeat-x top left; clear: both; } #checkout .col-right .help-advice h3 { font-size:1.4em; margin:0 5px 8px 21px; } #checkout .col-right .help-advice ul { list-style:none; padding: 0 14px 14px 14px; background: #fff url("../../images/dm/layout/help-advice-bottom.gif") repeat-x bottom left } #checkout .col-right .help-advice ul li { padding:5px 8px; border-top:1px solid #f5f5f5; } #checkout .col-right .help-advice ul li.first { border:none; } #checkout .col-right .help-advice a { color:#000; } #checkout .col-right .help-advice p { padding:0 0 5px 8px; } #checkout .col-right .help-advice span.tl { position: absolute; top: -1px; left: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-tl.gif") no-repeat top left; } #checkout .col-right .help-advice span.tr { position: absolute; top: -1px; right: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-tr.gif") no-repeat top left; } #checkout .col-right .help-advice span.bl { position: absolute; bottom: -1px; left: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-bl.gif") no-repeat top left; } #checkout .col-right .help-advice span.br { position: absolute; bottom: -1px; right: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-br.gif") no-repeat top left; } #checkout .col-right img.verisign { float: right; margin: 0 0 10px 0; } /* Store Locator */ #store-locator h1 { font-size:1.75em; height:1.5em; line-height:1.75em; margin:0 0 15px 0; text-indent:8px; } #store-locator h2.main-title { width:639px; } #store-locator h2 a.bt-findinstore { display:block; width:118px; height:25px; background:url(../../images/dm/buttons/bt-storelocator-title.gif) no-repeat; position:absolute; top:5px; right:5px; z-index:10; } #store-locator h2 a.bt-findinstore span { display:none; } #store-locator .form h3 { font-size:1em; font-weight:bold; line-height:1.75em; margin-bottom:15px; } #store-locator .locator-wrap { width: 663px; float: left; } #store-locator .locator-form { width:663px; float:left; } #store-locator .form { position:relative; margin:0; padding:15px 10px 50px 10px !important; min-height: 143px; height: auto !important; height: 143px; } #store-locator .form-postcode { clear:both; } #store-locator .form p.or { margin:2px 0 13px 0; display:block; clear:both; text-align:center; width:333px; height:18px; font-size:0; line-height:0; text-indent:-9999em; background:url(../../images/dm/layout/storelocator-or.gif) no-repeat -90px 0; } * + html #store-locator .form p.or { margin:0; } #store-locator .form-suburb { clear:both; } #store-locator .form select.medium { width:263px; } #store-locator .form dl { margin:0; } #store-locator .form dl dt { clear:none; float:left; padding:4px 0 0 0; width:70px; text-align:left; } #store-locator .form dl dd { clear:none; float:left; width:auto; margin-right:0px; padding-bottom:17px; } #store-locator .form input { width:253px; } #store-locator .form .col-left { width:343px; float:left; } #store-locator .form .help-box { width:237px; margin:0; float:right; } #store-locator .form .help-box h3 { line-height:1.25em; font-size:1.2em; margin:0 0 10px 0; } #store-locator a.bt-search-again { display:block; /*float:right; margin:10px 0 0 0;*/ position: absolute; bottom: 10px; right: 10px; width:154px; height:31px; background:url(../../images/dm/buttons/bt-search-again.gif) no-repeat; } #store-locator a.bt-search-again span { position:absolute; left:-9999em; } #store-locator .form label.error-true { float:none; } #store-locator .submit { width:201px !important; height:31px; float:left; clear:both; margin:5px 0 0 133px; border:0; background:#fff url(../../images/dm/buttons/bt-storelocator-findstores.gif) no-repeat top left; } #store-locator .ad { float:right; } #store-locator span.pin { position:absolute; display:block; width:35px; height:37px; top:0px; left:0px; padding:6px 0 0 0; text-align:center; font-size:1em !important; color:#fff; font-weight: bold; } #store-locator .results-found { } #store-locator .results-found h3 { border-bottom:1px solid #d5d5d5; padding-bottom:5px; margin-bottom:1px; } #store-locator .results-found .closest p { margin:8px 0 0 0 !important; } #store-locator .results-found .closest .store-details { width:290px; position:relative; display:block; padding:1px 0 0 45px; } #store-locator .results-found .closest .store-details span { font-size:0.9em; } #store-locator .results-found .closest .store-details span.pin { background:url(../../images/dm/layout/map-pin-dm-green.png) no-repeat; } #store-locator .results-found .closest .submit { position: absolute; bottom: 10px; left: 52px; margin: 0; padding: 0; /*margin:13px 0 0 42px;*/ width:154px !important; height:31px; background:url(../../images/dm/buttons/bt-set-yourstore.gif) no-repeat; } #store-locator .results-found .closest .your-store { margin:13px 0 0 42px; width:154px !important; height:31px; background:url(../../images/dm/buttons/bt-your-store.gif) no-repeat; } #nearest-stores { float:left; clear: both; margin:8px 0 0 0; } .locator-wrap #nearest-stores { float:left; clear: both; margin: 0 0 8px 0; } #nearest-stores .main-title { width:946px !important; } .locator-wrap #nearest-stores .main-title { width:639px !important; } #nearest-stores .store-details { border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; padding:20px 20px 15px 15px; width:933px; } .locator-wrap #nearest-stores .store-details { border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; padding:20px 20px 15px 15px; width:626px; } #nearest-stores .stores { float:left; width:320px; } #nearest-stores .stores h2 {line-height:25px; } #nearest-stores .stores .item { width:320px; min-height:63px; height:auto !important; height:63px; position:relative; clear:both; margin-bottom:9px; padding:1px 0 7px 0; border-bottom:1px solid #e5e5e5; } #nearest-stores .stores .item .details { width:279px; padding-left:41px; } #nearest-stores .stores .item .details span.pin { background:url(../../images/dm/layout/map-pin-gold.png) no-repeat; } #nearest-stores .stores .item .details span.first { background:url(../../images/dm/layout/map-pin-dm-green.png) no-repeat; position:absolute; display:block; width:35px; height:37px; top:0px; left:0px; padding:6px 0 0 0; text-align:center; font-size:1em !important; color:#fff; font-weight: bold; } #nearest-stores .stores .item .details span.web { background:url(../../images/dm/layout/map-pin-web.jpg) no-repeat; position:absolute; display:block; width:35px; height:37px; top:0px; left:0px; padding:6px 0 0 0; text-align:center; font-size:1em !important; color:#fff; font-weight: bold; } #nearest-stores .stores .item .details h3 { line-height:1.1em; font-size:1em; margin:0; font-weight:bold; } #nearest-stores .stores .item .details span { font-size:0.9em; } #nearest-stores .stores .item .availability { margin:0; float:right; list-style:none; width:65px; } #nearest-stores .stores .item .availability li { text-align:left; text-indent:-9999em; float:left; display:block; width:29px; height:24px; } #nearest-stores .stores .item .availability li.delivery { background:url(../../images/dm/layout/storelocator-icons-delivery.gif) no-repeat bottom left; } #nearest-stores .stores .item .availability li.pickup { background:url(../../images/dm/layout/storelocator-icons-pickup.gif) no-repeat bottom left; margin-left:6px; } #nearest-stores .stores .item .availability li.on { background-position:top left; } #nearest-stores .stores .item .options { list-style:none; width:165px; height:24px; position:absolute; bottom:9px; right:0px; } #nearest-stores .stores .item .options li { display:block; float:right; width:27px; height:24px; font-size:0; line-height:0; margin-left:6px; } #nearest-stores .multiple-matches h3 { margin:0 0 10px 0; } #nearest-stores .multiple-matches ul { list-style:none; } #nearest-stores .multiple-matches ul li { background:url(../../images/dm/layout/bullet-single.gif) no-repeat 5px 7px; padding:1px 2px 0 13px; } #nearest-stores .map { float:right; overflow:hidden; width:598px; height:807px; } .form .error { border:solid 2px red; } small.store-license-num { display: block; margin: 8px 0 0 0; font-size: 1em; } /* Help */ #help { width:970px; } #help.help-topic-section h1 { font-size:1.75em !important; height:1.5em !important; line-height:1.75em !important; margin:.5em 0 !important; text-indent:8px; } #help p.articles-found { font-size:1.2em; margin:0 0 10px 10px; } #help .col-l { width:700px; float:left; } #help .col-l .main-title { width:676px; } #help .col-l .help-section { margin-bottom:10px; /*height: 155px;*/ } #help .col-l .help-section .form { padding:18px 20px 10px 20px !important; } #help .col-l .help-section p { margin:0 0 15px 0; } #help .col-l .help-section h3 { color:#3a4f0d; font-size:1.15em; margin:0 0 15px 0; } #help .col-r { width:260px; float:right; margin-bottom:10px; } #help .form { position:relative; width:auto; margin:0;} #help .form .bl { display:block; position:absolute; bottom:-1px; left:-1px; width:6px; height:6px; font-size:0; line-height:0; background:url(../../images/dm/layout/box-greyborders.gif) no-repeat bottom left; } #help .form .br { display:block; position:absolute; bottom:-1px; right:-1px; width:6px; height:6px; font-size:0; line-height:0; background:url(../../images/dm/layout/box-greyborders.gif) no-repeat bottom right; } #help .help-section .search { padding:13px 20px 3px 20px !important; min-height: 102px; height: auto !important; height: 102px; } #help .help-section .search div { width:294px; height:26px; padding:0; margin:0 0 15px 0;} #help .help-section .search .field { float:left; width:219px; height:26px; background:url(../../images/dm/layout/helppage-search-bg.gif) no-repeat; } #help .help-section .search .field input { color:#878787; border:none; background:none; padding:6px 9px 5px 9px; width:201px; } #help .help-section .search .submit { float:left; width:75px; height:26px; background:url(../../images/dm/layout/helppage-bt-search.gif) no-repeat; text-indent:-9999em; clear:none !important; } #help .help-section .faqs { padding:13px 20px 9px 20px !important; min-height: 96px; height: auto !important; height: 96px; } #help .help-section .faqs ul { list-style:none; } #help .help-section .faqs ul li { float:left; width:260px; margin:0 15px 7px 0; background:url(../../images/dm/layout/bullet-single-green.gif) no-repeat 0 6px; padding:0 0 0 9px; } #help ul.most-viewed { margin:10px 0 0 0; list-style:none; } #help ul.most-viewed li { width:301px; margin:0 15px 2px 0; float:left; background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 11px; padding:0 0 0 8px; } #help div.spotlight { background:url(../../images/dm/layout/spotlight-bg.gif) no-repeat 0 0; width:240px; height:131px; padding: 12px 10px; position: relative; } #help div.spotlight.first { margin: 0 0 10px 0; } #help div.spotlight h4 { font-size: 1.25em; padding: 0 0 6px 0; margin: 0 0 13px 0; border-bottom: 1px solid #BCBCBC; } #help div.spotlight p { margin: 0 0 10px 0; } #help div.spotlight div.contact-us a.bt-contact-us { display: block; width: 155px; height: 31px; text-indent: -9999px; background: transparent url("../../images/dm/buttons/bt-contact-us.png") no-repeat top left; position: absolute; bottom: 8px; right: 8px; } #help div.spotlight div.find-store h4 { background: transparent url("../../images/dm/layout/find-store-bg.png") no-repeat top left; padding: 8px 0 12px 40px; margin: 0 0 8px 0; } #help div.spotlight div.find-store .text { color:#878787; float:left; width:146px; padding:6px 5px 5px 5px; background:url(../../images/dm/layout/footer-subscribe-txt-bg.gif) #fff repeat-x; font-size:0.9em; } #help div.spotlight div.find-store .submit { float:left; width:78px; height:26px; text-indent:-9999em; background:url(../../images/dm/buttons/bt-footer-findstore-alt.gif) no-repeat; } #help div.spotlight div.find-store .field { float:left; width:162px; height:26px; background:url(../../images/dm/layout/helppage-search-bg.gif) no-repeat; } #help div.spotlight div.find-store .field input { color:#878787; border:none; background:none; padding:6px 9px 5px 9px; width:201px; } #help div.spotlight div.find-store span.status { display: block; clear: left; color: #C3081E; font-size: .9em; } #help .help-topic { float:left; width:480px; position:relative; margin:0 0 10px 10px; } #help .help-topic .form { min-height:158px; height:auto !important; height:158px; padding-bottom:5px; position:relative; } #help .help-topic h3 { width:auto; line-height:1.25em; font-size:1.2em; } #help .help-topic ul { margin:0 0 60px 0; list-style:none; width:300px; } #help .help-topic ul li { margin:4px 0 0 0; background:url(../../images/dm/layout/bullet-single-green.gif) no-repeat 0 6px; padding:0 0 0 8px; } #help .help-topic a.see-all { position:absolute; bottom:15px; left:15px; background:url(../../images/dm/layout/bullet-single-green.gif) no-repeat 0 6px; padding:13px 0 0 8px; font-weight:bold; background-position:0 20px; border-top:1px solid #ccc; width:260px; } #help .help-topic .image { width:160px; height:160px; position:absolute; top:10px; right:8px; } #help .left-side { margin-left:0px; clear:both; } #help .article-list { float:left; width:709px; } #help .article-list .paging { margin:10px 8px 0 0; } #help .articles .separator { margin:15px 0 20px 0; width:100%; height:1px; background:url(../../images/dm/layout/mainbanner-border-top.gif) repeat-x; } #help .articles ol { margin:0; padding:0; } #help .articles ol li { margin:0 0 10px 30px; color:#788006; } #help .sort-paging { margin:8px 0 10px 0; background:url(../../images/dm/layout/paging-bg.gif) no-repeat top left; height:47px; width:671px; padding:5px 20px 0 9px; } /* Buyers Guide Pages */ #help .buyers-guide .search { width:401px !important; } #help .buyers-guide .submit { width:174px !important; background:url(../../images/dm/buttons/bt-buyguide-search.gif) no-repeat !important; } /* Help/Buyers No Results */ #help .search-notfound h1 { font-size:1.75em !important; height:1.5em; line-height:1.75em; margin:0.5em 0 1em 0; font-weight: bold; } #help .search-notfound { padding:0 0 0 10px; } #help .search-notfound ul { margin:10px 0; list-style:none; } #help .search-notfound ul li { background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 6px; padding:0 0 0 8px; } /* Help/Buyers Search Results */ #help-results { float:left; width:959px; } #help-results #help { width:734px; margin:0; } #help-results h1 { font-size:1.75em; height:1.5em; line-height:1.75em; margin:0.5em 0; text-indent:8px; } #help-results .col-left { float:left; /*width:470px;*/ width:484px; } #help-results .col-left .form { width:479px; margin:0; } #help-results .col-left .form .grey-title { margin:20px 0 0 0; } #help-results .col-left .form .grey-title.first { margin:0; } #help-results .col-left .form ul.most-viewed { margin:15px 0 10px 10px; float:left; } #help-results .col-left .form ul.most-viewed li { margin:0 0 2px 0; width:430px; } #help-results .col-left .form a.see-topic-link { color:#000; background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 5px; padding:0 0 0 8px; font-weight:bold; } #help-results .col-right { float:right; width:250px; } #help-results .col-right .form { width:238px; float:right; margin:0 0 8px 0; } #help-results .col-right .form .search { width:auto; } #help-results .col-right .form input.text { width:185px; } #help-results .col-right .form .submit { clear:left; margin:5px 0 0 0; background:url(../../images/dm/buttons/bt-help-search-topics-full.gif) no-repeat; width:149px; } #help-results .col-right .form .submit.buying-guides { background:url(../../images/dm/buttons/bt-buyguide-search-full.gif) no-repeat; width:169px; } #help-results .col-right a.spotlight { margin:0 0 8px 0; float:right; } #help-results .col-right .grey-title .sifr { font-size:1.4em; } #help-results .results-found { color:#000; padding:0px 8px; margin:0 0 6px 0; } #help-results .results-found p { font-size:1.2em; margin:0 0 5px 0; } #help-results .results-found p.related { font-size:1em; } #help-results .content-nav p { font-size:0.9em; margin:9px 0 0 3px; } /* Help Search Results */ #help-search-results .side-nav li { background: none !important; } .page #help-search-results #left-pane .side-nav li.last { background: none !important; border: none !important } #help-search-results .side-nav li p { padding: 5px; background:url(../../images/dm/layout/dotted-black-x.gif) repeat-x bottom left; } #help-search-results #left-pane h2 { font-size: 13px; } #help-search-results #help { width:734px; margin:0; float:left; } #help-search-results h1 { font-size:1.75em; height:1.5em; line-height:1.75em; margin:0.5em 0 .1em 0; text-indent:8px; font-weight: bold; } #help-search-results .col-left { float:left; /*width:470px;*/ width:479px; _width: 469px; } #help-search-results .col-left .main-title { width:451px; _width: 441px; margin: 0; } #help-search-results .col-left .form { width:443px; _width: 433px; margin:0 0 10px 0; } #help-search-results .col-left ul.most-viewed { margin:0 0 10px 10px; float: none !important; } #help-search-results .col-left .form ul.most-viewed li { margin:0 0 5px 0; width:430px; _width: 410px; background-position: center left; } #help-search-results .col-left .form a.see-topic-link { display: block; clear: both; background:url(../../images/dm/layout/bullet-single.gif) no-repeat 0 5px; padding:0 0 0 8px; font-weight:bold; margin: 7px 0 0 10px; } #help-search-results .col-right { float:right; width:250px; } #help-search-results p.results-found { font-size:1.2em; margin:0 0 15px 10px; } /* Gift Finder */ .gift-finder .internal-banner { margin: 0 0 10px 0; *margin: 0 0 7px 0; } .gift-finder #left-pane .left-hero { height: 283px; *height: 286px; background: #CCC; margin: 0 0 10px 0; } .gift-finder #left-pane .side-nav li.suggested-text { background: none !important; padding-bottom: 0; font-weight: normal; } .gift-finder #left-pane select { padding: 2px; width: 185px; } /* Competitions */ .competitions { margin:5px 0 0 0; } .competitions .top-spot { width: 967px; height: 150px; border: #dbdbdb 1px solid; text-align: center; } .competitions .full-spot { width:940px; padding:10px; border: #dbdbdb 1px solid; text-align: center; } .competitions .left-spot { width: 462px; height: 509px; border: #dbdbdb 1px solid; float: left; text-align: center;} .competitions .left-spot-smaller { width:258px; float:left; margin-top:10px; text-align:center; } .competitions .left-spot-bigger { padding:10px; width:680px; height:auto; border: #dbdbdb 1px solid; float: left; margin-top: 10px; text-align: center; } .competitions .left-spot-mixed { border: #dbdbdb 1px solid; padding:10px; width:240px; float:left; margin-top:10px; text-align:center; } .competitions .middle-spot-mixed { border: #dbdbdb 1px solid; padding:10px; width:415px; float:left; margin:10px 0 0 10px; text-align:center; } .competitions .right-spot { width:258px; float:right; text-align:center; } .competitions .right-spot-bigger { padding:10px; width: 660px; height:auto; border: #dbdbdb 1px solid; float: right; margin-top: 10px; text-align: center; } .competitions .right-spot-mixed { width:240px; float:right; margin-top:10px; text-align:center; } .competitions .spotlight-content { border: #dbdbdb 1px solid; height:200px; margin-bottom:10px; } .competitions .entry-form { width: 503px; float: left; margin: 0; } .competitions .entry-form h2.main-title { width: 480px; } .competitions #my-details { width:970px; } .competitions .form { width:472px !important; } .competitions .form .content-options { width:300px !important; } .competitions #my-details .form .content-options .options li { float: none; margin-top: 6px; } .competitions #my-details .form .content-options { background: none; margin: 0 0 0 135px; *margin-bottom: 20px; display: inline; } .competitions #my-details .form dl { margin-left: 12px; background: none; float: left; display: inline; width: 451px; } .competitions #my-details .form dl.email { margin-top: 0; padding-top: 0; } .competitions #my-details .form dl.email dd { margin-bottom: 3px; } .competitions #my-details .form dl dt { margin-bottom: 1px; float: left; width: 100px; } .competitions #my-details .form dl.firstdl { margin-top: 10px; margin-top: 0; padding-top: 0; } .competitions #my-details .form .content-options .options { width: auto; } .competitions .form input.bt-enter-competition { clear: both; margin: 0 0 0 310px; } .competitions .form input.bt-enter-competition:focus { background: transparent url("../../images/dm/buttons/bt-enter-competition.gif") no-repeat top left; } /* Store Collect Checkout */ .store-collect ul.reserved-items { list-style: none; margin-bottom: 15px; } .store-collect .info-L { float: left; width: 210px; margin-right: 10px; } .store-collect .map-R { float: right; } .store-collect .address, .store-collect .open-hours { float: left; background: url(../../images/dm/layout/border-bottom-dotted.gif) repeat-x left top; padding:15px 10px; width: 190px; } .store-collect .open-hours dl { margin-left: 0; } .store-collect .open-hours dl dt { clear:both; float:left; width:100px; padding: 0; } .store-collect .open-hours dl dd { float:left; width:90px; padding: 0; } .store-collect a.print-page { float:right; display:block; width:142px; height:38px; background:url(../../images/dm/buttons/bt-print-page.gif) no-repeat; margin-top: 15px; } .store-collect a.print-page span { position:absolute; left:-9999em; } .store-collect .grey-title h1.sifr { font-size:1.4em; } /* 404 Page Not Found */ #help h1 { width:auto; font-size:1.17em !important; margin:0; height:17px !important; text-indent:0; line-height:normal; } #help .pagenotfound { width:928px; margin:0 0 20px 0; padding:20px; clear:both !important; } #help .pagenotfound h2 { margin:0 0 10px 0; font-size:1.35em; height:1.25em; line-height:1.75em; } #help .pagenotfound h2.smaller { font-size:1.2em; } #help .pagenotfound p { margin:0 0 10px 0; } #help .pagenotfound .separator { height:5px; margin:0 0 16px 0; border-bottom:1px solid #eaeaea; } #help .pagenotfound .option1, #help .pagenotfound .option2 { height:4em; line-height:4em; vertical-align:middle; } #help .pagenotfound .option1 a, #help .pagenotfound .option2 a { vertical-align:middle; display:inline-block; } #help .pagenotfound .option1 strong { padding-right:22px; font-size:1em; } #help .pagenotfound .option2 strong { padding-right:20px; font-size:1em; } /* Inline Pop-up Example */ #inline-example-1 { width:600px; } #inline-example-2 { width:500px; } /* Changed to allow for dynamic height */ #fancy_div { overflow:auto; } /* Inline popups */ .inline-popup { display:none; } .inner-content { padding:13px; } .inner-content h1 { font-size:1.25em; margin:0 0 15px 0; font-weight:bold; } .inner-content p { margin:0 0 10px 0; } #newsletter-thankyou{ width: 500px; } /* Height is dynamically generated for all inline popups - no requirement to set height */ /* Alternate error messages <-- used on P6.1 */ .error-alt { padding: 10px; border: 3px solid #FF0000; width: 943px; margin: 0 0 10px 0; } .error-alt h2 { font-size: 12px; color: #FF0000; margin: 0 0 5px 0; } .error-alt p { margin: 0 !important; } /* Fluid Buttons */ a.fluid-button { display: inline-block; position: relative; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #1a1a1a; padding: 3px 10px 4px 10px; margin: 5px; border-left: 1px solid #a1a19f; border-right: 1px solid #a1a19f; background: transparent url("../../images/dm/buttons/bt-bg.gif") repeat-x top left; } a.fluid-button:hover { text-decoration: none; color: #1a1a1a; } a.fluid-button span.tl { position: absolute; width: 3px; height: 3px; top: 0; left: -1px; background: transparent url("../../images/dm/buttons/bt-tl.gif") no-repeat top left; } a.fluid-button span.tr { position: absolute; width: 3px; height: 3px; top: 0; right: -1px; background: transparent url("../../images/dm/buttons/bt-tr.gif") no-repeat top left; } a.fluid-button span.bl { position: absolute; width: 3px; height: 3px; bottom: 0; left: -1px; background: transparent url("../../images/dm/buttons/bt-bl.gif") no-repeat top left; } a.fluid-button span.br { position: absolute; width: 3px; height: 3px; bottom: 0; right: -1px; background: transparent url("../../images/dm/buttons/bt-br.gif") no-repeat top left; } /* Fluid Box */ .fluidbox { position: relative; padding: 10px; } .fluidbox span.tl { position: absolute; display: block; width: 5px; height: 5px; top: -1px; left: -1px; } .fluidbox span.tr { position: absolute; display: block; width: 5px; height: 5px; top: -1px; right: -1px; } .fluidbox span.bl { position: absolute; display: block; width: 5px; height: 5px; bottom: -1px !important; left: -1px !important; _bottom: -12px; } .fluidbox span.br { position: absolute; display: block; width: 5px; height: 5px; bottom: -1px !important; right: -1px !important; _bottom: -12px !important; } .fluidbox.grey { background: #F5F5F5; border: 1px solid #ECECEC; } .fluidbox.grey span.tl { background: transparent url("../../images/dm/layout/grey-tl.gif") no-repeat top left !important; } .fluidbox.grey span.tr { background: transparent url("../../images/dm/layout/grey-tr.gif") no-repeat top left !important; } .fluidbox.grey span.bl { background: transparent url("../../images/dm/layout/grey-bl.gif") no-repeat top left !important; } .fluidbox.grey span.br { background: transparent url("../../images/dm/layout/grey-br.gif") no-repeat top left !important; } .fluidbox.white { background: #FFF; border: 1px solid #D5D5D5; } .fluidbox.white span.tl { background: transparent url("../../images/dm/layout/tl-white.gif") no-repeat top left !important; } .fluidbox.white span.tr { background: transparent url("../../images/dm/layout/tr-white.gif") no-repeat top left !important; } .fluidbox.white span.bl { background: transparent url("../../images/dm/layout/bl-white.gif") no-repeat top left !important; } .fluidbox.white span.br { background: transparent url("../../images/dm/layout/br-white.gif") no-repeat top left !important; } /* Fluid Shaded Box with double background image */ /* Large */ .shaded-box.large { background: #fff url("../../images/dm/layout/order-summary-top-bg.gif") repeat-x top left; } .shaded-box.large .bottom { background: transparent url("../../images/dm/layout/order-summary-bottom-bg.gif") repeat-x bottom left; height: 70px; } /* Small */ .shaded-box.small { background: #fff url("../../images/dm/layout/shaded-box-small-top.gif") repeat-x top left; } .shaded-box.small .bottom { background: transparent url("../../images/dm/layout/shaded-box-small-bottom.gif") repeat-x bottom left; height: 21px; } /* Defaults */ .shaded-box { border: 1px solid #dbdbdb; position: relative; height: auto; _height: 1%; } .shaded-box .shaded-box-content { padding: 10px; position: relative; z-index: 30; } .shaded-box span.tl { position: absolute; top: -1px; left: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-tl.gif") no-repeat top left; } .shaded-box span.tr { position: absolute; top: -1px; right: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-tr.gif") no-repeat top left; } .shaded-box span.bl { position: absolute; bottom: -1px; left: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-bl.gif") no-repeat top left; } .shaded-box span.br { position: absolute; bottom: -1px; right: -1px; width: 4px; height: 4px; background: transparent url("../../images/dm/layout/order-summary-br.gif") no-repeat top left; } .shaded-box .bottom { position: absolute; bottom: 0; _bottom: -1px; left: 0; width: 100%; z-index: 1; } /* Online offer */ .results-gallery .online-offer { width: 75px; position: absolute; top: 3px; left: 0; _left: -75px; padding: 5px 0 4px 0; background: transparent url("../../images/dm/layout/bg-online-offer.gif") repeat-x bottom left; border: 1px solid #E3E3E3; } .results-gallery .online-offer img { margin: 0 0 3px 0; } .results-gallery .online-offer h3 { font-weight: bold !important; font-size: 13px; margin: 0 0 7px 0; color: #62a615; line-height: 13px; height: auto !important; min-height: 0 !important; } .results-gallery .online-offer p { padding: 0; margin: 0 !important; line-height: 13px; } .results-gallery .online-offer p.offer-quantity { font-size: 11px; } .results-gallery .online-offer span.tl { background: transparent url("../../images/dm/layout/online-offer-tl.gif") no-repeat top left; } .results-gallery .online-offer span.tr { background: transparent url("../../images/dm/layout/online-offer-tr.gif") no-repeat top right; } .results-gallery .online-offer span.bl { background: transparent url("../../images/dm/layout/online-offer-bl.gif") no-repeat bottom left; _bottom: -2px !important; } .results-gallery .online-offer span.br { background: transparent url("../../images/dm/layout/online-offer-br.gif") no-repeat bottom right; _bottom: -2px !important; } /* Two for */ .results-gallery .two-for { padding: 8px 0 6px 0; } .results-gallery .two-for img { margin: 0 0 7px 0; } .results-list .online-offer { margin: 10px 0; padding: 7px 5px; background: transparent url("../../images/dm/layout/bg-online-offer.gif") repeat-x bottom left; border: 1px solid #E3E3E3; position: relative; } .results-list .online-offer img { float: left; margin: 0 5px 0 0; } .results-list .online-offer h3 { font-weight: bold !important; font-size: 13px; margin: 0 0 7px 0; color: #62a615; line-height: 13px; height: auto !important; min-height: 0 !important; } .results-list .online-offer img.online-offer-list { margin: 2px 0 2px 0; } .results-list .online-offer p { padding: 0; margin: 0 !important; line-height: 14px; font-size: 11px; } .results-list .online-offer p span { font-size: 12px; font-weight: bold; } .results-list .online-offer span.tl, .results-list .online-offer span.tr, .results-list .online-offer span.bl, .results-list .online-offer span.br { display: block; width: 5px; height: 5px; position: absolute; } .results-list .online-offer span.tl { top: -1px; left: -2px; background: transparent url("../../images/dm/layout/online-offer-tl.gif") no-repeat top left; } .results-list .online-offer span.tr { top: -1px; right: -1px; _right: -2px; background: transparent url("../../images/dm/layout/online-offer-tr.gif") no-repeat top right; } .results-list .online-offer span.bl { bottom: -1px; left: -1px; background: transparent url("../../images/dm/layout/online-offer-bl.gif") no-repeat bottom left; _bottom: -2px !important; } .results-list .online-offer span.br { bottom: -1px; right: -1px; _right: -2px; background: transparent url("../../images/dm/layout/online-offer-br.gif") no-repeat bottom right; _bottom: -2px !important; } /* Two for */ .results-list .two-for { padding: 7px 15px 7px 10px; } .results-list .two-for img { margin: 0 7px 0 0 !important; } .results-list .two-for p { margin: 7px 0 0 0 !important; } .results-list .two-for img.alt { margin: 7px 10px 0 0 !important; float: left !important; } .results-list .two-for p.alt { float: left; width: 55px; margin: 0 !important; } #product-detail .pricing .online-offer { text-align: center; position: absolute; top: -7px; right: 1px; width: 75px; margin: 10px 0; padding: 7px 5px; background: #FFF url("../../images/dm/layout/bg-online-offer-alt.gif") no-repeat bottom left; } #product-detail .pricing .online-offer img { margin: 0 0 5px 0; } #product-detail .pricing .online-offer h3 { font-weight: bold !important; font-size: 13px; margin: 0 0 7px 0; color: #62a615; line-height: 13px; height: auto !important; min-height: 0 !important; } #product-detail .pricing .online-offer img.online-offer-list { margin: 2px 0 2px 0; } #product-detail .pricing .online-offer p { padding: 0; margin: 0 !important; line-height: 14px; font-size: 1.2em; } #product-detail .pricing .online-offer p.offer-quantity { font-size: 11px; } /* Two for */ #product-detail .pricing .two-for { padding: 13px 5px 7px 5px; } /* Iframe back button (p7.5 checkout creditcard */ #iframe-back-button { position: absolute; top: 412px; left: 17px; } /* Fluid box with no background */ .freq-flyer { font-weight:bold; } .freq-flyer span { color:#737373; } .freq-flyer .red { color:#ea0001; } .basket-totals .gst { font-weight:normal !important; } .block { display: block; } /* Print only */ .print-only { display: none; } /* Inline popups */ .inline-popup { padding: 13px !important; } #p7l2 { width: 600px; height: 525px; } #p7l3 { width: 600px; height: 345px; } #p7l3a { width: 600px; height: 410px; } #p8s1 { width: 470px; height: auto !important; } #p8s1a { width: 470px; height: auto !important; } #p8s2 { width: 470px; height: auto !important; } #p8s3 { width: 470px; height: auto !important; } #p8s4 { width: 470px; height: auto !important; } #p8s5 { width: 470px; height: auto !important; } #p8s6 { width: 470px; height: auto !important; } #p8s7 { width: 370px; height: auto !important; } #p8s8 { width: 370px; height: auto !important; } #p8s9 { width: 370px; height: auto !important; } #p15l1 { width: 420px; height: 240px; } #p26l1 { width: 420px; height: 190px; } #p7l4 { width: 780px; height: 290px; } .newsletterSubscriptionPage {background: none repeat scroll 0 0 #FFFFFF; padding: 5px; width: 970px;}