/*The styles below are automatically filled in.*/
body {background-image: url(../images/bg.jpg);}
#header {background: #000000;}
#menu {background: #330000;}
/*These are the styles that can be overwritten by the site owner's (or visitor's) choices.*/
/*If this is required, you must copy these styles below*/
body {background: #000000;}
#header {background: #000000;}
#menu {background: #330000;}
#menu ul.mainmenu a {color: #FF0000;}
#wrapper {}
#rightcolumn, #leftcolumn {color: #CCCCCC;}
#rightcolumn a, #leftcolumn ul a {color: #CC0000;}
#rightcolumn h1, #leftcolumn form {background: #000000;}
#footer {background: #222222;}
#rightcolumn H1 {color:#ffffff;}
#rightcolumn div.product img {border: 1px solid #FB1106;} /*border around product listing images*/
#rightcolumn div.product {background: none;} /*background of product listing boxes*/

#wrapper {border: 1px solid black; background: black;}
#footer {color: black; background: #3d0000; border-top: none; border: 1px solid black;}

#menu ul.mainmenu li {border-left: 1px solid black;}

#menu ul.mainmenu a:hover {color: #ffffff; text-decoration: none;}

#footer a{color: #CC0000;}

#menu {border-top: 1px solid black; border-bottom: 1px solid black; background: #3d0000;}

#wrapper {margin-top:10px;}

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

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


/**************Right column Widgets ****************/

#farrightcolumn div {width:150px; background: #330000; margin-left: auto; margin-right: auto;}

#farrightcolumn div .h3 {max-width:140px; padding: 5px 0; color: #FF0000;}

#farrightcolumn div .img {width:140px; border-bottom: 5px solid #330000 ; margin-top:0;}