/*	----------------------------------------------------------------------
	GLOBAL DEFAULTS
	Switching off things like the margin and padding, so we can then
	set them explicitly later on. Also some tricksy stuff with the type
	sizes.
	---------------------------------------------------------------------- */
* {
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:1em;
}


.printheader{display:none}


body {
	background-color:#ffffff;
	color:#333333;
	font-size:75%;
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
	text-align:center; /* Make IE align the wrapper in the center */
}

/* User feedback */

	p.message {
		font-size:1.1em;
		padding: 1em;
		border:1px solid #e3e1cd;
		background-color:#faf7e1;
	}
	
	p.ok,
	p.warning,
	p.info,
	p.error {
		background-repeat:no-repeat;
		background-position:6px 6px;
		padding:12px 0 12px 48px;
	}
	
	
	/*p.info{background-image:url(../ui/icon_userMessage_info.gif);}
	p.error{background-image:url(../ui/icon_userMessage_error.gif);}
	p.warning{background-image:url(../ui/icon_userMessage_warning.gif);}p.ok{background-image:url(../ui/icon_userMessage_ok.gif);}*/

	#serverNotice {
		padding:0.5em 1em;
		border-bottom:1px solid #CCCCCC;
		margin-bottom:0.5em;
		background-color:#FFFD41;
	}
	
	#serverNotice a {
		color:#0A0395;
		text-decoration:underline;
	}
	
/*	----------------------------------------------------------------------
	LAYOUT BOXES
	These are the boxes used to determine the main parts of the layout
	---------------------------------------------------------------------- 
#wrapper {
	padding:1em;
	width:61em;
	background-color:#000000;
	margin:0 auto;
	text-align:left; /* Over-ride the text-align in IE 5 
}	


#content {
	width:100%;
	float:left;
	background-color:#ffffff;
	padding-bottom:1.5em;
	/* tricky background to fake a column 
	background-image:url(../images/column_bkg.gif);
	background-position:43em 43em;
	background-repeat:repeat-y;
	/* This stops the background 
	dropping out of the box in Safari 
	overflow:hidden;
}
*/

/* The header and logo 

#header {
	float:left;
	width:inherit;
	/* Background 
	background-image:url(../images/header_blurb.gif);
	background-position:right top;
	background-repeat:no-repeat;
}


/* Footer 
#footer {
	padding:1em 2em;
	border-top:1em solid #000000;
	background-color:#eeeeee;
	clear:both;
}


*/

#header h1 {
	margin:0.2em 0 1em 0.4em;
	/* Image Replacement */
	float:left;
	overflow:hidden;
	width:88px;
	padding-top:75px;
	height:75px;
	height:0px;  Hack to hide from IE 5 
	/* background */
	background-image:url(../images/logo_header.gif);
	background-repeat:no-repeat;
	background-position:left top;
	_text-indent:-100em;
}
@media screen {
	#header img{display:none;}
}


/* GENERAL STYLES _______________________________________________________________________*/

#wrapper{width:756px;text-align:center;margin:0 auto 15px auto;padding:0 0 10px 0;background-color:#000000;}
#content{width:732px;height:auto;margin:0 auto;text-align:left;background:#ffffff url(../images/column_bkg.gif) repeat-y 516px top;padding:0;overflow:hidden}
#footer{width:732px;margin:11px auto 0 auto;text-align:left;background:#faf7e1 url(../images/footerbg.gif) no-repeat top left;float:none;clear:both;padding:10px 0}

#header {width:756px;margin:0;padding:0;text-align:center;position:relative;
background:#000 url(../images/banner_bg.gif) no-repeat top left;}

#header #userStatus {position:absolute;top:5px;right:5px;width:auto;font-size:0.9em}
#header #userStatus p{color:#000;padding:0;margin:0;}	
#header #userStatus a, #header #userStatus a:link, #header #userStatus a:visited{color:#000;text-decoration:underline}
#header #userStatus a:hover, #header #userStatus a:active{color:#000;text-decoration:none}
#header h1{display:none}



#hcontent_top{background:#fff url(../images/welcome_bg.gif) no-repeat top right;margin:0;padding:0;}
#ht_left{float:left;margin:0;padding:0;width:314px;position:relative}
#ht_left img{position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#ht_left img.active {z-index:10; opacity:1.0;}
#ht_left img.last-active {z-index:9;}

#ht_right{float:right;margin:0;padding:0;width:411px;text-align:left;}
#ht_right h3{color:#353534;line-height:25px;margin:14px 20px 0 0;padding:0;}
#ht_right p{margin:15px 15px 20px 8px;}

#mainColumn{background-color:#fff}
.clear{clear:both}



#footer h1 {
	margin:0 2em 0 0;
	/* Image Replacement */
	float:left;
	overflow:hidden;
	width:50px;
	padding-top:43px;
	height:43px;
	height:0px;  Hack to hide from IE 5 
	/* background */
	background-image:url(../images/logo_footer.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#footer h2 {
	border:0 !important;
}
#footer strong {
	font-weight:bold;
}
#footer p {
	font-size:0.9em;
	margin:0 4em 0 0;
	float:left;line-height:normal;
}
#footer #copyright {
	float:none;
	clear:both;
	margin:0 0 0 50px;
	padding:10px 0 10px 2em;
}


/* MAIN NAVIGATION ______________________________________________________________________*/

#mainNav{background:none;height:32px;width:760px;width:730px !important;
padding:117px 13px 0 13px;margin:0 0 0 0;border-bottom:10px solid #000;overflow:hidden;font-size:0.95em}

#mainNav li{float:left;list-style-type:none !important;display:block}

#mainNav a, #mainNav a:link, #mainNav a:visited{padding:10px 8px 10px 8px;display:block;
color:#fff;background-color:#000;font-weight:bold;text-decoration:none;border:none;}
#mainNav a:hover, #mainNav a:active {color:#fff;text-decoration:none;font-weight:bold;border:none;}


#maggiewrites  #maggiewritesNav,#products #productsNav,#productsList #productsNav,
#productsProfile #productsNav,#foodclub #foodclubNav,#recipes #recipesNav,#farmshop #farmshopNav,
#contactus #contactusNav {background-color:#9A583D;}


/* HOVER STATES ______________*/

#mainNav #homeNav a:hover, #mainNav #homeNav a:active{background-color:#b4975a}
#mainNav #televisionNav a:hover, #mainNav #televisionNav a:active {background-color:#e9d666}
#mainNav #maggiewritesNav a:hover, #mainNav #maggiewritesNav a:active {background-color:#c3a204}
#mainNav #productsNav a:hover, #mainNav #productsNav a:active {background-color:#e89719}
#mainNav #recipesNav a:hover, #mainNav #recipesNav a:active {background-color:#ffd457}
#mainNav #foodclubNav a:hover, #mainNav #foodclubNav a:active {background-color:#fbb163}
#mainNav #farmshopNav a:hover, #mainNav #farmshopNav a:active {background-color:#a84d10}
#mainNav #contactusNav a:hover, #mainNav #contactusNav a:active {background-color:#de8f3b}


/* ACTIVE STATES ______________*/

#home #mainNav{border-bottom:10px solid #b4975a} 
#home #mainNav #homeNav a{background-color:#b4975a}

#television #mainNav{border-bottom:10px solid #e9d666} 
#television #mainNav #televisionNav a{background-color:#e9d666}

#maggiewrites #mainNav{border-bottom:10px solid #c3a204} 
#maggiewrites #mainNav #maggiewritesNav a{background-color:#c3a204}

#shop #mainNav, #products #mainNav{border-bottom:10px solid #e89719} 
#shop #mainNav #productsNav a, #products #mainNav #productsNav a{background-color:#e89719}

#productsDetail #mainNav, #productsProfile #mainNav, #productsList #mainNav{border-bottom:10px solid #e89719} 
#productsDetail #mainNav #productsNav a, #productsProfile #mainNav #productsNav a, #productsList #mainNav #productsNav a{background-color:#e89719}


#recipes #mainNav{border-bottom:10px solid #ffd457} 
#recipes #mainNav #recipesNav a{background-color:#ffd457}

#recipesIntro #mainNav, #recipesDetails #mainNav, #recipesProfile #mainNav{border-bottom:10px solid #ffd457} 
#recipesIntro #mainNav #recipesNav a, #recipesDetails #mainNav #recipesNav a, #recipesProfile #mainNav #recipesNav a{background-color:#ffd457}



#foodclub #mainNav{border-bottom:10px solid #fbb163} 
#foodclub #mainNav #foodclubNav a{background-color:#fbb163}

#farmshop #mainNav{border-bottom:10px solid #a84d10} 
#farmshop #mainNav #farmshopNav a{background-color:#a84d10}

#contactus #mainNav{border-bottom:10px solid #de8f3b} 
#contactus #mainNav #contactusNav a{background-color:#de8f3b}

#press #mainNav{border-bottom:10px solid #bd3607} 

/*#mainNav a, #subNav a {text-decoration:none !important;}

/* Main Nav 
#mainNav {background-color:#3D3D3D;
background-image:url(../images/nav_border.gif);background-position:left bottom;background-repeat:repeat-x;}
#mainNav li {border-bottom:5px solid #000000;}
*/

#subNav {width:732px;margin:0 auto;text-align:left;background-color:#fff;border:none;padding:0;overflow:hidden;}
#subNav li {list-style-type:none !important;padding:8px 0 6px 18px;float:left;display:block;background-color:#fff;}

#subNav li a:link, #subNav li a:visited{color:#000000;}
#subnav li a:hover, #subNav li a:active{color:#000000;}
#subNav li a.current {font-weight:bold;color:#000000}


/* SearchBox */
div#search {float:right !important;border-bottom-width:0 !important;}
div#search input {margin-top:0;width:10em;float:none;}

/* Mini-searchBox */

#search.simple {float:none!important;border-bottom-width:0 !important;}
#search.simple input {margin-top:0;width:8em;float:none;}

/** Contacts **/
#contactus #content #mainColumn a.box {padding-left:0.5em;padding-right:0.5em;}
#contactus #content #mainColumn a.box:hover {background-color:#FAF5ED;}




/*	----------------------------------------------------------------------
	CONTENT STYLES
	These are the text styles used within the content area of the site.
	---------------------------------------------------------------------- */
#content h1 {font-size:4em;line-height:1em;}
#content h2 {font-size:2em;	margin-bottom:0.3em;color:#555555;font-family: Georgia, serif;}	
#content h3 {font-size:1.5em;color:#555555;	font-family: Georgia, serif;padding-left:0.5em;	padding-bottom:0.5em;}
#content h4 {font-weight:bold;}
#content p {line-height:1.4em;margin-bottom:1.2em;}
#content ul {margin-bottom:1em;}
#content strong {font-weight:bold;}

/* LINKS */
a:link {color:#B76F58;text-decoration:none;}
a:hover {text-decoration:underline;}		
a:visited {color:#4265BE;text-decoration:none;}

/* LINKED IMAGES */
#content a img {border:0;cursor:pointer!important;}
/* LISTS */
#content ul, #content ol, #content dl{list-style-position:outside;margin-left:1em;}
#content ul li {margin-bottom:0.25em;}
#content ol {margin-top:1em;margin-left:2em;}
#content ol li {margin-bottom:0.5em;}
/* MAGGIE'S SIGNATURE */
#maggie h4,#Maggie h4,#welcome h4{margin:0 4em 0 0;display:block;width: 100%;height:71px; /* Height for ie 5 */
height/**/:0;padding-top:71px;overflow:hidden;/* Drop in the image */background-repeat:no-repeat;
background-position:right top;background-image:url(../ui/signature_maggie_small.gif);}

.image p.caption {font-size:0.9em;color:#666;font-style:italic;margin-top:0;}

/*	----------------------------------------------------------------------
	CONTENT LAYOUTS
	Various boxes and layouts used within the content. Where appropriate
	grouped and styled using a decendent selector.
	---------------------------------------------------------------------- */
/* STANDARD PAGE TITLE */	
#pageTitle {width:100%;	background-color:#e3e1cd;height:6.5em;float:left;
color:#ffffff;/*display:none;*/	_overflow:hidden;}
#pageTitle #titleText {padding:25px 0 10px 20px;float:left;width:39em;}

#pageTitle h2 {color:#ffffff;}
#pageTitle h1{font-family:Georgia, "Times New Roman", Times, serif;color:#000000;font-size:2.4em;
padding:0;height:auto;}


.mfcc #pageTitle h1{font-family:Georgia, "Times New Roman", Times, serif;color:#000000;font-size:2em;
padding:0;height:auto;margin:0;}

.mfcc #mainColumn #pageTitle {width:100%;background-color:#fff;height:auto;float:left;color:#ffffff;/*display:none;*/	_overflow:hidden;}
.mfcc #mainColumn #pageTitle #titleText {padding:20px 0 10px 10px;float:left;width:auto;}
.mfcc #mainColumn img.recipeMain{padding-bottom:20px;text-align:left}


#pageTitle p {font-size:1.2em;font-style:italic;color:#333333;margin-top:0.5em;}
#pageTitle #titleImage {float:right;width:18em;height:100%;overflow:hidden;}
/*  Adjust font size for full article views:
	Allows longer title texts */
#pageTitle.article h1 {	}
/* Target gecko to do some fancy resizing */
#pageTitle #titleImage img {width:18em;}
/* COLUMNS (common to alot of pages) */

#mainColumn,
#mainContent {
	/*padding:1em 0 0 2em;width:39em;
	_width:38em;*/
	width:516px;padding:0;
	float:left;
	margin-left:0;
}

/* Secondary column stuff  width:18em;*/
#secondaryColumn {
	margin-right:0;
	padding:0;
	width:216px;padding:0;
	float:right;
}

#secondaryColumn a {
	text-decoration:none;
	font-weight:bold;
}

#secondaryColumn .box {
	padding:0.5em 0.5em 0 1em;
	float:left;
	width:16em;
}

#secondaryColumn .box h3 {font-size:1.3em;}

#secondaryColumn ul {
	width:14em;
}
#secondaryColumn li {
	list-style-type:none;
	margin:0 0 0.5em 0;
	overflow:hidden;
	width:auto;
	clear:both;
}
#secondaryColumn li img {
	/*width:16em;*/
}
/* Slight mod to the 'more details' list items */
#secondaryColumn li.more {
	margin-top:1em;
	padding-top:0.5em;
	border-top:1px solid #e3e1cd;
}
/* Slight mod to the 'loginOptions' list items */
#secondaryColumn .loginOptions li {
	font-size:1.3em;
}

/* TWO COLUMN VIEW */
#meta {
	width:16em;
	margin-right:1em;
	float:left;
}
#description {
	width:21em !important;
	margin-left:1em;
	float:left;
}

/*	----------------------------------------------------------------------
	ARTICLES
	These articles are small independent content blocks. These styles 
	are mainly concerned with the positioning of images and meta details,
	such as the date.
	---------------------------------------------------------------------- */
/* FEATURED ARTICLE */
#content .featureArticle {
	height:auto !important;
	border:0 !important;
}
#content #mainColumn h2 {
	font-size:1.8em !important;
	margin-bottom:0;
}
#content #mainColumn h3 {
	font-size:1.3em;
	margin-bottom:0.8em;
	color:#333333;
	padding-left:0;
}
#content .featureArticle:hover {
	background-color:transparent;
}
/* ARTICLE WITH INLINE IMAGE */	
#content .articleInlineImage .image {
	overflow:hidden;
	width:15em;
	margin-right:0.8em;
	float:left;
}
#content .articleInlineImage .image img {
	width:15em;
}
#content .image img.raw {
	width:auto!important;
	height:auto!important;
}

#content .image img {
	margin-bottom:2em;
}
/* BASIC ARTICLE (just text) */
#content .articleBasic {
	width:39em;
}
/* NEWS ITEM WITH IMAGE */
#content a.news {
	display:block !important;
	text-decoration:none;
}
#content a.news:hover {
	background-color:#FAF5ED;
}
#content .news {
	float:left;
	margin-bottom:1em;
	width:100%!important;
	_width:98%!important;

}
#content .news .text {
	margin:0 0 0 1em;
	/*width:23em;*/
	width:22em;
	float:right;
}
#content a.news .text {
	margin-top:1.5em;
}
#content .news .text h2 {
	margin-bottom:0.2em;
	letter-spacing:-0.08em;
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
	width:100%;
}
#content .news .text .date {
	font-size:1.4em;
	color:#999999;
	font-family:Georgia, Times, "Times New Roman", serif;
	margin:0.2em 0 0 0;
	float:right;
}
#content .news .text h3 {
	margin:0 0 0.3em 0;
	color:#333333;
	width:100%;
	clear:both;
	font-size:1.4em;
	font-weight:normal;
}
#content .news .text p,
#content .news .text ul,
#content .news .text dl{
	clear:right;
	font-size:0.9em;
}
#content .news .image {
	/*height:100%;*/
	overflow:hidden;
	width:15em;
	float:left;
}
#content .news .image img {
	width:15em;
}

#content dl {
	float:left;
	width:100% !important;
	margin:1em 0;
	padding:0;
	list-style-position:inside;
}

#content dt {
	/*display:block;
	clear:right;*/
	float:left;
	width:70%;
	margin-bottom:0.25em;
}

#content dd {
	/*display:block;*/
	/*float:right;*/
	clear:both;
	width:30%;
	margin-bottom:0.25em;
	font-weight:bold;
}

.pages {
	font-size:0.9em;
	margin-top:1em;
	border-top:1px solid #CCC;
	padding-top:1em;
	text-align:right;
}

.pages a {
	padding:0 1em;
}

.pages .nextPage {
	padding-right:0;
}


/*	----------------------------------------------------------------------
	THUMBNAILS:
	CLickable summaries for the mainColumn
	---------------------------------------------------------------------- */
#content #mainColumn .box {
	float:left;
	text-align:center;
	clear:both;
	width:40.5em;
}
#content .box .thumbnail {
	float:left;
	width:11.8em;
	height:12em;
	background-color:#fcfae9;
	margin:0 1em 1em 0;
	border:1px solid #e3e1cd;
	overflow:hidden;
	position:relative;
}

#content .box .thumbnail img {
	margin:0 0 0.5em 0;	
	padding:0;
}

#content .box .thumbnail a {
	
	
	float:left;
	width:11em;
	height:12em;
	padding:0.5em;
	margin:0;
	/*position:absolute;*/
}

#content .box .thumbnail a:hover {
	background-color:transparent!important;
}
#content .box .thumbnail h3 {
    font-size:0.9em;
    width:auto;
	padding:0;
	margin:0;    
    text-align:right;
    font-weight:normal;
    position:absolute;
    top:10.5em;
    left:1em;
}
#content .box .thumbnail a:hover {
	background-color:#FFFFFF;
	text-decoration:none!important;
}

#content .thumbOverlay {
	border-top:1px solid #CDCDCD;
	padding-top:1em;
	font-size:0.9em;
}

#content .thumbOverlay img {
	float:left;
	margin:0 1em 0 0;
	border:0.5em solid #E6E6E6;
}

#content .thumbOverlay a:hover img {
	border:0.5em solid #B76F58;
}
/*	----------------------------------------------------------------------
	INDEX PAGES
	Long lists of items: usually article summaries:
	---------------------------------------------------------------------- */
#content #mainColumn .listing .image{
	padding:6px;
}

#content #mainColumn .listing .details p,
#content #mainColumn .listing .details h3{
	padding-left:12px;
}

/*	----------------------------------------------------------------------
	INDEXING
	Lists of articles - index pages, search results, etc.
	---------------------------------------------------------------------- */
.listing {
	float:left;
	border-top: 1px solid #cccccc;
	width:100%;
}
a.listing:hover {
	background-color:#FAF5ED;
}
.listing,
.listing * {
	text-decoration:none !important;
}
.listing .details {
	float:right;
	width: 30em;
	padding-top:0.5em;
}
.listing .details p {
	font-size:0.9em;
}
.listing .image {
	float:left;
	width:8em;
}
.listing .image img {
	width:8em;
}

.resultGroup {
	margin-bottom:1.5em;
}

.resultGroup h3 {
}

.resultGroup p.pageControls {
	margin-top:0.5em;
	font-size:0.85em;
	float:right;
}

.searchResult .image {
	height:36px;
	overflow:hidden;
}
.searchResult .image img,
.searchResult .image {
	width:4em !important;
}
.searchResult .details h3 {
	border:0;
	margin-bottom:0.25em!important;
}
.searchResult .details {
	width: 34em;
}
/*	----------------------------------------------------------------------
	MAGGIE WRITES
	Some slightly tricky stuff for the positioning of news items with
	images. Swapping display order using floats.
	---------------------------------------------------------------------- */
/* GENERAL STYLES 
#maggiewrites  #pageTitle {
	background-color:#e7e7e7;
	height:10em;
}
#maggiewrites  #pageTitle h1 {
	margin-top:0.1em;
	color:#7A4D39;
}	
#maggiewrites  #pageTitle p {
	color:#000000;
}
*/
/*	----------------------------------------------------------------------
	FOOD CLUB
	Nothing really significant. Just added some logos and a slightly
	different colour scheme. Also some additional styling for the headers.
	---------------------------------------------------------------------- 
#foodclub #pageTitle {
	background-color:#ffffff;
	width:25em;
}
#foodclub #pageTitle h1 {
	/* Image Replacement *//*
	float:left;
	overflow:hidden;
	width:254px;
	padding-top:118px;
	height:118px;
	height/**//*:0px; /* Hack to hide from IE 5 */
	/* background *//*
	background-image:url(../images/logo_food_club.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#foodclub #content {
	background-image:none;
}
#foodclub #singleColumn {
	float:left;
	padding-top:2em;
	width:32em;
}
*/

#JoinTheClub h4{
position:relative;
	padding:1em 0.5em 0.5em 1em; 
	background-color:#faf7e1;
	display:block;
	font-size:1.75em;
	font-weight:normal;
	letter-spacing:-0.025em;
	margin-bottom:0.5em;
	float:left;
	width:96%;
	height: 45px;
	overflow:hidden;
	clear:both;
	/*IE5.5 HAX0RS */
	_width:100%;
	_padding-left:0.5em;
}
/*
#JoinTheClub h4 a{
	display:block;
	float:right;
	background:url(../ui/button_ClickHereToStart.gif) top left no-repeat;
	height:0;
	padding-top:49px;
	width:207px;
	overflow:hidden;
	text-indent:-100em;
	margin-top:-36px;
}
*/
#JoinTheClub h4 a{
display:block;
background:url(../ui/button_ClickHereToStart.gif) top left no-repeat;
position: absolute;
left: 260px;
width:207px;
top: 12px;
height: 0;
overflow:hidden;
padding-top: 50px;
}

#JoinTheClub h4 strong{
	float:left;
	font-weight:normal;
}

/*	----------------------------------------------------------------------
	COLORS
	Various colours for features and titles
	---------------------------------------------------------------------- */
/* Lemon */ 
div.lemon {
	border-color:#FFF556 !important;
	background-color:#E8CD4A;
}
/*div.lemon h1,div.lemon h2{color:#FFF556 !important;}
div.greenolive h1,div.greenolive h2{color:#92B55C !important;}
div.verjuice h1,div.verjuice h2{color:#D0F578 !important;color:#6a7601}
div.quince h1{color:#993333 !important;}
h1.lime, h2.lime, h2.lime {	color:#95BD3E !important;}
div.lime h3 {color:#95BD3E !important;}
h1.salmon, h2.salmon, h2.salmon {color:#D56421 !important;}
div.salmon h3 {color:#D56421 !important;}

*/


/* Green Olive */ 
div.greenolive {border-color:#92B55C !important;}

/* Verjuice */ 
div.verjuice {border-color:#D0F578 !important;background-color:#E4F5BA;}

/* Quince */ 
div.quince {border-color:#993333 !important;}

/* Lime */ 
div.lime {border-color:#95BD3E !important;background-color:#D7E9B1;}

/* salmon */ 
div.salmon {border-color:#D56421 !important;background-color:#E6E6E6;}


/*	----------------------------------------------------------------------
	BASKET
	This is our fancy order display panel. By default it is hidden from
	view. With css on we can see it. Without we get a table
	---------------------------------------------------------------------- 
#header #userStatus {	
	margin:60px 0 1px 0;
	position:relative;
	float:right;
	width:30em;
}
#header #userStatus p{
	color:#ffffff;
	padding:0.6em 0.8em 0.6em 1.6em;
	margin:0 0 1px 0;
	float:right;
	background-color:#1E1E1E;
	background-image:url(../images/widget_basket_bkg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}	
#header #userStatus a:visited {
	color:#666666;
}*/
	
#header #cartContainer {
	margin:60px 0 1px 0;
	position:relative;
	float:right;
	width:30em;
}

#secondaryColumn #cartContainer {
	margin:1em 0.5em 1em 1em;
	_margin:0em 0 0 0em; /* IE Borks us the margins as usual */
	width:16em;
	clear:both;
	float:left;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

#secondaryColumn #cartContainer h3 {
	background-color:#000000;
	color:#FFFFFF;
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
	font-size:1.1em;
	padding:0.5em;
}

#basket {
	color:#ffffff;
	padding:0.6em 0.8em 0.6em 1.6em;
	margin:0 0 1px 0;
	float:right;
	background-color:#1E1E1E;
	background-image:url(../images/widget_basket_bkg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#basket a {
	color:#ffffff !important;
	text-decoration:none !important;
}
#basket a#cartLink {
	padding:0.6em 0.8em 0.6em 42px;
	
	color:#ffffff !important;
	text-decoration:none !important;
	/* Background icon */
	background-image:url(../images/widget_basket_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
/* THE PANEL WITH TABLE */
#header #cartPanel {
	display:none;
	/* Position */
	position:absolute;
	right:0;
	top:2.3em;
	z-index:4;
	/* Style */
	background-color:#ffffff;
	padding:0.8em;
	width:25em;
	border:1px solid #999999;
	border-bottom-width:0;
	border-bottom-width:3px;
}
#header #cartPanel table {
	width:100%;
	margin-bottom:0.5em;
	border-bottom:1px solid #cccccc;
}
#header #cartPanel table thead th {
	font-weight:bold;
	border-bottom:2px solid #cccccc;
}
#header #cartPanel table tbody th {
	text-align:right;
	font-size:1.4em;
	padding:0.1em 0.1em 0 0;
}
#cartPanel table td {
	border-bottom:1px solid #cccccc;
}
#header #cartPanel table th,
#header #cartPanel table td {
	padding:0.2em 0;
}
#cartPanel table .total {
	text-align:right;
	padding-right:3px;
}
#cartPanel #finalTotal {
	padding-top:0.7em;
	border-bottom:0;
}
#cartPanel #finalTotal,
#cartPanel table tbody th {
	background-color:#eeeeee;
}
#cartPanel #checkoutLink,
#cartPanel #editOrderLink {
	float:left;
	/* Style */
	text-decoration:none !important;
	font-weight:bold;
	padding:0.4em 0.6em;
	color:#ffffff;
	border:2px solid #614331;
	background:#CC6B3E url(../images/form_button_bkg.gif) repeat-x scroll left top;
}
#cartPanel #editOrderLink {float:left;}
/* Remove link */
#cartPanel .remove {
	float:left;
	width:16px;
	height:16px;
	height/**/:0;
	padding-top:16px;
	overflow:hidden;
	background-image:url(../images/widget_remove.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:6px;
}


#secondaryColumn #cartPanel table{
	width:100%;
	padding:0.25em;
}

#secondaryColumn #cartPanel tbody{
	font-size:0.9em;
}

#secondaryColumn #cartPanel thead th {
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}

#secondaryColumn #cartPanel tbody td {
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:0.25em 0;
}

#secondaryColumn #cartPanel table td.controls{
	width:16px;
	text-align:right!important;
}

#secondaryColumn #cartPanel table td.productName span {
	text-align:right;
}

#secondaryColumn #cartPanel table input.quantity {
	width:1.5em;
	margin:0;
}
#secondaryColumn #cartPanel a:visited {
    color:#B76F58;
}

#secondaryColumn #checkoutLink {
	float:right;
	font-size:0.9em;
	margin:0.5em;
}

#secondaryColumn #cartPanel a#checkoutLink:visited{
	color:white;
}

/*	----------------------------------------------------------------------
	SPLASH ARTICLES
	Backgrounds and styling for splash articles:
	---------------------------------------------------------------------- */
	
#shop.splash {
	padding-left:128px;
	background:transparent url(../ui/widgets_basket_medium.jpg) no-repeat scroll left top;
}

ul.bestSellers {
	width:16em!important;
}

.bestSellers li {
	padding:0;
	display:block;
	margin:0!important;
}
.bestSellers img {
	margin:3px;
}
.bestSellers img,
.bestSellers strong{
	float:left;
}
.bestSellers strong{
	width:8em;
	padding:0.5em 0 0 1em;
	float:left;
	display:block;
}

.bestSellers li a.block {
	margin:0;
	padding:0;
	width:100%;
	display:block;
	float:left;
	border-bottom:1px solid #e3e1cd;
}

.bestSellers li a.block:hover {
	background-color:#FFFFFF;
}
/*	----------------------------------------------------------------------	
	SEARCH RESULTS
	Styling for Anchors on the search results pages
	---------------------------------------------------------------------- */
	#content #mainColumn .searchResult {
		display:block;
		border-top:1px solid #e3e1cd;
	}
	#content #mainColumn .searchResult .image{
		padding:6px;
	}
	
	#content #mainColumn .searchResult .details p,
	#content #mainColumn .searchResult .details h3{
		padding-left:12px;
	}
/*	----------------------------------------------------------------------
	FEATURES
	Styled up boxen for feature products and articles:
	---------------------------------------------------------------------- */
/* When the box is an anchor, block it up, y'all*/
a.feature {
	display:block;
	text-decoration:none;
}
a.feature:hover {
	background-color:#FAF5ED;
}
/* MAIN COLUMN */
#mainColumn .feature {
	padding:0 1em 0 21em !important;
	width:18.5em !important;
	position:relative;
	_height:10em;
	min-height:10em;
	/*background-color:#efefef;*/
	border:1px solid #efefef;
	margin-bottom:1em;	
}
#mainColumn .feature div.image,
#mainColumn .feature div.video {
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	height:100%;
	width:19.5em;
	margin-right:0;
}

#mainColumn .feature .icon {
	display:none;
	position:absolute;
	bottom:1em;
	left:1em;
}

#mainColumn .podcast .icon {
	height:48px;
	width:61px;
	display:block;
	background-image:url(../ui/icon_playWidget.gif);
	bottom:1em;
}

#mainColumn div.podcast {
	padding:0 1em 0 335px!important;
	width:12.5em!important;
	min-height:256px;
}

#mainColumn div.podcast h3 {
	font-size:1.2em!important;
	line-height:1.4em;
}

#mainColumn div.podcast a {
	font-size:0.8em;
}
#mainColumn .podcast div.video {
	width:320px;
	height:235px;
}

#mainColumn .podcast div.video img{
	width:auto;
}

#mainColumn .podcast div.video a.videoWidget {
	position:absolute;
	left:24px;
	z-index:99;
	display:block;
	width:270px;
	padding-top:82px;
	height:0;
	overflow:hidden;
}

#mainColumn .podcast div.video a.quicktime {
	background:url(../ui/widget_playQuicktime.png) no-repeat left top;
	top:24px;
}

#mainColumn .podcast div.video a.windows {
	background:url(../ui/widget_playWindowsMedia.png) no-repeat left top;
	top:112px;
}

#content #mainColumn .podcast div.video a.quicktime:hover,
#content #mainColumn .podcast div.video a.windows:hover {
	background-position:left bottom!important;
}

#content #mainColumn div.podcast h3 {
	font-size:1.4em!important;
} 
#footer h2{display:none;}


#content  #mainColumn .podcast p {
	clear:both;
	width:100%;
}

a.download:link {
	color:#4265BE;
	text-decoration:none;}
a.download:hover {
	text-decoration:underline;}		
a.download:visited {
	color:#4265BE;
	text-decoration:none;}

#mainColumn .feature div img {
	width:19.5em;
}
#mainColumn .feature h2,
#mainColumn .feature h3,
#mainColumn .feature p {
	margin-left:0 !important;
}
#content #mainColumn .feature h2 {
	font-family: Georgia, serif!important;
	margin-top:0.4em;
	font-size:1.3em !important;
}
#content #mainColumn .feature h3 {
	font-family: Georgia, serif!important;
	margin-top:0.2em !important;
	margin-bottom:0!important;
	font-size:1.8em !important;
}
#mainColumn .feature h3 strong {
	font-weight:normal;
	font-size:1.4em;
}
/* SECONDARY COLUMN */

#secondaryColumn .feature h2,
#secondaryColumn .feature h3 {
	color:#333333 !important;
	border-bottom:0;
	margin-bottom:0;
	margin-left:0!important;
	padding-bottom:0;
}

#secondaryColumn #Shop.feature, #secondaryColumn #ashop.feature {border-top:1em solid #e89719;}
#secondaryColumn #JoinTheClub.feature, #secondaryColumn #NewsletterFeature.feature{border-top:1em solid #fbb163;}
#secondaryColumn #Recipes.feature{border-top:1em solid #ffd457;}
#secondaryColumn #Contact.feature{border-top:1em solid #de8f3b;}
#secondaryColumn #Farmshop.feature{border-top:1em solid #a84d10;}

#home #JoinTheClub.feature{padding-bottom:0;}
#home #JoinTheClub.feature p{margin:0 0 3px 0;padding:0;}

#hnewsletter{margin:0 0 0 11px;padding-bottom:30px}
#secondaryColumn #hnewsletter h3{border:none;padding:0;margin:10px 0 5px 0;float:none;color:#333}

#secondaryColumn .feature {
	width:16em;
	margin-bottom:0.5em;
	padding:8.5em 1em 1em 1em;
	overflow:hidden;
	border-top:1em solid #ebe5b8;
	/* This is some trixy stuff to position the text */
	position:relative;
	clear:both;
}

/* ______________________________________________________________________________________________

#secondaryColumn #JoinTheClub.feature {border-top:1em solid #fbb163;}
#home #secondaryColumn #Maggie.feature {border-top:1em solid #ffd457;}*/

#secondaryColumn .full {
	padding-top:0;
}

#secondaryColumn .feature .image {
	width:18em;
	height:8em;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	/*margin-left:-1em;*/
}

#secondaryColumn .full .image { 
	position:static;
	height:auto;
	margin-bottom:-1.5em;
}

#secondaryColumn div.simple {
	padding-top:0.5em;
}

#secondaryColumn div.simple h3,
#secondaryColumn .feature h3{
	margin-bottom:0.5em;
}

#secondaryColumn div.simple div.image {
	position:inherit!important;
	height:auto!important;
}

#secondaryColumn .feature .image img {
	width:18em;
}
#secondaryColumn .feature h2 {
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
	color:inherit;
	font-size:1em;
	margin-bottom:0;
	font-weight:bold;
}
#secondaryColumn h3 {
	border-bottom:1px solid #e3e1cd;
	margin-bottom:0.5em;
}

/*Overrides - ID the feature box (secondary column) to increase the height of the box */

/*	----------------------------------------------------------------------
	NESTED LIST
	Styling for nested lists to be used in the side column.
	---------------------------------------------------------------------- */
.categoriesList {
	
}
.categoriesList h3,
.relatedList h3,
#secondaryColumn h3 {
	border-bottom:1px solid #e3e1cd;
	margin-bottom:0.5em;
	margin:0.7em 0.7em 0 0.7em;
	padding-left:0;
}

#secondaryColumn form h3,
#secondaryColumn #userMessage h3{
	margin-left:0;
}

.categoriesList ul li a{
	font-size:1.2em;
}
.categoriesList .current,
.categoriesList .current{
	border-bottom:1px solid #993333;
}
.categoriesList ul li ul,
.relatedList ul li ul{
	margin-top:0.5em;
	font-size:0.8em;
}
.categoriesList li li,
.relatedList li li {
	width:auto;
	padding-left:1em;
	font-size:1em;
}
	

.imgFrame {
	display:block;
	text-align:left;
	width:48px;
	float:left;
}

/*	----------------------------------------------------------------------
	Form styles, unrelated to ordering:
*/
#content .buttonBar {
	border:1px solid #e3e1cd;
	background-color:#faf7e1;
	clear:both;
	float:left;
	width:100%;
	text-align:right;
	margin:1em 0!important;
	margin-top:1em!important;
}

#secondaryColumn form .buttonBar p {
	clear:both;
	font-size:0.9em;
}

#content #confirm .buttonBar p {
    text-align:left;
    float:left;
    width:78%;
    padding:0.5em;
    padding-top:1.2em;
    font-size:0.9em;
}
#content .buttonBar button,
#content .buttonBar input.button {
	margin-right:1em;
	font-size:1.2em;
}
#content .buttonBar input.button {
	width:13%;
	padding: 0.5em 1em;
	float:right;
}

#content #confirm button {
	border:2px solid #990000;
	background-image:url(../images/form_button_bkg_bold.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#CC0000;
	padding:1%;
	font-size:1.2em;
	margin-top:1em;
}
#content .buttonBar input.button {
	background-color:#693F2C;
	background-image:url(../images/form_button_bkg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border:2px solid #614331;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:0.8em;
	padding:1%;

}

/*	----------------------------------------------------------------------
	FORMS IN THE SIDEBAR
	Mainly for the food club.
	---------------------------------------------------------------------- */
#secondaryColumn form {
	float:left;
	margin-left:0em;
	margin-top:1em;
	width:16em;
	_width:15em;
	display:inline; /* Fix IE margin doubling */
}	
#secondaryColumn form label,
#secondaryColumn form input {
	margin-top:0.2em !important;
}
#secondaryColumn form label {
	width:auto;
}

#secondaryColumn form button {
	margin-top:1px;
	height:2.2em;
}
#secondaryColumn form input {
	width:90%;
	margin-right:0;
	height:1.6em;
}
#secondaryColumn form input.medium {
	width:70%;
	float:left;
}


#secondaryColumn form label.inline{
	clear:both;
	margin:0;
	text-align:left;
	font-size:0.9em;
	width:90%;
}

#secondaryColumn form label.inline input{
	width:auto;
	float:left;
	margin-right:1em;
}
#secondaryColumn form .buttonBar {
	background-color:transparent;
	border-left:0;
	border-right:0;
	border-bottom:0;
}
#secondaryColumn form .buttonBar button {
	margin-top:0.5em;
	margin-right:0;
}
#secondaryColumn #userMessage {
	clear:both;
	padding:1em;
	width:14em;
}
#mainColumn #foodClub input {
	margin-top:1.5em;
	margin-right:20%;
}
#mainColumn #foodClub label {
	width:40%;
}
#buyNow{
	width:15em;
	padding:0.5em;
	margin-top:0.4em;
	float:left;
	background-color:#f6f2d2;
}
 #buyNow strong {
	font-size:1.2em;
	color:#666666;
}
 #buyNow p {
	margin-bottom:0;
}
 #buyNow label,
 #buyNow input,
 #buyNow button {
	margin-top:0;
}
 #buyNow label {
	clear:none !important;
	width:12em;
	padding:0 0 0 0.3em !important;
	margin:1.1em 0 0.2em 0 !important;
	text-align:left;
}
 #buyNow button {
	margin-right:0.5em;
	font-size:0.9em;
	float:right;
}
 #buyNow input {
	clear:left;
}
 #buyNow button,
 #buyNow input {
	margin-top:1em;
}

/* Newsletter Styles */
/* Modified article styles */

.newsletter #pageTitle #titleText,
.newsletter #pageTitle #titleText h1 {
	width:auto;
}

.newsletter .pageTitle .titleImage {
	display:none;
}

.newsletter #content .articleBasic {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:1em;
	padding-bottom:0.5em;
	float:left;
}

#mainColumn .articleInlineImage {
	clear:both;
	background:url(../ui/article_divider.gif) no-repeat bottom center;
	padding-bottom:0.5em;
	margin-bottom:1.5em;
}


#mainColumn .articleInlineImage h2 {
	margin-bottom:0.5em!important;
}
.newsletter #content .puffBox,
.newsletter #content .puff {
	background-color:#FBFAD6;
	margin:16px;
	border:8px solid #DBDABB;
	padding:8px;
	width:auto!important;
	display:inline;
}

.newsletter #content .puffBox .text,
.newsletter #content .puff .text {
	font-size:0.9em;
	width:19em;
}

.newsletter #content .articleInlineImage {
	_width:32em!important;
}

.newsletter #content .articleInlineImage p {
	width:auto;
	padding-right:0;
	margin-right:0;
}

.newsletter #content .articleInlineImage .image {
		width:auto;
		padding:0px;
		position:relative;
		z-index:50;
		float:right;
		clear:right;
		margin-right/**/: -180px;
		_margin-right:-90px;
}

.newsletter #content .articleInlineImage .image img {
	width:auto;
}


/*	----------------------------------------------------------------------
	Subsection summaries:
	---------------------------------------------------------------------- */

#mainColumn .subSection {
	border-bottom:1px solid #CCC;
	text-align:left!important;
}

#mainColumn .subSection img {
	margin-right:1em;
	float:left;
}
/* ----------debugging/layout tidy up ----------------*/

#subNav li {
	font-size:0.9em;
}
#mainColumn {
	width:40.5em;
	padding:1em;
}

#mainColumn .box {
	width:100%;
	margin:0 -1em 1em 0;
	padding:1em 0;
}

#secondaryColumn {
	width:16em;
	padding-top:1em;	
	padding-bottom:1em;	
	padding-left:0;
	padding-right:2em;
	_padding:0!important;
}

#secondaryColumn .box {
	width:18em;
	_width:14em!important;
	margin:0!important;
	padding:0;
}

#secondaryColumn .box {
	/*width:100%!important;*/
	margin:0!important;
	padding:0;
	margin:0 0 1em 0;
}

#secondaryColumn form {
    padding-left:1em;
    padding-right:1em;
}

#secondaryColumn ul,
#secondaryColumn li {
	width:15em;
	_width:14em;
	text-align:left;
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
	font-size:0.9em;	
}

#secondaryColumn li {
	width:100%;
}

#secondaryColumn li strong {
	float:left;
	display:block;
	width:8em;
}

/* ----------social links styles --------------------------*/

#social_links {padding:1em; width:16em; clear:both; margin-top:1em;}
	#social_links .link a, #social_links .link a:visited{color:#B76F58; display:block; padding:0.5em 0.5em 0.5em 2em;}
	#social_links .link a:hover {text-decoration:underline;}
	
	#social_links #fav {display:none;}
	
	#social_links #fav a {background:url(../images/icn_fav.gif) left center no-repeat;}
	#social_links #book a {background:url(../images/icn_bookmark.gif) left center no-repeat;}
	#social_links #mail a {background:url(../images/icn_mail.gif) left center no-repeat;}
	#social_links #print a {background:url(../images/icn_print.gif) left center no-repeat;}
	#social_links #del a {background:url(../images/icn_del.gif) left center no-repeat;}
	#social_links #fb a {/*background:url(../images/icn_fb.gif) left center no-repeat;*/}
	#social_links .link#fb a, #social_links .link#fb a:visited{padding-left:5px;font-weight:bold}


/* ----------thumbnail boxes in the main column----------------*/

#content .box .thumbnail,
#content .box .tile {
	width:30%;
	margin:0 0 1em 2%;
	float:left;
}	


/* RECIPE TABLE */	

 .recipeTable {
	width:46em;
	_width:45.5em;
	margin:0.5em 1em;
	border:1px solid #aaaaaa;
	font-size:0.9em;
	float:left;
}
 .recipeTable th,
 .recipeTable td {
	padding:0.5em 0.9em;
}
 .recipeTable td {
	border-top:1px solid #cccccc;
}

.recipeTable td.imageCell { width:72px;}

 .recipeTable thead th {
	font-weight:bold;
	background-image:url(../images/products/table_head_bkg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#D1D1D1;
	text-align:left;
}
 .recipeTable td img {
	vertical-align:middle;
	margin-right:0.5em;
}
 .recipeTable td {
	background-color:#efefef;
}

.recipeTable th.price,
.recipeTable td.price {
	width:6em;
}

 .recipeTable tr.odd td {
	background-color:#F7F7F7;
}

.recipeTable a:visited,
.recipeTable a:link {
    font-weight:bold;
}

.recipeTable .sectionRow td {
	background-color:#FFFFFF;
}

.recipeTable .sectionRow h3 {
	font-size:2.2em!important;
}
.recipeTable .sectionRow h3 a {
	font-weight:normal!important;
}

#competition label {
	width:auto;
	margin-top:0;
}

#competition label input {
	margin:0.25em 1em -0.25em 1em;
}

/* ----------3 column tiles in the main column----------------*/

#content .box .tile {
	text-align:left;
	min-height:10em;
	_height:10em;
}
#content .box .tile h3{
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
	min-height:2em;
	_height:2em;
}
#content .box .tile ul {
	list-style:none;
	margin:0;
	
}

#content .box .tile li {
	display:inline;
	padding-right:0.5em;
}

p.thankyouLink {
    text-align:center;
}

.thankyouLink a:visited,
.thankyouLink a:link {
    color:#614331;
}

/* ----------side column shopping cart:----------------*/


img#printHeader {
	display:none!important;
	width:0;
	height:0;
}


@media print {

	img#printHeader {
		display:block!important;
		width:19cm;
		height:3cm;
	}
	
	#header h1 {
		display:none;
	}

	ul#mainNav, #subNav, #userStatus, form, input, button {
		display:none!important;
	}
	
	#content {
	height:auto;
	overflow:visible;
	width:19cm;
	padding:0;
	margin:0;
	}
	
	#pageTitle {
		color:#3D3D3D;
		border:1px solid #DCDCDC;
		border-width:1px 0;
		padding:0;
		margin:0 0 0.5em 0;
	}
	
	#secondaryColumn .feature {
		position:static;
		overflow:visible;
		border-top:0;
	}
	#mainColumn {
		width:12cm;
		padding:0;
		margin:0;
	}
	
	#secondaryColumn {
		width:5cm;
		margin:0;
		padding-left:0.5cm;
		border-left:1px solid #DEDEDE;
	}
	
	#content .news .text {
		width:7cm;
		
	}
}