/* Lipsy Author: Pete Boere */ /*--------------------------------------------------------------------------- Browser Reset and Utilities ---*/ html{overflow-y:scroll;}div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;margin:0;}ul,ol{list-style:none;}img,fieldset{border:0;}img{-ms-interpolation-mode:bicubic;}abbr{cursor:help;}.tr{text-align:right;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.hide{display:none;visibility:hidden;}table{border-collapse:collapse;}input,select,textarea{margin:0;}textarea{overflow-y:auto;}.no-show{position:absolute !important;left:-999em;height:0;width:0;overflow:hidden;} abbr { border: 0; } .js .js-hide {position:absolute;left:-9999em;} .cf:after, .content:after, .li-cf li:after, #nav-1:after, .product-list:after, .list-fields li:after {content:'.';display:block;font-size:0;height:0; clear:both;visibility:hidden;} .cf, .li-cf li, .content, #nav-1, .product-list, .list-fields li {zoom:1;} /*--------------------------------------------------------------------------- Generic Styles ---*/ body {background:#fff;font:12px/1.2 arial,sans-serif;color:#333;} a {color:#333;} input, select, textarea {vertical-align:top;font-family:Arial, Helvetica, sans-serif;font-size:13px;} select {font-size:12px;} input.radio, input.checkbox, span.checkbox {margin-right:.3em;} #wrap input.placeholder {color:#707172;} .clear {clear:both;} /*--------------------------------------------------------------------------- Persistent Elements ---*/ #wrap {width:960px;margin:0 auto;} /*--------------------------- Header ---*/ p.skiplink a {position: absolute;text-indent: -9999em; height: 0;} p.skiplink a:focus, p.skiplink a:hover, p.skiplink a:active {z-index: 2;display: block;background-color:#f7c7e2;color: #333; width: 940px;font-weight: bold;padding: 8px 10px;text-indent: 0em; height: auto;} #header {position:relative;z-index:2;color:#333;min-height:150px;} #header a {color:#333;text-decoration:none;} /* LOGO */ #header #logo-cont {position:absolute; top:10px; left:15px;} #header #logo-cont a {display:block;} .lipsy-logo {background: transparent url('../images/skin/lipsy_generic_sprite.png') no-repeat 0 0;width:125px;height:130px;display:block;} /* BAG, LINKS AND RADIO */ #header .header-row-1, #header .header-row-2 {float:right;clear:both;width:785px;} #header #quick-links, #header #bag, #header #search, #header #lipsy-radio {float:right;margin-left:1em;margin-top:1em;height:35px;display:block;} #header #lipsy-radio {margin-top:2em;} #header #search {margin-top:2em;} #header #search {clear:right;} #header #quick-links a, #header #bag a, #header #lipsy-radio a {vertical-align:bottom;height:35px;display:block;} #header #lipsy-radio a {width:90px;} #header #quick-links a {font-size:10pt;padding-top:0.7em;} #header #bag a {padding-left:30px;font-size:11pt;padding-top:0.6em;} #header #bag .desc, #header #lipsy-radio .desc {background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat;height:35px;display:block;overflow:hidden;} #header #bag a, #header #lipsy-radio a {float:left;height:35px;} #header #bag .desc {background-position: -220px 0px;text-transform:uppercase;font-weight:bold;} #header #lipsy-radio .desc {background-position: -130px 0;height:26px;} #header #bag .bag-summary {color:#6D6E71;padding-left:0.3em;} /* SEARCH - INCLUDING GENERIC SITE */ #wrap .site-search {border:1px solid #56595C;display:inline-block;height:24px;zoom:1;*display:inline;} #wrap .site-search label {display:none;} #wrap .site-search input.text {border:none;padding:5px;width:16em;font-size:8pt;border-right:1px solid #56595C;color:#333;} #wrap .site-search input.placeholder {color:#707172;} #wrap .site-search input.button {background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat -130px -30px;border:none;width:22px;height:24px;margin:0;padding:0;cursor:pointer;} /* TOP NAV STYLING */ #Menu1_div_menu {width:960px;float:right;padding-top:1em;} #header .nav-cont {clear:both;padding:0;white-space:nowrap;} #header .nav-cont ul {list-style:none;} /* DROP DOWN FUNCTIONALITY */ #header .nav-cont .lev-1 {position:relative;} #header .nav-cont li:hover .drop-1, #header .nav-cont a:hover .drop-1 {left:0;} #header .nav-cont .drop-1 {position:absolute;left:-9999px;z-index:999;} #header .nav-cont li:hover .drop-right, .nav-cont a:hover .drop-right {left:auto;right:3px;} /* LEVEL-1 JUSTIFIED ITEMS */ #header {text-align: justify;} #header * {display: inline;} #header .nav-cont .lev-1 span {display:inline-block;text-align:center;} #header .nav-cont .lev-1, #header .nav-cont .lev-1 a {position:relative;} #header .nav-clear {display:inline-block;position:relative;width:100%;height:0;margin-top:1px;}/* AM: Watch out for this .pixie-sub-menu-clear clearing element in google chrome - it is required to get the text-justify working, but it stops any menu links from working in chrome, so we need to push it below the other menu elements. If you can't put a border on it like we have here, then just add a margin-top:10px or similar */ /* LEVEL-1 STYLING */ #header .nav-cont .lev-1 a {z-index:1000;position:relative;} #header .nav-cont .lev-1 a span {color:#333;font-size:11pt;text-transform:uppercase;text-decoration:none;padding:6px 1em 4px;height:19px;} #header .nav-cont li.lev-1:hover a span, #header .nav-cont .lev-1 a:hover span {color:#000;} #header .nav-cont .highlighted a span {color:#EF5A8D;} #header .nav-cont .highlighted > a:hover span, #header .nav-cont > li.highlighted:hover > a > span {color:#EF5A8D;} #header .nav-cont li a span {border:none;margin:1px} /* DROP DOWN STYLING */ #header .nav-cont .drop-1 a, #header .nav-cont .drop-1 a:hover {font-weight:normal;text-align:left;} #header .nav-cont li:hover a span, #header .nav-cont li a:hover span, #header .nav-cont .drop-1 {background-color:#f9f9f9;border:1px solid #333;margin:0;} #header .nav-cont li.dd-enabled:hover a span, #header .nav-cont li.dd-enabled a:hover span {border-bottom:none;} #header .nav-cont .drop-1 {top:20px;padding:14px 0 18px;white-space:normal;} #header .nav-cont .drop-1 ul {width:150px;float:left;margin-bottom:-1000px;padding:0 8px 1000px 8px;border-left:1px solid #000;} /*Equal Height Cols use the 1000px padding and trims it to the correct height using the margin*/ #header .nav-cont .drop-1 ul:first-child {border-left:none;} #header .nav-cont .drop-cols-1, #header .nav-cont .drop-cols-2 ,#header .nav-cont .drop-cols-3 ,#header .nav-cont .drop-cols-4 {margin: 0 auto;overflow:hidden;display:block;} #header .nav-cont .drop-cols-1 {width:166px;} /* We need to add an extra px on to the width of each column to account for the width of the left-border */ #header .nav-cont .drop-cols-2 {width:333px;} #header .nav-cont .drop-cols-3 {width:500px;} #header .nav-cont .drop-cols-4 {width:667px;} #header .nav-cont .lev-2 {line-height: 1.2;} #header .nav-cont .lev-2 a, .nav-cont .lev-2 {display:block;} #header .nav-cont .lev-2 a {font-size: 10pt;text-transform:none;padding:0.2em 5px;margin:0 5px;} #header .nav-cont .drop-1 .no-heading {display:none;} #header .nav-cont .drop-1 .spacer {display:block;height:1.75em;} #header .nav-cont .drop-1 a {color:#333;} #header .nav-cont .drop-1 a:hover {color:#888;} #header .nav-cont .drop-1 .group-heading a {text-transform:uppercase;letter-spacing:-0em;color:#222;font-weight:bold;text-decoration:underline;} #header .nav-cont .drop-1 .group-heading a:hover {color:#888;} #header .nav-cont .drop-1 .highlighted a {color:#999;} #header .nav-cont .drop-1 .highlighted a:hover {color:#555;} #header #promo-spots {float:right;border-top:1px solid #B6B6B6;margin-top:0em;} #header #promo-spots .promo-spot {padding:0;margin:0;float:left;} /*--------------------------- Content ---*/ .content {_height:400px;border:1px solid #B6B6B6;position:relative;z-index:1;color:#333;padding:16px 24px 2px;clear:both;} .content a {color:#333;} .content a:hover {text-decoration:none;} .content h1 {font-weight:normal;font-size:28px;padding:0 0 .35em;} .content h2 {font-weight:normal;font-size:18px;padding:0 0 .5em;} .content h3 {font-size:14px;padding:0 0 .5em;} .content h4 {font-size:12px;padding:0 0 .5em;} .content input.text, .content textarea, #search input.text, #signup input.text {background: #fff repeat-x 0 -200px;} .content input.text, .content textarea {border:1px solid #999;padding:3px;background-color:#fff; padding-top:8px; padding-bottom:8px; margin-bottom:8px; !important;} .content textarea {background-image:none;} .Home .content, .Promo .content {padding:0;} .GiftCardCheck .content {padding:0.1em 1em 3.5em 1em;} .GiftCardCheck .content .column-1 {width:700px;} .GiftCardCheck .content .column-2 {width:225px;margin-top:1em;} .GiftCardCheck .content .column-2 a { display:block; margin-bottom:1em;} .account-gift-card-check .layout-account-trim {width:100%;} .account-gift-card-check .left-column {float:left; width:700px;} .account-gift-card-check .right-column {float:right; width:185px;margin-top:1em;} .account-gift-card-check .right-column a {display:block; margin-bottom:1em;} .account-gift-card-check .right-column a, .account-gift-card-check .right-column img {width:185px;} .account-gift-card-check .account-buttons {width:705px;} #home-promo {margin-bottom:4px;} #breadcrumbs {padding:0 0 1em;} #breadcrumbs .level-marker {padding:0 .1em;} .Promo #breadcrumbs {position:absolute;left:0;top:2px;padding:3px 11px;background:#fff;opacity:.8;filter:alpha(opacity:80);} .toggle-hidden {display:none;} /*--------------------------- Footer ---*/ .footer {clear:both;position:relative;margin:1.5em 0;overflow:hidden;} #signup {float:left;background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat 0 -145px;padding-left:145px;} #signup .signup-trim {border:1px solid #56595C;display:inline-block;height:24px;zoom:1;*display:inline;} #signup .text {border:none;padding:5px;font-size:8pt;border-right:1px solid #56595C;color:#333;} #signup .button {background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat -148px -30px;border:none;width:22px;height:24px;margin:0;padding:0;cursor:pointer;} #signup .errortext {color:Red!important;} #socialBar {float:right;background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat 0 -170px;padding-left:255px;} .fb-logo, .twit-logo, .tube-logo, .blog-logo {background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat;width:26px;height:26px;overflow:hidden;display:inline-block;zoom:1;*display:inline;} .fb-logo {background-position:-130px -90px;} .twit-logo {background-position:-160px -90px;} .tube-logo {background-position:-190px -90px;} .blog-logo {background-position:-220px -90px;} #footerHead, #footerNav {clear:both;float:left;width:100%;} #footerHead {border-bottom:1px solid #B6B6B6;padding:0 0 1.2em 0;margin:0 0 1em 0;} #footerNav {} #footerNav h3 {font-size:11px;padding:0 0 .4em;text-transform:uppercase;font-weight:bold;display:inline;} .footer-nav {zoom:1;float:left;} .footer-nav ul {line-height:1.1;margin-top:0.5em;} .footer-nav li {padding-bottom:0.2em} .footer-nav a {color:#333;font-size:11px;text-decoration:none;cursor:pointer;} .footer-nav h3, .footer-nav h3 a {color:#333;} .footer-nav ul a:hover {text-decoration:underline;} .toggleTrig {background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat -210px -30px;width:10px;height:10px;padding:0;margin:0 0 0.1em 0.3em;border:none;cursor:pointer;} .toggle-expanded {background-position:-210px -40px;} /*--------------------------- Buttons ---*/ .btn, a.btn {display:inline-block;zoom:1;*display:inline;text-transform:uppercase;cursor:pointer;text-decoration:none;border:none;text-align:center;font-weight:normal;width:180px;height:24px;padding:0;-moz-box-shadow: 2px 2px 2px #666;-webkit-box-shadow: 2px 2px 2px #666;box-shadow: 2px 2px 2px #666;border-style: solid;border-width: 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px 3px 3px 3px;background:#EAEAEA;color:#333;} a.btn {padding-top:5px;height:19px;} .btn-big, a.btn-big {font-size:12px;} .btn-sml, a.btn-sml {font-size:12px;} .btn-dark, a.btn-dark {background:#666;color:#fff;} .btn-dark-float, a.btn-dark-float {color:#000; float:right; margin-left:30px} .btn-light, a.btn-light {background:#EAEAEA;color:#333;} a.btn:hover, input.btn:hover {color:#fff;background-color:#000;} .btn-standout, a.btn-standout, input.btn-standout.disabled:hover {background-color:#a7e159;color:#000;} .btn-lnk {display:inline-block;zoom:1;*display:inline;border:none;padding:0;margin:0;background:none;cursor:pointer;text-decoration:underline;} .btn-lnk-cont input:hover {text-decoration:none;} input.disabled {opacity:0.5;filter:alpha(opacity=50);} input.disabled:hover {cursor:default;} /*--------------------------------------------------------------------------------------------- Homepage ------*/ .Home .content {border-left:none;border-right:none;} #homepage-container {position:relative;height:581px;width:960px;overflow:hidden;} #homepage-container .fade-container, #homepage-container .fade-container .fade-elem {height:581px;width:960px;overflow:hidden;} #homepage-container .fade-container {z-index:1;} #homepage-container .image-slide-background {background-color:#eee;position:absolute;z-index:2;height:151px;-moz-box-shadow:inset 0 0 10px #f9f9f9;-webkit-box-shadow:inset 0 0 10px #f9f9f9;box-shadow:inset 0 0 10px #f9f9f9;opacity:0.6;filter:alpha(opacity=60);} #homepage-container .promo-spot-container, .Home .image-slide-background {position:absolute; top:430px;left:0;width:960px; height:151px;} #homepage-container .promo-spot-container {width:950px; height:143px;padding:4px 5px;z-index:3;} #homepage-container .promo-spot-container .slide-elem {height:130px;width:171px; margin:5px 3px;float:left;overflow:hidden;-moz-box-shadow: 0 0 2px 2px #888;-webkit-box-shadow: 0 0 2px 2px #888;box-shadow: 0 0 2px 2px #888;} #homepage-container .promo-spot-container .promo-scroll-prev, #homepage-container .promo-spot-container .image-slide-container {float:left;} #homepage-container .promo-spot-container .promo-scroll-next {float:right;} #homepage-container .promo-spot-container .image-slide-container {margin:2px 0 0 4px;width:885px;} #homepage-container .promo-spot-container .promo-scroll-prev, #homepage-container .promo-spot-container .promo-scroll-next {background: transparent url('../images/skin/lipsy_generic_sprite.png') no-repeat -127px -55px;width:28px;height:31px;display:block;margin-top:55px;} #homepage-container .promo-spot-container .promo-scroll-next {background-position: -162px -55px;} #homepage-container .promo-spot-container .scroller-items-1 .slide-elem, #homepage-container .promo-spot-container .scroller-items-2 .slide-elem, #homepage-container .promo-spot-container .scroller-items-3 .slide-elem, #homepage-container .promo-spot-container .scroller-items-4 .slide-elem, #homepage-container .promo-spot-container .scroller-items-5 .slide-elem {width:auto;float:none;display:inline-block;zoom:1;*display:inline;} #homepage-container .promo-spot-container .scroller-items-1, #homepage-container .promo-spot-container .scroller-items-2, #homepage-container .promo-spot-container .scroller-items-3, #homepage-container .promo-spot-container .scroller-items-4, #homepage-container .promo-spot-container .scroller-items-5 {text-align:center;width:943px;} /*--------------------------------------------------------------------------------------------- Grid layout ------*/ .column-1 {float:left;width:233px;} .column-2 {float:right;width:665px;} .column-1, .column-2 {min-height:100px;_height:100px;} .layout-product-list, .layout-product-detail, .layout-shopping-bag {padding-left:14px;padding-right:14px;} .layout-single .column-1 {float:none;width:auto;} /*--------------------------------------------------------------------------------------------- Reusable styles ------*/ .flow-area {line-height:1.4;} .flow-area p {padding:0 0 1.2em;} .flow-area ul {padding:0 0 1.2em;} .flow-area a:visited {color:#777;} .flow-area li {background:url(../images/skin/bg/bullet.png) left .4em no-repeat;padding:0 0 .5em 17px;} #content li.clr {float:none;font-size:0;clear:both;width:auto;padding:0;margin:0;min-height:6px;border:none;} .links-alt {} .links-alt a {text-decoration:none;} .links-alt a:hover {text-decoration:underline;} .sidenav {} .sidenav-trim {background:url(../images/skin/bg/sidenav.jpg) no-repeat;padding:10px 15px 0 10px;} .sidenav-trim-btm {background:url(../images/skin/bg/sidenav.jpg) left bottom no-repeat; font-size:0;line-height:0;height:12px;display:block;} .sidenav h3 {padding:.1em 0 .9em;font-size:15px;font-weight:normal;} .sidenav li {padding:0 0 1em 12px;background:url(../images/skin/bg/sidenav-bullet.png) left .1em no-repeat;} .list-links {} .list-links li {background:url(../images/skin/bg/listlink-bullet.png) left .3em no-repeat; padding-left:12px;} .theme-border {border:1px solid #e4e4e4;border-width:0;} .product-list li {float:left;} .product-list a {text-decoration:none;} .product-list a:hover {text-decoration:underline;} .product-list p {padding:0;} #content .product-list li.first {margin-left:0;} #content .product-list li:first-child, #content .product-list li.clr + li {margin-left:0;} .product-thumb {display:block;margin-bottom:10px;} .product-thumb img {display:block;} .product-price {font-weight:bold;} .product-price strong {color:red;text-transform:uppercase;display:block;font-weight:bold;} .list-fields {font-size:13px;} .list-fields li {padding:0 0 0.7em;background:0;font-weight:normal;} .list-fields .a {float:left;text-align:right;min-height:10px;_height:10px; padding:.2em 9px 0 0;width:180px; text-transform:uppercase; line-height:2.2em;} .list-fields .b {float:left;position:relative;} .list-fields .field-tip {position:absolute;left:-999em;top:0; background:url(../images/skin/bg/helper_grey.gif) no-repeat; width:200px;padding:7px 17px;} .list-fields .hint {font-size:11px;padding:.4em 0 0;color:#666;} .list-fields input.image {position:relative;left:-3px;} .list-fields.no-pad .a {padding-top:0;} span.req {font-size:140%;line-height:.3;vertical-align:middle; color:#F33;padding:0 .1em;} .ie6 span.req, .ie7 span.req {line-height:1;} .list-fields .field-error .a {font-weight:bold;color:red;} .list-fields .field-error input.text, .list-fields .field-error select, .list-fields .field-error textarea {outline:1px solid red;border-color:red;} .list-fields .field-counter {padding:.2em 0 .5em;color:#666;} .list-static {} .list-static li {border-top:1px solid #E4E4E4;padding:.7em 0;} .list-static .a, .list-static .b {padding-top:0;position:static;} .list-static .a {font-weight:bold;padding-right:20px;} .list-data-read {} .list-data-read li {padding:0 0 .5em;} .list-data-read .a {font-size:inherit;padding:0 20px 0 0;} .list-data-read .a, .list-data-read .b {position:static;} .list-data-read-greybox {background-color: #e4e4e4; border-right: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; padding-top: 10px;} .list-data-read-greybox-cont {background-color: #e4e4e4; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; paddinactiveg-top: 10px;} .layout-form .column-1 {width:850px;} .layout-form .field-group {padding:1.5em 0 1em;} .layout-form .field-group.first {border-top:0;} .layout-form .field-group h2 {padding-bottom:.8em;} .layout-form .field-group input.text, .layout-form .field-group textarea {width:24em;} .layout-form .PPcolumn-1 {width:640px;} .layout-form h1 small {font-size:12px;padding-left:.5em;} .instruction {font-weight:bold;padding:0 0 0; float:right;} .input-hint {color:#666;} .shadow-box {width:431px;} .shadow-box .trim, .shadow-box .trim-btm {background-image:url(../images/skin/bg/white-on-shadow.png); background-repeat:no-repeat;} .shadow-box .trim {padding:18px 18px 0;} .pointer {position:absolute;width:146px;top:223px;left:184px;color:#fff;font-size:11px;} .pointer div {padding:11px 10px 0 34px; background:url(../images/skin/bg/pointer-left.png) no-repeat; min-height:33px; _height:33px; _background-image:url(../images/skin/bg/pointer-left-ie6.png);} .pointer a {color:#fff;} .pointer .cta {text-transform:uppercase;font:12px georgia,serif;text-decoration:none; background:url(../images/skin/bg/arrow-white-on-black.png) right center no-repeat;padding-right:10px;} .pointer .cta:hover {text-decoration:underline;} .pointer-btm {height:6px;font-size:0;line-height:0;display:block; background:url(../images/skin/bg/pointer-left.png) left bottom no-repeat; _background-image:url(../images/skin/bg/pointer-left-ie6.png);} .pointer-right div {padding:11px 24px 0 16px; background:url(../images/skin/bg/pointer-right.png) no-repeat; min-height:33px; /* text-align:right; padding:11px 30px 0 11px; */ _height:33px; _background-image:url(../images/skin/bg/pointer-right-ie6.png);} .pointer-right .pointer-btm {background:url(../images/skin/bg/pointer-right.png) left bottom no-repeat; _background-image:url(../images/skin/bg/pointer-right-ie6.png);} .product-colour-options {display:block;clear:right;} .product-colour-options span {background:#000;color:#fff; text-transform:uppercase;font-size:9px;text-decoration:none; display:inline-block;padding:1px 10px;margin-top:3px;} .product-colour-options a {background:#E0E0E0;color:#666; text-transform:uppercase;font-size:9px;text-decoration:none; display:inline-block;padding:0px 5px;margin-top:2px;} .trim-btm {display:block;height:5px;font-size:0;background-position:left bottom;} .underline {border-bottom:1px solid #CCC;padding-bottom:4px;margin-bottom:12px;} .notification {margin-bottom:10px;background:#eceded;padding:10px;} .notification-bottom {margin-top:10px;background:#fdcbe7 url(../images/skin/bg/pink-grad.png) repeat-x; padding:10px;font-weight:bold;} .notification-image{ padding:0 5px 0;} .notification-bottom-image{padding:0 5px 0;} .layout-shopping-bag .notification, .layout-shopping-bag .notification-bottom {height:25px;} .layout-shopping-bag .notification img, .layout-shopping-bag .notification-bottom img {display:block; float:left; } .layout-shopping-bag .notification span, .layout-shopping-bag .notification-bottom span {display:block; float:left; } /*--------------------------------------------------------------------------------------------- Promotional pages ------*/ .breadcrumbs { z-index: 1; } .splash-promo {background-repeat:no-repeat;position:relative;width:960px;} .splash-promo-hitarea {position:absolute;overflow:hidden;text-indent:-999em;background-repeat:no-repeat; background-position:0 -9999px;} .splash-promo-hitarea:hover {background-position: 0 0;} #home-promo {height:400px;} #shop-promo h1 {padding: 0;} /* --- @shopcta --- */ #shop-promo-hitarea { top: 1px; left: 380px; width: 476px; height: 239px; } /* --- end shopcta --- */ #shop-promo-sidebox-shadow {position:absolute;top:210px;right:4px;height:201px;width:611px; background:url(../images/skin/bg/shop-promo-box-shadow.png) 0 0 no-repeat;} #shop-promo-sidebox {position:absolute;width:599px;height:190px;right:9px;top:216px;} #shop-promo-sidebox .unit {position:absolute;width:105px;top:8px; text-align:center;} #shop-promo-sidebox .unit a {display:block;} #shop-promo-sidebox .unit .img-wrapper {} #shop-promo-sidebox .unit .img-wrapper img {height: 122px; width: 103px; display: block; margin-bottom: 3px; cursor:pointer;} #shop-promo-sidebox .double .img-wrapper img {width: 224px; } #shop-promo-sidebox .unit h3 {padding:0;font:10px/1.1 arial,sans-serif;} #shop-promo-sidebox .unit .product-price strong {display:block;} #shop-promo-sidebox .unit .product-headline {margin:0 -1px;} #shop-promo-sidebox .a {left:7px;/*text-align:left;*/} #shop-promo-sidebox .b {left:128px;} #shop-promo-sidebox .c {left:247px;} #shop-promo-sidebox .d {right:128px;} #shop-promo-sidebox .e {right:8px;} #shop-promo-sidebox .double {width:225px;/*text-align:left;*/right:8px;} #celebrity-feature-extended {position:absolute;width:305px;color:#000;left:-9999em;} #celebrity-feature-extended .inner, #celebrity-feature-extended .trim-btm { background-image:url(../images/skin/bg/celebrity-feature.png); _background-image:url(../images/skin/bg/celebrity-feature-ie6.png);} #celebrity-feature-extended .inner {padding:14px 14px 10px;line-height:1.4;font-size:11px;} #celebrity-feature-extended .trim-btm {height:8px;} #celebrity-feature-extended .fl {width:105px;font-style:italic;} #celebrity-feature-extended .fr {width:162px;} #celebrity-feature-extended ul {padding:0 0 .5em;} #celebrity-feature-extended h2 {font-size:15px;font-weight:normal;padding:0 0 .3em;} #celebrity-feature-extended h3 {font-size:13px;font-weight:normal;padding:.5em 0 .2em;} #celebrity-feature-extended a {color:#000;} #celebrity-feature-extended a:hover {text-decoration:none;} #shop-promo-cta a {position:absolute;bottom:-26px;right:8px;background:#000; color:#fff;font:bold 13px arial,sans-serif;padding:5px 20px 5px 20px;text-decoration:none; background:#000 url(../images/skin/bg/arrow-white-on-black.png) 10px center no-repeat;} #shop-promo-cta a:hover {text-decoration:underline;} /*--------------------------------------------------------------------------------------------- Product list ------*/ .layout-product-list {} .layout-product-list .column-1 {width:183px;} .layout-product-list .column-2 {width:732px;} .layout-product-list .column-1 h2 {text-transform:uppercase; font-size:17px;} .layout-product-list .column-1 ul {padding:0;line-height:1.5;float:left;margin-bottom:1em;} .layout-product-list .column-1 h3 {font-size:11px;border-top:1px solid #B6B6B6;padding-top:1em;color:#888888;text-transform:uppercase;font-weight:normal;clear:both;} .layout-product-list .column-1 .filter-colour li, .layout-product-list .column-1 .filter-size li {width:90px;float:left;} .layout-product-list .column-1 .filter-size {width:90px;} #product-banner {margin:2px 0 .25em;} .col-head {display:block;min-height:2.4em;padding-top:1em;width:100%;} #product-search-toolbar form {float:left;} .ie #product-search-toolbar form {margin-top:-4px;} #product-search-toolbar .product-pager, #product-search-status {float:right;padding-top:.1em;padding-right:2px;} #product-search-status {padding-right:20px;} .product-footer {text-align:left;padding:3px 2px 3px 2px; height:30px;} .product-footer .facebook-like-btns {float:left;} .product-pager .current-page {text-decoration:underline;} .product-pager .current-page, .product-pager a {padding-right:0.3em;} .product-pager .show-all {color:#888888;text-transform:uppercase;font-size:11px;padding-right:1em;} .product-pager .divider {padding:0 .2em;} .product-pager.tr {border-top:1px solid #D6D6D6;padding:1em 0;} #product-search-results {font-size:11px;padding:1em 0 .5em;margin-left:1px;border-top:1px solid #B6B6B6;line-height:1.3;} #product-search-results .product-thumb {margin-bottom:.5em;} #product-search-results li > a {display:block;} #product-search-results a img {cursor:pointer;} .webkit #product-search-results a:hover {text-decoration:none;} .webkit #product-search-results a:hover span {text-decoration:underline;} /*#product-search-results li {margin-right:6px;zoom:1;width:170px;padding:3px; position:relative; border: 1px solid #D6D6D6; min-height:282px;}*/ .product-search-results-li-nonButton {margin-right:6px;zoom:1;width:170px;padding:3px; position:relative; min-height:273px;} .product-search-results-li-button {margin-right:6px;zoom:1;width:170px;padding:3px; position:relative; min-height:282px;} #product-search-results .product-price {float:right; text-align:right;margin-top:2px;} #product-search-results .product-price-nonButton {font-weight:bold;color:#000;padding:2px 0;} .product-price-nonButton .sale-price {color: Red;} #product-search-results .product-price strong {padding-left:10px;display:inline;} /* @productbadges */ .product-badge { background:transparent url(../images/skin/symbols/badges/just-in.png) no-repeat 0 0; width:50px;height:50px;right:7px; top:9px;position:absolute;background-repeat:no-repeat;overflow:hidden;text-indent:-99em;} .product-badge-newin {background-image:url(../images/skin/symbols/badges/new-in.png);} .product-badge-bestseller {background-image:url(../images/skin/symbols/badges/BestSeller.png);} .product-badge-webexclusive {background-image:url(../images/skin/symbols/badges/WebExclusive.png);} .product-badge-celeb {background-image:url(../images/skin/symbols/badges/celeb.png);} .product-badge-sale {background-image:url(../images/skin/symbols/badges/sale.png);} .product-badge-ohsoyou {background-image:url(../images/skin/symbols/badges/ohsoyou.png);} .product-badge-catwalk-video {background-image:url(../images/skin/symbols/badges/catwalkVideo.png);} .product-badge-trend-alert {background-image:url(../images/skin/symbols/badges/trend-alert.png);} .product-badge-lipsy-loves {background-image:url(../images/skin/symbols/badges/LipsyLoves.png);} .product-badge-ten-pounds-off {background-image:url(../images/skin/symbols/badges/TenPoundsOff.png);} .product-badge-twenty-pounds-off {background-image:url(../images/skin/symbols/badges/TwentyPoundsOff.png);} .product-badge-fifty-pounds-off {background-image:url(../images/skin/symbols/badges/FiftyPoundsOff.png);} .product-badge-as-seen-in-press {background-image:url(../images/skin/symbols/badges/AsSeenInPress.png);} .product-badge-as-seen-on-celeb {background-image:url(../images/skin/symbols/badges/AsSeenOnCeleb.png);} .product-badge-back-detail {background-image:url(../images/skin/symbols/badges/BackDetail.png);} .product-badge-gift-ideas {background-image:url(../images/skin/symbols/badges/GiftIdeas.png);} .product-badge-hot-brand {background-image:url(../images/skin/symbols/badges/HotBrand.png);} .product-badge-longer-length {background-image:url(../images/skin/symbols/badges/LongerLength.png);} .product-badge-new-collection {background-image:url(../images/skin/symbols/badges/NewCollection.png);} .product-badge-pixie {background-image:url(../images/skin/symbols/badges/Pixie.png);} .product-badge-reserve-now {background-image:url(../images/skin/symbols/badges/ReserveNow.png);} .product-badge-vip {background-image:url(../images/skin/symbols/badges/VIP.png);} .tbl-search-options {margin:0 0 1.6em;width:100%;} .tbl-search-options th {font-weight:normal;text-align: left;} .tbl-search-options .action {text-align:right;} /*.tbl-search-options ul.filters {display:none;}*/ .tbl-search-options .option {padding:0px 0px 5px 0px; font-weight:bold;} .tbl-search-options .value {padding:2px 0px 2px 0px;} .tbl-search-options .action {text-align:right;} /*--------------------------------------------------------------------------------------------- Product Details ------*/ .layout-product-detail {border-left:none;border-right:none;padding:1em 0 0;} .layout-product-detail .product-images, .layout-product-detail .product-details {float:left;width:300px;position:relative;} .layout-product-detail .product-images {z-index:2;} .layout-product-detail .product-details {z-index:1;} .layout-product-detail .lipsy-loves-cont {float:right;} .layout-product-detail .main-prod-img img {width:295px;} .layout-product-detail .main-prod-img img, .layout-product-detail .thb-prod-imgs img {border:1px solid #B6B6B6;} /* CLOUD ZOOM */ .cloud-zoom-lens {border: 1px solid #888;margin:-1px;background-color:#fff;cursor:move;} .cloud-zoom-title {position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-size:10px;top:0px;} .cloud-zoom-big {border:1px solid #ccc;overflow:hidden;position:absolute;} .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;} .main-prod-img #wrap {width:300px;} /* END CLOUD ZOOM */ .img-controls {border:1px solid #B6B6B6;border-top:none;width:295px;padding:0;margin:0;height:20px;} .roll-over-to-zoom, .see-lrg-imgs {float:left;background:#fff url('../images/skin/lipsy_product_page_sprite.png') no-repeat;width:147px;height:20px;margin:0;} .roll-over-to-zoom {background-position: 21px -41px;border-right:1px solid #B6B6B6;} .see-lrg-imgs {background-position: 24px -61px;} .layout-product-detail .thb-prod-imgs {margin-top:3px;} .layout-product-detail .thb-prod-imgs li {float:left;margin-right:3px;} .layout-product-detail .thb-prod-imgs a {text-decoration:none;} .layout-product-detail .thb-prod-imgs img {width:95px;} .layout-product-detail .product-details {margin-left:10px;width:410px;} .layout-product-detail .product-details h1 {font-size:20px;} .layout-product-detail .product-details h2.product-price {font-size:22px;padding-bottom:0.5em;color:#333;} .layout-product-detail .product-desc, .layout-product-detail .model-details {padding-bottom:1em;text-align:justify;} .layout-product-detail .model-details {color:#999;} .layout-product-detail .colour-dd select, .layout-product-detail .size-dd select {min-width:15em;margin:0.25em 0 0.1em;height:2em;padding:0.2em;} .layout-product-detail .colour-dd label, .layout-product-detail .size-dd label {width:7em;display:inline-block;zoom:1;*display:inline;} .layout-product-detail .error-size {padding:0.5em 0 0 7.2em;display:block;} .size-guide-icon {background:#fff url('../images/skin/lipsy_product_page_sprite.png') no-repeat 0 0;width:46px;height:19px;display:inline-block;zoom:1;*display:inline;margin-bottom:-3px;margin-left:5px;} .layout-product-detail .bag-btns-cont {margin-top:0.5em;} .layout-product-detail .outer-tab-cont {margin: 1.5em 0 10px;float:left;width:100%;border-left: 1px solid #999} .layout-product-detail ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 21px;border-bottom: 1px solid #999;} .layout-product-detail ul.tabs li {float: left;margin: 0;padding: 0;height: 20px;line-height: 20px;border: 1px solid #999;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative;width:132px;margin-left:4px;} .layout-product-detail ul.tabs li a, .layout-product-detail ul.tabs li input {text-decoration: none;display: block;text-align:center;border: 1px solid #fff;outline: none;background:none;} .layout-product-detail ul.tabs li input {border:none;display:inline-block;zoom:1;*display:block;width:100%;font-size:12px;cursor:pointer;} .layout-product-detail ul.tabs li a:hover, .layout-product-detail ul.tabs li input:hover {background: #ccc;} html .layout-product-detail ul.tabs li.active, html .layout-product-detail ul.tabs li.active a:hover {background: #fff;border-bottom: 1px solid #fff;} .layout-product-detail .tab_container {border: 1px solid #999;border-top: none;clear: both;float: left;width:408px;border-left:none;background: #fff;} .layout-product-detail .tab_content {padding: 1em 1em 0em;} .layout-product-detail ul.tabs li:first-child {margin-left:0;border-left:none;} .layout-product-detail .tab_content h4, .layout-product-detail .tab_content p {display:block;} .layout-product-detail .tab_content h4 {padding-bottom:0;} .layout-product-detail .tab_content p {padding-bottom:1em;text-align:justify;} .layout-product-detail .tab-col {float:left;width:175px;} .layout-product-detail .tab-col p {text-align:left;} .layout-product-detail .btn-tell-frnd {background:#fff url('../images/skin/lipsy_product_page_sprite.png') no-repeat 0 -20px;width:93px;height:20px;display:inline-block;zoom:1;*display:inline;} .layout-product-detail .social-btns > span {float:left;width:120px;} .layout-product-detail .social-btns > span.email-friend {width:113px;} .lipsy-loves-cont .product-thumb {margin-bottom:5px;} .lipsy-loves-cont img {width:95px;border:1px solid #B6B6B6;} .lipsy-loves-cont .product-colour-options {padding-top:2px;} .lipsy-loves-cont .product-colour-options a {padding:2px 6px;background-color:#E0E0E0;color:#666;} .lipsy-loves-cont h2 {color:transparent;background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat -120px -120px;height:25px;width:130px;display:block;margin-bottom:1em;padding:0;} .lipsy-loves-cont {font-size:11px;} .lipsy-loves-cont .product-price {font-weight:bold; color:#000;} #content .lipsy-loves-cont #related-products li, #list-related-products-2col li {width:97px;margin-left:10px;float:left;min-height:195px;margin-bottom:5px;} .layout-product-detail .lipsy-loves-cont .product-list {width:215px;} .layout-product-detail .lipsy-loves-cont #related-products li:nth-child(2n+1) {clear:left;} #celebrity-focus {overflow:hidden;zoom:1;} #celebrity-focus img.fl {padding:2px 15px 5px 0;} #basket-status {overflow:hidden;zoom:1;margin-bottom:1.5em;} #basket-status .added-to-bag {width:200px;padding:0;float:left;font-weight:normal;} #basket-status .added-to-bag h2, #basket-status .added-to-bag p {display:inline;} #basket-status .added-to-bag h2 {font-size:12px;font-weight:bold;} #basket-status .added-to-bag ul {margin-top:1em;padding-bottom:0;} #basket-status .go-to-bag {float:right;margin:5px 0;} #basket-status .full-width {width:100%;} #basket-status .full-width li {float:left;margin-right:2em;} .laundry-symbols span {display:block;padding:0 0 .7em;} .laundry-symbols img {padding-right:2px;vertical-align:middle;} #divAddedToBag {width:450px;} #bag-update {border:none;background-color:#fff;width:450px;min-height:0;} #bag-update .product-thumb {margin-right:1em;} #bag-update ul {padding-bottom:0.5em;} #bag-update h2 {display:inline;} #bag-update .btn-cont {margin:0.5em 0 0.5em 4.5em;float:left;clear:left;width:100%;} #bag-update img {border:none;} #bag-update a:visited {color:#fff;} a.care-link {color:#777777;} /*--------------------------------------------------------------------------------------------- Shopping bag ------*/ .hdr-my-shopping-bag {background: #fff url('../images/skin/lipsy_checkout_sprite.png') no-repeat 0 -65px;display:block;width:320px;height:50px;clear:both;margin:2em 0 1em 0;} .basket-cont {font-size:13px;} .tbl-shopping-bag {width:100%;} .tbl-shopping-bag th, .tbl-shopping-bag td {padding:.5em 10px;} .tbl-shopping-bag th {background-color:#EAEAEA;color:#333;text-align:left;} .tbl-shopping-bag td {border-bottom:1px solid #e4e4e4;padding-top:1.3em;padding-bottom:1em;vertical-align:top;line-height:1.3;} .tbl-shopping-bag .item-hdr {padding-left:30px;} .tbl-shopping-bag .td-item {padding-top:1em;width:135px;padding-left:0;} .tbl-shopping-bag h3 {font:13px arial,sans-serif;padding-bottom:.2em;} .tbl-shopping-bag .tr-update .td-qty {padding:1em 0;} .tbl-shopping-bag .td-stock {width:180px;} .tbl-shopping-bag .td-stock .stock-message {color:#F3A9BB;} .tbl-shopping-bag .td-qty {width:150px;} .tbl-shopping-bag .td-qty input {text-align:center;} .tbl-shopping-bag .td-price strong {display:block;} .tbl-shopping-bag .td-price {font-weight:normal;width:120px;} .tbl-shopping-bag .td-total {font-weight:bold;} .tbl-shopping-bag .td-desc p {padding:0;} .tbl-shopping-bag .td-item .product-thumb img {border:none;} .tbl-shopping-bag .td-item .product-thumb {margin-bottom:0;} .tbl-shopping-bag .td-qty .btn-lnk {text-transform:uppercase;} .tbl-shopping-bag .value-hdr, .tbl-shopping-bag .value, .shopping-bag-cont-row .right-panel .value {width:85px;display:block;text-align:right;} .order-flow-navigation {margin:0;} .order-flow-navigation .back, .order-flow-navigation .note {float:left;} .order-flow-navigation .forward, .order-flow-navigation .update {float:right;margin-left:1em;} span.noitems {display:block;} a.noitems {margin-top:1em;} .shopping-bag-cont-row {padding:10px 0;border-bottom:1px solid #E4E4E4;position:relative;width:100%} .shopping-bag-cont-row .left-panel {width:430px;float:left;padding-left:0;clear:both;} .shopping-bag-cont-row .right-panel {width:490px;position:absolute;bottom:0;right:0;margin-bottom:1em;} .secure-shopping-logo {background: #fff url('../images/skin/lipsy_checkout_sprite.png') no-repeat 0 0;display:inline-block;width:200px;height:61px;margin-top:0.5em;zoom:1;*display:inline;} .mastercard-securecode-logo, .verified-by-visa-logo {background: #fff url('../images/skin/lipsy_checkout_sprite.png') no-repeat;display:inline-block;width:100px;height:60px;margin-left:10px;zoom:1;*display:inline;} .mastercard-securecode-logo {background-position:-206px 0;} .verified-by-visa-logo {background-position:-312px 0;} .shopping-bag-cont-row .right-panel .label {float:left;width:330px;clear:left;padding:5px 10px;} .shopping-bag-cont-row .right-panel .value {float:left;padding:5px 10px;} .shopping-bag-cont-row .right-panel .total {border-top:1px solid #000;margin-top:10px;padding-top:10px;font-size:18px;} .shopping-bag-cont-row .right-panel .del-cost {padding-top:10px;} .shopping-bag-cont-row .shopping-bag-totals {position:relative;float:right;margin-bottom:0;} .shopping-bag-cont-row .del-dest-dd {width:330px;} .promo-btn {border:none;background-color:transparent;cursor:pointer;text-transform:uppercase;text-decoration:underline;font-size:18px;margin:0;padding:0;color:#333;text-align:left;zoom:1;*display:inline;width:300px;} .promo-btn-expander {background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat -190px -30px;display:inline-block;width:13px;height:13px;padding:0;margin:0;border:none;cursor:pointer;zoom:1;*display:inline;} .shopping-bag-promo {margin-bottom:1em;} .shopping-bag-promo .left-panel {padding-left:35px;width:400px;} .shopping-bag-promo .promo-intro {float:right; width:285px;margin:15px 0;text-align:justify;} .shopping-bag-promo .promo-notification {display:block;color:Red;margin-top:1em;} .shopping-bag-promo .promo-entry {clear:both;} .shopping-bag-promo .promo-entry label {text-transform:uppercase;display:inline-block;zoom:1;*display:inline;width:150px;vertical-align:top;padding-top:4px;} .shopping-bag-promo .promo-entry-field {display:inline-block;zoom:1;*display:inline;} .shopping-bag-promo .promo-entry-field .btn {margin-top:0.5em;} /*--------------------------------------------------------------------------------------------- Email a friend ------*/ #email-a-friend .a {width:88px;} /*--------------------------------------------------------------------------------------------- Account ------*/ .layout-account {} .layout-account h1 br {display:none;} .layout-account h1 small {font-size:18px;padding-left:.5em;} .layout-account h2 {padding:.5em 0 .8em;} .layout-account-trim {width:705px;position:relative;} .layout-account .column-1 {width:464px;} .layout-account .column-2 {width:220px;} .layout-account .column-2 .address {padding:0 0 1.5em;} .layout-account .column-2 .meta {font-size:10px;padding:0 0 .8em;} .layout-account .column-2 h3 {font-size:12px;padding:0;} .layout-account .btn {margin-left:-3px;} .layout-account .field-group {border-bottom-width:1px;padding:0 0 1em;margin-bottom:.2em;position:relative;} .layout-account .field-group input.text, .layout-account .field-group textarea {width:24em;} .layout-account .column-group {padding:0 0 1.5em;} #account-toolbar {padding:0 0;position:relative;} #account-toolbar .help {position:absolute;right:0;top:.2em;} #account-logout {position:absolute;top:11px;right:0;} #lipsy-loves {padding:.2em 0 2em;border-top-width:1px;} #lipsy-loves li {width:105px;margin-left:15px;} #lipsy-loves li.first {margin-left:0;} #nav-account {padding:0;margin:0 0 1em -4px;} #nav-account li {float:left;} #nav-account a {float:left;text-align:center;padding:5px 0 10px;color:#333;text-decoration:none;background:#EAEAEA url(../images/skin/lipsy_button_sprite_fff.gif) center -60px no-repeat;text-transform:uppercase;} #nav-account a.active {background-position:center -90px;color:#000;} #nav-account a.active span {border-color:#EAEAEA;color:#fff;} #nav-account li.first a {background-position:left -60px;} #nav-account li.first a.active {background-position:left -90px;} #nav-account li.last a {background-position:right -60px;} #nav-account li.last a.active {background-position:right -90px;} #nav-account a span {border-left:1px solid #908f8f;border-right:1px solid #333; padding:0 19px;} #nav-account li.first span {padding-left:26px;border-left:0;} #nav-account li.last span {padding-right:25px;border-right:0;} .tbl-order-history {border-bottom:2px solid #fff;} .tbl-order-history th {vertical-align:top;} .tbl-order-history th a {font:10px arial,sans-serif;color:#fff;} .tbl-order-history .td-items, .tbl-order-history .td-status {font-weight:bold;} .tbl-order-history ol {list-style:decimal inside;} #order-history-toolbar {padding:0 0 2em;position:relative;} #order-history-toolbar select {margin:0 .3em;} #order-history-toolbar .help {position:absolute;right:0;top:.2em;} /*--------------------------------------------------------------------------------------------- View order ------*/ .tbl-view-order {} .tbl-view-order .td-desc {line-height:1.5;} .tbl-view-order .th-qty, .tbl-view-order .td-qty {text-align:center;width:15%;} .tbl-view-order .th-total, .tbl-view-order .td-total {text-align:right;width:20%;} .tbl-view-order-total {border-bottom:0;width:100%;text-align:right;} .tbl-view-order-total td {width:20%;font-weight:bold;padding:0.3em 10px;} .tbl-view-order-total th {text-align:right;} #view-order-toolbar {position:relative;padding:1em 0 .5em;} .print-page {position:absolute;right:0;top:.2em;text-decoration:none; background: url(../images/skin/symbols/icons/printer.png) 0 0 no-repeat; padding:1em 0 1em 38px;} .content .print-page:hover {text-decoration:underline;} /*--------------------------------------------------------------------------------------------- Get the look ------*/ .layout-get-the-look { padding: 16px 8px 5em 8px; color: #FFF; background: #000; } /*url('../images/temp/gtl_grid.png') top left repeat-y; }*/ .layout-get-the-look #breadcrumbs, .layout-get-the-look a, .layout-get-the-look h1 { color: #FFF; } .layout-get-the-look a.largeLink { font-size: 1.2em; } .layout-get-the-look .cb { clear: both; } .layout-get-the-look .column { float: left; margin-left: 16px; } .layout-get-the-look .col-1 { margin-left: 0; } .layout-get-the-look .column-group { clear: both; } .layout-get-the-look .group-fifty .col-1, .layout-get-the-look .group-fifty .col-2, .layout-get-the-look .group-two-one-one .col-1 { width: 464px; } .layout-get-the-look .group-quarters .column, .layout-get-the-look .group-three-one .col-2, .layout-get-the-look .group-two-one-one .col-2, .layout-get-the-look .group-two-one-one .col-3 { width: 224px; } .layout-get-the-look .group-three-one .col-1 { width: 704px; } .layout-get-the-look .group-fifty .split-fifty {} .layout-get-the-look .group-fifty .split-fifty .one { float: left; width: 224px; } .layout-get-the-look .group-fifty .split-fifty .two { float: left; width: 224px; margin-left: 16px; } .layout-get-the-look .group-fifty .split-fifty .split-fifty {} .layout-get-the-look .group-fifty .split-fifty .split-fifty .one, .layout-get-the-look .group-fifty .split-fifty .split-fifty .two { width: 104px; } /* boxen */ .layout-get-the-look .box { margin-bottom: 16px; } .layout-get-the-look .box img.has-margin { margin-bottom: 1em; } .layout-get-the-look .box-double-margin { margin-bottom: 32px; } .layout-get-the-look .box-huge-margin { margin-bottom: 52px; } .layout-get-the-look .box-centre-aligned { text-align: center; } .layout-get-the-look .box-faux-vcentred { margin-top: 3em; } .layout-get-the-look .box-ox-top { margin-top: 14px; } .layout-get-the-look .box-grey { background: #363636; padding: 10px; zoom: 1; } .layout-get-the-look .box-super { margin: -4px; margin-bottom: 16px; padding: 4px; } /* crash! */ * html .layout-get-the-look .box-super { margin: 0; } /* who cares */ .layout-get-the-look .box-white { background: #FFF; zoom: 1; } .layout-get-the-look .box-pink { background: url('../images/skin/bg/gtl_pinkBox-bottom.png') 50% 100% no-repeat; zoom: 1; } .layout-get-the-look .box-pink .inner { background: url('../images/skin/bg/gtl_pinkBox-top.png') 50% 0 no-repeat; padding: 16px 16px 0.7em 92px; color: #333; } .layout-get-the-look .box-pink .inner img { margin: -5px 0 0 -92px; float: left; } .layout-get-the-look .box-pink h2 { margin-left: -92px; background: #fb6bbf; line-height: 1em; padding: 2px 4px 5px 92px; margin-bottom: 0.3em; } .layout-get-the-look .box-pink h2 a { text-decoration: none; color: #333; } .layout-get-the-look .box-last { margin: 0; } .layout-get-the-look .box-has-photo { padding-left: 120px; } .layout-get-the-look .box-has-photo img { margin-left: -110px; float: left; } /* specific column groups */ .layout-get-the-look .group-greyAndPink { width: 988px; margin-bottom: 16px; margin-left: -22px; background: #363636 url('../images/skin/bg/gtl_pinkGreyBox-bottom.png') -8px 100% no-repeat; } /* crunch! */ .layout-get-the-look .group-greyAndPink .inner { padding: 24px 22px; background: url('../images/skin/bg/gtl_pinkGreyBox-top.png') -8px 0 no-repeat; } .layout-get-the-look .group-greyAndPink .box { margin-bottom: 0; } /*--------------------------------------------------------------------------------------------- Get the look: celeb -*/ .layout-gtl-celebrity { width: 960px; padding: 16px 22px; margin-left: -22px; } .layout-gtl-celebrity .sep { height: 28px; width: 960px; margin-left: -8px; background: url('../images/skin/bg/singleDot.png') 0 50% repeat-x; } .layout-gtl-celebrity .section { position: relative; width: 960px; margin-left: -8px; } .layout-gtl-celebrity .section .introText { position: absolute; top: 0; left: 0; background: #FFF url('../images/skin/bg/gtlceleb-intro-bg.png') bottom left no-repeat; color: #464646; width: 345px; margin-left: 8px; padding-bottom: 1em; font-size: 1.17em; /* 14pt */ } .layout-gtl-celebrity .section .introText p { font-style: italic; margin-bottom: 1em; } .layout-gtl-celebrity .section .introText h2 { font-size: 2.86em; line-height: 1.2em; } /* 40pt */ .layout-gtl-celebrity .section .introText h2 span { display: block; font-style: italic; } .layout-gtl-celebrity .section .introText h2 strong { display: block; font-size: 1.6em; font-weight: normal; } .layout-gtl-celebrity .pointer { width: auto; max-width: 350px; padding: 0; padding-bottom: 4px; left: auto; } .layout-gtl-celebrity .pointer div { background: transparent none; padding: 0; padding-top: 8px; min-height: 30px; } .layout-gtl-celebrity .pointer div a:link { font: bold 1.09em Georgia, serif; text-transform: uppercase; text-decoration: none; } .layout-gtl-celebrity .pointer-left { background: url('../images/skin/bg/pointer-resize-left.png') top left no-repeat; padding-left: 25px; } .layout-gtl-celebrity .pointer-left div { padding-right: 8px; } .layout-gtl-celebrity .pointer-right { background: url('../images/skin/bg/pointer-resize-right.png') top right no-repeat; padding-right: 25px; } .layout-gtl-celebrity .pointer-right div { padding-left: 8px; } /*--------------------------------------------------------------------------------------------- Content and table ------*/ .dress-size{clear:both;width:664px;background:#FFF url(../images/skin/bg/figure.gif) right 4em no-repeat;margin-bottom:20px;} .dress-size table{line-height:1.5em;text-align:left;width:35em;} .dress-size table caption{font-size:1.5em;text-align:left;padding-bottom:10px;} .dress-size table tr{} .dress-size table tr.odd{} .dress-size table tr.even{background-color:#f2f2f2;} .dress-size table tr th{padding:4px 4px 4px 8px;vertical-align:top;text-align:left;} .dress-size table tr.odd th{border-top:4px solid white;border-bottom:4px solid white;} .dress-size table tr.even th{} .dress-size table tr td{padding:4px;} .dress-size table tr.odd td{border-top:4px solid white;border-bottom:4px solid white;} .dress-size table tr.even td{} table.x-axis{line-height:1.5em;text-align:left;width:35em;} table.x-axis caption{font-size:1.5em;text-align:left;padding-bottom:16px;} table.x-axis th{padding: 4px 8px 4px 8px;font-size:1.25em;font-weight:normal;color:#FFF;background:#757575 url(../images/skin/bg/table-header.gif) top repeat-x} table.x-axis tr td{padding: 4px 8px 4px 8px} /*--------------------------------------------------------------------------------------------- Conact us page ------*/ body.contactus .sidenav{margin-bottom:15px;} body.contactus .stubby{background:transparent url(../images/skin/bg/sidenav.gif) no-repeat} /* Graphic for shorter panels */ body.contactus .sidenav h2{border-bottom:1px solid white;padding-bottom:2px;margin-bottom:4px;clear:both;} body.contactus .sidenav h3 {font-size:14px;font-weight:bold;padding:2px 0 4px 0;} body.contactus .h2link{text-align:right;position:absolute;margin:6px auto auto 0px;font-size:100%;} body.contactus .column-1 p{line-height:1.41em;} body.contactus .column-1 .h2link{width:208px;} body.contactus .column-2 .h2link{width:663px;} body.contactus .column-2 h2{border-bottom:1px solid #BBB;padding-bottom:2px;margin-bottom:6px;clear:both;} body.contactus .column-2 .leftCol{width:320px;float:left;} body.contactus .column-2 .rightCol{width:320px;float:right;} /*--------------------------------------------------------------------------------------------- Email me when available ------*/ body.emailme p.intro-paragraph{width:464px;} body.emailme .email-form{width:464px;float:left;} body.emailme .email-form .item{float:left;width:130px;text-align:right;margin-top:6px;} body.emailme .email-form .item p{} body.emailme .email-form .description{float:right;width:300px;margin-right:20px;} body.emailme .email-form .description input.text{width:290px;} body.emailme .email-form .description h2, .email-form .description p{font-size:1.5em;padding-bottom:5px;} body.emailme .email-form .description p.example{font-size:75%;font-color:#999;margin-bottom:12px;} .clearBoth{clear:both;width:95%;height:6px;} /*--------------------------------------------------------------------------------------------- Blog ------*/ h1#blog-main-h1 { background-image:url(../images/skin/lipsy-blog.gif); background-repeat: no-repeat; width: 705px; height: 147px; text-indent: -9999em; } h1#press-main-h1 { background-image:url(../images/skin/lipsy-press.gif); background-repeat: no-repeat; width: 705px; height: 147px; text-indent: -9999em; } .Blog #content {background-color:#000;color:#fff;} .Blog .content a, .Blog .content a:visited {color:#fff;} .Blog .layout-shopping-bag {padding-left:10px;padding-right:10px;} .lipsy-blog{float:left;width:720px;} .Blog .rss{height:30px;float:right;width:120px;text-align:right;padding-right:30px;padding-top:11px;background:transparent url(../images/skin/bg/pipe-rss.gif) right no-repeat} .Blog .column-1{width:692px;margin:0px 0px;padding:0px 0px;} .Blog .column-1 h3{font-weight:bold;} .Blog .column-1 h3.author{font-weight:bold;padding-bottom:0px;} .Blog .column-1 h3.author span{font-style:italic;} .Blog .column-1 h3 strong {text-decoration:underline;} .Blog .column-1 h3 span {font-weight:normal;} .photo-caption {font-style:italic;margin-top:6px;} .Blog #content h1, .Blog #content h2 {font-size:233.33%;font-weight:bold;padding-bottom:0px;} .Blog #content .underscore {text-decoration:none;border-bottom:2px solid #FFF;margin-right:0px;display:inline;} .Blog #content h3 {font-size:150%;} .Blog #content h2.bigger {font-size:166.67%;text-decoration:underline;} .Blog #content h4 {font-size:133.33%;} .Blog .column-1 p {margin-top:6px;} .Blog .column-2 {width:229px;float:right;padding-top:107px;} .Blog .column-2 h3 {border:none;margin-top:20px;} .Blog .column-2 p {margin-bottom:10px;} .Blog p.date {margin-top:4px;padding-bottom:.2em;} .content .list-tags {margin:.7em 0 .3em;padding:0;} .content .list-tags li {float:left;margin:0 5px 5px 0;background:0;padding-left:0px;zoom:1;} .column-2 .list-tags {margin-top:0;} .column-2 .list-tags li {float:none;margin-bottom:9px;} .content .list-tags a:visited, .content .list-tags a {padding:4px 9px;background-color:#FDCBE7;margin:4px 4px 4px 0px; color:#333;font-size:116.67%;line-height:1.6em;text-decoration:none;font-weight:bold;} .content .list-tags-archive a, .content .list-tags-archive a:visited {background-color:#fff;} .content .list-tags a:hover {background-color:#666;color:#fff;} .content .list-tags-archive .pressArchiveLi a, .content .list-tags-archive .pressArchiveLi a:visited{background-color:#666;color:#fff;} .content .list-tags .pressArchiveLi a:hover {background-color:#fff;color:#333;} .split-left{width:342px;float:left;} .split-right{width:342px;float:right;} .functional{margin:8px auto 22px auto;} .addthis_button{margin-top:2px;color:#333;text-decoration:none;} .comments{font-size:116.67%;} .Blog #list-related-products-2col{margin-top:8px;} .Blog p.product-colour-options span{color:#333;background-color:#FFF;} .Blog p.product-colour-options a{color:#333;background-color:#FFF;} .have-your-say{text-align:right;position:relative;top:3.6em;} .Blog #content h2.underline{text-decoration:none;} .Blog #content h2.overline{font-weight:normal;text-decoration:none;border-top:1px solid #CCC;padding:14px 0;} .Blog .comment-form {float:left;width:520px;padding-bottom:50px;} .Blog .comment-form fieldset{} .Blog .comment-form .comment-field{float:left;height:4em;width:490px;} .Blog .comment-form .comment-field label{float:left;font-size:112%;width:105px;text-align:right;} .Blog .comment-form .comment-field input{width:335px;margin-left:16px;} .Blog .comment-form .comment-field span.note{margin-left:121px;font-size:83%;} .Blog .comment-form .comment-field span{margin-left:12px; font-size:83%;} .Blog .comment-form .comment-field textarea{width:335px;height:9em;margin-left:16px;} .Blog .comment-form .comment-submit{float:left;} .Blog .comment-form .comment-submit input{margin-left:120px;margin-top:7.5em;} .btn-home{display:block;padding:20px 0 30px 140px;} /*--------------------------------------------------------------------------------------------- Additional CSS ------*/ /* =password reset ------------------------------------ */ #pw-homepage { text-align: right; padding-bottom: 2.5em; } /* =search results ------------------------------------ */ /* a tweak to Enable's CSS */ /*#product-search-results .img-wrapper { overflow: hidden; }*/ #product-search-toolbar fieldset { float:left; } /* changed Enables ID to a class. */ .product-banner {margin:2px 0 .25em;} .breadcrumbs {padding:0 0 1em;margin:-4px 0;} .breadcrumbs .level-marker {padding:0 .1em;} .Promo .breadcrumbs {position:absolute;left:0;top:2px;padding:6px 15px;background:#fff;opacity:.8;filter:alpha(opacity:80);} div.flow-area .f-search { margin-bottom: 3em; } div.flow-area .f-search .field { padding: 0 4px 0 0; } div.flow-area .f-search input.text { border: 1px solid #B6B6B6; width: 212px; } ul.search-tips { padding-bottom: 1em; } p#search-intro { padding: 0 0 1em; } /* =sitemap ------------------------------------ */ .sitemap .section { clear: both; position: relative; border-top: 1px solid #bababa; margin-bottom: 1.6em; padding-top: 5px; } .sitemap .first { border: 0; padding-top: 0; } .sitemap .section div { float: left; width: 200px; } .sitemap .section ul { padding: 0 0 1.2em; } .sitemap .section ul li { padding: 0 0 .5em; } .sitemap a.totop { position: absolute; right: 0; top: 15px; } /* =store search ------------------------------------ */ .store-search { margin-bottom: 1.6em; } .store-search-trim { background: transparent url(../images/skin/bg/store-search.jpg) no-repeat 0 0; padding: 12px 15px 0 10px; min-height: 130px; overflow:hidden; } .store-search-trim-btm { background:transparent url(../images/skin/bg/store-search.jpg) no-repeat left bottom; display:block; font-size:0; height:7px; line-height:0; } .store-search-trim p { margin-bottom: 1.4em; } .store-search input { font-size: 12px; vertical-align: baseline; } .store-search label { display: block; font-weight: bold; margin:0 0 .8em; } .store-search .postcode { border: 1px solid #bababa; margin: 0 0 .8em; padding: 2px 7px; width: 190px; text-transform: capitalize; } .store-search .radius { border: 1px solid #bababa; padding: 2px 7px; width: 18px; } .store-search input.image { margin: 16px 0 0 122px; } .store-search .invalid { margin-bottom: 4px; float: left; } div#map { margin: 3px 0 1em; position: relative; width: 665px !important; height: 430px !important; } .store-key { margin-left: 16px; } .store-key dl { margin: 0 0 3.6em; } .store-key dt { float: left; text-align: left; width: 31px; } .store-key dd { float: left; margin-right: 12px; padding-top: 5px; width: 100px; } .store-key dd.last { margin: 0; } table#store-results { margin: 0 0 3.2em; width: 100%; } table#store-results caption { font: bold 12px/18px georgia,serif; padding-bottom: 10px; text-align: left; } table#store-results caption em { text-transform:uppercase; font-style:normal; } table#store-results td { padding: 2px 6px 6px 0; } table#store-results .action { padding: 2px 0; } table#store-times { margin: 0 0 3.2em; width: 100%; } table#store-times caption { font: bold 14px/18px georgia,serif; padding-bottom: 10px; text-align: left; } table#store-times td { padding: 2px 0 6px 0; text-align: right; } table#store-times th { padding: 2px 6px 6px 0; text-align: left; } /* =miscellaneous rules ------------------------------------ */ .section-nx { padding-bottom:1em; padding-top:1em; } .bold { font-weight: bold; } p.intro { padding-bottom: 1.2em; } .layout-form .field-group input.postcode, .layout-account .field-group input.postcode { width: 10em; } .account-buttons {width:100%} .account-buttons td {vertical-align:top;} .account-logout {align:right;} .err { color: Red; } .list-data-read li.pad { padding-top: 0.5em; } p.pad { padding-bottom: 1.2em; } .field-group .important-note {color:Red; margin-bottom:1em;} /* =flash zoom ------------------------------------ */ #flashZoom { margin:0; height:570px; width:355px; overflow:hidden; min-height: 570px;} * html #flashZoom { position: absolute; top: 0px; z-index: 100; } /* =Product Error Page ------------------------------------ */ .errorPageDiv {background-image:url(http://content.lipsy.co.uk/ImagesA/CMSImages/Error_Page.jpg); background-repeat:no-repeat; height:610px;min-height:610px;} .errorPageProduct .content{width:960px; margin:0; padding:0;} .errorPageText{position: absolute; top: 220px; left: 76px; width: 391px; height: 285px;} .errorPageText p {font-size: medium;} .errorPageText a {font-size:large; color:#5C50DA;} .errorPageText .btn-home { padding:20px 0 30px 0;} .errorPageProduct .content {padding: 0; margin-bottom:0px;} /* BEGIN ROUNDED CORNERS */ .rnd {padding: 10px; margin-bottom:10px; height: auto; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; clear:both;} .rnd-content {position:relative;z-index:1;} .overlay-visible {display:block;position:absolute; top:0; left:0; width:100%; height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);} .overlay-visible .overlay-loading {width:100%; height:100%; position:relative;} .shopping-bag-promo .overlay-loading img {top:20%;} .overlay-visible img {position:absolute; left:50%; top:50%; margin-left:-15px; margin-right:-15px;} .overlay-hidden {display:none;} .rnd-pink {background: #FFEAF6;} .rnd-white {background: #FFF;} .rnd-white-pink-border {background: #FFF;border: solid 2px #FCD2EC;} .left-hand-column .rnd.outer {width: 695px;} .left-hand-column .rnd .inner {width: 665px; padding-left: 15px; padding-right:15px;} .right-hand-column .rnd.outer {padding:1em;} .rnd h2, .rnd h3 {font-family:Trebuchet MS1, Trebuchet MS, sans-serif; font-weight:bold;text-transform: uppercase;padding:0.3em 0 0.7em;margin:0;} .rnd h2 {font-size:16pt;} .rnd h3 {font-size:12pt;} .rnd-pink-title {position:relative;} .rnd-pink-title h3 {background-color: #FCD2EC; position:absolute; left:0; top:0; right:0; padding: 5px;} .rnd-pink-title .rnd-content {margin-top:30px;} .rnd.outer {margin: 1em 0;} /* hide the spans completely in case "span" is styled else where */ .rnd .tr, .rnd .bl, .rnd .br { display: none; } /* END ROUNDED CORNERS */ /* BEGIN GIFT CARD STYLING */ .giftCard_error {color:Red;} .GiftCardDiv fieldset {margin-top:0; position:relative;} .2-col-left, .2-col-right {float:left;} #gift-card-pin-lbl {width:auto; margin-left:1em;} .field-spaced, .field-spaced label {margin-left:0.5em;} .cbx-split-label input {margin-top:0.3em;} .GiftCardDiv .list-fields {margin-bottom: 0;} .gc-balance .b {padding-top:0.2em;} .gift-card-ul {list-style-type:disc; margin:0 2em 0 2em;} .gift-card-ul li {margin-bottom:0.5em;} .giftCard_error {color:Red;} /* END GIFT CARD STYLING */ .Magazine .content {padding: 0; margin-bottom:0px;} .magazine-item { float:left;width:200px; height:195px; margin:10px; border: 1px solid #999999;position:relative; } .magazine-item a {width: 200px; display:block; cursor:pointer; text-align:center;} .magazine-item img, .magazine-item img * { height:140px !important; width:200px; display:block; cursor:pointer; } .magazine-items { list-style-type: none; margin: auto auto 19px 15px; } .error-list {margin-bottom:1em;margin-top:1em;padding:1em 0 1em; border: solid 2px red;} .error-list .error-items, .error-list .error-icon {display:block; float:left;margin:1em;} .error-list .error-desc {width:42em; float:left; background: #fff url(../images/skin/bg/dot.gif) repeat-x bottom;} .error-list .dotted-fill {float:left;} .error-list .error-desc span, .error-list .error-link {background-color:#fff;} .error-list .error-desc span {padding-right:0.2em;} .error-list .error-link {padding-left:0.5em;} .error-list ul {margin-left:1em;margin-bottom:0;} .error-list li {padding-bottom: 0.5em;} .error-list .error-icon {margin-right:0;} .error-list .intro {font-weight:bold;} .error-highlighted {border: solid 2px red !important;} .clear {clear:both;} .plain-content{margin-top:1em;margin-bottom:2em;padding:2em;border:solid 2px #F8F8F8;} .more-options .button {background:#fff url(images/expand-collapse.png) no-repeat; padding-left:17px; margin-top:1em; height:17px; display:block; border:none; cursor:pointer;} .more-options .collapsed {background-position:0 -15px;} .more-options .expanded {background-position:0 0;} .field-container {background-color:#f6f6f6; border:solid 1px #eaeaea; padding:1em;margin-bottom:1em;margin-top:1em;} .field-container .important {color:Red;} .specific_amount_checkbox {padding-top:3px;height:15px; width:15px;} .submit_linkstyle { background:none; text-decoration:underline; border:none; margin:2px -2px; padding:0; cursor:pointer; padding-bottom:5px; } .remove_submit_linkstyle { background:none; border:none; padding:0; cursor:pointer; color:Black; text-decoration:none; font-size:12px; margin-left:-3px; margin-top:-1px; } ul.scriptEnabled, li.scriptEnabled, div.scriptEnabled, span.scriptEnabled {display:none;} /* AUTO IMAGE FADER */ .fade-elem { position:absolute; left:0; top:0; } .fade-container {position:relative;height:350px;} .fade-container span {position:absolute;top:0;left:0;z-index:8;} .fade-container span.active {z-index:10;} .fade-container span.last-active {z-index:9;} /* PRODUCT SLIDER */ .image-slider {display:block; background-color:#000000} .product-slider-container {display:block;clear:both;position:relative;height:450px;overflow:hidden; background-color:#000000;} .prod-slide-prev, .prod-slide-next {background:transparent url(../images/skin/btns/product_slider_sprite.png) no-repeat;display:block;width:138px;height:25px;margin-left:auto;margin-right:auto;cursor:pointer;} .prod-slide-prev {background-position:0 0;margin-bottom:0;} .prod-slide-next {background-position:0 -20px;margin-top:0;} .product-slider span {color:#333333;font-family:Century Gothic,sans-serif;text-transform:none;font-size:8pt;text-align:center;display:block;width:125px;margin-left:auto;margin-right:auto;} .product-slider li {padding-bottom:4px;} .product-slider img {padding-bottom:5px;} .product-slider-background {background-image: url('/Pixie/img/film.jpg'); background-repeat: repeat-y;} .product-slider-cell-padding {padding-left: 15px; padding-top: 2px;} /* LIGHTBOX */ .lightbox-overlay {position:absolute;top:0;left:0;background-color:#000;z-index:100;width:100%;opacity:0.0;filter: alpha(opacity=0);} .lightbox-content-container {position:fixed;top:50%;left:50%;z-index:101;padding:20px;background:#000;opacity:0.0;filter: alpha(opacity=0);} .lightbox-content-container .lightbox-close-btn {position:absolute;top:2px; right:2px;cursor:pointer;background:transparent url(../images/skin/btns/lightbox-close.png) no-repeat;width:60px;height:20px;} .lightbox-content {display:none;} /* SOCIAL NETWORK TICKER */ .socialNetwork_ticker { width:250px; } .socialNetwork_ticker ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; } /* Dropdown control */ .selectBox-dropdown {width: 210px; /* width = (desired width) - padding-right */padding-right: 40px;position: relative;border: solid 1px #BBB;line-height: 1.5;text-decoration: none;color: #000;outline: none;vertical-align: middle;background: #FAFAFA;background: -moz-linear-gradient(top, #FFFFFF 1%, #FAFAFA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FFFFFF), color-stop(100%, #FAFAFA));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FAFAFA', GradientType=0);-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);box-shadow: 0 1px 0 rgba(255, 255, 255, .75);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display: inline-block;cursor: default;} .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow {border-color: #666;} .selectBox-dropdown.selectBox-menuShowing {-moz-border-radius-bottomleft: 0;-moz-border-radius-bottomright: 0;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .selectBox-dropdown .selectBox-label {width: 100%;padding: .2em .3em;display: inline-block;white-space: nowrap;overflow: hidden;} .selectBox-dropdown .selectBox-arrow {position: absolute;top: 0;right: 0;width: 23px;height: 100%;background: #fff url('../images/skin/lipsy_generic_sprite.png') no-repeat -167px -28px;border-left: solid 1px #BBB;} /* Dropdown menu */ .selectBox-dropdown-menu {position: absolute;z-index: 99999;max-height: 200px;border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */background: #FFF;-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);box-shadow: 0 2px 6px rgba(0, 0, 0, .2);overflow: auto;} /* Inline control */ .selectBox-inline {width: 250px;outline: none;border: solid 1px #BBB;background: #FFF;display: inline-block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;overflow: auto;} .selectBox-inline:focus {border-color: #666;} /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A {list-style: none;display: block;cursor: default;padding: 0;margin: 0;} .selectBox-options LI A {line-height: 1.5;padding: 0 .5em;white-space: nowrap;overflow: hidden;background: 6px center no-repeat;} .selectBox-options LI.selectBox-hover A {background-color: #EEE;} .selectBox-options LI.selectBox-disabled A {color: #888;background-color: transparent;} .selectBox-options LI.selectBox-selected A {background-color: #C8DEF4;} .selectBox-options .selectBox-optgroup {color: #666;background: #EEE;font-weight: bold;line-height: 1.5;padding: 0 .3em;white-space: nowrap;} /* Disabled state */ .selectBox.selectBox-disabled {color: #888 !important;} .selectBox-dropdown.selectBox-disabled .selectBox-arrow {opacity: .5;filter: alpha(opacity=50);border-color: #666;} .selectBox-inline.selectBox-disabled {color: #888 !important;} .selectBox-inline.selectBox-disabled .selectBox-options A {background-color: transparent !important;} /* Lipsy Specific */ .selectBox-dropdown-menu .optLeft {float:left; width:320px;overflow:hidden;} .selectBox-dropdown-menu .optRight {float:right; width:50px;} selectBox-dropdown .optRight {display:none;} .selectBox-dropdown-menu {width:370px!important;} .confirm-emailsent {border-top: 1px solid grey; border-bottom: 1px solid grey; padding: 20px;}