body { background-color: rgb(255, 255, 255); line-height: 1.38889; } #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); } .content h2, .content h3, a, #sidebar h2, .prod_dept dt, .client_text_colour { color: rgb(13, 50, 115); } #basket { font-size: 0.75em; } td.subnav { background-color: rgb(239, 239, 239); } a.button_1, img.btn_search, #sidebar li a:hover { background-color: rgb(13, 50, 115); } .menu { padding-top: 8px; } .sub a { background-color: rgb(239, 244, 248); } .header { position: relative; } .header a { color: rgb(255, 255, 255); text-decoration: none; } .header__container { display: flex; align-items: center; } .header__logo { flex: 0 0 auto; display: block; margin-left: auto; margin-right: auto; width: 158px; height: 42px; transition: opacity 0.2s ease-in-out 0s; padding-top: 0.8889rem; padding-bottom: 1.6667rem; } @media (min-width: 768px) { .header { z-index: 1000; } } .slat { width: 100%; padding-left: 0.8889rem; padding-right: 0.8889rem; background-color: rgb(255, 255, 255); } .slat__container { max-width: 73.5556rem; margin-left: auto; margin-right: auto; margin-top: -1px; padding-top: 1px; } .slat--blue { background-color: rgb(13, 50, 115); color: rgb(255, 255, 255); } @media (min-width: 768px) { .slat { padding-left: 1.7778rem; padding-right: 1.7778rem; } } #footer { background-color: rgb(13, 50, 115); color: rgb(255, 255, 255); border-top-width: 4px; height: 300px; } #footer a:link, #footer a:visited, #footer a:active { text-decoration: none; } #footer-inner { margin: 0px auto; text-align: left; } #footer-inner ul { margin: 0px; padding: 0px; } #footer-inner ul li { float: left; list-style: outside none none; border: none; padding: 0px; margin: 0px 0.5em 0px 0px; } #footer-inner a:link, #footer-inner a:visited, #footer-inner a:active { text-decoration: none; } #footer-inner .right { float: right; display: inline; } #footer-inner .left { float: left; display: inline; } .footer__title { color: rgb(255, 255, 255); opacity: 0.5; margin-bottom: 0.8889rem; font-size: 1.1667rem; } * + .footer__title { margin-top: 0.8889rem; } .footer__nav-links { line-height: 1.8; margin-top: 1.8889rem; } .footer__nav-links a { color: rgb(255, 255, 255); text-decoration: none; } .footer__nav-links a:hover { text-decoration: underline; } .social-list { display: flex; } .social-list__service a { color: rgb(12, 116, 106); } .social-list__service { margin-right: 0.8889rem; } .social-list--circled .social-list__service-link { display: flex; background-color: rgb(255, 255, 255); justify-content: center; align-items: center; border-radius: 100%; width: 56px; height: 56px; transition: color 0.2s ease 0s, background 0.2s ease 0s; } .social-list--circled .icon { width: 32px; height: 32px; } a.button_1, img.btn_search, #sidebar li a:hover, * html .menu a:hover, .menu :hover > a, .menu :hover > a.drop:hover { background-color: rgb(13, 50, 115); }