/* ========= LAYOUT DETAILS COMPONENT ========= */
@import 'framework.css';
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 #D5D5D6;
  border-radius: 0;
}

@font-face {
  font-family: "Karla";
  src: url(Karla-Regular.eot);
  src: url(Karla-Regular.eot?#iefix) format("embedded-opentype"), url(Karla-Regular.woff2) format("woff2"), url(Karla-Regular.woff) format("woff"), url(Karla-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Karla";
  src: url(Karla-Bold.eot);
  src: url(Karla-Bold.eot?#iefix) format("embedded-opentype"), url(Karla-Bold.woff2) format("woff2"), url(Karla-Bold.woff) format("woff"), url(Karla-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
ol, ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

h1, th {
  text-transform: uppercase;
  color: #575859;
}

h2, h2 > a, h3, h3 > a, h4, h4 > a, h5, h6 {
  font-weight: bold;
  color: #414142;
}

h2, h2 > a {
  font-size: 18px;
  color: #414142;
}

h3, h3 > a {
  font-size: 16px;
}

h4, h4 > a {
  font-size: 14px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

th {
  font-size: 16px;
  color: #9B9DA0;
  font-weight: normal;
}

.nav-tabs > li.active > a, .additional-info .nav > li.active > a, .nav-tabs > li.active > a:hover, .additional-info .nav > li.active > a:hover, .nav-tabs > li.active > a:focus, .additional-info .nav > li.active > a:focus, .nav-tabs > li > a:hover, .additional-info .nav > li > a:hover, .nav-tabs > li > a, .additional-info .nav > li > a {
  text-transform: uppercase;
  text-decoration: none;
  border-color: transparent;
}

.nav-tabs > li.active > a:after, .additional-info .nav > li.active > a:after, .nav-tabs > li.active > a:hover:after, .additional-info .nav > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after, .additional-info .nav > li.active > a:focus:after, .nav-tabs > li > a:hover:after, .additional-info .nav > li > a:hover:after, .nav-tabs > li > a:after, .additional-info .nav > li > a:after {
  border-width: 0 0 1px 0;
  border-color: #414142;
  display: block;
  content: "";
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out 0s;
  -moz-transition: transform 0.3s ease-in-out 0s;
  -o-transition: transform 0.3s ease-in-out 0s;
  transform: scaleX(1);
  padding-top: 14px;
}

.nav-tabs > li.active > a:hover:after, .additional-info .nav > li.active > a:hover:after, .nav-tabs > li.active > a:hover:hover:after, .additional-info .nav > li.active > a:hover:hover:after, .nav-tabs > li.active > a:focus:hover:after, .additional-info .nav > li.active > a:focus:hover:after, .nav-tabs > li > a:hover:hover:after, .additional-info .nav > li > a:hover:hover:after, .nav-tabs > li > a:hover:after, .additional-info .nav > li > a:hover:after {
  transform: scaleX(1);
}

.nav-tabs > li > a:hover, .additional-info .nav > li > a:hover {
  background-color: #fff;
}

.nav-tabs > li > a, .additional-info .nav > li > a {
  border-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #D8D8D8;
}

.nav-tabs > li > a:after, .additional-info .nav > li > a:after {
  display: block;
  content: "";
  border-bottom: solid 1px #414142;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out 0s;
  -moz-transition: transform 0.3s ease-in-out 0s;
  -o-transition: transform 0.3s ease-in-out 0s;
  padding-top: 14px;
}

.nav-tabs > li > a:hover:after, .additional-info .nav > li > a:hover:after {
  transform: scaleX(1);
}

@media (min-width: 768px) {
  .nav > li > a {
    margin: 10px 15px;
    padding: 0;
  }
}
.nav-tabs, .additional-info .nav {
  border-width: 0;
}

.tab-content > div, .additional-info-content > div {
  padding-top: 15px;
}

.count {
  margin-left: 5px;
}

.item-detail .item-brand img, .item-detail .brand img {
  display: none;
}

.featured h4, .featured h4 a, .featured .price-display, .featured .price-display span, .cross-sell h4, .cross-sell h4 a, .cross-sell .price-display, .cross-sell .price-display span {
  font-size: 14px;
  color: #414142;
}

.featured h4, .featured h4 a, .cross-sell h4, .cross-sell h4 a {
  font-weight: bold;
}

.featured .item .item-brand + h4, .cross-sell .item .item-brand + h4 {
  margin-right: 18px;
}

.featured .item-brand, .cross-sell .item-brand {
  font-size: 14px;
}

.featured .laybuy-widget img, .cross-sell .laybuy-widget img {
  width: 23px;
}

.featured .slick-prev, .featured .slick-next, .cross-sell .slick-prev, .cross-sell .slick-next {
  display: none !important;
}

@media (min-width: 1150px) {
  .featured .slick-prev, .featured .slick-next, .cross-sell .slick-prev, .cross-sell .slick-next {
    display: block !important;
  }
}
.featured {
  padding: 0;
}

@media (min-width: 768px) {
  .featured {
    padding: 0 15px;
  }
}
@media (min-width: 1024px) {
  .featured {
    padding: 0;
  }
}
.featured h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}

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

.featured .products {
  padding: 0px 30px;
}

.cross-sell h2 {
  font-size: 18px;
  font-weight: normal;
}

.collapse.in {
  display: block !important;
}

/***** PRICING *****/
.price {
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}

.pricing {
  padding-top: 1px;
}

.pricing .now, .prices .now {
  margin-right: 5px;
  margin-top: 2px;
}

.pricing .now.to, .prices .now.to {
  margin-top: 0;
}

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

.price.was span {
  color: #9B9DA0;
}

.price.now {
  font-weight: normal;
}

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

.price.to {
  margin-left: 4px;
}

.price.save {
  display: none;
}

.price.tax {
  display: none;
}

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

/* Style Number (Product SKU) */
.style-number {
  display: none;
  color: #9B9DA0;
  font-size: 13px;
}

.style-number span {
  margin-right: 5px;
}

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

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

.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: #414142;
  font-weight: normal;
}

/*** OVERLAYS ***/
.products div.item {
  position: relative;
  overflow: inherit;
}

.overlay {
  position: absolute;
}

.overlay img {
  width: 100%;
}

.item figure {
  position: relative;
}

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

.item figure a {
  display: block;
}

.item figure .top-left img, .item figure .top-right img, .item figure .bottom-left img {
  width: 25%;
  height: auto;
}

.left-vertical, .right-vertical {
  left: 0;
  right: 0;
}

.top-horizontal {
  left: 0;
  right: 0;
  top: 0;
}

.bottom-horizontal {
  left: 0;
  right: 0;
  bottom: 0;
}

.top-left {
  top: 10px;
  left: 10px;
}

.top-left.rotate > span {
  transform: rotate(270deg) translate(-100%);
  transform-origin: top left;
  display: inline-block;
  text-align: right;
}

.top-left img {
  width: 25%;
  height: auto;
  vertical-align: top;
}

.top-right {
  top: 10px;
  right: 10px;
  text-align: right;
}

.top-right img {
  width: 25%;
  height: auto;
  vertical-align: top;
}

.bottom-left {
  bottom: 10px;
  left: 10px;
}

.bottom-left img {
  width: 25%;
  height: auto;
  vertical-align: bottom;
}

.product-detail .overlay, .cross-sell .overlay {
  width: auto;
}

/**** FORM ELEMENTS ****/
::-webkit-input-placeholder {
  color: #EAEAEB;
  text-transform: capitalize;
}

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

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

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

*:focus {
  outline: 0 none;
}

/* 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: 3px 5px 0 0;
}

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

input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

input[type=checkbox] + label:before {
  content: "";
  border: 1px #414142 solid;
  border-radius: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 1px;
  top: 0px;
}

@media (min-width: 768px) {
  input[type=checkbox] + label:before {
    vertical-align: bottom;
  }
}
input[type=checkbox]:checked + label:before {
  background: url(sprite.png) -5px -2238px no-repeat;
  background-color: #414142;
  background-size: 40px;
}

input[type=checkbox]:checked + label:before:before, input[type=checkbox]:checked + label:before:after {
  content: "";
  display: table;
}

input[type=checkbox]:checked + label:before:after {
  clear: both;
}

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;
  position: relative;
  padding-top: 4px;
  min-height: 32px;
}

@media (min-width: 768px) {
  form input + label {
    padding-top: 0;
  }
}
form input[type=checkbox] + label {
  padding-left: 45px;
}

@media (min-width: 768px) {
  form input[type=checkbox] + label {
    padding-left: 30px;
  }
}
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 select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(sprite.png) no-repeat 100% -1531px #fff;
  background-size: 80px;
}

form select[disabled] {
  background-position: 100% -1661px;
}

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

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

.note {
  font-size: 14px;
}

.select-wrap {
  position: relative;
}

.select-wrap:before {
  content: "";
  display: block;
  width: 29px;
  height: 9px;
  background: url(sprite.png) no-repeat 105% -1545px #fff;
  background-size: 80px;
  position: absolute;
  top: 42px;
  right: 1px;
}

.error_container {
  padding: 20px;
}

.error_container img {
  width: 150px;
}

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

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

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

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

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

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

.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: #D5D5D6;
}

.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: 14px;
}

/* MAIN BUTTONS */
.btn, button, .map-link a, .blog-header .post-link a, .reply-link a, .cancelnew, .added-to-wishlist {
  background-color: #414142;
  color: #fff;
  transition: background-color 200ms;
  border: 0 solid #414142;
  border-radius: 0;
  text-transform: uppercase;
  padding: 12px 18px;
  width: 100%;
  height: 40px;
  line-height: 14px;
  text-decoration: none;
}

.btn:hover, .btn:focus, .btn:active, button:hover, .map-link a:hover, .blog-header .post-link a:hover, .reply-link a:hover, .cancelnew:hover, .added-to-wishlist:hover, button:focus, .map-link a:focus, .blog-header .post-link a:focus, .reply-link a:focus, .cancelnew:focus, .added-to-wishlist:focus, button:active, .map-link a:active, .blog-header .post-link a:active, .reply-link a:active, .cancelnew:active, .added-to-wishlist:active {
  background-color: #282828;
  text-decoration: none;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

/* SECONDARY BUTTONS */
.btn.prev, button.prev, .store-finder, .left-nav-btn, .blog-list-item .post-link a, .additional-options a.prev, button.add-wishlist, a.added-to-wishlist, .autocomplete li > a, .summary-block .modify a, .login #sign-in .options a, .additional-options button, .promo-code button, .update button, .reply-link a, .quickview .btn, .update-quantity button, .btn.share-wishlist-btn, .wishlist-share .share-link-btn,
.displayaddresses .remove .prev, .displayaddresses .cancelnew .prev, .displayaddresses .cancel .prev, .displayaddresses .cancel-address-selection .prev, .displayaddresses .change-address .prev, .reviews .links, .reviews .btn.popup-link {
  background: #F3F0EE;
  color: #414142;
  border: 0 solid #F3F0EE;
  border-radius: 0;
  text-transform: uppercase;
}

.btn.prev:hover, .btn.prev:focus, button.prev:hover, button.prev:focus, .store-finder:hover, .store-finder:focus, .left-nav-btn:hover, .left-nav-btn:focus, .blog-list-item .post-link a:hover, .blog-list-item .post-link a:focus, .additional-options a.prev:hover, .additional-options a.prev:focus, button.add-wishlist:hover, button.add-wishlist:focus, a.added-to-wishlist:hover, a.added-to-wishlist:focus, .autocomplete li > a:hover, .autocomplete li > a:focus, .summary-block .modify a:hover, .summary-block .modify a:focus, .login #sign-in .options a:hover, .login #sign-in .options a:focus, .additional-options button:hover, .additional-options button:focus, .promo-code button:hover, .promo-code button:focus, .update button:hover, .update button:focus, .reply-link a:hover, .reply-link a:focus, .quickview .btn:hover, .quickview .btn:focus, .update-quantity button:hover, .update-quantity button:focus, .btn.share-wishlist-btn:hover, .btn.share-wishlist-btn:focus, .wishlist-share .share-link-btn:hover, .wishlist-share .share-link-btn:focus,
.displayaddresses .remove .prev:hover,
.displayaddresses .remove .prev:focus, .displayaddresses .cancelnew .prev:hover, .displayaddresses .cancelnew .prev:focus, .displayaddresses .cancel .prev:hover, .displayaddresses .cancel .prev:focus, .displayaddresses .cancel-address-selection .prev:hover, .displayaddresses .cancel-address-selection .prev:focus, .displayaddresses .change-address .prev:hover, .displayaddresses .change-address .prev:focus, .reviews .links:hover, .reviews .links:focus, .reviews .btn.popup-link:hover, .reviews .btn.popup-link:focus {
  background-color: #ded6d0;
  text-decoration: none;
}

.reviews .links .write-review {
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 9px;
}

/* DISABLED BUTTONS */
.btn[disabled], button[disabled], .map-link a[disabled], .blog-header .post-link a[disabled], .reply-link a[disabled], [disabled].cancelnew, [disabled].added-to-wishlist {
  background: #D8D8D8;
  border-color: #D8D8D8;
  cursor: auto;
}

.ESO_number_wrapper {
  position: relative;
  display: block;
  float: right;
  width: 100%;
}

.ESO_number_wrapper input {
  height: 40px;
}

.ESO_number_wrapper a {
  position: absolute;
  height: 40px;
  width: 40px;
  line-height: 30px;
  text-align: center;
  font-size: 0px;
  border-width: 1px;
  border-color: #e7e7e8;
  top: 0;
  color: #414142;
  transition: background-color 200ms;
  background: #f7f7f7 url(sprite.png) 0 0 no-repeat;
  background-size: 35px;
}

.ESO_number_wrapper a:hover {
  background-color: #D8D8D8;
}

@media (min-width: 768px) and (max-width: 992px) {
  .ESO_number_wrapper a {
    width: 30px;
  }
}
.ESO_number_wrapper a.minus {
  left: 0;
  background-position: 50% -1099px;
}

.ESO_number_wrapper a.plus {
  right: 0;
  background-position: 50% -1044px;
}

form .ESO_number_wrapper input[type=number] {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.next-previous {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding-top: 20px;
  clear: both;
}

.next-previous .btn.next:hover {
  color: #fff;
}

.next-previous .prev {
  width: 100%;
  order: 2;
}

.next-previous .next {
  width: 100%;
  order: 1;
  margin-bottom: 10px;
}

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

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

.message.incentive {
  padding: 0;
}

/*** Main Content ***/
.main-container {
  position: relative;
  z-index: 1;
  padding: 14px 0 17px;
}

.main-container:before, .main-container:after {
  content: "";
  display: table;
}

.main-container:after {
  clear: both;
}

@media (min-width: 768px) {
  .main-container {
    padding: 14px 0 50px;
  }
}
body:not(.homepage):not(.blogpage):not(.productpage):not(.cataloguepage) .main-container article {
  padding: 0 15px;
}

.main-container h1 {
  text-transform: uppercase;
  padding-bottom: 0;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 20px;
}

body:not(.accountpage):not(.blogpage):not(.infopage):not(.career):not(.giftvoucher) .main-content {
  padding: 10px 0;
}

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 .modal-header button {
  width: auto;
}

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

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

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

.modal .modal-content .modal-footer {
  clear: both;
  display: 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;
}

/*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: 0;
}

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

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

#main .featured .slick-track {
  padding: 0;
}

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

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

/*** 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: #414142;
  opacity: 0.9;
  z-index: 999;
  border-radius: 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;
}

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

.infopage .menu.dynamic > ul > li:not(.on), .career .menu.dynamic > ul > li:not(.on), .storelocator .menu.dynamic > ul > li:not(.on), .cartpage .menu.dynamic > ul > li:not(.on), .blogpage .menu.dynamic > ul > li:not(.on), .giftvoucher .menu.dynamic > ul > li:not(.on), .cartpage .menu.dynamic > ul > li:not(.on) {
  display: none;
}

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

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

.infopage .page-container img {
  width: 100%;
}

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

.stars-container span {
  vertical-align: bottom;
  display: inline-block;
  line-height: 14px;
  padding: 0 20px 0 0;
}

.stars-container span.full, .stars-container span.half, .stars-container span.empty {
  width: 20px;
  height: 22px;
  margin-right: 2px;
  background: url(sprite.png) center -1270px no-repeat;
  background-size: 50px;
}

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

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

.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-width: 1px;
  z-index: 2;
  position: relative;
  background: url(sprite.png) no-repeat 100% -1531px #fff;
  background-size: 80px;
  cursor: pointer;
  padding: 10px 20px 8px 12px;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  padding-right: 30px;
  height: 40px;
}

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

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

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

.fake-select li {
  background-color: #fff;
  padding: 10px 15px;
  margin: 0;
}

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

.fake-select li label {
  padding-left: 0;
}

.fake-select li.on {
  display: none;
}

.fake-select li img, .fake-select .selected img {
  height: 24px;
  margin-right: 5px;
  border: 1px solid #D5D5D6;
  border-radius: 15px;
}

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

.fake-select label, .fake-select li > a, .fake-select li > span {
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin: 0;
  height: 20px;
}

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

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

.fake-select.open .selected {
  background-position: 100% -3498px;
}

.fake-select.open label {
  display: block;
}

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

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

.fake-select.open ul li, .fake-select.open ul a {
  text-decoration: none;
}

.fake-select.open ul li:hover, .fake-select.open ul a:hover {
  background-color: #D8D8D8;
}

.fake-select.single .selected {
  cursor: default;
  background-image: none;
  height: auto;
}

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

.actions .remove a, .wishlist-products a.remove, .subscriptions-table .actions a {
  color: #9B9DA0;
  font-size: 0;
  display: block;
  width: 14px;
  height: 17px;
  background: url(sprite.png) 50% -4577px no-repeat;
  background-size: 70px;
}

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

/**** accordion basic styling ****/
.eso-accordion-indicator, .mobile-trigger {
  display: inline-block;
  position: absolute;
  cursor: pointer;
}

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

a.eso-accordion-trigger {
  width: 100%;
  display: block;
  height: 17px;
  line-height: 14px;
  text-decoration: none;
}

.eso-accordion-trigger .eso-accordion-indicator, .with-children.active > .mobile-trigger {
  top: -8px;
  right: 1px;
}

.eso-accordion-trigger .eso-accordion-indicator:before, .with-children.active > .mobile-trigger:before {
  content: "_";
  font-size: 27px;
  font-weight: normal;
  height: 15px;
  display: block;
  line-height: 10px;
}

.eso-accordion-trigger.collapsed .eso-accordion-indicator, .mobile-trigger {
  top: 1px;
  right: 2px;
}

.eso-accordion-trigger.collapsed .eso-accordion-indicator:before, .mobile-trigger:before {
  content: "+";
  font-size: 27px;
  font-weight: normal;
}

.eso-accordion:first-child .eso-accordion-panel:first-child {
  border-top-width: 1px;
}

.eso-accordion:fisrt-child > .eso-accordion-panel:not(.long-description) > :last-child {
  border-bottom-width: 1px;
  margin-bottom: 15px;
}

.eso-accordion-panel {
  border-bottom-width: 1px;
  padding: 15px 0;
  text-align: left;
}

.eso-accordion-panel h2, .eso-accordion-panel p, .eso-accordion-panel a {
  margin: 0;
  position: relative;
}

.eso-accordion-panel h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
}

.eso-accordion-panel:not(.long-description):not(.info-item) {
  border-top-width: 1px;
}

.eso-accordion-panel ~ .eso-accordion-panel {
  border-top-width: 0 !important;
}

.eso-accordion-panel:not(.filter) ul li {
  padding-bottom: 0;
}

.eso-accordion-panel:not(.filter) ul li a {
  font-weight: normal;
}

.eso-accordion-panel:not(.filter) ul li.on > a {
  font-weight: bold;
}

.eso-accordion-target {
  width: 100%;
}

.eso-accordion-target .info-container {
  padding-top: 26px;
}

.eso-accordion-target .info-container li {
  padding: 7px 0;
}

.eso-accordion-target .info-container p {
  margin-bottom: 0;
}

/**** 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;
  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;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 36%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 2;
}

@media (min-width: 768px) {
  .slick-prev, .slick-next {
    top: 24%;
  }
}
.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);
  background-size: 72px;
  padding: 29px 8px;
}

.slick-prev {
  left: -5px;
}

@media (min-width: 1050px) {
  .slick-prev {
    left: 0;
  }
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -2px;
}

.slick-prev:before {
  content: "";
  border-radius: 0;
  background-position: 50% -1591.5px;
}

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

.slick-next {
  right: -5px;
}

@media (min-width: 1050px) {
  .slick-next {
    right: -2px;
  }
}
[dir=rtl] .slick-next {
  left: 0px;
  right: auto;
}

.slick-next:before {
  content: "";
  border-radius: 0;
  background-position: 50% -1706.5px;
}

[dir=rtl] .slick-next:before {
  border-radius: 0;
  background-position: 50% -1706.5px;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 15px;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 1px solid #D5D5D6;
  border-radius: 10px;
  background: #fff;
  display: block;
  height: 15px;
  width: 15px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

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

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

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

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

.slick-dots li.slick-active button {
  border-color: transparent;
  background: #414142;
  opacity: 0.4;
}

.homeslider {
  margin-bottom: 10px;
}

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

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

body:not(.homepage) .top-links {
  display: none;
}

.jqueryloaded body:not(.homepage) .top-links {
  display: block;
}

@media (min-width: 576px) {
  .item figure .top-left img, .item figure .top-right img, .item figure .bottom-left img {
    width: 50%;
  }

  .top-left img, .top-right img, .bottom-left img {
    width: 50%;
  }
}
/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  .cataloguepage .main-container > h1, .searchpage .main-container > h1, .infopage .main-container > h1, .career .main-container > h1, .storelocator .main-container > h1, .blogpage .main-container > h1, .accountpage .main-container > h1, .giftvoucher .main-container > h1, .onlinebooks .main-container > h1, .redeem-voucher .main-container > h1 {
    position: absolute;
    top: -52px;
    width: calc(100% - 30%);
    margin-left: 15%;
    border-bottom: 0;
  }

  .btn, button, .map-link a, .blog-header .post-link a, .reply-link a, .cancelnew, .added-to-wishlist {
    font-size: 16px;
  }

  .options a {
    font-size: 16px;
  }

  .buy-now form button {
    font-size: 16px;
  }

  .form-item.colour.empty + .form-item.size.empty + .form-item.quantity {
    width: 48%;
    float: left;
  }

  .form-item.colour.empty + .form-item.size.empty + .form-item.quantity .ESO_number_wrapper a.minus, .form-item.colour.empty + .form-item.size.empty + .form-item.quantity .ESO_number_wrapper a.plus {
    width: 17.9%;
  }

  .page-container {
    padding: 0;
  }

  .main-container > h1 {
    margin-left: 0;
  }

  .errorpage #page-header {
    height: 160px;
  }

  #sign-in .customer.new {
    width: 100%;
  }

  #main .cross-sell .item button, #main .featured .item button {
    min-width: inherit;
  }

  #main .cross-sell .slick-track, #main .featured .slick-track {
    margin: 0 auto;
  }

  #main .cross-sell {
    position: relative;
  }

  #main .cross-sell:before {
    content: " ";
    background: #D5D5D6;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 92px;
    left: 0;
    z-index: -1;
  }

  #main .cross-sell:after {
    content: " ";
    background: #D5D5D6;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 92px;
    right: 0;
    z-index: -1;
  }

  #page-content {
    width: 74%;
    float: right;
    margin-left: 0;
    margin-right: 0;
  }

  .fake-select .selected span:not(.swatch-image) + span {
    padding-right: 8px;
    margin-right: 3px;
    vertical-align: middle;
    display: none;
  }

  /**** accordion basic styling ****/
  .eso-accordion-trigger.collapsed .eso-accordion-indicator, .mobile-trigger {
    top: 3px;
  }

  .eso-accordion-trigger.collapsed .eso-accordion-indicator:before, .mobile-trigger:before {
    font-size: 24px;
  }

  .eso-accordion-trigger .eso-accordion-indicator, .with-children.active > .mobile-trigger {
    top: -4px;
    right: 0;
  }

  .eso-accordion-trigger .eso-accordion-indicator:before, .with-children.active > .mobile-trigger:before {
    font-size: 22px;
  }

  .count {
    float: right;
  }

  .count a {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: 20px;
    overflow: hidden;
    background: url("sprite.png") 43% -3396px no-repeat;
    background-size: 80px;
  }

  /* MAIN BUTTONS */
  .btn {
    border: 0 solid #414142;
    border-radius: 0;
  }

  .slick-dots li button {
    width: 9px;
    height: 9px;
  }

  .next-previous {
    display: block;
  }

  form .next-previous .btn, form .next-previous button, .cart .next-previous .btn, .cart .next-previous button {
    max-width: 175px;
  }

  .infopage form button, .infopage form .btn {
    max-width: 175px;
  }

  input[type=checkbox] + label:before {
    width: 20px;
    height: 21px;
  }

  input[type=checkbox]:checked + label:before {
    background-size: 25px;
    background-position: -3px -1399px;
  }

  .lpm.accountpage:not(.loggedin) #page-content {
    padding: 30px 0;
    width: 100%;
  }

  .customform .main-container h1, .infopage .main-container h1, .accountpage .main-container h1 {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .infopage:not(.customform) h3 {
    margin-top: 0;
  }

  .customform h2 {
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1150px) {
  .cataloguepage .main-container h1, .searchpage .main-container h1, .infopage .main-container h1, .career .main-container h1, .storelocator .main-container h1, .blogpage .main-container h1, .accountpage .main-container h1, .giftvoucher .main-container h1, .onlinebooks .main-container h1 {
    display: block;
    text-align: center;
  }

  .cataloguepage h1, .searchpage h1, .infopage h1, .career h1, .storelocator h1, .blogpage h1, .accountpage h1, .giftvoucher h1, .onlinebooks h1 {
    margin-top: 4px;
  }
}
/*** TABLETS LANDSCAPE ***/
@media (min-width: 1024px) {
  .featured .slick-prev, .featured .slick-next {
    top: 18%;
  }
}
/*** DESKTOP ***/
@media (min-width: 1150px) {
  form .telephone input[type=tel], form .security-code input {
    width: 22.5%;
    margin-right: 1.25%;
  }

  .featured h4, .featured h4 a, .featured .price-display, .featured .price-display span, .cross-sell h4, .cross-sell h4 a, .cross-sell .price-display, .cross-sell .price-display span {
    font-size: 16px;
  }

  .featured .item-brand, .cross-sell .item-brand {
    font-size: 16px;
  }

  #main .cross-sell .products, .modal .cross-sell .products {
    padding: 0 10px;
  }
}
/* ========= LAYOUT DETAILS COMPONENT END ========= */
/* ========= HEADER COMPONENT ========= */
body.menu-open #page-header {
  position: relative;
}

#page-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
}

#page-header .content.header-top {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

#page-header .content.header-top a, #page-header .content.header-top p {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

#page-header .content.header-top img {
  width: 100%;
}

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

.page-header-container {
  width: 100%;
  position: relative;
  padding: 0px;
  background-color: #fff;
  margin-bottom: 6px;
  margin-top: 12px;
}

.page-header-container a {
  font-size: 16px;
}

.logo {
  width: 185px;
  position: absolute;
  top: 3px;
  left: 46%;
  transform: translateX(-50%);
}

.logo a {
  display: block;
}

.logo img {
  width: 100%;
}

.print-header {
  display: none;
}

/* MOBILE TRIGGERS - HEADER ICONS */
.mobile-triggers {
  float: right;
  width: 100%;
  height: 40px;
}

.mobile-triggers a {
  float: left;
  margin: 0;
  display: block;
  position: relative;
}

.mobile-triggers a.icon-menu {
  top: -12px;
  float: left;
  height: 55px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='465 21.5 26.831 18.611'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23414142; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_110' data-name='Group 110' transform='translate%28465 22%29'%3E%3Cline id='Line_57' data-name='Line 57' class='cls-1' x2='26.831' transform='translate%280 8.747%29'/%3E%3Cline id='Line_58' data-name='Line 58' class='cls-1' x2='26.831'/%3E%3Cline id='Line_59' data-name='Line 59' class='cls-1' x2='26.831' transform='translate%280 17.611%29'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 23px;
  width: 60px;
  margin: 0;
  display: block;
  position: relative;
}

.mobile-triggers a.icon-menu.active {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3141.873 23.873 14.654 14.654'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23414142; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_39' data-name='Group 39' transform='translate%283141.526 23.526%29'%3E%3Cline id='Line_24' data-name='Line 24' class='cls-1' x2='13.947' y2='13.947' transform='translate%280.7 0.7%29'/%3E%3Cline id='Line_25' data-name='Line 25' class='cls-1' x1='13.947' y2='13.947' transform='translate%280.7 0.7%29'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat #f4f4f4;
  background-size: 16px;
}

.mobile-triggers a.icon-search {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='14223.77 37.5 15.755 15.79'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23414142; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_4' data-name='Group 4' transform='translate%2814224.27 38%29'%3E%3Cg id='Group_3' data-name='Group 3' transform='translate%280%29'%3E%3Cellipse id='Ellipse_1' data-name='Ellipse 1' class='cls-1' cx='5.837' cy='5.832' rx='5.837' ry='5.832'/%3E%3Cline id='Line_1' data-name='Line 1' class='cls-1' x2='4.936' y2='4.931' transform='translate%289.966 10.005%29'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  float: right;
  top: 8px;
  right: 55px;
  background-size: 20px;
  width: 20px;
  height: 20px;
}

.mobile-triggers a.icon-currency {
  display: none;
}

.mobile-triggers a.icon-cart {
  float: right;
  display: inline-block;
  width: 20px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15785.5 34.5 15.786 19.946'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23414142; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_2' data-name='Group 2' transform='translate%2815785.006 34%29'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate%280.994 1%29'%3E%3Cpath id='Path_1' data-name='Path 1' class='cls-1' d='M14.3,22.229H2.469A1.556,1.556,0,0,1,1,20.512L1.733,6.9H15.039l.736,13.612A1.556,1.556,0,0,1,14.3,22.229Z' transform='translate%28-0.994 -3.282%29'/%3E%3Cpath id='Path_2' data-name='Path 2' class='cls-1' d='M14.261,7.531V4.311A3.3,3.3,0,0,0,10.95,1,3.246,3.246,0,0,0,7.7,4.311v3.22' transform='translate%28-3.588 -1%29'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 16px;
  top: 6px;
  right: 0px;
}

@supports (-ms-ime-align: auto) {
  .mobile-triggers a.icon-cart {
    background-size: 17px;
  }
}
.mobile-triggers .badge {
  position: absolute;
  right: -7px;
  top: -5px;
  padding: 3px 0px;
  background: transparent;
  color: #414142;
  font-weight: normal;
  font-size: 11px;
}

/* MOBILE TRIGGER - SUB MENU */
#header-nav {
  display: none;
}

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

#header-nav .header-nav-container li .mobile-trigger {
  right: 4px;
  top: 5px;
  width: 30px;
}

#header-nav .header-nav-container li .mobile-trigger:before {
  font-size: 25px;
  color: #9B9DA0;
  padding: 5px 20px;
  margin: -5px -20px;
}

#header-nav .header-nav-container li.active.with-children > .mobile-trigger {
  top: 12px;
  right: 5px;
}

#header-nav .header-nav-container li.active.with-children > .mobile-trigger:before {
  font-size: 20px;
  padding: 5px;
  margin: -5px;
}

#header-nav .header-nav-container .active[data-catid="5860"] .submenu .submenu-content > ul > li {
  break-inside: auto;
}

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

#header-nav .header-nav-container > ul:not(.m-nav-links) {
  margin-bottom: 25px;
}

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

#header-nav .header-nav-container > ul:not(.m-nav-links) > li {
  position: relative;
  font-weight: bold;
}

#header-nav .header-nav-container > ul:not(.m-nav-links) > li:first-of-type:before {
  content: "";
  display: block;
  border-top: 1px solid #D8D8D8;
  position: absolute;
  width: 94%;
  left: 3%;
  top: 0%;
}

#header-nav .header-nav-container > ul:not(.m-nav-links) > li:after {
  content: "";
  display: block;
  border-bottom: 1px solid #D8D8D8;
  position: absolute;
  width: 94%;
  left: 3%;
  top: 100%;
}

#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 ul > li > a, #header-nav .header-nav-container ul > li ul > li > .structural {
  color: #414142;
  display: block;
  padding: 10px 10px 10px 15px;
  font-size: 16px;
}

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

#header-nav .header-nav-container .submenu li {
  display: block;
  padding: 0;
  position: relative;
  margin-top: 5px;
}

#header-nav .header-nav-container .submenu li:last-of-type {
  margin-bottom: 5px;
}

#header-nav .header-nav-container .submenu li img, #header-nav .header-nav-container .submenu li figcaption {
  display: inline-block;
}

#header-nav .header-nav-container .submenu li img {
  width: 26px;
}

#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;
}

#header-nav .header-nav-container .submenu-content ul > li > a {
  text-transform: capitalize;
  font-weight: normal;
  font-size: 18px;
}

#header-nav .header-nav-container .submenu-content ul > li > ul > li:first-child a {
  margin-top: 5px;
}

#header-nav .header-nav-container .submenu-content ul > li > ul > li a, #header-nav .header-nav-container .submenu-content ul > li > ul > li .structural {
  text-transform: capitalize;
  line-height: 20px;
}

#header-nav .header-nav-container .submenu-content ul > li.with-children > a {
  position: relative;
}

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

#header-nav .header-nav-container a {
  text-decoration: none;
}

#header-nav .header-nav-container > ul > li > a, #header-nav .header-nav-container > ul > li > .structural {
  color: #414142;
  padding: 12px 35px 10px 15px;
  text-transform: uppercase;
  display: block;
  font-size: 18px;
}

#header-nav.in {
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 65px;
  max-height: 100vh;
  overflow-y: scroll;
}

.m-nav-links {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0 15px !important;
  margin-bottom: 25px !important;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.m-nav-links li {
  width: 100%;
  height: 40px;
  text-align: left;
  margin-top: 12px;
}

.m-nav-links a {
  font-weight: normal;
  font-size: 16px !important;
  text-align: center;
  text-transform: none !important;
  display: inline-block !important;
  padding: 10px !important;
}

.m-nav-links .login:before {
  content: "";
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.4 20' style='enable-background:new 0 0 18.4 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23424344;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Group_149' transform='translate%2813757 35%29'%3E%3Cpath id='Path_180' class='st0' d='M-13745.9-25.3c3.1,2.7,6.8,1.5,6.8,6.3c0,2.3-2.6,3.5-8.7,3.5'/%3E%3Cpath id='Path_181' class='st0' d='M-13749.7-25.3c-3.1,2.7-6.8,1.5-6.8,6.3c0,2.3,2.6,3.5,8.7,3.5'/%3E%3Cpath id='Path_182' class='st0' d='M-13751.9-29.8c-0.2-2.4,1.7-4.5,4.1-4.7c2.4,0.2,4.3,2.3,4.1,4.7v0.7c0.2,2.4-1.7,4.5-4.1,4.7 c-2.4-0.2-4.3-2.3-4.1-4.7V-29.8z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: 20px;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

.m-nav-links .register:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3588 259 22.304 20.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23424344; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_187' data-name='Group 187' transform='translate%283588 259%29'%3E%3Cpath id='Path_190' data-name='Path 190' class='cls-1' d='M5.5,10.5V15H10v1H5.5v4.5h-1V16H0V15H4.5V10.5h1'/%3E%3Cpath id='Path_191' data-name='Path 191' class='cls-1' d='M18.5,11.2A18.689,18.689,0,0,1,16,10a5.664,5.664,0,0,0,1.7-4V5.2A4.949,4.949,0,0,0,13,0C10.4,0,8.4,2.4,8.4,5.2V6a5.488,5.488,0,0,0,1.7,4,11.507,11.507,0,0,1-2.5,1.2c-.1,0-.1.1-.2.1v1.1a1.421,1.421,0,0,1,.6-.2,21.859,21.859,0,0,0,3-1.6,3.936,3.936,0,0,0,2.1.6,3.7,3.7,0,0,0,2.1-.6,16.111,16.111,0,0,0,2.9,1.5c1.9.8,3.2,1.3,3.2,4.1,0,2.1-2.7,3.1-8.3,3.1a20.232,20.232,0,0,1-5.6-.6v1a25.944,25.944,0,0,0,5.6.5c4,0,9.3-.4,9.3-4.1C22.4,12.7,20.5,12,18.5,11.2Zm-5.4-1A4.016,4.016,0,0,1,9.4,6V5.2A4.016,4.016,0,0,1,13.1,1a4.016,4.016,0,0,1,3.7,4.2V6A3.949,3.949,0,0,1,13.1,10.2Z'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 23px;
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

.m-nav-links .account-menu:before {
  content: "";
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.4 20' style='enable-background:new 0 0 18.4 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23424344;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Group_149' transform='translate%2813757 35%29'%3E%3Cpath id='Path_180' class='st0' d='M-13745.9-25.3c3.1,2.7,6.8,1.5,6.8,6.3c0,2.3-2.6,3.5-8.7,3.5'/%3E%3Cpath id='Path_181' class='st0' d='M-13749.7-25.3c-3.1,2.7-6.8,1.5-6.8,6.3c0,2.3,2.6,3.5,8.7,3.5'/%3E%3Cpath id='Path_182' class='st0' d='M-13751.9-29.8c-0.2-2.4,1.7-4.5,4.1-4.7c2.4,0.2,4.3,2.3,4.1,4.7v0.7c0.2,2.4-1.7,4.5-4.1,4.7 c-2.4-0.2-4.3-2.3-4.1-4.7V-29.8z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: 19px;
  width: 22px;
  height: 22px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 6px;
  vertical-align: middle;
}

.m-nav-links .history:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3135.5 258.5 18.281 20.668'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23424344; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_151' data-name='Group 151' transform='translate%283136 259%29'%3E%3Crect id='Rectangle_453' data-name='Rectangle 453' class='cls-1' width='17.281' height='14.823' transform='translate%280 4.845%29'/%3E%3Cline id='Line_100' data-name='Line 100' class='cls-1' x2='4.7' transform='translate%286.291 7.303%29'/%3E%3Cpath id='Path_182' data-name='Path 182' class='cls-1' d='M.5,5.345,4.188.5h9.906l3.688,4.845' transform='translate%28-0.5 -0.5%29'/%3E%3Cline id='Line_101' data-name='Line 101' class='cls-1' y1='4.845' transform='translate%288.677 0%29'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 18px;
  width: 22px;
  height: 22px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 6px;
  vertical-align: middle;
}

.m-nav-links .wishlist:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15703 34.488 22.015 20.063'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23424344; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_183' data-name='Path 183' class='cls-1' d='M11.007,3.493A9.68,9.68,0,0,0,7.87.939,5.248,5.248,0,0,0,4.075.793,5.436,5.436,0,0,0,.5,5.755,6.853,6.853,0,0,0,1.667,9.549a37.962,37.962,0,0,0,5.764,6.567C8.6,17.211,9.767,18.306,11.007,19.4c1.24-1.022,2.408-2.116,3.575-3.284a35.119,35.119,0,0,0,5.764-6.567,7.233,7.233,0,0,0,1.167-3.794A5.545,5.545,0,0,0,17.939.793a5.041,5.041,0,0,0-3.721.146A8.471,8.471,0,0,0,11.007,3.493Z' transform='translate%2815703 34.494%29'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 22px;
  width: 22px;
  height: 22px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 6px;
  vertical-align: middle;
}

.m-nav-links .logout:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3135.372 360.5 21.302 20.378'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23424344; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_150' data-name='Group 150' transform='translate%283136 361%29'%3E%3Cpath id='Path_180' data-name='Path 180' class='cls-1' d='M11.9,4.332V2.525A2.021,2.021,0,0,1,13.925.5h7.954A2.021,2.021,0,0,1,23.9,2.525V17.854a2.021,2.021,0,0,1-2.025,2.025H13.925A2.021,2.021,0,0,1,11.9,17.854V16.046' transform='translate%28-3.729 -0.5%29'/%3E%3Cline id='Line_99' data-name='Line 99' class='cls-1' x2='15.112' transform='translate%280 9.761%29'/%3E%3Cpath id='Path_181' data-name='Path 181' class='cls-1' d='M5.083,17.586.6,11.729,5.083,5.8' transform='translate%28-0.6 -1.968%29'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 20px;
  width: 22px;
  height: 22px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 6px;
  vertical-align: middle;
}

.mobileWrapper {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0 15px 0px 15px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.mobileWrapper a {
  font-weight: normal;
  font-size: 16px;
}

.mobileWrapper .stores {
  width: 100%;
  height: 40px;
  text-align: left;
  margin-top: 20px;
}

.mobileWrapper .stores .menu-stores a[title=Stores] {
  line-height: 42px !important;
  padding-left: 10px;
}

.mobileWrapper .menu-stores:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 24px;
  margin-right: 6px;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3135.488 149.425 16.65 21.649'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23414142; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_178' data-name='Group 178' transform='translate%283136 150%29'%3E%3Cellipse id='Ellipse_9' data-name='Ellipse 9' class='cls-1' cx='2.067' cy='2.067' rx='2.067' ry='2.067' transform='translate%285.801 5.879%29'/%3E%3Cpath id='Path_130' data-name='Path 130' class='cls-1' d='M15.177,11.976a8.622,8.622,0,0,1-.827,1.24c-.724.827-1.447,1.757-2.171,2.687,0,.1-.31.413-.413.517-.207.207-.31.413-.517.62-.31.413-.62.724-.93,1.137C9.7,19,8.976,19.831,8.356,20.658,7.012,18.9,5.565,17.247,4.221,15.49a18.871,18.871,0,0,1-1.344-1.654,12.192,12.192,0,0,1-1.344-1.86A7.546,7.546,0,0,1,.6,6.808,8.018,8.018,0,0,1,4.842,1.226a7.771,7.771,0,0,1,6.925,0A8.378,8.378,0,0,1,16,6.808,8.01,8.01,0,0,1,15.177,11.976Z' transform='translate%28-0.488 -0.412%29'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 18px;
}

.mobileWrapper .currency-estimator {
  width: 100%;
  margin: 15px 0 0 0;
}

.mobileWrapper .currency-estimator #currency-menu {
  float: right;
  width: 100%;
  margin: 0;
}

.mobileWrapper .currency-estimator #currency-menu #currency-form > fieldset > legend {
  display: none;
}

.mobileWrapper .currency-estimator #currency-menu #currency-form fieldset {
  margin-top: 0px;
}

.mobileWrapper .currency-estimator .fake-select .selected {
  border: 1px solid #D8D8D8;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3453.552 97 6.683 5.789'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23414142; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_9' data-name='Path 9' class='cls-1' d='M3.341,5.789,6.683,0H0Z' transform='translate%283453.552 97%29'/%3E%3C/svg%3E%0A") no-repeat 97% 50% #fff;
  background-size: 8px;
  padding: 10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mobileWrapper .currency-estimator .fake-select .selected {
    background-size: 40px;
  }
}
.icon-menu, .icon-link {
  float: none;
  cursor: pointer;
}

.icon-menu.active {
  background-color: #EAEAEB;
}

.navbar {
  margin-bottom: 0;
}

.header-account .icon-currency {
  display: none;
}

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

.header-cart {
  clear: both;
}

.header-cart .fake-select .selected {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3453.552 97 6.683 5.789'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23414142; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_9' data-name='Path 9' class='cls-1' d='M3.341,5.789,6.683,0H0Z' transform='translate%283453.552 97%29'/%3E%3C/svg%3E%0A") no-repeat 90% 50% #f8f8f8;
  background-size: 8px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header-cart .fake-select .selected {
    background-size: 14px;
  }
}
.currency-estimator {
  display: none;
}

.currency-estimator span {
  color: #414142 !important;
}

.header-account li.register {
  display: none;
}

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

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

.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 {
  margin-top: 10px;
  margin-right: 20px;
}

#currency-menu ul {
  display: none;
  border: 0;
}

#currency-menu .selected {
  padding-top: 8px;
  margin-top: 5px;
  height: 40px;
}

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

#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);
}

#currency-menu .fake-select input[type=radio] {
  display: none;
}

.login #sign-in {
  display: none;
  font-size: 16px;
  background: #fff;
  width: 320px;
  position: absolute;
  z-index: 10;
  top: 23px;
  border-top: 0;
  right: 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;
  max-width: 100%;
}

.login #sign-in a:hover:not(.btn) {
  color: #414142;
  text-decoration: none;
}

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

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

.login #sign-in > h2, .login #sign-in > p {
  display: none;
}

.login #sign-in form fieldset {
  margin-top: 0px;
}

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

.login #sign-in li.forgotten a {
  font-size: 13px;
  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;
}

.login.on #sign-in .signup a.new-cust {
  text-decoration: none;
}

#sign-in .autologin label, #page-content .autologin label {
  display: inline-block;
  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: #D8D8D8;
}

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

.header-cart-summary .ajax-content {
  width: 330px;
  position: absolute;
  top: 50px;
  right: 5px;
  z-index: 10;
  font-size: 16px;
  background: #fff;
  clear: both;
  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);
  max-height: 90vh;
  overflow: auto;
}

.header-cart-summary .ajax-content .next-previous {
  display: block !important;
}

.header-cart-summary .ajax-content .next-previous a {
  margin: 10px 0 0;
  padding: 14px 0;
  font-size: 16px;
  height: 40px;
}

.header-cart-summary .ajax-content h3 {
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #D5D5D6;
}

.header-cart-summary .ajax-content h3:not(:first-of-type) {
  display: none;
}

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

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

.header-cart-summary .summary-table td.pricing {
  margin-top: 0;
}

.header-cart-summary .summary-table .total:before {
  content: "Item Sub Total: ";
  margin-right: 5px;
}

.header-cart-summary .summary-table .total {
  margin-bottom: 10px;
  display: inline-flex;
}

.header-cart-summary .summary-table .item-detail {
  padding-bottom: 10px;
  padding-top: 0;
}

.header-cart-summary .summary-table .item-detail > h2 {
  margin: 0;
  text-transform: capitalize;
}

.header-cart-summary .summary-table .item-detail .selections .color, .header-cart-summary .summary-table .item-detail .selections .size {
  text-transform: capitalize;
}

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

.header-cart-summary .summary-table p.price {
  font-weight: bold;
}

.header-cart-summary .summary-table .item-detail span, .header-cart-summary .summary-table p.price, .header-cart-summary .summary-table td {
  text-transform: uppercase;
  font-size: 14px;
}

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

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

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

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

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

.header-cart-summary .gstonorder span, .header-cart-summary .subtotal span {
  font-weight: bold;
}

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

.header-cart-summary h4 {
  margin-top: 0;
}

.header-cart-summary h4 a {
  color: #414142;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
}

.header-cart-summary h4 a:hover {
  color: #EAEAEB;
}

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

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

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

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

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

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

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

.header-cart-summary .item a {
  text-decoration: none;
}

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

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

.header-cart-summary td.actions li.remove > a {
  color: #9B9DA0;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  float: left;
  padding-left: 19px;
  margin-right: 30px;
}

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

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

.header-cart-summary .cart-total .hint {
  font-size: 14px;
}

.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;
}

.header-cart-summary.on .ajax-content .summary-table .item-detail .style-number {
  display: none;
}

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

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

#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;
  padding: 0 20px;
  float: right;
  width: 100%;
}

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

#search-menu label {
  display: none;
}

#search-menu form {
  height: 30px;
  position: relative;
}

#search-menu input {
  padding: 0 8px;
  width: 75%;
  height: 30px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  max-height: 30px;
}

#search-menu input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: initial;
  color: #9B9DA0;
}

#search-menu input::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: initial;
  color: #9B9DA0;
}

#search-menu input:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: initial;
  color: #9B9DA0;
}

#search-menu input:-moz-placeholder {
  /* Firefox 18- */
  text-transform: initial;
  color: #9B9DA0;
}

#search-menu button {
  width: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='14223.77 37.5 15.755 15.79'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23414142; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_4' data-name='Group 4' transform='translate%2814224.27 38%29'%3E%3Cg id='Group_3' data-name='Group 3' transform='translate%280%29'%3E%3Cellipse id='Ellipse_1' data-name='Ellipse 1' class='cls-1' cx='5.837' cy='5.832' rx='5.837' ry='5.832'/%3E%3Cline id='Line_1' data-name='Line 1' class='cls-1' x2='4.936' y2='4.931' transform='translate%289.966 10.005%29'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  background-size: 15px;
  text-indent: -9999px;
  padding: 10px 18px;
  float: right;
  border: 0;
  height: 15px;
  margin-top: 5px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #search-menu button {
    background-size: 27px;
  }
}
#search-menu.in {
  opacity: 1;
  right: 110px;
  margin-bottom: 10px;
}

#search-menu .autocomplete .products .style-number {
  display: none;
}

.autocomplete {
  position: absolute;
  width: 100%;
  top: 31px;
  left: 0;
  background: #fff;
  z-index: 3;
  -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);
}

.autocomplete .description {
  width: 250px;
}

.autocomplete .item {
  width: 100%;
  margin-top: 0;
  -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;
  align-items: center;
}

.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 figure {
  position: relative;
  margin-right: 10px;
  width: 85px;
  float: left;
}

.autocomplete .item figure > a > img {
  width: 85px;
}

.autocomplete .item-detail {
  float: right;
  width: calc(100% - 90px);
  padding: 0 !important;
}

.autocomplete h4 a {
  margin: 0;
  color: #414142;
  font-size: 14px;
}

.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: #fcfcfc;
}

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

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

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

.autocomplete .view-all li a {
  font-size: 14px;
  width: 100%;
  max-width: 100%;
}

.autocomplete .view-all a {
  text-align: center;
  display: block;
  padding: 14px 0;
  text-decoration: none !important;
  white-space: pre-wrap;
}

.autocomplete .view-all a:hover {
  color: #414142;
}

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

.autocomplete .products {
  padding-bottom: 0;
  width: 100%;
}

.page-header-container .header-compare {
  display: none;
}

.header-compare .count {
  padding: 0 2px;
}

.header-compare .count:before, .header-compare .count:after {
  content: "";
  display: none;
}

/*login in fixes*/
.loggedin .m-nav-links li.wishlist .badge {
  color: #414142;
  background: transparent;
  font-weight: normal;
}

.header-placeholder {
  display: none;
}

@media (min-width: 576px) {
  .logo {
    width: 210px;
  }
}
/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  #page-header {
    border-width: 0;
  }

  #page-header:before {
    content: "";
    height: 43px;
    display: block;
    width: 100%;
    position: absolute;
  }

  #page-header .content.header-top {
    width: 100%;
    margin-top: 20px;
  }

  #page-header .content.header-middle {
    clear: both;
  }

  #page-header .mobile-triggers, #page-header .mobile-trigger {
    display: none;
  }

  #page-header .autocomplete {
    max-height: 90vh;
    overflow: auto;
  }

  .page-header-container {
    position: relative;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0;
  }

  .logo {
    width: 230px;
    top: 23px;
    left: 50%;
  }

  .header-account .login {
    position: absolute;
    right: 85px;
    top: 26px;
    z-index: 1;
  }

  .header-account .login > a {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.4 20' style='enable-background:new 0 0 18.4 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23424344;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Group_149' transform='translate%2813757 35%29'%3E%3Cpath id='Path_180' class='st0' d='M-13745.9-25.3c3.1,2.7,6.8,1.5,6.8,6.3c0,2.3-2.6,3.5-8.7,3.5'/%3E%3Cpath id='Path_181' class='st0' d='M-13749.7-25.3c-3.1,2.7-6.8,1.5-6.8,6.3c0,2.3,2.6,3.5,8.7,3.5'/%3E%3Cpath id='Path_182' class='st0' d='M-13751.9-29.8c-0.2-2.4,1.7-4.5,4.1-4.7c2.4,0.2,4.3,2.3,4.1,4.7v0.7c0.2,2.4-1.7,4.5-4.1,4.7 c-2.4-0.2-4.3-2.3-4.1-4.7V-29.8z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 20px;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-indent: -9999px;
  }

  /* Currency Menu */
  /*login in fixes*/
}
@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  .header-account .login > a {
    background-size: 21px;
  }
}
@media (min-width: 768px) {
  @supports (-ms-ime-align: auto) {
    .header-account .login > a {
      background-size: 18px;
    }
  }
}
@media (min-width: 768px) {
  .wishlist-count {
    vertical-align: top;
  }
}
@media (min-width: 768px) {
  .page-header-container .header-compare {
    display: block;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .header-compare {
    float: right;
  }

  .header-compare a {
    line-height: 43px;
  }
}
@media (min-width: 768px) {
  #header-nav {
    display: block;
    background: #f8f8f8;
    min-height: 40px;
    margin-top: 30px;
  }

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

  #header-nav .header-nav-container .submenu li img {
    width: 30px;
  }

  #header-nav .header-nav-container > ul:not(.m-nav-links) {
    text-align: center;
    z-index: 100;
    margin: 0px;
  }

  #header-nav .header-nav-container > ul:not(.m-nav-links):hover > li > a {
    color: #9B9DA0;
  }

  #header-nav .header-nav-container > ul:not(.m-nav-links):hover > li.active > a, #header-nav .header-nav-container > ul:not(.m-nav-links):hover > li > a:hover {
    color: #414142;
  }

  #header-nav .header-nav-container ul > li {
    position: static !important;
    border: 0;
    display: inline-block;
    float: none;
    padding: 0 2px;
  }

  #header-nav .header-nav-container > ul:not(.m-nav-links) > li:after, #header-nav .header-nav-container > ul:not(.m-nav-links) > li:first-of-type:before {
    content: none;
  }

  #header-nav .header-nav-container ul > li > a, #header-nav .header-nav-container ul > li > .structural {
    color: #414142;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0px 20px;
    font-size: 18px;
    position: relative;
    line-height: 40px;
  }

  #header-nav .header-nav-container ul > li ul {
    padding-left: 0;
    display: inherit;
    padding-bottom: 0;
  }

  #header-nav .header-nav-container .submenu li {
    margin-top: 2px;
  }

  #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 10px 16px 0px rgba(50, 50, 51, 0.31);
    border-top: 1px solid #D8D8D8;
    position: absolute;
    left: 0;
    background: #fff;
    width: 100%;
    text-align: left;
    z-index: 10;
    padding: 30px 0;
    top: 100%;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content {
    width: 750px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  #header-nav .header-nav-container .active .submenu .submenu-content {
    width: 970px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  #header-nav .header-nav-container .active .submenu .submenu-content {
    width: 1170px;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .active .submenu li.with-children > ul {
    display: block;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .active .submenu .nav-flyout {
    display: inline-block;
    width: 33%;
    float: right;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  #header-nav .header-nav-container .active .submenu .nav-flyout {
    width: 39%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  #header-nav .header-nav-container .active .submenu .nav-flyout {
    width: 47%;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .active .submenu .nav-flyout img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .active .submenu .submenu-content > ul {
    float: left;
    width: 64%;
    -webkit-columns: 3 140px;
    -moz-columns: 3 140px;
    columns: 3 140px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  #header-nav .header-nav-container .active .submenu .submenu-content > ul {
    width: 61%;
    -webkit-columns: 3 180px;
    -moz-columns: 3 180px;
    columns: 3 180px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  #header-nav .header-nav-container .active .submenu .submenu-content > ul {
    width: 50%;
    -webkit-columns: 3 175px;
    -moz-columns: 3 175px;
    columns: 3 175px;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    padding: 0;
    position: relative !important;
    float: none;
    display: table;
    width: 100%;
    margin: 10px 0;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li:first-of-type {
    margin-top: 0px;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li > a {
    font-weight: bold;
    text-transform: uppercase;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li ul {
    padding-left: 0;
    padding-bottom: 0;
    margin-top: 5px;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li ul li {
    display: block !important;
    float: none;
    padding: 0;
    position: relative;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .active .submenu .submenu-content > ul a {
    font-size: 16px !important;
    line-height: 20px;
    transition: margin-left 0.3s ease-in-out;
    -webkit-transition: margin-left 0.3s ease-in-out 0s;
    -moz-transition: margin-left 0.3s ease-in-out 0s;
    -o-transition: margin-left 0.3s ease-in-out 0s;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul a:hover {
    margin-left: 10px;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container ul > li ul > li > a, #header-nav .header-nav-container ul > li ul > li > .structural {
    color: #414142;
    padding: 5px 5px 5px 0;
    border: 0;
    font-size: 16px;
    position: relative;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container .submenu-content ul > li > ul > li:first-child a {
    margin-top: -5px;
  }

  #header-nav .header-nav-container .submenu-content ul > li > ul > li:first-child a figure {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container ul > li ul > li.on > a {
    border-bottom: none !important;
  }
}
@media (min-width: 768px) {
  #header-nav.dropdown.in {
    background: none;
  }
}
@media (min-width: 768px) {
  #header-nav .submenu-content {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  #header-nav .m-nav-links {
    display: none;
  }
}
@media (min-width: 768px) {
  #sign-in input {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .page-header-container .forgotten a {
    color: #414142;
  }
}
@media (min-width: 768px) {
  .page-header-container .forgotten a:hover {
    color: #EAEAEB;
    text-decoration: underline;
  }
}
@media (min-width: 768px) {
  .header-cart-summary {
    display: block;
    position: relative;
    float: right;
    margin-left: 10px;
    opacity: 1;
    height: 0px;
  }

  .header-cart-summary a.bag {
    padding: 7px 0 0 33px;
    position: absolute;
    right: 40px;
    top: 24px;
    z-index: 1;
    display: inline-block;
    width: 20px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15785.5 34.5 15.786 19.946'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23414142; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg id='Group_2' data-name='Group 2' transform='translate%2815785.006 34%29'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate%280.994 1%29'%3E%3Cpath id='Path_1' data-name='Path 1' class='cls-1' d='M14.3,22.229H2.469A1.556,1.556,0,0,1,1,20.512L1.733,6.9H15.039l.736,13.612A1.556,1.556,0,0,1,14.3,22.229Z' transform='translate%28-0.994 -3.282%29'/%3E%3Cpath id='Path_2' data-name='Path 2' class='cls-1' d='M14.261,7.531V4.311A3.3,3.3,0,0,0,10.95,1,3.246,3.246,0,0,0,7.7,4.311v3.22' transform='translate%28-3.588 -1%29'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 18px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  .header-cart-summary a.bag {
    background-size: 26px;
    height: 30px;
    top: 22px;
  }
}
@media (min-width: 768px) {
  @supports (-ms-ime-align: auto) {
    .header-cart-summary a.bag {
      background-size: 17px;
    }
  }
}
@media (min-width: 768px) {
  .header-cart-summary .cart-info-amount {
    display: none;
  }
}
@media (min-width: 768px) {
  .header-cart-summary.on {
    margin-top: 0;
  }

  .header-cart-summary.on .loading .ajax-content {
    display: none;
  }
}
@media (min-width: 768px) {
  .header-cart-summary .badge {
    position: absolute;
    top: -7px;
    left: 20px;
    background: transparent;
    color: #414142;
    font-size: 12px;
    font-weight: normal;
  }
}
@media (min-width: 768px) {
  .header-account ul, #header-nav ul, #currency-menu, #search-menu {
    display: block;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .header-account > ul > li, .header-options > ul > li, #header-nav .container > ul > li {
    float: left;
  }
}
@media (min-width: 768px) {
  .header-account, .header-options {
    float: right;
  }
}
@media (min-width: 768px) {
  .header-account ul {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .header-account a {
    color: #414142;
  }

  .header-account a:hover {
    color: #D8D8D8;
  }
}
@media (min-width: 768px) {
  .header-account ul#account-menu {
    padding-top: 0;
  }

  .header-account ul#account-menu li > a {
    line-height: 43px;
  }

  .header-account ul#account-menu li > a:hover {
    color: #9B9DA0;
  }

  .header-account ul#account-menu .password label, .header-account ul#account-menu .email label {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header-account > ul > li, .header-options > ul > li {
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .header-cart > a {
    float: right;
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .nav-trigger, .m-nav-links {
    display: none;
  }
}
@media (min-width: 768px) {
  .header-search {
    width: 300px;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
  }

  .header-search .autocomplete .item-detail {
    width: 62%;
  }
}
@media (min-width: 768px) {
  #currency-menu .selected {
    border-width: 0;
    padding: 3px 5px;
    height: auto;
  }

  #currency-menu .selected span {
    font-weight: normal;
  }

  #currency-menu .open ul {
    float: left;
    padding-left: 0;
    border: 0;
    width: 60px;
    -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-menu .open ul li {
    padding: 5px 0 3px 6px;
  }

  #currency-menu .open ul li:not(.on):hover {
    background: #EAEAEB;
  }

  #currency-menu .open ul li label {
    min-height: auto;
  }
}
@media (min-width: 768px) {
  .currency-estimator {
    float: left;
    display: block;
    position: absolute;
    right: 130px;
    top: 15px;
    width: 60px;
    font-size: 12px;
  }

  .currency-estimator #currency-menu {
    margin: 5px 0 0 0;
  }

  .currency-estimator #currency-form > fieldset > legend {
    display: none;
  }

  .currency-estimator #currency-form fieldset {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .summary-table .item-detail .click-and-collect h4 {
    text-transform: uppercase;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .mobileWrapper .stores, .mobileWrapper .currency-estimator {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .loggedin .currency-estimator {
    right: 174px;
  }

  .loggedin .header-account > ul > li a {
    text-decoration: none;
    color: #414142;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  .loggedin .header-cart-summary a.bag {
    background-size: 22px;
    height: 32px;
  }
}
@media (min-width: 768px) {
  .loggedin .header-account {
    position: relative;
  }

  .loggedin .header-account a.icon-link {
    display: none;
  }

  .loggedin .header-account #account-menu {
    display: block;
    position: absolute;
    z-index: 101;
    font-size: 16px;
    background: transparent;
    right: 84px;
    top: 25px;
    width: 89px;
  }

  .loggedin .header-account #account-menu > li:not(.account-menu):not(.wishlist) {
    display: none;
  }

  .loggedin .header-account #account-menu li a {
    font-weight: normal;
    line-height: 26px;
  }

  .loggedin .header-account #account-menu > li.wishlist > a {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15703 34.488 22.015 20.063'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23424344; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_183' data-name='Path 183' class='cls-1' d='M11.007,3.493A9.68,9.68,0,0,0,7.87.939,5.248,5.248,0,0,0,4.075.793,5.436,5.436,0,0,0,.5,5.755,6.853,6.853,0,0,0,1.667,9.549a37.962,37.962,0,0,0,5.764,6.567C8.6,17.211,9.767,18.306,11.007,19.4c1.24-1.022,2.408-2.116,3.575-3.284a35.119,35.119,0,0,0,5.764-6.567,7.233,7.233,0,0,0,1.167-3.794A5.545,5.545,0,0,0,17.939.793a5.041,5.041,0,0,0-3.721.146A8.471,8.471,0,0,0,11.007,3.493Z' transform='translate%2815703 34.494%29'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    text-indent: -9999px;
    background-size: 20px;
    width: 25px;
    height: 25px;
    display: inline-block;
  }

  .loggedin .header-account #account-menu li.account-menu {
    position: relative;
  }

  .loggedin .header-account #account-menu li.account-menu > a {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.4 20' style='enable-background:new 0 0 18.4 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23424344;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Group_149' transform='translate%2813757 35%29'%3E%3Cpath id='Path_180' class='st0' d='M-13745.9-25.3c3.1,2.7,6.8,1.5,6.8,6.3c0,2.3-2.6,3.5-8.7,3.5'/%3E%3Cpath id='Path_181' class='st0' d='M-13749.7-25.3c-3.1,2.7-6.8,1.5-6.8,6.3c0,2.3,2.6,3.5,8.7,3.5'/%3E%3Cpath id='Path_182' class='st0' d='M-13751.9-29.8c-0.2-2.4,1.7-4.5,4.1-4.7c2.4,0.2,4.3,2.3,4.1,4.7v0.7c0.2,2.4-1.7,4.5-4.1,4.7 c-2.4-0.2-4.3-2.3-4.1-4.7V-29.8z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 19px;
    width: 22px;
    height: 26px;
    display: inline-block;
    text-indent: -9999px;
  }

  @supports (-ms-ime-align: auto) {
    .loggedin .header-account #account-menu li.account-menu > a {
      background-size: 18px;
    }
  }
  .loggedin .header-account #account-menu li.account-menu #account-dropdown {
    position: absolute;
    display: none;
    top: 23px;
    right: -15px;
    width: 130px;
    -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);
    z-index: 10;
    background-color: #fff;
  }

  .loggedin .header-account #account-menu li.account-menu #account-dropdown ul {
    padding: 8px 15px;
  }

  .loggedin .header-account #account-menu li.account-menu.on #account-dropdown {
    display: block;
  }

  .loggedin .header-account #account-menu li.account-menu.on #account-dropdown li.wishlist .badge {
    background: #fff;
    color: #414142;
    vertical-align: baseline;
    padding: 3px;
  }
}
@media (min-width: 768px) {
  .header-placeholder {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #header-nav .header-nav-container ul > li > a, #header-nav .header-nav-container ul > li > .structural {
    padding: 0px 8px;
  }

  .page-header-container .header-search {
    width: 260px;
  }
}
/*** TABLETS ***/
@media (min-width: 768px) and (max-width: 1150px) {
  .page-header-container .header-account .logo ul li.logout {
    margin-left: 0;
  }

  .page-header-container .header-account .logo ul li a {
    font-size: 12px;
  }
}
/*** DESKTOP ***/
@media (min-width: 1150px) {
  #header-nav .header-nav-container .submenu li a {
    padding: 7px 0px 7px 0;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li {
    margin: 27px 0;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li:first-of-type {
    margin-top: 0px;
  }

  .header-search {
    width: 320px;
  }

  .page-header-container {
    margin-top: 11px;
  }

  .logo {
    width: 370px;
    top: 21px;
  }
}
@media print {
  .print-header {
    display: block;
    margin-left: 30px;
    margin-top: 2%;
    margin-bottom: 1%;
  }

  .print-header img {
    height: 30px;
  }

  #breadcrumbs {
    display: none !important;
  }

  a[href]:after {
    content: none;
  }

  #back-top a {
    display: none !important;
  }

  #page-header {
    display: none;
  }
}
body.print .print-header {
  display: block;
  margin-left: 4%;
  margin-top: 2%;
}

body.print .print-header img {
  height: 30px;
}

/* ========= HEADER COMPONENT END ========= */
/* ========= BREADCRUMB COMPONENT ========= */
#breadcrumbs {
  display: none;
  position: relative;
}

.breadcrumb-container {
  padding: 0;
  height: 67px;
}

.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: #414142;
}

.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 {
  line-height: 0;
  margin-bottom: 0;
  list-style: none;
  float: left;
  background-color: unset;
}

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

.breadcrumb-container .breadcrumb > li {
  font-size: 14px;
  display: inline-block;
}

.breadcrumb-container .breadcrumb > li span {
  text-transform: capitalize;
}

.breadcrumb-container .breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 6px 0 10px;
}

.breadcrumb-container .breadcrumb li, .breadcrumb-container .breadcrumb a {
  color: #D8D8D8;
  text-decoration: none;
  font-weight: normal;
}

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

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  #breadcrumbs {
    display: block;
  }

  body:not(.cartpage):not(.productpage) #breadcrumbs {
    padding-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  body:not(.cartpage):not(.productpage) #breadcrumbs {
    padding: 0;
  }
}
/* ========= BREADCRUMB COMPONENT END ========= */

/* ========= LEFT NAV COMPONENT ========= */
.filter li:not(.show-more-trigger) > a:before {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  border: 1px solid #D8D8D8;
  border-radius: 0;
}

.filter li:not(.show-more-trigger) > a:hover:before {
  border-color: #414142;
  background-color: #414142;
}

.filter li.on .title:before {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  border: 1px solid #414142;
  border-radius: 0;
  background-color: #414142;
}

#leftnav-filter-category,
#toolbar-filter-category,
#leftnav-filter-colour,
#toolbar-filter-colour,
#leftnav-filter-gender,
#toolbar-filter-gender {
  display: none;
}

#page-content .eso-accordion-target {
  margin-top: 0;
}

#page-content .eso-accordion .eso-accordion-panel .eso-accordion-panel {
  border: 0;
}

.filters a > .count {
  display: none;
}

#left-nav {
  display: none;
  padding: 0;
  font-size: 18px;
}

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

#left-nav .menu {
  display: none;
  padding-right: 20px;
}

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

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

#left-nav .filter-by .filter h3 {
  padding-left: 20px;
}

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

#left-nav a {
  text-decoration: none;
  font-weight: normal;
}

#left-nav .content img {
  width: 100%;
}

#left-nav .filters {
  border-width: 2px 0;
  margin-bottom: 30px;
  padding: 0 15px;
  position: relative;
}

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

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

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

#left-nav .filters .filter h3 {
  cursor: pointer;
  text-transform: uppercase;
}

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

#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;
}

.cataloguepage #left-nav .menu.dynamic li.on > a, .searchpage #left-nav .menu.dynamic li.on > a {
  font-weight: bold;
  text-transform: uppercase;
}

.cataloguepage #left-nav .menu.dynamic li a, .searchpage #left-nav .menu.dynamic li a {
  transition: margin-left 0.3s ease-in-out;
  -webkit-transition: margin-left 0.3s ease-in-out 0s;
  -moz-transition: margin-left 0.3s ease-in-out 0s;
  -o-transition: margin-left 0.3s ease-in-out 0s;
}

.cataloguepage #left-nav .menu.dynamic li a:hover, .searchpage #left-nav .menu.dynamic li a:hover {
  margin-left: 10px;
  text-decoration: none;
}

.cataloguepage #left-nav .menu.dynamic figure figcaption, .searchpage #left-nav .menu.dynamic figure figcaption {
  display: inline-block;
}

.cataloguepage #left-nav .menu.dynamic > ul li > ul, .searchpage #left-nav .menu.dynamic > ul li > ul {
  padding-top: 10px;
}

.cataloguepage #left-nav .menu.dynamic > ul li > ul li > ul, .searchpage #left-nav .menu.dynamic > ul li > ul li > ul {
  padding-top: 0;
}

.cataloguepage #left-nav .menu.dynamic li li li, .searchpage #left-nav .menu.dynamic li li li {
  padding-left: 0;
}

.cataloguepage #left-nav .menu.dynamic .last-active ul, .searchpage #left-nav .menu.dynamic .last-active ul {
  display: none;
}

.infopage #left-nav .content, .career #left-nav .content, .giftvoucher #left-nav .content, .accountpage #left-nav .content {
  display: none;
}

.infopage .menu.dynamic ul li ul li, .career .menu.dynamic ul li ul li, .giftvoucher .menu.dynamic ul li ul li, .accountpage .menu.dynamic ul li ul li {
  padding: 6px 0;
}

.infopage .menu.dynamic li span, .career .menu.dynamic li span, .giftvoucher .menu.dynamic li span, .accountpage .menu.dynamic li span {
  font-weight: bold;
  text-transform: uppercase;
}

.infopage .menu.dynamic > ul > li:not(.on) > span.structural, .career .menu.dynamic > ul > li:not(.on) > span.structural, .giftvoucher .menu.dynamic > ul > li:not(.on) > span.structural, .accountpage .menu.dynamic > ul > li:not(.on) > span.structural {
  display: block;
  padding-top: 21px;
}

.infopage .menu.dynamic li.on > ul, .career .menu.dynamic li.on > ul, .giftvoucher .menu.dynamic li.on > ul, .accountpage .menu.dynamic li.on > ul {
  padding-top: 6px;
}

.infopage .menu.dynamic li a, .career .menu.dynamic li a, .giftvoucher .menu.dynamic li a, .accountpage .menu.dynamic li a {
  transition: margin-left 0.3s ease-in-out;
  -webkit-transition: margin-left 0.3s ease-in-out 0s;
  -moz-transition: margin-left 0.3s ease-in-out 0s;
  -o-transition: margin-left 0.3s ease-in-out 0s;
}

.infopage .menu.dynamic li a:hover, .career .menu.dynamic li a:hover, .giftvoucher .menu.dynamic li a:hover, .accountpage .menu.dynamic li a:hover {
  margin-left: 10px;
  text-decoration: none;
}

.infopage #left-nav .menu.dynamic li.on ul li a.on, .career #left-nav .menu.dynamic li.on ul li a.on, .giftvoucher #left-nav .menu.dynamic li.on ul li a.on {
  color: #414142;
  text-transform: capitalize;
}

.infopage #left-nav .menu.dynamic li.on ul li a.on:hover, .career #left-nav .menu.dynamic li.on ul li a.on:hover, .giftvoucher #left-nav .menu.dynamic li.on ul li a.on:hover {
  text-decoration: none;
}

.accountpage #left-nav .menu.dynamic li.on a {
  color: #414142;
  text-transform: capitalize;
}

.accountpage #left-nav .menu.dynamic li.on a:hover {
  text-decoration: none;
}

.accountpage #left-nav .menu.dynamic ul li {
  padding: 6px 0;
}

/*** TABLETS ***/
@media (min-width: 768px) {
  #left-nav {
    width: 26%;
    float: left;
    padding: 0 2.5% 0 0;
    font-size: 16px;
    display: block;
  }

  #left-nav .menu {
    display: block;
  }

  #left-nav .menu a:not(.on) {
    color: #9B9DA0;
    text-transform: capitalize;
  }

  #left-nav a:hover {
    color: #414142;
  }

  #left-nav .show-more-trigger {
    text-decoration: underline;
    cursor: pointer;
  }

  #left-nav .show-more-trigger:hover {
    text-decoration: none;
  }

  #left-nav li img {
    display: none;
  }

  .cataloguepage #left-nav .filters {
    margin-top: 30px;
  }

  .cataloguepage .menu.dynamic li a {
    display: block;
    padding: 5px 0;
  }

  .cataloguepage .menu.dynamic ul > li:not(.on) {
    display: none;
  }

  .cataloguepage .menu.dynamic > ul > li:not(.on) > a {
    display: none;
  }

  .cataloguepage .menu.dynamic > ul .on > ul .on ul > li {
    display: block;
  }

  .cataloguepage .menu.dynamic > ul .on > ul .on ul > li a {
    display: block;
  }

  .cataloguepage .menu.dynamic .on > a:not(.on) {
    display: none;
  }

  .cataloguepage #left-nav {
    margin: 21px 0 30px 0;
  }

  .filter-by .filter:last-child {
    border-bottom-width: 1px;
  }

  #left-nav .filters {
    border-top: none;
    border-bottom: none;
    margin-bottom: 20px;
    padding: 0;
  }

  #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 .filter-by p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
  }

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

  #left-nav .filters .filter-by .total {
    display: none;
    float: right;
    color: #EAEAEB;
  }

  .left-nav-container {
    padding: 0;
  }

  .left-nav-container .filters.filter > h3 > .eso-accordion-indicator:first-of-type {
    position: absolute;
    top: 18px;
    right: 0px;
  }
}
/*** DESKTOP ***/
@media (min-width: 1150px) {
  #left-nav {
    padding-left: 0;
    width: 17.3%;
  }

  #page-content {
    width: 80.2%;
  }
}
/* ========= LEFT NAV COMPONENT END ========= */

/* ========= FOOTER COMPONENT ========= */
#page-footer { border-top-width: 1px; }

#page-footer .content { clear: both; padding-left: 0px; padding-right: 0px; }

#page-footer .page-footer-container { padding-bottom: 15px; }

#page-footer .content.footer-bottom { float: left; width: 100%; padding-top: 7px; padding-bottom: 7px; }

#page-footer .content.footer-bottom a, #page-footer .content.footer-bottom p { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

#page-footer .content.footer-bottom img { width: 100%; }

#page-footer a, #page-footer p { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

#footer-nav { padding-top: 25px; padding-bottom: 5px; }

.footer-nav-container > ul > li { padding: 12px 12px 12px 0; position: relative; border-bottom-width: 1px; }

.footer-nav-container > ul > li > ul { margin-top: 10px; margin-bottom: -10px; }

.footer-nav-container > ul > li > ul .info-container > :first-child { padding-top: 0px; }

.footer-nav-container > ul > li > a, .footer-nav-container > ul > li > span { text-transform: uppercase; color: #414142; font-size: 18px; }

.footer-nav-container li a, .footer-nav-container li span { display: inline-block; padding: 5px 0; text-decoration: none !important; color: #414142; }

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

.footer-nav-container .eso-accordion-target .info-container { padding: 0; }

.footer-nav-container .eso-accordion > li > span, .footer-nav-container .eso-accordion > li > a { font-weight: bold; width: 100%; }

.footer-nav-container .eso-accordion li ul li a { color: #414142; font-weight: normal; width: 100%; text-transform: capitalize; font-size: 18px; padding: 10px 20px; }

.footer-nav-container .eso-accordion li ul li a img, .footer-nav-container .eso-accordion li ul li a figcaption { display: inline; }

.footer-nav-container .eso-accordion-trigger.collapsed .eso-accordion-indicator { top: 5px; right: 2px; color: #9B9DA0; }

.footer-nav-container .eso-accordion-trigger.collapsed .eso-accordion-indicator:before { font-size: 25px; height: auto; line-height: unset; }

.footer-nav-container .eso-accordion-trigger .eso-accordion-indicator { top: 0px; color: #9B9DA0; }

.footer-nav-container .eso-accordion-trigger .eso-accordion-indicator:before { font-size: 20px; height: auto; line-height: unset; }

.estar { color: #9B9DA0; }

.estar .container { text-align: center; border: none; font-size: 14px; padding-bottom: 15px; }

.estar .container .ft-wrapper { display: inline-block; width: 100%; text-align: center; margin-bottom: 15px; }

.estar .container .ft-wrapper a { color: #9B9DA0; text-decoration: none; margin-left: 0; font-weight: normal; }

.estar .container .ft-wrapper strong { margin: 0 1em; }

.estar .container .ft-wrapper .dest-span span { margin: 0 1em; }

.estar .container a { color: #9B9DA0; margin-left: 0.3em; }

.estar .container .mobile-span { display: inline-block; }

.estar .container .dest-span { display: none !important; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { #footer-nav { padding: 0; float: left; width: 52%; }
  #page-footer .page-footer-container { padding-top: 30px; padding-bottom: 0px; padding-left: 0; }
  #page-footer .content.footer-top { float: right; width: 30%; padding: 11px 0px 15px 15px; }
  .footer-nav-container > ul { border-top-width: 0; margin: 0; }
  .footer-nav-container .eso-accordion-target .info-container li { padding: 2px 0; }
  .footer-nav-container .eso-accordion li ul li a { font-size: 16px; padding: 0px; }
  .footer-nav-container .eso-accordion li ul li a:hover { color: #9B9DA0; }
  .footer-nav-container .eso-accordion li ul li a figcaption { margin-left: 5px; }
  .footer-nav-container .collapse.eso-accordion { display: block; visibility: visible; height: auto !important; margin-top: 10px; }
  .footer-nav-container .collapsing.eso-accordion { height: auto !important; }
  .footer-nav-container > ul > li { width: 33%; float: left; border: 0; padding-right: 0; }
  .footer-nav-container > ul > li > a, .footer-nav-container > ul > li > span { font-size: 16px; height: 17px; line-height: 14px; }
  .footer-nav-container > ul > li span { cursor: default; }
  .footer-nav-container > ul > li span.eso-accordion-indicator { display: none; }
  .estar .container { text-align: right; font-size: 14px; padding: 40px 30px 20px 15px; }
  .estar .container .ft-wrapper { width: auto; float: left; }
  .estar .container .dest-span { display: inline-block !important; }
  .estar .container .mobile-span { display: none; }
  .estar .container a { text-decoration: underline; }
  .estar .container a:hover { color: #414142; text-decoration: none; } }
/*** TABLETS ***/
@media (min-width: 768px) and (max-width: 1150px) { #footer-nav { width: 100%; padding: 0px 15px 0px; }
  #footer-nav .footer-nav-container > ul > li { width: 33.3%; }
  #page-footer .content.footer-bottom { padding-right: 15px; padding-left: 15px; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .footer-nav-container, #page-footer .content { padding: 0; }
  .footer-nav-container .fields-wrapper button[type=submit], #page-footer .content .fields-wrapper button[type=submit] { height: 45px; }
  .estar .container { padding: 40px 15px 20px 0px; } }
@media print { footer, #body-wrapper + div { display: none; } }
/* ========= FOOTER COMPONENT END ========= */

/* ========= CATALOGUE LISTING COMPONENT ========= */
.cataloguepage .main-container article {
  padding: 0 20px;
}

.cataloguepage .cat-empty {
  padding: 15px;
}

.cataloguepage .was span, .cataloguepage .now span {
  font-weight: bold;
}

.cataloguepage .item-detail, .searchpage .item-detail {
  padding-top: 14px;
}

.cataloguepage .item-detail h4, .cataloguepage .item-detail .brand span, .searchpage .item-detail h4, .searchpage .item-detail .brand span {
  max-width: 85%;
}

.cataloguepage .eso-accordion-target .info-container, .searchpage .eso-accordion-target .info-container {
  padding-top: 0;
}

.cataloguepage .eso-accordion-trigger .eso-accordion-indicator:before,
.cataloguepage .with-children.active > .mobile-trigger:before, .searchpage .eso-accordion-trigger .eso-accordion-indicator:before,
.searchpage .with-children.active > .mobile-trigger:before {
  color: #9B9DA0;
}

.cataloguepage .no-breadcrumbs .main-container, .searchpage .no-breadcrumbs .main-container {
  padding-top: 41px;
}

.cataloguepage .no-breadcrumbs .main-container > h1, .searchpage .no-breadcrumbs .main-container > h1 {
  top: 13px;
}

.cataloguepage .no-breadcrumbs .toolbar.top, .searchpage .no-breadcrumbs .toolbar.top {
  margin-top: 56px;
}

.item .item-detail {
  padding-bottom: 28px;
  padding-top: 10px;
  position: relative;
}

/*** tool bar filters ***/
.toolbar:before, .toolbar:after {
  content: "";
  display: table;
}

.toolbar:after {
  clear: both;
}

.toolbar.top {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.toolbar.top .page-numbers {
  margin-bottom: 19px;
}

.toolbar.bottom .page-numbers {
  margin-bottom: 47px;
}

.toolbar .page-numbers {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  order: 3;
  width: 100%;
}

.toolbar .filters {
  order: 1;
  width: 100%;
  padding: 0;
  display: block;
  margin-bottom: 30px;
}

.toolbar .filters p, .toolbar .filters div {
  font-size: 14px;
}

.toolbar .filters .sort-by, .toolbar .filters .filter-by {
  position: relative;
}

.toolbar .filters > .filter {
  width: 50%;
}

.toolbar .filters .filter-by {
  border-width: 1px;
  padding: 2.5px 15px;
  height: 40px;
}

.toolbar .filters .filter-by p {
  margin: 5px 0 0;
}

.toolbar .filters .filter-by.eso-accordion-panel .filter-label.eso-accordion-trigger .eso-accordion-indicator {
  background: #fff url(sprite.png) 90% -3507px no-repeat;
  background-size: 80px;
  top: 0;
  width: 20px;
  height: 20px;
  right: -9px;
}

.toolbar .filters .filter-by.eso-accordion-panel .filter-label.eso-accordion-trigger.collapsed .eso-accordion-indicator {
  background-position: 90% -1539px;
}

.toolbar .filters .filter-by .eso-accordion-trigger.collapsed .eso-accordion-indicator, .toolbar .filters .filter-by .mobile-trigger {
  right: -4px;
}

.toolbar .filters .filter-by .eso-accordion-trigger .eso-accordion-indicator, .toolbar .filters .filter-by .with-children.active > .mobile-trigger {
  right: -6px;
}

.toolbar .filters .filter-by.eso-accordion-panel .filter-label.eso-accordion-trigger .eso-accordion-indicator:before {
  content: "";
}

.toolbar .filters .filter-by .filter-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
  top: 39px;
}

.toolbar .filters .filter-by .filter-wrapper .info-container {
  background: #fff;
  overflow: hidden;
  padding-bottom: 15px;
}

.toolbar .filters .filter-by .filter-wrapper .info-container p {
  position: relative;
}

.toolbar .filters .filter-by .filter-wrapper .info-container > div {
  padding: 15px 18px 0 15px;
  position: relative;
}

.toolbar .filters .filter-by .filter-wrapper .info-container .info-container li {
  padding: 15px 0;
}

.toolbar .filters .filter-by .filter-wrapper .info-container .info-container li a {
  text-decoration: none;
}

.toolbar .filters .filter-by > div {
  -webkit-box-shadow: 0 10px 15px 1px #D5D5D6;
  box-shadow: 0 10px 15px 1px #D5D5D6;
}

.toolbar .filters .sort-by {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 10px;
  padding: 0 0 0 15px;
  border-width: 1px;
}

.toolbar .filters .sort-by p {
  flex-grow: 1;
  margin: 10px 0 0;
}

@media (min-width: 992px) {
  .toolbar .filters .sort-by p {
    flex-grow: 0;
  }
}
.toolbar .filters .sort-by .filter {
  flex-grow: 77;
}

@media (min-width: 992px) {
  .toolbar .filters .sort-by .filter {
    flex-grow: 0;
  }
}
.toolbar .filters .sort-by .filter.eso-accordion-panel {
  padding: 0;
}

.toolbar .filters .sort-by a {
  text-decoration: none;
  display: block;
}

.toolbar .filters .sort-by .fake-select {
  position: inherit;
}

.toolbar .filters .sort-by .fake-select .selected {
  color: #414142;
  border: 0;
}

.toolbar .filters .sort-by .fake-select.open ul {
  border-width: 0;
  -webkit-box-shadow: 0 10px 15px 1px #D5D5D6;
  box-shadow: 0 10px 15px 1px #D5D5D6;
}

.toolbar .filters .fake-select ul {
  left: 0;
  width: 100%;
  top: 41px;
}

.toolbar .filters .fake-select:not(.open) ul {
  display: none;
}

.toolbar .filters .filter.eso-accordion-panel ul {
  margin: 0;
}

.toolbar .filters .filter-by.filter.eso-accordion-panel ul li a {
  cursor: pointer;
  line-height: 45px;
  text-decoration: none;
  padding-left: 15px;
}

.toolbar .filters .sort-by.filter.eso-accordion-panel .selected {
  padding-left: 15px;
}

.toolbar .active-filters {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0;
  order: 2;
  width: 100%;
  margin-bottom: 9px;
}

.toolbar .active-filters .count a {
  text-decoration: none;
  font-weight: bold;
}

.toolbar .active-filters .resetall a {
  border-width: 0;
  font-size: 14px;
}

.toolbar .active-filters .resetall a:hover {
  text-decoration: none;
}

.toolbar .active-filters h4, .toolbar .active-filters span {
  font-size: 14px;
  text-decoration: none;
}

.toolbar .active-filters div:first-child {
  display: none;
}

.toolbar .active-filters ul {
  max-width: 64%;
}

.toolbar .active-filters ul li {
  padding: 1px 10px 2px;
  margin: -3px 10px 20px 0;
  background: #EAEAEB;
  display: inline-block;
  float: right;
}

.toolbar.bottom .result-summary {
  display: none;
}

.toolbar.bottom .active-filters {
  display: none;
}

.sort-by .eso-accordion:first-child .eso-accordion-panel, .sort-by .eso-accordion-panel:not(.long-description):last-child {
  border: 0;
}

.toolbar .filters ul {
  display: none;
}

.jqueryloaded .toolbar .filters ul.in, .jqueryloaded .toolbar .filters .fake-select.open ul {
  display: block;
}

.result-summary {
  margin: 2px 0 7px;
  order: 4;
  width: 100%;
  display: none;
}

.result-summary .showing {
  display: none;
}

.result-summary .total {
  text-align: center;
  display: block;
  color: #EAEAEB;
}

body:not(.infopage) .cat-top img {
  max-width: 100%;
}

.item .quickview {
  display: none;
}

.item figure img {
  width: 100%;
}

.item figure:hover a > img {
  filter: opacity(50%);
}

.item figure:hover .quickview {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.item figure:hover .quickview .btn {
  padding-top: 13px;
  background: #F3F0EE;
}

.item .brand + h4 {
  margin: 3px 0px;
}

.item h4 a {
  text-decoration: none !important;
}

.item .offer {
  margin: 0 0 3px;
}

.item .offer a {
  font-weight: normal;
  font-size: 14px;
}

.item .brand {
  text-transform: uppercase;
}

.item .brand span {
  font-size: 14px;
}

.item .options {
  clear: both;
}

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

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

.item .buy-now {
  margin: 0 0 10px 0;
}

.item .buy-now button, .item .quickview .btn, .item .options a:not(.add-wishlist) {
  width: 100%;
}

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

.item .colours:after {
  clear: both;
}

.item .colours li {
  float: left;
  margin: 0 3px 3px 0;
  border: 1px solid #fff;
  border-radius: 0;
}

.item .colours li.on {
  border-color: #414142;
}

.item .colours li span {
  display: none;
}

.item .colours li img {
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #D5D5D6;
  border-radius: 0;
}

.item .colours li.no-image {
  display: none;
}

.item .price.rrp {
  margin: 1px 0;
}

.item .add-wishlist {
  display: block;
  width: 22.5px;
  height: 20px;
  background: url(sprite.png) -19px -2240.2px no-repeat;
  background-size: 62px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
  position: absolute;
  top: 11px;
  right: -3px;
  padding: 0;
  border: 0;
}

.item .add-wishlist.selected, .item .add-wishlist.added, .item .add-wishlist:hover {
  background: url(/images/assetimages/wishlist.png) 0 0 no-repeat;
  background-size: 100%;
}

#main .products {
  padding: 0;
}

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

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

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

#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;
}

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

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

.page-numbers ul + .view-all {
  float: right;
  margin: 0 0 0 10px;
  font-weight: normal;
  text-transform: initial;
}

.page-numbers .view-all {
  margin: 5px;
  float: left;
  font-weight: normal;
  text-transform: initial;
}

.page-numbers p {
  margin-top: 5px;
}

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

.page-numbers ul {
  padding: 0;
  margin-bottom: 0;
  max-width: 350px;
}

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

.page-numbers li.on {
  font-weight: bold;
}

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

.page-numbers .on {
  color: #414142;
}

.page-numbers .next-prev {
  height: 22px;
  width: 40px;
  background-image: url(sprite.png);
  background-repeat: no-repeat;
  background-size: 60px;
  display: block;
}

.page-numbers .next-prev.next {
  background-position: 50% -2884px;
}

.page-numbers .next-prev.prev {
  background-position: 50% -2789px;
}

.page-numbers .next-prev a {
  width: 100%;
  display: block;
  height: 100%;
}

.autoscroll .page_numbers {
  display: none;
}

.product-quickview .product-content {
  padding: 0;
}

.product-quickview .product-content .prices {
  padding-bottom: 0;
}

.product-quickview h1 {
  display: block !important;
  font-size: 26px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 5px 0 7px;
}

.product-quickview .price, .product-quickview .was span, .product-quickview .now span {
  font-weight: normal;
}

.product-quickview .product-detail .additional-options.one-btn button {
  width: calc(100% - 52%);
}

.product-quickview .product-detail .additional-options.one-btn a.more-details {
  width: auto;
  padding: 8px 0;
}

.product-quickview .afterpay-widget, .product-quickview .laybuy-widget {
  display: none !important;
}

.product-quickview .modal-header h4 {
  display: none;
}

.product-quickview .colour.single-parent {
  display: none;
}

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

.cataloguepage .content.additional-info img {
  max-width: 100%;
}

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  .product-wishlist .modal-dialog {
    min-width: 770px;
  }

  .cataloguepage .main-container {
    padding: 0;
  }

  .cataloguepage .main-container article {
    padding: 0;
  }

  #main .products {
    padding: 19px 0 4px 0;
  }

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

  main .content:after {
    clear: both;
  }

  .toolbar .filters .fake-select {
    position: relative;
  }

  .toolbar .filters .fake-select ul {
    top: 40px;
    width: 150px;
    right: 1px;
    left: auto;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .toolbar .filters .fake-select ul {
    right: 0;
  }
}
@media (min-width: 768px) {
  .toolbar .filters .sort-by .fake-select.open ul {
    border-width: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 0;
  }
}
@media (min-width: 768px) {
  .toolbar.top .page-numbers {
    width: 55%;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-right: 7px;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .toolbar.top .page-numbers {
    width: 67%;
  }
}
@media (min-width: 768px) {
  .toolbar.top .page-numbers ul li a {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  #page-content .cat-top img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .cataloguepage .toolbar.top {
    margin-top: 31px;
  }
}
@media (min-width: 768px) {
  .item .item-detail {
    position: relative;
  }

  .item .item-detail > :first-child, .item .item-detail h4 {
    max-width: 81%;
  }
}
@media (min-width: 768px) {
  .toolbar.top .active-filters {
    display: block;
    margin-top: 12px;
  }

  .toolbar.top .active-filters ul {
    display: block;
  }

  .toolbar .filters {
    margin-bottom: 0;
    border: 0;
    width: 43%;
    height: auto;
    display: inline-block;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .toolbar .filters {
    width: 33%;
  }
}
@media (min-width: 768px) {
  .toolbar .filters .filter-by {
    display: none;
  }
}
@media (min-width: 768px) {
  .toolbar .filters .sort-by {
    border-width: 0;
    padding: 0;
  }

  .toolbar .filters .sort-by p {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 10px 0 0;
  }

  .toolbar .filters .sort-by .fake-select .selected {
    border: 1px solid #D5D5D6;
    border-radius: 0;
    width: 150px;
    height: 40px;
  }

  .toolbar .filters .sort-by .filter {
    border-width: 1px;
    position: relative;
  }

  .toolbar .filters .sort-by li {
    padding-left: 10px;
  }

  .toolbar .filters .sort-by li a:before {
    display: none;
  }

  .toolbar .filters .sort-by .eso-accordion-panel:not(.long-description):last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .toolbar .filters .fake-select .selected {
    padding: 9px 0 0 10px;
    height: 30px;
  }
}
@media (min-width: 768px) {
  .toolbar .active-filters {
    order: 1;
    font-size: 16px;
  }

  .toolbar .active-filters ul {
    max-width: 100%;
  }

  .toolbar .active-filters ul:before {
    content: "ACTIVE FILTERS:";
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-right: 5px;
  }

  .toolbar .active-filters ul li {
    float: left;
    margin-right: 5px;
  }

  .toolbar .active-filters ul li:last-child {
    margin-right: 15px;
  }

  .toolbar .active-filters .resetall {
    width: auto;
    display: inline-block;
  }

  .toolbar .active-filters .resetall a {
    text-decoration: underline;
    border-width: 0;
    text-transform: initial;
    height: auto;
    padding-top: 0;
    width: auto;
  }
}
@media (min-width: 768px) {
  .toolbar.bottom {
    clear: both;
  }

  .toolbar.bottom .resetall {
    display: none;
  }

  .toolbar.bottom .page-numbers {
    margin-bottom: 68px;
  }
}
@media (min-width: 768px) {
  .result-summary {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-numbers ul {
    padding: 8px 0 0 15px;
    max-width: 74%;
    display: inline-block;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .page-numbers ul {
    max-width: 84%;
  }
}
@media (min-width: 768px) {
  .page-numbers ul + .view-all {
    margin: 8px 0 0 15px;
    float: initial;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .page-numbers li {
    margin-right: 4px;
  }
}
@media (min-width: 768px) {
  .page-numbers .next-prev {
    padding: 0;
    width: 10px;
  }

  .page-numbers .next-prev .next {
    width: 14px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .product-quickview .product-img {
    width: 50%;
  }

  .product-quickview .product-img .medium-image {
    position: static;
  }

  .product-quickview .product-content {
    width: 45%;
  }

  .product-quickview .product-content h1 {
    font-size: 20px;
    margin-bottom: 7px;
  }
}
@media (min-width: 992px) {
  .product-quickview .modal-dialog {
    width: 770px;
  }

  .product-quickview .modal-dialog .slick-prev {
    display: block !important;
    left: 10px;
  }

  .product-quickview .modal-dialog .slick-next {
    display: block !important;
    right: 10px;
  }

  .product-quickview .productpage .slick-prev:before {
    background-position: 50% -1592px;
  }

  .product-quickview .productpage .slick-next:before {
    background-position: 50% -1706px;
  }
}
/*** Desktop ***/
@media (min-width: 1150px) {
  #main .products .item {
    margin-left: 3.3%;
    border: 1px solid #fff;
    border-radius: 0;
    width: 31.1%;
    margin-bottom: 30px;
  }

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

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

  .page-numbers li {
    padding: 0px 10px;
  }

  .toolbar.top .page-numbers {
    width: 54.4%;
  }

  .toolbar .filters {
    width: 45.5%;
  }

  .toolbar .filters .sort-by .fake-select .selected {
    width: 247px;
  }

  .toolbar .filters .fake-select ul {
    width: 247px;
  }

  #modal-popup.product-quickview .product-detail .additional-options button {
    width: calc(100% - 52%);
  }

  #modal-popup.product-quickview .product-detail .additional-options a.more-details {
    width: auto;
  }

  .product-quickview .productpage .slick-prev {
    top: 44%;
  }

  .product-quickview .productpage .slick-next {
    top: 44%;
  }
}
/* ========= CATALOGUE LISTING COMPONENT END ========= */
/* ========= SEARCH COMPONENT ========= */
.searchpage .main-container article { padding: 0 20px; }

.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: 20px; margin-bottom: 20px; }

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

.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; text-decoration: none; }

.searchpage .articles .item a:hover { text-decoration: underline; }

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

.searchpage .sort-by li.on > a:before { display: none; }

.searchpage #left-nav .sort-by ul { padding: 22px 0 0; }

.searchpage #left-nav .filters { border-width: 0; }

.searchpage #left-nav .filters .sort-by li { padding: 10px 0; }

.searchpage .nav > li > a { padding: 0 10px 30px 0; }

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) { .searchpage #left-nav .sort-by h2 { padding-bottom: 20px; margin-bottom: 0; }
  .searchpage .main-container article { padding: 0; }
  .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 main .products { width: 74%; float: right; }
  .searchpage .related { margin-bottom: 25px; }
  .searchpage .toolbar.top { width: 74%; float: right; }
  .searchpage .toolbar .filters .sort-by .filter { flex-grow: 0; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .searchpage .search-info, .searchpage .related, .searchpage .popular { padding: 0; } }
/* ========= SEARCH COMPONENT END ========= */

/* ========= PRODUCT DETAIL COMPONENT ========= */
.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;
}

body.productpage:not(.jqueryloaded) {
  display: none;
}

.productpage .main-container {
  padding: 0 0 17px;
}

.productpage .main-container h1 {
  font-size: 26px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 7px;
}

.productpage .main-container article {
  padding: 0;
}

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

.productpage .long-description ul, .productpage .info-container ul {
  list-style: disc;
  padding: 15px 20px;
}

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

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

.productpage .nav-tabs {
  display: none;
}

.productpage .cross-sell .item h4 a {
  font-size: 14px;
}

.productpage #main .cross-sell > div, .productpage #main .cross-sell #main .featured {
  margin-top: 10px;
  padding: 0 15px;
}

.productpage .additional-info-content > .tab-pane {
  display: none;
}

.productpage .additional-info-content > div {
  display: block;
}

.productpage .reviews p {
  width: auto;
}

.productpage .reviews .read-review {
  margin-right: 5px;
  font-weight: normal;
}

.productpage .reviews .no-reviews {
  margin-bottom: 0;
}

.productpage .pac-container {
  z-index: 1500;
}

.productpage .laybuy-widget .laybuy-price img {
  width: 78px;
  vertical-align: top;
  margin-right: 6px;
}

.productpage .laybuy-widget .laybuy-price span.price {
  display: inline-block;
  font-size: 15px;
}

.productpage .cross-sell .laybuy-widget .laybuy-price img {
  width: 23px;
}

.productpage .slick-prev, .productpage .slick-next {
  top: 44%;
}

@media (min-width: 1150px) {
  .productpage .slick-prev, .productpage .slick-next {
    top: 27%;
  }
}
.productpage .slick-prev {
  left: -22px;
}

.productpage .slick-next {
  right: -22px;
}

.productpage .slick-prev:before {
  background-position: 50% -4234.5px;
}

@media (min-width: 1150px) {
  .productpage .slick-prev:before {
    background-position: 50% -1591.5px;
  }
}
.productpage .slick-next:before {
  background-position: 50% -4346.5px;
}

@media (min-width: 1150px) {
  .productpage .slick-next:before {
    background-position: 50% -1705.5px;
  }
}
.productpage .eso-accordion-trigger .eso-accordion-indicator:before {
  color: #9B9DA0;
}

.productpage .fake-select .selected {
  padding: 7px 20px 8px 12px;
}

.productpage .fake-select li.item-unselectable label {
  cursor: not-allowed;
  color: #9B9DA0;
}

.productpage .fake-select li.item-unselectable:hover {
  background: #fff;
}

.productpage .fake-select label {
  display: flex;
  align-items: center;
}

.productpage .fake-select .item-unavailable {
  background: #f8f8f8;
}

.productpage .fake-select .item-unavailable label {
  justify-content: space-between;
}

.productpage .fake-select .item-unavailable label:after {
  content: "Notify Me";
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.3rem;
}

.productpage #main .laybuy-widget .laybuy-price img {
  display: inline-block;
  margin: 0;
}

.productpage #main .laybuy-widget .laybuy-popup-content {
  display: none;
}

.productpage #body-wrapper .slick-prev, .productpage #body-wrapper .slick-next {
  display: none;
}

.product-set .long-description, .additional-info-links, .reviews .read-review {
  display: none;
}

.jqueryloaded .product-set .long-description, .jqueryloaded .additional-info-links, .jqueryloaded .reviews .read-review {
  display: block;
}

.product-set input[type=checkbox] {
  margin: 5px 5px 0 0;
}

.product-content {
  clear: both;
  margin-top: 30px;
  text-align: center;
  position: relative;
  padding: 0 15px;
}

.product-content .style-number {
  display: block;
}

.product-content .form-item > label, .product-content .form-item .control-label {
  text-align: left;
  margin-bottom: 5px;
}

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

.product-content .form-item.size {
  float: left;
  width: 53%;
}

@media (min-width: 445px) {
  .product-content .form-item.size {
    width: 56%;
  }
}
.product-content .form-item.quantity {
  float: right;
  width: 38%;
}

.product-content .form-item.colour.empty + .form-item.size.empty + .form-item.quantity {
  width: 100%;
}

.product-content .component-extra .product-content .form-item.size {
  width: 100%;
}

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

.product-content .form-item.colour li {
  padding: 10px 12px;
  position: relative;
}

.product-content .form-item.colour .selected .swatch-image {
  display: block;
  float: left;
}

.product-content .form-item.colour .swatch-image {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #D5D5D6;
  border-radius: 10px;
  margin-right: 5px;
}

.product-content .form-item.colour span {
  display: inline-block;
  text-align: left;
}

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

.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 .additional-info-links ul {
  display: block;
}

.product-content .form-item.quantity input {
  text-align: center;
  padding: 9px 12px 6px 12px;
}

.product-content .form-item.cartbutton {
  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;
  width: 100%;
}

.product-content .brand {
  width: 100%;
  text-align: center;
}

.product-content .brand img {
  width: 85px;
  padding-bottom: 26px;
}

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

.product-content .brand span {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 16px;
  display: inline-block;
}

.product-content .brand a {
  text-decoration: none;
}

.product-content .brand a + a {
  display: none;
}

.product-content .brand a span {
  text-decoration: underline;
}

.product-content .brand a:hover span {
  text-decoration: none;
}

.product-content .prices {
  padding-bottom: 15px;
  display: inline-block;
}

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

.product-content .prices .price span {
  font-size: 20px;
}

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

.product-content .afterpay-widget .price {
  font-weight: normal;
  font-size: 16px;
}

.product-content .afterpay-widget img {
  width: 95px;
  height: 18px;
}

.product-content .afterpay-widget .popup-link {
  padding: 5px 0;
}

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

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

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

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

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

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

.product-detail .additional-options {
  -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;
}

.product-detail .additional-options button, .product-detail .additional-options a {
  width: calc(100% - 52%);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .product-detail .additional-options button, .product-detail .additional-options a {
    width: 100%;
  }
}
.product-detail .additional-options.one-btn button, .product-detail .additional-options.one-btn a {
  width: 100%;
}

.product-detail .additional-options .add-wishlist, .product-detail .additional-options .added-to-wishlist {
  padding: 0;
}

.product-detail .additional-options .added-to-wishlist {
  text-decoration: none;
  padding-top: 13px;
  font-weight: normal;
}

.product-detail .additional-options .added-to-wishlist:before {
  background-position: -12px -1625px;
}

.product-detail .additional-options .find-in-store {
  float: right;
  margin-top: 0;
  padding: 6px 0;
}

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

.product-detail .reviews-tittle {
  display: inline-block;
  position: initial;
}

.product-detail .reviews-additional-info {
  padding: 13px 0;
  position: relative;
}

.product-detail .eso-accordion-trigger.collapsed.reviews-tittle .eso-accordion-indicator {
  right: 2px;
  top: 16px;
}

.product-detail .eso-accordion-trigger.reviews-tittle .eso-accordion-indicator {
  top: 7px;
  right: 0px;
}

.product-detail .stars-container-avg {
  float: right;
  margin-right: 27px;
}

.product-detail .first-additional-item {
  border-top-width: 1px;
  padding-top: 0;
}

.product-detail .info-container .reviews {
  margin: 6px 0 0;
}

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

.product-detail .info-container .reviews .avg {
  width: 100%;
  display: none;
}

.product-detail .info-container .reviews .avg span {
  float: left;
  margin-right: 5px;
}

.product-detail .info-container .reviews .reviewer {
  float: left;
  margin: 0 5px;
}

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

.product-detail .info-container .reviews .stars-container {
  clear: none;
  float: left;
  margin-left: 0;
}

.product-detail .info-container .reviews .stars-container span {
  vertical-align: baseline;
}

.product-detail .info-container .reviews .links, .product-detail .info-container .reviews .no-reviews {
  margin: 2px 0 0;
}

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

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

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

.product-detail .info-container .reviews .popup-link {
  text-decoration: none;
  margin-top: 15px;
  width: 100%;
}

.product-detail .additional-info-content .reviews .stars-container {
  margin-right: 10px;
}

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

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

.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;
  margin-top: 20px;
}

.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:not(.read-review) {
  margin-right: 0;
  font-weight: normal;
}

#body-wrapper .product-detail .links .read-review + .write-review {
  display: none;
}

#body-wrapper .product-detail .product-content > .reviews .stars-container {
  margin-right: 5px;
  display: inline-block;
}

#body-wrapper .product-detail .product-content > .reviews .links {
  margin-top: 4px;
  display: inline-block;
}

#body-wrapper .product-detail .product-content > .reviews .no-reviews + .links {
  margin-top: 0;
}

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

.click-and-collect {
  padding: 0px 0 22px;
}

.click-and-collect h4 {
  font-size: 16px;
  position: relative;
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 23px;
  display: inline-block;
  width: 74%;
}

@media (min-width: 468px) {
  .click-and-collect h4 {
    width: 82%;
  }
}
@media (min-width: 540px) {
  .click-and-collect h4 {
    width: 85%;
  }
}
@media (min-width: 660px) {
  .click-and-collect h4 {
    width: 77%;
  }
}
@media (min-width: 768px) {
  .click-and-collect h4 {
    width: 72%;
  }
}
@media (min-width: 1025px) {
  .click-and-collect h4 {
    width: 80%;
  }
}
.click-and-collect span {
  font-weight: normal;
  font-size: 14px;
  display: block;
}

.click-and-collect img {
  float: left;
  margin-top: 6px;
}

.additional-info-links {
  position: absolute;
  top: 0;
  right: 0;
}

.additional-info-links ul {
  border: 0;
}

.additional-info-links a {
  text-align: right;
  display: block;
  font-weight: bold;
}

.add-to-cart {
  border-top-width: 1px;
  margin-top: 24px;
  position: relative;
}

.add-to-cart legend {
  display: none;
}

.add-to-cart .preorderdata {
  margin-top: 25px;
}

.add-to-cart .availability {
  display: none;
}

.add-to-cart .cart-options {
  position: relative;
  padding: 7px 0 24px;
}

.add-to-cart .cart-options .form-item > label {
  font-weight: normal;
}

.add-to-cart .cart-options .form-item.cartbutton button {
  margin-bottom: 15px;
}

.add-to-cart .cart-options .form-item.size {
  position: relative;
}

.add-to-cart .additional-size-information {
  margin-top: 20px;
}

.cross-sell > div h2 {
  text-align: center;
  margin-bottom: 21px;
  border-bottom-width: 1px;
  padding-bottom: 16px;
}

.alternate-images {
  margin: 0;
  padding: 0;
  width: 100%;
}

.alternate-images img {
  width: 80px;
}

.alternate-images li {
  float: left;
}

.alternate-images .video {
  position: relative;
}

.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-content {
  border-top-width: 1px;
}

.long-description:empty ~ .additional-info .eso-accordion-panel {
  border-top-width: 1px;
}

.long-description-content ~ .pricing ~ .add-to-cart {
  border-top: 0;
}

.product-img {
  position: relative;
}

.product-img .overlay {
  z-index: 2;
}

.product-img a > img {
  position: relative;
  width: 100%;
}

.pd-video {
  position: absolute;
  width: 100%;
  padding-top: 100%;
  top: 0;
  z-index: 1;
  left: 0;
}

.pd-video video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
}

.productpage .product-img:not(.no-alternate-images) .medium-image > img {
  display: none;
}

.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;
}

.item-detail .item-brand img {
  display: none;
}

/*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*/
.productpage .pricing .now {
  margin-top: 0;
}

.productpage .price.rrp {
  margin-bottom: 0;
}

.productpage .full-pricing a {
  font-weight: normal;
}

.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 #D5D5D6;
  border-radius: 0;
}

.modal .price-matrix h4 {
  float: left;
  clear: 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;
}

.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: #D8D8D8;
}

.modal .price-matrix .pricing h4 {
  font-size: 16px;
}

.modal .price-matrix .pricing h4 span + span {
  margin-left: 5px;
}

.modal .price-matrix .price {
  float: right;
}

.modal .price-matrix .availabilitykey {
  margin-top: 20px;
}

/*Quickview Modal Popup*/
.modal-dialog .product-detail {
  padding-top: 0;
}

.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: #D5D5D6;
  padding: 0;
  margin-bottom: 18px;
}

.modal-dialog .popup-data.collapse > *, .modal-dialog .popup-data.collapsing > * {
  padding: 18px 0;
}

.modal-dialog .popup-data.collapse img, .modal-dialog .popup-data.collapsing img {
  max-width: 100%;
}

.modal-dialog .stars-container a {
  text-decoration: none;
}

.modal-dialog .productpage .reviews {
  padding-top: 0;
}

.modal-dialog .pricing {
  padding-top: 0;
}

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

.modal-dialog .overlay.top-left img, .modal-dialog .overlay.top-right img, .modal-dialog .overlay.bottom-left img {
  width: 25%;
}

.modal-dialog .slick-prev, .modal-dialog .slick-next {
  display: none !important;
}

.modal-dialog .article-block {
  display: none;
}

/* Find In Store */
#findinstore .modal-content .modal-body .find-in-store {
  padding: 0 0 15px;
  zoom: 1;
}

#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;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .image {
  display: none;
  margin-bottom: 15px;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .image .product-img {
  width: 100%;
}

#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 .alternate-images {
  display: none;
}

#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 .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 {
  float: left;
  margin: 9px 5px 0 0;
  font-weight: normal;
}

#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: 79%;
  float: right;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections {
  width: 100%;
}

#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: 25%;
  float: right;
  margin: 0;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections input {
  width: 70%;
  float: left;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table {
  width: 100%;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

#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 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 .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: #d15f40;
}

#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 img {
  width: 30%;
  margin: 0 10px 10px 0;
}

#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;
}

#findinstore .modal-content .modal-body .find-in-store .store-links .disclaimer {
  display: none;
}

#findinstore .modal-content .modal-body .find-in-store .disclaimer {
  padding-top: 15px;
  position: absolute;
}

#findinstore .modal-content .modal-body .find-in-store .control-label {
  display: inline-block;
}

.productpage .childproducts {
  clear: both;
}

.productpage .childproducts input[type=checkbox] {
  position: relative;
  opacity: 1;
}

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

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

.productpage .childproducts .product-img .slick-slider {
  margin-bottom: 10px;
}

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

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

.productpage .childproducts .product-content h2 {
  margin-top: 0;
}

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

.productpage .childproducts .product-content h2 a, .productpage .childproducts .product-content h2 {
  color: #414142;
  font-size: 22px;
}

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

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

.productpage .childproducts header {
  font-size: 32px;
  font-weight: bold;
}

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

.productpage .childproducts .product-selector {
  width: 110px;
  clear: both;
  float: left;
}

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

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

.productpage .childproducts .form-item.quantity, .productpage .childproducts .form-item.size {
  width: 100%;
}

.productpage .childproducts .add-to-cart .cart-options {
  padding: 15px 0 0;
}

.productpage .childproducts .component-extra .add-to-cart {
  margin-top: 0px;
  border: 0;
  padding-top: 0;
}

.productpage .childproducts .component-extra .add-to-cart .add-to-cart .cart-options {
  padding: 0;
}

.productpage .childproducts .component-extra .add-to-cart .pricing {
  padding-top: 0;
}

.productpage .product-content .component-extra .prices {
  padding-bottom: 2px;
}

.productpage .product-group > .product-detail > .product-content > .add-to-cart {
  margin-top: 0;
  padding-top: 5px;
}

.productpage span.laybuy {
  display: block;
}

.productpage span.laybuy img {
  width: 80px;
  vertical-align: sub;
  margin-right: 5px;
}

.productpage span.laybuy a {
  display: inline-block;
}

.productpage .laybuy-price {
  display: block !important;
}

.productpage .laybuy-price img {
  margin-left: 5px;
  padding-bottom: 3px;
  width: 70px;
}

.productpage .laybuy-price .popup-link {
  display: block;
  font-weight: normal;
  color: #9B9DA0;
}

.productpage .laybuy-price .price {
  font-weight: normal;
}

.productpage .laybuy-range {
  display: none;
}

.productpage #laybuy {
  display: none;
}

.productpage .laybuy-popup-content > img {
  width: 230px;
  display: block;
  margin: 0 auto;
}

.productpage .laybuy-popup-content h2 {
  font-size: 20px;
  color: #414142;
  text-align: center;
  width: 70%;
  margin: 30px auto;
}

.productpage .laybuy-popup-content p {
  text-align: center;
}

.productpage .laybuy-popup-content a img {
  width: 240px;
  padding: 6px 12px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 25px auto;
  display: block;
}

.productpage .laybuy-popup-content a img:hover {
  border-color: #575859;
}

.productpage .laybuy-popup-content ul {
  margin: 40px 0;
  border-top: 1px solid #D5D5D6;
  padding-top: 20px;
  padding-left: 0;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
}

.productpage .laybuy-popup-content ul li {
  width: 47%;
  text-align: center;
  list-style-type: none;
}

.productpage .laybuy-popup-content ul li img {
  display: block;
  width: 50px;
  margin: 10px auto;
}

/*slick slider breakpoint*/
@media (min-width: 480px) {
  .alternate-images li {
    padding: 0;
    text-align: center;
  }
}
@media (min-width: 576px) {
  .modal-dialog .overlay.top-left img, .modal-dialog .overlay.top-right img, .modal-dialog .overlay.bottom-left img {
    width: 50%;
  }
}
/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  .form-item.colour.empty + .form-item.size.empty + .form-item.quantity .ESO_number_wrapper a.minus, .form-item.colour.empty + .form-item.size.empty + .form-item.quantity .ESO_number_wrapper a.plus {
    width: 13.5%;
  }

  .product-detail .additional-info-content .reviews .avg + .btn {
    float: left;
    padding: 13px 10px;
  }

  /*Pricing Matrix*/
}
@media (min-width: 768px) and (min-width: 992px) {
  .product-detail .additional-info-content .reviews .avg + .btn {
    max-width: 48%;
  }
}
@media (min-width: 768px) {
  .product-detail .additional-info-content .reviews .stars-container {
    margin-right: 0;
  }

  .product-detail .additional-info-content .reviews .stars-container span:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .productpage .main-container h1, .product-content .prices .price span {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  #main h4 button.btn {
    top: -15px;
    right: 168px;
  }
}
@media (min-width: 768px) {
  .product-detail .reviews .stars-container {
    display: inline-block;
    vertical-align: middle;
  }

  .product-detail .reviews .links {
    display: inline-block;
  }

  .product-detail .social-media {
    float: left;
    clear: left;
  }

  .product-detail .form-item.cartbutton {
    width: 100%;
  }

  .product-detail .form-item.cartbutton button {
    width: 100%;
  }

  .product-detail .form-item.colour.empty + .form-item.size.empty + .form-item.quantity + input + .form-item.cartbutton {
    width: 48%;
    float: right;
    margin-top: 27px;
  }

  .product-detail .product-content .brand img {
    width: 85px;
  }

  .product-detail .product-content .cart-options .additional-options {
    -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;
    width: 100%;
  }

  .product-detail .product-content .cart-options .additional-options a, .product-detail .product-content .cart-options .additional-options button {
    margin-bottom: 15px;
  }

  .product-detail .product-content .cart-options .additional-options .add-registry {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .product-set .product-detail .product-content .form-item.size {
    width: 100%;
  }

  .product-set .product-detail .product-content .ESO_number_wrapper a.minus, .product-set .product-detail .product-content .ESO_number_wrapper a.plus {
    width: 13.5%;
  }
}
@media (min-width: 768px) {
  .product-detail .reviews .no-reviews {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .add-to-cart .cart-options {
    padding: 7px 0 9px;
  }
}
@media (min-width: 768px) {
  .product-img .medium-image {
    display: block;
    position: relative;
  }
}
@media (min-width: 768px) {
  .style-number {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .product-detail .additional-options .add-wishlist:before {
    width: 16px;
    height: 16px;
    background-position: -14px -2391px;
    background-size: 44px;
  }

  .product-detail .additional-options .added-to-wishlist:before {
    width: 16px;
    height: 16px;
    background-position: -14px -1788px;
    background-size: 44px;
  }
}
@media (min-width: 768px) {
  #modal-popup .product-detail .additional-options button, #modal-popup .product-detail .additional-options a {
    width: 100%;
  }

  #modal-popup .product-detail #modal-popup .links a {
    margin-right: 5px;
  }
}
@media (min-width: 768px) {
  .product-img {
    float: left;
    width: 60%;
  }
}
@media (min-width: 768px) {
  .magnify-zoomed {
    border-width: 1px;
  }
}
@media (min-width: 768px) {
  .product-content {
    margin-top: 0;
    clear: none;
    float: right;
    width: 35%;
    padding: 0;
  }

  .product-content h1 {
    margin-bottom: 0;
    padding: 0;
  }

  .product-content .reviews {
    clear: both;
  }

  .product-content .ESO_number_wrapper {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .alternate-images a {
    background: none !important;
    padding-top: 0;
  }

  .alternate-images a > img {
    display: inline-block;
    visibility: visible;
  }

  .alternate-images .video .indicator {
    background: url(video_play.png) no-repeat center center;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
}
@media (min-width: 768px) {
  .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;
  }
}
@media (min-width: 768px) {
  .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 .price {
    font-size: 16px;
  }

  .modal .price-matrix .matrix th, .modal .price-matrix .matrix td {
    text-align: center;
  }

  .modal .price-matrix .matrix td.available:hover {
    background-color: #D8D8D8;
  }

  .modal .price-matrix table {
    display: table;
  }

  .modal .price-matrix table.matrix {
    display: block;
    overflow-x: auto;
  }

  .modal .price-matrix .price {
    float: none;
  }

  .modal .price-matrix th img {
    max-width: 30px;
  }
}
@media (min-width: 768px) {
  .additional-info .info-item .info-content {
    display: none;
  }
}
@media (min-width: 768px) {
  .productpage .laybuy-popup-content ul li {
    width: 23%;
  }
}
@media (min-width: 768px) {
  .product-content .form-item.size ul, .product-content .form-item.colour ul {
    border-width: 0 1px 1px;
  }

  .product-content .brand img {
    width: 18%;
  }
}
@media (min-width: 768px) {
  .productpage .cross-sell .nav-tabs {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
  }
}
@media (min-width: 768px) {
  .cross-sell {
    padding-top: 45px;
  }

  .cross-sell h2 {
    display: none;
  }
}
@media (min-width: 768px) {
  #main .cross-sell > div {
    padding-top: 0;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .tab-content > div {
    padding-top: 15px;
  }
}
@media (min-width: 768px) {
  .productpage #body-wrapper .alternate-images .slick-list {
    overflow: visible;
  }

  .productpage #body-wrapper .alternate-images .slick-track {
    transform: none !important;
    width: 100% !important;
  }

  .productpage #body-wrapper .alternate-images {
    padding-top: 4%;
  }

  .productpage #body-wrapper .alternate-images li {
    width: 48% !important;
    margin-bottom: 4%;
  }

  .productpage #body-wrapper .alternate-images li:nth-of-type(2n+2) {
    margin-right: 4%;
  }

  .productpage #body-wrapper .alternate-images li.slick-cloned {
    display: none;
  }

  .productpage #body-wrapper .product-detail .product-img:not(.no-alternate-images) .medium-image > img {
    display: block;
  }

  .productpage #body-wrapper .slick-dots {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .reviews .read-review:after {
    display: none;
  }

  .reviews .read-review + a {
    display: none;
  }
}
/*** TABLETS ONLY ***/
@media (min-width: 768px) and (max-width: 1024px) {
  .product-group .childproducts .additional-options .add-wishlist {
    font-size: 14px;
  }

  .product-detail .product-content .cart-options .additional-options button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .product-detail .reviews .stars-container {
    margin-right: 10px;
  }
}
/*** DESKTOP ***/
@media (min-width: 1150px) {
  .form-item.colour.empty + .form-item.size.empty + .form-item.quantity .ESO_number_wrapper a.minus, .form-item.colour.empty + .form-item.size.empty + .form-item.quantity .ESO_number_wrapper a.plus {
    width: 8.6%;
  }

  .product-set .product-detail .product-content .ESO_number_wrapper a.minus, .product-set .product-detail .product-content .ESO_number_wrapper a.plus {
    width: 9.5%;
  }

  .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.product-top .magnify-holder {
    display: block;
  }

  .productpage .product.product-top .magnify-holder.hidden {
    display: none !important;
  }

  .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;
  }

  .product-detail .additional-info-content .reviews .avg {
    float: left;
    padding-top: 11px;
    width: 55%;
  }

  .product-detail .additional-info-content .reviews .avg + .btn {
    margin-top: 0;
    width: 44%;
  }

  .reviews .links {
    width: 44%;
  }
}
.availability-email-container:not(.all-unavailable) {
  display: none;
}

.availability-email-container {
  text-align: left;
}

.availability-email-prompt {
  font-weight: bold;
}

.availability-email-form {
  margin-bottom: 35px;
  display: none;
}

.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.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 print {
  .product-detail {
    padding-top: 20px;
  }

  .product-img {
    float: left;
    width: 60%;
  }

  .product-content {
    clear: none;
    float: right;
    width: 35%;
  }

  .product-img img {
    display: block !important;
  }

  .fake-select input[type=radio], .reviews, .eso-accordion-indicator, .click-and-collect, .cross-sell, .popup-link, .magnify-holder, .alternate-images, div[id*=reviews], .full-pricing a {
    display: none !important;
  }

  .add-to-cart {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
  }

  .add-to-cart button, .add-to-cart .fake-select, .add-to-cart .product-selector, .add-to-cart .offer a, .add-to-cart input, .add-to-cart .form-item.quantity, .add-to-cart .ESO_number_wrapper, .add-to-cart .availability-email-container {
    display: none !important;
  }

  .add-to-cart .cart-options > div:not(.childproducts) {
    display: none;
  }

  .add-to-cart .cart-options {
    padding: 0px;
  }

  .add-to-cart .cart-options .childproducts .add-to-cart {
    display: none;
  }

  .collapse {
    display: block !important;
    height: auto !important;
  }
}
/* ========= PRODUCT DETAIL COMPONENT END ========= */
/* ========= ONLINE BOOKS COMPONENT ========= */
.onlinebooks #left-nav { display: none; }

.onlinebooks #page-content { width: 100%; float: none; }

.onlinebooks .main-container h1 { padding-bottom: 10px; border-bottom-width: 1px; margin-bottom: 15px; }

.onlinebooks #main .products { display: none; margin-top: 30px; }

.onlinebooks .onlinebook-buttons button { padding: 14px 20px; }

.onlinebooks .print-onlinebook { margin-bottom: 10px; }

.onlinebooks .download-onlinebook { display: none; margin-bottom: 10px; }

.onlinebooks .download-onlinebook:disabled { background-color: #D8D8D8; cursor: default; color: #D8D8D8; }

.onlinebooks .book-list img { max-width: 100%; width: 100%; display: block; }

.onlinebooks .book-list ul { -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-direction: row; flex-wrap: wrap; 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; text-transform: capitalize; text-decoration: none; }

.onlinebooks .book-list ul a:hover { color: #9B9DA0; }

.onlinebooks .book-list ul .cover-image + a { margin: 10px 0; }

.onlinebooks .book-detail { position: relative; padding: 0 30px; }

.onlinebooks .book-detail .slick-next:before { background-position: 52% -4346px; }

.onlinebooks .book-detail .slick-prev:before { background-position: 50% -4234px; }

.onlinebooks .book-detail button { min-width: 0; }

.onlinebooks .book-detail.loading { display: block; visibility: visible; width: 100%; min-height: 160px; background: url("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("ajax-loader.gif") no-repeat center #fff; }

.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 { position: relative; margin: 0; min-width: 0; width: 40px; height: 40px; overflow: hidden; }

.onlinebooks .top-navigation .slick-prev:before, .onlinebooks .top-navigation .slick-next:before { display: block; }

.onlinebooks .top-navigation .slick-next:before { background: url(sprite.png) 50% -1195px no-repeat; background-size: 20px; }

.onlinebooks .top-navigation .slick-prev:before { background: url(sprite.png) 50% -1163px no-repeat; background-size: 20px; }

.onlinebooks .top-navigation .slick-start, .onlinebooks .top-navigation .slick-end { display: block; height: 40px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; outline: none; z-index: 2; min-width: 0; text-indent: -999999px; border-radius: 0; outline: none; }

.onlinebooks .top-navigation .slick-start:before, .onlinebooks .top-navigation .slick-end:before { display: block; content: ""; opacity: 0.75; background-size: 20px; background-image: url(sprite.png), url(sprite.png); height: 40px; }

.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 -1163px, 8px -1163px; }

.onlinebooks .top-navigation .slick-end:before { background-position: 5px -1195px, 8px -1195px; }

.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: -25px; position: absolute; top: 49%; }

.onlinebooks .slick-slider .slick-next { right: -25px; position: absolute; top: 49%; }

.onlinebooks .catalouge-slider { border-bottom: 3px solid #D5D5D6; border-top: 3px solid #D5D5D6; position: relative; }

.onlinebooks .catalouge-slider button { border: 1px solid #D5D5D6; }

.onlinebooks .catalouge-slider-thumbs { border-bottom: 3px solid #D5D5D6; border-top: 3px solid #D5D5D6; }

.onlinebooks .catalouge-slider-thumbs button { border: 1px solid #D5D5D6; }

.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 #D5D5D6; border-right: 1px solid #D5D5D6; }

.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 #D5D5D6; 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("ajax-loader.gif") no-repeat center #fff; }

@media (min-width: 480px) { .onlinebooks .book-list ul li { width: 33.333333%; } }
@media (min-width: 768px) { .onlinebooks .book-list ul li { width: 25%; }
  .onlinebooks .book-list ul { display: block; } }
@media (min-width: 992px) { .onlinebooks .book-list ul li { width: 20%; } }
@media (min-width: 768px) { .tooltip { width: 150px; min-height: 210px; }
  .tooltip img { max-width: 100%; width: 100%; height: auto; }
  .onlinebooks .onlinebook-buttons { text-align: right; }
  .onlinebooks .onlinebook-buttons button { padding: 12px 20px; }
  .print-onlinebook { margin-left: 10px; margin-bottom: 0; width: auto; }
  .onlinebooks .main-container h1 { border-bottom-width: 0px; }
  .onlinebooks #page-content { padding: 0px; }
  .onlinebooks .book-detail { padding: 0 15px; } }
@media print { .onlinebooks #main .products { display: block; padding: 0; }
  .onlinebooks #main .products .item { width: 22%; }
  .onlinebooks #main .products .item:nth-of-type(4n + 1) { clear: both; margin-left: 0; }
  .onlinebooks #main .products .item:nth-of-type(4n + 2), .onlinebooks #main .products .item:nth-of-type(4n + 3), .onlinebooks #main .products .item:nth-of-type(4n + 4) { margin-left: 4%; clear: none; }
  .onlinebooks img { max-width: 100% !important; }
  .onlinebooks .book-detail { padding: 0px; }
  .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: START ***********/
.sitemap-content { /*** IPAD + DESKTOP ***/ /*** DESKTOP ***/ }
.sitemap-content ul { list-style: none; }
.sitemap-content > ul > li { border-top-width: 1px; padding: 10px 0 0; margin: 10px 0 0; }
.sitemap-content ul li { font-size: 15px; font-weight: bold; }
.sitemap-content ul li li { font-weight: normal; }
.sitemap-content ul { padding-left: 0; }
.sitemap-content ul ul { padding-left: 15px; }
@media (min-width: 768px) { .sitemap-content > ul > li { float: left; width: 33%; }
  .sitemap-content > ul > li:nth-child(3n+1) { clear: both; }
  .sitemap-content ul li { font-size: 16px; }
  .sitemap-content ul li li { font-size: 12px; } }
@media (min-width: 1150px) { .sitemap-content > ul > li { width: 25%; }
  .sitemap-content > ul > li:nth-child(3n+1) { clear: none; }
  .sitemap-content > ul > li:nth-child(4n+1) { clear: both; } }
/***********SITEMAP COMPONENT: END***********/
	
/* ========= CUSTOMER COMPONENT ========= */
.profile.accountpage .page-container > p > span { line-height: 50px; display: block; color: #EAEAEB; }

.profile.accountpage .page-container > p > span span { color: #d15f40; }

.profile.accountpage form p.note, .profile.accountpage legend { display: none; }

.profile.accountpage .customer-info { margin-top: 0; }

.login .main-container { padding: 15px 0 17px; }

@media (min-width: 1200px) { .login .main-container { padding: 15px 0 17px; } }
@media (min-width: 1150px) { .login.accountpage .main-container { padding: 15px 0 17px; } }
.login.accountpage fieldset .note { margin-left: 0; }

.login legend { border: 0; }

.interest-groups .note { display: inline-block; font-size: 16px; width: 90%; }

.next-previous:first-child { display: none; }

form .interest-groups p + ol > li { border-bottom: 0; }

.customer.existing li > label { display: none; }

.history main .order-summary .total { text-align: right; }

.history main .order-summary tr:last-child { border-bottom: 0; }

.history .cart-total { padding-top: 18px; }

.history h2 a { text-decoration: none; }

.history .address p { margin: 0 0 2px; }

/*Interest Groups*/
form .interest-groups .column { float: left; max-width: 300px; width: 45%; }

form .interest-groups .column-1 { margin-right: 3%; }

form .interest-groups p + ol > li { border-bottom-width: 1px; margin-bottom: 15px; position: relative; }

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 .column input + label { width: 75%; }

@media (min-width: 768px) { .profile.accountpage:not(.loggedin) #page-content { width: 100%; padding-left: 0; padding-right: 0; }
  .accountpage #page-content { padding-top: 6px; }
  .accountpage main form .billing-form .state, .accountpage main form .billing-form .postcode { margin-bottom: 0; }
  .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; }
  .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 .main-container .cart-summary { padding-top: 0; }
  .lpm.accountpage:not(.loggedin) .main-container { padding: 14px 0 17px; }
  .lpm.accountpage:not(.loggedin) #left-nav { display: none; }
  form li.change-password { width: 100%; } }
@media (min-width: 1150px) { .accountpage .Birthday input { width: 40%; }
  .history main .cart { width: 65%; }
  .history .main-container .cart-summary { width: 30%; padding-top: 41px; } }
/* ========= CUSTOMER COMPONENT END ========= */

/* ========= SHOPPING CART COMPONENT ========= */
.cart-total .freight-provider {
  padding-left: 10px;
  display: none;
}

.loggedin.cartpage .breadcrumb .delivery > span:before, .loggedin.cartpage .breadcrumb .delivery a:before {
  content: "2. ";
}

.loggedin.cartpage .breadcrumb .payment > span:before, .loggedin.cartpage .breadcrumb .payment a:before {
  content: "3. ";
}

.loggedin.cartpage .breadcrumb .complete > span:before, .loggedin.cartpage .breadcrumb .complete a:before {
  content: "4. ";
}

table.summary-table .selections .preorder {
  margin-bottom: 10px;
}

.update button {
  font-size: 18px;
}

.cartpage ul, .cartpage ol {
  list-style: none;
}

.cartpage .main-container {
  padding: 0 0 17px;
}

.cartpage .main-container h1 {
  margin: 0;
}

.cartpage .account-details {
  padding-top: 20px;
}

.cartpage .item .item-detail h2 a {
  text-decoration: none;
}

.cartpage .cc-ajax-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -38px 0 0 -38px;
  height: 76px;
  width: 76px;
  background: url(/Assets/ajax-loader-large.gif);
  background-position: center;
  z-index: 2000;
  display: none;
  mix-blend-mode: multiply;
}

.cartpage #breadcrumbs {
  border: 0;
  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;
  justify-content: space-between;
  width: 100%;
}

.cartpage .breadcrumb:after {
  content: "";
  display: block;
  height: 1px;
  margin: 0 auto;
  top: 43px;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  background: #D5D5D6;
}

@media (min-width: 1200px) {
  .cartpage .breadcrumb:after {
    top: 53px;
  }
}
.cartpage .breadcrumb > li + li:before {
  content: "";
  padding: 0;
}

.cartpage .breadcrumb li {
  font-size: 14px;
  letter-spacing: 0.5px;
  background-color: #fff;
  z-index: 1;
  padding: 10px 1% 10px 3%;
  text-align: center;
  width: 11%;
}

.cartpage .breadcrumb li span {
  font-size: 0;
}

.cartpage .breadcrumb li span:before {
  font-size: 14px;
}

@media (min-width: 1200px) {
  .cartpage .breadcrumb li span {
    font-size: 14px;
  }
}
.cartpage .breadcrumb .on span {
  color: #414142;
}

.cartpage .breadcrumb .on a:before {
  color: #414142;
}

.cartpage .breadcrumb .homelink {
  display: none;
}

.cartpage .breadcrumb .review > span:before, .cartpage .breadcrumb .review a:before {
  content: "1. ";
  padding: 0;
}

.cartpage .breadcrumb .login > span:before, .cartpage .breadcrumb .login a:before {
  content: "2. ";
  padding: 0;
}

.cartpage .breadcrumb .delivery > span:before, .cartpage .breadcrumb .delivery a:before {
  content: "3. ";
  padding: 0;
}

.cartpage .breadcrumb .payment > span:before, .cartpage .breadcrumb .payment a:before {
  content: "4. ";
  padding: 0;
}

.cartpage .breadcrumb .complete > span:before, .cartpage .breadcrumb .complete a:before {
  content: "5. ";
  padding: 0;
}

.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: 16px;
  display: inline-block;
  font-weight: normal;
  padding: 10px 0;
}

.cartpage .page-container .hint.popup-link {
  display: inline-block;
  padding-left: 5px;
  text-decoration: none;
}

.cartpage .page-container .hint.popup-link:hover {
  color: #020202;
}

.cartpage .page-container .cart-total .hint {
  display: none;
}

.cartpage .empty {
  margin: 10px 0;
}

.cartpage .customer {
  margin-top: 15px;
}

.cartpage .cart-summary-panel .item-summary .total {
  text-align: right;
}

.cartpage .gstonorder {
  color: #9B9DA0;
  padding-top: 20px;
  margin-top: 20px;
  border-top-width: 1px;
  font-size: 14px;
  margin-bottom: 20px;
}

.cartpage .gstonorder span {
  font-weight: normal;
  float: none;
}

.cartpage .gstonorder:after {
  content: "Actual shipping cost is calculated once we know your delivery details.";
  font-style: italic;
}

.cartpage .fake-select {
  width: 100%;
}

.cartpage .fake-select li {
  width: 100% !important;
}

.cartpage .gift-info {
  display: none;
}

.cartpage .gift-info li.text-field input + label {
  width: 80px;
}

.cartpage .card-expiry select {
  display: inline-block;
}

.cartpage .card-expiry select + select {
  margin-left: 4%;
}

.cartpage .card-expiry select .main-container .customer.existing p.note {
  display: none;
}

.cartpage .card-expiry label[for=exp_year] {
  display: none;
}

.cartpage .brand img {
  display: none;
}

.cartpage .brand img + span {
  display: block;
}

.cartpage.review.loggedin h1, .cartpage.payment h1, .cartpage.complete h1 {
  padding-bottom: 32px;
}

.cartpage.review h1 {
  border-bottom-width: 1px;
  padding-bottom: 18px;
}

.cartpage.review .pricing .price {
  font-weight: normal;
}

.cartpage.review .item .item-detail {
  padding: 0 0 3px;
}

@media (min-width: 768px) {
  .cartpage.review .item .item-detail {
    padding: 0;
  }
}
.cartpage.review .item .item-detail .brand, .cartpage.review .item .item-detail .click-and-collect {
  display: none;
}

.cartpage.review .item .item-detail h2 {
  margin-top: 0;
}

.cartpage.review .summary-table .total .price .price-display {
  font-size: 16px;
}

.cartpage.review .summary-table .total .price .price-display:before {
  content: "Total:";
}

.cartpage.review .summary-table .total .price .price-display .price-currency {
  margin-left: 5px;
}

.cartpage.review .cart-summary {
  display: none;
}

.cartpage.review .price.now {
  margin-top: 0;
}

.cartpage.complete main .cart {
  padding-top: 9px;
}

.cartpage.complete .eso-accordion-panel h2.collapsed {
  margin-bottom: 5px;
}

.cartpage.complete .cart-total {
  padding-top: 18px;
}

.cartpage.complete .item-detail h2 {
  margin-top: 10px;
}

.cartpage.delivery .updateship {
  display: none !important;
}

.cartpage.delivery .clickandcollect-delivery-active, .cartpage.delivery .delivery-method .cc-freightmethod {
  display: none;
}

.cartpage.delivery .storeselected + .clickandcollect-delivery-active {
  position: relative;
  display: block;
  margin-top: 0;
  border: 1px #D5D5D6 solid;
  border-radius: 0;
  border-top: 0;
}

.cartpage.delivery .storeselected + .clickandcollect-delivery-active legend {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 94%;
}

.cartpage.delivery .storeselected + .clickandcollect-delivery-active ol {
  padding: 70px 15px 15px;
}

.cartpage.payment .card-expiry select {
  width: 47%;
}

.cartpage.payment .card-expiry select.year {
  float: right;
}

.cartpage.payment .hint {
  padding: 0;
}

.cartpage .cross-sell > div {
  padding-top: 10px;
}

.cartpage #main .cross-sell:before, .cartpage #main .cross-sell:after {
  background: #fff;
}

.cart-summary .summary-block .confirm-summary tr td {
  padding-bottom: 3px;
}

.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 .gstonorder {
  border-top-width: 0;
}

.cart-summary .item-summary {
  width: 100%;
  margin-top: 17px;
}

.cart-summary .item-summary td {
  padding-bottom: 10px;
}

.cart-summary .item-summary td.description {
  padding-right: 10px;
}

.cart-summary #zipRepayCalc {
  margin-bottom: 10px;
}

.cart-summary .qty span {
  margin-left: 5px;
}

.cart .promo-code ul li {
  margin-bottom: 3px;
}

.cart .promo-code ul li:first-child {
  vertical-align: bottom;
}

.cart .promo-code button {
  font-size: 18px;
}

.history .cart-summary h2 {
  font-size: 20px;
}

.cart .content h2 {
  font-size: 18px;
}

.cart .afterpay-selected legend {
  padding-bottom: 5px;
}

.cart .afterpay-selected legend img {
  width: 110px;
  height: 21px;
}

.cart .afterpay-selected .popup-link {
  padding: 5px 0;
}

.cart .afterpay-payment {
  font-weight: bold;
}

.cart .afterpay-payment .price {
  font-weight: bold;
}

.cart .item-detail .click-and-collect {
  padding: 10px 0;
  display: none;
}

.cart .masterpass-express {
  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;
}

.cart-extras:empty {
  display: none;
}

.postcode button {
  width: auto;
}

main table.summary-table thead {
  display: none;
}

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;
  padding-top: 20px;
  border-bottom-width: 1px;
}

main table.summary-table tr {
  padding-bottom: 20px;
  position: relative;
}

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: 65%;
}

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 .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 {
  width: 65%;
  float: right;
  margin-top: 12px;
}

@media (min-width: 768px) {
  main table.summary-table .actions:not(.dt-btn), main table.summary-table #cart-item-added table .actions:not(.dt-btn), main table.summary-table .order-summary .actions:not(.dt-btn) {
    display: none;
  }
}
main table.summary-table .actions .remove a, main table.summary-table #cart-item-added table .actions .remove a, main table.summary-table .order-summary .actions .remove a {
  color: #9B9DA0;
  font-size: 14px;
  padding-left: 19px;
  text-transform: capitalize;
  text-decoration: none;
}

main table.summary-table .actions.dt-btn {
  display: none;
}

@media (min-width: 768px) {
  main table.summary-table .actions.dt-btn {
    display: inline-block;
    margin-top: 22px;
  }
}
main table.summary-table .item-detail {
  padding-right: 8%;
}

main table.summary-table .qty input {
  display: inline;
}

main table.summary-table .child-items li {
  margin: 0;
}

main table.summary-table .pricing {
  padding: 4px 0 9px;
}

main table.summary-table .pricing .price-display {
  font-size: 16px;
}

main table.summary-table .qty {
  margin-bottom: 9px;
}

#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: 32%;
  margin-right: 10px;
  max-width: 90px;
}

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 .selections p, #cart-item-added table td.item .selections p {
  margin-bottom: 0;
}

main .cart .promo-code {
  padding: 18px 0 15px;
  border-width: 1px 0;
  margin: 30px 0 21px;
  width: 100%;
}

main .cart .promo-code label, main .cart .promo-code .hint {
  display: none;
}

main .cart .promo-code label {
  width: 100%;
}

main .cart .promo-code input {
  min-width: 200px;
}

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: 70%;
  margin-right: 2%;
}

main .cart .promo-code ul li:last-child {
  width: 28%;
}

.cart-total:before {
  content: "";
  display: table;
}

.cart-total:after {
  content: "";
  display: table;
  clear: both;
}

.cart-total span {
  float: left;
}

.cart-total span + span {
  float: right;
}

.cart-total li {
  margin: 0;
  clear: both;
}

.cart-total li > span:first-child {
  font-weight: bold;
  margin-right: 5px;
}

.cart-total li:before {
  content: "";
  display: table;
}

.cart-total li:after {
  content: "";
  display: table;
  clear: both;
}

.cart-total li.total .price-display span {
  font-weight: bold;
}

.cart-total .total {
  text-transform: uppercase;
}

.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: 20px;
  font-weight: bold;
}

.complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before {
  content: "Qty: ";
}

.security-logos {
  margin-bottom: 15px;
  padding: 0;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
  justify-content: start;
  -webkit-justify-content: start;
  margin-top: 20px;
}

.security-logos span:not(:last-child) {
  margin-right: 15px;
  margin-bottom: 15px;
}

.security-logos img {
  width: 100%;
  height: auto;
}

.security-logos span {
  width: 29%;
}

@media (min-width: 481px) {
  .security-logos span {
    width: 115px;
  }
}
.hint-content:before {
  content: "";
  display: table;
}

.hint-content:after {
  content: "";
  display: table;
  clear: both;
}

.print #page-content {
  float: none;
}

.print .main-container .cart-summary {
  width: 100%;
}

.print .cart-summary {
  float: left;
  margin: 5px auto 15px;
}

.print .cart-summary .summary-block {
  float: left;
  width: 45%;
  margin-left: 2%;
}

.print .cart-summary .summary-block:first-of-type {
  width: 96%;
  border-top-width: 1px;
}

.print .cart-summary .summary-block:not(:first-of-type) {
  border-bottom-width: 1px;
  border-top-width: 1px;
}

.print .cart-summary .summary-block .confirm-summary {
  width: 100%;
}

.print .cart-summary .summary-block .confirm-summary tr td:nth-child(1) {
  width: 49%;
}

.print .cart-summary p, .print .cart-summary td {
  margin-bottom: 0;
  padding-bottom: 5px;
}

.print .cart {
  clear: both;
  width: 96%;
  margin: 5px auto;
  float: left;
  margin-left: 2%;
}

.print .cart > h2 {
  margin: 0 auto;
}

.print .cart table.summary-table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

.print .cart table.summary-table td {
  display: table-cell;
}

.print .cart table.summary-table td.pricing .approx, .print .cart table.summary-table td.pricing .was {
  display: none;
}

.print .cart table.summary-table td.pricing .price {
  visibility: hidden;
  color: #414142;
}

.print .cart table.summary-table td.pricing .price .price-display {
  visibility: visible;
  float: left;
}

.print .cart table.summary-table td.qty {
  padding-left: 5px;
}

.print .cart table.summary-table td.total .price-display:before, .print .cart table.summary-table td.total .price-display span:before, .print .cart table.summary-table td.qty:before {
  content: none;
}

.print .cart table.summary-table td.total .price {
  margin-bottom: 0px;
}

.print .cart table.summary-table th {
  display: table-cell;
  border-bottom-width: 1px;
  padding: 10px 0;
  float: none;
  clear: none;
  width: auto;
}

.print .cart table.summary-table th.qty:before {
  content: none;
}

.print .cart table.summary-table th.item {
  width: 58%;
}

.print .cart table.summary-table tr {
  border: 0;
  margin: 0;
  display: table-row;
}

.print .cart table.summary-table td {
  padding-right: 5px;
  vertical-align: top;
  border-bottom-width: 1px;
  padding: 10px 0;
  float: none;
  clear: none;
  width: auto;
}

.print .cart table.summary-table .item .item-detail {
  max-width: 62%;
  vertical-align: top;
  padding-right: 0px;
}

.print a[href]:after {
  content: none !important;
}

.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;
}

.login.cartpage main h1 {
  padding-bottom: 10px;
  border-bottom-width: 1px;
}

.delivery.cartpage .summary-block .modify a {
  width: 100%;
}

.delivery.cartpage h1 {
  border-bottom-width: 0;
  padding-bottom: 38px;
}

#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;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
}

.cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span {
  width: 100%;
}

.modify {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*Laybuy*/
.laybuy-content img {
  max-width: 181px;
}

/* Additional Style for Paypal */
.payment.loggedin .cart .account-details .payment-options .paypal-method {
  margin-right: 15px;
}

.page-container .sameas label, .payment-method label, .delivery-method li label {
  width: 90%;
}

/*** Shopping cart CLICK AND COLLECT ***/
.cartpage.review .cc-delivery-method {
  display: none;
}

.cartpage.review .delivery-type {
  z-index: -1;
}

.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.review .selections .message:not(.incentive) + .click-and-collect + input + .color, .cartpage.review .selections .message:not(.incentive) + .click-and-collect + input + .color + input + .size {
  display: none;
}

@media (min-width: 768px) {
  .cartpage.review .qty {
    width: 11%;
  }
}
.cartpage.review .qty .ESO_number_wrapper {
  max-width: 130px;
  float: left;
}

@media (min-width: 768px) {
  .cartpage.review .qty .ESO_number_wrapper {
    float: none;
  }
}
.cartpage #clickandcollectlayer {
  display: none;
}

.cartpage #clickandcollectlayer.active {
  display: block;
  padding: 30px 15px 15px;
  background: #fff;
  border: 1px #D5D5D6 solid;
  border-radius: 0;
  border-top: 0;
}

.cartpage #clickandcollectlayer.active {
  padding: 30px 15px 34px;
}

.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;
  position: relative;
}

.cartpage .cc-delivery-method .delivery-type:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #D5D5D6;
  position: absolute;
  top: 40px;
  z-index: 2;
}

.cartpage .cc-delivery-method .delivery-type li {
  width: 48.9% !important;
}

.cartpage .cc-delivery-method .delivery-type li label {
  position: relative;
  border: 1px solid #D5D5D6;
  border-radius: 0;
  background: #f2f2f2;
  border-bottom-width: 0;
  vertical-align: middle;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  width: 100%;
}

.cartpage .cc-delivery-method .delivery-type li a {
  padding-left: 10px;
}

.cartpage .cc-delivery-method .delivery-type li.collect {
  order: 2;
}

.cartpage .cc-delivery-method .delivery-type li.collect.active {
  z-index: 2;
}

.cartpage .cc-delivery-method .delivery-type li.collect label {
  float: right;
  border-right-width: 1px;
}

.cartpage .cc-delivery-method .delivery-type li.collect p, .cartpage .cc-delivery-method .delivery-type li.collect a {
  position: relative;
  left: -105%;
  top: 0;
  width: 205%;
  text-align: left;
  background: #fff;
  border-width: 0 1px 0 1px;
  margin-bottom: 0;
  padding-top: 20px;
}

.cartpage .cc-delivery-method .delivery-type li.collect a.changestore {
  border: 1px #D5D5D6 solid;
  border-radius: 0;
  border-width: 0 1px 1px 1px;
  padding-bottom: 20px;
}

.cartpage .cc-delivery-method .delivery-type li.ship {
  order: 1;
  z-index: 1;
}

.cartpage .cc-delivery-method .delivery-type li.ship.active {
  z-index: 2;
}

.cartpage .cc-delivery-method .delivery-type li.ship label {
  float: left;
}

.cartpage .cc-delivery-method .delivery-type li.ship:not(.active) a {
  color: transparent;
  cursor: default;
}

.cartpage .cc-delivery-method .delivery-type li.active {
  background: #fff;
}

.cartpage .cc-delivery-method .delivery-type li.active label {
  background: #fff;
}

.cartpage .cc-delivery-method .delivery-type li a, .cartpage .cc-delivery-method .delivery-type li.active a {
  border: 0;
  cursor: pointer;
  border-radius: 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 .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;
}

.cartpage .cc-delivery-method.storeselected .store-availability {
  display: none;
}

.cartpage .cc-delivery-method.storeselected .store-availability-selected {
  display: inline-block;
}

.cartpage .cc-delivery-method .find-out-more {
  color: #9B9DA0;
  text-decoration: none;
}

.cartpage .cc-delivery-method div.active {
  border: 1px solid #D5D5D6;
  border-radius: 0;
  border-top: 0;
}

.cartpage li.ship.active {
  position: relative;
}

.cartpage li.ship.active:after {
  content: "Items will be delivered to your home.";
  display: block;
  position: relative;
  top: -1px;
  width: 205%;
  text-align: left;
  height: 77px;
  clear: both;
  left: 0;
  border: 1px solid #D5D5D6;
  border-top: 0;
  padding: 20px 15px 0;
  border-bottom: 0;
}

.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 h3 {
  display: inline-block;
}

.cartpage .cc-search-info {
  margin: -25px 0 0 0;
  position: relative;
}

.cartpage.delivery #main .delivery-info {
  border: 1px #D5D5D6 solid;
  border-radius: 0;
  border-top: 0;
  padding: 15px;
  margin-top: 0;
}

.cartpage.delivery #main .delivery-info legend {
  float: left;
}

.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: 13px;
  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;
}

.cartpage .pac-container {
  z-index: 1050;
}

.cartpage .changestore:hover {
  text-decoration: none !important;
}

/* 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 #414142;
  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: 61.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;
}

@media (min-width: 576px) {
  main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure {
    width: 17%;
  }

  main table.summary-table .item-detail, main table.summary-table .qty, main table.summary-table .pricing, main table.summary-table .total, main table.summary-table .actions, main table.summary-table #cart-item-added table .actions, main table.summary-table .order-summary .actions {
    width: 81%;
  }
}
/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure {
    width: 27%;
  }

  .promo-code, .update {
    display: none;
  }

  .jqueryloaded .promo-code, .jqueryloaded .update {
    display: block;
  }

  .cartpage #main .btn {
    min-width: 100%;
  }

  .cartpage .breadcrumb li {
    padding: 10px 1% 10px 2%;
    width: 16%;
  }

  .cartpage .cart-summary.eso-accordion {
    margin-bottom: 20px;
  }

  .cartpage .price {
    font-weight: normal;
  }

  .cartpage.review .summary-table .total .price .price-display:before {
    content: "";
  }

  .cartpage .gstonorder:after {
    content: "";
  }

  .delivery main .cart {
    padding-top: 28px;
  }

  main table.summary-table thead {
    display: table-header-group;
  }

  .review.cartpage #page-content {
    width: 100%;
    float: none;
  }

  .review.cartpage #page-content .cart {
    width: 100%;
    padding-top: 17px;
  }

  .review.loggedin.cartpage #page-content .cart-summary.eso-accordion {
    display: none;
  }

  .review .cart-summary.eso-accordion {
    display: none;
  }

  .review .flex-content {
    -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;
  }

  .review .flex-content .update {
    order: 2;
  }

  .review .flex-content .update .hint {
    padding-top: 0;
    text-align: left;
    width: 61%;
    float: left;
  }

  .review .flex-content .update button {
    float: right;
    width: 120px;
  }

  .review .flex-content .promo-code {
    order: 1;
  }

  .cartpage.review .pricing {
    text-align: center;
  }

  .cartpage.review .pricing .price.was, .cartpage.review .pricing .price.now {
    width: 45%;
  }

  .cartpage.review .pricing .price.was {
    padding: 0;
    text-align: left;
    margin-left: 5px;
  }

  .cartpage.review .pricing .price.now {
    text-align: right;
  }

  .complete .main-container .cart-summary {
    padding-top: 269px;
  }

  /*** Frieght Estimator ***/
}
@media (min-width: 768px) and (min-width: 1200px) {
  .complete .main-container .cart-summary {
    padding-top: 247px;
  }
}
@media (min-width: 768px) {
  .cartpage.payment {
    padding-top: 28px;
  }

  .cartpage.payment .main-container .cart-summary {
    padding-top: 122px;
  }

  .cartpage.payment main .cart {
    padding-top: 28px;
  }

  .cartpage.delivery main form fieldset li.updateship, .cartpage.delivery main form fieldset li.updatebill {
    width: 100%;
  }

  .cartpage.delivery .cart form li.postcode {
    margin-bottom: 0;
  }

  .cartpage.delivery .main-container .cart-summary {
    padding-top: 121px;
  }

  .cartpage.delivery .cc-search li.state {
    margin-bottom: 15px;
  }

  .cartpage .cc-search h3:last-of-type {
    margin-top: 20px;
  }

  .cartpage .cc-search h3:last-of-type + ul {
    float: right;
    width: 45%;
    margin-top: 13px;
  }

  .cartpage.delivery .cc-search h3:last-of-type + ul {
    float: none;
    width: 135px;
    margin-top: 13px;
    display: inline-block;
    margin-left: 15px;
  }

  .cartpage .main-container h1 {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span, .cartpage.login #main .submit button {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .login.cartpage .cart {
    width: 100%;
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .cartpage .main-container .customer.existing {
    width: 48%;
    float: left;
  }

  .cartpage .main-container .customer.new {
    width: 44%;
    float: right;
  }

  .cartpage .main-container .customer.new p.options {
    padding-top: 42px;
  }

  .cartpage .main-container .customer.new .btn {
    width: 100%;
  }
}
@media (min-width: 768px) {
  main .cart {
    width: 70%;
    float: left;
  }

  main .cart .promo-code {
    border-top: 0;
    margin: 0;
    border: 0;
  }

  main .cart .promo-code button {
    min-width: inherit;
    width: 100%;
  }

  main .cart .promo-code ul li {
    margin-bottom: 0;
    float: left;
  }

  main .cart .promo-code ul li:first-child {
    margin-right: 2%;
  }

  main .cart .promo-code ul li:last-child {
    width: auto;
  }
}
@media (min-width: 768px) {
  .main-container .cart-summary {
    width: 23%;
    float: right;
  }
}
@media (min-width: 768px) {
  main table.summary-table .pricing {
    padding: 0;
  }
}
@media (min-width: 768px) {
  main .cart .promo-code {
    width: 50%;
    max-width: 500px;
    clear: right;
    text-align: right;
  }

  main .cart-extras {
    float: right;
  }

  main .cart .cart-total {
    width: 50%;
    max-width: 500px;
    clear: right;
    float: right;
    padding-top: 18px;
  }

  main .cart .masterpass-express {
    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 .total ul, main table.summary-table .actions ul {
    padding-bottom: 2px;
  }

  main table.summary-table .pricing, main table.summary-table .total {
    width: 21%;
  }

  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;
  }

  main table.summary-table td, main table.summary-table th {
    display: table-cell;
    border-bottom-width: 1px;
    padding: 20px 0;
  }

  main .order-summary .item-detail, main .order-summary .qty, main .order-summary .pricing, main .order-summary .total {
    float: none;
    clear: none;
  }

  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 {
    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;
    width: 70%;
  }

  main table.summary-table .actions, main .order-summary .actions {
    clear: none;
    width: auto;
    float: none;
  }

  main table.summary-table .actions {
    border: 0;
  }

  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;
    width: 11%;
  }

  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;
  }
}
@media (min-width: 768px) {
  .cartpage .payment {
    float: none;
  }

  .cartpage #main .next-previous {
    padding: 38px 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;
    width: 40%;
  }

  .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: 17px;
    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;
  }
}
@media (min-width: 768px) {
  .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;
  }
}
@media (min-width: 768px) {
  .modal.single-store .clickandcollect .map-holder {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 768px) {
  .cartpage #main .next-previous .next, .accountpage #main .next-previous .next {
    float: right;
  }
}
@media (min-width: 768px) {
  .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;
  }

  .cartpage #main .next-previous button:disabled,
.cartpage #main .next-previous button[disabled] {
    background-color: #D8D8D8;
  }
}
@media (min-width: 768px) {
  .accountpage #main .next-previous:before, .accountpage #main .next-previous:after {
    content: "";
    display: table;
  }
}
@media (min-width: 768px) {
  .cartpage #main .next-previous:after, .accountpage #main .next-previous:after {
    clear: both;
  }
}
@media (min-width: 768px) {
  .cart-extras:before {
    content: "";
    display: table;
    text-align: right;
  }

  .cart-extras:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (min-width: 768px) {
  .update {
    border-bottom-width: 1px;
    margin: 15px 0 0;
    text-align: right;
    width: 50%;
    max-width: 500px;
  }

  .update span {
    margin-right: 5px;
  }

  .update button {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .cart-total li > span:first-child {
    font-weight: normal;
  }
}
@media (min-width: 768px) {
  .hint-content .csc-type {
    float: left;
    width: 45%;
  }

  .hint-content .csc-type + .csc-type {
    margin-left: 10%;
  }
}
@media (min-width: 768px) {
  .complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before, .review .cart .summary-table .qty:before {
    content: "";
  }
}
@media (min-width: 768px) {
  .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;
  }
}
@media (min-width: 768px) {
  .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(.delivery-info):not(.interest-groups):not(.payment-method):not(.cc-search-info) ul, .cartpage:not(.login) main form fieldset:not(.delivery-info):not(.interest-groups):not(.payment-method):not(.cc-search-info) 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(.delivery-info):not(.interest-groups):not(.cc-search-info) ul, .cartpage:not(.login) main form fieldset:not(.delivery-info):not(.interest-groups):not(.cc-search-info) 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;
  }
}
@media (min-width: 768px) {
  .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;
  }
}
@media (min-width: 768px) {
  .delivery main form fieldset:not(.interest-groups):not(.cc-search-info) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details):not(.updateship):not(.updatebill):not(.change-password), .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.cc-search-info) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details):not(.updateship):not(.updatebill):not(.change-password), .payment main form fieldset:not(.interest-groups):not(.cc-search-info) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details):not(.updateship):not(.updatebill):not(.change-password) {
    width: 47%;
  }

  .delivery main form fieldset:not(.interest-groups):not(.cc-search-info) li.sameas, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.cc-search-info) li.sameas, .payment main form fieldset:not(.interest-groups):not(.cc-search-info) li.sameas {
    width: 100%;
  }
}
@media (min-width: 992px) {
  main table.summary-table .actions {
    right: 0;
  }

  main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure {
    width: 41%;
    max-width: 180px;
  }

  main table.summary-table .item .item-detail, main .order-summary .item .item-detail {
    width: 56%;
  }
}
@media (max-width: 1150px) {
  .cart li.text-field label {
    width: 100%;
  }
}
/*** DESKTOP ***/
@media (min-width: 1200px) {
  main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure {
    width: 34%;
  }

  main table.summary-table .item .item-detail, main .order-summary .item .item-detail {
    width: 64%;
  }

  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 .main-container .customer.new .btn {
    display: inline-block;
    width: auto;
  }

  .cartpage .main-container article {
    padding: 0;
  }

  .cartpage .card-expiry select + select {
    margin-left: 2%;
  }

  .cartpage .update button {
    max-width: 190px;
  }

  /*** 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):not(.change-password) {
    width: 40%;
  }

  .cartpage main form fieldset:not(.interest-groups) li.sameas, .accountpage:not(.login) main form fieldset:not(.interest-groups) li.sameas {
    width: 100%;
  }

  main table.summary-table .total ul ul, main table.summary-table .actions ul {
    padding-bottom: 0;
  }

  .cartpage .breadcrumb li {
    padding: 19px 1% 10px 1%;
  }
}
/* 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: 14px;
  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: 16px;
  }

  .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) {
  .login .email, .login .password {
    width: 100%;
  }
}
#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: "​";
  }

  .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 ************/
/* ========= SHOPPING CART COMPONENT END ========= */
/* ========= WISHLIST COMPONENT ========= */
.wishlist .main-container h1 {
  margin-bottom: 0;
}

.wishlist .page-container .share-wishlist-btn:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(sprite.png) 50% -5140px no-repeat;
  background-size: 75px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}

.wishlist .page-container .share-wishlist-btn:hover:before {
  background-position: 50% -5251px;
}

.wishlist .page-container .share-wishlist-btn:first-child {
  display: none;
}

.wishlist .page-container .share-wishlist-btn:last-of-type {
  margin: 20px 0 6px;
}

.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 .form-item.update-quantity {
  display: inline-block;
  margin-bottom: 26px;
}

.wishlist .form-item.update-quantity button {
  width: auto;
  padding: 0;
  background: none !important;
  text-transform: capitalize;
  font-size: 14px;
  text-decoration: underline;
}

.wishlist .form-item.update-quantity button:hover {
  text-decoration: none;
}

.wishlist .add-to-cart .cart-options {
  padding: 0;
}

.wishlist .add-to-cart .cart-options .control-label {
  display: inline-block;
  margin-right: 5px;
}

.wishlist .product {
  clear: both;
  position: relative;
  margin-top: 25px;
  padding-top: 20px;
  border-top-width: 1px;
}

.wishlist .product:first-child {
  margin-top: 20px;
}

.wishlist .product-img {
  width: 32%;
  float: left;
  margin-right: 10px;
  max-width: 90px;
}

.wishlist .product-content {
  width: 65%;
  float: right;
  margin: 0;
  clear: none;
  text-align: left;
  padding: 0 0 37px;
  position: relative;
}

.wishlist .product-content .brand {
  text-align: left;
}

.wishlist .product-content .brand span {
  font-size: 16px;
  margin-bottom: 3px;
}

.wishlist .product-content .form-item.colour li {
  padding: 0;
  margin: 0;
}

.wishlist .product-content .form-item.colour span {
  float: none;
}

.wishlist .product-content .form-item.quantity {
  max-width: 117px;
  float: left;
  margin: 0 15px 0 0;
  clear: left;
  margin-bottom: 0;
}

.wishlist .product-content .form-item.size {
  width: 100%;
}

.wishlist .product-content .form-item.cartbutton button[disabled=disabled] {
  display: none;
}

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

.wishlist .product-content .remove {
  position: absolute;
  bottom: 0;
  left: -4px;
  font-size: 14px;
  text-transform: capitalize;
  padding-left: 22px;
  text-decoration: none;
}

.wishlist .product-content .form-item.update-quantity, .wishlist .product-content .form-item.quantity {
  margin-bottom: 0;
}

@media (min-width: 366px) {
  .wishlist .product-content .form-item.update-quantity, .wishlist .product-content .form-item.quantity {
    margin-bottom: 24px;
  }
}
.wishlist .product-content .form-item:not(.empty):not(.product-selector):not(.cartbutton).update-quantity, .wishlist .product-content .form-item:not(.empty):not(.product-selector):not(.cartbutton).form-item.quantity {
  margin-bottom: 24px;
}

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

.wishlist .product-content h2 {
  margin: 0 0 8px;
}

.wishlist .product-content h2 a {
  color: #414142;
  font-size: 18px;
  text-decoration: none;
  text-transform: capitalize;
  display: inline-block;
}

.wishlist .price {
  font-size: 16px;
  font-weight: normal;
}

.wishlist .pricing .now, .wishlist .prices .now {
  margin-top: 0;
}

.wishlist .details-occassion {
  margin-top: 30px;
}

.wishlist .details-occassion legend {
  font-weight: bold;
  font-size: 22px;
}

.wishlist .add-to-cart .cart-options .form-item > label {
  display: inline-block;
}

.wishlist .add-to-cart {
  padding: 15px 0 0;
  margin-top: 0;
  border-top-width: 0;
  clear: both;
}

.wishlist .add-to-cart .cart-options {
  line-height: normal;
}

.wishlist .product-content .form-item.quantity {
  width: 100%;
}

.wishlist .product-content .form-item.size ul, .wishlist .product-content .form-item.colour ul {
  border-width: 0;
}

.wishlist .product-content .form-item.cartbutton {
  margin-bottom: 0;
}

.wishlist .product-content .form-item.cartbutton button {
  margin-bottom: 0;
  padding: 10px 0;
}

.wishlist .note {
  display: block;
  margin-bottom: 5px;
}

@media (min-width: 1150px) {
  .wishlist .note {
    max-width: 60%;
  }
}
.wishlist .add-to-cart {
  position: initial;
}

.wishlist .add-to-cart .cart-options {
  position: initial;
}

.wishlist fieldset.email-note {
  width: 100%;
}

.wishlist .modal-dialog .product {
  border-top-width: 0;
  margin-top: 0;
  padding-top: 0;
}

.wishlist .modal-dialog .style-number span {
  display: none;
}

.wishlist .modal-dialog .product-content {
  width: 54%;
}

.wishlist .modal-dialog .product-content .prices .price-display {
  margin-left: 0;
}

.wishlist .modal-dialog .product-content .form-item.size ul, .wishlist .modal-dialog .product-content .form-item.colour ul {
  border-width: 0 1px 0;
}

.wishlist .modal-dialog .product-content .form-item.colour li {
  padding: 10px 12px;
}

.wishlist .modal-dialog .product-content .form-item.colour li .colour-label {
  display: none;
}

.wishlist .modal-dialog .product-content .form-item.quantity {
  max-width: 100%;
}

.wishlist .modal-dialog .form-item:not(.empty):not(.product-selector):not(.cartbutton).update-quantity, .wishlist .modal-dialog .form-item:not(.empty):not(.product-selector):not(.cartbutton).form-item.quantity {
  margin-bottom: 15px;
}

.wishlist .modal-dialog .add-to-cart .availability {
  text-align: left;
}

.wishlist .modal-dialog .form-item.quantity {
  margin-top: 15px;
}

.wishlist .modal-dialog .long-description {
  display: none;
}

.wishlist .modal-dialog .slick-dots {
  bottom: -35px;
}

.wishlist .modal-dialog .item-selection + .availability-email-container {
  padding-top: 15px;
}

.wishlist .modal-dialog .add-to-cart .cart-options .form-item > label {
  display: none;
}

.wishlist .modal-dialog .form-item.colour .fake-select {
  margin-bottom: 15px;
}

.wishlist .modal-dialog .add-to-cart {
  position: relative;
}

.wishlist .modal-dialog .childproducts .product {
  padding-top: 15px;
  border-top-width: 1px;
}

.wishlist .modal-dialog .childproducts header {
  margin-bottom: 10px;
}

.wishlist .modal-dialog .product-group .product-img, .wishlist .modal-dialog .product-set .product-img {
  display: none;
}

.wishlist .modal-dialog .product-group .product-content, .wishlist .modal-dialog .product-set .product-content {
  width: 100%;
  float: left;
  margin-left: 0;
}

.wishlist .modal-dialog .product-group .product-content .form-item.cartbutton, .wishlist .modal-dialog .product-set .product-content .form-item.cartbutton {
  position: relative;
}

.wishlist .modal-dialog .product-content .form-item.cartbutton, .wishlist .modal-dialog .product-content .popup-link {
  position: relative;
  max-width: 100%;
}

.wishlist .modal-dialog .make-public legend {
  display: none;
}

.wishlist .modal-dialog .make-public label {
  font-size: 22px;
  padding-top: 0;
}

.wishlist .modal-dialog .make-public .note {
  max-width: 100%;
}

.wishlist .modal-dialog .modal-title {
  font-size: 16px;
}

.wishlist .modal-dialog .wishlist-share {
  border: 1px #b5dfb5 solid;
  border-radius: 0;
  padding: 15px 20px;
  background: #fcfefc;
}

.wishlist .modal-dialog .wishlist-share legend {
  display: none;
}

.wishlist .modal-dialog .wishlist-share input {
  height: 40px;
  width: 59%;
  padding: 0 15px;
  border: 1px #D5D5D6 solid;
  border-radius: 0;
}

@media (min-width: 778px) {
  .wishlist .modal-dialog .wishlist-share input {
    width: 75%;
  }
}
.wishlist .modal-dialog .wishlist-share .share-link-btn {
  width: 35%;
  float: right;
}

@media (min-width: 778px) {
  .wishlist .modal-dialog .wishlist-share .share-link-btn {
    width: 22%;
  }
}
.wishlist .modal-dialog .share-wishlist-form button {
  width: 37%;
  float: right;
}

.wishlist .product-content .form-item:not(.empty):not(.product-selector):not(.cartbutton):not(.quantity) {
  margin-right: -3px;
}

.wishlist .fake-select li img, .wishlist .fake-select .selected img {
  height: 12px;
}

@media (min-width: 768px) {
  .wishlist .fake-select li img, .wishlist .fake-select .selected img {
    height: 24px;
  }
}
.wishlist .childproducts .product-content {
  width: auto;
  float: none;
  clear: both;
}

@media (min-width: 576px) {
  .wishlist .product-img {
    width: 17%;
  }

  .wishlist .product-content {
    width: 81%;
  }
}
/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  .wishlist .childproducts .product-content {
    width: 100%;
  }

  .wishlist button {
    width: 100%;
  }

  .wishlist .product-detail {
    padding-top: 0;
  }

  .wishlist .overlay {
    width: auto;
  }

  .wishlist #main .btn {
    width: 100%;
  }

  .wishlist .product-content h2, .wishlist .product-content .brand {
    max-width: 260px;
  }

  .wishlist form fieldset.make-public {
    margin-top: 0;
  }

  .wishlist .product-img, .wishlist .product-content {
    float: none;
    vertical-align: middle;
    display: inline-block;
  }

  .wishlist .product-img {
    width: 18%;
  }

  .wishlist .product-content {
    width: 80%;
  }

  .wishlist .product:first-child {
    margin-top: 6px;
  }

  .wishlist #main .page-container .share-wishlist-btn:last-of-type {
    margin: 20px 0 6px;
    width: 195px;
    float: right;
  }
}
@media (min-width: 992px) {
  .wishlist .product-img {
    max-width: 180px;
    width: 27%;
  }

  .wishlist .product-content {
    width: 72%;
  }
}
/*** DESKTOP ***/
@media (min-width: 1150px) {
  .wishlist button {
    width: 100%;
  }

  .wishlist .page-container > form {
    width: 30%;
    float: right;
    margin-top: -10px;
    display: none;
  }

  .wishlist .page-container > form + form {
    width: 70%;
  }

  .wishlist .page-container .wishlist-summary {
    float: left;
    width: 100%;
    clear: none;
  }

  .wishlist .product-content .form-item.cartbutton, .wishlist .product-content .popup-link {
    max-width: 160px;
    position: absolute;
    top: 37%;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .wishlist .product-img {
    width: 20%;
  }

  .wishlist .product-content {
    width: 79%;
  }
}
/* ========= WISHLIST COMPONENT END ========= */
/******** GIFT VOUCHERS COMPONENT: START ********/
.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; padding: 14px; height: 40px; }

.redeem-voucher #page-content { float: none; margin: 0 auto; }

.redeem-voucher .gift-voucher-code input { width: 23.5%; margin-right: 2%; float: left; margin-bottom: 15px; text-align: center; }

.redeem-voucher .gift-voucher-code input:last-child { margin: 0; }

.redeem-voucher .next-previous .next { float: right; }

@media (min-width: 768px) { .giftvoucher #main .gift-voucher ol { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-flow: wrap; -webkit-flex-flow: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
  .giftvoucher #main .gift-voucher ol li.value { width: 100% !important; }
  .giftvoucher #main .gift-voucher ol li { width: 47%; }
  .giftvoucher #main .gift-voucher .next-previous button { width: auto; }
  .giftvoucher #main .gift-voucher .next-previous button.prev { float: left; }
  .giftvoucher #main .gift-voucher .next-previous button.next { float: right; }
  .giftvoucher #main .gift-voucher .value input { width: 30%; } }
@media (min-width: 1150px) { .giftvoucher #main #page-content { padding: 0; }
  .giftvoucher #main .main-container > h1 { border-bottom: 0px !important; }
  .giftvoucher #main .instructions { float: right; width: 35%; margin-top: 70px; }
  .giftvoucher #main .instructions + form { float: left; width: 55%; }
  .giftvoucher #main .next-previous .next { float: right; }
  .giftvoucher #main .next-previous .prev { float: left; } }
/******** GIFT VOUCHERS COMPONENT: END ********/


	/* ========= USER INFORMATION COMPONENT ============= */
	.help-request h2 {
	font-size: 16px;
	}

	.help-request-info {
	margin-left: 15px;
	}
	.help-request-info dt {
	text-align: left;
	width: 120px;
	}
	.help-request-info dd {
	margin-left: 0px;
	}

	/* ========= USER INFORMATION COMPONENT END ========= */


/*	=========	CUSTOM	FORM	CONTACT	COMPONENT	=========	*/
.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; }

.customform #main { padding-top: 0px; }

.customform #main form .telephone input[type="tel"] { width: 100%; }

.customform #main li input, .customform #main li textarea { font-size: 14px; width: 100%; }

.customform #main h3 { margin-top: 4px; font-size: 20px; color: #D8D8D8; }

.customform #main #contact-form .error { color: #d15f40; }

.customform #main #contact-form .security-code img { width: auto; }

.customform #main #contact-form button[type='submit'] { padding: 14px 20px; height: 40px; }

.customform #main .menu.dynamic > ul > li:not(.on) { display: none; }

@media (min-width: 320px) { .contact-form-holde input[type="tel"] { width: 32%; margin-right: 2%; } }
@media (min-width: 768px) { .contact-form-holder input[type="tel"] { width: 32%; margin-right: 2%; }
  .customform #main .page-container { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-flow: wrap; -webkit-flex-flow: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
  .customform #main .page-container .content { width: 100%; }
  .customform #main .page-container .content > h2 { margin-top: 0px; }
  .customform #main .page-container > h1 { font-size: 26px; position: absolute; top: -42px; width: 100%; }
  .customform #main .contact-form-holder { border-top-width: 0px; margin-top: 0px; padding-top: 0px; width: 100%; }
  .customform #main #contact-form ol { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-flow: wrap; -webkit-flex-flow: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
  .customform #main #contact-form ol li { width: 47%; }
  .customform #main #contact-form ol li.comment, .customform #main #contact-form ol li.security-message, .customform #main #contact-form ol li.submit, .customform #main #contact-form ol li.security-code { width: 100% !important; }
  .customform #main #contact-form ol li.submit { margin-top: 30px; }
  .customform #main #contact-form ol li.submit button { float: right; width: auto; padding: 12px 20px; }
  .customform #main #contact-form ol li.security-code input { width: 40%; } }
/***	DESKTOP	***/
@media (min-width: 1150px) { .customform #main:before, .customform #main:after { content: ""; display: table; }
  .customform #main:after { clear: both; }
  .customform #main #page-content { padding: 0; }
  .customform #main .main-container h1 { border-bottom-width: 0px; }
  .customform #main .page-container .content { width: 47%; }
  .customform #main .contact-form-holder { margin-top: -10px; width: 50%; }
  .customform #main .contact-form-holder form fieldset { margin-top: 0px; } }
/*	=========	CUSTOM	FORM	COMPONENT	END	=========	*/

/* ========= STORE LOCATOR COMPONENT ========= */
.storelocator #main { padding-top: 0px !important; }

.storelocator #main h1 { border-bottom-width: 0px; }

.storelocator #page-content { float: none; width: 100%; }

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

.storelocator .store-map-holder { position: relative; margin-top: 0; padding-top: 100%; width: 100%; }

.storelocator #store-map { margin-top: 25px; }

@supports (-webkit-overflow-scrolling: touch) { .storelocator #store-map { /* CSS specific to iOS devices */ }
  .storelocator #store-map button[title*='fullscreen'] { display: none; } }
.storelocator .store .content img { width: 100%; }

.storelocator .store .content { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

.storelocator .store-locator .eso-accordion-panel { position: relative; }

.storelocator .store-locator a { text-decoration: none; }

.storelocator .store-locator > li ul li a { text-transform: capitalize; padding-left: 15px; }

.storedetail .store .images ul { list-style: none; margin: 0; padding: 0; }

.storedetail .store .images ul:before, .storedetail .store .images ul:after { content: ""; display: table; }

.storedetail .store .images ul:after { clear: both; }

.storedetail .store .images li { width: 50%; display: inline-block; padding: 10px 1% 15px 0; }

.storedetail .store .images img { width: 100%; height: auto; max-width: 450px; }

.storedetail .store .address, .storedetail .store .opening-hours, .storedetail .store .directions { margin-bottom: 15px; }

.storedetail .store .directions a { padding: 14px 20px; }

@media (min-width: 769px) { .storelocator #page-content { padding-left: 0px; padding-right: 0px; }
  .storelocator #page-content .store > h1 { float: left; margin-top: 0px; }
  .storelocator ul.store-locator { padding: 0; width: 35%; float: left; }
  .storelocator .store-map-holder { width: 55%; float: right; padding-top: 45%; }
  .storelocator #store-map { margin-top: 0px; }
  .storedetail .store .images li { width: 100%; display: inline-block; padding: 0px 1% 15px 0; }
  .store .address, .store .opening-hours, .store .directions, .store .content, .storedetail .store .images { float: left; padding: 0; width: 270px; clear: left; margin-bottom: 25px; }
  .store h2 { margin-top: 0px; } }
@media (min-width: 1150px) { .storelocator .store-map-holder { padding-top: 66%; } }
/* ========= STORE LOCATOR COMPONENT END ========= */

/* ========= BLOG COMPONENT ========= */
.blogpage #main {
  /*blog header*/
  /* SIDEBAR*/
  /*Profile*/
  /*pagination*/
}

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

.blogpage #main #left-nav {
  display: none;
}

.blogpage #main span.security-code {
  display: inline-block;
}

.blogpage #main .page-container > h1 {
  border-bottom-width: 1px;
}

.blogpage #main .page-container .blog-content > .blog-title {
  display: none;
}

.blogpage #main .page-numbers {
  clear: both;
}

.blogpage #main .profile {
  padding: 0 15px;
}

.blogpage #main .blog-header {
  padding-bottom: 20px;
  border-bottom-width: 1px;
}

.blogpage #main .blog-header .feat-post {
  padding: 0 15px;
  margin-top: 15px;
  text-align: left;
}

.blogpage #main .blog-header .feat-post .featured-post {
  font-size: 14px;
  color: #9B9DA0;
  font-weight: bold;
  text-transform: uppercase;
}

.blogpage #main .blog-header .feat-post h2[itemprop=headline] {
  margin-top: 5px;
}

.blogpage #main .blog-header .feat-post h2[itemprop=headline] a {
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
}

.blogpage #main .blog-header .feat-post .post-date, .blogpage #main .blog-header .feat-post .author-prefix, .blogpage #main .blog-header .feat-post .blogger-name {
  font-size: 14px;
  color: #9B9DA0;
  display: inline-block;
}

.blogpage #main .blog-header .feat-post .author-prefix {
  text-transform: lowercase;
}

.blogpage #main .blog-header .feat-post .blogger-name {
  margin-left: 5px;
}

.blogpage #main .blog-header .feat-post .post-link {
  text-align: left;
}

.blogpage #main .blog-header .feat-post .post-link a {
  display: block;
  max-width: 151px;
  height: 40px;
  padding: 14px;
  font-size: 16px;
  text-align: center;
}

.blogpage #main .blog-header .feat-post .blog-info {
  margin-top: 10px;
  margin-bottom: 25px;
}

.blogpage #main .blog-sidebar {
  width: 100%;
  margin-top: 10px;
  position: relative;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.blogpage #main .blog-sidebar .eso-accordion-target {
  margin-top: 0px;
}

.blogpage #main .blog-sidebar .eso-accordion-target .info-container {
  padding: 0;
}

.blogpage #main .blog-sidebar .blog-profiles {
  order: 0;
}

.blogpage #main .blog-sidebar .blog-profiles .info-container li:not(.show-more-trigger) {
  margin-bottom: 10px;
  width: 100%;
  float: left;
}

.blogpage #main .blog-sidebar .blog-profiles .info-container li:not(.show-more-trigger) .blogger-profile {
  display: block;
  width: 100%;
  float: left;
}

.blogpage #main .blog-sidebar .blog-recent {
  order: 1;
}

.blogpage #main .blog-sidebar .blog-recent a.post-author {
  display: none;
}

.blogpage #main .blog-sidebar .blog-tags {
  order: 2;
}

.blogpage #main .blog-sidebar .blog-archive {
  order: 3;
}

.blogpage #main .blog-sidebar .blog-archive a.post-author {
  display: none;
}

.blogpage #main .blog-sidebar:before {
  content: "";
  display: block;
  border-top: 1px solid #D8D8D8;
  position: absolute;
  width: 100%;
  left: 0%;
  top: 0%;
}

.blogpage #main .blog-sidebar .blog-featured .slick-slider {
  margin-bottom: 0px;
}

.blogpage #main .blog-sidebar .blog-featured .slide-item {
  margin: 10px 1%;
}

.blogpage #main .blog-sidebar .blog-featured .slick-arrow {
  display: none !important;
}

.blogpage #main .blog-sidebar .blog-featured.sidebar-section .item-detail h4 {
  float: left;
}

.blogpage #main .blog-sidebar .blog-subscribe {
  order: 99;
}

.blogpage #main .blog-sidebar .blog-subscribe #subscribe-form .email label, .blogpage #main .blog-sidebar .blog-subscribe #subscribe-form .security-code label {
  display: none;
}

.blogpage #main .blog-sidebar .blog-subscribe #subscribe-form fieldset {
  margin-top: 10px;
}

.blogpage #main .blog-sidebar .blog-subscribe #subscribe-form .security-message > label:after {
  content: "(case sensitive)";
  display: inline-block;
  margin-left: 0.2em;
}

.blogpage #main .blog-sidebar .blog-subscribe #subscribe-form .error:not(:first-of-type) {
  display: none;
}

.blogpage #main .blog-sidebar .blog-subscribe label {
  font-size: 16px;
  font-weight: normal !important;
}

.blogpage #main .blog-sidebar .blog-subscribe .security-code input {
  width: 100%;
}

.blogpage #main .blog-sidebar .blog-subscribe button[type=submit] {
  padding: 14px 20px;
  background: #F3F0EE;
  color: #414142;
  border: 0 solid #F3F0EE;
  border-radius: 0;
  text-transform: uppercase;
}

.blogpage #main .blog-sidebar .blog-subscribe button[type=submit]:hover {
  background-color: #ded6d0;
  text-decoration: none;
}

.blogpage #main .blog-sidebar .sidebar-section:not(.blog-featured) ul li a, .blogpage #main .blog-sidebar .sidebar-section:not(.blog-featured) ul li span {
  margin-right: 3px;
  text-decoration: none;
  font-weight: normal;
  text-transform: capitalize;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.blogpage #main .blog-sidebar .sidebar-section:not(.blog-featured) ul li .post-date, .blogpage #main .blog-sidebar .sidebar-section:not(.blog-featured) ul li .post-author {
  font-size: 16px;
  color: #9B9DA0;
}

.blogpage #main .blog-sidebar .sidebar-section:not(.blog-featured) ul li .post-author {
  margin-bottom: 10px;
  text-transform: capitalize;
}

.blogpage #main .blog-sidebar .sidebar-section:not(.blog-featured) ul li a.post-name {
  display: block;
  text-transform: capitalize;
}

.blogpage #main .blog-sidebar .show-more-trigger {
  cursor: pointer;
  text-decoration: underline;
}

.blogpage #main .blog-sidebar .blog-profiles .show-more-trigger {
  margin-left: 20%;
}

.blogpage #main .blog-sidebar .sidebar-section {
  position: relative;
  padding: 5px 0px;
  border-width: 0px;
}

.blogpage #main .blog-sidebar .sidebar-section:not(:last-of-type):not(.blog-featured) > h3 {
  border-bottom-width: 1px;
}

.blogpage #main .blog-sidebar .sidebar-section:last-of-type {
  border-bottom-width: 0px;
}

.blogpage #main .blog-sidebar .sidebar-section:not(.blog-featured) {
  padding-left: 15px;
  padding-right: 15px;
}

.blogpage #main .blog-sidebar .sidebar-section.blog-featured > h3 {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.blogpage #main .blog-sidebar .sidebar-section.blog-featured > h3:after {
  content: "";
  display: block;
  width: calc(100% - 30px);
  position: absolute;
  top: 100%;
  left: 15px;
  border-bottom: 1px solid #D8D8D8;
}

.blogpage #main .blog-sidebar .sidebar-section.blog-featured > h3.eso-accordion-trigger.collapsed .eso-accordion-indicator {
  top: 2px;
}

.blogpage #main .blog-sidebar .sidebar-section.blog-featured > h3.eso-accordion-trigger .eso-accordion-indicator {
  top: 0px;
}

.blogpage #main .blog-sidebar .sidebar-section h3 {
  cursor: pointer;
  margin: 0;
  padding: 12px 0;
  font-size: 18px;
}

.blogpage #main .blog-sidebar .sidebar-section h4 {
  padding: 5px 0;
  float: right;
  width: 80%;
  font-size: 16px;
}

.blogpage #main .blog-sidebar .sidebar-section .products {
  border-bottom: 0;
  padding-bottom: 0;
}

.blogpage #main .blog-sidebar .sidebar-section .products .item-detail {
  padding-bottom: 0px;
}

.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;
}

.blogpage #main .blog-sidebar .blogger-profile figure img {
  width: 50px;
  -webkit-border-radius: 30px;
  /* Saf3+, Chrome */
  border-radius: 30px;
  /* Opera 10.5, IE 9 */
}

.blogpage #main .blog-sidebar .blogger-profile > a {
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 16px;
  text-transform: capitalize;
}

.blogpage #main .blog-sidebar .eso-accordion-trigger.collapsed .eso-accordion-indicator {
  top: 8px;
  right: 15px;
  color: #9B9DA0;
}

.blogpage #main .blog-sidebar .eso-accordion-trigger.collapsed .eso-accordion-indicator::before {
  font-size: 25px;
  height: auto;
  line-height: unset;
  padding: 5px 10px;
  margin: -5px -10px;
}

.blogpage #main .blog-sidebar .eso-accordion-trigger .eso-accordion-indicator {
  top: 6px;
  right: 15px;
  color: #9B9DA0;
}

.blogpage #main .blog-sidebar .eso-accordion-trigger .eso-accordion-indicator:before {
  font-size: 20px;
  height: auto;
  line-height: unset;
  padding: 5px 10px;
  margin: -5px -10px;
}

.blogpage #main .blog-sidebar .blog-aside h1, .blogpage #main .blog-sidebar .blog-aside h2 {
  position: relative;
  top: 0;
  width: 100%;
  margin: 0px;
  text-align: left;
  border-bottom-width: 0px;
  font-size: 14px;
}

.blogpage #main .blog-sidebar .blog-aside h1 {
  text-transform: capitalize;
}

.blogpage #main .blog-sidebar .blog-aside img {
  width: 100%;
}

.blogpage #main .blog-content {
  width: 100%;
  float: left;
  /* Single page */
  /* Comments */
}

.blogpage #main .blog-content:first-child {
  margin-top: 10px;
}

.blogpage #main .blog-content > p {
  padding: 15px 15px 0px;
}

.blogpage #main .blog-content .blogger-name {
  margin-left: 5px;
}

.blogpage #main .blog-content figure img {
  display: none;
}

.blogpage #main .blog-content .meta-data {
  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 .author-prefix {
  text-transform: lowercase;
}

.blogpage #main .blog-content .post-date, .blogpage #main .blog-content .post-author {
  display: inline-block;
  margin-right: 10px;
  font-weight: normal;
  font-size: 14px;
  color: #9B9DA0;
}

.blogpage #main .blog-content .post-date a, .blogpage #main .blog-content .post-author a {
  color: #9B9DA0;
  text-transform: capitalize;
  display: inline-block;
}

.blogpage #main .blog-content .post-date figure, .blogpage #main .blog-content .post-author figure {
  display: none;
}

.blogpage #main .blog-content .blog-list-item {
  margin: 40px 0 30px 0;
  padding: 0 15px;
  text-align: center;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap {
  text-align: left;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap h2[itemprop=headline] {
  margin-top: 5px;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap h2[itemprop=headline] a {
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap .post-date, .blogpage #main .blog-content .blog-list-item .blog-wrap .author-prefix, .blogpage #main .blog-content .blog-list-item .blog-wrap .blogger-name {
  font-size: 14px;
  color: #9B9DA0;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap .blog-info {
  margin-top: 10px;
  margin-bottom: 25px;
}

.blogpage #main .blog-content .blog-list-item .post-link {
  text-align: left;
}

.blogpage #main .blog-content .blog-list-item .post-link a {
  max-width: 151px;
  height: 40px;
  padding: 14px;
  font-size: 16px;
  text-align: center;
}

.blogpage #main .blog-content .blog-list-item .entry {
  overflow: hidden;
}

.blogpage #main .blog-content .blog-list-item .entry * {
  width: 100%;
}

.blogpage #main .blog-content .blog-list-item .entry img {
  width: 100%;
}

.blogpage #main .blog-content .post-navigation {
  padding: 10px 0;
}

.blogpage #main .blog-content .post-navigation > div {
  display: inline-block;
  width: 50%;
}

.blogpage #main .blog-content .post-navigation span {
  display: none;
  margin-right: 10px;
}

.blogpage #main .blog-content .post-navigation span:first-of-type {
  display: inline-block;
  font-weight: bold;
}

.blogpage #main .blog-content .post-navigation .previous a, .blogpage #main .blog-content .post-navigation .next a {
  background: url(sprite.png) center -1021px no-repeat;
  background-size: 20px;
  font-weight: normal;
  text-transform: capitalize;
}

.blogpage #main .blog-content .post-navigation .previous a {
  background-position: -5px -221px;
}

.blogpage #main .blog-content .post-navigation .next a {
  background-position: 102% -190px;
}

.blogpage #main .blog-content .post-navigation .next {
  float: right;
  text-align: right;
}

.blogpage #main .blog-content .blog-comments {
  margin: 20px 0 0;
  padding: 0 15px;
}

.blogpage #main .blog-content .blog-comments > h3 {
  font-size: 22px;
}

.blogpage #main .blog-content .blog-comments p.author {
  margin-bottom: 0;
}

.blogpage #main .blog-content > .blog-reply {
  margin-bottom: 20px;
}

.blogpage #main .blog-content .blog-reply {
  margin-top: 25px;
  padding: 20px;
  background: #f6f6f6;
  margin-left: 15px;
  margin-right: 15px;
}

.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: 22px;
}

.blogpage #main .blog-content .blog-reply button {
  float: right;
  padding: 14px;
  height: 40px;
}

.blogpage #main .blog-content .blog-reply fieldset {
  margin: 0;
}

.blogpage #main .blog-content .blog-reply li.notify label, .blogpage #main .blog-content .blog-reply li.updates label {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
}

.blogpage #main .blog-content .blog-reply form .success:not(:last-of-type) {
  display: none;
}

.blogpage #main .blog-content .blog-reply .security-code label {
  display: none;
}

.blogpage #main .blog-content .blog-reply .security-code input {
  width: 100%;
}

.blogpage #main .blog-content input[type=checkbox] {
  margin-top: 0;
  vertical-align: middle;
}

.blogpage #main .blog-content .reply-link {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 9px;
}

.blogpage #main .blog-content .toolbar.bottom {
  margin-top: 40px;
}

.blogpage #main .blog-content p img, .blogpage #main .blog-content img {
  width: 100%;
}

.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-top: 20px;
  padding: 0 0 15px 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 .blog-comment {
  border-width: 0 0 0 10px;
  border-color: #f6f6f6;
  padding: 0px 15px;
}

.blogpage #main .blog-comment .blog-comment .blog-reply {
  margin-top: 30px;
  margin-left: 0;
  margin-right: 0;
}

.blogpage #main .blog-comment .comment-body {
  clear: both;
  margin-bottom: 15px;
}

.blogpage #main .blog-comment .comment-date {
  color: #9B9DA0;
}

.blogpage #main .profile > h1.blog-title {
  display: none;
}

.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: 20px;
}

.blogpage #main .profile .blogger-profile figure {
  width: 30%;
  float: left;
  border-width: 0px;
}

.blogpage #main .profile .blogger-profile figure img {
  width: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.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;
}

.blogpage #main .profile .blogger-description {
  text-transform: capitalize;
}

.blogpage #main .profile .post-date {
  color: #9B9DA0;
}

.blogpage #main .profile .blogger-name {
  text-transform: capitalize;
}

.blogpage #main .profile .blogger-profile .blog-recent a {
  text-decoration: none;
  text-transform: capitalize;
}

.blogpage #main .profile .blogger-profile .blog-recent a:hover {
  color: #9B9DA0;
}

.blogpage #main .blog-content .page-numbers {
  text-align: center;
  margin-bottom: 20px;
}

.blogpage #main .blog-content .page-numbers > p {
  display: none;
}

.blogpage #main .blog-content .page-numbers > ul {
  display: inline-block;
  float: none;
}

.blogpage #main .blog-content .page-numbers li.next, .blogpage #main .blog-content .page-numbers li.prev {
  text-indent: -99999px;
}

.blogpage #main .blog-post {
  width: 100%;
  overflow: hidden;
  padding: 0 15px;
}

.blogpage #main .blog-post > h2 {
  text-transform: capitalize;
  margin-top: 0px;
}

.blogpage #main .blog-post .post-navigation:before {
  content: "";
  display: block;
  border-bottom: 1px solid #D8D8D8;
  margin: 25px 0;
}

.blogpage #main .blog-post .entry {
  margin-top: 10px;
}

.blogpage #main .blog-post .entry img {
  width: 100%;
}

::-webkit-input-placeholder {
  text-transform: capitalize;
}

:-moz-placeholder {
  text-transform: capitalize;
}

::-moz-placeholder {
  text-transform: capitalize;
}

:-ms-input-placeholder {
  text-transform: capitalize;
}

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  .blogpage #main .page-container {
    flex-direction: row;
    justify-content: space-around;
  }

  .blogpage #main .page-container .profile .blogger-profile:first-of-type {
    border-top-width: 0px;
  }

  .blogpage #main .blog-post {
    padding: 0;
  }

  .blogpage #main .blog-post > h2 {
    font-size: 26px;
  }

  .blogpage #main .blog-header {
    position: relative;
    margin-bottom: 20px;
    border-bottom-width: 0px;
  }

  .blogpage #main .blog-header .feat-post {
    position: absolute;
    top: 46%;
    left: 75%;
    width: 40%;
    transform: translate(-50%, -50%);
    padding: 20px;
    margin: 0px;
    background: #fff;
    opacity: 0.9;
    max-width: 360px;
  }

  .blogpage #main .blog-header .feat-post .featured-post {
    margin-top: 11px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .blogpage #main .blog-header .feat-post {
    left: 81%;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content {
    /*single blog setting*/
  }

  .blogpage #main .blog-content .blog-list-item {
    border-bottom: 0px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 0;
    float: left;
  }

  .blogpage #main .blog-content .blog-list-item h2 a {
    font-size: 20px;
  }

  .blogpage #main .blog-content .blog-list-item .entry {
    min-height: 300px;
  }

  .blogpage #main .blog-content .blog-list-item .entry a {
    position: relative;
    width: 100%;
  }

  .blogpage #main .blog-content .blog-list-item .post-link {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .blogpage #main .blog-content .blog-list-item .post-link a {
    margin-top: 10px;
  }

  .blogpage #main .blog-content .blog-list-item .blog-wrap {
    width: 40%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .blogpage #main .blog-content .blog-list-item .blog-wrap {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .blogpage #main .blog-content .blog-list-item .blog-wrap {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-list-item .blog-wrap .blog-wrap h2[itemprop=headline] {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-list-item .blog-wrap .blog-info {
    margin: 0px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-list-item:nth-of-type(odd) .entry {
    float: right;
    width: 58%;
    padding-left: 2%;
  }

  .blogpage #main .blog-content .blog-list-item:nth-of-type(odd) .blog-wrap {
    float: left;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-list-item:nth-of-type(even) .entry {
    float: left;
    padding-right: 2%;
    width: 58%;
  }

  .blogpage #main .blog-content .blog-list-item:nth-of-type(even) .blog-wrap {
    float: right;
  }

  .blogpage #main .blog-content .blog-list-item:nth-of-type(even) .post-link a.btn {
    margin-left: 2%;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-comments {
    width: 100%;
    padding: 0;
  }

  .blogpage #main .blog-content .blog-comments .reply-link a {
    width: 109px;
  }

  .blogpage #main .blog-content .blog-comments .reply-link + .blog-reply {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-reply {
    width: 100%;
    padding: 20px 20px 5px 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .blogpage #main .blog-content .blog-reply .security-code input {
    width: 60%;
  }

  .blogpage #main .blog-content .blog-reply button[type=submit] {
    width: auto;
    max-width: 216px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-list-item .post-link:after {
    content: none;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content, .blogpage #main .blog.subscriptions {
    width: 70%;
    float: left;
  }
}
@media (min-width: 768px) {
  .blogpage #main .meta-data {
    float: left;
    width: 85%;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar {
    width: 25%;
    float: right;
    padding: 0;
  }

  .blogpage #main .blog-sidebar:before {
    border-top-width: 0px;
  }

  .blogpage #main .blog-sidebar .blog-featured > h3:after {
    content: none !important;
  }

  .blogpage #main .blog-sidebar .blog-featured .slick-arrow {
    display: inline-block !important;
  }

  .blogpage #main .blog-sidebar .blog-featured .slide-item {
    margin: 0px 1%;
  }

  .blogpage #main .blog-sidebar .blog-featured .slick-next, .blogpage #main .blog-sidebar .blog-featured .slick-prev {
    top: 25%;
  }
}
@media (min-width: 768px) and (min-width: 991px) {
  .blogpage #main .blog-sidebar .blog-featured .slick-next, .blogpage #main .blog-sidebar .blog-featured .slick-prev {
    top: 35%;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .blog-featured .slick-next {
    right: -10px;
  }

  .blogpage #main .blog-sidebar .blog-featured .slick-next:before {
    background: url(sprite.png) 50% -2415px no-repeat;
    background-size: 40px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .blog-featured .slick-prev {
    left: -10px;
  }

  .blogpage #main .blog-sidebar .blog-featured .slick-prev:before {
    background: url(sprite.png) 50% -2353px no-repeat;
    background-size: 40px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .blog-featured .products {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .sidebar-section.open {
    background: #f6f6f6;
    padding: 20px 20px 0 20px;
    border-bottom-width: 0px;
  }

  .blogpage #main .blog-sidebar .sidebar-section.open:last-of-type, .blogpage #main .blog-sidebar .sidebar-section.open.blog-archive {
    padding-bottom: 20px;
  }

  .blogpage #main .blog-sidebar .sidebar-section.open ul, .blogpage #main .blog-sidebar .sidebar-section.open > form {
    display: block;
    visibility: visible;
    height: auto;
  }

  .blogpage #main .blog-sidebar .sidebar-section.open .eso-accordion-trigger {
    pointer-events: none;
  }

  .blogpage #main .blog-sidebar .sidebar-section.open .eso-accordion-indicator {
    display: none;
  }

  .blogpage #main .blog-sidebar .sidebar-section.open h3 {
    font-size: 22px;
    border-top-width: 1px;
    border-bottom-width: 0px !important;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .blog-recent .info-container li:not(:first-of-type) {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .blog-subscribe {
    padding: 15px;
    margin-top: 30px;
  }

  .blogpage #main .blog-sidebar .blog-subscribe h3 {
    border: 0;
    padding-top: 0;
  }

  .blogpage #main .blog-sidebar .blog-subscribe h3 span:first-of-type {
    margin-left: 5px;
  }

  .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-sidebar .blog-subscribe button[type=submit] {
    padding: 12px 20px;
    font-size: 18px;
    background: #fff;
    color: #414142;
    opacity: 0.9;
  }

  .blogpage #main .blog-sidebar .blog-subscribe button[type=submit]:hover {
    opacity: 1;
    background: #fff;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .sidebar-section:first-child {
    border-top-width: 0px !important;
  }

  .blogpage #main .blog-sidebar .sidebar-section:first-child h3 {
    border-top-width: 0px;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .info-container > li.on > a, .blogpage #main .blog-sidebar .info-container > li.on > a span {
    font-weight: bold !important;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .blogger-profile h4 {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991) {
  .blogpage #main .blog-sidebar .blogger-profile h4 {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .show-more-trigger:hover {
    text-decoration: none;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar .blog-profiles .show-more-trigger {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar ul li a, .blogpage #main .blog-sidebar ul li span:not(.post-date) {
    text-transform: capitalize;
  }

  .blogpage #main .blog-sidebar ul li a:hover, .blogpage #main .blog-sidebar ul li span:not(.post-date):hover {
    color: #9B9DA0;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-sidebar li ul li a, .blogpage #main .blog-sidebar li ul li span {
    font-weight: normal !important;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-comment {
    padding: 0 15px 15px 0;
  }

  .blogpage #main .blog-comment > .blog-reply {
    margin-left: 15px;
  }

  .blogpage #main .blog-comment button {
    float: right;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-comment .blog-comment .blog-reply .security-code input {
    width: 62%;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .blog-reply button {
    margin-top: -55px;
  }
}
@media (min-width: 768px) {
  .blogpage #main .blog-content .toolbar.bottom {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .blogpage #main .profile {
    width: 70%;
    float: left;
    margin-top: 10px;
    padding: 0;
  }

  .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;
  }
}
@media (min-width: 768px) {
  .blogpage #main .subscriptions-table thead {
    display: table-header-group;
    background: #D5D5D6;
  }

  .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%;
  }
}
/*** DESKTOP ***/
@media (min-width: 1150px) {
  .blogpage #main .main-container {
    padding: 0;
  }

  .blogpage #main .blog-header .feat-post {
    padding: 40px;
  }

  .blogpage #main .blog-reply form ol {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .blogpage #main .blog-reply form ol li {
    width: 48%;
  }

  .blogpage #main .blog-reply li.comment, .blogpage #main .blog-reply li.security-message, .blogpage #main .blog-reply li.security-code, .blogpage #main .blog-reply li.notify, .blogpage #main .blog-reply li.updates {
    width: 100%;
  }

  .blogpage #main .blog-content .blog-reply .security-code input, .blogpage #main .blog-comment .blog-comment .blog-reply .security-code input {
    width: 40%;
  }

  .blogpage #main .blog-sidebar .blogger-profile h4 {
    width: 70%;
  }

  .blogpage #main .blog-sidebar .blog-subscribe.opened {
    height: 390px;
  }

  .blogpage #main .blog-sidebar h1 {
    font-size: 21px;
  }

  .blogpage #main .blog-sidebar .sidebar-section .products .item {
    border-width: 0px;
  }
}
/* ========= BLOG COMPONENT END ========= */
/* ========= CAREERS COMPONENT ========= */
.career {
  /*application form*/
}

.career .career-item {
  padding-bottom: 25px;
  margin-bottom: 15px;
}

.career .career-item:not(:last-of-type) {
  border-bottom-width: 1px;
}

.career .career-item .career-title {
  text-transform: capitalize;
  margin-top: 0px;
}

.career .career-item img {
  width: 100%;
}

.career .career-item a.btn {
  height: 40px;
  padding: 14px 0;
  margin-top: 15px;
  border-width: 0;
}

.career .career-item:not(:first-of-type) {
  margin-top: 15px;
}

.career .list-date .open {
  margin-right: 20px;
}

.career .list-date .open:before {
  content: "date opened: ";
  text-transform: capitalize;
}

.career .list-date .closing:before {
  content: "Date closing: ";
  text-transform: capitalize;
}

.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 .list-description ul {
  padding-left: 20px;
}

.career .cv textarea {
  height: 100px;
}

.career .next-previous button {
  padding: 14px;
  height: 40px;
}

.career form .job-details .note em {
  padding-right: 4px;
}

.career form .job-details input {
  width: 100%;
  text-transform: capitalize;
}

.career form .job-details .job-title input, .career form .job-details .job-location input {
  background: #EAEAEB;
}

@media (min-width: 991px) {
  .career form .job-details .customer-info ol {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .career form .job-details .customer-info ol > li {
    width: 47%;
    float: left;
  }

  .career form .job-details .customer-info ol .security-message {
    margin-right: 53%;
  }
}
@media (min-width: 768px) {
  .career #page-content {
    width: 100%;
    float: none;
    padding: 0;
  }

  .career .career-item {
    width: 74%;
    float: right;
    margin-left: 0;
    margin-right: 0;
  }

  .career .career-item a.btn {
    float: right;
    max-width: 151px;
  }

  .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 form .job-details > ol {
    display: inline-block;
    width: 100%;
  }

  .career form .job-details li.job-title, .career form .job-details li.job-location {
    width: 47%;
  }

  .career form .job-details li.job-title {
    float: left;
  }

  .career form .job-details li.job-location {
    float: right;
  }
}
/* ========= CAREERS COMPONENT END ========= */