body  {
	text-align:center;
	font:62.5%/1em Verdana, Arial, Helvetica, sans-serif; /*62.5% makes 1em equal 10px*/
	color:#63615C;
	background:#F8F2E7 url(../images/bg.gif) center repeat-y;
	}
#centreWrapper {
	width:976px;
	margin:0 auto;
	text-align:left;
	background:transparent url(../images/bg.gif) center repeat-y;
	}
#page {
	font-size:1.1em;
	line-height:1.5em;
	width:960px;
	margin:0 8px;
	}
	#templateHome #page {
		background:#FFFFF9 url(../images/bg-homepage.jpg) top left no-repeat;
		}
	#templatePage #page {
		background:#FFFFF9 url(../images/bg-page.jpg) top left no-repeat;
		}
#header {
	position:relative;
	height:235px;
	}
	#templateHome #logo, #templatePage #logo {
		position:absolute;
		left:0;
		top:0;
		}
	#templatePage #logo {
		left:80px;
		}
	#templateHome #nav, #templatePage #nav {
		position:absolute;
		left:180px;
		top:50px;
		width:760px;
		height:22px;
		/*background:transparent url(../images/bg-nav.gif) top right no-repeat;*/
		}
	#templatePage #nav {
		left:240px;
		top:64px;
		width:700px;
		}
	#nav li {
		float:left;
		width:162px;
		height:22px;
		margin-right:10px;
		}
		#nav li a {
			display:block;
			width:162px;
			height:22px;
			}
		#nav li a b {
			display:none;
			}
		#nav li#nav1 { background:transparent url(../images/nav-combo.gif) 0px 0px; }
		#nav li#nav2 { background:transparent url(../images/nav-combo.gif) -162px 0px; }
		#nav li#nav3 { background:transparent url(../images/nav-combo.gif) -324px 0px; }
		#nav li#nav4 { background:transparent url(../images/nav-combo.gif) -486px 0px; }
		#nav li#nav1.active, #nav li#nav1:hover { background:transparent url(../images/nav-combo.gif) 0px -22px; }
		#nav li#nav2.active, #nav li#nav2:hover { background:transparent url(../images/nav-combo.gif) -162px -22px; }
		#nav li#nav3.active, #nav li#nav3:hover { background:transparent url(../images/nav-combo.gif) -324px -22px; }
		#nav li#nav4.active, #nav li#nav4:hover { background:transparent url(../images/nav-combo.gif) -486px -22px; }
	#tag {
		position:absolute;
		left:170px;
		top:130px;
		}




#trunk {
	width:892px;
	margin:0 34px;
	}
	
	
	#templateHome #trunk {
		position:relative;
		width:924px;
		margin:0 18px;
		height:326px;
		}
		img#calloutWin250 {
			position:absolute;
			left:26px;
			top:38px;
			}
		#playTVC {
	position:absolute;
	left:786px;
	top:140px;
	width:91px;
	height:50px;
			}
			#playTVC a {
				display:block;
				height:50px;
				}
				#playTVC a b {
					display:none;
					}
	#goProducts {
	position:absolute;
	left:-9px;
	top:-54px;
	width:218px;
	height:186px;
			}
			#goProducts a {
	display:block;
	height:170px;
				}
				#goProducts a b {
	display:none;
					}
	#templateHome #panels {
		width:924px;
		margin:0 18px;
		}
		#news {
			background:#BFE6FD url(../images/bg-news-panel.gif);
			padding:5px 0 0 60px;
			margin-top:20px;
			height:22px;
			}
	
	
	#templatePage #trunk  {
		}
		#infoCol1 {
			float:left;
			width:180px;
			margin-right:34px;
			}
		#infoCol2 {
			float:left;
			width:434px;
			margin-right:34px;
			}
		#infoCol3 {
			float:left;
			width:210px;
			}
			#infoCol3 p {
				border-bottom:2px solid #0050A3;
				padding-bottom:20px;
				}
				#infoCol3 p a {
					font-weight:bold;
					text-decoration:none;
					}


	#productMenuLarge {
		margin-bottom:35px;
		}
		#productMenuLarge li {
			float:left;
			width:297px;
			height:33px;
			}
			#productMenuLarge li a {
				display:block;
				height:33px;
				}
			#productMenuLarge li a i {
				display:none;
				}
			#productMenuLarge li#subnav1 { background:transparent url(../images/nav-products-large-combo.gif) 0px 0px; }
			#productMenuLarge li#subnav2 { background:transparent url(../images/nav-products-large-combo.gif) -297px 0px; }
			#productMenuLarge li#subnav3 { background:transparent url(../images/nav-products-large-combo.gif) -594px 0px; }
			#productMenuLarge li#subnav1:hover { background:transparent url(../images/nav-products-large-combo.gif) 0px -33px; }
			#productMenuLarge li#subnav2:hover { background:transparent url(../images/nav-products-large-combo.gif) -297px -33px; }
			#productMenuLarge li#subnav3:hover { background:transparent url(../images/nav-products-large-combo.gif) -594px -33px; }

#productMenuSmall {
  float:right;
  margin-bottom:20px;
  border: 1px red solid;
}

.navigation-bar {
  background: url('../images/navigation-bar.png') no-repeat;
  height: 33px;
  margin: 25px 0;
}
.navigation-bar-sml {
  background: url('../images/navigation-bar-small.png') no-repeat right;
  padding: 0 10px;
  height: 33px;
  float: right;
}
.navigation-bar-sml img{
  float: right;
}
.featureBlock{
  height: 301px;
  width: 261px;
  float: left;
}
.featureBlockContent {
  padding: 170px 20px 0 20px;
}
a.button {
  display: block;
  width: 150px;
  margin: 5px auto;
}
.product-box {
  width: 299px;
  float: left;
  margin-top: 35px;
}
.product-box img{
  display: block;
}
.product-box .product-pic {
  display: block;
  margin: 10px auto; 
}
.product-info, .product-info a{
  background-color: #004c99;
  color: #fff !important;
  text-decoration: none;
}
table.product-info{
  margin: 0;
  padding: 0;
  width: 299px;
}
table.product-info a.info {
  background: url('../images/ico-info.gif') no-repeat;
  padding-left: 20px;
  display: block;
}
table .l{
  padding: 4px 2px 4px 15px;
}
table .r{
  text-align: right;
  padding: 4px 15px 4px 2px;
}
.product-info-footer {
  background: url('../images/product-info-footer.gif') no-repeat bottom;
  height: 16px;
  width: 299px;
}
.product-copy{
  display: block;
  height: 75px;
}
#products {
		margin-bottom:60px;
		}
		#productHeader {
			float:left;
			margin-top:5px;
			}
		#products div.mainProduct {
			width:217px;
			height:110px;
			margin:0 auto;
			padding:188px 20px 0;
			position:relative;
			background:transparent url(../images/bg-productmain-dlite.jpg) center top no-repeat;
			}
			#products div#prodCol2 div.mainProduct {
				background:transparent url(../images/bg-productmain-divine.jpg) center top no-repeat;
				}
			#products div#prodCol3 div.mainProduct {
				background:transparent url(../images/bg-productmain-doubleup.jpg) center top no-repeat;
				}
			#products div.mainProduct a {
				display:block;
				position:absolute;
				text-align:center;
				top:250px;
				left:57px;
				}

	
	#productDescription {
		clear:both;
		background:transparent url(../images/bg-product-description.gif) no-repeat;
		padding:15px 20px;
		}


	#prodCol1, #prodCol2, #prodCol3 {
		float:left;
		width:278px;
		margin-right:22px;
		}
	#prodCol1 {
		margin-left:7px;
		}
	#prodCol3 {
		margin-right:0;
		}


	.productDlite p.varietyDescription {
		height:50px;
		}
	.productDivine p.varietyDescription {
		height:50px;
		}
	.productDoubleup p.varietyDescription {
		height:85px;
		}
	.flavours {
		padding:7px 18px;
		color:#FFF;
		}
		.productDlite .flavours {
			background:#004c99 url(../images/bg-flavours-large.gif) no-repeat;
			height:356px;
			}
		.productDivine .flavours {
			background:#004c99 url(../images/bg-flavours-medium.gif) no-repeat;
			height:137px;
			}
		.productDoubleup .flavours {
			background:#004c99 url(../images/bg-flavours-small.gif) no-repeat;
			height:23px;
			}
			.flavours .nutritionInfo {
				display:block;
				text-align:right;
				padding-right:25px;
				background:transparent url(../images/ico-info.gif) right 50% no-repeat;
				color:#b1d8ff;
				text-decoration:none;
				}
			.flavours hr {
				height:2px;
				border:0;
				color:#015ab5;
				background-color:#015ab5;
				}
			.flavours li {
				padding:4px 0 4px 20px;
				background:transparent url(../images/ico-info.gif) 0 3px no-repeat;
				}
				.flavours li a {
					color:#FFF;
					text-decoration:none;
					}
					.flavours li a:visited {
						color:#FFF;
						}
				.flavours li span {
					display:block;
					width:60px;
					float:right;
					}
	


/* Serving ideas page specific */
.tabular {
	padding:62px 0 0 140px;
	background-repeat:no-repeat;
	}
	.tabular h2 {
		display:none;
		}
	#recipesBreakfast {
		background-image:url(../images/bg-recipes-breakfast.gif);
		border-top:1px solid white; /* leave this - fixes an IE bug */
		}
	#recipesDrinks {
		background-image:url(../images/bg-recipes-drinks.gif);
		border-top:1px solid white; /* leave this - fixes an IE bug */
		}
	#recipesLunch {
		background-image:url(../images/bg-recipes-lunch.gif);
		border-top:1px solid white; /* leave this - fixes an IE bug */
		}
	#recipesSnacks {
		background-image:url(../images/bg-recipes-snacks.gif);
		border-top:1px solid white; /* leave this - fixes an IE bug */
		}
	#recipesDessert {
		background-image:url(../images/bg-recipes-dessert.gif);
		border-top:1px solid white; /* leave this - fixes an IE bug */
		}


/* Serving ideas page specific*/
.newsEvents h1 {
	background:#45165E url(../images/news-h1-bg.gif) top left no-repeat;
	padding-top:13px;
	}
	 .newsEvents h1 span {
		display:block;
		background:#45165E url(../images/news-h1-bg.gif) bottom left no-repeat;
		padding:0 30px 15px 22px;
		font-size:1.4em;
		line-height:1.3em;
		font-weight:bold;
		color:#FFF;
		}
.newsEvents h2 {
	margin-top: 10px;
	}
.newsEvents h2 span {
	display:none;
	}
.newsEvents li {
	margin-top:3px;
	padding-bottom:10px;
	}
	#trunk .newsEvents li li {
		padding:0 20px 0 10px;
		display:inline;
		font-size:0.7em;
		font-weight:normal;
		background:transparent url(../images/bullet.gif) left 50% no-repeat;
		}
	.newsEvents li div {
		padding:8px 30px 0 22px;
		font-size:1.4em;
		line-height:1.2em;
		font-weight:bold;
		color:#FFF;
		}
.news-feature {
  background-color: #01a528;
  font-size:1.4em;
  line-height:1.2em;
  color:#FFF;
  padding: 15px;
  margin: 5px 0 15px 0;
}
#weeklyWinners h2 {
	background:#2E5BB7 url(../images/news-h2-weeklywiners.gif);
	height:44px;
	}
#weeklyWinners li {
	background:#00A7CF url(../images/news-p-bg-blue.gif) bottom left no-repeat;
	}
	#weeklyWinners li div {
		background:#00A7CF url(../images/news-p-bg-blue.gif) top left no-repeat;
		}
#topTen h2 {
	background:#552571 url(../images/news-h2-toptenthings.gif);
	height:74px;
	}
#topTen li {
	background:#BE1250 url(../images/news-p-bg-red.gif) bottom left no-repeat;
	}
	#topTen li div {
		background:#BE1250 url(../images/news-p-bg-red.gif) top left no-repeat;
		}
#fiveFunniest h2 {
	background:#2E5BB7 url(../images/news-h2-fivefunniest.gif);
	height:44px;
	}
#fiveFunniest li {
	background:#00A7CF url(../images/news-p-bg-orange.gif) bottom left no-repeat;
	}
	#fiveFunniest li div {
		background:#00A7CF url(../images/news-p-bg-orange.gif) top left no-repeat;
		}





#footer {
	width:908px;
	margin:20px 18px 0;
	padding:14px 8px;
	border-top:2px solid #0050A3;
	}
	#footerInfo {
		float:left;
		width:570px;
		}
	#footerLinks {
		float:right;
		width:338px;
		}
		#footerLinks li {
			float:right;
			margin-left:20px;
			}
			#footerLinks li a {
				text-decoration:none;
				}
			#footerLinks li a:hover {
				text-decoration:underline;
				}




/****************************************************************************
 Redefined tags
 ****************************************************************************/

h3 {
	color:#004c99;
	font-size:1.1em;
	margin-bottom:0.3em;
	font-weight:normal;
	}
p {
	margin-bottom:0.7em;
	}
a, a:visited, a:hover, a:link {
	color:#63615C;
	}




/****************************************************************************
 Common stuff
 ****************************************************************************/
.floatLeft {
	float:left;
	}
.floatRight{
	float:right;
	}


.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block;}
/* End hide from IE-mac */