/*This file can be used to override simple things, like the colours instead of editing the main stylesheet.*/
#wrapper {border: none; background: white; width:765px;} /*the wrapper goes around all the content*/
#header img {position: relative; left: -35px; border:none; margin-right: -35px;} /*colour to the top and bottom of the header*/

/*The border and background of the menu*/
#menu {border-top: 1px solid white; border-bottom: 1px solid white;}


#leftcolumn form input.button {border: 1px #cc0000;}
/*This specifies what should separate the menu items, and the colour of the links*/
#menu ul.mainmenu li {border-left: 1px solid white;}
#menu ul.mainmenu a {font-weight: bold; text-decoration: none;}

/*These styles apply to the ad boxes (client testimonials and login area) on all pages*/
/*The text is set by the template-include-left translation*/
#leftcolumn .adbox, #leftcolumn .phonebox, #leftcolumn ul.leftmenu {width: 156px; background-color: #f8eadc; border:1px solid #cc0000; margin: 6px 0 7px 0; padding:0;}
#leftcolumn .adbox p {padding: 5px 15px; margin: 0;text-align:center;} 
#leftcolumn .adbox h3, #leftcolumn .adbox h4 {padding: 3px 15px; background-color: #cc0000; color: white; margin: 0;text-align:center;}
#leftcolumn .adbox form {background: none; height: auto;}
#leftcolumn a {color: #cc0000; text-decoration: none;}
#leftcolumn .phonebox {background-color: #f8eadc; border-color: #cc0000;}
#leftcolumn .phonebox p {padding: 5px; color: #cc0000; font-weight: bold; text-align:center;}
#leftcolumn li {padding-left: 10px;}
#leftcolumn ul.managementlinks {background: #eeeeee;}
#leftcolumn ul.managementlinks li {padding-bottom: 8px;}

/*Make the right column a bit wider*/
#rightcolumn, #rightcolumn h1 {width: 570px;}
/*For the contact page*/
#rightcolumn table p, #rightcolumn table h3 {padding-left: 0;}
/*For the products*/
#rightcolumn img.productview {padding-right: 20px;}
/*So they don't stretch the contact page too much in IE*/
#rightcolumn table h3 {width: 180px; border:0;}
#rightcolumn h1 {color: #cc0000;}
h2, h3 {padding-top: 5px;}
h2 {color: #cc0000; margin-top: 3px; margin-bottom: 3px;}
h3 {margin-top: 5px; margin-bottom: 5px;}
h3, h4, h5, h6 {color: #FC6C03;}
#rightcolumn ul {list-style-image: url('../images/bullet.gif'); font-size: 1em; margin-left: 10px;}
#rightcolumn a, span.highlight, #rightcolumn b {color: #fc6co3; text-decoration: none;}
#rightcolumn {border-left: none;}

/*Make the footer a different width too*/
#footer {width: 765px; height : 40px; border: none;}
#footer a {color: white;}

/*The styles below are automatically filled in.*/
body {background: #525152;}
#header {background: #fc7e03;}
#menu {background: #CC0000;}
#menu ul.mainmenu a {color: #FFFFFF;}
#wrapper {background: #FFFFFF;}
#rightcolumn, #leftcolumn {color: #4a4949;}
#rightcolumn a, #leftcolumn ul a {color: #CC0000;}
#rightcolumn h1, #leftcolumn form {background: #ffffff;}
#footer {background: #CC0000;}

/*For the examples page*/
#rightcolumn table.examples h3 {margin: 0; padding: 0;}
#rightcolumn table.examples img {width:200px; padding-right: 5px;}
#rightcolumn table.examples tr td {padding-bottom: 10px;}

/*Products in the listing pages should have a white background*/
#rightcolumn div.product {background: #ffffff;border 1px #cc0000}

/*Buttons in the right column (like add to basket) should have a border*/
#rightcolumn input.button {color:#ffffff; padding:0; border:1px solid black; background: #CC0000;}

/*These lines enable the Suckerfish menu.*/
#menu {height: 2em;} /*It has a height so that it will appear correctly even if ul is floated for Suckerfish*/
#menu ul.mainmenu li ul {display: block;} /*Display the sub menus*/
#menu ul.mainmenu li {float: left;} /*They must be floated left*/
#menu ul.mainmenu li a {display:block;} /*Needed for Suckerfish submenus on IE*/
#menu ul.mainmenu li {background: #CC0000; border-left: none; border-right: 1px solid white;} 
#menu ul.mainmenu li ul {width: 15.2em;}
#menu ul.mainmenu li ul li {width: 14em;}

/*For the order stats page*/
table.siteorderstats tr td {font-size: 0.8em;}
table.siteorderstats td.month {text-align: right; font-size:}
table.siteorderstats td.money {text-align: right; padding-left: 3px; font-size:}