/*	----------------------------------------------------------------------
	
	PRINT STYLES
	Style sheet used for print layout
	
	---------------------------------------------------------------------- */
	
	
	
	/*TEXT AND LINKS _______________________*/
	
	p, a, a:link, a:visited, p.message, #serverNotice a, #content p,#pageTitle p,#secondaryColumn a,
	a.download,p.thankyouLink
	{text-decoration:none;color:#000;font-family:Verdana, Helvetica, Arial, sans-serif;font-size:10pt}
	
	
	p.message {	padding: 1em;border:1px solid #e3e1cd;}
	p.ok,p.warning,	p.info,	p.error 
	{background-repeat:no-repeat;background-position:6px 6px;padding:12px 0 12px 48px;}
	
	
	h1,#content h1,#pageTitle h1, .mfcc #pageTitle h1,#pageTitle.article h1, titleText h1
	{font-size:15pt;margin:0px 0 0 30px;width:auto;height:auto;float:none;padding-top:40px;padding-bottom:20px;
	padding-left:0;margin-left:0;font-family:Georgia, "Times New Roman", Times, serif;color:#000000;}
	
	#content h2, #pageTitle h2,#content #mainColumn h2,#content #mainColumn .feature h2
	{font-family:Georgia, 'Times New Roman', Times, serif;float:none;color:#000;font-size:13pt;width:auto;height:auto;}
	
	#secondaryColumn .feature h2{font-family:Verdana, Helvetica, Arial, sans-serif;float:none;color:#000;font-size:12pt;width:auto;height:auto;}
	
	#content h3,#secondaryColumn .box h3,#content #mainColumn h3,#content #mainColumn .feature h3,#content #mainColumn .feature h3 strong,
	#secondaryColumn h3
	{font-family:Georgia, 'Times New Roman', Times, serif;color:#000000;width:auto;height:auto;font-size:12pt}
	
	#content h4{font-family:Georgia, 'Times New Roman', Times, serif;color:#000000;width:auto;height:auto;font-size:10pt}
	
	#content ul{}
	
	
	/* 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;}*/

	
/*	----------------------------------------------------------------------
	DISPLAY - content to be displayed
	----------------------------------------------------------------------  */	
	
	
	body, #wrapper, #content, #footer, #header, #mainColumn,#pageTitle,#pageTitle #titleText,
	.mfcc #mainColumn #pageTitle,.mfcc #mainColumn #pageTitle #titleText,#pageTitle #titleImage img,
	#mainColumn,#mainColumn .box,#mainContent,#secondaryColumn,#secondaryColumn .box,#meta,#description,#content .featureArticle,
	#secondaryColumn .feature
	{width:100%;float:none;clear:both;padding:0 0 0 0;background-image:none;height:auto;
	background-color:#fff;border:none;color:#000;margin-left:0;margin-right:0;text-align:left}

	
/*	----------------------------------------------------------------------
	HIDE - hidden content
	----------------------------------------------------------------------  */
		
	
	#header h1, #header #userStatus, #footer h1,#mainNav, #maggiewrites  #maggiewritesNav,
	#products #productsNav,#productsList #productsNav,#productsProfile #productsNav,
	#foodclub #foodclubNav,#recipes #recipesNav,#farmshop #farmshopNav,#contactus #contactusNav,
	#home #mainNav, #television #mainNav,#maggiewrites #mainNav,#shop #mainNav,#products #mainNav,
	#productsDetail #mainNav,#productsProfile #mainNav,#productsList #mainNav,#recipes #mainNav,
	#recipesIntro #mainNav,#recipesDetails #mainNav,#recipesProfile #mainNav,#foodclub #mainNav,
	#contactus #mainNav,#press #mainNav,#subNav,div#search,#search.simple,#maggie h4,#Maggie h4,#welcome h4,
	#pageTitle #titleImage,#secondaryColumn .loginOptions,#secondaryColumn #cartContainer,#basket,
	#header #cartContainer,#header #cartPanel, #cartPanel,#secondaryColumn #cartPanel,
	#secondaryColumn form
	{display:none;}

	
	.printheader{display:block}


	/* SPECIFIC _________*/
	
	#serverNotice {	padding:0.5em 1em;border-bottom:1px solid #CCCCCC;margin-bottom:0.5em;}
	.clear{clear:both}
	
	#footer{border-top:1px solid #ccc;margin-top:30px;padding-top:10px}
	
	#footer p, .image p.caption, #footer #copyright a, #footer #copyright{font-size:8pt;float:none;color:#000}
	.image p.caption, #pageTitle p{font-style:italic;color:#000}
	
	#secondaryColumn .box{border-top:1px solid #ccc;padding-top:10px;margin-top:10px;}
	/* Lemon */ 
	div.lemon {border-color:#FFF556;background-color:none;}
	/* Green Olive */ 
	div.greenolive {border-color:#92B55C;}
	/* Verjuice */ 
	div.verjuice {border-color:#D0F578;background-color:none;}
	/* Quince */ 
	div.quince {border-color:#993333}
	/* Lime */ 
	div.lime {border-color:#95BD3E;background-color:none;}
	/* salmon */ 
	div.salmon {border-color:#D56421;background-color:none;}

	#secondaryColumn{border-top:1px solid #eeeeee;margin-top:15px;padding-top:10px}
	





/* GENERAL STYLES _______________________________________________________________________
#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;}

#footer h2 {border:0 !important;}
#footer strong {font-weight:bold;}

#footer #copyright {float:none;clear:both;margin:0 0 0 50px;padding:10px 0 10px 2em;}*/


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


#secondaryColumn ul {width:14em;}
#secondaryColumn li {list-style-type:none;margin:0 0 0.5em 0;overflow:hidden;width:auto;clear:both;}
#secondaryColumn li.more {margin-top:1em;padding-top:0.5em;border-top:1px solid #e3e1cd;}




/* FEATURED ARTICLE 

/* 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: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 {
	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 {
	float:left;
	width:70%;
	margin-bottom:0.25em;
}

#content dd {
	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;
}

#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;
	_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;
}

*/