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

body{font-size:0.8em;;color:#FFFFFF; background: url(../images/bgEasterShow.jpg) center top repeat-x #62a947;}
	/*Defaultfonts*/
	/*Headings*/h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1em;margin:0;font-weight:bold;}
	/*Text elements*/
	p{margin:0 0 0.5em 0; color:#606060; line-height:1.6em;}
	ul,ol,li,dl,dl dd{margin:0;padding:0; color:#606060;}
	#aboutContent ul{
		list-style-type:none;
		padding: 10px 0;
	}
	#aboutContent li {
		background: url(../images/bullet.gif) no-repeat 0 4px;
		padding-left: 20px;	
		 line-height:1.6em;
		}
	ol{list-style-type:decimal;}
	dl dt{font-weight:bold;}
	fieldset {padding:0; margin:0; border:none;}
	address{margin:0;font-style:normal;}
	del{color:#000;}
	blockquote{margin:1.5em;}
	strong{font-weight:bold;}
	em,dfn{font-style:italic;}
	dfn{font-weight:bold;}
	pre,code{margin:1.5em 0;white-space:pre;}
	pre,code,tt{font:1em monospace;line-height:1.5;}
	tt{display:block;margin:1.5em 0;line-height:1.5;}
	/*Tables*/
	table {margin-bottom:1.4em;}
	th{font-weight:bold;}
	td {}
	th,td{padding: 0;}
	/*Clearfix*/
	.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
	.clearfix{display:inline-block;}
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	}
	a {color:#193986; text-decoration: underline;}
	a:hover {color:#193986; text-decoration: none;}
	
	.clearLeft {
		clear: left;	
		}
	
	.clearRight {
		clear: right;	
		}

.container {
	width: 966px;
	margin: 0 auto;
	
	}

div.transbox {
 background: url(../images/transBox.jpg) no-repeat 0 175px;
  margin-top: 0;
  padding: 0;
  width:971px;
  min-height: 600px;
  position: relative;
  }

div.transboxBottom
  {
  width:971px;
  height:65px;
  background: url(../images/transBoxBottom.jpg);
  }
  
h1, h2, h3, h4, h5 {
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
  
 .header {
 width: 100%;
 height: 170px;
 }
.header h1 {
	height:237px;
    left:335px;
    position:absolute;
    top:-4px;
    width:299px;
    z-index:1;
	 }
h1 a{
	/*background:url(../images/logo.png) no-repeat;*/
	display: block;
	
	height: 100%;
	width: 100%;
	overflow: hidden;
	}
.nav  {
		float: left;
		margin-top: 140px;
		display: inline;
	}
.nav ul {

	font-size: 1.5em;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	}
.nav ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	}
.nav a{
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 20px 10px 20px;
	color: #FFF;
	text-decoration: none;
	vertical-align:5px;
	}
	
.nav a:hover{
	margin: 0 20px 0 20px;
	color: #FFF;
	text-decoration: underline;
	}
	
.nav a.selected {
	color: #b5cee4;
	}
	
.tagline{
	float: right;
	margin-right: 5px;
	width: 330px;
	height: 25px;
	margin-top: 140px;
	}
	

	
.productList h1 a{
	background:url(../images/logo.png) no-repeat;
	display: block;
	width: 150px;
	height: 149px;
	margin:-49px 0 0 390px;
	text-indent: -9999px;
	}

h2 {
	color: #272d69;
	font-size: 3em;
	font-weight: bold;
	margin-bottom: 0.1em;
	}
	
h3 {
	font-size: 2em;
	font-weight: bold;
	}
	
h4 {
	font-size: 1.8em;
	font-weight: normal;
	}

h3, h4 {
	color: #199ee3;
	margin-top: 1em;
	margin-bottom: 0.5em;	
	}
	
h5 {
	font-weight: bold;
	color:#606060;
	margin: 20px 0 15px 0;
	}
	


.aboutContent {
	background: url(../images/about_bg.png) no-repeat;
	padding: 33px;
	width: 882px;
	margin-left: 40px;
	margin-top: 50px;
	}
	
.aboutContentBottom {
	background: url(../images/about_bgBottom.png) no-repeat;
	width: 882px;
	height: 50px;
	margin-left: 40px;
	
	}
	
.contentWide {
	border-top: 1px solid #ebebeb;
	padding-top: 30px;
	margin-top: 20px;
	width:800px;
}

.contentWide img {
	float: right;
	margin-left: 17px;
	margin-bottom: 10px;
}

.contentWide p {
	margin-right: 37px;
	/*width: 400px;*/
}

.contentWide ul {
	margin: 0 37px 20px 0;
}

.contentWide li {
	margin-bottom: 10px;
    padding-left: 20px;
	background: url(../images/bullet.gif) no-repeat 0 2px;
	list-style-type: none;
}

	

.backToProducts a{
	width: 175px;
	height: 34px;
	background: url(../images/backToProducts.jpg) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	margin-top: 20px;
	}

.backToProducts a:hover {
	background: url(../images/backToProducts.jpg) no-repeat 0 -34px;
	}
	
.columnleft {
	width: 487px;
	float: left;
	margin: 60px 0 0 20px;
	}
	
.columnright {
	width:419px;
	float: right;
	margin: 60px 20px 0 0;
	display: inline;
	}
	
a#backToProductRange {
	background: url(../images/products_back.png) no-repeat;
	width: 290px;
	height: 71px;
	margin-top:-26px;
	text-indent: -9999px;
	display: block;
	}
	
.productList div#transbox {
  background: url(../images/transBox.jpg) no-repeat 0 86px;
  margin-top:-52px;
  padding:41px 45px 41px 20px;
  }
  
#milkRange {
	background: url(../images/productList_pod.png);
	height:279px;
	margin:30px 10px 20px 20px;
	padding:35px 30px 10px 188px;
	width:231px;
	}
	
#milkRange p{
	font-size: 0.85em;
	margin-top: 5px;
	}
	
#milkRange a{
	color: #29c0f5;
	}
	
#learnMore {
	background: url(../images/learnMore.jpg); 
	width: 271px;
	height: 59px;
	text-indent: -9999px;
	margin-left:195px;
	}
	
.columnright ul {
	list-style-type: none;
	}

.columnright ul li{
	display: inline;
	}
	
.columnright ul li a{
	float: left;
	width: 130px;
	height: 160px;
	display: block;
	text-indent: -9999px;
	}
	
.columnright ul li a#heartActive{
	background: url(../images/btn_heartActive.png) no-repeat;
	}
	
.columnright ul li a#kids{
	background: url(../images/btn_kids.png) no-repeat;
	}

.columnright ul li a#whole{
	background: url(../images/btn_whole.png) no-repeat;
	}

.columnright ul li a#lite{
	background: url(../images/btn_lite.png) no-repeat;
	}
	
.columnright ul li a#skim{
	background: url(../images/btn_skim.png) no-repeat;
	}
		
.columnright ul li a#best{
	background: url(../images/btn_best.png) no-repeat;
	}
		
.columnright ul li a#shape{
	background: url(../images/btn_shape.png) no-repeat;
	}
		
.columnright ul li a#takeCare{
	background: url(../images/btn_takeCare.png) no-repeat;
	}
		
.columnright ul li a#more{
	background: url(../images/btn_more.png) no-repeat;
	}

.subNavContainer {
	width: 283px;
	float: left;
	margin-left: 43px;
	display: inline;
	margin-top: 55px;
	}

.subNav {
	background: url(../images/nav.png);
	width: 233px;
	padding: 20px 25px;
	
	}
	
.subNavBottom {
	background: url(../images/navBottom.png);
	width: 283px;
	height: 20px;
}

.subNav ul {
	list-style-type: none;
	}

.subNav ul li {
	padding: 7px 0 0 0px;

	}
	
.subNav a 
{
    background: url(../images/plus.gif) no-repeat 0 7px;
	color:#606060;
	text-decoration: none;
	display: block;
	padding-top: 7px;
	padding-left: 22px;
	}
	
	.subNav a:hover {
	color:#606060;
	text-decoration: underline;
	display: block;
	}
	
.subNav ul li ul li {
	padding: 5px 0 0 30px;
	}
.subNav ul li ul li a {
	background: url(../images/arrow.gif) no-repeat 0 7px;
	padding: 5px 0 0 20px;
	}
.subNav h4 {
	margin-bottom: 6px;
	font-size:1.6em;
	margin-top: 6px;
	}
	
.contentWrapper {
	width: 581px;
	float: left;
	margin-left: 15px;
	}
	
.productContent {
	background: url(../images/thin_bg.png) no-repeat;
	padding: 0 0 0 0;
	width: 582px;
	
	}
.productContent .contentThin h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
	padding-top: 10px;
	}
.productContentBottom {
	background: url(../images/thin_bgBottom.png) no-repeat;
	width: 582px;
	height: 22px;
	position
	}
.contentContainer {
	float: left;
	margin-left: 20px;
	margin-top: 50px;
	display: inline;
	}
.contentThin {
	
	margin-top: 25px;
	padding-top: 25px;
	margin-left: 25px;
	width: 530px
	}
.productContent .contentThin {
	padding-top: 10px;
	margin-top: 4px;
	}
.cufon-active .contentThin h4{
	line-height: 1.8em;	
	}

.contentThin ul {
	list-style-type: none;	
	}
	
.contentThin ul li {
	background: url(../images/bullet.gif) no-repeat 0 7px;
	padding: 5px 0 5px 20px;
	}
	
.phone {
	color: #199ee3;
	font-size: 1.4em;
	}
	
.contentThin img {
	float: right;	
	}
	
.productRange div#transbox {
  background: url(../images/transBox.jpg) no-repeat 0 86px;
  margin-top:-52px;
  padding:41px 45px 15px 20px;
  }
  
 .productRange h1 a{
	background:url(../images/logo.png) no-repeat;
	display: block;
	width: 150px;
	height: 149px;
	margin:-49px 0 0 390px;
	text-indent: -9999px;
	}

.tagline, h1 a, .productList h1 a, .aboutContent, .aboutContentBottom, a#backToProductRange, .milkRange, .columnright ul li a#heartActive, .columnright ul li a#kids, .columnright ul li a#whole, .columnright ul li a#lite, .columnright ul li a#skim, .columnright ul li a#best, .columnright ul li a#shape, .columnright ul li a#takeCare, .columnright ul li a#more, .subNav, .subNavBottom, .productContent, .productContentBottom, .productRange h1 a, img { behavior: url(iepngfix.htc); border: 0; }


.flashContainer {
	margin: 30px 0 0 20px;
	}
	
.footer {
    text-align: center;   
    font-size: 0.9em;	 
	clear: both;	
}

.footer a{
   color: #fff;
   text-decoration: none;
	    
}

.footer a:hover{
   color: #fff;
   text-decoration: underline;	    
}

p img { float:left!important; }

p.block img 
{
    float:right!important;
    margin-bottom:10px;
    margin-left:17px;
}
#flashcontent .subNavContainer {margin-left: 21px;}

* html a.child:link,* html  a.child:visited {zoom: 1; }