/*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-color: #99cc00;}
#header {background: #FFFFFF;}
#menu {background: url(../images/mnbg.gif); background-repeat: no-repeat;}
#menu ul.mainmenu a {color: #336600;}
#wrapper {background: #FFFFFF;}
#rightcolumn, #leftcolumn {color: #58585a;}
#rightcolumn a, #leftcolumn ul a {color: #336600;}
#rightcolumn h1, #leftcolumn form {background: #FFFFFF;}
#footer {background: #FFFFFF;}
#rightcolumn h1, #leftcolumn form {color:#58585a;} 

/****************************************************** General styles *******************************************************/
body {font-family: VERDANA, Helvetica, sans-serif; font-size: 80%;} 
#wrapper {border: 5px solid white; background: white; margin-top: 10px;}
#header {background: #99ca3b;}
#footer {color: black; background:url(http://www.we-love-local.com/images/mnbg.jpg); border-top: none; border: 1px #99ca3b; border: 5px solid white; 
border-top: none;}

/****************************************************** Three column layout *******************************************************/
/*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;} /*wider central column with a right border*/
#farrightcolumn {width: 200px; display: block;} /*right column with display turned on*/

/****************************************************** Three column layout home *******************************************************/
/*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*/
body.page_home #wrapper, #footer {width:953px;} /*wider wrapper and footer, should be all the widths below + 3 pixels for borders*/
body.page_home #leftcolumn {width: 200px;} /*more space for the left column if desired*/
body.page_home #rightcolumn {width: 550px;} /*wider central column with a right border*/
body.page_home #farrightcolumn {width: 200px; display: block;} /*right column with display turned on*/

/****************************************************** Main menu styles *******************************************************/
#menu ul.mainmenu a {font-weight: normal; color: #ffffff; text-decoration: none;}
#menu ul.mainmenu a:hover {color: white; text-decoration: underline;}
#menu ul.mainmenu li {border: none; display: inline; padding: 0 0.6em; line-height: 2em;}
/*These lines enable the Suckerfish menu.*/
#menu {height: 32px;} /*It has a height so that it will appear correctly even if ul is floated for Suckerfish*/
#menu ul.mainmenu li ul {display: block; background: #99cc00;} /*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 {border-left: none;} /*Put the separator lines on the right*/

/****************************************************** Left column styles *******************************************************/
#leftcolumn ul {padding :0;}
#leftcolumn ul li {padding: 2px 20px;}
#leftcolumn ul li{border-bottom :none;}
#leftcolumn ul li.selected a{color: #58585a; text-indent: 3px; font-weight: bold;}
#leftcolumn div.leftpadding {padding: 0;}
#leftcolumn h3 {text-align:center; margin:0 ; padding-top:0; padding-bottom:5px; color: #; font-size: 14px;}
#leftcolumn h3 a {margin:0 ; padding-top:0px; padding-bottom:5px; color: #; font-size: 14px;}
#leftcolumn ul {margin: 0 3px 5px 3px; padding: 0; border: 1px solid #99ca3b; font-size: 12px;}
#leftcolumn ul ul {border: none;} /*no border on nested ul's though*/
body.page_aboutsection #leftcolumn ul.leftmenu {display: none;} /*don't display the submenu in the about us section*/
#leftcolumn p {margin: 20px 0 0 20px; width: 170px; padding: none; font-size: 90%; width: 160px; min-height: 182px; color: #ffffff;}
#leftcolumn p a {color: #ffffff; text-decoration: none;}
#leftcolumn p.basketcontents {border: 1px solid #94bd00; font-face: Verdana; color: #708C0D; margin-left: 5px; padding: 5px; min-height: 0; background:ur(/images/paperback.jpg); }
#leftcolumn p.basketcontents a {color: #708C0D;}
#leftcolumn p.basketcontents img {margin-left: -5px;}
#leftcolumn p img {border: none; margin: 0 0 2px 0; padding: 0; float: left;}
#leftcolumn p.wdg4 img.bullet {background: url(../images/wdg4.gif); background-repeat: no-repeat;}
#leftcolumn p.wdg4 {color:#ffffff; background: #669900; border: 2px solid #669900;}

/****************************************************** Right column styles *******************************************************/
#rightcolumn {border-left: none;}
#rightcolumn div {border: 1px #99ca3b;}
/*Products in the listing pages should have a grey background*/
#rightcolumn div.product {background: none; border :1px solid #99ca3b;}
/*Buttons in the right column (like add to basket) should have a border*/
#rightcolumn input.button {color: white; padding:0; border:1px solid black; background: #99ca3b;}
#rightcolumn dl {background: #e9f2cc; padding: 2px 0 5px 0; margin: 0 0 15px 0; border: 1px dotted #90dd00;}

/****************************************************** Far right column styles *******************************************************/
/*#farrightcolumn div {padding-top: 15px;padding-left:3px;padding-right:3px;}*/
/*#farrightcolumn div div {margin:0 ;border: 1px solid #99ca3b; padding:0; color: white;}*/
/*#farrightcolumn h3{margin:0; padding-left:35px; padding-top:7px; padding-bottom:5px; background:#9bbb59; color:white;font-size:16px;background:url(/images/header-chicken.gif);}*/
/*#farrightcolumn img {border-bottom:1px solid #;margin:15px 7px 5px 11px;}*/
/*#farrightcolumn p {color:#ffffff; padding-left:2px;margin-bottom:0px; background: #99ca3b; padding-top:3px; padding-bottom:3px;}*/
#farrightcolumn p {margin: 20px 0 0 20px; width: 170px; padding: none; font-size: 90%; width: 160px; min-height: 182px; color: #ffffff;}
#farrightcolumn p a {color: #ffffff; text-decoration: none;}
#farrightcolumn p img {border: none; margin: 0 0 2px 0; padding: 0; float: left;}
#farrightcolumn p.wdg1 img.bullet {background: url(../images/wdg1.gif); background-repeat: no-repeat;}
#farrightcolumn p.wdg2 img.bullet {background: url(../images/wdg2.gif); background-repeat: no-repeat;}
#farrightcolumn p.wdg3 img.bullet {background: url(../images/wdg3.gif); background-repeat: no-repeat;}
#farrightcolumn p.wdg1 {color:#000000; background: #ffcc00; border: 2px solid #ffcc00;}
#farrightcolumn p.wdg2 {color:#ffffff; background: #660066; border: 2px solid #660066;}
#farrightcolumn p.wdg3 {color:#ffffff; background: #cc0033; border: 2px solid #cc0033;}

/****************************************************** For coloured localities of cheeses *******************************************************/
/*For the locality - added by Paul 11/6/2009*/
body.product_local #rightcolumn h1 {color: #94bd00;}
#rightcolumn div.product_local {border-top: 6px solid #94bd00;}
body.product_uk #rightcolumn h1 {color: #86624d;}
#rightcolumn div.product_uk {border-top: 6px solid #86624d;}
body.product_international #rightcolumn h1 {color: #ffc500;}
#rightcolumn div.product_international {border-top: 6px solid #ffc500;}

/****************************************************** For cheese product sonly *******************************************************/
/*To make the product listings as a vertical listing. To get this to work, you need to upload the images*/
/*into the thumbnail box, or else it will display the full size image at 125px wide.*/
body.page_pageview_php #rightcolumn div.product {background: none; clear: both; width: 650px; float: none; font-weight: bold; height: 110px; line-height: 2em;}
body.page_pageview_php #rightcolumn div.product a {font-weight: normal;}
body.page_pageview_php #rightcolumn div.product a.productmoreinfo {color: white; padding: 1px 2px; border:1px solid black; background: #99ca3b;}
body.page_pageview_php #rightcolumn div.product img {float: left; width: 150px; margin-right: 10px; }
body.page_pageview_php #rightcolumn div.product img.image-flag {width: auto; margin-right: -1px; margin-top: -1px; }
/*The meta summaries are output onto every page, but they must be turned on with the line below*/
body.page_pageview_php #rightcolumn div.product span.productsummary {display: inline; font-weight: normal;}
body.page_pageview_php #rightcolumn div.product span.productsummary b {font-size: 110%;}
body.page_pageview_php #farrightcolumn {display: none;}
body.page_pageview_php #rightcolumn img {margin-right: 25px;} 
body.page_pageview_php #rightcolumn {width: 700px;}
body.page_pageview_php #rightcolumn div.clear {display: none;}
body.page_pageview_php #rightcolumn form {float: left; clear: none; width: 300px;}
body.page_pageview_php #rightcolumn form p {width: 300px; text-align: left;}

/***********************home links*********************/

div.steps {height: 92px;width: 480px;}
div.steps img {float: left;}
div.steps img a {border: none;}