@charset "UTF-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0; padding: 0; font: 100% Arial, Helvetica, Verdana, sans-serif;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0; padding: 0; line-height: 1.2em;}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}

/* Miscellaneous conveniences: */
form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea {font-size: 90%; font-family: inherit;}
img {border: 0;}

/* Sundries */
.clearFloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.leftImage {float: left; display: inline; padding: 10px 10px 10px 0; margin: 0;}
.rightImage {float: right; display: inline; padding: 10px 0 10px 10px; margin: 0;}
.hide {display: none;}
.moreText {font-weight: normal; font-style: italic; text-decoration: underline;}


/*---------------------------------- Master Layout Components ----------------------------------*/

body {margin: 0 0 20px 0; color: #475245; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center;}

#mainContainer {width: 995px; padding: 0; margin: 0 auto; text-align: left; border: none;}


#footer {width: 995px; padding: 5px 0; text-align: right;}
		#footer p {font-size: 10px; color: #475245; margin: 0; padding: 0.2em 0;}
		#footer a:link, #footer a:visited {color: #475245; font-weight: bold; text-decoration: none;}
		#footer a:hover, #footer a:active {color: #000000; text-decoration: underline;}


/*------------ Header Components ------------*/

#headerContainer {width: 995px; height: 123px; padding: 0; margin: 0; background: url(css-images/animated-header.gif) top no-repeat; text-align: left; border: none;}
		#headerContainer img {margin: 42px 0 0 18px; padding: 0; float: left; display: inline;}
		#headerContainer img.valueMatters {margin: 68px 222px 0 0; padding: 0; float: right; display: inline;}


/*------------ Navigation Components ------------*/

#navContainer {width: 141px; padding: 0; margin: 0; float: left; display: inline; font-size: 70%;}
		#navContainer ul {width: 141px; padding: 0; margin: 0; display: block;}
				#navContainer ul li {width: 141px; padding: 0; margin: 0; list-style: none; display: block; border-bottom: #BFC9B9 2px groove;}
				#navContainer ul .lastItem {border-bottom: none;}
				#navContainer ul li a:link, #navContainer ul li a:visited {width: 130px; display: block; padding: 6px 5px 6px 6px; margin: 0; text-decoration: none; color: #475245;}
				
				
						/*------------ Navigation 'Off' Components ------------*/
						
						#navContainer ul li a:link.link0Off, #navContainer ul li a:visited.link0Off {background: url(css-images/button0-off.gif) top right no-repeat;}
						#navContainer ul li a:hover.link0Off, #navContainer ul li a:active.link0Off {background: url(css-images/button0-on.gif) top right no-repeat;}
						
						#navContainer ul li a:link.link1Off, #navContainer ul li a:visited.link1Off {background: url(css-images/button1-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link1Off, #navContainer ul li a:active.link1Off {background: url(css-images/button1-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link2Off, #navContainer ul li a:visited.link2Off {background: url(css-images/button2-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link2Off, #navContainer ul li a:active.link2Off {background: url(css-images/button2-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link3Off, #navContainer ul li a:visited.link3Off {background: url(css-images/button3-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link3Off, #navContainer ul li a:active.link3Off {background: url(css-images/button3-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link4Off, #navContainer ul li a:visited.link4Off {background: url(css-images/button4-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link4Off, #navContainer ul li a:active.link4Off {background: url(css-images/button4-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link5Off, #navContainer ul li a:visited.link5Off {background: url(css-images/button5-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link5Off, #navContainer ul li a:active.link5Off {background: url(css-images/button5-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link6Off, #navContainer ul li a:visited.link6Off {background: url(css-images/button6-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link6Off, #navContainer ul li a:active.link6Off {background: url(css-images/button6-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link7Off, #navContainer ul li a:visited.link7Off {background: url(css-images/button7-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link7Off, #navContainer ul li a:active.link7Off {background: url(css-images/button7-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link8Off, #navContainer ul li a:visited.link8Off {background: url(css-images/button8-off.gif) right repeat-y;}
						#navContainer ul li a:hover.link8Off, #navContainer ul li a:active.link8Off {background: url(css-images/button8-on.gif) right repeat-y;}
						
						#navContainer ul li a:link.link9Off, #navContainer ul li a:visited.link9Off {background: url(css-images/button9-off.gif) bottom right no-repeat;}
						#navContainer ul li a:hover.link9Off, #navContainer ul li a:active.link9Off {background: url(css-images/button9-on.gif) bottom right no-repeat;}


						/*------------ Navigation 'On' Components ------------*/
						
						#navContainer ul li a:link.link0On, #navContainer ul li a:visited.link0On {background: url(css-images/button0-on.gif) top right no-repeat;}
						#navContainer ul li a:hover.link0On, #navContainer ul li a:active.link0On {}
						
						#navContainer ul li a:link.link1On, #navContainer ul li a:visited.link1On {background: url(css-images/button1-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link1On, #navContainer ul li a:active.link1On {}
						
						#navContainer ul li a:link.link2On, #navContainer ul li a:visited.link2On {background: url(css-images/button2-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link2On, #navContainer ul li a:active.link2On {}
						
						#navContainer ul li a:link.link3On, #navContainer ul li a:visited.link3On {background: url(css-images/button3-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link3On, #navContainer ul li a:active.link3On {}
						
						#navContainer ul li a:link.link4On, #navContainer ul li a:visited.link4On {background: url(css-images/button4-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link4On, #navContainer ul li a:active.link4On {}
						
						#navContainer ul li a:link.link5On, #navContainer ul li a:visited.link5On {background: url(css-images/button5-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link5On, #navContainer ul li a:active.link5On {}
						
						#navContainer ul li a:link.link6On, #navContainer ul li a:visited.link6On {background: url(css-images/button6-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link6On, #navContainer ul li a:active.link6On {}
						
						#navContainer ul li a:link.link7On, #navContainer ul li a:visited.link7On {background: url(css-images/button7-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link7On, #navContainer ul li a:active.link7On {}
						
						#navContainer ul li a:link.link8On, #navContainer ul li a:visited.link8On {background: url(css-images/button8-on.gif) right repeat-y;}
						#navContainer ul li a:hover.link8On, #navContainer ul li a:active.link8On {}
						
						#navContainer ul li a:link.link9On, #navContainer ul li a:visited.link9On {background: url(css-images/button9-on.gif) bottom right no-repeat;}
						#navContainer ul li a:hover.link9On, #navContainer ul li a:active.link9On {}
						

/*------------ Page Container Components ------------*/

#pageContainer {width: 820px; padding: 0 15px 15px 15px; margin: 0; border-left: #D2D9CE 2px solid; border-right: #D2D9CE 2px solid; border-bottom: #D2D9CE 2px solid; background: #FFFFFF url(css-images/copy-bg.gif) top no-repeat; float: left; display: inline;}
		#pageContainer h1 {font-size: 160%; padding: 0.7em 0 0 0; margin: 0; line-height: 1.0em;}
				#pageContainer h1.firstLine {padding-top: 90px;}
		#pageContainer h2 {font-size: 90%; padding: 0.7em 0 0 0; margin: 0; color: #475245; line-height: 1.1em;}
		#pageContainer h3 {font-size: 140%; padding: 0.3em 0 0 0; margin: 0; color: #006600; line-height: 1.1em;}
		#pageContainer h4 {font-size: 100%; padding: 0.7em 0 0 0; margin: 0; color: #475245; line-height: 1.1em;}
				#pageContainer h4 a:link, #pageContainer h4 a:visited {color: #475245; font-weight: bold; text-decoration: none;}
				#pageContainer h4 a:hover, #pageContainer h4 a:active {color: #000000; text-decoration: none;}
		#pageContainer h5 {font-size: 80%; font-weight: normal; padding: 0.7em 0 0 20px; margin: 0; line-height: 1.1em; background: url(css-images/square.gif) left no-repeat;}
		#pageContainer h6 {font-size: 80%; font-weight: normal; padding: 0.7em 0 1.0em 20px; margin: 0; line-height: 1.1em;}
		#pageContainer p {font-size: 80%; padding: 0.7em 0 0.2em 0; margin: 0; line-height: 1.1em;}
				#pageContainer p.usLink {font-weight: bold; font-style: italic; padding: 5px 0 5px 70px; margin-top: 10px; background: transparent url(css-images/us-flag.gif) left no-repeat;}
				
				#pageContainer p a:link, #pageContainer p a:visited {color: #475245; font-weight: bold; text-decoration: none;}
				#pageContainer p a:hover, #pageContainer p a:active {color: #000000; text-decoration: underline;}
						#pageContainer p.usLink a:link, #pageContainer p.usLink a:visited {text-decoration: underline; color: #0000FF;}
						#pageContainer p.usLink a:hover {text-decoration: underline; color: #FF0000;}
						#pageContainer p.usLink a:active {text-decoration: underline; color: #0000FF;}
		#pageContainer ul {padding: 0.7em 0 0.7em 20px; margin: 0;}
				#pageContainer ul li {font-size: 80%; padding: 0.3em 0; margin: 0; line-height: 1.1em; color: #475245; list-style: square;}
					#pageContainer ul li a:link, #pageContainer ul li a:visited {text-decoration: none; cursor: pointer;}
					#pageContainer ul li a:hover, #pageContainer ul li a:active {color: #000000; text-decoration: underline; cursor: pointer;}
					.moreInfo {font-size: 80%; padding: 0 0 0.3em 0; margin: 0; line-height: 1.1em; color: #475245;}
				
				#pageContainer ul.float {float: left; display: inline; margin: 0 20px 0 0;}

#rhImageHolder {float: right; display: inline;}


/*---------------------------------- Home Page ----------------------------------*/

#homeCopy {width: 420px;}
		#homeCopy h1 {color: #475245;}

#articleBox {width: 369px; padding: 10px; margin: 15px 0 0 0; background-color: #006600;}
		#leftColumn {float: left; display: inline; width: 99px;}
				#leftColumn h1 {width: 99px; height: 120px; font-size: 180%; color: #FFFFFF; padding: 0; margin: 0; line-height: 1.0em; text-indent: -3000px; background: url(images/the-bottom-line.gif) top left no-repeat;}
		
		#rightColumn {float: right; display: inline; width: 250px;}
				#rightColumn p {padding: 0 0 0.7em 0; margin: 0; color: #FFFFFF;}
				#rightColumn p.lastPara {padding-bottom: 0;}


/*---------------------------------- Accordion Styles ----------------------------------*/

/*header*/
.accTitle{cursor: hand; cursor: pointer; list-style: square; padding: 0.7em 0 0 20px; margin: 0;}

/*class added to contents when they are open*/
.itemOpen{}


/*---------------------------------- Link1 ----------------------------------*/

#link1Copy {width: 420px; padding: 0 400px 0 0; background: url(css-images/confections-main.jpg) top right no-repeat;}
		#link1Copy h1 {color: #DBEB99;}
		
		
/*---------------------------------- Link2 ----------------------------------*/

#link2Copy {width: 420px; padding: 0 400px 0 0; background: url(css-images/meat-main.jpg) top right no-repeat;}
		#link2Copy h1 {color: #A6B05E;}
		
		
/*---------------------------------- Link3 ----------------------------------*/

#link3Copy {width: 420px; padding: 0 400px 0 0; background: url(css-images/emulsion-main.jpg) top right no-repeat;}
		#link3Copy h1 {color: #BFC9B9;}
		
		
/*---------------------------------- Link4 ----------------------------------*/

#link4Copy {width: 420px; padding: 0 400px 0 0; background: url(css-images/dairy-main.jpg) top right no-repeat;}
		#link4Copy h1 {color: #80ABBA;}
		
		
/*---------------------------------- Link5 ----------------------------------*/

#link5Copy {width: 420px; padding: 0 400px 0 0; background: url(css-images/sauces-main.jpg) top right no-repeat;}
		#link5Copy h1 {color: #F96300;}
		
		
/*---------------------------------- Link6 ----------------------------------*/

#link6Copy {width: 420px; padding: 0 400px 0 0; background: url(css-images/bakery-main.jpg) top right no-repeat;}
		#link6Copy h1 {color: #9E4A00;}
		
		
/*---------------------------------- Link7 ----------------------------------*/

#link7Copy {width: 820px; padding: 0; margin: 0;}
		#link7Copy h1 {color: #EABA41;}
		
.dataTable {width: 816px; padding: 0; margin: 20px auto; font-size: 70%; border-collapse: collapse;}
		.dataTable tr {padding: 0; margin: 0;}
				.dataTable th {width: 92px; padding: 5px; margin: 0; text-align: left; vertical-align: middle; font-weight: bold; border: #FFFFFF 1px solid; background-color: #F4DCA0;}
						.dataTable th.head {text-align: center; width: auto;}
				.dataTable td {width: 92px; padding: 5px; margin: 0; text-align: center; vertical-align: middle; border: #FFFFFF 1px solid; background-color: #ECEFEA; color: #475245;}
						.dataTable td.blank {border: none; background-color: #FFFFFF;}
						.dataTable td.tick {background: url(css-images/tick.gif) left no-repeat #ECEFEA;}
		
		
/*---------------------------------- Link8 ----------------------------------*/

#link8Copy {width: 420px; padding: 0 400px 0 0; background: url(css-images/expertise-main.jpg) top right no-repeat;}
		#link8Copy h1 {color: #006600;}
		

/*---------------------------------- Link9 ----------------------------------*/

#link9Copy {width: 420px;}
		#link9Copy h1 {color: #475245;}
		#link9Copy h3 {font-size: 85%; padding: 1.0em 0 0 0; margin: 0; color: #006600; line-height: 1.1em;}
		#link9Copy p {font-size: 80%; padding: 0; margin: 0; line-height: 1.2em;}
				#link9Copy p a:link, #link9Copy p a:visited {text-decoration: underline; color: #0000FF;}
				#link9Copy p a:hover {text-decoration: underline; color: #FF0000;}
				#link9Copy p a:active {text-decoration: underline; color: #0000FF;}
				
				

/*---------------------------------- Bakery Page Banner - Added 22/2/2010 ----------------------------------*/

#bakeryBanner {width: 131px; padding: 0; margin: 20px 0 0 5px; background: transparent;}
		#bakeryBanner p {width: 111px; padding: 10px 10px 20px 10px; margin: 0; background: transparent url(css-images/bakery-banner-bg.gif) top repeat-y; display: block; color: #9E4A00; font-size: 110%;}
		.bakeryBannerHeader {width: 131px; height: 111px; padding: 0; margin: 0; background: transparent url(css-images/bakery-banner-head2.gif) top no-repeat;}
		.bakeryBannerFooter {width: 131px; height: 99px; padding: 0; margin: 0; background: transparent url(css-images/bakery-banner-foot2.gif) bottom no-repeat;}
		/*.bakeryBannerHeader {width: 131px; height: 99px; padding: 0; margin: 0; background: transparent url(css-images/bakery-banner-head.gif) top no-repeat;}
		.bakeryBannerFooter {width: 131px; height: 111px; padding: 0; margin: 0; background: transparent url(css-images/bakery-banner-foot.gif) bottom no-repeat;}*/