/* ----- Breadcrumb Custom Styles ----- */ div.content #breadcrumb { margin: 0% 0% 10px 0%; padding: 11px 0% 0% 15px; font-size: 12px; font-weight: 600; } div.content #breadcrumb a { margin: 0% 4px; font-size: 1.0em; font-weight: 400; vertical-align: 1px; } div.content #breadcrumb a:first-of-type { margin: 0% 4px 0% 0%; } #catalogue #breadcrumb { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 1.0em; color: #aeaeae; padding: 1em 1.5rem 0 0; text-transform: lowercase;} /* ----- Catalogue Menu Styling ----- */ div.content #catalogue_menu { margin: 15px 0% 0% 0%; float: none; } div.content #catalogue_menu h2 { margin: 0% 0% 24px 0%; padding: 6px 17px 8px 17px; font-size: 16px; line-height: 30px; color: #FFFFFF; background-color: #999999; border: 0px; letter-spacing: 0.025em; } div.content #catalogue_menu ul.menu li { margin: 0%; padding: 0%; font-size: 14px; line-height: 16px; } div.content #catalogue_menu ul.menu li a { margin: 0%; padding: 7px 16px; font-size: 14px; line-height: 1.375em; font-weight: 400; min-height: auto; position: relative; color: #292929; letter-spacing: 0.025em; } div.content #catalogue_menu ul.menu li div.arrow { margin: 0% 0% 0% 6px; width: 6px; height: 10px; bottom: 10px; display: none; position: absolute; background-image: url('../images/nav_drop_arrow.png'); background-repeat: no-repeat; } div.content #catalogue_menu ul.menu li:hover { background-color: transparent; } div.content #catalogue_menu ul.menu li:hover a { color: #238923; } div.content #catalogue_menu ul.menu li:hover div.arrow { display: inline-block; } div.content #catalogue_filters { margin: 0%; float: none; } div.content #catalogue_filters div.filters_btn { display: none; } div.content #catalogue_filters div.heading { margin: 0% 0% 24px 0%; padding: 6px 17px 8px 17px; font-size: 16px; line-height: 30px; color: #FFFFFF; background-color: #999999; border: 0px; letter-spacing: 0.025em; } div.content #catalogue_filters h4 { margin: 0%; padding: 0% 7px; font-size: 14px; font-weight: 700; letter-spacing: 0.025em; } div.content #catalogue_filters ul.filters { margin: 13px 0% 32px 0%; padding: 0% 7px; } div.content #catalogue_filters ul.filters li { margin: 0% 0% 14px 0%; padding: 0%; font-size: 13px; line-height: 16px; border-bottom: 0px; } div.content #catalogue_filters ul.filters li input[type=checkbox] { margin: -2px 15px 0% 0%; padding: 0%; width: 13px; height: 13px; top: 4px; left: 0px; border: 1px solid #333333; position: absolute; display: inline-block; vertical-align: middle; -webkit-appearance: none; } div.content #catalogue_filters ul.filters li input[type=checkbox]:checked { background-image: url('../images/checkbox_tick.png'); background-size: 100% auto; background-color: transparent; } div.content #catalogue_filters ul.filters li label { margin: 0%; padding: 0% 0% 0% 20px; line-height: 16px; font-weight: 400; position: relative; vertical-align: middle; letter-spacing: 0.025em; } div.content #catalogue_filters ul.filters li span { font-size: 0.875em; color: #FFAF27; } div.content #catalogue_filters ul.filters li:hover { background-color: transparent; } #catalogue .catalogue_filters span.heading, #catalogue_filters_container .catalogue_filters span.heading { display: none; } /* ----- Category List Custom Styles ----- */ div.content #category_list div.left { margin: 0%; padding: 0% 23px 0% 14px; width: 21.65%; float: left; } div.content #category_list div.right { margin: 0%; padding: 0% 0% 0% 19px; width: 78.35%; float: right; } div.content #products_container #page_navigation { margin: 0% 0% 1em 60%; width:40%; background-color: transparent;} div.content #category_list #category_header { margin: 15px 0% 16px 0%; padding: 0% 9px 0% 0%; width: 55%; float: left; } div.content #category_list #category_header h1 { margin: 0%; padding: 5px 14px 9px 14px; font-size: 1.5em; line-height: 1.25em; font-weight: 400; color: #3d3d3d; background-color: #FFFFFF; letter-spacing: 0.025em; } div.content #category_list #category_header img { margin: 0%; width: 100%; } div.content #category_list #category_description { margin: 14px 0% 16px 0%; padding: 0% 20px 0% 44px; width: 45%; float: right; background-color: transparent; } div.content #category_list #category_description p { margin: 0%; font-size: 14px; line-height: 18px; color: #292929; letter-spacing: 0.025em; } div.content #category_list #category_container { padding: 0% 0% 115px 0%; width: 100%; } div.content #category_list #category_container div.category_banner { margin: 0%; padding: 0%; width: 100%; } div.content #category_list #category_container div.category_banner img { margin: 0%; padding: 0%; width: 100%; display: block; border: 0px; } #catalogue ul#categories li { border: 0px; border-radius: 0px; } #catalogue #category_header h1 { margin: 0; padding: 0.25em 0.875em; font-size: 2.0em; font-weight: 500; color: #3d3d3d; text-align: center; background-color: #FFFFFF; display: block; } #catalogue ul#categories li .detail { padding: 10px 0 5px; width: 100%; background-color: #FFFFFF; } #catalogue .catalogue_filters h4 { font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.375em; font-weight: 400; color: #3d3d3d; background-color: #FFFFFF;} #catalogue .catalogue_filters ul.filters li span.label, #catalogue_filters_container .catalogue_filters ul.filters li span.label { padding: 0.125em 1em; font-family: 'Lato', sans-serif; font-size: 1.0em; vertical-align: middle; color: #3d3d3d; display: inline-block; } #catalogue .filter { margin: 1em 0 0; width: 100%; background-color: #FFFFFF; } /* ----- Category List Panel Custom Styles ----- */ div.content ul#categories { margin: 34px 0% 0% 0%; padding: 0% 7px; width: 100%; } div.content ul#categories li div.image_container { margin: 0%; border-radius: 1px; overflow: hidden; } div.content ul#categories li div.detail { margin: -1px 0% 0% 0%; padding: 19px 10px 36px 10px; min-height: 5em; text-align: center; background-color: #238923; } div.content ul#categories li div.detail p { margin: 0%; padding: 0%; font-size: 12px; text-transform: uppercase; color: #FFFFFF; } div.content ul#categories li:hover div.detail { background-color: #3D4C3D; } div.content ul#categories li:hover div.detail p { color: #FFFFFF; } #catalogue ul#categories li h2 { font-size: 1.25em; font-weight: 400; text-transform: uppercase; color:#3d3d3d; text-align: left;} #catalogue ul.products li .productlisting_caption { background-color: #FF9200; } #catalogue .price_container .price_segment { color: #3d3d3d; } #catalogue .price_container.productlisting_price .price_rrp, #catalogue .price_container.productlisting_price .price_was { font-weight: 700; } #catalogue .price_container .price_segment.price_rrp::before { display: none; } #catalogue .price_container .price_segment.price_rrp::after { display: none; } #catalogue .price_container.productlisting_price .price_now .Price_label { display: none; } #catalogue .price_container.productlisting_price .price_now .Price_value { font-size: 1.125em; line-height: 1.625em; color: #FF9200; } #catalogue .price_container.productlisting_price .price_now .Now_label, #catalogue .price_container.productlisting_price .price_now .Now_value { color: #116BC9; } /* ----- Product List Custom Styles ----- */ div.content #product_list div.left { margin: 0%; padding: 0% 23px 0% 14px; width: 21.65%; float: left; } div.content #product_list #category_summary { margin: 46px 0% 0% 0%; padding: 28px 24px 22px 22px; clear: both; } div.content #product_list #category_summary p { margin: 0%; padding: 0%; line-height: 1.75em; color: #FFFFFF; } div.content #product_list div.right { margin: 0%; padding: 0% 0% 2% 19px; width: 78.35%; float: right; } div.content #product_list #product_header { margin: 32px 0% 10px 0%; padding: 0% 9px 0% 14px; width: 100%; float: right; } div.content #product_list #product_header h1 { margin: 0% 0% 0.5em 0%; padding: 0%; font-size: 1.75em; line-height: 1.25em; font-weight: 600; color: #116BC9; background-color: transparent; } div.content #product_list #product_header img { margin: 0%; width: 100%; } div.content #product_list #product_description { margin: 20px 0% 18px 0%; padding: 0% 20px 0% 44px; width: 100%; float: right; display: none; } div.content #product_list #product_description p { margin: 0%; font-size: 14px; line-height: 18px; color: #292929; letter-spacing: 0.025em; } div.content #product_list #products_container { margin: 16px 0% 0% 0%; padding: 0% 0% 1em 0%; width: 100%; } div.content #product_list #products_container div.product_banner { margin: 0%; padding: 0%; width: 100%; } div.content #product_list #products_container div.product_banner img { margin: 0%; padding: 0%; width: 100%; display: block; border: 0px; } div.content #page_navigation { padding: 12px 16px; font-size: 13px; background-color: #F5F5F5; } div.content #page_navigation .page_sort { width: 36%; } div.content #page_navigation .page_sort span { font-size: 13px; color: #444444; } div.content #page_navigation .show_all { margin: 2px 0% 0% 0%; width: 38%; } div.content #page_navigation a { color: #444444; } div.content #page_navigation a:hover { color: #666666; } div.content #page_navigation .pagination { margin: 4px 0% 0% 0%; width: 26%; line-height: 17px; } div.content #page_navigation .pagination a { color: #FFFFFF; background-color: #444444; padding: 6px 8px; font-size: 15px; border-radius: 5px; } div.content #page_navigation .pagination a:hover { background-color: #666666; } div.content #page_navigation .pagination span.pages { margin: 0% 8px; vertical-align: 1px; } #catalogue #page_navigation .page_sort select { background-color: #FFFFFF; border: 1px #3d3d3d solid; padding: 5px 10px; } #catalogue #page_navigation a { font-weight: 600; text-decoration: none; color: #c88d94; } #catalogue #page_navigation .page_sort, #catalogue #page_navigation .show_all, #catalogue #page_navigation .pagination { font-size: 1.0em; vertical-align: middle; display: inline-block; float: none; } #catalogue #page_navigation .pagination a { padding: 5px 10px; background-color: #FFFFFF; vertical-align:unset; } /* ----- Product List Panel Custom Styles ----- */ div.content ul#products { margin: 0px 0% 0% 0%; padding: 0% 9px; width: 100%; display: flex; flex-wrap: wrap; } div.content #catalogue ul.products li { background-color: #FFFFFF; border:0;} div.content ul#products li div.image_container { margin: 0%; padding-top: 100%; border: 0px; overflow: hidden; } div.content ul#products li div.image_container .image_dimensions { background-color: #FFFFFF; } div.content ul#products li div.productlisting_details { padding: 0% 0% 9px 0%; border-top: 0px; } div.content ul#products li div.productlisting_details p { font-size: 0.825em; } div.content ul#products li div.productlisting_price { margin: 0% 0% 1em; padding: 0%; width: 100%; font-size: 1em; font-weight: 400; text-align: center; color: #00212B;} div.content ul#products li div.productlisting_price span.price_label { display: none; } div.content ul#products li div.productlisting_price .price_segment.price_rrp::before { content: ''; } div.content ul#products li div.productlisting_price .price_segment.price_rrp::after { content: ''; } div.content ul#products li div.productlisting_price .price_segment.price_now .Price_label { display:none; } div.content ul#products li div.productlisting_price .price_segment.price_now .Price_value { color:#FF9200; } div.content ul#products li div.productlisting_title, #catalogue ul.products li .productlisting_title { padding: 0.5em 0% 5px 0%; color:#6d6d6d; font-size:1.25em; line-height: 1.125em; font-weight: 900; text-transform: uppercase; text-align: left; } div.content ul#products li a.info { margin-top: 0; padding: 0.5em 2.50em 0.5em 1.25em; font-family: 'Raleway', Helvetica, sans-serif; font-size: 0.825em; text-decoration: none; color: #3d3d3d;; background-color: #ffffff; border: #292929 1px solid; border-radius: 20px; vertical-align: top; float: right; } div.content ul#products li a.info:hover { background-color: #d4d4d4; transition: all 300ms ease;} div.content ul#products li a.info::after { right: 10px; left:unset; margin-top:0px; content: '\f061'; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 1.125rem; font-weight: 300; position: absolute; color: #292929;} div.content #catalogue .product_addtobasket { margin-top: 0em; } ul#products li a span.item_status, div#products_slider li a span.item_status { display:none; } ul#products li.Sold a span.item_status, div#products_slider li.Sold a span.item_status { display: flex; position: absolute; z-index: 5000; background-color: #ae5b65; color: #fff; border-radius: 50px; width: 80px; height: 80px; text-align: center; align-items:center; justify-content: center; font-size: 1.275em; text-align: center; top: 0.5em; right: 0.5em; } #catalogue #products_header { margin-bottom: 0em; float:none !important; margin-left:0; } #catalogue #products_header h1 { font-family: 'Raleway', Helvetica, sans-serif; font-size: 2.0rem; text-transform: uppercase; font-weight:700; color: #616161; text-align: center; padding: 8px 20px; background-color: transparent; display: block; } #catalogue div.price_container div.price_segment.price_now span.price_label { display: none; } #catalogue ul.products li .productlisting_price { padding: 0; font-size: 1.25rem; line-height: 1.125em; color: #00212B; } #catalogue ul.products li .productlisting_price .price_left span { font-size: 1.00rem; } #catalogue ul.products li .productlisting_price .price_left { float:left; } #catalogue ul.products li .productlisting_price .price_right { margin-top: 0; color:#94a1a5; font-size: 1.00rem; float:right; } #catalogue ul.products li .productlisting_price .price_right span { font-size: 1.0rem; } /* ----- Product Detail Custom Styles ----- */ div.content #product_container { margin: 0%; padding: 0%; width: 100%; } div.content #product_container #col-left { margin: 0%; padding: 16px 24px 32px 16px; width: 40%; float: left; } div.content #product_container div.productpage_image { border: 0px; } div.content #product_container #mainproductimage_container { border: 1px solid #CFE0E2; border-radius: 1px; } div.content #product_container #main-product-image { margin: 0%; padding-top: 100%; width: 100%; height: 0; position: relative; overflow: hidden; } div.content #product_container #main-product-image div.image-container { margin: 0% auto; padding: 2px; left: 0; right: 0; top: 0; bottom: 0; background-color: #FFFFFF; border: 1px solid #CCDEE0; text-align: center; vertical-align: middle; position: absolute; display: inline-block; overflow: hidden; } div.content #product_container div.image-container::before { width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; } div.content #product_container div.productpage_image #image_thumbs img.selected { border: 1px solid #005966; } div.content #product_container div.productpage_image #image_thumbs img:nth-of-type(3n+3) { margin: 0% 3% 3% 0%; } div.content #product_container #col-right { margin: 0%; padding: 16px 16px 0% 24px; width: 60%; float: right; } div.content #product_container h1 { margin: 0% 0% 0.5em 0%; padding: 8px 0% 10px 0%; font-size: 2em !important; line-height: 1.25em; font-weight: 500; color: #3d3d3d; } div.content #product_container div.delivery { margin: 51px 13px 0% 0%; padding: 0%; float: right; } div.content #product_container div.price_incvat { margin: 0%; padding: 0% 0% 0% 2px; font-size: 18px; color: #292929; letter-spacing: 0.025em; } div.content #product_container div.price_incvat span.price { margin: 0%; padding: 0% 0% 0% 7px; font-size: 24px; font-weight: 500; color: #238923; letter-spacing: 0.025em; } div.content #product_container div.price_exvat { margin: 0%; padding: 2px 0% 0% 2px; font-size: 14px; color: #005966; letter-spacing: 0.025em; } div.content #product_container div.price_exvat span.price { margin: 0%; padding: 0% 0% 0% 4px; letter-spacing: 0.025em; } div.content #product_container .product_addtobasket { margin: 1em 0 0; padding: 0%; width: 100%; } div.content #product_container .product_addtobasket .quantity_label { margin: 0%; padding: 14px 47px 15px 0px; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.0em; font-weight: 400; color: #3d3d3d; background-color: transparent; border: 0px; } div.content #product_container .product_addtobasket .quantity_field { margin: 0%; padding: 0% 50px 0% 0%; background-color: transparent; border: 0px; } div.content #product_container .product_addtobasket .quantity_field input[type=text] { margin: 0%; padding: 4px 5px 2px 9px; width: 47px; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.0em; font-weight: 500; color: #00282D; background-color: #FFFFFF; border: 1px solid #005966; border-radius: 1px; -webkit-appearance: none; } div.content #product_container .product_addtobasket .add_to_basket { margin: 0%; padding: 0%; border: 0px; } div.content #product_container .product_addtobasket .add_to_basket button { font-family: 'Raleway', Helvetica, sans-serif; font-size: 1em; margin: 0 1em 0 0; padding: 0.5em 1.25em; min-width: 1px; text-decoration: none; color: #FFFFFF; background-color: #292929; border: 0 none; display: inline-block; } div.content #product_container .product_addtobasket .add_to_basket button:hover { background-color: #545454; transition: all 300ms ease;} #catalogue .product_addtobasket tr { background-color: transparent; } #catalogue .product_addtobasket .option_selection td { padding-top: 0.5em; padding-bottom: 0.5em; } #catalogue .product_addtobasket td { padding: 0.375em 0em; padding-top: 0.375em; padding-bottom: 0.375em; font-size: 0.875em; vertical-align: middle; } div.content #product_container .product_addtobasket .add_to_basket button:hover { background-color: #545454; } div.content #product_container div.productpage_description { margin: 43px 0% 30px 0%; padding: 0% 0% 0% 10px; width: 100%; } div.content #product_container div.productpage_description h2 { display: none; } div.content #product_container div.productpage_description p { margin: 0% 0% 1.75em; padding: 0%; font-size: 14px; line-height: 24px; color: #292929; letter-spacing: 0.025em; } div.content #product_container div.productpage_description li { margin: 0% 0% 0.2em; font-size: 14px; line-height: 24px; color: #292929; letter-spacing: 0.025em; } div.content #product_container #col-full { margin: 0%; padding: 0%; width: 100%; clear: both; } div.content #product_container div.product_description_left { display: none; } div.content #product_container #other_products { margin: 0% 0% 40px 0%; padding: 0% 0% 10px 0%; background-color: #FFFFFF; border: 1px solid #444444; } div.content #product_container #other_products #heading { margin: 0% 0% 10px 0%; padding: 11px 16px 12px 16px; font-size: 1.125em; font-weight: 600; color: #FFAF27; background-color: #444444; } div.content #product_container #other_products div.other_products { margin: 0% 10px; padding: 0%; } div.content #product_container #other_products div.item { margin: 5px; padding: 0%; width: auto; height: auto; float: left; overflow: hidden; } div.content #product_container #other_products div.item div.image_container { margin: 0%; padding-top: 100%; width: 100%; height: 0; position: relative; border: 0px; overflow: hidden; } div.content #product_container #other_products div.item div.image_container .image_dimensions { margin: 0% auto; padding: 3px; left: 0; right: 0; top: 0; bottom: 0; text-align: center; display: inline-block; vertical-align: middle; position: absolute; background-color: #FFFFFF; border: 1px solid #CCDEE0; overflow: hidden; } div.content #product_container #other_products div.item div.image_container .image_dimensions img { max-width: 100%; white-space: normal; vertical-align: middle; display: initial; } div.content #product_container #other_products div.item div.detail { padding: 0% 0% 9px 0%; border: 1px solid #CCDEE0; border-top: 0px; } div.content #product_container #other_products div.item div.detail div.title { margin: 0% 0% 9px 0%; padding: 9px 12px 0% 12px; height: 45px; font-size: 0.75em; line-height: 1.5em; text-align: center; text-transform: uppercase; overflow-y: hidden; color: #292929; letter-spacing: 0.025em; } div.content #product_container #other_products div.item div.detail div.price { margin: 0%; padding: 0% 0% 0% 21px; width: 50%; font-size: 1em; font-weight: 700; text-align: left; float: left; color: #116BC9; letter-spacing: 0.025em; } div.content #product_container #other_products div.item div.detail div.info { margin: -2px 0% 0% 0%; padding: 0% 20px 0% 0%; width: 50%; text-align: right; float: right; } div.content #product_container #other_products div.item div.detail div.info a.button { margin: 0%; padding: 0% 7px 1px 7px; font-size: 0.688em; line-height: 1.688em; display: inline-block; color: #FFFFFF; background-color: #116BC9; border-radius: 5px; letter-spacing: 0.025em; } div.content #product_container #other_products div.item div.detail div.info a.button:hover { background-color: #0181FD; } div.content #product_container #other_products div.other_products button.slick-next { margin: 0%; padding: 0%; width: 32px; height: 32px; top: -21px; right: 24px; background-image: url('../images/slick_other_right.png'); } div.content #product_container #other_products div.other_products button.slick-prev { margin: 0%; padding: 0%; width: 32px; height: 32px; top: -21px; right: 72px; left: auto; background-image: url('../images/slick_other_left.png'); } div.content #product_container #other_products div.other_products button.slick-next:hover { background-image: url('../images/slick_other_right_hover.png'); } div.content #product_container #other_products div.other_products button.slick-prev:hover { background-image: url('../images/slick_other_left_hover.png'); } div.content #product_container #other_products div.other_products button.slick-next:before { font-size: 0px; } div.content #product_container #other_products div.other_products button.slick-prev:before { font-size: 0px; } #catalogue #product_container input, #catalogue #product_container select { width: 10em; } #catalogue .price_container .price_now { font-size: 1.125em; } #catalogue .price_container .price_now .price_value { font-size: 1.125em; } div.page.product-detail section.shop .offset { margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1400px; position: relative; clear: both; } div.page.product-detail section.shop #breadcrumb { max-width: 1380px; margin: 0px auto; } div.page.product-detail section.shop #catalogue #product_container { max-width: 1400px; padding: 0px; margin: 0px auto; } #catalogue ul.products li a.info { margin-top: 0; padding: 0.5em 2.50em 0.5em 1.25em; font-family: 'Raleway', Helvetica, sans-serif; font-size: 0.825em; text-decoration: none; color: #3d3d3d;; background-color: #ffffff; border: #292929 1px solid; border-radius: 20px; vertical-align: top; float: right; } #catalogue ul.products li a.info:hover { background-color: #d4d4d4; transition: all 300ms ease;} #catalogue ul.products li a.info::after { right: 10px; left:unset; margin-top:0px; content: '\f061'; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 1.125rem; font-weight: 300; position: absolute; color: #292929;} div.content #product_container div.product_documents.content { min-height: 0px; } div.content #product_container div.product_documents div.document { max-width: 200px; width: 100%; display: inline-block; vertical-align: top; margin: 5px; } div.content #product_container div.product_documents div.document img { width: 100%; border: #cadae9 1px solid;} div.content #product_container div.product_documents div.document div { margin-top: .25em; padding: .5em; font-size: 0.875em; line-height: 1.5em; text-align: center; background-color: #ffffff; border: #292929 1px solid;} div.content #product_container div.product_documents div.document a { color:#292929; } div.content #product_container div.product_documents div.document a:hover div { color:#ffffff; background-color: #292929; } /* #catalogue .price_container .price_segment.price_rrp::before { content: "("; } #catalogue .price_container .price_segment.price_rrp::after { content: ")"; } */ #catalogue .price_container .price_segment.price_now .price_value { color:#3d3d3d; } #catalogue .price_container .price_segment.price_now .price_value .vat_ex_label { } #catalogue .price_container .price_segment.show_vat .price_value.gross { font-size: 0.75em; display: block;color: #94a1a5; } #catalogue #bottom-slides {border-top: 1px #e3e3e3 solid;} #catalogue #products_slider { margin: 1em 0% 0%; padding: 1em 0%; background-color: #FFFFFF;} #catalogue #products_slider .slick-prev { left: -20px; } #catalogue #products_slider .slick-next { right: -20px; } #catalogue #products_slider.outofstock_alternative { padding: 0; } #catalogue #products_slider.outofstock_alternative .heading { text-align: left; margin-bottom: 0.5rem; color: #444444; } div.content #catalogue #product_container div.specifications .spec-container p { line-height: 1.75em; } #catalogue #product_container .outofstockproudcticon_container svg { color: #3d3d3d; } #catalogue .stockmessageicon_container svg { color: #3d3d3d; } /* Alternative Product */ #catalogue #product_container .outofstockproduct_container { background-color: #FFBE00; } #catalogue #product_container .outofstockproudcticon_container .icon { color: #126BC9; } #catalogue #product_container .outofstockproductdescription_container .outofstock_productlabel { color: #126BC9; } #catalogue #product_container .outofstockproductdescription_container .outofstock_productnote { color: #FFF; } #catalogue .stock_message_container.show_oofstockmessage { background-color: #545454; } #catalogue .stockmessageicon_container .icon { color: #3d3d3d; } #catalogue .stock_message_container p { color: #fff; } #catalogue .stock_message_container p a { color: #3d3d3d; } #catalogue #products_slider .heading { color: #616161; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; padding: 0.5rem 0; max-width:1150px; margin:auto;} /* ----- Resolution Specific Custom Styles 1190px ----- */ @media only screen and (min-width: 0px) and (max-width: 1190px) { /* ----- Product Detail Custom Styles ----- */ div.content #product_detail div.delivery { display: none; } div.content #product_detail #other_products div.item div.detail div.price_left { padding: 0%; width: 100%; font-size: 16px; text-align: center; } div.content #product_detail #other_products div.item div.detail div.price_right { display: none; } /* ----- Resolution Specific Custom Styles 1070px ----- */ } @media only screen and (min-width: 0px) and (max-width: 1070px) { /* ----- Product List Panel Custom Styles ----- */ div.content ul#products li div.productlisting_price div.price_left { padding: 0%; width: 100%; font-size: 16px; text-align: center; } div.content ul#products li div.productlisting_price div.price_right { display: none; } /* ----- Resolution Specific Custom Styles 800px ----- */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* ----- Breadcrumb Custom Mobile Styles ----- */ div.content #breadcrumb { margin: 0% 2% 10px 2%; padding: 11px 15px 0% 15px; font-weight: 400; vertical-align: middle; } div.content #breadcrumb a { font-weight: 400; vertical-align: middle; } /* ----- Category List Custom Mobile Styles ----- */ div.content #category_list div.left { display: none; } div.content #category_list div.right { padding: 0%; width: 100%; float: none; } div.content #category_list #category_header { margin: 2px 0% 18px 0%; padding: 0%; width: 100%; float: none; } div.content #category_list #category_header h1 { padding: 8px 16px; } div.content #category_list #category_description { margin: 0% 0% 18px 0%; padding: 0% 16px; width: 100%; float: none; } div.content #category_list #category_container { padding: 0% 0% 115px 0%; width: 100%; } /* ----- Category List Panel Custom Mobile Styles ----- */ div.content ul#categories { margin: 34px 2% 0% !important; padding: 0% 16px;} #catalogue.tcol_2 ul#categories li { width: 47% !important;} div.content ul#categories li div.detail { margin: -1px 0% 0% 0%; padding: 18px 10px 18px 10px; max-height: 70px; text-align: center; background-color: #238923; } div.content ul#categories li div.detail p { margin: 0%; padding: 0%; font-size: 16px; text-transform: uppercase; color: #FFFFFF; } /* ----- Product List Custom Mobile Styles ----- */ div.content #product_list div.left { display: none; } div.content #product_list div.right { padding: 0%; width: 100%; float: none; } div.content #product_list #product_header { margin: 28px 0% 18px 0%; padding: 0% 16px; width: 100%; float: none; } div.content #product_list #product_header h1 { padding: 0%; font-size: 1.625em; } div.content #product_list #product_description { margin: 0% 0% 18px 0%; padding: 0% 16px; width: 100%; float: none; } div.content #product_list #products_container { padding: 0% 0% 24px 0%; width: 100%; } #catalogue #page_navigation, div.content #products_container #page_navigation { margin: 2%; padding: 0; width: 98%; position: relative; } #products_container #page_navigation .product_filters_btn { display: none; width: 43%; } div.content #catalogue #page_navigation div.page_sort { font-size: 1em; margin: auto; background-color: transparent; } #catalogue #page_navigation .show_all { display: none; } #catalogue #page_navigation .pagination { display: none; } div.content #show_more a { padding: 2%; width: 100%; background-color: #0D700D; } .catalogue_filters.mobile.active .catalogue_filters_btn_close { color: #c88d94; } /* ----- Product List Panel Custom Mobile Styles ----- */ div.content ul#products { margin: 18px 0% 0% 0%; padding: 0% 16px; } div.content ul#products li div.productlisting_title { padding: 10px 0.5em; font-size: 15px; line-height: 22px; min-height: none; } div.content #catalogue ul.products li div.productlisting_title p { font-size: 1em !important; } div.content #catalogue ul.products li div.productlisting_details { padding: 1em 0.5em; } div.content #catalogue ul.products li div.price_container div.price_segment { text-align: left; } #catalogue ul.products li .info { margin-top:1em; font-size: 0.825em; } div.content ul#products li a.info::after { right: 20px; } /* ----- Product Detail Custom Mobile Styles ----- */ div.content #product_container { margin: 0% auto; padding: 0%; width: 90%; } div.content #product_container #col-left { margin: 1em 1% 0; padding: 0%; width: 98%; } #catalogue #product_container #col-left { margin: 1em 1% 0; } div.content #product_container #col-right { margin: 0%; padding: 1em 0% 0% 0%; width: 100%; } #catalogue #product_container h1 { margin: 0 0 10px; padding: 0; font-size: 1.75em; line-height: 1.25em; text-align: left; } div.content #product_container .product_addtobasket { margin: 1em 0 0; padding: 0%; width: 50%; } div.content #product_container div.price_container div.price_segment { font-size: 1.5em; text-align: left; } div.content #product_container div.price_container div.price_segment span.price_label { display: none; } div.content #product_container #product_addtobasket { padding: 0%;width:50%; } div.content #product_container #product_addtobasket td { padding: 0.5em 1em; font-size: 1.25em; } div.content #product_container #product_addtobasket td.quantity_label { width: 35%; font-size: 1.25em; } div.content #product_container .product_addtobasket .quantity_label { font-size: 1.25em; } #catalogue #product_container input, #catalogue #product_container select { font-size: 1.25em; } div.content #product_container #product_addtobasket td.options { width: 65%; } div.content #product_container div.productpage_description { display: none; } div.content #product_container div.product_description_left { padding: 0% 12px; display: block; } div.content #product_container div.product_description_left br { display: none; } div.content #product_container div.product_description_left h2 { display: none; } div.content #product_container div.product_description_left p { margin: 0%; padding: 0%; font-size: 14px; line-height: 24px; color: #292929; letter-spacing: 0.025em; } div.content #product_container #other_products { margin: 0%; } div.content #product_container #product_addtobasket { max-width: 100%; } #catalogue ul.products li.no_results { width: 100% !important; } #catalogue ul.products li.no_results h2 { margin-left: 0%; } #catalogue ul.products li.no_results h3 { margin-left: 0%; } #catalogue ul.products li.no_results ul.search_tips li { margin-left: 0%; } div.content #product_container div.product_documents div.document { max-width: 200px; width: 45%; display: inline-block; vertical-align: top; margin: 5px 2.5%; } /* ----- Resolution Specific Custom Styles 620px ----- */ } @media only screen and (min-width: 0px) and (max-width: 620px) { /* ----- Product Detail Custom Mobile Styles ----- */ div.content #product_detail #col-left { padding: 6px 16px 20px 16px; width: 100%; float: none; } div.content #product_detail #col-right { padding: 6px 16px 32px 16px; width: 100%; float: none; } div.content #product_detail div.productpage_description { margin: 32px 0% 20px 0%; padding: 0%; display: block; } div.content #product_detail div.product_description_left { display: none; } #catalogue #products_slider { margin: 1em 10%; width:80%;} /* ----- Category List Panel Custom Styles ----- */ div.content ul#categories { margin: 34px 5% 0% !important; } #catalogue.mcol_2 ul#categories li { width: 90% !important;} #catalogue ul.products li .info { margin-top: 1em; font-size: 1.0em; } }