/* CSS Document */


body, p { font-family:Tahoma, Arial, Verdana, Helvetica, serif; font-size: .9em; color: #816d5b;}
body { background: url(images/background.gif) no-repeat top fixed}

#printHeader {display: none;}
.printShow {display: none;}
.printHide {display: block;}

ul, ol{ font-size: 1em;}

a, a:visited 	{color: #F8600B; text-decoration:underline}
a:hover 		{color: #4CCC13; text-decoration:underline}


#header { display: block; width: 766px; height: 129px; margin: 0 auto;}
	#logo { width: 192px; height:129px; float: left; background: url(images/ui/index_02.jpg)}
	#words{ width: 574px; height: 83px; float: right;}
	#mainmenu { width: 574px; height: 47px; float: right;}
		ul.navbar { width: 100%; list-style:none; display: inline; margin: 0;}
		.navbar li { float: left;}
		.navbar a:link, .navbar a:visited { padding-top: 3px; display: block; width: 110px; height: 19px; background-color: #816d5b; text-align: center; border-top: #FFFFFF solid 1px; border-left: #FFFFFF solid 1px; font-family:Tahoma, Arial, Verdana, Helvetica, serif; font-size: 12px; color: #FFFFFF; text-decoration: none;}
		.navbar a:hover, .navbar a.active, .navbar a.active:visited { background-color: #F01327;}

#container { display: block;  width: 766px; margin: 0 auto; background: url(images/ui/sidebar.gif) repeat-y;}

	#leftpanel { display: block; width: 192px; float: left; background-image:url(images/ui/sidebar.gif); background-repeat:repeat-y;}
		#key, #noKey { display: block; width:192px; height:250px; background: url(images/ui/key.jpg) no-repeat; position: relative;}
		#noKey { background:url(images/ui/topleft.jpg) no-repeat; height: 180px; padding: 10px; width: 172px; color: #FFFFFF;}
			#noKeyBox {width: 100%-10px; font-size: 14px; padding: 5px;  padding-top: 12px; color: #000000; margin: 0 auto; text-align: center;}
		#suggestion { display: block; width:192px; height:84px; background-image:url(images/ui/index_17.jpg)}
		
	#rightpanel { display: block; width: 574px; float: right}
		#foodimage { display: block; width:574px; height:201px; background-image:url(images/ui/index_16.jpg)}
		#title { display:block; width:564px; height:25px; padding: 5px; background-color: #E81C25; background: url(images/ui/index_18.jpg)}
		#newsTicker {width: 574px; height: 30px; margin-top: 5px; display: block; position: relative; cursor: pointer;}
		/*#scrollNews, #iemarquee {color: #000000; text-decoration: none;}*/
		
		.scrollNews, a.scrollNews:visited {color: #F96709; text-decoration: none;}
		a.scrollNews:hover {color: #FF0000; text-decoration: none; background-color:#FFFFFF; }
		
		#maincontent { display: block; background-color: #FFFFFF; width:564px; padding: 5px 0px 5px 10px;}
	
	
	#footerContainer { display: block; margin: 0 auto; width: 766px;} 
		#footer { display: block; float: right; width: 564px; height: 28px; background-image: url(images/ui/index_23.jpg); background-position:right; background-repeat:no-repeat; background-color:#FFFFFF; font-size: 12px; padding-left: 10px; padding-top: 20px; }
		#bg-fade { display: block; width: 192px; float: left; height: 48px; background:url(images/ui/copyright.jpg) no-repeat}
	
	#additionalFooter {display: block; clear:both; margin: 0 auto; padding-left: 192px; width: 766px; text-align: center; font-size: 12px;}
		#copyright, #copyright a { color: #A79483; font-size: 0.9em;}
		
h1 { font-family: "arial black", arial; border-bottom:#816d5b 1px solid; font-size: 18px; font-weight: normal; padding-top: 5px; padding-bottom: 2px}

.servingSuggestion{ width: 178px; padding-right: 10px; display: block; float: left; font-size: 10px;} 
	#servSug { padding-top: 10px; width: 100%}
.redBox { width: 162px; height: 17px; color: #FFFFFF; background-color: #F01327; padding: 1px 2px 2px 4px; font-size: 12px;}
.description { height: 60px; overflow:hidden; width: 162px; margin: 3px;}
.info { height: 50px; color: #5EB54E; width: 164px; padding-bottom: 10px; margin: 3px;}
.cooking {width: 150px; height: 48px; margin: 3px;}

#printLink { margin: 0 auto; color: 5EB54E; size: 1.3em; font-weight: bold; text-align: center;}

.red { color: #FF0000;}


#footer, #footer a { color: #816d5b }
#footer a:hover {color: #F8600B}


/* FORMS */
fieldset { width: 90%; padding: 10px; padding-left: 25px} 
legend {font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #816d5b}
label, .inputBox { display: block; width: 250px; float: left; margin-bottom: 10px; font-size: .9em}
label {	text-align: right;	width: 7em;	padding-right: 20px; }
.required { color:#FF0000 }


.linkList { display: block; line-height: 1.3em;}
.infoBullets { display: block; list-style-image:url(interface/pdf-bullet.gif); margin-top: 0;}

.picBox { width: 178px; height: 145px; padding-right: 10px; float: left}


/* POSTCODE TABLE */

TABLE.postcodeTable {
	BORDER-COLLAPSE: collapse; border-spacing: 0p; width: 500px; margin-left: auto; margin-right: auto; color: #463C31;
}
TABLE.postcodeTable TH {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: normal; BACKGROUND: #BEB1A8; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; BORDER-BOTTOM: #ffffff 2px solid; TEXT-ALIGN: left
}
TABLE.postcodeTable TD {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #BEB1A8; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; BORDER-BOTTOM: #ffffff 2px solid; TEXT-ALIGN: left
}
TABLE.postcodeTable THEAD TH {
	BACKGROUND: #816d5b; COLOR: #ffffff; TEXT-ALIGN: left; font-weight: bold
}
TABLE.postcodeTable TH.Corner {
	TEXT-ALIGN: left
}

.ulFontSize { font-size: .9em; }
.ulFontSize li {margin-bottom: 5px;}

@media print {
	body { background-color: #FFFFFF; background-image: none;}
	body, p {color: #000000;}
		#header { display: none; }
		#printHeader {display: block; width: 100%; margin: 0 auto; height: 140px; border-bottom: #666666 1px solid;}
			#printHeaderImage {float: left;}
		#footerContainer {display: none;}
		#additionalFooter {display: none;}
		#leftpanel {display: none;}
			#maincontent {width: 100%;}
				h1 {border-bottom: none;}
				.servingSuggestion{display: none;}
				.info{display: none;}
				#printLink { display: none;}
				#servSug { padding-top: 10px; width: 600px;}
				.printShow {display: inline;}
				.printHide {display: none;}
		#rightpanel{width: 100%;}
}