/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6win.css";
@import "ie7win.css";

/* The file below is ONLY read by IE5/Win.
	Makes use of the Mid Pass Filter: 
	http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: 
	http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* -- Geneic Initiation items not covered in "undothml.css" -- */

body
{
	text-align: center;
	font-family: Verdana, Arial,  sans-serif;
	background-image: url(../../images/common/bodyTile.gif);
	background-repeat:repeat-x;
}

/*background for default page*/

body#pageIndex
{
	background-image: url(../../images/common/repeaterDefault.jpg);
	background-repeat: repeat-x;
}
h1, h2, h3, h4, h5, h6, p
{
	position: relative;
}
fieldset
{
	border : none;
}
legend
{
	display: none;
}
.invisible
{
	display: none;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.clearBoth
{
	clear: both;
}

.theBreaker
{
	height: 1px;
	clear: both;
	overflow: hidden;
}
.password
{
border: solid 1px #336699;
width: 180px;
margin-left: 15px;
}

.accessibleObject
{
	position: absolute;
	top: -9999em;
}
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */

.replace
{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
} 
.replace span
{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" ><span></span>Headline</h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	height:100px; 
	width:300px; 
	background-image: url(head.png); 
} 
*/

/* begin normal CCS for  Firefox*/

/* basic font sizes*/
p, li
{
	font-size: 0.7em;
}

h1
{
	font-size: 1.5em;
	width: 800px;
	height: 217px;
	margin-top: -40px;
	text-indent: -9999em;	
}
p.newsTeaser
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

/*current backup for firefox - non-rotating image*/
h1 span
{
	width: 800px;
	height: 217px;
	z-index: 1;
	background-image: url(../../images/headings/topBanner1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top: 0;
	left: 0;
}
h2
{
	font-size: 1.3em;
}
h3
{
	font-size: 0.9em;
}
h4
{
	color: #678BBA;
	font-size: 0.76em;
}
/*	RM - added this for the recipe pages */
h5
{
	font-size: 0.7em;
}
blockquote
{
	font-size: 0.76em;
	color: #8D2B27;
	font-weight: bold;
	position: relative;
	padding-top: 15px;
}
div /* Fixes most of the peek a boo bugs */
{
	line-height : 1.2;
}

.formMessage li
{
	color: #F00;
	list-style-type:square;
	margin:0pt 0pt 10px 15px;
}
/*main layout*/

.nutrition li
{
	line-height:1em;		
}
.nutrition li
{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:0px;
}
P.asterisk
{
	padding:10px 0px 0px 0px;
	font-size: 0.55em;
}
body#pageIndex #theContainer
{
	background-color: Transparent;
}
#theContainer
{
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative;
}
.theHeader
{
	background-color: #fff;
	position: relative;
}

.panelContainer
{
	background-image: url(../../images/common/panelContainerTile.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
}
.panelContainerTop
{
	background-image: url(../../images/common/panelContainerTop.gif);
	height: 22px;
	width: 800px;
}
.panelContainerBottom
{
	background-image: url(../../images/common/panelContainerBottom.gif);
	height: 22px;
	width: 800px;
}
.mainCol
{
	width: 486px;
	float: left;
	margin-left: 34px;
}
.mainCol a
{
	color: #678BBA;
	font-weight: bold;
}

.mainCol a:hover
{
	text-decoration: underline;
}

.minorCol
{
	background-color:transparent;
	width: 240px;
	float: left;
	margin-left: 22px;
}
.theFooter
{
	display: block;
	clear: both;
}
.theFooter ul
{
	margin: 0px 0px 0px 26px;
}

.theFooter ul li
{
	display: inline;
	color: #0152A1;
}
.theFooter a
{
	color: #0152A1;
	margin: 13px;
}
.theFooter a:hover
{
	text-decoration: underline;
}

.theFooter .copyright
{
	margin: -13px 26px 13px 13px;
	float: right;
	color: #0152A1;
}
/*panels*/

.mainPanel
{
	background-image: url(../../images/common/mainPanelTile.gif);
	background-repeat: repeat-y;
}

.mainPanel p.firstPara
{
	margin-top: 16px;
}

/*	RM - added disclaimer to news page */
.mainPanel p.disclaimer
{
	font-style: italic;
}
.centerIt
{
	text-align: center;
}

/*	RM - added list to Product Range intro */
.mainPanel ul.rangeAttributes
{
	list-style-type: square;

	margin-left: 33px; /* 20px to line it up with the p above, plus 13px as for .mainPanel p */
	margin-bottom: 15px; /* As for .mainPanel p but with 5px extra to clear the image below */
	padding-left: 0;
}

.mainPanel h3, .mainPanel p, blockquote, h4, h5
{
	margin: 0px 21px 10px 13px;
}

.mainPanel h3
{
	margin-top: 18px;
	color: #698DBD;
}

.mainPanel img
{
	margin: 13px;
}

.mainPanelBottom
{
	background: url(../../images/common/mainPanelBottom.gif) no-repeat;
	height: 7px;
}

h2.healthBenefitsLight
{
	background: url(../../images/home/healthBenefitsH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}
h2.quakerProducts
{
	background: url(../../images/products/quakerProductsH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

/*
body#pageIndex .linkBenefits
{
	background: url(../../images/buttons/linkBenefits.gif) no-repeat;
	width: 149px;
	height: 23px;
	text-indent: -9999em;
}
*/

.linkBenefits a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

/*lead panels*/

.leadPanel
{	
	background-color: #EAF3FF;
	width: 456px;
	height: 128px;
	background: url(../../images/common/leadPanelBack.gif) no-repeat;
	margin-left: 12px;
	margin-bottom: 1.0em;
	position: relative;
}

/*consumer DPF panel, height less than lead panels*/

body#pageConsumer .leadPanel
{
	height: 79px;
	background: url(../../images/common/pdfBox.gif) no-repeat;
}
.leadPanelContent
{
	height: 90px;
	width: 310px;
	position: relative;
	left: 130px;
	top: 5px;
}
.leadPanel img
{
	position: absolute;
	left:0;
	top: -20px;
}

/*consumer PDF icon, login and links panel and ul list styles*/

.leadPanel #iconPdf
{
	position:absolute;
	top:15px;
	right:80px;
}
.linksPanel
{	
	width: 456px;
	height: 50px;
	margin-left: 12px;
	margin-bottom: 1.0em;
	position: relative;
}
#consumerLink
{

	width: 440px;
	position:relative;
	float:left;
	text-decoration:underline;
}
#consumerLink li
{
	float:left;
	width: 220px;

}
#consumerLink li a
{
	width: 220px;
	text-decoration:underline;
}
h3.loginH3
{
	color: #A51C15;
	left:0;
	top: 5px;
}
.consumerLogin
{   position: relative;
	top: 0px;
	left: 290px;
	width: 89px;
	height: 23px;

}

p.linkMoreInformation
{
	position: relative;
	top: 5px;
	left: 290px;
	background: url(../../images/buttons/linkMoreInformation.gif) no-repeat;
	width: 139px;
	height: 23px;
	text-indent: -9999em;
}
p.linkMoreInformation a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

/*welcome panel*/

.welcomePanel
{	width: 486px;
	background-color: #fff;
	position: relative;
	margin-bottom: 15px;
	margin-left: -2px;
}
.welcomePanel h2
{
	color: #0152A1;
	margin-top: 12px;
	margin: 0px 11px 0px 210px;
}
.welcomePanel p, .welcomePanel h3
{
	margin: 12px 11px 0px 210px;
}
.welcomePanel h3
{
	color: #A6221B;
	border-top: 1px solid #C8D4E5;
	padding-top: 13px;
}
.panelWelcomeTop
{
	height: 7px;
	background: url(../../images/home/panelWelcomeTop.gif) no-repeat;
}
.panelWelcomeBottom
{
	height: 7px;
	background: url(../../images/home/panelWelcomeBottom.gif) no-repeat;
}
img.packshot
{
	position: absolute;
	top: -60px;
	left: 13px;
	z-index: 1000;
}
p.linkMoreNews
{
	margin-left: 375px;
	margin-right: 0px;
}	
.linkMoreNews
{
	background: url(../../images/buttons/linkMoreNews.gif) no-repeat;
	width: 103px;
	height: 23px;
	text-indent: -9999em;
}
.linkMoreNews a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
/*product page specific*/

h3.productH3
{
	color: #A51C15;
}
img.prodShot
{
	float: right;
	margin: 20px 10px 10px 10px;
}
table.nutritionTable
{
	clear: both;
	width: 444px;
	margin: 15px;
	font-size: 0.76em;
}
table.nutritionTable th
{
	background-color: #678BBA;
	color: #fff;
	padding: 5px;
	text-align:center;
}
table.nutritionTable td
{
	padding: 3px;
	color: #435E81;
}
table.nutritionTable .strong
{
	font-weight: bold;
}

h3.blockH3
{
	background-color: #678BBA;
	color: #fff;
	font-size: 0.76em;
	padding: 3px 0px 3px 5px;
	width: 444px;
}

 ul.nutrition
{
	
	
}
 ul.nutrition li
{
	margin-right: 21px;
	margin-left: 13px;
	margin-bottom: 7px;
	list-style-type:square;
	list-style-position:inside;
}

 ul.news
{
	margin-right: 21px;
	margin-left: 25px;
	
}
 ul.news li
{
	margin-right: 21px;
	margin-left: 13px;
	margin-bottom: 3px;
	list-style-type:square;
}

/*news page specific*/
p.date
{
	margin-top: 0;
	color: #435E81;
}

#pageNews .leadPanel h3, #pageNews h3
{
	color: #A51C15;
	margin-bottom: 0;
}
h2.quakerNews
{
	background: url(../../images/news/quakerNewsH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}
.leadPanel img.newsImage
{
	position: absolute;
	left:0;
	top: -10px;
}
.publication
{
	color: #A51C15;
}
body#pageNews .mainCol img.newsImageLeft
{
	float: left;
	margin-bottom: 3px;
}

body#pageNews .mainCol img.newsImageRight
{
	float: right;
	margin-bottom: 3px;
	margin-right: 20px;
}

p.newsDivider
{
	border-top: 1px solid #C8D4E5;
	padding-top: 7px;
	margin-top: 0;
	clear: both;
}
 ol.newsOl
{
	
	margin-left: 0px;
	padding-left: 35px;
	
}
 ol.newsOl li
{
	
	margin-bottom: 7px;
	padding-left: 0px;
	font-weight: bold;
	list-style-type:decimal;
}

/*recipe specific pages*/
h2.quakerRecipes
{
	background: url(../../images/recipe/quakerRecipesH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

body#pageRecipes ol, body#pageFavouriteToppingsRecipes ol
{
	padding-left: 20px;
}

body#pageRecipes ol li, body#pageFavouriteToppingsRecipes ol li
{
	list-style-type:decimal;
	margin-bottom: 8px;
	padding-left: 0px;
}

/*benefits*/

body#pageBenefits .mainCol img.benefitsImageRight
{
	float: right;
	margin-bottom: 3px;
	margin-right: 24px;
	margin-top: 0px;
}

h2.healthBenefits
{
	background: url(../../images/benefits/healthBenefitsH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}
/*competition page specific*/

h2.quakerCompetition
{
	background: url(../../images/competition/quakerCompetitionH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}
#compForm
{
	margin: 0px 12px 20px 13px;
}

#compForm h3
{
	padding-top:10px;
	color:#B81D1A;
	margin: 0 13px 10px 13px ;
}

#compForm label
{
	color: #000;
	width: 120px;
	font-size: 0.7em;
	margin-left: 20px;
}

#compForm fieldset
{
	margin-bottom: 15px;
	margin-left: 13px;
}

#compForm label.textLabels
{
	color: #000;
	width: 120px;
	display:block;
	font-size: 0.7em;
	float: left;
	margin-left: 0;
}

#compForm .radioButton
{
	clear: left;
	display:block;
	margin: 0;
}

#compForm input#uiTxtForename, 
#compForm input#uiTxtSurname,
#compForm input#uiTxtEmail
{
	width: 144px;
	border: 1px solid #678BBA;
	display: block;
	float: left;
	margin-bottom: 3px;
}

#compForm br
{
	clear: left;
}

#compForm
{
	margin-bottom: 24px;
}

#leadingQuestionPanel
{
	background-image: url(../../images/common/leadPanelBack.gif);
	background-repeat: no-repeat;
	height:143px;
}

.error
{
	font-size: 0.76em;
	font-weight: bold;
}

#compForm span.optin
{
	margin-left: 120px;
	display: block;
}

#compForm span.optin label
{
	display:block;
	width: 290px;
}

#compForm span.optin input
{
	float: left;
}


body #dateOfBirth fieldset
 {
	margin: 0;
 }

body #dateOfBirth fieldset select
{
	width: 60px;
	margin: 0 3px 6px 0;
	border: 1px solid #678BBA;
}

body fieldset#detailsForm select
{
	width: 60px;
	margin: 0 3px 6px 0;
	border: 1px solid #678BBA;
}

body #dateOfBirth fieldset #fakeLabel
{
	
}

/*history page specific*/

body#pageHistory h2.quakerHistory
{
	background: url(../../images/history/quakerHeritageH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

body#pageHistory .mainCol img.historyImageLeft
{
	float: Left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

body#pageHistory .mainCol img.historyImageRight
{
	float: right;
	margin-bottom: 10px;
	margin-right: 24px;
	margin-top: 0px;
}
/*recipe page specific */

h2.quakerHistory
{
	background: url(../../images/recipes/quakerRecipesH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

body#pageRecipes h4, 
body#pageFavouriteToppingsRecipes h4
{ 
	clear: both;
	color: #A41B14;
	font-weight: normal;
}

body#pageRecipes h3, 
body#pageFavouriteToppingsRecipes h3
{
	color: #A51C15;
	font-weight: normal;
	margin-bottom: 0;
}

/*	RM - added this for the recipe pages */
body#pageRecipes h5, 
body#pageFavouriteToppingsRecipes h5
{ 
	clear: both;
	color: #A41B14;
	font-weight: normal;
}

body#pageRecipes .mainPanel ul, 
body#pageFavouriteToppingsRecipes .mainPanel ul
{
	margin: 0px 21px 10px 16px;
	list-style-type:square;
}
body#pageRecipes .mainPanel img.foodShot, 
body#pageFavouriteToppingsRecipes .mainPanel img.foodShot
{
	margin: 0;
}

body#pageRecipes .recipeTitle, 
body#pageFavouriteToppingsRecipes .recipeTitle
{
	border-bottom: 1px solid #DEE1E6;
	background: url(../../images/recipe/theRecipe/recipeTitleBack.gif) no-repeat bottom right;
	height: 58px;	/* RM - height added so the full background image will show. The <p> within this div text must be kept to two lines max. */
	margin-right: 21px;
	margin-left: 13px;
	margin-bottom: 10px;
}

/*	RM - added class for recipe intro text. */
body#pageRecipes p.recipeIntro,
body#pageFavouriteToppingsRecipes p.recipeIntro
{
	border-bottom: 1px solid #DEE1E6;
	padding-bottom: 10px;
}

body#pageRecipes .recipeIngredients,
body#pageFavouriteToppingsRecipes  .recipeIngredients
{
	border-bottom: 1px solid #DEE1E6;
	margin-right: 21px;
	margin-left: 13px;
	margin-bottom: 10px;
}

body#pageRecipes .recipePrep,
body#pageFavouriteToppingsRecipes .recipePrep
{
	border-bottom: 1px solid #DEE1E6; /* RM - uncommented because nutritional info is now available */
	margin-right: 21px;
	margin-left: 13px;
	margin-bottom: 10px;
}

/*	RM - added for nutritional information at the bottom of each recipe page. */
body#pageRecipes .recipeNutritional,
body#pageFavouriteToppingsRecipes .recipeNutritional
{
	border-bottom: 1px solid #DEE1E6;
	margin-right: 21px;
	margin-left: 13px;
	margin-bottom: 10px;	
}

/*	RM - added for print this page link. */
body#pageRecipes .recipePrint,
body#pageFavouriteToppingsRecipes .recipePrint
{
	margin-right: 21px;
	margin-left: 13px;
	margin-bottom: 10px;
	text-align: left;	
}



.backLinkNew
{
	text-align: left;
	background-image: url(../../images/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 12px;	
	margin-right: 20px;
}

/*	RM - added .recipeNutritional*/
body#pageRecipes .recipeTitle *,
body#pageFavouriteToppingsRecipes .recipeTitle *,
body#pageRecipes .recipeIngredients *,
body#pageFavouriteToppingsRecipes .recipeIngredients *, 
body#pageRecipes .recipePrep *,
body#pageFavouriteToppingsRecipes .recipePrep *, 
body#pageRecipes .recipeNutritional *, 
body#pageFavouriteToppingsRecipes .recipeNutritional *,
body#pageRecipes .recipePrint *,
body#pageFavouriteToppingsRecipes .recipePrint *
{
	margin-left: 0;
}
.backLink
{
	margin-right:25px;
}

/*Terms page specific */

h2.quakerTerms
{
	background: url(../../images/terms/quakerTermsH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

body.pageTerms h3
{
	color: #A51C15;
	font-size: 0.76em;

}

body.pageTerms ol
{
	list-style-type:decimal;
	list-style-position: outside;
	margin-left: 35px;
	margin-right: 25px;
}

body.pageTerms ol li
{
	margin-bottom: 10px;
}

body.pageTerms .mainCol p span
{
	color: #678BBA;
	font-weight: bold;
}
/*privacy specific*/

h2.quakerPrivacy
{
	background: url(../../images/privacy/privacyH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

body#pagePrivacy .leadPara
{
	margin-top: 10px;
}
	
/*promo panels*/

div.promoPanel
{
	background: url(../../images/promoPanel/promoPanelTile.gif) repeat-y;
	position: relative;
}

div.promoPanel p
{
	margin: 15px 21px 0px 14px;
}

div.promoPanel a
{
	color: #678BBA;
	font-weight: bold;
}

div.promoPanel a:hover
{
	text-decoration: underline;
}
div.promoPanel h3
{
	margin: 15px 21px 0px 14px;
	font-weight: bold;
}

div.promoPanel p.p2
{
	width: 100px;
}
.promoPanelBottom
{
	height: 28px;
	background: url(../../images/promoPanel/promoPanelBottom.gif) no-repeat;
	margin-top: 0px;
	margin-bottom: 17px;
	position: relative;
}

img.promoImage1
{
	position: absolute;
	top: -75px;
	right: 10px;
	
}

img.promoImage2
{
	position: absolute;
	top: -65px;
	right: 10px;
}

img.promoImage3
{
	position: absolute;
	top: -70px;
	right: 20px;

}

img.promoImage4
{
	position: absolute;
	top: -35px;
	right: 5px;

}

img.promoImage5
{
	position: absolute;
	top: -60px;
	right: -5px;

}

img.promoImage6
{
	position: absolute;
	top: -70px;
	right: -10px;

}

h2.win
{
	background: url(../../images/promoPanel/promoH2Win.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;

}

h2.products
{
	background: url(../../images/promoPanel/promoH2Products.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}

h2.benefits
{
	background: url(../../images/promoPanel/promoH2Benefits.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}

h2.favouriteToppingsVote
{
	background: url(../../images/promoPanel/promoH2YourFinishgTouches.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}

h2.winATripToEurope
{
	background: url(../../images/promoPanel/promoH2Winatriptoeurope.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}

h2.favouriteToppingsCompetition
{
	background: url(../../images/promoPanel/promoH2FavouriteToppings.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}
h2.favouriteToppings
{
	background: url(../../images/promoPanel/promoH2FavouriteToppings.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}

h2.measuringScoop
{
	background: url(../../images/promoPanel/promoH2MeasuringScoop.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}

h2.quakerMeasuringScoop
{
	background: url(../../images/favouriteToppings/quakerH2MeasuringScoop.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
	}


.linkCompetition
{
	background: url(../../images/buttons/linkEnterNow.gif) no-repeat;
	width: 102px;
	height: 24px;
	text-indent: -9999em;
	z-index: 100;
}

.linkCompetition a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.linkProducts
{
	background: url(../../images/buttons/linkViewRange.gif) no-repeat;
	width: 133px;
	height: 24px;
	text-indent: -9999em;
	z-index: 100;
}

.linkProducts a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.linkBenefitsPromo
{
	background: url(../../images/buttons/linkBenefitsHealth.gif) no-repeat;
	width: 119px;
	height: 23px;
	text-indent: -9999em;
	z-index: 100;
}

.linkBenefitsPromo a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.linkFavouriteToppingsVote
{
	background: url(../../images/buttons/btn_votenow.gif) no-repeat;
	width: 103px;
	height: 24px;
	text-indent: -9999em;
	z-index: 100;
}

.linkFavouriteToppingsVote a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.linkFavouriteToppings
{
	background: url(../../images/buttons/btn_favtoppings.gif) no-repeat;
	width: 155px;
	height: 24px;
	text-indent: -9999em;
	z-index: 100;
}

.linkFavouriteToppings a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.linkPostYours
{
	background: url(../../images/buttons/btn_postyours.gif) no-repeat;
	width: 103px;
	height: 24px;
	text-indent: -9999em;
	z-index: 100;
}

.linkPostYours a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}


.linkMeasuringScoop
{
	background: url(../../images/buttons/btn_getascoop.gif) no-repeat;
	width: 120px;
	height: 24px;
	text-indent: -9999em;
	z-index: 100;
}

.linkMeasuringScoop a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}



/*main navigation*/


ul#mainNav  
{
	/*width: 615px;*/
	width: 615px;
	height: 40px;
	position: relative;
	z-index: 100;
	margin-left: 17px;
	top: -2px;
}

#mainNav li a {
	width: 100%;
	height: 40px;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
}
#mainNav li a:hover {
	visibility: visible;
}

#mainNav li 
{
	margin-right: 0;
	padding: 0;
	height: 40px;
	float: left;
	overflow: hidden;
}
#mainNav li a 
{
	position: absolute;
	height: 40px;
	background: url(../../images/common/navigation.gif) no-repeat;
	cursor: hand;
}
/*home*/
#mainNav li#nav1
{
	width: 45px;
}

#mainNav li#nav1 a 
{
	width: 45px;
	background-position: 0px 0px;
}

#mainNav li#nav1 a:hover, body#pageIndex li#nav1 a
{
	background-position: 0px -40px;
}

/*About Us*/
#mainNav li#nav2
{
	width: 71px;
}

#mainNav li#nav2 a 
{
	width: 71px;
	background-position: -45px 0px;
}

#mainNav li#nav2 a:hover, 
body#pageAboutUs li#nav2 a,
body#pageHistory li#nav2 a,
body#pageBrandPromise li#nav2 a
{
	background-position: -45px -40px;
}

/*Quaker Range*/

#mainNav li#nav3
{
	width: 106px;
}

#mainNav li#nav3 a 
{
	width: 106px;
	background-position: -116px 0px;
}

#mainNav li#nav3 a:hover, body#pageProduct li#nav3 a
{
	background-position: -116px -40px;
}

/*Oat Goodness*/

#mainNav li#nav4
{
	width: 102px;
}

#mainNav li#nav4 a 
{
	width: 102px;
	background-position: -222px 0px;
}

#mainNav li#nav4 a:hover, 
body#pageOatGoodness li#nav4 a,
body#pageBenefits li#nav4 a
{
	background-position: -222px -40px;
}


/*Tasty Recipes*/
#mainNav li#nav5
{
	width: 100px;
}

#mainNav li#nav5 a  
{
	/*width: 100px; this is the pahase 2 value*/
	width: 95px;
	background-position: -322px 0px;
}

#mainNav li#nav5 a:hover, 
body#pageTastyRecipes li#nav5 a,
body#pageRecipes li#nav5 a,
body#pageFavouriteToppings li#nav5 a,
body#pageFavouriteToppingsResults li#nav5 a,
body#pageFavouriteToppingsForm li#nav5 a
{
	background-position: -322px -40px;
}


/*Cholesterol Knowledge*/

#mainNav li#nav6
{
	width: 80px;
}

#mainNav li#nav6 a 
{
	width: 80px;
	background-position: -424px 0px;
}

#mainNav li#nav6 a:hover, body#pageCompetition li#nav6 a 
{
	background-position: -424px -40px;
}

/*Competition*/

#mainNav li#nav7
{
	width: 68px;
}

#mainNav li#nav7 a  
{
	width: 68px;
	background-position: -455px 0px;
}

#mainNav li#nav7 a:hover, body#pageCompetition li#nav7 a  
{
	background-position: -455px -40px;
}

/* this is a dirty fix for new competition section*/
#mainNav li#navSpecial a  
{
	width: 68px;
	background-position: -455px 0px;
}

#mainNav li#navSpecial a:hover, 
body.CompetitionFix #theContainer #mainNav li#navSpecial a  
{
	background-position: -455px -40px;
}


/*Favourite Toppings section*/

/*vote panel*/


#pageFavouriteToppings .marginRight, body#pageFavouriteToppingsResults .marginRight

{
	margin-right: 24px;
}

#recipeVotePanel
{
	margin: 0 24px 0 13px;
}

#recipeVotePanel .voteLine input
{
	margin: 4px 5px 0 5px;
	float: left;
}

#recipeVotePanel label
{
	padding-left: 10px;
	background-image: url(../../images/favouriteToppings/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

#recipeVotePanel label a
{
	color: #678BBA;
	font-size: 0.7em;
}

#recipeVotePanel .voteLine
{
	background-color: #E4EEFB;
	clear: both;
	display: block;
	width: 100%;
	margin: 0 0 3px 0;
}

#recipeVotePanel .imageButton
{
	margin: 10px 10px 5px 0;
	float: left;
}

#recipeVotePanel .btnResultsSoFar
{
	width:124px;
	height: 24px;
	float: left;
	margin: 10px 10px 5px 0;
}

#recipeVotePanel .btnResultsSoFar img
{
	margin: 0;
	padding: 0;
}

h2.quakerNationsFavouriteToppings
{
	background: url(../../images/favouriteToppings/quakerH2TheNationsFavouriteToppings.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}
h2.quakerWhatNationsFavouriteTopping
{
	background: url(../../images/favouriteToppings/quakerH2WhatitheNationFavo.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

h2.quakerFavouriteToppingsCompetition
{
	background: url(../../images/favouriteToppings/quakerFavouriteToppingsCompetitionH2.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}
h2.quakerWinATripToEurope
{
	background: url(../../images/favouriteToppings/quakerH2WinaTriptoEurope.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}

/*the favourite toppings forms*/

#pageFavouriteToppingsForm #entryForm
{
	background-image:url(../../images/favouriteToppings/forms/formmiddle.gif);
	background-repeat: repeat-y;
	width: 444px;
	margin: 0 0 0 13px;
	padding: 0 13px 13px 13px;
}

#pageFavouriteToppingsForm .boxMiddle
{
	background-image:url(../../images/favouriteToppings/forms/formmiddle.gif);
	background-repeat: repeat-y;
	width: 444px;
	margin: 0 0 0 13px;
	padding: 0 13px 0px 13px;
}
#pageFavouriteToppingsForm .boxMiddle ul
{
	list-style-type: disc;
	list-style-position:inside;
	margin: -3px 0 5px 0;
}

#pageFavouriteToppingsForm .boxMiddle img.food
{
	float: left;
	margin: 0 10px 10px 0;
}

#pageFavouriteToppingsForm .boxMiddle h3.recipeH3
{
	margin: 0;
	color: #AE4742;
}
.boxMiddle .recipeChef
{
	font-weight: bold;
}

#pageFavouriteToppingsForm #entryForm legend
{
	display: block;
	color: #445E81;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.normalInput
{
	width: 225px;
}

#summaryRecipe ul
{	margin: 0 0 10px 15px;
	list-style-type: square;
}

#pageFavouriteToppingsForm #entryForm #dateOfBirth select
{
	margin-right: 5px;
}

#pageFavouriteToppingsForm .boxTop
{
	height: 18px;
	background-image:url(../../images/favouriteToppings/forms/formheader.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 13px;
}

#pageFavouriteToppingsForm .boxBottom
{
	height: 18px;
	background-image:url(../../images/favouriteToppings/forms/formfooter.gif);
	background-repeat: no-repeat;
	margin: 0 0 13px 13px;
}

#pageFavouriteToppingsForm #entryForm label
{
	width: 150px;
	font-size: 0.7em;
	float:left;
	margin: 0 0 5px 0;
	clear: left;
	color: #445E81;
}

#pageFavouriteToppingsForm #entryForm #checkboxes
{
	clear: both;
	float: left;
	display: block;
	width: 90%;
	margin: 15px 0 0 0;
}

#pageFavouriteToppingsForm #entryForm #checkboxes label
{
	float: left;
	clear: right;
	margin: 0 0 5px 0;
	width: 380px;
}

#pageFavouriteToppingsForm #entryForm #checkboxes label a
{
	text-decoration: underline;
}

#pageFavouriteToppingsForm #entryForm #checkboxes input
{
	float:left;
	margin: 0 5px 5px 0;
	clear: left;
	color: #445E81;
	border: 0 none;
}


#pageFavouriteToppingsForm #entryForm input, 
#pageFavouriteToppingsForm #entryForm select,
#pageFavouriteToppingsForm #entryForm textarea
{
	float: left;
	clear: right;
	margin: 0 0 5px 0;
	border: 1px solid #445E81;
}

#pageFavouriteToppingsForm #entryForm textarea
{
	height: 100px;
	margin-bottom: 15px;
	font-family: Verdana, Arial,  sans-serif;
	font-size: 0.76em;
}

#pageFavouriteToppingsForm #entryForm .rightAndClear
{
	float: right;
	clear: both;
	display:block;
	margin: 0 24px 0 0;
	display: inline;
	border: 0 none;
}
/* Favourite Toppings terms page*/

body.pageFavouriteToppings ol.listFavouriteToppings,
body.popup ol
{
	margin: 13px;
	list-style-type:decimal;
}

body.pageFavouriteToppings ol.listFavouriteToppings li
{
	margin: 0 23px 10px 23px;
	
}

/*Voting Results*/

body#pageFavouriteToppingsResults .voteLine 
{
	vertical-align:middle;
	
}

body#pageFavouriteToppingsResults div.percentageGraphic
{
	background-image: url(../../images/barBack.jpg);
	background-repeat: no-repeat;

	height: 19px;
	width: 204px;
	float: left;
	display: inline;
	margin: 3px 0 0 0;
}

body#pageFavouriteToppingsResults div.percentageGraphic img
{
	padding: 0;
	margin: 3px 0 0 6px;
}


body#pageFavouriteToppingsResults .recipeName
{
	width: 185px;
	float: left;
	font-size: 0.7em;
	margin: 5px;
}

body#pageFavouriteToppingsResults .extraPercentage
{
	font-size: 0.7em;
	margin: 5px 0 0 4px;
	font-weight: bold;
	float: left;
	display: inline;
}

body#pageFavouriteToppingsResults #voteNowButton
{
	margin: 0;
}

/*favour recipes*/

body#pageFavouriteToppingsRecipes h2.quakerRecipes
{
	background: url(../../images/favouriteToppings/quakerToppingSuggestions.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}


body#pageFavouriteToppingsResults h2.quakerFavouriteResults
{
	background: url(../../images/favouriteToppings/quakerFavourite_ResultsH2.gif) no-repeat;
	text-indent: -9999em;
	height: 33px;
}
/*popup terms*/

body.popupTerms #theContainer
{
	width: 506px;
	background-color: #EBF3FF;
	padding: 10px 0 10px 0 ;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

body.popupTerms #theContainer .mainPanel h2.quakerTerms
{
	
}

body.popupTerms #theContainer .mainPanel
{
	margin: 0px 10px 0 10px;
}

body.popupTerms #theContainer .mainPanelBottom
{
	margin: 0 0 0 10px;
}

body.popupTerms #theContainer .mainPanel .quakerTerms ol
{

	width: 482px;
}
.blanketyBlank
{
	height: 20px;
	display:block;
}

.selectError
{
	padding: 10px 0 0px 0;
	color: Red;
}
/*late additions*/

.OatsoIngredients
{
	
}

.OatsoIngredients ul
{
	list-style-type: square;
	margin: 0 0 10px 25px;
}

/*About Us*/

h2.quakerAboutUs
{
	background: url(../../images/aboutUs/quakerAboutUsH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

/*Brand Promise*/

h2.quakerBrandPromise
{
	background: url(../../images/BrandPromise/quakerBrandPromiseH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

body#pageBrandPromise #popUpImage
{
	width: 139px;
	float: left;
	margin-left: 13px;
}

body#pageBrandPromise #popUpImage p 
{
	margin: 3px 0 3px 0;
	color: #435E81;
	font-style: italic;
	text-align: right;
}

body#pageBrandPromise .mainPanel p
{
	margin-left: 165px;
}

body#pageBrandPromise a.brandImage img
{
	margin: 0;
	padding: 0;
}

body#pageBrandPromisePopup #theContainer
{
	width: 355px;
}


/*Oat Goodness*/

h2.quakerOatGoodness
{
	background: url(../../images/oatGoodness/quakerOatGoodnessH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

/*Cholesterol Knowledge*/

h2.quakerCholesterolMessage
{
	background: url(../../Images/CholesterolMessage/CholesterolMessageH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}

/*Tasty Recipes*/

h2.quakerTastyRecipes
{
	background: url(../../Images/TastyRecipes/TastyRecipesH2.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
	margin-bottom: 10px;
}

/*Cholesterol Knowledge*/

h2.quakerCholesterolKnowledge
{
	background: url(../../images/cutme.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}
/*New Default Page 10/01/07*/

body#pageIndex #theContainer
{
	/*width: 770px;
	background-image: url(../../images/Default/theContentBG.jpg);
	background-position: 0 563px;*/
}
#h1QuakerOats, #h1QuakerOats span
{ 
	height:278px; 
	width:770px; 
	background-image: url(../../images/Default/mainBody_top.jpg);
} 
body#pageIndex #theContainer #mainContent
{
background-image: url(../../images/Default/mainBody_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 770px;
	height: 285px;
	position: relative;
}
body#pageIndex #theContainer #mainContent ul#links
{
	width: 520px;
	position: absolute;
	top: 30px;
	left: 130px;
}
body#pageIndex #theContainer #mainContent ul#links li
{
	width: 116px;
	height: 165px;
	margin-right: 14px;
	display: inline;
	float: left;
	text-indent: -9999em;
	overflow: hidden;
}
#linkAboutUs
{
	background-image: url(../../images/Default/aboutPanel.gif);
	background-repeat: no-repeat;
}
#linkQuakerRange
{
	background-image: url(../../images/Default/rangePanel.gif);
	background-repeat: no-repeat;
}
#linkOatGoodness
{
	background-image: url(../../images/Default/goodnessPanel.gif);
	background-repeat: no-repeat;
}
#linkTastyRecipes
{
	background-image: url(../../images/Default/recipePanel.gif);
	background-repeat: no-repeat;
}
#linkCompetition
{
	background-image: url(../../images/Default/competitionPanel.gif);
	background-repeat: no-repeat;
}

body#pageIndex #theContainer #mainContent ul#links li a
{
	width: 100%;
	height: 100%;
	display: block;
}
body#pageIndex #theContainer #mainContent ul#links li.last
{
	margin-right: 0;
}
body#pageIndex #siteInformation
{
	width:507px;
	position: absolute;
	bottom: 30px;
	left: 133px;
	text-align: center;
}

body#pageIndex #siteInformation li
{
	display: inline;
	border-right: 1px solid #223C6F;
}

body#pageIndex #siteInformation li.last
{
	border-right: 0 none;
}

body#pageIndex #siteInformation li a
{
	padding: 0 5px 0 5px;
	color: #223C6F;
}