/*This file can be used to override simple things, like the colours instead of editing the main stylesheet.*/
body {background: black; margin-top: 5px;}
input, select, textarea {color: #222222;} /*inputs and other form elements are styled like this*/
#wrapper {border: 2px solid white; background: white;} /*the wrapper goes around all the content*/
#header {background: #fa5763;} /*colour to the top and bottom of the header*/
#menu {background: #c1c1c1;} /*background for the main menu*/
#menu ul.mainmenu a {color: #404040;} /*main menu links*/
#menu ul.mainmenu a:hover {color: #404040;} /*main menu links rollover*/
#leftcolumn form {background: #fa5763;} /*background at top of left column*/
#leftcolumn ul.leftmenu a {color: #222222;} /*links in the left menu*/
#rightcolumn {color:#222222; background: #ffffff;} /*text colour in the content area*/
#rightcolumn h1 {background: #fa5763;} /*background at top of content area*/
#rightcolumn div.product {background: #e4e4e4;} /*background of product listing boxes*/
#rightcolumn div.product img {border: 1px solid #3b5900;} /*border around product listing images*/
#rightcolumn div.product a {color: #404040;} /*product listing links*/
#rightcolumn input.button {border:1px solid #222222; background: #fa5763;} /*buttons in the content area*/
#footer {color:#737463; background:#fa5763;} /*footer text and background*/
#footer a {color:#737463;} /*links in the footer*/

/*The styles below are automatically filled in.*/
body {}
#header {}
#menu {}
#menu ul.mainmenu a {}
#wrapper, #rightcolumn {}
#rightcolumn, #leftcolumn {}
#rightcolumn a, #leftcolumn ul a {}
#rightcolumn h1, #leftcolumn form {}
#rightcolumn div.product img {width: 125px;}
#footer {}

/*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: #c1c1c1; border-left: none; border-right: 1px solid white;} /*Put the separator lines on the right*/

/*Using the new text-first template*/
#wrapper {padding-top: 177px;}