/*@import url('https://fonts.googleapis.com/css2?family=arial:wght@300;400;700;900&display=swap');*/ body { margin: 0px; font-size: 14px; letter-spacing: 0.3px; } body, * { font-family: 'arial', sans-serif; color: #666666; } /*** GLOBAL ***/ .clear { clear: both; height: 0px; line-height: 0px; } .relative { position: relative; } .text_center_class{ text-align: center; } .screen { display: block; } .print { display: none; } .js-show { display: none; } .show-mobile { display: none; } .no-scroll { overflow: hidden; } .hide { display: none !important; } input[type='submit'] { /*-webkit-appearance: none;*/ -webkit-border-radius:0; border-radius:0; } /*** TEXT & LINK STYLES ***/ a { color: #666666; } a:hover { text-decoration: none; } h1 { margin-top: 0px; font-size: 18px; } div.divider { text-align: center; background: url(../images/divider-line.png) repeat-x center; margin: 15px 0px; } h2 { font-size: 14px; font-weight: normal; text-transform: uppercase; margin-top: 0px; } div#content h2 { font-size: 18px; border-bottom: 1px solid #CBCBCB; margin-top: 30px; } div#content div.divider h2, div.divider h2, div#content div.divider h3, div.divider h3 { background: #FFFFFF; display: inline-block; padding: 0px 15px; margin: 0px; border-bottom: 0px; font-size: 14px; color: #393939; text-transform: uppercase; } div#content div.divider { margin-top: 35px; } h3 { font-size: 16px; font-weight: normal; } .asterisk { color: #FF0000; } ul li ul { margin-bottom: 15px; } .required-fields { font-style: italic; font-size: 11px; } div#content .small { font-size: 12px; } div#content .small h2 { font-size: 14px; } p.secure { padding-left: 40px; background: url(../images/padlock.png) no-repeat; } /*** CONTAINERS ***/ .inner-container { width: 1060px; margin: 0 auto; } /*** MOBILE MENU ***/ div#mobile-header, div#mobile-menu, div#mobile-quicklinks, div#mobile-search { display: none; } /*** SECONDARY MENU ***/ div#secondary-menu { float: left; } div#secondary-menu ul { margin: 0px; padding: 0px; float: right; } div#secondary-menu ul li { float: left; list-style: none; } div#secondary-menu ul li a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; padding-right: 10px; margin-right: 10px; background: url(../images/redbar-seperator.png) no-repeat center right; } div#secondary-menu ul li.last a { margin-right: 0px; background: none; padding-right: 0px; } div#secondary-menu ul li a:hover { text-decoration: underline; } /*** RED BAR 2 ***/ div#redbar2 { background: #7f187f; padding: 20px 0px; text-align: right; font-size: 12px; } div#redbar2 a { color: #FFFFFF; } div#redbar2 div.copyright { float: left; color: #FFFFFF; } div#redbar2 div.credit { float: right; color: #FFFFFF; } /*** HEADER ***/ .dropin-block{ width: 60%; margin: auto; } div#header { height: 65px; } div#logo { position: absolute; top: 20px; } div#logo svg { border: 0px; width: 200px; height: 30px; } div#logo svg.logo-mobile { display: none; } div#basket-availability { width: 280px; position: absolute; top: 16px; right: 0px; background: red; } div#basket-summary { text-transform: uppercase; font-size: 18px; position: absolute; top: 6px; right: 0px; width: auto; height: 24px; } div#basket-summary div.count { text-align: center; font-size: 12px; line-height: 24px; display: inline-block; } div#basket-summary a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; text-decoration: none; } div#phone-times { position: absolute; top: 0px; right: 60px; height: 24px; line-height: 24px; } div#phone-times a { font-size: 14px; margin: 0px; color: #666666; text-align: right; text-decoration: none; font-weight: bold; } div#phone-times div { font-size: 11px; text-transform: uppercase; text-align: right; line-height: 12px; } /*** NAVIGATION ***/ div#navigation { padding-bottom: 4px; border-bottom: 1px solid rgba(102,102,102,0.25); position: relative; /*z-index: 10;*/ } div#navigation-menu ul { margin: 0px; padding: 0px; float: left; width: 100%; list-style: none; text-align: center; } div#navigation-menu ul > li { display: inline-block; background: #FFFFFF; } div#navigation-menu ul > li > a { display: block; font-size: 12px; letter-spacing: 1.2px; padding: 12px 18px; text-transform: uppercase; text-decoration: none; } div#navigation-menu i.fa { position: relative; top: -2px; line-height: 17px; margin: 0 6px; font-size: 9px; } div#navigation-menu .sprite-icon-colors { position: relative; top: 3px; margin-right: 10px; } div#navigation-menu .mega-inner { display: none; background: #FFFFFF; left: 0; right: 0; position: absolute; max-width: 1020px; /*max-width: 90%;*/ margin: 0 auto; border: 1px solid #999; padding: 20px 20px 0 20px; text-align: left; z-index: 6; } div#navigation-menu ul > li.has-mega:hover { background: #EFEFEF; } div#navigation-menu ul > li.has-mega:hover .mega-inner { display: block; } div#navigation-menu .mega-inner .mega-inner-item { display: inline-block; text-align: center; margin-bottom: 20px; width: 13%; vertical-align: top; } div#navigation-menu .mega-inner.mi-brands { padding-bottom: 10px; } div#navigation-menu .mega-inner.mi-brands .mega-inner-item { margin-bottom: 10px; } .mega-inner.mi-brands .mega-inner-item span { padding: 5px; margin: 0 5px; border: 1px solid #EFEFEF; } .mega-inner.mi-brands .mega-inner-item a:hover span { background: #EEEEEE; } .mega-inner .mega-inner-item span { display: block; font-size: 13px; } .mega-inner .mega-inner-item .colour-swatch { width: 37px; height: 37px; border-radius: 50%; margin: 0; display: inline-block; padding: 3px; background-clip: content-box; border: 1px solid #FFFFFF; box-sizing: border-box; } .mega-inner .mega-inner-item a:hover .colour-swatch { border-color: #999999; } /* navbar colours options selected styles - start*/ .colour-swatch-active{ border: 1px solid black; width: 50px; height: 50px; border-radius:50%; overflow: hidden; top:8%; left:8%; } /* .colour-swatch-active::after{ content: "f00c"; font-size: 20px; text-align: center; font-family: 'FontAwesome'; color: white; } */ /* .colour-swatch-active:hover::after { content: "f00d" ! important; font-family: 'FontAwesome'; } */ /* navbar colours options selected styles - end*/ .mega-inner .mega-inner-item a { padding: 0 !important; text-decoration: none; text-align: center; } .mega-inner .mega-inner-item .mega-icon:hover div { opacity: 0.75; } .mega-inner .mega-inner-item .letter { width: 37px; height: 37px; line-height: 27px; border-radius: 50%; margin: 0; display: inline-block; padding: 3px; background-clip: content-box; border: 1px solid #FFFFFF; box-sizing: border-box; background-color: #999999; color: #FFFFFF; } .mega-inner .mega-inner-item a:hover .letter { border-color: #999999; background-color: #7F187F; } .mega-brand-logo img { max-width: 100px; max-height: 40px; } .mega-brand-logo:hover { opacity: 0.8; } /*** KEYPOINTS ***/ div#keypoints { padding: 8px 0 10px; text-align: center; } div#keypoints * { font-family: Arial; } div.keypoint { display: inline-block; } div.keypoint p { margin: 0; text-transform: initial; font-size: 12px; } div.keypoint a { text-align: left; padding: 12px 0 0 45px; display: block; float: left; margin-right: 50px; text-transform: uppercase; font-size: 11px; text-decoration: none; background-position: left center; background-repeat: no-repeat; background-size: 39px; height: 38px; } div.keypoint.last a { margin-right: 0px; } div.keypoint:nth-of-type(1) a { background-image: url(../../2020/images/icon-shipped.png); background-size: 39px; } div.keypoint:nth-of-type(2) a { background-image: url(../../2020/images/icon-ratings.png); background-size: 36px; } div.keypoint:nth-of-type(2) a p { text-decoration: underline; } div.keypoint:nth-of-type(3) a { background-image: url(../../2020/images/icon-tag.png); background-size: 34px; } div.keypoint:nth-of-type(4) a { background-image: url(../../2020/images/icon-replace.png); background-size: 32px; } div.keypoint div.sprite-stars { position: relative; top: 3px; } .basket #keypoints, .billing-details #keypoints, .confirm-order #keypoints, .make-payment #keypoints { border-bottom: 1px solid rgba(102, 102, 102, 0.25); } /*** BREADCRUMB ***/ div#breadcrumb-inside { padding-top: 12px; font-size: 12px; } /*** COLUMNS ***/ div#main { clear: both; margin-top: 15px; } div#left-column { float: left; } div#left-column-inner { width: 250px; margin-right: 20px; } div#right-column { float: left; width: 790px; } div#right-column-inner { width: 790px; } div.product-column-left { float: left; /**width: 573px;*/ width: 550px; margin-right: 20px; padding-bottom: 15px; position: relative; } div.product-column-right { float: left; /***width: 464px;***/ width: 400px; } div.product-column-right h1 { font-size: 24px; margin: 0 0 5px 0; } p.product_brand { margin: 0; font-size: 12px; } div#news-columns { margin-bottom: 20px; } div#news-columns div.news-left { float: left; width: 338px; } div#news-columns div.news-right { float: left; width: 720px; } /*** SEARCH AREA ***/ div#search-container-show { display: none; margin-bottom: 10px; } div#search-block h3 { height: 17px; padding-left: 12px; font-size: 14px; text-transform: uppercase; } div#quick-search { margin-bottom: 5px; } div#advanced-search { margin-bottom: 15px; } div#colour-search { margin-top: 10px; margin-bottom: 15px; } div#colour-search-swatches .colorbox { width: 25%; text-align: center; float: left; margin: 0 0 20px 0; } div#colour-search-swatches .colorbox:last-child { width: 100%; display: flex; align-content: center; align-items: center; text-align: center; justify-content: center; } div#colour-search-swatches .colorbox:last-child span { display: inline-block; padding-left: 10px; } div#colour-search-swatches a { display: inline-block; width: 35px; height: 35px; margin: 0 0 2px 0; text-decoration: none; border-radius: 50px; } div#colour-search-swatches .colorbox .colorname { display: block; font-size: 11px; text-align: center; white-space: nowrap; } div#colour-search-swatches a:hover { opacity: 0.75; } div.search-filters { margin-bottom: 15px; } /*** AVTS ***/ div#avts-left img { float: left; margin-bottom: 10px; } /*** HOME GALLERY ***/ #home-gallery .item img { display: block; width: 100%; height: auto; } #home-gallery .owl-controls { position: absolute; bottom: 0px; left: 0px; margin: 0px; } #home-gallery .owl-controls .owl-page span { margin: 0px; border-radius: 0px; padding: 5px 10px; background: #000000; opacity: 0.8; font-size: 14px; } #home-gallery .owl-controls .owl-page.active span { background: #FFFFFF; opacity: 1; color: #000000; } #home-gallery .owl-item.loading { min-height: 0px; } /*** AVTS ***/ div#avts-middle { margin-top: 20px; margin-bottom: 15px; } div#avts-middle img { float: left; margin-right: 20px; } div#avts-middle img.last { margin-right: 0px; } /*** HUB ITEMS ***/ div.hub-item { position: relative; float: left; margin: 0px 20px 20px 0px; } div.hub-item.last { margin-right: 0px; } div.hub-item h3, div.hub-item p { background: url(../images/grey-85.png); margin: 0px; color: #FFFFFF; width: 230px; font-size: 14px; font-weight: normal; text-transform: uppercase; text-align: center; padding: 10px; } div.hub-item h3 span, div.hub-item p span { display: block; font-size: 10px; font-style: italic; } div.hub-item a { width: 100%; height: 100%; display: block; text-decoration: none; z-index: 3; top: 0px; left: 0px; } div.hub-item img { width: 250px; height: 188px; } /*** LIST ITEMS ***/ div.list-item { position: relative; width: 230px; height: 188px; float: left; margin: 0px 20px 20px 0px; } .spaceitout { padding: 10px 0px 0px 10px; } div.list-item.last { margin-right: 0px; } div.list-item h3, div.list-item p { position: absolute; bottom: 0px; left: 10px; background: url(../images/grey-85.png); margin: 0px; color: #FFFFFF; width: 230px; font-size: 14px; font-weight: normal; text-transform: uppercase; text-align: center; padding: 10px; z-index: 2; } div.search-results div.list-item p { font-size: 12px; } div.list-item h3 span, div.list-item p span { display: block; font-size: 10px; font-style: italic; } div.list-item a { width: 100%; height: 100%; display: block; text-decoration: none; z-index: 3; top: 0px; left: 0px; } div.list-item img { width: 250px; height: 188px; } div#product-categories div.list-item a { position: absolute; } div.list-item div.brand { height: 148px; line-height: 148px; text-align: center; } div.list-item div.brand img { width: auto; height: auto; vertical-align: middle; } /*** NEW LIST ITEMS ***/ div.new-list-item { position: relative; width: 250px; display: inline-block; vertical-align: top; margin: 0px 15px 25px 0px; text-align: left; height: 278px; } div.new-list-item.last { margin-right: 0px; } div.new-list-item p.product_name { color: #666666; font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0 0 5px; } div.new-list-item p.product_name a { text-decoration: none; display: inline-block; height: 15px; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; } div.new-list-item p.product_price { float: left; font-size: 10px; text-transform: none; margin: 0; } div.new-list-item p.product_price strong { display: block; font-size: 18px; font-weight: 700; } div.new-list-item img { max-width: 100%; width: 250px; height: 188px; } div.new-list-item .size-info { float: right; background: #FFFFFF url(../../2020/images/icon-filter-arrow.png) no-repeat right 14px; border: 1px solid #999999; color:#666666; height:34px; line-height:34px; padding-left:10px; padding-right:40px; cursor:pointer; position:relative; z-index:2; } div.new-list-item.open .size-info-dropdown { display: block; clear: both; position: relative; top: -1px; z-index: 1; background-color:#fff; } div.new-list-item.open .size-info { border-bottom-color: #FFFFFF; height: 40px; } div.new-list-item .size-info-dropdown { display: none; border: 1px solid #999999; padding: 5px 10px; } div.new-list-item .size-info-dropdown table { width: 100%; } div.new-list-item .size-info-dropdown table tr td { letter-spacing: -0.03em; padding-top: 5px; padding-bottom: 5px; font-size: 12px; } div.new-list-item .size-info-dropdown table tr td.pricecol { text-align: right; } div.new-list-item .size-info-dropdown table tr td a { font-weight: 700; } div.new-list-item .size-info-dropdown table tr td.only-modal { display: none; } div.new-list-item .size-info-dropdown table tr td img.free-next-day { width: 17px; height: auto; vertical-align: middle; padding-left: 3px; } div.new-list-item div.free-next-day { font-size: 13px; font-weight: bold; margin: 5px 0 10px; padding: 0 0 0 30px; clear: both; color: #7F187F; background: url(../../2020/images/icon-truck.png) no-repeat left center; background-size: 23px; } .new-list-item div.info_row { min-height: 36px; } div.new-list-item .size-info-dropdown table tr td.free-next-day { background: url(../../2020/images/icon-truck.png) no-repeat left center; background-size: 18px; padding-left: 22px; } div.new-list-item a.image-link { position: relative; margin-bottom: 5px; float: left; max-width: 100%; /*width: 250px; height: 188px;*/ } div.new-list-item a.image-link div.round-options { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.35); width: 100%; padding: 8px 6px 8px 28px; color: #FFFFFF; font-size: 10px; box-sizing: border-box; } div.new-list-item a.image-link div.round-options::before { content: ''; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #FFFFFF; display: inline-block; position: absolute; top: 6px; left: 6px; } /* 25/4/22 start */ /*.new-list-item{ width:25% !important; } .new-list-item img{ width:100% !important; height: 100% !important; object-fit: cover !important; } #list-item-container.search-results.results-4-col div.new-list-item a.image-link{ width: 250px !important; height: 250px !important; } #list-item-container.search-results div.new-list-item{ padding:0px !important; } div.new-list-item .size-info{ margin-right:17px !important; } @media(max-width:1080px){ .new-list-item{ width: 320px !important; } #list-item-container.search-results.results-4-col div.new-list-item a.image-link{ width: 300px !important; height: 300px !important; } #list-item-container.search-results { justify-content: center !important; } #list-item-container{ text-align:center !important; } } @media(max-width:990px){ .new-list-item{ width: 267px !important; } #list-item-container.search-results.results-4-col div.new-list-item a.image-link{ width: 250px !important; height: 250px !important; } } 26/4/22 end */ /*** REVIEWS ***/ div#reviews-summary { margin-bottom: 15px; margin-top: 15px; } div#review-quote { color: #314D7B; width: 500px; text-align: center; margin: -35px auto 0px; font-size: 19px; font-style: italic; } div#review-quote a { color: #314D7B; text-decoration: none; } div#review-quote-footer { text-align: center; font-size: 11px; border-top: 1px solid #CBCBCB; padding-top: 10px; } div#review-quote-footer a { color: #737373; } div#reviews-summary-inner { border:2px solid #dba622; padding:10px; } div#reviews-summary-inner .newtitle { margin-top: 20px; } div#product-review-widget { margin-top: 50px; } #review_header { padding: 0 0 15px !important; } #review_header .percentage { width: 264px !important; } /*** SOCIAL PLUGINS ***/ div#twitter-plugin { margin-bottom: 20px; } /*** TEXT BLOCKS ***/ div.text-block { float: left; width: 298px; border: 1px solid #BDBDBD; margin: 0px 0px 20px 20px; padding: 15px 20px; background: #FFFFFF; } div.text-block h3 { margin-top: 0px; } div.text-block p, div.text-block ul { font-size: 13px; } div.text-block-excol { text-align: center; } div.text-block-excol a { display: inline-block; width: 25px; height: 25px; background: url(../images/icon-expand.png) no-repeat; text-decoration: none; } div.text-block-excol a.open { background: url(../images/icon-collapse.png) no-repeat; } /*** FOOTER ***/ div#footer-inner { border-top: 1px solid #CBCBCB; padding-top: 15px; padding-bottom: 15px; } div#iconbar { margin-bottom: 10px; } div#iconbar-left { float: left; width: 59%; } div#iconbar-left a:hover { opacity: 0.8; } div#iconbar-right { float: right; width: 39%; text-align: right; } div.footer-column { float: left; margin-right: 20px; } div.footer-column h4 { color: #393939; text-transform: uppercase; font-weight: normal; margin: 0 0 12px; } div.footer-column p, div.footer-column ul { color: #737373; font-size: 13px; margin-top: 0px; padding: 0px; line-height: 22px; } div.footer-column ul li { list-style: none; } div.footer-column a { color: #737373; } div.footer-column-1 { width: 280px; } div.footer-column-2 { width: 225px; } div.footer-column-3 { width: 245px; } div.footer-column-4 { width: 230px; } /*** FORMS (SHARED) ***/ .field { font-family: 'arial', sans-serif; font-size: 14px; letter-spacing: 0.3px; border: 1px solid #CBCBCB; padding: 4px 10px; color: #666666; } .field-left { float: left; } .field-medium { width: 280px; } .field-large { width: 500px; } .field-full { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .field-tiny { width: 50px; } #advanced-search-form select.field { width: 100%; margin-bottom: 10px; } .rugbutton { background: #161416; border: 0px; color: #FFFFFF; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 0.3px; padding: 5px 10px; text-transform: uppercase; border-radius: 0px; cursor: pointer; text-decoration: none; line-height: 18px; } .rugbutton:hover { opacity: 0.75; } a.refine-search-link { float: right; text-transform: uppercase; color: #393939; padding: 5px 0px; } .rugbutton-left { float: left; } .rugbutton-right { float: right; } .rugbutton-inlineform { margin-left: 150px; } .rugbutton-alt { background: #F6891E; } .rugbutton-green { background: #7f187f; } .rugbutton-small { font-size: 11px; } .rugbutton-large { font-size: 20px; padding: 10px 20px; margin-bottom:40px; } .rugbutton-full { display: block; text-align: center; } .rugbutton-clear { background: none; border: 1px solid #CBCBCB; color: #333333; } div.field-group { margin-bottom: 10px; } .formfieldclass { display: none; } div.checkbox-group { clear: both; margin-bottom: 5px; } div.checkbox-group label { width: auto !important; float: none; } div.checkbox-group input { float: left; margin-right: 10px; } /*** QUICKSEARCH FORM ***/ input.quick-search-button { margin-left: 10px; } input.quick-search-field { border: 1px solid #D44F68; } /*** CONTACT FORM ***/ form#contact-form { margin-bottom: 30px; } form.inline-form label { width: 150px; float: left; } form.inline-form textarea { width: 500px; height: 40px; } /*** TABLES ***/ table.rdtable { width: 100%; border-spacing: 0px; } table.rdtable thead tr th { padding: 5px 15px; background: #666666; text-align: left; color: #FFFFFF; font-weight: normal; font-size: 14px; text-transform: uppercase; } table.rdtable tbody tr td { padding: 5px 15px; border-bottom: 1px solid #CBCBCB; } table.rdtable tbody tr.alt td { background: #F4F4F4; } /*** REFINE SEARCH ***/ form#advanced_search div.refine-section { float: left; width: 220px; margin-right: 15px; margin-bottom: 15px; background: #EEEEEE; } form#advanced_search h4 { background: #971926; padding: 5px 10px; color: #FFFFFF; font-weight: normal; margin: 0px; text-transform: uppercase; } form#advanced_search ol { list-style: none; margin: 0px; padding: 0px; } form#advanced_search ol li { padding: 7px 10px 5px; border-bottom: 1px solid #CCCCCC; } form#advanced_search ol li label { display: block; float: left; width: 175px; cursor: pointer; } fieldset#searchfields { clear: both; margin: 0px 0px 10px; border: 0px; padding: 0px; background: #EEEEEE; } fieldset#searchfields ol div { float: left; width: 350px; font-size: 14px; padding: 5px 0px 10px; } fieldset#searchfields ol li { border: 0px; } fieldset#searchfields select, fieldset#searchfields input { font-size: 12px; } select#widthrule, select#lengthrule { margin-right: 100px; } input#widthcms, input#widthfeet, input#widthinches, input#lengthcms, input#lengthfeet, input#lengthinches { width: 50px; } /*** SEARCH RESULTS ***/ div.search-result { clear: both; border-bottom: 1px solid #CBCBCB; margin-bottom: 15px; } div.search-result.last { border-bottom: 0px; } div.search-result-image { width: 250px; float: left; margin-right: 15px; margin-bottom: 15px; } div.search-result-image img { width: 250px; } div.search-result h3 { margin: 0px 0px 5px; } div.search-result-info { float: left; width: 520px; } /*** SEARCH FILTERS ***/ div.search-filter { border: 1px solid #CBCBCB; margin-bottom: 5px; } div.search-filter h3 { margin: 0px; color: #666666; padding: 10px 15px; position: relative; cursor: pointer; text-transform: uppercase; font-size: 15px; } div.search-filter div.search-filter-content { padding: 2px 12px; display: none; } div.search-filter div.search-filter-content-small { font-size: 11px; } div.search-filter.open div.search-filter-content { display: block; } div.search-filter h3 span { display: block; background: url(../images/search-filter-closed.png?v2) no-repeat; height: 100%; width: 31px; position: absolute; top: 0px; right: 0px; } div.search-filter.open h3 span { background: url(../images/search-filter-open.png?v2) no-repeat; } div.search-filter-content div.filter-option { border-bottom: 1px solid #CBCBCB; } div.search-filter-content div.filter-option:last-child { border-bottom: 0; } div.search-filter-content div.range-filter-option { border-bottom: 0px; } div.search-filter-content div.filter-option a { color: #890930; display: block; padding: 5px; text-decoration: none; } div.search-filter-content div.filter-option a:hover { text-decoration: underline; } div.search-filter-content div.filter-option a.selected { font-weight: bold; padding-left: 15px; background: url(../images/icon-removefilter.png) no-repeat center left; } div.search-filter-content div.filter-option a.selected-nox { font-weight: bold; } div.search-filter-content div.filter-option span { padding: 5px 0px; font-size: 12px; } div.range-slider { margin: 10px; } div.search-filter-units { border-bottom: 1px solid #CBCBCB; padding-bottom: 5px; margin-bottom: 5px; } /*** BASKET PAGE ***/ table.basket { clear: both; margin-bottom: 25px; } table.basket td.basket_quantity input { width: 30px; } table.basket td.basket_subtotal_description, table.basket td.basket_total_description { font-weight: bold; text-align: right; } table.basket td.basket_subtotal_amount, table.basket td.basket_total, table.basket td.basket_total_amount { text-align: right; } table.basket thead tr th { font-size: 14px; } div.back-to-shop { margin-bottom: 10px; text-align: center; } div.back-to-shop a, div.back-to-shop input { display: inline-block; margin-right: 5px; } div.checkout-buttons { float: right; text-align: right; } div.amazon-pay-container { display: inline-block; } span.checkout-or { display: inline-block; vertical-align: top; margin: 5px 25px; font-weight: bold; font-size: 11px; } div.back-to-shop .rugbutton { vertical-align: top; display: inline-block; margin-bottom: 10px; border: 1px solid #7f187f; color: #7f187f; background: transparent; } div.checkout-buttons .rugbutton { vertical-align: top; display: inline-block; margin-bottom: 10px; background: #7f187f; } div#amazon-alternative { border: 1px solid #EFEFEF; padding: 15px; margin-bottom: 30px; text-align: center; } div#amazon-alternative div.amazon-pay-container { margin-top: 10px; } div#amazon-alternative p { margin: 0 auto 10px; max-width: 90%; font-size: 11px; } /*** MESSAGES & ERRORS ***/ input.error, textarea.error, select.error { border: 1px solid red !important; -webkit-box-shadow: 0px 0px 5px 0px #ff0000; box-shadow: 0px 0px 5px 0px #ff0000; } div.error, div.success { color: #FFFFFF; margin: 0px 0px 10px; padding: 5px 10px; } div.error { background: #971926; } div.success { background: #0F741F; } div.error ul li, div.success ul li { color: #FFFFFF; } .fadeinout { display: none; } /*** CHECKOUT ***/ .addressListContainer { display: none; } div#checkout-progress { margin-bottom: 40px; text-align: center; } div#checkout-progress div.checkout-step { text-align: center; font-size: 16px; display: inline-block; padding: 10px 116px 10px 0; position: relative; } div#checkout-progress div.checkout-step::after { content: ""; background-color: rgba(102, 102, 102, 0.25); width: 65px; height: 1px; position: absolute; right: 26px; top: 50%; } div#checkout-progress div.checkout-step:nth-of-type(6)::after { display: none; } div#checkout-progress div.checkout-step:nth-of-type(6) { padding-right: 0; } div#checkout-progress div.checkout-step.current, div#checkout-progress div.checkout-step.current span { color: #7F187F; } div#checkout-progress div.checkout-step a { text-decoration: none; color: rgba(102,102,102,0.5); } div#checkout-progress div#checkout-summary { float: right; display: none; width: 50%; text-align: right; font-size: 16px; padding: 10px 0px; color: #666666; } div.checkout-address-confirm { float: left; width: 48%; } div.confirm-billing-address { margin-right: 4%; } div#content div.checkout-address-confirm div.divider { margin-top: 15px; } div.checkout-address-confirm div.divider a { text-transform: none; } div#terms-and-conditions div.checkbox-group { border: 1px solid #CBCBCB; padding: 10px; margin-bottom: 15px; background: #EFEFEF; } div.step-off-form { float: left; margin: 15px 0; text-align: center; width: 49%; } div.step-off-form form { background-color: #EFEFEF; border: 3px solid #38B54A; cursor: pointer; height: 100px; margin: 0 auto; padding: 20px; width: 150px; } div.step-off-form div.paypalform-content { /* background-color: #EFEFEF; border: 3px solid #38B54A; */ cursor: pointer; /* height: 140px; */ margin: 0 auto; /* width: 190px; */ } div.step-off-form div.paypalform-content> div > a > img{ width: 100%; /* padding-top: 20%; */ } div.step-off-form .submit-form { margin: 0 auto 15px; } div#paypalform.step-off-form .paypal-link { display: block; padding: 50px 0px; } div.step-off-form div.paypointform-content { border: 3px solid #38B54A; cursor: pointer; height: 140px; margin: 0 auto; width: 190px; } div.step-off-form div.paypointform-content img { max-width: 150px; margin-top: 15px; } /*** PRODUCTS ***/ div#product-brand-logo img { border: 1px solid #CBCBCB; max-width: 100%; } div#product-brand-logo { margin-top: 10px; margin-bottom: 12px; } div#product-reviews { margin-bottom: 12px; } div#underlay-summary div#product-price { float: right; margin-top: 0px; } div#underlay-summary div#product-price h2, div#underlay-summary div#product-price h4 { margin: 0px; } div#underlay-summary input.add-to-basket { margin: 10px 0px 0px; } body div#underlay-summary .rugbutton { width: auto; padding: 5px 10px; font-size: 14px; margin-top: 0; } div#underlay-dimensions table { width: 100%; } div#underlay-dimensions input { width: auto !important; margin: 0px !important; } div#underlay-dimensions table div.divider { margin: 0px; } div#product-price { margin-top: 20px; } div#product-price.full { width: 100%; } div#product-price h2, div#product-price h4 { color: #971926; text-transform: lowercase; border: 0px; font-weight: 600; font-size: 18px; line-height: 24px; margin: 0px; } div#product-price h3 { color: #393939; font-weight: 600; font-size: 14px; line-height: 24px; margin: 0px; } div#product-price h3 span { color: #FFFFFF; font-size: 10px; background: #971926; padding: 5px 10px; border-radius: 10px; text-transform: uppercase; margin-left: 5px; } div#product-price h2 span, div#product-price h4 span { font-size: 30px; } form#product-form { margin-top: 30px; } form#product-form h3, h3.larger { font-weight: bold; margin-bottom: 10px; } form#product-form .field { width: 100%; margin-bottom: 15px; } input.add-to-basket { margin: 10px 0px 0px; float: right; } input.add-to-basket.disabled { display: none; } p.add-to-wishlist { text-align: right; margin-bottom: 20px; } /*** PRODUCT GALLERY ***/ div#product-gallery { /* height: 650px!important; overflow: hidden; */ } div#product-gallery .owl-carousel .owl-stage { /*height: 550px;*/ max-height:370px; overflow: hidden; /* display: flex; */ } div#product-gallery div.item { text-align: center; height: 600px; width: 550px; vertical-align: middle; } div#product-gallery div.item img { cursor: pointer; max-width: 550px!important; max-height: 600px!important; display:block; margin-left: auto; margin-right: auto; } div#product-gallery div.product-thumbnails { margin-top:10px; display: flex !important; max-width: 69px !important; gap: 5px !important; } .ImagesGal #imageGallery .centerAlign{ display: flex; text-align: center !important; } #thumbnail-slider .centerAlign { padding: 6px 0; font-size: 20px; position: absolute; top: auto; bottom: 0px; background-color: rgba(0,0,0,0.5); text-align: center; width:100%; } /* .product-thumbnail .centerAlign{ display: flex; text-align: center !important; } */ /* div#product-gallery .ImagesGal{ height: 550px; overflow: hidden; */ /* display: flex; */ /* } */ /* .ImagesGal{ max-width: 550px!important; max-height: 600px!important; } */ .customerName{ position: absolute; bottom: 00px !important; background: white; font-size: 15px; opacity: 0.7; padding: 5px; font-weight: bold; color:rgba(0, 0, 0, 1) } .customerPhoto{ position: absolute; width: 70px !important; bottom: 00px !important; background: white; font-size: 12px; opacity: 0.7; padding-bottom: 3px; /* padding: 5px; */ font-weight: bold; text-align: center; color:rgba(0, 0, 0, 1) } .lSSlideOuter .lSPager.lSGallery img{ min-height: 70px !important; } div.product-thumbnail { display: inline-block!important; cursor: pointer; } .videoicon { background-image: url('/assets/images/circle-play-solid.png'); z-index:9999999; position:absolute; top:35%; left:40%; height:100px !important; width:100px !important; } .videoiconsml{ background-image: url('/assets/images/circle-play-solid.png'); background-repeat: no-repeat; background-size: 40px 40px; z-index:2; position:absolute; background-position: center; height:69px !important; width:69px !important; } .vidimg { margin-top: 70px; position: relative; } #imageGallery img{ width:100%; object-fit: contain; } /* div#product-thumbnails { text-align: center; } div#product-thumbnails div.product-thumbnail, div#product-thumbnails div.video-thumbnail, div#range-thumbnails div.product-thumbnail, div#recent-thumbnails div.product-thumbnail { width: 64px !important; height: 64px!important; margin: 12px 6px 0px 0px; background-size: cover; border: 2px solid #FFFFFF; cursor: pointer; opacity: 0.5; position: relative; display: inline-block!important; vertical-align: top; } div#product-thumbnails div.product-thumbnail:hover, div#product-thumbnails div.video-thumbnail:hover, div#range-thumbnails div.product-thumbnail:hover, div#recent-thumbnails div.product-thumbnail:hover { opacity: 0.8; } div#product-thumbnails div.product-thumbnail.active { border: 2px solid #7f187f; opacity: 1; } div#product-thumbnails div.video-thumbnail a { text-decoration: none; display: block; width: 100%; height: 100%; position: absolute; } div.product-thumbnails a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ #imageGallery.lightSlider li { display: block; } #imageGallery li { width: 100%; object-fit: contain; display: none; height: 550px; } ul#imageGallery { height: 597px; } div#pgn-left, div#pgn-right { position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -24px; cursor: pointer; opacity: 0.2; } div#product-gallery:hover div#pgn-left, div#product-gallery:hover div#pgn-right { opacity: 0.7; } div#pgn-left { left: 0px; background: url(../images/product-gallery-left.png?v2) no-repeat; } div#pgn-right { right: 0px; background: url(../images/product-gallery-right.png?v2) no-repeat; } div#product-gallery-zoom { margin-top: 10px; } div#product-back-button { margin: 10px 0px 25px; } div#product-back-button a { padding: 5px 60px; } div#product-alert { position: absolute; top: 70px; left: 20px; width: 110px; height: 110px; } div#product-alert.pa-new { background: url(../images/product-alerts/new.png); } div#product-alert.pa-sale { background: url(../images/product-alerts/sale.png); } div#product-alert.pa-popular { background: url(../images/product-alerts/popular.png); } /*** FEATHERLIGHT ***/ div.featherlight-loading div.featherlight-content { min-height: 180px; background: #FFFFFF url(../images/AjaxLoader.gif) center center no-repeat; } /*** ADDITIONS TO PRODUCT PAGE ***/ div#product-boxes { margin: 30px 0; } div.product-box { background: #EEEEEE; border: 1px solid #9E9E9E; padding: 10px; float: left; margin-right: 10px; margin-bottom: 10px; background-repeat: no-repeat; background-position: left center; position: relative; } div.product-box a.full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } div.product-box-inner { padding-left: 55px; width: 110px; font-size: 13px; height: 50px; } div.product-box-inner strong { font-size: 15px; } div.product-box-inner small { font-size: 11px; } div.product-box:nth-child(2n) { margin-right: 0; } div.product-box-pricepromise div.product-box-inner { line-height: 40px; } div.product-box-freedelivery { background-image: url(../images/productbox-freedelivery.png); } div.product-box-pricepromise { background-image: url(../images/productbox-pricepromise.png); } div.product-box-securecheckout { background-image: url(../images/productbox-securecheckout.png); } div.product-box-orderbyphone { background-image: url(../images/productbox-orderbyphone.png); } div.product-box-material { background-image: url(../images/productbox-material.png); } div.product-box-pileheight { background-image: url(../images/productbox-pileheight.png); } .product-delivery-block { display: inline-block; vertical-align: top; margin-right: 20px; margin-top: 30px; padding-left: 45px; background: url(../../2020/images/icon-shipped.png) no-repeat left center; background-size: 37px; } .product-delivery-block h5 { color: #7f187f; font-size: 12px; font-weight: 700; text-transform: uppercase; margin: 0; } .product-delivery-block span { font-size: 12px; } .product-delivery-block:last-child { margin-right: 0; } .product-delivery-block.next-day { background-image: url(../../2020/images/icon-truck.png); } div.underlay-radios input { margin-bottom: 10px; } div.underlay-radios label { font-size: 18px; padding-left: 5px; } button.remodal-confirm, button.remodal-cancel { padding: 12px 20px; } button.remodal-confirm { color: #fff; background: #7f187f; } button.remodal-confirm:hover { background: #111111; } .remodal h3 { margin-top: 0; font-size: 18px; font-weight: bold; } /*** LIST INFO EXPANDER ***/ .list-item .sub-info { display: none; } .list-item .toggle-quickview { display: none; } body.no-touch .list-item:hover, .list-item.quickview { z-index: 5; } body.no-touch .list-item:hover .list-item-inner, .list-item.quickview .list-item-inner { position: absolute; padding: 30px; margin-top: -32px; margin-left: -32px; background: #FFFFFF; border: 2px solid #CBCBCB; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75); } body.no-touch .list-item:hover .list-item-inner p, .list-item.quickview .list-item-inner p { width: 100%; padding-left: 0; padding-right: 0; position: static; } body.no-touch .list-item:hover .list-item-inner .sub-info, .list-item.quickview .list-item-inner .sub-info { display: block; background: #FFFFFF; font-size: 16px; padding-top: 10px; text-align: center; } body.no-touch .list-item:hover .list-item-inner .sub-info ul, .list-item.quickview .list-item-inner .sub-info ul { margin: 5px 0 0; font-size: 13px; text-align: left; } /*** CONTENT HUB ***/ div#hub-header-title h1, div#hub-header-title h3 { font-size: 30px; text-align: center; margin: 25px 0; font-weight: 700; } div.hub-stripe { background: #68666A; margin-top: 55px; } div.hub-categories { text-align: center; } div.hub-category { display: inline-block; width: 120px; margin: -35px 15px 20px; vertical-align: top; } div.hub-category a { text-decoration: none; } div.hub-category a span { color: #FFFFFF; text-align: center; font-size: 18px; } div.hub-category-content { margin: 25px 0; } div.hub-category-content h1, div.hub-article-content h1 { margin: 25px 0; text-align: center; color: #68666A; font-size: 24px; } div.hub-category-introduction { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #CBCBCB; } div#hub-side { padding-top: 30px; } div#hub-article-image { margin-bottom: 15px; } div#hub-article-image img { max-width: 100%; } /*** AMAZON ***/ div#addressBookWidgetDiv, div#walletWidgetDiv { width: 100%; height: 300px; margin-bottom: 20px; } .button-container { float: left; } .button-container a { display: inline-block; } #amazon-continue { float: right; display: none; } #amazon-continue a { display: inline-block; } /* SEARCH TAGS */ .search-tags { clear: both; } .search-tag { background: #7f187f; padding: 5px 10px; text-decoration: none; margin: 0 5px 5px 0; color: #FFFFFF; font-size: 14px; display: inline-block; vertical-align: top; } .search-tag span { font-weight: bold; color: #bf78bf; font-size: 16px; line-height: 10px; padding-right: 5px; } .search-tag:hover span { color: #FFFFFF; } .clear-all { display: inline-block; vertical-align: top; padding: 5px; font-size: 14px; } .new-filters { position: relative; padding: 5px 0 0; } .new-filters .new-filter { display: inline-block; vertical-align: top; margin-bottom: 5px; } .new-filters .filter-dropdown { display: inline-block; vertical-align: top; height: 29px; line-height: 29px; border: 1px solid #999999; text-decoration: none; font-size: 14px; margin: 0; padding: 0 32px 0 12px; margin-right: 10px; background: url(../../2020/images/icon-filter-arrow.png) no-repeat right center; } .new-filters .new-filter.open .filter-dropdown { background-color: #999999; background-image: url(../../2020/images/icon-filter-arrow-open.png); color: #FFFFFF; } .new-filters .new-filter .filter-options { display: none; position: absolute; z-index: 5; margin-top: 8px; padding: 12px; background: #FFFFFF; border: 1px solid #999999; min-width: 450px; max-width: 500px; } .new-filters .new-filter.open .filter-options { display: block; } .filtercolor { width: 160px; float: left; margin: 0 0 10px 0; position: relative; } .filtercolor:last-child { margin-bottom: 0; } .filtercolor div { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; position: relative; border: 1px solid #FFFFFF; padding: 3px; background-clip: content-box; } .filtercolor > span { display: inline-block; } .filtercolor a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } .filtercolor:hover div, .filtercolor.selected div { border-color: #999999; } .filtercolor.selected div span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../2020/images/icon-tick.svg) no-repeat center; background-size: 12px; } .filtercolor.selected:hover div span { background-image: url(../../2020/images/icon-cross.svg); } .filtercheck { width: 100%; margin: 0 0 20px 0; position: relative; } .filtercheck.compact { width: 50%; margin-bottom: 10px; float: left; } .filtercheck:last-child { margin-bottom: 0; } .filtercheck div.box { border: 1px solid #CECECE; display: inline-block; width: 20px; height: 20px; margin-right: 5px; } .filtercheck div { display: inline-block; vertical-align: top; font-size: 14px; width: calc(100% - 35px); } .filtercheck div span.right { float: right; margin-left: 15px; } .filtercheck a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .filtercheck.checked div.box, .filtercheck:hover div.box { background: url(../../2020/images/icon-tick-grey.svg) no-repeat center; background-size: 16px; } .filtercheck.checked:hover div.box { background-image: url(../../2020/images/icon-cross-grey.svg); } .rangefilter { margin-top: 5px; padding-top: 10px; border-top: 1px solid #CECECE; } .rangefilter .range-inner { display: inline-block; vertical-align: top; margin-right: 5px; } .rangefilter .range-inner.last { margin-right: 0; } .rangefilter .range-inner label { display: block; margin-bottom:3px; } .rangefilter .range-inner input { width: 105px; } .rangefilter input.rugbutton { width: 100%; display: block; margin-top: 5px; } .filter-tag-bar.fixed { position: fixed; top: 0; left: 0; z-index: 10; background: #FFFFFF; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); } .filter-tag-bar .search-tags { margin-bottom: 10px; margin-top: 5px; } .filter-tag-bar.fixed .search-tags { background: #EFEFEF; padding-top: 5px; margin: 0; } /* FILTER SHOW MORE */ .filter-show-more { display: none; } .filter-show-more-toggle, .filter-show-less-toggle { display: block; text-align: center; background: #EFEFEF; background: -moz-linear-gradient(top, #EFEFEF 0%, #FFFFFF 100%); background: -webkit-linear-gradient(top, #EFEFEF 0%,#FFFFFF 100%); background: linear-gradient(to bottom, #EFEFEF 0%,#FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#FFFFFF',GradientType=0 ); color: #111111; padding: 5px; font-size: 12px; text-transform: uppercase; text-decoration: none; } .filter-show-more-toggle:hover, .filter-show-less-toggle:hover { background: #EFEFEF; } /*** CONTACT ***/ .g-recaptcha { margin-left: 150px; margin-bottom: 10px; } /*** SORT RESULTS ***/ .search-results-sort { float: right; } /*** DELIVERY ESTIMATE ***/ div.delivery-estimate { padding: 15px 10px 15px 40px; background: url(../images/icon-van.png) no-repeat 0px center; display: inline-block; } div.delivery-estimate span { color: #971926; font-weight: bold; } /*** MOBILE CHANGES 2019 ***/ #mobile-menu-container { display: none; } /*** UNDERLAY MODAL CHANGE ***/ #underlay-modal .remodal-cancel-link { margin-right: 20px; } /*** COOKIE CONSENT ***/ .cc-window .cc-message { font-size: 12px; color: #FFFFFF; } /*** HEADER SEARCH ***/ #header .searchbox { position: absolute; left: 50%; top: 15px; width: 410px; margin-left: -205px; } #header .searchbox .input-search, #mobile-search .input-search { width: 100%; border: 1px solid rgba(102, 102, 102, 0.25); background-color: #FFF; height: 41px; line-height: 41px; border-radius: 50px; font-size: 14px; padding: 0 23px; box-sizing: border-box; outline: none !important; color: #666; } #header .searchbox .btn-search, #mobile-search .btn-search { width: 24px; height: 24px; position: absolute; right: 10px; top: 8px; border: 0; border-radius: 50px; cursor: pointer; background-color: #FFFFFF; padding: 0; } input::placeholder { color: #666; } input:-ms-input-placeholder { color: #666; } input::-ms-input-placeholder { color: #666; } input::-webkit-input-placeholder { color: #666; } input::-moz-placeholder { color: #666; } input:-moz-placeholder { color: #666; } /*** SIZES ***/ #new-sizes { background: #F7F7F7; border: 2px solid #F7F7F7; padding: 15px; } #new-sizes-header { margin-bottom: 15px; } #new-sizes-header p { margin: 0; font-size: 12px; font-weight: 700; float: left; line-height: 25px; } #new-sizes-header div.cminch-selector { float: right; font-size: 12px; } #new-sizes-collapsed { background: #FFFFFF; padding: 0; } #new-sizes-collapsed-header { margin-bottom: 15px; } #new-sizes-collapsed-header p { margin: 0; font-size: 12px; font-weight: 700; float: left; line-height: 25px; } #new-sizes-collapsed-header div.cminch-selector { float: right; font-size: 12px; } .cminch-tablet { background: #FFFFFF; border: 1px solid #BBBBBB; display: inline-block; border-radius: 15px; } .cminch-tablet a { text-align: center; min-width: 40px; padding: 5px; display: inline-block; text-decoration: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; font-size: 11px; } .cminch-tablet a:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-left: 1px solid #BBBBBB; } .cminch-tablet a.selected, .cminch-tablet a:hover { background: #BBBBBB; color: #FFFFFF; } .new-size-row { clear: both; border-top: 1px solid #D3D3D3; position: relative; } .new-size-row .madeToMeasure { font: normal normal bold 14px/15px arial; font-weight: 700; } .new-size-row .madeToMeasure span { font: normal normal 12px/15px arial; } .new-size-row .madeToPrice{ height: 15px; float: right; text-align: right; font: normal normal bold 12/15px arial; } .new-size-row p.cm, .new-size-row p.inches { font-size: 14px; font-weight: 700; } .new-size-row p, .new-size-row input { display: inline-block; vertical-align: top; margin-bottom: 0; } .new-size-row input { display: none; } .new-size-row .faux-radio { display: inline-block; width: 12px; height: 12px; background: none; vertical-align: top; margin-top: 15px; margin-right: 10px; border-radius: 50%; border: 1px solid #666; padding: 6px; background-clip: content-box; } .new-size-row input:checked ~ .faux-radio { background-color: #666666; } .new-size-row p.prices { float: right; font-weight: 700; text-align: right; margin-bottom: 15px; width: 60px; } .new-size-row p.prices span { display: block; font-weight: 400; font-size: 12px; text-decoration: line-through; } .new-size-row label { position: absolute; top: 0; left: 0; cursor: pointer; width: 100%; height: 100% } .new-size-row-info { display: inline-block; width: calc(100% - 105px); } .new-size-row-info .delivery_info { margin-bottom: 15px; } .new-size-row-info .delivery_info .warning { color: #971925; font-size: 12px; text-transform: uppercase; } .new-size-row-info .delivery_info strong { margin-top: 10px; font-size: 12px; color: #7f187f; } .new-size-row-info .delivery_info span.sub { font-size: 12px; margin-left: 5px; font-weight: 700; } .new-size-row-info .delivery_info .free-delivery { padding-left: 25px; background: url(../../2020/images/icon-truck.png) no-repeat left center; background-size: 22px; margin-top: 5px; } form#product-form .rugbutton { width: 100%; margin-top: 15px; font-size: 16px; padding: 15px; } form#product-form .rugbutton.fixed { position: fixed; bottom: 0; left: 0; } /* Measure Section */ .measureSection{ width: 400px; } .measureSection p{ height: 32px; text-align: left; font: normal normal bold 18px/22px arial; } .measureSection .measureBox { width: 100%; } .measureSection .measureBox .rWidth{ float: left; width: 30%; font: normal normal bold 14px/17px arial; margin-bottom: 20px; } .measureSection .measureBox .rLength{ float: left; margin-left: 20px; width: 30%; font: normal normal bold 14px/17px arial; margin-bottom: 20px; } .measureSection .measureBox p{ font: normal normal bold 14px/17px arial; margin: 0; } .widthTextBox{ width: 100%; height: 35px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D3D3D3; } .widthTextBox::placeholder{ text-align: end; margin-right: 5px; } .lengthTextBox{ width: 100%; height: 35px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D3D3D3; } .lengthTextBox::placeholder{ text-align: end; margin-right: 5px; } .measureSection .cminch-selectorWL { margin-top: 35px; float: right; font-size: 12px; margin-right: 10px; } .cminch-tabletWL { background: #FFFFFF; border: 1px solid #BBBBBB; display: inline-block; border-radius: 15px; } .cminch-tabletWL a { text-align: center; min-width: 40px; padding: 5px; display: inline-block; text-decoration: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; font-size: 11px; } .cminch-tabletWL a:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-left: 1px solid #BBBBBB; } .cminch-tabletWL a.selected, .cminch-tabletWL a:hover { background: #BBBBBB; color: #FFFFFF; } .measureSection .measurePricing { width: 100%; margin-top: 20px; } .measureSection .measurePricing .madeYP{ float: left; width: 48%; } .measureSection .measurePricing .madeYP span{ font: normal normal normal 16px/19px arial; } .measureSection .measurePricing .madeYP p{ font: normal normal bold 24px/29px arial; margin: 0; } .measureSection .measurePricing .madeOrderNow{ float: left; width: 50%; text-align: center; } .measureSection .measurePricing .madeOrder{ width: 100%; height: 55px; font: normal normal 900 16px/19px arial; letter-spacing: 1.6px; color: #FFFFFF; text-transform: uppercase; text-align: center; background: #7F187F 0% 0% no-repeat padding-box; border: 0; } .measureSection .measurePricing .madeOrderNow span{ font: normal normal normal 12px arial; margin-top: 10px; } .measureSection .measureBox .calculatePrice{ width: 100%; text-align: center; } .calPrice{ width: 100%; height: 55px; font: normal normal 900 16px/19px arial; letter-spacing: 1.6px; color: #FFFFFF; text-transform: uppercase; text-align: center; background: #7F187F 0% 0% no-repeat padding-box; border: 0; } /* Measure Section End */ /* .pricesfrom{ float: right; text-align: right; font-size: 11px; } .pricesfrom strong{ font-size: 14px; } */ .form-control .error{ -webkit-box-shadow: none; box-shadow: none; border: 1px solid red !important; } .new-size-row-info .delivery_info .free-delivery { padding-left: 25px; background: url(../../2020/images/icon-truck.png) no-repeat left center; background-size: 22px; margin-top: 5px; } #made-sizes-collapsed-selection { border: 1px solid #D3D3D3; padding: 15px 50px 15px 15px; cursor: pointer; background: url(../../2020/images/icon-arrow-down.png) no-repeat right 15px center; background-size: 20px; } #made-sizes-collapsed-selection.open { background-image: url(../../2020/images/icon-arrow-up.png); } #made-sizes-collapsed-selection p { margin: 0; } #made-sizes-collapsed-selection .new-size-row { border-top: 0; } #made-sizes-collapsed-selection .new-size-row .delivery_info { margin-bottom: 0; } #made-sizes-collapsed-selection .choosesize { font-weight: bold; float: left; } #made-sizes-collapsed-selection .choosesize span{ font-size: 10px; } #made-sizes-collapsed-selection .pricesfrom { float: right; text-align: right; font-size: 11px; } #made-sizes-collapsed-selection .pricesfrom strong { font-size: 14px; } #made-sizes-collapsed-options { display: none; max-height: 500px; overflow-x: hidden; overflow-y: auto; } #made-sizes-collapsed-options .faux-radio { display: none; } #made-sizes-collapsed-options .new-size-row:first-child { border-top: 0; } #made-sizes-collapsed-options .new-size-row { border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; padding-left: 15px; padding-right: 15px; } #made-sizes-collapsed-options .new-size-row:hover { background: #EFEFEF; } /* */ #new-sizes.error, #new-sizes-collapsed.error { border-color: red; } #new-sizes.error #new-sizes-header p, #new-sizes-collapsed.error #new-sizes-collapsed-header p { color: red; padding-left: 20px; background: url(../images/icon-alert.png) no-repeat left center; } #new-sizes-collapsed-selection { border: 1px solid #D3D3D3; padding: 15px 50px 15px 15px; cursor: pointer; background: url(../../2020/images/icon-arrow-down.png) no-repeat right 15px center; background-size: 20px; } #new-sizes-collapsed-selection.open { background-image: url(../../2020/images/icon-arrow-up.png); } #new-sizes-collapsed-selection p { margin: 0; } #new-sizes-collapsed-selection .new-size-row { border-top: 0; } #new-sizes-collapsed-selection .new-size-row .delivery_info { margin-bottom: 0; } #new-sizes-collapsed-selection .choosesize { font-weight: bold; float: left; } #new-sizes-collapsed-selection .pricesfrom { float: right; font-size: 11px; } #new-sizes-collapsed-selection .pricesfrom strong { font-size: 14px; } #new-sizes-collapsed-options { display: none; max-height: 500px; overflow-x: hidden; overflow-y: auto; } #new-sizes-collapsed-options .faux-radio { display: none; } #new-sizes-collapsed-options .new-size-row:first-child { border-top: 0; } #new-sizes-collapsed-options .new-size-row { border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; padding-left: 15px; padding-right: 15px; } #new-sizes-collapsed-options .new-size-row:hover { background: #EFEFEF; } .product-details-toggle a { font-size: 12px; text-align: center; text-decoration: none; display: block; margin: 0 0 20px; padding: 10px 0; } .product-details-toggle a:hover { background: #F4F4F4; } .product-details-toggle a::after { content: ''; background: url(../../2020/images/icon-arrow-down.png) no-repeat 0 0; background-size: 13px 9px; width: 13px; height: 9px; top: 0px; position: relative; display: inline-block; margin-left: 5px; } .full-details-container { display: none; } /*** h1 sub ***/ h1 .sub { font-size: 12px; font-weight: 400; padding-left: 10px; } /* BASKET UPDATES FEB 21 */ /* div#promotional-code { text-align: right; } */ .underlay-box {box-sizing: border-box; width: 100%;float: left;background-color: #f7f7f7;margin: 0;padding: 20px 20px 30px 20px;margin-bottom: 30px;} .underlay-box h2 {font-size: 16px; color: #393939; font-weight: 700; text-transform: inherit; margin: 0; padding: 0 0 20px 0;} .underlay-box .leftbox {width: calc(100% - 300px); float: left; vertical-align: top;} .underlay-box .leftbox .underlay-pic {width: 108px; float: left; margin-bottom: 5px;} .underlay-box .leftbox .rating {font-size: 12px;} .underlay-box .leftbox .rating img {position: relative; top:1px;} .underlay-box .leftbox .underlay-info {margin-left: 108px; padding-left: 28px; padding-right: 30px; } .underlay-box .leftbox .underlay-info p {font-size: 14px; color: #393939; margin: 0; padding: 0 0 10px 0;} .underlay-box .rightbox {width: 300px; float: right; margin: 0; padding: 0;} .underlay-box .rightbox .label {float: left; width: 100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 14px; color: #393939; margin: 0; padding: 0 0 8px 0;} .underlay-box .rightbox .form-field {float: left; width: 100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 0.3px; border: 1px solid #CBCBCB; padding: 4px 5px; color: #393939; } h2 { border-bottom:none!important;} @media only screen and (min-width:768px) and (max-width:1023px){ .underlay-box .leftbox {width: 100%; padding-bottom: 20px;} .underlay-box .rightbox {width: 100%;} } @media only screen and (max-width:767px){ .underlay-box {margin-bottom: 25px;} .underlay-box .leftbox {width: 100%; padding-bottom: 20px;} .underlay-box .rightbox {width: 100%;} .underlay-box .leftbox .underlay-info {padding-right: 0;} } .basket-h1 { float: left; } .basket-countdown { float: right; color: #FFFFFF; padding: 5px 15px 5px 30px; margin-bottom: 10px; background: #7F187F url(../images/icon-info.svg) no-repeat; background-size: 18px; background-position: 5px center; } .basket-countdown span { color: #FFFFFF; font-weight: bold; } /* TOGGLE SWITCH */ .toggle-switch { display: inline-block; vertical-align: middle; margin-left: 5px; } .toggle-switch .switch { position: relative; display: inline-block; width: 40px; height: 24px; } .toggle-switch .switch input { opacity: 0; width: 0; height: 0; } .toggle-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .toggle-switch .slider:before { position: absolute; content: ""; font-size: 6px; text-align: center; line-height: 16px; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; color: #DDDDDD; } .toggle-switch input:checked + .slider { background-color: #2196F3; } .toggle-switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .toggle-switch input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); content: "ON"; color: #2196F3; } .toggle-switch .slider.round { border-radius: 34px; } .toggle-switch .slider.round:before { border-radius: 50%; } /* NEW HOMEPAGE */ .heroBanner { height: 516px; background-image: url(../../2020/images/homepage-hero.png); background-repeat: no-repeat; background-position: center top; background-size: cover; } .heroBanner .heroText { display: inline-block; vertical-align: top; float: none !important; background: transparent !important; color: #ffffff !important; margin: 100px 0 0 40px !important; max-width: 460px !important; box-sizing: border-box; position: relative; z-index: 3; } .heroBanner .herolink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .heroBanner .heroText h2 { font-size: 48px !important; line-height: 57px !important; margin-bottom: 18px; color: #FFF !important; text-transform: none; font-family: 'arial', sans-serif; font-weight: bold; } .heroBanner .heroText div { color: #FFFFFF !important; font-size: 30px !important; line-height: 36px !important; font-weight: 400 !important; } .heroBanner .heroText div a { color: #FFFFFF !important; border-bottom: 1px solid #FFFFFF; text-decoration: none; } .heroBanner .heroCta { background: #dba622; color: #ffffff; font-size:14px; font-weight:bold; padding: 10px; float: right; text-decoration:none; margin-top: 20px; } .heroHomepage { position: relative; } .heroHomepage #colour-search { width: 375px; background: rgba(255, 255, 255, 0.8) !important; margin: 70px 40px 0 0 !important; padding: 33px 17px !important; box-sizing: border-box; float: right; position: absolute; top: 0; right: 0; z-index: 5; } .heroHomepage #colour-search h2 { clear: both; font-size: 18px; font-weight: bold; color: #222222; text-transform: none; text-align: center; margin-bottom: 25px; } .heroHomepage #colour-search .filtercolor { width: 25%; text-align: center; margin-bottom: 24px; } .heroHomepage #colour-search .filtercolor:last-child { margin-bottom: 0; } .heroHomepage #colour-search .filtercolor > div { width: 42px; height: 42px; border: 0; padding: 0; margin: 0 0 5px; } .heroHomepage #colour-search .filtercolor > span { display: block; } .heroHomepage #colour-search .filtercolor.full { width: 100%; text-align: center; } .heroHomepage #colour-search .filtercolor.full > span { display: inline-block; } .heroHomepage #colour-search .filtercolor a { width: 100%; height: 100%; } .heroHomepage #colour-search .filtercolor:hover { opacity: 0.75; } .deliverymsgbox { margin-top: 22px; } .deliverymsgbox .inner-container{ display: flex; justify-content: space-between; background: #F1F1F1; padding: 15px; align-items: center; box-sizing: border-box; } .deliverymsgbox .left{ display: flex; align-items: center; font-size: 18px; } .deliverymsgbox .left strong{ padding: 0 10px 0 15px; color: #7F187F !important; } .deliverymsgbox .left span{ color: #7F187F !important; } .deliverymsgbox .right a{ background-color: #7F187F; padding: 6px 15px; color: #FFF !important; text-decoration: none; font-size: 14px; line-height: 1; display: inline-block; } /** SUGGESTED PRODUCTS **/ #suggested_products h2 { font-size: 16px!important; color: #393939; text-transform: inherit; font-weight: 700; margin: 0; padding: 0 0 15px 0; border: none!important; } #suggested_products { width: 100%; float: left; padding: 20px 0; clear: both; } #suggested_products_inner { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -10px; margin-right: -10px; } #suggested_products_inner .productbox { flex: 0 0 25%; float: left; margin-bottom: 25px; padding-left: 10px; padding-right: 10px; -ms-flex-preferred-size: calc(25% - 1.3rem); box-sizing: border-box; } #suggested_products_inner .productbox .product-pic { flex: 1; width: 100%; float: left; background-color: #CCC; margin: 0 0 10px 0; padding:0; } #suggested_products_inner .productbox .product-pic img { width: 100%; height: 188px; display: block; } #suggested_products_inner .productbox .product-name { float: left; width: 100%; text-transform: uppercase; color: #666666; font-size: 12px; margin: 0; padding: 0 0 5px 0; } #suggested_products_inner .productbox .product-name a { color: #666666; text-decoration: none; } #suggested_products_inner .productbox .product-name a:hover { color: #971926; } #suggested_products_inner .productbox .info-row { width: 100%; float: left; } #suggested_products_inner .productbox .pricefrom { float: left; font-size: 12px; color: #666666; position: relative; top: -2px; margin: 0; padding: 0; } #suggested_products_inner .productbox .pricefrom p { font-size: 18px; font-weight: 700; line-height: 1; color: #666666; margin: 0; padding: 0; } #suggested_products_inner .productbox .pricefrom p strong { font-size: 13px; } @media only screen and (max-width:767px){ #suggested_products_inner { margin-left: -7px; margin-right:-7px; } #suggested_products_inner .productbox {flex: 0 0 50%; padding-left: 7px; padding-right: 7px;} } /*** HOMEPAGE PRODUCT CATEGORIES ***/ .newtitle { font-size: 24px; color: #222222; font-weight: bold; text-align: center; flex: 0 0 100%; } .newcategory { padding: 30px 0; } .newcategory .newtitle { margin: 0 0 40px; } .newcategory div.list-item { width: 249px; height: auto; margin-bottom: 40px; } .newcategory div.list-item img { width: 253px; height: 215px; } .newcategory div.list-item h3 { background: rgba(102, 102, 102, 0.5) !important; font-size: 21px !important; line-height: 35px !important; padding: 0 15px !important; height: 35px !important; position: absolute; top: 10px; left: 10px; width: auto; text-transform: none; font-weight: bold; } .newcategory div.list-item p { color: #666 !important; margin-top: 5px !important; position: relative; bottom: auto; left: auto; background: none; padding: 0; text-align: left; text-transform: none; text-decoration: underline; } @media (max-width: 820px) { .newcategory div.list-item { width: 165px; height: auto; margin-bottom: 20px; } .newcategory div.list-item img { width: 165px; height: 150px; } .newcategory div.list-item p { width: auto; font-size: 12px; } } #product-categories-content { overflow: hidden; } .family { display: flex; flex-wrap: wrap; margin-bottom: 70px; } .family .newtitle { margin: 40px 0; } .family .familyphoto{ flex: 1; } .familyphoto figcaption{ background:#f4f4f4; color:#222222; padding: 15px; } .family #content{ flex: 1; } .family .phonelink { text-decoration: none; } .family .phone { color: #7F187F; font-weight: bold; font-size: 24px; background: url(../../2020/images/icon-phone.png) no-repeat 0 9px !important; padding: 5px 40px !important; background-size: 29px !important; } /* BEST SELLERS */ #best-sellers { background: #F1F1F1 !important; padding: 45px 0 55px 0 !important; margin: 0 0 40px 0; } #best-sellers .newtitle { margin: 0 0 50px 0 !important; } #best-sellers .products-list { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -10px; margin-right: -10px; justify-content: space-evenly; } #best-sellers .productbox { background: #ffffff; flex: 0 0 23%; float: left; margin-bottom: 25px; margin-left: 0; margin-right: 0; } #best-sellers .productbox img { width: 100%; height: 188px; display: block; } #best-sellers .productbox .homeProductInfo { padding: 0 10px 10px 10px; position: relative; height: 94px; } #best-sellers .productbox .product-name a { text-decoration: none; color: #222222; } #best-sellers .homeProductInfo .info-row { display: flex; justify-content: space-between; position: absolute; bottom: 15px; right: 10px; left: 10px; } #best-sellers .homeProductInfo .pricefrom { font-size: 10px; line-height: 17px; } #best-sellers .homeProductInfo .pricefrom p { margin: 0; font-size: 21px; } #best-sellers .homeProductInfo .savings { background: #db2427; color: #ffffff; padding: 8px 10px; font-weight: bold } #best-sellers .rugsNextDay{ background: #7F187F; color: #ffffff; font-weight: 800; font-size: 16px; display: block; width: 90% !important; margin-top: 30px !important; margin: 0 auto; text-align: center; padding: 20px; text-decoration: none; max-width: 395px; text-transform: uppercase; } #best-sellers .products-list .productbox:first-child .homeProductInfo { margin-left: 10px; } /* Nice Checkbox */ .nicecheck { position: relative; cursor: pointer; } .nicecheck label { cursor: pointer; } .nicecheck input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .nicecheck span.outer { border: 1px solid #CBCBCB; display: inline-block; margin-right: 5px; } .nicecheck span.inner { height: 25px; width: 25px; background-color: #FFFFFF; border-color: #111111; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: middle; } .nicecheck input:checked ~ label span.inner { background-color: #161416; border: 4px solid #FFFFFF; } /*** CATEGORY PAGE ***/ .category-intro { line-height:17px; } .category-intro * { font-family: Arial !important; } .category-intro h1 { height: 24px; } /* CLS FIXES */ @media only screen and (min-width:1081px){ #keypoints-inner { height:54px; } .cminch-selector { height:25px; } .cminch-selectorWL { height:25px; } .product-delivery-blocks { min-height:64px; } .product_brand { height:16px; } .product-column-right h1 { min-height: 16px; } } /* .wsfont * { font-family: Arial, Helvetica, Sans-Serif; } */ .wsfont .fa { font-family: 'FontAwesome'; } #content h1 { min-height: 21px; } #content .divider h2 { height: 17px; } body.hubcat div#hub-header *, body.hubdetail div#hub-header * { font-family: Arial, Helvetica, Sans-Serif; } body.hubcat div#main *, body.hubdetail div#main * { font-family: Arial, Helvetica, Sans-Serif; } body.categories div#main-inner * { font-family: Arial, Helvetica, Sans-Serif; } .search-tags *, .size-info, #mobile-filter-sort a, .search-results-nextday label, .search-results .product_price, .search-results .product_name a, .search-results .free-next-day, .search-results .product_price *, .search-results .round-options { font-family: Arial, Helvetica, Sans-Serif; } /* New Checkout Buttons */ .checkout-buttons-new{ display: flex; flex-direction: column; float: left; width: 100%; } .btns-heading{ font-size: 16px; color: #666666; font-weight: 400; text-align: center; margin: 0; padding: 0; } .checkout-buttons-new .btn { max-width: 300px; height: 50px; font-size: 16px; font-weight: 800; line-height: 50px; color: #232F3E; border: 0; margin: 10px 10px 0 10px; padding: 0 15px; width: 100%; cursor: pointer; font-family: 'arial', sans-serif; text-transform: uppercase; /* display: flex; */ text-align:center; align-items: center; justify-content: center; transition: background-color 0.5s ease-in-out; } .checkout-buttons-new .btn:hover{ opacity: 0.9; } .green-btn-wrapper { margin-top:30px; } .button-green { background-color: #009e0f; color: #FFF; letter-spacing: 0.18em; font-size: 16px; font-weight: 800; color: #fff; border: 0; margin: 0; padding: 0 15px; line-height: 25px; width: 100%; cursor: pointer; font-family: 'arial', sans-serif; text-transform: uppercase; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: background-color 0.5s ease-in-out; padding: 20px 0; } /*.checkout-buttons-new .btn-amazon{ background-color: #F5D684; }*/ .checkout-buttons-new .btn-paypal{ background-color: #ffc439; } .checkout-buttons-new .btn-primary{ background-color: #009e0f; color: #FFF; letter-spacing: 0.18em; } .btn-wrapper{ display: flex; justify-content: center; margin-bottom: 25px; } .btn-wrapper a{ text-decoration: none; } #promotional-code{ text-align: center; font-size: 16px; } #promotional-code .promo-code-area{ margin-bottom: 20px; } @media screen and (max-width: 767px){ .btn-wrapper{ flex-direction: column; } .checkout-buttons-new .btn{ margin-left: auto; margin-right: auto; } } /* New Checkout Journey */ .form-wrapper *{ box-sizing: border-box; } .form-wrapper{ max-width: 856px; margin: 0 auto; } .form-wrapper .left{ width: 400px; float: left; } .form-wrapper .heading{ font-size: 24px !important; font-weight: 700; height: auto !important; line-height: normal; text-transform: inherit; margin: 0 !important; padding: 0 0 30px 0; } .form-wrapper .form-group{ margin-bottom: 20px; } .form-wrapper .label{ font-size: 16px; color: #666666; font-weight: bold; margin: 0; padding: 0 0 7px 0; display: block; } .form-wrapper .form-control{ font-size: 16px; color: #666666; font-weight: 400; height: 40px; line-height: 40px; border: 1px solid #CBCBCB; border-radius: 0; outline:none; padding: 0 10px; width: 100%; font-family: 'arial', sans-serif; } .form-wrapper .buttons-group{ padding: 15px 0 0 0; } .form-wrapper .btn{ width: 100%; height: 50px; font-size: 16px; font-weight: 800; line-height: 50px; color: #232F3E; border: 0; margin: 0; padding: 0 15px; width: 100%; cursor: pointer; font-family: 'arial', sans-serif; text-transform: uppercase; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: background-color 0.5s ease-in-out; } .form-wrapper .btn-link{ background-color: transparent; font-size: 14px; text-transform: inherit; font-weight: 400; color: #666666; text-decoration: underline; height: auto; line-height: normal; } .form-wrapper .btn-primary{ background-color: #009e0f; color: #FFF; letter-spacing: 0.18em; } .form-wrapper .btn:hover{ opacity: 0.9; } .form-wrapper textarea.form-control{ height: 70px; line-height: normal; padding: 10px; resize: none; } @media screen and (max-width: 992px){ .form-wrapper .left{ width: 400px; } } @media screen and (max-width: 767px){ #main-inner .inner-spacing{ padding-left: 10px; padding-right: 10px; } .form-wrapper .form1 .heading{ text-align: left; } .form-wrapper .left, .right{ width: 100%; } } .pt-20{ padding-top: 20px !important; } .or-divider{ position: relative; text-align: center; border-bottom: 1px solid #707070; margin:30px 0 30px 0; } .or-divider-return{ position: relative; text-align: center; border-bottom: 1px solid #707070; margin:10px 0 10px 0; width: 50%; } .or-divider-return span{ background-color: #FFF; width: 68px; font-size: 14px; display: inline-block; color: #666666; margin: 0; padding: 0; position: relative; top: 7px; } .find-address-delivery > .btn-enter-address-delivery-return{ width: 50%; text-align: center; text-decoration: underline; } .or-divider span{ background-color: #FFF; width: 68px; font-size: 14px; display: inline-block; color: #666666; margin: 0; padding: 0; position: relative; top: 7px; } /*.form-wrapper .btn-amazon{ background-color: #F5D684; } .form-wrapper .btn-amazon img{ margin-right: 8px; }*/ .form-wrapper .buttons-group label{ padding-bottom: 15px; } .form-wrapper .btn-paypal{ background-color: #ffc439; margin-top: 15px !important; } .form-wrapper .right{ width: 300px; float: right; } .btn.btn-link.btn-back{ text-align: left !important; display: inline-block !important; margin-top:20px !important; font-size: 16px !important; font-family: 'arial', sans-serif !important; text-decoration: none !important; padding: 0 !important; } .btn.btn-link.btn-back span { border-bottom: 1px solid #666666; /* display: inline-block; */ } .oderinfobox{ border: 1px solid #E0E0E0; } .oderinfobox .title{ font-size: 16px; font-weight: 700; margin: 0; padding: 0 0; } .oderinfobox .row{ display: flex; justify-content: space-between; padding: 12px 15px; border-top:1px solid #E0E0E0; font-size: 12px; color: #7F7F7F; line-height: 1.3; } .oderinfobox .row *{ color: #7F7F7F; } .oderinfobox .row:first-child{ border-top: 0; } .oderinfobox .row.total{ font-size: 16px; font-weight: 700; } .oderinfobox .ediitbag { /* margin-top: 20px; */ font-weight: 700; } .oderinfobox .productpic{ padding-right: 14px; width: 56px; flex: 0 0; } .oderinfobox .productinfo{ flex: 1; } .oderinfobox .productname{ padding-bottom:5px; } .oderinfobox .productprice{ justify-content: flex-end; } .oderinfobox .productinfo .quantity{ padding-bottom: 5px; } .oderinfobox .productinfo .shapedimension ul{ padding: 0px; margin: 0 0 0 1em; } .oderinfobox .del-date{ font-weight: 700; justify-content: flex-start; } .oderinfobox .del-cost{ font-weight: 700; justify-content: flex-end; } @media screen and (max-width: 767px){ .hide-m{ display: none; } .hide-d{ display: block; } .oderinfobox .row.heading, .oderinfobox .row.total{ display: none; } .oderinfo{ position: absolute; background-color: #F7F7F7; top: 40px; left: 0; right: 0; } .oderinfobox{ border:0; } .oderinfobox .row.head{ border-top: 0; font-size: 14px; } .oderinfobox .ediitbag { margin-top: 20px; font-weight: 700; } .form-wrapper .oderinfobox .del-cost{ font-weight: 700; } .oderinfo .productsbody{ border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; display: none; } .oderinfo.active .productsbody{ display: block; } .oderinfo .row.head .total{ background: url(https://cdn-3.convertexperiments.com/uf/10021806/10024301/1624527070arrow-down.png) no-repeat right center; padding-right: 17px; cursor: pointer; } .oderinfo.active .row.head .total{ background: url(https://cdn-3.convertexperiments.com/uf/10021806/10024301/1624527077arrow-up.png) no-repeat right center; } } .customcheckbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .customcheckbox .txt{ display: inline-block; padding-top: 3px; } .customcheckbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .customcheckbox .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 1px solid #CBCBCB; } .customcheckbox .checkmark:after { content: ""; position: absolute; display: none; } .customcheckbox input:checked ~ .checkmark:after { display: block; } .customcheckbox .checkmark:after { left: 8px; top: 3px; width: 5px; height: 10px; border: solid #666666; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn-enter-address-delivery{ text-align: center; text-decoration: underline; } .mp-10{ margin-top: 10px; } .steps{ display: block; text-align: center; padding-bottom: 50px; } .steps ul{ margin: 0; padding: 0; } .steps ul li{ list-style: none; display: inline-block; margin: 0 7px; padding: 0 0 7px 0; position: relative; width: 90px; border-bottom: 8px solid #dfdfdf; } .steps ul li:after{ content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 3px solid #dfdfdf; position: absolute; right: -3px; bottom: -8px; } .steps ul li:before{ content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 3px solid #FFF; position: absolute; left: 0; bottom: -8px; } .steps ul li.active{ border-bottom: 8px solid #7F187F; } .steps ul li.active:first-child:before{ display: none; } .steps ul li.active:after{ border-left: 3px solid #7F187F; } @media screen and (max-width: 767px){ .steps{ margin-top: 55px; padding-bottom: 20px; } .steps ul li{ font-size: 12px; border-width: 6px; margin: 0 2px; width: 70px; } .steps ul li.active{ border-width: 6px; } .steps ul li:after, .steps ul li:before{ bottom: -6px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; } } /* New Helpbox */ .helpbox *{ box-sizing: border-box; } .helpbox{ margin: 200px 0 30px 0; } .helpbox .inner-container{ background-color: #F7F7F7; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 24px; } .helpbox .shopperapproved{ border: 1px solid #cbcbcb; display: inline-block; } .helpbox .left{ text-align: center; } .helpbox .left h4{ font-size: 18px; font-weight: 700; margin: 0; padding: 0 0 5px 0; } .helpbox .left p{ margin: 0; padding: 0 0 15px 0; } .helpbox .callbox{ display: flex; text-align: left; margin: 0 auto; width: 168px; } .helpbox .callbox .left{ margin-right: 10px; } .helpbox .callbox .left img{ position: relative; top: 5px; } .helpbox .callbox .number a{ text-decoration: none; font-size: 18px; } .helpbox .callbox .time{ font-size: 11px; } @media screen and (max-width: 992px){ .helpbox{ margin-top: 56px; } .helpbox .column{ width: 100%; text-align: center; } .helpbox .column.middle{ order: 3; } .helpbox .column.right{ margin-top: 34px; margin-bottom: 34px; } } /* madeToMeasure-modal */ #madeToMeasure-modal{ width: 740px!important; } #madeToMeasure-modal .headingM{ font: normal normal bold 24px/29px arial; text-align: center; margin-bottom: 20px; } #madeToMeasure-modal .imagePIc{ margin-top: 10px; width: 270px; height: 194px; float: left; background: rgba(102, 102, 102, .1) /* background: #666666 0% 0% no-repeat padding-box; */ /* opacity: 0.1; */ } #madeToMeasure-modal .imagePIc .imageHeading{ /* opacity: 1; */ font: normal normal bold 16px/19px arial; letter-spacing: 0px; color: #666666; margin-left: 10px; margin-top: 10px; } #madeToMeasure-modal .imagePIc .imageDes{ width: 120px; height: 150px; margin-top: 15px; float: left; } #madeToMeasure-modal .imagePIc .imageDescription{ margin-top: 15px; float: left; } #madeToMeasure-modal .imagePIc .imageDescription p{ font: normal normal bold 14px/17px arial; } #madeToMeasure-modal .imagePIc .imageDescription p span{ font: normal normal normal 14px/17px arial; } #madeToMeasure-modal .imagePIc .imageDescription p:last-child { font: normal normal normal 16px/19px arial; margin-top: 20px; } #madeToMeasure-modal .imagePIc .imageDescription p:last-child span{ font: normal normal bold 24px/29px arial; } #madeToMeasure-modal .imgDetails{ width: 300px; float: right; } #madeToMeasure-modal p{ margin: 0; text-align: left; font: normal normal bold 16px/19px arial; color: #666666; } #madeToMeasure-modal p span{ text-align: left; font: normal normal normal 12px/15px arial; } #madeToMeasure-modal .imgDetails .yPhoneNum{ margin-top: 10px; margin-bottom: 20px; width: 100%; height: 35px; font: normal normal normal 14px/17px arial; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D3D3D3; } #madeToMeasure-modal .imgDetails .startOrder{ width: 100%; height: 55px; margin-top: 15px; border: 0; font: normal normal 900 16px/19px arial; letter-spacing: 1.6px; color: #FFFFFF; background: #7F187F 0% 0% no-repeat padding-box; text-transform: uppercase; } #madeThankYou-modal{ text-align: center; } #madeThankYou-modal .headingM{ font: normal normal bold 24px/29px arial; text-align: center; margin-bottom: 20px; } #madeThankYou-modal .headingThank{ color: #7F187F!important; font: normal normal bold 24px/29px arial; } #madeThankYou-modal .headingThankDescription{ font: normal normal bold 16px/19px arial; color: #666666; text-align: center; } #madeThankYou-modal .closeModel{ width: 150px; height: 35px; font: normal normal 900 16px/19px arial; background-color: #7F187F; text-transform: uppercase; text-align: center; letter-spacing: 1.6px; color: #FFFFFF; border:0; } #contactOffice-modal{ text-align: center; } #contactOffice-modal p{ margin: 0; text-align: left; font: normal normal bold 16px/19px arial; color: #666666; } #contactOffice-modal p span{ text-align: left; font: normal normal normal 12px/15px arial; } #contactOffice-modal .headingThank{ color: #7F187F!important; font: normal normal bold 24px/29px arial; text-align: center; padding: 10px 0px; } #contactOffice-modal .headingM{ font: normal normal bold 24px/29px arial; text-align: center; margin-bottom: 20px; } #contactOffice-modal .closeModel{ width: 150px; height: 35px; font: normal normal 900 16px/19px arial; background-color: #7F187F; text-transform: uppercase; text-align: center; letter-spacing: 1.6px; color: #FFFFFF; border:0; } #contactOffice-modal .headingThankDescription{ font: normal normal bold 16px/19px arial; color: #666666; text-align: center; } .address_fields{ float: left; } .item_fields{ float: right; } .returnButtonWidth{ margin-left: 40px; margin-right: 40px; } .dis-nonePr{ display: none; color: red !important; } .prod-slider{ text-align: center; } .item{ width: 165px; display: inline-block; margin: 0 5px 20px 0; } .prodbox{ overflow: hidden; padding-bottom: 10px; } .prodbox .title { font-size: 12px; text-transform: uppercase; /*min-height: 30px;*/ margin: 0; padding: 5px 0px; text-align:left; } .prodbox .title a { text-decoration: none; } .prodbox .prod-footer { padding: 0px; text-align:left; } .prodbox .prod-footer .price { font-size: 18px; font-weight: 700; text-decoration:none; display:block; } .prodbox .prod-footer .pricefrom { font-size: 12px; } .prodbox .prodpic img { width: 165px; max-height: 165px; min-height:120px; } .products-section .newtitle { margin: 0; padding: 0; } .products-section .link { text-align: center; margin: 8px 0 20px 0; padding: 0; } /* Basket Page Delivery Methods CSS Start */ .subtotal div{ display: inline-block; } .subtotal div:nth-child(1){ display: flex; gap: 15px; justify-content: end; align-items: center; } .dis-none{ display: none; } /* .dis-block{ display: block; } */ .delMethods{ margin-bottom: 10px; } .delMethodsTotal{ vertical-align: super; margin-bottom: 10px; padding-bottom: 7px; } .txtColor{ color: #7F187F; } .backNone{ background: none !important; } /* .basket_total_description > input[type="radio"]:checked{ background-color: #7F187F !important; } */ /* Basket Page Delivery Methods CSS End */ /* .owl-stage { right: -10px; } */ @media only screen and (max-width:767px){ #madeToMeasure{ width: 100%; } .measureSection{ width: 100%; } .measureSection .measureBox .rWidth { width: 45%; float:left; } .measureSection .measureBox .rLength { width: 45%; float: left; } .measureSection .cminch-selectorWL { float: left; } #madeToMeasure-modal{ width: 100%!important; } #madeToMeasure-modal .imagePIc{ width: 100%; margin-bottom: 15px; } #madeThankYou-modal{ width: 100%!important; } .customerPhoto{ position: absolute; width: 58px !important; bottom: 28px !important; background: white; font-size: 10px; opacity: 0.7; padding-bottom: 3px; /* padding: 5px; */ font-weight: bold; text-align: center; color:rgba(0, 0, 0, 1) } } .returnPortal{ display: none; } .orderNo{ width: 25%; float: left; } .orderReturn{ width: 90%; height: 30px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D3D3D3; margin-bottom: 5px; } .startReturnButton{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .upperDivh1{ margin-bottom:5px; } .lowerDivanchor{ min-width:250px !important; margin-bottom:5px; font-size: 24px; } .returnbutton{ width: 60%; height: 30px; margin-top: 46px; } .orderNo > .errorReturn{ color: red !important; padding-top: 10px !important; } .dis-none{ display: none; color: red; } .under{ font-size: 12px; } .returnReason{ font-family: 'arial', sans-serif; font-size: 14px; letter-spacing: 0.3px; border: 1px solid #CBCBCB; padding: 4px 0px; padding-right: 3px; color: #666666; } .addressCheck{ margin-bottom: 10px; } .retReason{ /* max-width: 400px !important; */ /* display: inline-block; */ /* width: 180px; */ display: flex; align-items: center; } .return_address{ margin-top: 10px; } .addressFields{ margin-bottom: 5px; margin-top: 5px; margin-left: 15px; } .addressFields label{ max-width: 250px !important; display: inline-block; width: 100px; } #contactReturnGoogle{ text-align: center; } .user_phone_number{ margin-top: 5px; width: 300px; height: 25px; } .phone_error{ color: red; } #startReturn { font-size: 24px; padding:15px; text-transform:capitalize!important; } .returnList li { margin: 15px 0; } @media screen and (max-width: 1080px) {/*** CONTAINERS ***/ .inner-container { width: 100%; } .inner-spacing { padding: 0px 15px; } /*** MENUS ***/ div#navigation-menu ul li a { padding: 10px 18px; } /*** HEADER ***/ div#basket-availability { right: 15px; } #header .searchbox { width: 280px; margin-left: -140px; } /*** COLUMNS ***/ div#left-column { width: 25%; } div#right-column { width: 75%; } div#left-column-inner { margin-right: 10px; width: auto; } div#right-column-inner { width: auto; } div.product-column-left { width: 48%; margin-right: 4%; } div.product-column-right { width: 48%; } /*** AVTS ***/ div#avts-left img { max-width: 100%; } div#avts-middle img { max-width: 32%; margin-right: 2%; } /*** LIST ITEMS ***/ div#product-categories-content, div#list-item-container { text-align: center; } div.list-item.last { margin-right: 20px; } div.list-item { float: none; display: inline-block; vertical-align: top; } /*** SOCIAL PLUGINS ***/ div#news-columns div.news-left { margin-right: 0px; width: 100%; } div#social-plugins { text-align: center; } div#twitter-plugin, div#facebook-plugin { display: inline-block; width: 340px; margin: 0px 10px 20px; } /*** TEXT BLOCKS ***/ div.news-right { display: none; } /*** REVIEWS ***/ div#review-quote { text-align: left; margin-left: 0px; margin-right: 0px; width: 400px; } div#reviews-summary-inner{ width:90%; } /*** FOOTER ***/ div.footer-column { width: 23%; margin: 0px 1%; } /*** FORMS ***/ .field-large { width: 280px; } input.quick-search-field { width: 60%; } input.quick-search-button { margin-left: 5px; } a.refine-search-link span { display: none; } /*** CONTACT FORM ***/ form.inline-form textarea { width: 290px; } /*** SEARCH RESULTS ***/ div.search-result-image { float: none; } div.search-result-info { float: none; width: 100%; } /*** BASKET ***/ table.basket .tablehide-tablet { display: none; } /*** CHECKOUT ***/ div#checkout-progress .step-extra { display: none; } /*** NEW PRODUCT PAGES ***/ div.sgc-addtobasket { width:auto; float:right; margin-top:10px; } div.sgc-price { width:40%; text-align:right; } /*** QUICKVIEW ***/ .list-item .toggle-quickview { display: block; background: #181818 url(../images/icon-quickview-open.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 0px; right: 0px; left: auto; z-index: 4; } .list-item.quickview .toggle-quickview { background: #181818 url(../images/icon-quickview-close.png) no-repeat; top: 2px; right: 2px; } /*** CONTENT HUB ***/ div.hub-category { margin-bottom: 20px; width: 80px; margin-left: 30px; margin-right: 30px; padding-bottom: 30px; } div.hub-category img { width: 80px; } div.hub-category a span { font-size: 14px; } /*** CONTACT ***/ .g-recaptcha { margin-left: 0; } .rugbutton-inlineform { margin: 0; } /*** NEW LISTING ***/ div.new-list-item.last { margin-right: 15px; } /*** HOMEPAGE ***/ .deliverymsgbox .left { font-size: 16px; } .family #content { padding-right: 20px; } .family .phone { padding: 3px 0 3px 44px; margin: 0 auto; max-width: 180px; } #parentSlick2{ overflow:hidden; } #frame2 .products-list{ width: 2000px; display: block; } #frame2 .productbox { width:270px; margin-right:20px; } #frame2 .productbox.last{ margin-right:0; } .scrollbar { margin: 1em 0 1em 0; height: 4px; background: #ccc; line-height: 0; } .scrollbar .handle { width: 100px; height: 100%; background: #292a33; cursor: pointer; } .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; } .products-list { -ms-touch-action: pan-y; touch-action: pan-y; } .products-list { -ms-touch-action: none; touch-action: none; }}@media screen and (max-width: 650px) {/*** GLOBAL ***/ .hide-mobile { display: none !important; } .show-mobile { display: block; } /*** CONTAINERS ***/ .inner-container { width: 100%; } /*** HEADER ***/ div#basket-availability { max-width: 100%; position: absolute; top: 0px; right: 0px; margin: 5px 0 0; } div#basket-summary { right: 0; left: auto; } /*div.new-list-item a.image-link { height: 67vw; width: 47vw; }*/ .dropin-block{ width: 100%; margin: auto; } div#phone-times { display: none; } /*** KEYPOINTS ***/ div#keypoints { background: #F7F7F7; padding: 0; } div#keypoints .kp2 { display: none; } div#keypoints .kp1last a { margin-right: 0; } div.keypoint a { margin-right: 25px; padding-top: 10px; } /*** MOBILE HEADER ***/ div#header { display: none; } div#mobile-header { display: block; border-bottom: 1px solid rgba(102,102,102,0.25); height: 47px; position: fixed; top: 0; width: 100%; z-index: 1000; background: #FFFFFF; } body { padding-top: 47px; } /*** MENUS ***/ div#secondary-menu { display: none; } div#navigation { display: none; } div.slicknav_menu { display: block; padding: 0; background: transparent; } div.slicknav_menu a.slicknav_btn { text-shadow: none; top: 8px; position: absolute; background: transparent; margin: 0 5px 0 0; padding: 0; } div.slicknav_menu .slicknav_icon-bar { margin: 6px 0; width: 1.5em; box-shadow: none; background-color: #7F7F7F; } ul.slicknav_nav { padding-top: 0; margin-top: 47px; margin-left: -20px; margin-right: -20px; background: #FFFFFF; } ul.slicknav_nav li a { padding: 5px 20px; margin: 2px 5px; text-decoration: none; color: #666666; font-size: 12px; } ul.slicknav_nav li a img { vertical-align: bottom; margin-right: 5px; } ul.slicknav_nav li a i { float: right; } ul.slicknav_nav li a:hover { border-radius: 0; background: #FFFFFF; } ul.slicknav_nav li.seperator { border-bottom: 1px solid #999999; } ul.slicknav_nav li.seperator a { margin-left: 0; margin-right: 0; } ul.slicknav_nav li.mm-sale a { text-transform: uppercase; color: #D44F68; } ul.slicknav_nav li a > .sprite { vertical-align: middle; margin-right: 5px; } .mobile-mega.open > a { font-weight: bold; } .mobile-mega .mega-inner { display: none; } .mobile-mega .mega-inner .mega-inner-item { display: inline-block; text-align: center; margin-bottom: 10px; } .mobile-mega .mega-inner .mega-inner-item-4 { width: 24%; } .mobile-mega .mega-inner .mega-inner-item-3 { width: 32%; } div#mobile-search-icon { position: absolute; top: 10px; left: 57px; cursor: pointer; } div#mobile-quicklinks { display: block; text-align: center; padding: 10px 0; } div#mobile-quicklinks a { font-size: 12px; letter-spacing: 1.2px; padding: 2px 20px; text-transform: uppercase; text-decoration: none; color: #393939; white-space: nowrap; } div#mobile-quicklinks a i { font-size: 9px; margin-left: 5px; vertical-align: middle; } div#mobile-quicklinks a .sprite { vertical-align: middle; margin-right: 5px; } div#mobile-search { position: absolute; top: 47px; z-index: 1001; background: #FFFFFF; width: 100%; } div#mobile-search form#mobile-search-form { margin: 0 auto; width: 90%; position: relative; } div#mobile-search input.input-search { height: 33px; border-color: #999; } div#mobile-logo { width: 140px; top: 12px; left: 50%; position: absolute; margin-left: -70px; } div#mobile-logo svg { max-width: 100%; width: 200px; height: 30px; } a#mobile-contact { position: absolute; top: 10px; right: 55px; } a#mobile-contact span { display: none; } div#mobile-basket { position: absolute; top: 10px; right: 15px; } div#mobile-basket a { text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div#mobile-basket .count { background-color: #7f187f; border-radius: 100px; width: 14px; height: 14px; line-height: 13px; color: #FFFFFF; position: absolute; top: -6px; right: -2px; font-size: 10px; text-align: center; } /*** COLUMNS ***/ div#left-column { float: none; width: 100%; margin-bottom: 15px; } div#left-column-inner { margin-right: 0px; border-bottom: 1px solid #CBCBCB; padding-bottom: 15px; } div#right-column { float: none; width: 100%; } div.product-column-left { float: none; width: 100%; margin-right: 0px; } div.product-column-right { clear: both; padding-top: 35px; float: none; width: 100%; } div#product-gallery { min-height: 600px!important; overflow: hidden; } div#product-gallery .owl-carousel .owl-stage { height: 500px; display: flex; } div#product-gallery div.item { text-align: center; height: 500px; width: 100%!important; vertical-align: middle; } div#product-gallery .owl-carousel .item img { width: auto; /* max-width: 443px!important; */ max-height: 500px!important; display:block; margin-left: auto; margin-right: auto; cursor: pointer; } div#product-gallery .product-thumbnail img { width: 65px!important; height: 65px!important; display:block; margin-left: auto; margin-right: auto; cursor: pointer; } .featherlight-content iframe { max-width:450px!important; } .videoicon { background-image: url('/assets/images/circle-play-solid.png'); z-index:2; position:absolute; top:220px; left:160px; height:100px !important; width:100px !important; } .videoiconsml{ background-image: url('/assets/images/circle-play-solid.png'); background-repeat: no-repeat; background-size: 40px 40px; z-index:2; position:absolute; background-position: center; height:69px !important; width:69px !important; } /*div#product-gallery div.owl-carousel div.owl-stage { max-height: 300px!important; } div#product-gallery div.owl-wrapper-outer div.item { height: auto; } div#product-gallery div.item img { max-height: 300px !important; width: 100%!important; } .product-thumbnails { border: 1px solid #f00; height: 27px; margin-top: -300px; } .product-thumbnails .product-thumbnail { background: #DFDFDF !important; border: 0; width: 15px; height: 15px; opacity: 1; border-radius: 50%; } body div.product-thumbnails div.product-thumbnail.active { border: 0; background: #404040 !important; } body div.product-thumbnails div.video-thumbnail { background: none !important; width: auto; height: auto; border: 0; } body div.product-thumbnails div.video-thumbnail-inner { background: #DFDFDF !important; border: 0; width: 15px; height: 15px; opacity: 1; border-radius: 50%; } */ #product-delivery-blocks { margin-top: 20px; } .product-delivery-block { background-size: 22px; padding-left: 30px; margin-top: 10px; } .product-delivery-block * { display: inline-block; } /*** GALLERY ***/ div#home-gallery-outer { display: none; } /*** SEARCH AREA ***/ div#search-block h2 { padding-left: 0px; } div#search-container.collapsed div#search-container-show { display: block; } div#search-container.collapsed div#search-container-inner { display: none; } /*** AVTS ***/ div#avts-left { display: none; } div#avts-left img { display: none; } div#avts-middle { display: none; } div#avts-middle img { display: none; } /*** SOCIAL PLUGINS ***/ div#twitter-plugin, div#facebook-plugin { width: 280px; } /*** REVIEWS ***/ div#review-quote { text-align: center; width: 100%; margin-top: 0px; } /*** NEWS ***/ div#news { display: none; } /*** FOOTER ***/ div#footer-inner { margin-top: 15px; } div#iconbar-left { float: none; width: 100%; text-align: center; } div#iconbar-right { float: none; width: 100%; text-align: center; } div.footer-column { width: 100%; padding-top: 15px; border-top: 1px solid #CBCBCB; } /*** RED BAR 2 ***/ div#redbar2 { text-align: center; } div#redbar2 div.copyright { float: none; } div#redbar2 div.credit { margin-top: 5px; float: none; } /*** REFINE SEARCH ***/ fieldset#searchfields ol div { width: 95%; } select#widthrule, select#lengthrule { margin-right: 0px; } /*** BASKET ***/ div.checkout-buttons, div.back-to-shop { float: none; text-align: center; } div.checkout-buttons { margin-top: 20px; } div.checkout-buttons .rugbutton { display: block; width: 100%; } div.checkout-buttons span.checkout-or { display: block; width: 100%; margin: 10px 0; } div.full-mobile .rugbutton { display: block; float: none; text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } table.basket tbody tr td, table.basket thead tr th { padding: 5px; font-size: 12px; } table.basket .basket_variation ul { padding-left: 0px; } /*** FORMS ***/ form.inline-form label { display: block; float: none; } form.inline-form input, form.inline-form textarea, form.inline-form select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form.inline-form div.checkbox-group input { width: auto; } /*** CHECKOUT ***/ body.basket div#left-column, body.billing-details div#left-column { display: none; } div#checkout-progress div.checkout-step { display: none; } div#checkout-progress div.checkout-step::after { display: none; } div#checkout-progress div.checkout-step.current { display: block; width: 50%; padding: 10px 0; text-align: left; } div#checkout-progress div#checkout-summary { display: block; } div#checkout-progress .step-extra { display: inline; } div.checkout-address-confirm { float: none; width: 100%; } div.confirm-billing-address { margin-right: 0px; } div#step-off-forms { text-align: center; } div.step-off-form { float: none; display: inline-block; width: 100%; } /*** PRODUCT PAGE ***/ div#product-thumbnails div.product-thumbnail, div#product-thumbnails div.video-thumbnail { width: 100px; height: 100px; } div#product-thumbnails div.video-thumbnail-inner { width: 100px; height: 100px; } #suggested_products { padding-top: 0; } #suggested_products h2 { margin-top: 0 !important; } /*** AMAZON ***/ .button-container { float: none; } .button-container a { display: block; text-align: center; margin-bottom: 10px; } #amazon-continue { float: none; } #amazon-continue a { display: block; text-align: center; } /*** FILTER SIDE MENU ***/ .search-filters { display: none; position: fixed; background: white; z-index: 800; width: 80%; height: 100%; top: 0; right: 0; overflow: auto; border-left: 2px solid #CBCBCB; padding-left: 10px; padding-right: 10px; } .mobile-filter-heading { font-size: 30px; font-weight: bold; margin: 0; padding: 15px; } .mobile-filter-heading a { float: right; text-decoration: none; color: #AAAAAA; font-size: 60px; line-height: 40px; } /*** SMALLER LISTING ITEMS ON MOBILE ***/ div.list-item { width: 158px; height: auto; } div.list-item img { width: 158px; height: 119px; } div.list-item p, div.list-item h3 { width: 138px; position: static; } div.list-item, div.list-item.last { margin: 0 5px 5px 0; } /*** UNDERLAY MODAL CHANGE ***/ #underlay-modal .remodal-cancel-link { margin-right: 0; margin-bottom: 10px; display: block; } /*** SEARCH FILTERS ***/ .new-filters { display: none; } .new-filters .viewButton { display: block; } .filter-tag-bar.fixed { top: 0; z-index: 9999; } .search-tags { float:left; width:100%; margin-bottom:10px; } .filter-tag-bar.fixed .search-tags { padding-left: 5px; padding-right: 5px; } .search-tag, .clear-all { font-size: 11px; } #mobile-filter-sort { padding: 0 15px; } #mobile-filter-sort .mfs-item { border: 1px solid #999999; background-color: #FFFFFF; color: #666666; padding: 10px; display: inline-block; vertical-align: top; width: 48%; box-sizing: border-box; margin: 10px 0; text-decoration: none; } #mobile-filter-sort .mfs-item:hover { background-color: #7f187f; border-color: #7f187f; color: #FFFFFF; } #mobile-filter-sort .mfs-item:first-child { margin-right: 2%; } .filter-tag-bar.fixed #mobile-filter-sort .mfs-item { background-color: #999999; color: #FFFFFF; } #mobile-filter-sort .mfs-filter { background: url(../../2020/images/icon-filter.png) no-repeat left center; padding-left: 35px; } #mobile-filter-sort .mfs-sort { background: url(../../2020/images/icon-sort.png) no-repeat left center; padding-left: 35px; } .filter-tag-bar.fixed #mobile-filter-sort .mfs-filter, #mobile-filter-sort .mfs-filter:hover { background-image: url(../../2020/images/icon-filter-white.png); } .filter-tag-bar.fixed #mobile-filter-sort .mfs-sort, #mobile-filter-sort .mfs-sort:hover { background-image: url(../../2020/images/icon-sort-white.png); } .filter-tag-bar.fixed #mobile-filter-sort .mfs-item:hover { border-color: #999999; } .mobile-flyout { position: fixed; top: 0; right: 0; background: rgba(0,0,0,0.75); height: 100%; width: 100%; z-index: 9999; display: none; } .mobile-flyout-inner { width: 90%; height: 100%; background: #EFEFEF; right: 0; position: fixed; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; } .mobile-flyout-header { padding: 15px; background: #FFFFFF; } .mobile-flyout-inner h3 { margin: 0; font-size: 20px; font-weight: 600; color: #333333; } .flyout-close { position: absolute; top: 15px; right: 15px; background: #000000; color: #FFFFFF; border-radius: 50%; z-index: 1; height: 30px; width: 30px; text-decoration: none; text-align: center; line-height: 24px; font-size: 20px; } .flyout-close:hover { opacity: 0.5; } .mobile-flyout-clear { display: block; margin: 5px 0 0; } .mobile-filter-group { margin: 15px; background: #FFFFFF; padding: 10px 15px; } .mobile-filter-group-heading { font-size: 16px; font-weight: 600; cursor: pointer; color: #333333; background: url(../../2020/images/icon-filter-arrow.png) no-repeat right center; } .mobile-filter-group-content { display: none; margin-top: 20px; } .mobile-filter-group.open .mobile-filter-group-heading { background-image: url(../../2020/images/icon-filter-arrow-grey-open.png); } .mobile-filter-group.open .mobile-filter-group-content { display: block; } .mobile-filter-group .filtercolor { width: 140px; } .mobile-filter-group .rangefilter .range-inner input { width: 75px; } .mobile-filter-group .rangefilter input.rugbutton { max-width: 170px; } .mobile-flyout-button { background: #FFFFFF; padding: 15px; margin: 15px; display: block; text-decoration: none; } .mobile-flyout-button.selected, .mobile-flyout-button:hover { background: #000000; color: #FFFFFF; } /*** NEW LIST ITEMS ***/ div.new-list-item { width: 47%; margin: 0 1% 25px !important; } div.new-list-item img { height: calc(47vw); width: calc(47vw); } @media (max-width: 400px){ div.new-list-item p.product_price strong { font-size: 14px; } div.new-list-item .size-info { font-size: 12px; padding-right: 30px; } } /* BASKET AMENDS FEB21 */ div#promotional-code { text-align: center; } .basket-h1 { display: none; } .basket-countdown { float: none; } /* HOMEPAGE */ .heroHomepage #colour-search { position: static; margin: 0 !important; width: 100%; padding: 33px 0 !important; } .heroHomepage { margin-left: -20px; margin-right: -20px; } .heroBanner { height: 190px; margin-left: -20px; margin-right: -20px; } .heroHomepage #colour-search .centreText h2 { font-size: 30px; text-transform: none; text-align: center; margin: 0 0 20px; font-weight: 700; color: #666666; } .heroHomepage #colour-search .centreText p { font-size: 15px; } .deliverymsgbox .inner-container{ justify-content: initial; flex-direction: column; padding: 15px 15px 25px 15px; } .deliverymsgbox .left{ display: block; font-size: 18px; text-align: center; } .deliverymsgbox .left strong{ position: relative; top: -11px; padding: 0 10px 0 7px; } .deliverymsgbox .left span{ padding: 8px 0px 20px 0px; display: block; color: #666666 !important; } .family { display: block; width: auto; max-width: 100%; padding: 10px 20px; } .family .familyphoto { text-align: center; } .family .familyphoto figure { margin: 0; } .family .familyphoto img { max-width: 100%; } .family .phone { margin: 0; } /*** CLS FIXES ***/ div#mobile-quicklinks { height: 19px; } div#keypoints { height: 52px; } #product-delivery-blocks { margin-top: 20px; height: 40px; } p.product_brand { margin: 0; font-size: 12px; line-height: 12px; } div.product-column-right h1 { line-height: 26px; } div#mobile-quicklinks a { font-family: Arial, Helvetica, Sans-Serif; } div#breadcrumb-inside { font-family: Arial, Helvetica, Sans-Serif; } .mobile-quicklink-colours, .mobile-quicklink-rooms, .mobile-quicklink-sizes { font-family: Arial; }}/*MODAL*/ .main-modal a{ color: #393939; } .main-modal { opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(0,0,0, .5); transition: opacity .25s ease; z-index: 9; } .modal__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; } .modal-state { display: none; } .main-modal .modal__inner { transition: top .25s ease; position: absolute; top: 20px; right: 0; bottom: 0; left: 0; width: 854px; margin: auto; overflow: auto; background: #fff; border-radius: 5px; padding: 20px 2em !important; height: 492px; } .main-modal h2{ text-align:center; text-transform:capitalize; font-weight:bold; font-size:30px !important; margin-top: 0; border: none !important; } .main-modal img{ display:inline-block; padding: 20px; } .main-modal ul{ padding:0; } .main-modal li{ list-style:none; background: url(../../2020/images/modal-arrow.png) no-repeat; padding-left: 32px; margin-top: 25px; background-position: 0 3px; } .main-modal .main-content{ width: 47%; display: inline-block; vertical-align: top; margin-top: 10px; font-size: 16px; margin-left: 30px; } .main-modal button{ width: 100%; font-weight: bold; color: #ffffff; background: #7f187f; padding: 14px 0; border: 0; font-size: 18px; margin-top: 15px; } .main-modal button:hover{ cursor:pointer; } #modal-reviews .pride{ text-align:center; margin-top:0; } #modal-reviews .main-content{ width:100%; margin: 0; } #modal-reviews .main-content #reviews-summary{ width: 100%; margin: 0; padding: 0; } #modal-reviews .main-content #reviews-summary .inner-spacing, #modal-reviews .main-content #reviews-summary .inner-container{ width:800px; } #modal-reviews .main-content .sa_widget_footer{ padding:0 !important; } #modal-reviews button{ width: 350px; margin: 10px auto; display: block; } #modal-reviews .sa_review{ padding-bottom: 0 !important; } #modal-reviews h2{ margin-bottom:10px; } #modal-reviews hr{ border:0.5px solid #cccccc; margin: 20px 0; } .main-modal#modal-reviews .modal__inner{ height:495px; } #modal-returns li{ margin-top: 8px; } @media (max-width: 820px){ .main-modal .modal__inner > img{ display:none; } .main-modal .modal__inner{ width: 520px !important; height: 533px !important; } .main-modal .main-content { width: 100%; margin: 0; height: 450px; position: relative; } .main-modal button { bottom: 0; position: absolute; } #modal-reviews .main-content #reviews-summary .inner-spacing, #modal-reviews .main-content #reviews-summary .inner-container { width: 500px; } #modal-reviews .main-content { height: auto; } .main-modal#modal-reviews button { bottom: auto; position: relative; } } @media (max-width: 740px){ .main-modal .modal__inner { width: 280px !important; height: 553px !important; } .main-modal#modal-delivery .main-content, #modal-returns .main-content{ height: 510px; } div.list-item h3{ max-width:100%; } #modal-reviews .main-content #reviews-summary .inner-spacing, #modal-reviews .main-content #reviews-summary .inner-container { width: 270px; margin: 0; padding: 0; } .main-modal h2 { font-size:23px; margin:0; } #modal-reviews button { width: 100%; } .main-modal p, .main-modal#modal-reviews .pride{ font-size:14px; text-align:left; } .main-modal .main-content { height: 480px; } } @media (max-width:650px){ .product-column-left #product-back-button{ display:none !important; } .main-modal li{ font-size:14px; } .modal__inner h2 { padding: 0 20px; } } @media (max-width: 370px){ div#basket-summary{ width:auto !important; } .main-modal .main-content { height: 400px !important; } .main-modal#modal-delivery .main-content, #modal-returns .main-content { height: 430px !important; } .main-modal .modal__inner { width: 280px !important; height: 470px !important; } #modal-reviews .sa_review{ padding:0 !important; } } @media (max-width: 340px){ div#logo { max-width: 170px !important; } .main-modal .modal__inner { width: 240px !important; height: 473px !important; } .main-modal .main-content { height: 430px !important; } .main-modal#modal-price .main-content { height: 305px !important; } .main-modal .automatic-reviews, .main-modal#modal-returns ul, .main-modal hr{ display:none !important; } .main-modal#modal-reviews button { bottom: 0; position: absolute; } .main-modal .modal__inner { width: 240px !important; height: 370px !important; } .main-modal .main-content { height: 300px !important; } .main-modal#modal-delivery .main-content, #modal-returns .main-content { height: 330px !important; } } @media (max-width: 820px) and (min-width:560px) and (max-height:420px){ .main-modal .modal__inner { width: 470px !important; height: 253px !important; top: -20px; } .main-modal .main-content{ height: 219px !important; } .main-modal .automatic-reviews, .main-modal ul, .main-modal hr{ display:none; } .main-modal#modal-reviews button { bottom: 0; position: absolute; } .main-modal h2 { font-size: 23px; margin: 0; } #modal-reviews button { width: 100%; } } .modal__close { position: absolute; top: 15px; right: 15px; background: #000000; color: #FFFFFF; border-radius: 50%; z-index: 1; height: 30px; width: 30px; text-decoration: none; text-align: center; line-height: 24px; font-size: 20px; cursor: pointer; } .modal__close:hover { opacity: 0.5; } #modal-size img.main-image { width: 100%; display: block; padding: 0; } #modal-size .rugbutton { color: #FFFFFF !important; } #modal-size table { margin: 15px 0; width: 100%; font-size: 12px; } #modal-size table td.pricecol { text-align: right; } #modal-size table td.pricecol a { color: #666666; font-weight: 700; } #modal-size table td img.free-next-day { padding: 0; width: 17px; vertical-align: bottom; padding-left: 3px; } #modal-size table td img.shape-icon { padding: 0; } #modal-size div.free-next-day { margin-bottom: 15px; color: #7F187F; background: url(../../2020/images/icon-truck.png) no-repeat left center; background-size: 23px; padding-left: 30px; font-size: 12px; }.sprite { background-image: url(../../2020/images/sprites.png); background-repeat: no-repeat; display: inline-block; vertical-align: top; } .sprite-styles-flat { width: 58px; height: 58px; background-position: -5px -5px; } .sprite-styles-floral { width: 58px; height: 58px; background-position: -73px -5px; } .sprite-styles-geometric { width: 58px; height: 58px; background-position: -141px -5px; } .sprite-styles-moroccan { width: 58px; height: 58px; background-position: -209px -5px; } .sprite-styles-traditional { width: 58px; height: 58px; background-position: -277px -5px; } .sprite-styles-round { width: 58px; height: 58px; background-position: -344px -5px; } .sprite-styles-plain { width: 58px; height: 58px; background-position: -5px -73px; } .sprite-styles-funky { width: 58px; height: 58px; background-position: -73px -73px; } .sprite-styles-runners { width: 58px; height: 58px; background-position: -141px -73px; } .sprite-styles-wool { width: 58px; height: 58px; background-position: -209px -73px; } .sprite-icon-colors { width: 16px; height: 16px; background-position: -277px -73px; } .sprite-room-dining { width: 45px; height: 45px; background-position: -277px -99px; } .sprite-room-bedroom { width: 45px; height: 45px; background-position: -5px -154px; } .sprite-room-kitchen { width: 45px; height: 45px; background-position: -60px -154px; } .sprite-room-living { width: 45px; height: 45px; background-position: -115px -154px; } .sprite-room-nursery { width: 45px; height: 45px; background-position: -170px -154px; } .sprite-room-outdoor { width: 45px; height: 45px; background-position: -225px -154px; } .sprite-room-hall { width: 45px; height: 45px; background-position: -280px -154px; } .sprite-styles-natural { width: 58px; height: 58px; background-position: -5px -209px; } .sprite-styles-shaggy { width: 58px; height: 58px; background-position: -73px -209px; } .sprite-styles-striped { width: 58px; height: 58px; background-position: -141px -209px; } .sprite-styles-modern { width: 58px; height: 58px; background-position: -209px -209px; } .sprite-multi { width: 37px; height: 37px; background-position: -277px -209px; } .sprite-1567573879circle { width: 17px; height: 15px; background-position: -303px -73px; } .sprite-1567573891down-arrow { width: 25px; height: 6px; background-position: -277px -256px; } .sprite-1567573898down-arrow_01 { width: 22px; height: 6px; background-position: -312px -256px; } .sprite-1567573909icon-close { width: 10px; height: 10px; background-position: -324px -209px; } .sprite-1567573915icon-filter { width: 28px; height: 14px; background-position: -277px -272px; } .sprite-1567573929icon-shortby { width: 22px; height: 13px; background-position: -315px -272px; } .sprite-1567573954rectangle { width: 17px; height: 10px; background-position: -5px -295px; } .sprite-1567573975square { width: 17px; height: 12px; background-position: -32px -295px; } .sprite-1567573998up-arrow01 { width: 25px; height: 6px; background-position: -89px -296px; } .sprite-1571733663round-rug { width: 58px; height: 58px; background-position: -345px -5px; } .sprite-phone { width: 24px; height: 24px; background-position: -335px -131px; } .sprite-cart { width: 24px; height: 24px; background-position: -369px -131px; } .sprite-search { width: 24px; height: 24px; background-position: -240px -281px; } .sprite-stars { width: 42px; height: 7px; background-position: -347px -281px; }/* Mobile Menu Core Style */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_brand { float:left } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { font-size:16px; box-sizing:border-box; } .slicknav_menu * { box-sizing:border-box; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222222; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background:#4c4c4c; padding:5px; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_row { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ccc; color:#fff; } .slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ccc; color:#222; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_brand { color:#fff; font-size: 18px; line-height:30px; padding:7px 12px; height:44px; }@media print {div#redbar, div#trust-logos, div#basket-availability, div#navigation, div#left-column, div#home-gallery-outer, div#avts-middle, div#reviews-summary, div#news, div#iconbar, div.footer-column-2, div.footer-column-3, div.footer-column-4, div#redbar2, div#keypoints { display: none; } div#right-column, div#right-column-inner, .inner-container { width: 100%; } .screen { display: none; } .print { display: block; } h1, a { color: #393939; }}/* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center }/* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:none;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:none}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}/* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } .addressout { text-transform:lowercase; } .uppercase { text-transform: uppercase ; } .d-none { display:none; visibility: none; } .formerror { border:1px solid #f00!important; background-color:#ffa6a6!important; } #content{ padding-left: 15px; padding-right: 15px; } #list-item-container.search-results{ display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } #list-item-container.search-results > *{ box-sizing: border-box; } #list-item-container.search-results div.new-list-item{ flex-shrink: 0; width: 100%; max-width: 100%; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; margin: 0 !important; height: auto; } #list-item-container.search-results div.new-list-item .list-item-inner{ width: 100%; float: left; margin-bottom: 20px; } #list-item-container div.new-list-item a.image-link{ width: 100%; height: 243px; overflow: hidden; } #list-item-container.search-results.results-4-col div.new-list-item a.image-link{ height: 188px; } #list-item-container.search-results.results-6-col div.new-list-item a.image-link{ height: 128px; } #list-item-container div.new-list-item a.image-link img{ object-fit: cover; width: 100%; height: 100%; } #list-item-container div.new-list-item p.product_name, #list-item-container div.new-list-item div.info_row, #list-item-container div.new-list-item div.free-next-day{ float: left; width: 100%; } #list-item-container div.new-list-item p.product_name, #list-item-container div.new-list-item div.info_row{ margin: 0 0 5px; } @media screen and (max-width: 767px){ #list-item-container.search-results.results-1-col div.new-list-item{ width: 100%; } #list-item-container.search-results.results-2-col div.new-list-item{ width: 50%; } } @media screen and (min-width: 768px){ #list-item-container.search-results.results-2-col div.new-list-item{ width: 50%; } #list-item-container.search-results.results-4-col div.new-list-item{ width: 25%; } } @media screen and (min-width: 992px){ #list-item-container.search-results.results-4-col div.new-list-item{ width: 25%; } #list-item-container.search-results.results-3-col div.new-list-item{ width: 33.3%; } #list-item-container.search-results.results-6-col div.new-list-item{ width: 16.6666666667%; } }