:root { --font-family: "Figtree", Arial, Helvetica, sans-serif; --font-icons: "Material Symbols Outlined"; --icon-search: "\e8b6"; --color-slate: #34516c; --color-charcoal: #2f3235; --color-charcoal-75: rgba(47, 50, 53, 0.75); --color-charcoal-50: rgba(47, 50, 53, 0.5); --color-charcoal-25: rgba(47, 50, 53, 0.25); --color-charcoal-10: rgba(47, 50, 53, 0.1); --color-blue: #007fb0; --color-red: #be1622; } * { font-synthesis: none; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } html, body { font-weight: 400; font-size: 15px !important; font-family: var(--font-family) !important; background-color: rgb(242, 242, 242) !important; line-height: 1.44 !important; letter-spacing: 0.019rem !important; color: var(--color-charcoal) !important; text-wrap: pretty !important; } #wrapper { background-color: rgb(255, 255, 255); border-bottom: 10px solid rgb(255, 255, 255); width: 100%; max-width: 960px; } #top { width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; } #top ul { margin: 0px 0.5rem; padding: 0px; display: flex !important; flex-direction: row !important; gap: 1rem !important; align-items: center !important; justify-content: end !important; list-style: none !important; } #top a { color: rgb(255, 255, 255); font-size: 0.93rem; font-weight: 550; text-decoration: none; } #header { background-color: var(--color-slate); padding: 1rem; box-sizing: border-box !important; } #header-inner { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0px !important; } #logo { width: 200px; } #logo img { width: 100%; } #logoTitle { font-size: 1.5rem; font-weight: 720; text-decoration: none; margin: 0px; padding: 0px; color: rgb(255, 255, 255); } .subnav { background-color: rgb(255, 255, 255) !important; } td.subnav { background-color: rgb(239, 239, 239); } #sidebar { background: none; font-size: 100%; padding: 0px; width: 100%; } #sidebar .menu h2 { color: var(--color-slate); } #sidebar .menu ul { width: 100%; } #sidebar .menu a { box-sizing: border-box; width: 100%; font-size: 0.9rem; padding: 0.6rem 0px !important; } #sidebar .menu ul ul a { padding-left: 0.6rem !important; } #sidebar .menu ul ul { left: 100%; } #sidebar .menu ul ul li { border: 0px !important; } #sidebar .sub a { padding-top: 0.35rem !important; padding-bottom: 0.35rem !important; } #sidebar .drop { background-repeat: no-repeat; background-position: 95% 13px; } #search_container { background: none; box-sizing: border-box; font-family: var(--font-family) !important; margin: 0px !important; border: 0px !important; padding: 0px 1.4rem !important; width: 100% !important; font-size: 100% !important; height: auto !important; } #search_container form a { background-image: none; background-color: var(--color-slate); border-radius: 0px; font-weight: 700; width: 100%; height: auto; font-family: var(--font-family) !important; border: 0px !important; margin: 0px !important; padding: 0px !important; } #search_container form a span { box-sizing: border-box; border-radius: 0px; background: none; width: 100%; height: auto; font-family: var(--font-family) !important; font-size: 0.9rem !important; border: 0px !important; padding: 0.5rem 1rem !important; } #search_container #search { background-color: var(--color-charcoal-10); box-sizing: border-box !important; border: 0px !important; padding: 1rem !important; height: auto !important; } #search_container #search #storesearch { border-radius: 0px 20px 20px 0px; background-color: var(--color-slate); align-items: center; justify-content: center; color: rgb(255, 255, 255); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M782.87-98.52 526.91-354.48q-29.43 21.74-68.15 34.61Q420.04-307 375.48-307q-114.09 0-193.55-79.46-79.45-79.45-79.45-193.54 0-114.09 79.45-193.54Q261.39-853 375.48-853q114.09 0 193.54 79.46 79.46 79.45 79.46 193.54 0 45.13-12.87 83.28T601-429.7l256.52 257.09-74.65 74.09ZM375.48-413q69.91 0 118.45-48.54 48.55-48.55 48.55-118.46t-48.55-118.46Q445.39-747 375.48-747t-118.46 48.54Q208.48-649.91 208.48-580t48.54 118.46Q305.57-413 375.48-413Z'/%3E%3C/svg%3E"); transition: 0.3s ease-in-out; box-sizing: border-box !important; width: 20% !important; padding: 0.3rem !important; height: auto !important; line-height: inherit !important; display: inline-flex !important; font-family: var(--font-icons) !important; } #search_container #search #storesearch img { visibility: hidden; margin: 0px !important; padding: 0px !important; } #search_container #search input { border-radius: 20px 0px 0px 20px; box-sizing: border-box !important; width: 80% !important; padding: 0.38rem 0.38rem 0.38rem 0.7rem !important; height: auto !important; line-height: inherit !important; } .content h2, .content h3 { margin: 0px; line-height: 1.1 !important; } .content p { margin: 0px 0px 0.5rem; font-size: 1rem !important; line-height: 1.44 !important; } .content p:last-of-type { margin-bottom: 0px !important; } .content h3, a, #sidebar h2, .prod_dept dt, .client_text_colour { color: var(--color-red); } .content h2 { color: var(--color-charcoal); } .content h3 a { color: var(--color-red); } .rounded { border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; padding: 2rem 0px; margin: 0px 0px 1rem; border-bottom: 2px solid var(--color-red); } .rounded_inner { display: flex; flex-direction: column; gap: 1rem; padding: 0px !important; margin: 0px !important; } .rounded_inner * { margin: 0px !important; } .rounded_inner h2 { font-size: 1.6rem; font-weight: 780; } .rounded_inner a { font-weight: 600; } .cat_t, .cat_b { display: none; } .quick_link { padding: 0px; margin: 2rem 0px; } .quick_link h3 { font-size: 1.23rem; font-weight: 680; margin-bottom: 0.5rem; } .quick_link td { padding: 0.3rem 0px; box-sizing: border-box !important; } .quick_link tbody tr td:first-of-type { padding-right: 1rem !important; } .quick_link tbody tr td:last-of-type { padding-left: 1rem !important; } .quick_link ul { display: flex; flex-direction: column; gap: 0.3rem; } .quick_link ul li { color: var(--color-blue); font-weight: 400; font-size: 0.8rem; margin: 0px; padding: 0px; } .quick_link ul li a { color: var(--color-charcoal); font-weight: 520; font-size: 0.93rem !important; } a.button_1, img.btn_search, #sidebar li a:hover { background-color: rgb(206, 17, 65); } .sub a { background-color: rgb(239, 244, 248); } #footer { color: rgb(255, 255, 255); } #footer { background-attachment: scroll; background-repeat: repeat-x; background-position: left bottom; background-color: rgb(206, 17, 65); } .prod_dept dt a:first-of-type { display: block; width: 140px; height: 140px; position: relative; line-height: 0; margin: 0px 0px 0.5rem; padding: 0px; overflow: hidden; border: 1px solid rgb(239, 239, 239); border-radius: 8px; } .prod_dept img { object-fit: cover; object-position: center center; position: absolute; width: 100% !important; height: 100% !important; } #session-container #basket { border-radius: 50px; margin: 0px; box-sizing: border-box !important; background: none rgb(239, 239, 239) !important; width: 100% !important; height: auto !important; padding: 0.7rem 0.8rem !important; } #session-container #basket ul { display: flex; justify-content: space-between; align-items: center; gap: 0.4rem; width: 100%; } #session-container #basket ul li { flex: 0 0 auto; margin: 0px !important; padding: 0px !important; } #session-container #basket ul li#basket-item-total { flex: 0 0 auto; margin: 0px auto 0px 0px !important; padding: 0px !important; } #session-container #basket ul li.s_basket { flex: 0 0 auto; margin: 0px !important; padding: 0px !important; } #session-container #basket ul li.right { display: none; } #session-container #basket ul li.basket_help { flex: 0 0 auto; margin: 0px !important; padding: 0px !important; } #session-container #basket ul li.basket_account { flex: 0 0 auto; margin: 0px !important; padding: 0px !important; } #session-container #basket .basket_account a, #session-container #basket .basket_help a, #session-container #basket .s_basket a { background-color: var(--color-charcoal-50); color: rgb(255, 255, 255); display: inline-flex; align-items: center; justify-content: center; gap: 0.3rem; flex-grow: 1; transition: 0.3s ease-in-out; background-image: none !important; border-radius: 20px !important; margin: 0px !important; padding: 0px 0.6rem 0px 1rem !important; width: auto !important; font-weight: 600 !important; font-size: 0.9rem !important; line-height: 0.9rem !important; } #session-container #basket .basket_account a:hover, #session-container #basket .basket_help a:hover, #session-container #basket .s_basket a:hover { background-color: var(--color-blue); } #session-container #basket .basket_account a::after { color: rgb(255, 255, 255); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 -960 960 960' width='16px' fill='%23ffffff'%3E%3Cpath d='M480-489.61q-74.48 0-126.85-52.37-52.37-52.37-52.37-126.85 0-74.48 52.37-126.56 52.37-52.09 126.85-52.09 74.48 0 126.85 52.09 52.37 52.08 52.37 126.56t-52.37 126.85Q554.48-489.61 480-489.61ZM140.78-131.17v-132.35q0-39.26 20.44-72.17 20.43-32.9 54.3-50.22 63.7-31.57 129.93-47.63 66.24-16.07 134.55-16.07 69.39 0 135.65 15.78 66.26 15.79 128.83 47.35 33.87 17.24 54.3 49.99 20.44 32.75 20.44 72.94v132.38H140.78Zm106-106h466.44v-23.53q0-10.45-5.5-19t-14.5-13.3q-50.61-24.74-103.92-37.67Q536-343.61 480-343.61q-54.87 0-109.3 12.94-54.44 12.93-103.92 37.67-9 4.75-14.5 13.3t-5.5 19v23.53Zm233.2-358.44q30.19 0 51.72-21.5 21.52-21.5 21.52-51.7 0-30.19-21.5-51.43-21.51-21.24-51.7-21.24t-51.72 21.34q-21.52 21.34-21.52 51.31 0 30.2 21.5 51.71 21.51 21.51 51.7 21.51Zm.02-73.22Zm0 431.66Z'/%3E%3C/svg%3E"); font-family: var(--font-icons) !important; margin: 0px !important; padding: 0px !important; width: 16px !important; height: 16px !important; } #session-container #basket .basket_help a::after { color: rgb(255, 255, 255); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 -960 960 960' width='16px' fill='%23ffffff'%3E%3Cpath d='M476.3-240q23.27 0 39.74-16.48 16.48-16.48 16.48-39.82t-16.48-39.45q-16.47-16.12-39.74-16.12-23.26 0-39.74 16.12-16.47 16.11-16.47 39.45 0 23.34 16.47 39.82Q453.04-240 476.3-240Zm-42.21-154h85.3q0-30.74 7.78-50.3 7.79-19.57 39.96-50.31 24.3-23.74 39.02-48.12 14.72-24.38 14.72-58.61 0-58.09-39.87-88.94-39.87-30.85-95.87-30.85-59.26 0-97.59 32.83-38.32 32.82-53.45 78.21l78.43 29.96q6.13-19.13 22.22-39.57 16.09-20.43 47.56-20.43 25.22 0 38.4 14.67 13.17 14.68 13.17 32.29 0 17.17-11.15 33.82-11.16 16.65-25.2 28.26-41.74 37.87-52.59 59.85-10.84 21.98-10.84 77.24ZM480-60.78q-87.52 0-163.91-32.96-76.38-32.96-132.88-89.47-56.51-56.5-89.47-132.88Q60.78-392.48 60.78-480t32.96-163.91q32.96-76.38 89.47-132.88 56.5-56.51 132.88-89.47 76.39-32.96 163.91-32.96t163.91 32.96q76.38 32.96 132.88 89.47 56.51 56.5 89.47 132.88 32.96 76.39 32.96 163.91t-32.96 163.91q-32.96 76.38-89.47 132.88-56.5 56.51-132.88 89.47Q567.52-60.78 480-60.78Zm0-106q131.74 0 222.48-90.74 90.74-90.74 90.74-222.48t-90.74-222.48Q611.74-793.22 480-793.22t-222.48 90.74Q166.78-611.74 166.78-480t90.74 222.48q90.74 90.74 222.48 90.74ZM480-480Z'/%3E%3C/svg%3E"); font-family: var(--font-icons) !important; margin: 0px !important; padding: 0px !important; width: 16px !important; height: 16px !important; } #session-container #basket .s_basket a::after { color: rgb(255, 255, 255); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 -960 960 960' width='16px' fill='%23ffffff'%3E%3Cpath d='M280-71.52q-33 0-56.5-23.5t-23.5-56.5q0-33 23.5-56.5t56.5-23.5q33 0 56.5 23.5t23.5 56.5q0 33-23.5 56.5T280-71.52Zm400 0q-33 0-56.5-23.5t-23.5-56.5q0-33 23.5-56.5t56.5-23.5q33 0 56.5 23.5t23.5 56.5q0 33-23.5 56.5T680-71.52Zm-419.87-640 83 174h277.74l95.3-174H260.13Zm-47.04-96.96h568.52q32.96 0 50.15 28.98 17.2 28.98 1.11 59.02l-129 233.96q-12.13 21.69-32.58 34.11Q650.84-440 626.52-440H333.61l-38.91 71.52h473.78v96.96H280q-51.22 0-76.48-44.02-25.26-44.03-1.43-86.98l52.3-93.48-139.48-295.52H31.52v-96.96h143.57l38 80Zm130.04 270.96h277.74-277.74Z'/%3E%3C/svg%3E"); font-family: var(--font-icons) !important; margin: 0px !important; padding: 0px !important; width: 16px !important; height: 16px !important; } #basket-item-total { padding: 0px !important; margin: 0px !important; } .rounded { width: 100% !important; }