/****************************************************************/
/******************* Estar Specific CSS File.********************/
/* This file is referenced before the client css file		*/
/* so could have styling over-written as required.		*/
/****************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, rem, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background:none repeat scroll 0 0 transparent; border:0 none; font-weight:normal; margin:0; outline:0 none; padding:0; vertical-align:top}

@font-face{
	font-family:'SuperGrotesk';
	src:url('/images/assetimages/fonts/SuperGroteskWeb.eot'); /* IE9 Compat Modes */
	src:url('/images/assetimages/fonts/SuperGroteskWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/images/assetimages/fonts/SuperGroteskWeb.woff') format('woff'); /* Modern Browsers */
}

@font-face{
	font-family:'Brown';
	src:url('/images/assetimages/fonts/lineto-brown-bold-c.eot');
	src:url('/images/assetimages/fonts/lineto-brown.accp-bold-c.eot?#iefix') format('embedded-opentype'),
	 url('/images/assetimages/fonts/lineto-brown-bold-c.woff') format('woff'),
	 url('/images/assetimages/fonts/lineto-brown-bold-c.ttf') format('truetype'),
	 url('/images/assetimages/fonts/lineto-brown-bold-c.svg#LLBrownWeb-Bold') format('svg');
	font-weight:bold;
	font-style:normal;
}

@font-face{
	 font-family:'Brown';
	 src:url('/images/assetimages/fonts/lineto-brown-bolditalic-c.eot');
	 src:url('/images/assetimages/fonts/lineto-brown-bolditalic-c.eot?#iefix') format('embedded-opentype'),
		 url('/images/assetimages/fonts/lineto-brown-bolditalic-c.woff') format('woff'),
		 url('/images/assetimages/fonts/lineto-brown-bolditalic-c.ttf') format('truetype'),
		 url('/images/assetimages/fonts/lineto-brown-bolditalic-c.svg#LLBrownWeb-Bolditalic') format('svg');
	 font-weight:bold;
	 font-style:italic;
}

@font-face{
	 font-family:'Brown';
	 src:url('/images/assetimages/fonts/lineto-brown-italic-c.eot');
	 src:url('/images/assetimages/fonts/lineto-brown-italic-c.eot?#iefix') format('embedded-opentype'),
		 url('/images/assetimages/fonts/lineto-brown-italic-c.woff') format('woff'),
		 url('/images/assetimages/fonts/lineto-brown-italic-c.ttf') format('truetype'),
		 url('/images/assetimages/fonts/lineto-brown-italic-c.svg#LLBrownWeb-Italic') format('svg');
	 font-weight:normal;
	 font-style:italic;
}

@font-face{
	 font-family:'Brown';
	 src:url('/images/assetimages/fonts/lineto-brown-regular-c.eot');
	 src:url('/images/assetimages/fonts/lineto-brown-regular-c.eot?#iefix') format('embedded-opentype'),
		 url('/images/assetimages/fonts/lineto-brown-regular-c.woff') format('woff'),
		 url('/images/assetimages/fonts/lineto-brown-regular-c.ttf') format('truetype'),
		 url('/images/assetimages/fonts/lineto-brown-regular-c.svg#LLBrownWeb-Regular') format('svg');
	 font-weight:normal;
	 font-style:normal;
}



/* ------------------------------------------- */
/* ---------------- DEFAULTS ----------------- */
/* ------------------------------------------- */
html{font-size:62.5%}
body{font-family:'Brown', Arial, Helvetica, sans-serif; font-size:1.3rem; background-color:#fff; width:100%; -webkit-text-size-adjust:100%}
body.nav-open{overflow-x:hidden; position:relative}
.view-window{overflow-x:hidden; padding:0; width:100%; min-height:100vh}
article{min-height:32rem; padding-top:6rem}

ol, ul{list-style-type:none}
li{clear:both; position:relative}

em{font-weight:bold; font-style:normal}

table{border:0; width:100%; border-collapse:collapse}

main:after, li:after, p:after, .become-member .delivery-address .offers-option:after, .become-member .dob-fields:after, h4:after, .action-buttons:after, .site-header:after, .product header:after, .product ul.options:after, .product .description:after, .listing .details:after, .toggle-header-wrapper:after, .listing .listing-grid:after, .product .description .description-text:after, section.products:after, .store .departments .content ul:after, .blog-page .item .details:after{content:""; display:block; clear:both; height:0; visibility:hidden}


/***** ----- Default - Headers ----- *****/
h1, h2{text-transform:uppercase; font-weight:bold; font-size:1.8rem; text-align:center}
h2{text-align:left}
h3{font-weight:bold}


/***** ----- Default - Buttons ----- *****/
.btn{font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:1.5rem 0; color:#fff; text-align:center; text-transform:uppercase; border:1px solid #000; font-size:1.6rem; display:block; box-sizing:border-box}
.btn.disabled, .btn:disabled{background:#cacbcd; border-color:#babbbd; color:#fff}

.major{background:#000}

.major-sec{background:#818286; border-color:#818286}

.minor{background:#fff; border:2px solid #1c1c1c; color:#000}

.minor-sec{background:#fff; border:2px solid #818286; color:#818286}

.flow-buttons .btn{width:100%}
.flow-buttons .btn + .btn{margin-top:1rem}
.flow-buttons .minor{margin-top:1rem}

/* Load More Button - Used on Blogs and Order History */
.load-more button{background:transparent; border:0; text-transform:uppercase; font-weight:bold; font-size:1.5rem; font-family:'Brown', Arial, Helvetica, sans-serif; margin:3rem auto; display:block}
.load-more.adding{background:url(/images/assetimages/loader.gif) 50% 100% no-repeat; height:2rem; background-size:16px auto; margin-bottom:2.5rem}


/***** ----- Default - Links ----- *****/
a{text-decoration:none; color:#000}
.text-link{text-decoration:underline}


/***** ----- Default - Icons ----- *****/
.action-buttons{float:right; text-align:right}
.remove, .change-store{color:#b9b9b9; text-transform:lowercase; background:transparent; padding:0; margin:0; text-decoration:underline; border:0; font-size:1.2rem; float:right; font-family:'Brown', Arial, Helvetica, sans-serif}
.edit{text-align:left; text-indent:-9999rem; background:transparent url(/assets/sprite.png) center -168px no-repeat; width:2.5rem; height:2rem; background-size:30px auto; padding:0; border:0; display:inline-block}
.back{float:left; background:transparent url(/assets/sprite.png) left -937px no-repeat; width:1.3rem; height:3rem; background-size:30px auto; padding:0; border:0; position:absolute; top:10px}
.icon-zoom{width:3rem; height:3rem; background:transparent url(/assets/sprite.png) left -2469px no-repeat; background-size:30px auto; display:block}

/* Used on Account Edit Profile (edit links) */
.actions [class*="icon-"]{display:inline-block; width:3.2rem; height:3rem; text-indent:-9999rem; background:transparent url(/assets/sprite.png) center -163px no-repeat; background-size:30px auto}


/***** ----- Default - Forms ----- *****/
.control-list, .property-list{position:relative}
.control-list ul, .property-list ul{padding:0; margin:0; list-style:none}
.control-list li{margin-bottom:1rem; position:relative}
.property-list li{margin-bottom:0.7rem; position:relative}

/* -- Forms - Inputs -- */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"]{width:100%; padding:1.5rem 1rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:0; -webkit-appearance:none; -moz-appearance:none; border:1px solid #a9a9a9; font-family:Arial,Helvetica,sans-serif; font-size:1.6rem}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
input[type="number"]{-moz-appearance:textfield}
input[type="password"]:focus{font:normal normal 1.6rem Arial}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset; box-shadow:0 0 0 1000px #fff inset}

textarea{font-family:Arial, Helvetica, sans-serif; width:100%; height:6rem; box-sizing:border-box; font-size:1.6rem; padding:1.5rem 1rem}

select{padding:1.5rem 4rem 1.5rem 1rem; margin:0.1rem 0; -webkit-appearance:none; -moz-appearance:none; background:url(/assets/sprite.png) right -110px no-repeat; background-size:30px auto; border-radius:0; border-color:#a9a9a9; border-width:1px; font-family:Arial,Helvetica,sans-serif; letter-spacing:normal; font-size:1.6rem}
select::-ms-expand{display:none}

span.disabled-input{background-color:#dcdcdc; display:inline-block; margin:0.1rem 0; width:100%; padding:1.5rem 1rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:0; -webkit-appearance:none; -moz-appearance:none; border:1px solid #a9a9a9; font-size:1.6rem}

[class*="email"] .property-value, [class*="email"] .selection{word-break:break-all}

/* -- Forms - Disabled Inputs -- */
input[type="radio"]:disabled + label{color:#d5d5d5; background:#fff}
input[type="radio"]:disabled + label:before{background:#fff; border:0.1rem solid #e5e5e5; border-radius:2rem; width:2rem; height:2rem}
textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="date"]:disabled, input[type="number"]:disabled, input[type="tel"]:disabled, select:disabled{background-color:#f1f1f1; color:#000}

/* -- Forms - Checkbox & Radios -- */
.radio .control, .checkbox .control{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center}
.radio .control li + li, .checkbox .control li + li{margin-left:3.5rem}

input[type="radio"], input[type="checkbox"]{position:absolute; z-index:-1; margin:0.4rem 0.4rem 0}
label.checkbox, label.radio{padding:0.4rem 0 0.4rem 2.8rem; width:100%; display:block; box-sizing:border-box; position:relative; z-index:1}
label.checkbox:before, label.radio:before{content:''; position:absolute; width:2.5rem; height:2.5rem; z-index:-1; background-size:30px auto; background:transparent url(/assets/sprite.png) left -210px no-repeat; left:0; top:0}
label.checkbox:before{background-size:30px auto}
label.radio:before{background-position:left -317px; background-size:30px auto}
label.checkbox.on:before{background-position:left -250px; background-size:30px auto}
label.radio.on:before{background-position:left -436px; background-size:30px auto}

/* -- Forms - Focus Effects -- */
:focus{outline:0 none}

/* -- Forms - Placeholders -- */
::-webkit-input-placeholder, select.placeholder{color:#b4b4b4; text-transform:uppercase}
select.placeholder option{color:#000; text-transform:capitalize}
select.placeholder option:disabled{color:graytext}

/* -- Forms - Errors -- */
/* Eventually delete this (please do not add to these blocks of css) */
.error{color:#ff0000; margin:1rem 0}
.error:empty{margin:0}
.error a{color:#ff0000; text-decoration:underline}
.success{margin-top:1.5rem}
span.success{background:transparent url(/assets/sprite.png) center -1675px no-repeat; width:2.3rem; height:2rem; background-size:30px auto; display:inline-block; margin:-0.3rem 0.8rem 0 0}
.error_highlight .note{display:none}
.error_highlight input, .error_highlight select, select.error_highlight, input.error_highlight{border:1px solid #ff0000}
.error_highlight ::-webkit-input-placeholder, .error_highlight select.placeholder, .error_highlight label, .error_highlight label a, .error_highlight::-webkit-input-placeholder{color:#ff0000}

/* -- Forms - Alerts -- */
article > .alert{margin:1rem 1.3rem}
.alert-error{color:#ff0000}
.alert-success{color:#8ac836}

/* -- Forms - Inline Input Messages -- */
/* Small grey messages that appear directly below an input in a form e.g. the message below the Mobile Number input */
.input-msg{margin:0.5rem 0; font-size:1.2rem; color:#b4b4b4; font-style:italic}
.error-highlight .input-msg, .error_highlight .input-msg{display:none}

/* -- Forms - Inline Errors -- */
.error-highlight input, .error-highlight select, .error-highlight textarea{border-color:#ff0000}
.error-highlight .error{color:#ff0000; width:auto; margin:0.5rem 0 1rem}

/* -- Forms - Address Auto Complete -- */
.ui-autocomplete{background:#fff; position:relative; top:-1.2rem; z-index:2; width:100%; border:0}
.ui-autocomplete:after{content:""; height:38px; background:url(/assets/powered-by-google-on-white@2x.png) 97% center no-repeat; background-size:104px 16px; display:block; box-sizing:border-box; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5}
.ui-autocomplete li{border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; padding:1rem; width:100%; display:block; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ui-helper-hidden-accessible{display:none}


/***** ----- Default - Pricing ----- *****/
.price > p, .price_break > p, .wishlist-price > p{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap:wrap}
.price > p:after, .price_break > p:after{content:none}
.price:not(.totals) .text, .price:not(.totals) .amount{float:none}

.price .original, .price.original{color:#818080; margin-top:0.3rem; -webkit-justify-content:flex-end; justify-content:flex-end}
.price .now .text{color:#000}
.pricing .free{text-transform:uppercase; text-align:right}

.price-display{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex}


/***** ----- Default - Discount & Sale Colour ----- *****/
.price .now, .price.now, .price .now.from .text, .order-summary .price li.discount, .order-summary .price li.rewards-points, .order-summary .price li.giftcard-applied, .order-summary .price li.cardholder-offer{color:#ff0000}


/***** ----- Default - Product Display ----- *****/
/* Used on AJAX Cart, Listing, Wishlist, Cart Aside, Cart Summary, Curated Porducts, Blog Featured Product, Order History Products */
.item{padding:1rem 0 1.5rem; border-bottom:1px solid #d5d5d5; position:relative}
.item:after{content:""; display:block; clear:both; height:0; visibility:hidden}

.item figure{float:left; margin:0; position:relative}
.item figure > img, .item figure > a > img{width:90%; max-width:70px; height:auto}

.item .details{float:right; width:76%}
.item .details:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.item .details h3{padding:0; margin:0 0 0.2rem; border-bottom:0; text-transform:uppercase; font-size:1.2rem}
.item .details .sku p, .item .details .item-sku{color:#878787; font-size:1.2rem}
.item-sku{color:#878787}

.item.incentives{border-bottom:0; padding:1.5rem 0 0}
.item.incentives .item{padding:0.5rem 0 1rem}
.item.incentives .item > .price-display{display:inline}

.item .note{margin:0.5rem 0 0}
.item .options{margin:1.5rem 0}
.item .options .label, .item .options label, .personalised-details .label{color:#7c7c7c; display:inline-block; vertical-align:middle; line-height:normal; margin-right:0.5rem; min-width:8rem; width:8rem}
.item .options .label, .personalised-details .label{float:left}
.item .options .selection, .personalised-details .selection{text-transform:uppercase; font-weight:bold; font-size:1.1rem; display:inline-block; vertical-align:middle; line-height:normal}
.item .action-buttons{position:absolute; right:0; top:1rem}

.item .price + div.action-buttons, .item .personalised-details + div.action-buttons{position:relative; top:0.5rem}


/* -- Product Display - Side by Side Display -- */
/* Used on Order History Items */
.sbs-item{border:0; padding:2rem 0}
.sbs-item + .sbs-item{border-top:1px solid #cacaca}
.sbs-item .item-wrap{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex}
.sbs-item .item-wrap figure{float:none; margin-right:15px}
.sbs-item .item-wrap figure{min-width:80px}
.sbs-item .item-wrap h5{padding:0; margin-bottom:0.2rem; border-bottom:0; text-transform:uppercase; font-size:1.3rem; font-weight:normal}

.sbs-item .item-info .sku{color:#878787; font-size:1.2rem; margin-bottom:1rem}

.sbs-item .item-info li{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; margin-bottom:0.3rem}
.sbs-item .item-info .label{color:#7c7c7c; display:inline-block; vertical-align:middle; line-height:normal; margin-right:0.5rem; min-width:7.5rem; padding:0}
.sbs-item .item-info .sku .label{min-width:0}
.sbs-item:not(.gift-card-item) .item-info li:not(.sku) .selection{text-transform:uppercase; font-size:1.1rem}

/* Product Display - Side by Side Display - Gift Card Item */
/* Used on Order History Items */
.sbs-item .item-info .gift-to{margin:1rem 0 0}
.sbs-item .item-info .gift-to-email{margin-bottom:1rem}
.sbs-item .item-info .gift-message{margin-top:1.5rem}

/* Product Display - Side by Side Display - Personalisation Details */
/* Used on Cart Summary, Cart Aside, AJAX Add to Cart, Order History Items */
.personalised-details{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:flex-start; justify-content:space-between; margin-top:1rem}
.personalised-details .price{margin-left:auto; float:none; min-width:7.8rem}
.personalised-details .price-display{-webkit-justify-content:flex-end; justify-content:flex-end; text-align:right}

.personalised-details .selection{padding:0.2rem 0.6rem 0 0; text-transform:none !important}



/***** ----- Default - Slick Slider ----- *****/
/* Used on Gift Card Cart, Product Detail, Curated Products and Blogs */
.slick-slider{margin-bottom:0; -ms-touch-action:pan-y; touch-action:pan-y}
.slick-track{margin:0 auto}
.slick-slide{position:relative}

.slick-dots{position:static; margin-top:1.5rem}
.slick-dots li{margin:0}
.slick-dots li button{border:0; background:transparent; display:block; height:2rem; width:2rem; outline:none; line-height:0; font-size:0; color:transparent; padding:0.5rem}
.slick-dots li button:before{font-size:0.9rem; color:#d1d1d1; opacity:1}
.slick-dots li.slick-active button:before{color:#7e7e7e}

.slick-arrow{bottom:0; left:0; top:inherit; font-size:1rem; background:transparent url(/assets/sprite.png) center -1625px no-repeat; width:3rem; height:3rem; background-size:30px auto; z-index:1}
.slick-arrow:before{content:""}
.slick-arrow.slick-disabled{opacity:0.2}
.slick-arrow:hover{background:transparent url(/assets/sprite.png) center -1625px no-repeat; background-size:30px auto}

.slick-next{right:0; left:auto; background-position:center -1579px}
.slick-next:hover{background-position:center -1579px}


/***** ----- Default - Popup Styles ----- *****/
/* Used for all popups on site */
.ui-dialog{background-color:#fff; padding:1.5rem 1.3rem 2.5rem; position:absolute; z-index:150}

.ui-dialog-titlebar{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between}
.ui-dialog-title{font-weight:bold; font-size:1.8rem; margin-top:0.5rem; display:inline-block; text-transform:uppercase}
.ui-dialog-titlebar-close, .magnify .controls button, .gift-address .ui-dialog-titlebar .ui-button{background:transparent url(/assets/sprite.png) center -79px no-repeat; width:2rem; height:2rem; background-size:30px auto; float:right; text-indent:-9999px; border:0; border-radius:0}
.ui-dialog-titlebar-close{min-width:2rem}

.ui-widget-overlay{position:fixed; top:0; left:0; background:#000; opacity:0.4; width:100%; min-height:100vh; z-index:100}

.popup-content-wrap{margin:1.8rem 0 0}
.popup-content-wrap p + p{margin-top:1.8rem}

.popup-content-wrap .popup-actions{margin-top:2.5rem; text-align:center}
.popup-content-wrap .popup-actions:after{content:""; display:block; clear:both; height:0; visibility:hidden}

.popup-content-wrap .popup-actions .btn{width:100%}
.popup-content-wrap .popup-actions .btn + .btn{margin-top:2rem}
.popup-content-wrap .popup-actions > .text-link{margin-top:1rem; display:inline-block; font-size:1.3rem}
.popup-content-wrap .popup-actions > .text-link:only-child{float:left}

/* -- Popups - Errors in Popups -- */
#modal-error{margin-top:2.5rem}
#modal-error .flow-buttons{margin-bottom:0}

.popup-data{padding:1rem; border:1px solid #d5d5d5; margin:0.5rem 0}
.popup-data h4{font-size:1.6rem}


/***** ----- Default - Accordion Styles ----- *****/
.toggle-header-wrapper{position:relative}
.toggle-header{width:100%; background:url(/assets/sprite.png) right 18px no-repeat; background-size:30px auto; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; padding:1.1rem 0; margin-bottom:0.3rem}
.ui-state-active .toggle-header{background-position:right -22px}


/***** ----- Default - Tab Styles ----- *****/
/* Used on Profile, Cart Delivery, Search and Store Search Results and Personalisation Popup */
.tab-header-wrapper{width:100%}

.tab-header{display:inline-block; font-size:1.3rem; padding:1rem 0 0.8rem; text-align:center; text-transform:uppercase; box-sizing:border-box; border-bottom:1px solid #b3b3b3}
.tab-header.on, .tab-header.ui-state-active{border:solid #b3b3b3; border-width:1px 1px 0; background:#fff}
.tab-header a{display:block}
.tab-header > span{display:none}

.tab-header.disabled{color:#b3b3b3}
.tab-header.disabled a{display:none}
.tab-header.disabled span{display:inline}


/***** ----- Default - Messages ----- *****/
.top-message{margin-top:1rem}
.note{clear:both; color:#b4b4b4; margin:1rem 0}
.note a{color:#b4b4b4; text-decoration:underline}

/* Informing Message - Black Text, Light Yellow Background (used on Order History) */
.inform-message{display:block; box-sizing:border-box; margin-bottom:1.5rem; padding:0.5rem 1rem; background:#f9ffd1; line-height:1.8rem}
.inform-message a{font-weight:bold; text-decoration:underline}


/***** ----- Default - Common Classes ----- *****/
.text{float:left}
.amount{float:right}
.signup-notice{text-align:center; margin:2rem 0}
.minor + .signup-notice{margin:2rem 0 1rem}
.signup-notice a{text-decoration:underline; display:block}


/***** ----- Default - Content Managed Sections ----- *****/
article .cms{padding:0.5rem 0}
article .cms li{list-style:inside disc}


/***** ----- Default - Tooltips ----- *****/
.icon-tooltip{font-size:2rem; color:#818286}

.tooltip{background:#f2f2f2; border:0.1rem solid #dfdfdf; position:absolute; left:0; top:4.6rem; width:100%; z-index:100; padding:1rem; box-sizing:border-box; -webkit-box-shadow:0.2rem 0.2rem 4.6rem -0.7rem rgba(0,0,0,0.2); -moz-box-shadow:0.2rem 0.2rem 4.6rem -0.7rem rgba(0,0,0,0.2); box-shadow:0.2rem 0.2rem 4.6rem -0.7rem rgba(0,0,0,0.2);}
.tooltip:before, .tooltip:after{content:""; position:absolute; width:2.5rem; height:1.5rem; background:#f2f2f2; top:0; right:0}
.tooltip:before{z-index:1}
.tooltip:after{width:1.3rem; height:1.3rem; border:0.1rem solid #dfdfdf; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); top:-0.8rem; right:0.25rem}



/* ------------------------------------------- */
/* ----------------- HEADER ------------------ */
/* ------------------------------------------- */
.site-header{border-bottom:1px solid #d5d5d5; position:fixed; width:100%; background:#fff; z-index:100; -moz-transition:left 300ms 0s ease; -webkit-transition:left 300ms 0s ease; -o-transition:left 300ms 0s ease; transition:left 300ms 0s ease; left:0}

.logo{width:16rem; float:left; height:3rem; padding:.9rem 0 .8rem}
.logo a{line-height:2.7rem}
.logo a img{vertical-align:middle; display:inline-block; width:100%; height:auto}

.site-header .header-links{float:right; width:25%; text-align:right; padding:.9rem 2.7rem .8rem 0}
.site-header .header-links a, .site-header .menu-link{background:transparent url(/assets/sprite.png) center -643px no-repeat; background-size:30px auto; text-align:left; text-indent:-9999rem; display:inline-block; width:3rem; height:3rem; position:relative}

.number{opacity:1; background:#5f8991; border:1px solid #fff; border-radius:1.2rem; color:#fff; font:normal 12px/10px Arial, Helvetica, sans-serif; height:1.4rem; padding:0.4rem 0.3rem 0px 0.3rem; text-align:center; min-width:1.3rem; float:right; text-indent:0; position:relative; top:0.6rem; display:block; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out}
.number.empty, .number.adding{opacity:0; transition:opacity 0.25s ease-in-out; -moz-transition:opacity 0.25s ease-in-out; -webkit-transition:opacity 0.25s ease-in-out}

.site-header .header-links .cart-link{background-position:right -699px; margin-left:0.5rem}
.site-header .header-links .cart-link span{right:-1.5rem}
.site-header .header-links .wish-link span{right:-1.2rem}

.site-header .menu-link{float:left; width:2.2rem; padding:.9rem 1.3rem .8rem 1.5rem; text-align:left; background-position:15px -585px}



/* ------------------------------------------- */
/* ----------- AJAX CART SUMMARY ------------- */
/* ------------------------------------------- */
.ajax-cart, #ajax_cart_display .loading{position:fixed; width:100%; background:#fff; z-index:2; -webkit-box-shadow:-1px 7px 18px -3px rgba(0,0,0,0.15); -moz-box-shadow:-1px 7px 18px -3px rgba(0,0,0,0.15); box-shadow:-1px 7px 18px -3px rgba(0,0,0,0.15); padding:0; border-bottom:1px solid #afafaf; top:4.8rem; left:0}
.eshop .ajax-cart, .eshop #ajax_cart_display .loading{top:7.9rem}

.ajax-cart .message{padding:1.5rem 1.3rem; border-bottom:1px solid #d5d5d5; background:#f8f7f7; text-transform:uppercase}
.ajax-cart .item{padding:1.5rem 1.3rem; border-bottom:0}
.ajax-cart .flow-buttons{padding:1rem 1.3rem 1.5rem}
#ajax_cart_display .loading, .fis-popup .loading{background:#fff url(/assets/loading.gif) center center no-repeat; height:12rem; background-size:5.2rem}


/***** ----- AJAX Cart - Empty Cart ----- *****/
#empty-bag-panel{clear:both; width:22rem}
#corner-shape{position:absolute; right:12px; top:-10px; width:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:14px solid #fff}



/* ------------------------------------------- */
/* ---------- MAIN SLIDE OUT MENU ------------ */
/* ------------------------------------------- */
#content.nav-open{left:80%; overflow:hidden; z-index:-1}
#content{left:0; -moz-transition:left 300ms 0s ease; -webkit-transition:left 300ms 0s ease; -o-transition:left 300ms 0s ease; transition:left 300ms 0s ease; width:100%; position:relative; top:0}
/* has to have a bg as a fix for the windows phones */
#content-layer{background:rgba(0,0,0,0); display:none; height:100%; overflow-x:hidden; overflow-y:auto; position:absolute; left:80%; top:0; z-index:100; width:20%}
nav{left:-80%; -moz-transition:left 300ms 0s ease; -webkit-transition:left 300ms 0s ease; -o-transition:left 300ms 0s ease; transition:left 300ms 0s ease; position:absolute; background:#eaebec; width:80%; text-transform:uppercase; min-height:100%; -webkit-box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1); -moz-box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1); box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1)}
nav.nav-open{left:0; display:block; overflow-y:auto}

.site-nav > ul{border-top:1px solid #d5d5d5}
.site-nav ul.categories, .site-nav ul.site-search, .site-nav ul.site-search li, .site-nav ul.user-nav li, .site-nav ul.account{border-top:0}

/* Login in the nav */
.site-nav .logged-in li{padding:1.6rem 0.7rem 1.5rem 1.6rem}
.site-nav .logged-out li{padding:1.1rem 2rem; text-transform:lowercase}
.site-nav .user-nav{border-top:0; background:#fff; text-align:right; -webkit-box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1); -moz-box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1); box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1)}

.site-nav .user-nav .sign-in{background:transparent url(/assets/sprite.png) left -751px no-repeat; background-size:30px auto; width:7rem; display:block; float:right; padding:0.5rem 0; border:0; text-transform:lowercase; text-align:right; font:normal bold 1.3rem 'Brown', Arial, Helvetica, sans-serif}
.site-nav .user-nav li p{float:left; text-transform:uppercase; font-weight:bold; font-size:1.1rem}
.site-nav .user-nav .sign-out{color:#c1c1c1; font-size:1rem; display:inline; padding:0}

.site-nav .user-nav .nav-login{padding:0 1rem}
.site-nav .user-nav .nav-login li{padding:0.5rem 0; text-transform:none}
.site-nav .user-nav .nav-login a{padding:1.5rem 0 0; text-align:right; text-decoration:underline; width:13rem; float:right}
.site-nav .user-nav .nav-login .auto-login{padding-bottom:1.5rem}
.site-nav .user-nav .nav-login .auto-login input{left:0}
.site-nav .user-nav .nav-login .auto-login label{text-align:left; width:12rem}

#nav-login-password{text-align:left; padding:1.3rem 0}
#nav-login-password li{border-top:0}
#nav-login-password p{display:none}
#nav-login-password input{margin:1.5rem 0}

.site-nav .site-search li{padding:0.7rem 1rem}
.site-nav .site-search input[type=text]{border:0; padding:0.9rem 4rem 0.9rem 1.1rem; font-family:'SuperGrotesk', Arial, Helvetica, sans-serif; font-size:1.5rem}
.site-nav .site-search button{background:transparent url(/assets/sprite.png) center -1228px no-repeat; background-size:30px auto; text-align:left; text-indent:-9999rem; display:inline-block; width:3rem; height:2.8rem; border:0; position:absolute; top:1.3rem; right:1.8rem; z-index:1}
.site-nav ul.site-search ::-webkit-input-placeholder{color:#818286; text-transform:none}

.site-nav .categories li a, .site-nav .toggle-header{background:transparent url(/assets/sprite.png) 97% -1171px no-repeat; background-size:30px auto; margin:0}
.site-nav .ui-state-default .toggle-header{background-position:97% -1799px}
.site-nav .ui-state-active .toggle-header{background-position:97% -1753px; background-color:#dfdfdf}
.site-nav .toggle-panel{background:#f3f4f4; -webkit-box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1); -moz-box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1); box-shadow:inset -9px 0px 12px -7px rgba(213,213,214,1)}
.site-nav .toggle-panel .toggle-panel{background:#fff}
.site-nav .toggle-panel .ui-state-active .toggle-header{background-color:#ebebeb}

.site-nav .number{display:inline-block; margin:-0.5rem 0 0 1rem; border:1px solid #5f8991; top:0.3rem; float:none}

.site-nav ul.service-link{border-bottom:1px solid #d5d5d5}
.site-nav ul.cart-links li:first-child, .site-nav ul.page-links li, .site-nav ul.service-link li:first-child{border:0}

.site-nav ul li{padding:0; border-top:1px solid #d5d5d5}
.site-nav ul li a, .site-nav ul li .toggle-header{padding:1.5rem 5rem 1.5rem 2rem; box-sizing:border-box; display:block; width:100%; font-size:1.3rem; font-weight:normal; border:0}
/* styles to show where you are in the nav */
.site-nav ul li.selected > a, .site-nav ul li.selected > .toggle-header-wrapper .toggle-header{font-weight:bold}



/* ------------------------------------------- */
/* ------------------ FOOTER ----------------- */
/* ------------------------------------------- */
footer{text-align:center; border-top:1px solid #d5d5d5; padding:2.5rem 0; text-transform:uppercase; font-size:1.1rem}
footer .estar{text-transform:none; margin-top:1rem; display:block}



/* ------------------------------------------- */
/* ----------------- HOMEPAGE ---------------- */
/* ------------------------------------------- */
.home article, .product article, .storefinder article, .cart article, .giftcard-cart.giftcard-confirm article{padding:6rem 1.3rem 0}
.home article .cms{padding:0}



/* ------------------------------------------- */
/* --------------- INFO PAGES ---------------- */
/* ------------------------------------------- */
.infopage, .page-name + .account{padding:1.3rem}
.infopage:empty{padding:0}



/* ------------------------------------------- */
/* --------- SATELLITE SELECTOR PAGE --------- */
/* ------------------------------------------- */
.country article{padding:6rem 0 0}
.country .page-name, .storefinder .page-name{padding:0.4rem 1.3rem 1.2rem}
.country .storelocator, .storefinder .storelocator, .storefinder .storelocatorlist{margin:1.5rem 0; padding:0 1.3rem}
.country .storelocator label, .storefinder .storelocator label{margin-bottom:0.5rem; display:block}
.country .storelocator select, .storefinder .storelocator select{width:100%; margin-bottom:1rem}

.storefinder .storelocatorlist a{display:block; padding:1.4rem 0}
.storefinder .storelocator .heading{font-size:1.5rem; margin-bottom:1rem; font-weight:bold}
.storefinder .storelocator table{margin:2rem 0}



/* ------------------------------------------- */
/* -------- CURATED PRODUCTS MODULES --------- */
/* ------------------------------------------- */
/* Used for Recently Viewed, Complete the Look, Also Brought, Also Viewed */
.curated-wrapper{padding:4rem 0 1rem}

.curated-group{margin:0 0 2rem; position:relative; padding:2rem 0; clear:both; text-align:center}
.curated-group:after{content:"."; display:block; clear:both; height:0; visibility:hidden}
.curated-group{border-top:1px solid #ebebeb}
.curated-group header{text-transform:uppercase; font-size:1.4rem; position:relative; top:-2.9rem; background:#fff; display:inline-block; padding:0 2rem; font-weight:bold}
.curated-group .slick-list{max-width:90%; margin:0 auto}
.curated-group .slick-arrow{top:45%; left:-1rem}
.curated-group .slick-next{right:-1rem; left:auto}
.curated-group .slick-dots{position:static; padding-top:1rem}

.curated-group .item{width:auto; border:none; padding-top:0}
.curated-group .item figure{float:none; margin-bottom:1rem}
.curated-group .item a, .curated-group .item img{margin:0 auto; display:block}
.curated-group .item img{max-width:200px}
.curated-group .item .details, .curated-group .item .amount, .curated-group .item .text{float:none}
.curated-group .item .details{text-align:center; margin:0 auto; width:85%}
.curated-group .item h2{text-align:center; font-size:1.3rem; text-transform:uppercase; margin-bottom:0.2rem; font-weight:normal}
.curated-group .item .price > p{-webkit-justify-content:center; justify-content:center}

.curated-group .text-link{text-transform:uppercase; display:inline-block; padding:2.5rem 0 0}



/* ------------------------------------------- */
/* ------- PRODUCT FILTERS & SORT BY --------- */
/* ------------------------------------------- */
/* Used on Listing & eStar Search Results Page */
.views-and-filters{border-bottom:1px solid #d5d5d5}

.filters{position:relative}

.filters .toggle-header-wrapper{float:right; margin-right:1.3rem}
.filters .toggle-header-wrapper .toggle-header{text-align:right; border-bottom:0; background:none; padding:1.2rem 0; font-size:1.3rem; border:0; margin:0}
.filters .toggle-header-wrapper .toggle-header .icon-filter{font-size:16px; vertical-align:sub; padding-left:5px}
.filters .toggle-panel{position:absolute; width:100%; background:#fff; z-index:3; -webkit-box-shadow:-1px 7px 18px -3px rgba(0,0,0,0.15); -moz-box-shadow:-1px 7px 18px -3px rgba(0,0,0,0.15); box-shadow:-1px 7px 18px -3px rgba(0,0,0,0.15); padding:0; border-bottom:1px solid #afafaf; top:4.3rem}

.filters .product-count{padding:1.3rem; text-align:center; background:#efefef; border-bottom:1px solid #d5d5d5; text-transform:uppercase}

.filters h3{font-size:1.3rem; text-transform:uppercase; font-weight:normal; padding:1.3rem 4rem 1.3rem 1.3rem; border-top:1px solid #d5d5d5; position:relative}
.filters h3:after{position:absolute; right:1.3rem; content:'\e900'; font-size:1.6rem; font-family:'cr_icons'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.filters h3.ui-state-active{background-color:#efefef}
.filters h3.ui-state-active:after{content:'\e902'}
.filters h3 .active-filter{float:right; text-overflow:ellipsis;  overflow:hidden; text-transform:none; white-space:nowrap;  max-width:21rem;  color:#a7a6a6}

.filters .filter-wrap{border-top:1px solid #d5d5d5}
.filters .filter-wrap a.all{border-bottom:1px solid #efefef}
.filters .filter-wrap a.disabled{color:#d5d5d5}
.filters .filter-wrap a.disabled:hover{cursor:default}

.filters .filter:not(.by-size) li:not(:last-child){border-bottom:1px solid #efefef}
.filters .filter:not(.by-size) a{padding:1.3rem 1.3rem 1.3rem 3rem; width:100%; box-sizing:border-box; display:block; font-size:1.3rem}
.filters .filter:not(.by-size) a.on:after{float:right; content:'\e907'; font-size:1.6rem; font-family:'cr_icons'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}

.filters .sort-by h3{border-top:0}

.filters .by-delivery .delivery-disclaimer, .filters .by-delivery .inactive-msg{color:#999; font-style:italic; padding:0.2rem 1.3rem 1.5rem 3rem; display:block; font-size:1.2rem; line-height:1.7rem}
.filters .by-delivery .inactive-msg{padding-top:1.5rem}

.filters .by-size .filter-wrap{padding:1.3rem}
.filters .by-size h4{padding:1rem 0 0.5rem; width:100%; box-sizing:border-box; display:block; font-size:1.3rem; font-weight:bold}
.filters .by-size ul{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; padding:0 0 1rem}
.filters .by-size li{margin:1rem 1rem 0 0; min-width:4.5rem; min-height:4.5rem; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-items:stretch; justify-items:stretch}
.filters .by-size li:last-child{padding-right:0}
.filters .by-size a{padding:1rem}
.filters .by-size a.on{color:#fff; background:#000}
.filters .by-size a.all{border:1px solid #000; width:100%; box-sizing:border-box; display:inline-block; padding:1.4rem 1rem}
.filters .by-size a.all.disabled{background:#d5d5d5; border-color:#d5d5d5}
.filters .by-size a.disabled{color:#fff; background:#d5d5d5; border-color:#d5d5d5}
.filters .by-size li a{border:1px solid #000; min-width:100%; box-sizing: border-box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; box-sizing:border-box; justify-content:center}
.filters .by-size span{display:block; text-align:center}

.by-price .filter-wrap{padding:2rem 1.3rem 4rem}
.by-price .filter-wrap:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.by-price .selected-range{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; margin-bottom:3rem; color:#818080}
.by-price .slider-container{border:none; height:0.2rem; padding:0 1.3rem; background:#bcbdc0}
.by-price .slider-container .noUi-base{width:100%; height:100%; position:relative; z-index:1; background:#bcbdc0; margin-right:0.5rem}
.by-price .slider-container .noUi-background{background:#bcbdc0}
.by-price .slider-container .noUi-connect{background:#000}
.by-price .slider-container .noUi-origin{position:absolute; right:0; top:0; left:0; bottom:0}
.by-price .slider-container .noUi-handle{position:relative; width:3rem; height:3rem; top:-1.5rem; left:-1.2rem; border-radius:3rem; background:#000; cursor:pointer; z-index:10; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.by-price .slider-container .noUi-handle-upper{z-index:1}

.filters .flow-buttons{padding:1.3rem; border-top:1px solid #d5d5d5}



/* ------------------------------------------- */
/* ------------- PRODUCT LISTING ------------- */
/* ------------------------------------------- */
.page-name{padding:0.4rem 1.3rem 1.2rem; position:relative; border-bottom:1px solid #d5d5d5}
.page-name .back{top:-1px}

.products .paging, .listing .hide{display:none}

.listing article{padding:6rem 0 0.2rem}
.listing .listing-grid{padding:0 1.3rem 3rem}
.listing .loading{clear:both; width:5rem; padding:3rem 0 1rem; margin:0 auto}
.listing .loading img{width:100%; height:auto}

.colour-swatch:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.colour-swatch li{overflow:hidden; width:1.5rem; height:1.5rem; float:left; clear:none; margin:0.5rem 0.5rem 0 0; border:1px solid #ccc; border-top-left-radius:2rem; border-top-right-radius:2rem; border-bottom-left-radius:2rem; border-bottom-right-radius:2rem}
.colour-swatch li:last-of-type{margin-right:0}
.colour-swatch li img{border-top-left-radius:2rem; border-top-right-radius:2rem; border-bottom-left-radius:2rem; border-bottom-right-radius:2rem; width:100%; height:100%}

.listing .item{border-bottom:0}
.listing .views-and-filters:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.listing .listing-views{width:45%; float:left; position:relative; z-index:1; margin-left:1.3rem; padding:0.6rem 0}
.listing button.col-1, .listing button.col-2, .listing button.col-3{text-align:left; text-indent:-9999rem; background:transparent url(/assets/sprite.png) center -986px no-repeat; width:2rem; height:3rem; background-size:30px auto; padding:0; border:0; display:inline-block; margin-left:1rem}
.listing button.col-2.on{background-position:center -1033px}
.listing button.col-1{background-position:center -1081px; margin-left:0}
.listing button.col-1.on{background-position:center -1132px}
.listing button.col-3{background-position:center -1533px}
.listing button.col-3.on{background-position:center -1492px}

/* 2 Column and One Column Listing Layout */
.listing .item figure, .blog-page .item figure{width:100%; float:none; position:relative; max-width:230px; margin:0 auto}
.listing .item figure img, .blog-page .item figure img{width:100%; max-width:100%; height:auto}
.item .overlay{position:absolute; left:0.3rem; top:0.3rem; width:40%; max-width:105px}

.listing .item .details, .blog-page .item .details{padding:0.5rem 0 1rem; width:100%; float:none; position:relative; border-bottom:0}
.listing .item header, .blog-page .item header{float:left; margin-bottom:0.3rem}
.listing .item header{max-width:75%}
.listing .item header h3, .blog-page .item header h3{font-size:1.3rem}

.listing .item .price, .blog-page .item .price{clear:left}
.listing .item .price > p, .blog-page .item .price > p{-webkit-justify-content:flex-start; justify-content:flex-start}
.blog-page.post .item .price > p{-webkit-justify-content:center; justify-content:center}

.listing .item .wishlist-button{background-position:center -845px; top:-0.5rem; position:relative}
.listing .item .wishlist-button.adding, .listing .col-1 .item .wishlist-button.adding,  .listing .col-3 .item .wishlist-button.adding{background:url(/images/assetimages/loader.gif) no-repeat; background-position:center center;background-size:16px auto}
.listing .item .wishlist-button.on{background-position:center -1345.5px}

.listing .col-2 .item{width:48%; border-bottom:1px solid #d5d5d5; float:left; padding:1rem 0 1rem; min-height:290px}
.listing .col-2 .item:nth-child(odd){clear:both}
.listing .col-2 .item:nth-child(even){float:right}
.listing .col-2 .item .details, .blog-page .item .details{padding:0.5rem 0 0}

.listing .col-1 .item .details{padding:0.5rem 0 1rem; border-bottom:1px solid #d5d5d5; width:100%}
.listing .col-1 .item header{max-width:80%}
.listing .col-1 .item h3{font-size:1.5rem}
.listing .col-1 .item .wishlist-button{width:3.5rem; height:3rem; background-position:center -745px; background-size:28px auto; top:-0.2rem}
.listing .col-1 .item .wishlist-button.on{background-position:center -1299.5px}

.listing .cross-sell-tile{width:100%; max-height:43.7rem; overflow:hidden; border-bottom:0}
.listing .col-2 .cross-sell-tile{width:48%; max-height:38.4rem; border-bottom:0}
.listing .col-3 .cross-sell-tile{width:30%; max-height:38.4rem}

/* 3 Column Listing */
.listing .col-3 .item{width:30%; float:left}
.listing .col-3 .item:first-child{margin-right:5%}
.listing .col-3 .item:nth-child(3n+3){float:right}
.listing .col-3 .item:nth-child(3n+1){clear:both; margin-right:5%}
.listing .col-3 .item .details{border-bottom:1px solid #d5d5d5}
.listing .col-3 .item header{max-width:64%; display:none}
.listing .col-3 .item header h3{font-size:1rem; padding-right:0}
.listing .col-3 .item .wishlist-button{width:2.9rem; height:2.5rem; top:-0.3rem; right:-0.5rem; background-position:center -848px}
.listing .col-3 .item .wishlist-button.on{background-position:center -1349px}
.listing .col-3 .item .wishlist-button.adding{background-size:13px auto}
.listing .col-3 .item .price{font-size:1.1rem}
.listing .col-3 .item .swatches.text{font-size:1.1rem}
.listing .col-3 .item .colour-swatch, .listing .col-3 .item .swatches, .listing .col-3 .item .original{display:none}

.listing article .promobanner img{margin:-0.1rem auto 0; display:block; width:100%}
article .listing-categories li a{font-size:1.3rem; padding:1.4rem 0 1.4rem 1.2rem; border-top:1px solid #f1f1f1; width:100%; display:block; box-sizing:border-box}
article .page-name + .listing-categories > li:last-child > a{border-bottom:1px solid #f1f1f1}
.listing article .toggle-panel .toggle-panel a{padding-left:2rem}
.listing article .toggle-panel .listing-categories > li:first-child > a, .listing-categories > li:first-child > a{border-top:0}
.listing article .toggle-panel .toggle-panel{border-bottom:0}



/* ------------------------------------------- */
/* --------------- SEARCH PAGE --------------- */
/* ------------------------------------------- */
.search article .message{margin:2rem 1.3rem; text-transform:uppercase}
.search article .search-term{font-weight:bold}
.search article .search-again{margin:1rem 1.3rem 0}
.search article .search-again input[type='text']{width:85%; float:left; height:46px}
.search article .search-again input[type='submit']{width:15%; float:left; border:0; padding:1.6rem 1rem; background:#1c1c1c url(/assets/sprite.png) center -1438px no-repeat;
background-size:30px auto; text-indent:-9999px; border-radius:0; height:46px}
.search .item header{max-width:100%}
.search .wishlist-button{display:none}



/* ------------------------------------------- */
/* ------------ AFTERPAY WIDGET -------------- */
/* ------------------------------------------- */
/* Used on Cart Summary, Product Detail and Cart Aside */
.afterpay-widget{clear:both; display:block; margin-top:0.5rem; color:#000}
.afterpay-widget > *{vertical-align:middle; display:inline}
.afterpay-widget p span{vertical-align:baseline}
.afterpay-widget p{margin:0; display:inline}
.afterpay-widget p:after{content:none}
.afterpay-widget img{width:9.5rem; height:auto}

.afterpay-widget .text-link{text-transform:none; color:#818286; width:6.5rem; margin:0; text-align:left; min-height:auto}

/* -- Afterpay Widget - Product Detail only -- */
.product .afterpay-widget p{display:inline-block; line-height:2rem; margin-right:0.4rem}
.product .afterpay-widget .text-link{display:block}

/* -- Afterpay Widget - Cart Aside & Cart Summary only -- */
.order-totals-afterpay .afterpay-widget{text-align:right; float:right; width:19.3rem; line-height:2rem; margin:0 0 1rem}
.order-totals-afterpay .afterpay-widget img{margin:0.1rem 0.2rem 0}



/* ------------------------------------------- */
/* -------------- PRODUCT DETAIL ------------- */
/* ------------------------------------------- */
/* Product Detail - Main Image */
.product .wrapper figure{margin:0 0 1.5rem; position:relative}
.product .wrapper figure img{width:100%; height:auto}
.product .wrapper figure .zoom-icon{position:absolute; top:8px; right:10px; text-indent:-9999rem; background:transparent url(/assets/sprite.png) right -882px no-repeat; width:6rem; height:6rem; background-size:30px auto}

/* Product Detail - Main Image Overlays */
.product .wrapper figure .overlay{position:absolute; left:1rem; top:1rem; width:27%; max-width:125px}
.overlay img{width:100%; height:auto}

.product header h1, .product .p_and_a{float:left; text-align:left}

.product .productpricing .price_break{display:none}
.product .productpricing .default.price_break{display:block}
.product .productpricing .price_break .price{clear:left; font-size: 1.5rem; margin-top:0.4rem; -webkit-justify-content:flex-start; justify-content:flex-start}
.product .productpricing > .availability{display:block; clear:both; margin:1.5rem 0 0; float:left}
.product .productpricing .availability:empty{display:none}

.product .p_and_a a.open, .product .offer > a.open{background-position:right -1755px}

.product .popup-data{display:none}
.product .ui-dialog .availability{display:none}
.product .ui-dialog table td{vertical-align:middle}
.product .ui-dialog table th{text-align:left}

/* Expanding divs product detail */
.product .p_and_a, .product .offer{margin-top:1rem; clear:both; width:100%; float:left}
.product .p_and_a + .offer{margin-top:1.5rem}
.product .p_and_a a, .product .offer > a{border-top:1px solid #d5d5d5; width:100%; display:block; padding-top:1.4rem; background:transparent url(/assets/sprite.png) right -1800px no-repeat; background-size:30px auto}
.product .offer .description{border-top:0; margin:0; padding:0}
.product .expand-info{position:relative; margin-top:1rem; max-height:20rem; max-width:100%; -webkit-overflow-scrolling:touch; clear:both; float:left; width:100%; box-sizing:border-box}
.product .expand-info.incentive{border:1px solid #d5d5d5; padding:1rem; overflow-y:scroll}
.product .size-info .expand-window{padding:1rem}
.product .expand-info header{font-size:1.5rem; margin:0 0 0.7rem; padding-bottom:0.3rem}
.product .expand-window, .product .expand-info.sizing{max-width:100%; overflow:auto; position:relative; height:20rem; border:1px solid #d5d5d5; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.15)}
.product .expand-info.price-matrix, .product .expand-info.sizing{max-height:none; overflow-y:auto}
.product .expand-info.sizing{overflow:auto; height:20.4rem}
.product .price-matrix table, .product .expand-window .info-content{position:absolute}
.product .expand-window .info-content{padding:1rem}
.product .expand-info .page_content{height:100%}
.product .price-matrix table tr:nth-child(even){background:#ebebeb}
.product .price-matrix table tr:last-child td{padding-bottom:1rem}
.product .price-matrix table th, .product .price-matrix table td{text-align:center; vertical-align:middle; padding:0.8rem 1rem; width:4rem}
.product .price-matrix table th{padding:1rem 1rem 0.5rem}

.product .price-matrix table .price-display{-webkit-justify-content:center; justify-content:center}
.product .price-matrix table .price.original{display:none}
.product .price-matrix table tr th:first-child{text-align:left; padding-left:1rem}
.product .price-matrix table img{border-radius:4rem; width:1.9rem; height:1.9rem; border:1px solid #ccc}
.product .price-matrix table .availability{display:none}
.product .price-matrix > p{padding:1rem 0 0; font-size:1.3rem}

.wishlist-button{float:right; text-indent:-9999rem; background:transparent url(/assets/sprite.png) center -800px no-repeat; width:3rem; height:3rem; background-size:30px auto; padding:0; border:0}
.wishlist-button.on{background-position:center -1394px}

.product .wrapper .options{padding:2rem 0 1.7rem; margin:1.5rem 0 2rem; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap}

.product .wrapper .options > .colour{margin-bottom:2.3rem; width:100%}
.product .wrapper .colour li{margin:1.3rem 1.6rem 0 0; float:left; clear:none; border-radius:3rem; overflow:hidden; border:1px solid #ccc}
.product .wrapper .colour li.on{border-color:#777}
.product .wrapper .colour li label{border-radius:3rem; overflow:hidden; display:block; border:3px solid #fff; padding:0; background:none; background-color:#fff; width:4.6rem; height:4.6rem; color:#fff}
.product .wrapper .colour li label:before{content:none}
.product .wrapper .colour li img{width:4rem; height:4rem; border-radius:3rem}

.product .wrapper .quantity{flex: 0 0 11rem}
.product .wrapper .quantity select{width:9.5rem; margin:0.9rem 0}

.product .wrapper .size-selection{flex-grow:1; flex-basis:20%}
.product .wrapper .size-selection li{display:none}
.product .wrapper .size-selection select{width:100%; display:block; margin:0.9rem 0}

.product .details .size-guide{width:100%}
.product .details .size-guide a{float:right; text-transform:uppercase; text-decoration:underline; color:#818286; font-size:1.1rem; padding-top:1rem}

/* Back in Stock Message */
.product .wrapper .bis-msg{color:#868281; margin:0.5rem 0 1.5rem; text-transform:uppercase; text-align:center}
.product .wrapper .bis-msg > *{display:inline; vertical-align:middle; line-height:1.8rem}
.product .wrapper .bis-msg .icon-envelope{margin-right:1rem}


/***** ----- Product Detail - Delivery Options ----- *****/
/* Used in-page and in popup*/
.delivery-check{padding:0; margin:2rem 0; border:solid #d5d5d5; border-width:0.1rem 0; box-sizing:border-box; padding-bottom:3.2rem; position:relative}

.delivery-check .icon-tooltip{position:absolute; right:0.1rem; top:1rem; z-index:1}

.delivery-check .same-day{position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; align-items:flex-start; padding-top:3.5rem}

.delivery-check .icon-truck{color:#818286; position:absolute; left:0; top:2.8rem; font-size:3.8rem}

.delivery-check .info{padding-left:5.5rem; line-height:1.8rem}
.delivery-check .info .status, .delivery-check .info .cutoff-time{padding-right:1rem}
.delivery-check .info .status:only-child{margin:0}
.delivery-check .location{font-weight:bold}
.delivery-check .text-link{margin-top:1.5rem; display:block}

.delivery-check .unavailable .icon-truck{color:#e3e3e3}
.delivery-check .unavailable .icon-truck:after, .delivery-check .inactive .icon-truck:after, .delivery-check .available .icon-truck:after{content:'\e905'; position:absolute; color:#818286; font-size:1.2rem; top:-0.3rem; left:0; bottom:0; right:0; margin:auto; width:1.2rem; height:1.2rem}

.delivery-check .available .icon-truck:after{content:'\e907'; color:#fff; top:-0.5rem}
.delivery-check .available .status{margin-bottom:0.5rem}
.delivery-check .available .cutoff-time{color:#999}
.delivery-check .available .pricing .price{-webkit-justify-content:flex-end; justify-content:flex-end; line-height:1.7rem}
.delivery-check .available .pricing .price:after{content:'(per order)'; display:block; font-size:1.1rem; text-align:right; width:100%; visibility:visible}

.delivery-check .inactive .icon-truck{color:#e3e3e3}
.delivery-check .inactive .info{color:#999; margin-top:0.3rem; font-style:italic}

.delivery-check form{position:relative; width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; align-items:flex-end}
.delivery-check form fieldset{flex:1}
.delivery-check form label{margin-bottom:0.5rem; display:block; padding-left:5.5rem}
.delivery-check form input{margin-top:1.5rem; padding:1.6rem 1rem}
.delivery-check form .ui-autocomplete{top:8.7rem; left:0; position:absolute}
.delivery-check form .btn{min-width:10.5rem; margin-left:0.5rem}

.product h4{text-transform:uppercase; font-weight:bold; display:block; width:100%; font-size:1.3rem}
.product .colour-selection{font-family:'Brown', Arial, Helvetica, sans-serif; margin-left:0.5rem}
.product .description{padding:1.5rem 0 1.2rem; margin:1rem 0 0; border-top:1px solid #d5d5d5}
.product .description h2{float:left; text-transform:uppercase; font-size:1.2rem; display:none}
.product .description .item-sku{float:right; font-size:1.2rem}
.product .description .description-text{float:left; clear:both; margin:2.5rem 0 1.5rem; font-size:1.4rem}

.product .additional-info{border-bottom:1px solid #d5d5d5; margin-bottom:1rem}
.product .additional-info .toggle-panel{margin-bottom:2rem}
.product .additional-info .toggle-panel ul{list-style-type:disc; list-style-position:inside}
.product .additional-info .toggle-panel ol{list-style-type:decimal; list-style-position:inside}
.product .additional-info .composition{padding:1.5rem 0 1.2rem; margin:1rem 0 0}
.product article .toggle-header{border-bottom:0; font-size:1.6rem; padding:1.3rem 0; background-position:right -1260px}

/* Product Detail - Blog Featured */
.blog-featured-product{margin:3rem 0}
.blog-featured-product .carousel > div{width:100%; margin:0 auto}
.blog-featured-product .carousel button{top:40%; margin-left:-1rem}
.blog-featured-product .carousel button.slick-next{margin:-1rem -1rem 0 0}
.blog-featured-product h3{text-align:center; text-transform:uppercase; font-weight:normal}
.blog-featured-product h3 span{font-weight:bold}
.blog-featured-product figure{padding:1rem 0}
.blog-featured-product figure, .blog-featured-product figure img{width:100%; margin:0; height:auto}
.blog-featured-product .details{text-align:center}
.blog-featured-product .details .post-category{border-bottom:1px solid #EBEBEB; color:#818286; text-transform:uppercase; padding-bottom:0.4em; display:block; width:100%; font-size:1.1rem}
.blog-featured-product .details h4{margin-top:0.7rem}

/* Product Detail - No Blog Tile Backup CMS */
.no-blog-tile{width:100%; overflow-x:hidden}
.no-blog-tile .content{margin:0; border:0}

/*Taggd CSS Override*/
.product #taggd-container-mobile{padding:1.5rem 0 1.5rem; margin:0.5rem 0 0rem; border-top:2px solid #d5d5d5; border-bottom:1px solid #d5d5d5}

/* ------------------------------------------- */
/* -- PRODUCT DETAIL SIZE SELECT/BIS POPUP --- */
/* ------------------------------------------- */
/* Shows when clicking 'Add to Bag', 'Add to Wishlist' or 'Find in Store' without selecting a size. Also shows whenever 'Notify Me' or 'Register Interest' clicked (with or without a size selected) */
.size-select-popup .popup-content-wrap > p{margin-bottom:2rem}

.size-select-popup .colour{margin-bottom:1.5rem; text-transform:uppercase}
.size-select-popup .colour img{margin:-0.1rem 0 0 0.5rem; border-radius:2rem; width:1.5rem; height:1.5rem; border:1px solid #ccc}
.size-select-popup .colour .selection{margin-left:0.5rem}

.size-select-popup .size-selection select{width:100%}

/* -- Back in Stock display only -- */
.size-select-popup .email{margin-top:1.5rem}

/* -- Back in Stock Thank You Popup -- */
.bis-thankyou-popup .bis-email{font-weight:bold}



/* ------------------------------------------- */
/* ----------- PRODUCT DETAIL ZOOM ----------- */
/* ------------------------------------------- */
.magnify article{padding:0}
.magnify .magnify-inner{width:100%; margin:auto 0}
.magnify .magnify-inner img{width:100%}
.magnify .controls{position:absolute; top:0; width:100%; height:4rem; margin-top:0}
.magnify .controls .close{background:transparent url(/Assets/zoom_close.png) right top no-repeat; background-size:35% auto; width:6rem; height:3rem; text-indent:-9999px; border:0; opacity:1; transition:opacity 0.7s ease; -webkit-transition:opacity 0.7s ease; position:absolute; top:1rem; right:1rem}
.magnify .controls .close.instant-transition{transition:all 0s; -webkit-transition:all 0s}



/* ------------------------------------------- */
/* ------ PRODUCT DETAIL FIND IN STORE ------- */
/* ------------------------------------------- */
.fis-popup .ajax_content > h2, .fis-popup .store-block h3{padding-bottom:0; text-transform:capitalize; font-size:1.9rem}


/***** ----- FIS - Search ----- *****/
.fis-popup .search > .message{margin-bottom:2rem}
.fis-popup .search fieldset{min-width:100%}
.fis-popup .search .ui-autocomplete{top:0}


/***** ----- FIS - Results ----- *****/
.fis-popup .searchterm{font-weight:bold}

.fis-popup .inform-message{font-size:1.1rem}
.fis-popup .inform-message p + p{font-weight:bold; margin-top:0.5rem}

.fis-popup .fis-tabs{margin-top:1.5rem}
.fis-popup .fis-tabs a{font-size:1.4rem; border-style:solid; border-color:#d5d5d5; font-weight:normal; width:50%; float:left; text-align:center; border-width:0 0 0.1rem; padding:0.9rem 0; margin-bottom:1.5rem; box-sizing:border-box}
.fis-popup .fis-tabs .on{border-width:1px 1px 0 1px; color:#000}

.product .fis-popup .results td:not(.details){height:5.4rem; border-bottom:1px solid #d5d5d5; padding:1.5rem 0; vertical-align:top; width:100%}
.product .fis-popup .results td + td:not(.details){padding-left:1rem; min-width:14.5rem}

.fis-popup .results .store-name{position:relative}
.fis-popup .results .store-name > a{padding-left:1.9rem; display:inline-block}
.fis-popup .results .icon-location{position:absolute; top:1.7rem}

.fis-popup .item-status{margin:1.5rem 0; font-size:1.2rem; position:relative; padding:0 0.5rem 0 1.9rem}
.fis-popup .item-status .icon-tick{position:absolute; font-size:1.2rem; color:#8ac836; left:0}
.fis-popup .item-status.puis-later .icon-tick{color:#f39f45}

.fis-popup .puis-later-cms{font-size:1.2rem}

.fis-popup .buy-now{text-align:center}
.fis-popup .buy-now .btn{width:100%; font-size:1.4rem}
.product  .fis-popup td.buy-now.pickup-unavailable{vertical-align:middle; font-style:italic; font-size:1.1rem; color:#999}

/* Used on FIS results, PUIS results, PUIS selected store, cart review page and cart confirmation page */
.pickup-time, .pickup-time-disclaimer{display:block; font-size:1.1rem; font-style:italic; margin-top:1rem} 
.pickup-time span{font-weight:bold}
.fis-popup .pickup-time span{display:block}
.pickup-time-disclaimer .text-link{color:#000; display:inline}

.fis-popup .results .store{display:none}

.fis-popup .map_holder{position:relative; padding-top:100%; clear:left}
.fis-popup .map_holder > div{position:absolute; width:100%; height:100%; top:0}

.fis-popup .result .flow-buttons{margin-top:2rem}


/***** ----- FIS - Store Details ----- *****/
.fis-popup .store-block{margin:2rem 0}
.fis-popup .store-block h3{padding-bottom:0.5rem; font-size:1.7rem}

.fis-popup .address a{background:transparent url(/assets/sprite.png) -7px -2086px no-repeat; background-size:30px auto; padding-left:2.2rem}

.fis-popup .opening-hours td{padding-bottom:0.2rem}
.fis-popup .opening-hours td + td{text-align:right}



/* ------------------------------------------- */
/* ----- PRODUCT DETAIL PERSONALISATION ------ */
/* ------------------------------------------- */
.personalise-popup .ui-dialog-titlebar{text-transform:uppercase}
.personalise-popup .message{padding:0 0 1rem}

.personalise-popup .tab-header-wrapper:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.personalise-popup .tab-header{width:33%; float:left; clear:none; border:solid #a6a6a6; border-width:1px 0 1px; border-bottom-color:#000}
.personalise-popup .tab-header:first-child{border-width:1px 0 1px 1px}
.personalise-popup .tab-header:last-child{border-width:1px 1px 1px 0}
.personalise-popup .tab-header:not(.ui-state-active) + .tab-header{border-left-width:1px}
.personalise-popup .tab-header a{color:#a6a6a6}
.personalise-popup .tab-header.ui-state-active{border:1px solid #000; border-bottom:none; background:transparent}
.personalise-popup .tab-header.ui-state-active a{color:#000}
.personalise-popup .tab-header.ui-state-active a span{font-weight:bold; border-bottom:1px solid #000; padding-bottom:1px}
.personalise-popup .tab-header.disabled{border-color:#fff; border-bottom-color:#000; background:transparent}

.personalise-popup .control:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.personalise-popup li:not(.personalise-colour) .control{display:block}
.personalise-popup .radio-option{display:inline-block; clear:none}
.personalise-popup .radio-option + .radio-option{margin:0}
.personalise-popup .radio-option label:before{content:none}

.personalise-popup .popup-actions{text-align:center; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-around}
.personalise-popup .major .personalise-price{font-size:1.2rem; margin-left:0.5rem; display:inline-block; vertical-align:baseline}
.personalise-popup .major .price-display{display:inline}

.personalise-popup .submit-note{margin-top:2rem; color:#999}
.personalise-popup .submit-note .text-link{margin:0; text-transform:none; color:#999; font-size:1.3rem; display:inline-block}

.personalise-text input{text-align:center}

.personalise-font{min-height:5rem}
.personalise-font .radio-option{width:48%}
.personalise-font .radio-option + .radio-option{float:right}
.personalise-font .radio-option label{background:#fff; border:0.1rem solid #000; padding:1.7rem 0 1.3rem; text-align:center; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.6rem}
.personalise-font .radio-option + .radio-option label{text-indent:-9000px; background:#fff url(/assets/cursive-font.png) center center no-repeat; background-size:6.5rem auto}
.personalise-font .radio-option input:checked + label{background-color:#fff; border-width:0.3rem; padding:1.5rem 0 1.1rem}

.personalise-colour{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; padding-bottom:1.5rem}
.personalise-colour .selection{flex:1; align-self:flex-start; padding-top:1.2rem}
.personalise-colour .control{flex:3; justify-content:flex-end; margin-right:0.2rem; align-self:flex-start; flex-wrap:wrap}
.personalise-colour .radio-option{padding:0 0.4rem 0.4rem 0; margin:0}
.personalise-colour .radio-option input{left:0.1rem}
.personalise-colour .radio-option label{width:3.5rem; height:3.5rem; border:0.1rem solid #000; background:#fff; padding:0}
.personalise-colour .radio-option img{width:100%; height:100%}
.personalise-colour .radio-option input:checked + label{border-width:0.3rem; width:3.5rem; height:3.5rem}

.personalise-preview figure{margin:1rem 0; position:relative}
.personalise-preview figure img{width:100%; height:auto}
.personalise-preview figure .icon-zoom{position:absolute; top:0; right:0}
.personalise-preview figure .zoom-out{background-position:left -2351px}
.personalise-preview figure .personalise-zoom{width:100%; height:100%; position:absolute; top:0}



/* ------------------------------------------- */
/* -------------- LOGIN PAGES ---------------- */
/* ------------------------------------------- */
.login article{padding:6rem 1.3rem 0}
.login article .wrapper{margin-top:2rem}
.login article input[type="password"]{width:85%; float:left; margin:0.2rem 0; height:50px}
.login #login-password{margin:2rem 0 3rem}
.login #login-password > p{margin-bottom:0.5rem}
.login .contact{margin-top:0.5rem}
.login article h2{border-bottom:1px solid #d5d5d5; padding-bottom:0.5rem; margin-bottom:1rem; text-align:center}
.login li.auto-login{padding-top:1rem}



/* ------------------------------------------- */
/* --------------- CART PAGES ---------------- */
/* ------------------------------------------- */
.cart .cart-header .logo, .giftcard-cart .cart-header .logo{margin:1rem auto 0; float:none}
.giftcard-cart .cart-header .logo a{width:16rem; display:block; margin:0 auto}
.cart h1, .cart h3, .giftcard-payment h3{border-bottom:1px solid #d5d5d5; padding-bottom:1rem}
.cart h3, .giftcard-payment h3{margin-bottom:1rem}
.cart h3:empty{display:none}
.cart.rewards article, .cart.delivery article, .cart.payment article, .cart.payment article, .cart.review article{padding:0 1.3rem}
.cart article .wrapper{margin-top:1.4rem}
.cart article .flow-buttons{clear:both; margin:2rem 0}
.cart article .flow-buttons .note{text-align:center; margin-bottom:2rem}
.cart li{padding:0.2rem 0}

.help{width:15%; padding:1.5rem 0; float:right; background-color:#a9a9a9; border:1px solid #a9a9a9; text-align:center; color:#fff; margin-top:0.2rem; height:50px; font-size:1.6rem}
.cart .or-divider{text-align:center}
.cart li.terms{margin:1.5rem 0}
.cart .page-name{padding:0; border-bottom:0}
.cart .bag-summary.cms:empty{display:none}
.cart .template{display:none}

/* Cart - Breadcrumbs */
.breadcrumbs{padding:1rem; text-align:center}
.breadcrumbs li{display:inline-block; text-align:center; padding:0}
.breadcrumbs li span, .breadcrumbs li a{padding:1.3rem 1.8rem; background-color:#66696e; color:#fff; display:block; border:3px solid #fff}
.breadcrumbs li:not(.on) a{background-color:#66696e}
.breadcrumbs li.on{border:1px solid #66696e; position:relative; z-index:2}
.breadcrumbs li.on span{border:2px solid #fff; background:#66696e}
.breadcrumbs li.on ~ li span{background:#dcdcdc}
.breadcrumbs li.divider{border-bottom:1px solid #d5d5d5; width:3.5rem; margin:2.5rem -0.3rem 0; position:relative; z-index:1}


/***** ----- Cart - Item Removal ----- *****/
/* Used in Same Day Delivery option, Same Day Delivery remove items popup, PUIS results and PUIS remove items popup */
.item-removal ul{list-style:none; border:solid #e5e5e5; border-width:1px 0; margin:1rem 0; padding:1rem 0}
.item-removal ul li{position:relative; padding:0 0 0 2.5rem}
.item-removal ul li + li{margin-top:1.5rem}
.item-removal ul [class^="icon-"]{font-size:1.4rem; position:absolute; left:0; top:0.3rem}
.item-removal ul .icon-cross{color:#d10305}
.item-removal ul .icon-tick{color:#8ac836; font-size:1.6rem; top:0.2rem}
.item-removal ul .puis-later .icon-tick{color:#f39f45}
.item-removal ul .title{font-size:1.4rem; margin-bottom:0.2rem; text-transform:uppercase}
.item-removal ul .selections{margin:0; font-size:1.2rem}

.item-removal .warning{font-weight:bold; margin:1rem 0 1.5rem}

.item-removal .personalisation-details{margin-top:0}
.item-removal .sd-personalisation-note{font-weight:bold; margin-top:0.4rem; display:block;}

/* Cart - Order Summary Styles */
.order-summary{margin:2.5rem 0 3rem}
.order-summary .price{margin:0.8rem 0 1rem}

.order-summary .price li{padding:0.5rem 0 0.3rem}
.order-summary .price li:not(.order-totals-afterpay){display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between}
.order-summary .price li:not(.order-totals-afterpay):after{content:none}
.order-summary .price li:not(.order-totals-afterpay) span{font-weight:lighter}
.order-summary .price li .text{padding-right:1rem}
.order-summary .price li .amount{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:flex-end; justify-content:flex-end}
.order-summary .price li.delivery{color:#a6a6a6}
.order-summary .price li .delivery-date{display:block}

.order-summary .price li.subtotal span{font-weight:normal}
.order-summary .price li.note{margin-top:0}
.order-summary .price li.giftcard-applied{text-transform:uppercase}
.order-summary .price li .aside_puis_storename{font-weight:bold}

.order-summary .price li.total{text-transform:uppercase; border-top:1px solid #d5d5d5; margin:0.7rem 0 0.2rem; padding:0.7rem 0 0.3rem; font-size:1.6rem}
.order-summary .price li.total .text, .order-summary .price li.total .amount span{font-weight:normal}
.order-summary .price li.total .text span{display:none}
.order-summary .price li.total .text .delivery-note{display:inline; text-transform:none; font-size:1.1rem; line-height:2.2rem; white-space:nowrap}


/* Cart - Shopping Bag */
.shopping-bag .toggle-header-wrapper .edit{position:absolute; z-index:2; top:1.3rem}
.shopping-bag .toggle-header-wrapper h2, .giftcard-redemption .toggle-header-wrapper h2{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.giftcard-redemption .ui-state-active .toggle-header{background-position:right -23px}
.shopping-bag .options li{padding:0; vertical-align:bottom}
.shopping-bag .item header{width:87%}

/* Promo Code Styles - Used on Cart Summary & Rewards Pages */
.promo-code-wrapper{margin-top:2.5rem}
.promo-code-wrapper form{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between}
.promo-code-wrapper fieldset{width:100%; margin-right:1em}
.promo-code-wrapper .form-options{padding:0.2rem 0; margin-left:auto}
.promo-code-wrapper .form-options .minor{margin:0; padding:1.4rem 2.5rem; display:inline-block}

.promo-code-wrapper .coupon-text{margin-top:1.5rem}
.promo-code-wrapper .coupon-text span{font-weight:bold}

/* Cart - Summary Page */
.cart-summary aside.item, .cart-summary aside.item .item{border-bottom:0; padding:0}
.cart-summary aside.item{margin-bottom:1rem}
.cart-summary select{width:8rem}
.cart-summary .item .options li.quantity{margin:0.5rem 0}
.cart-summary .item .options{margin:1.5rem 0 0.5rem}
.cart .edit-item .options{border:1px solid #d5d5d5; padding:1rem}
.cart .edit-item .options .quantity input, .cart .edit-item .options .size select{width:10.5rem}
.cart .edit-item .options .major{font-size:1.5rem; margin-bottom:0; margin-top:1rem; width:100%}


/* Cart - Loyality Page */
.rewards .PUIS-rewards-message{padding:1rem 0; border-bottom:1px solid #d5d5d5; margin-bottom:1rem; font-size:1.5rem; font-weight:bold}
.rewards .greeting{margin:1rem 0 1.9rem}
.rewards .greeting p + p{margin-top:1rem}
.rewards .offers{border-bottom:1px solid #d5d5d5}
.rewards .offers li{border-top:1px solid #d5d5d5; padding:1.2rem 0 2rem}
.rewards .offer-details{float:left; width:70%}
.rewards .offer-details .title{padding-bottom:0.6rem; font-weight:bold; font-size:1.4rem}
.rewards .offer-details .expiry{color:#a6a6a6}
.rewards .offers button{float:right; width:28%}


/***** ----- Cart - Delivery Page ----- *****/
.cart.delivery article h1 + .delivery-panel-wrap{border-top:1px solid #000; padding-top:1rem}

/* ---- Delivery Page - Tabs---- */
.delivery .tab-header-wrapper{margin:1.6rem 0 2.5rem; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between}
.delivery .tab-header-wrapper span{font-size:1.4rem; font-weight:bold; color:#999; text-transform:uppercase; position:relative; padding:2rem 0.5rem; width:43%; display:inline-block; text-align:center; border:1px solid #e3e3e3; transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out}
.delivery .tab-header-wrapper:after{content:'or'; text-transform:uppercase; display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:2rem; height:1.7rem; line-height:1.9rem; font-size:1.4rem}

.delivery .tab-header-wrapper span.on{border-color:#d5d5d5; color:#000; background:#fff}
.delivery .tab-header-wrapper span.on:before, .delivery .tab-header-wrapper span.on:after{content:''; width:3rem; height:1.6rem; position:absolute; left:50%; margin-left:-1.5rem; bottom:0; background:#fff; display:block; z-index:1}
.delivery .tab-header-wrapper span.on:after{width:1.6rem; margin-left:-0.8rem; bottom:-0.6rem; border:0.1rem solid #cacbcd; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); z-index:0}


/* ---- Delivery Page - Delivery Addresses ---- */
.delivery .delivery-address{position:relative}
.delivery .delivery-address label{width:70%; float:left}
.delivery .delivery-address label:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.delivery .delivery-address label span{display:block; word-break:break-word}
.delivery .delivery-address .action-buttons{width:26%}
.delivery select{width:100%}
.delivery .contact_details{margin:2rem 0}
.delivery li.terms{margin:0}
.delivery li.terms label{width:100%}
.delivery li.terms label a{text-decoration:underline}

/* Cart - Delivery Options - ATL, Gift Message */
.delivery .delivery-page-block{margin:2rem 0 0.5rem; position:relative}
.delivery .delivery-page-block h3{width:100%; padding-right:25%; box-sizing:border-box}
.delivery .delivery-page-block fieldset{clear:both; width:100%}


/* Cart - Delivery Page - Delivery Options */
.delivery .delivery-options > h3{padding-right:12rem}
.delivery .delivery-options h3{width:100%; float:none}

.delivery .delivery-options .empty-delivery{text-align:center; margin:4rem 0}

.delivery-summary .delivery-method{margin-top:2.5rem}
.delivery-summary .delivery-method > div{position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; align-items:flex-start}
.delivery-summary .delivery-method .info{flex:1; padding-right:2.5rem}
.delivery-summary .delivery-method .title{font-size:1.5rem; margin:0 0 0.2rem}
.delivery-summary .delivery-method .est-delivery{color:#999; font-size:1.2rem}
.delivery-summary .delivery-method .pricing{line-height:2rem}

.delivery-summary .atl{margin:3rem 0 4rem}
.delivery-summary .atl h3{border-bottom:0; margin:0; display:inline-block; width:auto}
.delivery-summary .atl .text-link{float:right; padding-top:0.2rem}

/* Used on Review and Confirmation too */
.delivery-method .same-day .icon-truck{color:#818286; font-size:3rem; margin:0 1rem 0 0; position:relative}

/* ---- Delivery Page - Delivery Options Popup ---- */
.delivery-options-popup h3{border-bottom:0; display:inline-block; margin:0}
.delivery-options-popup h3 + .text-link{float:right; padding-top:0.2rem}

.delivery-options-popup .delivery-method fieldset > ul > li{position:relative; border:0.1rem solid #e3e3e3; padding:1.3rem 0.8rem; border-radius:0.2rem; -moz-transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}
.delivery-options-popup .delivery-method fieldset > ul > li + li{margin-top:1rem}
.delivery-options-popup .delivery-method fieldset > ul > li.on{border-color:#999; background:#f5f5f5}
.delivery-options-popup .delivery-method li.loading{height:auto}

.delivery-options-popup .delivery-method .est-delivery{margin-top:0.3rem; font-size:1.1rem; line-height:1.5rem}

.delivery-options-popup .delivery-method label{padding:0 0 0 2.8rem}
.delivery-options-popup .delivery-method label > div{position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; align-items:flex-start}
.delivery-options-popup .delivery-method label .title{font-size:1.4rem; margin:0 0 0.2rem}
.delivery-options-popup .delivery-method li:not(.disabled) .est-delivery{color:#999}
.delivery-options-popup .delivery-method label .pricing{font-size:1.1rem; margin-left:0.8rem; align-self:center;}
.delivery-options-popup .delivery-method label .price{min-width:5rem; margin-top:-0.4rem}
.delivery-options-popup .delivery-method label .error{font-size:1.1rem; margin:1rem 0 0 -2.8rem; border-top:0.1rem solid #e3e3e3; padding:1rem 0.3rem 0}

.delivery-options-popup .standard-delivery .info{padding-left:0.3rem}

.delivery-options-popup .same-day{color:#b2b2b2; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; align-items:flex-start}
.delivery-options-popup .same-day .icon-truck{color:#e3e3e3}
.delivery-options-popup .same-day .info{flex-grow:1; font-size:1.2rem}
.delivery-options-popup .same-day .status{margin:0; font-size:1.1rem; line-height:1.4rem}

.delivery-options-popup .same-day.unavailable .info, .delivery-options-popup .same-day.inactive .info{align-self:center}
.delivery-options-popup .same-day.unavailable .icon-truck:after, .delivery-options-popup .same-day.inactive .icon-truck:after{content:'\e905'; position:absolute; color:#818286; font-size:1rem; top:-0.3rem; left:0; bottom:0; right:0; margin:auto; width:1rem; height:1rem}
.delivery-options-popup .same-day.unavailable .status{padding-right:0.5rem}

.delivery-options-popup .same-day.inactive{align-items:center}
.delivery-options-popup .same-day.inactive .icon-truck{margin-top:0}
.delivery-options-popup .same-day.inactive .info{font-style:italic}
 
.delivery-options-popup .same-day.available{color:#000} 
.delivery-options-popup .same-day.available .icon-truck{color:#818286}
.delivery-options-popup .same-day.available .icon-truck:after{content:'\e907'; position:absolute; color:#fff; font-size:1rem; top:-0.5rem; left:0; bottom:0; right:0; margin:auto; width:1rem; height:1rem}

.delivery-options-popup .item-removal{padding:0 0 0.5rem; font-size:1.2rem}
.delivery-options-popup .item-removal ul{padding:2.5rem 1rem}
.delivery-options-popup .item-removal > p{padding:0 1rem; font-size:1.2rem; line-height:1.5rem}

.delivery-options-popup .atl{margin-top:2.5rem}
.delivery-options-popup .atl label{line-height:1.8rem}
.delivery-options-popup .atl label .text-link{display:inline; color:#000}
.delivery-options-popup .atl.required li{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap}
.delivery-options-popup .atl.required em{color:#d10305; line-height:10px; margin-right:5px}
.delivery-options-popup .atl.required input{left:1.2rem}
.delivery-options-popup .atl.required label{flex:1}
.delivery-options-popup .atl.required .error{padding-left:4rem; margin:1rem 0 0; width:100%; font-size:1.2rem}


/* ---- Delivery Page - Gift Message ---- */
.delivery .gift .toggle-panel{margin-top:2rem}
.delivery .gift .toggle-panel label, .delivery .gift .toggle-panel p, .delivery .contact_details p{margin:1rem 0; display:block}
.delivery .gift .toggle-panel .note{margin-top:0}
.delivery .gift .toggle-panel textarea{height:11rem}


/***** ----- Cart - Pick up in Store ----- *****/
article .puis-panel h3{text-transform:none}

/* -- Pick up in Store - Search -- */
.puis-panel .divider{text-align:center; text-transform:lowercase; margin:1rem 0; font-size:1.5rem}

/* -- Pick up in Store - Results -- */
.puis-panel .results{padding-top:1rem}
.puis-panel .result-wrapper{padding-top:1rem; border-bottom:0.1rem solid #d5d5d5}
.puis-panel .result-wrapper + .result-wrapper{margin-top:2rem}
.puis-panel .result-wrapper > p{padding-left:2.4rem; position:relative}
.puis-panel .result-wrapper > p .icon-tick{position:absolute; left:0; color:#8ac836; font-size:1.6rem; top:0.2rem}
.puis-panel .some-availability > p .icon-tick{color:#f39f45}

.puis-panel .results .toggle-header{width:100%; border-bottom:none; margin-bottom:0; font-size:1.5rem; text-transform:none; padding:1.1rem 0; box-sizing:border-box; background:transparent}
.puis-panel .results .toggle-header:after{position:absolute; right:0; content:'\e900'; font-size:1.6rem; top:38%; font-family:'cr_icons'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.puis-panel .results .ui-state-active .toggle-header:after{content:'\e902'}
.puis-panel .results .toggle-header .icon-location{position:absolute}
.puis-panel .results .toggle-header .store-name{padding:0 2.4rem; display:inline-block}
.puis-panel .results .toggle-header .pickup-time{padding-left:2.4rem; margin-top:0.5rem}

.puis-panel .item-removal ul{border:none; padding:1rem 0 1rem 2.4rem; margin:0}
.puis-panel .item-removal .puis-later-info{font-style:italic; font-size:1.1rem; color:#999; padding-top:0.5rem; display:block}

.puis-panel .pickup-time-disclaimer{margin:2rem 0 0}

/* -- Pick up in Store - Selected Store -- */
.pickup-summary .selection{margin:0 0 1rem}
.pickup-summary .selection span{display:block; font-weight:bold; margin-top:0.3rem}
.pickup-summary .selection span a{float:none; margin-left:0.5rem; font-weight:lighter}

.pickup-summary .pickup-time{font-style:normal; font-size:1.3rem}

.pickup-summary + .note{margin-top:3rem}

/* Cart - Delivery Page defaults */
#deliveryPanel, #puisPanel{display:none}
#deliveryPanel.on, #puisPanel.on{display:block}
.PUIS-customer-details{margin-top:1rem}
.PUIS-customer-details .flow-buttons{margin-top:2.5rem}

/* Cart - Become a member popup */
.become-member .cms{text-align:center}
.become-member .cms h2{text-align:center}
.become-member .contact-details{margin-top:3rem}
.become-member .contact-details .info{margin:0.5rem 0 1rem}
.become-member .delivery-address ul{margin-top:1rem}
.become-member .primary{border-bottom:1px solid #d5d5d5; margin:1rem 0 2rem; padding:1rem 0 1.5rem; border-top:1px solid #d5d5d5}
.delivery-address .communication{margin:1.5rem 0}
.delivery-address .send-offers{margin:1rem 0 0}

.become-member .member-address{width:74%; float:left}
.become-member .offers-option{position:relative; width:30%; float:left}
.become-member .dob-fields{margin-top:1rem; clear:both}
.become-member .dob-fields input{width:30%; float:left; margin:0; text-align:center}
.become-member .dob-fields input:nth-child(2){margin:0 5%}
.become-member .dob-fields input:last-child{float:right}
.become-member .delivery-address .primary span{float:left; clear:left; display:block}
.become-member .delivery-address .email{border-bottom:1px solid #d5d5d5; margin-bottom:1.5rem; padding-bottom:2rem}
.become-member .flow-buttons{margin-top:3rem}

/* Cart - Gift Card Redemption */
.giftcard-redemption{margin-top:2rem}
.giftcard-redemption .toggle-panel{padding:1rem 0 0.5rem}
.giftcard-redemption .error{margin:0 0 1.5rem}
.giftcard-redemption input{width:67%; float:left; margin:0.5rem 0 2rem; font-size:1.4rem}
.giftcard-redemption input[name=giftcard-pin]{width:30%; float:right}
.giftcard-redemption .success:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.giftcard-redemption .success p{float:left; width:76%; font-weight:bold; margin-bottom:1rem}
.gc-popup-content h2{padding-bottom:1rem}
.gc-popup-content p{padding-bottom:0.5rem}
.giftcards.security{padding:2rem 0 1rem}
.giftcards.security .message{padding-top:1rem}

/* Cart - Gift Card Redemption Error Popups*/
.cart.payment #modal-error .error{display:inline-block; margin:1rem 0 2rem}

/* Cart - Preset button display for payment page */
.payment .flow-buttons .update-btn, .payment .flow-buttons .close-btn, #csc-hint{display:none}
.payment article > .payment-icons{text-align:center; margin-bottom:2rem}
.payment article > .payment-icons a + a{margin-left:1rem}

/* Cart - Review & Confirmation Page */
.order-block{margin-bottom:3rem; position:relative}
.review .order-block h3{margin:0 0 1rem; padding:0.6rem 0}
.review .order-block .action-buttons{position:absolute; top:0; right:0; z-index:1}
.confirmation .order-confirmation{margin-bottom:2rem}
.order-overview .order-date{width:50%; float:left}
.order-overview .order-number{width:50%; float:right; text-align:right}
.become-a-cardholder{margin:2.5rem 0 3rem}
.order-questions{margin-bottom:2.5rem}
.details .contact{margin-top:1rem}
.order-giftcard .details{padding-right:3rem; display:block}
.order-giftcard .details + .details{padding-top:1rem}
.order-giftcard .remaining-bal{display:block; color:#a6a6a6; margin-top:1rem}


/* Cart Review & Confirmation - Pick up Times */
.order-address .pickup-time{font-style:normal; font-size:1.3rem; width:100%}


/* Cart Review & Confirmation - Delivery Method */
.order-overview .delivery-method > div{position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; align-items:flex-start}

.order-overview .delivery-method .title{font-size:1.5rem; margin:0 0 0.1rem}
.order-overview .delivery-method .info{flex:1; padding-right:1.5rem}
.order-overview .delivery-method .info .est-delivery{color:#999; margin-bottom:0.2rem; font-size:1.2rem}
.order-overview .delivery-method .price{-webkit-justify-content:flex-start; justify-content:flex-start; line-height:2rem}

/* Cart Review & Confirmation - ATL */
.order-block.review-atl p{margin-bottom:1rem}

/* Cart Review & Confirmation - Payments */
.order-payment .details{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-content:flex-start; align-items:center}
.order-payment .pay-image{margin:0 2rem 0 0; width:4.9rem; min-width:4.9rem}
.order-payment .pay-image img{width:100%}

/* Credit Card Payments */
.order-payment .cc-payment .pay-name{display:block}

/* Afterpay & PayPal Payments */
.order-payment .ext-payment .pay-image{min-width:8rem}


/* Congratulations Page */
.congrats h1{text-transform:capitalize; margin-bottom:1.5rem; text-align:left; font-size:1.17em}
.confirmation .order-address{clear:both}

/* Cart - Invalid Card Page */
.invalid-card-msg{margin-bottom:2rem}
.invalid-card-msg p + p{margin-top:1rem}
.order-payment .details.invalid_card{padding-right:0}
.wrapper .details.invalid_card .pay-select{width:100%}
.wrapper .details.invalid_card .pay-image{margin-right:0}



/* ------------------------------------------- */
/* ---------- GIFTCARD CART PAGES ------------ */
/* ------------------------------------------- */
.giftcard-cart{position:relative}
.giftcard-cart article{padding-top:2rem}
.giftcard-cart .giftcard-content h1{padding:0 1.3rem; font-size:1.6rem}
.giftcard-cart .giftcard-content form > .error{padding:0 1.3rem; margin-bottom:0}
.giftcard-cart .giftcard-content li{padding-bottom:1.5rem}
.giftcard-cart .giftcard-content label{padding-bottom:0.5rem; display:inline-block}
.giftcard-cart .giftcard-content label em{color:#ff0000; padding-right:0.2rem}
.giftcard-cart .giftcard-content > .error{padding:0 1.3rem}

.giftcard-cart .giftcard-content .next-previous{padding:6rem 1.3rem 1rem}
.giftcard-cart .giftcard-content .next-previous button{width:100%}

/* -- Information Page Popup -- */
.check-bal-popup{display:none}
.check-bal-popup p{margin:1.5rem 0 2rem}
.check-bal-popup input{margin-bottom:1.5rem}
.check-bal-popup .major{width:100%; margin-top:1rem}
.check-bal-popup .sec-error{font-weight:bold}
.check-bal-popup .error{margin-bottom:2.5rem}
.check-bal-popup .error p{margin:0 0 0.5rem}
.check-bal-popup .bal-result{margin-bottom:1.5rem}
.check-bal-popup .bal-result span{font-weight:bold}
.check-bal-popup .bal-result .bal-bal{font-size:1.4rem; line-height:1.8rem}
.check-bal-popup .bal-result .amount{float:none}
.check-bal-popup .bal-result .bal-expiry{display:block; margin-top:0.5rem}

/* -- Choose Image Page -- */
.giftcard-image figure{margin:3rem 0 0; position:relative}
.giftcard-image figure button{position:absolute; z-index:2; border:0; text-indent:-9999px; top:45%}
.giftcard-image figure button:disabled{opacity:0.2}

.giftcard-image .slick-track{margin:0 auto}
.giftcard-image .slick-slide{position:relative}
.giftcard-image .slick-slide:before{content:" "; height:100%; width:100%; position:absolute; top:0; left:0; z-index:1; opacity:1; transition:all 300ms ease; background:linear-gradient(to right, rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%)}
.giftcard-image .slick-current + .slick-slide:before, .giftcard-image .slick-center + .slick-slide:before{background:linear-gradient(to left, rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%)}
.giftcard-image .slick-current:before, .giftcard-image .slick-center:before{opacity:0}
.giftcard-image .slick-slide img{padding:1rem; width:100%; height:auto; box-sizing:border-box}
.giftcard-image .slick-current img, .giftcard-image .slick-center img{border:2px solid #949599; opacity:1}
.giftcard-image .slick-track .slick-slide:only-child{margin:0 auto; max-width:90%; float:none}
.giftcard-image .slick-next{background-position:center -1980px}
.giftcard-image .slick-prev{background-position:9px -937px}

.giftcard-image .giftcard-content .next-previous{padding-top:3rem}

/* -- Login Page -- */
.giftcard-cart.login article{padding-top:0}
.giftcard-cart.login .giftcard-content h1{font-size:1.8rem}
.giftcard-cart.login .giftcard-content .password, .giftcard-cart.login .giftcard-content .email{padding:0.2rem 0}
.giftcard-cart.login .giftcard-content .email-card{padding-top:0.2rem}
.giftcard-cart.login .giftcard-content aside .flow-buttons{margin:2rem 0}

/* -- Amount & Message Page -- */
.giftcard-details .giftcard-content form > .error{margin:0 0 2.5rem} 
.giftcard-details .giftcard-content h2{font-size:1.6rem; text-align:center; padding:2rem 0}

.giftcard-details .gift-value, .giftcard-details .gift-delivery, .giftcard-details .gift-currency{padding:0 1.3rem; text-align:center}
.giftcard-details .giftcard-content .gift-currency{padding-bottom:3rem}
.giftcard-details .gift-value label{padding:1.5rem 0}
.giftcard-details .gift-currency p, .giftcard-details .gift-currency span{font-weight:bold}
.giftcard-details .gift-currency a{display:inline-block; font-weight:normal; text-decoration:underline; padding-left:5px}

.giftcard-details .amount-select{margin-top:1rem}
.giftcard-details .amount-select li{padding-bottom:0; margin-bottom:1.5rem}
.giftcard-details .amount-select li:last-child{margin-bottom:1rem}
.giftcard-details .amount-select .amount-radio{float:left; position:relative; width:46%; clear:none}
.giftcard-details .amount-select .amount-radio:nth-child(even){float:right}
.giftcard-details .amount-select label{border:1px solid #000; padding:1rem; text-align:center; background:#fff; font-size:1.3rem}
.giftcard-details .amount-select label:before{content:none}
.giftcard-details .amount-select input[type="radio"]{position:absolute; z-index:-1; width:auto; left:0.2rem; top:0.2rem}
.giftcard-details .amount-select input[type="radio"]:checked + label{background:#000; color:#fff}
.giftcard-details .amount-select .currency-indicator{border:1px solid #939595; display:inline-block; vertical-align:bottom; width:100%; box-sizing:border-box; padding:1.5rem 1rem 1.5rem 0}
.giftcard-details .amount-select .currency-indicator:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.giftcard-details .amount-select .currency-indicator input{border:none; width:90%; background:transparent; -moz-appearance:textfield; text-align:center; padding:0}
.giftcard-details .amount-select .error_highlight .currency-indicator{border:1px solid #ff0000}
.giftcard-details .amount-select .error_highlight .currency-indicator input{border:none}
.giftcard-details .amount-select .note{margin-bottom:0; font-style:italic}

.giftcard-details .gift-email-title h2{padding:2.5rem 0 1rem}
.giftcard-details .gift-email-preview{padding:0 0.3rem}
.giftcard-details .gift-preview-wrapper{border:1px solid #939594; border-top-width:2.6rem; border-top-left-radius:0.5rem; border-top-right-radius:0.5rem; width:100%; padding:1.5rem 2rem; box-sizing:border-box; position:relative}
.giftcard-details .gift-preview-wrapper:before{content:""; display:block; width:4rem; height:1rem; background:url(/assets/dots_x2.png) 0 0 no-repeat; position:absolute; top:-1.7rem; left:0.9rem; background-size:39px 9px}

.giftcard-details .gift-details{border-bottom:1px solid #939594}
.giftcard-details .gift-details .subject{padding-top:1rem}
.giftcard-details .gift-details .subject label, .giftcard-details .gift-details .subject span{font-weight:bold; padding-right:0.5rem}

.giftcard-details .gift-message{margin-top:3rem}
.giftcard-details .gift-message .message li{position:relative; width:100%; margin:0 auto; padding-bottom:0; overflow:hidden; box-sizing:border-box}
.giftcard-details .gift-message .message .message-wrapper{padding-bottom:1rem}
.giftcard-details .gift-message label{display:block; font-weight:bold; font-size:2.4rem; width:100%; text-align:center; margin:0 auto; color:#949494; position:absolute; z-index:2; top:0}
.giftcard-details .gift-message label span{font-size:1.3rem; font-weight:normal; display:block}
.giftcard-details .gift-message label[for="message-input"], .giftcard-details .gift-message #message-input{font-size:1.8rem; font-weight:normal}
.giftcard-details .gift-message textarea{overflow-y:hidden; font-weight:bold; font-size:2.4rem; width:100%; text-align:center; border:none; z-index:1; resize:none; padding:0 1rem 0; vertical-align:bottom; font-family:Arial, Helvetica, sans-serif}

.giftcard-details .preview img{width:100%; height:auto}

.giftcard-details .giftcard-content .display-amount{text-align:center; font-size:4.2rem; font-weight:bold; padding:0; font-family:Arial, Helvetica, sans-serif}
.giftcard-details .giftcard-content .display-amount.empty{color:#bebebe}
.giftcard-details .giftcard-content .display-amount span{font-weight:bold}

.giftcard-details .gift-delivery label{padding-bottom:0.8rem; line-height:1.8rem; vertical-align:baseline}
.giftcard-details .gift-delivery .date-wording{font-weight:bold; font-size:1.4rem; vertical-align:baseline; text-transform:uppercase; margin-left:0.5rem}
.giftcard-details .gift-delivery.error_highlight .date-wording{color:#ff0000}
.giftcard-details .gift-delivery input{text-align:center}

.giftcard-details .giftcard-content .next-previous{padding-top:3rem}

.giftcard-details .open-dialog-message{padding-top:1.5rem; display:block}
.giftcard-details .open-dialog-message a{font-weight:bold; text-decoration:underline}

.giftcard-details .ui-dialog{padding:0}
.giftcard-details .ui-dialog .ui-dialog-titlebar{display:none}
.giftcard-details .ui-dialog .ui-widget-content{border:0}
.giftcard-details .ui-datepicker{padding:0; border-radius:0; right:13px; margin-left:auto; margin-right:auto}
.giftcard-details .ui-datepicker-header{background:#e7ebec; border:none; border-bottom-left-radius:0; border-bottom-right-radius:0; padding:1rem 0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:0.8rem}
.giftcard-details .ui-datepicker-calendar{border-collapse:separate; border-spacing:3px}
.giftcard-details .ui-state-default{text-align:center; border:0; background:transparent; color:#1f252c; width:100%; height:2rem; padding-top:0.6rem}
.giftcard-details .ui-state-active{color:#fff; background:#1f252c}
.giftcard-details .ui-datepicker-next span{background-position:-32px -16px}
.giftcard-details .ui-datepicker-prev span{background-position:-97px -16px}

/* Guest Address Popup */
.giftcard-details #dialog-address{display:none}
.giftcard-details .gift-address{padding:1.3rem; font-family:'Brown', Arial, Helvetica, sans-serif; border:0; border-radius:0}
.giftcard-details .gift-address .ui-dialog-titlebar{display:block; background:transparent; border:none}
.giftcard-details .gift-address .ui-button-text, .giftcard-details .gift-address .ui-icon{display:none}
.giftcard-details .gift-address ul{margin:1.5rem 0 1rem}
.giftcard-details .gift-address li{padding:0.2rem 0}
.giftcard-details .gift-address select, .giftcard-details .gift-address .major{width:100%; font-family:Arial, Helvetica, sans-serif; font-size:1.6rem}
.giftcard-details .gift-address .error_highlight .note{display:block}

/* -- Payment Page -- */
.giftcard-payment .gift-payment, .giftcard-payment .gift-summary, .giftcard-payment .giftcard-note{padding:0 1.3rem}
.giftcard-payment .gift-payment{padding-top:2rem}
.giftcard-payment .gift-payment ul li:first-child{padding-top:0.5rem}
.giftcard-payment .wrapper .payment-option{padding-bottom:0.5rem}
.giftcard-payment .wrapper .select-payment .flow-buttons{margin-top:2rem}

.giftcard-payment .giftcard-note{padding-bottom:1.5rem}
.giftcard-payment .giftcard-note p + p{padding-top:1rem}

.giftcard-payment .gift-summary{position:relative}
.giftcard-payment .gift-summary h3{padding-bottom:1.5rem; margin-bottom:1rem; border-bottom:1px solid #CACBCD; text-transform:uppercase; text-align:center}
.giftcard-payment .gift-summary .edit{position:absolute; right:1.3rem; top:0}
.giftcard-payment .gift-summary p{margin-bottom:3rem}
.giftcard-payment .gift-summary .now{color:#000}
.giftcard-payment .gift-summary .amount{float:none}
.giftcard-payment .gift-summary .sender-name, .giftcard-payment .gift-summary .recipient-name{margin:0}
.giftcard-payment .gift-summary .sender-email, .giftcard-payment .gift-summary .recipient-email{word-break:break-all; padding-top:0.3rem}
.giftcard-payment .gift-summary .message{font-weight:bold; width:30%; margin-bottom:0.5rem}
.giftcard-payment .gift-summary p.message{float:left}

.giftcard-payment .giftcard-content .flow-buttons{margin:1rem 0 3rem}
.giftcard-payment .giftcard-content .next-previous{padding-top:1rem}
.giftcard-payment .giftcard-content .flow-buttons .update-btn, .giftcard-payment .giftcard-content .flow-buttons .close-btn, #csc-hint{display:none}

.giftcard-payment .content > .payment-icons{text-align:center; margin-bottom:2rem}
.giftcard-payment .content > .payment-icons a + a{margin-left:1rem}

.confirm-recipient > p{margin-top:1.5rem}
.confirm-recipient span{font-size:1.6rem; margin:1rem 0 3rem; display:block}

/* -- Confirmation Page -- */
.giftcard-confirm{position:static}
.giftcard-confirm h1{margin-top:1.5rem}

.giftcard-confirm .gift-confirm{font-family:'Brown', Arial, Helvetica, sans-serif; text-align:center}
.giftcard-confirm .gift-orderno{font-size:1.5rem; margin:2rem}
.giftcard-confirm .gift-orderno p, .giftcard-confirm .gift-orderno span{font-weight:bold}

.giftcard-confirm .gift-confirm-details{margin-bottom:2rem}
.giftcard-confirm .gift-confirm-details p{margin-bottom:0.5rem}

.giftcard-confirm .gift-date{margin-bottom:3.5rem}
.giftcard-confirm .gift-date .order-send-date{font-weight:bold}

.giftcard-confirm .gift-preview{width:26rem; margin:-1.9rem auto 1rem; background:url(/images/assetimages/Gift%20Card%20Cart/phone-mockup_white.jpg) 0 0 no-repeat; background-size:100% auto; height:51rem; position:relative}
.giftcard-confirm .gift-preview .preview-container{color:#000; font-family:Arial, Helvetica, sans-serif; width:19.8rem; position:absolute; left:3rem; top:7.4rem; height:35.2rem; box-sizing:border-box; padding:1rem; text-align:center}
.giftcard-confirm .gift-preview .giftmessage-headline{font-weight:bold; font-size:1.3rem; height:3rem; overflow:hidden; margin-bottom:0.5rem}
.giftcard-confirm .gift-preview .giftmessage-headline p{margin:0; font-weight:bold; overflow:hidden; text-overflow:ellipsis}
.giftcard-confirm .gift-preview .giftmessage-content{height:2.2rem; max-height:2.2rem; overflow:hidden; margin-bottom:1rem}
.giftcard-confirm .gift-preview .giftmessage-content p{font-size:1rem; overflow:hidden; text-overflow:ellipsis}
.giftcard-confirm .gift-preview img{width:100%}
.giftcard-confirm .gift-preview .giftmessage-amount{font-size:2.6rem; font-weight:bold; margin-top:0.5rem}
.giftcard-confirm .gift-preview .giftmessage-amount span{font-weight:bold}
.giftcard-cart .gift-preview .gift-preview-note{position:absolute; bottom:0; width:100%; text-align:center; font-size:11px; font-style:italic; color:#666669}

.giftcard-confirm .giftcard-content .next-previous{padding-top:2rem}



/* ------------------------------------------- */
/* ----- STORED & SELECT PAYMENT METHODS ----- */
/* ------------------------------------------- */
/* Used on Cart Payment Page, GCC Payment Page and Invalid Card Page */
.wrapper .payment-option{padding:0.5em 0; width:100%; display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-content:flex-start; align-items:center}

/* -- Saved Payments & New Payment Selection -- */
.wrapper .pay-select{width:73%; float:left}
.wrapper .pay-select.disabled{display:none}
.wrapper .pay-select > input{top:1.5rem}
.wrapper .pay-select label{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-content:flex-start; align-items:center; min-height:4.2rem}
.wrapper .pay-select label:before{top:7px}
.wrapper .pay-select .pay-image{margin-left:0.5rem; width:8.5rem}
.wrapper .pay-select .pay-image img{width:100%; display:block; width:4.9rem; height:auto}
.wrapper .paypal-option .pay-image img{width:7rem}
.wrapper .afterpay-option .pay-image img{width:8rem}
.wrapper .pay-select .pay-card{margin-left:1rem}
.wrapper .pay-select .pay-name{width:100%; display:block}

/* -- Saved Payments only -- */
.wrapper .select-payment .pay-image{width:auto}
.wrapper .select-payment .action-buttons{width:27%; min-height:3rem}

/* -- New Payment Selection only -- */
.wrapper .enter-payment .pay-method{width:100%; padding:0.2rem 0}
.wrapper .enter-payment .pay-image img{width:8rem}
.wrapper .enter-payment .paypal-option .pay-image img{width:7rem}
.wrapper .store-payment-message{padding-top:1rem}

/* -- Edit Credit Card & New Credit Card Form -- */
.wrapper .enter-payment li{padding:0.2rem}
.wrapper .enter-payment .error_highlight iframe {border: 1px solid #ff0000}

.wrapper .enter-payment .card-number{margin-top:1rem}
.wrapper .enter-payment select{width:49%; text-transform:uppercase; font-size:1.4rem}
.wrapper .enter-payment select + select{float:right}
.wrapper .enter-payment .card-security input{width:85%; float:left; margin:0.2rem 0}
.wrapper .enter-payment .card-security .help{box-sizing:border-box}

.wrapper .enter-payment .payment-icons{margin-bottom:2rem; text-align:center}
.wrapper .enter-payment .payment-icons a + a{margin-left:1rem}

.wrapper .enter-payment #csc-hint{padding:1rem}
.wrapper .enter-payment #csc-hint h3{text-transform:capitalize}
.wrapper .enter-payment #csc-hint .csc-type{margin:1rem 0}
.wrapper .enter-payment #csc-hint .csc-type + .csc-type{margin-top:3rem}

/* Paypal Disclaimer */
.wrapper .paypal-disclaimer{padding:1rem 0; margin-bottom:0.8rem}
.wrapper .paypal-disclaimer p{margin-bottom:0.8rem}
.wrapper .paypal-disclaimer img{max-width:230px; width:100%; height:auto; display:block; margin:1rem auto 2rem}

/* Afterpay Disclaimer */
.afterpay-disclaimer{color:#000}
.afterpay-disclaimer .afterpay-diagram{padding:0; min-width:26rem; max-width:35rem; margin:2rem auto; list-style:none; display:-ms-flexbox; display:-webkit-flex; display:flex}
.afterpay-disclaimer .afterpay-diagram li{text-align:center; width:25%}
.afterpay-disclaimer .afterpay-diagram li span{display:inline-block; width:100%}
.afterpay-disclaimer .afterpay-diagram .installment-amount{font-size:1.3rem; font-weight:bold; color:#333}
.afterpay-disclaimer .afterpay-diagram .installment-icon{width:2rem; height:2rem; margin:1rem 0; display:inline-block; border-radius:2rem; background-color:#99d2f2; border:0.2rem solid #1c91d4; position:relative}
.afterpay-disclaimer .afterpay-diagram li:first-child .installment-icon{background-image:linear-gradient(180deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%)}
.afterpay-disclaimer .afterpay-diagram li:nth-child(2) .installment-icon{background-image:linear-gradient(90deg, white 50%, transparent 50%)}
.afterpay-disclaimer .afterpay-diagram li:nth-child(3) .installment-icon{background-image:linear-gradient(180deg, transparent 50%, #99d2f2 50%), linear-gradient(90deg, white 50%, transparent 50%)}
.afterpay-disclaimer .afterpay-diagram li:not(:last-child) .installment-icon:after{content:""; height:0.2rem; width:8.6rem; display:block; background:#b7b7b7; position:absolute; top:0.9rem; z-index:-1}
.afterpay-disclaimer .afterpay-diagram .installment-date{font-size:1.2rem; color:#b4b4b4; font-family:Arial, Helvetica, sans-serif}

.afterpay-disclaimer .t-c-link{color:#b4b4b4; padding-top:1rem; display:inline-block; margin:0}



/* ------------------------------------------- */
/* ------------ ALL ACCOUNT PAGES ------------ */
/* ------------------------------------------- */
/* .account-page class used on Wishlist, All Profile Pages, Order History, My Email, Offers, Account Login, Join and Reset Password Pages */
.account-page article{padding:6rem 1.3rem 0}

.account-page article h3{margin:2rem 0 1.5rem}
.account-page article .property-label{font-weight:bold}
.account-page article .flow-buttons{margin:2rem 0}

/* Empty Account Pages */
.account-details.empty{margin:0 1.3rem}
.account-details.empty h3{font-weight:normal; margin-top:2rem; text-align:center}
.account-details.empty + .flow-buttons{margin:3rem 1.3rem 0}


/***** ----- Account - Order History Page ----- *****/
.order-history .account-details > .order-wrapper{border-bottom:1px solid #cacaca; padding:1rem 0}
.order-history .order-wrapper .property-label{min-width:14rem}
.order-history .order-wrapper .property-list > ul > li:not(.order-status):not(.order-courier){display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex}
.order-history .order-wrapper .flow-buttons{margin:2.5rem 0 3rem}
.order-history .order-wrapper .flow-buttons .major{margin-bottom:0}
.order-history .order-wrapper .flow-buttons .major-sec{display:none}


/* -- Order History - Accordion Headers -- */
.order-accordion-header{position:relative}
.order-accordion-header:after{content:""; display:block; width:2rem; height:2rem; position:absolute; right:0; top:40%; text-transform:uppercase; background:url(/assets/sprite.png) left 4px no-repeat; background-size:30px auto}
.order-accordion-header.ui-state-active:after{background-position:left -35px}
.order-accordion-header ul{padding-top:0.5rem}
.order-accordion-header li.complete .property-value{color:#8ac836}
.order-accordion-header li.on .property-value{color:#ff6630}
.order-accordion-header li.void .property-value{color:#d4022e}


/* -- Order History - Accordion Content -- */
.order-info{padding:1rem 0 1.5rem; height:auto} 
.order-loading{background:transparent url(/assets/loading.gif) center center no-repeat; height:12rem; background-size:3.5rem auto}


/* -- Order History - Order Status -- */
.order-status{margin-top:3.5rem}
.order-status .property-label{display:none}
.order-status li{color:#cbcbcb; padding-left:3.5rem; position:relative; line-height:2.2rem; margin-bottom:1rem}
.order-status li:before{content:""; background-color:#cbcbcb; border-radius:2rem; width:2rem; height:2rem; position:absolute; left:0; top:0.1rem; z-index:1}
.order-status li:not(:last-child):after{content:""; background-color:#cbcbcb; width:0.3rem; height:2.8rem; position:absolute; left:0.9rem; top:1.4rem; visibility:visible}
.order-status li.complete, .order-status li.void{color:#000}
.order-status li.complete span{color:#000}
.order-status li.complete:before{background:#000 url(/assets/sprite.png) center -1493px no-repeat; background-size:20px auto} 
.order-status li.complete:after{background-color:#000}
.order-status li.on{color:#ff6630}
.order-status li.on:before{background-color:#ff6630}
.order-status li span{font-weight:bold; text-transform:uppercase; padding-right:0.5rem; font-size:1.5rem}
.order-status li.void span{color:#d4022e}
.order-status li.void:before{background-color:#d4022e}


/* -- Order History - Order Courier -- */
.order-courier{margin-top:4rem}
.order-courier div{display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; margin-bottom:0.5rem; min-width:100%}
.order-courier figure{margin:0 1rem 0 0; width:30%; max-width:140px}
.order-courier figure img{width:100%; height:auto}
.order-courier .order-track-no{font-weight:bold}
.order-courier .tracking-number{font-weight:bold; word-break:break-all; display:inline-block}


/* -- Order History - Order Items -- */
.order-items{margin-top:2rem; border-top:1px solid #cacaca}
.order-items .returned-item .item-wrap:before{content:"Item Returned"; background-color:rgba(203,203,203, 0.8); width:10rem; height:1.8rem; position:absolute; right:0; top:0; z-index:1; text-align:center}
.order-items .deleted-item .item-wrap:before{content:"Item Deleted"; background-color:rgba(203,203,203, 0.8); width:10rem; height:1.8rem; position:absolute; right:0; top:0; z-index:1; text-align:center}
.order-items .replaced-item .item-wrap:before{content:"Exchanged"; background-color:rgba(203,203,203, 0.8); width:10rem; height:1.8rem; position:absolute; right:0; top:0; z-index:1; text-align:center}


/* -- Order History - Split Orders -- */
.split-orders{margin-top:2rem}
.split-orders > p{font-weight:bold; margin:1rem 0}
.split-orders .order-wrapper{background:#f5f5f5; padding:1.5rem 0 1.5rem 1.3rem; border-radius:5px}
.split-orders .order-wrapper:not(:first-of-type){margin:0.8rem 0}

.split-accordion-header{text-transform:uppercase; background:url(/assets/sprite.png) right 2px no-repeat; background-size:30px auto; padding-left:2.6rem; position:relative}
.split-accordion-header:before{content:""; display:block; width:2rem; height:2rem; background:url(/assets/sprite.png) center -2612px no-repeat; background-size:30px auto; position:absolute; left:0; top:0}

.split-accordion-header.ui-state-active{background-position:right -38px}

.split-orders .order-info{padding:2.5rem 1.3rem 0 0}

.split-orders .order-wrapper .flow-buttons{margin-bottom:0}


/***** ----- Account - Offers Page ----- *****/
.offers-page .account-details{margin:0 1.3rem}
.offers-page .offer-block + .offer-block, .offers-page .offer-block .offers{margin-top:2rem}
.offers-page .offer-block .offers li{margin-bottom:1rem; display:webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex}
.offers-page .offer-block .offers span{display:block}
.offers-page .offer-block .offers .title{font-weight:bold; padding-right:1rem; width:15rem; min-width:15rem}


/***** ----- Account - Profile, Rewards, Edit Profile, Empty Wishlist and Join ----- *****/
.account-page[class*="profile"] h3, .account-page.join h3{margin:1.5rem 0 1rem}
.account-page[class*="profile"] .editprofile li, .account-page.join .join li, .account-page.login .wrapper li, .account-page.login .reset-details li{padding:0.2rem 0}
.account-page[class*="profile"] select, .account-page.join .join select{width:100%}
.account-page[class*="profile"] article label, .account-page.join .join label{display:block; width:100%; margin-bottom:0.3rem}
.account-page[class*="profile"] .flow-buttons, .account-page.join .join .flow-buttons{margin-top:2.5rem}
.account-page[class*="profile"] .dob > span, .account-page.join .join .dob > span{width:30%; float:left}
.account-page[class*="profile"] .dob > span input, .account-page.join .join .dob > span input{text-align:center}
.account-page[class*="profile"] .dob span:nth-child(3), .account-page.join .join .dob span:nth-child(3){margin-left:5%}
.account-page[class*="profile"] .dob span:nth-child(4), .account-page.join .join .dob span:nth-child(4){float:right; margin-left:5%}
.account-page[class*="profile"] .dob .note, .account-page.join .join .dob .note{float:left; margin-top:0.2rem}

.account-page.profile .wrapper{padding-top:2rem}
.account-page.profile .tab-header{width:48%}
.account-page.profile .customer-details{padding-top:2rem; margin-top:-0.1rem; border-top:1px solid #d5d5d5}
.account-page.profile tbody tr:first-child th{padding-top:0}
.account-page.profile th, .account-page.profile td{width:100%; display:block}
.account-page.profile th{padding:1.5rem 0 0}
.account-page.profile td{padding:0.3rem 0}
.account-page.profile-edit .editprofile .dob, .account-page.join .join .dob{padding:1rem 0 2rem}

.gender{margin-top:1.5rem}
.gender .gender-option{float:left; width:50%}
.gender .gender-option label{padding-top:0.6rem; color:#000}
.gender.error_highlight h4{color:#d10305}

.account-page .terms label{float:left; width:auto}
.account-page .terms a{text-decoration:underline}
.account-page .communications{margin:1.5rem 0 1rem}
.account-page .communications h4{margin-bottom:0.5rem}
.account-page th{text-align:left; font-weight:bold; width:40%; min-width:85px}
.account-page th, .account-page td{padding:0.3rem 0; word-break:break-word}
.account-page .account-address span{display:block}
.account-page .account-address .postcode, .account .account-address .country, .account .account-address .state{display:inline-block; padding-right:0.3rem}
.account-page .greeting{margin:0 0 2rem}
.account-page .customer-block{clear:both}
.account-page .customer-block + .customer-block{margin-top:3rem}
.account-page .offers li{border-bottom:1px solid #b3b3b3; padding:1.5rem 0}
.account-page .offers li:last-child{border-bottom:0}
.account-page .offer-details .title{padding-bottom:0.6rem; font-weight:bold; font-size:1.3rem}
.account-page.complete-membership .message p{padding:0.5rem 0}
.account-page.complete-membership .message p:first-child{padding-top:1.5rem}
.account-page.complete-membership .changepw + li{padding:0}
.account-page.complete-membership .communications{margin:1rem 0}
.account-page.complete-membership .flow-buttons{margin-bottom:2rem}
.account-page .password-reset .message{margin:1.3rem 0}
.account-page .password-reset input[type="password"]{width:100%}

.profile-edit .flow-buttons .btn + a{margin-top:1rem; display:block}

.account-page.wishlist .empty{margin:0 1.3rem}
.account-page.wishlist .empty p{font-weight:normal; margin-top:2rem; text-align:center}
.account-page.wishlist .empty .flow-buttons{margin:3rem 0 0}


/***** ----- Account - Wishlist Page ----- *****/
.wishlist .products .item{padding:0}
.wishlist .products .item:last-of-type{border-bottom:0}
.wishlist .products .item figure{padding:2.5rem 0 0 1.3rem}
.wishlist .products .item figure > div{display:none}
.wishlist .products .item figure > div.active{display:block; position:relative}
.wishlist .products .item figure img{display:block; width:90%; max-width:80px; height:auto}
.wishlist .products .item .details{width:65%; position:relative; padding:2.5rem 1.3rem 0 0; box-sizing:border-box}
.wishlist .products .item .details header{padding:0 4rem 1rem 0}
.wishlist .products .item .details h3{font-size:1.3rem}
.wishlist .products .item .action-buttons{position:absolute; z-index:1; top:1.6rem; right:0.2rem}
.wishlist .products .item .remove{width:4rem; height:4rem; text-indent:9999px; background:transparent url(/assets/sprite.png) center -69px no-repeat; background-size:30px auto; margin:0}
.wishlist .products .item .options{margin:0}
.wishlist .products .item .options .label{float:left; margin-bottom:0; width:25%}

.wishlist .products .item .options .selection{text-transform:none; font-size:1.3rem; font-weight:normal; vertical-align:top; color:#7c7c7c; max-width:70%}
.wishlist .products .item .wishlist-price{margin-top:1.5rem}
.wishlist .wishlist-price p{-webkit-justify-content:flex-start; justify-content:flex-start}
.wishlist .wishlist-price .price.now{color:#000}
.wishlist .wishlist-price .price.original{display:none}
.wishlist .products .item .flow-buttons{margin:2rem 0}
.wishlist .loading{padding:2rem 0}

.wishlist .ui-dialog{z-index:1000}
.wishlist .ui-dialog h3{text-transform:uppercase; padding-bottom:1.3rem; margin:1.5rem 0 0; border-bottom:0}
.wishlist .ui-dialog li{padding-bottom:1.3rem}
.wishlist .ui-dialog select{width:100%}
.wishlist .ui-dialog .size li{display:none}
.wishlist .ui-dialog .options{margin-bottom:1rem}
.wishlist .ui-dialog .label{float:left; width:3.5rem; margin-right:1rem}
.wishlist .ui-dialog .wishlist-price > div{display:none}
.wishlist .ui-dialog .wishlist-price > div.active{display:block}



/* ------------------------------------------- */
/* ---------------- SITEMAP ------------------ */
/* ------------------------------------------- */
.sitemap .wrapper{padding:1.3rem 1.3rem 3rem}
.site-map-block + .site-map-block{border-top:1px solid #d5d5d5; padding-top:1.5rem; margin-top:1.5rem}
.sitemap .wrapper li{padding:0.5rem 0 0 2rem}
.site-map-block .sitemap-catalogue{padding:1.5rem 0 0}
.site-map-block header + .sitemap-catalogue{padding-top:1rem}



/* ------------------------------------------- */
/* ----------------- STORES ------------------ */
/* ------------------------------------------- */
.storefinder article{padding-bottom:1rem}
.store{margin:1em 0 0}
.store h1{text-align:left; font-size:1.1em; clear:both}
.store h2{font-size:1.1em}
.store .content, .store h2.store-tabs a{border:0 solid #d5d5d5}

/***** ----- Stores - Store Search ----- *****/
.store.search{margin-top:4.8rem}
.storefinder .flow-buttons{clear:both; margin-top:1rem}
.store button{width:100%}
.store.search p{text-align:center; text-transform:uppercase; font-size:1.1em; margin:2.7rem 0}
.store input{margin:0 0 .8em; text-align:center}
.store input + button{margin-bottom:4.8rem}
.store ::-webkit-input-placeholder{font-style:italic}
.store :-moz-placeholder{font-style:italic}
.store ::-moz-placeholder{font-style:italic}
.store :-ms-input-placeholder{font-style:italic}

.store .search-container{position:relative}


/***** ----- Stores - Store Results ----- *****/
.store.result li{background:transparent url(/assets/arrow-next.png) no-repeat 95%; background-size:9px 17px; padding:0.6em 0; border-bottom:1px solid #d5d5d5}
.store.result li.error{background:none; border-width:0; padding:0}
.store.result li .content{margin-bottom:0; padding-bottom:0; border-width:0}
.store.result li h3, .store.result li h3 + div{max-width:90%}
.store.result h2.store-tabs a{border-width:0 0 1px; font-weight:normal}
.store.result h2.store-tabs a.on{border-width:1px 1px 0}
.store.result p{text-transform:uppercase; margin-bottom:2.5rem; font-size:1.1em}
.store.result p span{font-weight:bold}
.store #store-list a{display:block}
.store.result #store-map-holder{position:relative; padding-top:130%; clear:both; margin-bottom:0.8em}
.gm-style-iw a{display:block}
.gm-style-iw h3 + div:after{content:"more"; float:right; color:#818286}
.gm-style-iw *{font-family:'Brown', Arial, Helvetica, sans-serif}
.gm-style-iw h3{font-size:1.2em; text-transform:uppercase; margin:5px 10px 0 5px; max-width:175px}
.gm-style-iw h3 + div{font-size:1.1em; margin:0 10px 5px 5px; max-width:175px}


/***** ----- Stores - Store Details ----- *****/
.store h2.store-tabs a{width:50%; float:left; text-align:center; border-width:0 0 1px; padding:0.9em 0; margin-bottom:0.8em; box-sizing:border-box}
.store.details h2.store-tabs a{font-size:0.9em; color:#818286}
.store h2.store-tabs a.on{color:#000}
.store.details h2.store-tabs a + a{border-width:0 0 1px 1px}
.store figure, .store #store-map{margin:0}
.store figure img{width:100%; height:auto}
.store .content{font-size:1.1em; line-height:1.4em; margin-bottom:0.8em; padding-bottom:0.8em;border-width:0 0 1px}
.store .content span{margin-right:.5rem}
.store .opening-hours td + td{text-align:right}
.store .departments .content ul{border-width:0; padding-bottom:0; text-transform:capitalize; list-style:inside}
.store .departments .content li{width:50%; float:left; clear:none}
.store .phone img, .fis-popup .major img{width:13px; margin:0.25rem 0.5em 0 0}
.store > .content{padding:0.8em 0; border-width:1px 0 0; margin:0; font-size:0.9em}
.store .content .note{display:block; margin:0 0 0.8em}
.store.details #store-map-holder{position:relative; padding-top:66.65%}
#store-map{position:absolute !important; top:0; bottom:0; left:0; right:0}
#store-map-holder img{max-width:inherit}



/* ------------------------------------------- */
/* --------------- BLOG PAGES ---------------- */
/* ------------------------------------------- */
.blog-page .page-name h1{padding-left:2rem}

.blog-page article nav{position:relative; left:0px; width:100%; transition:none; text-align:center; -webkit-box-shadow:none; box-shadow:none; background:#fff; border-bottom:1px solid #d5d5d5; margin-bottom:2.5rem; color:#808181}
.blog-page article nav h3{padding:1.5rem 0; background:transparent url(/assets/sprite.png) right -1797px no-repeat; background-size:30px auto; margin:0; font-weight:normal; letter-spacing:0.2rem}
.blog-page article nav h3.ui-state-active{background:#f5f6f7 url(/assets/sprite.png) right -1752px no-repeat; background-size:30px auto}
.blog-page article nav ul h3{font-size:1.3rem; letter-spacing:normal}
.blog-page article nav li{border-top:1px solid #d5d5d5; background:#fff}
.blog-page article nav li.on{background:#f5f6f7}
.blog-page article nav a{display:block; padding:1.5rem 1rem; color:#808181}

.blog-page article ul li{list-style-type:none}
.blog-page article h3{text-align:center; text-transform:uppercase; margin-bottom:1rem}

.blog-page .blog-list-item{margin-bottom:3rem; border-bottom:1px solid #d5d5d5; padding-bottom:1.8rem}
.blog-page .blog-list-item img{width:100%; height:auto} 
.blog-page .blog-list-item .post-title{text-align:center; padding:0.8rem 3rem 0.8rem}
.blog-page .blog-list-item.no-intro .post-title{padding-bottom:0}
.blog-page .blog-list-item .post-title h4{text-transform:uppercase; color:#040707; font-weight:bold; font-size:1rem; padding:0.2rem 0 0.5rem; letter-spacing:0.11rem}
.blog-page .blog-list-item .post-title h2{color:#333332; text-align:center; font-size:1.4rem; letter-spacing:0.15rem}
.blog-page .blog-list-item .post-intro p{padding:0 1.8rem; text-align:center; font-family:Georgia, serif; color:#333332; font-size:1.2rem; line-height:160%}

.blog-page .blog-snippet{margin-bottom:3rem}
.blog-page .blog-snippet .slick-slide img{width:25.5rem; margin:0 auto}
.blog-page .blog-snippet .slick-next, .blog-page .blog-snippet .slick-prev{top:50%}

.blog-page .instagram-feed{margin-bottom:4rem}


/***** ----- Blog - Category Page ----- *****/
.blog-page.category .blog-main .blog-list-item:last-of-type{border-bottom:0; margin-bottom:2rem}
.blog-page .category-title{margin-bottom:2.5rem}
.blog-page .category-title h2{text-align:center; margin-bottom:0}
.blog-page .category-title h4{text-align:center; text-transform:uppercase; margin-top:0.5rem}


/***** ----- Blog - Archive Page ----- *****/
.blog-page .archive-nav{margin:0 1rem 1.5rem}
.blog-page .archive-nav select{width:100%}
.blog-page .archive-nav h2{text-align:center; margin-top:2.5rem}


/***** ----- Blog - Post Page ----- *****/
.blog-page.post .post-title{text-align:center; margin:2.5rem 1rem} 
.blog-page.post .post-title h2{text-align:center; padding:0.5rem 0}
.blog-page.post .post-title h4{font-size:1rem; text-transform:uppercase; font-weight:bold}
.blog-page.post .post-title .post-date, .blog-page.post .post-author{display:inline-block; color:#7f7f7f; font-size:1rem}
.blog-page.post .post-author{margin-left:0.3rem}

.blog-page.post .blog-featured{padding:2rem 0}
.blog-page.post .blog-featured .slick-list{width:80%; margin:0 auto}
.blog-page.post .blog-featured .slick-track{margin:0 auto}
.blog-page.post .blog-featured .slick-next, .blog-page.post .blog-featured .slick-prev{top:50%}
.blog-page.post .blog-featured .item{border-bottom:0}
.blog-page.post .blog-featured .item figure img{padding:0.5rem; box-sizing:border-box}
.blog-page.post .blog-featured .item details{text-align:center}
.blog-page.post .blog-featured .item header{float:none; margin-bottom:0.5rem}
.blog-page.post .blog-featured .item h3{margin-bottom:0}
.blog-page.post .blog-featured .item h3 a{text-decoration:underline; letter-spacing:1px}

.blog-page.post .post-footer{margin-top:1rem; border-top:0}
.blog-page.post .post-footer .block{width:100%; text-align:center; position:relative}
.blog-page.post .post-footer .block h4{position:relative; width:auto; padding:0 1rem; background:#fff; color:#808080; z-index:1; display:inline-block; font-size:1.3rem}
.blog-page.post .post-footer .block .content{border-top:1px solid #d5d5d5; margin-top:-0.8rem; padding:2rem 0}
.blog-page.post .post-footer .block .content:after, .blog-page.post .blog-featured:after{content:""; display:block; clear:both; height:0; visibility:hidden}
.blog-page.post .post-footer .post-tags .content{padding:2rem 1rem}
.blog-page.post .post-footer .post-tags a{text-transform:uppercase; font-size:1.12rem; font-weight:bold; letter-spacing:0.1rem; padding-left:5px}
.blog-page.post .post-footer .post-nav{border-top:1px solid #d5d5d5}
.blog-page.post .post-footer .post-nav div{width:50%; text-align:left; padding:1.9rem 0 1.5rem; float:left}
.blog-page.post .post-footer .post-nav .next{text-align:right; float:right}
.blog-page.post .post-footer .post-nav a{text-decoration:none; font-family:'Brown', Arial, Helvetica, sans-serif; font-size:1.2rem}
.blog-page.post .post-footer .post-nav a span{bottom:0; background:transparent url(/assets/sprite.png) left -1626px no-repeat; height:3rem; background-size:30px auto; display:block;
padding-left:3rem; line-height:3rem}
.blog-page.post .post-footer .post-nav .next a span{padding-left:0; padding-right:3rem; background-position:right -1581px; float:right}



/* ------------------------------------------- */
/* ------ KLEBER ADDRESS AUTOCOMPLETE -------- */
/* ------------------------------------------- */
/* Used for all autocompletes - Find in Store Product Detail, Stores and Kleber */
.autocomplete-loading{background:#fff url(/images/assetimages/AutoCompleteLoading.gif) right center no-repeat}


/***** ----- Kleber - Address Autocomplete ----- *****/
.kleber-autocomplete{border:1px solid #000; width:auto; background:#fff; font-size:1.4rem; list-style:none; padding:0; position:absolute; margin:0; z-index:160; -webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 5px 20px 2px rgba(0,0,0,0.5); box-shadow:0 5px 20px 2px rgba(0,0,0,0.5); font-family:Arial, Helvetica, sans-serif}
.kleber-autocomplete:after{content:none}
.kleber-autocomplete li{padding:0.2rem 1.2rem; font-size:1.4rem; line-height:2.4rem}
.kleber-autocomplete li:first-of-type{border-bottom:1px solid #cdcdcd; background-color:#fffdec; color:#000}
.kleber-autocomplete li:first-of-type:active{background-color:#fffdec; font-weight:400}
.kleber-autocomplete li:last-of-type{border-top:1px solid #cdcdcd; font-weight:700}
.kleber-autocomplete li:active{background-color:#dbdbdb; font-weight:700}
.kleber-autocomplete li a:active{color:#000}


/***** ----- Kleber - Corrected Address Pop-up ----- *****/
.kleber-message{padding:0 0.5rem 1rem}
.kleber-popup.popup-content{padding:0.5rem 0.5rem 1rem}

.corrected-address{padding:1rem 0}
.corrected-address > p:first-of-type{padding:0 0 0 4.2rem; vertical-align:middle; position:relative}
.corrected-address > p:first-of-type:before{content:''; background:transparent url(/assets/sprite.png) left -1671px no-repeat; background-size:30px auto; width:3rem; height:3rem; position:absolute; top:0; left:0}
.corrected-address .address{padding-right:5rem; position:relative; width:57%; margin:1.5rem 0; line-height:1.8rem; background:transparent url(/images/assetimages/auspost_2x.png) right 3px no-repeat; background-size:45px auto}
.corrected-address .address p{margin-top:0}
.corrected-address .address p span:first-of-type{margin-right:0.5rem}
.corrected-address .prompt{font-weight:bold}

.corrected-address .flow-buttons{margin-top:1.5rem}
.corrected-address .flow-buttons .major{text-transform:none; margin-bottom:1.5rem; font-weight:normal}
.corrected-address .flow-buttons .major span{font-weight:bold; text-transform:uppercase}
.corrected-address .flow-buttons .no{text-decoration:underline; font-weight:bold}



/*Tooltips*/
.qty_tooltip_container{display:none; position:absolute; z-index:1070; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:12px; font-style:normal; font-weight:400; line-height:1.42857143; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; line-break:auto}
.qty_tooltip_container.showing{display:block; padding:0 5px; margin-left:3px}
.qty_tooltip{max-width:130px; padding:9px 18px; text-align:center; background-color:#fff; border-radius:4px; -webkit-box-shadow:0 5px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 5px 10px 2px rgba(0,0,0,0.5); box-shadow:0 5px 10px 2px rgba(0,0,0,0.5)}
.qty_tooltip_arrow{position:absolute; width:0; height:0; border-color:transparent; border-style:solid; top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#fff}
.qty_tooltip_container .close{position:absolute; top:3px; right:8px; display:block; text-indent:-9999px; width:12px; height:12px; background:url(/assets/icon_close_small.gif) no-repeat center}
.product .wrapper li.quantity .qty_tooltip_container{top:25px; left:47px; color:#d4022e}