/*
* Main layouts CSS
* Contains header, footer, navs, main layouts & basket modal, shopping basket styles.
*/
 
/* Mobile */
#le-mobile-content{display:none;}

/* For Demo store only */
.demo-notice {line-height:1em; margin:0; padding:5px 10px 6px 10px; text-align:center;}

/* ===== Main structures ===== */

/* Main containers */
.wrapper {margin: 0 auto; text-align: left;  width: 980px;}
.page {padding: 0 5px 5px 5px;} /* MAIN PAGE WIDTH = 970px */

/* 1 Column Layout */
.col1-layout .col-main {margin: 0; width: auto;position:relative;}

/* 2 Columns Layout - left hand nav and main column */
.col2-left-layout {padding-bottom: 30px;}
.col2-left-layout .col-left {float: left; margin-right: 5px; width: 208px;}
.col2-left-layout .col-main {float: right; width: 757px;position:relative;}

/* Content Columns */
.col2-set .col-1 { float: left; width: 49%;}
.col2-set .col-2 { float: right; width: 49%;}
.col2-set .narrow {width: 33%;}
.col2-set .wide {width: 65%;}


/* ===== Header ===== */
.main-header {padding: 15px 22px 10px 22px;}

/* Containers */
.header-and-nav {float: left;clear:left;}
#header-links-and-basket {float: right; width: 500px; padding-top:0;}
#header-links-and-basket-links {margin-top:13px;}

/* Logo */
.header-and-nav .logo {float: left; height: 76px; text-indent: -999em; width: 289px; margin:7px 0 0 0;}
.header-and-nav .logo a {display: block; height: 76px; width: 289px;}

/* CHRISTMAS 2012 OVERRIDES */
.dd-about-us,
.dd-haircare,
.dd-fragrance,
.dd-skincare,
.dd-make-up,
.dd-gifts,
.dd-mens,
.dd-christmas,
.dd-bath-and-body {width:954px; position:absolute; left:-12px!important;}


ul.gift-promo { float:right!important; margin:0!important; }
ul.gift-promo li { text-align:right!important; padding:5px 11px 0 0!important;}

.dd-about-us ul,
.dd-skincare ul,
.dd-haircare ul,
.dd-fragrance ul,
.dd-make-up ul,
.dd-mens ul,
.dd-gifts ul,
.dd-christmas ul,
.dd-bath-and-body ul { height:220px; }

#nav {clear: both; float: left; z-index: 999;}

/* Nav - all Levels */
#nav li {z-index: 998; float: left; position: relative; text-align: left;}
#nav li.over {z-index: 999;}
#nav li a {z-index: 999; display: block; float: left; padding: 5px 10px;}
#nav li a.home {padding-left: 0;}
#nav li a span {z-index: 999; cursor: pointer; display: block; white-space: nowrap;}
#nav li ul a span {white-space: normal;}

/* Nav - 2nd Level */
#nav ul {z-index: 999; left: -10000px; padding: 5px 0 10px 0; position: absolute; top: 25px; width: 15em;}
#nav ul li {z-index: 999; float: none;}
#nav ul li a {z-index: 999; float: none;}

/* Nav - 3rd level */
#nav ul li ul {z-index: 999; top: -10px; padding: 10px 0;}
#nav ul li ul li {z-index: 999; margin-left: 10px;}

/* Nav - show Menu */
#nav li.over > ul {left: 0;}
#nav li.over > ul li.over > ul {left: 185px;}
#nav li.over ul ul {left: -10000px;}


/* Location selector & my account */
#header-links-and-basket #links {font-size: 0.9em; float: right; margin-bottom: 25px;}
#header-links-and-basket #links li#location-selector,
#header-links-and-basket #links li#my-account,
#header-links-and-basket #links li#login {margin-right: 10px; padding-right: 10px;}

/* Links - all Levels */
#header-links-and-basket #links li {position: relative; text-align: left;}
#header-links-and-basket #links li a {display: block;}
#header-links-and-basket #links li a span {display: block; white-space: nowrap;}
#header-links-and-basket #links li ul a span {white-space: normal;}

/* Links - 1st Level */
#header-links-and-basket #links li {float: left;}
#header-links-and-basket #links li a {display: inline;}

/* Shopping basket*/
#basket {clear: both; display: block; float: right; width:300px; padding-top:15px;}
#basket li {float: left;}
#basket li.basket-txt {padding: 27px 8px 0 0;}
#basket li.items {text-align:right; padding:5px 0 0 0;}
#basket li.items span#basket-qty {  height: 48px; width: 150px;}
#basket li.items a.items-qty {display: block; font-size: 1.3em; padding: 26px 0 0 0;}
#basket li.items span.items-txt {display:block; }
#basket li.btn-checkout {float: right; }
#basket li.btn-checkout input.checkout-btn {float: left; height: 23px; overflow: visible; padding: 0 12px; text-align: center;  width: auto;}
#basket .shopping-bag {margin-left:2px;}

/* Phone or search bar */
#phone-and-search {padding: 0 22px; margin:0 -5px;}
#phone {float: left;}
#search_mini_form {float: right; width: 205px; margin: 7px 5px 7px 0;}
#search_mini_form .form-search {margin: 1px 2px 1px 6px;padding:0px;}
#search_mini_form .form-search label {display: none;}
#search_mini_form .form-search .input-text {width: 173px;}
#search_mini_form .form-search #search {width: 173px;}
#search_mini_form .form-search .search-btn {height: 16px; overflow: hidden; width: 16px;}
#search_mini_form #search_autocomplete {clear:left;filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: .90; position: absolute; z-index: 999;padding-bottom:6px;}
#search_mini_form #search_autocomplete li{padding:6px 5px 0px 10px;}


/* ==== Homepage Flash Rotator ==== */
.homepage-banner {height:366px;}

/* ===== Left hand nav ===== */

.col-left #left-hand-nav {margin-bottom: 5px; width: 208px;}
.col-left #left-hand-nav li a {display: block; padding: 3px 10px 3px 20px; width: 178px;}
/* Second level */
.col-left #left-hand-nav ul {padding: 10px 0 10px 20px; margin-bottom: 0;}
.col-left #left-hand-nav ul li a {display: block; padding: 0 0 5px 0; width: 176px;}
/* 3rd level */
.col-left #left-hand-nav ul li ul {padding:0; margin:0 0 0 5px;}
.col-left #left-hand-nav ul li ul li {padding:0 0 0 10px;}
.col-left #left-hand-nav ul li ul li a {display: block; padding: 0 0 5px 0; width: 150px;}
/* Promos */
.col-left .promo-box {padding: 15px 22px 15px 22px; margin-bottom: 5px; width: auto;}
.col-left .promo-box h3 {margin-bottom: 10px; width: 164px !important;}
.col-left .promo-box h3 a {width:100%; display:block;}
.col-left .promo-box h3#need-help {height: 19px;}
.col-left .promo-box h3#postage-dates {height: 19px;}
.col-left .promo-box h3#gift-guide {height: 19px;}
.col-left .promo-box h3#festive-treat {height: 19px;}
.col-left .promo-box h3#gift-finder {height: 19px;}
.col-left .promo-box h3#christmas-header, .col-left .promo-box h3#holiday-header {height: 42px;}
.col-left .promo-box p {margin-bottom: 5px;}
.col-left .promo-box h3#festive-treat {background: url('../images/common/left_hand_nav/lhn_festive_treat.gif') 0 0 no-repeat;height: 25px;}
.col-left .promo-box#red {color: #fff;background:#921630;}
.col-left .promo-box#red a:link, .col-left .promo-box#red a:active, .col-left .promo-box#red a:visited{color: #fff;}
.col-left .promo-box#red a:hover{color:#fff;text-decoration:underline;}


/* Promos sale */
.col-left .promo-box-sale {padding: 0px 22px 0px 0px; margin-bottom: 5px; width: auto;}

/* ===== Footer ===== */

.footer {padding: 30px 27px;}
.footer ul li {float: left;}
.footer #footer-level-1 {padding-bottom: 15px; }
.footer #footer-level-1 ul li h6 {margin-bottom: 10px;}
.footer #footer-level-1 ul li h6 a {display: block;}
.footer #footer-level-1 ul li p {clear: both;}
.footer #footer-level-1 ul li.first,
.footer #footer-level-1 ul li.second,
.footer #footer-level-1 ul li.third {margin-right: 30px;}
.footer #footer-level-1 ul li.first,
.footer #footer-level-1 ul li.second,
.footer #footer-level-1 ul li.third,
.footer #footer-level-1 ul li.fourth {width: 209px;}
.footer #footer-level-1 ul li ul li {float: none;}
.footer #footer-level-1 ul li.first h6,
.footer #footer-level-1 ul li.second h6,
.footer #footer-level-1 ul li.third h6,
.footer #footer-level-1 ul li.fourth h6 {height: 30px;}
.footer #footer-level-1 ul li.first h6,
.footer #footer-level-1 ul li.first p,
.footer #footer-level-1 ul li.first ul {margin-right: 20px;}
.footer #footer-level-1 ul li.first p {margin-bottom: 5px;}
.footer #footer-level-1 ul li.second ul {margin-bottom:15px;}
.footer #footer-level-1 ul li.second li a {clear: both; display:block; /*padding-left:15px;*/}
.footer #footer-level-1 ul li.second li span {display:block; font-weight:bold;}
.footer #footer-level-1 ul li.second .more-awards {padding-top:14px;}
.footer #footer-level-1 ul li.second h6,
.footer #footer-level-1 ul li.third h6 {margin-right: 20px;}
.footer #footer-level-1 ul li.third p {margin: 0 20px 8px 0;}
.footer #footer-level-1 ul li.third ul {margin-right: 20px; width: 220px;}
.footer #footer-level-1 ul li.third ul li {display: inline;}
.footer #footer-level-1 ul li.third ul li span.day {float: left; padding-right: 6px; width: 100px;}
.footer #footer-level-1 ul li.third ul li span.time {float: right; text-align: left; width: 110px;}
.footer #footer-level-1 ul li.third ul.links {margin-right: 20px; padding:15px 0 0 0;}
.footer #footer-level-1 ul li.third ul.links li {margin-bottom: 3px; display:block;}
.footer #footer-level-1 ul li.fourth p {margin-bottom: 10px;}
.footer #footer-level-1 ul li.fourth #newsbites-sign-up {background: #fff;}
.footer #footer-level-1 ul li.fourth #newsbites-sign-up .form-sign-up input {color: #5c5e5f;}
.footer #footer-level-1 ul li.fourth #newsbites-sign-up .form-sign-up .sign-up-btn {background: url('../images/common/search_btn.gif') 0 0 no-repeat; border: 0; cursor: pointer;}
.footer #footer-level-2 address {float: left;}
.footer #footer-level-2 ul {float: right;}
.footer #footer-level-2 ul li {margin-right: 8px; padding-right: 8px; }
.footer #footer-level-2 ul li.last {margin-right: 0; padding-right: 0px;}

/* ===== Global Styles ===== */

/* Form Elements */
label {font-size: 0.9em;}
input, select, textarea, button {vertical-align: middle;}
input.input-text, textarea {padding: 2px;}
select {padding: 1px;}
select option {padding-right: 10px;}
textarea {overflow: auto;}
input.radio,
input.checkbox {margin-right: 3px;}
input.qty {width: 2.5em !important;}

div.loading-icon { margin-top:15px;}
div.loading-icon-address { margin-top:50px; padding-left:50px;}
div.loading-icon-address img { margin-right:15px;}

/* Input & Textarea stretched for 100% */
.field-100 {padding: 2px; overflow: hidden;}
.field-100 input.input-text,
.field-100 textarea {float: left; margin: 0; padding: 0; width: 100%;}

/* Form Highlight */
/* input.input-text:focus, select:focus, textarea:focus {} */
/* .highlight {background: #eee;} */

/* Form Validation */
.validation-advice {clear: both; margin: 5px 0 0 0; padding-left: 17px;}
.validation-passed {}
p.required {margin-bottom: 15px;}

/* Global messages */
.messages {overflow: hidden; width: 100%;}
.messages li {margin: 0 0 10px;}
.messages li li {margin:0 0 3px;}
.messages h5 {margin-bottom: 10px; padding-bottom: 5px;}
.error-msg,
.success-msg,
.note-msg,
.notice-msg,
.warning-msg {padding: 15px !important; margin-bottom:20px!important;}
/* postcode lookup mssg */
#postcode-error {margin:5px 0 20px 0;}
#postcode-error h5 {margin-bottom:13px;}

/* BreadCrumbs */ 
.breadcrumbs {margin: 0 15px 30px 0;}
.breadcrumbs li {display: inline;}

/* Pager */ 
.pager {margin-bottom: 7px; text-align:center; }
.pager .amount {float: left;}
.pager .limiter {float: right; font-size: 0.9em;}
.pager .pages {float: right; margin: 0 0 30px 0;}
.pager .pages ol {display: inline;}
.pager .pages li {display: inline;}
.pager .pages li.pg a {display: inline; font-weight: bold;}
.pager .pages .current {font-weight: bold;}

/* Sorter */ 
.sorter {}
.sorter .view-mode {float: left;}
.sorter .sort-by {float: right;}
.sorter .link-feed {}

/* Previous & next links */
a.previous {padding-left: 15px;}
a.next {padding-right: 15px;}

/* Data Table */ 
.data-table {width: 100%; }
.data-table th {padding: 5px; white-space: nowrap;}
.data-table td {padding: 5px;}
.data-table th .tax-flag {white-space: nowrap;}

/* Main page title */
.main-page-title {height: 233px !important; margin-bottom: 5px; width: auto;}
.main-page-title h1 {width: 700px !important;}


/* ===== Shopping basket ===== */

/* Left hand nav */
.payment-types {margin-bottom: 15px; padding: 0 15px;}
.payment-types h3 {margin: 15px 0;}
.payment-types ul.we-accept {margin-bottom: 45px;}
.payment-types ul.protected-by {margin-bottom: 30px;}
.payment-types li span {display: none;}
.payment-types ul.we-accept li,
.payment-types ul.we-accept-us li {height: 20px;}
.payment-types ul.we-accept li.cards {height: 75px;}
.payment-types ul.we-accept-us li.cards {height: 75px;}
.payment-types ul.we-accept-de li.cards {height: 125px;}
.payment-types ul.protected-by li,
.payment-types ul.protected-by-ie li,
.payment-types ul.protected-by-us li {height: 30px;}

/* Shopping basket */
.shopping-basket {margin:0 22px;}
.shopping-basket h1 {padding:17px 0 0 0; margin-bottom: 15px !important;}
.shopping-basket #shopping-cart-table { clear:both; }
.shopping-basket .data-table {margin-bottom: 15px !important;}
.shopping-basket .data-table th {padding: 5px; white-space:nowrap;}
.shopping-basket .data-table th span {display: none;}
.shopping-basket .data-table td {padding: 15px 5px;}
.shopping-basket .data-table td.quantity {padding-left:20px;}
.shopping-basket .data-table td.prod-img {text-align: center;}
.shopping-basket .data-table td .quantity-btns {float: right;}
.shopping-basket .shopping-cart-collaterals {clear: both; margin-bottom: 30px; padding: 10px 22px; position: relative;}
.shopping-basket .shopping-cart-collaterals #shopping-cart-totals-table { width:100%; text-align:right; padding-right:63px;}
.shopping-basket .shopping-cart-collaterals #shopping-cart-totals-table td.titles { width:531px; }
.shopping-basket .shopping-cart-collaterals .col2-set .col-1 {float: left; width: 59%;}
.shopping-basket .shopping-cart-collaterals .col2-set .col-2 {float: right; width: 39%;}
.shopping-basket .shopping-cart-collaterals h3,
.shopping-basket .shopping-cart-collaterals h4,
.shopping-basket .shopping-cart-collaterals p {margin-bottom: 10px;}
.shopping-basket .shipping-estimate label#country-label {margin-bottom: 5px;}
.shopping-basket .shopping-cart-collaterals span.select-country {clear: left; display: block; margin-bottom: 30px;}
.shopping-basket .shopping-cart-collaterals span.select-country select {margin-right: 15px;}
.shopping-basket .shopping-cart-collaterals li {margin-bottom: 2px;}
.shopping-basket .shopping-cart-collaterals .shopping-cart-totals {margin: 30px;}
.shopping-basket .shopping-cart-collaterals .shopping-cart-totals table {margin-bottom: 60px;}
.shopping-basket .shopping-cart-collaterals .shopping-cart-totals table tfoot td {padding-top: 30px;}
.shopping-basket .shopping-cart-collaterals .shopping-cart-totals table span.price {margin-left: 15px;}
.shopping-basket .shopping-cart-collaterals .shopping-cart-totals .checkout-types {clear: both; margin-left: 30px;}
.shopping-basket .shopping-cart-collaterals button {clear: both;}
.shopping-basket ul.back {float: left;}
.shopping-basket .quantity-btns .quantity-box {color:#7c7d7e!important;}

/* Gift messages */
.shopping-basket .basket-gift-message {margin-bottom: 15px;}
.shopping-basket .add-gift-message,
.shopping-basket .gift-message-form {padding: 0 10px 15px 10px;}
.shopping-basket .add-gift-message h3,
.shopping-basket .gift-message-form h3,
.shopping-basket .gift-message-form h4 {margin-bottom: 15px;}
.shopping-basket .add-gift-message input {float: left; margin-right: 5px;}
.shopping-basket .add-gift-message label {float: left;}
.shopping-basket .gift-message-form {clear: both; display: block;}
.shopping-basket .gift-message-form ol,
.shopping-basket .gift-message-form ul {clear: both; margin-top: 30px;}
.shopping-basket .gift-message-form li.gift-item {margin-bottom: 15px;padding-bottom: 15px;}
.shopping-basket .gift-message-form .gift-img,
.shopping-basket .gift-message-form .gift-box {float: left;}
.shopping-basket .gift-message-form .gift-img {margin-right: 15px;}
.shopping-basket .gift-message-form li.gift-item ul li {margin-bottom: 5px;}
.shopping-basket .gift-message-form .input-box label {display: block; margin-right: 5px; width: 50px;}
.shopping-basket .gift-message-form .input-box textarea {height: 60px; width: 200px;}
.shopping-basket .gift-message-form .input-box label,
.shopping-basket .gift-message-form .input-box input {float: left;}
.shopping-basket .gift-message-form .input-box input {width: 200px;}
.shopping-basket .gift-message-form .btn {margin-left: 90px;}
.shopping-basket .gift-message-form .continue-btn {margin-bottom: 15px;}
.shopping-basket .gift-message-form ul.messages {clear: both;}

/* Promo Codes */
.shopping-basket tr.promo-item .attributes-col span {line-height: 38px; height: 26px; font-weight:bold; padding-left:10px; }
.shopping-basket tr.promo-item .quantity {padding-right:0!important;}
.shopping-basket tr.promo-item .quantity .no-qty {font-weight:bold;}
.shopping-basket #promocodes-container-inner { padding: 15px 10px; margin-bottom:20px; border-top:1px solid #eee; border-bottom:1px solid #eee; } 
.shopping-basket #promocodes-container .promo-intro { float:left; width:275px; }
.shopping-basket #promocodes-container .promo-field { float:left; width:260px; text-align:right;}
.shopping-basket #promocodes-container .promo-field input { padding:0; width:235px; height:30px; line-height:30px; margin-top:5px; text-align:center; font-weight:bold; border:1px solid #c1c1c3;}
.shopping-basket #promocodes-container .promo-apply { float:right; width:156px; }

.google_conversion {background:#e1f4f4; height:1px; overflow:hidden;}