@charset "utf-8";

* {
		margin: 0;
		padding: 0;
	}

body {
		font:62.5%/1.5 Arial, Verdana, Helvetica, sans-serif;
		color:#815101;
		text-align: center;
		background: #6AB11C;
	}
	
a img, img {
		border: none;
	}

	
ul {
		list-style: none;
	}

.siteMapUL
{
    list-style: disc;
    padding-left:17px;
}
	
cite {
		display: block;
		font-style: normal;
		font-weight: bold;
	}
	
#container {
		width: 984px;
		margin: 0 auto 0 auto;
		text-align: left;
	}

#headContainer {
		width: 100%;
		background: transparent url(/images/misc/bg-head-meadow-stretch.jpg) repeat-x bottom center;
	}

#header {
		background: transparent url(/images/misc/bg-head-meadow2.jpg) no-repeat bottom center;
		min-height: 143px;
		position: relative;
		font-size: 1.1em;
		width: 984px;
		margin: 0 auto 0 auto;
		text-align: left;
	}
	
	
#breadCrumbs {
		margin: 0 0 0 365px;
		font-size: 1.1em;
	}

#bodyWrap {
		margin: 15px 0 0 0;
	}
#content {
		margin-left: 300px;
		margin-right: 315px;
		font-size: 1.1em;
		padding-bottom: 35px;
	}

#sideLeft {
		float: left;
		width: 250px;
		color: #fff;
		font-size: 1.1em;
		padding: 0 0 0 25px;
		w\idth: 225px;
	}

#sideRight {
		float: right;
		width: 300px;
		font-size: 1.1em;
	}

#footer {
		clear: both;
		background: #ABC821 url(/images/misc/bg-footer.gif) no-repeat top left;
		min-height: 143px;
		padding: 50px 20px 40px 265px;
		min-he\ight: 53px;
		position: relative;
		color: #235937;
		font-size: 1.1em;
	}
	

	
/* [+] -- HEAD -------------------------------- */

#print {
		display: none;
	}

#logo {
		bottom: 25px;
		left: 12px;
		position: absolute;
		z-index: 10;
	}
#mastTitle {
		top: 7px;
		left: 345px;
		position: absolute;
	}
	
#menu {
		background: url(/images/misc/menu-generic.png) no-repeat top right;
		float: right;
		margin-top: 90px;
		padding-right: 10px;
		}
#whatIsWholegrain #menu, #whatIsWholegrain #menu, #submitRecipe #menu, #recipeArticle #menu, #aboutWholegrain #menu, #wholegrainRecipes #menu {
		background: url(/images/misc/menu-wholegrain.png) no-repeat top right;
		}
#home #menu {
		background: url(/images/misc/menu-home.png) no-repeat top right;
		margin-top: -4px;
		}
#about #menu, #flavour #menu {
		background: url(/images/misc/menu-about.png) no-repeat top right;
		}
#yourLittle #menu {
		background: url(/images/misc/menu-small.png) no-repeat top right;
		}
#yourThoughts #menu {
		background: url(/images/misc/menu-thoughts.png) no-repeat top right;
		}
#optins #menu {
		background: url(/images/misc/menu-home.png) no-repeat top right;
		
		}
#menu li {	
		float: left;
		width: 108px;
		min-height: 24px;
		text-align: center;
	}
#menu li a {
		display: block;
		padding: 7px 5px 2px 5px;
		color: #5A9619;
		font-weight: bold;
	}
#menu li.active a {
		color: #fff;
		text-decoration: none;
	}
#menu li a:hover {
		color: #235937;
		text-decoration: none;
	}
	
#menu li.centre a {
		padding-left: 2px;
	}
#menu li.centreII a {
		padding-left: 1px;
	}
	
#subMenu {
		padding-left: 356px;
		background: transparent url(/images/misc/temp-generic.gif) no-repeat bottom left;
	}
.about #subMenu {
		background: transparent url(/images/misc/temp.gif) no-repeat bottom left;
	}
.about-wholegrain #subMenu {	
		background: transparent url(/images/misc/temp-about-wholegrain.gif) no-repeat bottom left;
	}
.your-little #subMenu 
{
   		background: transparent url(/images/misc/temp-your-little.gif) no-repeat bottom left;
	}
.our-little #subMenu, .tv-ad #subMenu, .competition1 #subMenu, .competition2  #subMenu{	
		background: transparent url(/images/misc/temp-our-small-steps.gif) no-repeat bottom left;
	}
	
.your-thoughts #subMenu {
		background: transparent url(/images/misc/temp-thoughts.gif) no-repeat bottom left;
	}
.optins #subMenu {
		background: transparent url(/images/misc/temp-thoughts.gif) no-repeat bottom left;
	}
#subMenu li {	
		float: left;
		min-height: 24px;
		background: transparent url(/images/misc/separator-pipe.gif) no-repeat right center;
	}
#subMenu li.end {	
		background: none;
	}
#subMenu li a {	
		padding: 1px 8px 5px 8px;
		display: block;
		color: #235937;
		font-weight: bold;
	}
#subMenu li.active a {	
		color: #fff;
		text-decoration: underline;
	}
#subMenu li.active {	
		padding: 1px 8px 0px 8px;
		display: block;
		color: #ffffff;
		font-weight: bold;
	}


#home #flashContent {
		height: 209px;
		background: url(/images/home/flash-home.jpg) no-repeat bottom left;
	}
#home #flashContent img {
		position: relative;
		top: -2px;
	}
#flavour #flashTwo {
		text-align: left;
	}
	
#borderRough {
		float: left;
		margin-bottom: -9px;
	}
#home #borderRough {
		margin-top: -6px;
	}
	
#yourLittle #borderRough {
		margin-top: -6px;
	}
#nutritional #menu {
		background: url(/images/misc/menu-about.png) no-repeat top right;
		}
	
/* [+] -- BREADCRUMBS -------------------------------- */

#breadCrumbs li {
		display: inline;
		color: #FFEE54;
		font-weight: bold;
	}	
#breadCrumbs a {
		color: #FFEE54;
	}
#breadCrumbs .active a {	
		color: #fff;
		
	}
#breadCrumbs .active {	
		color: #fff;
		
	}
	

	
/* [+] -- CONTENT -------------------------------- */

#content .boxHead {
		background: url(/images/misc/box-content-bg.jpg) repeat-y 0% 5px;
		width: 357px;
		position: relative;
		float:left;
	}
	
#content .boxHeadComp1 {
		background: url(/images/misc/test.jpg) repeat-y 0% 5px;
		width: 410px;
		position: relative;
		float:left;
	}

#content .boxBg {
		background: url(/images/misc/box-content-top.jpg) no-repeat top left;
	}
#content .boxFoot {
		background: url(/images/misc/box-content-bottom.jpg) no-repeat bottom left;
		padding: 30px;
	}
#content .boxLines {
		background: url(/images/misc/box-content-lines.gif) repeat-y top left;
		min-height: 380px;
		padding: 0 5px 0 30px;
	}
	
#content .boxHeadComp {
		background: url(/images/misc/box-content-comp_mid.jpg) repeat-y 0% 5px;
		width: 418px;
		position: relative;
		float:left;
	}
#content .boxBgComp {
		background: url(/images/misc/box-content-comp_top.jpg) no-repeat top left;
	}
#content .boxFootComp {
		background: url(/images/misc/box-content-comp_bottom.jpg) no-repeat bottom left;
		padding: 30px;
	}

	
#content #flashContent {
		position: relative;
		float:left;
}
	
#clip {
		position: absolute;
		top: -28px;
		left: -16px;
	}
	
#contentWrap {
		padding-left: 50px;
	}
	


/* [+] -- SIDEBAR -------------------------------- */

#sideRight .boxHead {
		background: url(/images/misc/box-side-bg.jpg) repeat-y 0% 5px;
		width: 278px;
		position: relative;
	}
#sideRight .boxBg {
		background: url(/images/misc/box-side-top.jpg) no-repeat top left;
	}
#sideRight .boxFoot {
		background: url(/images/misc/box-side-bottom.jpg) no-repeat bottom left;
		padding: 30px 30px 30px 30px;
		min-height: 140px;
		min-he\ight: 80px;
	}
	
#sideRight div.comp{
		background: url(/images/misc/box-side-bottom-plain.jpg) no-repeat bottom left;
}
	
#sideRight #corn .boxFoot {
		padding: 30px 85px 30px 30px;
	}

#sideRight #picnic .boxFoot {
		padding: 30px 115px 50px 30px;
	}


	
#sideRight #baloon .boxFoot {
		padding: 30px 85px 100px 30px
	}
	
#sideRight #news dl {
		padding: 7px 0 4px 0;
		margin: 3px 0 3px 0;	
		background: url(/images/misc/separator-rough-side.gif) repeat-x top left;
		font-weight: bold;
	}



#butterFly {
		position: absolute;
		top: -10px;
		right: -6px;
	}
#wellies {
		position: absolute;
		top: -10px;
		right: -6px;
	}
#corn img {	
		position: absolute;
		bottom: 25px;
		right: 17px;
	}
#picnic img {	
		position: absolute;
		bottom: -21px;
		right: 13px;
		
	}
#picnic2 img {	
		position: absolute;
		bottom: -21px;
		right: 13px;
		
	}
#baloon img {	
		position: absolute;
		bottom: -15px;
		right: -11px;
		padding-bottom:60px;
	}
#sunFlower {
		position: absolute;
		top: -2px;
		right: -7px;
	}
#plate {
		position: absolute;
		top: -18px;
		right: -10px;
	}
	
#sideLeft .row {	
		width: 230px;	
	}
#sideLeft .row div {
		float: left;
		width: 106px;
		margin-left: -5px;
	}
#sideLeft .row .floatLeft {
		float: left;
		width: 115px;
		margin: 0;
		padding: 0;
	}
#sideLeft .row h2 {
		margin-top: 8px;
		font-size: 110%;
	}
	
#flashBags1, #flashBags2, #flashBags3, #flashBags0 {
		position: relative;
		left: -20px;
	}
	
	
	
#submit-a-recipe, #submit-link {
		position: relative;
		top: 15px;
		left: -13px;
	}

/* [+] -- FOOT -------------------------------- */

#imgFootAbsolute {
		position: absolute;
		bottom: 90px;
		left: 28px;
	}

#footer a {
		color: #235937;
	}
#footer a:hover {
		color: #fff;
		text-decoration: none;
	}
	
#bookmarks {
		position: absolute;
		bottom: 20px;
		right: 13px;	
	}

	
/* [+] -- TEXT REPLACEMENT -------------------------------- */


h1 {
		position: relative;
	}
h1 span {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#yourThoughts h1 {
		width: 218px;
		height: 63px;
	}
#yourThoughts h1 span {	
		background: url(/images/titles/title-h1-about-wholegrain.gif) no-repeat;
	}
#optins h1 {
		width: 218px;
		height: 63px;
	}
#optins h1 span {	
		background: url(/images/titles/title-h1-about-wholegrain.gif) no-repeat;
	}
#nutritional h1 {
		width: 213px;
		height: 60px;
	}
#nutritional h1 span {	
		background: url(/images/titles/title-h1-sunbites-made.gif) no-repeat;
	}
	
#yourLittle h1 {
		width: 177px;
		height: 59px;
	}
#yourLittle h1 span {
		background: url(/images/titles/title-h1-little-things.gif) no-repeat;
	}
#ourLittle h1 {
		width: 218px;
		height: 63px;
	}
#ourLittle h1 span {
		background: url(/images/titles/title-h1-our-small-steps.gif) no-repeat;
	}

#tvAd h1 {
		width: 218px;
		height: 63px;
	}
#tvAd h1 span {
		background: url(/images/titles/title-h1-tv-ad.gif) no-repeat;
	}




#competition1 h1 {
		width: 174px;
		height: 44px;
	}
#competition1 h1 span {
		background: url(/images/titles/title-h1-competition1.gif) no-repeat;
	}

#competition2 h1 {
		width: 174px;
		height: 44px;
	}
#competition2 h1 span {
		background: url(/images/titles/title-h1-competition1.gif) no-repeat;
	}

#carbonFootprint h1 {
		width: 218px;
		height: 38px;
	}
#carbonFootprint h1 span {
		background: url(/images/titles/title-h1-carbonfootprint.gif) no-repeat;
	}
/* h1 */

#home h1 {
		width: 218px;
		height: 38px;
	}
#home h1 span {	
		background: url(/images/titles/title-h1-home.gif) no-repeat;
	}


#about h1 {
		width: 218px;
		height: 63px;
	}
#about h1 span {	
		background: url(/images/titles/title-h1-about.gif) no-repeat;
	}
	
#aboutWholegrain h1 {
		width: 218px;
		height: 63px;
	}
#aboutWholegrain h1 span {	
		background: url(/images/titles/title-h1-about-wholegrain.gif) no-repeat;
	}
#aboutWholegrain h1 span {	
		background: url(/images/titles/title-h1-about-wholegrain.gif) no-repeat;
	}
	
#wholegrainRecipes h1, #recipeArticle h1 {
		width: 218px;
		height: 111px;
	}
#wholegrainRecipes h1 span, #recipeArticle h1 span {	
		background: url(/images/titles/title-h1-wholegrain-recipes.gif) no-repeat;
	}
	
#flavour h1 {
		width: 218px;
		height: 63px;
	}
#flavour h1 span {	
		background: url(/images/titles/title-h1-flavour.gif) no-repeat;
	}
	
#submitRecipe h1 {
		width: 218px;
		height: 87px;
	}
#submitRecipe h1 span {	
		background: url(/images/titles/title-h1-submit-recipe.gif) no-repeat;
	}
	
#contactUs h1 {
		width: 218px;
		height: 87px;
	}
#contactUs h1 span {	
		background: url(/images/titles/title-h1-submit-recipe.gif) no-repeat;
	}
	
#whatIsWholegrain h1 {
		width: 250px;/*222px;*/
		height: 38px;
	}
#whatIsWholegrain h1 span {	
		background: url(/images/titles/title-h1-what-is-wholegrain.gif) no-repeat;
	}
#whatIsWholegrain #imageSomething {
		margin: 17px 0 0 30px;
	}
	
#terms h1 {
		width: 225px;
		height: 38px;
	}
#terms h1 span {	
		background: url(/images/titles/title-h1-terms-conditions.gif) no-repeat;
	}


#sitemap h1 {
		width: 225px;
		height: 38px;
	}
#sitemap h1 span {	
		background: url(/images/titles/title-h1-sitemap.gif) no-repeat;
	}

#privacy h1 {
		width: 225px;
		height: 38px;
	}
#privacy h1 span {	
		background: url(/images/titles/title-h1-privacy-policy.gif) no-repeat;
	}
#accessibility h1 {
		width: 225px;
		height: 38px;
	}
#accessibility h1 span {	
		background: url(/images/titles/title-h1-accessibility.gif) no-repeat;
	}
	
	
	

/* h2 */

#home #content h2 {
		width: 183px;
		height: 79px;
		background: url(/images/titles/title-h2-NewSunRipenedSweetChilli.gif) no-repeat;
		color: #B7770D;
		margin-bottom: 0;
		display:block;
	}

#home #content h2 a {

	display:block;
	width: 183px;
	height: 79px;
}

#home #content h2 span {	
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	

	
/* h2 */

#sideRight h2 {
		margin-top: 6px;	
	}
	
#sideRight div.fntBodyComp {
		width:150px;
		padding-top:8px;
	}
	
#sideRight div.fntBodyComp2 {
		width:150px;
		padding-top:8px;
		padding-bottom:40px;
	}

#sideRight div.fntBodyTvAd {
		width:150px;
		padding-top:8px;
		padding-bottom:17px;
	}

#titleWhatGrain {
		width: 171px;
		height: 24px;
		background: url(/images/titles/title-h2-what-is-wholegrain.gif) no-repeat;
		color: #235937;
	}
#titleWhatGrain a {

	display:block;
	width: 171px;
	height: 24px;
}
	
#titleCooking {
		width: 103px;
		height: 24px;
		background: url(/images/titles/title-h2-get-cooking.gif) no-repeat;
		color: #235937;
	}
	
	
#titleCooking a {
		width: 103px;
		height: 24px;
		display:block;
	}

#titleWhyWholgrain {
		width: 154px;
		height: 24px;
		background: url(/images/titles/title-h2-why-wholegrain.gif) no-repeat;
		color: #235937;
	}
	
	
#titleWhyWholgrain a {
		width: 154px;
		height: 24px;
		display:block;
	}


	
#titleYourLittle {
		width: 143px;
		height: 24px;
		background: url(/images/titles/title-h2-small-steps.gif) no-repeat;
		color: #235937;
	}

#titleOurSteps {
		width: 123px;
		height: 24px;
		background: url(/images/titles/title-h2-our-small-steps.gif) no-repeat;
		color: #235937;
	}
#titleOurSteps a {

	display:block;
	width: 123px;
	height: 24px;	
}
#titleOurSteps span {	
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}


#titleYourSteps {
		width: 123px;
		height: 24px;
		background: url(/images/titles/title-h2-your-small-steps.gif) no-repeat;
		color: #235937;
		display:block;
	}
#titleYourSteps a {

	display:block;
	width: 123px;
	height: 24px;	
}
#titleYourSteps span {	
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}

#titleYourThoughts {
		width: 123px;
		height: 24px;
		background: url(/images/titles/title-h2-your-thoughts.gif) no-repeat;
		color: #235937;
	}
	
#titleYourThoughts a {

	display:block;
	width: 123px;
	height: 24px;	
}
#titleYourThoughts span {	
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}

#titleFlavours {
		width: 124px;
		height: 24px;
		background: url(/images/titles/title-h2-bags-of-flavour.gif) no-repeat;
		color: #235937;
	}
#titleFlavours a {

	display:block;
	width: 124px;
	height: 24px;	
}
#titleGetCooking span, #titleCleanWellies span, #titleFlavours span, #titleWholegrain span, #titleHowMade span, #titleWhereBuy span, #titleYourThoughts span, #titleOurSteps span, #titleWholegrainRecipes span, #titleSubmitRecipe span, #titleCarbon span, #titleYourLittle span, #titleWhatGrain span, #titleCooking span, #titleSunbites span, #titleWhyWholgrain span, #titlePamperYourself span, #titleBalloon span, #titleWatchOurAd span   {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
#titleWholegrain {
		width: 150px;
		height: 24px;
		background: url(/images/titles/title-h2-what-is-wholegrain.gif) no-repeat;
		color: #235937;
	}
#titleWholegrain a{
		width: 150px;
		height: 24px;
		display: block;
	}

#titleSunbites {
		width: 115px;
		height: 24px;
		background: url(/images/titles/title-h2-about-sunbites.gif) no-repeat;
		color: #235937;
	}
#titleSunbites a{
		width: 115px;
		height: 24px;
		display: block;
	}

#titleHowMade {
		width: 173px;
		height: 24px;
		background: url(/images/titles/title-h2-sunbites-made.gif) no-repeat;
		color: #235937;
	}
#titleWhereBuy {
		width: 121px;
		height: 24px;
		background: url(/images/titles/title-h2-where-buy.gif) no-repeat;
		color: #235937;
	}	

#titleWholegrainRecipes {	
		width: 144px;
		height: 24px;
		background: url(/images/titles/title-h2-wholegrain-recipes.gif) no-repeat;
		color: #235937;
	}
	
#titleWholegrainRecipes a {

	display:block;
	width: 144px;
	height: 24px;	
}

#titleCleanWellies {	
		width: 150px;
		height: 24px;
		background: url(/images/titles/title-h2-clean-wellies.gif) no-repeat;
		color: #235937;
	}
	
#titleCleanWellies a {

	display:block;
	width: 150px;
	height: 24px;	
}
	
#titlePamperYourself {	
		width: 195px;
		height: 38px;
		background: url(/images/titles/title-h2-pamper-yourself.gif) no-repeat;
		color: #235937;
	}
	
#titlePamperYourself a {

	display:block;
	width: 195px;
	height: 38px;	
}

#titleBalloon {	
		width: 211px;
		height: 18px;
		background: url(/images/titles/title-h2-balloon.gif) no-repeat;
		color: #235937;
	}
	
#titleBalloon a {

	display:block;
	width: 211px;
	height: 18px;	
}

#titleWatchOurAd {	
		width: 159px;
		height: 17px;
		background: url(/images/titles/title-h2-watch-our-ad.gif) no-repeat;
		color: #235937;
	}
	
#titleWatchOurAd a {

	display:block;
	width: 159px;
	height: 17px;	
}

#titleGetCooking {	
		width: 115px;
		height: 24px;
		background: url(/images/titles/title-h2-get-cooking.gif) no-repeat;
		color: #235937;
	}
	
#titleGetCooking a {

	display:block;
	width: 115px;
	height: 24px;	
}
	
#titleSubmitRecipe {
		width: 154px;
		height: 24px;
		background: url(/images/titles/title-h2-submit-your-recipe.gif) no-repeat;
		color: #235937;
	}
#titleCarbon {
		width: 154px;
		height: 24px;
		background: url(/images/titles/title-h2-carbon-footprint.gif) no-repeat;
		color: #235937;
	}

/* [+] -- PAGE SPECIFIC -------------------------------- */
	
#mastHead {
		position: relative;
		height: 170px;
	}
#mastHead img {
		position: absolute;
		top: 0;
		left: -17px;
	}
	
#yourLittle .floatLeft {
		width: 92px;
		padding: 0;
		margin: 0;
		float: left;
	}
#yourLittle .floatRight {
		width: 245px;
		padding: 0;
		margin: 0 0 0 5px;
	}
#yourLittle blockquote a {
		display: block;
	}
#yourLittle #related-link {
		margin: 0 0 20px 13px;	
	}
	
#about #sideLeft, #yourLittle #sideLeft {
		padding-bottom: 240px;
	}

#home #imgFootAbsolute {
		bottom: 105px;
		left: 12px;
	}

body#home #headContainer {
		width: 100%;
		background: transparent url(/images/home/bg-head-meadow-home-stretch3.jpg) repeat-x bottom center;
	}

#home #header {
		background: transparent url(/images/home/bg-head-meadow-home.jpg) no-repeat bottom center;
		min-height: 237px;
	}

#home #breadCrumbs {
		position: relative;
	}
#home #content .boxHead {
		background: url(/images/misc/box-content-mid-bg.jpg) repeat-y 0% 5px;
		width: 280px;
		position: relative;
	}
#home #content .boxBg {
		background: url(/images/misc/box-content-mid-top.jpg) no-repeat top left;
	}
#home #content .boxFoot {
		background: url(/images/misc/box-content-mid-bottom.jpg) no-repeat bottom left;
		padding: 30px;
	}

#home #content {
		margin-left: 335px;
		margin-right: 315px;
	}
	
#home .floatRight {	
		margin: 4px -10px 4px 4px;	
	}
#home #sideLeft {
	padding-bottom: 280px;
	}
	

#flavour #content {
		margin-left: 260px;
		margin-right: 300px;
		font-size: 1.1em;
		padding-bottom: 35px;
	}
	

		
#news .boxFoot {
		padding: 30px 30px 30px 30px;
	}
	
#wholegrainRecipes #content .boxHead, #yourLittle #content .boxHead, #yourThoughts #content .boxHead {
		background: url(/images/misc/box-content-wide-bg.jpg) repeat-y 0% 5px;
		width: 415px;
		position: relative;
	}
#wholegrainRecipes #content .boxBg, #yourLittle #content .boxBg, #yourThoughts #content .boxBg {
		background: url(/images/misc/box-content-wide-top.jpg) no-repeat top left;
	}
#wholegrainRecipes #content .boxFoot, #yourLittle #content .boxFoot, #yourThoughts #content .boxFoot {
		background: url(/images/misc/box-content-wide-bottom.jpg) no-repeat bottom left;
		padding: 30px 40px 30px 30px;
	}
#wholegrainRecipes #content .boxLines, #yourLittle #content .boxLines {
		background: url(/images/misc/box-content-wide-lines.gif) repeat-y top left;
		padding: 0 10px;
		float: left;
		width: 100%;
	}

#wholegrainRecipes #content, #yourLittle #content, #yourThoughts #content {
		margin-left: 265px;
		margin-right: 300px;
	}
	
#wholegrainRecipes #sideLeft, #yourThoughts #sideLeft {
	padding-bottom: 180px;
	}
	
#yourThoughts #content .boxLines {
		background: none;
		padding: 0 0 0 5px;
	}
	
#wholegrainRecipes #imgFootAbsolute {
		left: 5px;
	}
	
#galleryPagination {
		text-transform: uppercase;
		text-align: center;	
	}
#galleryPagination ul {
		margin: 10px auto 0 auto;
	}
#galleryPagination li {
		display: inline;
		font-size: 120%;
		padding: 0 1px;
	}
	
#recipeGallery .row {
		float: left;
		width: 33.3%;
		text-align: left;
	}
#recipeGallery .row img {
		display: block;
	}
#recipeGallery .row span {
		display: block;
		margin: -5px 0 10px 5px;
	}


#recipeArticle #content .boxHead {
		background: url(/images/misc/box-content-long-bg.jpg) repeat-y 0% 5px;
		width: 711px;
		position: relative;
	}
#recipeArticle #content .boxBg {
		background: url(/images/misc/box-content-long-top.jpg) no-repeat top left;
	}
#recipeArticle #content .boxFoot {
		background: url(/images/misc/box-content-long-bottom.jpg) no-repeat bottom left;
		padding: 30px;
	}
#recipeArticle #content .boxLines {
		background: url(/images/misc/box-content-long-lines.gif) repeat-y top left;
		padding: 0 5px 0 15px;
	}

#recipeArticle #clip {
		top: -28px;
		left: -14px;
	}

#recipeArticle #content {
		margin-left: 263px;
		margin-right: 0px;
	}

#recipeArticle .floatLeft {
		float: left;
		width: 155px;	
	}
#recipeArticle .floatLeft img {
		position: relative;
		left: -5px;	
	}
#recipeArticle .floatRight {
		float: right;
		width: 470px;	
	}
#recipeArticle #imgFootAbsolute {
		left: 5px;
	}
	
#recipeArticle #sideLeft {
	padding-bottom: 180px;
	}
	
#submitRecipe #content {
		margin-left: 260px;
		margin-right: 0px;
	}
	
	
	
#submitRecipe #content .boxHead {
		background: url(/images/misc/box-content-creamlong-bg.jpg) repeat-y 0% 5px;
		width: 718px;
		position: relative;
	}
#submitRecipe #content .boxBg {
		background: url(/images/misc/box-content-creamlong-top.jpg) no-repeat top left;
	}
#submitRecipe #content .boxFoot {
		background: url(/images/misc/box-content-creamlong-bottom.jpg) no-repeat bottom left;
		padding: 30px 45px;
	}
#submitRecipe #sideLeft {
	padding-bottom: 240px;
	}
	
#submitRecipe #send-recipe .floatLeft {
		float: left;
		width: 49%;	
		margin: 0 0 -5px 0;
	}
#submitRecipe #send-recipe .floatRight {
		float: right;
		width: 47%;	
		margin: 0;
		padding-left: 1%;
		w\idth: 46%;
		margin: 0 0 1px 0;
	}

#contactUs .floatRight
{
   
}

#whatIsWholegrain #sideLeft {
		/*padding-bottom: 130px;
        Changed by Chris for non-flash content*/
	    padding-bottom: 0px;
	}
	
#whatIsWholegrain #butterFly {
		bottom: -4px;
		right: -4px;
		top: auto;
	}
	
#whatIsWholegrain #wellies, #ourLittle #wellies{
		bottom: -2px;
		right: -4px;
		top: auto;
	}
	
#whatIsWholegrain #imgFootAbsolute {
		left: 10px;
	}
	
#whatIsWholegrain #flashContent {
		position: relative;
		left: -20px;
		top: 0;
	}
	
#tvAd #pamper, #ourLittle #pamper{
		position: absolute;
		bottom: -19px;
		right: 12px;
		top: auto;
	}
	
#tvAd #balloon{
		position: absolute;
		bottom: 19px;
		right: -10px;
		top: auto;
	}


/*NEW PROMO PANEL CSS*/
#competition1 #watchouradleft, #competition2 #watchouradleft, #ourLittle #watchouradleft {
		position: absolute;
		bottom: 21px;
		right: 102px;
		top: auto;
	}

#whatIsWholegrain #watchouradleft, #whatIsWholegrain #watchouradleft, #about #watchouradleft, #carbonFootprint #watchouradleft{
		position: absolute;
		bottom: 21px;
		right: 102px;
		top: auto;
	}




#competition1 #watchouradright, #competition2 #watchouradright, #ourLittle #watchouradright  {
		position: absolute;
		bottom: 9px;
		right: -11px;
		top: auto;
	}

#whatIsWholegrain #watchouradright, #whatIsWholegrain #watchouradright, #about #watchouradright, #carbonFootprint #watchouradright {
		position: absolute;
		bottom: 9px;
		right: -11px;
		top: auto;
	}

#competition1 #picnicinluxury, #competition2 #reachnewheights, #ourLittle #picnicinluxury {
		position: relative;
		bottom: 9px;
		right: 4px;
		top: auto;
	}

/*, #optins #headContainer*/
#terms #headContainer, #sitemap #headContainer, #yourLittle #headContainer, #yourThoughts #headContainer, #contactUs #headContainer {
		background: transparent url(/images/misc/bg-head-meadow-stretch2.jpg) repeat-x bottom center;
	}

/*, #optins #header*/
#terms #header, #sitemap #header, #yourLittle #header, #yourThoughts #header, #contactUs #header {
		background: transparent url(/images/misc/bg-head-meadow3.jpg) no-repeat bottom center;
		
	}
/*, #optins #logo*/
#terms #logo, #sitemap #logo, #yourLittle #logo, #yourThoughts #logo, #contactUs #logo {
		bottom: 24px;
	}
	
#terms #content {
		margin-left: 325px;
		margin-right: 20px;
	}
#terms #breadCrumbs, #sitemap #breadCrumbs, #yourLittle #breadCrumbs, #yourThoughts #breadCrumbs, #contactUs #breadCrumbs {
		margin: -20px 0 0 365px;
		font-size: 1.1em;
		position: relative;
	}
#terms #bodyWrap, #sitemap #bodyWrap, #yourLittle #bodyWrap, #yourThoughts #bodyWrap, #contactUs #bodyWrap {
		margin-top: 38px;
	}
	
#terms #content a{
	color:#FFF;
}
	
#sitemap #content {
		margin-left: 325px;
		margin-right: 20px;
	}
	
#contactUs #content {
		margin-left: 260px;
		margin-right: 0px;
	}
#contactUs #content .boxHead {
		background: url(/images/misc/box-content-creamlong-bg.jpg) repeat-y 0% 5px;
		width: 718px;
		position: relative;
	}
#contactUs #content .boxBg {
		background: url(/images/misc/box-content-creamlong-top.jpg) no-repeat top left;
	}
#contactUs #content .boxFoot {
		background: url(/images/misc/box-content-creamlong-bottom.jpg) no-repeat bottom left;
		padding: 30px 45px;
	}
#contactUs #sideLeft {
	padding-bottom: 240px;
	}
		
	
	
#privacy #headContainer {
		background: transparent url(/images/misc/bg-head-meadow-stretch2.jpg) repeat-x bottom center;
	}

#privacy #header {
		background: transparent url(/images/misc/bg-head-meadow3.jpg) no-repeat bottom center;
	}
	
#privacy #logo {
		bottom: 24px;
	}
	
#privacy #content {
		margin-left: 325px;
		margin-right: 20px;
	}
#privacy #breadCrumbs {
		margin: -20px 0 0 365px;
		font-size: 1.1em;
		position: relative;
	}
#privacy #bodyWrap {
		margin-top: 38px;
	}

	
#accessibility #headContainer {
		background: transparent url(/images/misc/bg-head-meadow-stretch2.jpg) repeat-x bottom center;
	}

#accessibility #header {
		background: transparent url(/images/misc/bg-head-meadow3.jpg) no-repeat bottom center;
	}
	
#accessibility #logo {
		bottom: 24px;
	}
	
#accessibility #content {
		margin-left: 325px;
		margin-right: 20px;
	}
#accessibility #breadCrumbs {
		margin: -20px 0 0 365px;
		font-size: 1.1em;
		position: relative;
	}
#accessibility #bodyWrap {
		margin-top: 38px;
	}
	
	
#flavour h1, #aboutWholegrain h1, #submitRecipe h1, #whatIsWholegrain h1, #contactUs h1 {
		margin-top: 2px;	
	}
#wholegrainRecipes h1, #recipeArticle h1 {
		margin-top: 1px;	
	}
#aboutWholegrain #sideLeft {
	padding-bottom: 240px;
	}
	
#nutritional #content {
		margin-left: 260px;
		margin-right: 0px;
	}

#nutritional #content .boxHead {
		background: url(/images/misc/box-content-long-wide-bg.jpg) repeat-y 0% 5px;
		width: 719px;
		position: relative;
	}
#nutritional #content .boxBg {
		background: url(/images/misc/box-content-long-wide-top.jpg) no-repeat top left;
	}
#nutritional #content .boxFoot {
		background: url(/images/misc/box-content-long-wide-bottom.jpg) no-repeat bottom left;
		padding: 30px 30px 30px 40px;
	}
	
#nutritional #content table {
		background: url(/images/nutritional_information/bg-table-separators.gif) no-repeat top left;
		margin-bottom: 15px;
	}
	
#nutritional #content table td {
		text-align: center;
	}
#nutritional #content table td.alignLeft {
		text-align: left;
	}
#nutritional #content table tr.noPadding td {
		padding-left: 0px;	
	}

#nutritional table #headOriginal {
		background: url(/images/nutritional_information/bg-head-table-original.gif) no-repeat top left;
		text-align: center;
		font-size: 110%;
		width: 637px;
	}
#nutritional table #headCracked {
		background: url(/images/nutritional_information/bg-head-table-cracked.gif) no-repeat top left;
		text-align: center;
		font-size: 110%;
		width: 637px;
	}
#nutritional table #headRoasted {
		background: url(/images/nutritional_information/bg-head-table-roasted.gif) no-repeat top left;
		text-align: center;
		font-size: 110%;
		width: 637px;
	}
#nutritional table #headChilli {
		background: url(/images/nutritional_information/bg-head-table-sweetchilli.gif) no-repeat top left;
		text-align: center;
		font-size: 110%;
		width: 637px;
	}
#nutritional table .packShot {
		float: right;
		padding-right: 2px;
	}
#nutritional table th h3 {
		margin-top: 15px;
		line-height: 1.2em;
		color: #815101;
		font-size: 120%;
	}
#nutritional th {
		font-weight: normal;
	}
#nutritional #headOriginal th, #nutritional #headCracked th, #nutritional #headRoasted th, #nutritional #headChilli th {
		font-weight: bold;
		color: #815101;
	}

#nutritional #sideLeft h2 {
		border-bottom: 1px solid #fff;
		padding-bottom: 8px;
		margin-bottom: 8px;
		font-size: 124%;
	}
#nutritional #sideLeft h3 {
		font-size: 110%;
	}
#nutritional #sideLeft caption {
		text-align: left;
		font-weight: bold;
		font-size: 124%;
		margin: 15px 0 0 0;
		padding-bottom: 4px;
	}
#nutritional #sideLeft th {
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		padding: 8px 0;
		font-weight: bold;
		vertical-align: top;
	}
#nutritional table .centreAlign img {
		padding: 0 4px;
	}

/* [+] -- FORMS -------------------------------- */

button {
		border: none;
		background: none;
		display: block;
		cursor:pointer;
	}
fieldset {
		border: none;
	}
legend {
		display: none;
	}
	

#send-recipe p {
		margin: 6px 0;
		clear: both;
	}
	
#send-recipe label {
		width: 95px;
		float: left;
		text-align: left;
		margin-right: 5px;
		display: block
	}
	
#send-recipe #checkBox, #send-feedback #checkBox, #competition1 #checkBox, #competition2 #checkBox    {
		margin-top: 10px;	
	}
#send-recipe #checkBox label {
		width: 325px;
		float: left;
		display: inline;
	}
	
#send-recipe textarea {
		width: 515px;
		height: 52px;
		border: 1px inset #ccc;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}
#send-recipe textarea {
		width: 200px;
		height: 86px;
		border: 1px inset #ccc;
		w\idth: 511px;
		he\ight: 86px;
		
		text-indent:2px;
        padding: 2px;
        font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}	
/*#send-recipe #personal input {
		width: 175px;
		height: 25px;
		border: 1px inset #ccc;
	}*/
#send-recipe #personal input 
{
    
		width: 175px;
		height: 21px;
		border: 1px inset #ccc;
		w\idth: 175px;
		
		text-indent:4px;
        padding: 3px 0px 1px 0px;
        line-height:16px;
		vertical-align:top;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}	

/*#send-recipe #recipe input {
		width: 515px;
		height: 25px;
		border: 1px inset #ccc;
	}*/



#send-recipe #recipe input 
{
    
		width: 515px;
		height: 21px;
		border: 1px inset #ccc;
		w\idth: 515px;
		
		text-indent:4px;
        padding: 3px 0px 1px 0px;
        line-height:16px;
		vertical-align:top;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}	
	
#send-recipe button {
		float: right;
		margin: -23px 8px 10px 0;
	}


#send-recipe #personal
{
    text-align:left;
    /*color:#ffffff;*/
    line-height: 1.55em;
    /*font-size:1.1em;   */
}

	
#send-feedback button {
		float: right;
		margin: 20px 0 5px 0;
	}

#competition1 button, #competition2 button{
		float: right;
		margin: 20px 0 5px 0;
	}
		
#send-recipe li.check, #send-feedback li.check, #competition1 li.check, #competition2 li.check { margin-bottom: 4px; }

#send-recipe .validationErrors, #send-feedback .validationErrors,  #competition1 .validationErrors, #competition2 .validationErrors {
	color: red;
	font-weight:bold;
}

#send-feedback label, #competition1 label, #competition2 label {
		width: 90px;
		float: left;
		text-align: left;
		margin-right: 5px;
		display: block
	}
/*#send-feedback #personal input {
		width: 240px;
		height: 25px;
		border: 1px inset #ccc;
		w\idth: 238px;
	}*/
	
#send-feedback #personal input 
{
    
		width: 240px;
		height: 21px;
		border: 1px inset #ccc;
		w\idth: 238px;
		
		text-indent:4px;
        padding: 3px 0px 1px 0px;
        line-height:16px;
		vertical-align:top;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}	
#competition1 #personal input, #competition2 #personal input, #competition1 #friend1 input, #competition1 #friend2 input, #competition2 #friend1 input, #competition2 #friend2 input
{
    
		width: 230px;
		height: 21px;
		border: 1px inset #ccc;
		w\idth: 228px;
		
		text-indent:4px;
        padding: 3px 0px 1px 0px;
        line-height:16px;
		vertical-align:top;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}	

#comppersonal input
{
    
		width: 230px;
		height: 21px;
		border: 1px inset #ccc;
		w\idth: 228px;
		
		text-indent:4px;
        padding: 3px 0px 1px 0px;
        line-height:16px;
		vertical-align:top;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}	

#comppersonalsubmit  {
		float: right;
		/*width: 47%;	*/
		margin: 0;
		padding-left: 1%;
		/*w\idth: 46%;*/
		margin: 0 0 1px 0;
	}

#comppersonal label {
		width: 320px;
		float: left;
		display: inline;
	}


#send-feedback textarea {
		width: 200px;
		height: 86px;
		border: 1px inset #ccc;
		w\idth: 238px;
		he\ight: 84px;
		
		text-indent:2px;
        padding: 2px;
        font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}
#send-feedback #checkBox label, #competition1 #checkBox label, #competition2 #checkBox label {
		width: 320px;
		float: left;
		display: inline;
	}
	
form span, #form span {
		color: #6AB11C;
		font-size: 110%;	
	}
#form span {
		color: #6AB11C;
		font-size: 115%;	
	}
	
#sideRight form {
		color: #fff;
		font-weight: bold;
		margin: 15px 0 0 30px;
	}
#sideRight input {
		width: 220px;	
		height: 25px;
		border: 1px inset #ccc;
		he\ight: 19px;
		margin: 7px 0 0 0;
		color: #6AB11C;
		padding: 4px 0 0 4px;
		w\idth: 214px;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}
#sideRight button {
		float: right;
		margin: 0 45px 0 0;
	}



/* zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz */

#wholegrainQuestion
{
    width:240px;
}

#wholegrainQuestion form {
		/*color: #fff;
		font-weight: bold;*/
		margin: 15px 0 0 0px;
	}
#wholegrainQuestion input, #submitSmallStep #personal input, #submitLink #personal input {
		width: 220px;	
		height: 25px;
		border: 1px inset #ccc;
		he\ight: 19px;
		margin: 7px 0 0 0;
		color: #6AB11C;
		padding: 4px 0 0 4px;
		w\idth: 214px;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
	}
#wholegrainQuestion textarea, #submitSmallStep #personal textarea, #submitLink #personal textarea  {
		width: 220px;
		height: 52px;
		border: 1px inset #ccc;
		margin: 7px 0 0 0;
		color: #6AB11C;
		padding: 4px 0 0 4px;
		font:1.2em Arial, Verdana, Helvetica, sans-serif;
		
}

#wholegrainQuestion button, #submitSmallStep #personal button {
		float: right;
		margin: 0 45px 0 0;
	}

#wholegrainQuestion #submit, #submitSmallStep #personal #submit{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
#wholegrainQuestion .validationErrors {
		color: white;

	}
#wholegrainQuestion ul {
	
		list-style: circle;
	}






#submitSmallStep
{
    width:220px;
    /*padding-right:25px;*/
}

#submitSmallStep form {
		/*color: #fff;
		font-weight: bold;*/
		margin: 15px 0 0 0px;
	}
#submitSmallStep input {
		width: 220px;	
		height: 25px;
		border: 1px inset #ccc;
		he\ight: 19px;
		margin: 7px 0 0 0;
		color: #6AB11C;
		padding: 4px 0 0 0px;
		w\idth: 214px;
	}
#submitSmallStep textarea {
		width: 220px;
		height: 52px;
		border: 1px inset #ccc;
		margin: 7px 0 0 0;
		color: #6AB11C;
		padding: 4px 0 0 0px;
}

#submitSmallStep button {
		float: right;
		margin: 0 45px 0 0;
	}

#submitSmallStep #submit{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
#submitSmallStep .validationErrors {
		color: white;

	}
#submitSmallStep ul {
	
		list-style: circle;
	}





#submitLink
{
    width:250px;
    /*padding-right:25px;*/
    overflow:hidden;
}

#submitLink form {
		/*color: #fff;
		font-weight: bold;*/
		margin: 15px 0 0 30px;
	}
#submitLink input {
		width: 220px;	
		height: 25px;
		border: 1px inset #ccc;
		he\ight: 19px;
		margin: 7px 0 0 0;
		color: #6AB11C;
		padding: 4px 0 0 0px;
		w\idth: 214px;
	}
#submitLink textarea {
		width: 220px;
		height: 52px;
		border: 1px inset #ccc;
		margin: 7px 0 0 0;
		color: #6AB11C;
		padding: 4px 0 0 0px;
}

#submitLink button {
		float: right;
		margin: 0 45px 0 0;
	}

#submitLink #submit{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
#submitLink .validationErrors {
		margin: 0px 0 0 30px;
		color: white;

	}
#submitLink ul {
	
		list-style: none;
	}






#whatIsWholegrain #sideRight button {
		margin-top: 20px;	
	}

/* [+] -- FONTS -------------------------------- */

p {
		margin-bottom: 15px;
	}
	
#content p {
		line-height: 1.55em;
	}

#home #content p {
		line-height: 1.40em;
	}
	
h1 {
		font-size: 120%;
		color: #fff;
		font-weight: normal;
		letter-spacing: 0.0005em;
	}
	
#content h2 {
		font-size: 150%;
		color: #B26f00;
		margin-bottom: 15px;
		letter-spacing: 0.01em;
	}
	
#flavour #content, #flavour #content h2 {
		color: #fff;
	}
#flavour #content h2 {
		margin-bottom: 0;
		font-size: 120%;
	}
#recipeArticle #content h2 {
		margin-bottom: 0;
		font-size: 124%;
	}
	
#home #sideLeft h2 {
		font-size: 110%;
	}
 
#terms #content {
		color: #fff;
	}
#terms #content h2, #terms #content h3 {
		font-size: 110%;
		color: #fff;
	}

#sitemap #content {
		color: #fff;
	}
#sitemap #content h2, #sitemap #content h3 {
		font-size: 110%;
		color: #fff;
	}

#privacy #content {
		color: #fff;
	}
#privacy #content h2, #privacy #content h3 {
		font-size: 110%;
		color: #fff;
	}

	
/* [+] -- LINKS -------------------------------- */

a:link {
		color: #60207F;
		text-decoration: none;
	}
a:visited {
		text-decoration: none;
	}
a:hover {
		color: #333;
		text-decoration: underline;
	}
a:active {
		text-decoration: none;
	}

#sideRight .boxFoot a, #content a {
		color: #569510;	
		font-weight: bold;
	}

/* [+] -- ACCESSIBILITY -------------------------------- */

#skip, #footer span {
		position: absolute;
		left: -2000px;
	}
		
/* [+] -- UTILITY -------------------------------- */

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
.clearFix {display:inline-block;}

.floatRight {	
		float: right;
		margin: 4px 0 4px 4px;	
	}

	
#news .floatRight {
		margin: -70px -40px 0 0;	
	}

.linkArrow {
		margin-top: 10px;
	}
.linkArrow a {	
		background: transparent url(/images/misc/icon-arrow.gif) no-repeat center right;
		padding: 0 20px 0 0;
	}
	
.navBack {
		text-align: right;	
		margin-right: 10px;
		width: 99%;
	}
.navBack a.back {
		background: transparent url(/images/recipe_article/nav-back.gif) no-repeat left center;
		padding-left: 20px;
		font-size: 120%;
	}

.navBack img {
		float: left;	
		margin: 10px 0 15px 0;
		position: relative;
		top: -11px;
	}
	
.textWrap {
		color: #fff;
		padding: 10px 45px 0 30px;
		font-weight: bold;
	}


.clearBoth {
		clear: both;
	}
.centreAlign {
		text-align: center;
	}

.navTop {
		text-align: right;	
		margin-right: 10px;
	}

#yourthoughts #menu {
		background: url(/images/misc/menu-thoughts.png) no-repeat top right;
	}

#optins #menu {
		background: url(/images/misc/menu-home.png) no-repeat top right;
	}

#yourlittlethings #menu {
		background: url(/images/misc/menu-yourthoughts.png) no-repeat top right;
	}

#ourlittlethings #menu {
		background: url(/images/misc/menu-small.png) no-repeat top right;
	}

.submitRecipe 
{
   display:block;
   width:242px; 
   height:181px;
   background: transparent url(/images/misc/gfx-submit-recipes-2.png) no-repeat left center;
   /*background-image: url(/images/misc/gfx-submit-recipes-2.png);   */
   background-repeat:no-repeat;
}

.submitRecipe a {
	
	display:block;
	width:242px; 
   height:181px;
}


.submitRecipe a:hover {
	
	
	display:block;
   width:242px; 
   height:181px;
   background-repeat:no-repeat;
   /*background: transparent url(/images/misc/gfx-submit-recipes-2_rollover.png) no-repeat left center;*/
   background-image: url(/images/misc/gfx-submit-recipes-2_rollover.png);
   background: no-repeat left center;
	
}

.aboutOurFlavoursHome 
{
   display:block;
   width:277px; 
   height:290px;
   background-image: url(/images/misc/gfx-find-about-flavours-ingredients.png);   
   background-repeat:no-repeat;
}

.aboutOurFlavoursHome a {
	
	display:block;
	width:277px; 
   height:290px;
}


.aboutOurFlavoursHome a:hover {
	
	
	display:block;
   width:277px; 
   height:290px;
   /*background-repeat:no-repeat;*/
	background-image: url(/images/misc/gfx-find-about-flavours-ingredients_rollover.png);
	
   background: no-repeat left center;
	
}


.aboutOurFlavours 
{
   display:block;
   width:211px; 
   height:332px;
   background-image: url(/images/misc/gfx-find-about-flavours.png);   
   background-repeat:no-repeat;
}

.aboutOurFlavours a {
	
	display:block;
	width:211px; 
   height:332px;
}


.aboutOurFlavours a:hover {
	
	
	display:block;
   width:211px; 
   height:332px;
   background-repeat:no-repeat;
	background-image: url(/images/misc/gfx-find-about-flavours_rollover.png);
	
}

#noBackground
{
    text-align:left;
    color:#ffffff;
    line-height: 1.55em;
    font-size:1.1em;
}

#noBackground a
{
    color:#235937;
}

#noBackground h2 
{
        color:#ffffff;
		font-size: 120%;
		
		
		letter-spacing: 0.01em;
	}

#content #no-background
{
    color:#ffffff;
    line-height: 1.55em;
    
}

#content #no-background a
{
    color:#235937;
}

#ourLittle #menu, #tvAd #menu, #competition1 #menu, #competition2 #menu {

    background: url(/images/misc/menu-our-small.png) no-repeat top right;
}

#carbonFootprint #menu {

    background: url(/images/misc/menu-our-small.png) no-repeat top right;
}

#sideLeft a 
{
     color:#235937;  
}

#homeFootnote
{
    padding:110px 0px 0px 12px;
    color:white;
    width: 278px;
    position: relative;
    vertical-align:bottom; 
    text-align:right;
    height:20px; 
    text-align:left; 
    vertical-align:bottom baseline text-bottom;
    border:0px solid;
}

#wholegrainQuestion .validationErrors li
{
    padding-left:10px;
    text-decoration:none;
}

#contactCRSDown
{
	 height: 200px; 
	 overflow:hidden;
	 font-size: 1.1em;
}
#contactCRSDown a
{
	 color: #569510;	
	 font-weight: bold;
}

html[xmlns*=""] body:last-child #borderRough { margin-top: -5px; }

.win {
	background: url(../images/misc/win_prize.jpg) no-repeat;
	width: 295px;
	min-height:387px;
	/* IE 6 */
  	height:auto !important;
  	height:387px;
}
.win a.topbanner {
	width: 290px;
	display: block;
	height: 100px;
	text-indent: -999em;
	outline: none;
}
.win .btn {
	position: absolute;
	margin: 224px 0 0 13px;
}
.win .btnLeft, .win .btnRight {
	display: block;
	height: 50px;
	width: 125px;
	float: left;
	text-indent: -999em;
	outline: none;
}
.win .btnRight {
	margin: 0 0 0 9px;
}
.hide {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0px;
	display: none;
}