@charset "UTF-8";
/* CSS Document */
	body{
		font-family: Verdana, Geneva, Arial sans-serif;
		font-size: 12px;
		background-image: url(/images/interface/bg2.png);
		background-repeat: repeat-x;
		background-color: #0053a0;
	}
	p{ 
		padding: 8px 0 8px 0;
	}
	



/* Layout containers */
	#container{
		width: 955px;
		margin: 0px auto;
	}
	#contentwrapper{
		background-image: url(/images/interface/container_bg.png);
		background-repeat: repeat-y;	
		clear: both;
		width: 955px;
		border-top: 2px solid #fff;
	}
	#content ol{
		list-style: decimal outside;
		margin: 0.25em 1em 0 2.5em;
		padding: 0;
	}
	#content ul{
		list-style: disc outside;
		margin: 0.25em 1em 0 2.5em;
		padding: 0;
	}

	.nobrdr{
		border: none;
	}
	#clear {
		clear: both;
	}
	.clear{
		clear: both;
		line-height: 1px;
	}




/* Header/masthead */
	#logo{
		width: 259px;
		float: left;
		display: block;
		padding-top: 23px;
	}
	#search{
		height: 80px;
		width: 631px;
		float: left;
		padding: 30px 0 0 65px;
		color: #fff;
	}
		#search input{
			font-family: Verdana, Geneva, Arial sans-serif;		
			width: 150px;
			border: solid 1px #7f9db9;	
			padding: 4px;
		}
		#search a{
			text-decoration: none;
			color: #fff;
		}
		#search a:hover{
			color: #eff9ff;
			text-decoration: underline;
		}
	#search .links{
		padding: 0 0 12px 0;
	}
	#search .box{
	}
	.btnsearch{
		width: 80px;
		height: 25px;
		border: 0;
		padding: 0;
	}



/* Nav */
	#nav{
		position: relative;
		float: left;
		width: 696px;
		}
		ul.nav {
			top: -9px;
			left: 0;
			height: 39px;
			position: absolute;
			width: 696px;
		}
		ul.nav li a {
			display:block;
			position:absolute;
			top:-1px;
			text-indent:-9999px;
			outline:none;
			height: 39px;
		}
		ul.nav a:hover {
			border: none;
		}
		li.navProducts a, li.navRecipes a, li.navWhere a, li.navBeyond a, li.navBeyond a, li.navAbout a{
			background-image: url(/images/interface/nav.png);
		}
		/* Absolute positioning of backgroun elements */
		li.navProducts a 				{ background-position: 0 0; width:139px; left: 0px;}
		li.navProducts a:hover			{ background-position: 0 -50px; }
		li.navRecipes a 				{ background-position: -139px 0; width:139px; left: 139px; }
		li.navRecipes a:hover			{ background-position: -139px -50px; }
		li.navWhere	a					{ background-position: -278px 0; width:139px; left: 278px;}
		li.navWhere a:hover				{ background-position: -278px -50px; }
		li.navBeyond a				    { background-position: -417px 0; width:139px; left: 417px;}
		li.navBeyond a:hover			{ background-position: -417px -50px; }	
		li.navAbout a					{ background-position: -556px 0; width:139px; left: 556px;}
		li.navAbout a:hover				{ background-position: -556px -50px; }	
	



/* Sidenav */
	#sidebar{
		font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
		width: 261px;
		float: left;
		background-image: url(/images/interface/side_bg.png);
		background-repeat: repeat-x;
		background-color: #003b70;
		padding-bottom: 20px;
	}
	#sidebar h2{
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding: 55px 0 6px 0;
		
	}
	#sidenav, #sidenav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width: 261px;
	}
	
	#sidenav li { /* all list items */
		font-size: 12px;
		position : relative;
		float : left;
		text-align: center;
		width: 261px;
	}
	
	#sidenav li a {
		width: 255px;
		display : block;
		color : #fff;
		text-decoration : none;
		border-bottom: 1px solid #266096;
		padding : 6px 3px 6px 3px;
		line-height: 12px;
	}
		#sidenav li a:hover {
			color: #fff;
			background-color: #00315f;
		}
		#sidenav{
			border-top: 1px solid #266096;
		}
	#sidenav ul li a {
		width: 255px;
		display : block;
		color : #fff;
		text-decoration : none;
		background-color : #177fbe;
		border-bottom: 1px solid #3a92c8;
		padding : 6px 3px 6px 3px;
	}
	#sidenav ul li a:hover  {
		color: #fff;
		background-color: #126ba1;
	}
	#active {
		display: block;
		color: #003a70;
		font-weight: normal;
		/*font-size: 14px;*/
		text-decoration: none;
		padding: 4px 0 7px 0;
		text-align: center;
		background-image: url(/images/interface/sidebar_active.png);
		background-repeat: repeat-x;
		background-color: #e3e2e3;
	}
	#productactive {
		display: block;
		color: #003a70;
		font-weight: normal;
		font-size: 14px;
		text-decoration: none;
		padding: 4px 0 7px 0;
		text-align: center;
		background-image: url(/images/interface/sidebar_active.png);
		background-repeat: repeat-x;
		background-color: #e3e2e3;
	}





/* Content block and formating styles (white area on most pages)*/
	#content{
		width: 634px;
		float: left;
		background-color: #fff;
		padding: 0 30px 30px 30px;
		line-height: 18px;
	}
		#content h1, #contentfull h1{
			font-size: 24px;
			font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
			font-weight: normal;
			color: #000;
			padding-bottom: 12px;
			line-height: 24px;
		}
		#content h2, #contentfull h2{
			font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
			font-size: 18px;
			font-weight: normal;
			padding-bottom: 12px;
		}

		#content h3, #contentfull h3{
			font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
			font-size: 16px;
			font-weight: normal;
			padding-bottom: 12px;
		}
		#content a, #contentfull a{
			color: #003b70;
		}
			#content a:hover, #contentfull a:hover{
				color: #1882c0;	
			}
		
		.breadcrumb {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #6a6a6a;
			padding: 8px 0 30px 0;
		}
		.breadcrumb a       { color: #6a6a6a;}
		.breadcrumb a:hover { color: #00509a;}
		.breadcrumb strong  { font-weight: normal; }
		#printpage{
			float: right;
		}

#contentfull{
	background-color: #fff;
	padding: 0 30px 30px 30px;
	line-height: 18px;
}




/* Footer */
	#footer{
			clear: both;
			width: 955px;
			background-image: url(/images/interface/footer_subbg.png);
			background-repeat: repeat-x;
			text-align: center;
			color: #fff;
			font-size: 10px;
			padding: 24px 0 12px 0;
			background-color: #0053a0;
		}
		#footer a{
			color: #fff;	
		}
		#footer a:hover{
			color: #ffc82e;	
		}
		

/* Legacy tags from previous generation of site */
#marginsone, marginstwo{
	padding: 0;
	margins: 0;
}

/* Facilities page */
.facilities{
	float: left;
	padding: 6px 50px 0 0;
	text-align: center;
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	width: 256px;
}
	.facilities p{
		font-size: 14px;	
	}
	.facilities small{
		font-size: 12px;	
	}

/* Allergy awarness page */

#allergytable th{
	background-color: #ffc82e;
	color: #000;
	border-right: 1px solid #FFFFFF;
	line-height: 12px;
	font-weight: normal;
	padding: 3px;
}
#allergytable {
	/*border: 1px solid #E3E3E3;*/
}
#allergytable tr, #allergytable td {
	text-align: center;
	font-size: 11px;
	border-right: 1px solid #FFFFFF;
	padding: 3px;
}
#allergytable .even {
	background-color: #ECE9E9;
}
#allergytable .cat {
	text-align: left;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	padding-top: 16px;
}
	#allergytable .cat  strong{
		font-weight: normal;
	}
	#allergysearch{
		padding-top: 20px;	
		line-height: 12px;
	}
	#allergysearch td{
		line-height: 12px;	
	}
	



/* Retailer search table */

#retailer th{
	background-color: #177fbe;
	color: #FFF;
	padding: 4px;
	text-align: left;
	border-right: 1px solid #fff;
}
#retailer .shaded{
	background-color: #e5e5e5;
}
#retailer tr td{
	border: none;
}
#retailer td {
	padding: 4px;
	font-size: 11px;
}
#retailerform{
	padding: 24px 0 24px 0;
}

/* Product pages */

#packages h1{
	background-color: #ffc82e;
	background-image: url(../images/interface/subhead_bg.png);
	background-repeat: no-repeat;
	color: #fff;	
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 6px 2px 6px 12px;
	/*border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;	*/
	margin: 6px 0 6px 0;
	clear: both;
}
#packages{
	padding-bottom: 10px;
}
#packages .package{
	width: 125px;
	float: left;
}
#packages .ingredients{
	width: 272px;
	padding-right: 10px;
	float: left;
}
#packages .ingredients h2, #packages .allergies h2, #nutritional h3{
/*	font-size: 11px;*/
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial sans-serif;
}
#packages .allergies{
	padding-top: 10px;
}
#packages .nutritional{
	width : 225px;
	float: left;
	padding-bottom: 6px;
}
#packages th h3{
/*	color: #000;
	font-size: 11px;
	font-weight: bold;*/
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial sans-serif;
}
#packages th{ 
	padding-bottom: 10px;
	font-weight: normal;
	text-align: left;
}
#packages td {
	font-size: 10px;
	border-bottom: 1px solid black;
	text-align: left;
	line-height: 12px;
}
#packages .nobrdr{
	border-bottom-color: #FFFFFF;
}

#productthumbs p {
	padding-right: 29px;
	width: 272px;
	text-align: center;
	float: left;
	display: block;
}
	#productthumbs a{
		text-decoration: none;
		font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;	
		font-size: 14px;
	}
	#productthumbs .last{
		padding-right: 0;
	}
	#productthumbs img{
		padding-bottom: 6px;
	}
#printlogo{
	display: none;
	visibility: hidden;
}

/* Form */


#contactform{
	width: 275px;
	float: right;
}
#contactform h2{
	font-size: 11px;
}
#contactform input {
	width: 155px;
	font-size: 11px;
}
label {
	color: #000;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	margin-bottom: 0px;
}
#form tr,td{
	vertical-align: top;
}
#form input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #B2B2B2;
}
#form textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #B2B2B2;
}

#form tr,td{
	border-bottom: none;
	font-size: 9px;
}
#form th{
	font-size: 9px;
	color: #FFF;
	background-color: #105F08;
}
#form h2{
	background-color: #105F08;
	font-size: 14px;
	color: #FFF;
	padding: 3px;
	margin-bottom: 5px;
}
#form h3{
	font-size: 14px;
	color: #06213E;
	margin-bottom: 10px;
}
.formsmall{
	width: 30px;
}
.formmed{
	width: 100px;
}
.formbig{
	width: 150px;
}
.formhuge{
	width: 200px;
}

/* Recipes */

.recipe_ingredients{
	margin-bottom: 20px;
	font-size: 12px;
}
.recipe_ingredients td{
	font-size: 10px;
	padding-right: 6px;
}

.recipe_list td{
	font-size: 10px;	
	border: 1px solid #e5e5e5;
	padding: 1px 5px 1px 1px;
	line-height: 12px;
	text-align: center;
}
.recipe_list a{
	font-size: 12px;
	text-decoration: none;
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	line-height: 14px;
}

.recipe_index_box{
	background-color: #ededed;
	border-top: 10px solid #0081ba;
	padding: 15px 10px 0 10px;
}
.feature_recipe_bottom{
	clear: both;
	background-image: url(../images/recipes/box_bottom.png);
	background-repeat: repeat-x;
	height: 46px;
	margin-bottom: 30px;
}
	.feature_recipe {
		display: block;
		padding: 8px 10px 8px 0;
		color: #fff;
		background-image: url(../images/recipes/tabs.png);
		background-repeat: no-repeat;
		background-position: -181px 0;
		width: 131px;
		text-align:  center;
	}
.recipe_index_box .feature{
		width: 223px;
		float: left;
		margin-right: 20px;
		text-align: center;
}
.recipe_index_box .feature a{
	display: block;
	padding: 4px 0;
	text-decoration: none;
	font-size: 13px;
}
.recipe_index_box h2{
	clear: both;
	padding-left: 22px;
}
.recipe_index_box #promotions_newsletter{
	width: 340px;;
	float: left;
}
.recipe_index_box #promotions_newsletter p{
	padding: 0;
}
.recipe_time{
	display: none;
}
.recipe_index_box .current{
	display: block;
}

.recipe_index_box .feature small{
	font-size: 10px;
	line-height: 12px;
}
.recipe_time .new{
	background-color: green;
	color: #fff;
	font-size: 10px;
	padding: 2px;
}

	/* Recipe index nav */
	#recipe_tabs{
		clear: both;	
		height: 35px;
	}
	#recipe_tabs ul {
		clear: both;
		font-size: 12px;
		margin: 0;
		padding: 0;
	}
	#recipe_tabs li {
		list-style: none;
		float: left;
		display: inline;
		padding: 0 3px 0 0;
		margin:0;
	}
	#recipe_tabs a {
		display: block;
		text-decoration: none;
		text-align: center;
		margin: 0;
		padding: 8px 10px 9px 0;
		color: #fff;
		background-image: url(../images/recipes/tabs.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 131px;
	}
	#recipe_tabs a:hover{
		background-position: -350px 0;
		color: #fff;	
	}
	
	#recipe_tabs a.current, #recipe_tabs a.current:hover { 
		background-position: -180px 0;
		color: #fff;
	}	
	
	ul.recipe_list ul{
		clear: both;	
	}
	ul.recipe_list li{
		width: 176px;
		float: left;
		height: 225px;
		overflow: hidden;
		text-align: center;
		line-height: 14px;
		padding: 0 17px;
	}
	ul.recipe_list img{
		width: 166px;
		height: 148px;
		margin-bottom: 6px;
	}
	ul.recipe_list small{
		font-size: 10px;
		line-height: 12px;
	}
ul.recipe_list a{
	font-size: 12px;
	display: block;
	text-decoration: none;
}
ul.recipe_list small{
	font-size: 10px;
}

/* Meal Ideas */
#ideaslc{
	font-size: 11px;
	width: 360px;
	margin-right: 10px;
	float: left;
	padding-top: 20px;
}
#ideasrc{
	width: 205px;
	float: left;
	padding-top: 20px;
}

/* layout photos*/
.photo_truck{
	padding-top: 12px;
}
.photo_firstbuilding{
	padding-bottom: 24px;
}
#recallinfo{
/*	position: absolute;
	top: 585px;
	left: 440px;*/
	margin: 0px auto;
	background-color: #F00;
	color: #fff;
	width: 200px;
	border: 1px solid #fff;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#recallinfo a{
	color: #fff;
	text-decoration: none;
	padding: 12px;
	display: block;
}
#recallinfo a:hover{
	color: #fff;

}
.coupon{
	text-align: center;
}
.coupon a{
	text-decoration: none;
	color: #fff;
}
.coupon a:hover{
	color: #fff;
}

/* Promotions */
#promotions_newsletter{
	background-image: url(../images/promotions/newsletter_bg.jpg);
	background-repeat: repeat-x;	
	position: relative;
	padding: 6px 10px 6px 20px;
	background-color: #072b99;
	
}
#promotions_newsletter form{
	padding-left: 95px;
	padding-top: 0px;
	background-image: url(/images/promotions/recipe_signup.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
	color: #fff;
}
#promotions_newsletter form input{
	width: 125px;
}
#promotions_newsletter form .button{
	width: 90px;
}
#promotions_newsletter small{
	font-size: 10px;
}
#promotions_newsletter label{
	color: #b4dced;
	display: block;
	font-weight: normal;
}
#promotions_newsletter a{
	color: #fff;
}
#promotions_links{
	width: 200px;
	position: absolute;
	top: 120px;
	right: 20px;
}
#promotions_links a{
	background-image: url(/images/promotions/button2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 8px 0 8px 14px;
	margin-bottom: 6px;
}
#promotions_links a:hover{
	background-position: 0 -46px;
	color: #fff;
}