/* * Main LENAS CSS * Contains header, footer, navs, main layouts & basket modal, shopping basket styles. */ /* For Demo store only */ .demo-notice {background:#000d2b; color:#fff;} /* Cookie Notice Styles */ .cookie { width:970px; margin:0 auto; background:#eee; border-top:5px solid white; border-right:5px solid white; border-left:5px solid white; } .cookie p { padding:10px 10px 10px 20px; float:left; width:760px; } .cookie p a { font-weight:bold; text-decoration:underline; } a#cookie-dismiss {display:block; float:right; width:150px; background:#C0C1C3; font-weight:bold; color:#5C5E5F; padding:5px; margin:15px 20px 15px 0; text-align:center;} /* SECTION TEMPLATES */ /* Mobile */ #le-mobile-content{display:none;} /* ===== Main decor ===== */ body, a, a:hover {color: #7c7d7e;} a {text-decoration: none;} a:hover {text-decoration: underline;} body {background: #e1f4f4;} .wrapper {background: #fff;} .ie-laser-padding{padding-top:5px;} /* Form Elements */ label {font-size: 0.9em;} input.input-text, textarea {border: 0;} input, select, textarea, button {color: #7c7d7e; font: 12px Arial, Helvetica, sans-serif;} input.input-text, textarea {background: #fff;} select {border: 1px solid #ccc;} /* Form Validation */ .validation-advice {background: url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color: #f00; font-size: 12px;} .validation-failed {border: 1px solid #f00 !important; background: #faebe7 !important;} .required {color: #f00;} /* Global Messages */ .update-your-browser, .update-your-browser p, .update-your-browser .title{display:none;} .success {color: #3d6611; font-weight: bold;} .error, .warning {color: #f00; font-weight: bold;} .notice {color: #ccc;} .error-msg, .success-msg, .note-msg, .warning-msg, .notice-msg {border-style:solid !important; border-width:1px !important; font-size: 1.1em !important;} .error-msg {background-color: #f9dae2; border-color: #d40839;} .error-msg h5 {border-bottom: 1px solid #d40839; color: #d40839;} .warning-msg {background-color: #f9dae2; border-color: #d40839;} .warning-msg h5 {border-bottom: 1px solid #d40839; color: #d40839;} .success-msg {background-color: #eef9d9; border-color: #8ed402;} .success-msg h5 {border-bottom: 1px solid #8ed402; color: #8ed402;} #delivery-restrictions .error-msg, .note-msg, .notice-msg {background-color: #fef2da; border-color: #f5aa00;} #delivery-restrictions .error-msg h5, .note-msg h5, .notice-msg h5, .warning-msg h5 {border-bottom: 1px solid #f5aa00; color: #f5aa00;} .note-msg p {} .error-msg a, .success-msg a, .note-msg a, .notice-msg a, .warning-msg a {font-weight:bold;} /* postcode lookup mssg */ #postcode-error p {font-size: 0.9em;} .header-alert-bar { height:33px; line-height:33px; background:#f6f6f6; font-size:1.2em; color:#5C5E5F; text-align:center; margin-bottom: 5px; } .header-alert-bar a {display:block; width:970px; height:33px; color:#5C5E5F; } .header-alert-bar-xmas { background:url('../images/header-alert-bar-xmas-gradient.jpg') top left no-repeat #82171e; color:#fff;} .header-alert-bar-xmas a {color:#fff;} .header-alert-bar-pandp { background: #e9dcc7; color:#92070c;} .header-alert-bar-pandp a {color:#92070c; text-decoration:none;} /* BreadCrumbs */ .breadcrumbs li {font-size: 0.9em;} /* Pager */ .pager .limiter {font-size: 0.9em;} .pager .pages li.pg a {color: #6ad3e6;} .pager .pages li.pg a, .pager .pages .current {font-weight: bold;} /* Previous & next */ a.previous, a.next {color: #6ad3e6; font-weight: bold;} a.previous {background:url('../images/common/arrow_444_back.gif') 0 50% no-repeat;} a.next {background:url('../images/common/arrow_444_fwd.gif') 100% 50% no-repeat;} /* Data Table */ .data-table th, .data-table td {border: 1px solid #ddd;} .data-table th .tax-flag {font-weight: normal;} .data-table th, .data-table td.label, .data-table th.label {font-weight: bold;} .data-table tbody.odd td, .data-table tbody.even td {border-width: 0 1px;} .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {border-bottom-width: 1px;} /* MASTER BRANDING BUTTONS */ /* SELECT */ .select-item label { display: none; } .select-item select.range-select { clear: both; display: block; margin-bottom: 5px; width: 100%; } /* QTY BUTTON SET */ .buttons-set {clear: both; padding-top: 15px; border-top: 1px solid #dfe0e1;} .quantity-btns { float: left; padding: 4px; background: url('../images/common/buttons/button-group-bg.png') 0 0 no-repeat; width:76px; height:40px; margin-top:5px; margin-right:9px; } .quantity-btns input.quantity-box {border: 0;} .quantity-btns button span {display: none;} .quantity-btns input.add {background: url('../images/common/buttons/button-add-minus-sprite.gif') -52px 0 no-repeat; border: 0; cursor: pointer; float: left; height: 24px; width: 24px; border-radius:0;} .quantity-btns input.subtract {background: url('../images/common/buttons/button-add-minus-sprite.gif') 0 0 no-repeat; border: 0; cursor: pointer; float: left; height: 24px; width: 24px; border-radius:0;} .quantity-btns input.add:hover {background: url('../images/common/buttons/button-add-minus-sprite.gif') -52px -29px no-repeat; border: 0; cursor: pointer; float: left; height: 24px; width: 24px;} .quantity-btns input.subtract:hover {background: url('../images/common/buttons/button-add-minus-sprite.gif') 0 -29px no-repeat; border: 0; cursor: pointer; float: left; height: 24px; width: 24px;} .quantity-btns input.add:active {background: url('../images/common/buttons/button-add-minus-sprite.gif') -52px -58px no-repeat; border: 0; cursor: pointer; float: left; height: 24px; width: 24px;} .quantity-btns input.subtract:active {background: url('../images/common/buttons/button-add-minus-sprite.gif') 0 -58px no-repeat; border: 0; cursor: pointer; float: left; height: 24px; width: 24px;} .quantity-btns input.quantity-box {float: left; text-align: center; width: 28px; height:24px; font-weight:bold; color:#333; margin:0; padding:0; border:0; line-height:24px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .add-btn {} .continue-btn, .btn {float:right;} .cancel-btn, .cancel { border-radius:0; } } /* BUTTONS */ /*NEW BUTTONS*/ .add-btn {} .continue-btn, .btn {float:right;} .cancel-btn, .cancel {float:left;} /* FOCUS */ .add-btn:focus, .continue-btn:focus, .btn:focus, .cancel-btn:focus, .cancel:focus, .checkout-button:focus { outline:none!important; border:none; } .add-btn::-moz-focus-inner, .continue-btn::-moz-focus-inner, .btn::-moz-focus-inner, .cancel-btn::-moz-focus-inner, .cancel::-moz-focus-inner, .checkout-button::-moz-focus-inner { border: 0; } /*Base Setup*/ .continue-btn, .add-btn, .btn {background: url('../images/common/buttons/button-sprite.png') 0 -50px no-repeat; cursor:pointer; border:none; color:#555; font-weight:bold; text-indent:-1px; line-height:14px; margin-top:5px; } a.btn { color:#555!important; text-align:center; display:block; line-height:34px;} .cancel-btn, .cancel, .checkout-button {background: url('../images/common/buttons/button-sprite-cancel.png') 0 -50px no-repeat; cursor:pointer; border:none; color:#555; font-weight:bold; text-indent:-1px; margin-top:5px; } /*Base Sizes*/ .cancel-btn, .continue-btn, .add-btn, .btn, input.size-1, a.size-1 { width:131px; height:34px; } input.size-0, a.size-0 { width:77px; background-position:-1278px -50px; } input.size-2, a.size-2 { width:156px; background-position:-151px -50px; } input.size-3, a.size-3 { width:181px; background-position:-327px -50px; } input.size-4, a.size-4 { width:206px; background-position:-527px -50px; } input.size-5, a.size-5 { width:231px; background-position:-752px -50px; } input.size-6, a.size-6 { width:256px; background-position:-1003px -50px; } input.submit-payment { background-position:-1379px -50px; height:48px; font-size:1.2em; line-height:39px;} input.checkout-button, a.checkout-button { width:131px; background-position:-1372px -50px;} /*Hover*/ .continue-btn:hover, .add-btn:hover, .btn:hover {color:#222;} a.btn:hover {color:#222!important; text-decoration:none!important;} .cancel-btn:hover, .cancel:hover {color:#222;} /*Clicked*/ .continue-btn:active, .add-btn:active, .btn:active {color:#222; background-position:0 0; } .btn:active {color:#222!important; text-decoration:none!important; background-position:0 0; } .cancel-btn:active, .cancel:active {color:#222;} .cancel-btn:active, .continue-btn:active, .add-btn:active, .btn:active, input.size-1:active, a.size-1:active { background-position:0 0; } input.size-0:active, a.size-0:active { background-position:-1278px 0; } input.size-2:active, a.size-2:active { background-position:-151px 0; } input.size-3:active, a.size-3:active { background-position:-327px 0; } input.size-4:active, a.size-4:active { background-position:-527px 0; } input.size-5:active, a.size-5:active { background-position:-752px 0; } input.size-6:active, a.size-6:active { background-position:-1003px 0; } input.submit-payment:active { background-position:-1379px 0; } input.checkout-button:active, a.checkout-button:active { background-position:-1372px 0; } input.disabled, input.disabled:hover, input.disabled:active { background-image:url('../images/common/buttons/button-sprite-disabled.png'); cursor:default!important; color:#aaa!important; text-decoration:none!important;} /*END MASTER BRANDING BUTTONS */ .shopping-basket #shopping-cart-table .quantity-btns { float:right; margin-right:-5px;} .shopping-basket #shopping-cart-table span.price, .shopping-basket #shopping-cart-table .remove, .shopping-basket #shopping-cart-table .no-qty {line-height:38px; height:26px;} /* Know Your Skin Consultation */ .customer-account-index #my-kys-table .continue-btn {background:#fff; color:#6ad3e6; font-size: 1.1em; font-weight:bold; padding:0; margin:0 0 1px 0;} /* Generic styles */ .main-page-title h1 {font-family:'Perpetua MT W01', georgia, serif; font-size: 2.7em;} .back-to-top li {font-size: 1.1em;} .back-to-top a {color: #6ad3e6; font-weight: bold;} a.simplemodal-close {cursor: pointer;} /* ===== Header ===== */ .header-container {background:#ffffff; color:#5c5e5f; padding:0 22px; height:100px; } .header-container a {color: #5c5e5f; text-decoration: none;} .header-and-nav .logo {background: url('../images/common/header/liz-earle-naturally-active-logo.gif') 0 0 no-repeat;} /* Location selector and my account */ #header-links-and-basket-links{float:right;clear:right;text-align:right;} #header-links-and-basket-links #links {font-size: 1.0em;} #header-links-and-basket-links #links a:hover {text-decoration: underline;} #header-links-and-basket-links #links li {position:relative; display:list-item;; float:left; background: url('../images/common/pipe_777.gif') 100% 50% no-repeat; padding:0 10px 0 8px; margin:0;} #header-links-and-basket-links #links li.last { background:none; padding-right:0; margin-right:0;} /* Country Selector */ #header-links-and-basket-links #links li.country-selector:hover {background: url('../images/common/pipe_777.gif') 100% 50% no-repeat #f0f8fa;} #header-links-and-basket-links #links li.country-selector .dropdown { display:none; position:absolute; background:#f0f8fa; left:0; top:14px; width:100%; text-align:left;} #header-links-and-basket-links #links li.country-selector .dropdown p { font-size: 0.9em; padding:8px 8px 0 8px;} #header-links-and-basket-links #links li.country-selector .dropdown ul { margin:8px; } #header-links-and-basket-links #links li.country-selector .dropdown ul li { padding:0; margin:0 0 5px 0; display:block!important; float:none; text-align:left!important; background:none!important; } #header-links-and-basket-links #links li.country-selector:hover .dropdown { display:block; } #header-links-and-basket-links #links li.country-selector a {display:block;} #header-links-and-basket-links #links li.flag a {padding-left:22px;} /* Sprite */ #header-links-and-basket-links #links li.uk a, #header-links-and-basket-links #links li ul li.uk a {background:url('../images/common/header/flags/flags-sprite-2.png') 0 2px no-repeat;} #header-links-and-basket-links #links li.us a, #header-links-and-basket-links #links li ul li.us a {background:url('../images/common/header/flags/flags-sprite-2.png') 0 -13px no-repeat;} /* Sprite position -2*/ #header-links-and-basket-links #links li.ie a, #header-links-and-basket-links #links li ul li.ie a {background:url('../images/common/header/flags/flags-sprite-2.png') 0 -28px no-repeat;} /* Sprite position -2*/ #header-links-and-basket-links #links li.it a, #header-links-and-basket-links #links li ul li.it a {background:url('../images/common/header/flags/flags-sprite-2.png') 0 -43px no-repeat;} /* Sprite position -2*/ #header-links-and-basket-links #links li.de a, #header-links-and-basket-links #links li ul li.de a {background:url('../images/common/header/flags/flags-sprite-2.png') 0 -58px no-repeat;} /* Sprite position -2*/ #header-links-and-basket-links #links li.country-selector a img {margin:5px 0 0 2px; background:#fff; border:none; display:inline!important;} #header-links-and-basket-links #links li.country-selector:hover a img {background:#f0f8fa;} /* Top nav - drop down menus */ .main-header {border-bottom: 5px solid #fff;} /* Active Section Highlighting */ /* MEGA MENU / New Colour Menu */ /* Home */ body.home #nav-home { font-weight:bold; } body.home #nav-home ul li { font-weight:normal; } /* About */ body.about #nav-about-us, body.section-about #nav-about-us { font-weight:bold; } body.about #nav-about-us ul li, body.section-about #nav-about-us ul li { font-weight:normal; } /* Bath & Body */ body.category-bath-and-body #nav-bath-and-body, body.section-bath-and-body #nav-bath-and-body { font-weight:bold; } body.category-bath-and-body #nav-bath-and-body ul li, body.section-bath-and-body #nav-bath-and-body ul li { font-weight:normal; } /* Make up / Colour */ body.section-make-up #nav-make-up, body.section-colour #nav-make-up { font-weight:bold; } body.section-make-up #nav-make-up ul li, body.section-colour #nav-make-up ul li { font-weight:normal; } /* Mens */ body.category-cleanse-shave-moisturise #nav-mens, body.category-exfoliate #nav-mens, body.category-haircare-for-men #nav-mens, body.category-footcare-for-men #nav-mens, body.category-bodywash-for-men #nav-mens, body.category-suncare-for-men #nav-mens, body.section-mens #nav-mens { font-weight:bold; } body.section-mens #nav-mens ul li { font-weight:normal; } /* Haircare */ body.category-haircare #nav-haircare, body.section-haircare #nav-haircare { font-weight:bold; } body.section-haircare #nav-haircare ul li { font-weight:normal; } /* Fragrance */ body.category-fragrance #nav-fragrance, body.category-aromatherapy #nav-fragrance, body.section-fragrance #nav-fragrance { font-weight:bold; } body.section-fragrance #nav-fragrance ul li { font-weight:normal; } /* Skincare */ body.category-cleanse-tone-moisturise #nav-skincare, body.category-cleanse #nav-skincare, body.category-superskin #nav-skincare, body.category-eye-treatments #nav-skincare, body.category-exfoliators-and-masks #nav-skincare, body.category-bodycare #nav-skincare, body.category-hands-and-feet #nav-skincare, body.category-sun-protection #nav-skincare, body.category-mens-skincare #nav-skincare, body.category-books-and-accessories #nav-skincare, body.section-skincare #nav-skincare { font-weight:bold; } body.category-cleanse-tone-moisturise #nav-skincare ul li, body.section-skincare #nav-skincare ul li { font-weight:normal; } /* Gifts */ body.section-gifts #nav-gifts, body.category-kits-and-gifts #nav-gifts { font-weight:bold; } body.section-gifts #nav-gifts ul li, body.category-kits-and-gifts ul li { font-weight:normal; } /* Christmas */ body.category-christmas #nav-christmas, body.section-christmas #nav-christmas { font-weight:bold; } body.section-christmas #nav-christmas ul li, body.category-christmas ul li { font-weight:normal; } body.category-christmas-gifts #nav-gifts, body.section-christmas #nav-gifts { font-weight:bold; } body.section-christmas #nav-gifts ul li, body.category-christmas-gifts #nav-gifts ul li { font-weight:normal; } /* Liz Earle TV */ body.section-tv #nav-tv { font-weight:bold; } body.section-tv #nav-tv ul li { font-weight:normal; } /* Offers page - hide SST makeup tab */ .cms-skin-essentials-regime .contentbox .how-to-apply{display:none;} .cms-superskin-essentials-regime .contentbox .how-to-apply{display:none;} .cms-make-up-must-haves .contentbox .how-to-apply{display:none;} /* COLOUR Main Navigation */ #nav-main {font-size: 1.1em; width:725px;} #nav-main {clear: both; float: left; z-index: 999; margin:0 0 0 -5px; position: relative;} #nav-main li {z-index: 998; float:left; text-align: left; } #nav-main li.over {z-index: 999;} #nav-main li a {z-index: 999; float: left; padding: 5px 10px; background:none; height:25px; line-height:25px; color:#505152;} #nav-main li:hover { background:#717074; color:#fff;} #nav-main li:hover a { color:#fff; } #nav-main li:hover .dropdown { display:block; } #nav-main .dropdown { margin:0; float:left; clear:left; position:absolute; top:35px; left:0; display:none; text-align:left; padding:10px 6px 6px 6px ; border:2px solid #717074; background:#fff; color:#7c7d7e; } #nav-main .dropdown a {float:none; display:inline; padding:0; margin:0; } #nav-main .show { display: block;} #nav-main li.show {background:#717074; color:#fff !important;} #nav-main li.show a {color:#fff !important;} #nav-main li.show .dropdown a {color:#7c7d7e !important;} #nav-main .dropdown .with-js {display: none !important;} /* Categories */ #nav-main .dropdown ul { position:relative; float:left; width:auto; margin:0 20px 6px 2px; padding:0; } #nav-main .dropdown ul.divide-right { border-right:1px dotted #bdbdbd; padding-right:25px; } #nav-main .dropdown ul.divide-left { border-left:1px dotted #bdbdbd; padding-left:25px; } #nav-main .dropdown .last { margin-right:0; } #nav-main .dropdown ul li { color:#5c5d5f; clear:both; font-weight:bold!important; width:auto; margin:0; padding:0; float:none;} #nav-main .dropdown ul li:hover { background:none; } #nav-main .dropdown ul li a { color:#5c5d5f; margin:0; padding:0; float:none; } #nav-main .dropdown ul li a:hover {text-decoration:underline; } /* Sub Items */ #nav-main .dropdown ul li ul {margin:8px 0 0 0; padding:0 0 0 8px; float:none;} #nav-main .dropdown ul li ul li { font-weight:normal!important; color:#7c7d7e; line-height: 1.25em; margin:6px 0; padding:0; float:none;} #nav-main .dropdown ul li ul li a { color:#7c7d7e; margin:0; padding:0; float:none; height:12px; line-height:12px;} #nav-main .dropdown ul li ul li a:hover {text-decoration:underline; } #nav-main ul li ul.col-1 { float:left; width:auto; margin:0 20px 0 0; padding:3px 0 0 10px;} #nav-main ul li ul.col-2 { float:left; width:auto; margin:0 0 0 0; padding:3px 0 0 10px;} /* 3rd level Items */ #nav-main .dropdown ul li ul li ul li a:before {content: "- "; } #nav-main .dropdown ul li ul li ul li a:hover {text-decoration:underline; } /* Promo area */ #nav-main .dropdown .promo-area { width:100%; clear:both; color:#7c7d7e; font-weight:normal; padding:0; text-align:center; background:#ccebed; } #nav-main .dropdown .promo-area a { color:#5C5E5F; font-weight:bold; display:block; padding:8px 0 8px 0; font-weight:normal; width:100%; } #nav-main .dropdown .promo-area a:hover, #nav-main .dropdown .promo-area a:hover span, #nav-main .dropdown .promo-area a:hover span.xmas-icon { text-decoration:underline;} #nav-main .dropdown .promo-area a span { font-weight:bold; } #nav-main .dropdown .promo-area a span.xmas-icon { display:inline-block; background:url('../images/christmas2011/xmas-promo-icon.jpg') top right no-repeat; padding:3px 31px 0 0; } /* XMAS 2012 - Gift For You Promo */ #nav-main .christmas-promo span {font-weight:normal!important;} #nav-main .highlight {text-align:left;} #nav-main .christmas-promo img { position:absolute; bottom:-8px; left:0;} #nav-main .christmas-promo span.christmas-promo-container { position:relative; text-align:center; padding-left:0px; } /* Top nav - shopping basket */ #basket li.basket-txt {font-size: 1.1em;} #basket li.items a.items-qty {color: #5c5d5e; font-size: 1.2em; font-weight: bold;} #basket li.items a.items-qty:hover {text-decoration: none;} #basket li.items span.items-txt {font-size: 1.0em;} #basket li.btn-checkout input.checkout-btn {background: #fff; border: 0; color: #7c7d7e; cursor: pointer; font: 14px/23px Arial, Helvetica, sans-serif;} #basket {} #basket li { text-align:right;} #basket .shopping-bag {} #basket .items { width:100px; } #basket .btn-checkout {} #basket li.items span#basket-qty {font-weight:bold;} #basket .shopping-bag a {background: url('../images/common/header/shopping-bag.gif') 0 0 no-repeat; width:45px; height:50px; display:block;} #basket .shopping-bag a span {display:none;} /* Alert Bar Two & Three blocks */ .alert-bar {padding:0 0 5px 0; border-bottom:1px solid #ccc; margin-bottom:5px; } .alert-bar li {float:left; text-align:center; border-right:1px solid #ccc; border-left:1px solid #ccc; font-weight:bold!important; } .alert-bar .alert-item {padding:0 20px;} .alert-bar li a {} .alert-bar li span {font-weight:normal!important; display:block;} .alert-bar-two li {width:49.5%;} .alert-bar-two li.first {border-left:none;} .alert-bar-two li.last {border:none;} .alert-bar-three li {width:33%;} .alert-bar-three li.first, .alert-bar-three li.last {border:none;} /* END */ /* Phone & search bar */ #phone-and-search {background: #f0f8fa; border-bottom: 5px solid #fff;} body.error-page #phone-and-search {padding-top:5px; padding-bottom:5px;} #phone {font-size: 1.1em;color: #5C5E5F;} #search_mini_form {background: #fff;} #search_mini_form .form-search input {color: #5c5e5f;} #search_mini_form .form-search .search-btn {background: url('../images/common/search_btn.gif') 0 0 no-repeat; border: 0; cursor: pointer;} #search_mini_form .form-search .search-btn::-moz-focus-inner {border: 0; padding: 0;} /* FF Fix */ #search_mini_form .form-search a {color: #000;} #search_mini_form .form-search .highlight {background: #000;} #search_mini_form .form-search .highlight a {color: #fff;} #search_mini_form #search_autocomplete {background-color: #eee;} #search_mini_form #search_autocomplete a {color:#5C5E5F;} #search_mini_form #search_autocomplete a.expand {color:#5C5E5F;} #search_mini_form #search_autocomplete a:hover {color:#5C5E5F;} /* ===== Left hand nav ===== */ /* 1st level */ .col-left #left-hand-nav {background: #e7f3f1; color: #5c5d5e;} .col-left #left-hand-nav li a {color: #5c5d5e;} .col-left #left-hand-nav li {font-size: 1.1em;} .col-left #left-hand-nav li a {background: #eee; border-bottom: 2px solid #fff;} .col-left #left-hand-nav li a:hover {background: #d0e9e3;} .col-left #left-hand-nav li a.nav-selected {background: #d0e9e3;} .col-left #left-hand-nav li a.nav-selected-x {background: #d0e9e3; border-bottom: 2px solid #fff;} .col-left #left-hand-nav li a.last {border-bottom: none;} /* 2nd level */ .col-left #left-hand-nav ul {border-bottom: 2px solid #fff;} .col-left #left-hand-nav ul li {font-size: 0.9em;} .col-left #left-hand-nav ul li a {background: none; border-bottom: none;} .col-left #left-hand-nav ul li a.current {font-weight: bold;} .col-left #left-hand-nav ul li a.selected {font-weight: bold;} .col-left #left-hand-nav ul li a:hover {background: none;} /* 3rd level */ .col-left #left-hand-nav ul li ul {border: none;} .col-left #left-hand-nav ul li ul li { font-size: 1em;} .col-left #left-hand-nav ul li ul li a {background: none; border-bottom: none;} /* Section Highlighting */ body.cms-offers .lhn-offers, body.offer .lhn-offers, body.category-cleanse-tone-moisturise .lhn-ctm, body.category-eye-treatments .lhn-eye-treatments, body.category-bodycare .lhn-bodycare, body.category-energise .lhn-energise, body.category-sun-protection .lhn-sun-protection, body.category-suncare .lhn-suncare, body.category-superskin .lhn-superskin, body.category-exfoliators-and-masks .lhn-exfoliators-and-masks, body.category-hands-and-feet .lhn-hands-and-feet, body.category-mens-skincare .lhn-mens-skincare, body.category-facials .lhn-facials, body.category-books-and-accessories .lhn-books-and-accessories, body.category-haircare .lhn-haircare, body.category-fragrance .lhn-fragrance, body.category-aromatherapy .lhn-aromatherapy, body.category-cleanse-shave-moisturise .lhn-csm, body.category-exfoliate .lhn-exfoliate, body.category-bodywash-for-men .lhn-bodywash, body.category-haircare-for-men .lhn-haircare, body.category-footcare-for-men .lhn-footcare, body.category-suncare-for-men .lhn-suncare, body.category-kits-and-gifts .lhn-gifts, body.category-make-up .lhn-make-up, body.category-face .lhn-face, body.category-eyes .lhn-eyes, body.category-lips .lhn-lips, body.category-cheeks .lhn-cheeks, body.category-make-up-accessories .lhn-make-up-accessories {font-weight:bold;} /* Promos */ .col-left .promo-box {color: #5c5d5e; background: #e7eded;} .col-left .promo-box h3 {font-family:'Perpetua MT W01', georgia, serif; font-size: 1.6em;} .col-left .promo-box h3 span {display: none;} .col-left .promo-box h3#essentials {background: url('../images/common/left_hand_nav/lhn_essentials_dont_miss.gif') 0 0 no-repeat;height:30px;} .col-left .promo-box h3#need-help {background: url('../images/common/left_hand_nav/lhn_need_help.gif') 0 0 no-repeat;} .col-left .promo-box h3#christmas-header {background: url('../images/common/left_hand_nav/lhn_christmas_header.gif') 0 0 no-repeat;height:50px;} .col-left .promo-box h3#holiday-header {background: url('../images/common/left_hand_nav/lhn_holiday_header.gif') 0 0 no-repeat;height:50px;} .col-left .promo-box h3#holiday-header {background: url('../images/common/left_hand_nav/lhn_holiday_header.gif') 0 0 no-repeat;} .col-left .promo-box h3#stock-up {background: url('../images/common/left_hand_nav/lhn_stock_up.gif') 0 0 no-repeat;height:22px;} .col-left .promo-box h3#stock-up-ie {background: url('../images/common/left_hand_nav/lhn_stock_up_ie.gif') 0 0 no-repeat;height:22px;} .col-left .promo-box h3#free-pandp {background: url('../images/common/left_hand_nav/lhn_free-pandp.gif') 0 0 no-repeat;height:25px;} .col-left .promo-box h3#candle-offer {background: url('../images/common/left_hand_nav/lhn_candle_offer.gif') 0 0 no-repeat;height:40px;} .col-left .promo-box h3#love-superskin {background: url('../images/common/left_hand_nav/lhn_superskin.gif') 0 0 no-repeat;height:25px;} .col-left .promo-box h3#spring-offer {background: url('../images/common/left_hand_nav/lhn_spring_offer.gif') 0 0 no-repeat;height:40px;} .col-left .promo-box h3#muslin-reminder {background: url('../images/common/left_hand_nav/muslin-cloths/title-muslin-reminder.gif') 0 0 no-repeat;height:21px;} .col-left .promo-box h3#please-note {background: url('../images/common/left_hand_nav/muslin-cloths/title-please-note.gif') 0 0 no-repeat;height:21px;} .col-left .promo-box h3#postage-dates {background: url('../images/common/left_hand_nav/lhn_postage.gif') 0 0 no-repeat;height:25px;} .col-left .promo-box h3#gift-finder {background: url('../images/common/left_hand_nav/lhn_gift_finder.gif') 0 0 no-repeat;height:25px;} .col-left .promo-box h3#gift-guide {background: url('../images/common/left_hand_nav/lhn_gift_guide.gif') 0 0 no-repeat;height:25px;} .col-left .promo-box h3#tote-bag {background: url('../images/common/left_hand_nav/lhn_tote-bag.gif') 0 0 no-repeat;height:45px;} .col-left .promo-box h3#make-up {background: url('../images/common/left_hand_nav/lhn_may-make-up.gif') 0 0 no-repeat;height:45px;} .col-left .promo-box h3#essentials {background: url('../images/common/left_hand_nav/lhn_essentials_dont_miss.gif') 0 0 no-repeat;height:30px;} .col-left .promo-box h3#colour-pandp { 0 0 no-repeat;height:352px;} .col-left .promo-box h3 a { height:21px;} .col-left .promo-box p, .col-left .promo-box ul li {font-size: 1em;} .col-left .promo-box ul li a {color: #5c5d5e;} .col-left .promo-box p a {font-weight:normal; color:#5c5d5e;} .col-left .promo-box p.terms a {font-weight:normal; color:#5c5d5e;} .col-left .one {background: #eee;} .col-left .seasonal {background: #E7EDED;} .giftfinder-product-index .product-right-box, .giftfinder-xmas-product .product-right-box {width:360px;float:left;} .giftfinder-product-index .product-left-box, .giftfinder-xmas-product .product-left-box {width:380px;float:left;text-align:center;} /* Promos */ .col-left .promo-box#white {color: #5c5d5e; background: #ffffff;} .col-left .promo-box h3 {font-family:'Perpetua MT W01', georgia, serif; font-size: 1.6em;} .col-left .promo-box h3 span {display: none;} .col-left .promo-box h3#summer-bag {background: url('../images/common/left_hand_nav/lhn_summer-bag.gif') 0 0 no-repeat;height:40px;} .col-left .promo-box h3 a { height:21px;} .col-left .promo-box p, .col-left .promo-box ul li {font-size: 1em;} .col-left .promo-box ul li a {color: #5c5d5e;} .col-left .promo-box p a {font-weight:normal; color:#5c5d5e;} .col-left .promo-box p.terms a {font-weight:normal; color:#5c5d5e;} .col-left .one {background: #eee;} .col-left .full-width {background:none; padding:0!important;} .col-left .seasonal {background: #E7EDED;} /* ===== Footer ===== */ .footer {background: #e1f4f4; color: #5c5e5f;} .footer a {color: #5c5e5f; font-weight:bold;} .footer a:hover {text-decoration: underline !important;} .footer #footer-level-1 {border-bottom: 1px solid #ccc;} .footer #footer-level-1 p {font-size: 1em;} .footer #footer-level-1 ul li.first .icons {background: url('../images/common/footer/footer_sprite_2015_2.gif') -627px -34px no-repeat; width:80px; height:39px; margin-top:10px;} .footer #footer-level-1 ul li.first .icons span {display:none;} .footer #footer-level-1 ul li ul li a {text-decoration: none;} .footer #footer-level-1 ul li h6 {font-family: georgia, serif; font-size: 1.8em; font-weight: normal;} .footer #footer-level-1 ul li h6 span {display: none;} .footer #footer-level-1 ul li.first h6 {background: url('../images/common/footer/footer_sprite_2015_2.gif') 0 0 no-repeat; width:209px; border-bottom:1px solid #ccc;} .footer #footer-level-1 ul li.second h6 {background: url('../images/common/footer/footer_sprite_2015_2.gif') -209px 0 no-repeat; width:209px; border-bottom:1px solid #ccc;} .footer #footer-level-1 ul li.second h6.hcwh {background: url('../images/common/footer/footer_sprite_2015_2.gif') -209px -113px no-repeat; width:209px; border-bottom:1px solid #ccc;} .footer #footer-level-1 ul li.second li {background:none ;}/*{background: url('../images/common/footer/footer_sprite_2015_2.gif') -828px -32px no-repeat; } */ .footer #footer-level-1 ul li.third h6 {background: url('../images/common/footer/footer_sprite_2015_2.gif') -418px 0 no-repeat; width:209px; border-bottom:1px solid #ccc;} .footer #footer-level-1 ul li.third h6.wellbeing {background: url('../images/common/footer/footer_sprite_2015_2.gif') -418px -113px no-repeat; width:209px; border-bottom:1px solid #ccc;} .footer #footer-level-1 ul li.fourth h6 {background: url('../images/common/footer/footer_sprite_2015_2.gif') -628px 0 no-repeat; width:209px; border-bottom:1px solid #ccc;} .footer #footer-level-1 ul li.third a {font-weight:normal!important;} .footer #footer-level-1 ul li.third a:hover {text-decoration:none!important;} .footer #footer-level-1 ul li.third a:hover strong {text-decoration:underline;} .footer #footer-level-1 ul li.third dl {width:240px;} .footer #footer-level-1 ul li.third dl dt{width:94px;float:left;display:block;font-weight:bold;} .footer #footer-level-1 ul li.third dl dd{width:144px;float:left;display:block;} .footer #footer-level-1 ul li.third ul li span.day {float: left; font-weight: bold;} .footer #footer-level-1 ul li.fourth #newsbites-sign-up {float: left; margin-bottom: 20px; width: 209px;} .footer #footer-level-1 ul li.fourth #newsbites-sign-up {float: left; margin-bottom: 20px; width: 209px;} .footer #footer-level-1 ul li.fourth #newsbites-sign-up .form-sign-up label {display: none;} .footer #footer-level-1 ul li.fourth #newsbites-sign-up .form-sign-up {margin: 1px 1px 1px 1px;} .footer #footer-level-1 ul li.fourth #newsbites-sign-up .form-sign-up .input-text {width: 182px;} .footer #footer-level-1 ul li.fourth #newsbites-sign-up .form-sign-up .sign-up-btn {height: 16px; overflow: visible; width: 16px;} .footer #footer-level-1 ul li.fourth .form-sign-up {background:#fff; Clear:both;} .footer #footer-level-1 ul .social-icons {padding-top:10px;} .footer #footer-level-1 ul .social-icons a.facebook {background: url('../images/common/footer/footer_sprite_2015_2.gif') -419px -35px no-repeat; width:18px; height:25px; display:inline-block;} .footer #footer-level-1 ul .social-icons a.twitter {background: url('../images/common/footer/footer_sprite_2015_2.gif') -443px -35px no-repeat; width:34px; height:25px; display:inline-block;} .footer #footer-level-1 ul .social-icons a.google {background: url('../images/common/footer/footer_sprite_2015_2.gif') -480px -35px no-repeat; width:31px; height:25px; display:inline-block;} .footer #footer-level-1 ul .social-icons a.pinterest {background: url('../images/common/footer/footer_sprite_2015_2.gif') -514px -35px no-repeat; width:25px; height:25px; display:inline-block;} .footer #footer-level-1 ul .social-icons a.youtube {background: url('../images/common/footer/footer_sprite_2015_2.gif') -542px -35px no-repeat; width:27px; height:25px; display:inline-block;} .footer #footer-level-1 ul .social-icons a.instagram {background: url('../images/common/footer/footer_sprite_2015_2.gif') -571px -35px no-repeat; width:30px; height:25px; display:inline-block;} .footer #footer-level-1 ul .social-icons a.linkedin {background: url('../images/common/footer/footer_sprite_2015_2.gif') -601px -35px no-repeat; width:23px; height:25px; display:inline-block;} .footer #footer-level-1 ul .social-icons a span {display:none;} .footer #footer-level-2 {font-size: 0.9em; border-bottom: 1px solid #ccc; height:45px; line-height:45px;} .footer #footer-level-2 .cards-accept {font-size: 1.1em; float:left; height:45px; width:283px; background: url('../images/common/footer/footer_sprite_2015_2.gif') 0 -23px no-repeat; background-position:75px -23px;} .footer #footer-level-2 .cards-protect {font-size: 1.1em; float:left; margin:0 20px; height:45px; width:175px; background: url('../images/common/footer/footer_sprite_2015_2.gif') -418px -75px no-repeat; background-position:-330px -63px;} .footer #footer-level-2 .cards-accept-us { background-position:75px -63px; width:230px;} .footer #footer-level-2 .cards-protect-ie { width:125px; } .footer #footer-level-2 .cards-protect-us { width:125px; background-position:-335px -63px; } .protected-by {} .we-accept {} .footer #footer-level-3 { text-align:right; font-size: 0.9em; height:35px; line-height:35px;} /** Italian Footer - sprite replacement **/ .footer #footer-level-1 ul li.first h6.it {background: url('../images/common/footer/footer_headers_IT.gif') 0 0; width: 180px; height:26px;} .footer #footer-level-1 ul li.second h6.it {background: url('../images/common/footer/footer_headers_IT.gif') -220px 0; width: 115px; height:26px;} .footer #footer-level-1 ul li.third h6.it {background: url('../images/common/footer/footer_headers_IT.gif') -338px 0; width: 195px; height:26px;} .footer #footer-level-1 ul li.fourth h6.it {background: url('../images/common/footer/footer_headers_IT.gif') -568px 0; width: 180px; height:26px;} /* ===== Shopping basket ===== */ /* Global styles for whos on and livechat */ .side-overlay .liveChatTab {display: none; position: fixed; height: 200px; width: 30px; top:21%; right:0; z-index:9999;} .liveChatTab a.openLiveChatTab { background-color: #6dc4c6; background:url(../images/live-help-sprite.png) no-repeat; background-position: 0 0; height: 200px; overflow: hidden; text-indent: -999px; width: 30px; display:block;} .liveChatTab img {visibility:hidden;} .liveChatTab a.openLiveChatTab:focus, .liveChatTab a.openLiveChatTab:hover {background-position: -30px 0;} /* Whoson button container */ .product-details .whoson-container{margin-top: -56px!important;} .whoson-container{position:absolute;right:0;padding:10px 15px 0 0;} /* Shopping basket - left hand nav */ .payment-types h3 {font-size: 1.4em;} .payment-types ul.we-accept li.cards {background: url('../images/cards.gif') top center no-repeat;} .payment-types ul.we-accept-us li.cards {background: url('../images/cards-us.gif') top center no-repeat;} .payment-types ul.we-accept-de li.cards {background: url('../images/cards-de.gif') top center no-repeat;} .payment-types ul.protected-by li {background: url('../images/protectedby.gif') top center no-repeat;} .payment-types ul.protected-by-ie li {background: url('../images/protectedby-ie.gif') top center no-repeat;} .payment-types ul.protected-by-us li {background: url('../images/protectedby-us.gif') top center no-repeat;} /* Shopping basket */ .shopping-basket h1 {font-family:'Perpetua MT W01', georgia, serif; font-size: 3em; margin:7px 0 0 0;} .shopping-basket p { color:#7c7d7e; font-weight:normal; margin:0 0 13px 0; padding:0; line-height: 1.25em; clear:both; float:none; } .shopping-basket p.intro { color:#7c7d7e; font-size:1.4em; font-weight:normal; line-height: 1.25em; clear:both; } .shopping-basket a {color: #6ad3e6; font-weight: bold;} .shopping-basket .data-table thead {background-color: #eef8fa;} .shopping-basket .data-table th {border:1px solid #eef8fa; font-size: 1.1em; font-weight: normal;} .shopping-basket .data-table td {border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #ddd;} .shopping-basket tr.first td {border:none;} .shopping-basket .data-table tr.end td {border-bottom: none;} .shopping-basket .data-table tr td a.product-name {font-weight: bold;} .shopping-basket .data-table a.remove {color: #6ad3e6; font-size: 0.9em; font-weight: bold;} .shopping-basket .shipping-estimate h3 {font-size: 1.4em;} .shopping-basket .shipping-estimate h4 {font-size: 1.2em;} .shopping-basket .shipping-estimate label {font-size: 1em;} .shopping-basket .shipping-estimate a#estimate-method {color: #6ad3e6; font-weight: bold;} .shopping-basket .shopping-cart-collaterals {background: #eef8fa;} .shopping-basket .shopping-cart-collaterals #shopping-cart-totals-table td span{ font-weight:bold!important; font-size: 1.0em; -webkit-text-size-adjust: none;} .shopping-basket .shopping-cart-collaterals .col2-set .col-1 {background: url('../images/common/pipe_777.gif') 100% 0 repeat-y;} .shopping-basket .shipping-estimate a#estimate-method, .shopping-basket .shopping-cart-collaterals .shopping-cart-totals table {font-size: 1.1em;} .shopping-basket ul.back li {font-size: 1.1em;} .shopping-basket ul.back li a {font-weight: bold;} .shopping-basket .gift-message-form {border-bottom:1px solid #eee;} /* Gift messages */ .shopping-basket .add-gift-message h3, .shopping-basket .gift-message-form h3 {font-size: 1.4em;} .shopping-basket .gift-message-form h4 {font-size: 1.2em;} .shopping-basket .gift-message-form .gift-item span {font-weight: bold;} .shopping-basket .add-gift-message label {font-size: 1.1em;} .shopping-basket .gift-message-form li.gift-item {border-bottom: 1px solid #eee;} .shopping-basket .gift-message-form li.gift-item .input-box label {font-size: 1em; text-align: right;} .shopping-basket .gift-message-form li.gift-item .input-box input, .shopping-basket .gift-message-form li.gift-item .input-box textarea {border: 1px solid #ccc;} /* Promo Codes */ .shopping-basket #promocodes-container h3 {font-size: 1.4em; margin-bottom:15px;} /* A-to-Z */ .ings-intro h2 { color:#7c7d7e; font-size:2.25em; font-weight: normal; margin:23px 0 0 0; padding:0; line-height: 0.9em; clear:both; width:100%; float:none; font-family: georgia, serif; } /* 503 Error & Maintenance */ .error-page-container { padding:0 22px 22px 22px; } .error-page-container h1 { font-family:georgia, serif; font-size:2.7em; padding:35px 0 13px 0; margin:0; } .error-page-container h2 { font-size:2.25em; font-weight: normal; margin:23px 0 13px 0; padding:0; line-height: 0.9em; clear:both; width:100%; float:none; font-family: georgia, serif; } .error-page-container p { color:#7c7d7e; font-weight:normal; margin:0 0 13px 0; padding:0; line-height: 1.25em; clear:both; float:none; } .error-page-container p.intro { color:#7c7d7e; font-size:1.4em; font-weight:normal; line-height: 1.25em; clear:both; } .error-page-container .col2-set .col1 {float: left;width: 48%;} .error-page-container .col2-set .col2 {float: right;width: 48%;} /* PAGETURNER */ #pageturner { width:970px; height:750px; } #pageturner h1 { margin:30px; } #pageturner p { margin:0 30px 13px 30px; padding:0; line-height: 1.25em; clear:both; float:none; } #pageturner a { color:#6ad3e6; font-weight:bold; } #pageturner a:hover { color:#6ad3e6; text-decoration:underline; } #userpage-content h1 { color:#7c7d7e; font-size:2.7em; font-weight: normal; margin-bottom: 20px; line-height: 1.4em; clear:both; } #userpage-content h1 span.tm { font-size:0.9em; font-weight:normal; } #userpage-content h2 { color:#7c7d7e; font-size:2.25em; font-weight: normal; margin:23px 0 0 0; padding:0; line-height: 0.9em; clear:both; width:100%; float:none; font-family:'Perpetua MT W01', georgia, serif; } #userpage-content #factsheet-index h2 { color:#7c7d7e; font-size:2.1em; font-weight: normal; margin:23px 0 0 0; padding:0; line-height: 0.9em; clear:both; width:100%; float:none; font-family: georgia, serif; } #userpage-content h3 { color:#7c7d7e; font-size:1.3em; font-weight: bold; margin:23px 0 5px 0; padding:0; line-height: 1.0em; clear:both; float:none; } #userpage-content h4 { color:#7c7d7e; font-size:1.1em; font-weight: bold; margin:10px 0 5px 0; padding:0; line-height: 1.25em; clear:both; float:none; } #userpage-content h5 { color:#7c7d7e; font-size:1.1em; font-weight: normal; margin:10px 0 5px 0; padding:0; line-height: 1.25em; clear:both; float:none; } #userpage-content h1 span{display:block;} #userpage-content h2 span{display:block;} #userpage-content h3 span{display:block;} #userpage-content h4 span{display:block;} #userpage-content p { color:#7c7d7e; font-weight:normal; margin:0 0 13px 0; padding:0; line-height: 1.25em; clear:both; float:none; } #userpage-content p em { font-style:italic; } #userpage-content p.intro { color:#7c7d7e; font-size:1.4em; font-weight:normal; line-height: 1.25em; clear:both; } #userpage-content .first { padding:0; margin:35px 0 13px 0; } #userpage-content a, .news-bites-signup a { color:#6ad3e6; font-weight:bold; } #userpage-content a:hover, .news-bites-signup a:hover { color:#6ad3e6; text-decoration:underline; } #userpage-content .spring11nl a {color:#8DC63F;} #userpage-content .spring11nl .breadcrumbs a {color:#7c7d7e;} #userpage-content hr { border:none 0; border-top: 1px solid #dfe0e0; width: 100%; clear:both; padding:0; margin: 6px 0 19px 0; height: 1px; } /* NEWS BITES */ #userpage-content { padding:0 22px 0 22px; color: #7c7d7e; } #userpage-content .breadcrumbs { margin: 7px 0 30px -22px; padding:0; border-bottom:none;} #userpage-content .breadcrumbs a { color:#7c7d7e; } #userpage-content .breadcrumbs a:hover { color:#7c7d7e; text-decoration:underline; } #userpage-content .breadcrumbs ul { margin:0; padding:0; } #userpage-content .breadcrumbs li { margin:0; padding:0; display:inline; font-size: 0.9em; background:none; list-style-type:none; } #userpage-content .breadcrumbs span { display:inline-block; width:14px; text-align:center; } #userpage-content a, .news-bites-signup a { color:#6ad3e6; font-weight:bold; } #userpage-content a:hover, .news-bites-signup a:hover { color:#6ad3e6; text-decoration:underline; } #userpage-content ul, #userpage-content ol, .news-bites-signup ul, .news-bites-signup li, { margin:0 0 15px 10px; } #userpage-content ul li, .news-bites-signup ul li { background: url('../images/common/bullet.gif') no-repeat 0 2px; padding:0 0 12px 18px; list-style-type:none; } #userpage-content ol li, .news-bites-signup ol li { list-style-type:decimal; padding:0 0 10px 0; margin:0 0 0 18px;} #userpage-content ul.nobullet, #userpage-content ol.nobullet, #news-bites-signup ul.nobullet, #news-bites-signup ol.nobullet { margin:0 0 15px 0; } #userpage-content ul.nobullet li, #news-bites-signup ul.nobullet li { background:none; padding:0 0 12px 0; list-style-type:none; } #userpage-content ol.nobullet li, #news-bites-signup ul.nobullet li { background:none; list-style-type:none; padding:0 0 12px 0; margin:0 0 0 0px; } #userpage-content ul li ul, #news-bites-signup ul li ul #userpage-content ol li ol, #news-bites-signup ol li ol, #userpage-content ul.nobullet ul, #news-bites-signup ul.nobullet ul, #userpage-content ol.nobullet ol, #news-bites-signup ol.nobullet ol { margin:0 0 0 15px; } #userpage-content ul ul li, #news-bites-signup ul ul li, #userpage-content ol ol li, #news-bites-signup ol ol li, #userpage-content ul.nobullet ul li, #news-bites-signup ul.nobullet ul li, #userpage-content ol.nobullet ol li, #news-bites-signup ol.nobullet ol li { padding:0 0 12px 0; list-style-type:none; margin:0 0 0 15px; } #userpage-content ol li ol li, #news-bites-signup ol li ol li { list-style-type:decimal; padding:0 0 10px 0; margin:0; } #userpage-content ul li ul li, #news-bites-signup ul li ul li { padding:0 0 12px 18px; list-style-type:none; margin:0; } #userpage-content ul li ol li, #news-bites-signup ul li ol li { list-style-type:decimal; padding:0 0 10px 0; margin:0; } #userpage-content ol li ul li, #news-bites-signup ol li ul li { padding:0 0 12px 18px; list-style-type:none; margin:0; } .banner { width:757px; height:234px; margin:0 0 5px 0; background: url('/userpages/images/banners/sig-blue-logo.jpg') no-repeat; } /*Default Banner*/ .news-bites-signup{ padding: 0 22px 0 22px; } .news-bites-signup h2{ padding:12px 0px 12px 0px; } .news-bites-signup .required{ padding-left:3px; } .news-bites-signup label {font-size: 1em; text-align: right;float: left;font-weight:bold;width:90px;} .news-bites-signup .input-text,.news-bites-signup select, .news-bites-signup textarea {border: 1px solid #ccc;float: left;margin-left:15px;width:175px;} .news-bites-signup ul.form-list li{text-align:left;list-style-type:none;background:none!important;padding-left:0px!important;} .news-bites-signup ul.form-list li button.button{float:left!important;margin-left:204px;} .news-bites-signup ul.form-list li{width:300px;padding:0px;margin:0px;} .news-bites-signup .required{float:right;} .news-bites-signup .validation-advice{margin-left:103px;} .news-bites-signup .title-other{clear:left;padding-top:12px;} .newsbites-subscribed{width:320px;} .newsbitesmall{ font-size:90%; } /* Userpage Styles Moved here for cachebusting */ /* update by Dan Lacey - 4/6/15 */ .banner h1.dark { color:#7c7d7e; } .banner h2 { color:#fff; font-size:1.5em; border-bottom:none; padding:0 0 0 22px; font-weight:normal; margin-bottom: 15px; line-height: 1.4em; clear:both; } /* originally from userpages.css */ .banner h1 { font-family:'Perpetua MT W01', Georgia, serif!important; font-size:2.9em; padding:17px 0 0 22px; margin:0; color:#fff; } #userpage-content h1 { font-family: 'Perpetua MT W01', georgia, serif!important; color:#7c7d7e; font-size:3em; font-weight: normal; margin-bottom: 20px; line-height: 1.4em; clear:both; } #userpage-content h2 { color:#7c7d7e; font-size:2.50em; font-weight: normal; margin:23px 0 6px 0; padding:0; line-height: 1em; clear:both; width:100%; float:none; font-family:'Perpetua MT W01', Georgia, serif!important; } #userpage-content #factsheet-index h2 { color:#7c7d7e; font-size:2.1em; font-weight: normal; margin:23px 0 0 0; padding:0; line-height: 0.9em; clear:both; width:100%; float:none; font-family: 'Perpetua MT W01', Georgia, serif!important; } /* originally from findyourskintype/decor.css */ #factbox p {font-family:'Perpetua MT W01', Georgia, serif!important;}