/* -------------------------------------- */
/* CSS document for White Wings		      */
/* Author : wayan.agoes@sydneyweb.com.au  */
/* -------------------------------------- */

@charset "utf-8";

/*	------------------------------------------------------------	*/
/*	General Class													*/
/*	------------------------------------------------------------	*/

body {
	background:#fdebbd url(/images/back.jpg) no-repeat center top;
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
}

body {
	background:#fdebbd url(/images/back.jpg) no-repeat center top;
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
}
/* Clear floats */
.clearFloats {
	clear: both;
}

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.italicText {
         font-style:italic;
}

#wrapper {
     margin:0 auto 0 auto;
     padding-top:50px;
     width:988px;
}


#siteHeader {
	background: url(/images/headerBack.png) no-repeat;
}
#siteHeader .headerLogo {
	float: left;
	padding: 29px 25px 0 35px;
	width: 132px;
}
	#siteHeader .headerLogo .logo {
		/* margin:-20px 0 0 -15px; On only for Christmas celebration */
		position: absolute;
	}

#siteHeader .headerNavigation {
	float: left;
	padding-left: 25px;
	width: 762px;
}
	#siteHeader .headerNavigation .subNavTop {
		color: #3a6baf;
		font-size: 1.1em;
		font-weight: bold;
		height: 21px;
		margin: 7px 0 0 226px;
	}
	#siteHeader .headerNavigation .subNavTop a {
		color: #757575;
		text-decoration: none;
	}
	#siteHeader .headerNavigation .subNavTop a:hover { text-decoration: underline; }
		#siteHeader .headerNavigation .subNavTop .home {
			background: url(/images/ico-home.gif) no-repeat left top;
			float: left;
			margin-top: 5px;
			padding-left: 17px;
			width: 35px;
		}
		#siteHeader .headerNavigation .subNavTop .contact {
			background: url(/images/ico-mail.gif) no-repeat left top;
			float: left;
			margin: 5px 0 0 18px;
			padding-left: 17px;
			width: 63px;			
		}
		#siteHeader .headerNavigation .subNavTop .share {
			float: left;
			margin-left: 11px;
			width: 123px;			
		}
		#siteHeader .headerNavigation .subNavTop .searchText {
			float: left;
			margin: 5px 0 0 18px;
			width: 48px;			
		}	
		#siteHeader .headerNavigation .subNavTop .searchInput {
			background: url(/images/search-input.gif);
			float: left;
			height: 20px;
			padding: 1px 0 0 4px;
			width: 161px;			
		}
			#siteHeader .headerNavigation .subNavTop .searchInput input {
				border: #FFF solid 1px;
				color: #626262;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.1em;
				font-weight: normal;
				height: 14px;
				width: 155px;
			}
		#siteHeader .headerNavigation .subNavTop .searchButton {
			float: left;
			height: 21px;
			width: 21px;			
		}
		
	#mainNav {
		background: url(/images/nav-back.png);
		height: 33px;
		margin-top: 16px;
		overflow: hidden;
		width: 696px;
	}
	#mainNav li { float: left; }
	#mainNav li a:hover img, 
	#mainNav li.selected img,
	#mainNav li a.selected a:hover img {
		opacity:0;filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}	
	
	
#mainContentWrapper {}
#mainContentWrapper .breadCrumbs {
	background:transparent url(/images/bradcrumb-back.png) repeat scroll 0 0;
	height: 45px;
}
	#mainContentWrapper .breadCrumbs .crumbContent {
		color: #b0b0b0;
		font-size: 1.1em;
		padding: 20px 34px 0 0;
		text-align: right;
	}
	#mainContentWrapper .breadCrumbs .crumbContent a {
		color: #b0b0b0;
		text-decoration: none;
	}
	#mainContentWrapper .breadCrumbs .crumbContent a:hover { text-decoration: underline; }
	#mainContentWrapper .breadCrumbs .crumbContent .currentCrumb { color: #000; }
#mainContentWrapper .breadCrumbs a.virtualRecipe {
	background: url(/images/recipe-book.gif);
	color: #3a6baf;
	height: 67px;
	font-size: 1.2em;
	margin: 4px 0 0 192px;
	padding: 30px 0 0 144px;
	position: absolute;
	text-decoration: none;
	width: 47px;
}
#mainContentWrapper .breadCrumbs a.virtualRecipe:hover { text-decoration: underline; }

#mainContentWrapper .mainContentContainer {
	background: url(/images/main-content-back.png) left top repeat-y;
/*	padding: 0 34px 0 36px;
	width: 918px;*/
	padding-left: 32px;
	width: 956px;	

}
/*#mainContentWrapper .homepage { padding-left: 36px; }*/


/*	------------------------------------------------------------	*/
/*	Homepage														*/
/*	------------------------------------------------------------	*/
#homepageContent {
	font-size: 1.2em;
}
	#homepageContent .topContent {
		margin-top: -24px;
		padding-bottom: 15px;
		position: relative;
		width: 956px;
	}
		#homepageContent .topContent .topContentLeft {
			float: left;
			padding-right: 36px;
			width: 331px;
		}
			#homepageContent .topContent .topContentLeft .virtualRecipe {
				height: 95px;
				position:relative;
			}
				#homepageContent .topContent .topContentLeft .virtualRecipe img {
					position: absolute;
					right: 0;
					top: -12px;
				}	
			.homepageNewsletter {
				background: url(/images/homepage-newsletter.jpg) no-repeat left top;
				height: 99px;
				margin-top: 15px;
				overflow: hidden;
				width: 331px;
			}
			.newsletterWrapper {
				padding: 35px 0 0 18px;
				width: 295px;
			}
				#homepageContent .topContent .topContentLeft .newsletterWrapper .newsletterWrapperLeft {
					float: left;
					width: 224px;
				}
					#homepageContent .topContent .topContentLeft .newsletterWrapper .newsletterWrapperLeft input {
						border: #FFF solid 0px;
						font-size: 1em;
						font-family: Arial, Helvetica, sans-serif;
						height: 12px;
						margin: 2px 0 7px 2px;
						padding: 2px 0 4px 4px;
						width: 200px;
					}
				#homepageContent .topContent .topContentLeft .newsletterWrapper .newsletterWrapperRight {
					float: left;
					padding-left: 5px;
					width: 66px;
				}	
					#homepageContent .topContent .topContentLeft .newsletterWrapper .newsletterWrapperRight input {
						opacity:0;filter: alpha(opacity=0);
						-moz-opacity: 0;
						-khtml-opacity: 0;					
					}
		#homepageContent .topContent .topContentRight {
			float: left;
			width: 550px;
		}	
		
	#homepageContent .bottomContent {
		margin-top: -10px;
		padding-bottom: 30px;
		position: relative;
		width: 956px;
	}	
		#homepageContent .bottomContent .partyBox {
			background: url(/images/homepage-partybox.jpg) no-repeat left top;
			color: #FFF;
			float: left;
			height: 196px;
			margin-right: 16px;
			overflow: hidden;
			padding-top: 71px;
			width: 351px;
		}
			#homepageContent .bottomContent .partyBox .partyBoxTbl {
				margin: 0 auto;
				width: 311px;
			}
				#homepageContent .bottomContent .partyBox .partyBoxTbl td.shortDesc { padding: 0 35px 10px 5px; }
					#homepageContent .bottomContent .partyBox .partyBoxTbl td.shortDesc a {
						background: url(/images/homepage-party-arrow.jpg) no-repeat right top;
						color: #FFF;
						padding-right: 17px;
						text-decoration: none;
					}
					#homepageContent .bottomContent .partyBox .partyBoxTbl td.shortDesc a:hover { text-decoration: underline; }
		#homepageContent .bottomContent .creativeBox {
			background: url(/images/homepage-creativebox.jpg) no-repeat left top;
			float: left;
			height: 213px;
			margin: 10px 16px 0 0;
			overflow: hidden;
			padding-top: 43px;
			width: 208px;
		}
			#homepageContent .bottomContent .creativeBox .creativeBoxTbl {
				margin: 0 auto;
				width: 181px;				
			}
				#homepageContent .bottomContent .creativeBox .creativeBoxTbl .creativeLink { padding-top: 5px; }
				#homepageContent .bottomContent .creativeBox .creativeBoxTbl .creativeLink a {
					background: url(/images/ico-arrow-whatsnew.jpg) no-repeat left top;
					color: #3a6baf;
					padding-left: 17px;
					text-decoration: none;
				}
				#homepageContent .bottomContent .creativeBox .creativeBoxTbl .creativeLink a:hover { text-decoration: underline; }
		
		#homepageContent .bottomContent .bannerBigCakeBake {
			    float: left;
				height: 257px;
				margin-right: 36px;
				padding-top: 13px;
				width: 331px;
			
		}
			#homepageContent .bottomContent .bannerBigCakeBake a,
			#homepageContent .bottomContent .bannerBigCakeBake a img{
				border:none 0;
				text-decoration:none;
			}
		
		#homepageContent .bottomContent .whatsnewBox {
			background: url(/images/homepage-whatsnewbox.jpg) no-repeat left top;
			float: left;
			height: 213px;
			margin-top: 10px;
			overflow: hidden;
			padding-top: 43px;
			width: 326px;
		}	
			#homepageContent .bottomContent .whatsnewBox .whatsnewBoxContainer {
				margin: 0 auto;
				/*width: 295px;*/	
				width: 310px;
			}
			
				#homepageContent .bottomContent .whatsnewBox .whatsnewBoxContainer .whatsNewTitle {
					color: #3a6baf;
					font-size: 1.2em;
					padding: 10px 2px 8px;
				}
				#homepageContent .bottomContent .whatsnewBox .whatsnewBoxContainer a {
					color: #3a6baf;
					text-decoration: none;
				}
				#homepageContent .bottomContent .whatsnewBox .whatsnewBoxContainer a:hover { text-decoration: underline; }
	

/*
#homepageContent {}
#homepageContent .leftCol {
	float: left;
	padding-top: 32px;
	width: 333px;
}
*/
	/* Welcome text */
/*	
	#homepageContent .leftCol .welcomingBox {
		font-size: 1.2em;
		margin-bottom: 21px;
	}
		#homepageContent .leftCol .welcomingBox .welcomeText {
			color: #626262;
			padding: 10px 0 8px;
		}
		#homepageContent .leftCol .welcomingBox a {
			background: url(/images/bullet-arrow-bgWhite.gif) no-repeat left top;
			color: #3a6baf;
			display: block;
			padding-left: 15px;
			text-decoration: none;
		}
		#homepageContent .leftCol .welcomingBox a:hover { text-decoration: underline ; }
		
*/
	/* Whats new box */
/*	
	#homepageContent .leftCol .whatsNewBox {
		font-size: 1.2em;
		margin-bottom: 21px;
	}
		#homepageContent .leftCol .whatsNewBox .date {
			color: #3a6baf;
			padding-top: 5px;
		}
		#homepageContent .leftCol .whatsNewBox .shortDesc {
			color: #626262;
			padding: 4px 0 6px;
		}
		#homepageContent .leftCol .whatsNewBox a {
			background: url(/images/bullet-arrow-bgWhite.gif) no-repeat left top;
			color: #3a6baf;
			display: block;
			padding-left: 15px;
			text-decoration: none;
		}
		#homepageContent .leftCol .whatsNewBox a:hover { text-decoration: underline ; }
*/		
		
	/* Video box */
/*	
	#homepageContent .leftCol .videoBox {
		font-size: 1.2em;
		margin-bottom: 21px;
	}
		#homepageContent .leftCol .videoBox .videoWrapper {
			background: url(/images/box-video.jpg);
			height: 204px;
			margin-top: 2px;
			overflow: hidden;
			padding: 7px;
			width: 319px;
		}
		#homepageContent .leftCol .videoBox a {
			background: url(/images/bullet-arrow-bgGreen.gif) no-repeat left top;
			color: #3a6baf;
			display: block;
			margin: 11px 0 0 12px;
			padding-left: 15px;
			text-decoration: none;
		}
		#homepageContent .leftCol .videoBox a:hover { text-decoration: underline ; }		

	
#homepageContent .midCol {
	float: left;
	margin: 0 19px 0 34px;
	width: 266px;
}
*/

	/* Creative box */
/*	
	#homepageContent .midCol .creativeBox {
		background: url(/images/boxGetCreative.jpg);
		color: #FFF;
		height: 175px;
		font-size: 1.2em;
		overflow: hidden;
		margin: -12px 0 32px 0;
		padding: 85px 18px 0 18px;
		position: relative;
		width: 230px;
	}
	#homepageContent .midCol .creativeBox .shortDesc {
		height: 30px;
		margin-bottom: 16px;
		overflow: hidden;
	}
	#homepageContent .midCol .creativeBox .image {
		height: 87px;
		overflow: hidden;
		width: 230px;
	}	
	#homepageContent .midCol .creativeBox a {
		background: url(/images/bullet-arrow-bgBlue.gif) no-repeat left top;
		color: #fff;
		display: block;
		margin: 14px 0 0 125px;
		padding-left: 15px;
		text-decoration: none;
	}
	#homepageContent .midCol .creativeBox a:hover { text-decoration: underline ; }
*/	
	
	/* Product of the month box */
/*	
	#homepageContent .midCol .prodOfMonthBox {
		background: url(/images/boxProductOfTheMonth.jpg);
		color: #FFF;
		height: 175px;
		font-size: 1.2em;
		overflow: hidden;
		margin-top: -12px;
		padding: 85px 18px 0 18px;
		position: relative;
		width: 230px;
	}
	#homepageContent .midCol .prodOfMonthBox .shortDesc {
		height: 30px;
		margin-bottom: 16px;
		overflow: hidden;
	}
		#homepageContent .midCol .prodOfMonthBox .shortDesc .prodName {
			font-size: 1.2em;
			font-weight: bold;
			padding-bottom: 2px;
		}
	#homepageContent .midCol .prodOfMonthBox .image {
		height: 87px;
		overflow: hidden;
		width: 230px;
	}	
	#homepageContent .midCol .prodOfMonthBox a {
		background: url(/images/bullet-arrow-bgBlue.gif) no-repeat left top;
		color: #fff;
		display: block;
		margin: 14px 0 0 120px;
		padding-left: 15px;
		text-decoration: none;
	}
	#homepageContent .midCol .prodOfMonthBox a:hover { text-decoration: underline ; }	
		
	
#homepageContent .rightCol {
	float: left;
	width: 266px;
}
*/

	/* Recipe of the month box */
/*	
	#homepageContent .rightCol .recipeOfMonthBox {
		background: url(/images/boxRecipeOfTheMonth.jpg);
		color: #FFF;
		height: 175px;
		font-size: 1.2em;
		overflow: hidden;
		margin: -12px 0 20px 0;
		padding: 85px 18px 0 18px;
		position: relative;
		width: 230px;
	}
	#homepageContent .rightCol .recipeOfMonthBox .shortDesc {
		height: 30px;
		margin-bottom: 16px;
		overflow: hidden;
	}
		#homepageContent .rightCol .recipeOfMonthBox .shortDesc .prodName {
			font-size: 1.2em;
			font-weight: bold;
			padding-bottom: 2px;
		}
	#homepageContent .rightCol .recipeOfMonthBox .image {
		height: 87px;
		overflow: hidden;
		width: 230px;
	}	
	#homepageContent .rightCol .recipeOfMonthBox a {
		background: url(/images/bullet-arrow-bgBlue.gif) no-repeat left top;
		color: #fff;
		display: block;
		margin: 14px 0 0 125px;
		padding-left: 15px;
		text-decoration: none;
	}
	#homepageContent .rightCol .recipeOfMonthBox a:hover { text-decoration: underline ; }	
*/	


	/* Newsletter sign up box */
/*	
	#homepageContent .rightCol .newsletterBox {
		background: url(/images/newsletter-signup-back.jpg);
		color: #3a6baf;
		font-size: 1.2em;
		height: 94px;
		overflow: hidden;
		margin-bottom: 10px;
		padding: 10px 20px;
		width: 226px;
	}
		#homepageContent .rightCol .newsletterBox .signupForm { padding-top: 12px; }
		#homepageContent .rightCol .newsletterBox .signupForm .newsletterBoxLeftCol {
			float: left;
			width: 160px;
		}
			#homepageContent .rightCol .newsletterBox .signupForm .newsletterBoxLeftCol .formField {
				background: url(/images/newsletter-input.jpg);
				height: 18px;
				margin-bottom: 4px;
				overflow: hidden;
				padding: 2px 7px 1px 7px;
				width: 146px;
			}
				#homepageContent .rightCol .newsletterBox .signupForm .newsletterBoxLeftCol .formField input {
					border: #FFF solid 1px;
					color: #626262;
					font-size: 0.9em;
					width: 140px;
				}
		#homepageContent .rightCol .newsletterBox .signupForm .newsletterBoxRightCol {
			float: left;
			margin-left: 12px;
			width: 52px;
		}
*/		
		
	/* Tip box */
/*	
	#homepageContent .rightCol .tipsBox	{
		background: url(/images/tips-of-the-month-back.jpg);
		color: #626262;
		font-size: 1.2em;
		height: 124px;
		padding: 12px 18px 0;
		width: 230px;
	}
		#homepageContent .rightCol .tipsBox	.tipsDesc {
			height: 45px;
			overflow: hidden;
			padding: 2px 0 5px;
		}
		
		#homepageContent .rightCol .tipsBox .tipImage {
			float: left;
			margin-left: -6px;
			position: relative;
			width: 126px;
		}
		#homepageContent .rightCol .tipsBox .tipLinks {
			float: left;
			margin: 15px 0 0 6px;
		}
			#homepageContent .rightCol .tipsBox .tipLinks a {
				background: url(/images/bullet-arrow-bgWhite.gif) no-repeat left top;
				color: #3a6baf;
				padding-left: 15px;
				text-decoration: none;
			}
			#homepageContent .rightCol .tipsBox .tipLinks a:hover { text-decoration: underline ; }	

*/
#mainContentWrapper .mainContentFooter {
	background: url(/images/main-content-footer.png);
	height: 49px;
	margin-top: -30px;
	position: relative;
}



/*	------------------------------------------------------------	*/
/*	Subpage															*/
/*	------------------------------------------------------------	*/
#subPage {
	padding-top: 20px;
}

#subPage .leftNavContainer {
	background: url(/images/navigation-left-back2.jpg) no-repeat bottom left;
	float: left;
	margin: 10px 0 50px 0;
	width: 183px;
	position: relative;
	z-index: 50;
}
#subPage .leftNavContainer .leftNav {
	background: url(/images/navigation-left-back1.jpg) no-repeat top left;
	font-size: 1.2em;
	/*padding: 17px 0 12px 22px;*/
	padding: 17px 10px 12px;
}
#subPage .leftNavContainer .leftNav .ieFix {
	height:40px; 
	margin-top:50px;
	overflow:hidden; 
	position: absolute; 
	visibility:visible;
}
#subPage .leftNavContainer .leftNav .navTitle h2 {
	padding: 0 0 24px 10px;
}
#subPage .leftNavContainer .leftNav li {
	padding: 0 0 10px 0;
}
#subPage .leftNavContainer .leftNav li img { padding-left: 10px; }
#subPage .leftNavContainer .leftNav li li {
	padding: 0 0 3px 0;
}
/* 1st level menu */
#subPage .leftNavContainer .leftNav li li a {
	background: url(/images/bullet-left-nav.gif) no-repeat left 5px;
	color: #494949;
	display: block;
	height: 18px;
	margin-left: 10px;
	overflow: hidden;
	padding-left: 12px;
	text-decoration: none;
}
#subPage .leftNavContainer .leftNav li li a.double { height: 37px; }
#subPage .leftNavContainer .leftNav li li a:hover {
	background: url(/images/subNav-back.jpg) no-repeat left top;
	color: #FFF;
	margin-left: 0;
	padding-left: 22px;
}
#subPage .leftNavContainer .leftNav li li a.double:hover { background: url(/images/subNav-backb.jpg) no-repeat left top; }

/* 2nd level menu */
#subPage .leftNavContainer .leftNav li li li a {
	font-size: 0.9em;
	margin-left: 25px;
}
#subPage .leftNavContainer .leftNav li li li a:hover {
	background: url(/images/subNav-back2.jpg) no-repeat left top;
	padding-left: 37px;
}

#subPage .leftNavContainer .leftStoreBox {
	background: url(/images/left-nav-second.jpg) no-repeat;
	font-size: 1.2em;
	height: 166px;
	margin: 10px 0 0 3px;
	position: absolute;
	width: 176px;
}
#subPage .leftNavContainer .leftStoreBox a {
	color: #3a6baf;
	display: block;
	padding: 93px 15px 0 27px;
	text-decoration: none;
}
#subPage .leftNavContainer .leftStoreBox a:hover { text-decoration: underline; }

#subPage .subContent {
	float: left;
	margin-left: 37px;
	width: 700px;
	/*Min height set*/
	height:auto !important;
	height:300px;
	min-height:300px;	
}
#subPage .subContent .pageTitle h1 {
	color: #3a6baf;
	font-size: 2em;
	font-weight: normal;
	padding: 10px 0 5px;
}
#subPage .subContent .pageContentText {
	font-size: 1.2em;
}

/* store */
#subPage .leftNavContainer .leftNav .navTitle h2 {
	padding: 0 0 24px 10px;
}
#subPage .leftNavContainer .leftNav .leftNavSingle li {
	padding: 0 0 3px 0;
}
#subPage .leftNavContainer .leftNav .leftNavSingle li a {
	background: url(/images/bullet-left-nav.gif) no-repeat left center;
	color: #494949;
	display: block;
	height: 18px;
	margin-left: 10px;
	overflow: hidden;
	padding-left: 12px;
	text-decoration: none;
}
#subPage .leftNavContainer .leftNav .leftNavSingle li a:hover {
	background: url(/images/subNav-back.jpg) no-repeat left top;
	color: #FFF;
	margin-left: 0;
	padding-left: 22px;
}
#subPage .leftNavContainer .leftNav .navTitleSingle h2 {
	padding: 0 0 14px 10px;
}


/*	------------------------------------------------------------	*/
/*	Product Category												*/
/*	Some style below are used by Recipe section as well				*/
/*	------------------------------------------------------------	*/
#subPage.productPage {
	/* here we set minimun height for subpage */
	height:auto !important;
	height:760px;
	min-height:760px;
}
#prodCatList {
	margin: 21px 0 0 -20px;
	position: relative;
	width: 720px;
}
#prodCatList .pageContentText {
	font-size: 1.2em;
	margin: -21px 0 20px 20px;
	position: relative;
	width: 700px;
}
#prodCatList ul {
	padding: 0;
	margin: 0;
}
#prodCatList li {
	background: url(/images/prod-category-bg.jpg) no-repeat;
	/*height: 231px;*/
	float: left;
	margin: 0 0 30px 20px;
	padding: 10px 29px 0 29px;
	width: 274px;
}
#prodCatList li.prodnotfound  {
	background: none;
	font-size: 1.2em;
	margin-left: 0;
	padding-left: 20px;
}


	#prodCatList li .catName,
	#prodCatList li .prodName {
		display: table-cell;
		height: 40px;
		overflow: hidden;
		vertical-align: middle;
	}
	
	#prodCatList li .catName a,
	#prodCatList li .prodName a {
		color: #3a6baf;
		display: inline-block;
		font-size: 1.5em;
		font-weight: bold;
		text-decoration: none;
	}
	#prodCatList li .catName a:hover,
	#prodCatList li .prodName a:hover { text-decoration: underline; }
	
	#prodCatList li .catImage,
	#prodCatList li .prodImage {
		margin: 7px 0  10px 0;
	}
	#prodCatList .catDesc,
	#prodCatList .prodDesc { font-size: 1.2em; }
	#prodCatList .prodButton,
	#prodCatList .productSmall {
		display: none;
		height: 0;
		overflow: hidden;
	}
	.catButton { margin-top: 10px; }
	#prodCatList  .catButton .recipeCatLinkWrapper {
		position: absolute;
		height: 18px;
		width: 300px;
	}
	#prodCatList  .catButton .recipeCatLink {
		background: url(/images/ico-arrow-recipe.gif) no-repeat left top;
		color: #3a6baf;
		display: block;
		font-size: 1.4em;
		float: left;
		height: 18px;
		margin-bottom: 5px;
		overflow: visible;
		padding-left: 26px;
		text-decoration: none;
	}
	#prodCatList  .catButton .recipeCatLink:hover { text-decoration: underline; }
	#prodCatList  .catButton .recipeCatLinkCol2 {
		margin-left: 20px;
	}
	
	#prodCatList li .catDataCol { margin-top: 7px; }
		#prodCatList .catDataCol .catImage {
			float: left;
			margin-left: -7px;
			position: relative;
			width: 123px;
		}
		#prodCatList .catDataCol .catDesc { 
			float: left;
			margin-left: 12px;
			padding-top: 24px;
			width: 145px;
		}
		#prodCatList .catDataCol .catDesc .catButton { margin-top: 14px; }

/* store */
#subPage .viewCart { padding-top: 8px; }
#subPage .viewCart a {
	background: url(/images/ico-cart-view.jpg) no-repeat left top;
	color: #000;
	display: block;
	height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 632px;
	padding: 3px 0 0 30px;
	text-decoration: none;
}
#subPage .viewCart a:hover { text-decoration: underline; }

/*	------------------------------------------------------------	*/
/*	Product Listing													*/
/*	------------------------------------------------------------	*/
#subPage .productList {
	float: left;
	margin-left: 23px;
	width: 740px;
}
#subPage .productList .productList { margin-left: 0; /*OBS fix*/ }
#subPage .productList .pageTitle h1 {
	color: #3a6baf;
	font-size: 2em;
	font-weight: normal;
	padding: 10px 20px 10px 0;
}
#subPage .productList .pageContentText {
	font-size: 1.2em;
	padding: 2px 20px 13px 0;
}
#productListing {
	/*background-color: #009;*/
	margin-left: -10px;
	position: relative;
	width: 740px;
	margin-top: -2px;	
}
#productListing .pageContentText {
	margin-left: 10px;
	position: relative;
	width: 700px;	
}

#productListing ul {
	padding: 0;
	margin: 0;
}
#productListing li.prodnotfound  {
	background: none;
	font-size: 1.2em;
	margin-left: 0;
	padding-left: 10px;
}
#productListing.mainCategoryList .productSmall {
	display: none;
	height: 0;
	overflow: hidden;
}
#productListing li {
	background: url(/images/prod-thumb-back.jpg) no-repeat;
	float: left;
	/*margin: 0 0 20px 10px;*/
	margin: 10px 0 10px 10px;
	padding: 10px 15px 0 15px;
	width: 202px;
	height: 370px;
	overflow: hidden;
}
#productListing .productLarge li {
	height: auto;
}
#productListing li.productItemNotFound {
	background: none;
	font-size: 1.2em;
	padding-left: 0;
}

	#productListing li .prodName {
		display: table-cell;
		/*height: 55px;*/
		/*height: 35px;*/
		/*line-height: 35px;*/
		padding: 5px 0;
		vertical-align: middle;
	}
	#productListing li .prodName a {
		color: #3a6baf;
		display: block;
		font-size: 1.5em;
		font-weight: bold;
		text-decoration: none;
	}
	#productListing li .prodName a:hover { text-decoration: underline; }
	
	#productListing li .prodImage {
		margin: 7px 0;
	}
	#productListing .prodDesc { 
		font-size: 1.2em;
		/*height:40px;*/
	}
	#productListing .prodButton a,
	#productListing .prodButtonCreative a {
		background: url(/images/btn-find-out-more-prod.jpg) no-repeat left top;
		display: block;
		height: 39px;
		line-height: 39px;
		margin-top: 10px;
		overflow: hidden;
		width: 146px;
	}
	#productListing .prodButtonCreative a { background: none; }
		#productListing .prodButton a img {
			opacity:0;filter: alpha(opacity=0);
			-moz-opacity: 0;
			-khtml-opacity: 0;
		}	
	#productListing .prodStore { 
		color: #626262;
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 10px; 
	}
		#productListing .prodStore .prodPrice {
			float: left;
			padding-top: 3px;
			width: 105px;
		}
			#productListing .prodStore .prodPrice .prodPriceValue { color: #3a6baf; }
		#productListing .prodStore .prodAddCart {
			float: left;
			width: 96px;
		}
			#productListing .prodStore .prodAddCart a {
				background: url(/images/ico-cart-add.jpg) no-repeat left;
				color: #626262;
				display: block;
				height: 21px;
				padding: 3px 0 0 30px;
				text-decoration: none;
			}
			#productListing .prodStore .prodAddCart a:hover { text-decoration: underline; }
	
#productListing .pagination {
	/*display: block;*/
	clear: both;
	font-size: 1.2em;
	margin: 5px 0 25px 0;
	/*position: relative;*/
	text-align: center;
}
#productListing .webapp { padding-left: 300px; } /*OBS fix*/
#productListing .pagination li {
	background: none;
	height: 10px;
	padding: 10px 0 30px;
	width: auto;
}
	#productListing .pagination a {
		color: #000;
		text-decoration: none;
	}
	#productListing .pagination a:hover { text-decoration: underline; }
#productListing .pagination .pagination {
	/*display: block;*/
	margin: 0;
	/*position: relative;*/
	text-align: center;
	word-spacing: 10px;
}	
	


/*	------------------------------------------------------------	*/
/*	Product Details													*/
/*	------------------------------------------------------------	*/
#subPage .prodDetails {
	float: left;
	margin-left: 16px;
	width: 740px;
}
#subPage .prodDetails .pageTitle h1 {
	color: #3a6baf;
	font-size: 2em;
	font-weight: normal;
	padding: 10px 30px 24px 0;
}
#prodDetailWrapper { 
	padding-bottom: 35px; 
	width: 740px; 
}
#prodDetailWrapper .prodDetailsLeftCol {
	float: left;
	font-size: 1.2em;
	overflow: hidden;
	width: 410px;
	/*width: 395px;*/
}
	#prodDetailWrapper .prodDetailsLeftCol .ingredientWrapper {
		/*border-bottom: #d9d9d9 solid 1px;*/
		/*margin-bottom: 5px;*/
		background: url(/images/prod-det-ingred1.gif) no-repeat left top;
		padding-top: 50px;
		width: 395px;
	}
		#prodDetailWrapper .prodDetailsLeftCol .ingr
A3��=DuE��@3�ˆ�rʩ�e��e��Q�yq�P����dding: 0 0 15px 18px;
			width: 196px;
		}
		#prodDetailWrapper .prodDetailsLeftCol .ingredientWrapper .ingredientColRight {
			float: left;
			padding-right: 18px;
			width: 148px;
		}
		#prodDetailWrapper .prodDetailsLeftCol .ingredientWrapper h2 {
			color: #3b6cb1;
			font-size: 1.25em;
			font-weight: bold;
		}
		#prodDetailWrapper .prodDetailsLeftCol .ingredientWrapper li {
			background: url(/images/ico-prod-ing-arrow.gif) no-repeat 0 2px;
			margin: 5px 0 0;
			padding: 0 0 0 12px;
		}		
	#prodDetailWrapper .prodDetailsLeftCol  .preparationWrapper {
		background: url(/images/prod-det-ingred2a.gif) no-repeat left top;
		/*height: 66px;*/
		/*padding: 10px 17px 0 17px;*/
		padding-top: 15px;
		/*overflow: hidden;*/
	}
	#prodDetailWrapper .prodDetailsLeftCol  .preparationWrapper table {
		background: url(/images/prod-det-ingred2b.gif) no-repeat left bottom;
	}
	#prodDetailWrapper .prodDetailsLeftCol  .preparationWrapper table td { padding: 0 17px 17px 17px; }
		#prodDetailWrapper .prodDetailsLeftCol  .preparationWrapper li {
			background: url(/images/prod-bullet.jpg) no-repeat 0 2px;
			float: left;
			margin-left: 10px;
			width: 152px;
		}
			#prodDetailWrapper .prodDetailsLeftCol  .preparationWrapper li .preparationHader { 
				color: #3a6baf;
				font-weight: bold;
			}
	
#prodDetailWrapper .prodDetSteps {
	padding-top: 20px;
	width: 395px;
}
#prodDetailWrapper .prodDetSteps .prodDetStepsWrapper { margin-bottom: 20px; }
#prodDetailWrapper .prodDetSteps table.prodDetStepsWrapper td { padding-bottom: 20px; }
#prodDetailWrapper .prodDetSteps .prodDetStepsWrapper .prodDetStepsNumber {
	float: left;
	width: 112px;
}
#prodDetailWrapper .prodDetSteps .prodDetStepsWrapper .prodDetStepsDetails {
	float: left;
	padding-top: 5px;
	width: 283px;
}
	#prodDetailWrapper .prodDetSteps .prodDetStepsWrapper .prodDetStepsDetails h2 {
		color: #3b6cb1;
		display: block;
		font-size: 1.25em;
		font-weight: bold;
		padding-bottom: 5px;
	}
#prodDetailWrapper .prodDetailsRightCol {
	background: url(/images/prod-det-img-back.gif) no-repeat left top;
	float: left;
	margin-left: 5px;
	/*margin-left: 20px;*/
	width: 309px;
}
	#prodDetailWrapper .prodDetailsRightCol .prodDetailsImage {
		margin: auto;
		/*height: 261px;*/
		padding-top: 20px;
		/*width: 268px;*/
		text-align: center;
	}
	#prodDetailWrapper .prodDetailsRightCol .prodGluten { 
height: 85px;
text-align: center; 
}
	#prodDetailWrapper .prodDetailsRightCol .prodGetCreativeBtn {
		padding-bottom: 13px;
		text-align: center;
	}
	#prodDetailWrapper .prodDetailsRightCol .creativeRightBox {
		background: url(/images/creative-rgt-box1.jpg) no-repeat left top;
		font-size: 1.2em;
		margin: 0 auto;
		padding: 45px 0 20px 0;
		overflow: hidden;
		width: 270px;
	}
		#prodDetailWrapper .prodDetailsRightCol .creativeRightBox .creativeTbl {
			margin: 0 auto;
			width: 245px;
		}
		
A3��=DuE�"�@0�ˆ�rʩ�e��e��Q��yq�P��Ԙx .creativeImg {
			text-align: center;
		}
		#prodDetailWrapper .prodDetailsRightCol .creativeRightBox .creativeLink {
			padding: 10px 0 0 15px;
		}
		#prodDetailWrapper .prodDetailsRightCol .creativeRightBox .creativeLink a {
			background: url(/images/creative-rgt-arrow.jpg) no-repeat left top;
			color: #3a6baf;
			display: block;
			padding-left: 15px;
			text-decoration: none;
		}	
		#prodDetailWrapper .prodDetailsRightCol .creativeRightBox .creativeLink a:hover { text-decoration: underline; }
		#prodDetailWrapper .prodDetailsRightCol .creativeRightBox .creativeRightBoxFooter {
			background: url(/images/creative-rgt-box2.jpg) no-repeat left top;
			height: 22px;
			padding-top: -7px;
			position: relative;
		}		
	#prodDetailWrapper .prodDetailsRightCol .prodGetCreativeImg {
		padding-bottom: 20px;
		text-align: center;
	}	
	#prodDetailWrapper .prodDetailsRightCol .prodNutritionInfo {
		margin: 0 auto;
		padding-bottom: 10px;
		width: 170px;
	}	
		#prodDetailWrapper .prodDetailsRightCol .prodNutritionInfo a {
			background:transparent url(/images/ico-nutrition.gif) no-repeat scroll left top;
			color: #494849;
			font-weight: bold;
			display:block;
			font-size:1.2em;
			padding-left:36px;
			text-decoration: none;
		}
		#prodDetailWrapper .prodDetailsRightCol .prodNutritionInfo a:hover { text-decoration: underline; }
	#prodDetailWrapper .prodDetailsRightCol .prodBackToList {
		margin: 0 auto;
		padding-bottom: 10px;
		width: 170px;
	}	
		#prodDetailWrapper .prodDetailsRightCol .prodBackToList a {
			background: url(/images/ico-backproduct.gif) no-repeat left top;
			color: #626262;
			font-weight: bold;
			display:block;
			font-size:1.2em;
			height: 28px;
			padding-left:36px;
			text-decoration: none;
		}	
		#prodDetailWrapper .prodDetailsRightCol .prodBackToList a:hover { text-decoration: underline; }


/* Whats New Left Box*/
#whatsNew {
	background: url(/images/whatsnew-bg1.jpg) no-repeat left top;
	margin: 10px 0 50px 0;
	position: absolute;
	overflow: hidden;
	width: 180px;
	z-index: 60;	
}
	#whatsNew .whatsNewContainer {
		background: url(/images/whatsnew-bg2.jpg) no-repeat left bottom;
		padding: 10px;
		width: 160px;
	}
		#whatsNew .whatsNewContainer .whatsNewHeader { padding-bottom: 15px; }
		#whatsNew .whatsNewContainer .whatsNewContent {
			margin: 0 auto;
			overflow: hidden;
			width: 148px;
		}
			#whatsNew .whatsNewContainer .whatsNewContent .whatsNewImage { padding-bottom: 13px; }
			#whatsNew .whatsNewContainer .whatsNewContent .whatsNewTitle {
				color: #3a6baf;
				font-size: 1.4em;
				padding-bottom: 10px;
			}
			#whatsNew .whatsNewContainer .whatsNewContent .whatsNewDesc {
				font-size: 1.2em;
				padding-bottom: 10px;
			}
			#whatsNew .whatsNewContainer .whatsNewContent .whatsNewLink { padding-bottom: 5px; }
				#whatsNew .whatsNewContainer .whatsNewContent .whatsNewLink a {
A3��=DuE�%�@-�ˆ�rʩ�e��e��Q�Oyq�P����-repeat left top;
					color: #3a6baf;
					font-size: 1.2em;
					padding-left: 16px;
					text-decoration: none;
				}	
				#whatsNew .whatsNewContainer .whatsNewContent .whatsNewLink a:hover { text-decoration: underline; }


/*	------------------------------------------------------------	*/
/*	Get Creative 													*/
/*  Most of style taken from Product style - below just add on		*/
/*	------------------------------------------------------------	*/
#subPage .prodDetails .creativeRateBox {
	font-size: 1.2em;
	margin: -25px 0 0 415px;
	overflow: hidden;
	position: absolute;
	width: 308px;
}
#subPage .prodDetails .creativeRateBox .recipeRate {
	float: left;
	height: 27px;
	margin: 0 10px;
	padding-top: 3px;
	text-align: center;
	width: 93px;
}
#subPage .prodDetails .creativeRateBox .recipeMail {
	float: left;
	height: 27px;
	padding-top: 3px;
	width: 140px;
}
	#subPage .prodDetails .creativeRateBox .recipeMail a {
		background: url(/images/ico-recipe-mail.jpg) no-repeat left top;
		color: #626262;
		display: block;
		height: 17px;
		padding-left: 36px;
		text-decoration: none;
	}
#subPage .prodDetails .creativeRateBox .recipePrint a {
	background: url(/images/ico-recipe-print.jpg) no-repeat left top;
	color: #626262;
	display: block;
	float: left;
	height: 24px;
	padding: 3px 0 0 27px;
	text-decoration: none;
	width: 28px;
}
#subPage .prodDetails .creativeRateBox a:hover { text-decoration: underline; }


/* Comment list */
#creativePostCommentWrapper .recipeCommentBox {
	background: url(/images/recipe-comment-box1.jpg) no-repeat top left;
	margin-top: 20px;
	padding: 8px;
	width: 391px;
}
	#creativePostCommentWrapper .recipeCommentBox .recipeComment {
		background: url(/images/ico-recipe-comment.jpg) no-repeat left top;
		padding: 4px 0 0 36px;
		width: 355px;
	}
	#creativePostCommentWrapper .recipeCommentBox .recipeComment .userDetails {
		color: #3a6baf;
		padding-bottom: 5px;
	}
		#creativePostCommentWrapper .recipeCommentBox .recipeComment .userDetails .posterName {
			font-weight: bold;
			padding-right: 10px;
		}
		#creativePostCommentWrapper .recipeCommentBox .recipeComment .userDetails .postDate {
			font-size: 0.9em;
		}	
	#creativePostCommentWrapper .recipeCommentBox .recipeComment .commentDetails {
		padding-bottom: 20px;
	}
#creativePostCommentWrapper .recipeCommentBoxClose {
	background: url(/images/recipe-comment-box2.jpg) no-repeat left top;
	height: 7px;
	margin-top: -20px;
	padding: 8px;
	overflow: hidden;
	position: relative;
	width: 391px;		
}

/* Post comment box */
#creativePostCommentWrapper .postCommentHeadBox {
	font-size: 1.2em;
	font-weight: bold;
}
	#creativePostCommentWrapper .postCommentHeadBox .postComment{
		background: url(/images/ico-recipe-comment-post.jpg) no-repeat left top;
		float: left;
		height: 21px;
		padding-left: 26px;
		width: 234px;
	}
	#creativePostCommentWrapper .postCommentHeadBox .rateRecipe{
		background: url(/images/ico-recipe-rate.jpg) no-repeat left top;
		float: left;
		height: 21px;
		padding-left: 26px;
		width: 115px;
	}
	
#creativePostCommentWrapper .postCommentBox {
	background: url(/images/recipe-postComment.jpg) no-repeat left top;
	height: 255px;
	margin-top: 18px;
	overflow: hidden;
	padding: 16px 20px 0 20px;
	width: 372px;
}	
	#creativePostCommentWrapper .postCommentBox .colHeader {
		color: #3a6baf;
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom: 18px;
	}
	#creativePostCommentWrapper .postCommentBox .postCommentBoxCol1 {
		float: left;
		padding-right: 20px;
		width: 190px;
	}
		#creativePostCommentWrapper .postCommentBox .postCommentBoxCol1 .fmLabel {
			padding-bottom: 5px;
		}
		#creativePostCommentWrapper .postCommentBox .postCommentBoxCol1 .fldName,
		#creativePostCommentWrapper .postCommentBox .postCommentBoxCol1 .fldComment{
			border: #d9d9d9 solid 1px;
			color: #626262;
			font-size: 1.1em;
			font-family: Arial, Helvetica, sans-serif;
			height: 18px;
			margin-bottom: 5px;
			padding: 0 5px;
			width: 180px;
		}	
		#creativePostCommentWrapper .postCommentBox .postCommentBoxCol1 .fldComment { height: 93px; }
		#creativePostCommentWrapper .postCommentBox .postCommentBoxCol1 .fldSubmit { margin-top: 3px; }
	#creativePostCommentWrapper .postCommentBox .postCommentBoxCol2 {
		float: left;
		padding-left: 15px;
		width: 147px;
	}	
		#creativePostCommentWrapper .postCommentBox .postCommentBoxCol2 .stars {
			padding-bottom: 7px;
		}
		#creativePostCommentWrapper .postCommentBox .postCommentBoxCol2 .fldSubmit { margin-top: 17px; }
	
	

/*	------------------------------------------------------------	*/
/*	3 products @footer												*/
/*	------------------------------------------------------------	*/
#prodFooter {
	/*background-color: #F00;*/
	color: #FFF;
	font-size: 1.2em;
	height: 208px;
	padding: 0 0 20px;
	position: relative;
}
#prodFooter.ProdDetailsFooter { padding-left: 18px; }
#prodFooter.productListingFooter { padding-left: 10px; }

#prodFooter .prodFooterList {
	position: absolute;
	margin-left: -20px;
	width: 750px;
}
#prodFooter .prodFooterList li {
	background: url(/images/product-footer-box-bg.jpg);
	float: left;
	height: 208px;
	margin-right: 25px;
	width: 225px;
}
#prodFooter .prodFooterList li .prodFooterTitle {
	padding: 16px 0 0 13px;
	height: 48px;
}
#prodFooter .prodFooterList li .prodFooterDesc {
	margin: auto;
	width: 200px;
}
#prodFooter .prodFooterList li  .prodFooterImage { text-align: center; }
#prodFooter .prodFooterList li  .secondBoxImage { padding-top: 5px; }
	#prodFooter .prodFooterList li   .prodFooterLink a {
		background: url(/images/product-footer-bullet.gif) no-repeat left top;
		color: #FFF;
		display: block;
		margin: 2px 0 0 100px;
		padding-left: 16px;
		text-decoration: none;
	}
	#prodFooter .prodFooterList li   .prodFooterLink a:hover {
		text-decoration: underline;
	}
#prodFooter .prodFooterList li .prodFooterThirdBox {
	margin: 10px 0 0 10px;
}
	#prodFooter .prodFooterList li .prodFooterThirdBox .prodFooterThirdBoxLeft {
		float: left;
		width: 71px;
	}
	#prodFooter .prodFooterList li .prodFooterThirdBox .prodFooterThirdBoxRight {
		float: left;
		padding-left: 14px;
		width: 113px;
	}
			#prodFooter .prodFooterList li .prodFooterThirdBox .prodFooterThirdBoxRight .prodFooterThirdBoxRightTitle {
				font-size: 1.2em;
				font-weight: bold;
				padding-bottom: 12px;
			}
			#prodFooter .prodFooterList li .prodFooterThirdBox .prodFooterThirdBoxRight .prodFooterThirdBoxRightDesc { padding-bottom: 12px; }
			#prodFooter .prodFooterList li .prodFooterThirdBox .prodFooterThirdBoxRight .prodFooterThirdBoxRightLink a {
				background: url(/images/product-footer-bullet.gif) no-repeat left top;
				color: #FFF;
				display: block;
				padding-left: 16px;
				text-decoration: none;				
			}
			#prodFooter .prodFooterList li .prodFooterThirdBox .prodFooterThirdBoxRight .prodFooterThirdBoxRightLink a:hover { text-decoration: underline ; }
			


/*	------------------------------------------------------------	*/
/*	RECIPES															*/
/*	------------------------------------------------------------	*/
#subPage.recipeMinHeight {
	/* here we set minimun height for subpage */
	height:auto !important;
	height:300px;
	min-height:300px;	
}
#recipeSearchWrapper {
	background: url(/images/navigation-left-recipe-sch.jpg) no-repeat left top;
	height: 95px;
	margin: 10px 0 50px 0;
	position: absolute;
	overflow: hidden;
	width: 183px;
	z-index: 60;	
}
	#recipeSearchWrapper .recipeSearchContainer {
		padding: 51px 0 0 13px;
	}
		#recipeSearchWrapper .recipeSearchContainer .recipeSearchLeft,
		#recipeSearchWrapper .recipeSearchContainer .recipeSearchRight{
			float: left;
			height: 22px;
			overflow: hidden;
			
		}
		#recipeSearchWrapper .recipeSearchContainer .recipeSearchLeft { 
			height: 18px;
			padding: 2px 5px;
			width: 127px;
		}
			#recipeSearchWrapper .recipeSearchContainer .recipeSearchLeft .fmInput {
				color: #626262;
				border: solid #FFF 0px;
				font-size: 1.1em;
				
			}
		#recipeSearchWrapper .recipeSearchContainer .recipeSearchRight {
			width: 21px;
		}
		
		
/* Recipe Details */		
#subPage .recipeDetails {
	float: left;
	margin-left: 16px;
	width: 740px;
}
#subPage .recipeDetails .pageTitle h1 {
	color: #3a6baf;
	font-size: 2em;
	font-weight: normal;
	padding: 10px 30px 0 0;
}
#recipeDetailWrapper { padding: 24px 0 15px; }
#recipeDetailWrapper .recipeDetailsLeftCol {
	float: left;
	font-size: 1.2em;
	padding: 0 15px 20px 0;
	width: 410px;
}
	#recipeDetailWrapper .ingredientWrapper {
		margin-left: -14px;
		padding: 0 0 16px 0;
		position: relative;
	}
	#recipeDetailWrapper .ingredientWrapper h2 {
		color: #3b6cb1;
		font-size: 1.25em;
		font-weight: bold;
		padding: 0 0 4px 15px;
		
	}
	#recipeDetailWrapper .ingredientWrapper li {
		background: url(/images/bullet-recipe-ing.jpg) no-repeat left top;
		float: left;
		margin: 5px 0 0 15px;
		padding-left: 12px;
		width: 170px;
	}
	#recipeDetailWrapper .ingredientWrapper li.header {
		background: none;
		clear: left;
		color:#3B6CB1;
		display: block;
		
		font-size:1.25em;
		font-weight: bold;
		margin-left: 0;
		padding-top: 15px;
		width: 350px;
	}	
	#recipeDetailWrapper .ingredientWrapper .tgtIngredients br,
	#prodDetailWrapper .prodDetailsLeftCol .ingredientWrapper .tgtIngredients br {
		height: 0;
		line-height: 0;
		overflow: hidden;
	}
#recipeDetailWrapper .recipeDetSteps {
	/*padding-top: 9px;*/
}
	#recipeDetailWrapper .recipeDetSteps h2 {
		color: #3b6cb1;
		font-size: 1.25em;
		font-weight: bold;
		padding-bottom: 8px;
	}
	#recipeDetailWrapper .recipeDetSteps .recipeDetStepsWrapper { margin-bottom: 15px; }
	#recipeDetailWrapper .recipeDetSteps table.recipeDetStepsWrapper { margin: 0; }
	#recipeDetailWrapper .recipeDetSteps table.recipeDetStepsWrapper td { 
		margin: 0;
		padding-bottom: 15px;
		vertical-align: top;
	}
	#recipeDetailWrapper .recipeDetSteps .recipeDetStepsWrapper .recipeDetStepsNumber {
		float: left;
		/*padding-left: -5px;
		position: relative;*/
		width: 40px;
	}
	#recipeDetailWrapper .recipeDetSteps .recipeDetStepsWrapper .recipeDetStepsDetails {
		float: left;
		padding-top: 3px;
		width: 370px;
	}
		#recipeDetailWrapper .recipeDetSteps .recipeDetStepsWrapper .recipeDetStepsDetails h2 {
			color: #3b6cb1;
			display: block;
			font-size: 1.25em;
			font-weight: bold;
			padding-bottom: 5px;
		}
		
#recipeDetailWrapper .recipeCommentBox {
	background: url(/images/recipe-comment-box1.jpg) no-repeat top left;
	margin-top: 10px;
	padding: 8px;
	width: 391px;
}
	#recipeDetailWrapper .recipeCommentBox .recipeComment,
	#recipeDetailWrapper .recipeCommentBox .comment-container,
	#creativePostCommentWrapper .recipeCommentBox .comment-container {
		background: #FFF url(/images/ico-recipe-comment.jpg) no-repeat left top;
		border: none;
		margin: 0;
		padding: 4px 0 0 36px;
		width: 355px;
	}
	#recipeDetailWrapper .recipeCommentBox .recipeComment .userDetails,
	#recipeDetailWrapper .recipeCommentBox .comment-container .header,
	#creativePostCommentWrapper .recipeCommentBox .comment-container .header  {
		background-color: #FFF;
		color: #3a6baf;
		margin: 0;
		padding: 0 0 5px 0;
	}
		#recipeDetailWrapper .recipeCommentBox .recipeComment .userDetails .posterName,
		#recipeDetailWrapper .recipeCommentBox .comment-container .header .name,
		#creativePostCommentWrapper .recipeCommentBox .comment-container .header .name {
			font-weight: bold;
			font-size: 1.2em;
			padding-right: 10px;
		}
		#recipeDetailWrapper .recipeCommentBox .recipeComment .userDetails .postDate,
		#recipeDetailWrapper .recipeCommentBox .comment-container .header .date,
		#creativePostCommentWrapper .recipeCommentBox .comment-container .header .date{
			font-size: 0.9em;
		}	
		#recipeDetailWrapper .recipeCommentBox .comment-container .header .rating,
		#creativePostCommentWrapper .recipeCommentBox .comment-container .header .rating { display: none; }
	#recipeDetailWrapper .recipeCommentBox .recipeComment .commentDetails,
	#recipeDetailWrapper .recipeCommentBox .comment-container .content,
	#creativePostCommentWrapper .recipeCommentBox .comment-container .content {
		padding: 0 0 20px 0;
	}
#recipeDetailWrapper .recipeCommentBoxClose,
#creativePostCommentWrapper .recipeCommentBoxClose{
	background: url(/images/recipe-comment-box2.jpg) no-repeat left top;
	height: 7px;
	margin-top: -20px;
	padding: 8px;
	overflow: hidden;
	position: relative;
	width: 391px;		
}




#recipeDetailWrapper .postCommentHeadBox,
#prodDetailWrapper .postCommentHeadBox,
#creativePostCommentWrapper .postCommentHeadBox {
	font-size: 1.2em;
	font-weight: bold;
}
#recipeDetailWrapper .postCommentHeadBox a,
#prodDetailWrapper .postCommentHeadBox a,
#creativePostCommentWrapper .postCommentHeadBox a {
	text-decoration: none;
}
	#recipeDetailWrapper .postCommentHeadBox .headCommentLinkHide,
	#prodDetailWrapper .postCommentHeadBox .headCommentLinkHide,
	#creativePostCommentWrapper .postCommentHeadBox .headCommentLinkHide{
		cursor: pointer;
		display: none;
		height: 0;
		margin-left: -5000px;
		overflow: hidden;
		position: relative;
		width: 0;
	}
	#recipeDetailWrapper .postCommentHeadBox .headCommentLinkShow,
	#prodDetailWrapper .postCommentHeadBox .headCommentLinkShow,
	#creativePostCommentWrapper .postCommentHeadBox .headCommentLinkShow {
		cursor: pointer;
		display: block;
		height: auto;
		margin-left: auto;
		overflow: auto;
		position: inherit;
		width: auto;
	}
	#recipeDetailWrapper .postCommentHeadBox .postComment,
	#prodDetailWrapper .postCommentHeadBox .postComment,
	#creativePostCommentWrapper .postCommentHeadBox .postComment {
		background: url(/images/ico-recipe-comment-post.jpg) no-repeat left top;
		float: left;
		height: 21px;
		padding-left: 26px;
		width: 234px;
	}
	#recipeDetailWrapper .postCommentHeadBox .rateRecipe,
	#prodDetailWrapper .postCommentHeadBox .rateRecipe,
	#creativePostCommentWrapper .postCommentHeadBox .rateRecipe {
		background: url(/images/ico-recipe-rate.jpg) no-repeat left top;
		float: left;
		height: 21px;
		padding-left: 26px;
		width: 115px;
	}

/* Comment Box */
#myCommentBox.hideMyCommentBox {
	display: none;
	/*height: 0;*/
	/*overflow: hidden;*/
}
#myCommentBox.showMyCommentBox {
	display: block;
	/*height: auto;*/
	/*overflow: auto;*/
}

#recipeDetailWrapper .postCommentBox,
#prodDetailWrapper .postCommentBox {
	/*background: url(/images/recipe-postComment.jpg) no-repeat left top;
	height: 255px;*/
	background: url(/images/recipe-postComment.gif) no-repeat left top;
	height: 334px;	
	margin-top: 18px;
	overflow: hidden;
	padding: 16px 20px 0 20px;
	width: 372px;
}	
	#recipeDetailWrapper .postCommentBox .colHeader,
	#prodDetailWrapper .postCommentBox .colHeader {
		color: #3a6baf;
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom: 18px;
	}
	#recipeDetailWrapper .postCommentBox .postCommentBoxCol1,
	#prodDetailWrapper .postCommentBox .postCommentBoxCol1 {
		float: left;
		padding-right: 20px;
		width: 190px;
	}
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fmLabel,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fmLabel {
			padding-bottom: 5px;
		}
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fldName,
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fldComment,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fldName,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fldComment {
			border: #d9d9d9 solid 1px;
			color: #626262;
			font-size: 1.1em;
			font-family: Arial, Helvetica, sans-serif;
			height: 18px;
			margin-bottom: 5px;
			padding: 0 5px;
			width: 180px;
		}	
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fldComment,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fldComment { height: 93px; }
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fmVerification,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fmVerification { padding-bottom: 0; }
			#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fmVerification .captchaimg,
			#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fmVerification .captchaimg { padding-bottom: 5px; }
			#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fmVerification .cat_textbox,
			#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fmVerification .cat_textbox {
				border: #d9d9d9 solid 1px;
				color: #626262;
				font-size: 1.1em;
				font-family: Arial, Helvetica, sans-serif;
				height: 18px;
				margin-bottom: 5px;
				padding: 0 5px;
				width: 148px!important;				
			}
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol1 .fldSubmit,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol1 .fldSubmit { margin-top: 3px; }
	#recipeDetailWrapper .postCommentBox .postCommentBoxCol2,
	#prodDetailWrapper .postCommentBox .postCommentBoxCol2 {
		float: left;
		padding-left: 15px;
		width: 147px;
	}	
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol2 .stars,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol2 .stars {
			padding-bottom: 7px;
		}
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol2 .fldSubmit,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol2 .fldSubmit { margin-top: 104px; }
	#recipeDetailWrapper .postCommentBox .postCommentBoxCol3,
	#prodDetailWrapper .postCommentBox .postCommentBoxCol3 {
		clear: both;
		padding-top: 0;
		text-align: center;
	}	
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol3 .fmLabel,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol3 .fmLabel {
			padding-bottom: 5px;
		}
		
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol3 .fmVerification img,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol3 .fmVerification img {
			padding-bottom: 5px;
		}	
		#recipeDetailWrapper .postCommentBox .postCommentBoxCol3 .fmVerification .cat_textbox,
		#prodDetailWrapper .postCommentBox .postCommentBoxCol3 .fmVerification .cat_textbox {
			border: #d9d9d9 solid 1px;
			color: #626262;
			font-size: 1.1em;
			font-family: Arial, Helvetica, sans-serif;
			height: 18px;
			margin-bottom: 5px;
			padding: 0 5px;
			width: 148px!important;				
		}		
	
		
		
#recipeDetailWrapper .recipeDetailsRightCol {
	background: url(/images/recipe-back-right.gif) no-repeat left top;
	float: left;
	font-size: 1.2em;
	margin-top: -52px;
	position: relative;
	width: 296px;
}
	#recipeDetailWrapper .recipeDetailsRightCol .recipeRate {
		float: left;
		height: 27px;
		margin: 0 10px;
		padding-top: 3px;
		text-align: center;
		width: 75px;
	}
	#recipeDetailWrapper .recipeDetailsRightCol .recipeMail {
		float: left;
		height: 27px;
		padding-top: 3px;
		width: 143px;
	}
		#recipeDetailWrapper .recipeDetailsRightCol .recipeMail a {
			background: url(/images/ico-recipe-mail.jpg) no-repeat left top;
			color: #626262;
			display: block;
			height: 17px;
			padding-left: 36px;
			text-decoration: none;
		}
	#recipeDetailWrapper .recipeDetailsRightCol .recipePrint a {
		background: url(/images/ico-recipe-print.jpg) no-repeat left top;
		color: #626262;
		display: block;
		float: left;
		height: 24px;
		padding: 3px 0 0 27px;
		text-decoration: none;
		width: 28px;
	}
	#recipeDetailWrapper .recipeDetailsRightCol a:hover { text-decoration: underline; }
	#recipeDetailWrapper .recipeDetailsRightCol .recipeDetImage {
		height: 262px;
		overflow: hidden;
		padding-top: 20px;
		text-align: center;
	}
	#recipeDetailWrapper .recipeDetailsRightCol .recipeDetProdInfo { text-align: center; }

	#recipeDetailWrapper .recipeDetailsRightCol .preparationWrapper {
		background: url(/images/recipe-prepare1.jpg) no-repeat left top;
		margin: 10px auto 20px;
		padding-top: 15px;
		width: 220px;
	}
	#recipeDetailWrapper .recipeDetailsRightCol .preparation {
		background: url(/images/recipe-prepare2.jpg) no-repeat left bottom;
		/*height: 50px;*/
		/*margin: 10px auto 20px;*/
		/*overflow: hidden;*/
		padding: 0 18px 18px 18px;
		width: 184px;
	}
		#recipeDetailWrapper .recipeDetailsRightCol .preparation li {
			background: url(/images/ico-recipe-prepare-bullet.jpg) no-repeat 0 3px;
			margin-bottom: 4px;
			padding-left: 15px;
		}
			#recipeDetailWrapper .recipeDetailsRightCol .preparation li .preparationHead {
				color: #3a6baf;
				font-weight: bold;
			}
			
	#recipeDetailWrapper .recipeDetailsRightCol .recipeBack	a {
		background: url(/images/ico-recipe-back.jpg) no-repeat left top;
		color: #626262;
		display: block;
		font-weight: bold;
		height: 25px;
		margin-left: 70px;
		padding: 3px 0 0 34px;
		text-decoration: none;
	}
	
#recipeReferFriend {
	font-size: 1.2em;
	padding: 20px 0; 
}
	#recipeReferFriend .recipeReferFriendLeftCol,
	#recipeReferFriend .recipeReferFriendRightCol {
		float: left;
		width: 280px;
	}
	
	#recipeReferFriend .fldLabel,
	#recipeReferFriend .fldInput, 
	#recipeReferFriend .captcha {
		margin-bottom: 4px;
	}
		#recipeReferFriend .fldInput  .cat_textbox_small,
		#recipeReferFriend .fldInput  .cat_listbox,
		#recipeReferFriend .captcha .cat_textbox {
			border: #999 solid 1px;
			color: #626262;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			padding: 4px;
			width: 250px;
		}
		#recipeReferFriend .fldInput  .cat_listbox { 
			height: 100px;
			width: 530px;
		}
		
		#recipeReferFriend .captcha .cat_textbox {
			margin: 4px 0;
			width: 150px!important;
		}

#webapp5283pagination {
	height: 0;
	display: none;
	visibility: hidden;
}
#recipePagination {
	/*display: block;*/
	display: block;
	clear: both;
	font-size: 1.2em;
	padding: 5px 0 0 300px;
	/*position: relative;*/
}
#recipePagination li {
	background: none;
	display: block;
	float: left;
	list-style: none;
	padding: 10px 5px 20px;
	width: auto;
}
	#recipePagination a {
		color: #000;
		text-decoration: none;
	}
	#recipePagination a:hover { text-decoration: underline; }





/*	------------------------------------------------------------	*/
/*	BLANK NAV														*/
/*	------------------------------------------------------------	*/
#subPage .generalLeftNav {
	float: left;
	margin: 10px 0 50px 0;
	position: relative;
	overflow: hidden;
	width: 183px;
	z-index: 50;	
}

#subPage .generalContainer {
	float: left;
	height:auto !important;
	height:400px;
	min-height:400px;	
	margin-left: 20px;
	width: 723px;
}
	#subPage .generalContainer .pageTitle h1 {
		color: #3a6baf;
		font-size: 2em;
		font-weight: normal;
		padding: 10px 30px 0 0;
	}
	#subPage .generalContainer .generalShortDesc {
		font-size: 1.2em;
		padding: 15px 0 10px 0;
	}
	#subPage .generalContainer .generalContent {
		padding-bottom: 30px;
	}
	#subPage .generalContainer .generalSingleContent {
		font-size: 1.2em;
		padding: 15px 0 30px 0;
	}	



/*	------------------------------------------------------------	*/
/*	Contact Us														*/
/*	------------------------------------------------------------	*/
#contactUsContent { 
	font-size: 1.2em;
	padding-top: 10px;
}
#contactUsContent .contactLeft {
	background: url(/images/contact-left-bg.jpg) no-repeat left top;
	float: left;
	margin-right: 16px;
	padding: 20px 30px;
	width: 272px;
}
	#contactUsContent .contactLeft .fmLabel {
		padding-bottom: 6px;
	}
	#contactUsContent .contactLeft .fmInput {
		border: solid 1px #d9d9d9;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin-bottom: 6px;
		padding: 3px;
		width: 182px;
	}
	#contactUsContent .contactLeft .fmTextarea {
		border: solid 1px #d9d9d9;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		height: 73px;
		margin-bottom: 6px;
		padding: 3px;
		width: 182px;
	}
	#contactUsContent .contactLeft .receiveNewsletterBox { 
		padding: 14px 0 15px; 
		width: 272px; 
	}
	#contactUsContent .contactLeft .receiveNewsletterBox .lfBox {
		float: left;
		width: 25px;
	}
	#contactUsContent .contactLeft .receiveNewsletterBox .rgBox {
		float: left;
		width: 247px;
	}	
#contactUsContent .contactRight {
	background: url(/images/contact-right-bg.jpg) no-repeat left top;
	float: left;
	padding: 68px 30px 30px 30px;
	width: 280px;
}
	#contactUsContent .contactRight .cntHeadPhone {
		color: #3a6baf;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#contactUsContent .contactRight .cntLeft {
		float: left;
		font-weight: bold;
		width: 72px;
	}
	#contactUsContent .contactRight .cntRight {
		float: left;
		width: 208px;
	}
	#contactUsContent .contactRight .cntHeadMail {
		color: #3a6baf;
		font-weight: bold;
		padding: 25px 0 10px 0;
	}	
	#contactUsContent .contactRight .cntAddress br {
		display: block;
		margin-bottom: 8px;
	}




/*	------------------------------------------------------------	*/
/*	What's New														*/
/*	------------------------------------------------------------	*/	
#subPage .whatsNewLeftNav {
	float: left;
	margin: 10px 0 50px 0;
	padding-top: 80px;
	position: relative;
	width: 183px;
}

#subPage .whatsNewDetailsContainer { margin-left: 12px; }
#whatsNewContent {
	background: url(/images/subContent2.jpg);
	color: #000;
	font-size: 1.2em;
	margin-top: 10px;
	width: 728px;
}
	#whatsNewContent td { vertical-align: top; }
	#whatsNewContent .whatsNewContentWrapper {
		background: url(/images/subContent1.jpg) no-repeat left top;
	}
	#whatsNewContent .whatsNewContentContainer {
		background: url(/images/subContent3.jpg) no-repeat left bottom;
		padding: 0 25px 25px 45px;
	}
		#whatsNewContent .whatsNewContentContainer .whatsNewRow1 .image {
			float: left;
			margin-top: -8px;
			position: relative;
			width: 263px;
		}
		#whatsNewContent .whatsNewContentContainer .whatsNewRow1 .shortDesc {
			float: left;
			margin-left: 18px;
			padding-top: 40px;
			width: 375px;
		}
			#whatsNewContent .whatsNewContentContainer .whatsNewRow1 .shortDesc a.customArrow {
				background: url(/images/ico-whatsnew-arrow.jpg) no-repeat left top;
				color: #3a6baf;
				display: block;
				margin-top: 10px;
				padding-left: 17px;
				text-decoration: none;
			}
			#whatsNewContent .whatsNewContentContainer .whatsNewRow1 .shortDesc a.customArrow:hover { text-decoration: underline; } 		
		
		#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc {
			float: left;
			margin-right: 10px;
			padding-top: 20px;
			width: 381px;
		}
			#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc a.customArrow {
				background: url(/images/ico-whatsnew-arrow.jpg) no-repeat left top;
				color: #3a6baf;
				display: block;
				margin-top: 10px;
				padding-left: 17px;
				text-decoration: none;
			}
			#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc a.customArrow:hover { text-decoration: underline; } 		
			#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc .whatSayContainer {
				background: url(/images/ico-whatsnew-say.jpg) no-repeat left top;
				margin-top: 10px;
			}
				#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc .whatSayContainer .whatSayTitle {
					color: #3a6baf;
					font-size: 1.2em;
					font-weight: bold;
					padding: 0 0 5px 40px;
				}
				#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc .whatSayContainer .whatSayDesc {
					padding-left: 40px;
				}	
				#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc .whatSayContainer .whatSayAuthor {
					color: #626262;
					padding-left: 40px;
				}		
				#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc .whatSayContainer .whatSayMore a {
					background: url(/images/ico-whatsnew-arrow.jpg) no-repeat left top;
					color: #3a6baf;
					display: block;
					margin-top: 10px;
					padding-left: 17px;
					text-decoration: none;
				}
				#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDesc .whatSayContainer .whatSayMore a:hover { text-decoration: underline; } 
		#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .image {
			float: left;
			margin-top: -8px;
			position: relative;
			width: 265px;
		}
		
		#whatsNewContent .whatsNewContentContainer .whatsNewRow3 .image {
			float: left;
			position: relative;
			width: 263px;
		}
		#whatsNewContent .whatsNewContentContainer .whatsNewRow3 .shortDesc {
			float: left;
			margin-left: 18px;
			padding-top: 40px;
			width: 375px;
		}	
			#whatsNewContent .whatsNewContentContainer .whatsNewRow3 .shortDesc a {
				background: url(/images/ico-whatsnew-arrow.jpg) no-repeat left top;
				color: #3a6baf;
				display: block;
				margin-top: 10px;
				padding-left: 17px;
				text-decoration: none;
			}
			#whatsNewContent .whatsNewContentContainer .whatsNewRow3 .shortDesc a:hover { text-decoration: underline; } 		
		


		#whatsNewContent .whatsNewContentContainer .whatsNewRow4 .shortDesc {
			float: left;
			margin-right: 10px;
			padding-top: 40px;
			width: 381px;
		}	
			#whatsNewContent .whatsNewContentContainer .whatsNewRow4 .shortDesc a {
				background: url(/images/ico-whatsnew-arrow.jpg) no-repeat left top;
				color: #3a6baf;
				display: block;
				margin-top: 10px;
				padding-left: 17px;
				text-decoration: none;
			}
			#whatsNewContent .whatsNewContentContainer .whatsNewRow4 .shortDesc a:hover { text-decoration: underline; } 
			
		#whatsNewContent .whatsNewContentContainer .whatsNewRow4 .image {
			float: left;
			margin-top: -15px;
			position: relative;
			width: 265px;
		}
		
		
		#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .image {
			float: left;
			margin-left: -20px;
			position: relative;
			width: 263px;
		}
		#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc {
			float: left;
			margin-left: 18px;
			padding-top: 5px;
			width: 375px;
		}	
			#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc .shortDescTxt { padding-bottom: 13px; }
			#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc .cookingStep {
				margin-left: 10px;
				padding-bottom: 5px; 
				width: 360px;
			}	
				#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc .cookingStep .stepNumber {
					float: left;
					padding-right: 12px;
					width: 27px;
				}
				#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc .cookingStep .stepDesc {
					float: left;
					padding-top: 5px;
					width: 321px;
				}
					#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc .cookingStep .stepDesc strong {
						color: #3a6baf;
						font-size: 1.2em;
						font-weight: bold;
					}
			
			#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc a {
				background: url(/images/ico-whatsnew-arrow.jpg) no-repeat left top;
				color: #3a6baf;
				display: block;
				margin: 10px 0 0 10px;
				padding-left: 17px;
				text-decoration: none;
			}		
			#whatsNewContent .whatsNewContentContainer .whatsNewRow5 .shortDesc a:hover { text-decoration: underline; } 		
		

#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .shortDescEaster {
float:left;
margin-right:10px;
padding-top:52px;
width:405px;
}

#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .imageEaster {
float:left;
margin-top:29px;
position:relative;
width:206px;
}

#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .eastertopText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:11px;
}

#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .easterJoinUs{
	margin-left:-5px;
	padding-bottom:12px;
}

#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .whatSayEasterDesc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:30px;
}

#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .whatSayEasterDescBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .easterTopImage{}
#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .easterShow{
	padding-top:6px;
}
#whatsNewContent .whatsNewContentContainer .whatsNewRow2 .easterEggs{
	margin-left:-153px;
	margin-top:-27px;
	padding-bottom:11px;
}

/*	------------------------------------------------------------	*/
/*	Party Ideas														*/
/*	------------------------------------------------------------	*/	
#subPage .partyIdeas { 
	margin-left: 15px;
}
#partyIdeas {
	background: url(/images/subContent2.jpg);
	/*color: #000;*/
	font-size: 1.2em;
	margin-top: 10px;
	width: 728px;
}
	#partyIdeas .partyIdeasWrapper {
		background: url(/images/subContent1.jpg) no-repeat left top;
	}
	#partyIdeas .partyIdeasContainer {
		background: url(/images/subContent3.jpg) no-repeat left bottom;
		padding: 25px;
		/*Min height set*/
		height:auto !important;
		height:300px;
		min-height:300px;			
	}
	#partyIdeas .partyIdeasContainer .tblMainParty td { 
		vertical-align: top; 
		width: 50%; 
	}	
	#partyIdeas .partyIdeasContainer td.partyShortDesc {
		padding: 5px 25px 10px 5px;
	}	
	#partyIdeas .partyIdeasContainer .partyLink { padding: 5px 0 20px; }
	#partyIdeas .partyIdeasContainer .partyLink a {
		background: url(/images/party-ico-arrow.jpg) left top no-repeat;
		color: #3a6baf;
		display: block;
		font-size: 1.2em;
		height: 18px;
		padding-left: 27px;
		text-decoration: none;
	}	
	#partyIdeas .partyIdeasContainer .partyLink a:hover { text-decoration: underline; }
	
	#partyIdeas .partyIdeasContainer .tblPartyDetails td { vertical-align: top; }
	#partyIdeas .partyIdeasContainer .tblPartyDetails td.tblPartyDetails {
		width: 664px;
	}
	#partyIdeas .partyIdeasContainer .tblPartyDetails td.partySubImage {
		overflow: hidden;
		padding-top: 15px;
		width: 227px;
	}
	#partyIdeas .partyIdeasContainer .tblPartyDetails td.partySubDesc {
		overflow: hidden;
		padding: 30px 0 0 23px;
		width: 414px;
	}
		#partyIdeas .partyIdeasContainer .tblPartyDetails td.partySubDesc h2 {
			color: #3a6baf;
			font-size: 1.2em;
			font-weight: bold;
			padding: 5px 0;
		}
		#partyIdeas .partyIdeasContainer .tblPartyDetails td.partySubDesc ul { margin-top: 2px; }
		#partyIdeas .partyIdeasContainer .tblPartyDetails td.partySubDesc li a {
			background: url(/images/party-ico-arrow.jpg) left top no-repeat;
			color: #3a6baf;
			display: block;
			font-size: 1.2em;
			height: 18px;
			margin-top: 5px;
			padding-left: 27px;
			text-decoration: none;
		}
		#partyIdeas .partyIdeasContainer .tblPartyDetails td.partySubDesc li a:hover { text-decoration: underline; }




/*	------------------------------------------------------------	*/
/*	Baking Advice & FAQ												*/
/*	------------------------------------------------------------	*/	
#subPage .bakingAdvice { 
	margin-left: 15px;
}
#subPage .bakingAdvice .adviceImages h2 {
	font-size: 1.4em;
	padding: 20px 0;
}
#subPage .bakingAdvice .generalShortDesc { padding-top: 10px; }
#subPage .bakingAdvice .generalShortDesc .faq-details .fanswer { /* obs faq details fix*/
	display: none;
	overflow: hidden;
	width: 0;
}

#bakingAdvice {
	/*color: #000;*/
	font-size: 1.2em;
	margin-top: 10px;
	width: 728px;
}
#bakingAdvice .bakingTab {
	padding-left: 100px;
	width: 580px;
}
	#bakingAdvice .bakingTab div {
		background: url(/images/baking-tab2a.gif) no-repeat left top;
		float: right;
		font-size: 1.4em;
		height: 38px;
		overflow: hidden;
		padding-left: 14px;
	}
		#bakingAdvice .bakingTab div a {
			background: url(/images/baking-tab2b.gif) no-repeat top right;
			display: block;
			height: 31px;
			overflow: hidden;
			padding: 7px 14px 0 0;
			text-decoration: none;
		}
	#bakingAdvice .bakingTab .tabActive { background: url(/images/baking-tab1a.gif) no-repeat left top; }
	#bakingAdvice .bakingTab .tabActive a {
		background: url(/images/baking-tab1b.gif) no-repeat top right;
		color: #3a6baf;
		font-weight: bold;
	}
	/* tab fix ie6/7 */
	#tab1 a { width: 155px; }
	#tab2 a { width: 38px; }
	#tab3 a { width: 138px; }
	#tab1.tabActive a { width: 165px; }
	#tab2.tabActive a { width: 42px; }
	#tab3.tabActive a { width: 150px; }
	
#bakingAdvice .bakingAdviceContent {
	background: url(/images/baking-back.jpg) no-repeat left top;
	padding: 30px 20px 30px 30px;
}

#subPage .faqLeftNav {
	background: url(/images/navigation-left-faq.jpg) no-repeat left top;
	height: 95px;
	float: left;
	margin: 10px 0 50px 0;
	position: absolute;
	overflow: hidden;
	width: 183px;
	z-index: 50;	
}
	#subPage .faqLeftNav .faqSearchWrapper {
		padding: 51px 0 0 13px;
	}
		#subPage .faqLeftNav .faqSearchWrapper .faqSearchLeft,
		#subPage .faqLeftNav .faqSearchWrapper .faqSearchRight{
			float: left;
			height: 22px;
			overflow: hidden;
			
		}
		#subPage .faqLeftNav .faqSearchWrapper .faqSearchLeft { 
			height: 18px;
			padding: 2px 5px;
			width: 127px;
		}
			#subPage .faqLeftNav .faqSearchWrapper .faqSearchLeft .fmInput {
				color: #626262;
				border: solid #FFF 0px;
				font-size: 1.1em;
				
			}
		#subPage .faqLeftNav .faqSearchWrapper .faqSearchRight {
			width: 21px;
		}



#bakingAdvice .bakingAdviceContent .faqContainer {
	float: left;
	margin-left: 20px;
	width: 723px;
}
	#bakingAdvice .bakingAdviceContent .faqMainContent {
		/*padding: 28px 20px 30px 25px;*/
	}
		#bakingAdvice .bakingAdviceContent .faqMainContent .faqLeftContent {
			float: left;
			width: 444px;
		}
			/* ------------ for faq */
			#faqArea .faq-question {
				color: #386bad;
				font-size: 1.2em;
				font-weight: bold;
				padding-bottom: 12px;
			}
				#faqArea .faq-question .fqestion1 {
					float: left;
					width: 18px;					
				}
				#faqArea .faq-question .fqestion2 {
					float: left;
					width: 426px;					
				}				
				#faqArea .faq-question a {
					color: #386bad;
					text-decoration: none;
				}
				#faqArea .faq-question a:hover { text-decoration: underline; }
			#faqArea .faq-details {
				font-weight: normal;
				margin-left: -18px;
				padding: 5px 0 10px;
				position: relative;
			}	
				#faqArea .faq-details .fanswer {
					float: left;
					font-weight: bold;
					width: 18px;
				}	
				#faqArea .faq-details .answer {
					color: #000;
					float: left;
					font-size: 0.9em;
					width: 426px;
				}	
				
			/* ------------ for baking advice */
			#adviceArea .faq-question {
				color: #386bad;
				font-size: 1.2em;
				font-weight: bold;
				padding-bottom: 12px;
			}
				#adviceArea .faq-question .fqestion1 {
					float: left;
					overflow: hidden;
					visibility: hidden;					
					width: 0;					
				}
				#adviceArea .faq-question .fqestion2 {
					background: url(/images/advice-arrow.png) no-repeat 0 5px;
					/*border-bottom: #ccc solid 1px;*/
					float: left;
					padding-left: 16px;
					width: 410px;					
				}				
				#adviceArea .faq-question a {
					color: #386bad;
					text-decoration: none;
				}
				#adviceArea .faq-question a:hover { text-decoration: underline; }
			#adviceArea .faq-details {
				font-weight: normal;
				margin-left: -18px;
				padding: 5px 0 10px;
				position: relative;
			}	
				#adviceArea .faq-details .fanswer {
					float: left;
					font-weight: bold;
					overflow: hidden;
					visibility: hidden;
					width: 0;
				}	
				#adviceArea .faq-details .answer {
					border-bottom: #ccc solid 1px;
					color: #000;
					float: left;
					font-size: 0.9em;
					padding: 0 0 20px 18px;
					width: 426px;
				}					



		#bakingAdvice .bakingAdviceContent .faqMainContent .faqRightContent {
			float: left;
			text-align: right;
			overflow: hidden;
			width: 234px;
		}
			#bakingAdvice .bakingAdviceContent .faqMainContent .faqRightContent img { 
				/*display: block;*/
				padding-bottom: 15px; 
			}





/*	------------------------------------------------------------	*/
/*	Heritage														*/
/*	------------------------------------------------------------	*/	
#subPage .heritageDetailsContainer { margin-left: 12px; }
#subPage .heritageDetailsContainer .generalSingleContent { padding-bottom: 20px; }
#subPage .heritageDetailsContainer .heritageMovie { padding-bottom: 30px; }


/*	------------------------------------------------------------	*/
/*	Sitemap															*/
/*	------------------------------------------------------------	*/	
#sitemap {
	padding-bottom: 30px;
}
#sitemap li {
	list-style: circle;
	margin-left: 30px;
	padding-top: 5px;
}
#sitemap li {  }
#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }



/*	------------------------------------------------------------	*/
/*	Search Results													*/
/*	------------------------------------------------------------	*/
.search-result {
	padding-bottom: 20px;
}


/*	------------------------------------------------------------	*/
/*	Footer  Class													*/
/*	------------------------------------------------------------	*/

#footer {
	color: #757575;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 30px;
}
	#footer .copyright { padding-right: 5px; }
	#footer a {
		color: #757575;
		text-decoration: none;
	}
	#footer a:hover { text-decoration: underline ; }
	
	
	
/*	------------------------------------------------------------	*/
/*	Common  Class													*/
/*	------------------------------------------------------------	*/	
.blockSeparator {
	display: none;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}
.hideThis {
	display: none;
	height: 0;
	left: -5000px;
	visibility: hidden;
	position: absolute;
}
#prodCatList .system-message,
#prodCatList .system-error-message {
	background: #FFF;
	border: none;
	font-size: 1.2em;
	margin-bottom: 90px;
	min-height: inherit;
	padding: 10px 0;
}
#prodCatList .system-message li,
#prodCatList .system-error-message li {
	background: none;
	float: none;
	margin: 0;
	padding: 10px 0;
}
a {
	color: #626262;
	text-decoration: underline;
}
a:hover { text-decoration: none; }

.answer li
{
   background:transparent url(/images/advice-arrow.png) no-repeat scroll 0 5px;
padding-left: 16px;
display: block;
}