body { font-family: sans-serif; background-color: rgb(239, 239, 239); } #wrapper { border-bottom: 0px solid rgb(255, 255, 255); border-left: 0px solid rgb(255, 255, 255); border-right: 0px solid rgb(255, 255, 255); width: 100%; } .content h2, .content h3, a, #sidebar h2, .prod_dept dt, .client_text_colour { color: rgb(204, 0, 42); } #basket { font-size: 0.8em; } td.subnav { background-color: rgb(239, 239, 239); } a.button_1, img.btn_search, #sidebar li a:hover { background-color: rgb(204, 0, 42); } .menu { padding-top: 8px; } .sub a { background-color: rgb(239, 239, 239); } #logo { margin-left: 20px; } #logo img { width: 290px; } #header_title h1 { font-weight: bold; color: rgb(255, 255, 255); font-size: 1em; } #banner { border-bottom: 0px solid rgb(255, 255, 255); } #header { background-color: rgb(1, 33, 105); color: rgb(167, 168, 170); font-size: 1.7em; } #header-inner { max-width: 960px; margin: 20px auto; } body { background-color: rgb(37, 38, 40); } #header { background-image: url("//cdn.wpmeducation.com/53544f/67c3dc2b4f/197E-9FD1-4B67-A5C0-DFEE.png"); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } #content { max-width: 960px; margin: 0px auto; float: none; display: block; } #wrapper { background-color: rgb(239, 239, 239); } #footer .container { border-bottom: 1px solid rgb(51, 51, 51); } #footer .container .row { max-width: 960px; margin: 0px auto; padding: 24px; } #footer { background-color: rgb(29, 37, 45); color: rgb(255, 255, 255); height: auto; padding: 0px; } #footer a:link, #footer a:visited, #footer a:active { font-weight: bold; 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 { font-weight: bold; text-decoration: none; } #footer-inner .right { float: right; display: inline; } #footer-inner .left { float: left; display: inline; } img.icon { display: inline-block; border-radius: 50%; border: 1px solid white; margin: 12px; transition: all 0.3s ease 0s; cursor: pointer; width: 46px; height: 46px; } div.social-icons a { display: inline-block; margin: 12px; } div.social-icons { text-align: center; } div.social-icons a img.icon { margin: 0px; display: block; } div.social-icons a:hover img.icon-twitter, div.social-icons a:focus img.icon-twitter { background-color: rgb(42, 169, 224); border-color: rgb(42, 169, 224); } div.social-icons a:hover img.icon-facebook, div.social-icons a:focus img.icon-facebook { background-color: rgb(59, 89, 152); border-color: rgb(59, 89, 152); } div.social-icons a:hover img.icon-vimeo, div.social-icons a:focus img.icon-vimeo { background-color: rgb(78, 187, 255); border-color: rgb(78, 187, 255); } div.social-icons a:hover img.icon-instagram, div.social-icons a:focus img.icon-instagram { background-color: rgb(193, 53, 132); border-color: rgb(193, 53, 132); } div.social-icons a:hover img.icon-linkedin, div.social-icons a:focus img.icon-linkedin { background-color: rgb(0, 119, 181); border-color: rgb(0, 119, 181); } #footer p.small-heading { text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-weight: bold; margin-top: 0px; } .centre { text-align: center; } .content h2, #sidebar h2 { color: rgb(1, 33, 105); font-family: "sans-serif"; font-weight: 700; } #header_title h1 { font-family: "sans-serif"; margin-right: 20px; font-size: 40px; } h3 a, .quick_link a { color: rgb(235, 91, 106); } .content .quick_link li a:hover, .content .quick_link li a:focus, h3 a:hover, h3 a:focus { color: black; background-color: rgb(255, 232, 0); text-decoration: none; } .content li a:hover { text-decoration: none; } #search_container, #sidebar { background-image: none; } #sidebar li a:hover { background-color: rgb(255, 232, 0); color: black; } #sidebar { padding: 16px 20px 0px; } #sidebar h2 { text-transform: uppercase; } div.rounded .cat_t, div.rounded div.cat_b { background-image: none; } div.rounded_inner { margin-bottom: 20px; } div.rounded_inner { padding: 20px 20px 0px; } div.rounded_inner2 { background-color: rgb(238, 238, 238); padding: 15px 10px 0px; } div.rounded_inner2 h2 { padding: 0px 10px; } ul.prod_dept dl { background-color: white; } .prod_dept img { margin: 0px auto; } a.prod_name { display: block; min-height: 68px; padding-top: 5px; } .prod_dept li { width: 140px; margin-left: 10px; margin-right: 10px; } .quick_link { padding: 0px; margin: 20px 0px; } .quick_link td { padding: 0px 10px 0px 0px; } .content { padding-bottom: 20px; } .menu li { background: rgb(239, 239, 239); border-bottom: 1px solid black; } .menu ul { border-top: 1px solid black; } #basket { width: 100%; } .rounded { width: 100%; } .rounded_inner img { width: 100%; } div.rounded .cat_t, div.rounded div.cat_b { width: 100%; } .content { max-width: 660px; } #wrapper { background-image: url("//cdn.wpmeducation.com/53544f/67c3dc2b4f/2010-4E87-40CC-B630-825C.png"); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } #content, td.subnav { background-color: transparent; } .content .prod_dept li { margin-bottom: 20px; } .quick_link td:nth-child(2n) { padding-left: 10px; padding-right: 0px; } .quick_link td:nth-child(2n+1) { padding-left: 0px; padding-right: 10px; } dd, dt { padding: 0px; } dd.price { margin: 0px; } a.button_1, img.btn_search, #sidebar li a:hover { background-color: rgb(204, 0, 42); }