/* CSS Document */

body{
	font-family:  Helvetica, arial,  sans-serif;
	font-size:80%;
	background-color:#cccccc;
	height:1em;
}

#top_icons
{
padding:0;
list-style:none;
margin:10px 0 0 0;
}
#top_icons img { border:none; }
#top_icons li {
	float:left;
	margin-right:1px;
	padding:0;
	}
	#top_icons li.new_prices {
		margin:0 10px;
		}


#container{
	margin:0 auto;
	width:736px;
}

.eightsteps{
	background-color:#bddcfa;
	color:#FF0000;
	border:1px solid #000;
	font-size:110%;
	font-weight:bold;
	padding:20px;
	float:left;
	text-align:center;
	clear:both;
	width:350px;
	margin:20px 5px 20px 45px;
}

#poll
	{
background: url(images/whatsnewback.gif) no-repeat #C0E6EF;
margin-top: 5px;
margin-left:-12px;
width:162px;
padding:5px 20px 20px 20px;
overflow:auto;
	}
	#poll p.question {
		color:#643000;
		font-size:11px;
		margin-top:6px;
		}
	#poll p.options {
		font-size:11px;
		margin-top:5px;
		clear:both;
		}
		#poll p.options input {
			float:left;
			border:1px solid #000;
			}
		#poll p.options label {
			float:left;
			text-align:left;
			border:1px solid #eee;
			}
	#poll input.voteBtn {
		background:#663105;
		color:#fff;
		font-weight:bold;
		border:none;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:1px 7px;
		}

#topround{
	width:736px;
	height:12px;
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	float:left;
	clear:both;
}

#middle{
	width:704px;
	float:left;
	clear:both;
	background-color:#fff;
	padding:0 16px 0 16px;
	}
	#middle img.right{
	float:right;
	margin:0 0 0 20px;
	}
	#middle img.left{
	float:left;
	margin:0 20px 0 0;
	}

#top{
	float:left;
	background-color:#fff;
}
img.logo{
	float:left;
}
	
#topbar{
	width:696px;
	height:35px;
	background-image:url(images/topbar.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	float:left;
	color:#fff;	
	padding:10px 0 0 10px;
	margin-bottom:10px;
}
	
#left{
	float:left;
	width:204px;
}
#left img{
	margin-bottom:9px;
}

#left li.selected {
	background-color:#006699;
}
	
#right{
	float:left;
	color:#666;
	width:490px;
	padding:0px 0px 0px 7px;
	line-height: 150%;
	text-decoration:none;
	}
	
#footer{
	background-color:#fff;
	clear:both;
	padding-bottom:5px;
}
	
#bottomround{
	width:736px;
	height:6px;
	background-image:url(images/bottom.gif);
	background-repeat:no-repeat;
	float:left;
	clear:both;
}
	
#gradient{
	background-image:url(images/index_gradient.gif);
	background-repeat:repeat-x;
	padding:8px;
	font-size:95%;
	}

#gradient h1{
	font-weight: normal;
	margin: 0px;
	color: #006699;
	font-size: 160%;
	
}
#gradient a:hover{
	color:#003399;
	text-decoration:underline;
}
#gradient a{
	color:#aa0000;
	text-decoration:none;
}
#gradient h3{
	padding: 12px 0px 0px 0px;
	margin: 0px;
	color: #006699;
	font-size: 120%
}
#gradient h2{
	padding: 12px 0px 0px 0px;
	margin: 0px;
	color: #006699;
	font-size: 140%;
}
	
#gradient ul.plans, #gradient ul.meals{
	width: 460px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

#gradient ul.plans li, #gradient ul.meals li{
	display: inline;
}

#gradient ul.plans a, #gradient ul.meals a{
	text-decoration: none;
	display: block;
	background: #6ada5f url(images/bg_plans.jpg) top left no-repeat;
	color: #fff;
	font-weight: bold;
	width: 150px;
	border: 1px solid #fff;
	float: left;
	text-align: center;
	padding: 6px 0px 6px 0px;
}
#gradient ul.meals a
	{
	width: 113px;
	}
#gradient ul.plans a:hover, #gradient ul.meals a:hover{
	color: #006699;
}

#gradient ul.plans2{
	width: 456px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin: auto;
}

#gradient ul.plans2 a{
	text-decoration: none;
	background: #6ada5f url(images/bg_plans.jpg) top left no-repeat;
	color: #fff;
	font-weight: bold;
	width: 150px;
	border: 1px solid #fff;
	float: left;
	text-align: center;
	padding: 6px 0px 6px 0px;
}

#gradient ul.plans2 a:hover{
	color: #006699;
}

/* top right info */

#help{
	float: right;
	width: 300px;
	display: inline;
	background: transparent url(images/bg_help.jpg) bottom right repeat-y;
	text-align: right;
	color: #363
}

#help p{
	padding: 6px;
	margin-top: 8px;
}

#help strong{
	display: block;
	background: transparent url(images/bg_helptitle.jpg) top right no-repeat;
	color: #c33;
	font-size: 120%;
	padding: 12px;
	margin: -14px -6px -5px 0px;
}
	
#help a{
	font-weight: bold;
	color: #363;
	text-decoration: none;
}

#help a:hover{
	color: #00f;
}

#help em{
	font-style: normal;
	font-weight: bold;
}
/* end top right info */

	
/*= MENUS */

#menu{
	font-size:95%;
	list-style: none;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	background: url(images/bg_links.gif);
	font-weight:bold;
}

#menu li{
	display: inline;
}

#menu a{
	display: block;
	color: #003;
	text-decoration: none;
	padding: 5px;
	padding-bottom:5px;
}

#menu a:active{
	background-color: #0066cc;
	color: #efe;
}

#menu li a.selected_page{
	background-color:#006699;
	color:#fff;
}

#menu a:hover{
	background-color:#006699;
	color:#fff;
}

/* end menu*/




/* begin menu2*/

#menu2{
	list-style: none;
	padding: 8px 0px 12px 0px;
	margin: 0px;
	background: url(images/nav_nack.jpg);
	font-weight:bold;
}

#menu2 li{	
	display: inline;
}

#menu2 a{
	display: block;
	color: #ff0000;
	text-decoration: none;
	padding: 6px;
	height: 0.9em;
}

#menu2 a:hover{
	background-color: #ffaa00;
	color: #efe;
}

#menu2 a.selected, #menu2 a.selected:hover{
	color: #fff;
	background-color: #75a165;
	cursor: default;
}	

	
/* end menus */

#footer{
	width:683px;
	font-size:90%;
	text-align: right;
	padding: 8px 22px 20px 0px;
	background: url(images/footer.jpg) no-repeat top left;
}

#footer a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
	color: #060
}

.person
{
	float: right;
	clear: right;
	width: 460px;
	background: no-repeat top left url(images/bg_person.gif);
	padding-bottom: 12px;
	padding-left:10px;
}

#body .person h3{
	color: #008;
	font-size: 110%
}

.person img{
	float: right;
	border: 12px solid #fff;
	border-top-width: 8px;
}

.recipesarea{
	font-size:110%;
	font-weight:bold;
	float:left;
	width:450px;
	background-color:#c2e0fe;
	background-repeat:no-repeat;
	margin-bottom:5px;
	padding:10px;
	text-decoration:none;
	}
	.recipesarea img{
	float:left;
	}
.recipesarearight{
}
	
.factarea{
	font-size:110%;
	font-weight:bold;
	width:470px;
	background-color:#c2e0fe;
	padding: 5px 0px 5px 5px;
	}
	.factarea img{
	float:left;
	margin-right:20px;
	margin-top:0px;
	}

.download{
	font-size:110%;
	font-weight:bold;
	width:470px;
	background-color:#c2e0fe;
	padding: 5px 0px 5px 5px;
	}
	.download img{
	float:left;
	margin-right:20px;
	margin-top:0px;
	}
	
.tips{
	font-size:110%;
	font-weight:bold;
	width:460px;
	background-color:#c2e0fe;
	padding: 5px 0px 5px 5px;
	min-height:205px;
	height:205px;
	}
	html>body .tips {height: auto;}
	.tips img{
	float:left;
	}
	
#ninex{
	display: block;
	width: 728px;
	text-align: right;
	clear: both;
	padding: 10px 0px 12px 0px
	}
#ninex a{
	color:#666;
	text-decoration:none;
	}
	
#whatsnewbox{
	background-image:url(images/whatsnewback.gif);
	background-repeat:no-repeat;
	background-color:#c0e6ef;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	width:183px;
	}
	#whatsnewbottom{
	height:10px;
	background-image:url(images/whatsnewbottomback.gif);
	background-repeat:no-repeat;
	margin:0 0 7px 0;
	}
	
	#whatsnewbox h2{
	color:#990000;
	font-size:130%;
	margin:0;
	}
	#whatsnewbox ul{
	list-style:outside;
	color:#039;
	margin:0 0 0 0;
	font-size:90%;
	font-weight:bold;
	}
	#whatsnewbox ul li{
	margin:6px 0 6px 0;
	}
	

#sections
	{
	background: url(images/whatsnewback.gif) #C0E6EF no-repeat;
	margin-top: 10px;
	padding:10px 20px 0px 20px;
	overflow:auto;
	width:163px;
	clear:left;
	}
	#sections ul {
		margin:10px 0 0 10px;
		padding:0;
		list-style:none;
		}
	#sections li {
		margin:10px 0 0 0;
		_margin:0;
		padding:0;
		font-weight:bold;
		}
	#sections a {
		color:#000000;
		text-decoration:none;
		display:block;
		}
#sectionsclosing
	{
	height: 14px;
	background: url(images/whatsnewbottomback.gif) bottom left no-repeat;
	margin-bottom:5px;
	margin-top:-6px;
	}