/* Last edited: 1 Dec 2011 (MS) */ /*GLOBAL*/ /*h1 {font-size:2.5em;}*/ h1 {font-size:2em;} h2 {font-size:1.8em;} h3 {font-size:1.5em; margin:1em 0;} h4 {font-size:1.25em; margin-bottom:1em;} h5 {margin-bottom:1em;} p {margin-bottom:1em;} body {background:#eee url(/assets/liverpool/images/bg.gif) ; font-family:"Trebuchet MS", Arial,Helvetica,Sans-serif;} a { cursor:pointer;} span.out-of-stock { color:red;} .access { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; } a:hover { text-decoration: underline; } body { background-color: #f1f1f1; background-image:url('../Images-css/bg-watermark.png'); background-repeat:no-repeat; background-position:50% 0; font-family: Arial, sans-serif; } #help-bt-side{width:40px; height:92px; position:fixed; right:-9px; top:150px; z-index:9999; -moz-box-shadow: 0px 5px 5px #ccc; -webkit-box-shadow: 0px 5px 5px #ccc; box-shadow: 0px 5px 5px #ccc;} #help-bt-side:hover{right:0;} /*Main layout container*/ #container { width: 960px; padding: 13px 0 10px; background: #fff url('../Images-css/bg-content.png') repeat-x 0 0; position: relative; } /*Header*/ #header { background: transparent url('../Images-css/bg-header.png') repeat-x 50% 0; height: 121px; z-index: 100; position: relative; margin-bottom: -13px; } #header .inner { width: 960px; margin: auto; position: relative; } #header .standard-chartered{position:absolute; width:100%; height:34px; margin:auto; display:block; background:url(../Images/bg-standard-chartered.png) no-repeat center top;} #header a { display: block; } #header a.standard-chartered-logo {width:211px; margin:auto; display:block;} #header a.standard-chartered-logo img{width:211px; height:24px;} #header a.logo { position: absolute; top: 0; left: 0; } #header a.heading { position: absolute; top: 32px; left: 119px; } #header .search { background: url('../Images-css/bg-search.png') no-repeat 0 0; position: absolute; top: 37px; left: 327px; width: 353px; min-height: 34px;} #header .search p { padding-bottom: 8px; } #header .search input.textfield { border: none; background: transparent; float: left; margin: 8px 7px 0 8px; padding-left: 21px; width: 257px; font-size: 1.2em; } #header .search input.submit { margin: 8px 0 0 2px; float: left; } #header .search .alert { display: block; padding: 0 3px 3px 8px; width: 342px; position: absolute; top: 30px; left: 0; background-color: #B81A21; border: none; text-align: left; font-size: 1.1em; color: #FFD052 !important;} #header .basket { background: url('../Images-css/bg-mini-basket.png') no-repeat 0 0; color: #fff; height: 55px; position: absolute; right: 0; top: 30px; width: 271px; } #header .basket h2 { padding: 8px 0 0 12px; float: left; } #header .basket a.button { display: block; float: left; margin: 10px 6px 0 8px; clear: left; } #header .basket ul { position: absolute; right: 5px; top: 8px; } #header .basket li { font-size: 1.1em; display: block; float: left; margin-right: 5px; text-align: right; width: 32px; position: relative; } #header .basket li.total { width: 66px; } #header .basket li.currency { margin-right: 0; } #header .basket li span { padding-right: 3px; } #header .basket li p, #header .basket li strong { background: url('../Images-css/bg-red-chequered.png') repeat 0 0; border: 1px solid #a91318; display: block; font-size: 1.273em; font-weight: bold; margin-top: 7px; padding: 0 4px 2px 4px; } #header .basket li p { background: #da1f26 url('../Images-css/sprite-currency-dropdown.png') no-repeat 0 -70px; position: relative; padding-top: 1px; padding-bottom: 3px; text-align: left;} #header .basket li p:hover, #header .basket li p.active { background-position: 0 0; z-index: 101; } #header .basket li p a.flag-gbp { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -230px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-eur { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -108px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-usd { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -352px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-aud { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -718px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-cad { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -596px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-cny { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -474px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-dkk { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -1695px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-hkd { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -1573px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-idr { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -1451px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-inr { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -1329px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-jpy { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -1207px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-myr { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -1815px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-nok { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -1695px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-sgd { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -962px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li p a.flag-zar { background: transparent url('../Images-css/sprites-currency-flags.png') no-repeat 0 -840px; display: block; padding: 2px 0; width: 16px; height: 11px; } #header .basket li ul { background: #f4272f; border: 1px solid #b4080e; display: none; left: -41px; padding: 1px; position: absolute; top: 41px; width: 69px; z-index: 100; -webkit-box-shadow: 1px 1px 8px #333; -moz-box-shadow: 1px 1px 8px #333; } #header .basket li ul li { background: #fff; border-bottom: 1px solid #dfdfdf; display: block; width: 69px; margin-right: 0; text-align: left; text-indent: 22px; } #header .basket li ul li.zar { border: none; } #header .basket li ul li a { padding: 3px; color: #333; text-decoration: none; background: #fff url('../Images-css/sprites-currency-flags.png') no-repeat 3px -229px; } #header .basket li ul li a.disabled { color: #999; cursor: text; } #header .basket li ul li a.disabled:hover { background-color: #fff; color: #999; } #header .basket li ul li a:hover { background-color: #da1f26; color: #fff; } #header .basket li ul li.gbp a { background-position: 3px -228px; } #header .basket li ul li.eur a { background-position: 3px -106px; } #header .basket li ul li.usd a { background-position: 3px -351px; } #header .basket li ul li.aud a { background-position: 3px -716px; } #header .basket li ul li.cad a { background-position: 3px -594px; } #header .basket li ul li.cny a { background-position: 3px -472px; } #header .basket li ul li.dkk a { background-position: 3px -1693px; } #header .basket li ul li.hkd a { background-position: 3px -1571px; } #header .basket li ul li.idr a { background-position: 3px -1448px; } #header .basket li ul li.inr a { background-position: 3px -1327px; } #header .basket li ul li.jpy a { background-position: 3px -1205px; } #header .basket li ul li.myr a { background-position: 3px -1812px; } #header .basket li ul li.nok a { background-position: 3px -1692px; } #header .basket li ul li.sgd a { background-position: 3px -959px; } #header .basket li ul li.zar a { background-position: 3px -838px; } #header .basket li ul a { color: #505050; display: block; padding-left: 20px; } #header #account-menu {position: absolute; right: 0; top: 87px; background: url('../Images-css/bg-account-menu.png') no-repeat 0 0; width: 121px; } #header #account-menu li { float: left; display: block; } #header #account-menu li.register { width: 64px; } #header #account-menu li.login { width: 57px; } #header #account-menu li a { color: #fff; font-size: 1.1em; text-decoration: none; padding: 3px 0 2px 0; display: block; text-align: center; } #primary-nav {position:absolute; background:transparent url('../Images-css/primary-nav-divider.png') no-repeat right 5px; left:119px; top:85px; padding:0 1px 0 0;} #primary-nav li {position:relative; background:transparent url('../Images-css/primary-nav-divider.png') no-repeat 0 5px; padding:1px 0 0 0; z-index:10; float:left; overflow:visible;} #primary-nav li:first-child {margin:0;} #primary-nav li a {color: #505050; text-decoration: none; font-weight: bold; font-size: 1.3em; padding: 2px 8px 5px; } #primary-nav li a.nav-sprite {background: #f4272f url('../Images-css/bg-primary-nav-chequered.png') repeat-x 0 0; color: #fff; display: block; position: relative; border: 1px solid #b4080e; border-bottom: none; z-index: 200; } #primary-nav li a.nav-sprite-down {padding: 5px 7px 3px 9px; } #primary-nav li:hover, #primary-nav li.hover {background:#444; -webkit-transition:0.35s;} #primary-nav li:hover a, #primary-nav li.hover a {color:#fff; -webkit-transition:0.25s;} #primary-nav li.selected a {background: url('../Images-css/bg-primary-nav-selected.png') repeat-x 0 -1px; color: #da1f26; } #primary-nav li .inner {height:0; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; top:24px; left:0; z-index:100; width:auto; display:block; background:#f7f7f7; box-shadow:0 3px 10px -5px #444; padding:0; width:518px;} #primary-nav li .inner.has-1-col {width:172px;} #primary-nav li .inner.has-2-col {width:354px;} #primary-nav li .inner.has-3-col {width:518px;} #primary-nav li:last-child .inner.has-3-col {left:-220px;} #primary-nav li:hover .inner, #primary-nav li.hover .inner {height:auto; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 0.25s ease-out 0.1s; border:2px solid #444;} #primary-nav .inner .sub-menus{background:url(../Images-css/bg-subnav-divider.png); margin:10px 0; padding-bottom:10px;} #primary-nav .inner .sub-menu {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:150px; padding:0 10px; height:100%; text-align:left;} #primary-nav .inner .sub-menu li {margin-bottom:.4em; background:transparent; float:none;} #primary-nav .inner .sub-menu h3 {margin:0 0 .7em 0; color:#444; text-transform:uppercase; font-family:Arial; font-size:1.4em; font-weight:bold;} #primary-nav .inner .sub-menu a {padding:0; color:#444; font-size:1.3em; display:block; text-decoration:none; font-weight:normal;} #primary-nav .inner .banner {padding:5px; text-align:center;} #primary-nav .inner img {width:100%;} /*Content area*/ #content {color:#505050; min-height: 28em;} /*#content h1 {clear:both; margin-bottom:0.6em;font-size:2.4em; font-family:Arial, Sans-Serif; color:#444444; font-weight:normal; }*/ #content h1 {clear:both; margin-bottom:0.6em;font-size:2.4em; font-family:Arial, Sans-Serif; color:#444444; font-weight:normal;} #content h2 {font-size:1.4em; color:#444444;} #content a {color:#065694; text-decoration:none;} #content a:hover {text-decoration:underline;} #content h1 { font-size: 2.4em; margin-bottom: 10px; } #content h2 { font-size: 1.4em; margin-bottom: 10px; } /* Footer */ #footer { clear: both; width: 960px; margin: auto; background: #fff url('../Images-css/bg-footer-gradient.png') repeat-x 0 0; position: relative; } #footer p { width: 960px; float: left; text-align: left; padding: 8px 0 8px; } #footer p .lfc-card { float: left; padding-left: 17px; margin-top: 10px; } #footer p .lfc-hologram {display:block; float: right; background: url('/assets/liverpool/images/lfc-hologram.png') no-repeat; height: 60px; width: 150px; margin-top:7px; padding-left:17px;} #footer p img.payment-types { float: left; padding-left: 3px; margin-top: 16px; width: 330px;} #footer div { padding-left: 19px; text-align: left; width: 169px; float: left; padding-bottom: 20px; } #footer div h3 { color: #da1f26; font-size: 1.3em; font-weight: bold; padding-bottom: 0.769em; margin: 0;} #footer div h3.home { padding-bottom: 1.461em; } #footer div h3 a { color: #da1f26; text-decoration: none; } #footer div h3 a:hover { text-decoration: underline; } #footer div ul { padding-bottom: 2.8em; } #footer div ul a { text-decoration: none; color: #666; font-size: 1.1em; line-height: 1.6em; } #footer div ul a:hover { text-decoration: underline; } #footer ul.bar { clear: left; background: #be1b21 url('../Images-css/bg-footer-bar.png') repeat-x 0 0; color: #fff; font-size: 1.1em; padding: 17px 0 0 79px; } #footer ul.bar li { float: left; display: block; padding-bottom: 15px; padding-right: 15px; } #footer ul.bar li.top { float: right; } #footer ul.bar li.top a { background: url('../Images-css/up-arrow.png') no-repeat 0 3px; padding-left: 15px; } #footer ul.bar li a { color: #fff; } #footer img.shield { position: absolute; z-index: 200; bottom: 6px; left: 9px; } #footer div.facebook-like{position:absolute; left:505px; top:25px;} /*Site wide navigation*/ #global-nav {width:49.9em;height:7em;float:left; display:inline; margin-left:10.1em; background:#C92026 url(/assets/liverpool/images/global-nav-bg-fill.gif) repeat-x top; overflow:hidden;} #global-nav .inner {background:url(/assets/liverpool/images/global-nav-bg.gif) no-repeat top left; border-right:1px solid #A51F24 !important;} #global-nav ul li {width:8.1em;float:left; height:7em; background:url(/assets/liverpool/images/global-nav-item-bg.gif) no-repeat top left;padding:0.6em 1em 0 0.8em;} #global-nav ul li { line-height:1.2em;} #global-nav ul li.last {background:none; width:8.1em; } #global-nav ul li a { font-weight:bold;font-size:1.1em;} #global-nav ul li a#adidas {padding-left:22px; background:url(/assets/liverpool/images/adidas-icon-bg.gif) no-repeat 0 1px;} #global-nav ul li ul {width:8.1em;margin-top:0em; background:none; height:4.85em; overflow:hidden;} #global-nav ul li ul li {background:none;float:none; display:inline; padding:0;height:1px;} #global-nav ul li ul li a {font-size:1em;font-weight:normal;} /*Checkout path breadcrumbs*/ #checkout-path {width:66.9em;height:7em;float:left; display:inline; margin-left:10.1em; background:#C92026 url(/assets/liverpool/images/global-nav-bg-fill.gif) repeat-x top; overflow:hidden;} #checkout-path .inner { height:7em; background:url(/assets/liverpool/images/login-bg.gif) no-repeat bottom right; } #checkout-path ol { height:7em;padding-left:2.2em; background:url(/assets/liverpool/images/global-nav-bg.gif) no-repeat top left;} #checkout-path ol li { margin-top:1.3em; padding:0.6em 2.6em 0.6em 0.8em; float:left; color:#711E21; font-size:1.4em; font-weight:bold; background:url(/assets/liverpool/images/checkout-chevron.gif) no-repeat center right;} #checkout-path ol li.selected {color:#fff;} #checkout-path ol li#last {background:none;} p.note { font-size:1em !important; padding:1em 0;} p.order-note { font-size:1em !important; float:right; width:50%;} p.edit-order-note {font-size:1.1em !important;} /* Form field classes */ .button {} .textfield {margin-right:0.4em;} .dropdown {margin-right:0.4em;margin-top:0.1em;} /* Cross sells / featured products panel */ .featured, .product-list #featured, #content .checkout .related-products {width: auto; position: relative; background:#fff;} .product-list #featured {margin-bottom:20px; overflow:hidden; border:2px solid #3E3E3E;} .product-list #featured #root-category-name {text-transform:uppercase; color:#FFD052;} .featured{width: 700px; position: relative; background:#fff;} .homepage .featured{width: 631px;} .featured .sv-carousel-outer, .product-list #featured .sv-carousel-outer{border: 2px solid #3E3E3E; position: relative; z-index: 0; overflow:hidden;} .featured h2, .product-list #featured h2, #content .checkout .related-products h2 {height:26px; background: #3e3e3e url('../Images-css/bg-slider-h2.png') repeat-x 0 bottom; color: #fff !important; padding: 8px 15px 0; margin-bottom: 0 !important;} .featured .sv-carousel-next, .featured .sv-carousel-prev, .product-list #featured .sv-carousel-next, .product-list #featured .sv-carousel-prev { background: #fff url('../Images-css/bt-slider-arrows.png') no-repeat 7px center; position: absolute; width: 36px; height: 218px !important; padding:0; bottom:2px; display:block;} .featured .sv-carousel-prev, .product-list #featured .sv-carousel-prev { left: 2px; border-right: none; outline: none; } .featured .sv-carousel-next, .product-list #featured .sv-carousel-next { background-position: -46px center; right: 2px; border-left: none; outline: none; z-index:99; } .featured .sv-carousel-prev:hover, .product-list #featured .sv-carousel-prev:hover { background-position: -92px center;} .featured .sv-carousel-next:hover , .product-list #featured .sv-carousel-next:hover { background-position: -146px center;} .featured .sv-carousel, .product-list #featured .sv-carousel { margin-left: 36px;} .featured ul, .product-list #featured ul, #content .checkout .related-products ul{ padding: 0 24px; background: #f6f6f6 url('../Images-css/bg-panel-grad.png') repeat-x 0 0; overflow: hidden; margin-right: -1px;} .featured li, .product-list #featured li, #content .checkout .related-products li { width: 118px; padding:18px 10px 10px; display: block; float: left; background:#fff url(../Images-css/bg-slider.png) repeat-y left top; } #main.homepage .featured li{width: 118px;} .product-list #featured li{width: 115px;} .product-list #featured .sv-carousel-next{right:0;} .featured li {width: 106px;} .featured li.hover, .product-list #featured li:hover, #content .checkout .related-products li:hover {cursor: pointer; } .featured li a.thumbnail, .product-list #featured li a.thumbnail, #content .checkout .related-products li a.thumbnail{ display: block;height: 126px; min-height: 0; text-align:center;} .featured li p, .product-list #featured li p, #content .checkout .related-products li p{width:100%; color: #333; font-weight: bold; line-height: 1.3em; margin-bottom: 0;} .featured li p a, .product-list #featured li p a, #content .checkout .related-products li p a{ text-decoration: none; color: #333 !important; display: block; min-height: 43px; font-size:1.2em;} .featured li p a:hover, .product-list #featured li p a:hover, #content .checkout .related-products li p a:hover{ text-decoration: underline; } .featured li p span, .product-list #featured li p span, #content .checkout .related-products li p span{ color: #d41e25; padding-top: 10px; display: block; float: left; width: 46px; font-weight: 700; font-size:1.2em; } .featured li p span.outofstock, .product-list #featured li p span.outofstock, #content .checkout .related-products li p span.outofstock{ float:left; margin:0; color:#DA1F26 !important; font-weight:bold; } .featured li p a.button, .product-list #featured li p a.button, #content .checkout .related-products li p a.button{width:44px; height:17px; display: block; margin-top: 8px; float: right; background: transparent url('../Images-css/sprite-button-more.png') no-repeat -56px 0; min-height: 0;} .homepage .featured li p a.button:hover, .homepage .featured li:hover a.button, .product-list #featured li p a.button:hover, .product-list #featured li:hover a.button, #content .checkout .related-products li p a.button:hover, #content .checkout .related-products li:hover a.button{ background-position: 0 0; } /* Order status colors */ span.progress, span.instock, span.progress a { color:green !important;} span.returned, span.returned a { color:red !important;} span.complete, span.outofstock, span.complete a { color:#999 !important;} /* overlay panels */ .overlay { left: 50%; margin-left: -250px; position: absolute; top: 400px; width: 500px; z-index: 1000; text-align: left; } .overlay a { color: #104E8B; } .overlay .titlebar { background: #ba1b20 url('/assets/liverpool/Images-css/bg-overlay-titlebar.png') repeat-x 0 0; color: #fff !important; padding: 10px 70px 9px 9px; border: 1px solid #a01419; font-size: 1.4em; text-align: left; margin-bottom: 0 !important; } .overlay p.close { position: absolute; right: 24px; top: 30px; } .overlay p.close a { border: none; background: none; font-size: 1.2em; color: #fff !important; text-decoration: none; } .overlay p.close a:hover { text-decoration: underline; } .overlay .panel { background: #fff; font-size: 1.2em; border: 1px solid #333; border-top: none; padding: 20px 10px; height: auto;} .overlay .panel fieldset p { padding-bottom: 14px; } .overlay .panel fieldset p select { width: 220px; } .overlay .panel fieldset p select.title { width: 120px;} .overlay .panel fieldset label { display: block; padding-bottom: 4px; } .overlay .panel iframe { border: none; width: 100%; height: 100%; font-size:1.2em;} .lightbox .panel { height: 300px; overflow: auto; } .lightbox .panel iframe { height: 300px !important; border: none; } .lightbox .panel #container.popup #cms-content { font-size:0.917em; } .lightbox .panel #container.popup { padding-top: 0; } /* Rounded corners for Overlays */ .cb { margin: 0.5em 0; } .bt { height: 12px; margin: 0 0 0 18px; background: url('../Images-css/overlay-box.png') no-repeat 100% 0; } .bt div { position: relative; left: -18px; width: 18px; height: 12px; background: url('../Images-css/overlay-box.png') no-repeat 0 0; font-size: 0; line-height: 0; } .bb { height: 12px; margin: 0 1px 0 12px; background: url('../Images-css/overlay-box.png') no-repeat 100% 100%; } .bb div { position: relative; left: -12px; width: 12px; height: 12px; background: url('../Images-css/overlay-box.png') no-repeat 0 100%; font-size: 0; line-height: 0; } .i1 { padding: 0 0 0 12px; background: url('../Images-css/overlay-borders.png') repeat-y 0 0; } .i2 { padding: 0 12px 0 0; background: url('../Images-css/overlay-borders.png') repeat-y 100% 0; } .i3 { display: block; margin: 0; padding: 0; background: #fff; display: inline-block; display: block; } .i3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .i3 {display:inline-block;} .i3 {display:block;} #sv-screenEffect, #sv-screenEffect-server { background: black; display: none; height: 500px; left: 0; position: absolute; top: 0; width: 500px; z-index: 500; } #sv-screenEffect-server { display: block; opacity: 0.35; filter: alpha(opacity = 35);} /* screen effect for server-controlled UpdatePanels */ #content input.button, .overlay input.button { border: none; background: #eaeaea url('../Images-css/bg-grey-button.png') no-repeat 100% 0; color: #333; padding: 4px 30px 3px; margin: 0; text-align: center; } #content span.button-wrap, .overlay span.button-wrap { background: transparent url('../Images-css/bg-grey-button.png') no-repeat 0 0; padding: 0 0 4px 1px; display: inline-block; } #content input.textfield, .overlay input.textfield { border: 1px solid #d0cfcf; padding: 1px 4px; height: 1.4em; } #content input.link, .overlay input.link { border: none; background: none; color: #104e8b; margin: 0; padding: 0; font-weight: bold; font-family: Arial, sans-serif; } #content.checkout select, .overlay select { width: 165px; } /*GLOBAL COMPONENTS*/ /* Breadcrumbs and Page tools wrapper */ #bread-tools-wrap {clear:both; margin:0 10px 6px 10px;} #bread-tools-wrap h1 {font-family: Arial,Helvetica,Sans-serif; margin:0; font-weight:bold; font-size:1.2em; float:left; padding-bottom:0.5em;} #bread-tools-wrap p#welcome {margin-right:0.5em; font-size:1.2em; float:left;} /*Breadcrumbs*/ #breadcrumbs {float:left; padding-top: 8px; font-size: 1.1em;} #breadcrumbs ol li {float:left; margin-right:0.5em; white-space: nowrap; } #breadcrumbs ol li strong { font-weight: normal; } #main { float: left; margin: 0 0 10px 10px; } #sidebar { float: left; width: 230px; margin-left: 10px; background: #ededed url(/assets/liverpool/images-css/bg-sidebar.gif) left bottom repeat-x;} #sidebar { float: left; width: 230px; margin-left: 10px; background: #ededed url(/assets/liverpool/images-css/bg-sidebar.gif) left bottom repeat-x;} #sidebar .sub-nav h2 { margin: 0; height: 18px; padding: 7px 10px; background: url(/assets/liverpool/images-css/bg-sidebar-header.gif) right bottom no-repeat; font-size: 1.4em;} #sidebar .sub-nav ul { padding: 10px; } #sidebar .sub-nav ul h3 { font-size: 1em; margin-bottom: .5em; } #sidebar .sub-nav ul h3 a { color: #333; } #sidebar .sub-nav ul h3 a:hover { text-decoration: underline; } #sidebar .sub-nav ul ul { padding: 0 0 1em 0; background: url(/assets/liverpool/images-css/bg-sidebar-menu.gif) left bottom repeat-x; } #sidebar .sub-nav li { margin-bottom: 3px; font-size: 1.4em; } #sidebar .sub-nav li li { background: none; margin-bottom: 0; font-size: 1em; } #sidebar .promo { padding: 10px; } /* Alert/Error box */ .alert {margin-bottom:1em; clear:both; display:block; padding:0.8em 1em; background:#fff0b2; border:1px solid #ffcc00; color:#000; } .alert h3 { margin:0 !important; color:#000 !important; text-transform:none !important; padding-bottom:3px; background:url(/assets/liverpool/images/error-icon.gif) no-repeat 0 1px; font-size:1.2em !important; text-indent:1.8em;} .alert ul { margin:.5em 0em 1em 2em !important; padding:0 !important; } .alert ul li { list-style-type:disc !important; float:none !important; font-size:1.1em; clear:both; color:#000; } /*PAGES*/ /* Homepage */ .homepage#main { width: 630px; float: left; margin:0;} #promo-spot { margin-right: -6px; } #promo-spot ul { margin-right: -6px; } #promo-spot li { float: left; display: block; width: 206px; margin-right: 6px; } #promo-spot li h2 { background: #626262 url('../Images-css/bg-heading-textured.png') repeat-x 100% 0; color: #fff; padding: 7px 8px; margin-bottom: 0;} #promo-spot li h2 a { color: #fff; text-decoration: none; display: block; } #promo-spot li h2 a:hover { text-decoration: underline; } #promo-spot-1{margin-bottom:9px;} #promo-spot-1 li{float:left; padding-left:14px;} #promo-spot-1 li:first-child{padding-left:0;} #promo-spot-1 li a{display:block;} #promo-spot-2{margin-bottom:9px; clear:both;} #promo-spot-2 li{float:left; padding-right:10px;} #promo-spot-3 a{display:block;} #hero-spot { width: 630px; margin-bottom: 35px; background:#343434; } #hero-spot.tabs-bottom { position: relative; } #hero-spot.ui-tabs{padding:0;} #hero-spot.tabs-bottom .ui-widget-header{background:none; border:none;} #hero-spot.tabs-bottom .ui-tabs-panel { height: 301px; background:#343434;} #hero-spot.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; top: 300px; right:0; padding: 0; } #hero-spot.tabs-bottom .ui-tabs-nav li { padding:0 10px 0 0; margin:0 0 0 -10px; border: none; background:url(../Images-css/herospot-tabs-corner-default.png) no-repeat right top;} #hero-spot.tabs-bottom .ui-tabs-nav li:first-child{margin-left:0; padding-left:0; border-left:1px solid #bbbaba;} #hero-spot.tabs-bottom .ui-tabs-nav li.ui-tabs-selected, #hero-spot.tabs-bottom .ui-tabs-nav li:hover{margin-top:0; background:url(../Images-css/herospot-tabs-corner-selected.png) no-repeat right top; border-left:1px solid #343434;} #hero-spot.tabs-bottom .ui-tabs-nav li a{color:#444444; padding:4px 20px 4px 28px; border-top:1px solid #bbbaba; border-bottom:1px solid #bbbaba; background:url(../Images-css/herospot-tabs-bg-default.png) repeat-x; font-size:1.2em;} #hero-spot.tabs-bottom .ui-tabs-nav li a:hover{text-decoration:none;} #hero-spot.tabs-bottom .ui-tabs-nav li.ui-tabs-selected a, #hero-spot.tabs-bottom .ui-tabs-nav li:hover a{color:#e1e1e1; border:1px solid #343434; cursor:default; background-image: -moz-linear-gradient(top, #343434, #2f2f2f); background-image: -webkit-gradient(linear, center top, center bottom, from(#343434), to(#2f2f2f)); background-image: -o-linear-gradient(top, #343434, #2f2f2f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434', endColorstr='#2f2f2f'); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434', endColorstr='#2f2f2f')"; /*Element must have a height (not auto)*/ /*All filters must be placed together*/ background-image: linear-gradient(top, #343434, #2f2f2f); } #hero-spot.tabs-bottom .ui-tabs-nav li:hover a{cursor:pointer;} #new-in-promo{padding:0; margin:9px 0;} #new-in-promo.ui-tabs .ui-tabs-nav{width:478px; padding:0 0 4px 149px; background:url(../Images-css/bg-new-in-tabs.png) repeat-x left bottom; position:absolute; z-index:99; border:none; top:8px; left:2px;} #new-in-promo.ui-tabs .ui-tabs-nav li{background:none; border:none; padding:0 5px 0 0;} #new-in-promo.ui-tabs .ui-tabs-nav li a{width:105px; height:20px; padding:7px 0 0 0; margin:0 0 0 0; text-align:center; border: none; background:url(../Images-css/bg-tab-default.png) no-repeat; color:#3c3c3c; -moz-text-shadow: 0 -1px 1px #9b9b9b; -webkit-text-shadow: 0 -1px 1px #9b9b9b; text-shadow: 0 -1px 1px #9b9b9b; font-size:1.2em;} #new-in-promo.ui-tabs .ui-tabs-nav li a:hover{text-decoration:none; background:url(../Images-css/bg-tab-selected.png) no-repeat;} #new-in-promo.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{ border: none; background:url(../Images-css/bg-tab-selected.png) no-repeat; cursor:default;} .sidebar-home#sidebar { width: 310px; background: transparent none; } .sidebar-home#sidebar #kit-builder-flash { height: 470px; width: 308px; margin-bottom: 5px; background: transparent url('/Assets/Liverpool/Images-css/bg-flash-kit-builder-shadow.png') no-repeat 0 100%;} .sidebar-home#sidebar #kit-builder-flash .inner { border: 1px solid #ccc; width: 308px; min-height:464px; } .sidebar-home#sidebar #kb-flashcontent { font-size: 1.2em; outline: none; } .sidebar-home#sidebar #kb-flashcontent div { margin: 2em; } .sidebar-home#sidebar #kb-flashcontent h2, #sidebar #kb-flashcontent h3 { font-size: 1.2em; } .sidebar-home#sidebar ul.promos { margin-right: -6px; } .sidebar-home#sidebar ul.promos li { float: left; display: block; margin-right: 6px; } .sidebar-home#sidebar ul.promos li.last { margin-right: 0; } /* category landing/category list page */ .landing#main { width: 760px; } .landing#main .promo-content, .landing#main .sub-category-content { margin-bottom: 6px; } .landing#main .sub-category-content { margin-right: -11px; } .landing#main .sub-category-content li { float: left; margin-right: 11px; } .landing#main .featured {width:754px; *margin-bottom:10px;} .landing#main .featured li {width:116px;} .landing#main .promo-content, .landing#main .sub-category-content {padding-right:6px;} .landing#main .sub-category-content li {width:244px;} .landing#main .promo-content img, .landing#main .sub-category-content img {width:100%;} #sidebar.landing {width:175px; font-size:1.3em; background:url(../Images-css/bg-listing-sidebar.png) 0 0 repeat-y #f4f4f4;} #sidebar.landing .sidebar-top {background:url(../Images-css/bg-listing-sidebar.png) 0 0 repeat-y #ffd052; padding:10px; border-bottom:1px solid #dcb344; border-radius:2px;} #sidebar.landing h2 {font-size:1.1em; margin:0;} #sidebar.landing h3 {font-size:1em; color:#444; margin:10px 3px 7px 0;} #sidebar.landing h3:first-child {margin-top:7px;} #sidebar.landing .sidebar-bottom {border-right:1px solid #e7e7e7;} #sidebar.landing .sidebar-nav {padding:3px 7px;} #sidebar.landing .sidebar-nav li {border-bottom:1px solid #d7d7d7;} #sidebar.landing .sidebar-nav a {padding:7px 3px; display:block; color:#444; text-decoration:none; background:url(../Images-css/link-arrow.png) no-repeat right center;} #sidebar.landing .sidebar-nav a:hover {text-decoration:underline;} #sidebar.landing .promo {padding:8px; text-align:center;} #sidebar.landing .promo p {margin:0;} #sidebar.landing .promo img {width:100%; display:block;} .preview { clear:both; padding:0em; margin:0em;} p.progress { padding:.25em 0; clear:both;} /* product list page */ #content .product-list {display:inline-block; *display:inline; *zoom:1; margin:0 10px; width:745px;} #content .product-list #search-summary {padding:10px; background:#333; background:url(../Images-css/bg-re-search-bar.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#3e3e3e), to(#333333)); /* Saf4+, Chrome */ background:url(../Images-css/bg-re-search-bar.png) no-repeat right center, -webkit-linear-gradient(top, #3e3e3e, #333333); /* Chrome 10+, Saf5.1+, iOS 5+ */ background:url(../Images-css/bg-re-search-bar.png) no-repeat right center, -moz-linear-gradient(top, #3e3e3e, #333333); /* FF3.6 */ background:url(../Images-css/bg-re-search-bar.png) no-repeat right center, -ms-linear-gradient(top, #3e3e3e, #333333); /* IE10 */ background:url(../Images-css/bg-re-search-bar.png) no-repeat right center, -o-linear-gradient(top, #3e3e3e, #333333); /* Opera 11.10+ */ background:url(../Images-css/bg-re-search-bar.png) no-repeat right center, linear-gradient(top, #3e3e3e, #333333);} #content .product-list #search-summary .re-search {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-right:10px;} #content .product-list #search-summary h3 {color:#fff; margin:0;} #content .product-list #search-summary h3 span {color:#ffca55;} #content .product-list #search-summary .re-search.box-group {padding:5px 7px; background:#272727; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #content .product-list #search-summary input {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0;} #content .product-list #search-summary .textfield {padding:4px; width:200px; margin-right:5px;} #content .product-list #search-summary .submit {padding:4px 8px; font-size:12px; font-weight:bold; color:#444;} #content .product-list #search-summary .alert {display:block; vertical-align:middle; margin:2px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #content .product-list .listing {margin:0 -8px;} #content .product-list .listing li {width:172px; height:237px; position:relative;display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:8px; *margin:9px;} #content .product-list .listing li .inner {border:1px solid #e7e7e7; padding:7px; position:absolute; top:0; bottom:0; left:0; right:0;} #content .product-list .listing li .out-of-stock {position: absolute; right: 0; bottom:5px;} #content .product-list .listing .thumbnail {text-align:center;} #content .product-list .listing .thumbnail a {display:block;} #content .product-list .listing .product-img {width:135px; height:135px;} #content .product-list .listing .info-wrap {margin-top:10px; padding-bottom:27px; position:relative;} #content .product-list .listing .info-wrap-top {min-height:47px; *height:47px;} #content .product-list .listing h2 {margin-bottom:.2em; min-height:30px; *height:30px;} #content .product-list .listing h2 a {color:#2e2e2e; font-weight:bold; font-size:.85em;} #content .product-list .listing h2 a:hover {text-decoration:none;} #content .product-list .listing .star-rating {margin:0 0 2px 0;} #content .product-list .listing .price {font-size:1.7em; color:#2e2e2e; margin:0; position:absolute; bottom:0; left:0; padding:2px 0;} #content .product-list .listing .buy {display:inline-block; *display:inline; *zoom:1; position:absolute; bottom:0; right:0; border:1px solid #dbdbdb; margin:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition: 0.1s ease-out;} #content .product-list .listing .buy a {display:block; padding:.3em 1.4em; font-size:1.2em; color:#2e2e2e; font-weight:bold; border:1px solid transparent; -webkit-transition: 0.1s ease-out; background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 50%, #ededed 51%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 50%,#ededed 51%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%,#f3f3f3 50%,#ededed 51%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%,#f3f3f3 50%,#ededed 51%,#ededed 100%); /* IE10+ */ background: linear-gradient(top, #f3f3f3 0%,#f3f3f3 50%,#ededed 51%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */} #content .product-list .listing li:hover .inner {border-color:#d6d6d6;} #content .product-list .listing .hero {width:363px; *width:362px;} #content .product-list .listing .hero .inner {border:2px solid #444; padding:7px;} #content .product-list .listing .hero:hover .inner {border-color:#444;} #content .product-list .listing .hero .thumbnail, #content .product-list .listing .hero .info-wrap {display:inline-block; *display:inline; *zoom:1; vertical-align:top;} #content .product-list .listing .hero .thumbnail a {position:relative;} #content .product-list .listing .hero .thumbnail .featured-overlay {position:absolute; top:0; left:-7px;} #content .product-list .listing .hero .product-img {width:190px; height:190px; margin-top:15px;} #content .product-list .listing .hero .info-wrap {width:145px; margin:19px 0 0 5px; font-size:1.2em; padding:0;} #content .product-list .listing .hero .star-rating, #content .product-list .listing .hero h2 {margin-bottom:.4em; height:auto;} #content .product-list .listing .hero h2 a {font-size:1.2em;} #content .product-list .listing .hero .star-rating {margin-bottom:.4em;} #content .product-list .listing .hero .price {position:static; color:#d41e25; margin-bottom:.4em;} #content .product-list .listing .hero .buy {background:#3c3c3c; border-color:#3c3c3c; position:static; -webkit-transition: 0.1s ease-out;} #content .product-list .listing .hero .buy a {padding:.3em .8em; color:#fff; background:#3c3c3c; filter:none; border-top:1px solid #606060; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition: 0.1s ease-out;} #content .product-list .listing .hero .buy span {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; height:10px; width:6px; background:url(../Images-css/bg-btn-arrow.png) no-repeat 0 0; margin:0 0 0 .7em} #content .product-list .listing .hero span.out-of-stock {position:static;} #content .product-list .listing .buy:hover {border-color:#d2272d; background:#d2272d; -webkit-transition: 0.1s ease-out;} #content .product-list .listing .buy:hover a, #content .product-list .listing .buy a:hover {color:#fff; background:#d2272d; text-decoration:none; filter:none; border-top:1px solid #e57b7f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition: 0.1s ease-out;} #content #listing-sidebar {width:180px; background:url(../Images-css/bg-listing-sidebar.png) 0 0 repeat-y #f4f4f4; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-left:10px;} #content #listing-sidebar #facet-nav {font-size:1.3em;} #content #listing-sidebar #facet-selections {padding:10px; margin:0; font-weight:bold;} #content #listing-sidebar #facet-selections .remove {display:inline-block; *display:block; *float:left; *zoom:1; *margin:3px 3px 0 0; height:11px; width:11px; background:url(../Images-css/cross.png) 0 0 no-repeat;} #content #listing-sidebar #facet-selections a:hover {text-decoration:none;} #content #listing-sidebar .facet-head {background:url(../Images-css/bg-listing-sidebar.png) 0 0 repeat-y #ffd052; padding:10px; border-bottom:1px solid #dcb344; border-radius:2px;} #content #listing-sidebar h3 {font-size:1em; color:#444; margin:0;} #content #listing-sidebar .facets {border-right:1px solid #d7d7d7;} #content #listing-sidebar .facet {padding:10px 0; margin:0 10px; border-bottom:1px solid #d7d7d7;} #content #listing-sidebar .facet h4 {text-transform:uppercase; color:#444; font-weight:bold; margin-bottom:.5em; font-size:.9em;} #content #listing-sidebar .facet ul {max-height:115px; overflow-y:auto;} #content #listing-sidebar .facet li {margin-bottom:.3em;} #content #listing-sidebar .facet a {color:#595959;} #content #listing-sidebar .promo * {max-width:100%; *width:100%;} #content #listing-sidebar #facet-selections ul {overflow:visible;} /* Category/Product paging*/ #content .paging {margin:10px 0 5px 0; position:relative; overflow:hidden;} #content .paging p {display:inline; *zoom:1; font-size: 1.25em; margin: 0.3em 0;} #content .paging h4 {margin:0; display:inline;} #content .paging .showing {float:left; height:22px; line-height:22px;} #content .paging .sorting {float:right} #content .paging .pages {float:right; margin-left:12px;} #content .paging li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 1px; font-weight:bold; font-size:1.1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #9a9a9a;} #content .paging a {display:block; padding:.3em .7em; color:#444; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(top, #fbfbfb 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */} #content .paging .active {cursor:default; background: #cfcfcf; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #cfcfcf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#cfcfcf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#cfcfcf 100%); /* IE10+ */ background: linear-gradient(top, #fbfbfb 0%,#cfcfcf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */} #content .paging a:hover {text-decoration:none;} #content .paging .view-all {margin:0 0 0 6px;} #content .paging select {color:#444; border:1px solid #9a9a9a; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1.3em; height:1.7em; margin:0;} #content .paging option {color:#444;} /* star ratings - small */ .star-rating { min-height: 15px; width: 80px; background: url(/assets/liverpool/images-css/sprites-starrating.gif) 0 -19px repeat-x; } .star-rating .rating { display: block; height: 15px; background: url(/assets/liverpool/images-css/sprites-starrating.gif) repeat-x; } .star-rating .is-0 { width: 0; } .star-rating .is-1 { width: 16px; } .star-rating .is-1-andhalf { width: 23px; } .star-rating .is-2 { width: 32px; } .star-rating .is-2-andhalf { width: 39px; } .star-rating .is-3 { width: 48px; } .star-rating .is-3-andhalf { width: 55px; } .star-rating .is-4 { width: 64px; } .star-rating .is-4-andhalf { width: 71px; } .star-rating .is-5 { width: 80px; } /* star ratings - large */ .star-rating-large, .hero .star-rating {min-height: 22px; width: 110px; background: url(/assets/liverpool/images-css/sprites-starrating-large.gif) 0 -22px repeat-x; } .star-rating-large .rating, .hero .star-rating .rating { display: block; height: 22px; background: url(/assets/liverpool/images-css/sprites-starrating-large.gif) repeat-x; } .star-rating-large .is-0, .hero .star-rating .is-0 { width: 0; } .star-rating-large .is-1, .hero .star-rating .is-1 { width: 22px; } .star-rating-large .is-1-andhalf, .hero .star-rating .is-1-andhalf { width: 33px; } .star-rating-large .is-2, .hero .star-rating .is-2 { width: 44px; } .star-rating-large .is-2-andhalf, .hero .star-rating .is-2-andhalf { width: 55px; } .star-rating-large .is-3, .hero .star-rating .is-3 { width: 66px; } .star-rating-large .is-3-andhalf, .hero .star-rating .is-3-andhalf { width: 77px; } .star-rating-large .is-4, .hero .star-rating .is-4 { width: 88px; } .star-rating-large .is-4-andhalf, .hero .star-rating .is-4-andhalf { width: 99px; } .star-rating-large .is-5, .hero .star-rating .is-5 { width: 110px; } /* Product detail page */ #bread-tools-wrap.product-detail { position: absolute; left: 0; top: 16px; width: 414px; } #content .product-detail .product-images { float: left; clear: left; width: 414px; margin: 46px 26px 10px 10px; } #content .product-detail .product-images #image { position: relative; border: 1px solid #ccc; padding: 10px; width: 310px; text-align: center; } #content .product-detail .product-images #image ul.buttons, #content .product-detail .product-images #image ul#mvid { position: absolute; top: -1px; left: 340px; } #content .product-detail .product-images #image ul.buttons li img, #content .product-detail .product-images #image ul#mvid li img { border: 1px solid #ccc !important; } #content .product-detail .product-images .social-buttons div {margin-top:10px;} #content .product-detail #product-others { width: 414px; margin-top: 10px; padding-bottom: 6px; position: relative; } #content .product-detail #product-others .inner { position: relative; } #content .product-detail #product-others h2 { background: #626262 url('../Images-css/bg-heading-textured.png') repeat-x 100% 0; color: #fff; padding: 7px 8px; margin-bottom: 0; } #content .product-detail #product-others ul { border: 1px solid #d7d7d7; border-top: none; padding: 0 0 0 1px; background: #f6f6f6 url('../Images-css/bg-panel-grad2.png') left top; overflow: hidden; margin-right: -1px; min-height: 216px; } #content .product-detail #product-others li { width: 110px; height: 211px; border-top: 1px solid #d7d7d7; display: block; float: left; padding: 3px 13px 3px 14px; background: transparent url('../Images-css/featured-item-border.png') no-repeat 0 12px; } #content .product-detail #product-others li:first-child { background: none; } #content .product-detail #product-others li.hover, #content .product-detail #product-others li:hover { border: 3px solid #b8b8b8; padding: 1px 10px 0 11px; cursor: pointer; } #content .product-detail #product-others li a.thumbnail { display: block; width: 114px; height: 126px; min-height: 0;} #content .product-detail #product-others li p { padding: 0; font-size: 1.1em; color: #333; font-weight: bold; line-height: 1.3em; margin: 16px 0 0;} #content .product-detail #product-others li p a { text-decoration: none; color: #333; display: block; min-height: 43px;} #content .product-detail #product-others li p a:hover { text-decoration: underline; } #content .product-detail #product-others li p span { color: #505050; padding-top: 10px; display: block; float: left; width: 47px; font-weight: normal; } #content .product-detail #product-others li p a.button { display: block; margin-top: 8px; float: left; background: transparent url('../Images-css/sprite-button-more.png') no-repeat -56px 0; width: 44px; height: 17px; min-height: 0;} #content .product-detail #product-others li:hover p a.button{ background-position: 0 0; } #content .product-detail .product-info, #content .product-detail .product-info-nonpurch { float: left; width: 470px; margin-bottom: 2em; font-size: 1.2em; } #content .product-detail .product-info h1, #content .product-detail .product-info-nonpurch h1 { padding: .5em 0; margin-bottom: .25em; font-size: 1.667em; border-bottom: 1px solid #e9e9e9; color: #505050; } #content .product-detail .product-info .price, #content .product-detail .product-info-nonpurch .price { padding-bottom: .417em; margin-bottom: 1em; border-bottom: 1px solid #e9e9e9; } #content .product-detail .product-info .price .now, #content .product-detail .product-info-nonpurch .price .now { font-size: 1.5em; font-weight: bold; color: #da1f26; } #content .product-detail .product-info .price .was, #content .product-detail .product-info-nonpurch .price .was { margin-left: 1em; font-weight: bold; } #content .product-detail .product-info .price dl, #content .product-detail .product-info .price dt, #content .product-detail .product-info .price dd, #content .product-detail .product-info-nonpurch .price dl, #content .product-detail .product-info-nonpurch .price dt, #content .product-detail .product-info-nonpurch .price dd { display: inline; } #content .product-detail .product-info .average-rating { margin-top: 2px; float: right; } #content .product-detail .product-info .average-rating dt, #content .product-detail .product-info .average-rating dd { float: left; margin-left: 1em; } #content .product-detail .product-info .description { padding-bottom: 1em; margin: 1em 0 .5em 0; border-bottom: 3px solid #ccc; } #content .product-detail .product-info-nonpurch .description {padding-bottom: 1em; margin: 1em 0 .5em 0;} #content .product-detail #product-id { float:left; margin:0; } #content .product-detail #tell-friend { float:right; margin:0; } #content .product-detail .product-info .size-select { min-height: 30px; padding: 3px 0 0 0; margin-bottom: 1em; border-bottom: 1px solid #e9e9e9; position: relative; z-index: 5; } #content .product-detail .product-info .size-select label { font-weight: bold; font-size: 1.083em; margin: 4px 30px 0 0; } #content .product-detail .product-info .size-select .button { position: absolute; left: 58px; top: 0; z-index: 2; display: block; width: 162px; padding: 3px; margin-bottom: .5em; background-color: #f3f3f3; border: 1px solid #ccc; color: #333; outline: 0; } #content .product-detail .product-info .size-select .button span { display: block; padding: 2px; height: 14px; background: #fff url(../Images-css/bg-sizeselect-button.gif) right top no-repeat; } #content .product-detail .product-info .size-select .button:hover { border: 1px solid #45729f; background-color: #e2edf8; text-decoration: none; } #content .product-detail .product-info .size-select .button:hover span { background-color: #f1f6fb;} #content .product-detail .product-info .size-select .button.active { border: 1px solid #b4080e; border-bottom: 1px solid #f4272f; background-color: #f4272f; color: #fff; } #content .product-detail .product-info .size-select .button.active span { background-color: transparent; background-position: right -18px; } #content .product-detail .product-info .size-select .sv-flyout-panel { display: none; position: absolute; left: 58px; top: 25px; z-index: 1; width: 395px; padding: 2px; border: 1px solid #b4080e; background-color: #f4272f; color: #333; -webkit-box-shadow: 1px 1px 8px #333; -moz-box-shadow: 1px 1px 8px #333; } #content .product-detail .product-info .size-select .sv-flyout-panel .inner { background-color: #fff; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list { width: 168px; float: left; margin-right: 20px; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li { padding: 5px; border-top: 1px solid #dfdfdf; cursor: pointer; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li:hover { background-color: #da1f26; color: #fff; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li:first-child { border-top: 0; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li.out-of-stock { color: #999; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li.out-of-stock:hover { color: #fa9397; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li span { float: left; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li span.status { float: right; font-size: .917em; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li span.status img { margin: 0 0 0 5px; vertical-align: -2px; } #content .product-detail .product-info .size-select .sv-flyout-panel ul.size-list li span.status a { margin: 0 5px 0 0; } #content #key { float: left; width: 190px; padding-left: 13px; border-left: 1px solid #dfdfdf; margin: 1em 0; position:relative; font-size: .917em; } #content #key h3 { font-size: 1em; font-weight:bold; margin: 0 0 1em 0; } #content #key dl dt { float:left; display:block; clear:left; width:16px; margin-bottom: 5px; color:#999; } #content #key dl dd {width: 164px; float:left; padding-left:8px; margin-bottom: 5px; } #content .product-detail .product-info .availability h3 { font-size: 1.083em; } #content .product-detail .progress { float: right; margin: 2px 10px 0 0; } #content .product-detail .product-info .personalisation-header label{ font-size: 1.083em; } #content .product-detail .product-info .personalisation-header .dropdown { float: left; } #content .product-detail .product-info .personalisation-header .GarmentPersonalisationSelection { margin-left: 30px; } #content .product-detail .product-info .personalisation-header .price { float: right; color: #DA1F26; margin-bottom: 8px; font-size: 1.167em; font-weight: bold; border: none; text-align: right; } #content .product-detail .product-info .personalisation-header .price .progress { float: left; margin-top: 0; } #content .product-detail .product-info .personalisation-options { padding: 10px; border: 1px solid #e9e9e9; background-color: #f8f8f8; font-size: .917em; } #content .product-detail .product-info .personalisation-options .personalise-type { margin-bottom: 1em; } #content .product-detail .product-info .personalisation-options .personalise-type label { margin-right: 16px; } #content .product-detail .product-info .personalisation-options .personalise-number { float: left; width: 60px; } #content .product-detail .product-info .personalisation-options .personalise-name { margin-left: 10px; } #content .product-detail .product-info .personalisation-options .personalise-name, #content .product-detail .product-info .personalisation-options .personalise-name label { float: left; margin-bottom: 1em;} #content .product-detail .product-info .personalisation-options .personalise-name label, #content .product-detail .product-info .personalisation-options .personalise-number label { display: block; margin-bottom: 3px; } #content .product-detail .product-info .personalisation-options .personalise-name p.how { float: right; margin-bottom: 3px; } #content .product-detail .product-info .personalisation-options .personalise-name input { clear: both; float: left; width: 210px; } #content .product-detail .product-info .personalisation-options #premier { clear: both; } #content .product-detail .product-info .personalisation-options .option { margin: 1em 0; } #content .product-detail .product-info .personalisation-options #premier input, #content .product-detail .product-info .personalisation-options #premier label, #content .product-detail .product-info .personalisation-options #premier img { float: left; margin-right: 6px; } #content .product-detail .product-info .personalisation-options #premier img { float: left; margin-right: 6px; } #content .product-detail .product-info .personalisation-options #premier img { border: 1px solid #e9e9e9 !important; } #content .product-detail .product-info .personalisation-options #premier label { width: 208px; } #content .product-detail .product-info #personalise p {padding:1em 0;} #content .product-detail .product-info #personalise label {font-size:1.083em; font-weight:bold;} #content .product-detail .product-info #add-to-basket { padding-bottom: 1em; margin: 1em 0; border-bottom: 3px solid #ccc; } #content .product-detail .product-info #add-to-basket .quantity, #content .product-detail .product-info #add-to-basket .submit, #content .product-detail .product-info-nonpurch #add-to-basket .quantity, #content .product-detail .product-info-nonpurch #add-to-basket .submit { float: left; } #content .product-detail .product-info #add-to-basket .quantity, #content .product-detail .product-info-nonpurch #add-to-basket.quantity { width: 100px; margin: 13px 7px 0 0; } #content .product-detail .product-info #add-to-basket .quantity label, #content .product-detail .product-info-nonpurch #add-to-basket .quantity label { font-weight: bold; font-size: 1.083em; } #content .product-detail .product-info #add-to-basket .quantity input, #content .product-detail .product-info-nonpurch #add-to-basket .quantity input, #content .product-detail .product-info #personalise input { width: 20px; padding: 3px; margin-left: 6px; background: #fff url(/assets/liverpool/images-css/bg-textfield1.gif) left top repeat-x; border: 1px solid #bfbfbf; } #content .product-detail .product-info #personalise input {width:137px;} #content .product-detail .product-info #add-to-basket .submit, #content .product-detail .product-info-nonpurch #add-to-basket .submit{ position: relative; width: 177px; height: 45px; } #content .product-detail .product-info-nonpurch #add-to-basket .submit a {background:url(/assets/liverpool/images/buynow-btn-active.gif); display:block; height:45px; width:178px; text-indent:-999em; display:none; position:absolute; display:none; outline: none;} #content .product-detail .product-info-nonpurch #add-to-basket .submit span { display: block; position: absolute; width:178px; height:45px; outline: none; } #content .product-detail .product-info #add-to-basket .submit .nav-sprite { cursor:pointer; display:none; top:0; left:0; position:absolute; } #content .product-detail .product-info #add-to-basket .delivery-message { float: right; width: 170px; margin: 10px 0 0 12px; font-size: .917em; } .delivery-message-container {clear:both; float:left;} .delivery-message-container p.delivery-message {float:none !important; margin-left:0; width:auto !important;} #content .product-detail .product-info-nonpurch #add-to-basket .delivery-message { float:right; font-size:0.917em; padding:6px 8px 0 12px; width:260px; } #content .product-detail .product-info-nonpurch #add-to-basket {background: url(/assets/liverpool/images-css/bg-buy-now.gif) repeat-x; border-bottom:3px solid #c0c0c0; height:55px; padding:9px 0 0 8px;} #content .product-detail .product-info p.out-of-stock { color: #DA1F26; font-weight: bold; } #content .product-detail .product-info #alternative-purchase, #content .product-detail .product-info-nonpurch #alternative-purchase { padding-bottom: 1em; margin: 1em 0; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 14px; } #content .product-detail .product-info-nonpurch #alternative-purchase {padding:0.3em 0;} #content .product-detail .product-info .tab-bar { padding: 3px 2px 0 2px; background: #f6f6f6 url(/assets/liverpool/images-css/bg-tabbar.png) left bottom repeat-x; font-size: .917em; } #content .product-detail .product-info .tab-bar li { float: left; margin-left: 4px; text-align: center; } #content .product-detail .product-info .tab-bar li a { display: block; padding: 5px 14px 0; height: 17px; background: #fff url(/assets/liverpool/images-css/sprite-tabs.png) 50% -32px no-repeat; font-weight: bold; color: #333; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; outline: 0; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } #content .product-detail .product-info .tab-bar li a:hover { background-position: 50% -4px; text-decoration: none; } #content .product-detail .product-info .tab-bar li a.selected { height: 28px; margin-bottom: -12px; background-position: 50% -56px; border: 0; color: #fff; } #content .product-detail .product-info .tab-bar li a.selected:hover { background-position: 50% -56px; border: 0; color: #fff; } #content .product-detail .product-info .tab-content { padding: 0 10px 20px; min-height: 22em; } #content .product-detail .product-info .tab-content h3 { font-size: 1.167em; } #content .product-detail .product-info-nonpurch .tab-content h3 { font-size: 1.167em; } #content .product-detail .product-info #reviews h3 { float: left; } #content .product-detail .product-info #reviews .average-rating { margin-top: 1em; float: right; } #content .product-detail .product-info #reviews .average-rating dt, #content .product-detail .product-info .average-rating dd { float: left; margin-left: 1em; } #content .product-detail .product-info #reviews ul.review-links { clear: both; } #content .product-detail .product-info #reviews ul.review-links li { float: left; padding: 0 8px; border-left: 1px solid #333; } #content .product-detail .product-info #reviews ul.review-links li.first, #content .product-detail .product-info #reviews ul.review-links li:first-child { padding-left: 0; border-left: 0; } #content .product-detail .product-info #reviews .review-content { margin: 1em 0; border-bottom: 1px solid #e9e9e9; } #content .product-detail .product-info #reviews .review-content li { padding: 1em 10px; margin: 0 -10px; border-top: 1px solid #e9e9e9; } #content .product-detail .product-info #reviews .review-content li .meta { float: left; width: 100px; font-size: .917em; } #content .product-detail .product-info #reviews .review-content li .meta .star-rating { margin-bottom: 8px; } #content .product-detail .product-info #reviews .review-content li .meta p { margin-bottom: 6px;} #content .product-detail .product-info #reviews .review-content li .review-text { float: right; width: 345px; } #content .product-detail .product-info #reviews .review-content li .review-text h4 { font-size: 1em; } .noscript-go { margin-top:-5px;} img.cross { margin-bottom:-2px;} #matrix {} table#availability-matrix { float: left; margin-right: 2em; } table#availability-matrix th {padding:0.4em 0.6em; border:1px solid #e4e4e4; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0; color:#000;} table#availability-matrix td {padding:0.6em 0.5em; border:1px solid #e4e4e4; text-align: center; font-size: .917em; color: #999; } table#availability-matrix {border-collapse:collapse; margin-left:0.1em; } table#availability-matrix tfoot { display:none;} table#availability-matrix tbody tr th { background:none !important; } table#availability-matrix tr td a {position:relative; padding:0 .5em;} table#availability-matrix tr td img { vertical-align: -2px; } table#availability-matrix th#sizes { text-indent:-999em;} h3#matrix-header{clear:both;padding-top:1em;display:inline;} /* Added to basket overlay */ #added-to-basket .panel { padding-bottom: 0; color: #333; } #added-to-basket .panel .thumb { float: left; padding: 1px; margin: 0 12px 12px 0; border: 1px solid #dadada !important; } #added-to-basket .panel .details { float: left; } #added-to-basket .panel .details h4 { font-size: 1.167em; } #added-to-basket .panel .details .price { font-weight: bold; font-size: 1.167em; color: #505050; } #added-to-basket .panel .cross-sell { clear: both; margin: 1em 0; padding-top: 1em; border-top: 1px solid #e9e9e9; } #added-to-basket .panel .cross-sell ul { margin-left: -40px; } #added-to-basket .panel .cross-sell ul li { margin-left: 40px; float:left; } #added-to-basket .panel .cross-sell ul li .thumbnail img { width: 73px; height: 73px; } #added-to-basket .panel .footer { padding: 14px 10px; margin: 0 -10px; background-color: #eee; border-top: 1px solid #d7d7d7; } #added-to-basket .panel .footer .continue { float: left; } #added-to-basket .panel .footer .checkout { float: right; } #added-to-basket .panel .footer a { font-size: 1.333em; font-weight: bold; text-decoration: none; } #added-to-basket .panel .footer a:hover { text-decoration: underline; } /* Write a review overlay */ #add-review .panel, #redirect-warning .panel { padding-bottom: 0; color: #333; min-height: 10em; } #add-review .panel .footer, #redirect-warning .panel .footer { padding: 14px 10px; margin: 0 -10px; background-color: #eee; border-top: 1px solid #d7d7d7; } #add-review .panel .footer .submit { } /* Redirect Warning overlay */ #redirect-warning .panel p span {color:#bc1a25;} #redirect-warning .panel .footer li.stay{float:left;} #redirect-warning .panel .footer li.continue {float:right;} #redirect-warning .panel .footer li a {font-size:1.333em; font-weight:bold; text-decoration:none;} #redirect-warning .panel .footer a:hover { text-decoration: underline; } /* Product reviews page */ #content .review-list .product-info { margin-left: 10px; width: 600px; min-height: 400px; } #content .review-list .product-info p.back { margin-top: 1em; } #content .review-list .product-info #reviews ul { margin: 0 10px; } /* Kit home */ #kit-home { padding-left:1em; } #kit-home h1 { margin-bottom:0.2em; } #kit-home #kit-cat { float:left; width:56.7em; } #kit-home #kit-cat a { color:#cc3333; } #kit-home #kit-cat ul.kit-row { border-top:1px solid #e4e4e4; margin-bottom:2em; } #kit-home #kit-cat .img-box { height:14em; background:#fff; border-left:1px solid #e4e4e4; text-align:center;} #kit-home #kit-cat .img-box a { height:14em; display:block;} #kit-home #kit-cat .title-box { height:6.5em; padding:0.5em 1em; overflow:hidden; border-left:1px solid #ccc; background:#C1C1C1 url(/assets/liverpool/images/bg-kit-grad.gif) repeat-x 0 0; } #kit-home #kit-cat ul li.promo { float:left; width:17.5em; } #kit-home #kit-cat ul li.promo h3 { margin:0; font-size:1.8em; text-align:center; font-weight:normal; } #kit-home #kit-cat ul li.promo p a { color:#065694; } #kit-home #kit-cat ul li.normal { float:left; width:10.6em; overflow:hidden; } #kit-home #kit-cat ul li.normal h3 { font-size:1.2em; margin:0; text-align:center; } #kit-home #side-image { float:right; width:300px; overflow:hidden; text-align:right;} #kit-list ul.listing li.hero {width:33.9%;} #kit-list ul.listing li.hero img {width:228px; height:228px;} #kit-list ul.listing li.hero .inner { height:60em; border-bottom:none; } #kit-wrap ul.listing li.hero .info-wrap { background:#ccc; background:#ececec url(/assets/liverpool/images/bg-info-wrap2.gif) repeat-x 0 0; width: 100%; } #kit-wrap ul.listing li.hero h2 {font-size:2.4em; font-family:Arial, Sans-Serif; font-weight:normal; width: auto; padding: 0 4px;} #kit-wrap ul.listing li.hero p { margin-top:1em; font-size:1.4em; width:35%; text-align:right; float:right; padding:0.5em 1.6em 0 0; font-weight:bold; } #kit-wrap ul.listing li.hero p.price { margin-top:0; text-align:left; padding-left:1.6em; float:left; } #kit-wrap ul.listing li.hero p.price span.cur { color:#CB2026; font-size:2em; font-weight:bold; line-height:1em; } #kit-wrap ul.listing li.hero p.price span.prc { display:block; text-transform:uppercase; font-size:0.7em; font-weight:bold; color:#333;} /* Kit detail */ #kit-detail { background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 6.5em; } #kit-detail .indent { margin-left:1em;} #kit-detail #product-id { font-size:1.2em; float:left; margin:0; } #kit-detail #tell-friend { font-size:1.2em; float:right; margin:0; } #kit-detail #product-info-col {width:64.8em; overflow:hidden; margin-top:1.7em; float:left; clear:left; position:relative; } #kit-detail #product-info-col h3 {clear:both; margin:1em 0; text-transform:uppercase; font-size:1.2em; color:#000; } #kit-detail #product-info-col p {font-size:1.2em; } #kit-detail #product-info-col p.indent {margin-bottom:.5em; /*height: 2.25em;*/} #kit-detail #product-info-col #buy-now {width:23.3em; float:right; } #kit-detail #product-info-col #buy-now .inner {border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:31.5em;} #kit-detail #product-info-col #buy-now select.name {width:14em;} #kit-detail #product-info-col #buy-now h3 {text-transform:uppercase; font-size:1.2em; color:#CB2026; margin:0.2em 0.6em; } #kit-detail #product-info-col #buy-now dl { padding:0.8em; background:url(/assets/liverpool/images/price-grad.gif) repeat-x 0 0; border-width:1px 0; border-style:solid; border-color:#e4e4e4; } #kit-detail #product-info-col #buy-now dl dt {text-transform:uppercase; font-size:1em; font-weight:bold; color:#333; } #kit-detail #product-info-col #buy-now dl dd { color:#CB2026; font-size:2.8em; font-weight:bold; line-height:1em;} #kit-detail #product-info-col #buy-now dl.was { padding:0.8em; background:url(/assets/liverpool/images/price-grad.gif) repeat-x 0 0; border-width:1px 0; border-style:solid; border-color:#e4e4e4; } #kit-detail #product-info-col #buy-now dl.was dt {text-transform:uppercase; display:inline; font-size:1em; font-weight:bold; color:#333; } #kit-detail #product-info-col #buy-now dl.was dd { color:#000; font-size:1.35em; display:inline; font-weight:normal; line-height:1em;} #kit-detail #product-info-col #buy-now ul { padding:0.8em; border-bottom:1px solid #e4e4e4; } #kit-detail #product-info-col #buy-now ul li {margin-bottom:0.8em;} #kit-detail #product-info-col #buy-now ul li select {width: auto;} #kit-detail #product-info-col #buy-now ul li ul { padding:0; border-bottom:none; } #kit-detail #product-info-col #buy-now ul li ul li {margin-bottom:0;} #kit-detail #product-info-col #buy-now label {text-transform:uppercase; font-size:1.2em; font-weight:bold; display:block;} #kit-detail #product-info-col #buy-now #add-to-basket {padding:0.8em; } #kit-detail #product-info-col #buy-now #add-to-basket p { margin-top:1em; text-align:center; color:#8C8C8C;} #kit-detail #product-info-col #buy-now #add-to-basket p.out-of-stock { margin-top:0em; font-size:1.1em; padding:0 1.5em; font-weight:bold; color:#000;} #kit-detail #product-info-col #buy-now #your-shirt h2 { padding: 4px 0 11px 9px; height: 18px;} #kit-detail #product-info-col #product-info {width:41.5em; overflow:hidden; float:left; margin-top:0.6em;} * html #kit-detail #product-info-col #product-info {width:29.8em;} #kit-detail #product-info-col #product-info h3 {margin-top:0;} #kit-detail #product-info-col .personalise { padding:1em 0 1em 1em; border-top:1px solid #e4e4e4; background:url(/assets/liverpool/images/price-grad.gif) repeat-x 0 0; } #kit-detail #product-info-col .personalise p.progress { position: absolute; top: 35px; left: 3px; } #kit-detail #product-info-col .personalise ul li {float:left; margin-right:1em; position:relative; } #kit-detail #product-info-col .personalise ul li label { display:block; text-transform:uppercase; font-size:1.2em; color:#333; font-weight:bold; } #kit-detail #product-info-col .personalise ul li p { font-size:1em; } #kit-detail #product-info-col .red-chevron {margin-bottom:1.5em; padding-top: 6px;} #kit-detail #product-info-col .red-chevron select {margin-bottom:0.5em} #kit-detail #product-info-col .personalise ul li p.how { position:absolute; top:0; right:0; } #kit-detail #product-info-col .personalise ul li p#validator { margin-top:1em;} #kit-detail #product-info-col .personalise ul li#add-to-basket-btn {float:right; margin-top:0.6em; margin-right:0.3em; } #kit-detail #product-info-col .personalise ul li input.name { width:17em; } #kit-detail #product-info-col .personalise ul li select#size { width:10em; } #kit-detail #product-info-col .personalise #premier dl { float: right; width: 210px; padding-left: 6px; margin-bottom: 6px; padding-right: 13.5em;} #kit-detail #product-info-col .personalise #premier dl dt { margin-left:0.3em; text-transform:uppercase; font-size:1.2em; color:#333; font-weight:bold; } #kit-detail #product-info-col .personalise #premier dl dd input { float: left; } #kit-detail #product-info-col .personalise #premier dl dd label {text-transform:none; display:inline; font-size:1.2em; float: right; width: 175px; padding-top: 4px; padding-right: 6px;} #kit-detail #product-info-col .personalise #premier p { margin-left:2.4em; margin-bottom:0; color:#777; font-size:1em; } #kit-detail #product-info-col .personalise #premier img { float: left; } #kit-detail #product-info-col p#cost { margin-bottom:2em; margin:0; padding:1.2em 0.8em; background:url(/assets/liverpool/images/viewmore-grad.gif) repeat-x 0 0; height: 51px;} #kit-detail #product-info-col table { border-collapse:collapse; } #kit-detail #product-info-col #choices {height:3em; width:100%; position:relative;} #kit-detail #product-info-col table th {padding:0.4em 0.6em; border:1px solid #e4e4e4; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0; color:#000;} #kit-detail #product-info-col table td {padding:0.4em 0.6em; border:1px solid #e4e4e4; vertical-align:top;} #kit-detail #image-col { width:31.2em; overflow:hidden; margin-top:1.7em; float:right; clear:right; padding-top:0.8em;} #kit-detail #image-col .inner { border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #kit-detail #image-col #image { overflow:hidden; } #kit-detail #image-col #image img {} #kit-detail #image-col #zoomButtons #image img { display:inline;} #kit-detail #image-col #image h4 { margin:1px 0 0 0; padding:0.6em 1em; font-size:1.2em; font-weight:normal; background:url(/assets/liverpool/images/viewmore-grad.gif) repeat-x 0 0;} #kit-detail #image-col #image ul { position:relative; border-top:1px solid #e4e4e4; padding:1em; background:url(/assets/liverpool/images/price-grad.gif) repeat-x 0 0;} #kit-detail #image-col #image ul li { float:left; margin-right:1em; } #kit-detail #image-col #image input.button { padding:0; position:absolute; top:-2.9em; right:0.7em;} #zoomButtons {padding-left:.25em;overflow:hidden;} #zoomButtonsInstructions {padding-left:.25em; margin-top:1em; text-align:left;} /*Zoom 2.0 of LFC*/ div.zoomdiv {z-index:9999; position:absolute!important; top:0px; left:437px; width:470px; height: 470px; background: #ffffff url('/Assets/Liverpool/Images-css/ajax-loader.gif') center center no-repeat; display:none; text-align: center; overflow: hidden; border:1px solid #999;box-shadow:0 5px 10px #666; -webkit-box-shadow:0 5px 10px #666; -moz-box-shadow:0 5px 10px #666;} div.zoomdiv {width:960px;height:960px;left:-11px;} #image .mousewheel {overflow:hidden;position:relative;} #image .mousewheel img, .images div.mousewheel img {position:absolute; top:0; left:0;} #image .mousewheel div.jqZoomPup {z-index:10; visibility:hidden; position: absolute; top:0px; left:30px; cursor:crosshair;} #image .mousewheel div.shadow{width:90px; height:70px; border: 1px solid #1d2b47; background:#1d2b47; opacity: 0.2; -moz-opacity:0.2; -khtml-opacity:0.2; filter:alpha(Opacity=20); max-width:299px; max-height:299px;} a.control {background: transparent url(/Assets/Liverpool/Images-css/sprite-zoom_buttons.png) scroll 0 0 no-repeat; text-indent:-9999em; outline:0 none;height:44px; width:25px;} a.prev:hover { background-position:0 -50px;} a.next {background-position:-30px 0;} a.next:hover {background-position:-30px -50px;} a.reset, a.close, a.zoom {height:29px; width:63px;} a.reset {background-position:-128px 0;} a.reset:hover {background-position:-128px -35px;} a.close {background-position:-60px 0;} a.close:hover {background-position:-60px -35px;} a.zoom {background-position:-60px -68px;} a.zoom:hover {background-position:-128px -68px;} #image div a.control {display:block; z-index:5; position:absolute;top:50%; left:0px; margin-top:-13px;} #image div a.next {right:0px; left:auto; } #image div a.reset, #image div a.zoom {top:12px;right:50%; left:auto; margin-right:-31px;} #image div a.zoom {top:auto; bottom:12px;} div.zoomdiv {cursor:url(/Assets/Liverpool/Images-css/icon-mag_zoom.png) 0 0, pointer;} div.zoomdiv a.control {display:block; z-index:5; position:absolute; top:5px; right:40px;} div.zoomdiv a.next {right:10px;} div.zoomdiv a.close {top:15px!important;right:3px; left:auto!important;} div.zoomdiv a.reset {right:120px; top:15px!important;} div.zoomdiv div.zoom-icon {width:16px; height:16px; position:absolute; top:0; right:0; background: transparent url(/Assets/Liverpool/Images-css/icon-mag_zoom.png) scroll 0 0 no-repeat; margin-top:-4px; margin-left:-4px; cursor:none;} #image div.mousewheel ul.buttons {position:absolute; top:35px!important; right:10px; left:auto!important; margin-top:0;} #image div.mousewheel ul.buttons li {float: right; clear:right;padding-bottom:10px; margin-right:0;} #image div.mousewheel ul.buttons img {position:static; display:block;} #image #cover {position:fixed;top:0; right:0; bottom:0; left:0; height:100%; width:100%;background: transparent /*pink*/ url(/Assets/Liverpool/Images-css/transparent.gif); z-index:5;} /*Webkit css*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #image div.mousewheel ul.buttons {right:5px;} } /* Kit added */ #kit-added { background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 6.5em; padding:0 1em;} #kit-added #product-id { font-size:1.2em; float:left; margin:0; } #kit-added #tell-friend { font-size:1.2em; float:right; margin:0; } #kit-added #item-added { width:29.8em; float:left; overflow:hidden; } #kit-added #item-added .inner { } #kit-added #item-added h2 { font-size:1.8em; font-weight:normal; } #kit-added #item-added p { font-size:1.4em; } #kit-added #item-added p a { font-size:0.8em; } #kit-added #item-added p a.large { font-size:1.4em; display:block;} #kit-added #item-added dl { margin-top:4em;} #kit-added #item-added dt { margin-bottom:0.5em; font-size:1.2em; font-weight:bold; text-transform:uppercase; color:#555; } #kit-added #item-added dd { font-size:1.2em; } #kit-added #product-img { padding:0.8em 0; margin:0.8em 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #kit-added #product-img img {display:block;} #kit-added #whole-kit { width:45em; float:right; margin-top:1em; } #kit-added #whole-kit .inner { border-left:1px solid #e4e4e4; min-height:48em; } * html #kit-added #whole-kit .inner { height:48em; } #kit-added #whole-kit #product-others .inner { border-left:none; } #kit-added #whole-kit ul li { float:left; margin-right:0; height:18em; } #kit-added #whole-kit ul li ul li { height:auto; border:none;} /* CMS Content */ #cms-content {padding:1em 1em 0 1em;} #cms-content h2, #cms-content h1 {padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #cms-content p { font-size:1.2em;} #cms-content table { width:100%; clear:both; border-collapse:collapse;margin-bottom:2em;background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0;} #cms-content table th { padding:0.6em 1em; text-align:left; border:1px solid #e4e4e4;} #cms-content table thead th { color:#000; font-size:1.2em; font-weight:bold; } #cms-content table thead th.column1 {width:33%;} #cms-content table thead th.column2 {width:50%;} #cms-content table thead th.column3 {width:25%;} #cms-content table td { padding:0.6em 1em; border:1px solid #e4e4e4; font-size:1.2em; vertical-align:top;} #checkout-basket table td .textfield { width:2em;} #cms-content ul {padding-left:1.5em; margin:1em 0;font-size:1.2em;} #cms-content ol {padding-left:2em;margin:1em 0;font-size:1.2em;} #cms-content ul li { list-style-type:disc;} #cms-content ol li { list-style-type:decimal;} /*Checkout basket*/ #checkout-basket { padding:0 1em; position:relative ;} #checkout-basket .basket-promo-panels li{ float:left;width:33%;} #checkout-basket #discount-code { float:right; width:29em; text-align:right;} #checkout-basket #discount-code label { float:left; text-align:left;} #checkout-basket #discount-code label span { display:block;} #checkout-basket #update-basket { clear:both; } #checkout-basket #basket-wrap {position:relative; padding-bottom:0em; clear:both; padding-top:0em;} #checkout-basket table {width:100%; clear:both; border-collapse:collapse; margin-bottom:1em;} #checkout-basket table th {padding:0.6em 1em; text-align:left; border:1px solid #e4e4e4;} #checkout-basket table thead th { color:#000; font-size:1.2em; font-weight:bold; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0;} #checkout-basket table th.item { width:28em;} #checkout-basket table th#quantity { width:7em;} #checkout-basket table th#price { width:7em;} #checkout-basket table th#total { width:8em;} #checkout-basket table td { padding:0.6em 1em; border:1px solid #e4e4e4; font-size:1.2em; vertical-align:top;} #checkout-basket table tr.discount td { font-size:1.2em;} #checkout-basket table tr.discount th { font-size:1.2em;} #checkout-basket table td h2, #checkout-basket table td h3 {font-size:1em; margin:0;} #checkout-basket table td ul li { float:left; margin-right:0.3em;} #checkout-basket table td p.out-of-stock { color:#cc0000; clear:both;} /* Is the above content referenced elsewhere? SA - Nov 2010 */ /* Basket top banners */ .basket .delivery-upsell { margin : 10px 5px 5px 5px; } .basket .delivery-upsell li { float:none; display : block; width : auto; margin : 5px; padding : 0.8em; text-align : center; font-size : 1.3em; font-weight:bold; color: #fff; background : #da1f26 !important; } .basket .delivery-upsell li a { color : #fff; text-decoration : underline; font-weight:normal; } #empty-basket { clear:both; margin: 10px; min-height: 190px; padding-top: 10px;} #empty-basket a { font-size: 1.6em; font-size: 1.6em;} #fancard-banner { border-top:1px solid #E4E4E4;width: 100%;height: 90px;position: relative;margin-bottom: 20px;} #fancard-banner input.image { float: left; padding-right: 10px; } #fancard-banner h3 {margin: 6px 0 4px 270px;} #fancard-banner p, #fancard-banner ul {margin-left: 270px;width: 350px;font-size: 1.1em;} #fancard-banner ul li { float: left ;margin-right: 20px;} #fancard-banner input.join-now {position: absolute;right: 20px;top: 10px;} #content #checkout-basket table thead th.qty {width:5em;} .delete-button { margin-bottom:-3px;} #fancard-banner p.saving { padding: 6px 0;} #checkout-basket table td .textfield { width:2em;} #checkout-basket table td.price { padding:0.4em; text-align:right; font-size:1.8em; font-weight:bold;} #checkout-basket table td.total-price { padding:0.4em; text-align:right; font-size:1.8em; font-weight:bold; color:#000;} #checkout-basket table tfoot th { padding:0.4em; font-size:1.8em; color:#000; text-align:right;} #checkout-basket table tfoot th.empty { border:none; font-size:1.2em; text-align:left; font-weight:normal; color:#444444; vertical-align:bottom;} #checkout-basket table tfoot th.empty p { margin:0;} #checkout-basket table tfoot td { padding:0.4em; font-size:2em; font-weight:bold; color:#CB2026; text-align:right;} #checkout-basket ul.buttons {clear:both; text-align:right; padding-top:1em; border-bottom:1px solid #e4e4e4; width:100%;} #checkout-basket ul.buttons li {text-align:right; float:right; display:block; margin-left:.5em; } #checkout-basket ul.buttons li.update { margin-top:.25em;} #checkout-basket #more-info {position:absolute; bottom:1em; left:1em;} #checkout-basket #more-info p { font-size:1.2em; margin-bottom:0;} #checkout-basket #empty-basket { height:10em; padding:1em; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0; } #checkout-basket #empty-basket h3 { font-size:1.8em; font-weight:normal;} #checkout-basket #empty-basket p { font-size:1.2em;} #checkout-basket #quickshop { padding:1.2em 0 0.8em 0; position:relative; margin-bottom:3.5em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #checkout-basket #quickshop.basket { padding:1.2em 0 0.6em 0; } #checkout-basket #quickshop h3 { float:left; display:inline; margin:0; margin-right:0.6em; } #checkout-basket #quickshop label {float:left; font-size:1.2em; margin:0 0.6em;} #checkout-basket #quickshop .textfield {float:left; width:10em; border:1px solid #999;} #checkout-basket #quickshop .search-btn-error {float:left; margin-left:0.8em;} #checkout-basket #quickshop select {float:left;} .alert.basketalert { margin-bottom:4em;} .upsell-product #validation { position:relative;} .upsell-product #validation .alert {clear:both; width:42em; } p.quickshop-instruction { font-size:1.1em;} #checkout-basket span.item-added { display:block; font-size:1.8em; margin-bottom:1em; } #checkout-basket p.quickshop { font-size:1.2em; padding:1em 0; margin-bottom:3.5em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #checkout-basket .promo-code { position:relative; overflow:hidden; float:right; margin-top:-10em; width:27em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -40px; } #checkout-basket .promo-code p.top { padding:0.4em; font-size:1.2em; margin:0; position:relative; border-bottom:1px solid #e4e4e4; clear:both; } #checkout-basket .promo-code .textfield {float:left; width:14em; border:1px solid #999; margin-top:1em; margin-left:0.8em;} #checkout-basket .promo-code .search-btn-error {float:left; margin:1em 0 .6em 0.8em;} #checkout-basket .promo-code p.bottom { padding:0.4em 0.8em; border-top:1px solid #e4e4e4; margin:0; clear:both; } /* Sign in */ #signin {padding:1em ;} #signin h1 {padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #signin .inner { padding:0 0 1em 0; } #signin input.textbox { width:24.6em; border:1px solid #999; padding:0.3em 0.2em;} #signin p { font-size:1.2em;} #signin #email { padding-bottom:1.5em; } #signin #email label { display:block; font-size:1.8em; margin-bottom:0.5em;} #signin #signin-wrap #existing-customer {padding-bottom:1em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em;} #signin #signin-wrap ul { } #signin #signin-wrap ul li { padding:1em;} #signin #existing-customer label { font-size:1.4em; } #signin #signin-wrap ul li#baseline { border-bottom:1px solid #e4e4e4; } #signin #signin-wrap #password {padding-top:0; padding-left:3.2em; padding-bottom:1em;} #signin #signin-wrap p { display:inline; } #signin input.continue {float:right;} /* Forgotten password */ #forgotten-password { padding:1em 1em 0 1em;} #forgotten-password h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #forgotten-password p {font-size:1.2em} #forgotten-password label { font-size:1.2em;} #forgotten-password .textbox { width:24.6em; border:1px solid #999; padding:0.3em 0.2em;} /* Password reset */ #password-reset { padding:1em 1em 0 1em;} #password-reset h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #password-reset p {font-size:1.2em;} #password-reset #reset-form { width:43em; } #password-reset #reset-form fieldset { padding:1em 0 0 1em; margin-bottom:1.3em; border-top:1px solid #e4e4e4; padding-bottom:1em; border-bottom:1px solid #e4e4e4; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #password-reset #reset-form .formrow {float:left; width:21.7em; padding-bottom:0.8em; min-height:4.3em; } #password-reset #reset-form .formrow label {display:block; font-size:1.2em; margin-bottom:0.2em;} #password-reset #reset-form input.textfield { width:20.4em; border:1px solid #999; padding:0.3em 0.2em;} #password-reset #reset-form ul.buttons {text-align:right; clear:both;} #password-reset #reset-form ul.buttons li {display:inline;} /* Delivery */ #delivery { padding:1em 1em 0 1em;} #delivery h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #delivery #delivery-address { float:left; width:45em; margin-bottom:2em;} #delivery #delivery-address h2 { font-size:1.8em; font-weight:normal; margin-top:0;} #delivery #delivery-address h3 { font-size:1.2em; color:#000; margin:1em 0;} #delivery #delivery-address p { font-size:1.2em; margin-top:1em;} #delivery #delivery-address #add-wrap { padding:1.5em 1em 2.5em 1em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} #delivery #delivery-address dl#add { float:left; width:16em; margin-right:1em; border-right:1px solid #e4e4e4;} #delivery #delivery-address dl#add dt {font-size:1.4em; font-weight:bold; text-transform:capitalize; } #delivery #delivery-address dl#add dd { font-size:1.4em; text-transform:capitalize;display:block; } #delivery #delivery-address dl#del { float:left; width:25.5em;} #delivery #delivery-address dl#del dt { font-size:1.4em; font-weight:bold; color:#000; } #delivery #delivery-address dl#del dd { margin-top:0.5em; font-size:1.4em; display:block; } #delivery #delivery-address dl#del dd p { font-size:0.8em; text-transform:none; margin:0;} #delivery #delivery-address dl.alt dt { font-size:1.2em; font-weight:bold; display:inline; clear:right; } #delivery #delivery-address dl.alt dd { font-size:1.2em; display:inline; } #delivery #delivery-address .textbox { font-size:1.4em;} #delivery #basket-summary { float:right; width:27.5em;} #delivery #basket-summary h3 { margin-top:0.3em; margin-bottom:1.3em; font-weight:normal;} #delivery #basket-summary table { width:100%; clear:both; border-collapse:collapse;} #delivery #basket-summary table th { padding:0.4em; text-align:left; border:1px solid #e4e4e4; border-top:none; font-weight:normal;} #delivery #basket-summary table thead th { color:#000; font-size:1em; font-weight:bold; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0;} #delivery #basket-summary table th.empty { border:none;} #delivery #basket-summary table th.item { width:60%;} #delivery #basket-summary table td { padding:0.4em; border:1px solid #e4e4e4;} #delivery #basket-summary table td h3 { font-size:1em;margin:0;} #delivery #basket-summary table td ul li { float:left; margin-right:0.3em;} #delivery #basket-summary table td p.out-of-stock { color:#cc0000; clear:both;} #delivery #basket-summary table th#total { color:#000; font-weight:bold;} #delivery #basket-summary table td#price { color:#CB2026; font-weight:bold;} #delivery ul.buttons {clear:both; text-align:right; padding-top:1em; border-bottom:1px solid #e4e4e4; width:100%; margin-bottom:1em;} /*Payment*/ #payment {padding:1em 1em 0 1em;} #payment h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #payment ul.buttons {clear:both; text-align:right; padding-top:1em; border-bottom:1px solid #e4e4e4; width:100%; margin-bottom:1em;} #payment #payment-details { width:45em; float:left; position:relative;} #payment #payment-details h2 { font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #payment #payment-details h3 { font-size:1.4em;} #payment #payment-details .textfield input {width:20em;} #payment #payment-details #e-voucher {padding-bottom:1.5em; border-bottom:1px solid #e4e4e4; margin-bottom:1em; } #payment #payment-details #e-voucher h3 { margin-bottom:0.5em;} #payment #payment-details #e-voucher label { font-size:1.4em; } #payment #payment-details #payment-form { padding:1.5em 1em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #payment #payment-details #payment-form label { display:block; font-size:1.2em; margin-top:0.4em; margin-bottom:0.2em;} #payment #payment-details #payment-form label a {margin-left:1em; font-size:0.8em;} #payment #payment-details #payment-form img { position:absolute; top:0.5em; right:0;} #payment #payment-details #card-options { padding:1.5em 1em; } #payment #payment-details #card-options label { display:block; font-size:1.2em; margin-top:0.4em; margin-bottom:0.2em;} #payment #payment-details #card-options label a {margin-left:1em; font-size:0.8em;} #payment #membership {float:right; width:27.5em; } #payment #payment-details #billing-address { position:absolute; top:5em; right:0; width:16em; padding:0 2em; border-left:1px solid #e4e4e4;} #payment #payment-details #billing-address h3 { color:#000;} #payment #payment-details #billing-address p { font-size:1.2em; margin:0; margin-top:0.5em; line-height:1.2em;} #payment #payment-details #billing-address dl { margin-bottom:1em;} #payment #payment-details #billing-address dl dt { font-size:1.4em; text-transform:capitalize;} #payment #payment-details #billing-address dl dd { font-size:1.4em; text-transform:capitalize;} #payment #basket-summary {float:right; width:27.5em;} #payment #basket-summary h3 { margin-top:0.3em; margin-bottom:1.3em; font-weight:normal;} #payment #basket-summary table { width:100%; clear:both; border-collapse:collapse;} #payment #basket-summary table th { padding:0.4em; text-align:left; border:1px solid #e4e4e4; border-top:none; font-weight:normal;} #payment #basket-summary table thead th { color:#000; font-size:1em; font-weight:bold; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0;} #payment #basket-summary table th.empty { border:none;} #payment #basket-summary table th.item { width:60%;} #payment #basket-summary table td { padding:0.4em; border:1px solid #e4e4e4;} #payment #basket-summary table td h3 { font-size:1em;margin:0;} #payment #basket-summary table td ul li { float:left; margin-right:0.3em;} #payment #basket-summary table td p.out-of-stock { color:#cc0000; clear:both;} #payment #basket-summary table th#total { color:#000; font-weight:bold;} #payment #basket-summary table td#price { color:#CB2026; font-weight:bold;} #payment #delivery-details { float:right; width:27.5em; border-bottom:1px solid #e4e4e4; margin-bottom:2em;} #payment #delivery-details h3 { font-weight:normal;} #payment #delivery-details dl { border-top:1px solid #e4e4e4; padding-top:0.5em;} #payment #delivery-details dt { font-size:1.2em; float:left; clear:left; width:8em; } #payment #delivery-details dd { font-size:1.2em; float:right; clear:right; text-align:left;width:13em; text-transform:capitalize;} #payment #delivery-details p { font-size:1.2em; clear:both; margin-left:10em; } /*Review order*/ #review-order {padding:1em 1em 0 1em;} #review-order h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #review-order p.instruction {font-size:1.2em; margin-bottom:1.4em;} #review-order table {width:100%; clear:both; border-collapse:collapse;margin-bottom:2.5em; } #review-order table th {padding:0.6em 1em; text-align:left; border:1px solid #e4e4e4;} #review-order table thead th { color:#000; font-size:1.2em; font-weight:bold; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0;} #review-order table th.item {width:70%;} #review-order table td {padding:0.6em 1em; border:1px solid #e4e4e4; font-size:1.2em; vertical-align:top;} #review-order table td h2 { font-size:1em;margin:0;} #review-order table td ul li { float:left; margin-right:0.3em;} #review-order table td p.out-of-stock { color:#cc0000; clear:both;} #review-order table td span { display:block; font-weight:bold; font-size:1.2em; color:#333; } #review-order table td p { font-size:1em; margin:0;} #review-order table td .textfield {width:2em;} #review-order table td.price {padding:0.4em; text-align:right; font-size:1.8em; font-weight:bold;} #review-order table td.total-price {padding:0.4em; text-align:right; font-size:1.8em; font-weight:bold; color:#000;} #review-order table tfoot th { padding:0.4em; font-size:1.4em; color:#000; text-align:right;} #review-order table tfoot th#total {font-size:1.8em;} #review-order table tfoot th.empty {border:none; font-size:1.2em; text-align:left; font-weight:normal; color:#444444; vertical-align:top;} #review-order table tfoot th.empty p {margin:0;} #review-order table tfoot td {padding:0.4em; font-size:2.8em; font-weight:bold; color:#CB2026; text-align:right;} #review-order #details {position:relative;} #review-order #more-info { position:absolute; top:-16em; left:0;} #review-order #more-info p {font-size:1.2em; margin-bottom:0;} #review-order #billing-details { float:left; } #review-order #delivery-details { float:right; } #review-order .details-box { width:36.5em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 0; padding-bottom:3em; } #review-order .details-box h3 { border-bottom:1px solid #e4e4e4; font-size:1.8em; font-weight:normal; padding:0 0.5em 0.5em 0.5em; margin:0.5em 0; } #review-order .details-box dl { padding:0 1em;} #review-order .details-box dl#billing { border-top:1px solid #e4e4e4; padding-top:1em;} #review-order .details-box dt { font-size:1.2em; float:left;clear:left;width:10em; } #review-order .details-box dd { font-size:1.2em; float:right;clear:right; text-align:left;width:18em; } #review-order .details-box p { font-size:1.2em; clear:both; margin-left:11.3em; } #review-order .details-box p .linkLookingButton { font-size:1em;} #review-order p.billing {margin-left:11.5em;font-family:Arial, Sans-Serif; font-size:1.2em;} #review-order ul.buttons {clear:both; padding:2em 0; border-top:1px solid #e4e4e4; width:100%;} #review-order ul.buttons li {float:right;} #review-order ul.buttons li.terms {float:left; font-size:1.2em;} #review-basket { position:relative; clear: left;} #review-basket #discount-info { position:relative; top:-12em; font-size:1.2em; } /* Confirmation */ #confirm {padding:1em 1em 0 1em;} #confirm h1 { background:#F9F9F9 url(../Images-css/bg-basket-summary.png) repeat-x scroll 0 0; border-bottom:3px solid #C0C0C0; clear:both; margin-bottom: 20px; width:920px; padding: 20px 10px;} #confirm p { font-size:1.2em; width: 630px; float: left;} #confirm p.print-page { width: auto; position: absolute; top: 97px; right: 83px;} #confirm ul#next-action { float: right; padding-left: 10px; width: 300px;} #confirm ul#next-action li { padding-bottom: 1em;} #confirm ul#next-action a { font-size: 1.6em; font-weight: bold;} #confirm ul#next-action li a.sv-print { display: none; } /* shown by JS */ #confirm #details { position:relative;} #confirm #more-info { width: 230px; float: left; padding-top: 20px;} #confirm #more-info dl {padding-top: 8px; padding-left: 10px;} #confirm #more-info dt { font-size:1.6em; display: block; padding-bottom: 6px;} #confirm #more-info dd { font-size:3.6em; font-weight:bold; display: block; padding-bottom: 12px;} #confirm #billing-details { float:left;} #confirm #delivery-details { float:right; } #confirm .details-box { width:350px; padding-bottom:3em; padding-top: 20px; } #confirm .details-box h3 { font-size:1.6em; font-weight:normal; padding: 0.5em; margin:0 0 0.5em 0; background: #E6E6E6; } #confirm .details-box dl { padding:0 1em; line-height: 1.667em;} #confirm .details-box dl#billing { padding-top:1em; margin-top:1em; clear: left;} #confirm .details-box dt { font-size:1.2em; float:left; clear:left; width:110px; } #confirm .details-box dd { font-size:1.2em; float:right; clear:right; text-align:left;width:170px;} #confirm .details-box p { font-size:1.2em; clear:both; margin-left:11.7em; } #confirm dd.customer-name, #confirm dd.cardholder-name { font-weight: bold; } #confirm ul.buttons { clear:both; text-align:right; padding-top:1em; border-top:1px solid #e4e4e4;width:100%;} #confirm p#return { clear:both; text-align:right; font-weight:bold; } /* Register */ #register { padding:1em 1em 0 1em;} #register h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #register .terms { font-size:1.2em;} #register .form-box {width:45em; float:left; overflow:hidden;} #register .form-box h2 {font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #register .form-box fieldset { padding:1em 0 0 1em; margin-bottom:1.3em; border-top:1px solid #e4e4e4; padding-bottom:1em; border-bottom:1px solid #e4e4e4; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #register .form-box fieldset#password {background:none; border:0px; } #register .form-box p {font-size:1.2em; clear:both; } #register .form-box .formrow {float:left; width:21.7em; padding-bottom:0.8em; min-height:4.3em; } * html #register .form-box .formrow {height:4.3em;} #register .form-box .wider {width:40em;} #register .form-box .formrow-wide {width:40em; padding-bottom:0.8em;clear:both;} #register .form-box .formrow-wide label {font-size:1.2em; margin-bottom:0.2em;} #register .form-box .wide {width:42em;} #register .form-box .formrow label {display:block; font-size:1.2em; margin-bottom:0.2em;} #register .form-box .formrow #gender label {display:inline;} #register .form-box ul.buttons {text-align:right; clear:left; margin-top:1.5em;} #register .form-box input.textfield { width:20.4em; border:1px solid #999; padding:0.3em 0.2em;} #register .form-box select { border:1px solid #999;} #register .form-box select.country { width:21em;} #register .help-box { float:right; margin-top:3.7em; margin-left:1em; width:27.8em; } #register .help-box .inner { font-size:1.2em; padding:0.6em 0.8em 0.8em 2.4em; border:1px solid #EBE888; background:#FEFFD7 url(/assets/liverpool/images/help-icon.gif) no-repeat 8px 9px;} #register .help-box .inner p {margin-bottom:0.6em;} /* Report Review */ #report-review {width:60em; padding:1em 1em 3em;} #report-review fieldset {font-size:1.2em;} #report-review h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #report-review .formrow {padding-bottom:10px;} #report-review .formrow label {display:block; font-size:1.2em; margin:0.4em 0 0.2em 0;font:inherit;} #report-review .formrow textarea {width:300px;height:120px;font:inherit;} #report-review ul.buttons .button {width:191px;} /* Add Review */ #add-review fieldset {font-size:1.2em;} #add-review h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #add-review .formrow {padding-bottom:10px;} #add-review .formrow label {display:block; font-size:1.2em; margin:0.4em 0 0.2em 0;font:inherit;} #add-review .formrow textarea {width:300px;height:120px;font:inherit;} #add-review .button {width:192px; height: 24px;} /* Tell a friend */ #tell-a-friend {padding:1em 1em 0 1em;} #tell-a-friend h1 { padding-bottom:0.4em; margin-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #tell-a-friend #main-col {width:45em; float:left;} #tell-a-friend #main-col fieldset { padding:1em 0 1em 1em; margin-bottom:1.3em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #tell-a-friend #main-col .formrow input.textfield { width:20.4em; border:1px solid #999; padding:0.3em 0.2em;} #tell-a-friend #main-col .formrow textarea {font-size:1.1em; border:1px solid #999;} #tell-a-friend #main-col .formrow {float:left; width:21.7em; padding-bottom:0.8em;} #tell-a-friend #main-col .formrow label {display:block; font-size:1.2em; margin-bottom:0.2em;} #tell-a-friend #main-col h2 {font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #tell-a-friend #main-col ul.buttons {text-align:right;} #tell-a-friend #product-info { float:left; margin-left:2em; width:27.8em; } #tell-a-friend #product-info h3 { margin-top:0; padding-bottom:1em; border-bottom:1px solid #e4e4e4; font-size:1.4em; font-weight:normal;} #tell-a-friend p {font-size:1.2em; } /* My Account */ #account-summary { padding:1em 1em 0 1em;} #account-summary h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #account-summary h2 {font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #account-summary p {font-size:1.2em;} #account-summary span {margin:0; padding:0;} #account-summary .inner-wrap { padding:0 1em; min-height:10em; margin-bottom:1.3em; position:relative;} * html #account-summary .inner-wrap { height:10em;} #account-summary #personal-details {float:left; width:36.4em;overflow:hidden;} #account-summary #personal-details .inner-wrap { padding:1em 0 0 1em;border-top:1px solid #e4e4e4; padding-bottom:1em; border-bottom:1px solid #e4e4e4; position:relative; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -6em;} #account-summary #personal-details p {padding-left:9.7em;} #account-summary #login-details {float:right;width:36.4em; overflow:hidden;} #account-summary #login-details .inner-wrap { padding:1em 0 0 1em;border-top:1px solid #e4e4e4; padding-bottom:1em; border-bottom:1px solid #e4e4e4; position:relative; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -6em;} #account-summary #personal-details dl, #account-summary #login-details dl {width:34.4em; margin-bottom:0.4em;} #account-summary #personal-details dl dt, #account-summary #login-details dl dt {width:9em;font-size:1.2em; color:#000; float:left; } #account-summary #personal-details dl dd, #account-summary #login-details dl dd {width:19em; font-size:1.2em; float:right; } #account-summary #address-book { float:left;width:74.8em; } #account-summary #address-book .inner-wrap { padding:0;} #account-summary #address-book dl {float:left;} #account-summary #address-book dl dt { font-size:1.2em; color:#000; display:inline;} #account-summary #address-book dl dd { font-size:1.2em; display:inline;} #account-summary #address-book p {float:left;margin-left:0.8em; } #account-summary #cat-news {float:left; width:36.5em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 0; padding-bottom:3em; } #account-summary #cat-news h3 { border-bottom:1px solid #e4e4e4; font-size:1.8em; font-weight:normal; padding:0 0.5em 0.5em 0.5em; margin:0.5em 0; } #account-summary #order-his {float:right; width:36.5em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 0; padding-bottom:3em; } #account-summary #order-his h3 { border-bottom:1px solid #e4e4e4; font-size:1.8em; font-weight:normal; padding:0 0.5em 0.5em 0.5em; margin:0.5em 0; } #account-summary #order-his ul {margin-bottom:1em;} #account-summary #order-his ul li {font-size:1.2em;} #account-summary #order-his p {margin:0;} #account-summary #cat-news li, #account-summary #order-history li {font-size:1.2em;} .back-history { position:absolute; top:5px; font-size:1em !important; width:20em;} /* Order history */ #order-history { padding:1em 1em 0 1em;} #order-history h1 {padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #order-history h2 {clear:left;} #order-history p {font-size:1em;} #order-history table {width:100%; clear:both; border-collapse:collapse; margin-bottom:1em;} #order-history table th {padding:0.6em 1em; text-align:left; border:1px solid #e4e4e4; color:#000; font-size:1.2em; font-weight:bold; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0;} #order-history table tbody td { cursor:pointer; } #order-history table td {padding:0.6em 1em; border:1px solid #e4e4e4; font-size:1.2em; vertical-align:top;} /* Order details */ #order-details { padding:1em 1em 0 1em;} #order-details h1 { padding-bottom:0.4em; padding-top: 12px; border-bottom:1px solid #e4e4e4;} #order-details h1 span { font-size:.8em;} #order-details h1 span.head { } #order-details span.back-link { float : right; padding-top : 0.8em; font-size : 0.5em; } #order-details #order-status { background:#168C16; text-align:center; padding:0.8em; margin-bottom:1.6em; } #order-details #order-status h2 {margin:0; color:#fff; font-weight:normal; text-align:center;} #order-details #order-status h2 span {font-weight:bold; font-size:1.4em; text-transform:uppercase;} #order-details #more-info {float:left; width:36.5em; margin-bottom:1.6em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 0;} #order-details #more-info dl {padding:1em;} #order-details #more-info dt {font-size:1.2em; float:left; clear:left; width:16em;} #order-details #more-info dd {font-size:1.2em; float:right; clear:right; text-align:left;width:12em; text-transform:capitalize; font-weight:bold;} #order-details #billing-details { float:right; } #order-details #delivery-details { float:left; } #order-details .details-box { width:36.5em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 0; padding-bottom:2em; margin-bottom:1em; } #order-details .details-box h3 { border-bottom:1px solid #e4e4e4; font-size:1.8em; font-weight:normal; padding:0 0.5em 0.5em 0.5em; margin:0.5em 0; } #order-details .details-box dl { padding:0 1em;} #order-details .details-box dl#billing { border-top:1px solid #e4e4e4; padding-top:1em; margin-top:1em;} #order-details .details-box dt { font-size:1.2em; float:left; clear:left; width:10em; } #order-details .details-box dd { font-size:1.2em; float:right; clear:right; text-align:left;width:18em; text-transform:capitalize;} #order-details .details-box dd.number { text-transform:none;} #order-details .details-box p { font-size:1.2em; clear:both; margin-left:11.7em; } #order-details table { width:100%; clear:both; border-collapse:collapse; } #order-details table th { padding:0.6em 1em; text-align:left; border:1px solid #e4e4e4;} #order-details table thead th { color:#000; font-size:1.2em; font-weight:bold; background:url(/assets/liverpool/images/top-gradient.gif) repeat-x 0 0;} #order-details table th.item { width:70%;} #order-details table td { padding:0.6em 1em; border:1px solid #e4e4e4; font-size:1.2em; vertical-align:top;} #order-details table td span { display:block; font-weight:bold; font-size:1.2em; color:#333; } #order-details table td p { font-size:1em; margin:0;} #order-details table td .textfield { width:2em;} #order-details table td.price { padding:0.4em; text-align:right; font-size:1.8em; font-weight:bold;} #order-details table td.total-price { padding:0.4em; text-align:right; font-size:1.8em; font-weight:bold; color:#000;} #order-details table tfoot th { padding:0.4em; font-size:1.4em; color:#000; text-align:right;} #order-details table tfoot th#total { font-size:1.8em; } #order-details table tfoot th.empty { border:none; font-size:1.2em; text-align:left; font-weight:normal; color:#444444; vertical-align:top;} #order-details table tfoot th.empty p { margin:0;} #order-details table tfoot td { padding:0.4em; font-size:2.8em; font-weight:bold; color:#CB2026; text-align:right;} /* Add new address */ #add-new-address { padding:1em 1em 0 1em;} #add-new-address h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #add-new-address #address {width:45em; float:left;} #add-new-address #address h2 {font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #add-new-address #address fieldset { padding:1em 0 0 1em; padding-bottom:1em; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #add-new-address #address p {font-size:1.2em; clear:both; } #add-new-address #address .formrow {float:left; width:21.7em; padding-bottom:0.8em; min-height:4.3em; } * html #add-new-address #address .formrow {height:4.3em;} #add-new-address #address .wide { width:42em;} html #add-new-address #address h4{ clear:both;} #add-new-address #address .formrow label {display:block; font-size:1.2em; margin-bottom:0.2em;} #add-new-address #address ul.buttons {text-align:right; clear:both;} #add-new-address #address ul.buttons li {display:inline;} #add-new-address #address input.textfield { width:20.4em; border:1px solid #999; padding:0.3em 0.2em;} #add-new-address #address select { border:1px solid #999;} #add-new-address #address select.country { width:21em;} /* Change personal details */ #change-personal-details { padding:1em 1em 0 1em;} #change-personal-details h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #change-personal-details #personal { width:36.5em; float:left; clear:left; margin-top:0em; } #change-personal-details #address { width:36.5em; float:right; } #change-personal-details h2 {font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #change-personal-details fieldset { padding:1em 0 2em 1em; margin-bottom:1.3em; border-top:1px solid #e4e4e4; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #change-personal-details .formrow label { display:block; font-size:1.2em; margin:0.4em 0 0.2em 0; } #change-personal-details #address .formrow span {display:block; margin:15px 0 0;} #change-personal-details input.textfield { width:20.4em; border:1px solid #999; padding:0.3em 0.2em; } #change-personal-details ul.buttons { border-top:1px solid #e4e4e4; padding-top:1em; clear:both; text-align:right; } #change-personal-details ul.buttons li { display:inline; } /* Change login details */ #edit-login { padding:1em 1em 0 1em;} #edit-login h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #edit-login h2 {font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #edit-login fieldset { padding:1em 0 2em 1em; margin-bottom:1.3em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #edit-login .formrow label {display:block; font-size:1.2em; margin:0.4em 0 0.2em 0;} #edit-login input.textfield { width:20.4em; border:1px solid #999; padding:0.3em 0.2em;} #edit-login ul.buttons {text-align:right;} #edit-login ul.buttons li {display:inline;} #edit-login .success { font-size:1.1em;} /* Edit address details */ #edit-address { padding:1em 1em 0 1em;} #edit-address h1 { padding-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #edit-address #your-login { width:43em; } #edit-address h2 {font-size:1.8em; font-weight:normal; margin-top:0; margin-bottom:0.8em;} #edit-address h2 a {font-size:0.7em; font-weight:bold; margin-left:0.2em;} #edit-address #title-wrap { margin-bottom:1em;} #edit-address #title-wrap .formrow {float:left; margin-right:1em;} #edit-address #form-wrap { padding:1em 0 2em 1em; margin-bottom:1.3em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #edit-address .formrow label {display:block; font-size:1.2em; margin:0.4em 0 0.2em 0;} #edit-address .formrow p.alert { margin: 2em 0 1em 0; font-size: 1.2em; padding: 1em; } #edit-address input.textfield { width:20.4em; border:1px solid #999; padding:0.3em 0.2em;} #edit-address input.wide {width : 30em;} #edit-address ul.buttons {text-align:right;} #edit-address ul.buttons li {display:inline;} /*Error Pages*/ #error {padding:1em 1em 0 1em; } #error h1 { padding-bottom:0.4em; margin-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #error #left-col {width:43em; float:left; overflow:hidden;} #error #left-col h2 {font-size:1.8em; font-weight:normal; margin:0 0 0.6em 0;} #error #left-col ul#options { min-height:14em; border-top:1px solid #e4e4e4; padding:1em 1.6em 1.6em 1em ; background:url(/assets/liverpool/images/content-grad.gif) repeat-x 0 -3em; } #error #left-col ul#options li {font-size:1.4em; margin-bottom:0.8em; padding-left:1.4em; background: url(/assets/liverpool/images/error-arrow.gif) no-repeat 0 0;} #error #left-col #customer {padding:1em 0.8em 3em 0.8em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; display:block; margin-bottom:1em;} #error #left-col #customer p {font-size:1.2em;} #error #left-col #customer ul {width:100%;} #error #left-col #customer li { float:left; width:18.5em; margin-bottom:0.1em;background:url(/assets/liverpool/images/bullet.gif) no-repeat 0px 5px; padding-left:1.5em; } #error #left-col #customer li a {font-size:1.2em;} #error #left-col #customer .textfield {float:left; width:20.4em; border:1px solid #999; padding:0.3em 0.2em;} #error #left-col #customer .search-btn-error {float:left; margin-left:0.4em;} #error #left-col p.small {margin:0 0 0.3em 0.8em; font-size:1em;} #error #right-col { float:right; width:40%; overflow:hidden; } #error #right-col h2 { margin:2.2em 0 0em 0; font-size:1.4em; font-weight:normal;} #error #right-col h4 {font-size:1.2em; clear:both; margin-bottom:.5em; padding-top:1.25em; } #error #right-col ul {margin:0 0 1.8em 0; width:100%;} #error #right-col ul li {margin:0.1em 0 0 0; width:13em;background:url(/assets/liverpool/images/bullet.gif) no-repeat 0px 5px; padding-left:1.5em; } #error #right-col ul li a {font-size:1.2em; } /*Search results*/ #search-results {padding:0 1em } #search-results h1 { padding:0; margin-bottom:0.4em; } #search-results ul.listing { background:url(/assets/liverpool/images/top-gradient.gif) repeat-x top left; border-left:1px solid #e4e4e4; margin-bottom:1em; padding-top:1.8em; clear:both;} #search-results p { font-size:1.2em;} #search-results ul.listing li { width:20%; text-align:center; float:left; text-align:center;} #search-results ul.listing li .inner { position:relative; height:17.4em !important; padding:1em; border-width:0 1px 1px 0; border-style:solid; border-color:#e4e4e4; } #search-results ul.listing li h2 { margin:0; font-size:1.2em; font-weight:normal; margin-top:1em;} #search-results ul.listing li img { display:block; margin:0 auto;} #search-results ul.listing li ul li { width:49%; float:left; font-size:1.2em; color:#444444;} #search-results ul.listing li ul li.price { font-weight:bold; } #search-results ul.listing li ul li.price span.big-price { font-size:1.2em; } #search-results #static-results { clear:both;} #search-results #static-results h3 { clear:both;} #search-results #static-results ul { display:block; clear:both; padding:1em 0 1em 0em;} #search-results #static-results ul li { display:block; width:auto; text-align:left; float:none; font-size:1.2em; padding-left:0; margin-bottom:.3em;} #content #static-results{margin:0 0 10px 10px;} #ctl00_MainContent_ProductDetail_ctl01_Label1 { margin-top:-7px;} /*Popup template*/ body.popup { background: none; } #container.popup { width:97%; max-width:78em; padding-bottom:0; background: none;} #container.popup #content { margin-bottom:-1em; overflow:hidden;} #container.popup #cms-content { overflow:hidden;} /*Security-seal*/ #security-seal {position:absolute;right:.5em; top:-3px;} #security-seal ul li {background:url(/assets/liverpool/images/lock.gif) no-repeat 0 1px; padding-left:16px; float:left;margin-right:0.8em;} #security-seal ul li a {padding-bottom:3px;} .checkout, .account { position:relative;} .checkout h2 { padding-top:.1em; } #checkout-security-seal {width:38%; position:absolute; right:-1em; top:-3px;} #checkout-security-seal p.ss {background:url(/assets/liverpool/images/lock.gif) no-repeat 0 2px; padding-left:16px; margin-bottom:0; font-size:1.2em!important; margin-bottom:0em; font-weight:bold;} #checkout-security-seal p { font-size:1em !important;} /*Upsell page*/ #upsell { width:45em; float:right; margin-top:.65em;} #upsell .inner { border-left:1px solid #e4e4e4; min-height:48em;padding-left:1em; } #upsell .inner h3 {color:#cb2026;} * html #upsell .inner {height:48em;} #upsell .upsell-product {border-bottom:1px solid #e4e4e4; padding:1em 0;} #upsell .upsell-product img {float:left; padding-right:1.5em;} #upsell .upsell-product h4 { margin-bottom:.25em; margin-top:.5em;} #upsell .upsell-product p.more-info { font-size:1.1em;} #upsell .upsell-product ul { clear:both; padding-top:1em; margin-bottom:-1em;} * html #upsell .upsell-product ul {padding-top:0em;} #upsell .upsell-product ul li { float:left; margin-right:3em;} #upsell .upsell-product ul li label { display:block; position:relative;} #upsell .upsell-product ul li label a { position:absolute; right:0;} #upsell .upsell-product p.add-button { text-align:right; margin:0; } .linkLookingButton { font-size:.9em; background-color: #FFFFFF;border: 0px solid;color:#065694; width:auto; height:auto; overflow:hidden; cursor:pointer; padding:0; margin:0; text-align:left;} .linkLookingButton.bold { font-weight:bold;} .linkLookingButton:hover { margin-bottom:-1px; border-bottom:1px solid #065694;} .linkLookingButton.svhover { text-decoration:underline !important; border:none; margin-bottom:0;} /*Contact us*/ #contact-us {padding:1em 1em 0 1em; } #contact-us h1 {padding-bottom:0.4em; margin-bottom:0.4em; border-bottom:1px solid #e4e4e4;} #contact-us h2 {font-size:1.2em; margin-top:0;} #contact-us p {font-size:1.1em;} #contact-us p#send { text-align:right; padding-right:4.5em;} #contact-us .formrow { margin-bottom:1em;} #contact-us label {font-size:1.1em; display:block;} #contact-us select {border:1px solid #A7A6AA;width:28.2em;} #contact-us .textfield {width:25em; font-size:1.1em; border:1px solid #A7A6AA; padding:0.3em 0.2em;} #contact-us textarea.textfield {font-size:1.4em;width:24.2em; height:10em;} #contact-us #contact-form { width:45%; float:left;} #contact-us #contact-details {width:55%; float:left;} #address-finder fieldset { clear:both;} #address-finder div p.an-address { margin-bottom:.25em; font-size:1em !important;} #address-finder div p.an-address input {font-size:1em !important;} #address-finder .bottom { padding-top:.75em;} #address-finder span { display:inline;} #address-finder p.progress { margin-top:1em; padding-bottom:0;} #checkout-basket .promo-code {margin-top:-11em; } #checkout-basket .promo-code .search-btn-error {float:left; margin:1em 0 1em 0.8em;} /* Checkout pages */ #content .checkout { color: #333;} #content .checkout .alert { margin: 10px; } #content .checkout a { color: #104e8b; text-decoration: none; } #content .checkout a:hover { text-decoration: underline; } #content .checkout div.progress { height: 40px; background: #5f5f5f url('../Images-css/bg-checkout-progress.png') no-repeat 0 0; } #content .checkout div.progress h1 { font-size: 1.8em; color: #fff; padding: 10px 0 0 10px; width: 96px; float: left; } #content .checkout div.progress ul { float: left; } #content .checkout div.progress ul.basket-active { background: transparent url('../Images-css/bg-checkout-progress-active.png') no-repeat 0 -170px; } #content .checkout div.progress ul.payment-active, #content .checkout div.progress ul.threedsecuredetails-active { background: transparent url('../Images-css/bg-checkout-progress-active.png') no-repeat 120px -30px; } #content .checkout div.progress ul.confirmation-active { background: transparent url('../Images-css/bg-checkout-progress-active.png') no-repeat 296px -100px; } #content .checkout div.progress ul li { display: block; float: left; list-style-type: none; padding: 13px 0 11px 11px; color: #ccc; font-size: 1.4em; font-weight: bold; width: 166px; text-align: left; } #content .checkout div.progress ul li.basket { width: 127px; padding-left: 0; text-align: center; } #content .checkout div.progress ul li.active { color: #333; } #content .checkout div.progress p { background: transparent url('../Images-css/icon-padlock.png') no-repeat 95% 7px; font-size: 1.2em; color: #fff; float: right; padding: 14px 40px 10px 0; } #content .checkout div.progress p.safe-shopping { margin-bottom: 0;} #content .checkout div.progress p a { color: #ffd052; padding: 5px; font-weight: bold; text-decoration: none; } #content .checkout div.progress p a:hover { text-decoration: underline; } #content .checkout ul.promos { float: left; clear: both; padding: 6px 0 0 10px; } #content .checkout ul.promos li { display: block; float: left; padding-right: 6px; } #content .checkout ul.promos li a { display: block; } #content .checkout .basket-summary { background: #f9f9f9 url('../Images-css/bg-basket-summary.png') repeat-x; border-bottom: 3px solid #c0c0c0; clear: both; margin: 6px 10px 0; width: 940px; } #content .checkout .basket-summary p.back { float: left; margin-bottom: 0; } #content .checkout .basket-summary p.back a { display: block; padding: 30px 0 25px 26px; text-decoration: none; font-size: 1.6em; color: #104e8b; font-weight: bold; background: transparent url('../Images-css/icon-back.png') no-repeat 13px 35px; width: 284px; } #content .checkout .basket-summary p.back a:hover { text-decoration: underline; } #content .checkout .basket-summary ul { float: left; padding-left: 163px; } #content .checkout .basket-summary ul li { font-size: 1.2em; color: #333; float: left; display: block; padding-top: 17px; width: 100px; } #content .checkout .basket-summary ul li.items { width: 140px; background: transparent url('../Images-css/bg-basket-summary.png') no-repeat 108px -211px; } #content .checkout .basket-summary ul li strong { font-size: 2em; font-weight: bold; display: block; padding-top: 4px; } #content .checkout .basket-summary ul li.submit { float: left; padding-right: 11px; width: 215px; position: relative; } #content .checkout .basket-summary ul li.submit input { float: right; } #content .checkout .basket-summary ul li.submit .nav-sprite { position: absolute; display: none; top: 17px; left: 17px; cursor: pointer; } #content .checkout .basket-summary p.pricing-message { text-align: right; clear: both; padding-right: 12px; } #content .checkout .basket-summary-bottom ul { float: right; } #content .checkout .related-products { width: 940px; clear: both; padding: 5px 10px 10px 10px; } #content .checkout .related-products ul { padding: 0; border: none; background:none; } #content .checkout .related-products ul li { width: 135px; } #content .checkout .related-products ul li a { color: #333; } #content .checkout .related-products ul li a.thumbnail { margin: auto; } #content .checkout .related-products ul li a.button { /*clear: left;*/ } #content .basket .alert { margin: 0 10px; font-size: 1.2em; padding: 1em; } #content .basket table.basket-contents, #review-basket table { margin: 1px 10px 0; clear: both; border-collapse: collapse; } #review-basket table { margin-left: 0; margin-right: 0;} #content .basket table.basket-contents thead th, #review-basket table thead th { background: #e6e6e6; font-size: 1.4em; color: #333; padding: 10px 10px 8px 10px; } #content .basket table.basket-contents thead th.item, #review-basket table thead th.item { width: 520px; } #content .basket table.basket-contents thead th.qty, #review-basket table thead th.qty { width: 100px; } #content .basket table.basket-contents thead th.qty span, #review-basket table thead th.qty span { float: left; } #content .basket table.basket-contents thead th.qty .button-wrap, #review-basket table thead th.qty .button-wrap { float: right; padding-top: 0; position: relative; top: -3px; } #content .basket table.basket-contents thead th.qty .button-wrap input, #review-basket table thead th.qty .button-wrap input { font-size: 0.857em; padding-left: 8px; padding-right: 8px; } #content .basket table.basket-contents thead th.price, #review-basket table thead th.price { width: 100px; padding-right: 40px; text-align: right; } #content .basket table.basket-contents thead th.total, #review-basket table thead th.total { width: 110px; text-align: right; } #content .basket table.basket-contents tfoot th, #content .basket table.basket-contents tfoot td, #review-basket table tfoot th, #review-basket table tfoot td { text-align: right; padding: 10px 0; border-bottom: 1px solid #dfdfdf; } #content .basket table.basket-contents tfoot th, #review-basket table tfoot th { font-weight: normal; font-size: 1.6em; } #content .basket table.basket-contents tfoot td, #review-basket table tfoot td { padding-right: 10px; font-size: 1.2em; } #content .basket table.basket-contents tfoot td.total, #review-basket table tfoot td, #review-basket table tfoot td.total { font-size: 1.6em; font-weight: bold; } #content .basket table.basket-contents tfoot .discounts strong, #review-basket table tfoot .discounts strong { padding-right: 5px; } #content .basket table.basket-contents tfoot .discounts td.total, #review-basket table tfoot .discounts td.total { color: #a1a1a1; } #content .basket table.basket-contents tfoot .membership td, #review-basket table tfoot .membership td { text-align: left; } #content .basket table.basket-contents tfoot .membership td img, #review-basket table tfoot .membership td img { float: left; } #content .basket table.basket-contents tfoot .membership td ul, #review-basket table tfoot .membership td ul { display: block; width: 400px; float: left; } #content .basket table.basket-contents tfoot .membership td li, #review-basket table tfoot .membership td li { float: left; display: block; padding-top: 7px; } #content .basket table.basket-contents tfoot .membership td li.first, #review-basket table tfoot .membership td li.first { width: 100%; } #content .basket table.basket-contents tfoot .membership td li a, #review-basket table tfoot .membership td li a { display: block; padding-right: 20px; font-weight: bold; } #content .basket table.basket-contents tfoot .membership td li strong span, #review-basket table tfoot .membership td li strong span { color: #da1f26; } #content .basket table.basket-contents tfoot .membership td input.button, #review-basket table tfoot .membership td input.button { float: right; background: none; padding: 0; } #content .basket table.basket-contents tfoot .total td, #content .basket table.basket-contents tfoot .total th, #review-basket table tfoot .total td, #review-basket table tfoot .total th { background: #f7f7f7; border-bottom: 3px solid #c0c0c0; } #content .basket table.basket-contents tbody td, #review-basket table tbody td { border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; } #review-basket table tbody td p { width: 530px;} #content .basket table.basket-contents tbody td p a { font-size: 1.6em; font-weight: bold; display: block; padding-top: 10px; } #review-basket table tbody td p a { font-size: 1.333em; font-weight: bold; display: block; padding-top: 10px; } #content .basket table.basket-contents tbody td p img, #review-basket table tbody td p img { float: left; padding: 6px 16px 0 6px; } #content .basket table.basket-contents tbody td p span, #review-basket table tbody td p span { display: block; font-size: 1.2em; } #content .basket table.basket-contents tbody td input.textfield, #review-basket table tbody td input.textfield { border: 1px solid #d0cfcf; padding: 4px 4px; width: 22px; text-align: right; margin-left: 10px; } #content .basket table.basket-contents tbody td input.delete, #review-basket table tbody td input.delete { vertical-align: baseline; position: relative; left: 8px; } #content .basket table.basket-contents tbody td.price, #content .basket table.basket-contents tbody td.total, #review-basket table tbody td.total, #review-basket table tbody td.price, #review-basket table tbody td.qty { font-size: 1.6em; text-align: right; padding-right: 10px; } #review-basket table tbody td.qty {text-align: center;} #content .basket table.basket-contents tbody td.price { padding-right: 40px; } #content .basket table.basket-contents p.out-of-stock {color:#DA1F26; font-size:1.4em; font-weight:bold; padding-left:68px;} #content .basket table.basket-contents tbody td.total, #review-basket table tbody td.total { font-weight: bold; } #content .payment input.link { font-weight: bold; } #content .payment .basket-summary { min-height: 70px; margin-bottom: 10px; } #content .payment .basket-summary p.back a { padding-top: 14px; width: 300px; background-position: 13px 18px; } #content .payment .basket-summary ul li.total { width: 180px; } #content .payment .basket-summary ul li.total em { font-style: normal; font-weight: bold; } #content .payment #delivery { color: #333; clear: left; float: left; margin-left: 10px; padding: 15px 0 0 10px; width: 450px; } #content .payment #delivery p { font-size: 1.2em; min-height: 38px; } #content .payment #delivery ul { padding-bottom: 20px; } #content .payment #delivery li { font-size: 1.2em; line-height: 1.371em; } #content .payment #delivery li.recipient { font-weight: bold; padding-bottom: 8px; } #content .payment h1 { font-size: 2.4em; font-weight: bold;} #content .payment fieldset { border: 1px solid #dfdfdf; } #content .payment fieldset ul { padding: 20px; } #content .payment fieldset p { font-size: 1.2em; padding-left: 20px; } #content .payment fieldset legend { display: block; margin-left: 8px; padding: 0 6px; color: #333; font-weight: bold; font-size: 1.4em; } #content .payment fieldset#method { border-width: 0 0 1px 0; margin: 20px 0; } #content .payment fieldset#method legend { padding-left: 0; margin-left: 0;} #content .payment fieldset#method p.delivery-cost { padding: 6px 6px 6px 0; } #content .payment fieldset#method p, #content.payment fieldset#method legend { padding: 0 0 12px 0; margin-bottom: 0; padding: 0 0 12px 0; } #content .payment fieldset#method p.total { font-weight: bold; } #content .payment fieldset#method p.total strong { color: #da1f26; font-size: 1.5em; padding-left: 3px; } #content .payment fieldset#method select { margin-right: 10px; display: inline-block; } #content .payment fieldset#instructions { border: none; } #content .payment fieldset#instructions legend { padding: 0; margin: 0;} #content .payment fieldset#instructions textarea { display: block; width: 100%; background: #fbfbfb; border: 1px solid #b2b2b2; margin-top: 4px; font-size: 1.2em; } #content .payment fieldset#instructions textarea.error { border-color: #ba1b20; } #content .payment fieldset#instructions p, #content.payment fieldset#instructions legend { padding: 0 0 12px 0; } #content .payment fieldset#instructions span.remaining { color: #1e8000; float: right; font-size: 0.916em; } #content .payment fieldset#instructions span.error { color: #ba1b20; } #content .payment #payment { color: #333; width: 440px; margin: 0 0 10px 30px; padding: 15px 10px 0 0; float: left; } #content .payment #payment p { font-size: 1.2em; min-height: 38px; } #content .payment #payment fieldset p { padding-bottom: 15px; margin-bottom: 0; } #content .payment #payment fieldset p label { display: block; padding-bottom: 4px; } #content .payment #payment fieldset p span { padding-bottom: 4px; } #content .payment #payment fieldset p input.textfield { width: 220px; } #content .payment #payment fieldset#paypal { padding: 0 30px 0 20px; margin-bottom: 33px; } #content .payment #payment fieldset#paypal input { float: left; margin-top: 10px; } #content .payment #payment fieldset#paypal p { float: right; width: 220px; margin-top: 10px; } #content .payment #payment fieldset#paypal legend { margin-left: -10px; } #content .payment #payment fieldset#card { padding-top: 10px; } #content .payment #payment fieldset#card img#lfc-card { float: right; padding: 15px 12px 0 0;} #content .payment #payment fieldset#card select { position: relative; left: -2px; } #content .payment #payment fieldset#card .security-code input.textfield, #content .payment #payment fieldset#card .issue input.textfield { width: 70px; margin-right: 10px; } #content .payment #payment fieldset#card .security-code span { display: inline; } #content .payment #payment fieldset#card .extra-fields { height: 60px; } #content .payment #payment fieldset#card .extra-fields p.start { float: left; width: 150px; padding-right: 10px; } #content .payment #payment fieldset#card .extra-fields select, #content .payment #payment fieldset#card .expiry select { width: 65px; display: inline-block; margin-right: 10px; float: left; } #content .payment #payment fieldset#card h2 { padding: 0 0 4px 20px; } #content .payment #payment fieldset#card p.checkbox input { position: relative; top: -4px; float: left; } #content .payment #payment .billing-address p { padding-bottom: 0; } #content .payment #payment .billing-address ul { padding-top: 0; clear: left;} #content .payment #payment .billing-address li { font-size: 1.2em; } #content .payment p.currency-conversion { padding: 10px; clear: both;} #content .payment div.submit { clear: both; position: relative; background: #ebebeb; border-top: 1px solid #dfdfdf; margin: 10px; padding: 10px; min-height: 48px; z-index: 999; } #content .payment div.submit img { float: left; } #content .payment div.submit input { float: right; } #content .payment div.submit .nav-sprite { position: absolute; right: 10px; top: 10px; display: none; cursor: pointer; } /* payment page overlay */ #content #addressPanel .panel fieldset p { margin-bottom: 4px;} #content #addressPanel .panel fieldset p.address-option { margin-bottom: 0;} #content #addressPanel .panel fieldset p.address-result { margin-bottom: 0; padding-bottom: 4px;} #content #addressPanel .panel fieldset p.address-result a { display: block;} #content #addressPanel .panel p.two-col {width: 200px; float: left;} #content #addressPanel .panel p.submit { clear: both; } .required-text { font-size:1.1em;} .verisign { float: left !important; clear: both; text-align:left; padding: 1em; width: 100px; } /* 3D Secure */ .payment #cc_right {width:760px; margin:0 auto; padding:25px 0 0;} .payment #cc_right h1 {color:#505050; font-weight:normal; font-size:1.636em; margin:0; padding-bottom:15px;} .payment #cc_right #tdsecureinfo {background:#da1f26;} .payment #cc_right #tdsecureinfo #tdsecureinfotext {float:left; width:510px; margin:15px 0 15px 20px;} .payment #cc_right #tdsecureinfo #tdsecureinfotext h2 {color:#ffffff; font-size:1.273em;} .payment #cc_right #tdsecureinfo #tdsecureinfotext p {color:#ffffff; font-size:1.091em; line-height:1.273em;} .payment #cc_right #tdsecureinfo #tdsecureinfotext a {color:#333; text-decoration:underline;} .payment #cc_right #tdsecureinfo #tdsecureinfoimages {float:right; margin:15px 10px;} .payment #cc_right #tdframe {background:#da1f26; margin:20px 0 20px; padding:20px;} .payment #cc_right #tdframe iframe {float:left;} .payment #cc_right #tdframe #tdframehelp {float:right; width:210px; font-size:1.091em; line-height:1.273em;} .payment #cc_right #tdframe #tdframehelp p {color:#ffffff; margin-bottom:0.8em;} .payment #cc_right .cancel {margin:0 0 20px;} .payment #cc_right .cancel a {font-size:1.5em; font-weight:bold; color:#104e8b;} /* jquery ui overides */ .ui-tabs .ui-tabs-panel{padding:0;} .ui-widget{font-size:100%; font-family:Arial, Helvetica, sans-serif; background:none; border:none;}