body {background-image: url(../images/bgnd.jpg); font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 80%;} /*the font size is a percentage*/
table, tr, td, p, form, input, select, textarea {font-size: 1em;} /*Makes sure text in sub-elements stays the same size*/
textarea {font-family: Verdana, Helvetica, Arial;} /*Textareas should not appear with a fixed face font*/
img {border:1px solid #ffffff;} /*Images have white borders*/
body {}

/*This file can be used to override simple things, like the colours instead of editing the main stylesheet.*/
#wrapper {border: 1px solid #704c9d; 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 #4c2552; border-bottom: 1px solid white;}


#leftcolumn form input.button {border: 1px #4c2552;}
/*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: normal; 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 {margin-left: 1px;}
#leftcolumn .adbox, #leftcolumn .phonebox, #leftcolumn ul.leftmenu {width: 170px; background-color: #f0e6f1; border:1px solid #4c2552; 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: #704c9d; color: white; margin: 0;text-align:center;}
#leftcolumn .adbox form {background: none; height: auto;}
#leftcolumn a {color: #704c9d; text-decoration: none;}
#leftcolumn .phonebox {background-color: #f0e6f1; border-color: #4c2552;}
#leftcolumn .phonebox p {padding: 5px; color: #704c9d; 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: #704c9d;}
h2, h3 {padding-top: 5px;}
h2 {color: #704c9d; margin-top: 3px; margin-bottom: 3px;}
h3 {margin-top: 5px; margin-bottom: 5px;}
h3, h4, h5, h6 {color: #704c9d;}
body.page_productview_php h2, body.page_productview_php h3 {margin-bottom: 20px;} /*So product pages have extra spacing under the h3*/
#rightcolumn ul {list-style-image: url('../images/bullet.gif'); font-size: 1em; margin-left: 10px;}
#rightcolumn ol {list-style-image: none;}
#rightcolumn a, span.highlight, #rightcolumn b {color: #704c9d; text-decoration: none;}
#rightcolumn {border-left: none;}

/*Make the footer a different width too*/
#footer {width: 765px; height : 45px; border: none; color: white;}
#footer p {width: 761px; text-align: center; font-size: 90%;}
#footer a {color: white;  text-decoration: underline;}

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

/*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;}
#rightcolumn table.examples p {width: 300px;}
/*The tag for displaying HTML and CSS code*/
#rightcolumn code {color: #009999; display: block;}

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

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

/*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: #330066; 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;}
table.siteorderstats td.money {text-align: right; padding-left: 3px;}

/*Change the way the help popup displays so that it doesn't go under select lists on the site editing page*/
body.page_siteedit_php div.help {width: 300px; margin-left: 15px;}