/* body settings */

.bodyhome{
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; /* RNIB reccomended base font size */
	text-align: center;
	color: #333;
	background: #fb7e13 url(../images/bg_home.jpg) no-repeat top center;
}

.bodymain{
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; /* RNIB reccomended base font size */
	text-align: center;
	color: #333;
	background: #fb7e13 url(../images/bg_main.jpg) no-repeat top center;
}

#body{
	background: url(../images/bg_body.gif) repeat-y top center;
}
#header{
	background: url(../images/bg_header.jpg) no-repeat top center; 
	height: 80px; 
	margin-bottom: -1px; 
	margin-left: 20px;
	text-align	 : center;
}
.menuHome{
	width	: 58px;
	height	: 52px;
	display	: block;
	background: url("../images/menuHome.jpg");
}
.menuHome:hover{
	background: url("../images/menuHome_hover.jpg");
	width	: 58px;
	height	: 52px;
	display	: block;
}
.menuHome_selected{
	background: url("../images/menuHome_selected.jpg");
	width	: 58px;
	height	: 52px;
	display	: block;
}
.menuProducts{
	width	: 75px;
	height	: 52px;
	display	: block;
	background: url("../images/menuProducts.jpg");
}
.menuProducts:hover{
	background: url("../images/menuProducts_hover.jpg");
	width	: 75px;
	height	: 52px;
	display	: block;
}
.menuProducts_selected{
	background: url("../images/menuProducts_selected.jpg");
	width	: 75px;
	height	: 52px;
	display	: block;
}
.menuRecipes{
	width	: 72px;
	height	: 52px;
	display	: block;
	background: url("../images/menuRecipes.jpg");
}
.menuRecipies:hover{
	background: url("../images/menuRecipes_hover.jpg");
	width	: 72px;
	height	: 52px;
	display	: block;
}
.menuRecipies_selected{
	background: url("../images/menuRecipes_selected.jpg");
	width	: 72px;
	height	: 52px;
	display	: block;
}
.menuKitchen{
	width	: 125px;
	height	: 52px;
	display	: block;
	background: url("../images/menuKitchen.jpg");
}
.menuKitchen:hover{
	background: url("../images/menuKitchen_hover.jpg");
	width	: 125px;
	height	: 52px;
	display	: block;
}
.menuKitchen_selected{
	background: url("../images/menuKitchen_selected.jpg");
	width	: 125px;
	height	: 52px;
	display	: block;
}
.menuHoroscope{
	width	: 96px;
	height	: 52px;
	display	: block;
	background: url("../images/menuHoroscope.jpg");
}
.menuHoroscope:hover{
	background: url("../images/menuHoroscope_hover.jpg");
	width	: 96px;
	height	: 52px;
	display	: block;
}
.menuHoroscope_selected{
	background: url("../images/menuHoroscope_selected.jpg");
	width	: 96px;
	height	: 52px;
	display	: block;
}
.menuCompetition{
	width	: 106px;
	height	: 52px;
	display	: block;
	background: url("../images/menuCompetition.jpg");
}
.menuCompetition:hover{
	background: url("../images/menuCompetition_hover.jpg");
	width	: 106px;
	height	: 52px;
	display	: block;
}
.menuCompetition_selected{
	background: url("../images/menuCompetition_selected.jpg");
	width	: 106px;
	height	: 52px;
	display	: block;
}
#bodyContentWrapper{
	padding: 10px; 
	width: 744px !important; width /**/: 764px; /*box model hack*/ 
	background: #e20a16; 
	font-size: 0.78em; 
	margin: 0px auto; 
	text-align: left;
}
#logo{
	position	: relative;
	margin-top	: -10px;
	margin-left	: -52px;
	width		: 251px;
	height		: 89px;
	float		: left;
}
#menu{
	background	: url("../images/menu_bg.jpg") repeat-x;
	width		: 546px;
	height		: 89px;
	float		: right;
	margin-top	: -10px;
	margin-left	: -1px;
}
#quicklinks{
	height		: 23px;
	width		: 345px;
	background	: url("../images/quicklinks_bg.jpg");
	float		: right;
	margin-top	: 12px;
}
#quicklinks ul{
	margin		: 0px;
	padding		: 0px;
}
#quicklinks li{
	display		: inline;
	list-style-type:none;
}
#quicklinks a.quickBorder{
	text-decoration: none;
	color		: #f4a407;
	font		: 0.82em/1em Verdana;
	display		: block;
	padding-left: 10px;
	padding-right: 10px;
	float		: right;
	border-left	: solid 1px #f4a407;
	text-align	: center;
	margin-top	: 3px;
}
#quicklinks a.quickBorder:hover, #quicklinks a.quickNoBorder:hover{
	text-decoration: underline;
}
#quicklinks a.quickNoBorder{
	text-decoration: none;
	color		: #f4a407;
	font		: 0.82em/1em Verdana;
	display		: block;
	padding-left: 5px;
	padding-right: 5px;
	float		: right;
	text-align	: center;
	margin-top	: 3px;
}
#mainMenu{
	float		: right;
	width		: 533px;
}
#mainMenu ul{
	margin		: 0px;
	padding		: 0px;
}
#mainMenu li{
	display		: inline;
	list-style-type:none;
	margin		: 0px;
	padding		: 0px;
}
#mainMenu a{
	display		: block;
	margin		: 0px;
	float		: left;
}
#bodyContent, #bodyContent2{
	position: relative; 
	background: url(../images/bg_tile01.gif); 
	width: 743px;
} 
#bodyRight{
	float		: right;
	margin-right: -59px;
	background	: url("../images/homeRight.png");
	width		: 60px;
	height		: 277px;
}
#flash{
	height		: 282px;
	width		: 742px;
	float		: left;
	background	: yellow;
	margin-left	: 0px;
	background	: url("../images/flash.jpg");
}

#bodyMiddle{
	height		: 273px;
	background	: #fff;
	width		: 742px;
}
#bodyMiddleLeft{
	float		: left;
}
#homeMonthRecipe{
	float		: left;
	width		: 234px;
	height		: 151px;
	background	: url("../images/homeMonthRecipe.jpg");
	padding		: 0px 0px 0px 30px;
}
#homeMonthRecipe a{
	background	: url("../images/button.jpg") no-repeat;
	padding-left: 25px;
	padding-top	: 4px;
	font		: 700 0.88em/0.88em Verdana;
	color		: #e20a17;
	text-decoration: none;
	height		: 20px;
	display		: block;
	margin-top	: 7px;
}
#homeMonthRecipe a:hover{
	text-decoration : underline;
}
.recipeImg{
	position	: relative;
	float		: right;
	margin-top	: -25px;
	margin-right: 5px;
}
#homeStirFry{
	float		: left;
	width		: 239px;
	height		: 151px;
	background	: url("../images/homeStirFry.jpg");
	padding		: 0px 0px 0px 15px;
}
#homeStirFry a{
	background	: url("../images/button.jpg") no-repeat center left;
	padding-left: 25px;
	padding-top	: 4px;
	font		: 700 0.88em/0.88em Verdana;
	color		: #e20a17;
	text-decoration: none;
	height		: 20px;
	display		: block;
	margin-top	: 50px;
}
#homeStirFry a:hover{
	text-decoration : underline;
}
#homeProductFinder{
	width		: 487px;
	height		: 100px;
	background	: url("../images/homeProductFinder.jpg");
	padding		: 20px 0px 0px 30px;
}
#homeProductFinder h2{
	margin		: 0px 0px 6px 0px;
}
#selectProduct{
	margin-top	: 6px;
}
.submit{
	vertical-align	: top;
}
.textMiddle{
	text-align	: center;
	margin-left	: -5px;
}
#bodyMiddleRight{
	width		: 224px;
	float		: right;
	height		: 273px;
	background	: url("../images/homeFlavour.jpg") no-repeat;
	text-align	: left;
}
#bodyMiddleRight h2{
	margin		: 0px 0px 5px 0px;
}
#bodyBottom{
	height		: 188px;
}
#bodyBottomLeft{
	float		: left;
	width		: 192px;
	height		: 168px;
	background	: url("../images/footerHoroscopeSay.jpg") no-repeat;
	padding		: 20px 0px 0px 60px;
}
#bodyBottomLeftText{
	width		: 100px;
	margin		: 15px 0px 0px 95px;
	font		: 1em/1.12em Verdana;
}
#bodyBottomLeftMore{
	margin		: 10px 0px 0px 90px;
}
#bodyBottomRight, #bodyBottomRight1{
	float		: left;
	width		: 420px;
	height		: 143px;
	background	: url("../images/footerflavourquiz.jpg");
	padding		: 40px 0px 5px 70px;
}
#bodyBottomRightText{
	width		: 250px;
	margin		: 15px 0px 0px 5px;
	font		: 1em/1.12em Verdana;
}
#bodyBottomRightMore{
	margin		: 23px 0px 0px 0px;
}
#bodyFooter{
	height		: 70px;
	background	: url(../images/bodyFooterBg.jpg) no-repeat top; 
}


#footerFriend{
	float		: left;
	height		: 0px;
	margin		: 0px 0px 0px 20px;
	padding-left: 0px;
	text-decoration: none;
	color		: #fff;
}



#footerMailing{
	float		: left;
	height		: 70px; 
	margin		: 0px 0px 0px 400px;
	padding-left: 0px;

}

.footerlink:visited{
	text-decoration: none;
	color		: #fff;

}

.footerlink:link{
	text-decoration: none;
	color		: #fff;

}

a.footerlink:hover{
	text-decoration: underline;
	color		: #fff;
}

.footerlink:active{
	text-decoration: none;
	color		: #fff;

}


#footer{
	background: url(../images/bg_footer.gif) no-repeat top center; 
	height: 60px;
}
#footerContent{
	padding:10px 10px 10px 10px; 
	width: 744px !important; width /**/: 764px; /*box model hack*/ 
	font-size: 0.7em; 
	margin: 0px auto; 
	text-align: right;
}
#footerContent p{
	padding		: 0px;
}
#footerContent ul{
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	text-align: right;
}
#footerContent ul li{
	display: inline; 
	padding: 0px 0px 0px 5px;
}
#footerContent a{
	color: #000;
}


#horoscopeTitle{
	width		: 713px;
	height		: 106px;
	background	: url("../images/horoscopesTitle.jpg");
}



#productDetailTitle{
	width		: 713px;
	height		: 106px;
	background	: url("../images/products/productsTitle2.jpg");
}

#horoscopeDetailTitle{
	width		: 713px;
	height		: 106px;
	background	: url("../images/products/productsTitle3.jpg");
}

#ProdTitle
{
	float		: left;
	width		: 156px;
	height		: 58px;
	margin-top	: 0px;
	padding-top	: 0px;
	padding-left: 0px;
}

#droplinks{
	float		: right;
	margin		: 65px 15px 0px 0px;
}





#browse{
	float		: right;
	width		: 400px;
	margin		: 65px 15px 0px 0px;
	background-color: #FF6600;
}



#horoscopeLeft{
	float		: left;
	width		: 491px;
	padding		: 0px 15px;
}
#horoscopeRight{
	float		: right;
	width		: 192px;
	height		: 546px;
	background	: url("../images/horoscopesStarRecipe.jpg") no-repeat;
}
#yearPig{
	background	: url("../images/pig_year.jpg") no-repeat;
	width		: 472px;
	height		: 209px;
	margin		: 20px 0px 0px 10px;
}
#yearPig p{
	color		: #fff;
	padding		: 65px 0px 15px 210px;
	width		: 250px;
	font		: 1em/1em Verdana;
}
#pigselect{
	margin-left : 230px;
}
.submitPig{
	margin		: 10px 0px 0px 333px;
}
#exploreSigns{
	background	: url("../images/exploreSigns.jpg") no-repeat;
	width		: 521px;
	height		: 125px;
	margin		: 20px 0px 0px -15px;
	padding		: 15px 0px 0px 0px;
}
#horomenusign{
	margin-top  : 17px;
	margin-left	: 41px;
}
.rat{
		background:		url("../images/nr1.jpg");
		width:			33px;
		height:			42px;
		float:		left;
		display	: block;

}
.rat:hover{
		background:		url("../images/nr1a.jpg");
}
.ox{
		background:		url("../images/nr2.jpg");
		width:			37px;
		height:			42px;
		float:		left;
		display	: block;

}
.ox:hover{
		background:		url("../images/nr2a.jpg");
}
.tiger{
		background:		url("../images/nr3.jpg");
		width:			33px;
		height:			42px;
		float:		left;
		display	: block;

}
.tiger:hover{
		background:		url("../images/nr3a.jpg");
}
.rabbit{
		background:		url("../images/nr4.jpg");
		width:			39px;
		height:			42px;
		float:		left;
		display	: block;

}
.rabbit:hover{
		background:		url("../images/nr4a.jpg");
}
.dragon{
		background:		url("../images/nr5.jpg");
		width:			41px;
		height:			42px;
		float:		left;
		display	: block;

}
.dragon:hover{
		background:		url("../images/nr5a.jpg");
}
.snake{
		background:		url("../images/nr6.jpg");
		width:			37px;
		height:			42px;
		float:		left;
		display	: block;

}
.snake:hover{
		background:		url("../images/nr6a.jpg");
}
.horse{
		background:		url("../images/nr7.jpg");
		width:			38px;
		height:			42px;
		float:		left;
		display	: block;

}
.horse:hover{
		background:		url("../images/nr7a.jpg");
}
.goat{
		background:		url("../images/nr8.jpg");
		width:			31px;
		height:			42px;
		float:		left;
		display	: block;

}
.goat:hover{
		background:		url("../images/nr8a.jpg");
}
.monky{
		background:		url("../images/nr9.jpg");
		width:			43px;
		height:			42px;
		float:		left;
		display	: block;

}
.monky:hover{
		background:		url("../images/nr9a.jpg");
}
.rooster{
		background:		url("../images/nr10.jpg");
		width:			43px;
		height:			42px;
		float:		left;
		display	: block;

}
.rooster:hover{
		background:		url("../images/nr10a.jpg");
}
.dog{
		background:		url("../images/nr11.jpg");
		width:			32px;
		height:			42px;
		float:		left;
		display	: block;

}
.dog:hover{
		background:		url("../images/nr11a.jpg");
}
.pigsmall{
		background:		url("../images/nr12.jpg");
		width:			35px;
		height:			42px;
		float:		left;
		display	: block;

}
.pigsmall:hover{
		background:		url("../images/nr12a.jpg");
}
#horoText{
	margin		: 20px;
	font		: 1em/1em Verdana;
}
#pigFriend{
	background	: url("../images/pigFriend.jpg") no-repeat;
	width		: 460px;
	height		: 154px;
	margin		: 0px 0px 30px -15px;
	padding		: 20px 0px 0px 40px;
}
#pigleft{
	float		: left;
	width		: 165px;
}
#pigright{
	float		: left;
	margin-top  : 10px;
}
#pigright a{
	color		: #e20a16;
}
#HoroStartRecipe{
	margin		: 50px 0px 0px 2px;
}
#HoroStartRecipe a{
	display		: block;
	height		: 16px;
	background	: url("../images/arrowBlack.jpg") no-repeat center left;
	padding-left: 15px;
	margin-left	: 15px;
	text-decoration	: none;
}
#HoroStartRecipe a:hover{
	text-decoration: underline;
}
#HoroOtherRec{
	margin		: 50px 0px 0px 20px;
	width		: 150px;
}
#HoroOtherRec a{
	display		: block;
	background	: url("../images/arrowRed.jpg") no-repeat center left;
	text-decoration: none;
	padding-left: 15px;
}
#HoroOtherRec a:hover{
	text-decoration: underline;
}

#horoscopeBodyMiddle{
	float		: right;
	width		: 713px;
	background	: #fff;
	margin-right: 15px;
}


#HorobodyBottom{
	width		: 713px;
	height		: 189px;
	float		: right;
	margin-right:15px;
}
#HorobodyBottomLeft{
	float		: left;
	width		: 208px;
	height		: 159px;
	background	: url("../images/HoroMonthRec.jpg");
	padding		: 30px 0px 0px 50px;
	
}
#HorobodyBottomLeftText{
	width		: 100px;
	margin		: 5px 0px 0px 10px;
	font		: 1em/1.12em Verdana;
	position	: absolute;
}
#HorobodyBottomLeftText a{
	margin		: 10px 0px 0px 0px;
	background	: url("../images/buttonYellow.jpg") no-repeat center left;
	height		: 18px;
	padding-left: 25px;
	padding-top	: 3px;
	color		: #000;
	font		: 700 1em/1em Verdana;
	text-decoration: none;
	display		: block;
}
#HorobodyBottomLeftText a:hover{
	text-decoration: underline;
}
#HorobodyBottomLeftText h2{
	margin		: 0px 0px 5px 0px;
}
#recipeImg{
	position	: absolute;
	margin-top	: 10px;
	margin-left : 85px;
}
#HorobodyBottomRight{
	float		: left;
	width		: 455px;
	height		: 189px;
	background	: url("../images/HoroFlavour.jpg");
}

#HorobodyFlavourtext{
	float		: left;
	width		: 229px;
	margin: 0px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}

#HorobodyBottomRightText{
	clear 		: left;
	width		: 270px;
	margin		: 0px 0px 0px 20px;
	font		: 1em/1.12em Verdana;
}
#HorobodyBottomRightText a{
	
	margin		: 10px 0px 0px 0px;
	background	: url("../images/buttonYellow.jpg") no-repeat center left;
	height		: 18px;
	padding-left: 25px;
	padding-top	: 3px;
	color		: #000;
	font		: 700 1em/1em Verdana;
	text-decoration: none;
	display		: block;
}
#HorobodyBottomRightText a:hover{
	text-decoration: underline;
}

#ResultsyearPig{
	background	: url("../images/horoscopes_resultsRedBg.jpg") no-repeat;
	width		: 479px;
	height		: 181px;
	margin		: 20px 0px 0px 10px;
}
#ResultsyearPig p{
	color		: #fff;
	padding		: 20px 0px 15px 210px;
	width		: 250px;
	font		: 1em/1em Verdana;
}
.ResultssubmitPig{
	margin		: 0px 0px 0px 337px;
}
#againSearch{
	position	: absolute;
	margin		: 30px 0px 0px 20px;
	font		: 700 1.12em/1.12em Verdana;
	color		: #fff;
}
.year{
		font:			700 1em/1em Verdana;
		border-right:	solid 1px #000;
		margin      :   5px;
		padding-right:	5px;
}
#horoscresultsMainRight, #horoscresultsMainLeft{
		float:		left;
}
#horoscresultsMainLeft{
		width:			170px;
		margin-left		: 20px;
}
#horoscresultsMainRight{
		width:		280px;
}
#horoscresultsMainRight h1{
		font		:  1.69em/1.69em Verdana;
}
a.productlink{
		text-decoration:	underline 1px;
		font:			1.0em/1.25em Verdana;
		color:		#e20a16;
}
#try{
	background	: url("../images/whyNotTry.jpg");
	width		: 473px;
	height		: 112px;
	margin-left	: 10px;
}
#tryLeft{
	float		: left;
	font		: 700 1.12em/1.12em Verdana;
	padding		: 35px 0px 0px 15px;
    width       : 200px;
}
#tryRight{
	float		: right;
	width		: 233px;
}



#productTitlewrapper{
	width		: 713px;
	height		: 257px;
	margin-top	: 0px;
	padding-top	: 0px;
	padding-left: 0px;
}

#productTitleimage{
	float 		: left;
	clear		: none;
	width		: 458px;
	height		: 260px;
	background	: url("../images/productimage.jpg") no-repeat;
	margin-top	: -5px;
	padding-top	: 0px;
	padding-left: 30px;
}



#productTitleflag{
	float 		: left;
	clear		: none;
	width		: 225px;
	height		: 260px;
	background	: url("../images/flagbackground.jpg") no-repeat;	
	margin-top	: -5px;
	padding-top	: 0px;
	padding-left: 0px;
}


#flagtext1{
	float 		: left;
	clear		: none;
	width		: 225px;
	margin-top	: 60px;
	margin-left	: 0px;
	margin-bottom : 6px;	
	padding-top	: 0px;
	padding-left: 0px;
}

#flagtext2{
	float 		: left;
	clear		: none;
	width		: 225px;
	margin-top	: -5px;
	margin-left	: 0px;
	margin-bottom : 6px;
	padding-top	: 0px;
	padding-left: 0px;
}

#flagtext3{
	float 		: left;
	clear		: none;
	width		: 225px;
	margin-top	: -5px;
	margin-left	: 0px;
	padding-top	: 0px;
	padding-left: 0px;
}





#productTitle a{
	margin		: 20px 0px 0px 0px;
	display		: block;
	background	: url("../images/arrowRedWhite.jpg") no-repeat center left;
	text-decoration: none;
	padding-left: 15px;
}
#productTitle a:hover{
	text-decoration: underline;
}
#productDetailLeft{
	padding		: 0px 20px 0px 20px;
	width		: 481px;
	float		: left;
	margin-bottom: 30px;
}
#productDescrText{
	font		: 700 1.19em/1.29em Verdana;
	margin		: 5px 15px 0px 20px;
}
#serves{
	background	: url("../images/serveBg.jpg") no-repeat bottom left;
	width		: 447px;
	height		: 80px;
	padding		: 0px 0px 0px 15px;
	margin		: 20px 0px 0px 15px;
}
#ingredients{
	background : url("../images/ingredientsBg2.jpg") bottom right no-repeat;
	margin		: 20px 0px 50px 15px;
	width		: 387px;
	height		: auto;
	padding		: 15px 30px 0px 30px;
}
#ingredients img{
	position	: relative;
	z-index		: 1;
}
#ingredients p{
	margin		: 10px 0px 0px 0px;
	position	: relative;
	z-index		: 2;
}
#ingredients table{
	width		: 100%;
	margin-top	: 30px;
	margin-left	: 10px;
	border-collapse:collapse;
	z-index		: 1;
}

#ingredients table thead{
	border-bottom: solid 1px black;
	height		: 30px;
	z-index		: 1;
}

#tableBg{
	margin		: -430px 0px 0px -30px;
	position	: absolute;
	z-index		: 0;
}

.tableTitle{
	color		: #ff0000;
	font		: 700 1em/1em Verdana;
	height		: 15px;
}
.tableRow{
	border-bottom: solid 1px #ccc;
	height		: 25px;
	z-index		: 1;
}
.tableRowEnd{
	height		: 30px;
}
#range{
	margin		: 10px 0px 30px 20px;
}
#range a{
	display		: block;
	float		: right;
	margin		: -26px 20px 30px 0px;
	background	: url("../images/arrowRedWhite.jpg") no-repeat center left;
	height		: 15px;
	padding-left: 15px;
	text-decoration: none;
	color		: #ff0000;
}
#range a:hover{
	text-decoration: underline;
}
#sauce{
	margin-top	: 20px;
}
#sauce a{
	display		: block;
	float		: left;
	margin		: 0px 10px 0px 10px;
	background	: url("../images/arrowRedWhite.jpg") no-repeat center left;
	height		: 15px;
	width		: 100px;
	padding-left: 15px;
	text-decoration: none;
	color		: #ff0000;
}
#servesLeft{
	float		: left;
	width		: 190px;
}
#servesRight{
	float		: left;
	padding-top	: 40px;
}
#productDetailsRight{
	float		: right;
	width		: 191px;
	height		: 527px;
	background	: url("../images/proDetRightBg.jpg");
	margin-top	: -2px;
}
#suggestion{
	margin		: 15px 0px 0px 20px;
}
#suggestion a{
	font		: 700 1em/1em Verdana;
	background	: url("../images/arrowBlack.jpg") no-repeat center left;
	display		: block;
	height		: 15px;
	padding-left: 15px;
	text-decoration: none;
}
#suggestion a:hover{
	text-decoration: underline;
}
#greatWith{
	margin		:  45px 0px 0px 20px;
}
#greatWith a{
	font		: 700 1em/1em Verdana;
	background	: url("../images/arrowBlackBaige.jpg") no-repeat center left;
	display		: block;
	height		: 15px;
	padding-left: 15px;
	text-decoration: none;
}
#greatWith a:hover{
	text-decoration: underline;
}

#productIndexTitle{
	background		: url("../images/product_indexTitle.jpg") no-repeat center left;
	width			: 729px;
	height			: 209px;
	margin			: -3px -16px 0px 0px;
}
#productIndexTitleLeft{
	float			: right;
	width			: 200px;
	padding			: 15px 25px 0px 2px;
}
#productIndexTitleRigth{
	float			: right;
	width			: 139px;
	padding			: 80px 0px 0px 100px;
}
#productIndexTitleRigth a{
	color			: #ff0000;
}
#productTitleRight{
	float			: right;
	width			: 115px;
	padding			: 90px 0px 0px 20px;
}
#productTitleRight a{
	color			: #ff0000;
}
.productIndexMore{
	width			: 75px;
	height			: 29px;
	display			: block;
	background		: url("../images/more.gif");
	margin-top		: 5px;
}

#productIndexMain{
	height			: 448px;
	background		: #fff;
	padding			: 20px;
}















#productIndexMain a{
	height			: 16px;
	background		: url("../images/arrowRedWhite.jpg") no-repeat center left;
	padding-left	: 15px;
	color			: #ff0000;
	text-decoration	: none;
}






.productIndexItem1{
	float			: left;
	width			: 335px;
	height			: 220px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem1image{
	float			: left;
	width			: 175px;
	padding         : 46px 0px 0px 0;
}
.productIndexItem1image img{margin-left: 30px}

.productIndexItem1wrapper{
	float			: left;
	width			: 106px;
	padding         : 85px 0px 0px 0px;
}

.productIndexItem1textimage{
	float			: left;
	height			: 50px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem1viewrange{
	float			: left;
	width			: 124px;
	padding         : 0px 0px 0px 0px;
}




.productIndexItem2{
	float			: left;
	width			: 335px;
	height			: 220px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem2image{
	float			: left;
	width			: 140px;
	padding         : 0px 0px 0px 0;
}
.productIndexItem2image img {margin-left: 20px}

.productIndexItem2wrapper{
	float			: left;
	width			: 53px;
	padding         : 85px 0px 0px 0px;
}

.productIndexItem2textimage{
	float			: left;
	height			: 50px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem2viewrange{
	float			: left;
	width			: 103px;
	padding         : 0px 0px 0px 0px;
}





.productIndexItem3{
	float			: left;
	width			: 335px;
	height			: 118px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem3image{
	float			: left;
	width			: 175px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem3wrapper{
	float			: left;
	width			: 130px;
	padding         : 30px 0px 0px 0px;
}

.productIndexItem3textimage{
	float			: left;
	height			: 50px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem3viewrange{
	float			: left;
	width			: 102px;
	padding         : 0px 0px 0px 0px;
}





.productIndexItem4{
	float			: left;
	width			: 335px;
	height			: 118px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem4image{
	float			: left;
	width			: 140px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem4wrapper{
	float			: left;
	width			: 78px;
	padding         : 30px 0px 0px 0px;
}

.productIndexItem4textimage{
	float			: left;
	height			: 50px;
	padding         : 0px 0px 0px 0px;
}

.productIndexItem4viewrange{
	float			: left;
	width			: 124px;
	padding         : 0px 0px 0px 0px;
}





#blankArea{
	width			: 673px;
	height			: auto;
	padding			: 0px 20px 20px 20px;
}

#blankArea h1{
	font			: 1.56em/1.69em Verdana;
}


.blankAreaRight{
	width		: auto;
	padding		: 10px;
	float		: right;
	margin		: 30px 0px 10px 10px;
	text-align	: center;
}

#formArea{
	width			: 600px;
	height			: auto;
}

.lblForms{
	width			: 150px;
	float			: left;
	padding-left	: 10px;
	margin-top		: 5px;
}
.ast{
		color			: #f00;
		padding-left	: 5px;
		clear			: right;
}
#error{
		margin			: 5px;
		height			: 25px;
		font			: 1em/1.12em Verdana;
		color			: red;
}
.errorMessage{
		color			: #f00;
		padding-left	: 5px;
}
#formbox{
		padding-left	: 150px;
		padding-top		: 10px;
		text-align		: left;
		padding-right	: 30px;
}

#send{
		text-align		: right;
		padding-right	: 70px;
		padding-bottom	: 30px;
		margin-top		: 10px;
}
#send label{
		position		:relative;
		left			:228px;
		font			:1.12em/1.12em Verdana;
		vertical-align	: top;
		color			:#f00;
		text-decoration:underline;
}
#send input{
		margin-top		: 3px;
}













#productIndexMain a:hover{
	text-decoration	: underline;
}

#popup{
	width	: 459px;
	height	: 273px;
	text-align : left;
	background : url("../images/popupBg.jpg");
}
#popupLeft{
	float	: left;
	width	: 210px;
	padding	: 5px 0px 0px 5px;
}



.popupcontainer{
	width	: 459px;
	height	: auto;
	padding-bottom: 20px;
	text-align : left;
	background : url("../images/popupBg.jpg");
	clear: both;
	position: absolute;
	top: 520px;
	right: 270px;
}

.popupwrapper{
	float	: left;
	clear   : none;
	margin	: 20px 0px 0px 0px;
	width	: 459px;
	font	: 0.75em/1em Verdana;
}

.popuptext{
	float	: left;
	clear   : none;
	margin	: 0px 0px 0px -80px;
	width	: 290px;
	line-height: 1.2em;
}

.popuplink:visited{
	text-decoration: none;
	color: #FF0000;
}

.popuplink:link{
	text-decoration: none;
	color: #FF0000;
}

.popuplink:hover{
	text-decoration: underline;
	color: #FF0000;
}

.popuplink:active{
	text-decoration: none;
	color: #FF0000;

}

.popupimage{
	float	: left;
	clear   : none;
	width	: 210px;
	padding	: 5px 0px 0px 5px;
}



.closePopup{
	float	: right;
	margin	: -10px -10px 0px 0px;
}









#closePopup{
	float	: right;
	margin	: -10px -50px 0px 0px;
}
#closePopup a{
	background: url("../images/popupMin.jpg") no-repeat center right;
	height	: 15px;
	padding	: 0px 16px 0px 0px;
	color	: #ff0000;
	display	: block;
}

#recipeDetailTitle{
	width		: 713px;
	height		: 103px;
	background	: url("../images/recipeTitle.jpg");
	margin-top  : -1px;
}
#recipeTitle{
	width		: 700px;
	height		: 244px;
	background	: url("../images/recipeProductTitle.jpg") no-repeat;
	margin-top	: -5px;
	padding-top	: 2px;
	padding-left: 13px;
}
#recipeTitle a{
	margin		: 15px 0px 0px 30px;
	display		: block;
	background	: url("../images/arrowRedWhite.jpg") no-repeat center left;
	text-decoration: none;
	padding-left: 15px;
}
#recipeTitle a:hover{
	text-decoration: underline;
}
#recipeServesLeft{
	float		: left;
	width		: 250px;
	padding-bottom: 3px;
}
#recipeServesRight{
	float		: left;
	padding-top	: 25px;
}
#shoppingList{
	height		: auto;
	width		: 410px;
	margin		: 10px 0px 10px 20px;
	padding		: 0px 0px 0px 20px;
}
#shoppingList ul, #recipePreparation ul{
	margin		: 0px 0px 0px 15px;
	padding		: 0px;
	font		: 1em/1.25em Verdana;
	list-style-image: url("../images/asterix.gif");
}
#recipePreparation{
	width		: 405px;
	height		: 159px;
	background	: url("../images/preparationBg.jpg") no-repeat;
	margin		: 30px 0px 20px 20px;
	padding		: 10px 30px 0px 20px;
}
#recipeDetailsRight{
	float		: right;
	width		: 191px;
	height		: 532px;
	background	: url("../images/recipeRightBg.jpg") no-repeat;
	margin-top	: -2px;
}
#recipeNeed{
	margin		: 30px 0px 0px 20px;
}
#recipeNeed a{
	font		: 700 1em/1em Verdana;
	background	: url("../images/arrowBlack.jpg") no-repeat center left;
	display		: block;
	height		: 15px;
	padding-left: 15px;
	text-decoration: none;
}
#recipeNeed a:hover{
	text-decoration: underline;
}
#otherRecipies{
	margin		: 30px 0px 0px 12px;
}
#otherRecipes a{
	background	: url("../images/arrowRed.gif") no-repeat center left;
	display		: block;
	height		: 15px;
	padding-left: 15px;
	text-decoration: none;
	margin		: 0px 10px 0px 10px;
}
#otherRecipies a:hover{
	text-decoration: underline;
}
#recipeIndexTitle{
	width		: 698px;
	height		: 191px;
	margin-top	: -18px;
	background	: url("../images/recipe_indexTitle.jpg");
	padding		: 15px 0px 0px 15px;
}
#recipeIndexTitle a{
	width		: 109px;
	height		: 31px;
	background	: url("../images/getRecipe.gif");
	display		: block;
	margin		: 10px 0px 0px 10px;
}
#recipeIndexLeft{
	width		: 164px;
	background	: url("../images/recipe_indexLeft.jpg") no-repeat top center;
	padding		: 28px 23px 20px 23px;
	float		: left;
}
#recipeIndexLeft a{
	font		: 700 1em/1em Verdana;
	background	: url("../images/arrowRed.gif") no-repeat center left;
	display		: block;
	height		: auto;
	width		: 160px;
	padding-left: 15px;
	text-decoration: none;
	color		: #ff0000;
	margin		: 5px 0px 20px 0px;
}
#recipeIndexLeft a:hover{
	text-decoration: underline;
}
#recipeIndexRight{
	width		: 276px;
	background	: url("../images/recipe_indexRight.jpg");
	padding		: 0px 89px 20px 137px;
	float		: left;
}
#tastyRecipes{
	float		: right;
	margin-right: -89px;
}
#tastyRecipies h1{
	margin-left : -70px;
}
.recIndRightHide a{
	background	: url("../images/hide.gif") no-repeat center right;
	padding		: 0px 25px 0px 0px;
	float		: right;
	display		: block;
	text-decoration: none;
	font-weight	: 700;
	margin-top	: 20px;
}
.recIndRightHide:hover{
	text-decoration: underline;
}
.recIndRightShow a{
	background	: url("../images/show.gif") no-repeat center right;
	padding		: 0px 25px 0px 0px;
	float		: right;
	display		: block;
	text-decoration: none;
	font-weight	: 700;
	margin-top	: 20px;
}
.recIndRightShow:hover{
	text-decoration: underline;
}
.recIndLeft{
	float		: left;
	margin		: 5px 0px 5px 0px;
}
.amoyRecipes a{
	display		: block;
	background	: url("../images/arrowRed.gif") no-repeat center left;
	height		: 18px;
	padding		: 2px 0px 0px 15px;
	margin-left	: 10px;
	text-decoration: none;
	
}
.amoyRecipes a:hover{
	text-decoration: underline;
}


.invisible{
	display	: none;
}
h1{
	font	: 700 1.12em/1.19em Verdana;
	color	: #e20a17;
}
h2{
	font	: 700 1em/1.12em Verdana;
	color	: #e20a17;
}

a{text-decoration:underline; color:#000000;}
a:hover{text-decoration:none;}
table{font-size:100%;}
form{margin:0; padding:0;}
img{border:0;}
p{margin: 0; padding: 0px 0px 15px 0px;}
.centre{text-align: center;}
.floatL{float: left;}
.floatR{float: right;}
.clearBoth, .clearLeft, .clearRight{clear:both; line-height:0px; font-size:0.5px; height:0px; margin:0; padding:0;}
.clearLeft{clear:left}
.clearRight{clear:right}
.CL{clear: left;}
.CB{clear: both;}
.CR{clear: right;}
.width100{width:100%;}
.minHeight{width:1px; float:right; line-height:0px; font-size:0.5px;}
.accessHidden, .printHidden{position:absolute; text-indent:-1000px; left:-1000px; width:100px; overflow:hidden;}
.hidden{display:block; width:0px; height:0px; overflow:hidden; font-size: 1%; margin:0px; padding: 0px;} /* used for image replacement techniques */

.empty{
	clear	: both;
}


#flavourQuizTitle{
	width			: 713px;
	height		: 315px;
	background	: url("../images/new/flavour_quiz_top.jpg");
}

#droplinksFlavour{
	float			: right;
	margin		: 65px 20px 0px 0px;
}
#flavourTopText{
	padding		: 90px 410px 0px 30px;
}
#flavourTopText p{
	font			: 700 1.06em/1.12em Verdana;
}
#flavourQuizMain{
	margin		: 10px;

}
#QuizResults{
	text-align	: center;
}
#QuizResultsDescription{
	width			: 692px;
	height		: 529px;
	background	: url("../images/new/SourBg.jpg");
	margin-top	: 20px;
}
#QuizResultsText{
	width			: 480px;
	margin		: 0px 0px 0px 30px;
	padding-top	: 20px;
}
#QuizResultsSuchAs{
	width		: 436px;
	height		: 81px;
	background	: #fff9c4;
	margin		: 40px 0px 0px 2px;
	padding		: 9px 0px 0px 25px;
}
#QuizResultsSuchAsLeft{
	float			: left;
	width			: 200px;

}
#QuizResultsSuchAsLeft a{
	display		: block;
	background	: url("../images/button.gif") no-repeat center left;
	height		: 25px;
	padding		: 0px 0px 0px 25px;
	text-decoration: none;
	font			: 1em/1.12em Verdana;
}
#QuizResultsSuchAsLeft a:hover{
	text-decoration: underline;
}
#QuizResultsSuchAsRight{
	float			: right;
	margin-top	: -80px;
}
#QuizResultsWhyNotTry{
	width			: 436px;
	height		: 85px;
	background	: #fff9c4;
	margin		: 12px 0px 0px 2px;
	padding		: 10px 0px 0px 25px;
}
#QuizResultsWhyNotTry a{
	display		: block;
	background	: url("../images/button.gif") no-repeat center left;
	height		: 20px;
	padding		: 5px 0px 0px 25px;
	text-decoration: none;
}
#QuizResultsWhyNotTry a:hover{
	text-decoration: underline;
}

#answerQuestion{
	font			: 700 1.12em/1.19em Verdana;
	color			: #fff;
	background	: url("../images/new/answerBg.jpg");
	width			: 671px;
	height		: 45px;
	padding		: 12px 0px 0px 20px;
}
.QuizQuestion{
	background	: url("../images/new/QuizQuestBg.jpg") no-repeat;
	width			: 693px;
	height		: auto;
	margin-top	: 15px;
	font			: 0.88em/1em Verdana;
}
.QuizQuestion h2{
	color			: #ff3d3d;
	font			: 700 1.06em/1.19em Verdana;
}
.QuizQuestion input{
	float			: left;
	width			: 30px;
	margin-top	: 10px;
}
.floatRight{
	float			: left;
	width			: 610px;
}
.margin{
	margin		: 20px 0px 20px 0px;
}
.submitRight{
	float			: right;
	margin		: 5px 0px 30px 0px;
}
#submitRight{
	float			: right;
	margin		: 5px 0px 30px 0px;
}
#QuestionLemon{
	background	: url("../images/quiz/QuizQuestBgSour.jpg") no-repeat center bottom;
	padding		: 15px;
}
#QuestionHoney{
	background	: url("../images/quiz/QuizQuestBgSweet.jpg") no-repeat center bottom;
	padding		: 15px;
}
#QuestionSalt{
	background	: url("../images/quiz/QuizQuestBgSalt.jpg") no-repeat center bottom;
	padding		: 15px;
}
#QuestionSpicy{
	background	: url("../images/quiz/QuizQuestBgSpicy.jpg") no-repeat center bottom;
	padding		: 15px;
}
#QuestionSavour{
	background	: url("../images/quiz/QuizQuestBgSavour.jpg") no-repeat center bottom;
	padding		: 15px;
}

.QuizQuestions label{
            position   :relative;
            top:13px;
}

#flavourQreatorTitle{
	width			: 728px;
	height		: 155px;
	background	: url("../images/new/flavourCreatorTitleBg.jpg") no-repeat;
	margin-left	: -15px;
	padding-left: 15px;
}
#flavourQreatorMain{
	height		: 510px;
	background	: url("../images/new/flavourCreatorMainBg.jpg") no-repeat left top;
	padding		: 10px;
}
#flavourQreatorFlash{
	margin-top	: 10px;
}
#flavourQrTitle{
	padding		: 54px 0px 0px 200px;

}

#contentPageMain{
	padding		: 10px;
}
#contentPageMain h1{
	font			: 700 1.19em/1.19em Verdana;
	color			: #ff0000;
	margin-left : 20px;
}
#contentPageMain h2{
	font			: 700 1.06em/1.06em Verdana;
	color			: #ff0000;
	margin-bottom : 10px;

}
#contentPageMain h3{
	font			: 700 1.06em/1.06em Verdana;
	color			: #ff9900;
	margin-bottom : 10px;
}
.contentPageMainLeft{
	float			: left;
	width			: 405px;
	height		: 325px;
	border-bottom: dotted 1px #333;
	margin-bottom: 20px;
	padding-left: 20px;
}
.contentPageMainRight{
	float			: left;
	text-align		: right;
	padding-top		: 20px;
}

#contentPageMain a{
	background		:  url(../images/arrowBack.jpg) no-repeat center left;
	padding-left		:  25px;
	text-decoration : underline;
	height						: 18px;
	display					: block;
	margin				 :  0px 0px 20px 20px;
}
#contentPageMain a:hover{
	text-decoration : none;
}

#contentPageVideoMain p{
	margin-left  : 20px;
}
 #contentPageVideoMain h1{
	font			: 700 1.25em/1.25em Verdana;
	color			: #ff0000;
	margin-left : 20px;
}
#contentPageVideoFlash{
	background		: url(../images/new/content_page_video_flash_bg.jpg) ;
	height						: 650px;
	width						: 713px;
	text-align				: center;
	padding-top			: 1px;
}
#creativeKitchenLeft{
	float							: left;
	padding-left		: 10px;
	width						: 470px;
	height						: auto;
	margin-bottom: 30px;
}
#creativeKitchenRight{
	float					: right;
	background			: url("../images/new/creativeKitchenRightBg.jpg") no-repeat top right;
	width					: 227px;
	padding				: 10px 0px 0px 5px;
}
#creativeKitchenNew{
	position			: absolute;
	background	: url("../images/new/dipIntoSummerNew.jpg") no-repeat;
	height					: 39px;
	width					: 218px;
	margin				: -70px 0px 0px 240px;
	padding			: 247px 0px 0px 10px 
}
#creativeKitchenNew a{
	color				: #fff;
	text-decoration: none;
	font						: 700 1em/1.12em Verdana;
	display				: block;
	background	: url(../images/arrowBlackOrange.jpg) no-repeat;
	padding			: 2px 0px 0px 25px;
	height					: 18px;
}
#creativeKitchenNew a:hover{
	text-decoration: underline;
}
#creativeKitchenTopText{
	width				: 225px;
	margin			: 10px 0px 0px 15px;
}
#creativeKitchenTopText a{
	color				: #e20a16;
	font-weight: 700;
	text-decoration: underline;
}
#creativeKitchenTopText a:hover{
	text-decoration: none;
}
#creativeKitchenTopText ul{
	font				: 1.06em/1.06em Verdana;
	padding-left : 20px;
}
#creativeKitchenTopText li{
	margin-bottom: 5px;
}
#SummerRecipeIdeas{
	height			: 85px;
	background	: #fff9c4;
	width			: 438px;
	margin-top		: 44px;
	padding		: 10px 0px 0px 20px;
}
#SummerRecipeIdeas p{
	padding-bottom : 5px;
}
#SummerRecipeIdeas a{
	display		: block;
	height			: 16px;
	background	: url(../images/arrowRed.gif) no-repeat center left;
	padding-left : 12px;
	margin-bottom: 2px;
	text-decoration: none;
	color 			: #e20a16;
}
#SummerRecipeIdeas a:hover{
	text-decoration: underline;
}
#creativeKitchenFlavourLeft{
	float			: left;
	width			: 226px;
	height		: 183px;
	background	: url("../images/new/creativeKitchenFlavourLeftBg.jpg");
	margin-top	: 20px;
}
#creativeKitchenFlavourLeft a{
	display		: block;
	background  : url("../images/arrowRedWhite.jpg") no-repeat center left;
	height		: 18px;
	width			: 150px;
	padding-left: 15px;
	text-decoration: none;
	margin		: 15px 0px 0px 15px;
}
#creativeKitchenFlavourLeft a:hover{
	text-decoration: underline;
}
#FlavourCreatorSmall{
	position		: absolute;
	margin		: 10px 0px 0px -8px;
}
#creativeKitchenFlavourRight{
	float			: right;
	width			: 226px;
	height		: 183px;
	background	: url("../images/new/creativeKitchenFlavourRightBg.jpg");
	margin-top	: 20px;
}
#creativeKitchenFlavourRight a{
	display		: block;
	background  : url("../images/arrowRedOrange.jpg") no-repeat center left;
	height		: 18px;
	width			: 180px;
	padding-left: 15px;
	text-decoration: none;
	margin		: 100px 0px 0px 15px;
}
#creativeKitchenFlavourRight a:hover{
	text-decoration: underline;
}
#OrientalCooking{
	position: relative;
	width			: 100%;
	height		: 216px;
	background	: url("../images/new/orientalCookingBg.jpg") no-repeat;
	margin-left	: 0;
	padding	: 5px 0 0 5px;
	margin-top	: 10px;
}

#OrientalCooking p{
	margin-left	: 15px;
	width			: 215px;
}
#OrientalCooking a, #souce a {
	display		: block;
	background	: url("../images/arrowRedWhite.jpg") no-repeat center left;
	height		: 18px;
	padding-left: 15px;
	padding-top : 2px;
	color			: #e20a16;
	text-decoration: none;
	margin-left	: 15px;
}
#OrientalCooking a:hover, #souce a:hover{
	text-decoration: underline;
}
#KitchenFeature {width: 195px; position: absolute; top: 11px; left: 250px}

#KitchenFeature a{
	display		: block;
	color			: #000;
	text-decoration: none;
}
#KitchenFeature a:hover{
	text-decoration: underline;
}
#souce{
	width			: 100%;
	height		: 119px;
	margin		: 0px 0px 0px 0;
	background	: url("../images/new/souce.jpg") no-repeat;
	padding		: 5px 0 0px 5px;
}
#souce h2, #souce h1, #souce p, #souce a{margin-left: 15px;}
#souce p{padding-right: 177px}
#souce h1 {margin-bottom: 5px}
#souce p {padding-bottom: 6px}

#souce h1{
	font			: 700 1.25em/1.25em Verdana;
	color			: #000;
}
.masterClass{
	width			: 230px;
	height		: 152px;
	background	: url("../images/new/creativeKitchenRightItem.jpg") no-repeat;
	margin		: 10px 0px 0px -3px;
	padding-top	: 5px;
}
.masterClass a, #masterClassLanterns a{
	display		: block;
	color			: #fff;
	background	: url("../images/whitearrow.jpg") no-repeat center left;
	padding-left: 15px;
	height		: 14px;
	text-decoration: none;
	margin		: 2px 0px 0px 10px;
}
.masterClass a:hover, #masterClassLanterns a:hover{
	text-decoration: underline;
}
#masterClassStirFry{
	width			: 227px;
	height		: 127px;
	margin-top	: 10px;
	padding		: 8px;
	color			: #999;
	background : url("../images/new/masterClassStirFry.jpg") no-repeat top left;
}
#masterClassStirFry a{
	background: none;
	margin      : 35px 0px 0px 0px;
	padding		: 0px;
}
#masterClassChopstic a{
	background: none;
	margin      : 55px 0px 0px 0px;
	padding		: 0px;
}
#masterClassChopstic{
	width			: 226px;
	height		: 115px;
	margin-top	: 10px;
	padding		: 8px;
	color			: #999;
	background : url("../images/new/masterClassChopstic.jpg") no-repeat bottom left;
}
#masterClassLanterns{
	width			: 231px;
	height		: 89px;
	background	: url("../images/new/masterClassLanterns.jpg") no-repeat;
	margin		: 25px 0px 0px -3px;
	padding-top	: 5px;
}
#makeLanterns a{
	display		: block;
	background	: url("../images/button.jpg") no-repeat top left;
	height		: auto;
	padding-left: 25px;
	text-decoration: none;
	color			: #000;
	margin-top	: 20px;
}