@charset "utf-8";
/* CSS Document */

#preTip { 
    display:none; 
    background:transparent url(/Images/tooltip/custom_arrow.gif) no-repeat center center; 
    /*font-size:12px; */
    height:30px; 
    width:180px; 
    padding:10px 10px 20px 10px;
    color:#003300;
	position: relative;
	z-index: 9999;
	text-align: center;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-color: #fff;
	
	/* dimensions after the growing animation finishes  */
	width: 561px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:20px;
	position: relative;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	/*
	background-image:url("http://flowplayer.org/tools/img/overlay/close.png");
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	*/
	background: url(/Images/product/close-overlay.gif) no-repeat left top;
	cursor: pointer;
	height: 24px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 61px;
	z-index:2;
}


/* black */
div.overlay.black {
	/*background:url(http://flowplayer.org/tools/img/overlay/transparent.png) no-repeat !important;*/
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	/*background:url(http://flowplayer.org/tools/img/overlay/petrol.png) no-repeat !important;*/
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

#nutritionalPopup {
	background: #fff;
	/*display: none;
	padding: 20px;
	position: relative;
	width: 560px;
	*/
}
	#nutritionalPopup h2 {
		color: #3F6F0F;
	}
	#nutritionalPopup h3 {
		color: #3F6F0F;
		font-size: 1.3em;
		font-weight: normal;
		margin-bottom: 10px;
	}
	/*
	#nutritionalPopup .close {
		background: url(/Images/product/close-overlay.gif) no-repeat left top;
		cursor: pointer;
		height: 24px;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 61px;
	}
	*/
	#nutritionalPopup .nutriInro {
		border-top: 1px solid #AAD28C;
		padding: 20px 0;
		margin-top: 20px;
	}
	
	#nutritionalPopup .nutriTable {
		width: 100%;
	}
		.nutriTable .thNutritable {
			margin-left: 115px;
			padding-bottom: 10px;
			width: 446px;
		}
			.thNutritable .tdNutri1 {
				float: left;
				padding-left: 50px;
				width: 177px;
			}
			.thNutritable .tdNutri2 {
				float: left;
				padding-left: 50px;
				width: 168px;
			}
		.nutriTable .tbodyNutritbl {
			border-bottom: 1px solid #AAD28C;
			border-top: 1px solid #AAD28C;
			padding: 10px 0;
		}
			.tbodyNutritbl .tbodyRow {
				
			}
				.tbodyRow div {
					float: left;
				}
				.tbodyRow .cellRow1 {
					width: 115px;
					border-right: 1px solid #AAD28C;
				}
				.tbodyRow .cellRow2 {
					border-right: 1px solid #AAD28C;
					padding-left: 50px;
					width: 176px;
				}
				.tbodyRow .cellRow3 {
					padding-left: 50px;
					width: 166px;
				}
		.nutriTable .ingredients {
			padding: 10px 0 0;
		}