/* Site Variables */
:root {
    /* colours */
     --tessutiPrimary: #D75701;
     --tessutiPrimaryHover: #BD4C01;
     --tessutiGrey: #282828;
     --tessutiCampaign: #9A8655;
    /*--tessutiDefaultSale: #f6e138;
     */
     --tessutiSuccess: #5B9E76;
     --tessutiError: #B10000;
    /* Font Sizes */
     --tessutiTitle: 21px;
     --tessutiSubtitle: 16px;
     --tessutiUppercase: 11px;
     --tessutiLowercase: 12px;
}
/* ---- main styling ---- */
 a, abbr, acronym, address, applet, area, article, aside, audio, b, base, basefont, bdi, bdo, big, blockquote, br, button, canvas, caption, center, cite, code, col, colgroup, datalist, dd, del, details, dfn, dialog, dir, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, frame, frameset, head, header, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noframes, noscript, object, ol, optgroup, option, output, param, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strike, strong, style, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track, tt, u, var, video, wbr, [data-bv-show='rating_summary'] .bv_main_container .bv_numReviews_text, [data-bv-show='rating_summary'] .bv_main_container .bv_button_buttonMinimalist, *, p {
     font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}
 h1, h2, h3, h4 {
     font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}
 h1, .itemPrices span {
     font-size: var(--tessutiTitle);
}
 h2, h3 {
     font-size: var(--tessutiSubtitle);
}
 .fa {
     font-family: FontAwesome !important;
}
 #breads *:not(i) {
     text-transform: uppercase !important;
     font-size: 10px !important;
}
 #breads {
     margin: 15px 0 8px 1px !important;
}
/* update breads padding */
#breads.productBreads {
    padding: 5px 30px !important;
  }
/********** Dropdown ***********/
 #dropNav .maxWidth > ul > li a {
     text-transform: none;
     font-weight: 500;
}
 #dropNav .maxWidth > ul > li > a {
     text-transform: uppercase !important;
     font-size: 13px;
}
 #dropNav .maxWidth > ul > li > a, #dropNav .maxWidth > ul {
     border: none !important;
}
 #dropNav .maxWidth>ul>li>ul i {
     background: url('https://jpl.a.bigcontent.io/v1/static/new-ab171d4d832feac9a96aa8178a82500c') no-repeat;
     background-size: 100%!important;
     background-size: cover;
     height: 11px;
     width: 42px!important;
     margin-left: 0px;
     display: inline-block;
     vertical-align: middle;
     top: 6px;
     width: 14px;
     border-radius: 0;
     margin-left: 5px;
     margin-top: -15px;
}
/* Temporary fix for Nav background not showing during page loading */
 #dropNav .maxWidth > ul > li > ul {
     background-color: transparent!important;
}
/* Remove header candy cane */
 header:after {
     display: block !important;
}
/* 2019 Navigation styles */
 header #dropNav {
     width: 100% !important;
     height: 38px!important;
     display: flex;
    justify-content: center;
}
header #head #dropNav .maxWidth {
    height: 31px;
    width: 100%;
    max-width: 100% !important;
    margin: 0;
}
 .dropdown-container {
     display: flex;
     justify-content: space-around;
     font-size: 12px !important;
     padding: 10px 0;
     z-index: 9;
     height: 400px;
     max-width: 1160px;
     margin: 0 auto;
}
 .dropdown-container.img-only {
     justify-content: center;
}
 .dropdown-column h3 {
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 20px;
     text-transform: none;
}
 #main #dropNav .dropdown-column ul {
     margin-top: 35px !important;
}
 #main #dropNav .dropdown-column h3 + ul {
     margin-top: 0 !important;
}
 #dropNavBackground {
     z-index: 6;
}
 .dropdown-column .viewall-link {
     font-weight: 600!important;
     padding-top: 3px;
     display: block;
}
/* List column styles */
 .dropdown-column.list {
     margin-right: 4%;
     width: 14%;
}
 .dropdown-column.list li {
     margin-bottom: 10px;
}
/* Image column styles */
 .dropdown-column.image {
     width: 32%;
}
 .dropdown-column.image + .dropdown-column.image {
     margin-left: 3%;
}
 .dropdown-container.img-only .dropdown-column.image {
     width: 19.7%;
     margin: 0 2%;
}
 .dropdown-column.image a {
     display: block;
}
 .dropdown-column.image img {
     max-width: 100%;
     margin-bottom: 10px;
}
/* frosted Nav Safari CSS */
 #main #dropNavBackground {
     height: 1px!important;
     bottom: -1px;
     visibility: visible!important 
}
 #main header #dropNav:hover #dropNavBackground {
     height: 440px!important;
     opacity: 1;
}
 #main #dropNavBackground {
     top: 30px;
     z-index: 6;
     width: 200vw !important;
     left: -100vw !important;
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     box-shadow: inset 0 0 0 300px rgb(255 255 255 / 65%);
     background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,176,69,0) 50%);
     pointer-events: none;
}
 #main #dropNav .maxWidth > ul > li > ul {
     top: 30px !important;
     z-index: 12;
     opacity: 0;
     -webkit-transition: opacity 500ms ease-out;
     -moz-transition: opacity 500ms ease-out;
     -o-transition: opacity 500ms ease-out;
     transition: opacity 500ms ease-out;
}
 #main #dropNav .maxWidth > ul > li:hover > ul {
     opacity: 1;
     -webkit-transition: opacity 250ms 500ms ease-out;
     -moz-transition: opacity 250ms 500ms ease-out;
     -o-transition: opacity 250ms 500ms ease-out;
     transition: opacity 250ms 500ms ease-out;
}
 @media (max-width: 840px) {
     #main #dropNav .maxWidth > ul > li > a {
         height: 32px;
         padding: 5px 20px !important;
    }
}
/* nav dropdown underlines on hover */
 .dropdown-column a {
     border-bottom: 1px solid transparent;
     -webkit-transition: border-bottom 250ms ease-out;
     -moz-transition: border-bottom 250ms ease-out;
     -o-transition: border-bottom 250ms ease-out;
     transition: border-bottom 250ms ease-out;
}
 .dropdown-column:not(.image) a:hover, .dropdown-column.image a:last-child:hover {
     border-bottom: 1px solid black;
     -webkit-transition: border-bottom 250ms ease-out;
     -moz-transition: border-bottom 250ms ease-out;
     -o-transition: border-bottom 250ms ease-out;
     transition: border-bottom 250ms ease-out;
     width: fit-content;
     width: -moz-fit-content;
}
/* Nav label hover */
 #main #dropNav .maxWidth > ul > li > a:after {
     content:'';
     display: block;
     width: 0;
     height: 1px;
     background-color: #000;
     margin-top: 0;
     -webkit-transition: width 250ms ease-out 250ms;
     -moz-transition: width 250ms ease-out 250ms;
     -o-transition: width 250ms ease-out 250ms;
     transition: width 250ms ease-out 250ms;
}
 #main #dropNav .maxWidth > ul > li:hover > a:after {
     width: 100%;
     -webkit-transition: width 250ms ease-out 250ms;
     -moz-transition: width 250ms ease-out 250ms;
     -o-transition: width 250ms ease-out 250ms;
     transition: width 250ms ease-out 250ms;
}
 #main #dropNav .maxWidth > ul > li > a:before {
     content: '';
     display: block;
     width: 100%;
     height: 1px;
     background-color: #fff;
     position: absolute;
     bottom: 0;
     margin-left: -100%;
     -webkit-transition: margin 500ms ease-out;
     -moz-transition: margin 500ms ease-out;
     -o-transition: margin 500ms ease-out;
     transition: margin 500ms ease-out;
}
 #main #dropNav .maxWidth > ul> li:hover > a:before {
     margin-left: 100%;
     -webkit-transition: margin 500ms ease-out;
     -moz-transition: margin 500ms ease-out;
     -o-transition: margin 500ms ease-out;
     transition: margin 500ms ease-out;
}
/* ------ 2019 HEADER CSS ----- */
/* Header */
 #main header {
     position: relative;
     z-index: 9999;
     background-color: #fff;
}
 header #head {
     padding: 0 !important;
     margin-top: 0;
     background-color: #fff !important;
}
 header #head .maxWidth {
     max-width: 100% !important;
     height: 88px;
}
header #headTop #usermenu > span {
    display: none;
}
/* Header bottom, nav/seach/cart */
/* Nav */
 .navWidth {
     max-width: 1200px !important;
     margin: auto !important;
}
 header:after {
     background: none !important;
     height: 0 !important;
}
/* basket */
 header #basket {
     min-width: auto !important;
     top: -52px;
     right: 5px;
}
 header .basketButton {
     display: none !important;
}
 #basket > .bskt > span.basketHasNoItems:after {
     display: none;
}
 #uspAll .uspNew {
     z-index: unset;
}
 .bsktAmmount {
     background: transparent;
     border-radius: 100px;
     padding: 7px 5px;
     line-height: 0;
     font-size: 10px;
     position: absolute;
     bottom: 10px;
     right: 6px;
     color: #000;
}
 #basket > .bskt:hover .basketHasItems .bsktAmmount {
     color: #fff;
}
 #basket .basketHasItems:before, #basket .basketHasItems:after {
     content: none !important;
}
 header .basketButton {
     display: block !important;
     opacity: 0;
     position: absolute;
     left: 0;
}
/* Quick Basket */
 #basket-quickitems > i {
     right: 20px !important;
}
 #basket-quickitems .basketItems>div, #basket-quickitems .basketItems .basketFoot {
     background: transparent;
}
 #basket-quickitems .basketItems {
     color: #1a1a1a;
     box-shadow: 0 0 15pxrgba(0,0,0,.15);
     margin: 10px 0 0;
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     box-shadow: inset 0 0 0 300px rgb(255 255 255 / 65%);
     background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,176,69,0) 50%);
}
 #basket-quickitems .basketReference, #basket-quickitems .basketItems #basketPromo, #basket-quickitems .basketItems .basketFoot {
     border-top: none;
}
 #basket-quickitems > div > div.basketFoot > div:after {
     color: #2c2c2c;
}
 #basket-quickitems .basketItems .basketList {
     overflow: auto;
}
 #usermenu a, #usermenu > span {
     font-size: 10px !important;
     line-height: 50px !important;
}
/* USP */
#uspAll {
    padding: 0;
}

#uspAll .uspmiddleblock {
    display: none!important;
}

.usp.owl-carousel {
    height: 35px;
    background-color: #282828;
    color: #fff;
}

.usp.owl-carousel .owl-stage, .usp.owl-carousel .owl-stage-outer, .usp.owl-carousel .owl-item, .usp.owl-carousel .item {
    height: 100%;
}

.usp.owl-carousel .owl-stage-outer {
    line-height: 1;
}

.usp.owl-carousel .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 35px;
}

.usp.owl-carousel a {
    font-size: 11px;
    font-weight: 400;
    text-align: center;
}

.usp.owl-carousel .owl-nav {
    top: 0;
}

.usp.owl-carousel .owl-nav .owl-prev:before, .usp.owl-carousel .owl-nav .owl-next:before {
    background: transparent;
    width: 18px;
    height: 35px;
    line-height: 1.5;
}

.usp.owl-carousel .owl-nav .owl-prev {
    left: 0;
    height: 35px;
}

.usp.owl-carousel .owl-nav .owl-prev:before {
    content: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/left-arrow.svg);
    filter: invert(1);
}

.usp.owl-carousel .owl-nav .owl-next {
    right: 0;
    height: 35px;
}

.usp.owl-carousel .owl-nav .owl-next:before {
    content: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/left-arrow.svg);
    filter: invert(1);
    width: 18px;
    height: 35px;
    transform: rotate(180deg);
}
 header a.logo img {
     height: 25px !important;
     margin-top: -4px;
}
 header:after {
     display: none !important;
}
 #usermenu > a {
     width: 32px;
     height: 32px;
     display: inline-block;
     overflow: hidden;
     color: transparent !important;
     margin-top: 8px !important;
     background-repeat: no-repeat;
     background-size: 15px;
     background-position: center;
     position: initial;
     vertical-align: middle;
}
 #usermenu > span {
     float: left;
}
 #usermenu a:before {
     position: absolute;
     top: 16px;
     font-size: 9px;
     color: transparent;
}
 #usermenu a:hover:before {
     color: #000;
}
 #usermenu a[data-ip-position='header-sign in'] {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/account-white-fill-black-line06.svg), url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/account-black-fill.svg);
     background-size: 19px;
     background-position: 5px 5px;
}
 #usermenu a[data-ip-position='header-sign in']:hover {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/account-black-fill.svg);
}
 #usermenu > a[data-ip-position='header-sign in']:before {
     content: 'My Account';
     left: initial;
     right: 36px;
     width: 63px;
}
 #usermenu a[data-ip-position='header-find a store'] {
     display: none !important;
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/storefinder.svg);
}
 #usermenu a[data-ip-position='header-find a store']:before {
     content: 'Find a Store';
     margin-left: -18px;
}
 #usermenu a[data-ip-position='header-help'] {
     display: none !important;
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/Help.svg);
     background-size: 19px;
     background-position: center 6px;
     margin-right: 8px;
     margin-left: 8px;
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
     #usermenu a[data-ip-position='header-help'] {
         background-position: center 2px;
    }
}
 #usermenu a[data-ip-position='header-help']:before {
     content: 'Help';
     margin-left: 1px;
}
 #usermenu a[data-ip-position='header-track my order'] {
     display: none !important;
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/Tracking.svg);
     background-size: 24px;
     background-position: center 7px;
     margin-right: 11px;
     margin-left: 10px;
}
 #usermenu a[data-ip-position='header-track my order']:before {
     content: 'Track My Order';
     margin-left: -30px;
}
 #usermenu a[data-ip-position='header-wishlist'] {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/wishlist-white-fill-black-line01.svg), url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/heart-black-fill.svg);
     margin-left: 0;
     background-size: 21px;
     background-position: center 6px;
}
 #usermenu a[data-ip-position='header-wishlist']:hover {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/heart-black-fill.svg);
}
 #usermenu a[data-ip-position='header-wishlist']:before {
     content: 'Wishlist';
     margin-left: -10px;
}
 header #basket .bskt > span {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/bag-white-fill-black-line03.svg), url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/bag-black-fill.svg);
}
 header #basket .bskt:hover > span.basketHasItems {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/bag-black-fill.svg);
}
 #searchBlock {
     z-index: 16;
}
 #searchBlock.searchClosed {
     z-index: 6;
}
 .searchOpen img {
     opacity: 0;
}
 body #searchBlock .searchBG {
     backdrop-filter: blur(15px);
     -webkit-backdrop-filter: blur(15px);
     box-shadow: inset 0 0 0 100vw rgb(255 255 255 / 65%);
     background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,176,69,0) 50%)!important;
}
 #searchBlock .searchContainer #searchBar {
     margin-top: 20px;
}
 #searchBlock #liveSearchResults, #searchBlock #recentSearches, #searchBlock #trendingSearches {
     border-right: none!important 
}
 #searchBlock .searchContainer #enhancedSearch, #searchBlock .searchContainer #trendingSearches, #searchBlock .searchClose {
     color: #000 !important;
}
 #searchBlock #enhancedSearch.inline-results ul li.title {
     font-size: 14px;
     font-weight: bold;
}
 #searchBlock #search input#srchInput {
     background-color: #f7f6f6 !important;
     border: 1px solid #7c7b7b !important;
     height: 48px !important;
     padding: 10px 30px 10px 50px;
     background-image: url('https://tessuti-client-resources.s3.amazonaws.com/images/icons/search-black-line.svg')!important;
     background-repeat: no-repeat!important;
     background-size: 25px!important;
     background-position: 10px center!important;
}
 #searchBlock .searchContainer #searchBar .inpBg {
     padding: 0;
}
 #searchBlock .searchContainer #searchBar #srchButton {
     padding: 22px 18px;
     background: #333;
}
 #searchBlock .searchClose {
     top: 33px;
}
 #searchBlock .searchClose:before {
     content: 'X';
     font-weight: bold;
}
 #searchBlock .searchClose .fa:before {
     content: '';
}
 .searchOpen {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/search-white-fill-black-line.svg), url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/search-white.svg);
     background-position: right top;
     background-repeat: no-repeat;
     background-size: 25px;
     -webkit-transition: none;
     -moz-transition: none;
     -o-transition: none;
     transition: none;
}
 .searchOpen:hover {
     background-image: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/search-black.svg);
}
 html body #usermenu a[data-ip-position='header-sign in'], html body #usermenu a[data-ip-position='header-sign in']:hover, html body #usermenu a[data-ip-position='header-wishlist'], html body #usermenu a[data-ip-position='header-wishlist']:hover, html body #usermenu a[data-ip-position='header-track my order'], html body #usermenu a[data-ip-position='header-track my order']:hover, header #basket .bskt > span, header #basket .bskt > span:hover, #usermenu a:before, #usermenu a:hover:before, .searchOpen, .searchOpen:hover {
     -webkit-transition: background-image 250ms ease-out;
     -moz-transition: background-image 250ms ease-out;
     -o-transition: background-image 250ms ease-out;
     transition: background-image 250ms ease-out;
}
 #usermenu a:before, #usermenu a:hover:before {
     -webkit-transition: color 250ms ease-out;
     -moz-transition: color 250ms ease-out;
     -o-transition: color 250ms ease-out;
     transition: color 250ms ease-out;
}
 #main header a.logo {
     width: fit-content;
     width: -moz-fit-content;
     float: none !important;
     text-align: center;
     margin: 0 auto;
     filter: invert(1);
}
 #main #usermenu {
     float: left;
     margin-right: 12px;
     vertical-align: middle;
}
 #main #dropNav .maxWidth > ul {
     text-align: center !important;
     height: 30px;
     overflow-x: hidden;
     width: fit-content;
     margin: 7px auto 0 auto;
}
 #main #dropNav .maxWidth > ul > li > a {
     height: 32px;
     padding: 5px 30px !important;
     color: #111;
}
 #main #uspSlider .uspSlider li a {
     font-size: 11px !important;
}
/********** PLP ***********/
 div#productListRefine.productListBar {
     border-left: 1px solid white !important;
     padding-left: 20px !important;
}
 .productListBar .pageView .btn {
     margin: 0 5px !important;
     padding: 9px 10px !important;
     border: 1px solid #e5e5e5 !important;
     text-decoration: none !important;
}
 span.btn.rppLnk.showLess:hover, span.btn.rppLnk.showMore:hover {
     background-color: black !important;
     color: white !important;
}
 #productPage .productDetails {
     background-color: white !important;
     border-top: none !important;
}
 .productListBar#productListRefine {
     margin-left: 20px !important;
     border-left: 1px solid #dfdfdf !important;
}
/* PLP - Fix forcing square images for deployment */
 .productList > li a.itemImage {
     margin-bottom: 0!important;
}
 #productListRecent .maxWidth {
     overflow: hidden;
}
/* PLP Quick Buy */
 .quickContain .quickRight .quickDetails {
     padding: 20px 20px 20px 10px;
}
 .quickContain .close {
     margin-right: -15px;
     margin-top: -15px;
}
 #sizeOptions {
     padding: 15px 0;
     margin-bottom: 0;
}
/*---- plp styling ----*/
 #productListings .maxWidth {
     max-width: 100% !important;
}
 #productListings .splitLeft {
     margin: 0 0 0 20px !important;
     border-top: 1px solid #dfdfdf;
}
 #productListings .splitLeft h3 {
     padding: 16.5px !important;
     display: none !important;
}
 #productListings .productListBar {
     border: 0 !important;
     background: white;
}
 #productListings .productListBar .pageSort .btn, .productListBar .pageView .btn, .productListBar .pageGrid .btn {
     margin-left: 5px !important;
}
#productListRecent ul.productList.rcHldr {
    display: block;
}
/* fix PDP recently viewed which can be affected by above */
 @media (max-width: 1200px) {
     #productListings .pageGrid {
         display: none !important;
    }
     #breads {
         display: none !important;
    }
     #productListings h1 {
         font-size: 16px !important;
         margin-top: 5px !important;
    }
}
 #productListBanner .fhBox .fhLinks ul li a {
     border: 1px solid #d0d0d0;
}
 .btn.btn-default {
     font-size: 13px;
}
 #productListBanner .fhBox .fhText {
     line-height: 20px;
     padding: 0 20px 20px 20px;
}
 #productListBanner .fhBox .fhText p {
     font-size: 14px;
     line-height: 20px;
}
 #productListBanner {
     display: block;
     margin: 0 30px !important;
}
 @media (max-width: 1200px) {
     #productListBanner {
         margin: 30px 30px 0 30px !important;
    }
     .btn.btn-default {
         font-size: 10px !important;
    }
     #productListBanner .fhBox .fhTitle {
         padding: 10px 20px 0 0px !important;
    }
     #productListBanner .fhContent {
         padding: 10px 20px !important;
    }
     #productListBanner .fhBox.hasText.hasLinks .fhLinks {
         padding-left: 0 !important;
    }
     #productListBanner .fhBox .fhText {
         padding: 0 20px 20px 0 !important;
    }
}
 @media (max-width: 768px) {
     #productListBanner .fhBox .fhText {
         padding: 0 10px 20px 10px !important;
         border-bottom: 1px solid #dfdfdf !important;
    }
     #productListBanner .fhBox .fhLinks {
         padding: 0 !important;
    }
}
 #productListBanner .fhContent {
     text-align: center !important;
     display: flex !important;
     flex-direction: column !important;
     padding: 0px 20px !important;
}
 #productListBanner .fhBox .fhTitle {
     padding: 0px 20px 26px 0px !important;
     font-weight: bold !important;
     order: 1 !important;
     font-size: 24px !important;
}
 #productListBanner .fhBox .fhText {
     order: 2 !important;
}
 #productListBanner .fhBox .fhText p {
     font-size: 12px;
}
 #productListBanner .fhBox.hasText.hasLinks .fhLinks, #productListBanner .fhBox.noMedia .fhLinks, #productListBanner .fhBox.hasMedia.hasLinks .fhLinks {
     order: 3 !important;
}
 #productListBanner .fhBox .fhLinks ul li {
     padding: 10px 15px !important;
}
 #productListBanner .fhBox .fhLinks ul li a {
     min-width: 158px !important;
}
.saleListing #productListBanner {
    display: none;
}
#PLPbanner {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    color: #2a2a2a;
    padding: 20px;
    width: 95%;
    margin: 0 2.5%;
  }
  
  #PLPbanner .copy {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    margin: 10px;
    text-transform: uppercase;
  }
  
  #PLPbanner .copy h2 {
    font-size: 24px;
    text-align: center;
  }
  
  #PLPbanner .ctaWrap {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  #PLPbanner .ctaWrap .cta {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    border:1px solid #fff;
    color: #fff;
    padding: 10px 15px;
    margin: 10px;
    transition: all 0.5s;
    text-transform: uppercase;
    background-color: transparent;
    font-weight: 700;
  }
  
  #PLPbanner .ctaWrap .cta:hover {
    background: #fff;
    color: #000!important;
  }
  
  @media (max-width: 600px) {
    #PLPbanner {
      margin: 0 0 10px 10px;
      padding: 10px;
    }
  
    #PLPbanner .copy h2 {
      font-size: 14px;
    }
  
    #PLPbanner .copy {
      margin: 5px;
    }
  
    #PLPbanner .ctaWrap {
      justify-content: normal;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow: auto;
      padding-bottom: 10px;
    }
  
    #PLPbanner .ctaWrap .cta {
      margin: 5px;
      font-size: 10px;
      padding: 10px;
      flex-wrap: wrap;
      min-width: 40px;
    }
  
    #PLPbanner .ctaWrap .shop-all {
      min-width: 100px;
    }
  }
  
  .fh-box {
    width: fit-content;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: white;
    margin: 5px auto 0;
    padding: 10px;
    color: black;
    font-weight: 800;
    font-size: 14px;
  }
  
  .fh-box span {
    margin: 0 3px;
    font-weight: 400;
  }
  
  #PLPbanner .copy {
    flex-direction: column;
  }
 #productListings .productListBar#productListRefine {
     margin-left: 20px !important;
     margin-top: 0 !important;
     padding-top: 16px !important;
     clear: right;
}
 #productListings .productListBar .productListBarContainer {
     height: 40px !important;
     padding: 0 !important;
     background: white !important;
}
 .productList {
     padding: 25px 30px 0 10px !important;
}
 .productListBar .pageSort label {
     font-size: 11px !important;
}
 .productListBar .pageCount {
     padding: 11px 4px;
     font-size: 11px;
}
 .productList > li > span > span.itemInformation {
     text-align: center !important;
     padding-top: 10px 
}
/* quick buy icon */
 .productList > li > span > span.itemOverlay .btn img {
     height: 18px;
     width: 15px;
     position: relative;
     left: 0;
     top: 0;
     vertical-align: top;
     display: inline-block;
}
 .productList > li > span > span.itemOverlay .btn:hover img {
     filter: invert(1);
}
 .productList > li > span > span.itemOverlay .btn img, .productList > li > span > span.itemOverlay .btn:hover img {
     -webkit-transition: filter 200ms ease-out;
     -moz-transition: filter 200ms ease-out;
     -o-transition: filter 200ms ease-out;
     transition: filter 200ms ease-out;
}
/* PLP/PDP Badging */
 .productListItem .itemContainer .itemInformation:not(.itemSale) .itemPrice:after, .productListItem .itemContainer .itemInformation.itemSale::after, #productItemTitle .itemPrices:after {
     display: block;
     font-weight: 800;
     font-size: 10px;
     padding: 6px 0 5px 0;
     flex-basis: 100%;
     text-align: center;
     color: var(--tessutiCampaign);
     text-transform: uppercase;
     content: '';
}
 .productListItem .itemContainer .itemInformation.itemSale::after {
     padding-top: 0;
}
 #productItemTitle .itemPrices:after {
     font-size: var(--tessutiUppercase);
     left: 0;
     text-align: left;
}
 .productListItem.free-del .itemContainer .itemInformation:not(.itemSale) .itemPrice:after, .productListItem.free-del .itemContainer .itemInformation.itemSale::after, #productItemTitle.free-del .itemPrices:after {
     content: '+ Free Standard Delivery';
}
 #main .productList > li > span > span.itemInformation .itemPrice .was, #main .productList>li>span>span.itemInformation .itemPrice .pri .now, #main #productPage .itemPrices.saleBadging > span.was, #main #productPage .itemPrices.saleBadging > span .now, #main #productListRecent .itemSale .itemPrice > span.was, #main #productListRecent .itemSale .itemPrice > span .now {
     font-size: 0!important;
     line-height: 1!important;
     padding: 0!important;
}
 #main .productList>li>span>span.itemInformation .itemPrice .pri, #main #productPage .itemPrices .pri , #main #productListRecent .itemPrices .pri {
     line-height: 1;
     margin-right: 10px;
     padding: 0!important;
}
 .productList > li > span > span.itemInformation .itemPrice .was, .productList > li > span > span.itemInformation .itemPrice .was span, .productList > li > span > span.itemInformation .itemPrice .sav, .productList > li > span > span.itemInformation .itemPrice .sav span, #main .productList > li > span > span.itemInformation .itemPrice .pri .now span, #productPage .itemPrices .was, #productPage .itemPrices .was span, #productPage .itemPrices .sav, #productPage .itemPrices .sav span, #productPage .itemPrices .pri .now, #productListRecent .itemPrice .pri .now, #productPage .itemSale .itemPrice > span *, #productPage .itemSale .itemPrice > span, #productListRecent .itemPrices .was, #productListRecent .itemPrices .was span, #productListRecent .itemPrices .sav, #productListRecent .itemPrices .sav span, #productListRecent .itemPrices .pri .now, #productListRecent .itemSale .itemPrice > span *, #productListRecent .itemSale .itemPrice > span {
    /*color: var(--saleBadgingColour)!important;
     */
     font-size: 15px!important;
     color: #2a2a2a;
     color: var(--saleBadgingColour)!important;
     font-weight: bold;
     line-height: 1;
}
 #productPage .itemPrices .was, #productPage .itemPrices .was span, #productPage .itemPrices .sav, #productPage .itemPrices .sav span, #productPage .itemPrices .pri .now, #productPage .itemPrices.saleBadging > span *, #productPage .itemPrices.saleBadging > span {
     font-size: 18px!important 
}
#main #productPage .free-del .itemPrices.saleBadging, #productItemTitle.flash-sale {
    margin-bottom: 41px;
}
 #main .productList > li > span > span.itemInformation .itemPrice .was span, #main #productPage .itemPrices.saleBadging > span.was span, #main #productListRecent .itemSale .itemPrice > span.was span, #searchBlock span.itemInformation .itemPrice .was {
     text-decoration: line-through!important;
     font-weight: lighter;
     color: #2a2a2a!important;
}
 #main .productList > li > span > span.itemInformation .itemPrice .was span i, #main .productList > li > span > span.itemInformation .itemPrice .pri .now span i, #productPage .itemPrices.saleBadging > span i, #productListRecent .itemSale .itemPrice > span i, #searchBlock span.itemInformation .itemPrice .was i, #searchBlock span.itemInformation .itemPrice .now i{
     font-size: 0!important;
}
#main .productList > li > span > span.itemInformation .itemPrice .was {
    text-decoration: none;
}
 .filterSet .filterBox ul.list-filters li.selected a:before, .filterSet .filterBox ul.list-filters li a:hover:before {
     color: #000;
}
 .productListBar .pageGrid .btn.active span {
     background-color: #000;
}
/* new pagination style */
 .productListBarContainer {
     display: flex;
}
 .productListBarContainer + .productListBarContainer {
     display: none !important;
}
 .leftPagination {
     flex-grow: 1;
     display: flex;
     justify-content: flex-start;
     align-items: center;
}
 .rightPagination {
     flex-grow: 1;
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
.rightPagination .btn.disabled {
    background: transparent!important;
}
/* Products total */
 .pageCount {
     order: 1;
     padding: 0 11px 0 0 !important;
     display: flex !important;
     align-items: center;
     border-right: 1px solid #8e8e8e;
     height: 13px;
     margin-right: 10px;
     font-weight: 700;
}
/* Sort by */
 .pageSort {
     order: 2;
     align-items: center;
     display: flex !important;
}
 .pageSort form#sortFormTop {
     display: flex;
     align-items: center;
}
 .pageSort label {
     padding: 0 10px 0 0 !important 
}
 .pageSort select {
     font-size: 0 !important;
     background: none;
     padding-right: 74px !important;
     margin-left: -63px;
     left: 0;
     border: 0;
     cursor: pointer;
}
 .pageSort select.sort.showSortChoice {
     font-size: 11px !important;
     padding-right: 10px !important;
     margin-left: -8px;
     left: 0;
     border: 0;
     cursor: pointer;
     font-weight: 700;
}
 .pageSort form:after {
     color: #000 !important;
     font-weight: 500 !important;
}
/* Grid boxes (items per row) stylying */
 .pageGrid {
     order: 1;
     display: flex !important;
     flex-direction: row-reverse;
     align-items: center;
}
 .pageGrid:before {
     content: 'Product View:';
     display: block;
     font-size: 11px;
     order: 1;
}
 .pageGrid span.lay3.btn.btn-default {
     display: flex;
     flex-wrap: wrap;
     width: 24px;
     height: 25px;
     padding: 0;
     border: 0;
     margin: -1px 10px 0 1px;
}
 .pageGrid .lay3.btn span {
     margin: 1px;
     flex: 1 1 20%;
     height: 6.9px;
}
 .pageGrid span.lay4.btn.btn-default {
     display: flex;
     flex-wrap: wrap;
     width: 24px;
     height: 25px;
     padding: 0;
     border: 0;
     margin: -1px 0 0 1px;
     top: 1px;
}
 .pageGrid .lay4.btn span {
     margin: 0.5px;
     flex: 1 1 19%;
     height: 5px;
}
 .pageGrid .btn.active span {
     background-color: black !important;
}
 .pageGrid span.btn.btn-default:hover {
     background: none;
}
 .pageGrid span.btn.btn-default:hover span {
     background: var(--tessutiCampaign) !important;
}
/* sale percentage on image */
 .productListItem.reducedProduct .imagePercentage, #searchBlock .reducedProduct .imagePercentage {
     z-index: 3;
     padding: 5px;
     position: absolute;
     margin: 5px;
     background: var(--saleBadgingColour);
     color: var(--salePercentageColour);
     font-size: 10px;
     letter-spacing: 1px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .productListItem.reducedProduct .pri .sav, #searchBlock .reducedProduct .pri .sav {
     display: none;
}
 .productListItem.reducedProduct .tagg-balloons-wrapper {
     top: 32px !important;
     left: 5px !important;
}
 #main #productListings .itemPrice {
     display: flex;
     flex-wrap: wrap;
     display: flex;
     justify-content: space-around;
     margin: 0 auto;
}
 #main #productListings .itemPrice, #main #productPage .itemPrices.saleBadging, #main #productListRecent .itemInformation.itemSale .itemPrice, #enhancedSearch.inline-results ul#recentProducts li span.itemInformation .itemPrice {
     flex-direction: row-reverse;
     width: fit-content;
     width: -moz-fit-content;
     padding: 0!important;
     position: initial;
     background-color: transparent!important;
     display: flex;
}
 #main #productListRecent .itemInformation.itemSale .itemPrice {
     margin: 0 auto;
}
 #main #productListRecent .itemPrice {
     text-align: center;
}
 #main #productListRecent .itemPrice .pri {
     font-size: 15px;
}
 #productListRecent .itemTitle {
     display: block;
     text-align: center;
     width: 100%;
}
/* page numbers navigtaion */
 .pageLinks {
     order: 2;
}
 .pageNav {
     border: 0 !important;
     background: none !important;
     font-size: inherit !important;
}
 .pageNav .fa-angle-left:before {
     content: 'Prev';
     text-transform: capitalize;
     color: black;
     font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
     font-size: 12px;
}
 .pageNav .fa-angle-right:before {
     content: 'Next';
     text-transform: capitalize;
     color: black;
     font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
     font-size: 12px;
}
 .disabled.pageNav .fa-angle-left:before {
     color: #b3b3b3;
}
 .disabled.pageNav i:before {
     color: #b3b3b3;
}
 .pageLinks .pageLink:not(.active) {
     display:none;
}
 .pageLinks .btn.active {
     background: none !important;
     color: black !important;
     border: 0 !important;
     pointer-events: none;
}
/* Remove anything not needed */
 .pageView, .pageCount+.pageCount {
     display: none !important;
}
/********** PDP ***********/
 .itemAdd .btn#addToBasket {
     width: 100% !important;
}
 html body #main {
     overflow: unset;
}
 .productMain + #breads {
     padding: 0 !important;
     margin: 0 30px !important;
}
/********** USP ***********/
 #main > #uspAll {
     position: sticky !important;
     z-index: 9998 !important;
     width: 100%;
}
/* hide bv reviews */
 #itemInfo > #itemInfoTabs > #tab-rev {
     display: none !important;
}
 #productHead > .bv_main_container {
     display: none !important;
}
 .bv_main_container, .bv-inline-rating {
     display: none !important;
}
 [data-bv-show='rating_summary'] {
     display: none !important;
}
/* PDP gallery - all image layout styles */
/* Initially hide */
 #productPage .productMain {
     padding: 5px 30px 0 30px !important;
}
 #productPage .leftPane {
     display: inline-block;
     width: 65%;
}
 #productPage .rightPane {
     display: block;
     width: 35%;
     position: sticky;
     top: 55px;
     right: 0;
     float: right;
}
 #productPage #sizeOptions {
     padding: 0;
}
 #breads {
     padding: 5px 20px !important;
}
 #breads .maxWidth {
     max-width: 100% !important;
}
 @media (max-width: 1920px) {
     #productGallery .owl-item {
         width: 49% !important;
         overflow: hidden;
         padding: 1.5% 1.5% 0 0;
    }
}
 @media (max-width: 1340px) {
     #productGallery .owl-item {
         width: 49% !important;
         overflow: hidden;
         padding: 1.5% 1.5% 0 0;
    }
     #productPage .productLeft {
         width: 60% !important;
    }
     #productPage .productRight {
         width: 40% !important;
    }
     #productPage .productRight:last-of-type {
         width: 100% !important;
    }
}
 @media (max-width: 800px) {
     #productGallery .owl-item {
         width: 48.5% !important;
         overflow: hidden;
         padding: 1.5% 1.5% 0 0;
    }
     #productPage .productLeft {
         width: 100% !important;
    }
     #productPage .productRight {
         width: 100% !important;
    }
}
/* Hide Free Click and Collect */
 .productItemMethods {
     display: none !important;
}
 #smartbanner {
     z-index: 99999999999999;
     display: none !important;
}
/* App.css overwrites */
 #basketActions.giftcardRedeem #applyDiscountButtonCheckout {
     height: 50px;
     width: 30% !important;
     display: inline-block !important;
     margin-top: 0 !important;
}
 #basketActions.giftcardRedeem #discountCodeCheckout {
     margin-top: 0 !important;
     display: inline-block !important;
     width: 70% !important;
}
 #sizeGuideData {
     padding: 20px !important;
     background-color: #fff;
}
/* taggstar styling updates */
/* #main .tagg-balloons-wrapper.tagg-category-page {
     top: initial!important;
     left: 10px;
     bottom: 5px;
     z-index: 2;
}
 #main .tagg-balloons-wrapper.tagg-product-page {
     top: 49px;
     left: 10px;
     bottom: initial;
}
 #main .tagg-balloons-wrapper.tagg-product-page .tagg-balloon {
     width: fit-content;
     width: -moz-fit-content;
}
 #main .tagg-balloons-wrapper .tagg-balloon {
     background: #ffffff82;
}
 #main .tagg-balloons-wrapper .tagg-balloon .tagg-txt {
     color: #000;
}
 */
/* Several sold */
/* #main .tagg-balloons-wrapper .tagg-balloon.tagg-QP .tagg-icon {
     background: url(https://jpl.a.bigcontent.io/v1/static/bag-487ff68fa50b6f4083e3a5f9b57b0783) no-repeat center;
     background-size: 50%;
}
 */
/* x people viewed this recently */
/* #main .tagg-balloons-wrapper .tagg-balloon.tagg-RAP .tagg-icon {
     background: url(https://jpl.a.bigcontent.io/v1/static/account-d7f3ac319e41f2acef43d759628a026c) no-repeat center;
     background-size: 50%;
}
 */
/* bestseller */
/* #main .tagg-balloons-wrapper .tagg-balloon.tagg-QPH .tagg-icon {
     background: url(https://jpl.a.bigcontent.io/v1/static/star-7-66a9d6558c30d269351def814b61fc55) no-repeat center;
     background-size: 50%;
}
 .taggStarMove .tagg-balloons-wrapper {
     margin-top: 30px !important;
}
 */
/* cookie notice positioning */
 .miniConsent {
     z-index: 9999;
}
 .cookie-msg {
     top: initial !important;
     bottom: 0 !important;
     position: fixed !important;
}
/* Hide basket countdown */
 #basket-quickitems > div.basketItems > div.basketHead {
     display: none !important;
}
/* add to cart icon update */
 #itemOptions .itemAdd .itemAddControls .addtoBasketHold #addToBasket {
     text-align: left !important;
     background: url(https://tessuti-client-resources.s3.amazonaws.com/images/icons/bag.svg) no-repeat 9px 15px var(--tessutiPrimary) !important;
     background-size: 40px 22px !important;
     padding-left: 56px !important;
}
 #main #itemOptions .itemAdd .itemAddControls .addtoBasketHold #addToBasket:hover {
     background-color: var(--tessutiPrimaryHover)!important;
}
 #addToBasket.itemAdded:after {
     content: url(https://i8.amplience.net/i/jpl/tick-icon-1c6bd605bde3fd370ac33d125543418b);
     top: 16px;
}
/* tap zoom cursor */
 .tap-zoom {
     cursor: -webkit-zoom-in;
}
 @media screen and (max-height: 700px) {
     html body .quickContain .quickRight {
         height: initial;
    }
}
/* remove quantity from add to basket */
 #itemOptions .itemAdd .itemAddControls .addtoBasketHold {
     margin-left: 0 !important;
}
 #itemOptions .itemAdd .itemAddControls .addtoBasketHold #addToBasket, #itemOptions .itemAdd .itemAddControls .addtoBasketHold #addCToBasket {
     padding: 15px !important;
     text-align: center !important;
     font-size: 20px;
     font-weight: 800 !important;
     background: var(--tessutiPrimary);
}
 #itemOptions .itemAdd .itemAddControls .addtoBasketHold {
     margin-top: 18px !important;
     padding :0 !important;
}
/* Free standard del badging */
 .free-del-badge {
     color: #d8a300;
     font-weight: 800;
     font-size: 10px;
}
 .free-del-badge + .free-del-badge {
     display: none;
}
 #productPage .free-del-badge {
     font-size: 11px;
     margin-bottom: 5px;
}
/* CTA colour */
 .btn.btn-level1, button.btn-level1, .quickContain .quickViewButtons .btn.add-to-basket, #itemOptions .options .btn.activeOptionInput {
     background-color: var(--tessutiPrimary);
     border-color: var(--tessutiPrimary);
}
 .btn.btn-level1:hover, button.btn-level1:hover, .quickContain .quickViewButtons .btn.add-to-basket:hover, html body #itemOptions .options .btn.activeOptionInput:hover {
     background-color: var(--tessutiPrimaryHover)!important;
     border-color: var(--tessutiPrimaryHover)!important;
}
 div.pr-snippet {
     display: none !important;
}
 a.guide::before {
     content: url(https://jpl.a.bigcontent.io/v1/static/ruler-4cbce70ee17bd56c6b66d91368b2a0c6);
     margin-right: 30px;
     position: absolute;
     margin-top: 2px;
     margin-left: -85px;
     background-size: 8px 8px;
}
 #itemOptions .itemConfigAdd .guide {
     position: absolute;
     margin-left: 60px !important;
}
 #itemOptions .guide {
     border: none;
     font-size: var(--tessutiUppercase);
}
 .guide {
     font-size: 28px;
     text-transform: uppercase !important;
     font-weight: 600;
}
section#estimatedDelivery {
    display: block;
    margin: 0 0 0px;
    text-align: left;
    padding: 18px 0 0 0;
}
#estimatedDelivery .ccEstimate {
    font-weight: 700;
    font-size: var(--tessutiLowercase);
    margin-bottom: 5px;
}
#estimatedDelivery .ccEstimate span {
    font-weight: 400;
    font-size: 12px;
    color: var(--tessutiCampaign);
}
#estimatedDelivery .edTitle {
    font-weight: 700;
    font-size: var(--tessutiLowercase) !important;
    display: inline-block !important;
}
#estimatedDelivery .edDates {
    font-size: var(--tessutiLowercase) !important;
    display: inline-block;
    margin-left: 3px;
}
.spendX {
    margin: 0 0 20px;
    padding: 10px;
    background: #404344;
    color: white;
    text-align: center;
    font-weight: 700;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0.5px;
}
 .basketFoot .spendX {
     font-size: 16px;
}
/* Product Feed */
 .basketRecommendations .dynamic-html {
     text-align:center;
     overflow: auto !important;
}
 .basketRecommendations .dynamic-html .dynamic-product {
     display:inline-block;
     text-align: left;
     padding: 8px;
     width: 150px !important;
     vertical-align: top;
}
 .basketRecommendations .dynamic-html img {
     width: 100%;
}
 .basketRecommendations .dynamic-html p {
     margin: 10px;
}
/* Quickbuy button */
 .basketRecommendations .dynamic-html #bannerQuickView {
     margin-top: -4px !important;
}
 .basketRecommendations .dynamic-html span.itemQuickView.quickView.btn.btn-default {
     width: 100% !important;
     padding: 10px !important;
     font-weight: 400;
}
 .basketRecommendations .dynamic-html i.fa.fa-eye {
     font-size: 16px;
     margin: -4px 5px 0px;
}
 .basketRecommendations h1 {
     margin-top: 50px;
}
/* out of stock */
 .itemStock.itemStockNo {
     color: var(--tessutiError)!important;
}
 .itemStock.itemStockYes {
     color: var(--tessutiSuccess)!important;
}
/* margin and padding cleanup */
 #itemOptions {
     padding: 15px 0 18px 0;
}
 #productHead #itemWish .wishlistAdd {
     padding: 0 0 15px;
}
 #productPage .itemPrices {
     padding: 15px 0 0;
}
 #productPage #productHead {
     padding-bottom: 15px;
}
.productPage #relThumbs {
    order: 2;
}

#productOptions {
    display: flex;
    flex-direction: column;
}

#itemOptions {
    order: 1;
}

.productPage #relThumbs {
    order: 2;
}

.productPage .matchingProducts {
    order: 3;
}

#productPage .usps {
    order: 4;
}
 #relThumbs {
     padding: 15px 0 18px 0;
     border-top: 1px solid #dfdfdf;
}
 .tfc-cfg-widget.tfc-fitrec-result .tfc-overflow-box {
     padding: 15px 9px!important;
}
 .tfc-fitrec-product .tfc-cfg-widget.tfc-fitrec-result {
     margin-top: 8px!important;
     margin-bottom: 0!important;
}
 .tfc-cfg-widget.tfc-fitrec-result input:focus, .tfc-cfg-widget.tfc-fitrec-result select:focus, .tfc-cfg-widget.tfc-fitrec-result button:focus, .tfc-cfg-widget.tfc-fitrec-result a:focus {
     box-shadow: none!important;
     -moz-box-shadow: none!important;
     -webkit-box-shadow: none!important;
     border: 1px solid black;
}
 .tfc-cfg-widget.tfc-fitrec-result .tfc-cfg-basic-button:hover {
     border: 1px solid black;
}
 #enhancedSearch.oneProd #recentProducts.oneProd li, #enhancedSearch.oneProd #recentProductsBackground.oneProd li {
     width: 50%;
}
/* custom scroll bar styling */
 .customScrollContainer {
     padding-bottom: 10px;
}
 .customScrollContainer::-webkit-scrollbar {
     width: 2px;
     border: 1px solid var(--tessutiGrey);
     height:5px;
}
 .customScrollContainer::-webkit-scrollbar-track {
     border-radius: 0;
     background: #F0F0F0;
}
 .customScrollContainer::-webkit-scrollbar-thumb {
     border-radius: 0;
     background: var(--tessutiGrey);
     cursor: grab;
}
/********** FOOTER ***********/
 #footerCopy {
     display: block;
}
/* Hide existing cards */
 #footerCopy span.corporate, #footerCopy span.cards {
     display: none!important;
}
 .payment img[src="https://jpl.a.bigcontent.io/v1/static/payment-method-72-x-44-main-6bff265f5a5af0674876f07fcfb61ac4"] {
     display: none!important;
}
/* Centralise copyright section */
 #footerCopy span.copyright {
     margin: auto;
     text-align: center;
}
/* Stop Translate section sitting over the copyright section */
 #translate {
     margin-top: 0 !important;
}
 #homePageContent {
     margin-top: -1px;
     position: relative;
     z-index: 0;
}
/* ----- Footer styles ----- */
 html body #footerSocial, html body #footerInfoLinks, html body #translate {
     background-color: #fff;
}
 #footerInfoLinks {
     padding: 0 0 40px 0 !important;
}
 #footerInfoLinks ul {
     display: inline-block;
     width: 33.3%;
     padding: 0;
     margin: 0;
     vertical-align: top;
     text-align: left;
}
 #footerInfoLinks ul li {
     font-size: 12px;
     display: block;
     line-height: 2;
}
 #footerSocial #social ul li a {
     display: block;
     color: #fff;
     font-weight: normal;
     width: 24px;
     height: 24px;
     filter: invert(1);
}
 #translate {
     padding: 0 0 80px 0;
     text-align: left;
     margin-top: -10px;
     background-color: #fff;
}
 .goog-te-gadget {
     font-family: arial;
     font-size: 11px;
     color: #666;
     white-space: nowrap;
}
 @media (max-width: 768px) {
     #footerSocial #social {
         width: 100%;
    }
     #footerSocial #social ul {
         text-align: center;
    }
}
/* Footer Social styles */
 #footerSocial {
     padding: 40px 0;
}
 #footerSocial .maxWidth {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     padding: 0 10%;
}
 #footerSocial #social h3, #footerSocial #signup h3 {
     vertical-align: middle;
     padding: 0;
     line-height: 1;
     text-align: left;
     display: block;
     margin-bottom: 17px;
}
/* FOR FACEBOOK LOGO TO ALIGN LEFT CORRECTLY */
 #footerSocial #social ul li:first-child {
     margin-left: -5px;
}
/* ----------------------------------------- */
 #footerSocial #signup {
     height: auto;
     justify-content: initial;
     width: 50%;
     padding: 0;
}
 #footerSocial #signup form input {
     background-color: #ededed;
     color: #000;
     border: 0;
     height: 45px;
     font-size: 13px;
     letter-spacing: -0.03em;
}
 #footerSocial #signup form button {
     min-width: 100px;
     height: 45px;
     font-size: 12px;
}
 #footerSocial #signup form button:hover {
     min-width: 100%;
}
 html body #footerSocial #signup form button, html body #footerSocial #signup form button:hover {
     background-color: #000;
     color: #fff;
}
 #footerSocial #signup form button, #footerSocial #signup form button:hover {
     transition: min-width 0.3s;
}
 #signup form img {
     background-color: #fff;
     width: auto;
     height: 45px;
     padding: 9px 36px;
}
 @media (max-width: 768px) {
     #footerSocial .maxWidth {
         flex-direction: column;
    }
     #footerSocial #social {
         padding-bottom: 20px;
         text-align: center;
    }
     #footerSocial #signup {
         width: 100%;
    }
     #footerSocial #signup h3 {
         text-align: center;
         padding: 0;
    }
     #footerSocial #social h3 {
         padding: 0;
         text-align: center;
    }
     #footerSocial #social ul li:last-child {
         margin-right: 0;
    }
}
 @media (max-width: 400px) {
     #footerSocial .maxWidth {
         padding: 0;
    }
}
/* Footer Links styles */
 #footerSocial #social ul li {
     padding: 12px 0;
}
 #footerSocial #social ul li a.instagram {
     width: 30px;
     height: 36px;
}
 #footerInfoLinks ul li a, #footerInfoLinks ul li {
     color: #999999;
     font-size: 13px;
     letter-spacing: -0.03em;
}
 #footerInfoLinks ul h3 {
     color: #fff;
     padding: 0 0 5px 0;
     font-size: 14px;
}
 #footerInfoLinks .maxWidth #footerMainLinks {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     padding: 0;
     flex-wrap: wrap;
}
 #footerInfoLinks .maxWidth ul .students img {
     height: 10px;
     display: block;
}
 #footerInfoLinks .maxWidth ul .reviews img {
     height: 20px;
}
 #footerInfoLinks .maxWidth ul.payment ul {
     width: 100%;
     float: left;
     margin-top: 30px;
}
 #footerInfoLinks ul li.students, #footerInfoLinks ul li.reviews {
     display: inline-block;
     padding-right: 5px;
}
 #footerInfoLinks ul li.reviews a {
     vertical-align: middle;
     padding-top: 2px;
     display: inline-block;
}
 @media (max-width: 768px) {
     #footerInfoLinks {
         padding-top: 20px;
    }
     #footerInfoLinks ul {
         width: 50%;
         text-align: center;
    }
     #footerInfoLinks .maxWidth ul.payment {
         width: 100%;
         padding: 60px 0;
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
         justify-content: center;
    }
     #footerInfoLinks .maxWidth ul.payment > h3 {
         margin-bottom: 15px;
    }
     #footerInfoLinks .maxWidth ul.payment li {
         padding: 0;
    }
     #footerInfoLinks .maxWidth ul.payment img {
         margin: 0 auto;
    }
     #footerInfoLinks .maxWidth ul .students {
         line-height: 2;
         margin-top: 5px;
    }
     #footerInfoLinks .maxWidth ul .reviews {
         line-height: 25px;
         margin-top: 5px;
    }
     #footerInfoLinks .maxWidth ul .reviews a {
         display: block;
         padding-top: 4px;
    }
     #footerInfoLinks .maxWidth ul.payment ul {
         width: 50%;
         float: left;
         margin-top: 40px;
    }
}
 @media (max-width: 400px) {
     #footerInfoLinks .maxWidth #footerMainLinks {
         padding: 0;
    }
}
/* footer Legal links style */
 #footerLegal {
     padding-top: 40px;
     width: 100%;
     max-width: 700px;
     margin: 0 auto;
     text-align: center;
}
 #footerInfoLinks .maxWidth #footerLegal ul {
     width: 100%;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
}
 #footerLegal ul li {
     display: list-item;
     color: #aaa;
     list-style: disc;
     line-height: 2.5;
     margin-right: 10px;
     padding: 0 15px 0 5px;
     font-size: 8px;
}
 #footerLegal ul li:first-child {
     list-style: none;
}
 #footerLegal ul li a {
     font-size: 11px;
     color: #666 !important;
}
 @media (max-width: 768px) {
     #footerLegal:before {
         display: none;
    }
}
/* footer App links style */
 @media (max-width: 768px) {
     #footerMainLinks {
         order: 2;
    }
     #footerLegal {
         order: 3;
    }
     #footerInfoLinks hr {
         order: 3;
         width: 100%;
         margin: 10px 0 20px 0;
    }
}
/* Google Translate styles */
 #translate {
     background-color: #000;
}
 #translate .maxWidth {
     display: flex;
     justify-content: center;
}
 .goog-te-gadget .goog-te-combo {
     background-color: #ededed;
     color: #000;
     font-size: 12px;
     border: none;
}
 .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
     font-family: 'Lato', Helvetica, Arial, sans-serif;
}
 .goog-logo-link img {
     filter: grayscale(100%) contrast(25%);
}
 #footerCopy {
     padding: 0;
     border-top: none;
}
 html body #footerSocial #social h3, html body #footerSocial #signup h3, html body #footerInfoLinks ul h3, html body #footerInfoLinks ul li a, html body #footerInfoLinks ul li {
     color: #000;
}
/* large desktop */
 @media (min-width: 1180px) {
     #footerSocial .maxWidth, #footerInfoLinks .maxWidth {
         margin: 0 auto;
         max-width: 900px;
         padding: 0;
    }
}
.fdButton {
    display: inline-block;
    padding: 10px;
    border: 1px solid #dfdfdf;
    margin: 0;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    order: 3;
  }
  
  .fdButton:hover {
    text-align: center;
    background: #2d2c2b;
    color: white;
  }

  .imagePercentage {
    background-color: var(--saleBadgingColour)!important;
    color: var(--salePercentageColour);
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 8px;
    letter-spacing: 1px;
  }
  
  .viewLarge {
    left: auto;
    right: 0;
  }
  
  #productPage .itemPrices .sav, #productListRecent .itemPrice .sav {
    display: none;
  }
  #productPage #productHead:after {
    content: 'Free U.K Returns';
    padding: 0;
    display: block;
    width: fit-content;
    text-transform: uppercase;
    font-size: var(--tessutiUppercase);
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
  }

  .theProduct {
    margin-right: 10px;
  }
  
  .theProduct:last-of-type {
    margin-right: 0px;
  }
  
  .theProduct img {
    width: 60px;
  }
  
  .matchingProducts h3 {
    margin-bottom: 15px;
  }
  
  .btnClicked img {
      display: block!important
  }
  
  .btnClicked {
      background-color: transparent!important;
      border: none!important;
  }
  
  .linkContainer {
      display: flex;
      overflow: auto;
      flex-wrap: nowrap;
  }
  
  .linkContainer a:hover {
    cursor: pointer;
  }
  
  .productPage #itemOptions .matchingProducts h3:nth-last-child(2) {
      display: block!important;
  }
  
  .productPage .matchingProducts {
    order: 3;
    margin-bottom: 10px;
  }