/*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: #FFFFFF;}
#header {background: #FFFFFF;}

#menu ul.mainmenu a {color: #666666;}
#wrapper {background: #FFFFFF;}
#rightcolumn, #leftcolumn {color: #666666;}
#rightcolumn a, #leftcolumn ul a {color: #6666FF;}
#rightcolumn h1, #leftcolumn form {background: #FFFFFF;}
#footer {background: #FFFFFF;}

/*For a 3 column layout, you need to make the wrapper wider, turn on the farright column and*/
/*fill in the 'template-page-right' text and translation.*/
#wrapper, #footer {width:953px;} /*wider wrapper and footer, should be all the widths below + 3 pixels for borders*/
#rightcolumn {width: 550px; border-right: 1px solid #cccccc; margin-right: 0;} /*wider central column with a right border*/

/*If the borders and background colours for your three columns are not stretching to the bottom*/
/*try using an image instead to specify the background colours and borders, like this:*/
#leftcolumn {border: none; background: none;} /*take off the background and border*/
#rightcolumn {border: none; background: none;}
#farrightcolumn {border: none; background: none;}
#wrapper {background-image: url(/images/background.gif); background-repeat: repeat-y;} /*Background for the wrapper div*/



/*This specifies what should separate the menu items, and the colour of the links*/

#farrightcolumn h2 {background: #FFFFFF; padding:0; margin:0; height: 32px;}



body {background-image: url(../images/strip.jpg); background-repeat: repeat-x;} 
body {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans serif; font-size: 80%;}


/* specify no background */

#wrapper {background: none; border-left: none; border-right: none; border-bottom: none; margin-top: 0;}


#rightcolumn h1 {max-height: 27px; color: #3D377F; background: none;}

#leftcolumn form {background: none; padding:0; margin:0; height: 32px;}
/*Border on the Go button for searching*/
#leftcolumn form input.button {border: 1px solid white; background: white;}

#menu {background: url(http://www.gallery204.co.uk/images/mnbg.jpg);}

/* menu styling */
#menu ul.mainmenu li {border-left: 1px solid #3D377F;}
#menu ul.mainmenu a {color: #3D377F; text-decoration: none;}
#menu ul.mainmenu a:hover {color: #9F9FA0; text-decoration: none;}

/* added by matt 24/06/08 /*
/*#menu {background: url(http://www.gallery204.co.uk/images/mnbg.jpg); border-top: none; border-bottom: none;}*/


/************************************ Left column *************************************/
/*Changed so that it doesn't need divs any more, by Paul 21/7/2008. The column is 198 pixels wide. The h3 and p tags*/
/*will stretch to this. The images are 180 pixels, plus 2 more for a 1px border each side, plus 8 pixels of margin each side.*/
#leftcolumn {width: 198px;} /*more space for the left column if desired*/
#leftcolumn .search {background: none;}
#leftcolumn div.leftpadding {padding: 0;} /*remove existing padding around this*/
/*#leftcolumn div.widget {border: 1px solid #827ad7; margin: 30px 0 0 0;}*/
#leftcolumn a {color: #827ad7;}
#leftcolumn img {margin: 0 8px; padding:0; border: 1px solid #827ad7; width: 180px;}
#leftcolumn h3 {margin: -4px 8px 0 8px; padding: 5px 0; background:#827ad7; color: white; text-align: center; font-size: 16px;}
#leftcolumn h3 a {color: white;}
#leftcolumn p {margin: 0 8px; padding: 5px; border: 1px solid #827ad7;}
#leftcolumn p a {color: #827ad7;}



/************************************ Right column *************************************/
/*Products in the listing pages should have a grey background*/
#rightcolumn div.product {background: none; border: 1px solid #3D377F;}

/*Tables for Products*/
#rightcolumn div.info table {border: 1px solid #9F9FA0; width: 450px; padding:0; margin: 3px 0 10px 0;}
#rightcolumn div.info td.title {background: #9F9FA0; padding: 0 3px; margin: 0; font-weight: normal;}
#rightcolumn div.info td.con {padding: 3px 3px 3px 17px; background: url(../images/button.gif) no-repeat;}
/*Using new HTML with divs*/
#rightcolumn div.productinfo {border: 1px solid #9F9FA0; width: 450px; padding:0; margin: 3px 0 10px 0;}
#rightcolumn div.productinfo h4 {background: #9F9FA0; padding: 0 3px; margin: 0; font-weight: normal;}
#rightcolumn div.productinfo p {align: bottom; margin: 0; padding: 0 5px;}
#rightcolumn div.productinfo ul {margin: 0; padding: 0 5px; list-style-type: none;}
#rightcolumn div.productinfo ul li {padding: 3px 3px 3px 17px; background: url(../images/button.gif) no-repeat;}
/*#rightcolumn div.productviewimage {padding-right: 200px;}*/
/*The div.productviewimage div needs to be floated or else the enlargement won't work*/
#rightcolumn div.afterproductviewimage {clear: both;}
#rightcolumn div.greetingsbutton {padding: 20px 0 20px 0;}



/************************************ Far right column added by Matt 18/07/08 *************************************/
#farrightcolumn {width: 198px; display: block; margin-left: 0;} /*right column with display turned on*/
/*#farrightcolumn div.widget {border: 1px solid #827ad7; margin: 10px 0 0 0; width: 180px;}*/
/*#farrightcolumn h3 {padding: 5px 0 5px 0; margin: 0; background:#827ad7; color: white; text-align: center;}*/
/*#farrightcolumn p {margin: 5px;}*/

/*Changed by Paul 21/7/08 so that it doesn't need divs any more. The far right column is 196px and consists of*/
/*images, then h3 tags, then paragraphs. The images are 180px wide with a 1px border. The h3 has*/
/*a blue background, and the paragraph tags also have a 1px border.*/
#farrightcolumn a {color: #827ad7;}
#farrightcolumn img {margin: 10px 8px 0 8px; width: 180px; border: 1px solid #827ad7;}
/*The h3 is negative top margin as a space opened up in IE for some reason.*/
#farrightcolumn h3 {margin: -4px 8px 0 8px; padding: 5px 0; color: white; background: #827ad7; text-align: center;}
#farrightcolumn h3 a {color: white;}
#farrightcolumn p {margin: 0 8px; padding: 5px; border: 1px solid #827ad7;}
#farrightcolumn p a {color: #827ad7;}



/************************************ Footer *************************************/
#footer {background: none;border-left: none; border-right:none; border-top: none; border-bottom: 1px solid #3D377F;}
#footer .cont {padding-top: 10px;}