td.subnav { background-color: rgb(239, 239, 239); } .uoy a { background-color: transparent; } .uoy a:active, .uoy a:hover { outline: 0px; } .uoy h1, .uoy h2, .uoy h3, .uoy p, .uoy ul, .uoy li, .uoy div, .uoy a, .uoy img { box-sizing: border-box; } .uoy a { color: rgb(8, 115, 150); text-decoration: underline; } .uoy a, .uoy a:hover, .uoy a:active, .uoy a:visited { outline: 0px; } .uoy a:focus { outline: rgb(0, 179, 235) solid 2px; outline-offset: 1px; } .uoy a:hover { color: rgb(12, 90, 115); } .uoy a img { border: 0px; } .uoy img { outline: 0px; border: 0px; max-width: 100%; height: auto; } .uoy h1, .uoy h2, .uoy h3, .uoy p, .uoy ul { margin: 0px 0px 20px; } .uoy h1, .uoy h2, .uoy h3 { font-family: chaparral-pro, "Times New Roman", Times, serif; font-weight: 600; } .uoy h2, .uoy h3 { margin-bottom: 10px; } .uoy h1 { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 52.5em) { .uoy h1 { font-size: 2.5rem; line-height: 1.125; } } @media screen and (min-width: 64em) { .uoy h1 { font-size: 3rem; line-height: 1.05; } } .uoy h2 { font-size: 1.625rem; line-height: 1.15385; } @media screen and (min-width: 52.5em) { .uoy h2 { font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 64em) { .uoy h2 { font-size: 2.25rem; } } .uoy h3 { font-size: 1.375rem; line-height: 1.13636; } @media screen and (min-width: 52.5em) { .uoy h3 { font-size: 1.5rem; line-height: 1.25; } } @media screen and (min-width: 64em) { .uoy h3 { font-size: 1.75rem; } } .uoy p { overflow-wrap: break-word; } .uoy ul { padding: 0px 0px 0px 1.8em; } .uoy li { margin: 0px 0px 10px; break-inside: avoid; } .uoy ul { list-style: disc; } .uoy .o-wrapper { padding-left: 20px; padding-right: 20px; margin: 0px auto; max-width: 1200px; } @media only screen and (max-width: 29.9375em) { .uoy .o-wrapper { padding-left: 10px; padding-right: 10px; } } .uoy .o-wrapper--wide { max-width: 100%; padding: 0px; } .uoy .o-grid__row { font-size: 0px; position: relative; margin-left: -20px; } .uoy .o-grid__box { font-size: 1rem; line-height: 1.25; display: inline-block; vertical-align: top; padding-left: 20px; position: relative; } @media screen and (min-width: 52.5em) { .uoy .o-grid__box { font-size: 1rem; line-height: 1.375; } } @media screen and (min-width: 77.5em) { .uoy .o-grid__box { font-size: 1.125rem; line-height: 1.5; } } .uoy .o-grid__box--full { width: 100%; } .uoy .o-grid__box--quarter { width: 25%; } @media only screen and (min-width: 40em) and (max-width: 52.4375em) { .uoy .o-grid__box--quarter { width: 50%; } } @media only screen and (max-width: 39.9375em) { .uoy .o-grid__box--quarter { width: 100%; } } .uoy .o-grid__box--threequarters { width: 75%; } @media only screen and (max-width: 52.4375em) { .uoy .o-grid__box--threequarters { width: 100%; } } @media only screen and (min-width: 40em) and (max-width: 52.4375em) { .uoy .o-grid__box--threequarters + .o-grid__box--quarter { width: 100%; } } @media only screen and (min-width: 40em) and (max-width: 52.4375em) { .uoy .o-grid__box.o-grid__box--threequarters\@medium { width: 75%; } } @media only screen and (min-width: 30em) and (max-width: 39.9375em) { .uoy .o-grid__box.o-grid__box--half\@small { width: 50%; } .uoy .o-grid__box.o-grid__box--threequarters\@small { width: 75%; } } @media only screen and (min-width: 0) and (max-width: 29.9375em) { .uoy .o-grid__box.o-grid__box--full\@tiny { width: 100%; } .uoy .o-grid__box.o-grid__box--threequarters\@tiny { width: 75%; } } .uoy .c-main-header { color: rgb(64, 64, 64); background: white; position: relative; } .uoy .c-main-header__title { font-size: 1.5rem; line-height: 41px; display: block; float: left; margin: 20px 0px; } .uoy .c-main-header__title > a { display: block; } .uoy .c-main-header__logo { display: block; width: 200px; } .uoy .c-footer-main { background-color: rgb(64, 64, 64); color: rgb(226, 226, 226); border-top: 2px solid rgb(0, 179, 235); padding: 20px 0px; } .uoy .c-footer-main a { transition-property: color; transition-duration: 0.4s; transition-timing-function: ease-out; color: rgb(226, 226, 226); font-weight: bold; text-decoration: none; } .uoy .c-footer-main a:hover { color: rgb(0, 179, 235); text-decoration: none; } .uoy .c-footer-main ul { list-style-type: none; margin: 0px 0px 20px; padding: 0px; } .uoy .c-footer-main ul li { margin: 0px; padding: 0.1em 0px; } .uoy .c-footer-main__heading { margin: 20px 0px 10px; } .uoy .c-footer-main__address { margin-top: 0px; } .uoy .c-page-title__wrapper { background-color: rgb(64, 64, 64); } .uoy .c-page-title__wrapper--bordered { border-bottom: 3px solid rgb(8, 115, 150); } .uoy .c-page-title { min-height: 2.75em; overflow: hidden; background-color: rgb(64, 64, 64); max-width: 1200px; margin: 0px auto; } .uoy .c-page-title__header { font-family: chaparral-pro, "Times New Roman", Times, serif; font-weight: 600; font-size: 1.5rem; line-height: 1.25; padding: 10px 20px; margin: 0px; color: rgb(249, 249, 249); width: 50%; display: inline-block; } .c-page-title h2 { font-family: chaparral-pro, "Times New Roman", Times, serif; font-weight: 60; font-size: 1.5rem; line-height: 1.25; padding: 10px 2px; margin: 0px; width: 45%; float: right; text-align: right; display: inline-block; color: red; } @media only screen and (max-width: 29.9375em) { .uoy .c-page-title__header { padding-left: 10px; padding-right: 10px; } } .uoy .c-page-title__link.c-page-title__link { color: rgb(249, 249, 249); padding: 0px; text-decoration: none; } #search_container, #sidebar { background: none !important; } #sidebar h2 { display: none; } body { font-family: museo-sans, Helvetica, Arial, sans-serif; box-sizing: border-box !important; padding: 0px !important; } #wrapper { border-bottom: 10px solid rgb(255, 255, 255); border-left: 10px solid rgb(255, 255, 255); border-right: 10px solid rgb(255, 255, 255); } .prod_dept dt, .client_text_colour, li a { color: rgb(8, 115, 150); font-family: museo-sans, Helvetica, Arial, sans-serif; } h1, h2, h3, h2 a, h3 a { line-height: 1.25; font-family: chaparral-pro, Georgia, "Times New Roman", Times, serif !important; } h3 a { color: rgb(8, 115, 150); } p { font-family: museo-sans, Helvetica, Arial, sans-serif; } #basket, .basket_help, .basket_account { font-size: 0.8em; font-family: museo-sans, Helvetica, Arial, sans-serif; } .c-page-title { margin: 0px auto; max-width: 1000px !important; } a.button_1, .menu a:hover { background-color: rgb(12, 90, 115) !important; } .menu { font-size: 1em; font-family: museo-sans, Helvetica, Arial, sans-serif !important; } .sub a { background-color: rgb(239, 244, 248); font-size: 1em; } a#storesearch, img.btn_search { background-color: rgb(162, 52, 121) !important; } a.button_1 { font-family: museo-sans, Helvetica, Arial, sans-serif; font-size: 14px; } body { -webkit-font-smoothing: antialiased; } .uoy .c-footer-main a { color: rgb(226, 226, 226) !important; } .uoy .c-footer-main a:hover { color: rgb(0, 179, 235) !important; text-decoration: none !important; } .uoy .c-footer-main ul { margin: 0px 0px 20px !important; } .price { color: rgb(64, 64, 64); } a, a:visited, a:active { color: rgb(8, 115, 150); } #content { float: none; display: block; } img.btn_search { font-size: 1rem; font-weight: bold; line-height: 1.4; color: rgb(249, 249, 249) !important; background-color: rgb(162, 52, 121) !important; border-color: rgb(162, 52, 121) !important; box-shadow: none !important; } a, a:visited, a:active { color: rgb(255, 0, 0); }