@charset "utf-8";
/* CSS Document */
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
}

	div.contentBox h1 span.fakeSpan{
		display: none;
	}
	/*** Top Box Area ***/
	div.contentBox .topcontentBox {
		background: #fff none;
		margin: 20px 0 0;
		padding: 20px;
		position: relative;
		width: 649px;
	}
		div.topcontentBox .customlinkUlli{
			list-style: none;
			margin: 15px 0 0;
			width: 100%;
		}
			.customlinkUlli li {
				display: inline;
			}
			.customlinkUlli li a {
				background: #55A51A url(/Images/home/arrow-list.gif) no-repeat top left;
				display: block;
				float: left;
				height:	20px;
				margin: 0 5px 0 0;
				padding: 4px 15px 0 20px;
				width: auto;
			}
			.customlinkUlli li a:hover {
				background: #44850D url(/Images/arrow-list-hover.gif) no-repeat top left;
				text-decoration: none;
			}
		
		div.topcontentBox .cstmlnkWhiteUlli{
			list-style: none;
			margin: 15px 0 0;
			width: 100%;
		}
			.cstmlnkWhiteUlli li {
				display: inline;
			}
			.cstmlnkWhiteUlli li a {
				background: #FFF url(/Images/home/arrow-list-white.gif) no-repeat top left;
				color: #231F20;
				display: block;
				float: left;
				height:	20px;
				margin: 0 5px 0 0;
				padding: 4px 15px 0 20px;
				width: auto;
				
			}
			.cstmlnkWhiteUlli li a:hover {
				background: #44850D url(/Images/arrow-list-white-hover.gif) no-repeat top left;
				color: #fff;
				text-decoration: none;
			}
			
		div.topcontentBox .samheightWrapper {
			height: 180px;
		}
		.topcontentBox .leftSide {
			border-right:1px solid #AAD28C;
			color:#003300;
			float:left;
			position:relative;
			width:353px;
			
		}
			.leftSide h3 {
				color: #336600;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 1.3em;
				font-style: normal;
				font-weight: bold;
			}
			.leftSide p {
				padding: 14px 0;
			}
			
		.topcontentBox .rightSide {
			float: left;
			padding: 0 0 0 19px;
			position: relative;
			width: 276px;
		}
			.rightSide h2 {
				color: #3F6F0F;
			}
			.rightSide .whatsnewBlock {
				/*position: relative;*/
			}
				.whatsnewBlock h3 {
					color: #3F6F0F;
					font-size: 1.3em;
					font-weight: normal;
					margin: 15px 0;
				}
				.whatsnewBlock p {
					display: block;
					float: left;
					width: 130px;
				}
				.whatsnewBlock div.imageBox {
					float: left;
					width: 140px;
					text-align: right;
				}
	/** EOL Top Box Area **/
	
	
	/** Flash Box **/
	div.contentBox .homeflashBox {
		background: url(/Images/home/flashbox-bg.png) repeat top left;
		margin: 5px 0 0;
		padding: 20px;
		position: relative;
		width: 650px;
	}
		.homeflashBox h2 {
			color: #231F20;
		}
		.homeflashBox .flassContainer {
			margin: 14px 0 0;
		}
	/** EOL Flash box **/
	
	/** Reciepe of the month **/
	div.contentBox .rotmBox {
		background: #91CA2B; /*url(/Images/home/flashbox-bg.gif) repeat top left;*/
		margin: 5px 0 0;
		padding: 20px;
		position: relative;
		width: 650px;
	}
		.rotmBox h2 {
			color: #231F20;
		}
		.rotmBox .recipeIntro {
			border-right: 1px solid #6CA939;
			float: left;
			margin: 15px 0 0;
			width: 460px;
		}
			.recipeIntro .imgCols {
				float: left;
				width: 133px;
			}
			.recipeIntro .recipeDesc {
				float: left;
				margin: 0 0 0 20px;
				width: 300px;
			}
				.recipeDesc h3 {
					font-size: 1.3em;
					font-style: normal;
					font-weight: normal;
				}
				.recipeDesc p{
					margin: 10px 0 15px;
				}
				
				/*** Recipe counter part, eg: person amount, cook time, etc **/
				.recipeDesc .recipeSpec {
					margin: 7px 0 0 ;
				}
					.recipeSpec {
						color: #FFF;
						list-style: none;
					}
					.recipeSpec li {
						display: block;
						float: left;
						font-size: 1.2em;
						height: 25px;
						padding-right: 10px;
					}
					.recipeSpec li span {
						border-right:1px solid #6CA939;
						display:block;
						margin-top:4px;
					}
					.recipeSpec .personAmnt {
						background: transparent url(/Images/person-amnt.gif) no-repeat left bottom;
					}
						.personAmnt span {
							padding:2px 15px 2px 32px;
						}
					.recipeSpec .makeTime {
						background: transparent url(/Images/process-time.gif) no-repeat left bottom;
						margin-left: 8px;
					}
						.makeTime span {
							padding:2px 16px 2px 32px;
						}
					.recipeSpec .cookTime {
						background: transparent url(/Images/cook-time.gif) no-repeat left bottom;
					}
						.cookTime span {
							border-right: 0 none !important;
							padding:2px 15px 2px 42px;
						}
					/** EOL recipe counter **/
		.rotmBox .commentIntro {
			float: left;
			margin: 15px 0 0;
			padding: 0 0 0 20px;
			text-align: left;
			width: 165px;
		}
			.commentIntro p {
				font-size: 1.3em;
				font-style: italic;			
			}
			.commentIntro .commentator {
				color: #FFF;
				padding: 5px 0 20px 0;
			}
			.commentIntro .commentulliLink {
				list-style: none;
			}
				.commentulliLink li a{
					background: url(/Images/home/other-arrow-li.gif) no-repeat left center;
					color: #231F20;
					padding: 0 0 0 12px;
				}
				.commentulliLink li a:hover {
					/*text-decoration: none;*/
				}
				
	div.contentBox .topcontentBox {	
		/*Min height set*/
		height:auto !important;
		height:200px;
		min-height:200px;