.content h2, .content h3, a, #sidebar h2, .prod_dept dt, .client_text_colour { color: rgb(15, 62, 246); } a.button_1, img.btn_search, #sidebar li a:hover { background-color: rgb(246, 174, 49); } .sub a { background-color: rgb(239, 244, 248); } .menu { padding: 0px; margin-top: 10px; } .menu ul { background-color: rgb(239, 239, 239); border: none; } .menu li { border: none; z-index: 140; } .menu a { background-color: rgb(239, 239, 239); } td.subnav ul { top: 0px; } body { padding-top: 100px; font-family: Arial, Helvetica, sans-serif; margin: 0px; width: 100%; font-size: 14px; } #content-inner-wrapper { padding: 50px; } #logo { width: 200px; height: 76px; background: url("//cdn.wpmeducation.com/53544f/07654be9aa/E2FF-8619-46A1-ABBF-F445.png") 0px 0px no-repeat transparent; } #header_title { float: left; visibility: visible; } #wrapper { width: 100%; margin: 0px; border: 0px; background-color: rgb(255, 255, 255); padding: 0px; text-align: left; } #header { color: rgb(167, 168, 170); right: 0px; left: 0px; border-width: 0px; justify-content: space-between; padding: 10px; margin: 0px; height: 100%; background: linear-gradient(rgb(51, 51, 102), rgb(98, 190, 196)); } #header { position: fixed; height: 80px; top: 0px; z-index: 150; } #header a, #footer a, #footer a:link { color: rgb(167, 168, 170); font-size: 14px; text-decoration: none; } #header a:hover, #footer ul li a:hover { color: rgb(255, 255, 255); } #header-inner { width: 100%; margin: 0px; padding: 0px; } #content { width: 100%; padding: 0px; margin: 0px; max-width: 1050px; } .content { width: 100%; padding: 0px; margin: 0px; } #session-container { position: fixed; top: 0px; z-index: 155; color: rgb(167, 168, 170); margin-left: 50px; width: 100%; right: 10px; padding-left: 200px; } #basket-item-total, #logged-in-container { font-size: 12px; } #basket, #basket-item-total { clear: both; font-size: 14px; width: 100%; margin-bottom: 4px; height: 100%; } .top_nav_message { float: right; padding: 0px; } #content #basket .basket_account a, #content .basket_help a, #content .s_basket a { cursor: pointer; text-decoration: none; font-weight: 700; background-image: none; background-repeat: no-repeat; background-position: 5px center; display: block; height: 20px; padding-right: 0px; border: none; color: rgb(167, 168, 170); } #content .s_basket a { background-image: url("//cdn.wpmeducation.com/53544f/07654be9aa/F6A7-4F86-4C5F-B893-62D4.png"); } #content .s_basket a:hover { background-image: url("//cdn.wpmeducation.com/53544f/07654be9aa/6847-0378-4421-B14D-BB4E.png"); } #content #basket .basket_account a { background-image: url("//cdn.wpmeducation.com/53544f/07654be9aa/7411-60D9-4270-AF9E-6DBB.png"); } #content #basket .basket_account a:hover { background-image: url("//cdn.wpmeducation.com/53544f/07654be9aa/CC7C-ED8A-4E6B-A7E8-C1B1.png"); } #content #basket .basket_help a { background-image: url("//cdn.wpmeducation.com/53544f/07654be9aa/0F6A-0A45-4085-B723-23CB.png"); } #content #basket .basket_help a:hover { background-image: url("//cdn.wpmeducation.com/53544f/07654be9aa/BAAF-B30B-4385-AF1B-E8C9.png"); } #content #basket .basket_account a:hover, #content .basket_help a:hover, #content .s_basket a:hover { font-weight: 700; color: rgb(255, 255, 255); background-position: 5px center; } #content #basket .basket_help a, #content #basket .basket_account a, #content .s_basket a, #content #basket-item-total { margin: 0px; width: 100%; padding: 0px 0px 0px 25px; position: relative; background-size: 17px; } #content #basket .basket_account a, #content #basket .basket_help a, #content #basket .s_basket a { text-indent: 0px; line-height: 20px; width: 100%; content: initial; } #content #basket .basket_account a::after, #content #basket .basket_help a::after, #content #basket .s_basket a::after { text-indent: 0px; display: block; line-height: 20px; } #content .basket_help a { width: 30px; } #content #basket li { padding: 0px; margin-right: 0px; height: 20px; float: right; line-height: 20px; } #basket li.right { display: none; } #content #basket li#basket-item-total { text-decoration: none; font-weight: 700; background-image: none; background-repeat: no-repeat; height: 14px; border: none; color: rgb(167, 168, 170); margin-bottom: 0px; position: relative; line-height: 16px; padding: 0px; text-align: right; } #sidebar, #search_container, #basket, .cat_header div.header_inner { background-image: none; } .content li { margin: 0px; } #search_container { color: white; position: fixed; top: 50px; right: 10px; width: 300px; font-size: 14px; margin: 0px; padding: 0px; z-index: 155; } #search { clear: both; float: none; width: 100%; margin: auto; min-width: 280px; } #search_container form { padding: 5px; } #search_container .buttonwrapper { display: none; } .search { min-width: 85%; } #search-result-container li:hover, #search-result-container li:hover > a { color: #fff; background-color: #f6ae31; } #search-result-container a { color: #4b4e53; } #search-result-container { right: 13px; margin-top: 0px; position: fixed; font-size: 14px; color: rgb(167, 168, 170); background-color: rgb(239, 239, 239); width: 290px; border: none; left: auto !important; top: 88px !important; } #search-result-container ul { border: 1px solid #4b4e53; font-size: 14px; color: #a7a8aa; background-color: #efefef; } td.subnav #sidebar .menu h2 { display: none; } td.subnav { left: 0px; height: 100%; padding-bottom: 180px; width: 200px; background-color: rgb(239, 239, 239); } td.subnav h1#teststore { display: none; } .menu, .menu ul, .menu li { background-color: transparent; } #content, td.subnav, td.subnav #sidebar, td.subnav #sidebar .menu, #sidebar { transition: all 0.3s ease-in-out 0s; } .rounded { clear: both; width: 100%; height: auto; border: none; } div.rounded_inner { clear: both; padding: 5px 5px 0px; } .rounded_inner, .rounded_inner_product { clear: both; padding: 5px 5px 0px; } .cat_t { display: none; } .cat_b { display: none; } .content img { max-width: 850px; } .content img[alt~="Home Page Logo"], .content > img:first-of-type { width: 100%; } #content-inner .panel { border-radius: 0; } #content-inner .panel { border-radius: 0; } #content-inner .panel .panel-heading { border-bottom: 1px solid #D1D1D1 !important; padding: 5px; } #content-inner .panel-heading h2 { font-size: 16px; } #edit-delivery, #edit-payment-method, #edit-order-details { text-indent: -9999px; line-height: 0; min-width: 50px !important; } #edit-delivery:after, #edit-payment-method:after, #edit-order-details:after { content: 'Edit'; text-indent: 0; display: block; line-height: 20px; } .prod_dept li { min-width: 145px; max-width: 25%; } #footer { color: rgb(167, 168, 170); right: 0px; left: 0px; border-width: 0px; justify-content: space-between; padding: 0px; margin: 0px; height: 100%; background: none; font-size: 14px; } #footer-container { position: absolute; width: 100vw; margin: 0px; padding: 20px; background-color: rgb(28, 48, 74) !important; } #footer-inner { min-height: 200px; max-width: 900px; font-size: 14px; margin: 0px; } .footer_contact { float: left; width: 70%; } .footer_links { float: right; width: 30%; border: none; display: block; } #footer ul li { color: rgb(167, 168, 170); display: block; margin: 0px; padding: 0px; border: none; } #footer ul li a:visited { color: rgb(167, 168, 170); } #footer ul li a:hover { color: rgb(255, 255, 255); } .quick_link { background: rgb(239, 239, 239); } td.subnav #sidebar .menu { position: static; left: 0px; margin-top: 0px; } .menu ul li:hover ul { display: inline-block; } .menu ul li { background-color: rgb(239, 239, 239); } .menu ul li ul li ul li a { background-color: rgb(194, 194, 194); width: 100%; } .menu ul li ul li a { background-color: rgb(221, 219, 219); } .drop { background-image: none; } @media (max-width: 700px) { #header_title { visibility: hidden; } @media (max-width: 575.9px) { .content img,div.show,.extra_info_right { width: 100%; max-width: 570px; } div.show,.extra_info_right { padding: 5px; } .jCaptchaCanvas { position: relative !important; } .qty img, .panel img { width: initial; } #content-inner .panelGrey img[alt="Verified by Visa"], #content-inner .panelGrey img[alt="Mastercard Secure Code"] { max-width: 20%; margin:0 auto; } .t_info, .prod_r, .cat_header_wide h2, .payment_variation form, .purchase_control { width: 100%; } #header, #footer { padding: 5px; } .footer_contact { float: initial; width: 100%; } .footer_links { float: initial; width: 100%; } #logo { background: url("//cdn.wpmeducation.com/53544f/07654be9aa/F715-1872-4270-885F-88E4.png") 0px 0px no-repeat transparent; height: 45px; width: 116px; } #header_title { visibility: hidden; } #session-container { right: 5px; padding-left: 100px; } #search-result-container { width: 98%; left: 5px !important; top: 82px !important; } #search_container { right: 0px; width: 100%; } #content-inner-wrapper { padding: 25px 5px 5px; } .basket_help { display: none; } #content #basket .basket_account a, #content #basket .basket_help a, #content #basket .s_basket a { text-indent: -9999px; line-height: 0; width: 0px; content: ""; } #content #basket .basket_account a::after, #content #basket .basket_help a::after, #content #basket .s_basket a::after { content: ""; text-indent: 0px; display: block; line-height: initial; } #content #basket .s_basket a { content: "Basket"; width: initial; } #content #basket .s_basket a::after { content: "Basket"; width: initial; } #content #basket .basket_account a { content: "Account"; width: initial; } #content #basket .basket_account a::after { content: "Account"; width: initial; } #sidebar { clear: both; position: fixed; top: 90px; width: 100%; background-color: rgb(246, 174, 49); background-image: url("//cdn.wpmeducation.com/53544f/07654be9aa/A2E0-983F-4CF6-98F2-8E28.png"); background-repeat: no-repeat; background-position: 3px 3px; background-size: 28px 28px; padding: 0px; height: 35px; margin: 0px; z-index: 155; } td.subnav #sidebar .menu { position: fixed; left: -250px; margin-top: 35px; } td.subnav #sidebar:hover > .menu, .menu:hover { left: 0px; width: 100%; background-color: #EFEFEF; height: 250px; } .menu ul ul { position: relative; top: 0px; left: 50px; visibility: visible; display: none; } .menu ul li:hover ul { display: none; } .menu ul, .menu ul li, .menu ul li a { width: 100%; } .menu ul li { background-color: rgb(239, 239, 239); } .menu ul li ul li ul li a { background-color: rgb(194, 194, 194); width: 100%; } .menu ul :hover ul :hover ul, .menu ul :hover ul :hover ul :hover ul { display: inline-block; } .menu ul li ul li a { background-color: rgb(221, 219, 219); } .drop { background-image: none; } #logged-in-container { visibility: hidden; font-size: 0px; } #logged-in-container span::before { content: "Hello "; } #logged-in-container span:first-child { visibility: visible; font-size: 12px; color: rgb(246, 174, 49); } #content-inner .icon-printer { float: left; } #basket-response { margin: 40px; } } 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(246, 174, 49); } .menu :hover > a, .menu :hover > a.drop:hover, * html .menu a:hover, .menu :hover > a { background: rgb(246, 174, 49) !important; }