/* redefining structure styles for other template views
---------------------------------------------------------------------*/
.contentProductRecipe {
	padding:0 !important;
}

.listPadding {
	padding:10px 10px 0 10px;
}

/* Product Landing
----------------------------------------------------------------------*/
.productLandingContainer {
	background-color:#F0F0F0;
}

.productLandingContentContainer {	
	float:left;
	width:244px;
}

.mediumWidth {
	width:465px;
	background:#FFFFFF;
	text-align:center;
}

.productLandingContentContainerSchools {	
	width:750px;
}

.productLandingMargin {
	padding-right:13px;
	background-color:#F0F0F0;
}

.productLandingNoMargin {
	padding-right:0;
}

.productLandingContentContainer img {
	border:6px solid #FFFFFF;
	border-bottom:8px solid #FFFFFF;
}

.productLandingContent {
	padding:7px 6px 6px 6px;
	background-color:#FFFFFF;
}

.productLandingContentSchools {
	width:480px;
}

.productLandingContent h2 {
	margin:0 0 8px 0;
	background:url(/foodservice/imgs/bg_product_landing_heading.gif) top left no-repeat;
}

.productLandingContent ul {
	padding:0px;
}

.productLandingContent img {
	margin:0px;
	border:0;
}
.productLandingContent ul {
	font-size:11px;
}
 
.productLandingContent p {
	padding-bottom:0;
}

.productLandingText {
	background-color:#FFFFFF;
  	height:auto !important;
  	height:198px;
	min-height:198px;
}
.productLandingTextContent {
	padding:6px;
}

.productLandingVerticalDivider {
	float:left;
	width:16px;
	height:1px;
	background-color:#F0F0F0;
}

.productLandingHorizontalDivider {
	width:244px;
	height:6px;
	background-color:#F0F0F0;
}

.largeDivider {
	width:465px;
}

.productLandingHorizontalDividerSchools {
	width:6px;
	height:187px;
	float:left;
}

/* product list
---------------------------------------------------------------------*/
/* Tool tip layout */
.hover_popup {
	z-index:111;
	border-left:1px solid #C9C9C9;
	border-top:1px solid #C9C9C9;
	border-right:1px solid #666666;
	border-bottom:2px solid #666666;
	position:absolute;
	margin-left:27px;
	background:#D0EDCF;
	width:180px;
	text-overflow:clip;
}   

.hover_popupListingVersion {
	margin-left:131px;
}

.tooltipTbl {
	width:100%;
}

.tooltipTbl th {
	color:#666666;
	background-color:#FFFFFF;
	border-bottom:1px solid #787878;
}

.tooltipTbl th, .tooltipTbl td {
	padding:2px 4px;
	font-size:11px;
}

.productListContentContainer {
	padding-bottom:5px;
}

.productListContentContainer img {
	float:right;
	margin-top:4px;
}

.productListContentContainer input, .buttonContainer input {
	float:left;
	width:28px;
	height:17px;
	margin:0 3px 5px 5px;
	padding-left:2px;
	font-size:11px;
	color:#505050;
	border:1px solid #787878;
}

.buttonContainer input {
	margin:0 4px 0px 0px;
}

.productListContentContainer .enquireBtn, .buttonContainer .enquireBtn, .productOrderContainer .enquireBtn, .orderContainer .enquireBtn {
	width:95px;
	height:19px;
	font-size:11px;
	color:#505050;
	padding:0px;
	margin:0 3px 0 0;
	background:url(/foodservice/imgs/bg_formbtn.jpg) top left repeat-x;
}

.productListContentContainer .enquireBtn:hover, .buttonContainer .enquireBtn:hover, .productOrderContainer .enquireBtn:hover, .orderContainer .enquireBtn:hover  {
	background:url(/foodservice/imgs/bg_formbtn_f2.jpg) top left repeat-x;
}

.enquireBtnPadLeft {
	margin-left:6px !important;	
}

.enquireSmallBtn {
	width:50px !important;
}

.enquireLongerBtn {
	width:111px !important;
}

.enquireMuchLongerBtn {
	width:170px !important;
}

.enquireMuchMuchLongerBtn {
	width:190px !important;
}

.productListContentContainer {
	float:right;
	width:255px;
	min-height:95px;
	background:#E9E9E8 url(/foodservice/imgs/bg_sales_manager.jpg) top left repeat-x;
}

.productListContent {
	padding-top:0px;
	min-height:70px;
}

.productListContent p {
	margin:0;
	padding:0;
}

.productListContent h2 {
	margin:0;
	padding:4px 0 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:17px;
	background:none !important;
}

.productListContent h2 img {
	float:left;
	margin:0 5px 0 6px;
}

.productListContent h2 a {
	font-weight:bold !important;
}

.productListContent h4 {
	color:#DC2526;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

/* Product Details and Recipe Details
---------------------------------------------------------------------*/
#ProductDetailsContainer, #recipeDetailsContainer {
	background-color:#F0F0F0;
}

.productDetailNutrContainer {
	position:relative;
}

.productDetailNutrContainer, .recipeDetailNutrContainer {	
	float:left;
	width:308px;
	display:inline;
}

.recipeDetailNutrContainer {
	width:408px;
}

.productDetailNutrContainer img, .recipeDetailNutrContainer img {
	margin-bottom:6px;
	border:6px solid #FFFFFF;
	border-bottom:8px solid #FFFFFF;
}

.productDetailNutrContainerMargin, .recipeDetailNutrContainerMargin {
	padding-bottom:6px;
	background-color:#F0F0F0;
}

.productInfoContainer, .recipeInfoContainer {
	float:right;
	width:449px;
	min-height:535px;
	padding-top:6px;
	background:#FFFFFF;
}

.recipeInfoContainer {
	
}

.recipeDetailNutrContainer img {
	margin-bottom:0px;
}

/* Product Details
----------------------------------------------------------------------*/
.productDetailNutrContent {
	background-color:#FFFFFF;
	padding:2px 6px 8px 7px;
	min-height:282px;
	margin-top:315px;
}

.productInfo {
	padding:1px 7px 0 10px;
}

.productInfoContainer h2 {
	width:400px;
	margin:0 0 5px 0;	
	padding:0 0 5px 0;
	border-bottom:1px solid #CCC;
	background:none;
}

.productInfoContainer img {
	float:left;
	margin:4px 5px 0 0;
}

.productInfoContainer h5 {
	padding-top:3px;
}

.productInfoContainer p {
	padding:0;
	margin-bottom:13px;
	font-size:12px;
	line-height:15px;
	color:#505050;
	
}

.ingredients {
	color:#8C8C8C !important;
}

.buttonContainer {
	margin-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}

.productBrochureBtn {
	clear:both;
	margin-left:40px;
}
/* note that the detail view form buttons are set within the listing styles, above*/

.thumbContainer {
	padding-left:5px;
	margin-bottom:7px;
}

.thumbContainer img {
	border:0px;
	margin:0;
}


/* Recipe Details
----------------------------------------------------------------------------*/
.recipeDetailNutrContent {
	background-color:#FFFFFF;
	padding:0px 6px 8px 7px;
	min-height:282px;
}

.recipeDetailNutrContent h3 {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 0 2px 0;
	margin:0 0 -3px 0;
}
.recipeDetailNutrContent p {
	padding-top:16px;
}

.recipeInfoContainer {
	padding:0 10px 0px 10px;
	width:429px;
}

.recipeInfoContainer h3 {
	padding:1px 0 5px 0;
	margin:0 0 8px 0;
}

.recipeInfoContainer p {
	margin-bottom:13px;
	padding:0px;
	font-size:12px;
	line-height:15px;
	color:#505050;
}

.recipeInfoContainer h5 {
	margin-bottom:15px;
}

/* popup button and window */

.enlargeBtn {
	float:right;
	border-left:100px solid #FFFFFF !important;
	border-top:0px solid #FFFFFF !important;
	margin-bottom:6px !important;
	display:block;
	
}

.imagePopupContainer {
	position:absolute;
	left:50%;
	top:50px;
	margin-left:-126px;
	z-index:10;
	width:522px;
	height:397px;
	border:1px solid #999999;
	background-color:#F0F0F0;
}

.imagePopup {
	padding:0px 14px 0px 15px;
	background-color:#F0F0F0;
}

.imagePopupContainer img {
	border:none;
}

.imagePopupCloseBtn {
	float:right;
	padding:5px 14px 6px 5px;
	color:#999999;
	font-size:11px;
}

/* Nutritional info table
----------------------------------------------------------------------------*/
.nutrInfo {
	height:156px;
	margin-bottom:8px;
	margin-top:8px;
	border-top:3px solid #CCCCCC;
	border-bottom:3px solid #CCCCCC;
}
.nutrInfo th ,.nutrInfo td {
	font-size:11px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color:#EEEEEE;
}

.nutrInfo th {
	width:182px;
	padding-left:4px;
	
}
.nutrInfo td {
	width:112px;
	padding-right:4px;
	text-align:right;
}

.nutrInfo td p {
	padding:8px 0 7px 0px;
	margin:0px;
	font-size:11px;
}