/* ========= LAYOUT DETAILS COMPONENT ========= */
@import url(framework.css);
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, ul, ol, li, p, dl, dd, dt, tr, th, td, h1, h2, h3, h4, h5, a, span { border: 0 solid #e5e5e5; border-radius: 0; }

@font-face { font-family: "OpenSans-Light"; src: url(opensans-light-webfont.eot); src: url(opensans-light-webfont.eot?#iefix) format("embedded-opentype"), url(opensans-light-webfont.woff) format("woff"), url(opensans-light-webfont.ttf) format("truetype"), url(opensans-light-webfont.svg#OpenSans-Light) format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "OpenSans-Regular"; src: url(opensans-regular-webfont.eot); src: url(opensans-regular-webfont.eot?#iefix) format("embedded-opentype"), url(opensans-regular-webfont.woff) format("woff"), url(opensans-regular-webfont.ttf) format("truetype"), url(opensans-regular-webfont.svg#OpenSans-Regular) format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Montserrat"; src: url(montserrat-regular-webfont.eot); src: url(montserrat-regular-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-regular-webfont.woff) format("woff"), url(montserrat-regular-webfont.ttf) format("truetype"), url(montserrat-regular-webfont.svg#Montserrat) format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Montserrat"; src: url(montserrat-regular-webfont.eot); src: url(montserrat-regular-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-regular-webfont.woff) format("woff"), url(montserrat-regular-webfont.ttf) format("truetype"), url(montserrat-regular-webfont.svg#Montserrat) format("svg"); font-weight: 600; font-style: bold; }
@font-face { font-family: "Montserrat"; src: url(montserrat-light-webfont.eot); src: url(montserrat-light-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-light-webfont.woff) format("woff"), url(montserrat-light-webfont.ttf) format("truetype"), url(montserrat-light-webfont.svg#Montserrat) format("svg"); font-weight: lighter; font-style: normal; }
@font-face { font-family: "Montserrat"; src: url(montserrat-bold-webfont.eot); src: url(montserrat-bold-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-bold-webfont.woff) format("woff"), url(montserrat-bold-webfont.ttf) format("truetype"), url(montserrat-bold-webfont.svg#Montserrat) format("svg"); font-weight: bold; font-style: normal; }
/** Fix fonts that render as bold in Firefox  Put this near the top of your style.css Before any overriding styles */
body { -moz-osx-font-smoothing: grayscale !important; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; }

input, select, textarea, p { font-family: "OpenSans-Regular", sans-serif; }

ol, ul { list-style: none; padding-left: 0; }

a { color: #000000; text-decoration: underline; }

a:visited, a:active { color: #000000; }

a:hover { color: #9b9d9d; }

input, select, textarea { border-radius: 0px !important; }

p { line-height: 21px; }

label, legend { font-weight: 600; }

/* remove the hover effect on touch devices on these elements */
html.can-touch .category-tile li a, html.can-touch .category-tile li a:hover, html.can-touch .category-tile li a:active, html.can-touch .findus-links a, html.can-touch .findus-links a:hover, html.can-touch .findus-links a:active, html.can-touch #account-menu a, html.can-touch #account-menu a:hover, html.can-touch #account-menu a:active { color: #000000 !important; }

/*** Content Managed Sections ***/
.content a { text-decoration: underline; }

/***** PRICING *****/
.price { color: #000000; font-weight: bold; }

.price.was { text-decoration: line-through; padding-right: 10px; color: #9b9d9d; margin-bottom: 0; }

.price.now { color: #000000; }

.price.was, .price.now { display: inline-block; }

.price.save { color: #d9534f; display: none; }

.price.tax { display: none; }

.price.special .price-display:before { content: " "; }

/* Tab styles */
.nav-tabs { display: block; margin-bottom: 0; border: none; }

.nav-tabs > li.active a { border: none; font-weight: bold; }

.nav-tabs > li.active a:hover, .nav-tabs > li.active a:active, .nav-tabs > li.active a:visited, .nav-tabs > li.active a:link { color: initial; background-color: #fff; border: none; cursor: default; }

.nav-tabs > li.active:after { content: ""; display: block; height: 5px; background-image: url(../../Images/assetimages/main-colour.jpg); }

.nav-tabs > li a { color: #9b9d9d; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; text-decoration: none; }

.nav-tabs > li a:hover, .nav-tabs > li a:focus { background-color: #fff; border-bottom: none; border-color: #fff; }

/* POPOVER */
*[data-toggle=popover] { cursor: pointer; }

.popover { color: #f6f5f4; border-radius: 0; min-width: 200px; font-size: 12px; max-width: inherit; padding: 0; }

.popover.top > .arrow:after { border-top-color: #d9d9d9 !important; }

.popover-content { text-align: left; padding: 10px 12px; white-space: pre-line; background-color: #fff; }

.popover-title { background-color: #fff; border-bottom: 0; padding: 13px 12px 0 22px; color: #000000; font-weight: normal; }

/*** OVERLAYS ***/
figure { position: relative; }

#main .overlay { position: absolute; }

.item figure .overlay img { width: 100%; display: inline-block; }

.left-vertical, .right-vertical { width: 33%; top: 0; }

.item figure .overlay.left-vertical img, .item figure .overlay.right-vertical img { width: 100%; }

.left-vertical { left: 0; }

.right-vertical { right: 0; }

.top-horizontal { left: 0; top: 0; width: 36%; }

#main .bottom-horizontal { right: 0; bottom: 3%; }

.top-horizontal, .bottom-horizontal { width: 30%; }

.bottom-horizontal.small-overlay, .top-horizontal.small-overlay { width: 23%; }

.product-detail .left-vertical, .product-detail .right-vertical { width: 20%; }

.product-detail figure .overlay.top-horizontal img, .product-detail figure .overlay.bottom-horizontal img { width: 100%; }

.product-detail figure .overlay.overlay.left-vertical img, .product-detail figure .overlay.right-vertical img { width: 100%; }

/**** General Print Styles ****/
@media print { /* remove the urls added after each  tag */
  a[href]:after { content: " "; } }
/**** FORM ELEMENTS ****/
::-webkit-input-placeholder { color: #9b9d9d; text-transform: capitalize; }

:-moz-placeholder { color: #9b9d9d; text-transform: capitalize; }

::-moz-placeholder { color: #9b9d9d; text-transform: capitalize; }

:-ms-input-placeholder { color: #9b9d9d; text-transform: capitalize; }

*:focus { outline: 0 none; }

form input[type="text"] { height: 40px; }

/* Fix number input spinner */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

input[type="radio"], input[type="checkbox"] { margin: 4px 5px 0 0; }

form input[type="file"] { height: auto; }

form textarea, form input[type="text"], form input[type="password"], form input[type="email"], form input[type="number"], form input[type="tel"], form input[type="time"], form input[type="date"] { -webkit-appearance: none; }

form fieldset { margin-top: 20px; }

form label { display: block; }

form input:not([type="checkbox"], [type="radio"]), form select { height: 40px !important; }

form input + label { display: inline-block; width: 90%; vertical-align: middle; }

form .details textarea, form .comment textarea { height: 100px; vertical-align: top; }

form .security-code input { width: 40%; }

form .telephone input[type="tel"] { width: 32%; margin-right: 2%; }

form .telephone input[type="tel"]:last-child { margin-right: 0; }

form .telephone input { display: inline-block; }

form em, .note em { color: #d9534f; }

fieldset .note { margin-top: 5px; }

.note { font-size: 12px; }

.ui-front { z-index: 100; }

.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; }

.ui-widget-content { border: 1px solid #d9d9d9; background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; }

.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; -webkit-box-shadow: 0 5px 20px 2px #d9d9d9; -moz-box-shadow: 0 5px 20px 2px #d9d9d9; box-shadow: 0 5px 20px 2px #d9d9d9; }

.ui-autocomplete li { cursor: pointer; line-height: 24px; color: #f6f5f4; text-decoration: none; }

.ui-autocomplete li:hover { background-color: #e5e5e5; }

.ui-autocomplete li, .ui-autocomplete li div { padding: 5px 7px; }

.ui-autocomplete .autocomplete_header { cursor: auto; }

.ui-autocomplete li:last-of-type, .ui-autocomplete li:last-of-type:hover { font-weight: bold; font-style: italic; background-color: #e5e5e5; }

.autocomplete-loading { background: url(/Assets/AutoCompleteLoading.gif) right center no-repeat #fff !important; }

.kleber-popup .modal-dialog .actions p { padding-top: 40px; }

.kleber-popup .modal-dialog .actions p a { background: transparent; padding: 0; height: 20px; font-size: 12px; }

/* MAIN BUTTONS */
.btn, button, .map-link a, .post-link a, .cancelnew, .options a { background-image: url(../../Images/assetimages/main-colour.jpg); color: #fff; transition: background-color 200ms; border: 0 solid transparent; border-radius: 5px; text-transform: uppercase; text-align: center; font-weight: bold; padding-left: 2.5%; padding-right: 2.5%; padding-top: 10px; padding-bottom: 10px; width: 100%; height: 40px; font-size: 14px; display: inline-block; border-radius: 0px; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -webkit-touch-callout: none; }

.btn:visited, button:visited, .map-link a:visited, .post-link a:visited, .cancelnew:visited, .options a:visited { color: #fff; }

.btn[disabled], button[disabled], .map-link a[disabled], .post-link a[disabled], [disabled].cancelnew, .options a[disabled] { background-image: url(../../Images/assetimages/main-colour-disable.jpg); cursor: not-allowed; }

.btn[disabled]:hover, button[disabled]:hover, .map-link a[disabled]:hover, .post-link a[disabled]:hover, [disabled].cancelnew:hover, .options a[disabled]:hover { background: none; color: #d9d9d9; border: 1px solid #d9d9d9; }

.btn a, button a, .map-link a a, .post-link a a, .cancelnew a, .options a a { color: #fff; letter-spacing: 1px; padding: 0 10px; text-decoration: none; }

.btn a:visited, button a:visited, .map-link a a:visited, .post-link a a:visited, .cancelnew a:visited, .options a a:visited { color: #fff; }

.btn:hover, button:hover, .map-link a:hover, .post-link a:hover, .cancelnew:hover, .options a:hover, .btn:focus { background-image: url(../../Images/assetimages/main-colour-hover.jpg); background-color: #000000; color: #fff; }

.btn-primary:focus, .btn-primary:active { background-color: black !important; border-color: black !important; }

.options a { display: inline-block; text-align: center; }

/* SECONDARY BUTTONS */
.btn.prev, .displayaddresses .remove, .displayaddresses .cancelnew, .displayaddresses .cancel, .displayaddresses .cancel-address-selection, .displayaddresses .change-address, button.prev, .map-link a.prev, .post-link a.prev, .prev.cancelnew, .options a.prev, .additional-options a.prev, .autocomplete li > a, .summary-block .modify a, .login #sign-in .options a, .promo-code button, .update button, .reply-link a, .quickview .btn, .update-quantity button, .product-availability-section .find-in-store, #freight-estimator-inputs li.postcode + li button.next { background: none; border: 1px solid #000000; border-radius: 0px; color: #000000; font-weight: bold; letter-spacing: 1px; padding-left: 2.5%; padding-right: 2.5%; padding-top: 10px; padding-bottom: 10px; text-decoration: none; text-transform: uppercase; line-height: 19px; }

.btn.prev:hover, .displayaddresses .remove:hover, .displayaddresses .cancelnew:hover, .displayaddresses .cancel:hover, .displayaddresses .cancel-address-selection:hover, .displayaddresses .change-address:hover, button.prev:hover, .map-link a.prev:hover, .post-link a.prev:hover, .prev.cancelnew:hover, .options a.prev:hover, .additional-options a.prev:hover, .autocomplete li > a:hover, .summary-block .modify a:hover, .login #sign-in .options a:hover, .promo-code button:hover, .update button:hover, .reply-link a:hover, .quickview .btn:hover, .update-quantity button:hover, .product-availability-section .find-in-store:hover, #freight-estimator-inputs li.postcode + li button.next:hover { background-color: #e6e6e6; color: #000000; text-decoration: none; }

.inline-error { display: inline-block; width: 100%; margin: 5px 0 0 0; }

.inline-error .error { margin-bottom: 5px; }

.message.incentive { padding: 0; }

/*** Error/Alert Message ***/
.error { border-radius: 0px; font-weight: normal; text-transform: initial; }

/*** Main Content ***/
.main-container { position: relative; z-index: 1; padding: 10 15px; }

.main-container h1 { text-transform: uppercase; margin-top: 20px; text-align: center; font-size: 20px; font-weight: 600; }

.main-container h2 { font-weight: 600; }

.main-content { padding: 10px 0; }

.homepage .main-container { padding: 0px; }

main .content ul { list-style: disc outside; }

main .content ol { list-style: decimal outside; }

main .content ol, main .content ul { padding-left: 40px; }

/*** Popups ***/
.modal .modal-content { border: none; border-radius: 0px; }

.modal .modal-content .modal-header { border: none; }

.modal .modal-content .modal-header h4 { font-weight: 600; text-transform: uppercase; font-size: 24px; }

.modal .modal-content .modal-header button { width: auto; height: auto; }

.modal .modal-content .modal-header button:hover { background: none; }

.modal .modal-content .modal-body { overflow: auto; }

.modal .modal-content .modal-body .content:before, .modal .modal-content .modal-body .content:after { content: ""; display: table; }

.modal .modal-content .modal-body .content:after { clear: both; }

.modal .modal-content .modal-body .content img { max-width: 100%; display: block; height: auto; }

.modal .modal-content .modal-body video { width: 100%; }

.modal .modal-content .modal-footer { clear: both; display: none; }

.modal { width: 100%; }

.modal .product-detail .product-img .medium-image { border-width: 1px; cursor: default; }

.modal .product-detail .product-img { width: 100%; }

.modal .product-detail .cart-options { display: block; margin-top: 16px; }

.modal .product-detail .reviews, .modal .product-detail .compare { display: none; }

.modal .product-detail .product-content .pricing { margin-bottom: 3px; text-align: center; }

.modal .product-detail .product-content .pricing .prices .price { font-size: 17px; }

.modal .product-detail .product-content .pricing .prices .price.save { font-size: 14px; margin-bottom: 7px; }

.modal .product-detail .product-content .add-to-cart .cart-options .form-item.colour, .modal .product-detail .product-content .add-to-cart .cart-options .form-item.size { margin-bottom: 10px; }

.modal .product-detail .product-content .add-to-cart .cart-options .form-item.quantity label { display: block; }

.modal .product-detail .product-content .ESO_number_wrapper { width: 49%; }

.modal .product-detail .product-content .style-number { margin-bottom: 18px; }

.modal .product-detail .product-img .overlay { position: absolute; }

.modal .product-detail .product-img .overlay img { width: 100%; }

.modal .product-detail .product-img .top-horizontal, .modal .product-detail .product-img .bottom-horizontal { width: 36%; }

.modal .product-detail .product-img .bottom-horizontal.small-overlay, .modal .product-detail .product-img .top-horizontal.small-overlay { width: 36%; }

.modal .product-detail .product-img .top-horizontal { left: 0; top: 0; }

.modal .product-detail .product-img .bottom-horizontal { right: 0; bottom: 0; }

.modal .product-detail .availability { text-align: center; }

.modal .modal-content .modal-body { padding-top: 0px; }

.modal .product { margin-top: 0px; }

.modal .product-group .product-content { padding: 14px; }

.modal .product-group .product-content .cart-options { margin-top: 0px; }

.modal .product-group .product-content .childproducts .product-img { width: 100%; margin-right: 0px; }

.modal .product-group .product-content .childproducts .product-content { width: 100%; }

/*CrossSell*/
#main .cross-sell, #main .featured, .modal .cross-sell { clear: both; }

#main .cross-sell .products, #main .featured .products, .modal .cross-sell .products { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

#main .cross-sell .products .item, #main .featured .products .item, .modal .cross-sell .products .item { width: 100%; }

#main .cross-sell .slide-item, #main .featured .slide-item, .modal .cross-sell .slide-item { margin: 0 15px; }

#main .cross-sell .nav-tabs { display: none; }

#main .cross-sell .item img { width: 100%; }

#main .cross-sell .item .buy-now, #main .cross-sell .item .quickview, #main .cross-sell .item .options, #main .cross-sell .item .compare, #main .cross-sell .item .style-number { display: none; }

#main .cross-sell .slick-prev:before { content: ""; border-radius: 0 4px 4px 0; background-position: 0 -883px; }

#main .cross-sell .slick-next:before { content: ""; border-radius: 4px 0 0 4px; background-position: 0 -947px; }

.modal .cross-sell { display: none; }

.popup-data:not(.collapse):not(.collapsing) { display: none; }

/* Filter clear symbol styles */
.filters .count, .active-filter-list .count { display: inline-block; padding-left: 5px; }

.filters .count a, .active-filter-list .count a { font-size: 0px; }

.filters .count a:before, .active-filter-list .count a:before { content: "\00d7"; font-size: 18px; display: block; line-height: 9px; }

/*** BACK TO TOP LINK ***/
#back-top { right: 10px; opacity: 0; display: block !important; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }

.scrolled-down #back-top { position: fixed; bottom: 0; background: #000000; opacity: .9; z-index: 999; border-radius: 5px 5px 0 0; }

.scrolled-down #back-top a { display: block; padding: 10px 15px 15px; color: #fff; }

/*** HOMEPAGE ***/
.homepage #page-content { width: 100%; }

.homepage .featured { border-bottom: 0; }

.homepage #left-nav { display: none; }

/*** PAGE NUMBERS ***/
.page-numbers { display: inline-block; text-align: center; text-transform: uppercase; color: #f6f5f4; margin-bottom: 10px; position: relative; margin-top: 13px; margin-bottom: 13px; }

.page-numbers:before, .page-numbers:after { content: ""; display: table; }

.page-numbers:after { clear: both; }

.page-numbers ul + .view-all { float: right; margin: 5px 0; text-transform: capitalize; }

.page-numbers .view-all { margin: 5px; float: left; text-decoration: underline; }

.page-numbers a { font-weight: normal; text-decoration: none; }

.page-numbers p { display: none; }

.page-numbers p, .page-numbers ul { float: left; }

.page-numbers ul { padding: 0; margin-left: 5px; margin-bottom: 0; }

.page-numbers li { float: left; margin-right: 10px; padding: 4px 0; vertical-align: middle; text-align: center; }

.page-numbers .on { color: #000000; background: #f6f5f4; padding: 4px 13px; }

.page-numbers li.next-prev { display: block; padding: 6px; }

.page-numbers li.next-prev a { background-size: contain; text-indent: -9999px; height: 18px; width: 18px; background: url(sprite.png) transparent; background-size: 23px; display: block; }

.page-numbers li.next-prev.prev a { background-position: 0 -511px; }

.page-numbers li.next-prev.next a { background-position: 0 -547px; }

/*** INFOPAGES/ General page structure ***/
.infopage #main, .career #main, .storelocator #main, .cartpage #main, .onlinebooks #main, .searchpage #main { padding: 20px 0; }

.infopage main h1 { margin-bottom: 26px; font-size: 26px; margin-top: 0px; }

.infopage main .content p { line-height: 18px; margin-bottom: 28px; }

.infopage main .content table td, .infopage main .content table th { padding: 5px; }

.infopage main .content table tr:nth-of-type(2n) td { background-color: #d9d9d9; }

/*** review stars ***/
.stars-container { margin-bottom: 5px; }

.stars-container span { vertical-align: middle; display: inline-block; }

.stars-container span.full, .stars-container span.half, .stars-container span.empty { width: 15px; height: 15px; margin-right: 5px; background: url(sprite.png) center -1021px no-repeat; background-size: 40px; }

.stars-container span.half { background-position: center -1084px; }

.stars-container span.empty { background-position: center -1146px; }

.stars-container .review-count { display: none; }

/*** Fake Select ***/
.fake-select { position: relative; text-align: left; }

.fake-select label { font-weight: normal; }

.fake-select .selected { border: 1px solid #e5e5e5; border-radius: 0px; z-index: 2; position: relative; background: url(sprite.png) no-repeat 97% -506px #fff; background-size: 27px; cursor: pointer; padding: 8px 20px 8px 12px; font-weight: normal; }

.fake-select .selected span:first-child { margin-right: 5px; }

.fake-select .selected span:first-child:empty { display: none; }

.fake-select .dummy { margin-top: 7px; }

.fake-select ul { position: absolute; z-index: 4; margin-top: -2px; height: 0; width: 100%; background: #fff; overflow: hidden; left: 0; display: block !important; }

.fake-select li { background-color: #fff; margin: 0; }

.fake-select li.on { visibility: hidden; height: 0; }

.fake-select li img, .fake-select .selected img { height: 15px; margin-right: 5px; border: 1px solid #e5e5e5; border-radius: 0; vertical-align: -3px; }

.fake-select label:hover, .fake-select li > a:hover { background-color: #fff; text-decoration: none; }

.fake-select label, .fake-select li > a, .fake-select li > span { cursor: pointer; padding: 6px 12px; background-color: #fff; position: relative; z-index: 2; margin: 0; width: 100% !important; }

.fake-select label, .fake-select li > a { display: block; }

.fake-select span, .fake-select a { vertical-align: none; }

.fake-select input { position: absolute; z-index: 1; left: 10px; top: 0; }

.fake-select.open { z-index: 10; }

.fake-select.open ul { height: auto; border-width: 0 1px 1px 1px; border-radius: 0 0 4px 4px; }

.fake-select.single .selected { cursor: default; background-image: none; border-width: 0; padding: 8px 20px 8px 12px; }

.fake-select.single ul { border: 0; }

.actions .remove a, .wishlist-products .cartbutton a, .subscriptions-table .actions a { position: relative; color: transparent; font-size: 22px; width: 30px; height: 30px; display: block; border: 1px solid #9b9d9d; border-radius: 50%; }

.actions .remove a:before, .wishlist-products .cartbutton a:before, .subscriptions-table .actions a:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\00d7"; color: #9b9d9d; }

.actions .remove a:hover, .wishlist-products .cartbutton a:hover, .subscriptions-table .actions a:hover { opacity: 0.5; filter: alpha(opacity=50); /*IE8*/ }

/**** accordion basic styling ****/
.eso-accordion-indicator { display: inline-block; padding-left: 6px; position: absolute; top: 18px; right: 0px; width: 25px; height: 24px; background: url(sprite.png); background-size: 30px; cursor: pointer; }

.eso-accordion-indicator + .eso-accordion-indicator { display: none; }

.eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 0px -384px; }

.eso-accordion-trigger .eso-accordion-indicator { background-position: 0px -436px; }

/**** Slick Slider ****/
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-bottom: 30px; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; position: relative; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-loading .slick-list { background: #fff url("ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 2; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { line-height: 1; color: white; opacity: 0.75; background: url(sprite.png) transparent; background-size: 40px; padding: 19px; }

.slick-prev { left: 0px; }

[dir="rtl"] .slick-prev { left: auto; right: 0px; }

.slick-prev:before { content: ""; border-radius: 0 4px 4px 0; background-position: 0 -442px; }

[dir="rtl"] .slick-prev:before { content: ""; border-radius: 0 4px 4px 0; background-position: 0 -442px; }

.slick-next { right: 0px; }

[dir="rtl"] .slick-next { left: 0px; right: auto; }

.slick-next:before { content: ""; border-radius: 4px 0 0 4px; background-position: 0 -380px; }

[dir="rtl"] .slick-next:before { border-radius: 4px 0 0 4px; background-position: 0 -380px; }

/* Dots */
#main .slick-dots { position: absolute; bottom: 0px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; margin-bottom: 10px; }

#main .slick-dots li { position: relative; display: inline-block; height: 13px; width: 13px; margin: 0 5px; padding: 0; cursor: pointer; }

#main .slick-dots li button { display: block; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 3px; cursor: pointer; border: 2px solid #fff; border-radius: 50%; width: 5px; height: 5px; background: transparent; }

#main .slick-dots li button:hover, #main .slick-dots li button:focus { outline: none; }

#main .slick-dots li button:hover:before, #main .slick-dots li button:focus:before { opacity: 1; }

#main .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\00b7"; width: 20px; height: 20px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#main .slick-dots li.slick-active button { background: #fff; }

#main .slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.slick-dots li.slick-active button { background: white; }

.homeslider { margin-bottom: 10px; }

.homeslider span.glyphicon:hover:before { background: #fff; }

.errorpage .redirect-message { font-weight: bold; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .btn, button, .map-link a, .post-link a, .cancelnew, .options a { font-size: 14px; }
  .options a, .quickview a { font-size: 12px; }
  .buy-now form button { font-size: 12px; }
  .page-container { padding: 0; }
  .main-container > h1 { margin-left: 0; }
  .main-container h1 { text-align: left; margin-top: 0px; font-size: 26px; }
  .errorpage #page-header { height: 160px; }
  .btn, button, .map-link a, .post-link a, .cancelnew, .options a { width: auto; }
  #main .btn { min-width: 166px; }
  #sign-in .customer.new { width: 100%; }
  #main .cross-sell .item button, #main .featured .item button { min-width: inherit; }
  #page-content { width: 66%; float: left; margin-left: 0; margin-right: 0; }
  .fake-select .selected span + span { padding-right: 8px; margin-right: 3px; }
  #main .overlay { height: auto; }
  #main .overlay.bottom-horizontal { bottom: 3%; }
  #main .overlay img { width: 100%; }
  #main .cross-sell { margin-bottom: 32px; }
  #main .cross-sell .cross-sell-wrapper { border: 1px solid #d9d9d9; margin-top: 0px; }
  #main .cross-sell .cross-sell-wrapper > .tab-pane { display: none; padding: 20px; }
  #main .cross-sell .cross-sell-wrapper > .active { display: block; }
  #main .cross-sell .cross-sell-wrapper h2 { display: none; }
  #main .cross-sell .nav-tabs { display: block; margin-bottom: 0; border: none; }
  #main .cross-sell .nav-tabs > li.active a { border: none; font-weight: bold; }
  #main .cross-sell .nav-tabs > li.active a:hover, #main .cross-sell .nav-tabs > li.active a:active, #main .cross-sell .nav-tabs > li.active a:visited, #main .cross-sell .nav-tabs > li.active a:link { color: initial; background-color: #fff; border: none; cursor: default; }
  #main .cross-sell .nav-tabs > li a { color: #9b9d9d; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
  #main .cross-sell .nav-tabs > li a:hover { background-color: #fff; border-bottom: none; border-color: #fff; }
  /* Modal Popup */
  .modal .modal-content .modal-body { overflow: auto; }
  .modal .modal-content .modal-body .content .product-content .product-img { width: 45%; margin-left: 10%; clear: none; padding-right: 30px; float: left; }
  /* Page Numbers */
  .page-numbers { float: right; font-size: 11px; padding: 0; position: relative; margin: 0; }
  .page-numbers ul { position: relative; left: 0; padding: 0 0 0 15px; }
  .page-numbers li { padding: 6px 0; }
  .page-numbers .on { padding: 6px 13px; }
  .page-numbers .view-all { margin-left: 10px; float: left; text-decoration: underline; font-weight: bold; color: black; text-transform: capitalize; }
  .page-numbers li.next-prev { padding: 5px; }
  /*** INFOPAGES/ General page structure ***/
  .infopage main #left-nav .menu.dynamic ul li span { border: none; padding: 13px 0; }
  .infopage main h1 { margin-bottom: 40px; }
  .infopage main .content p { line-height: 30px; margin-bottom: 35px; }
  /* Modal Styles */
  .modal .product-detail .product-content, .modal .product-detail .product-img { width: 48%; }
  .modal .product-detail .product-img { float: left; }
  .modal .product-detail .product-content { float: right; }
  .modal .product-detail .product-content .pricing, .modal .product-detail .availability { text-align: left; }
  .modal .product-detail .slick-prev, .modal .product-detail .slick-next { width: 40px; }
  .modal .modal-content .modal-header h4 { font-size: 28px; }
  .modal .product-group .product-detail > .product-content { width: 53%; } }
@media (min-width: 992px) { .modal .product-detail .alternate-images .video .indicator { background-size: 32px; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .main-container { padding: 0px; }
  .main-container:before, .main-container:after { content: ""; display: table; }
  .main-container:after { clear: both; }
  #page-content { width: 72%; }
  form .telephone input[type="tel"], form .security-code input { width: 22.5%; margin-right: 1.25%; }
  .modal .product-detail .alternate-images .video .indicator { background-size: 32px; } }
/* ========= LAYOUT DETAILS COMPONENT END ========= */

/* ========= HEADER COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
#page-header { z-index: 2; position: relative; border-bottom: 1px solid #d9d9d9; }

#page-header a:hover:not(.btn.prev) { text-decoration: none; color: #9b9d9d; }

#page-header .content.header-top { display: none; }

#page-header .content.header-bottom { padding-left: 0px; padding-right: 0px; }

.page-header-container { position: relative; padding: 0; height: 57px; border-bottom: 3px solid #000; }

.logo { float: left; width: 39%; padding: 9px 0px; margin-left: 12px; }

.logo a { display: block; width: 100%; height: 40px; background: url(/images/assetimages/logo.png) no-repeat center; background-size: contain; }

/* MOBILE TRIGGERS - HEADER ICONS */
.mobile-triggers { float: right; }

.mobile-triggers a { float: left; height: 57px; background: url(sprite.png) 0 -4px no-repeat; background-size: 26px; width: 57px; margin: 0; display: block; position: relative; border-radius: 0; }

.mobile-triggers a.icon-menu { background-color: black; background-position: 15px 11px; }

.mobile-triggers a.icon-search { background-position: 21px -132px; background-size: 30px; }

.mobile-triggers a.icon-currency { background-position: 0 -317px; display: none; }

.mobile-triggers a.icon-cart { background-position: 14px -27px; }

.mobile-triggers .badge { position: absolute; right: 9px; top: 10px; color: black; background-color: transparent; font-weight: bold; font-size: 12px; }

/* MOBILE TRIGGER - SUB MENU */
.mobile-trigger { position: absolute; right: 0px; width: 54px; top: 0; height: 40px; color: #fff; cursor: pointer; z-index: 5; background: url(sprite.png); background-size: 28px; background-position: 52% -523px; background-repeat: no-repeat; }

li.active > a + .mobile-trigger { background-position: 52% -395px; }

#header-nav { display: none; border-radius: 0; }

#header-nav .header-nav-container { padding: 0; text-align: center; }

#header-nav .header-nav-container > ul { padding: 10px 0px; text-align: left; margin: 0; }

#header-nav .header-nav-container li > ul { display: none; }

#header-nav .header-nav-container li.active > ul { display: block; }

#header-nav .header-nav-container > ul > li { position: relative; background-color: #fff; }

#header-nav .header-nav-container ul > li ul { padding-left: 25px; }

#header-nav .header-nav-container .submenu-content ul > li.with-children > ul li { float: none; }

#header-nav .header-nav-container .submenu-content ul > li.with-children > ul li a { font-size: 14px; text-transform: capitalize; padding: 7px 0px; }

#header-nav .header-nav-container li.active > ul { display: block; }

#header-nav .header-nav-container ul > li ul > li > a, #header-nav .header-nav-container ul > li ul > li > .structural { display: block; padding: 10px 5px; font-size: 14px; font-weight: 600; text-decoration: none; }

#header-nav .header-nav-container .submenu { display: none; }

#header-nav .header-nav-container .submenu li { display: block; padding: 0; position: relative; float: none; }

#header-nav .header-nav-container .active .submenu { display: block; border: 0; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; display: inherit; background-color: #f6f5f4; }

#header-nav .header-nav-container .active .submenu.loading { background: #fff url("/Assets/ajax-loader.gif") center no-repeat; width: 100%; height: 40px; }

#header-nav.dropdown.in { display: block; }

#header-nav .submenu-content { padding-bottom: 10px; }

#header-nav .nav-flyout { display: none; }

#header-nav .header-nav-container > ul > li > a, .m-nav-links a, #header-nav .header-nav-container > ul > li > .structural { color: #000000; padding: 10px 10px 10px 15px; text-transform: uppercase; display: block; font-size: 16px; font-weight: 600; text-decoration: none; }

.m-nav-links { border-right: 1px solid #d9d9d9; width: 50%; display: inline-block; float: left; border-bottom: 1px solid #d9d9d9; }

.m-nav-links:nth-of-type(even) { border-right: none; }

.m-nav-links a { color: #9b9d9d; text-align: center; font-weight: normal; font-size: 12px; text-decoration: none; }

.m-nav-links .badge.wishlist-count { display: none; }

.m-nav-links + ul { clear: both; }

.icon-menu, .icon-link { float: none; cursor: pointer; }

.navbar { margin-bottom: 0; border: 0px solid transparent; min-height: 48px; }

.header-account ul { display: none; padding-left: 0; }

.header-cart { clear: both; }

.header-account, .header-compare, .header-cart, .currency-estimator, .search { position: relative; }

.header-compare, .search { float: left; }

.header-compare { display: none; }

.header-account .icon-link, .header-cart .icon-link, .currency-estimator .icon-link, .header-search .icon-link, .header-cart-summary, .header-compare.empty, .header-cart-summary .ajax-content { display: none; }

/* Currency Menu */
#currency-menu ul { display: none; border: 0; }

#currency-menu .selected { padding-top: 12px; margin-top: 5px; height: 48px; background-position: 100% -657px; }

#currency-menu .selected span { color: #000000; }

#currency-menu .selected span:first-child { margin: 0; }

#currency-menu li { position: relative; }

#currency-menu form > label { display: none; padding-top: 4px; float: left; width: auto; margin-right: 5px; }

#currency-menu .open ul { display: block; float: left; padding-left: 0; width: 100%; -webkit-box-shadow: 0px 5px 16px 0px rgba(204, 204, 207, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(163, 163, 163, 0.31); }

.login #sign-in { display: none; font-size: 14px; background: #fff; width: 320px; position: absolute; z-index: 10; top: 19px; border-top: 0; left: 0; padding: 15px; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); }

.login #sign-in button, .login #sign-in .btn { width: 100%; text-transform: uppercase; font-weight: bold; line-height: 40px; padding: 0; }

.login #sign-in a:hover:not(.btn) { color: #9b9d9d; }

.login #sign-in #header-retrieve-password { display: none; }

.login #sign-in h2 { font-size: 20px; margin-top: 4px; }

.login #sign-in li.forgotten { margin-bottom: 0; }

.login #sign-in li.forgotten a { font-size: 11px; text-decoration: underline; text-transform: capitalize; line-height: normal; }

.login #sign-in .signup { border-top-width: 1px; padding-top: 10px; margin-top: 10px; }

.login #sign-in .signup p:first-child { text-align: left; display: inline-block; }

.login #sign-in .note { display: none; }

.login.on #sign-in { display: block; }

#sign-in .autologin label, #page-content .autologin label { display: inline-block; float: left; width: auto; margin-right: 10px; }

#sign-in .autologin #header-autologin, #page-content .autologin input[type="checkbox"] { display: inline-block; width: auto; vertical-align: top; }

.nav-trigger { display: inline-block; height: 10px; width: 10px; background-color: #9b9d9d; }

/*ajax cart*/
#page-header .header-cart-summary .badge { margin-right: 10px; }

#page-header .header-cart-summary .ajax-content { width: 330px; position: absolute; top: 31px; right: 0; z-index: 10; font-size: 14px; background: #fff; clear: both; padding: 10px; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); }

#page-header .header-cart-summary .ajax-content .next-previous a { width: 100%; margin-bottom: 0; }

#page-header .header-cart-summary .ajax-content h3 { padding-bottom: 10px; border-bottom: 1px solid #bcbdc0; font-size: 20px; margin-top: 4px; }

#page-header .header-cart-summary .ajax-content .btn { font-size: 14px; }

#page-header .header-cart-summary .ajax-content .btn.next { color: white; }

#page-header .header-cart-summary .ajax-content .item-detail h4 a { font-weight: bold; }

#page-header .header-cart-summary tr { border-bottom-width: 1px; padding-right: 13%; display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px; }

#page-header .header-cart-summary .cart-total { margin-bottom: 10px; }

#page-header .header-cart-summary .cart-total > ul { margin-bottom: 0px; }

#page-header .header-cart-summary .cart-total li { padding-bottom: 10px; margin-bottom: 0px; clear: both; font-size: 14px; letter-spacing: 1px; font-weight: normal; }

#page-header .header-cart-summary .cart-total li span + span { float: right; font-weight: normal; }

#page-header .header-cart-summary .cart-total li.total { text-transform: uppercase; border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; margin-bottom: 14px; }

#page-header .header-cart-summary .cart-total li.total span + span { font-weight: bold; }

#page-header .header-cart-summary .cart-total li.gstonorder span, #page-header .header-cart-summary .cart-total .hint { color: #9b9d9d; font-size: 12px; font-weight: normal; letter-spacing: 0px; }

#page-header .header-cart-summary .cart-total li.gstonorder { padding-bottom: 0px; }

#page-header .header-cart-summary .cart-total li.gstonorder span:first-of-type { padding-right: 5px; }

#page-header .header-cart-summary .cart-total li.gstonorder span + span { float: none; }

#page-header .header-cart-summary .summary-table td { margin: 5px 0 0 0; }

#page-header .header-cart-summary .summary-table p { margin-bottom: 0; }

#page-header .header-cart-summary .summary-table p.style-number { margin-bottom: 0px; color: #9b9d9d; display: block; order: 3; display: none; }

#page-header .header-cart-summary .summary-table td.pricing { margin-top: 14px; }

#page-header .header-cart-summary .summary-table .total:before { content: "Item Sub Total: "; }

#page-header .header-cart-summary .summary-table .total { margin-bottom: 10px; }

#page-header .header-cart-summary .summary-table .item-detail, #page-header .header-cart-summary .summary-table .qty, #page-header .header-cart-summary .summary-table .pricing, #page-header .header-cart-summary .summary-table .total { float: right; clear: right; width: 70%; max-width: none; text-align: left; }

#page-header .header-cart-summary .summary-table .item-detail span, #page-header .header-cart-summary .summary-table p.price, #page-header .header-cart-summary .summary-table td { font-size: 12px; }

#page-header .header-cart-summary .summary-table .click-and-collect { padding: 10px 0; }

#page-header .header-cart-summary .summary-table .click-and-collect h4 { margin-bottom: 0; font-size: 18px; text-transform: uppercase; }

#page-header .header-cart-summary .summary-table .click-and-collect p { text-transform: none; }

#page-header .header-cart-summary .summary-table .click-and-collect .popover-title { background-color: #fff; border-bottom: 0; padding: 13px 12px 0 22px; color: #000000; font-weight: normal; }

#page-header .header-cart-summary .summary-table #main .cc-delivery-method .tab-content li { width: 100%; }

#page-header .header-cart-summary .summary-table .item .item-detail { border: none; }

#page-header .header-cart-summary .summary-table .item .item-detail .selections { margin-bottom: 0px; order: 4; }

#page-header .header-cart-summary .subtotal span:nth-child(2), #page-header .header-cart-summary .gstonorder span:nth-child(2) { color: #000000; }

#page-header .header-cart-summary > h3 { border-bottom-width: 1px; padding-bottom: 10px; margin-top: 10px; }

#page-header .header-cart-summary h4 { margin-top: 0; order: 0; line-height: 20px; margin-bottom: 16px; text-transform: uppercase; }

#page-header .header-cart-summary h4 a { color: #000000; font-size: 14px; display: inline-block; }

#page-header .header-cart-summary h4 a:hover { color: #9b9d9d; }

#page-header .header-cart-summary table { width: 100%; }

#page-header .header-cart-summary thead { display: none; }

#page-header .header-cart-summary tr { border-bottom-width: 1px; padding-right: 13%; display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px; }

#page-header .header-cart-summary tr:before, #page-header .header-cart-summary tr:after { content: ""; display: table; }

#page-header .header-cart-summary tr:after { clear: both; }

#page-header .header-cart-summary td { border: 0; padding: 0; }

#page-header .header-cart-summary .item { width: 100%; display: block; }

#page-header .header-cart-summary .item figure { margin-right: 10px; width: 60px; margin-top: 14px; }

#page-header .header-cart-summary .next-previous a { width: 100%; margin: 10px 0 5px; }

#page-header .header-cart-summary .qty:before { content: "Qty: "; }

#page-header .header-cart-summary td.actions li.remove { position: absolute; top: 12px; right: 0; }

#page-header .header-cart-summary .cart-total { margin-top: 0; width: 100%; }

#page-header .header-cart-summary .cart-total span.hint { font-weight: normal; }

#page-header .header-cart-summary .cart-total .hint { font-size: 12px; }

.header-cart-summary .loading, .login #sign-in.loading { min-height: 40px; background: #fff url(ajax-loader.gif) center no-repeat; display: block; position: absolute; }

.header-cart-summary.on .ajax-content { display: block; }

.loggedin .logout, .loggedin .account, .loggedin .history { padding-top: 0px; }

.wishlist .badge { display: none; }

.header-account a { color: #000000; }

#header-nav .header-nav-container li.active.with-children > a { border-bottom: none; }

#header-nav .header-nav-container > ul > li.on > a, #header-nav .header-nav-container > ul > li:hover > a { border-bottom: none; }

/* Header Search */
.header-search { position: relative; float: right; width: 100%; }

#search-menu { margin-top: 0px; border: 1px solid #d9d9d9; border-radius: 0; }

#search-menu label { display: none; }

#search-menu input { font-weight: normal; padding: 12px; width: 70%; height: 40px; font-size: 12px; letter-spacing: 1px; border: 0; border-radius: 0; color: #9c9d9d; }

#search-menu input::placeholder { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #9c9d9d; font-weight: normal; }

#search-menu button { width: 20px; background: url(sprite.png) 4px -140px no-repeat; background-size: 30px; text-indent: -9999px; padding: 10px 20px; float: right; }

#search-menu.in { margin-bottom: 0px; }

.autocomplete { position: absolute; width: 100%; left: 0; background: #fff; z-index: 2; border-top-weight: 1px; -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); display: none; }

.autocomplete .description { width: 250px; }

.autocomplete .item { width: 100%; }

.autocomplete .item .item-detail { border: none; }

.autocomplete .offer, .autocomplete .buy-now, .autocomplete .colours, .autocomplete .reviews, .autocomplete .options, .autocomplete .quickview { display: none; }

.autocomplete .item figure, .autocomplete h4, .autocomplete .reviews, .autocomplete .pricing { display: block; }

.autocomplete .item { margin-top: 0; }

.autocomplete .item .item-detail { float: right; width: 78%; display: flex; flex-direction: row; margin-top: 0px; }

.autocomplete .item .pricing { text-align: right; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; width: 36%; float: right; }

.autocomplete .item .pricing .price { font-size: 11px; padding-right: 0px; }

.autocomplete .item .overlay { position: absolute; }

.autocomplete .item .top-horizontal, .autocomplete .item .bottom-horizontal { width: 50%; }

.autocomplete .item .top-horizontal { top: 0; left: 0; }

.autocomplete .item .bottom-horizontal { bottom: 0; right: 0; }

.autocomplete .item .top-horizontal.small-overlay, .autocomplete .item .bottom-horizontal.small-overlay { width: 50%; }

.autocomplete .item .compare { display: none; }

.autocomplete .item h4 { width: 64%; display: inline-block; float: left; margin: 0; text-align: left; }

.autocomplete .item h4 a { margin: 0; color: #000000; font-size: 11px; }

.autocomplete .item h4 h4 a:hover { color: #f6f5f4; }

.autocomplete .item figure { position: relative; margin-right: 10px; width: 50px; float: left; }

.autocomplete .item figure img { width: 100%; }

.autocomplete > li { border-width: 0 1px; }

.autocomplete li { margin-bottom: 0; }

.autocomplete li:before, .autocomplete li:after { content: ""; display: table; }

.autocomplete li:after { clear: both; }

.autocomplete li h3, .autocomplete li p { margin: 0; }

.autocomplete li li { padding: 10px; border-bottom-width: 1px; }

.autocomplete li li:hover { background: #d9d9d9; }

.autocomplete .thumbnail { float: left; margin: 0 10px 0 0; }

.autocomplete .thumbnail img { width: 30px; }

.autocomplete .view-all li:hover { background: #fff; }

.autocomplete .view-all a { text-align: center; display: block; padding: 10px 20px; }

.autocomplete .articles h4 { width: auto; float: none; font-size: 14px; color: #000000; }

.autocomplete .products { padding-bottom: 0; }

.autocomplete a:hover, .autocomplete .articles h4:hover { color: #f6f5f4; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { #page-header .content.header-top { display: inline-block; float: right; }
  #page-header .content.header-top ul li { display: inline-block; padding: 0 10px; border-right: 1px solid black; }
  #page-header .content.header-top ul li:last-of-type { border: none; padding-right: 0px; }
  #page-header .content.header-middle { clear: both; }
  #page-header .mobile-triggers, #page-header .mobile-trigger { display: none; }
  .page-header-container { height: auto; padding: 0 15px; position: relative; font-size: 12px; border-bottom: none; }
  .logo { margin-top: 36px; position: absolute; padding: 9px 0px 9px 0px; width: 46%; margin-left: 0px; }
  .logo a { width: 271px; height: 76px; background: url(/images/assetimages/logo.png) no-repeat center; background-size: 247px 44px; margin-left: 0px; background-position-x: -5px; }
  .wishlist .badge { margin-left: 5px; }
  .header-account { padding-right: 20px; position: relative; float: none; display: inline-block; }
  #header-nav { display: block; background-color: #000; }
  #header-nav .container ul ul { display: none; }
  #header-nav .header-nav-container > ul { text-align: center; z-index: 100; }
  #header-nav .header-nav-container > ul > li > a, #header-nav .header-nav-container > ul > li > span { color: #fff; }
  #header-nav .header-nav-container > ul > li > a:after, #header-nav .header-nav-container > ul > li > span:after { content: ""; display: block; height: 3px; margin-top: 10px; background-color: black; }
  #header-nav .header-nav-container { padding: 5px 0 0; }
  #header-nav .header-nav-container ul > li { position: static; border: 0; display: inline-block; float: left; padding: 0; margin-right: 63px; background-color: transparent; }
  #header-nav .header-nav-container > ul > li { margin-right: 40px; }
  #header-nav .header-nav-container ul > li > a, #header-nav .header-nav-container ul > li > .structural { text-transform: uppercase; padding: 10px 0px 0px 0px; font-size: 14px; text-decoration: none; font-weight: normal; }
  #header-nav .header-nav-container ul > li > a:link, #header-nav .header-nav-container ul > li > a:visited, #header-nav .header-nav-container ul > li > a:hover, #header-nav .header-nav-container ul > li > a:active, #header-nav .header-nav-container ul > li > .structural:link, #header-nav .header-nav-container ul > li > .structural:visited, #header-nav .header-nav-container ul > li > .structural:hover, #header-nav .header-nav-container ul > li > .structural:active { text-decoration: none; font-weight: 600; }
  #header-nav .header-nav-container > ul > li > span.structural { color: #fff; cursor: default; font-weight: 600; }
  #header-nav .header-nav-container .submenu-content > ul > li.with-children { font-weight: bold; }
  #header-nav .header-nav-container .submenu-content > ul > li.with-children ul li { font-weight: normal; display: block; }
  #header-nav .header-nav-container > ul { padding: 0px; }
  #header-nav .header-nav-container ul > li ul { padding-left: 0; display: inherit; padding-bottom: 0; }
  #header-nav .header-nav-container .submenu-content ul > li.with-children > ul li a { font-size: 11px; padding: 4px 0px; }
  #header-nav .header-nav-container .submenu-content > ul > li > a { font-weight: bold; }
  #header-nav .header-nav-container .active .submenu { -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); position: absolute; left: 0; background: #fff; text-align: left; z-index: 10; width: 100%; padding-bottom: 44px; padding-top: 23px; }
  #header-nav .header-nav-container .active .submenu .submenu-content { margin: 0 auto; width: 975px; }
  #header-nav .header-nav-container .active .submenu .submenu-content > ul { float: left; width: 75%; -webkit-columns: 2 200px; -moz-columns: 2 200px; columns: 3 200px; }
  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
  #header-nav .header-nav-container ul > li ul > li > a, #header-nav .header-nav-container ul > li ul > li > .structural { padding: 10px 0px; border: 0; font-size: 14px; }
  #header-nav .header-nav-container > ul > li.on > a:after, #header-nav .header-nav-container li.active.with-children > a:after, #header-nav .header-nav-container > ul > li:hover > a:after, #header-nav .header-nav-container > ul > li:hover > span:after { content: ""; display: block; height: 3px; margin-top: 10px; background-image: url(../../Images/assetimages/main-colour.jpg); }
  #header-nav .header-nav-container > ul > li.on > a:hover, #header-nav .header-nav-container li.active.with-children > a:hover, #header-nav .header-nav-container > ul > li:hover > a:hover, #header-nav .header-nav-container > ul > li:hover > span:hover { border-bottom: none; }
  #header-nav .submenu-content { padding-bottom: 0; }
  #header-nav .submenu-content .nav-flyout { display: block; }
  #header-nav .submenu-content .nav-flyout .header-content-section { float: right; position: relative; width: 25%; }
  #header-nav .submenu-content .nav-flyout .header-content-section .header-content-text { position: absolute; z-index: 2; color: white; text-transform: uppercase; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
  #header-nav .submenu-content .nav-flyout .header-content-section .header-content-text a { color: white; }
  #header-nav .submenu-content .nav-flyout .header-content-section .header-content-text h2 { font-size: 19px; margin-bottom: 25px; }
  #header-nav .submenu-content .nav-flyout .header-content-section .image-overlay { z-index: 1; }
  #header-nav .submenu-content .nav-flyout .header-content-section img { width: 100%; height: auto; }
  #sign-in input { width: 100%; }
  .page-header-container a { font-weight: 600; font-size: 13px; text-decoration: none; }
  .page-header-container .forgotten a { color: #000000; }
  .page-header-container .forgotten a:hover { color: #f6f5f4; text-decoration: underline; }
  .header-cart { float: right; padding-top: 12px; margin-left: 10px; }
  .header-cart-summary { display: block; float: right; margin-left: 10px; opacity: 1; }
  .header-cart-summary .summary-amount.cart-info-amount { padding: 0 0px 0 27px; background: url(/Assets/sprite.png) 3% -35px no-repeat; background-size: 20px; line-height: 19px; height: 20px; display: inline-block; }
  .header-cart-summary > a { background-size: 30px; display: block; text-transform: uppercase; }
  .header-cart-summary > a:hover { text-decoration: none; }
  .header-cart-summary.on { margin-top: 0; }
  .header-cart-summary.on .loading .ajax-content { display: none; }
  .header-account ul, #header-nav ul, #currency-menu, #search-menu { display: block; visibility: visible; }
  .header-account, .header-top { margin-top: 24px; margin-bottom: 8px; }
  .header-account > ul > li, .header-options > ul > li, #header-nav .container > ul > li { float: left; }
  .header-options { float: left; }
  .header-account ul { padding-top: 8px; }
  .header-account a:hover { color: #9b9d9d; }
  .header-account ul#account-menu { padding-top: 0; }
  .header-account ul#account-menu .password label, .header-account ul#account-menu .email label { width: 100%; }
  .header-account > ul > li, .header-options > ul > li { margin-right: 10px; border-right: 1px solid black; padding-right: 10px; }
  .header-account > ul > li:last-of-type, .header-options > ul > li:last-of-type { border: none; }
  .header-cart > a { float: right; margin-left: 20px; }
  .nav-trigger, .m-nav-links { display: none; }
  #search-menu { float: none; }
  #search-menu input { width: 226px; height: 40px; }
  #search-menu button { width: 40px; background: url(sprite.png) 6px -123px no-repeat; background-size: 27px; text-indent: -9999px; padding: 10px 16px; height: 40px; background-color: #f6f5f4; /* replace with variable */ border-radius: 0px; }
  .header-search { position: relative; float: right; width: 300px; margin-bottom: 27px; }
  .autocomplete { display: block; }
  /* Currency Menu */
  #currency-menu .selected { border-width: 0; padding-top: 6px; height: auto; background-position: 114% -720px; background-color: #f6f5f4; }
  #currency-menu .selected span { color: #fff; }
  #currency-menu .open ul { float: left; padding-left: 0; border: 0; width: 70px; -webkit-box-shadow: 0px 5px 16px 0px rgba(204, 204, 207, 0.31); -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31); box-shadow: 0px 5px 16px 0px rgba(163, 163, 163, 0.31); }
  .currency-estimator { float: left; }
  .summary-table .item-detail .click-and-collect h4 { text-transform: uppercase; font-size: 14px; }
  #page-header .header-cart-summary .ajax-content .item-detail { max-width: 268px; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .page-header-container { padding: 0; }
  #header-nav .header-nav-container .submenu li a { padding: 10px 0px; }
  #header-nav .header-nav-container .active .submenu .submenu-content { width: 1174px; }
  #page-header .content.header-top { display: inline-block; float: right; }
  #page-header .content.header-top ul li { display: inline-block; padding: 0 10px; border-right: 1px solid black; }
  #page-header .content.header-top ul li:last-of-type { border: none; padding-right: 0px; }
  .header-search { width: 400px; }
  #search-menu input { width: 270px; height: 40px; } }
/*** TABLETS ***/
@media (min-width: 768px) and (max-width: 991px) { #page-header .page-header-container .content.header-top { width: 45%; }
  #page-header .page-header-container .content.header-top .about-header-link { display: none; }
  #page-header .page-header-container ul li.logout { margin-left: 0; }
  #page-header .page-header-container ul li a { font-size: 10px; }
  #page-header .findus-links { text-align: right; }
  #page-header .logo { margin-top: 36px; }
  #page-header .submenu-content .nav-flyout { display: none; }
  #page-header #header-nav .header-nav-container .active .submenu .submenu-content > ul { padding-left: 20px; }
  #header-nav .header-nav-container > ul > li { margin-right: 26px; }
  #header-nav .header-nav-container > ul > li > a, #header-nav .header-nav-container > ul > li > span.structural { font-size: 12px; }
  #page-header .page-header-container .remove a:before { font-size: 22px; } }
/* ========= HEADER COMPONENT END ========= */

/* ========= BREADCRUMB COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
#breadcrumbs { display: none; }

.breadcrumb-container { padding: 0; }

.breadcrumb-container .sort-by { float: right; margin-top: 11px; }

.breadcrumb-container .sort-by .filter { display: inline-block; }

.breadcrumb-container .sort-by ul { padding-left: 10px; }

.breadcrumb-container .sort-by li { padding: 0 10px; border-left: 1px solid white; }

.breadcrumb-container .sort-by li:nth-of-type(1n+4) { display: none; }

.breadcrumb-container .sort-by li.on a { color: #000000; }

.breadcrumb-container .sort-by li, .breadcrumb-container .sort-by h2 { border-bottom: 0; display: inline-block; text-transform: uppercase; font-size: 12px; margin: 0; }

.breadcrumb-container .breadcrumb { padding-bottom: 9px; margin-bottom: 0; list-style: none; float: left; background-color: transparent; }

.breadcrumb-container .breadcrumb a:hover { color: #d9d9d9; text-decoration: none; }

.breadcrumb-container .breadcrumb > li { font-size: 11px; display: inline-block; text-transform: uppercase; }

.breadcrumb-container .breadcrumb > li + li:before { content: "/ "; padding: 0 13px 0 13px; color: #d9d9d9; }

.breadcrumb-container .breadcrumb > .active * { color: #d9d9d9; }

.breadcrumb-container .breadcrumb li { color: #d9d9d9; text-transform: capitalize; font-weight: normal; font-size: 12px; letter-spacing: 1px; }

.breadcrumb-container .breadcrumb li a { color: #d9d9d9; text-decoration: underline; }

/* Cart pages */
.cartpage.loggedin #breadcrumbs .login { display: none; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { #breadcrumbs { display: block; margin-top: 19px; } }
@media (min-width: 1150px) { .breadcrumb { padding: 8px 0 9px; } }
/* ========= BREADCRUMB COMPONENT END ========= */

/* ========= LEFT NAV COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.cataloguepage #left-nav .menu.dynamic li, .searchpage #left-nav .menu.dynamic li, .infopage #left-nav .menu.dynamic li { display: none; }

.cataloguepage #left-nav .sort-by h2, .cataloguepage #left-nav .filter-by h2, .cataloguepage #left-nav .left-nav-container .menu li.on > span, .searchpage #left-nav .sort-by h2, .searchpage #left-nav .filter-by h2, .searchpage #left-nav .left-nav-container .menu li.on > span, .infopage #left-nav .sort-by h2, .infopage #left-nav .filter-by h2, .infopage #left-nav .left-nav-container .menu li.on > span { font-weight: bold; border-bottom-width: 1px; padding-bottom: 10px; display: block; text-transform: uppercase; color: #000000; }

.cataloguepage #left-nav .menu li.on, .cataloguepage #left-nav .menu li.on li, .searchpage #left-nav .menu li.on, .searchpage #left-nav .menu li.on li, .infopage #left-nav .menu li.on, .infopage #left-nav .menu li.on li { display: block; }

#left-nav { padding: 0; font-size: 16px; }

#left-nav .content { margin-bottom: 10px; }

#left-nav .left-nav-container { display: none; }

#left-nav h3 { cursor: pointer; text-transform: uppercase; font-weight: 600; font-size: 14px; margin: 0px; padding-bottom: 13px; }

#left-nav .menu { display: none; order: 2; margin-bottom: 17px; padding: 0 20px 0 0; background-color: #f6f5f4; }

#left-nav .menu > ul { padding: 0; }

#left-nav .menu > ul > li { padding: 0; }

#left-nav .menu > ul > li > a { border: none; font-size: 14px; text-transform: capitalize; margin-bottom: 7px; display: block; text-decoration: none; }

#left-nav .menu > ul > li > ul { margin-left: 20px; }

#left-nav .menu > ul > li > ul > li { padding: 0px; margin-bottom: 10px; }

#left-nav .menu > ul > li > ul > li > ul { display: none; }

#left-nav .menu > ul li.on > a { font-weight: bold; }

#left-nav .menu ul ul li > ul { margin-left: 15px; }

#left-nav .menu ul li li.on > a { font-weight: bold; color: #000000; }

#left-nav .menu li { padding: 5px 0 0; }

#left-nav .sort-by { padding-bottom: 20px; }

#left-nav .filter-by { margin-top: 10px; }

#left-nav .filter-by h2 { margin-bottom: 0; border-bottom: 0; padding-bottom: 15px; }

#left-nav .filter-by .filter h3 { margin: 0; border-top-width: 1px; cursor: pointer; padding-top: 18px; padding-bottom: 9px; }

#left-nav .filter-by .filter > li { padding: 10px 0; }

#left-nav .filter-by .filter ul li { padding: 5px 0; position: relative; }

#left-nav .filter-by .filter ul li a { color: #000000; }

#left-nav .nav-middle { order: 3; }

#left-nav .filters { order: 1; margin-top: 5px; margin-bottom: 20px; padding: 0 15px; position: relative; display: block; }

#left-nav .filters:before, #left-nav .filters:after { content: ""; display: table; }

#left-nav .filters:after { clear: both; }

#left-nav .filters h2, #left-nav .filters h3:not(:first-child), #left-nav .filters li, #left-nav .filters > h3 { font-size: 14px; }

#left-nav .filters li:not(.on) .count { font-size: 0px; }

#left-nav .filters > h3 { padding: 13px 0; margin: 0; text-transform: none; cursor: pointer; }

#left-nav .filters .filter { margin-bottom: 0; position: relative; padding-bottom: 7px; }

#left-nav .filters .filter li a:hover { text-decoration: none; }

#left-nav .filters .filter li > a:before, #left-nav .filters .filter-by li.on .title:before { content: " "; display: inline-block; width: 12px; height: 12px; margin-right: 7px; border: 1px solid #9b9d9d; border-radius: 0; }

#left-nav .filters .filter li.on .title:before, #left-nav .filters .filter li.on > a:before, #left-nav .filters .filter li > a:hover:before { border-color: #000000; background-color: #000000; }

#left-nav .filters .filter-by, #left-nav .filters .sort-by { display: block; clear: both; }

#left-nav .filters .filter-title { display: block; cursor: pointer; }

#left-nav .filters .fake-select, #left-nav .filters .fake-select ul { width: 100%; }

#left-nav .filters .fake-select { float: none; }

#left-nav .filters .fake-select .selected { background: url(sprite.png) no-repeat 96% -338px; background-size: 20px; }

#left-nav .filters .filter-by .filter ul li:last-child { padding-bottom: 10px; }

#left-nav .filters .info-container > h3, #left-nav .filters .info-container .sort-by > h2, #left-nav .filters .info-container .filter-by > h2 { display: none; }

#left-nav .filters .info-container .count { display: none; }

.accountpage #left-nav li.on > a { font-weight: bold; color: #000000; }

/*** IPAD +DESKTOP ***/
@media (min-width: 768px) { .cataloguepage #left-nav { margin-top: 20px; }
  .accountpage #left-nav .menu.dynamic { padding: 15px 20px; }
  .infopage #left-nav .menu.dynamic { padding: 6px 20px 11px 20px; }
  #left-nav { width: 28%; float: left; margin-left: 0; margin-right: 6%; font-size: 14px; font-weight: normal; }
  #left-nav h2 { font-size: 12px; }
  #left-nav .menu { padding: 20px 20px 11px 20px; display: block; }
  #left-nav .filter-by .filter:last-child { border-bottom-width: 0px; }
  #left-nav .filters { display: block; border-top: none; border-bottom: none; margin-bottom: 20px; padding: 0 20px 0 20px; background-color: #f6f5f4; }
  #left-nav .filters > .collapse { display: block; visibility: visible; height: auto !important; }
  #left-nav .filters > h3, #left-nav .filters .sort-by { display: none; }
  #left-nav .filters .count { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  #left-nav .filters .count a { display: block; text-decoration: none; }
  #left-nav .filters .filter-by > h2, #left-nav .filters .filter-by h3 { font-size: 14px; }
  #left-nav .filters .filter-by .filter ul li:last-child { padding-bottom: 10px; }
  #left-nav .filters .filter-by > h2 { text-transform: capitalize; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; font-size: 12px; margin-top: 25px; padding-bottom: 18px; }
  #left-nav .filters .info-container .sort-by > h2, #left-nav .filters .info-container .filter-by > h2 { display: block; }
  #left-nav .filters .show-more-trigger { text-decoration: underline; cursor: pointer; }
  #left-nav .filters .show-more-trigger:hover { color: #9b9d9d; }
  #left-nav .left-nav-container { padding: 0; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; }
  #left-nav .left-nav-container .filters.filter > h3 > .eso-accordion-indicator:first-of-type { position: absolute; top: 18px; right: 0px; }
  #left-nav .left-nav-container .show-more-trigger { font-family: "OpenSans-Regular", sans-serif; }
  #left-nav .left-nav-container ul ul li a { text-decoration: none; font-family: "OpenSans-Regular", sans-serif; } }
/*** Desktop ***/
@media (min-width: 1150px) { #left-nav { width: 22%; } }
@media (min-width: 768px) and (max-width: 1150px) { #left-nav .content.nav-middle { display: none; } }
/* ========= LEFT NAV COMPONENT END ========= */

/* ========= FOOTER COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
#page-footer { background-color: #000; }

#footer-nav { padding-top: 20px; }

.footer-nav-container > ul { border-top-width: 1px; }

.footer-nav-container > ul > li { padding: 5px 0; position: relative; }

.footer-nav-container > ul > li:last-of-type { border-bottom-width: 1px; }

.footer-nav-container > ul > li > a, .footer-nav-container > ul > li > span { text-transform: uppercase; }

.footer-nav-container li a, .footer-nav-container li span { display: inline-block; padding: 5px 0; color: #fff; }

.footer-nav-container li span { cursor: pointer; }

.footer-nav-container .eso-accordion-indicator { display: inline-block; padding-left: 6px; position: absolute; right: -12px; top: 1px; height: 30px; width: 50px; background-repeat: no-repeat; background-size: 31px; background-position: 13px -536px; }

.footer-nav-container .eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 13px -484px; }

.footer-nav-container .eso-accordion > li > span, .footer-nav-container .eso-accordion > li > a { font-weight: 600; width: 100%; font-size: 15px; letter-spacing: 1px; }

.footer-nav-container .eso-accordion li ul li a { color: #fff; font-size: 15px; padding-bottom: 14px; letter-spacing: 1px; text-decoration: none; font-family: "OpenSans-Regular", sans-serif; }

.footer-nav-container .info-container { margin-left: 19px; padding-top: 10px; }

#page-footer .estar { background-color: #f6f5f4; border-bottom: 1px solid #000; }

#page-footer .estar .container { display: flex; flex-direction: column; text-align: center; margin-top: 20px; padding: 20px 0; border-top-width: 1px; font-size: 12px; }

#page-footer .estar .container a { color: #9b9d9d; }

#page-footer .estar .container:before, #page-footer .estar .container:after { content: ""; display: table; }

#page-footer .estar .container:after { clear: both; }

#page-footer .estar .container .estar-info { order: 2; }

#page-footer .estar .container .estar-info li { display: block; }

#page-footer .estar .container .estar-info li:last-of-type { font-weight: normal; }

#page-footer .estar .container .footer-nav-container { margin-bottom: 13px; order: 1; }

#page-footer .estar .container .footer-nav-container .eso-accordion li:last-of-type { margin-right: 0px; }

#page-footer .estar .container .footer-nav-container .eso-accordion li a { font-size: 12px; }

#page-footer .estar .container .footer-nav-container li:first-of-type { border-right: 1px solid; border-bottom: none; }

#page-footer .estar .container ul { margin-bottom: 0; border: none; }

#page-footer .estar .container ul:before, #page-footer .estar .container ul:after { content: ""; display: table; }

#page-footer .estar .container ul:after { clear: both; }

#page-footer .estar .container ul li { width: auto; margin-right: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; color: #9b9d9d; font-weight: 600; display: inline-block; }

#page-footer .estar .container ul li:last-of-type { border: none; }

#page-footer .estar .container ul li a { padding: 0px; color: #9b9d9d; text-decoration: none; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { #page-footer #footer-nav { padding: 30px 0; float: left; width: 66.6%; }
  #page-footer .footer-nav-container { width: 100%; }
  #page-footer .footer-nav-container > ul { border-top-width: 0; margin: 0; }
  #page-footer .footer-nav-container .eso-accordion li ul li a { color: #fff; font-size: 12px; padding: 5px 0px; text-decoration: none; }
  #page-footer .footer-nav-container .eso-accordion li ul li a:hover { color: #9b9d9d; }
  #page-footer .footer-nav-container .collapse.eso-accordion { display: block; visibility: visible; height: auto !important; }
  #page-footer .footer-nav-container .collapsing.eso-accordion { height: auto !important; }
  #page-footer .footer-nav-container > ul > li { width: 25%; float: left; border: 0; margin-right: 58px; padding-top: 0px; }
  #page-footer .footer-nav-container > ul > li span { cursor: default; padding-top: 0px; font-size: 14px; font-weight: bold; }
  #page-footer .footer-nav-container > ul > li span.eso-accordion-indicator { display: none; }
  #page-footer .footer-nav-container .info-container { margin-left: 0px; padding-top: 0px; }
  #page-footer .estar .container { display: block; text-align: right; }
  #page-footer .estar .container .estar-info { float: left; }
  #page-footer .estar .container ul li a:hover { text-decoration: underline; color: #9b9d9d; }
  #page-footer .estar .container .footer-nav-container { float: right; width: auto; margin-bottom: 0px; }
  #page-footer .estar .container .footer-nav-container .eso-accordion li a { font-size: 12px; }
  #page-footer .estar .container ul li { float: left; border-right: 1px solid #9b9d9d; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .footer-nav-container, #page-footer .content { padding: 0; } }
/* ========= FOOTER COMPONENT END ========= */

z
/* ========= CATALOGUE LISTING COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.cataloguepage h1 { margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 20px; font-weight: 600; }

.cataloguepage .page-numbers { display: inline-block; text-align: center; text-transform: uppercase; color: #f6f5f4; margin-bottom: 10px; position: relative; margin-top: 13px; margin-bottom: 13px; }

.cataloguepage .page-numbers:before, .cataloguepage .page-numbers:after { content: ""; display: table; }

.cataloguepage .page-numbers:after { clear: both; }

.cataloguepage .page-numbers ul + .view-all { float: right; margin: 5px 0; text-transform: capitalize; }

.cataloguepage .page-numbers .view-all { margin: 5px; float: left; text-decoration: underline; }

.cataloguepage .page-numbers a { font-weight: normal; text-decoration: none; }

.cataloguepage .page-numbers p { display: none; }

.cataloguepage .page-numbers p, .cataloguepage .page-numbers ul { float: left; }

.cataloguepage .page-numbers ul { padding: 0; margin-left: 5px; margin-bottom: 0; }

.cataloguepage .page-numbers li { float: left; margin-right: 10px; padding: 4px 0; vertical-align: middle; text-align: center; }

.cataloguepage .page-numbers .on { color: #000000; background: #f6f5f4; padding: 4px 13px; }

.cataloguepage .page-numbers li.next-prev { display: block; padding: 6px; }

.cataloguepage .page-numbers li.next-prev a { background-size: contain; text-indent: -9999px; height: 18px; width: 18px; background: url(sprite.png) transparent; background-size: 23px; display: block; }

.cataloguepage .page-numbers li.next-prev.prev a { background-position: 0 -511px; }

.cataloguepage .page-numbers li.next-prev.next a { background-position: 0 -547px; }

.cataloguepage .active-filters { display: none; text-align: left; text-align: center; font-size: 12px; margin-right: 10px; padding-top: 10px; font-weight: normal; clear: both; }

.cataloguepage .active-filters > div { display: inline-block; }

.cataloguepage .active-filters .filter-title { margin-right: 10px; }

.cataloguepage .active-filters .filter-title h4 { font-weight: bold; font-size: 12px; }

.cataloguepage .active-filters .active-filter-list ul { margin-bottom: 0px; }

.cataloguepage .active-filters .active-filter-list ul li { background-color: #f6f5f4; padding: 2px 4px; margin-right: 10px; display: inline-block; }

.cataloguepage .active-filters .active-filter-list ul li a { display: inline-block; text-decoration: none; }

.cataloguepage .active-filters .resetall a { text-decoration: underline; }

.cataloguepage .sort-by h2 { font-size: 12px; font-weight: 600; }

.cataloguepage .products .item .style-number, .cataloguepage .products .item .quickview, .cataloguepage .products .item .options { display: none; }

/*** tool bar filters ***/
.toolbar { text-align: center; }

.toolbar:before, .toolbar:after { content: ""; display: table; }

.toolbar:after { clear: both; }

.toolbar .filters { display: block; margin-bottom: 10px; font-size: 12px; }

.toolbar .filters .filter { width: 100%; }

.toolbar .filters .sort-by .filter { display: inline-block; vertical-align: middle; }

.toolbar .filters .sort-by h2 { display: none; }

.toolbar.top .sort-by { display: inline-block; width: 48%; }

.toolbar.top .sort-by .fake-select .selected { border: 1px solid #000; font-weight: bold; background-position: 97% -508px; }

.toolbar.top .sort-by .eso-accordion-indicator { top: 7px; right: 9px; }

.toolbar.top .sort-by .fake-select.open ul { border-color: black; }

.toolbar.top .eso-accordion-panel li a { text-decoration: none; }

.toolbar.top h2 { display: inline-block; width: 48%; border: 1px solid #000; margin: 0; vertical-align: middle; padding: 10px 11px; margin-left: 4%; font-size: 12px; cursor: pointer; text-align: left; position: relative; font-weight: bold; }

.toolbar.top h2 .eso-accordion-indicator { top: 7px; right: 9px; background-size: 27px; }

.toolbar.top h2.eso-accordion-trigger .eso-accordion-indicator { background-position: 3px -344px; }

.toolbar.top h2.eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 3px -344px; }

.toolbar.top .mobile-filters h3 { text-align: left; }

.toolbar.top .mobile-filters h3 .eso-accordion-indicator { top: 2px; }

.toolbar.top .filter-by { padding: 10px 10px; border: 1px solid #d9d9d9; margin-top: 24px; }

.toolbar.top .filter-by .filter h3 { font-weight: 600; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; margin-top: 0px; cursor: pointer; position: relative; }

.toolbar.top .filter-by .filter .info-container { padding-left: 10px; padding-bottom: 18px; padding-top: 3px; }

.toolbar.top .filter-by .filter:last-of-type h3 { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }

.toolbar.top .filter-by li { text-align: left; }

.toolbar.top .filter-by li .title:before { content: " "; display: inline-block; width: 12px; height: 12px; margin-right: 7px; border: 1px solid #9b9d9d; border-radius: 0; }

.toolbar.top .filter-by li .count { display: none; }

.toolbar.top .filter-by li.on .title:before, .toolbar.top .filter-by li .title:hover:before { border-color: #000000; background-color: #000000; }

.result-summary { display: none; float: left; margin-top: 10px; }

.featured { clear: both; margin-top: 15px; padding-top: 15px; border-bottom-width: 1px; border-top-width: 1px; }

.featured .item { margin-top: 0; }

.featured h2 { font-size: 18px; }

.item figure img { width: 100%; }

.item h4 a { font-size: 12px; color: #000000; font-weight: normal; text-decoration: none; }

.item .item-brand { position: absolute; right: 0; top: -45px; height: 30px; text-indent: -9999px; }

.item .item-brand img { height: 100%; display: block; }

.item .options { clear: both; }

.item .options .add-wishlist { display: none; }

.item .options a + a { margin-left: 10px; }

.item .item-asset { clear: both; }

.item .quickview, .item .buy-now { display: none; }

.item .buy-now button, .item .quickview .btn, .item .options a { width: 100%; }

.item .colours { display: none; }

.item .price { font-size: 12px; font-weight: 600; margin-bottom: 1px; }

.item .price.was { padding-right: 6px; }

.item .reviews { margin-top: 5px; }

.item .reviews:empty { display: none; }

.item .style-number { display: none; }

.item .compare { margin-top: 0px; }

.item .compare .compare-link-view { display: none; text-transform: inherit; }

.item .compare .compare-link-add { text-decoration: underline; font-family: "OpenSans-Light", sans-serif; font-size: 12px; font-weight: bold; text-transform: inherit; }

.item .item-detail { text-align: center; border-top: 1px solid #d0d1d1; margin-top: 10px; display: flex; flex-direction: column; }

.item .item-detail .item-brand { order: 1; }

.item .item-detail h4 { order: 5; }

.item .item-detail .style-number { order: 10; }

.item .item-detail .offer { order: 9; }

.item .item-detail .pricing { order: 15; }

.item .item-detail .reviews { order: 20; }

.item .item-detail .colours { order: 25; }

.item .item-detail .buy-now { order: 30; }

.item .item-detail .quickview { order: 35; }

.item .item-detail .options { order: 40; }

.item .item-detail .more-options { order: 43; }

.item .item-detail .compare { order: 45; }

.item .item-detail .item-asset { order: 50; }

#main .products { padding-bottom: 20px; margin-bottom: 20px; }

#main .products:before, #main .products:after { content: ""; display: table; }

#main .products:after { clear: both; }

#main .products .item { width: 45%; float: left; margin-left: 10%; margin-bottom: 10px; }

#main .products .item .overlay.bottom-horizontal { width: 59%; }

#main .products .item .overlay.top-horizontal { width: 67%; }

#main .products .item .top-horizontal, #main .products .item .bottom-horizontal { width: 36%; }

#main .products .item .bottom-horizontal.small-overlay { width: 30%; }

#main .products .item .more-options { margin: 5px 0px; }

#main .products .item .more-options a { font-size: 12px; text-decoration: underline; font-family: "OpenSans-Light", sans-serif; font-weight: bold; }

#main .products .item .offer { font-size: 12px; }

#main .products .item .offer a { text-decoration: none; }

#main .products .item:nth-of-type(2n+1) { clear: both; margin-left: 0%; }

#main .products .next_link { clear: both; }

.loading-message { text-align: center; width: 100%; clear: both; display: none; }

.loading-message span { display: inline-block; padding-left: 30px; background: url("ajax-loader.gif") 0 0 no-repeat; }

.next_link + .loading_message { display: block; }

.autoscroll .page_numbers { display: none; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .cataloguepage h1 { text-align: left; font-size: 26px; margin-top: 3px; }
  .cataloguepage main .content, .cataloguepage .toolbar { margin-bottom: 20px; }
  .cataloguepage main .content:before, .cataloguepage main .content:after, .cataloguepage .toolbar:before, .cataloguepage .toolbar:after { content: ""; display: table; }
  .cataloguepage main .content:after, .cataloguepage .toolbar:after { clear: both; }
  .cataloguepage #page-content { padding-top: 20px; }
  .toolbar .filters { display: block; float: left; margin-bottom: 0; }
  .toolbar .filters > h3 { display: none; }
  .toolbar .filters .sort-by h2 { padding: 0 5px 0 0; margin: 1px 9px 0 0px; font-size: 12px; font-weight: bold; vertical-align: middle; display: inline-block; }
  .toolbar .filters .filter-by { display: none; }
  .toolbar .filters .filter { width: 180px; }
  .toolbar.top h2 { display: none; }
  .toolbar.top .sort-by { width: auto; }
  .toolbar.top .sort-by h2 { width: auto; border: none; }
  .toolbar.top .sort-by .fake-select .selected { /*border: 1px solid $Colour5;*/ font-weight: normal; }
  .cataloguepage .page-numbers { float: right; font-size: 11px; padding: 0; position: relative; margin: 0; }
  .cataloguepage .page-numbers ul { position: relative; left: 0; padding: 0 0 0 15px; }
  .cataloguepage .page-numbers li { padding: 6px 0; }
  .cataloguepage .page-numbers .on { padding: 6px 13px; }
  .cataloguepage .page-numbers .view-all { margin-left: 10px; float: left; text-decoration: underline; font-weight: 600; color: black; text-transform: capitalize; }
  .cataloguepage .page-numbers li.next-prev { padding: 5px; }
  .cataloguepage .active-filters { text-align: left; }
  .cataloguepage .active-filters.enabled { display: block; } }
/*** Desktop ***/
@media (min-width: 1150px) { #main .products .item { padding: 15px; margin-left: 5%; border: 1px solid #fff; border-radius: 0; width: 30%; }
  #main .products .item:nth-of-type(2n+1) { clear: none; margin-left: 5%; }
  #main .products .item:nth-of-type(3n+1) { clear: both; margin-left: 0%; } }
/* ========= CATALOGUE LISTING COMPONENT END ========= */

/* ========= SEARCH COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.searchpage h1 { margin-bottom: 30px; }

.searchpage p.related a:first-child { padding-left: 8px; }

.searchpage .did-you-mean { font-weight: bold; }

.searchpage .zero-results ul a { padding-top: 15px; display: inline-block; }

.searchpage .search-info { font-size: 18px; margin-bottom: 20px; }

.searchpage .popular { margin-bottom: 20px; }

.searchpage .toolbar { display: block; }

.searchpage .toolbar .filters, .searchpage .toolbar .active-filters { display: none; }

.searchpage .alphabet-links { border-bottom-width: 1px; padding-bottom: 10px; margin-bottom: 10px; }

.searchpage .alphabet-links a { display: inline-block; padding: 6px; }

.searchpage .articles .item a { width: 100%; display: block; padding: 10px; margin: 5px auto; font-weight: bold; border-width: 1px; text-align: center; }

.searchpage .articles .item a h4 { font-size: 14px; }

.searchpage .nav-tabs { border-bottom: 1px solid #9c9d9d; }

.searchpage .related a { text-decoration: underline; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .searchpage #left-nav { display: none; }
  .searchpage .tab-content #left-nav, .searchpage #left-nav .filters .sort-by { padding-bottom: 0px; display: block; }
  .searchpage .tab-content #left-nav .filter li, .searchpage #left-nav .filters .sort-by .filter li { padding: 5px 0; }
  .searchpage #page-content { padding-bottom: 30px; }
  .searchpage .toolbar .page-numbers { position: absolute; right: 0; }
  .searchpage .toolbar.top .page-numbers { top: 30px; }
  .searchpage .toolbar.bottom .page-numbers { bottom: 8px; }
  .searchpage .articles { padding: 20px 0; }
  .searchpage .articles .item { width: 24%; margin: .5%; vertical-align: top; display: inline-block; }
  .searchpage .articles .item:nth-child(4n) { clear: left; }
  .searchpage #page-content { width: 100%; }
  .searchpage .toolbar.top { width: 17%; float: left; margin-left: 0; margin-right: 8%; }
  .searchpage main .products { width: 66%; float: right; }
  .searchpage .related { margin-bottom: 25px; } }
@media (min-width: 992px) { .searchpage .popular { float: right; } }
@media (min-width: 1150px) { .searchpage main .products { width: 72%; } }
/* ========= SEARCH COMPONENT END ========= */

/* ========= PRODUCT DETAIL COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.product:before, .product:after, .alternate-images:before, .alternate-images:after, .reviews:before, .reviews:after, .product-detail .review:before, .product-detail .review:after, .review-group:before, .review-group:after, .cart-options:before, .cart-options:after, .additional-info-links:before, .additional-info-links:after { content: ""; display: table; }

.product:after, .alternate-images:after, .reviews:after, .product-detail .review:after, .review-group:after, .cart-options:after, .additional-info-links:after { clear: both; }

.productpage { /* Hide elements moved by jquery and show them once they have loaded */ /* product on site, not for sale */ }

.productpage h1, .productpage .product-availability-section, .productpage .additional-info, .productpage #freight-estimator, .productpage .delivery-options-section, .productpage .additional-info-links, .productpage .cart-options { opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; }

.productpage.jqueryloaded h1, .productpage.jqueryloaded .product-availability-section, .productpage.jqueryloaded .additional-info, .productpage.jqueryloaded #freight-estimator, .productpage.jqueryloaded .delivery-options-section, .productpage.jqueryloaded .additional-info-links, .productpage.jqueryloaded .cart-options { opacity: 1; }

.productpage h1 { text-align: center; font-size: 20px; margin-top: 20px; }

.productpage #page-content { width: 100%; }

.productpage #page-content input { border-radius: 0; }

.productpage #left-nav { display: none; }

.productpage #breadcrumbs .breadcrumb-container { border: none; }

.productpage .additional-info-links a { text-decoration: underline; font-size: 12px; }

.productpage .product.product-top .childproducts { clear: both; }

.productpage .product.product-top .childproducts .form-item.quantity { float: none; }

.productpage .product.product-top .childproducts #freight-estimator, .productpage .product.product-top .childproducts .delivery-options-section { display: none; }

.productpage .product.product-top .childproducts .product-img { width: 100%; margin-right: 10%; }

.productpage .product.product-top .childproducts .product-img:empty { display: none; }

.productpage .product.product-top .childproducts .product-img .slick-prev:before { background-position: 0 -883px; }

.productpage .product.product-top .childproducts .product-img .slick-next:before { background-position: 0 -947px; }

.productpage .product.product-top .childproducts .offer { display: none; }

.productpage .product.product-top .childproducts h2, .productpage .product.product-top .childproducts .availability { text-align: center; }

.productpage .product.product-top .childproducts h2 a { text-decoration: none; }

.productpage .product.product-top .childproducts .product-content { width: 100%; float: left; padding: 0px; }

.productpage .product.product-top .childproducts .product-content .additional-options .add-wishlist { width: 100%; }

.productpage .product.product-top .childproducts .product-content h2 { margin-bottom: 9px; }

.productpage .product.product-top .childproducts .product-content h2 a, .productpage .product.product-top .childproducts .product-content h2 { color: #000000; font-size: 16px; font-weight: 600; }

.productpage .product.product-top .childproducts .product-img:empty + .product-content { width: 100%; }

.productpage .product.product-top .childproducts .product-content .pricing .prices .price { font-size: 16px; }

.productpage .product.product-top .childproducts .product { border: 1px solid #e5e5e5; margin: 5px 0 20px 0; padding: 20px; }

.productpage .product.product-top .childproducts header { font-size: 18px; font-weight: bold; text-transform: uppercase; }

.productpage .product.product-top .childproducts .reviews { display: none; }

.productpage .product.product-top .childproducts .reviews .links { clear: both; }

.productpage .product.product-top .childproducts .reviews .links a { margin: 0 10px 0 0; }

.productpage .product.product-top .childproducts .reviews p { width: 100%; }

.productpage .product.product-top .childproducts .delivery-options-section { display: none; }

.productpage .product.product-top .childproducts #freight-estimator { display: none; }

.productpage .product.product-top .childproducts .slick-prev, .productpage .product.product-top .childproducts .slick-next { top: 50%; }

.productpage .product.product-top .childproducts .product-selector label { display: inline-block; }

.productpage .product.product-top .childproducts .product-selector input { float: left; }

.productpage .product-group .product-img { width: 100%; }

.productpage .product-group .product-content { width: 100%; }

.productpage .product-group .product-content .style-number { color: #9b9d9d; order: 2; margin-bottom: 0px; text-align: center; }

.productpage .product-group .product-content > .style-number { display: none; }

.productpage .product-group .product-availability-section { display: none; }

.productpage .product-group #freight-estimator { display: none; }

.productpage .product-group .delivery-options-section { border-bottom: none; }

.productpage .product-group .add-to-cart .cart-options { padding-top: 0px; }

.productpage .product-group .childproducts .product-img { width: 100%; margin-right: 10%; }

.productpage .product-group .childproducts .product-img:empty { display: none; }

.productpage .product-group .childproducts .product-img .slick-prev:before { background-position: 0 -883px; }

.productpage .product-group .childproducts .product-img .slick-next:before { background-position: 0 -947px; }

.productpage .product-group .childproducts .offer { display: none; }

.productpage .product-group .childproducts h2, .productpage .product-group .childproducts .availability { text-align: center; }

.productpage .product-group .childproducts h2 a { text-decoration: none; }

.productpage .product-group .childproducts .product-content { width: 100%; float: left; padding: 0px; }

.productpage .product-group .childproducts .product-content .additional-options .add-wishlist { width: 100%; }

.productpage .product-group .childproducts .product-content h2 { margin-bottom: 9px; }

.productpage .product-group .childproducts .product-content h2 a, .productpage .product-group .childproducts .product-content h2 { color: #000000; font-size: 18px; font-weight: 600; }

.productpage .product-group .childproducts .product-img:empty + .product-content { width: 100%; }

.productpage .product-group .childproducts .product-content .pricing .prices .price { font-size: 18px; }

.productpage .product-group .childproducts .product { border: 1px solid #e5e5e5; margin: 5px 0 20px 0; padding: 20px; }

.productpage .product-group .childproducts header { font-size: 18px; font-weight: bold; text-transform: uppercase; }

.productpage .product-group .childproducts .reviews { display: none; }

.productpage .product-group .childproducts .reviews .links { clear: both; }

.productpage .product-group .childproducts .reviews .links a { margin: 0 10px 0 0; }

.productpage .product-group .childproducts .reviews p { width: 100%; }

.productpage .product-group .childproducts .delivery-options-section { display: none; }

.productpage .product-group .childproducts #freight-estimator { display: none; }

.productpage .product-group .childproducts .slick-prev, .productpage .product-group .childproducts .slick-next { top: 50%; }

.productpage .product-group .childproducts .product-selector label { display: inline-block; }

.productpage .product-group .childproducts .product-selector input { float: left; }

.productpage.jqueryloaded .product.product-no-sale .delivery-options-section, .productpage.jqueryloaded .product.product-no-sale #freight-estimator { display: none; }

.product-content { clear: both; margin-top: 20px; padding: 24px; background-color: #f6f5f4; display: flex; flex-direction: column; }

.product-content a { font-family: "OpenSans-Regular", sans-serif; }

.product-content .style-number { color: #9b9d9d; order: 2; margin-bottom: 30px; text-align: center; }

.product-content .form-item.size ul, .product-content .form-item.colour ul { margin-bottom: 0; }

.product-content .form-item.size li.item-unselectable, .product-content .form-item.colour li.item-unselectable { background-color: #808080; }

.product-content .form-item.size li.item-unselectable label, .product-content .form-item.colour li.item-unselectable label { cursor: not-allowed; background-color: #d9d9d9; }

.product-content .form-item.size .selected span + span { display: none; }

.product-content .form-item.colour .swatch-image { width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 8px; }

.product-content .form-item.colour .fake-select .selected span:first-child:empty { display: inline-block; }

.product-content .form-item:not(.empty) { margin-bottom: 15px; }

.product-content .form-item:before, .product-content .form-item:after { content: ""; display: table; }

.product-content .form-item:after { clear: both; }

.product-content .form-item ul { display: none; }

.product-content .form-item .open ul { display: block; }

.product-content .form-item.quantity { width: 34%; float: left; margin-right: 6%; }

.product-content .form-item.quantity input { text-align: center; }

.product-content .form-item.quantity label { display: none; }

.product-content .form-item.cartbutton { width: 60%; margin-top: 22px; float: left; }

.product-content .form-item.cartbutton button.loading { background-image: url(button-ajax-loader.gif); background-repeat: no-repeat; background-position: 90% center; }

.product-content .form-item.cartbutton, .product-content .additional-options { display: inline-block; margin: 0; }

.product-content .form-item.cartbutton .add-wishlist, .product-content .form-item.cartbutton .added-to-wishlist, .product-content .additional-options .add-wishlist, .product-content .additional-options .added-to-wishlist { background: none; color: #000000; width: auto; padding: 0px; border: none; height: auto; text-transform: capitalize; font-family: "OpenSans-Regular", sans-serif; }

.product-content .form-item.cartbutton .add-wishlist:hover, .product-content .form-item.cartbutton .added-to-wishlist:hover, .product-content .additional-options .add-wishlist:hover, .product-content .additional-options .added-to-wishlist:hover { color: #9b9d9d; }

.product-content .order-in-store { width: 100%; margin-bottom: 10px; }

.product-content .brand { float: right; }

.product-content .brand span { display: none; }

.product-content .pricing { text-align: center; }

.product-content .pricing .prices { display: inline-block; text-transform: uppercase; letter-spacing: 1px; }

.product-content .pricing .prices .price { font-size: 20px; font-weight: 600; }

.product-content .pricing .prices .price.save { font-size: 16px; margin-bottom: 7px; color: #000000; display: block; }

.product-content .afterpay-widget { margin-bottom: 15px; display: none; }

.product-content .afterpay-widget p { display: inline-block; margin: 0; padding: 0; }

.product-content .afterpay-widget .afterpay-range { display: none; }

.product-content .afterpay-widget .afterpay-price { display: none; }

.product-content .afterpay-widget .afterpay-moreinfo { display: block; }

.product-content .afterpay-widget.afterpay-show-range, .product-content .afterpay-widget.afterpay-show-price { display: block; }

.product-content .afterpay-widget.afterpay-show-range .afterpay-moreinfo, .product-content .afterpay-widget.afterpay-show-price .afterpay-moreinfo { display: block; }

.product-content .afterpay-widget.afterpay-show-range .afterpay-range { display: inline-block; }

.product-content .afterpay-widget.afterpay-show-price .afterpay-price { display: inline-block; }

.product-content .afterpay-widget.afterpay-out-of-range { display: none; }

.product-content .ESO_number_wrapper { position: relative; display: inline-block; text-align: center; width: 100%; }

.product-content .ESO_number_wrapper input { height: 40px; width: 62%; }

.product-content .ESO_number_wrapper a { position: absolute; height: 50%; width: 39%; line-height: 11px; text-align: center; font-size: 20px; border-width: 1px; color: transparent; transition: background-color 200ms; right: 0; background: url(/Assets/sprite.png) no-repeat; background-size: 20px; }

.product-content .ESO_number_wrapper a:hover { text-decoration: none; background-color: #9b9d9d; }

.product-content .ESO_number_wrapper a.minus { top: 50%; background-position: 50% -379px; }

.product-content .ESO_number_wrapper a.plus { top: 0; background-position: 50% -288px; }

.product-availability-section, .delivery-options-section, #freight-estimator { margin-top: 20px; width: 100%; }

#freight-estimator #freight-estimator-results { margin-top: 10px; }

#freight-estimator .check-delivery-timing { text-align: right; }

#freight-estimator .check-delivery-timing a { font-family: "OpenSans-Regular", sans-serif; }

#freight-estimator #freight-estimator-list { padding-left: 20px; }

#freight-estimator #freight-estimator-list .freight-estimator-row:not(.freight-estimate) { display: none; }

#freight-estimator #freight-estimator-list .freight-estimator-row.freight-estimate { list-style: disc; }

#freight-estimator #freight-estimator-list li { margin-bottom: 7px; }

#freight-estimator #freight-estimator-list li span + span { margin-left: 5px; }

#freight-estimator #freight-estimator-list li:last-child { font-style: italic; font-size: 12px; }

#freight-estimator #freight-estimator-inputs li:first-of-type { display: none; }

#freight-estimator #freight-estimator-inputs li.postcode { width: 59%; float: left; }

#freight-estimator #freight-estimator-inputs li.postcode + li { width: 38%; float: right; margin-left: 3%; }

#freight-estimator #freight-estimator-inputs li.postcode + li button { width: 100%; padding: 0px; font-weight: bold; padding: 10px 0px; }

.product-availability-section { background-color: #f6f5f4; padding: 24px; text-align: center; }

.product-availability-section .find-in-store { width: 100%; margin-top: 12px; }

.delivery-options-section { border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; }

.product-detail { /*** review stars ***/ }

.product-detail .review .date { color: #9b9d9d; }

.product-detail .reviewer strong { margin-left: 5px; }

.product-detail .review { margin-top: 15px; padding-top: 15px; border-top-width: 1px; text-align: left; }

.product-detail .additional-options { float: right; }

.product-detail .additional-options .add-wishlist { float: right; font-weight: normal; font-size: 12px; }

.product-detail .additional-options .add-registry, .product-detail .additional-options .find-in-store { margin-top: 15px; }

.product-detail .compare { margin: 0px; float: right; line-height: 15px; font-size: 14px; }

.product-detail .compare .compare-link-view { display: none; border-right: 1px solid #000; font-weight: normal; text-transform: capitalize; }

.product-detail .compare .compare-link-add { color: #000000; border-right: 1px solid #000; font-weight: normal; text-transform: capitalize; }

.product-detail .compare .compare-link-trigger { display: none; }

.product-detail .compare a:hover { color: #9b9d9d; }

.product-detail .compare.added .compare-link-add { display: none; }

.product-detail .compare.added .compare-link-view { display: block; }

.product-detail .compare a, .product-detail .additional-options .add-wishlist, .product-detail .additional-options .added-to-wishlist { padding: 0 9px 0 9px; text-decoration: underline; font-size: 12px; line-height: 15px; float: right; }

.product-detail h2 { font-size: 16px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; }

.product-detail .reviews { order: 3; text-align: center; padding-bottom: 24px; margin-bottom: 23px; border-bottom: 1px solid #d9d9d9; }

.product-detail .reviews .read-review:before { content: ""; display: block; position: absolute; height: 12px; width: 100%; border-right: 1px solid black; top: 27%; margin-top: 0px; left: 12px; }

.product-detail .reviews .links { clear: both; }

.product-detail .reviews .links a { text-decoration: underline; position: relative; }

.product-detail .reviews .links a:hover { color: #9b9d9d; }

.product-detail .reviews .stars-container { clear: both; }

.product-detail .reviews .review-count { display: none; }

.product-detail .reviews > h3 { display: none; }

.product-detail .reviews .avg { float: left; }

.product-detail .reviews .reviewer { float: left; margin-right: 5px; }

.product-detail .reviews .comment { clear: both; }

.product-detail .reviews .links, .product-detail .reviews .no-reviews { text-align: center; }

.product-detail .reviews .no-reviews { margin-right: 5px; }

.product-detail .reviews .no-reviews + .links a { margin-left: 0; }

.product-detail .reviews .review-group { clear: both; }

.product-detail .stars-container span.full, .product-detail .stars-container span.half, .product-detail .stars-container span.empty { width: 24px; height: 24px; margin-right: 5px; background: url(sprite.png) center -1249px no-repeat; background-size: 49px; }

.product-detail .stars-container span.half { background-position: center -1326px; }

.product-detail .stars-container span.empty { background-position: center -1402px; }

.product-detail .stars-container .review-count { display: none; }

.product-detail .additional-info-content .reviews .stars-container { float: none; }

.product-detail .additional-info-content .reviews .avg + .btn { float: right; }

.product-detail .additional-info-content .info-item.active { display: block; }

.product-detail .product-title h2 { text-transform: uppercase; font-size: 36px; }

.product-detail .form-item.cartbutton:before, .product-detail .form-item.cartbutton:after { content: ""; display: table; }

.product-detail .form-item.cartbutton:after { clear: both; }

.product-detail .social-media { display: none; }

.product-detail .social-media:before, .product-detail .social-media:after { content: ""; display: table; }

.product-detail .social-media:after { clear: both; }

.product-detail .social-media > div { float: left; margin-right: 10px; }

#body-wrapper .product-detail .links a { margin-right: 23px; }

.childproducts a#write-a-review-9 { margin-left: 0 !important; }

.click-and-collect a[data-toggle=popover] { color: #000000; font-size: 11px; vertical-align: super; text-decoration: none; cursor: pointer; }

.click-and-collect h4 { display: inline-block; position: relative; text-transform: uppercase; margin: 0; padding: 0; }

.click-and-collect .popover { min-width: 270px; }

.additional-info-links { margin: 7px 0; text-align: right; }

.additional-info-links li { margin-right: 5px; }

.additional-info { clear: both; margin-bottom: 2px; padding-top: 11px; }

.additional-info:before, .additional-info:after { content: ""; display: table; }

.additional-info:after { clear: both; }

.additional-info .nav { display: none; margin-bottom: 15px; }

.additional-info .info-item { display: block; visibility: visible; margin: 0px 0; }

.additional-info .info-item h2 { position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0; padding: 12px 0px; border-top-width: 1px; cursor: pointer; }

.additional-info .info-item ul { padding-left: 17px; }

.additional-info .info-item ul li { list-style-type: disc; }

.additional-info .info-item .eso-accordion-indicator { top: 12px; width: 50px; background-repeat: no-repeat; right: -12px; }

.additional-info .info-item .eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 13px -384px; }

.additional-info .info-item .eso-accordion-trigger .eso-accordion-indicator { background-position: 13px -436px; }

.additional-info .info-item .info-content { padding-bottom: 15px; }

.additional-info .info-item .animated-content { margin: 20px 0; }

.additional-info .info-item.open .animated-content { display: block !important; }

.additional-info .info-item.open h2 { background: url(sprite.png) 102% -994px no-repeat; background-size: 40px; }

.additional-info .additional-info-content > div { padding: 0; }

.add-to-cart { order: 4; position: relative; }

.add-to-cart .availability { color: #000000; font-size: 14px; font-family: "OpenSans-Regular", sans-serif; display: none; }

.add-to-cart .cart-options { position: relative; padding-top: 15px; }

.add-to-cart .cart-options .form-item > label { text-transform: uppercase; }

.add-to-cart .cart-options .form-item.cartbutton button { margin-bottom: 15px; }

.cross-sell > div h2 { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; text-align: center; }

.product-image figure { position: relative; }

.product-img .alternate-images .slick-dots { display: none !important; }

.alternate-images { margin: 0; padding: 0; width: 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.alternate-images img { width: 80px; }

.alternate-images li { float: left; }

.alternate-images .slick-prev:before { background-position: 0 -883px; }

.alternate-images .slick-next:before { background-position: 0 -946px; }

.alternate-images .video .indicator { background: url(video_play.png) no-repeat center center; position: absolute; height: 100%; width: 100%; left: 0; top: 0; }

.alternate-images a { background-size: cover; display: block; margin: 0 auto; }

.alternate-images a img { visibility: hidden; margin: 0 auto; }

.long-description.has-content:before { content: 'Product Description'; display: block; font-weight: bold; padding: 15px 0; border-bottom-width: 1px; text-transform: uppercase; margin-bottom: 20px; }

.long-description { display: none; }

.product-img { position: relative; }

.product-img .overlay { z-index: 2; }

.product-img .medium-image { display: block; position: relative; border-bottom: 1px solid #d9d9d9; }

.product-img a > img { position: relative; width: 100%; }

.modal .email-a-friend .image, .modal .rating-form .image { margin-bottom: 10px; text-align: center; }

.modal .email-a-friend .image img, .modal .rating-form .image img { width: 100%; }

.modal .email-a-friend form, .modal .rating-form form { clear: both; padding-top: 10px; }

.availability { text-align: left; padding-bottom: 5px; }

/*Search aspects*/
.aspects { margin: 30px 0; display: none; }

.aspects dl { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: 0; border-bottom-width: 1px; }

.aspects dl:before, .aspects dl:after { content: ""; display: table; }

.aspects dl:after { clear: both; }

.aspects dt, .aspects dd { border-top-width: 1px; padding: 10px 0; }

.aspects dt { width: 30%; }

.aspects dd { width: 70%; }

/*Pricing Matrix*/
.full-pricing { margin-bottom: 15px; text-align: center; }

.modal .price-matrix .matrix th, .modal .price-matrix .matrix td { border-bottom-width: 1px; }

.modal .price-matrix .matrix .available .pricing { cursor: pointer; }

.modal .price-matrix th img, .modal .price-matrix .selection img { border: 1px solid #e5e5e5; border-radius: 0; }

.modal .price-matrix h4 { float: left; clear: left; font-size: 14px; margin: 0px; line-height: 21px; text-align: left; }

.modal .price-matrix .selection span:first-child, .modal .price-matrix .selection img { margin-right: 5px; }

.modal .price-matrix .selection span:first-child { display: inline-block; width: 50px; font-weight: bold; }

.modal .price-matrix .selection img { width: 20px; }

.modal .price-matrix thead img + span { display: none; }

.modal .price-matrix .row { margin: 0; }

.modal .price-matrix table, .modal .price-matrix tbody, .modal .price-matrix tr, .modal .price-matrix td { display: block; }

.modal .price-matrix td:before, .modal .price-matrix td:after { content: ""; display: table; }

.modal .price-matrix td:after { clear: both; }

.modal .price-matrix th, .modal .price-matrix td { padding: 8px 10px; }

.modal .price-matrix th, .modal .price-matrix thead { display: none; }

.modal .price-matrix p { margin-bottom: 0; }

.modal .price-matrix .unavailable .pricing, .modal .price-matrix .unavailable .price { color: #9b9d9d; }

.modal .price-matrix .pricing { order: 1; text-align: right; }

.modal .price-matrix .pricing h4 { font-size: 14px; }

.modal .price-matrix .pricing h4 span + span { margin-left: 5px; }

.modal .price-matrix .price { float: none; padding-right: 0px; }

.modal .price-matrix .price:not(.save) { display: block; }

.modal .price-matrix .availabilitykey { margin-top: 20px; }

/*Quickview Modal Popup*/
.modal-dialog .product-content .form-item, .modal-dialog .product-detail .additional-options { width: 100% !important; }

.modal-dialog .popup-data.collapse, .modal-dialog .popup-data.collapsing { border-width: 1px 0; border-style: solid; border-color: #e5e5e5; padding: 0; }

.modal-dialog .popup-data.collapse > *, .modal-dialog .popup-data.collapsing > * { padding: 10px 0; }

.modal-dialog .popup-data.collapse img, .modal-dialog .popup-data.collapsing img { max-width: 100%; }

.modal-dialog .product-availability-section, .modal-dialog .delivery-options-section, .modal-dialog #freight-estimator, .modal-dialog .additional-info, .modal-dialog .product-detail h1 { display: none; }

.modal-dialog .cart-options, .modal-dialog .additional-info-links { opacity: 1; }

/* Find In Store */
#findinstore .modal-content .modal-body .find-in-store { padding: 0 0 15px; zoom: 1; border: none; background-color: white; }

#findinstore .modal-content .modal-body .find-in-store .product-options > form { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; }

#findinstore .modal-content .modal-body .find-in-store .stores, #findinstore .modal-content .modal-body .find-in-store .store-links { margin-bottom: 20px; }

#findinstore .modal-content .modal-body .find-in-store .details-form { width: 100%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .product-img .medium-image { display: block; pointer-events: none; cursor: default; }

#findinstore .modal-content .modal-body .find-in-store .details-form h2 { margin-top: 0; text-transform: uppercase; font-weight: 600; font-size: 23px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .product-description { order: 1; width: 100%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .product-description .style-number { display: none; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image { width: 43%; margin-right: 10px; margin-bottom: 15px; order: 2; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .product-img { width: 100%; border: 1px solid #9b9d9d; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .product-img .medium-image > img { display: block; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .product-img .social-media { display: none; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .alternate-images { display: none; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .overlay { position: absolute; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .overlay img { width: 100%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .top-horizontal, #findinstore .modal-content .modal-body .find-in-store .details-form .image .bottom-horizontal { width: 30%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .bottom-horizontal.small-overlay, #findinstore .modal-content .modal-body .find-in-store .details-form .image .top-horizontal.small-overlay { width: 36%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .top-horizontal { left: 0; top: 0; }

#findinstore .modal-content .modal-body .find-in-store .details-form .image .bottom-horizontal { right: 0; bottom: 0; }

#findinstore .modal-content .modal-body .find-in-store .details-form .back { margin: 10px 0; display: block; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-name { font-weight: 600; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections { order: 3; width: 52%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item { margin-bottom: 10px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item:before, #findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item:after { content: ""; display: table; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item:after { clear: both; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item > label { width: 30%; float: left; display: inline-block; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.quantity { display: none; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections input, #findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .fake-select { width: 100%; float: left; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections input.single .selected, #findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .fake-select.single .selected { border-width: 1px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.size .fake-select .selected span + span { display: none; }

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.size .fake-select li.disabled label, #findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.colour .fake-select li.disabled label { cursor: not-allowed; background-color: #d9d9d9; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections { order: 4; width: 100%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .success { display: none; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item { margin-bottom: 10px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item.search { float: none; width: 100%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item.search:before, #findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item.search:after { content: ""; display: table; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item.search:after { clear: both; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections button { width: 37%; float: right; margin: 0; font-weight: normal; font-size: 12px; letter-spacing: 1px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections input { width: 63%; float: left; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table { width: 100%; border-top: 1px solid #9b9d9d; border-bottom: 1px solid #9b9d9d; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table td { vertical-align: top; padding: 5px 0; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table td.store-details { font-weight: 600; text-align: right; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table td.store-details a.details { font-weight: normal; text-decoration: underline; letter-spacing: 1px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table img { height: 28px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table p { margin-bottom: 0; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info.instructions { order: 5; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info.results { order: 6; display: block; width: 100%; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .availability { font-weight: 600; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .availability.available { color: #5cb85c; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .availability.unavailable { color: #d9534f; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .store-name { font-weight: bold; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .store-name .distance { font-weight: normal; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .back { text-decoration: underline; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .directions .map-link a { text-decoration: none; color: #fff; display: inline-block; margin: 10px 0; text-align: center; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .directions .map-link a:hover { background-color: black; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores { border-top: 1px solid #9b9d9d; padding-top: 11px; margin-top: 18px; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store { display: flex; flex-direction: column; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-name { order: 1; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-address { order: 2; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-details { order: 3; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-image { order: 4; width: 50%; height: auto; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores div[itemprop="department"] { display: none; }

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .disclaimer { margin-bottom: 25px; }

#findinstore .modal-content .modal-body .find-in-store .details-form button { margin: 10px 0; }

#findinstore .modal-content .modal-body .find-in-store .google-map-holder { position: relative; margin: 0; padding-top: 66%; width: 100%; display: inline-block; }

#findinstore .modal-content .modal-body .find-in-store .google-map-holder #estar_map_location { position: absolute !important; }

@media (max-width: 767px) { #findinstore .modal-content .modal-body .google-map-holder button[title~="fullscreen"] { display: none; } }
/*slick slider breakpoint*/
@media (min-width: 480px) { .product-detail .medium-image > img { display: block; }
  .alternate-images li { padding: 0 10px; text-align: center; } }
/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .productpage { /* Composite tablet*/ /* product extra */ /* Composite tablet*/ }
  .productpage h1 { text-align: left; font-size: 26px; margin-top: 12px; }
  .productpage #breadcrumbs { margin-top: 26px; }
  .productpage .product-group .product-img { width: 44%; }
  .productpage .product-group .product-content { width: 50%; }
  .productpage .product-group .product-availability-section, .productpage .product-group .delivery-options-section, .productpage .product-group #freight-estimator #freight-estimator-inputs { margin-top: 20px; width: 49%; }
  .productpage .product-group .childproducts .product-img { width: 30%; float: left; }
  .productpage .product-group .childproducts .product-content { width: 60%; float: left; margin: 0; border: 0; }
  .productpage .product-group .childproducts h2, .productpage .product-group .childproducts .availability, .productpage .product-group .childproducts .style-number { text-align: left; }
  .productpage .product.product-top .childproducts .product-img { width: 30%; float: left; }
  .productpage .product.product-top .childproducts .product-content { width: 60%; float: left; margin: 0; border: 0; }
  .productpage .product.product-top .childproducts h2, .productpage .product.product-top .childproducts .availability, .productpage .product.product-top .childproducts .style-number { text-align: left; }
  .productpage .what-is-this { text-align: right; }
  .productpage .slick-prev, .productpage .slick-next { top: 50%; }
  .productpage .alternate-images .slick-prev { left: -27px; }
  .productpage .alternate-images .slick-next { right: -27px; }
  #main h4 button.btn { top: -15px; right: 168px; }
  .product-detail { /*** review stars ***/ }
  .product-detail .social-media { float: left; clear: left; }
  .product-detail .form-item.cartbutton button { width: 100%; }
  .product-detail .product-content .cart-options .additional-options .find-in-store { margin: 0; }
  .product-detail .product-content .cart-options .additional-options .add-registry { margin-top: 0px; }
  .product-detail .stars-container span.full, .product-detail .stars-container span.half, .product-detail .stars-container span.empty { width: 15px; height: 15px; margin-right: 7px; background: url(sprite.png) center -1021px no-repeat; background-size: 40px; }
  .product-detail .stars-container span.half { background-position: center -1084px; }
  .product-detail .stars-container span.empty { background-position: center -1146px; }
  /*Pricing Matrix*/
  .full-pricing { text-align: left; }
  #modal-popup .product-detail .additional-options button { width: 100%; }
  #modal-popup .product-detail #modal-popup .links a { margin-right: 5px; }
  .product-img { float: left; width: 57%; }
  .magnify-zoomed { border-width: 1px; }
  .product-content { margin-top: 0; clear: none; float: right; width: 38%; }
  .product-content h1 { margin-bottom: 0; padding: 0; }
  .product-content .pricing { text-align: left; }
  .product-content .reviews { text-align: left; clear: both; }
  .product-content .reviews .stars-container { float: left; margin-right: 10px; }
  .product-content .reviews .links, .product-content .reviews .no-reviews { float: left; margin: 2px 0 0; text-align: left; }
  .product-content .style-number { text-align: left; }
  .product-content .form-item.quantity label { display: none; width: 100%; }
  .alternate-images { position: relative; margin: 10px auto; top: auto; left: auto; width: 96%; }
  .alternate-images a { background: none !important; padding-top: 0; }
  .alternate-images a > img { display: inline-block; visibility: visible; border: 1px solid #d9d9d9; }
  .alternate-images li { padding: 0 10px; text-align: center; }
  .alternate-images .video .indicator { background: url(video_play.png) no-repeat center center; height: 100%; width: 100%; left: 0; top: 0; }
  .modal .rating-form .image, .modal .email-a-friend .image { float: left; width: 40%; }
  .modal .rating-form .pricing, .modal .rating-form .long-description, .modal .email-a-friend .pricing, .modal .email-a-friend .long-description { width: 55%; float: right; }
  /*Pricing Matrix*/
  .modal .price-matrix h4 { display: none; }
  .modal .price-matrix thead { display: table-header-group; }
  .modal .price-matrix tbody { display: table-row-group; }
  .modal .price-matrix tr { display: table-row; }
  .modal .price-matrix th, .modal .price-matrix td { display: table-cell; }
  .modal .price-matrix .pricing { text-align: center; }
  .modal .price-matrix .price { float: none; font-weight: normal; font-size: 12px; letter-spacing: 1px; }
  .modal .price-matrix .price:not(.save) { display: initial; }
  .modal .price-matrix .price.was { padding-right: 6px; }
  .modal .price-matrix .matrix th, .modal .price-matrix .matrix td { text-align: center; }
  .modal .price-matrix .matrix td.available:hover { background-color: #f6f5f4; }
  .modal .price-matrix table { display: table; }
  .modal .price-matrix table.matrix { display: block; overflow-x: auto; }
  .modal .price-matrix th img { max-width: 30px; }
  .additional-info { margin-bottom: 58px; padding-top: 50px; }
  .additional-info .nav { margin-bottom: 0; border: none; }
  .additional-info .nav > li.active a { border: none; font-weight: bold; color: #000000; }
  .additional-info .nav > li.active a:hover, .additional-info .nav > li.active a:active, .additional-info .nav > li.active a:visited, .additional-info .nav > li.active a:link { color: initial; background-color: #fff; border: none; cursor: default; }
  .additional-info .nav > li a { color: #9b9d9d; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 14px; }
  .additional-info .nav > li a:hover { background-color: #fff; border-bottom: none; border-color: #fff; }
  .productpage .laybuy-popup-content ul li { width: 23%; }
  .product-availability-section, .delivery-options-section, #freight-estimator { margin-top: 20px; clear: right; float: right; width: 38%; }
  .product-availability-section #freight-estimator-inputs li.postcode, .delivery-options-section #freight-estimator-inputs li.postcode, #freight-estimator #freight-estimator-inputs li.postcode { width: 60%; }
  .product-availability-section #freight-estimator-inputs li.postcode + li, .delivery-options-section #freight-estimator-inputs li.postcode + li, #freight-estimator #freight-estimator-inputs li.postcode + li { width: 40%; margin-left: 0%; }
  .product-availability-section .check-delivery-timing, .delivery-options-section .check-delivery-timing, #freight-estimator .check-delivery-timing { text-align: left; }
  .product-availability-section { text-align: left; } }
/*** TABLETS ONLY ***/
@media (min-width: 768px) and (max-width: 1150px) { .product-group .childproducts .additional-options .add-wishlist, .product-group .childproducts .additional-options .added-to-wishlist { font-size: 12px; } }
@media (min-width: 992px) { #freight-estimator #freight-estimator-inputs li.postcode { width: 70%; }
  #freight-estimator #freight-estimator-inputs li.postcode + li { width: 30%; }
  .additional-info .nav { display: block; }
  .additional-info-content { border: 1px solid #d9d9d9; padding: 26px; }
  .additional-info-content h2 { display: none; }
  .additional-info-content .info-item.active .info-content { display: block; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .alternate-images .video { position: relative; display: block; }
  .alternate-images .video .indicator { position: absolute; background: url(video_play.png) no-repeat center center; height: 100%; width: 100%; left: 0; top: 0; }
  .productpage .main-container { padding-top: 0; }
  .productpage .product-detail .form-item.colour, .productpage .product-detail .form-item.size { width: 47.6%; display: inline-block; }
  .productpage .product-detail .form-item.colour { margin-right: 4.5%; }
  .productpage .product.product-top .magnify-holder { display: block; }
  .productpage .childproducts .product-img { width: 30%; }
  .productpage .childproducts .product-content { width: 60%; }
  /* Find In Store */
  #findinstore .modal-dialog { width: 800px; }
  #findinstore .modal-content .modal-body .find-in-store .details-form { width: 350px; display: inline-block; float: left; text-align: left; }
  #findinstore .modal-content .modal-body .find-in-store .google-map-holder { width: 385px; margin-left: 15px; display: inline-block; padding-top: 0; float: right; }
  #findinstore .modal-content .modal-body .find-in-store .google-map-holder #estar_map_location { position: relative !important; height: 385px; width: 385px; } }
.availability-email-container:not(.all-unavailable) { display: none; }

.availability-email-prompt { font-size: 18px; color: #d9534f; }

.availability-email-form { display: none; }

.availability-email-form legend { font-size: 18px; }

.availability-email-form li:last-child { margin-bottom: 0; }

@media (min-width: 768px) { .availability-email-form li.submit { text-align: right; }
  .availability-email-form li.submit button { width: 50%; } }
.availability-email-form li.submit button.loading { background-image: url(button-ajax-loader.gif); background-position: 90% 50%; background-repeat: no-repeat; }

.availability-email-active .availability-email-container, .availability-email-active .availability-email-form { display: block; }

.availability-email-active .form-item.cartbutton, .availability-email-active button.add-wishlist, .availability-email-active button.add-registry, .availability-email-active .form-item.quantity *, .availability-email-active .childproducts, .availability-email-all-items .form-item.cartbutton, .availability-email-all-items button.add-wishlist, .availability-email-all-items button.add-registry, .availability-email-all-items .form-item.quantity *, .availability-email-all-items .childproducts { display: none !important; }

@media (min-width: 768px) and (max-width: 1150px) { .product-detail .compare a, .product-detail .additional-options .add-wishlist, .product-detail .additional-options .added-to-wishlist { padding: 0 7px 0 5px; text-decoration: underline; font-size: 11px; }
  /* Composite Products */
  .productpage .product-group .product-content .form-item.cartbutton { width: 100%; }
  .productpage .product-group .product-content .form-item.quantity { width: 50%; }
  .productpage .product-group .product-content .form-item.quantity > label { display: block; } }
/* ========= PRODUCT DETAIL COMPONENT END ========= */

/* ========= ONLINE BOOKS COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.onlinebooks h1 { margin-bottom: 26px; }

.onlinebooks #left-nav { display: none; }

.onlinebooks #page-content { width: 100%; float: none; }

.onlinebooks .book-list img { max-width: 100%; width: 100%; display: block; }

.onlinebooks .book-list ul { margin: 0 -15px; padding: 0; }

.onlinebooks .book-list ul:after { content: ""; height: 0; display: block; clear: left; }

.onlinebooks .book-list ul li { float: left; width: 50%; padding: 0 15px; margin-bottom: 20px; }

.onlinebooks .book-list ul a { display: block; text-align: center; }

.onlinebooks .book-list ul .cover-image + a { margin: 10px 0; }

.onlinebooks .slick-prev, .onlinebooks .slick-next, .onlinebooks .slick-start, .onlinebooks .slick-end { height: 60px; opacity: 0.3; background-color: black; }

.onlinebooks .slick-prev:before, .onlinebooks .slick-next:before, .onlinebooks .slick-start:before, .onlinebooks .slick-end:before { display: block; color: white; padding: 30px 20px; }

@media (min-width: 480px) { .onlinebooks .book-list ul li { width: 33.333333%; } }
@media (min-width: 768px) { .onlinebooks .book-list ul li { width: 25%; } }
@media (min-width: 992px) { .onlinebooks .book-list ul li { width: 20%; } }
.onlinebooks #page-content { width: 100%; float: none; }

.onlinebooks #main .products { display: none; margin-top: 30px; }

.onlinebooks .print-onlinebook { margin-bottom: 10px; }

.onlinebooks .download-onlinebook { display: none; margin-bottom: 10px; }

.onlinebooks .download-onlinebook:disabled { background-color: #9b9d9d; cursor: default; color: #d9d9d9; }

.onlinebooks .book-detail { position: relative; }

.onlinebooks .book-detail button { min-width: 0; }

.onlinebooks .book-detail.loading { display: block; visibility: visible; width: 100%; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #FFF; }

.onlinebooks .slick-slide img { max-width: 100%; width: 100%; }

.onlinebooks .slick-active .slick-loading { width: 100%; visibility: visible; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #fff; }

.onlinebooks .top-navigation { border-top: 3px solid #e5e5e5; }

.onlinebooks .top-navigation ul { text-align: center; margin: 10px 0; }

.onlinebooks .top-navigation li { display: inline-block; vertical-align: middle; }

.onlinebooks .top-navigation label { width: auto; margin: 0; }

.onlinebooks .top-navigation .slick-prev, .onlinebooks .top-navigation .slick-next, .onlinebooks .top-navigation .slick-start, .onlinebooks .top-navigation .slick-end { position: relative; margin: 0; min-width: 0; top: 30px; }

.onlinebooks .top-navigation .slick-prev:before, .onlinebooks .top-navigation .slick-next:before, .onlinebooks .top-navigation .slick-start:before, .onlinebooks .top-navigation .slick-end:before { display: block; color: white; padding: 30px 20px; }

.onlinebooks .top-navigation .slick-start, .onlinebooks .top-navigation .slick-end { display: block; height: 60px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; padding: 0; outline: none; z-index: 2; min-width: 0; text-indent: -999999px; border-radius: 0; outline: none; top: 0; background-image: none; }

.onlinebooks .top-navigation .slick-start:before, .onlinebooks .top-navigation .slick-end:before { display: block; content: ""; color: white; opacity: 0.75; padding: 30px 20px; background-repeat: no-repeat; background-size: 40px; background-image: url(/Assets/sprite.png), url(/Assets/sprite.png); }

.onlinebooks .top-navigation .slick-start:hover:before, .onlinebooks .top-navigation .slick-end:hover:before { opacity: 1; }

.onlinebooks .top-navigation .slick-start.slick-disabled:before, .onlinebooks .top-navigation .slick-end.slick-disabled:before { opacity: 0.25; }

.onlinebooks .top-navigation .slick-start:before { background-position: -5px -432px, 5px -432px; }

.onlinebooks .top-navigation .slick-end:before { background-position: -5px -371px, 5px -371px; }

.onlinebooks .bottom-navigation ul { text-align: right; margin: 10px 0; }

.onlinebooks .bottom-navigation li { display: inline-block; vertical-align: middle; }

.onlinebooks .slick-slider .slick-prev { left: 0; }

.onlinebooks .slick-slider .slick-next { right: 0; }

.onlinebooks .slick-prev:before { background-position: 0 -431px; }

.onlinebooks .slick-next:before { background-position: 0 -370px; }

.onlinebooks .catalouge-slider { border-bottom: 3px solid #e5e5e5; border-top: 3px solid #e5e5e5; }

.onlinebooks .catalouge-slider button { border: 1px solid #e5e5e5; }

.onlinebooks .catalouge-slider-thumbs { border-bottom: 3px solid #e5e5e5; border-top: 3px solid #e5e5e5; }

.onlinebooks .catalouge-slider-thumbs button { border: 1px solid #e5e5e5; }

.onlinebooks .slick-slide { position: relative; }

.onlinebooks .catalouge-nav-slider .slick-track { margin: 0 auto; }

.onlinebooks .catalouge-nav-slider .slick-slide > img { cursor: pointer; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }

.onlinebooks .slick-slide .slider-hotspots a { text-indent: -99999px; position: absolute; cursor: pointer; }

.onlinebooks .add-slides ul { text-align: center; margin: 0 0  30px; padding: 0; list-style: none; }

.onlinebooks .tooltip { font-size: smaller; padding: 5px; position: absolute; width: 100px; min-height: 160px; height: auto; border: 1px solid #e5e5e5; background: #fff; z-index: 99; opacity: 1; }

.onlinebooks .tooltip.alignLHS { right: 120%; }

.onlinebooks .tooltip.alignRHS { left: 120%; }

.onlinebooks .tooltip .tooltipHeading { text-indent: initial; }

.onlinebooks .tooltip img { border: 0; max-width: 100%; width: 100%; height: auto; display: block; }

.onlinebooks .tooltip.loading { display: block; visibility: visible; width: 100px; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #FFF; }

@media (min-width: 768px) { .onlinebooks h1 { margin-bottom: 40px; }
  .tooltip { width: 150px; min-height: 210px; }
  .tooltip img { max-width: 100%; width: 100%; height: auto; }
  .onlinebook-buttons { text-align: right; }
  .print-onlinebook { margin-left: 10px; margin-bottom: 0; } }
@media print { .onlinebooks #main .products { page-break-before: always; display: block; }
  .onlinebooks img { max-width: 100% !important; }
  .onlinebooks .book-detail .slick-track { width: 100% !important; transform: none !important; }
  .onlinebooks .book-detail .slick-slide { display: none; }
  .onlinebooks .book-detail .slick-active { width: 50% !important; display: block !important; }
  .onlinebooks .book-detail .top-navigation, .onlinebooks .book-detail .catalouge-nav-slider, .onlinebooks .book-detail .slider-hotspots, .onlinebooks .book-detail .slick-loading { display: none; }
  .onlinebooks .onlinebook-buttons { display: none; }
  .onlinebooks footer, .onlinebooks header, .onlinebooks .back-top { display: none; } }
/* ========= ONLINE BOOKS COMPONENT ========= */

/* ========= SITEMAP COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.sitemap h1 { margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 20px; font-weight: normal; }

.sitemap.infopage .sitemap-content a { color: #000000; }

.sitemap.infopage .sitemap-content > ul > li { border-top-width: 1px; padding: 15px 0 0; margin: 15px 0 0; font-size: 20px; }

.sitemap.infopage .sitemap-content > ul > li > a, .sitemap.infopage .sitemap-content > ul > li > span { margin-bottom: 10px; display: block; font-weight: normal; font-size: 20px; }

.sitemap.infopage .sitemap-content ul li, .sitemap.infopage .sitemap-content > ul > li > ul > li { font-weight: 600; padding-left: 10px; }

.sitemap.infopage .sitemap-content ul li > a, .sitemap.infopage .sitemap-content > ul > li > ul > li > a { margin-bottom: 10px; display: block; }

.sitemap.infopage .sitemap-content ul li li { font-weight: normal; font-size: 14px; margin-bottom: 10px; }

.sitemap.infopage .sitemap-content > ul > li > ul > li { margin-bottom: 10px; }

.sitemap.infopage #left-nav { display: none; }

.sitemap.infopage #page-content { width: 100%; }

@media (min-width: 768px) { .sitemap main h1 { text-align: left; font-size: 26px; margin-top: 3px; margin-bottom: 16px; }
  .sitemap.infopage .sitemap-content > ul > li { float: left; width: 33%; }
  .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: both; } }
@media (min-width: 1150px) { .sitemap.infopage .sitemap-content > ul > li { width: 25%; }
  .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: none; }
  .sitemap.infopage .sitemap-content > ul > li:nth-child(4n+1) { clear: both; } }
/* ========= SITEMAP COMPONENT END ========= */

/* ========= CUSTOMER COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.login.accountpage fieldset .note { margin-left: 0; }

.accountpage #main { padding: 20px 0px; }

.accountpage #main form > .next-previous:first-of-type { display: none; }

.customer.existing li > label { display: none; }

.history main .order-summary .total { text-align: right; }

.history main .order-summary .order-no a { text-decoration: underline; }

.history main .next-previous .btn.prev { margin-bottom: 10px; }

.history main .cart .next-previous:first-of-type { display: none; }

/*Interest Groups*/
form .interest-groups .column { float: left; max-width: 300px; width: 45%; }

form .interest-groups .column-1 { margin-right: 3%; }

form .interest-groups label + .note { margin: 0 0 25px 0; }

form .interest-groups p + ol > li { border-bottom-width: 1px; margin-bottom: 15px; }

form .interest-groups p + ol > li:before, form .interest-groups p + ol > li:after { content: ""; display: table; }

form .interest-groups p + ol > li:after { clear: both; }

form .interest-groups input + label { width: 90%; }

form .interest-groups .column input + label { width: 75%; }

@media (min-width: 768px) { .login.accountpage #page-content { width: 100%; float: none; }
  .login.accountpage #left-nav { display: none; }
  .accountpage .birthday, .accountpage .Birthday { width: 100%; }
  .accountpage .Birthday input { width: 47%; }
  .accountpage #main .customer.existing { width: 45%; float: left; margin-right: 10%; }
  .accountpage #main .customer.new { float: left; padding: 20px; text-align: left; }
  .accountpage #main .customer.new .new-cust { width: 100%; padding: 10px; }
  .accountpage #main .next-previous { padding: 40px 0 20px; clear: both; }
  .accountpage #main form > .next-previous:first-of-type { display: none; }
  .history .rebuild { text-align: right; }
  .history .rebuild-options { text-align: right; padding: 10px 0; border-bottom-width: 1px; }
  .history .rebuild-options a { margin-left: 10px; }
  .history .summary-table .qty { padding: 0px 8px; }
  .history .next-previous .btn.prev { margin-bottom: 0px; }
  .history .cart-summary { font-size: 12px; }
  .history .cart-summary .summary-block h2 { font-size: 16px; margin-bottom: 12px; } }
/*** TABLETS ***/
@media (min-width: 768px) and (max-width: 992px) { .accountpage.history #main .next-previous .btn { width: 100%; }
  .accountpage.history #main .next-previous .btn:first-of-type { margin-bottom: 10px; } }
@media (min-width: 1150px) { .accountpage .Birthday input { width: 40%; } }
/* ========= CUSTOMER COMPONENT END ========= */

/* ========= SHOPPING CART COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.cart-total .freight-provider { padding-left: 10px; display: none; }

/* if logged in we want to change the numbers of the cart breadcrumbs to match the login step changing */
.loggedin.cartpage #breadcrumbs .breadcrumb-container .breadcrumb .homelink { display: none; }

.loggedin.cartpage #breadcrumbs .breadcrumb-container .breadcrumb .payment:before { content: "3"; }

.loggedin.cartpage #breadcrumbs .breadcrumb-container .breadcrumb .complete:before { content: "4"; }

/* if we are on the payment page these particular breadcrumbs contain links */
.loggedin.cartpage:not(.payment):not(.delivery) #breadcrumbs .breadcrumb-container .breadcrumb .review:before { content: "1"; }

.loggedin.cartpage:not(.payment):not(.delivery) #breadcrumbs .breadcrumb-container .breadcrumb .delivery:before { content: "2"; }

.loggedin.cartpage.payment #breadcrumbs .breadcrumb-container .breadcrumb .review a:before, .loggedin.cartpage.delivery #breadcrumbs .breadcrumb-container .breadcrumb .review a:before { content: "1"; }

.loggedin.cartpage.payment #breadcrumbs .breadcrumb-container .breadcrumb .delivery a:before { content: "2"; }

.loggedin.cartpage.delivery #breadcrumbs .breadcrumb-container .breadcrumb .delivery:before { content: "2"; }

.cartpage { /* We are not logged in so we need to appropriately select the elements with a tags and change their content */ }

.cartpage h1 { text-align: center; font-size: 22px; margin-top: 6px; }

.cartpage .cart .next-previous { display: flex; flex-direction: column-reverse; }

.cartpage #breadcrumbs { display: block; }

.cartpage #breadcrumbs .breadcrumb-container { padding: 0 15px; }

.cartpage .breadcrumb { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; position: relative; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 8px 0; margin-top: 14px; }

.cartpage .breadcrumb:after { content: ""; display: block; position: absolute; height: 1px; background: #e5e5e5; margin: 0 auto; left: 0; right: 0; width: 100%; margin-top: 20px; position: absolute; }

.cartpage .breadcrumb > li + li:before { content: ""; padding: 0px; }

.cartpage .breadcrumb li { font-size: 12px; letter-spacing: 0.5px; background-color: #fff; z-index: 1; padding: 7px 13px; border-width: 1px; text-align: center; width: 35px; height: 35px; margin-top: 6px; border-radius: 50%; position: relative; font-family: "OpenSans-Regular", sans-serif; }

.cartpage .breadcrumb li span { display: none; color: #9b9d9d; }

.cartpage .breadcrumb li a { text-decoration: none; }

.cartpage .breadcrumb li a:hover { color: #9b9d9d; }

.cartpage .breadcrumb .on { background-color: #f6f5f4; }

.cartpage .breadcrumb .on span { color: #9b9d9d; }

.cartpage .breadcrumb .on:before { color: #9b9d9d; }

.cartpage .breadcrumb .homelink { display: none; }

.cartpage .breadcrumb .login:before { content: "2"; padding: 0; }

.cartpage .breadcrumb .payment:before { content: "4"; padding: 0; }

.cartpage .breadcrumb .complete:before { content: "5"; padding: 0; }

.cartpage:not(.payment):not(.delivery):not(.loggedin):not(.login) .breadcrumb .review:before { content: "1"; padding: 0; }

.cartpage:not(.payment):not(.delivery):not(.loggedin):not(.login) .breadcrumb .delivery:before { content: "3"; padding: 0; }

.cartpage.payment:not(.loggedin) .breadcrumb .review a:before, .cartpage.delivery:not(.loggedin) .breadcrumb .review a:before { content: "1"; padding: 0; }

.cartpage.payment:not(.loggedin) .breadcrumb .delivery a:before, .cartpage.delivery:not(.loggedin) .breadcrumb .delivery a:before { content: "3"; padding: 0; }

.cartpage.delivery:not(.loggedin) .breadcrumb .delivery:before { content: "3"; padding: 0; }

.cartpage.login .breadcrumb .review a:before { content: "1"; padding: 0; }

.cartpage.login .breadcrumb .delivery:before { content: "3"; padding: 0; }

.cartpage .next-previous, .cartpage .accountpage .next-previous { clear: both; }

.cartpage .next-previous .btn.prev, .cartpage .accountpage .next-previous .btn.prev { margin-top: 15px; }

.cartpage .next-previous:first-of-type, .cartpage .accountpage .next-previous:first-of-type { display: none; }

.cartpage #page-content { width: 100%; }

.cartpage #left-nav { display: none; }

.cartpage .page-container .hint { font-size: 11px; margin-bottom: 5px; display: inline-block; font-weight: normal; }

.cartpage .page-container .hint.popup-link { display: inline-block; padding-left: 5px; }

.cartpage .empty { margin: 10px 0; }

.cartpage .customer { margin-top: 15px; }

.cartpage .cart-summary-panel .item-summary .total { text-align: right; }

.cartpage .fake-select li { width: 100% !important; }

.cartpage .gift-info li.text-field input + label { width: 80px; }

.cartpage .card-expiry select { width: 48%; display: inline-block; }

.cartpage .card-expiry select + select { margin-left: 4%; }

.cartpage .card-expiry select .main-container .customer.existing p.note { display: none; }

.cartpage .update { display: inline-block; width: 100%; margin: 8px 0px; }

.cartpage .update .hint { width: 63%; margin-right: 4%; vertical-align: middle; display: inline-block; font-size: 14px; margin-bottom: 0px; }

.cartpage .update button { width: 33%; vertical-align: middle; }

.cartpage .repeat-order { display: none; }

.cartpage.review #page-content .cart-summary { display: none; }

.cartpage.review .summary-table th, .cartpage.complete .summary-table th { font-size: 12px; text-transform: uppercase; font-weight: normal; padding-bottom: 8px; }

.cartpage.review .summary-table th.total, .cartpage.complete .summary-table th.total { text-align: right; }

.cartpage.review .summary-table tr, .cartpage.complete .summary-table tr { font-size: 12px; }

.cartpage.review .summary-table tr td.total, .cartpage.complete .summary-table tr td.total { text-align: left; }

.cartpage.review .summary-table .qty, .cartpage.complete .summary-table .qty { margin-bottom: 10px; }

.cartpage.review .summary-table .item .item-detail, .cartpage.complete .summary-table .item .item-detail { font-size: 12px; }

.cartpage.review .summary-table .item .item-detail h4, .cartpage.complete .summary-table .item .item-detail h4 { margin-bottom: 0px; order: initial; width: 75%; }

.cartpage.review .summary-table .item .item-detail h4 a, .cartpage.complete .summary-table .item .item-detail h4 a { font-weight: bold; text-transform: uppercase; }

.cartpage.review .summary-table .item .item-detail .style-number, .cartpage.complete .summary-table .item .item-detail .style-number { order: initial; display: block; color: #9b9d9d; }

.cartpage.review .summary-table .item .item-detail .selections, .cartpage.complete .summary-table .item .item-detail .selections { font-size: 12px; font-weight: bold; margin-bottom: 10px; }

.modify { display: block; margin-top: 21px; }

.cart-summary .summary-block { padding-bottom: 10px; border-top-width: 1px; }

.cart-summary .summary-block .info-container { margin: 20px 0; }

.cart-summary .summary-block .info-container .cart-total .total { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }

.cart-summary .summary-block .confirm-summary { width: 100%; }

.cart-summary .summary-block .confirm-summary tr td { padding-bottom: 5px; }

.cart-summary .summary-block .confirm-summary tr td:first-child { padding-right: 10px; }

.cart-summary .summary-block .summary-block p { margin-bottom: 5px; }

.cart-summary .summary-block:last-child { border-bottom-width: 1px; margin-bottom: 15px; }

.cart-summary .summary-block h2 { font-size: 18px; position: relative; padding: 15px 0 0; margin: 0 0 5px; }

.cart-summary .summary-block h2.eso-accordion-trigger { cursor: pointer; }

.cart-summary .summary-block h2.eso-accordion-trigger.collapsed .eso-accordion-indicator { background-position: 11px -382px; }

.cart-summary .summary-block h2.eso-accordion-trigger .eso-accordion-indicator { background-position: 12px -433px; top: 12px; width: 50px; background-repeat: no-repeat; }

.cart-summary .summary-block h2 .eso-accordion-indicator { margin-top: 2px; }

.cart-summary .summary-block p { margin-bottom: 0; }

.cart-summary .item-summary { width: 100%; margin-top: 5px; }

.cart-summary .item-summary td { padding-bottom: 10px; }

.cart-summary #zipRepayCalc { margin-bottom: 10px; }

.cart .content h2 { font-size: 16px; }

.cart .masterpass-express, .cart .afterpay { display: block; margin-top: 15px; }

.cart .item-detail .click-and-collect { padding: 10px 0; }

.item .cart-summary:nth-child(n+2) td { padding-top: 15px; }

.cart-extras { clear: both; padding: 25px 0 15px; text-align: center; }

.cart-extras a:first-child { margin-right: 1em; }

.postcode button { width: auto; }

main table.summary-table, #cart-item-added table, .order-summary { width: 100%; }

main table.summary-table tr, #cart-item-added table tr, .order-summary tr { position: relative; display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; }

main table.summary-table tr:before, main table.summary-table tr:after { content: ""; display: table; }

main table.summary-table .item-detail, main table.summary-table .qty, main table.summary-table .pricing, main table.summary-table .total { float: right; clear: right; width: 62%; }

main table.summary-table .actions ul, main table.summary-table .actions li { margin-bottom: 0; }

main table.summary-table #cart-item-added table .item-detail, main table.summary-table #cart-item-added table .qty, main table.summary-table #cart-item-added table .pricing, main table.summary-table #cart-item-added table .total { float: right; clear: right; width: 57%; }

main table.summary-table .order-summary .item-detail, main table.summary-table .order-summary .qty, main table.summary-table .order-summary .pricing, main table.summary-table .order-summary .total { float: right; clear: right; width: 57%; }

main table.summary-table main table.summary-table .total, main table.summary-table main table.summary-table .pricing, main table.summary-table main table.summary-table .qty { margin-top: 10px; }

main table.summary-table #cart-item-added table .actions ul, main table.summary-table #cart-item-added table .actions li { margin-bottom: 0; }

main table.summary-table #cart-item-added table .total, main table.summary-table #cart-item-added table .pricing, main table.summary-table #cart-item-added table .qty { margin-top: 10px; }

main table.summary-table .order-summary .actions ul, main table.summary-table .order-summary .actions li { margin-bottom: 0; }

main table.summary-table .order-summary .total, main table.summary-table .order-summary .pricing, main table.summary-table .order-summary .qty { margin-top: 10px; }

main table.summary-table .pricing p, main table.summary-table #cart-item-added table .pricing p, main table.summary-table .order-summary .pricing p { margin-bottom: 0; }

main table.summary-table .total span:before, main table.summary-table #cart-item-added table .total span:before, main table.summary-table .order-summary .total span:before { content: "Sub Total: "; }

main table.summary-table .qty input, main table.summary-table #cart-item-added table .qty input, main table.summary-table .order-summary .qty input { text-align: center; }

main table.summary-table .actions, main table.summary-table #cart-item-added table .actions, main table.summary-table .order-summary .actions { clear: right; width: 55%; float: right; }

main table.summary-table .actions .remove, main table.summary-table #cart-item-added table .actions .remove, main table.summary-table .order-summary .actions .remove { position: absolute; right: 0; top: 0; }

main table.summary-table .item-detail { text-align: left; border-top: none; }

main table.summary-table .qty input { width: 18%; display: inline; }

#cart-item-added table tr:before, #cart-item-added table tr:after { content: ""; display: table; }

.order-summary tr:before, .order-summary tr:after { content: ""; display: table; }

main table.summary-table tr:after, #cart-item-added table tr:after, .order-summary tr:after { clear: both; }

main table.summary-table td, #cart-item-added table td, .order-summary td { display: block; }

main table.summary-table th, #cart-item-added table th, .order-summary th { display: none; }

main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure { width: 33%; margin-right: 10px; }

main table.summary-table .item-detail h4, #cart-item-added table .item-detail h4, .order-summary .item-detail h4 { margin-top: 0; }

table.summary-table td.item figure, #cart-item-added table td.item figure { float: left; }

table.summary-table td.item .brand, #cart-item-added table td.item .brand { margin-top: 0; }

table.summary-table td.item .brand span, #cart-item-added table td.item .brand span { display: none; }

table.summary-table td.item .selections p, #cart-item-added table td.item .selections p { margin-bottom: 0; }

main .cart .promo-code { padding: 20px 0; border-width: 1px 0; margin: 12px 0; width: 100%; }

main .cart .promo-code label, main .cart .promo-code .hint { display: none; }

main .cart .promo-code input, main .cart .promo-code label { width: 100%; }

main .cart .promo-code ul { margin-bottom: 0; }

main .cart .promo-code ul li { display: inline-block; }

main .cart .promo-code ul li:first-child { width: 63%; margin-right: 4%; margin-bottom: 0%; }

main .cart .promo-code ul li:last-child { width: 33%; margin-bottom: 0%; }

.cart-total { margin-top: 10px; }

.cart-total:before { content: ""; display: table; }

.cart-total:after { content: ""; display: table; clear: both; }

.cart-total span { font-weight: bold; }

.cart-total span + span { float: right; font-weight: normal; }

.cart-total > ul { margin-bottom: 0px; }

.cart-total li { padding-bottom: 10px; margin-bottom: 0px; clear: both; font-size: 14px; letter-spacing: 1px; font-weight: lighter; }

.cart-total li:before { content: ""; display: table; }

.cart-total li:after { content: ""; display: table; clear: both; }

.cart-total .total { text-transform: uppercase; border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; margin-bottom: 14px; }

.cart-total .total span + span { font-weight: bold; }

.cart-total .gstonorder span, .cart-total .hint { color: #9b9d9d; font-size: 12px; font-weight: regular; font-weight: normal; letter-spacing: 0px; }

.cart-total .gstonorder { padding-bottom: 0px; }

.cart-total .gstonorder span:first-of-type { padding-right: 5px; }

.cart-total .gstonorder span + span { float: none; }

.cart_summary_panel table { width: 100%; }

.cart_summary_panel table.totals { margin-bottom: 10px; }

.cart_summary_panel p.qty { margin-bottom: 0; }

.cart_summary_panel td { vertical-align: bottom; border-bottom-width: 1px; padding: 2px 0; }

.cart_summary_panel td.total { text-align: right; }

.total { vertical-align: top; }

#retrieve-password, #header-retrieve-password, #billing-form { display: none; }

.complete .cart h2, .history .cart h2 { font-size: 18px; font-weight: bold; }

.complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before, .review .cart .summary-table .qty:before { content: "Qty: "; }

.security-logos { margin-bottom: 40px; margin-top: 20px; -ms-box-orient: horizontal; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-flow: wrap; justify-content: space-between; }

.security-logos span { max-height: 60px; display: inline-block; }

.security-logos span img { width: 100%; }

.security-logos span.dpsexpress img { max-width: 130px; }

.security-logos span.estarsecure { margin: 0 10px; }

.security-logos > span { width: 30%; }

.security-logos > span img { width: 100%; max-width: 130px; height: auto; display: block; margin: auto; }

.hint-content:before { content: ""; display: table; }

.hint-content:after { content: ""; display: table; clear: both; }

.print .main-container .cart-summary { width: 100%; }

.print .cart-summary { float: none; }

.print .cart-summary .summary-block { float: left; width: 32%; margin-left: 2%; }

.print .cart-summary .summary-block td { padding-right: 15px; }

.print .cart-summary .summary-block:first-child { margin-left: 0; }

.print .cart-summary p, .print .cart-summary td { margin-bottom: 0; padding-bottom: 5px; }

.print .cart { clear: both; width: 100%; margin: 15px auto; float: none; }

.print .cart-summary { width: 100%; margin: 15px auto; float: none; }

.cartpage .cart .account-details input[type="checkbox"], .accountpage .account-details input[type="checkbox"], .login.accountpage input[type="checkbox"], .wishlist .page-container input[type="checkbox"] { vertical-align: top; }

.login.cartpage .error { margin-bottom: 20px; }

.login.cartpage #main .cart-summary { display: none; }

.delivery.cartpage .summary-block .modify a { width: 100%; }

#sign-in li.email > label, #sign-in li.password > label { display: none; }

/*Style for AccountPage*/
.cartpage .main-container .customer.new { width: 100%; }

.cartpage .main-container .customer.new .options span { display: inline-block; width: 100%; padding: 5px 0; text-align: center; font-size: 12px; }

.cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span { width: 100%; }

/* Additional Style for Paypal */
.payment.loggedin .cart .account-details .payment-options .paypal-method { margin-right: 15px; }

.payment.loggedin .cart .account-details .payment-method ol li:first-of-type ul { display: none; }

.payment.loggedin .cart .account-details .payment-method ol li:first-of-type .fake-select { display: inline-block; float: none; }

.page-container .sameas label, .payment-method label, .delivery-method li label { width: 90%; }

/*** Shopping cart CLICK AND COLLECT ***/
.cartpage.review .cc-delivery-method { width: 100%; }

.cartpage.review .cc-delivery-method .delivery-type li { width: 47.5% !important; text-align: center; padding-bottom: 10px; }

.cartpage.review .cc-delivery-method .delivery-type a[data-toggle=popover] { text-align: center; display: inline-block; margin-left: 5px; }

.cartpage.review .cc-delivery-method legend { display: none; }

.cartpage.review .cc-delivery-method.storeselected .selected-store { display: block; }

.cartpage.review .cc-delivery-method.storeselected .changestore { display: block; }

.cartpage.review .delivery-type { border-bottom: 1px solid #e5e5e5; }

.cartpage.review .delivery-type p { text-align: center; }

.cartpage.review .delivery-type a[data-toggle=popover] { padding: 0; display: block; border: none; margin: 0; border-radius: 0; background: none; cursor: pointer; font-weight: normal; outline: none; }

.cartpage.review .delivery-type .selected-store { display: none; font-weight: 600; }

.cartpage.review .delivery-type .selected-store .storename, .cartpage.review .delivery-type .selected-store .storeaddress { display: block; }

.cartpage.review .delivery-type .selected-store.loading { min-height: 40px; background: url("ajax-loader.gif") center no-repeat; }

.cartpage #clickandcollectlayer { display: none; }

.cartpage #clickandcollectlayer.active { display: block; }

.cartpage .cc-delivery-method .delivery-type { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

.cartpage .cc-delivery-method .delivery-type:before, .cartpage .cc-delivery-method .delivery-type:after { display: none; }

.cartpage .cc-delivery-method .delivery-type li { width: 47.5% !important; }

.cartpage .cc-delivery-method .delivery-type li label { position: relative; background: #d9d9d9; width: 100%; vertical-align: middle; color: #fff; font-weight: normal; text-transform: uppercase; margin: 0 0 9px; cursor: pointer; text-align: center; line-height: 40px; }

.cartpage .cc-delivery-method .delivery-type li a { padding-left: 6.5%; }

.cartpage .cc-delivery-method .delivery-type li a, .cartpage .cc-delivery-method .delivery-type li.active a { border: 0; cursor: pointer; border-radius: 0; padding: 0; }

.cartpage .cc-delivery-method .delivery-type li a:hover, .cartpage .cc-delivery-method .delivery-type li.active a:hover { text-decoration: none; }

.cartpage .cc-delivery-method .delivery-type input[type="radio"] { vertical-align: middle; position: absolute; left: -999em; }

.cartpage .cc-delivery-method .delivery-type input[type="radio"] + span:before { content: ''; display: inline-block; width: 14px; height: 14px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; border: 4px solid #fff; margin-right: 5px; vertical-align: sub; }

.cartpage .cc-delivery-method .delivery-type .active input[type="radio"] + span:before { background-color: #f6f5f4; }

.cartpage .cc-delivery-method .delivery-type .store-availability { display: inline-block; font-weight: normal; }

.cartpage .cc-delivery-method .delivery-type .store-availability-selected { display: none; font-weight: normal; }

.cartpage .cc-delivery-method .delivery-type .changestore { display: none; text-decoration: underline; }

.cartpage .cc-delivery-method.storeselected .store-availability { display: none; }

.cartpage .cc-delivery-method.storeselected .store-availability-selected { display: inline-block; }

.cartpage .cc-search ul { -webkit-flex-direction: column; flex-direction: column; }

.cartpage .cc-search .postcode { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; }

.cartpage .cc-search label { display: none; }

.cartpage .cc-search input { padding: 6px 6px 6px 18px; max-width: 73%; }

.cartpage .cc-search button { margin: 0; }

.cartpage .cc-search .opening-hours { text-decoration: underline; margin-top: 5px; display: none; }

.cartpage .cc-search .store-location.selected .opening-hours { display: inline-block; }

.cartpage .cc-search-info { margin: -25px 0 0 0; }

.cartpage.delivery #main .delivery-info .btn { width: 100%; }

.cartpage.delivery .cc-delivery-method { margin-bottom: 0; margin-top: 20px; }

.cartpage.delivery .cc-delivery-method .nav.nav-tabs { border: none; }

.cartpage.delivery .cc-delivery-method .selected-store, .cartpage.delivery .cc-delivery-method .changestore, .cartpage.delivery .cc-delivery-method .no-store-selected { display: none; }

.cartpage.delivery .cc-delivery-method .delivery-type > li, .cartpage.delivery .cc-delivery-method .delivery-type label { margin: 0; }

.cartpage.delivery .cc-delivery-method .delivery-type p { display: none; }

.cartpage.delivery .ccNominate { width: 100%; }

.cartpage.delivery .ccNominate label { width: 90%; }

.cartpage.delivery .delivery-store-details { margin: 0; width: 100%; display: none; }

.cartpage.delivery .delivery-store-details.active { display: initial; }

.cartpage.delivery .delivery-store-details.loading > label { min-height: 40px; display: inline-block; background: url("ajax-loader.gif") center no-repeat; }

.cartpage.delivery .delivery-store-details.storeselected > label { display: inline-block; }

.cartpage.delivery .delivery-store-details label { position: relative; display: none; padding: 0; margin: 0; }

.cartpage.delivery .delivery-store-details #delivery-store input { display: none; }

.cartpage.delivery .delivery-store-details label p { display: inline; font-weight: normal; margin: 0; }

.cartpage.delivery .delivery-store-details label .no-store-selected { display: inline; }

.cartpage.delivery .delivery-store-details label .selected-store { display: none; }

.cartpage.delivery .delivery-store-details label.itemsCollasped span { display: inline; }

.cartpage.delivery .delivery-store-details p { font-weight: bold; }

.cartpage.delivery .delivery-store-details .no-store-selected { font-weight: normal; margin: 0; }

.cartpage.delivery .delivery-store-details .changestore { display: none; text-decoration: underline; white-space: nowrap; font-size: 11px; font-weight: normal; padding-left: 5px; }

.cartpage.delivery .delivery-store-details.storeselected label { padding: 10px 5px 10px 0; }

.cartpage.delivery .delivery-store-details.storeselected #delivery-store.collapsed .changestore { display: inline; }

.cartpage.delivery .delivery-store-details.storeselected #delivery-store input { display: inline-block; }

.cartpage.delivery .delivery-store-details.storeselected #delivery-store .selected-store { display: inline; }

.cartpage.delivery .delivery-store-details.storeselected .no-store-selected { display: none; }

.cartpage.delivery .delivery-store-details label, .cartpage.delivery .ccNominate label { cursor: pointer; }

.cartpage.delivery fieldset.cc-search-info { margin-top: 0; }

.cartpage .selected-store span:after { content: ', '; }

.cartpage .selected-store span.storepostcode:after { content: ''; }

.cartpage .selected-store span.storecity, .cartpage .selected-store span.storecountry, .cartpage .selected-store span.storephone { display: none; }

/* click and collect pop up - store selection and map */
#clickandcollect .modal-body { min-height: 290px; }

.clickandcollect { position: relative; }

.clickandcollect:before, .clickandcollect:after { content: ""; display: table; }

.clickandcollect:after { clear: both; }

.clickandcollect .puis div.form-item-search button { margin: 12px 0; }

.clickandcollect .store > .images { display: none; }

.clickandcollect .store-links h2 { font-size: 16px; margin: 0 0 10px; border-bottom: 2px solid #000000; line-height: 2em; }

.clickandcollect .store-links li { font-size: 12px; }

.clickandcollect .store-links li:before, .clickandcollect .store-links li:after { content: ""; display: table; }

.clickandcollect .store-links li:after { clear: both; }

.clickandcollect .store-links h3 { position: relative; padding-left: 40px; margin-top: 0; float: left; width: 63.5%; font-size: 14px; font-weight: normal; }

.clickandcollect .store-links h3 img { position: absolute; left: 0; }

.clickandcollect .store-links .store-name { font-weight: 600; }

.clickandcollect .store-links .store-details, .clickandcollect .store-links .store-name, .clickandcollect .store-links .store-address { display: block; }

.clickandcollect .store-links .store-details a, .clickandcollect .store-links .store-details a:hover, .clickandcollect .store-links .store-name a, .clickandcollect .store-links .store-name a:hover, .clickandcollect .store-links .store-address a, .clickandcollect .store-links .store-address a:hover { text-decoration: underline; }

.clickandcollect .store-links .store-select { display: block; }

.clickandcollect .store-links .store-select a { font-weight: normal; text-transform: none; padding: 10px; white-space: normal; line-height: 20px; height: auto; width: 100%; }

.clickandcollect .stores { display: none; position: relative; }

.clickandcollect .stores h3 { font-size: 16px; padding-left: 40px; }

.clickandcollect .stores h3 img { position: absolute; left: 0; }

.clickandcollect .stores .back.btn { margin-top: 20px; }

.clickandcollect .stores .store .directions { width: 100%; float: none; }

.clickandcollect .stores .store h4 { font-size: 14px; }

.clickandcollect .stores .store .store-name { position: relative; margin: 0px 0 10px; padding: 0 0 10px; font-weight: 500; }

.clickandcollect .stores .store .store-name span.distance { font-size: 14px; text-align: right; }

.clickandcollect .stores .store .store-name img { margin-right: 10px; width: 15px; }

.clickandcollect .stores .store .store-info { display: none; }

.clickandcollect .stores .store .store-info .store-address { padding-bottom: 10px; }

.clickandcollect .stores .store .store-info .store-address ul { padding-left: 40px; }

.clickandcollect .stores .store .store-info .store-address ul li.storecountry, .clickandcollect .stores .store .store-info .store-address ul li.storephone, .clickandcollect .stores .store .store-info .store-address ul li.storeaddress { display: block; }

.clickandcollect .stores .store .store-details { display: none; }

.clickandcollect .stores .store .store-details ul { margin-bottom: 20px; list-style: none; padding: 0; }

.clickandcollect .stores .store .store-details ul li { margin-bottom: 5px; }

.clickandcollect .stores .store .store-details .store-select { display: block; padding-top: 20px; }

.clickandcollect .stores.showstore .store h3 { display: none; }

.clickandcollect .stores.showstore .store .store-info, .clickandcollect .stores.showstore .store .store-details { display: block; }

.clickandcollect .stores.showstore .store .store-address ul { padding-left: 0; }

.clickandcollect .stores.showstore .store .store-address ul li { margin-bottom: 0; display: inline; }

.clickandcollect .stores.showstore .store .store-address ul li label { display: inline; }

.clickandcollect .map-link a { display: block; text-align: center; }

.clickandcollect .map-container { position: relative; padding-top: 60%; display: none; }

.clickandcollect .ajax-content.storedetails form.puis > p, .clickandcollect .ajax-content.storedetails form.puis .form-item-search { display: none; }

.modal#storedetail .storedetail .store > h1 { display: none; }

.modal#storedetail .storedetail .address { border: 0; padding: 0; }

.modal#storedetail .storedetail .address, .modal#storedetail .storedetail .opening-hours, .modal#storedetail .storedetail .directions { width: 100%; }

.modal#storedetail .storedetail .map-link a { display: inline-block; width: auto; }

.suburb-select .clickandcollect .map-container, .stores-display .clickandcollect .map-container { display: block; }

.suburb-select .clickandcollect .results, .stores-display .clickandcollect .results { margin-bottom: 30px; }

.delivery .customer-info .tel, .delivery .nominated-person .tel, .delivery .delivery-info .tel, .accountpage .customer-info .tel, .accountpage .nominated-person .tel, .accountpage .delivery-info .tel { width: 100%; }

.delivery .nominated-person ol li:nth-child(2), .accountpage .nominated-person ol li:nth-child(2) { display: block; width: 100% !important; }

/*** Frieght Estimator ***/
.shipping-calculator .delivery-method.loading { height: 40px; background: url("ajax-loader.gif") center no-repeat; }

.cartpage.payment .fake-select { width: 100%; }

.cartpage.payment .fake-select a { text-decoration: none; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .review .cart .summary-table thead th, .complete .cart .summary-table thead th { color: #9b9d9d; }
  .review .cart .summary-table thead th.pricing, .review .cart .summary-table thead th.qty, .complete .cart .summary-table thead th.pricing, .complete .cart .summary-table thead th.qty { text-align: center; }
  .review .cart .summary-table thead th.total, .complete .cart .summary-table thead th.total { text-align: right; }
  .review .cart .summary-table .total .price-display, .complete .cart .summary-table .total .price-display { font-weight: bold; }
  .review .cart .summary-table tbody tr td.pricing, .review .cart .summary-table tbody tr td.qty, .complete .cart .summary-table tbody tr td.pricing, .complete .cart .summary-table tbody tr td.qty { text-align: center; }
  .review .cart .summary-table tbody tr td.total, .complete .cart .summary-table tbody tr td.total { text-align: right; }
  .review .cart .summary-table tbody td.actions, .complete .cart .summary-table tbody td.actions { float: none; border-bottom: none; }
  .review .cart .summary-table tbody .item, .complete .cart .summary-table tbody .item { padding: 23px 0px; }
  .review .cart .summary-table tbody .item figure, .complete .cart .summary-table tbody .item figure { width: 20%; margin-right: 4%; }
  .review .cart .summary-table tbody .item .item-detail h4, .complete .cart .summary-table tbody .item .item-detail h4 { width: 100%; }
  .review .cart .summary-table .item figure { margin-left: 8%; }
  .cartpage.review.loggedin.cartpage #page-content .summary-block { display: none; }
  .cartpage { /* breadcrumbs */ }
  .cartpage h1 { font-size: 26px; text-align: left; }
  .cartpage.review .cc-delivery-method { width: 50%; clear: right; float: right; }
  .cartpage.review .cart { width: 100%; }
  .cartpage.review #page-content { width: 100%; float: none; }
  .cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span { width: 70%; }
  .cartpage .cart .next-previous:last-of-type { display: block; }
  .cartpage.loggedin .breadcrumb li { margin-right: 172px; }
  .cartpage .breadcrumb { padding: 30px 0; margin: 0 auto; float: none; width: 100%; display: inline-block; }
  .cartpage .breadcrumb:after { margin-top: -18px; width: 91%; }
  .cartpage .breadcrumb li { padding: 11px 13px; width: 40px; height: 40px; border-radius: 50%; position: relative; margin-top: 0px; margin-right: 118px; }
  .cartpage .breadcrumb li span { display: none; color: #9b9d9d; display: inline-block; text-transform: initial; position: absolute; top: 52px; left: -31px; text-align: center; width: 100px; }
  .cartpage .breadcrumb li:nth-child(2) { margin-left: 17px; }
  .cartpage .breadcrumb li:last-of-type { margin-right: -2px; }
  .security-logos { justify-content: flex-start; }
  .security-logos > span { width: 110px; }
  .security-logos .estarsecure { margin: 0 15px; }
  .login.cartpage .cart { width: 100%; }
  .delivery.cartpage main form fieldset .updateship, .delivery.cartpage main form fieldset .updatebill { width: 100% !important; }
  .delivery.cartpage main .delivery-method li { width: 100% !important; }
  .cartpage #main .main-container .customer { float: left; }
  .cartpage #main .main-container .customer.existing { width: 45%; margin-right: 3%; }
  .cartpage #main .main-container .customer.existing .email, .cartpage #main .main-container .customer.existing .password { width: 100%; }
  .cartpage #main .main-container .customer.new { width: 45%; }
  .cartpage #main .main-container .customer.new p.options { padding-top: 42px; }
  .cartpage #main .main-container .customer.new .btn { width: 100%; }
  main .cart { width: 70%; float: left; }
  main .cart .promo-code { border-top: 0; margin: 0; }
  main .cart .promo-code button { min-width: inherit; width: 100%; padding: 10px 0px; }
  main .cart .promo-code ul li { margin-bottom: 0; }
  main .cart .promo-code ul li:first-child { margin-right: 20px; width: 62%; float: left; }
  main .cart .promo-code ul li:last-child { width: 30%; }
  .main-container .cart-summary { width: 23%; float: right; padding-top: 0px; }
  main .cart .promo-code { width: 50%; float: left; border-bottom: none; }
  main .cart-extras { float: right; }
  main .cart .cart-total { width: 36%; clear: right; float: right; }
  main .cart .cart-total span { font-size: 12px; }
  main .cart .masterpass-express, main .cart .afterpay { display: inline-block; margin-right: 1em; }
  main table.summary-table .total span:before { content: ""; }
  main table.summary-table tr { border: 0; margin: 0; padding: 0; display: table-row; }
  main .order-summary tr { border: 0; margin: 0; padding: 0; display: table-row; }
  main table.summary-table .total, main table.summary-table .actions { text-align: right; }
  main table.summary-table .pricing, main table.summary-table .total { width: 18%; }
  main table.summary-table .item-detail, main table.summary-table .qty, main table.summary-table .pricing, main table.summary-table .total { float: none; clear: none; width: auto; }
  main table.summary-table td, main table.summary-table th { display: table-cell; border-bottom-width: 1px; padding: 10px 0; }
  main .order-summary .item-detail, main .order-summary .qty, main .order-summary .pricing, main .order-summary .total { float: none; clear: none; width: auto; }
  main .order-summary th, main .order-summary td { display: table-cell; }
  main .order-summary td, main .order-summary th { border-bottom-width: 1px; padding: 10px 0; }
  main .order-summary .pricing, main .order-summary .total { width: 18%; }
  main .order-summary .total, main .order-summary .actions { text-align: right; }
  main table.summary-table td, main .order-summary td { padding-right: 5px; vertical-align: middle; }
  main table.summary-table tr:after, main .order-summary tr:after { content: ""; display: none; clear: none; }
  main table.summary-table .item .item-detail, main .order-summary .item .item-detail { float: left; max-width: 62%; }
  main table.summary-table .actions, main .order-summary .actions { clear: none; width: auto; float: none; }
  main table.summary-table .actions .remove, main .order-summary .actions .remove { position: relative; }
  main table.summary-table .qty, main .order-summary .qty { text-align: center; }
  main table.summary-table .qty input, main .order-summary .qty input { width: 50px; }
  main table.summary-table .price.now, main .order-summary .price.now { padding-left: 0; }
  .cartpage .payment { float: none; }
  .cartpage #main .next-previous { padding: 40px 0 20px; }
  .cartpage .clickandcollect .puis:before, .cartpage .clickandcollect .puis:after { content: ""; display: table; }
  .cartpage .clickandcollect .puis:after { clear: both; }
  .cartpage .clickandcollect .puis .form-item-search { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; }
  .cartpage .clickandcollect .puis .form-item-search input { width: 60%; }
  .cartpage .clickandcollect .puis .form-item-search button { margin: 0; }
  .cartpage .clickandcollect .store .store-select { float: right; }
  .cartpage .clickandcollect .store .store-select a { width: auto; }
  .cartpage .clickandcollect .map-holder { width: 42.5%; position: absolute; right: 0; top: 0; }
  .cartpage .clickandcollect .map-container { padding-top: 80%; }
  .cartpage .clickandcollect .store-info.content p, .cartpage .clickandcollect .store-info.content li:not(.storecountry), .cartpage .clickandcollect .store-info.content a { margin: 0; }
  .cartpage .clickandcollect .store-info.content label { display: inline-block; }
  .cartpage .clickandcollect .store-info.content h4 { font-size: 15px; font-weight: bold; margin: 0 0 3px; }
  .cartpage .clickandcollect a.back.btn { margin: 15px 0; }
  .cartpage.review .cc-search ul li.postcode button { margin: 0; }
  .suburb-select .clickandcollect form.puis > p, .suburb-select .clickandcollect form.puis > div, .stores-display .clickandcollect form.puis > p, .stores-display .clickandcollect form.puis > div { width: 50%; float: left; clear: left; }
  .modal.single-store .clickandcollect .map-holder { width: 50%; position: absolute; right: 0; top: 0; }
  .cartpage #main .next-previous .next, .accountpage #main .next-previous .next { float: right; padding: 10px 20px; }
  .cartpage #main .next-previous .btn.prev, .accountpage #main .next-previous .btn.prev { margin: 0px; }
  .cartpage #main .next-previous:before, .cartpage #main .next-previous:after { content: ""; display: table; }
  .cartpage #main .next-previous .btn, .cartpage #main .next-previous .next { min-width: 190px; }
  .accountpage #main .next-previous:before, .accountpage #main .next-previous:after { content: ""; display: table; }
  .cartpage #main .next-previous:after, .accountpage #main .next-previous:after { clear: both; }
  .cart-extras:before { content: ""; display: table; text-align: right; }
  .cart-extras:after { content: ""; display: table; clear: both; }
  .cartpage .update { border-bottom-width: 1px; margin: 19px 0 0; padding-bottom: 19px; text-align: left; float: right; width: 36%; }
  .cartpage .update button { float: right; width: 43%; padding: 10px 0px; }
  .cartpage .update .hint { margin-right: 5px; font-size: 12px; width: 53%; }
  .hint-content .csc-type { float: left; width: 45%; }
  .hint-content .csc-type + .csc-type { margin-left: 10%; }
  .complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before, .review .cart .summary-table .qty:before { content: ""; }
  /*** Frieght Estimator ***/
  .shipping-calculator { width: 50%; float: left; }
  .shipping-calculator fieldset ul { display: block !important; }
  .shipping-calculator label { text-align: left; display: block; width: auto; }
  .shipping-calculator ul li { display: inline-block; margin: 0 5px 10px 0; }
  .shipping-calculator .postcode-btn { width: 100%; min-width: 0; }
  .shipping-calculator .calculator-label { display: block; width: 100%; }
  .shipping-calculator .calculator-input input, .shipping-calculator .country select, .shipping-calculator .state select { width: 100%; vertical-align: middle; display: inline-block; }
  .shipping-calculator .country { float: left; }
  .shipping-calculator .delivery-method li { margin: 0; }
  .shipping-calculator .delivery-method li label { width: auto; display: inline-block; }
  .review .cc-delivery-method { width: 50%; }
  .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.payment-method):not(.masterpass-account) ul, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.payment-method):not(.masterpass-account) ol, .cartpage:not(.login) main form fieldset:not(.interest-groups):not(.payment-method) ul, .cartpage:not(.login) main form fieldset:not(.interest-groups):not(.payment-method) ol, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.masterpass-account) ul, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.masterpass-account) ol, .cartpage:not(.login) main form fieldset:not(.interest-groups) ul, .cartpage:not(.login) main form fieldset:not(.interest-groups) ol { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; }
  .cartpage main form fieldset:not(.interest-groups):not(.payment-method) ul, .cartpage main form fieldset:not(.interest-groups) ul { flex-direction: column; -webkit-flex-direction: column; }
  .delivery main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .payment main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details) { width: 47%; }
  .delivery main form fieldset:not(.interest-groups) li.sameas, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li.sameas, .payment main form fieldset:not(.interest-groups) li.sameas { width: 100%; } }
@media (min-width: 992px) { .cartpage main .cart .update .hint { margin-right: 3%; font-size: 12px; width: 57%; }
  .cartpage main .cart .update button { width: 32%; }
  .cartpage main .cart .promo-code button { min-width: inherit; width: 100%; }
  .cartpage main .cart .promo-code ul li { margin-bottom: 0; }
  .cartpage main .cart .promo-code ul li:first-child { margin-right: 20px; width: 254px; }
  .cartpage main .cart .promo-code ul li:last-child { width: 22.5%; } }
@media (max-width: 1150px) { .cart li.text-field label { width: 100%; } }
@media (min-width: 992px) { .cartpage.loggedin .breadcrumb li { margin-right: 244px; }
  .cartpage .breadcrumb:after { width: 91%; }
  .cartpage .breadcrumb li { margin-right: 171px; }
  .cartpage .breadcrumb li:nth-child(2) { margin-left: 17px; }
  .cartpage .breadcrumb li:last-of-type { margin-right: -2px; } }
@media (min-width: 1150px) { .cartpage.loggedin .breadcrumb li { margin-right: 251px; }
  .cartpage .breadcrumb li { margin-right: 184px; }
  .cartpage .breadcrumb li:nth-child(2) { margin-left: 2px; }
  .cartpage .breadcrumb li:last-of-type { margin-right: -2px; } }
/*** DESKTOP ***/
@media (min-width: 1200px) { main .cart table.summary-table .item .item-detail { vertical-align: middle; }
  main .cart table.summary-table .item figure, main .cart table.summary-table .item .item-detail { float: none; display: inline-block; }
  .cartpage #breadcrumbs .breadcrumb-container { padding: 0; }
  .cartpage.loggedin .breadcrumb li { margin-right: 319px; }
  .cartpage .breadcrumb:after { width: 93%; }
  .cartpage .breadcrumb li { margin-right: 229px; }
  .cartpage .breadcrumb li:nth-of-type(2) { margin-left: 16px; }
  .cartpage .breadcrumb li:last-of-type { margin-right: 0px; }
  .cartpage .main-container .customer.new .btn { display: inline-block; width: auto; }
  .cartpage .card-expiry select { width: 34%; }
  .cartpage .card-expiry select + select { margin-left: 2%; }
  /*** Frieght Estimator ***/
  main #page-content .shipping-calculator .postcode-btn { width: auto; min-width: 0; }
  .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details) { width: 40%; }
  .cartpage main form fieldset:not(.interest-groups) li.sameas, .accountpage:not(.login) main form fieldset:not(.interest-groups) li.sameas { width: 100%; } }
/* Gift Card specific styles on the payment page */
.payment main form .gift-card-options .price-amount { margin-right: 5px; }

.payment main form .gift-card-options > div { margin-bottom: 15px; }

.payment main form .gift-card-options .giftcard-amount > label { margin-bottom: 15px; }

.payment main form .gift-card-options .giftcard-amount ol { display: block; }

.payment main form .gift-card-options .giftcard-amount ol:before { content: ""; display: table; }

.payment main form .gift-card-options .giftcard-amount ol:after { content: ""; display: table; clear: both; }

.payment main form .gift-card-options .giftcard-amount ol li { display: inline-block; float: left; width: 16%; margin: 0 2% 0 0; }

.payment main form .gift-card-options .giftcard-amount ol li:last-of-type { margin-right: 0; }

.payment main form .gift-card-options .giftcard-amount ol li label, .payment main form .gift-card-options .giftcard-amount ol li p { font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px; max-width: 100%; }

.payment main form .gift-card-options .giftcard-amount ol .giftcard-number, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security, .payment main form .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security-label { width: 28%; margin-right: 4%; }

.payment main form .gift-card-options .giftcard-another { display: none; }

@media (min-width: 480px) { .payment main .account-details .gift-card-options .giftcard-amount ol li { width: 14%; margin: 0 2% 0 0; }
  .payment main .account-details .gift-card-options .giftcard-amount ol li:nth-of-type(2n) { margin-right: 2%; }
  .payment main .account-details .gift-card-options .giftcard-amount ol li:last-of-type { margin-right: 0; }
  .payment main .account-details .gift-card-options .giftcard-amount ol li label, .payment main .account-details .gift-card-options .giftcard-amount ol li p { font-size: 14px; }
  .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security-label { width: 32%; } }
/*** TABLETS ***/
@media (min-width: 768px) and (max-width: 1150px) { .cartpage .info-container .modify a { font-size: 11px; }
  .login .email, .login .password { width: 100%; }
  .review .cart .summary-table tbody .item figure { margin-left: 11%; }
  .cart-summary .summary-block h2.eso-accordion-trigger { font-size: 14px; } }
#zipMoney:hover { cursor: pointer; }

.payment.cartpage fieldset.payment-options div.storedpayments div.savedpayments .editdisplay:not(.active-edit) .show-fields, .payment.cartpage fieldset.payment-options div.storedpayments div.savedpayments .editdisplay:not(.active-edit) .card-edit { display: none; }

.payment.cartpage fieldset.payment-options div.storedpayments div.savedpayments .editdisplay.active-edit .hide-fields { display: none; }

/* My Wallet specific styles */
/********** Account Page Stored Payments Begin ************/
.accountpage.storedpayment #main .savedpayments .payment-item.default-payment { background-color: #daf7da; }

.accountpage.storedpayment #main .savedpayments .payment-item { border: 1px solid #d2d2d2; padding: 10px; margin-bottom: 10px; position: relative; }

.accountpage.storedpayment #main .savedpayments .payment-item h3 { margin-top: 0px; float: left; margin-right: 10px; padding-top: 4px; margin-bottom: 18px; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary button[type="submit"] { width: 18%; min-width: inherit; top: 8px; right: 11px; position: absolute; border-radius: 15px; padding: 7px; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary figure { position: inherit; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .action.show-hide a { display: block; padding: 9px 0px; border-radius: 15px; margin-top: 23px; margin-bottom: 17px; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay { clear: both; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay .control-label { width: 24%; display: inline-block; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay .card-expiry { margin-bottom: 10px; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay .csc { margin-bottom: 15px; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-fields .card-name label, .accountpage.storedpayment #main .savedpayments .payment-item .card-fields .card-expiry label, .accountpage.storedpayment #main .savedpayments .payment-item .card-fields .csc label { width: 39%; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-fields #editfields-card-default label { width: 65%; margin-bottom: 19px; }

.accountpage.storedpayment #main .savedpayments .payment-item .card-fields button { margin-bottom: 10px; }

/********** Account Page Stored Payments End ************/
/********** Account Page Stored Payments iPad and Desktop Begin ************/
@media screen and (min-width: 768px) { .accountpage.storedpayment #main .add-payment-form { clear: both; }
  .accountpage.storedpayment #main .savedpayments { display: flex; align-items: flex-start; flex-wrap: wrap; }
  .accountpage.storedpayment #main .savedpayments .payment-item { margin-right: 3%; flex-basis: 31.3%; }
  .accountpage.storedpayment #main .savedpayments .payment-item .card-summary .card-default span:empty:before { content: "\200b"; }
  .accountpage.storedpayment #main .savedpayments .payment-item .card-fields { margin-top: 17px; }
  .accountpage.storedpayment #main .savedpayments .payment-item .card-fields button { width: 48%; min-width: inherit; margin: 1%; float: left; }
  .accountpage.storedpayment #main .savedpayments .payment-item:nth-of-type(3n) { margin-right: 0%; } }
/********** Account Page Stored Payments iPad and Desktop End ************/
/********** Payment Summary Page Remove Symbol Styling Start ************/
#main .summary-table .actions { position: static; }

#main .summary-table .actions .remove { position: absolute; top: 6px; right: 0%; }

@media (min-width: 768px) { #main .summary-table .actions { position: relative; }
  #main .summary-table .actions ul { position: relative; }
  #main .summary-table .actions .remove { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 689px; } }
@media (min-width: 992px) { #main .summary-table .actions .remove { right: 909px; } }
@media (min-width: 1150px) { #main .summary-table .actions .remove { right: 937px; } }
@media (min-width: 1200px) { #main .summary-table .actions .remove { right: 1139px; } }
/********** Payment Summary Page Remove Symbol Styling End ************/
/* ========= SHOPPING CART COMPONENT END ========= */

/* ========= WISHLIST COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.wishlist.wishlist-public .page-container > .next-previous { display: none; }

.wishlist .page-container > form:before, .wishlist .page-container > form:after { content: ""; display: table; }

.wishlist .page-container > form:after { clear: both; }

.wishlist .wishlist-summary { clear: both; }

.wishlist .wishlist-summary:before, .wishlist .wishlist-summary:after { content: ""; display: table; }

.wishlist .wishlist-summary:after { clear: both; }

.wishlist .form-item:not(.quantity):not(.update-quantity):not(.cartbutton) { margin-bottom: 0; }

.wishlist .add-to-cart .cart-options { padding: 0; }

.wishlist .product { clear: both; position: relative; margin-top: 15px; padding-top: 15px; border-top-width: 1px; }

.wishlist .email-note { width: 100%; }

.wishlist .email-note a { text-decoration: underline; }

.wishlist .childproducts .product-content { width: auto; float: none; clear: both; }

.wishlist .product-img { width: 64%; margin: 0px auto 14px auto; }

.wishlist .product-content { width: 100%; float: right; margin: 0; clear: none; position: relative; }

.wishlist .product-content .form-item.quantity { width: 38%; float: left; margin-right: 0px; }

.wishlist .product-content h2 { margin: 0 20px 6px 0; }

.wishlist .product-content h2 a { color: #000000; font-size: 16px; font-weight: 600; text-decoration: none; }

.wishlist .product-content .pricing { margin-bottom: 20px; text-align: left; }

.wishlist .product-content .add-to-cart { position: static; }

.wishlist .product-content .add-to-cart .cart-options { position: static; line-height: normal; }

.wishlist .product-content .add-to-cart .cart-options .form-item > label { display: block; }

.wishlist .product-content .add-to-cart .cart-options .form-item.colour, .wishlist .product-content .add-to-cart .cart-options .form-item.size { width: 50%; float: left; }

.wishlist .product-content .add-to-cart .btn { width: 100%; color: #fff; }

.wishlist .product-content .add-to-cart .note { margin-bottom: 10px; }

.wishlist .product-content .add-to-cart .cartbutton { width: 100%; }

.wishlist .product-content .add-to-cart .cartbutton a { position: absolute; top: 19px; right: 10px; }

.wishlist .product-content .add-to-cart button[disabled] { display: none; }

.wishlist .product-content .form-item ul { display: inline-block; }

.wishlist .details-occassion { margin-top: 0; }

.wishlist .details-occassion legend { display: none; }

.wishlist .note { display: block; margin-bottom: 5px; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .wishlist .main-container h1 { margin-bottom: 30px; }
  .wishlist .childproducts .product-content { width: 100%; }
  .wishlist .product-content .form-item.quantity { float: left; }
  .wishlist button { width: 100%; }
  .wishlist .product-img { float: none; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .wishlist button { width: 100%; }
  .wishlist .page-container > form { width: 30%; float: right; }
  .wishlist .page-container .wishlist-summary { float: left; width: 65%; clear: none; }
  .wishlist .page-container .product-img { width: 35%; float: left; }
  .wishlist .page-container .product-content { width: 55%; float: right; margin: 0; clear: none; } }
/* Print Media Query */
@page { size: 21cm 29.7cm; margin: 0; }
@media print { * { -webkit-transition: none !important; transition: none !important; }
  html { margin: 0; }
  body.wishlist { margin: 0; /* remove the urls added after each <a> tag */ /* remove elements for print such as the header, footer, breadcrumbs, reviews, product price, freight estimator and cross-sell */ }
  body.wishlist a[href]:after { content: " "; }
  body.wishlist #page-header, body.wishlist #breadcrumbs, body.wishlist .alternate-images, body.wishlist .social-media, body.wishlist .reviews, body.wishlist .cross-sell, body.wishlist #freight-estimator, body.wishlist #page-footer, body.wishlist .page-container > form, body.wishlist #left-nav { display: none; }
  body.wishlist #page-content { width: 210mm; }
  body.wishlist .page-container h1 { text-align: center; width: 190mm; }
  body.wishlist .product { page-break-inside: avoid; }
  body.wishlist #main { width: 190mm; min-height: 296mm; margin: 0mm 10mm; overflow: hidden; position: relative; box-sizing: border-box; padding-top: 3mm; }
  body.wishlist #main .main-container { padding: 0; }
  body.wishlist #main .main-container .product-img { width: 65mm; margin-right: 0mm; }
  body.wishlist #main .main-container .product-img img { width: 65mm; }
  body.wishlist #main .main-container .product-content { width: 100mm; }
  body.wishlist #main .main-container .product-img, body.wishlist #main .main-container .product-content { float: left; display: table-cell; }
  body.wishlist #main .main-container .wishlist-summary { width: 210mm; }
  body.wishlist #main .main-container .add-to-cart .cart-options .form-item.cartbutton, body.wishlist #main .main-container .add-to-cart .cart-options .form-item.update-quantity { display: none; }
  body.wishlist #main .main-container .add-to-cart .cart-options .form-item.quantity { float: left; }
  body.wishlist #main .main-container .add-to-cart .cart-options .form-item.quantity .plus, body.wishlist #main .main-container .add-to-cart .cart-options .form-item.quantity .minus { display: none; }
  body.wishlist #main .main-container .add-to-cart .cart-options .form-item.quantity:before { content: 'QUANTITY'; display: block; font-weight: 600; margin-bottom: 2mm; }
  body.wishlist #main .main-container .add-to-cart .cart-options .note, body.wishlist #main .main-container .add-to-cart .cart-options .btn.popup-link { display: none; } }
/* ========= WISHLIST COMPONENT END ========= */

/******** GIFT VOUCHERS COMPONENT: START  ********/
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.giftvoucher #main .instructions .intro { font-weight: bold; font-style: italic; }

.giftvoucher #main .gift-voucher:not(:-moz-handler-blocked) fieldset { display: table-cell; }

.giftvoucher #main .gift-voucher .voucher-carousel { position: relative; margin-bottom: 0; }

.giftvoucher #main .gift-voucher .voucher-carousel li { margin-bottom: 0; position: relative; }

.giftvoucher #main .gift-voucher .voucher-carousel li input[type=radio] { position: absolute; z-index: -2; margin: 0; }

.giftvoucher #main .gift-voucher .voucher-carousel li label { width: 100%; }

.giftvoucher #main .gift-voucher .voucher-carousel li label img { width: 100%; }

.giftvoucher #main .gift-voucher .value input { width: 40%; margin-left: 5px; display: inline-block; }

.giftvoucher #main .gift-voucher figure { margin: 15px 0; }

.giftvoucher #main .gift-voucher figure img { width: 100%; max-width: 530px; }

.giftvoucher #main .next-previous button { margin-bottom: 15px; }

@media (min-width: 768px) { .giftvoucher #main .gift-voucher .value input { width: 30%; }
  .giftvoucher #main .next-previous .next { float: right; }
  .giftvoucher #main .next-previous .prev { float: left; } }
@media (min-width: 1150px) { .giftvoucher #main .instructions { float: right; width: 35%; margin-top: 80px; }
  .giftvoucher #main .instructions + form { float: left; width: 55%; } }
/******** GIFT VOUCHERS COMPONENT: END  ********/

/* ========= CUSTOM FORM CONTACT COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.contact-form-holder { border-top-width: 1px; padding-top: 10px; margin-top: 10px; }

.contact-form-holder input[type="tel"] { width: 30%; display: inline-block; }

.contact-form-holder input[type="tel"]:last-of-type { margin-right: 0; }

.contact-form-holder legend { display: none; }

.customform #main form .telephone input[type="tel"] { width: 100%; }

.customform #main li input, .customform #main li textarea { font-size: 12px; }

.customform #main h3 { margin-top: 4px; font-size: 18px; color: #d9d9d9; }

.customform #main #contact-form .error { color: #d9534f; }

.customform #main #contact-form .error li { margin-bottom: 0px; text-align: center; }

.customform #main #page-content { width: 100%; }

.customform #main #left-nav { display: none; }

.customform #main div[class$="-form-holder"] { overflow: auto; }

@media (min-width: 320px) { .contact-form-holder input[type="tel"] { width: 32%; margin-right: 2%; } }
@media (min-width: 768px) { .contact-form-holder input[type="tel"] { width: 32%; margin-right: 2%; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .customform #main:before, .customform #main:after { content: ""; display: table; }
  .customform #main:after { clear: both; }
  .customform #main .main-container h1 { margin-bottom: 20px; }
  .customform #main .page-container .content { float: left; width: 45%; }
  .contact-form-holder { float: right; width: 50%; margin-left: 5%; border-top-width: 0; padding-top: 0; margin-top: 0; }
  .contact-form-holder fieldset { margin-top: 0; }
  .contact-form-holder input[type="tel"] { width: 22.5%; margin-right: 1.25%; }
  .contact-form-holder .security-message label, .contact-form-holder .security-code label { width: 75%; } }
/* ========= CUSTOM FORM COMPONENT END ========= */

/* ========= STORE LOCATOR COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.storelocator h1 { margin-bottom: 26px; }

.storelocator h2 { font-size: 17px; text-transform: uppercase; }

.storelocator .store:before, .storelocator .store:after { content: ""; display: table; }

.storelocator .store:after { clear: both; }

.storelocator .map-link a { padding: 10px 23px; margin-top: 6px; }

.storelocator .map-link a:hover, .storelocator .map-link a:active, .storelocator .map-link a:visited, .storelocator .map-link a:focus { text-decoration: none; }

.storelocator #page-content { float: none; width: 100%; }

.storelocator #left-nav { display: none; }

.storelocator .page-container ul li { position: relative; }

.storelocator .page-container ul ul li a, .storelocator li.location li a { padding-left: 15px; }

.storelocator .page-container li.location ul li { border: 0; }

.storelocator .page-container ul ul ul { padding-left: 0px !important; }

.storelocator .page-container ul li > a { color: #000000; width: 100%; display: block; padding: 15px 0; }

.storelocator .store-locator > li > a { text-transform: uppercase; }

.storelocator .store-locator > li > a, .storelocator .store-locator > li > ul > li > a { font-weight: bold; text-decoration: none; }

.storelocator .store-locator > li, .storelocator .store-locator > li > ul > li { border-bottom-width: 1px; }

.storelocator .store-locator { padding-left: 0; border-top-width: 1px; }

.storelocator .store-map-holder { position: relative; margin-top: 0; padding-top: 100%; width: 100%; }

.storelocator #store-map { margin-top: 25px; }

.storedetail .store .images { padding-top: 25px; width: 100%; clear: both; }

.storedetail .store .images ul { margin: 0 -5px; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-flow: row wrap; list-style: none; }

.storedetail .store .images ul:before, .storedetail .store .images ul:after { content: ""; display: table; }

.storedetail .store .images ul:after { clear: both; }

.storedetail .store .images ul li { width: 48%; margin: 1%; }

.storedetail .store .images ul img { width: 100%; height: auto; }

.store .content { padding: 0; width: 100%; clear: left; }

.store .content img { width: 100%; height: auto; }

.store > .content { margin-bottom: 20px; margin-top: 10px; float: left; }

@media (max-width: 767px) { #store-map button[title~="fullscreen"] { display: none; } }
@media (min-width: 768px) { h1 { margin-bottom: 40px; }
  .storelocator ul.store-locator { padding: 0; width: 35%; float: left; }
  .storelocator .store-map-holder { width: 60%; float: right; padding-top: 45%; }
  .storelocator #store-map { margin-top: 0px; }
  .storedetail .store .images { float: left; width: 300px; clear: left; }
  .store .address, .store .opening-hours, .store .directions { float: left; padding: 0; width: 300px; clear: left; }
  .store .content { width: 270px; }
  .store .content img { width: auto; max-width: 100%; } }
@media (min-width: 1150px) { .storelocator .store-map-holder { padding-top: 66%; } }
@media (min-width: 768px) and (max-width: 1150px) { .storelocator .store-map-holder { width: 55%; } }
/* ========= STORE LOCATOR COMPONENT END ========= */

/* ========= BLOG COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.blogpage #breadcrumbs { display: none; }

.blogpage #main { background-color: #f6f5f4; /* Blog Categories Menu */ /* Listing Page */ }

.blogpage #main #page-content { width: 100%; }

.blogpage #main #page-content .page-container { display: flex; flex-direction: column-reverse; }

.blogpage #main #page-content .page-container h1 { margin-top: 20px; border-bottom-width: 0px; margin-bottom: 20px; }

.blogpage #main #page-content .page-container > h1:first-of-type { display: none; padding: 0; text-align: left; left: 0; margin-top: 20px; margin-bottom: 20px; position: relative; top: auto; width: 80%; z-index: 2; }

.blogpage #main #left-nav { display: none; }

.blogpage #main .blog-header { margin-bottom: 20px; }

.blogpage #main span.security-code { display: inline-block; }

.blogpage #main .page-numbers { clear: both; }

.blogpage #main .page-numbers .on { background: #ececec; }

.blogpage #main h2.blogger-name { font-size: 20px; }

.blogpage #main .blog-categories { border-bottom: 1px solid #dbdbdb; margin-bottom: 30px; display: none; }

.blogpage #main .blog-categories ul:before, .blogpage #main .blog-categories ul:after { content: ""; display: table; }

.blogpage #main .blog-categories ul:after { clear: both; }

.blogpage #main .blog-categories ul li { float: left; }

.blogpage #main .blog-categories ul li a { font-weight: normal; font-size: 18px; text-transform: uppercase; margin-right: 22px; }

.blogpage #main .blog-content h1 { font-size: 20px; }

.blogpage #main .blog-content .blog-list-item .entry { display: flex; flex-wrap: wrap; width: 100%; }

.blogpage #main .blog-content .blog-list-item .entry .post-content { width: 100%; padding: 15px 32px 32px 32px; background-color: #fff; order: 2; }

.blogpage #main .blog-content .blog-list-item .entry .post-content .post-title a, .blogpage #main .blog-content .blog-list-item .entry .post-content .post-excerpt a { text-decoration: none; }

.blogpage #main .blog-content .blog-list-item .entry p { width: 100%; }

.blogpage #main .blog-content .blog-list-item .entry p img { width: 100%; }

.blogpage #main .blog-sidebar { width: 100%; margin-bottom: 20px; }

.blogpage #main .blog-sidebar ul { margin-bottom: 15px; }

.blogpage #main .blog-sidebar ul li { margin-top: 15px; }

.blogpage #main .blog-sidebar ul li:before, .blogpage #main .blog-sidebar ul li:after { content: ""; display: table; }

.blogpage #main .blog-sidebar ul li:after { clear: both; }

.blogpage #main .blog-sidebar ul li a, .blogpage #main .blog-sidebar ul li span { margin-right: 3px; }

.blogpage #main .blog-sidebar ul li .post-date, .blogpage #main .blog-sidebar ul li .post-author { font-size: 12px; }

.blogpage #main .blog-sidebar ul li a.post-author { margin-bottom: 10px; }

.blogpage #main .blog-sidebar ul li a.post-author:before { content: "By "; }

.blogpage #main .blog-sidebar ul li a.post-name { display: block; }

.blogpage #main .blog-sidebar .more-link { cursor: pointer; }

.blogpage #main .blog-sidebar .sidebar-section { position: relative; }

.blogpage #main .blog-sidebar .sidebar-section:before, .blogpage #main .blog-sidebar .sidebar-section:after { content: ""; display: table; }

.blogpage #main .blog-sidebar .sidebar-section:after { clear: both; }

.blogpage #main .blog-sidebar .sidebar-section h3 { cursor: pointer; margin: 0; padding: 10px 0; border-top-width: 1px; font-size: 20px; }

.blogpage #main .blog-sidebar .sidebar-section h4 { margin: 0; padding: 5px 0; }

.blogpage #main .blog-sidebar .sidebar-section:last-child { border-bottom-width: 1px; display: none; }

.blogpage #main .blog-sidebar .sidebar-section .products { border-bottom: 0; padding-bottom: 0; }

.blogpage #main .blog-sidebar .sidebar-section .products .item { width: 100%; margin: 0; float: none; }

.blogpage #main .blog-sidebar .sidebar-section .products .item .options { display: none; }

.blogpage #main .blog-sidebar .sidebar-section .products .item .buy-now { float: none; }

.blogpage #main .blog-sidebar .sidebar-section .products .item button { min-width: 100%; }

.blogpage #main .blog-sidebar .blogger-profile .blogger-link { display: none; }

.blogpage #main .blog-sidebar .blogger-profile figure { float: left; display: none; }

.blogpage #main .blog-sidebar .blogger-profile figure img { width: 50px; }

.blogpage #main .blog-sidebar .blogger-profile h4 { float: right; width: 100%; font-weight: normal; font-size: 14px; }

.blogpage #main .blog-content { width: 100%; float: left; }

.blogpage #main .blog-content .blogger-name { margin-left: 5px; }

.blogpage #main .blog-content figure img { display: none; }

.blogpage #main .blog-content .meta-data p { margin-right: 10px; }

.blogpage #main .blog-content .meta-data span, .blogpage #main .blog-content .meta-data a { margin-right: 5px; }

.blogpage #main .blog-content .post-date, .blogpage #main .blog-content .post-author { display: inline-block; margin-right: 10px; font-weight: bold; }

.blogpage #main .blog-content .post-author .author-prefix, .blogpage #main .blog-content .post-author .blogger-name { display: none; }

.blogpage #main .blog-content .blog-list-item { margin: 0 0 47px 0; }

.blogpage #main .blog-content .blog-list-item h2 { margin-top: 0px; }

.blogpage #main .blog-content .blog-list-item h2 a { color: #000000; text-decoration: none; font-weight: 600; font-size: 22px; margin-bottom: 10px; }

.blogpage #main .blog-content .blog-list-item .post-author { font-weight: bold; }

.blogpage #main .blog-content .blog-list-item .post-author:before, .blogpage #main .blog-content .blog-list-item .post-author:after { content: ""; display: table; }

.blogpage #main .blog-content .blog-list-item .post-author:after { clear: both; }

.blogpage #main .blog-content .blog-list-item .post-author .author-prefix, .blogpage #main .blog-content .blog-list-item .post-author .blogger-name { display: none; }

.blogpage #main .blog-content .blog-list-item .post-categories { display: none; }

.blogpage #main .blog-content .post-link { margin: 20px 0; }

.blogpage #main .blog-content .blog-list-item:first-child { border-top-width: 1px; margin-top: 20px; padding-top: 10px; }

.blogpage #main .blog-content .blog-post { margin-bottom: 20px; }

.blogpage #main .blog-content .blog-post h2 { margin-top: 20px; }

.blogpage #main .blog-content .post-navigation { display: none; }

.blogpage #main .blog-content #comments { margin: 30px 0 0; }

.blogpage #main .blog-content #comments > h3 { font-size: 16px; }

.blogpage #main .blog-content .blog-reply { margin-bottom: 50px; }

.blogpage #main .blog-content .blog-reply:before, .blogpage #main .blog-content .blog-reply:after { content: ""; display: table; }

.blogpage #main .blog-content .blog-reply:after { clear: both; }

.blogpage #main .blog-content .blog-reply h3 { font-size: 20px; }

.blogpage #main .blog-content .blog-reply button { float: right; }

.blogpage #main .blog-content .blog-reply li.notify label, .blogpage #main .blog-content .blog-reply li.updates label { font-size: 12px; font-weight: normal; vertical-align: middle; margin-bottom: 0px; }

.blogpage #main .blog-content input[type=checkbox] { margin-top: 0; vertical-align: middle; }

.blogpage #main .blog-content .reply-link { text-align: right; }

.blogpage #main .subscriptions-table { width: 100%; margin-bottom: 20px; }

.blogpage #main .subscriptions-table thead { display: none; }

.blogpage #main .subscriptions-table tr { border-bottom-width: 1px; margin: 0; padding: 10px 0 15px; position: relative; display: block; }

.blogpage #main .subscriptions-table td { padding: 5px 0; display: block; }

.blogpage #main .subscriptions-table td.subscription { font-weight: bold; }

.blogpage #main .subscriptions-table td.actions { position: absolute; top: 10px; right: 0; }

.blogpage #main .subscriptions-table select { width: 100%; }

.blogpage #main button.btn.subscribe { margin-bottom: 10px; width: 100%; }

.blogpage #main .blog-comment { display: block; margin: 20px 0; border-bottom-width: 1px; padding: 20px 0; position: relative; }

.blogpage #main .blog-comment:before, .blogpage #main .blog-comment:after { content: ""; display: table; }

.blogpage #main .blog-comment:after { clear: both; }

.blogpage #main .blog-comment:first-of-type { border-top-width: 1px; }

.blogpage #main .blog-comment .blog-comment { margin-left: 40px; border-bottom-width: 0; border-top-width: 0; margin-bottom: 0px; margin-top: 0px; }

.blogpage #main .blog-comment .blog-reply { display: none; }

.blogpage #main .blog-comment .author, .blogpage #main .blog-comment .comment-date { font-weight: bold; display: inline-block; margin-right: 5px; }

.blogpage #main .blog-comment .comment-body { clear: both; margin-bottom: 15px; }

.blogpage #main .profile .blogger-profile { border-top-width: 1px; padding: 15px 0; }

.blogpage #main .profile .blogger-profile:before, .blogpage #main .profile .blogger-profile:after { content: ""; display: table; }

.blogpage #main .profile .blogger-profile:after { clear: both; }

.blogpage #main .profile .blogger-profile h2, .blogpage #main .profile .blogger-description, .blogpage #main .profile .blog-recent { margin-top: 0; float: right; width: 65%; }

.blogpage #main .profile .blogger-profile h3 { font-size: 18px; }

.blogpage #main .profile .blogger-profile figure { width: 30%; float: left; border-width: 1px; }

.blogpage #main .profile .blogger-profile figure img { width: 100%; }

.blogpage #main .profile .blogger-profile .blog-recent ul { margin: 0 0 10px 0; }

.blogpage #main .profile .blogger-profile .blog-recent li { padding-bottom: 5px; }

.blogpage #main .profile .blogger-profile .blog-recent li:before, .blogpage #main .profile .blogger-profile .blog-recent li:after { content: ""; display: table; }

.blogpage #main .profile .blogger-profile .blog-recent li:after { clear: both; }

.blogpage #main .profile .blogger-profile .blog-recent a, .blogpage #main .profile .blogger-profile .blog_recent span { padding: 0px 5px 0 0px; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .blogpage #main { /* Listing Page */                                                                  /*	button.btn.subscribe, .blogpage button.subscribe {
		margin-top: 10px;
		width: auto;
	}*/ }
  .blogpage #main .blog-content .blog-list-item { margin: 40px 0; padding: 0; position: relative; overflow: auto; width: 100%; }
  .blogpage #main .blog-content .blog-list-item:nth-child(even) .entry { width: 58%; float: right; padding-left: 2%; }
  .blogpage #main .blog-content .blog-list-item:nth-child(even) .blog-wrap { width: 40%; float: left; }
  .blogpage #main .blog-content .blog-list-item:nth-child(odd) .entry { width: 56%; float: left; padding-right: 4%; }
  .blogpage #main .blog-content .blog-list-item .entry { overflow: hidden; min-height: 300px; }
  .blogpage #main .blog-content .blog-list-item .entry .post-category { display: none; }
  .blogpage #main .blog-content .blog-list-item .entry p img { width: 100%; height: auto; margin-left: 50%; transform: translate(-50%); }
  .blogpage #main .blog-content .post-link { margin: 0px; }
  .blogpage #main .blog-content .post-link a { padding: 10px 31px; }
  .blogpage #main .blog-content .post-link a a:hover, .blogpage #main .blog-content .post-link a a:active, .blogpage #main .blog-content .post-link a a:visited, .blogpage #main .blog-content .post-link a a:focus { text-decoration: none; }
  .blogpage #main .blog-content, .blogpage #main .blog.subscriptions { width: 100%; }
  .blogpage #main .meta-data { float: left; width: 85%; }
  .blogpage #main .blog-sidebar { float: right; margin-top: 20px; }
  .blogpage #main .blog-sidebar .collapse.in { display: block; }
  .blogpage #main .blog-sidebar .blog-subscribe { padding: 15px; border-width: 1px; border-radius: 4px; margin-top: 20px; }
  .blogpage #main .blog-sidebar .blog-subscribe h3 { border: 0; padding-top: 0; }
  .blogpage #main .blog-sidebar .blog-subscribe label { display: block; width: 100%; }
  .blogpage #main .blog-sidebar .blog-subscribe input, .blogpage #main .blog-sidebar .blog-subscribe button { width: 100%; min-width: 100%; }
  .blogpage #main .blog-comment button { float: right; }
  .blogpage #main .blog-content .blog-reply button { margin-top: -55px; }
  .blogpage #main .profile { width: 70%; float: left; }
  .blogpage #main .profile .blogger-profile:last-child { border-bottom-width: 1px; }
  .blogpage #main .profile .blogpage .profile .blogger-profile .blogger-description:empty { display: none; }
  .blogpage #main .profile .blogger-profile figure { float: left; max-width: 210px; }
  .blogpage #main .subscriptions-table thead { display: table-header-group; background: #e5e5e5; }
  .blogpage #main .subscriptions-table thead th { padding: 5px 10px; }
  .blogpage #main .subscriptions-table tbody td { border-bottom-width: 1px; }
  .blogpage #main .subscriptions-table tr { display: table-row; padding: 0; border: 0; }
  .blogpage #main .subscriptions-table td { padding: 10px; width: 25%; display: table-cell; }
  .blogpage #main .subscriptions-table td.subscription { font-weight: normal; }
  .blogpage #main .subscriptions-table td.actions { text-align: right; width: 10%; position: relative; top: 0; }
  .blogpage #main .subscriptions-table select { width: 100%; } }
@media (min-width: 992px) { .blogpage #main #page-content .page-container { display: block; }
  .blogpage #main #page-content .page-container > h1:first-of-type { display: block; padding: 0; text-align: left; left: 0; margin-bottom: 20px; position: relative; top: auto; width: 80%; z-index: 2; }
  .blogpage #main #page-content .blog-content { background-color: white; padding: 22px; margin-bottom: 40px; width: 70%; float: left; }
  .blogpage #main #page-content .blog-content h1 { margin-top: 0px; }
  .blogpage #main #page-content .blog-content .blog-post h2 { margin-top: 0px; }
  .blogpage #main .blog-sidebar { width: 25%; float: right; display: inline-block; margin-top: 0px; }
  .blogpage #main .blog-sidebar ul { display: block !important; height: auto !important; cursor: default; margin-bottom: 0; }
  .blogpage #main .blog-sidebar ul li { margin-top: 10px; }
  .blogpage #main .blog-sidebar .sidebar-section h3 .eso-accordion-indicator { background: none; }
  .blogpage #main .blog-sidebar .info-container { margin-bottom: 30px; padding-left: 0; }
  .blogpage #main .blog-sidebar .sidebar-section.blog-recent { display: none; }
  .blogpage #main .page-numbers .on { background: #f6f5f4; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .blogpage #main .blog-reply li.notify, .blogpage #main li.updates { width: 48%; display: inline-block; }
  .blogpage #main .blog-reply li.notify label, .blogpage #main li.updates label { width: 90%; margin: 0; } }
/* ========= BLOG COMPONENT END ========= */

/* ========= COMPETITIONS ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.competition .comp-form form ol { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; flex-direction: column; -webkit-flex-direction: column; }

.competition .comp-form form ol li.telephone input.tel_area { margin-bottom: 1em; }

.competition .comp-form form ol li.sec-preview p { display: none; }

.competition .comp-form form ol li.new-account-prompt { margin-top: 2em; }

.competition .comp-form form ol li.new-account-prompt h2 { margin: 0; }

.competition:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.competition .progress { border: 1px solid #e5e5e5; margin-bottom: 1em; height: 42px; }

.competition .progress p { background: #e5e5e5; padding: 10px 0; text-align: center; }

.competition.login .progress p { width: 25%; }

.competition.entry .progress p { width: 50%; }

.competition.friends .progress p { width: 75%; }

.competition.complete .progress p { width: 100%; }

.competition form li { margin-bottom: 1em; }

.competition h2 { font-size: 20px; padding: 0 0 .5em; font-weight: bold; text-transform: uppercase; }

.competition .instructions { margin-bottom: 1em; }

.competition .promo { margin-bottom: 1em; }

.competition .agreement label { width: 90%; display: inline-block; margin-left: 5px; }

.competition.entry li.security-message, .competition.entry li.security-message label, .competition.entry li.agreement { width: 100% !important; }

.competition.entry #securitycode { width: 100%; }

.competition.entry li.security-message .inline-error { display: block; }

@media (min-width: 768px) { .competition #left-nav { display: none; }
  .competition #page-content { width: 100%; }
  .competition.entry li.telephone { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
  .competition.entry li.telephone .tel_area { width: 15%; }
  .competition.entry li.telephone input { width: 77%; }
  .competition.entry #securitycode { width: 100%; } }
@media (min-width: 992px) { .competition.entry li.security-message .inline-error { width: 47%; }
  .competition .page-container > .competition fieldset ol > li { width: 47%; float: left; } }
@media (min-width: 1150px) { .competition.entry .comp-form form ol { flex-direction: row; -webkit-flex-direction: row; }
  .competition.entry li.sec-preview { width: 5.2%; }
  .competition.entry li.sec-preview img { margin-top: 1.8em; }
  .competition.entry li.sec-code { width: 36.2%; }
  .competition.friends .comp-form form ol { flex-direction: row; -webkit-flex-direction: row; }
  .competition.friends .comp-form form ol li.submit { margin-top: 26px; } }
/* ========= COMPETITIONS END ========= */

/* ========= CAREERS COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.career .career-title { font-size: 16px; }

.career #left-nav { display: none; }

.career #page-content { width: 100%; }

.career #page-content ul, .career #page-content ol { padding-left: 19px; }

.career #page-content ul { list-style-type: disc; }

.career #page-content .job-details ol { padding-left: 0px; }

.career .career-item { border-bottom-width: 1px; padding-bottom: 25px; margin-bottom: 15px; }

.career .list-date .open { margin-right: 20px; }

.career .list-date .open:before { content: "date opened: "; }

.career .customer-info ol li.suburb, .career .customer-info ol li.state, .career .customer-info ol li:nth-of-type(5) { display: none; }

.career .list-date .closing:before { content: "date closing: "; }

.career .list-date .open:before, .career .list-date .closing:before, .career .list-status { font-weight: bold; }

.career .list-status { text-transform: uppercase; }

.career .list-date, .career .list-status { margin-bottom: 15px; }

.career .list-description { clear: both; }

.career .cv textarea { height: 100px; }

.career img { width: 100%; height: auto; }

.career .security-code img { width: auto; }

@media (min-width: 769px) { .career .career-title { font-size: 20px; }
  .career .list-date { float: right; }
  .career .cv textarea { height: 200px; }
  .career .security-code + security-code { margin-left: 29%; }
  .career .next-previous button { float: right; }
  .career img { width: auto; max-width: 100%; } }
/* ========= CAREERS COMPONENT END ========= */

/* ========= ASSOCIATES COMPONENT ========= */
/***********************************/
/***********************************/
/* General Styles */
/* Breadcrumbs Colour */
/* Header */
/* Navigation */
/* category listing */
/* left nav */
/* Product Detail */
/* Footer Background Colour */
/* Cart Review */
/* Blog */
/***********************************/
/***********************************/
.cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; }

.cards li { list-style-type: none; width: 100%; margin-bottom: 18px; }

.cards .card .card-content { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #262626; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #eceef1; font-size: 1.5em; }

.cards .card .card-content ul { padding: 10px 10px 33px 10px; max-width: 100%; }

.cards .card .card-content ul li { font-size: 16px; margin-bottom: 2px; }

.cards .card .card-content ul li.associate-name { font-size: 18px; font-weight: 600; margin-bottom: 15px; }

.cards .card .card-content ul li .title { font-weight: 600; margin-right: 13px; color: #aaaaaa; }

.cards .card .card-content ul li .value { margin-right: 20px; display: inline-block; }

.cards .card figure { background-color: white; border: 2px solid black; width: 48%; margin: 20px; }

.cards .card figure img { width: 100%; height: auto; }

/* if javascript is available, we want separate styles */
.cards.js-enabled .card { margin-bottom: 13px; width: calc((100% / 3) - 20px); }

.cards.js-enabled .card .card-title { width: 100%; padding: 30px; position: relative; cursor: pointer; background-color: #9b9d9d; color: #eceef1; font-size: 1.5em; text-align: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-weight: normal; font-size: 18px; min-height: 161px; }

.cards.js-enabled .card .card-title:hover { background-color: #66bd9b; }

.cards.js-enabled .card .card-title:after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; opacity: 0; }

.cards.js-enabled .card .card-trigger { width: 54px; height: 42px; margin: 8px auto 0px auto; background-image: url(/Assets/sprite.png); background-position: -13px -1261px; background-size: 79px; }

.cards.js-enabled .card.expanded .card-title:after { content: ""; opacity: 1; display: block; height: 0; width: 0; position: absolute; bottom: -30px; left: calc(50% - 15px); border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f6f5f4; }

.cards.js-enabled .card.expanded .card-content { max-height: 1000px; min-height: 200px; overflow: visible; margin-top: 30px; opacity: 1; }

.cards.js-enabled .card.expanded .card-trigger { background-position: -13px -1390px; }

.cards.js-enabled .card.collapsed .card-content { max-height: 0; min-height: 0; overflow: hidden; margin-top: 0; opacity: 0; }

.associate #main .error:empty { display: none; }

.associate #main .loading { display: none; background-image: url(/Assets/ajax-loader.gif); height: 20px; width: 20px; margin: 0 auto; background-repeat: no-repeat; background-size: 20px; }

.associate .associate-street-address, .associate .associate-suburb, .associate .associate-state, .associate .associate-country, .associate .associate-postcode, .associate .associate-description { display: none; }

.associate .associates-landing-content .map-image { width: 100%; margin: 36px auto; }

.associate .associates-landing-content .map-image img { width: 100%; height: auto; }

.associate .associates-search > form { text-align: center; }

.associate .associates-search .toggle-types { margin-top: 20px; }

.associate .associates-search .filter legend { display: none; }

.associate .associates-search .filter, .associate .associates-search .filter .filter-by { border-bottom-width: 0px; }

.associate .associates-search .filter fieldset > ul { display: flex; flex-wrap: wrap; padding-left: 0px; background-color: #eeeded; padding: 1%; width: 94%; margin: 0 auto; }

.associate .associates-search .filter fieldset > ul > li { list-style-type: none; margin-right: 20px; margin-bottom: 0px; }

.associate .associates-search .filter fieldset > ul > li label { display: block; padding-left: 15px; text-indent: -15px; margin-bottom: 0px; width: auto; }

.associate .associates-search .filter fieldset > ul > li input { width: 13px; height: 17px; padding: 0; margin: 0; vertical-align: bottom; position: relative; top: -1px; margin-right: 4px; *overflow: hidden; }

.associate .associates-search .filter fieldset > ul > li:last-of-type { margin-right: 0px; }

.associate .associates-search .associates-search-bar { display: flex; flex-wrap: wrap; justify-content: center; }

.associate .associates-search .associates-search-bar input { height: 40px; border: 1px solid #ccc; width: 75%; padding: 10px; float: left; }

.associate .associates-search .associates-search-bar button { float: left; width: 25%; padding: 0; }

.associate .associates-search .associates-search-bar:after { content: ""; display: table; clear: both; }

@media (min-width: 768px) { .associate #page-content { width: 100%; }
  .associate .associates-search .associates-search-bar input { width: 300px; }
  .associate .associates-search .associates-search-bar button { width: auto; padding: 10px 40px; }
  .associate .associates-landing-content .map-image { width: 24%; }
  .cards { margin-left: -16px; margin-right: -16px; }
  .cards .card { margin: 15px; }
  .cards .card .card-content { justify-content: space-around; flex-direction: row; }
  .cards .card .card-content > ul { width: 60%; padding: 34px; }
  .cards .card figure { width: 20%; } }
@media screen and (max-width: 991px) { .cards.js-enabled .card { width: calc((100% / 2) - 30px); } }
@media screen and (max-width: 767px) { .cards .card, .cards.js-enabled .card { width: 100%; } }
@media screen and (min-width: 992px) { .cards { margin-left: 0px; margin-right: 0px; }
  .cards.js-enabled .card:nth-of-type(3n+1) { margin-left: 0px; }
  .cards.js-enabled .card:nth-of-type(3n+3) { margin-right: 0px; }
  .cards.js-enabled .card .card-content { width: calc(300% + 60px); }
  .cards.js-enabled .card:nth-of-type(3n+2) .card-content { margin-left: calc(-100% - 30px); }
  .cards.js-enabled .card:nth-of-type(3n+3) .card-content { margin-left: calc(-200% - 60px); }
  .cards.js-enabled .card:nth-of-type(3n+4) { clear: left; } }
@media screen and (max-width: 991px) and (min-width: 768px) { .cards.js-enabled .card .card-content { width: calc(200% + 30px); }
  .cards.js-enabled .card:nth-of-type(2n+2) .card-content { margin-left: calc(-100% - 30px); }
  .cards.js-enabled .card:nth-of-type(2n+3) { clear: left; } }
/* ========= ASSOCIATES COMPONENT END ========= */