body { /*####### PLEASE NOTE THAT ONLY 1 CSS FILE CAN BE SUPPLIED. #######*/ /*Here you can change the font family, the font size and the background-color*/ font-size:0.8em; font-family: "Century Gothic"; background-color:#f5f5f5; color: #6c6c6c; } #header { background-color: #ed1c24; } #wrapper { /*Here you can add/remove border around the content*/ background-color:#FFFFFF; /* border-bottom:10px solid #FFFFFF; border-left:10px solid #FFFFFF; border-right:10px solid #FFFFFF; */ } .content h1, .content h2, .content h3, .content h4, a, .prod_dept dt, .tabs dl dt,.client_text_colour { /*Here you can change the main colour for titles, links...*/ color:#ce2438; } td.subnav{ /*Here you can change the background colour for the navigation on the left*/ background-color:#3a3a3a; } a.button_1, img.btn_search,#sidebar li a:hover, * html .menu a:hover, .menu :hover > a, .menu :hover > a.drop:hover, img.btn_search { /*Here you can change the hover colour for the links in the navigatiom*/ background-color:#ed1c24; } .sub a { /*Here you can change the background colour of the links expanding from the navigation*/ background-color:#4b4b4b; } .drop { background: none; } .menu :hover>a.drop:hover { background: none; } .drop::after { position: relative; top: 4pt; content: ""; display: inline-block; width: 0.4em; height: 0.4em; border-right: 0.2em solid white; border-top: 0.2em solid white; transform: rotate(45deg); margin-right: 0; float: right; } .menu a, .menu a:visited { display: block; text-decoration: none; width: 164px; color: #FFF; padding: 8px; } .menu h2 { color: #9a9ea0; font-size: 20px !important; display: none; } #sidebar { background-image: none; float: left; font-size: 14px; margin: 0; padding: 0; margin-bottom: 20px; width: 220px; } #search_container { background-image: none; } #sidebar li, #sidebar ul { background: none; border: none; } .menu { list-style: none; } .menu ul ul { top: 0px; list-style: none; } #address_container { background-color: #ed1c24; overflow: auto; } .address_sub { width: 50%; float: left; } #address_text_left, #address_text_right { width: 300px; } #address_text_left { text-align: right; margin-left: auto; margin-right: 0; border-right-color: #FFF; border-right-style: solid; padding-right: 20px; } #address_text_right { text-align: left; margin-left: 0; margin-right: auto; padding-left: 20px } /*Below is the styles for the header, you can add/remove any style relevant to your header */ #logo{ } #header_title { color: white; width: 150px; float: left; padding-top: 50px; padding-left: 150px; } #banner{ background-color:#ce2438; } /*Below is the styles for the footer, you can add/remove any style relevant to your footer */ #footer{ color:#FFF; background-color:#3a3a3a; padding: 0; height: 100%; } .link_sub { padding-top: 15px; padding-right: 30px; padding-left: 30px; height: 30px; }