@charset "utf-8";
/* CSS Document */
html, body, #contents {
	min-height: 100%;
	height: 100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:13px;

}

h1 {color:#f5a237; font-size:250%; margin-top:-10px; margin-bottom:-20px;}

.recipes-head {color:#f5a237; font-size:250%; margin-top:-10px; margin-bottom:-20px;}

h2 {color:#f5a237; margin-top:15px; margin-bottom:-10px;}

h3 {color:#f5a237;}

h4 {color:#007639; margin-top:5px;}

h5 {font-size:16px;	font-weight:bold;	color:#007639;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px;}

.first {font-size:16px;	font-weight:bold;	color:#007639;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; letter-spacing:1px;}

h6 {font-size:85%; color:#666; font-weight:normal; text-transform:uppercase;}


p {width:100%;}

hr {color:#edecec;background-color:#edecec;height:1px;border:none;margin-bottom:20px;}

hr.callouts {color:#edecec;background-color:#edecec;height:1px;border:none;margin-bottom:0px;}

img, a img {border:0;}
img.left {padding-left:10px; padding-bottom:10px; padding-top:10px;}
img.right {padding-right:10px; padding-bottom:10px; padding-top:10px;}

#body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:12px;
	background-image:url(../_assets/bg-head.png);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	position:absolute;
}

#body-home {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:12px;
	background-image:url(../_assets/bg-head.png);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	position:absolute;
}

a, a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:25px;
	border-bottom:1px;
	border-bottom-color:#CCC;
	text-decoration:none;
	color:#000;
}

a:hover   {
	color:#063;
	text-decoration:underline;
}

.newscontent a {color:#063;
	text-decoration:underline;}

a.news-title-link,a.news-title-link:link { font-size:16px;	font-weight:bold;	color:#007639;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

a.news-title-link:hover {text-decoration:underline;}
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */


#contents {
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

/* SEARCH RESULTS */
ol#search-results {color:#007639;font-weight:bold;font-size:18px;font-style:italic;margin-left:40px;}
ol#search-results li {height:auto;}
ol#search-results p {color:#333333;font-size:12px;font-weight:normal;font-style:normal;margin-top:8px;padding-bottom:10px;border-bottom:1px solid #edecec;}
#search-results h5 {color:#666666;line-height:20px;font-style:normal;display:inline;}

#container-home {
	width:100%;
	position:absolute; 
	/*left:50%;
	margin-left:-640px;*/
	min-height:1150px;
	background-image:url(../_assets/bg-foot.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	bottom:0px;
	top:0px;
}

#container {
	width:100%;
	position:absolute; 
	/*left:50%;
	margin-left:-640px;*/
	min-height:100%;
	background-image:url(../_assets/bg-foot.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

* html #container {
height:100%; /* lte IE6 treats height as min-height */
}

#inner-container {
	width:870px;
	padding-left:230px;
	padding-right:230px;
	margin:auto;
}

#secondary-nav {
	float:right;
	padding-right:230px;
	padding-top:75px;
	/*position:absolute;
	left: 630px;
	top: 23px;*/
	width: 490px;
	text-align:right;
}

#bodytext-full-width {
	float:left;
	padding-left:50px;
	padding-top:25px;
	width:790px;
	overflow:visible;
	height:auto;
	padding-bottom:457px;
}

#search {
	float:left;
	padding-left:450px;
	/*height:400px;
	/*padding-bottom:70px;
	padding-left:10px;
	margin-top:25px;*/
	/*display:block;
	width:160px;
	/*background-image:url(../_assets/header-search.jpg);
	background-repeat:no-repeat;
	text-align:right;
	background-position:inherit;*/
}
/*#search a {font-size:11px; float:right;margin:10px 38px 0px 0px;}
#search a:hover {text-decoration:underline;color:#4CBCD4;}*/
#search input {font-size:11px; font-family:Verdana, Geneva, sans-serif;}
#search .field {height:18px;width:135px;border:1px solid #FFFFFF;float:left;color:#999999;margin:0px 0px 0px 0px;background-image:url(../_assets/header-search.png); background-repeat:no-repeat; padding-left:5px;}
#search .submit {float:left;background-color:#f0f0f0; border:1px solid #f0f0f0;border:none;color:#555555;cursor:pointer;margin:0px 0px 0px 4px; height:18px;}

.header {
	height:159px;
	background-image:url(../_assets/header-background.jpg);
	background-repeat:no-repeat;
	width:1280px;
	margin:auto;
}

.logo {
	padding-left:230px;
	float:left;
	width:220px;
	margin:auto;
}

/*Primary Navigation*/

#primary-nav {
	padding-bottom:15px;
	width:100%;
}

.primary-nav-left {
	width:10px;
	height:35px;
	background-image:url(../_assets/top-nav-left.jpg);
	background-repeat:no-repeat;
	float:left;
}

.primary-nav-middle {
	height:35px;
	background-image:url(../_assets/top-nav-middle.jpg);
	background-repeat:repeat-x;
	line-height:35px;
}

.primary-nav-right {
	width:10px;
	height:35px;
	background-image:url(../_assets/top-nav-right.png);
	background-repeat:no-repeat;
	float:left;
}

.primary-nav-separator {
	background-image:url(../_assets/top-nav-separator.png);
	width:1px;
	height:35px;
	float:left;
}

.buttons {
	height:35px;
	display:block;
	position:relative;
	float:left;
}

.menu-home  {
	background:url(../_assets/top-nav-home.png);
	background-repeat:no-repeat;
	height:35px;
	overflow:visible;
	background-position:0px 0px;
	float:left;
   }
   
.menu-home a:hover, .menu-home-selected {
   background-position:0px -37px ;
}

   
.menu-milk-and-cream, .menu-milk-and-cream-selected {
	background:url(../_assets/top-nav-milk-and-cream.png);
	background-repeat:no-repeat;
	height:35px;
	overflow:visible;
	display:block;
	background-position:0px 0px;
	float:left;
   }

.menu-milk-and-cream a:hover, .menu-milk-and-cream-selected {
   background-position:0px -37px ;
   }

.menu-butter, .menu-butter-selected  {
	background:url(../_assets/top-nav-butter.png);
	background-repeat:no-repeat;
	height:35px;
	overflow:visible;
	display:block;
	background-position:0px 0px;
	float:left;
   }
   
.menu-butter a:hover, .menu-butter-selected {
   background-position:0px -37px ;
   }

.menu-cheese, .menu-cheese-selected {
	background:url(../_assets/top-nav-cheese-and-yoghurt.png);
	background-repeat:no-repeat;
	height:35px;
	overflow:visible;
	display:block;
	background-position:0px 0px;
	float:left;
   }
   
.menu-cheese a:hover, .menu-cheese-selected {
   background-position:0px -37px ;
   }

.menu-juice-and-water, .menu-juice-and-water-selected {
	background:url(../_assets/top-nav-juice-and-water.png);
	background-repeat:no-repeat;
	height:35px;
	overflow:visible;
	display:block;
	background-position:0px 0px;
	float:left;
   }
   
.menu-juice-and-water a:hover, .menu-juice-and-water-selected {
   background-position:0px -37px ;
   }

.menu-foodservice, .menu-foodservice-selected {
	background:url(../_assets/top-nav-foodservice.png);
	background-repeat:no-repeat;
	height:35px;
	overflow:visible;
	display:block;
	background-position:0px 0px;
	float:left;
   }
   
.menu-foodservice a:hover, .menu-foodservice-selected {
   background-position:0px -37px ;
   }

.menu-for-the-kids, .menu-for-the-kids-selected {
	background:url(../_assets/top-nav-for-the-kids.png);
	background-repeat:no-repeat;
	height:35px;
	overflow:visible;
	display:block;
	background-position:0px 0px;
	float:left;
   }
   
.menu-for-the-kids a:hover, .menu-for-the-kids-selected {
   background-position:0px -37px ;
   }

/*Secondary Navigation*/

.secondary-nav a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	text-decoration:none;
}

.secondary-nav a:hover {
	color:#063;
	text-decoration:underline;
}


/* Left Navigation */

#left-nav-top {
	clear:both;
	padding-top:25px;
	padding-bottom:25px;
	height:70px;
	float:left;
	width:180px;
	background-repeat:no-repeat;
	background-position:top;
}

.left-nav-links li {
	list-style:none;
	height:35px;
	line-height:35px;
	text-indent:0px;
	white-space:nowrap;
}

.left-nav-links {
	height:auto;
}

.left-nav-links a, .left-nav-links a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:25px;
	text-decoration:none;
	color:#000;
	/*margin-bottom:5px;*/
	border-bottom:1px;
	border-bottom-color:#DEDEDE;
	border-bottom-style:solid;
	display:block;
	padding-bottom:5px;
	margin-bottom:-10px;
}

.left-nav-links a:hover, .left-nav-links_active, .selected a  {
	color:#063;
	text-decoration:underline;
}

/* Main Content */

#maincontent {
	float:left;
	padding-left:50px;
	padding-top:25px;
	width:600px;
	overflow:visible;
	height:auto;
	padding-bottom:457px;
}


/* Homepage Content */
#home-content {
	float:left;
	padding-top:25px;
	width:875px;
	overflow:visible;
	height:auto;
	padding-bottom:600px;
}

#front-image {
	text-align:center;
	padding-bottom:25px;
}

/* Callouts on Homepage */
.callout-boxes {
	background-image:url(../_assets/front-box.png);
	background-repeat:no-repeat;
	background-position:center;
	width:260px;
	height:191px;
	float:left;
	padding:0px;
	margin-bottom:50px;
}

.callout-text {
	padding-left:20px;
	padding-top:20px;
	width:145px;
}

.callout-news {
	width:220px;
	padding:20px;
	padding-top:-20px;
}

.callout-news a {
	color:#f5a237;
	font-weight:bold;
}

.callout-news a:hover {
	color:#063333;
}

.callout-title {
	font-size:16px;
	font-weight:bold;
}

.callout-link {
	padding-bottom:30px;
	position:absolute;
	bottom:0px;
	padding-left:20px;
}

.our-heritage {
	/*background-image:url(../_assets/our-heritage.png);*/
	background-repeat:no-repeat;
	background-position:bottom right;
	height:191px;
	width:260px;
	float:left;
	margin-right:45px;
	position:relative;
}




#contentheading {
	float:left;
}

.subheading {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	padding-top:25px;
	float:left;
	padding-bottom:10px;
	width:100%;
	/*display:block;*/
}

#bodytext {
	float:left;
	width:350px;
}

#bodytext2 {
	float:left;
	width:100%;
}

.bodytext {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	padding-bottom:25px;
}

/* Product Pages Styling */

/*Product Overview*/

.products {
	width:120px;
	height:180px;
	vertical-align:bottom;
	text-align:center;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	position:relative;
	bottom:0px;
}

.product-links {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	height:50px;
}

.product-links a {
	line-height:20px;
	text-align:left;
	width:120px;
	float:left;
	color:#f5a237;
	font-weight:bold;
	text-decoration:none;
	height:50px;
}

.product-links a:hover {
	text-decoration:underline;
}

/*Product Detail*/

.product-description {
	width:100%;
}
.product-detail-heading {
	font-weight:bold;
	font-size:18px;
	color:#f5a237;
	letter-spacing:1px;
}

img.product {
	padding:5px;
	/*background-color:#eee;
	border:dotted;
	border-width:1px;
	border-color:#999;*/
}


.product-image-left {
	float:left;
	text-align:left;
	padding-right:15px;
	padding-bottom:20px;
	right:0px;
}

.product-image-right {
	float:right;
	text-align:right;
	width:200px;
	padding-left:15px;
	padding-bottom:20px;
	right:0px;
}

.product-recipe {
	width:600px;
	/*background-color:#efefef;
	border:#ddd;
	border-style:dashed;
	border-width:1px;
	padding:10px;
	min-height:150px;*/
}

.product-recipe-title {
	font-size:16px;
	font-weight:bold;
	color:#063;
}

.product-recipe-image {
	padding:5px;
	margin-right:15px;
	float:left;
	background-color:#ddd;
}

.product-recipe-summary {
	font-style:italic;
	color:#999;
	font-size:14px;
	width:350px;
}


#available-sizes {
	width:200px;
	float:left;
	clear:both;
}

#nutritional-information {
	width:500px;
	clear:both;
}

.info-box-top-left {
	background-image:url(../_assets/info-box-top-left.png);
	width:10px;
	height:37px;
	background-repeat:no-repeat;
	float:left;
}

.info-box-top-middle {
	background-image:url(../_assets/info-box-top-middle.png);
	width:480px;
	height:37px;
	background-repeat:repeat-x;
	float:left;
}

.info-box-top-right {
	background-image:url(../_assets/info-box-top-right.png);
	width:10px;
	height:37px;
	background-repeat:no-repeat;
	float:left;
}

.info-box-bottom-left {
	background-image:url(../_assets/info-box-bottom-left.png);
	width:10px;
	height:37px;
	background-repeat:no-repeat;
	float:left;
}

.info-box-bottom-middle {
	background-image:url(../_assets/info-box-bottom-middle.png);
	width:480px;
	height:37px;
	background-repeat:repeat-x;
	float:left;
}

.info-box-bottom-right {
	background-image:url(../_assets/info-box-bottom-right.png);
	width:10px;
	height:37px;
	background-repeat:no-repeat;
	float:left;
}

.info-box-line1 {
	background-color:#FFF;
	line-height:25px;
	padding-left:10px;
}

.info-box-line2 {
	background-color:#F7F7F7;
	line-height:25px;
	padding-left:10px;
	clear:left;
}

.product-heading-green {
	font-size:16px;
	font-weight:bold;
	color:#007639;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Footer stuck to bottom */ 
#footer{
	clear: both;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin-top:100px;
	position:absolute;
	width: 100%;
	height: 457px;
	/*background-image:url(../_assets/bg-foot.jpg);*/
	background-repeat:repeat-x;
	bottom: 0px;
	left: 0px;
	left: 50%;
	margin-left: -50%;
}

/* Footer on Home Page is slightly different */
#footer-home {
	clear: both;
	vertical-align: middle;
	/*padding: 0;
	margin: 0;
	/*margin-top:100%;*/
	position:absolute;
	width: 100%;
	/*height: 100%;*/
	/*background-image:url(../_assets/home-bg.png);*/
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:visible;
	bottom: 0px;
	left: 0px;
	left: 50%;
	margin-left: -50%;
	padding-bottom:100px;
}

#footer-content {
	padding-top:230px;
	width:820px;
	margin:auto;
}

.resource-links {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	width:300px;
}

.resource-links a:link, .resource-links a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	font-size:13px;
}

.resource-links a:hover {
	text-decoration:underline;
}

.bottom-logo {
	background-image:url(../_assets/footer-nature.png);
	background-position:right;
	background-repeat:no-repeat;
	width:280px;
	height:91px;
	float:right;
}

.bottom a, bottom a:visited {
	text-align:right;
	color:#c0e06f;
	font-weight:bold;
	float:right;
	clear:right;
}

.bottom a:link {
	text-decoration:underline;
	color:#c0e06f;
}

#footer {
	position: absolute;
	bottom: 0;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */

#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}

/* recipe styles */

img.recipes { padding:5px; border:1px solid #efefef;}

/*Food Services Page */

.food-services {
	width:250px;
	height:175px;
	vertical-align:bottom;
	text-align:center;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	position:relative;
	bottom:0px;
	padding-bottom:10px;
}

.food-services-links {
	padding-bottom:50px;
	height:50px;
}

.food-services-links a {
	line-height:25px;
	font-size:120%;
	text-align:center;
	width:250px;
	float:left;
	color:#f5a237;
	font-weight:bold;
	text-decoration:none;
}

.food-services-links a:hover {
	text-decoration:underline;
}

#recipes-chef {
	width:600px;
	background-color:#efefef;
	border:#ddd;
	border-style:dashed;
	border-width:1px;
	padding:10px;
	min-height:200px;
}

.chef-title {
	font-size:16px;
	font-weight:bold;
	color:#063;
	letter-spacing:1px;
}

.chef-avatar {
	padding:5px;
	margin-right:5px;
	float:left;
	background-color:#ddd;
}

.chef-bio {
	font-style:italic;
	color:#999;
	font-size:14px;
	width:300px;
}

.recipe-image-left {
	float:left;
	text-align:left;
	width:325px;
	padding-right:15px;
	padding-bottom:20px;
	right:0px;
}

.recipe-image-right {
	float:right;
	text-align:right;
	width:325px;
	padding-left:15px;
	padding-bottom:20px;
	right:0px;
}

/* WIN-REAL-GOLD */

#wrg label {display:block;float:left;width:80px;}
#wrg .field {width:250px;}
#wrg .red {color:#f5a237; font-weight:bold;}
#wrg .terms a {color:#f5a237 !important; font-weight:bold !important; text-decoration:underline;}

/* SPONSORSHIP - 2011-06-07 */

#gallery {border-bottom:1px solid #edecec;border-top:1px solid #edecec;padding:20px 0px 20px 0px;margin:0px 0px 20px 0px;overflow:hidden;}
#gallery h2 {margin:0px 0px 10px 0px;}
#gallery a {display:block;float:left;height:116px;width:116px; background:url(../_assets/gallery-thumb-bg.png) no-repeat top left;position:relative;margin:0px 4px 4px 0px;}
#gallery a img {position:absolute;top:5px;left:5px;}
#maincontent.sponsorship h2 {font-weight:bold;font-size:16px;margin-bottom:10px;}
#maincontent.sponsorship h3 {font-weight:bold;font-size:14px;margin-bottom:10px;color:#333;}
#maincontent.sponsorship a 	{color:#063;text-decoration:underline;}
#maincontent.sponsorship a:hover {text-decoration:none;}
#maincontent.sponsorship .banner {float:right;clear:both;margin:20px 0px 10px 10px;}
#maincontent.sponsorship .subheading {width:auto;float:none;margin-top:20px;}
.sponsorlinks td {border-top:1px solid #edecec;padding:10px;}
.sponsorlinks {border-collapse: collapse;border-bottom:1px solid #edecec;margin-top:20px;}

/* SIFR */

@media screen {
.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate { position: absolute;left: 0; top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto;  letter-spacing: 0px; float: none;}
}

@media print {
.sIFR-flash { display: none !important;height: 0;width : 0;position: absolute;overflow: hidden;}
.sIFR-alternate {visibility : visible !important; display: block !important;position : static !important;left: auto !important;top: auto !important;width: auto !important;height: auto !important;}
}

@media screen {
.sIFR-active #content-heading h1 {visibility: hidden;}
.sIFR-active #content h2 {visibility: hidden;}
}