/* Navigation Styles */ #catalogue #page_navigation { margin: 0%; padding: 8px 5px 0% 0%; width: 42%; max-width: 485px; display: inline-flex; vertical-align: middle; position: relative; background-color: transparent; z-index: 11; } #catalogue #page_navigation * { color: #1F1B0F; } #catalogue #page_navigation a { color: #676858; } #catalogue #page_navigation div.page_sort { width: 42%; } #catalogue #page_navigation div.page_sort select { padding: 0.188em 0.25em; border-radius: 4px; } #catalogue #page_navigation div.show_all { width: 28%; } #catalogue #page_navigation div.pagination { width: 28%; } #catalogue #page_navigation div.pagination a { padding: 3px 7px; color: #FFFFFF; background-color: #676858; border-radius: 3px; } #catalogue #page_navigation div.pagination span.navigation { display: inline-block; vertical-align: middle; } #catalogue #page_navigation div.pagination span.pages { margin: 0% 0.325em; display: inline-block; vertical-align: middle; color: #1F1B0F; } /* Product List Styles */ #catalogue { padding: 47px 0% 72px 0%; width: 100%; } #catalogue #products_header { margin-bottom: 0%; padding-left: 2px; width: 56%; display: inline-block; vertical-align: middle; background-color: transparent; } #catalogue #products_header h1 { margin: 0%; padding: 0%; font-family: 'Open Sans', sans-serif; font-size: 1.875rem; line-height: 1.5em; font-weight: 900; text-transform: uppercase; color: #676858; background-color: transparent; letter-spacing: 0px; z-index: 10; } #catalogue #products_container { margin: 0%; padding: 37px 0% 0% 0%; display: block; position: relative; } #catalogue #products_container div.category_description { padding: 0%; background-color: transparent; } #catalogue #products_container ul.products { padding: 0%; background-color: transparent; } #catalogue #products_container ul.products li { padding: 0%; overflow: visible; border: 0px; } #catalogue #products_container ul.products li div.productlisting_thumbcontainer { padding: 5px; width: 100%; background-color: #FFFFFF; box-shadow: 0px 0px 5px rgba(0,0,0,0.33); transition: background-color ease 0.4s; } #catalogue #products_container ul.products li div.productlisting_imgthumb { margin: 0% 0% 4px 0%; width: 100%; text-align: center; } #catalogue #products_container ul.products li div.productlisting_imgthumb div.image_container a.image_dimensions:before { position: absolute; } #catalogue #products_container ul.products li div.image_container { overflow: hidden; } #catalogue #products_container ul.products li #multi-buy-icon { max-width: 65%; top: 0px; right: 0px; display: block; position: absolute; z-index: 100; } #catalogue #products_container ul.products li #multi-buy-icon img { display: block; } #catalogue #products_container ul.products li a.productlisting_details { padding: 8px 8px 1px 8px; display: block; background-color: transparent; border-top: 1px solid #797979; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_title { margin: 0% 0% 2px 0%; padding: 0%; font-size: 0.938em; line-height: 1.333em; font-weight: 400; text-align: center; text-transform: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_summary { margin: 0% 0% 2px 0%; font-size: 0.813em; font-weight: 400; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_summary p { margin: 0%; font-size: 1em; text-transform: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_price { margin: 2px 0% 0% 0%; padding: 0%; font-size: 0.875em; font-weight: 400; text-align: center; color: #1F1B0F; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_price div.price_segment { font-size: 1em; line-height: 1.429em; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_price span.price_label { display: none; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_price span.price_value { font-size: 1em; font-weight: 400; color: #1F1B0F; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_price span.sold_label { margin: 1px 0% 0% 0%; padding: 4px 10px; font-size: 0.813em; line-height: 1em; font-weight: 400; display: block; text-align: center; color: #FFFFFF; background-color: #D72F2F; } #catalogue #products_container ul.products li a.productlisting_details div.productlisting_stock { margin: 5px 0% 0% 0%; font-weight: bold; font-size: 14px; text-align: center; float: right; color: #25BC0F; } #catalogue #products_container ul.products li:hover div.productlisting_thumbcontainer { background-color: #ECECEC; } #catalogue div.no_results { padding: 3em 0% 0% 2em; width: 100%; } #catalogue li.no_results { width: 100%; list-style: none; } #catalogue li.no_results h2 { margin: 0% 0% 0.5em 0%; } #catalogue p.no_results { margin-left: 0%; } #catalogue #products_container ul.products li#show_more { margin: 2rem 0% 0% 0%; width: 100%; } /* Product Detail Styles */ #catalogue #product_container #image_thumbs { display: flex; gap: 8px; padding: 0; margin-top: 1rem; } #catalogue #product_container #image_thumbs img { width: 70px; height: 70px; object-fit: contain; border: 2px solid transparent; cursor: pointer; } #catalogue #product_container #image_thumbs img.selected { border-color: #000000; } #catalogue #product_container { padding: 0%; flex: 1; } #catalogue #product_container #col-left { width: 36%; } #catalogue #product_container #col-right { width: 60%; } #catalogue #product_container #main-product-image .image_dimensions img { display: inline; } #catalogue #product_container div.productpage_title { padding: 0% 0% 37px 0%; } #catalogue #product_container div.productpage_title h1 { margin: 0%; padding: 0%; font-family: 'Open Sans', sans-serif; font-size: 1.875rem; line-height: 1.5em; font-weight: 900; text-transform: uppercase; color: #676858; background-color: transparent; letter-spacing: 0px; z-index: 10; } #catalogue #product_container div.container { padding: 0%; background-color: transparent; } #catalogue #product_container div.product_content { padding: 15px 25px 15px 15px; width: 100%; background-color: #FFFFFF; box-shadow: 0px 0px 5px rgba(0,0,0,0.33); } #catalogue #product_container .productpage_details { max-width: 500px; } #catalogue #product_container #main-product-image.image_container #multi-buy-icon { max-width: 65%; top: 0px; right: 0px; display: block; position: absolute; z-index: 100; } #catalogue #product_container div.product-details div.description h2 { margin: 0% 0% 0.167em 0%; font-size: 1.875em; line-height: 1.5em; color: #676858 !important; } #catalogue #product_container div.product-details div.description p { margin: 0% 0% 1.333em 0%; font-size: 1.125em; line-height: 1.333em; font-weight: 400; color: #1F1B0F; } #catalogue #product_container div.product-details div.description span { margin: -6px 0% 1em 2px; font-size: 0.75em; display: block; position: relative; color: #676858; } #catalogue #product_container div.product-details div.detail { margin: 0% 0% 2em 0%; } #catalogue #product_container div.product-details div.detail table { width: 100%; } #catalogue #product_container div.product-details div.detail table td.label { padding: 0.444em 0.5em; width: 31%; font-size: 1.125em; line-height: 1.333em; vertical-align: middle; color: #262729; background-color: #D3C199; border: 3px solid #FFFFFF; } #catalogue #product_container div.product-details div.detail table td.detail { padding: 0.444em 0.5em; width: 60%; font-size: 1.125em; line-height: 1.333em; vertical-align: middle; color: #262729; background-color: #EBE2CF; border: 3px solid #FFFFFF; } #catalogue #product_container div.price_container div.price_segment { font-size: 1em; line-height: 1.5em; } #catalogue #product_container div.price_container div.price_segment span.price_label { font-size: 1.5em; color: #1F1B0F; } #catalogue #product_container div.price_container div.price_segment span.price_value { font-size: 1.875em; font-weight: 400; color: #1F1B0F; } #catalogue #product_container .product_addtobasket { margin: 0.25em 0% 0% 0%; width: 100%; text-align: right; } #catalogue #product_container .product_addtobasket .add_to_basket_container { background-color:transparent; } #catalogue #product_container .product_addtobasket table { display: inline-block; } #catalogue #product_container .product_addtobasket td.quantity_label { display: none; } #catalogue #product_container .product_addtobasket td.quantity_field { display: none; } #catalogue #product_container .product_addtobasket .add_to_basket { font-size: 1em; } #catalogue #product_container .product_addtobasket .add_to_basket button { min-width:auto; color:#fff; padding: 0.375em 0.688em; font-weight: 400; text-transform: none; background-color: #262729; border-radius: 4px; transition: background-color 0.4s ease; } #catalogue #product_container .product_addtobasket .add_to_basket button:hover { background-color: #676858; } #catalogue #product_container .stock_message_container.show_oofstockmessage { text-align: left; } #catalogue #product_container .product_reserved { color: #FFFFFF; background-color: #D72F2F; } /* Product Slider Styles */ #catalogue #products_slider * { font-family: 'Open Sans', sans-serif; } #catalogue #products_slider ul.products li { margin: 13px; padding: 0%; overflow: visible; border: 0px; } #catalogue #products_slider ul.products li div.productlisting_thumbcontainer { padding: 5px; width: 100%; background-color: #FFFFFF; box-shadow: 0px 0px 5px #000000; transition: background-color ease 0.4s; } #catalogue #products_slider ul.products li div.productlisting_imgthumb { margin: 0% 0% 4px 0%; width: 100%; text-align: center; } #catalogue #products_slider ul.products li div.productlisting_imgthumb div.image_container a.image_dimensions:before { position: absolute; } #catalogue #products_slider ul.products li a.productlisting_details { padding: 8px 8px 1px 8px; display: block; background-color: transparent; border-top: 1px solid #797979; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_title { margin: 0% 0% 2px 0%; padding: 0%; font-size: 0.938em; line-height: 1.333em; font-weight: 400; text-align: center; text-transform: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_summary { margin: 0% 0% 2px 0%; font-size: 0.813em; font-weight: 400; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_summary p { margin: 0%; font-size: 1em; text-transform: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_price { margin: 2px 0% 0% 0%; padding: 0%; font-size: 0.875em; font-weight: 400; text-align: center; color: #1F1B0F; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_price div.price_segment { font-size: 1em; line-height: 1.429em; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_price span.price_label { display: none; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_price span.price_value { font-size: 1em; font-weight: 400; color: #1F1B0F; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_price span.sold_label { margin: 1px 0% 0% 0%; padding: 4px 10px; font-size: 0.813em; line-height: 1em; font-weight: 400; display: block; text-align: center; color: #FFFFFF; background-color: #D72F2F; } #catalogue #products_slider ul.products li a.productlisting_details div.productlisting_stock { margin: 5px 0% 0% 0%; font-weight: bold; font-size: 14px; text-align: center; float: right; color: #25BC0F; } #catalogue #products_slider ul.products li #multi-buy-icon { max-width: 65%; top: 0px; right: 0px; display: block; position: absolute; z-index: 100; } #catalogue #products_slider ul.products li #multi-buy-icon img { display: block; } #catalogue #products_slider ul.products li:hover div.productlisting_thumbcontainer { background-color: #ECECEC; } #catalogue #products_slider ul.products button.slick-arrow { padding: 7px 9px 7px 5px; width: 48px; height: 48px; background-color: rgba(0, 0, 0, 0); background-position: center center; background-repeat: no-repeat; border-radius: 50%; opacity: 1; } #catalogue #products_slider ul.products button.slick-next { right: -10px; background-image: url('../images/new-arrivals-arrow-right.png'); background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; } #catalogue #products_slider ul.products button.slick-prev { left: -10px; background-image: url('../images/new-arrivals-arrow-left.png'); background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; } #catalogue #products_slider ul.products button.slick-arrow:hover { background-color: rgba(0, 0, 0, 0.8); border-radius: 50%; opacity: 1; } #catalogue #products_slider ul.products button.slick-arrow::before { content: ''; color: transparent; } /* 800px Resolution Specific Behaviour */ @media only screen and (max-width: 800px) and (min-width: 0px) { #catalogue { padding: 47px 0% 0% 0%; width: 100%; display: block; } /* Navigation Mobile Styles */ #catalogue #page_navigation { margin: 2rem 0% 1rem 0%; padding: 0%; width: 100%; max-width: 100%; flex: 0; background-color: #808080; } #catalogue #page_navigation * { color: #FFFFFF; } #catalogue #page_navigation div.page_sort { width: 100%; } #catalogue #page_navigation div.page_sort select { color: #1F1B0F; } #catalogue #page_navigation div.page_sort select option { color: #1F1B0F; } /* Product List Mobile Styles */ #catalogue #products_header { width: 100%; flex: 0; } #catalogue #products_container ul.products { padding: 0%; } #catalogue #products_container ul.products li { margin: 0% 0% 4% 0%; width: 48%; } #catalogue #products_container ul.products li.no_results { width: 100%; } #catalogue.mcol_2 #products_container ul.products li:nth-of-type(2n) { margin-left: 4%; } /* Product List Mobile Styles */ #catalogue #products_header h1 { padding: 0%; max-width: 92%; font-size: 1.813em; line-height: 1.063em; top: 22px; left: 16px; text-align: left; } #catalogue #products_container { padding: 40px 0% 0% 0%; } #catalogue #products_container ul.products { margin: 0%; } #catalogue #products_container div.container { padding: 50px 1em 2em 1em; } #catalogue #products_container div.product_content { padding: 1em 1em; } #catalogue #products_container div.product-details div.description h2 { margin: 0% 0% 0.75em 0%; line-height: 1.125em; } /* Product Detail Mobile Styles */ #catalogue #product_container { padding: 0%; } #catalogue #product_container #image_thumbs img { margin: 0 !important; } #catalogue #product_container #col-left { margin: 0%; width: 100%; } #catalogue #product_container #col-right { margin: 1.5em 0% 0% 0%; width: 100%; } #catalogue #product_container div.container { padding: 0%; } #catalogue #product_container div.product_content { padding: 1em 1em; } #catalogue #product_container div.productpage_title h1 { max-width: 92%; font-size: 1.813em; line-height: 1.063em; top: 22px; left: 16px; text-align: left; } #catalogue #product_container div.product-details div.description h2 { margin: 0% 0% 0.75em 0%; line-height: 1.125em; } #catalogue #product_container .product_addtobasket table { display: block; } #catalogue #product_container .product_addtobasket .add_to_basket button { padding: 0.5em 1em; font-size: 1rem; } #catalogue div.no_results { padding: 1em 0% 0% 0em; width: 100%; } #catalogue div.no_results li.no_results { width: 100%; } #mobile-search-container .search-fields input { font-size: 1.125rem; } }