/*This file can be used to override simple things, like the colours instead of editing the main stylesheet.*/
input, select, textarea {color: #3b5900;} /*inputs and other form elements are styled like this*/
/*Even if you don't want a border for the wrapper, leave in the bottom border (the same colour as the footer)*/
/*(eg border: none; border-bottom: 1px solid #fabb16;) or else Firefox doesn't display the background for some reason*/
#wrapper {border: 2px solid black; background: black;} /*the wrapper goes around all the content*/
#header {background: #;} /*colour to the top and bottom of the header*/
#menu {background: #c1c1c1;} /*background for the main menu*/
#menu ul.mainmenu a {color: #;} /*main menu links*/

#leftcolumn form {background: #fabb16;} /*background at top of left column*/

#leftcolumn p a 


#rightcolumn {color: #3b5900; background: #ffffff;} /*text colour in the content area*/
#rightcolumn a {color: #3b5900;} /*links in the content area*/
#rightcolumn h1 {color: white;} /*header links*/
#rightcolumn div.product {background: #ffffff;} /*background of product listing boxes*/
#rightcolumn div.product img {border: 1px solid #3b5900;} /*border around product listing images*/
#rightcolumn div.product a {color: #F70707;} /*product listing links*/
#rightcolumn input.button {border:1px solid #3b5900; background: #fabb16;} /*buttons in the content area*/
#rightcolumn img.productview {float:none; display:block;} /*makes it so the text wraps underneath the product view image*/
#footer {background:#; border: 1px solid #c1c1c1;} /*footer text and background colours*/
#footer a {color:#;} /*links in the footer*/



/*The styles below are automatically filled in.*/
body {background: #000000;}
#header {background: #000000;}
#menu {background: #000000;}
#menu ul.mainmenu a {color: #FFFFFF;}
#wrapper, #rightcolumn {background: #FFFFFF;}
#rightcolumn, #leftcolumn {color: #000000;}
#rightcolumn a, #leftcolumn ul a {color: #CC3300;}
#rightcolumn h1, #leftcolumn form {background: #FFFFFF;}
#footer {background: #000000;}
#rightcolumn input.button {color: #ffffff; border:1px solid #; background:#;} /*buttons in the content #rightcolumn h3 {color:#F70707;} /*header links*/

/*For a 3 column layout, you need to make the wrapper wider, turn on the farright column and*/
/*fill in the 'template-include-farright' text and translation*/
#wrapper, #footer {width:953px;} /*wider wrapper and footer, should be all the widths below + 3 pixels for borders*/
#leftcolumn {width: 200px;} /*more space for the left column if desired*/
#rightcolumn {width: 550px; border-right: 1px solid #cccccc;} /*wider central column with a right border*/
#farrightcolumn {width: 200px; display: block;} /*right column with display turned on*/

/*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: #000000; border-left: none; border-right: 1px solid white;} /*Put the separator lines on the right*/


