/*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 #ccccc8; background: white;} /*the wrapper goes around all the content*/
#header {background: #fabb16;} /*colour to the top and bottom of the header*/
#menu {background: #ccccc8;} /*background for the main menu*/
#menu ul.mainmenu a {color: #;} /*main menu links*/
#leftcolumn form {background: #fabb16;} /*background at top of left column*/
#leftcolumn ul, #leftcolumn ul a {color: #3b5900;} /*links in the left menu*/
#rightcolumn  {color: #3b5900; background: #ffcccc;} /*text colour in the content area*/
#rightcolumn a {color: #3b5900;} /*links in the content area*/
#rightcolumn h1 {background: #fabb16;} /*background at top of content area*/
#rightcolumn div.product {background: #e4e4e4;} /*background of product listing boxes*/
#rightcolumn div.product img {border: 1px solid #;} /*border around product listing images*/
#rightcolumn div.product a {color: red;} /*product listing links*/
#rightcolumn input.button {color : #ffffff; border:1px solid #cc0000; background: #ff5674;} /*buttons in the content area*/
#footer {color:#ffffff; background:#ffffff; border: 1px solid #ffffff;} /*footer text and background colours*/
#footer a {color:#3b5900;} /*links in the footer*/


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

/*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*/


#wrapper {background: #e1e3ff}


/*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: #aeb0fb; border-left: none; border-right: 1px solid white;} /*Put the separator lines on the right*/
#rightcolumn {min-height:870px;}

/*\*/
* html #rightcolumn {height: 870px;} 
/**/