/* 
* Catalog layouts CSS 
* Includes all catalog related content styles - Quickshop, Products and their subpages e.g. reviews, product page modals, Gift Finder, Ingredients A-Z.
*/


/* ===== Quickshop ===== */

.quickshop h1 {margin-top: 7px; padding:17px 0 22px 22px;}
.quickshop .breadcrumbs {margin: 0 15px 15px 0;}
.quickshop .breadcrumbs ul {padding-bottom: 5px;}
.quickshop .quickshop-content {margin-right: 15px;}
.quickshop .quickshop-content .range-title {margin-bottom: 15px; padding: 2px 5px;}
.quickshop .quickshop-content .note-msg {margin-bottom: 30px;}
.quickshop .range-title h2,
.quickshop .range-title ul {display: inline; width: 49%; margin: 0;}
.quickshop .range-title h2 {float: left;}
.quickshop .range-title ul {float: right; padding-top: 4px; text-align: right;}
.quickshop .listing-type-list {margin-bottom: 30px;}
.quickshop .listing-item {margin-bottom: 30px; padding-bottom: 30px;}
.quickshop .product-image {float: left; margin-right: 10px; width: 220px;}
.quickshop .product-shop {float: left; width: 510px;}
.quickshop .product-shop h3 {margin-bottom: 15px;}
.quickshop .product-shop h3 span {display: block;}
.quickshop .product-shop .product-name-title span {display: none;}
.quickshop .data-table th.price-title {padding-right: 15px;}
.quickshop .data-table {margin-bottom: 15px;}
.quickshop .data-table td.quantity {width: 62px;}
.quickshop .quantity-btns {margin: 0 auto;}
.quickshop button.add-btn {float: right;}
.quickshop .end-of-page {text-align: right;}


/* ===== Category page ===== */

.category-title {height: 233px !important; margin-bottom: 5px; width: auto;}
.category-title h1 {width: 700px !important;}

.catalog-category-view .breadcrumbs {margin: 0 22px 30px 0;}

span.acc-msg {display: none;}

.category-products {clear: both; margin: 0 22px 15px 22px;}

.catalog-category-view p.category-description {margin: 0 22px 45px 22px;}


/* View type: Grid */
.products-grid {clear: both; margin: 0 0 75px 0; width: auto;}
.products-grid .product {width: 340px;}
.products-grid .product .product-info {margin-bottom: 15px; position: relative;}
.products-grid .product .product-info .product-img {bottom: 0; float: left; left: 0; margin-right: 10px; position: absolute; text-align: center; width: 115px;}
.products-grid .product .product-info .product-txt {float: right; width: 215px;}
.products-grid .product .product-info h2 {line-height: 1.1em; height: 40px; margin-bottom: 5px;}
.products-grid .product .product-info h2 span {display: block;}
.products-grid .product .product-info p {margin-bottom: 5px;}
.products-grid .product .product-info p.description {height: 90px;}
.products-grid .product .select-item {clear: both; float: right; width: 215px;}
.products-grid .product .select-item select.range-select {clear: both; display: block; margin-bottom: 5px; width: 100%;}


/* No Swatches Colour Fix */
body.category-eyes .product-txt+form .select-item { padding-top:31px; }

/* CIRCLE */
.products-grid .range-swatches ul li.selected span.box, 
.products-list .range-swatches ul li.selected span.box { background: transparent url('../images/common/swatch-bg-sml.jpg') no-repeat; }

/* Product View - Swatches  & Tooltip */
.products-grid .range-swatches ul li span.box
.products-list .range-swatches ul li span.box { font-weight: normal!important; text-decoration: none; cursor: pointer; }
.products-grid .range-swatches ul li span.box:hover,
.products-list .range-swatches ul li span.box:hover {text-decoration:none; }
.products-grid .range-swatch-tooltip,
.products-list .range-swatch-tooltip {opacity: 1; background: transparent url('../images/common/tooltip-background-range-wide.png') no-repeat; color: #7c7d7e; font-size: 12px; }
.products-grid .range-swatch-tooltip .range-swatch-container,
.products-list .range-swatch-tooltip .range-swatch-container { background:#fff; }
.products-grid .range-swatch-tooltip .header,
.products-list .range-swatch-tooltip .header {font-size:12px;}
.products-grid .range-swatch-tooltip .content,
.products-list .range-swatch-tooltip .content  {font-size:12px;}


/* View type: List */
.products-list {clear: both;}
.products-list .item {height: 235px; margin-bottom: 75px; position: relative; width: 713px;}
.products-list .product-image {bottom: 0; float: left; left: 0; margin-right: 10px; position: absolute; width: 240px;}
.products-list .product-info {float: left; left: 250px; position: absolute; width: 463px;}
.products-list .product-info h2 {line-height: 1.1em; margin-bottom: 10px;}
.products-list .product-info h2 span {display: block;}
.products-list .product-info p {margin-bottom: 5px;}
.products-list .select-item select.range-select {clear: both; display: block; margin-bottom: 5px; width: 100%;}

/* ===== Product page ===== */

/* Product main layout */
.product-details .col1-layout {padding: 10px 22px 22px 22px;position:relative;}


/* Product common styles */
.product-name {clear: both; margin-bottom: 15px;}
.product-name h1 {line-height: 0.9em;}


/* Product tabbed nav*/
.product-tabs {float: left; line-height: normal; width: 100%;}
.product-tabs li {float: left; margin-right: 4px; padding: 0 0 0 12px;}
.product-tabs a {float: left; display: block;  padding: 2px 20px 0 20px; margin-left:-12px; line-height:30px;}
.product-tabs #current a {padding-bottom: 1px; }
.product-tabs li.end {margin-right: 0;}



/* Main content box */
.main-tab-content {clear: both; width: auto; margin-bottom: 22px; padding: 22px;}
.main-tab-content h3 {margin-bottom: 30px;}

/* Product Image and zoom / video */
.main-tab-content .product-left-box {float: left; margin-right: 15px; width: 365px;}
.main-tab-content .product-left-box .product-image {display: block; text-align: center; width: 365px;}
.main-tab-content .product-left-box .zoom-box {clear: both; margin-bottom: 15px;}
.main-tab-content .product-left-box .zoom-box ul {margin: 0 auto; } /* width: 65%; Remove this when the video links go back into the page */
.kits-view .main-tab-content .product-left-box .zoom-box{text-align:center;margin-left:100px;}
.main-tab-content .product-left-box .zoom-box ul li {float: left; padding: 0 0 5px 0;}
.main-tab-content .product-left-box .zoom-box ul li.zoom,
.main-tab-content .product-left-box .zoom-box ul li.video {margin-right: 15px;}
.main-tab-content .product-left-box .zoom-box ul li.zoom a {padding: 5px 22px 5px 0;}
.main-tab-content .product-left-box .zoom-box ul li.video a {padding: 5px 22px 5px 0;}
.main-tab-content .product-left-box .zoom-box ul li.send a {padding: 5px 29px 5px 0;}

.main-tab-content .product-left-box .product-image #wrap {margin-left:60px; position:relative; text-align:left; }
.main-tab-content .product-left-box .product-image #wrap a {width:235px;}

/* Bookmarking box */
.social-bookmarking {clear: both; margin: 5px 0; padding: 5px;}
.social-bookmarking h5 {margin-bottom: 5px;}
.social-bookmarking ul {text-align: left;}
.social-bookmarking ul li {line-height: 20px; margin: 0 10px 5px 0;}
.social-bookmarking ul li img {padding-right: 5px;}

.facebook_like_button{z-index:900;position:relative;}

/* About this product */
.main-tab-content .product-about {float: left; width: 500px;}
.main-tab-content .product-about p {margin-bottom: 15px;}
.main-tab-content .product-about ul {margin-bottom: 30px;}
.main-tab-content .product-about .colour-selection {clear:both;}
.main-tab-content .product-about .swatches ul {margin-bottom: 5px;}
.main-tab-content .product-about .texture {height:120px;}
.main-tab-content .product-about div.how-to {margin-bottom:30px;}
.main-tab-content .product-about img.how-to {clear:both; float:left; margin-right:10px;}
.main-tab-content .product-about p.how-to {float:left; margin-top:7px;}

/* Make your selection */
.main-tab-content .select-item {clear: both; margin-bottom: 15px;}
.main-tab-content .select-item label {display: block; margin-bottom: 5px;}
.main-tab-content .select-item select {clear: both; display: block; margin-bottom: 5px; width: 350px;}
.main-tab-content .select-item label.quantity {display: none;}
.main-tab-content .select-item .quantity-btns {clear: left;}

/* Awards */
.main-tab-content .awards {clear: both; margin-top: 30px;}
.main-tab-content .awards h4 {margin-bottom: 15px;}
.main-tab-content .awards ul.list-of-awards li {float: left; height: 80px; line-height: 80px;}
.main-tab-content .awards ul.list-of-awards li img {vertical-align: middle;}

/* You might like these too */
.related-products {clear: both; padding-bottom: 15px;}
.related-products h5 {margin-bottom: 15px;}
.related-products ul li {float: left; height: 210px; margin-right: 15px; position: relative; text-align: center; width: 290px;}
.related-products ul li.end {margin-right: 0;}
.related-products ul li .tn-rel-products {bottom: 0; float: left; left: 0; margin-right: 10px; position: absolute; text-align: center; width: 115px;}
.related-products ul li .tn-rel-products img {vertical-align: bottom;}
.related-products ul li dl {float: right; margin-top: 30px; margin-right: 10px; text-align: left;  width: 155px;}
.related-products ul li dt {height: 50px; line-height: 1.1em;}
.related-products ul li dd.skin-type {height:35px; margin-bottom: 15px;}


/* Select your size / Select your shade tab */
.select-size h3, .select-shade h3 {margin-bottom: 0;}
.main-tab-content .select-product {clear: both;}
.main-tab-content .select-product li {float: left; height: 210px; margin-top: 30px; position: relative; text-align: center; width: 292px;}
.main-tab-content .select-product li .tn-img {bottom: 0; float: left; left: 0; position: absolute; text-align: center; width: 115px;}
.main-tab-content .select-product li .tn-img img {vertical-align: bottom;}
.main-tab-content .select-product li dl {float: right; margin-top: 30px; text-align: left;  width: 177px;}
.main-tab-content .select-product li dt {height: 40px; line-height: 1.1em;}
.main-tab-content .select-product li dd {margin-bottom: 15px;}
.main-tab-content .select-product li dd.in-stock {margin-bottom: 30px;}
.main-tab-content .select-product label.quantity {display: none;}
.main-tab-content .select-product .quantity-btns {clear: left;}
.main-tab-content .select-product input.add-btn {margin-left: 5px; padding: 0 8px !important;}
.main-tab-content .select-product-shade {clear: both; display:block; }
.main-tab-content .select-product-shade li {float: left; margin-top: 30px; position: relative; text-align: center; width: 292px;} /* height: 285px; */
.main-tab-content .select-product-shade li .shade-img {bottom: 0; text-align: left; }
.main-tab-content .select-product-shade li .shade-img img {vertical-align: bottom;}
.main-tab-content .select-product-shade li dl {margin-top: 30px; text-align: left;  width: 270px; }
.main-tab-content .select-product-shade li dt { line-height: 1.1em; margin-bottom:10px; font-weight:bold;}
.main-tab-content .select-product-shade li dd {margin-bottom: 15px;}
.main-tab-content .select-product-shade li dd.description {height:55px;} 
.main-tab-content .select-product-shade li dd.in-stock {margin-bottom: 30px;}
.main-tab-content .select-product-shade label.quantity {display: none;}
.main-tab-content .select-product-shade .quantity-btns {clear: left;}
.main-tab-content .select-product-shade input.add-btn {margin-left: 5px; padding: 0 8px !important;}

/* Common product page styles */
.back {clear: both; margin-bottom: 30px;}

/* How to use */
.main-tab-content .how-to-use {float: left; width: 500px;}
.main-tab-content .how-to-use p {margin-bottom: 15px;}

/* How to apply */
.main-tab-content .how-to-apply { float: left; width: 880px; }
.main-tab-content .how-to-apply p { margin-bottom: 15px; margin-left:80px; }
.main-tab-content .how-to-apply .expert-quote { margin:0 0 20px 80px; }
.main-tab-content .how-to-apply .col-1 { float:left; width:15%; margin-right:5%; }
.main-tab-content .how-to-apply .col-2 { float:left; width:75%; }
.main-tab-content .how-to-apply .tip-title { font-weight:bold; margin-left:0; }
.main-tab-content .how-to-apply blockquote { font-style: italic; margin: 20px 0 15px 0; padding: 10px 30px 0 30px; background: url('/userpages/images/common/quote_left.gif') 0 0 no-repeat;}
.main-tab-content .how-to-apply blockquote cite { font-style: normal; font-weight: normal; display: block; clear: both; padding: 10px 0 0 0; background: url('/userpages/images/common/quote_right.gif') 100% 0 no-repeat; }

/* Ingredients */
.main-tab-content .ingredients .naturally-active-ingredients {margin-bottom: 30px; padding-bottom: 30px;}
.main-tab-content .ingredients .naturally-active-ingredients dl#natactive-ings dt.prod-img {clear: left; float: left; height: 110px; margin-right: 15px; margin-bottom: 30px; width: 110px;}
.main-tab-content .ingredients .naturally-active-ingredients dl#natactive-ings dt.prod-img img {width: 110px; height: 110px;}
.main-tab-content .ingredients .naturally-active-ingredients dl#natactive-ings dt.prod-txt,
.main-tab-content .ingredients .naturally-active-ingredients dl#natactive-ings dd {float: left; width: 700px;}
.main-tab-content .ingredients .naturally-active-ingredients dl#natactive-ings dd {height: 100px; margin-bottom: 30px;}
.main-tab-content .ingredients .other-ingredients p {margin-bottom: 15px;}


/* Reviews */
.main-tab-content .reviews {margin-bottom: 30px;}
.main-tab-content .reviews .options {clear: both; float: left; margin-bottom: 10px; text-align: left; width: 400px;}
.main-tab-content .reviews .pager {float: right; margin-bottom: 30px; text-align: right; width: 400px;}
.main-tab-content .reviews .pager li {display: inline;}
.main-tab-content .reviews .pager .pages {margin: 0;}

.main-tab-content .customer-reviews .pager {margin-bottom: 0;}
.main-tab-content .customer-reviews .pager li.view-all {margin-left: 10px; padding-left: 10px;}

.main-tab-content .customer-reviews {clear: both; margin-bottom: 30px; padding-bottom: 15px;}
.main-tab-content .customer-reviews .left,
.main-tab-content .customer-reviews .right {width: 423px;}
.main-tab-content .customer-reviews li.review {clear: left; float: left; margin-bottom: 30px !important; padding-top: 21px; width: 423px;}
.main-tab-content .customer-reviews li.review blockquote {display: block; float: left; width: 423px; }
.main-tab-content .customer-reviews li.review blockquote span { display:block; margin: 0 10px 0 25px; }
.main-tab-content .customer-reviews span {clear: both; }
.main-tab-content .customer-reviews li.review blockquote span {display: block; padding: 0 10px;}
.main-tab-content .customer-reviews li.review .customer {clear: left; display: block; width: 423px; }
.main-tab-content .customer-reviews li.review .customer span.name {clear: left; float:right; text-align:right; padding: 23px 15px 0 0; display: block; overflow: visible;}



.main-tab-content .customer-reviews p.no-reviews {padding: 30px 0;}

.main-tab-content .your-review {margin-bottom: 30px;}
.main-tab-content .your-review p.required {margin-bottom: 15px; text-align: right;}
.main-tab-content .your-review span.required {float: right;}

.main-tab-content .submit-review ul {margin-bottom: 15px; padding: 0 20px 20px 20px; }
.main-tab-content .submit-review .form-list li { margin-bottom: 15px; width: 440px;}
.main-tab-content .submit-review .form-list li label {clear: left; float: left; margin-right: 15px; text-align: right; width: 95px;}
.main-tab-content .submit-review .form-list li input {float: left; padding: 2px 0;  width: 310px;}
.main-tab-content .submit-review .form-list li textarea {float: left; height: 165px; width: 305px;}
.main-tab-content .submit-review .hide {display: none;}

.main-tab-content #submission-verification h4 {margin-bottom: 15px;} 
.main-tab-content #submission-verification fieldset {margin: 0; padding: 0;}
.main-tab-content #submission-verification .back-to-top {float: left; width: 200px; margin: 0; padding: 0;}


/* What's inside */
.whats-inside li {float: left; height: 210px; margin-right: 30px; width: 400px;}
.whats-inside li img {float: left; margin-right: 15px;}



/* Kits view */
.kits-view .main-tab-content .product-left-box {width: 520px;padding:0px;margin:0px;}
.kits-view .main-tab-content .product-left-box .product-image {width: 500px;}
.kits-view .main-tab-content .product-about {width: 360px;}
.kits-view .main-tab-content .product-left-box .zoom-box ul li.zoom,
.kits-view .main-tab-content .product-left-box .zoom-box ul li.video {margin-right: 45px;}
.kits-view .main-tab-content .how-to-use {width: 350px;}


/* Christmas view 2011 */
#christmas-layout .main-tab-content .product-left-box {width: 520px;padding:0px;margin:0px;}
#christmas-layout .main-tab-content .product-left-box .product-image {width: 500px;}
#christmas-layout .main-tab-content .product-about {width: 360px;}
#christmas-layout .main-tab-content .product-left-box .zoom-box {text-align:center;margin-left:127px;}
#christmas-layout .main-tab-content .product-left-box .zoom-box ul li.zoom,
#christmas-layout .main-tab-content .product-left-box .zoom-box ul li.video {margin-right: 45px;}
#christmas-layout .main-tab-content .how-to-use {width: 350px;}

#christmas-layout .awards {margin-bottom:25px;}

.christmas-collection { clear:both; width:364px; padding-top:5px; }
.christmas-collection .collection-box { width:364px; min-height:150px; padding:25px 0 30px 0; } 
.christmas-collection .collection-box .icon-area {float:left; width:90px;}
.christmas-collection .collection-box .icon-area .icon { width:62px; height:62px; margin:35px 0 0 20px; }
.christmas-collection .collection-box .icon-area .icon span {display:none;}
.christmas-collection .collection-box p { padding:0 30px 0 100px; }
.christmas-collection { background:url('../images/christmas2011/xmas-box-top-botanical.jpg') no-repeat top right #fff6ef; }
.christmas-collection .collection-box { background:url('../images/christmas2011/xmas-box-curl-botanical.jpg') no-repeat bottom right #fff6ef; }
.christmas-collection .collection-box .icon-area .icon { background:url('../images/christmas2011/xmas-icon-botanical.jpg') no-repeat top left; }

body.xmas-botanical .christmas-collection { background:url('../images/christmas2011/xmas-box-top-botanical.jpg') no-repeat top right #fff6ef; }
body.xmas-botanical .christmas-collection .collection-box { background:url('../images/christmas2011/xmas-box-curl-botanical.jpg') no-repeat bottom right #fff6ef; padding-bottom:20px; }
body.xmas-botanical .christmas-collection .collection-box .icon-area .icon { background:url('../images/christmas2011/xmas-icon-botanical.jpg') no-repeat top left; }
body.xmas-woodland .christmas-collection { background:url('../images/christmas2011/xmas-box-top-woodland.jpg') no-repeat top right #fff6ef; } 
body.xmas-woodland .christmas-collection .collection-box { background:url('../images/christmas2011/xmas-box-curl-woodland.jpg') no-repeat bottom right #fff6ef; padding-bottom:20px; }
body.xmas-woodland .christmas-collection .collection-box .icon-area .icon { background:url('../images/christmas2011/xmas-icon-woodland.jpg') no-repeat top left; }
body.xmas-osborne .christmas-collection { background:url('../images/christmas2011/xmas-box-top-osborne.jpg') no-repeat top right #fff6ef; }
body.xmas-osborne .christmas-collection .collection-box { background:url('../images/christmas2011/xmas-box-curl-osborne.jpg') no-repeat bottom right #fff6ef;  padding-bottom:15px; }
body.xmas-osborne .christmas-collection .collection-box .icon-area .icon { background:url('../images/christmas2011/xmas-icon-osborne.jpg') no-repeat top left; height:82px; margin-top:15px; }
body.xmas-wellbeing .christmas-collection { background:url('../images/christmas2011/xmas-box-top-wellbeing.jpg') no-repeat top right #fff6ef; }
body.xmas-wellbeing .christmas-collection .collection-box { background:url('../images/christmas2011/xmas-box-curl-wellbeing.jpg') no-repeat bottom right #fff6ef; padding:25px 0 5px 0; }
body.xmas-wellbeing .christmas-collection .collection-box .icon-area .icon { background:url('../images/christmas2011/xmas-icon-wellbeing.jpg') no-repeat top left; }

body.xmas-wellbeing .col1-layout {background: url('/userpages/images/range-homepages/christmas/christmas-micro-banner3.jpg') top left no-repeat; padding-top:70px;}
body.xmas-botanical .col1-layout {background: url('/userpages/images/range-homepages/christmas/christmas-micro-banner2.jpg') top left no-repeat; padding-top:70px;}
body.xmas-woodland .col1-layout {background: url('/userpages/images/range-homepages/christmas/christmas-micro-banner.jpg') top left no-repeat; padding-top:70px;}
body.xmas-osborne .col1-layout {background: url('/userpages/images/range-homepages/christmas/christmas-micro-banner4.jpg') top left no-repeat; padding-top:70px;}


/* ===== Ingredients ===== */
.a-z-ingredients {margin-right: 15px;}
.a-z-ingredients ul,
.a-z-ingredients p {margin-bottom: 15px;}
.a-z-ingredients .breadcrumbs ul {margin-bottom: 5px;}
.a-z-ingredients .ings-intro {margin: 0 22px 30px 22px;}
.a-z-ingredients .ings-intro ul.ings-policy {margin-bottom: 30px;}
.a-z-ingredients .ings-intro ul.ings-policy li {margin-bottom: 10px;}
.a-z-ingredients .ings-intro ul.ings-policy li span {display: block;}
.a-z-ingredients .ings-intro ul.a-z-links {margin:10px 0 22px 0; padding:0;}
.a-z-ingredients .ings-intro ul.a-z-links li {float: left; margin-right: 5px; padding: 2px 6px;}
.a-z-ingredients .ings-list {margin: 0 22px;}
.a-z-ingredients .ings-list .letter-title {margin-bottom: 15px;}
.a-z-ingredients .ings-list .letter-title h2,
.a-z-ingredients .ings-list .letter-title ul {display: inline; margin: 0; width: 49%;}
.a-z-ingredients .ings-list .letter-title h2 {float: left;}
.a-z-ingredients .ings-list .letter-title ul {float: right; padding-top: 8px; text-align: right;}
.a-z-ingredients .ings-list dl {clear: both; margin-bottom: 30px;}
.a-z-ingredients .ings-list dl dt.img {clear: left; float: left; height: 110px; margin-right: 15px; margin-bottom: 30px; width: 110px;}
.a-z-ingredients .ings-list dl dt.title {display: block; height: 30px; margin-left: 125px;}
.a-z-ingredients .ings-list dl dd.desc {height: 160px; margin-left: 125px;}
.a-z-ingredients .ings-list dl dt.prod-txt {margin-bottom: 10px;}


/* ===== Gift Finder ===== */

.gift-finder h2 {margin: 0 15px 15px 0;}
.gift-finder p {margin: 0 15px 15px 0;}
.gift-finder .gift-finder-content {margin: 0;}
.gift-finder .gift-finder-form {margin-bottom: 30px;}
.gift-finder .gift-finder-form fieldset {margin-bottom: 15px; padding: 15px;}
.gift-finder .gift-finder-form ul li {float: left; margin-right: 35px;}
.gift-finder .gift-finder-form ul li.one {margin-right: 15px;}
.gift-finder .gift-finder-form ul li.four {margin-right: 0;}
.gift-finder .gift-finder-form label {display: block; margin-bottom: 10px;}
.gift-finder .gift-finder-form select {clear: both; display: block;}
.gift-finder .gift-finder-form ul li ul.radio-btns {width: 150px !important; }
.gift-finder .gift-finder-form ul li ul.radio-btns li {float: left; width: auto; margin-right: 15px;}
.gift-finder .gift-finder-form ul li ul.radio-btns li input,
.gift-finder .gift-finder-form ul li ul.radio-btns li label {float: left;}
.gift-finder .gift-finder-form ul li ul.radio-btns li label {margin-bottom: 0;}
.gift-finder .gift-finder-form ul li ul.radio-btns li input {margin-right: 5px;}
.gift-finder .gift-finder-form ul li.four {margin-top: 12px;}
.gift-finder .gf-results-sorter {margin: 0 15px 30px 0; padding-bottom: 5px;}
.gift-finder .gf-results-sorter p.results {clear: both; float: left;}
.gift-finder .gf-results-sorter .sorter {float: right; margin-bottom: 10px;}
.gift-finder .gf-results-sorter .pager {float: right;}
.gift-finder .gf-results-sorter .pager .limiter li {display: inline;}
.gift-finder .product-name {margin-right: 15px;}
.gift-finder li.item .product-info {width:420px;}
.gift-finder .product-name h2 {float: left; margin-right: 45px;}
.gift-finder .product-info ul li {margin-bottom: 10px;}
.gift-finder .gf-product-details {margin: 0 15px 15px 0;}
.gift-finder .gf-product-details .product-image {margin-bottom: 30px; text-align: center; width: 100%;}
.gift-finder .gf-product-details .select-item {clear: both; margin-bottom: 30px; padding-bottom: 30px;}
.gift-finder .gf-product-details .select-item label {clear: both; display: block;}
.gift-finder .gf-product-details .select-item select.range-select {clear: both; display: block; margin-bottom: 5px; width: 100%;}
.gift-finder .gf-product-details input.add-btn {margin-left: 15px;} 
.gift-finder .gf-product-details .product-inside {margin-bottom: 15px; padding-bottom: 30px;}
.gift-finder .gf-product-details .product-inside h3 {margin-bottom: 15px;}
.gift-finder .gf-product-details .product-inside ul {margin-left: 15px;}
.gift-finder .gf-product-details .product-inside ul li img {display: none;}
.gift-finder .gf-product-details .back-to-list {text-align: right; margin-bottom: 30px; padding-bottom: 30px;}

.gift-finder li.item{margin-bottom:30px;height:auto;display:block;clear:both;float:left;position:relative;border-bottom:1px solid #F2F2F2;}
.gift-finder li.item .product-image{position:relative;}
.gift-finder li.item .product-info {display:block; position:relative; margin-bottom:20px; left:0px;}
.gift-finder .select-item label {font-weight:bold;}

/* ===== Modal pop ups ===== */

/* Added to basket */
#overlay {width: 100%; z-index: 90;}
#added-to-basket {padding: 40px 0 20px 0; width: 365px; z-index: 1000;}
#smallerpadding{padding: 40px 0 20px 0;}
#added-to-basket .title {margin: 0 40px 30px 40px;}
#added-to-basket .title h4,
#added-to-basket .title ul {display: inline;}
#added-to-basket .title h4 {float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#added-to-basket .title ul {float: right; width: 25%;}
#added-to-basket .title ul li {text-align: right;}
#added-to-basket .title ul li a {padding-left: 14px;}
#added-to-basket .added-product {margin: 0 40px 15px 40px; padding-bottom: 30px;}
#added-to-basket .added-product .tn-img {float: left; margin-right: 10px; width: 85px;}
#added-to-basket .added-product dl {margin-left: 95px;}
#added-to-basket .added-product.long-list dl {margin-left: 0;}
#added-to-basket .added-product dt {line-height: 1em; margin-bottom: 10px;}
#added-to-basket .added-product.long-list dt {line-height: 1em; margin-bottom: 10px;}
#added-to-basket .added-product dt span {display: block;}
#added-to-basket .added-product dd.size {line-height: 1em; margin-bottom: 15px;}
#added-to-basket .added-product.long-list  {margin: 0 40px 15px 40px; padding-bottom: 15px;}
#added-to-basket #upgraderules-message {margin: 0 40px 0 40px;clear:both;padding:0px 0px 20px 0; }
#added-to-basket dd em,
#added-to-basket .basket {margin: 0 40px 15px 40px;}
#added-to-basket .added-product.long-list .left {width: 65%;}
#added-to-basket .added-product.long-list .right {width: 30%;}
#added-to-basket .basket li.basket-total,
#added-to-basket .basket li.view-basket {width: 49%;}
#added-to-basket .basket li.basket-total {float: left;}
#added-to-basket .basket li.view-basket {float: right; text-align: right;}
#added-to-basket #upgraderules-message h5 {margin-bottom: 5px;}
#added-to-basket .buttons-set {margin: 0 40px;}
#added-to-basket #cartmodal-delivery-restriction-notice {margin: 0 40px 10px 40px; padding: 0 15px 5px 5px; }

/* Added to basket - when displayed in left hand col not as pop up*/
.col-left #added-to-basket {display: none; margin-bottom: 15px; padding: 15px 0; width: 208px; z-index: 100;}
.col-left #added-to-basket .title ul.close-modal {display: none;}
.col-left #added-to-basket .title {margin: 0 15px 15px 15px;}
.col-left #added-to-basket .title h4 {padding-bottom: 10px; width: 100%;}
.col-left #added-to-basket .added-product {margin: 0 15px 15px 15px; padding-bottom: 0;}
.col-left #added-to-basket .added-product .tn-img {display: none;}
.col-left #added-to-basket .added-product dl {margin-left: 0; margin-bottom: 5px;}
.col-left #added-to-basket #upgraderules-message {margin: 0 15px 15px 15px;}
.col-left #added-to-basket .basket {margin: 0 15px 15px 15px;}
.col-left #added-to-basket .basket li {display: block; width: 100%;} 
.col-left #added-to-basket .basket li.basket-total {margin-bottom: 5px;}
.col-left #added-to-basket .basket li.view-basket {text-align: left;}
.col-left #added-to-basket .checkout {margin: 0;}
.col-left #added-to-basket .buttons-set {display: none;}

/* ===== Image zoom ===== */
#image-zoom {display: block; padding: 40px 0; width: 580px; z-index: 1000;}
#image-zoom .title {margin: 0 40px 30px 40px;}
#image-zoom .title h4,
#image-zoom .title ul {display: inline;}
#image-zoom .title h4 {float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#image-zoom .title ul {float: right; width: 25%;}
#image-zoom .title ul li {text-align: right;}
#image-zoom .title ul li a {padding-left: 14px; cursor: pointer;}
#image-zoom .large-prod-img {margin: 0 40px 30px 40px; width: 500px;}
#image-zoom .large-prod-img img {display: block; margin: 0 auto;}
#image-zoom .buttons-set {clear: both; margin: 0 40px;}

/* ===== Colour Accuracy Modal ===== */
#colour-statement-modal {padding: 40px 0 20px 0; width: 550px; z-index: 1000;}
#colour-statement-modal .title {margin: 0 40px 30px 40px;}
#colour-statement-modal .title h4 {display: inline; float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#colour-statement-modal .title ul {display: inline; float: right; width: 25%;}
#colour-statement-modal .title ul li {text-align: right;}
#colour-statement-modal .title ul li a {padding-left: 14px;}
#colour-statement-modal p {clear:both; margin: 0 40px 10px 40px;}

/* ===== First Time right Shade Modal ===== */
#shade-selection-modal {padding: 40px 0 20px 0; width: 550px; z-index: 1000;}
#shade-selection-modal .title {margin: 0 40px 30px 40px;}
#shade-selection-modal .title h4 {display: inline; float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#shade-selection-modal .title ul {display: inline; float: right; width: 25%;}
#shade-selection-modal .title ul li {text-align: right; background:none; }
#shade-selection-modal .title ul li a {padding-left: 14px;}
#shade-selection-modal .content h4 {line-height: 1em; padding: 10px 0; margin: 0 40px 10px 40px;}
#shade-selection-modal .content p {clear:both; margin: 0 40px 10px 40px;}
#shade-selection-modal .content ul,
#shade-selection-modal .content ol {margin: 0 40px 10px 55px;}
#shade-selection-modal .content ul li { background: url('/userpages/images/common/bullet.gif') no-repeat 0 2px; padding:0 0 10px 15px; list-style-type:none; margin: 0 0 0 0 ;}
#shade-selection-modal .content ol li { padding:0 0 10px 0; list-style-type:decimal; margin: 0;}
#shade-selection-modal blockquote {font-style: italic; margin: 20px 0 15px 40px; padding: 10px 40px 0 30px; background: url('/userpages/images/common/quote_left.gif') 0 0 no-repeat;}
#shade-selection-modal blockquote cite { font-style: normal; font-weight: normal; display: block; clear: both; padding: 10px 0 0 0; background: url('/userpages/images/common/quote_right.gif') 100% 0 no-repeat; }


/* ===== Product Modal (z-mags) ===== */
#product_modal {padding: 40px 0 20px 0; width: 750px; z-index: 1000;}
#product_modal .title {margin: 0 40px 30px 40px;}
#product_modal .title h4 {display: inline; float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#product_modal .title ul {display: inline; float: right; width: 25%;}
#product_modal .title ul li {text-align: right;}
#product_modal .title ul li a {padding-left: 14px;}
#product_modal p { }
#product_modal #terms {padding:0 40px;}
#product_modal .main-tab-content .product-left-box,
#product_modal .kits-view .main-tab-content .product-left-box { width:300px; }
#product_modal .main-tab-content .product-left-box .product-image  {width:300px; float: left; }
#product_modal .kits-view .main-tab-content .product-left-box .product-image {width:300px; float: left; }
#product_modal .main-tab-content .product-about {float: left; width: 375px; }
#product_modal .kits-view .main-tab-content .product-about { float: right; width: 375px; }
#product_modal .main-tab-content .product-about .select-item,
#product_modal .kits-view .main-tab-content .product-about .select-item { }
#product_modal .main-tab-content .select-item select { width: 300px; }

/* ===== Video pop up ===== */
#video-modal {padding: 0; width: 478px; height:330px; overflow:hidden; z-index: 1000;}
#video-modal .title {margin: 30px 40px 20px 40px; width:396px;}
#video-modal .title h4,
#video-modal .title ul {display: inline;}
#video-modal .title h4 {float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#video-modal .title ul {float: right; width: 25%;}
#video-modal .title ul li {text-align: right;}
#video-modal .title ul li a {padding-left: 14px; }
#video-modal div.video {padding: 0 40px 0 40px;}
/* AYS OVERRIDES 
#video-modal #video_panel {top:0;}
#video-modal #cuepoint_panel,
#video-modal #cuepoint_panel_container,
#video-modal .videoTitle {display:none; padding:0; margin:0;}
#video-modal .ays-video-play #container {height:300px !important;} 
*/

/* ===== Send product to a friend ===== */
#send-to-a-friend {padding: 40px 0; width: 400px; z-index: 100;}
#send-to-a-friend .title {margin: 0 40px 30px 40px;}
#send-to-a-friend .title h4,
#send-to-a-friend .title ul {display: inline;}
#send-to-a-friend .title h4 {float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#send-to-a-friend .title ul {float: right; width: 25%;}
#send-to-a-friend .title ul li {text-align: right;}
#send-to-a-friend .title ul li a {padding-left: 14px;}

#send-to-a-friend .send-tabs {clear: left; line-height: normal; margin: 0 40px; width: 320px;}
#send-to-a-friend .send-tabs li {float: left; margin-right: 4px; padding: 0 0 0 13px;}
#send-to-a-friend .send-tabs a {float: left; display: block;  padding:  2px 20px 0 20px; margin-left:-12px; line-height:30px;}
#send-to-a-friend .send-tabs .current a {padding-bottom: 1px;}
#send-to-a-friend .send-tabs li.end {margin-right: 0;}

#send-to-a-friend #send-tab,
#send-to-a-friend #share-tab {clear: both; margin: 0 40px; padding: 15px 0;}

#send-to-a-friend .send-form {margin: 0 10px; }
#send-to-a-friend .send-form p {margin: 0 0 15px 0; }
#send-to-a-friend .send-form h5 {margin-bottom: 15px;}
#send-to-a-friend .send-form ul {padding-bottom: 15px;}
#send-to-a-friend .send-form ul.form-list li {margin-bottom: 15px;}
#send-to-a-friend .send-form ul.form-list li span.required {float: right;}
#send-to-a-friend .send-form ul.form-list li label {float: left; margin-right: 10px; text-align: right; width: 90px;}
#send-to-a-friend .send-form ul.form-list li input {font-size: 1em; width: 180px;}
#send-to-a-friend .send-form ul.form-list li textarea {height: 100px; width: 180px;}
#send-to-a-friend .send-form button {margin-right: 15px;}

#send-to-a-friend #send-message {margin: 0 0 15px 0;}

#send-to-a-friend #share-tab p, 
#send-to-a-friend #share-links {clear: left; float: left; margin: 0 10px 30px 10px;}


/* ===== Bundle Configuration ===== */
#bundle-reconfigure-modal { padding: 40px 0 20px 0; width: 365px; z-index: 100; }
#bundle-reconfigure-modal .title { height:27px; margin: 0 40px 30px 40px; }
#bundle-reconfigure-modal .title h4,
#bundle-reconfigure-modal .title ul {display: inline;}
#bundle-reconfigure-modal .title h4 {float: left; line-height: 1em; padding-bottom: 10px; width: 70%;}
#bundle-reconfigure-modal .title ul {float: right; width: 25%;}
#bundle-reconfigure-modal .title ul li {text-align: right;}
#bundle-reconfigure-modal .title ul li a {padding-left: 14px;}
#bundle-reconfigure-modal h3 { margin:20px 40px 0 40px;  }
#bundle-reconfigure-modal #multiple-selection { margin:0 40px 0 40px; }
#bundle-reconfigure-modal #multiple-selection input { margin:0 0 0 5px; padding:0; }
#bundle-reconfigure-modal p { margin:0 40px 20px 40px; }
#bundle-reconfigure-modal .options-list { margin: 0 40px 30px 40px; }
#bundle-reconfigure-modal .options-list .group { margin: 15px 0 0 0; }
#bundle-reconfigure-modal .price-box-bundle { margin: 0 40px; }
.bundle-footer { margin: 0 40px 20px 40px; padding:20px 0 0 0; text-align:right; }
#bundle-reconfigure-modal .button { float: right; margin: 0 0 20px 0 ; }

#bundle-reconfigure-modal #selection-1 {overflow:auto; height:325px; width:335px;}


/* In-page configuration - no modals */

#bundles-container { margin:25px; }
#bundles-container .product-wrapper { position:relative; width: 100%; padding-bottom: 50px; margin-top:20px; }
#bundles-container .product-image { float:left; width:300px; text-align:center; }
#bundles-container .product-info { float:left; width:610px; }
#bundles-container .product-info .opc-please-wait { float:left; margin:12px 0 20px 0; }
#bundles-container .product-info h3 { margin-bottom:16px; }

#bundles-container #multiple-selection { margin:10px 0; }
#bundles-container #multiple-selection input.split-bundle-option { margin:0 8px 0 0; }
#bundles-container #multiple-selection .multiple-select-text { width:600px; float:left; margin:-3px 0 15px 0; }

#bundles-container dl { clear:both; }
#bundles-container dt { margin:15px 0 0 0; padding:0;}
#bundles-container dt label { font-size:1em; margin:0; padding:0; }

#bundles-container dd.last { margin:10px 0 0 0; }
#bundles-container dd.last .selection-no { font-weight:bold; }

#bundles-container ul.options-list { margin: 5px 0 5px 0; }
#bundles-container ul.options-list li { padding: 2px 0; }

#bundles-container p.required {float:right;}
#bundles-container span.required {margin-left:7px;}

.checkout-cart-configurebundle .buttons-set { margin:25px; padding-top:15px; }



/* CONTEXTUAL PROMO BOXES */
.pb-contextual {display:none;}
body.category-cleanse-tone-moisturise .one {display:block;}
body.category-bodycare .two {display:block;}
body.category-mens-skincare .three {display:block;}
body.category-haircare .four {display:block;}