@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: 17px 20px 20px 20px;
		position: relative;
		width: 649px;
	}
		div.topcontentBox .customlinkUlli{
			list-style: none;
			margin: 15px 0 0;
			width: 100%;
		}
			.customlinkUlli li {
				display:block;
				margin-bottom: 5px;
				padding:5px 5px 5px 0;
				width:200px;
			}
			.customlinkUlli li a {
				cursor: pointer;
				background: #55A51A url(/Images/home/arrow-list.gif) no-repeat top left;
				padding: 5px 15px 5px 20px;
			}
			.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 p {
			margin: 0 0 8px;
		}
		div.topcontentBox .samheightWrapper {
			position: relative;
			width: 648px;
		}
			.samheightWrapper .productLineup {
				background: #FFF url(/Images/product/product-thumb-line.gif) no-repeat left bottom;
				height: 78px;
				position: relative;
				width: 648px;
				overflow: hidden;
			}
				.productLineup #productThumb{
					position: relative;
				}
				.productLineup .arrowRoll {
					height:18px;
					position: relative;
					top: 0;
				}
					.arrowRoll .arrowActive {
						visibility: visible !important;
					}
				.productLineup .arrowRoll div{
					float: left;
					margin-right: 1px;
					visibility: hidden;
					width: 107px;
				}				
				.productLineup ul {
					list-style: none;
				}
				.productLineup ul li {
					display: block;
					float: left;
					margin-right: 1px;
					width: 107px;
				}
				.productLineup ul li a{
					display:block;
					height:60px;
					text-decoration:none;
				}
				.productLineup ul li a:hover {
					filter:alpha(opacity = 60) !important;
					opacity: 0.8 !important;
				}
			.samheightWrapper .prodDesc {
				background: #EFF2F4;
				padding: 10px 20px 0 20px;
			}
				.prodDesc h2 {
					color: #3F6F0F;
					/*padding: 0 0 10px 0;*/
				}
				.prodDesc .prodImg {
					float: left;
					margin: 15px 0 0;
					width: 377px;
				}
				.prodDesc .prodText {
					float: left;
					margin: 15px 0 0;
					padding: 0 0 0 10px;
					width: 220px;
				}
	/** EOL Top Box Area **/
	
	
	/** Flash Box **/
	div.contentBox .homeflashBox {
		background: url(/Images/home/flashbox-bg.gif) 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: 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 ul {
						color: #FFF;
						list-style: none;
					}
					.recipeSpec ul li {
						display: block;
						float: left;
						font-size: 1.2em;
						height: 25px;
						padding-right: 10px;
					}
					.recipeSpec ul li.cookTime { padding-right: 0; }
					.recipeSpec ul li span {
						border-right:1px solid #6CA939;
						display:block;
						margin-top:4px;
					}
					.recipeSpec ul .personAmnt {
						background: transparent url(/Images/person-amnt.gif) no-repeat left bottom;
					}
						.personAmnt span {
							padding:2px 15px 2px 32px;
						}
					.recipeSpec ul .makeTime {
						background: transparent url(/Images/process-time.gif) no-repeat left bottom;
						margin-left: 8px;
					}
						.makeTime span {
							padding:2px 16px 2px 32px;
						}
					.recipeSpec ul .cookTime {
						background: transparent url(/Images/cook-time.gif) no-repeat left bottom;
					}
						.cookTime span {
							border-right: 0 none !important;
							padding:2px 0 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;*/
				}