/*****************************/
/* Default element styles */
/*****************************/

body { 
	text-align:center; /* for IE */ 
	margin: 0;
	padding: 0;	
} 

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, verdana, "trebuchet MS", helvetica, sans-serif; 
	color: #666;
	font-size: 13px;
	line-height: 1.4em;
	background-color: #fff;
}

h1 {
  color: #ff9933;
  font-size: 15px;
}

h2 {
  color: #666666;
  font-size: 13px;
  line-height:1.6em;
}

.orange {
	color:#ff9933;
	font-size:15px;
	font-weight:bold;
}

a.orange {
	font-size: 13px;
	color:#ff9933;
	text-decoration:none;
	font-weight:bold;
}
.community2 a.orange, .quiz a.orange, .readon a.orange, .nutritionist a.orange, .deals a.orange {
	font-size: 15px;
	color:#6d6e71;
}

a:hover.orange {
	font-size: 13px;
	color: #0847c5;
	text-decoration: none;
}
.community a:hover.orange {
	color: #6d6e71;
}
.community2 a:hover.orange, .quiz a:hover.orange, .readon a:hover.orange, .nutritionist a:hover.orange, .deals a:hover.orange {
	font-size: 15px;
	color: #ff9933;
}

.community2 .on, .quiz .on, .readon .on, .nutritionist .on, .deals .on {
	font-size: 15px;
	color: #ff9933;
	text-decoration: none;
	font-weight:bold;
}

a {
	color: #001ca7;
	text-decoration: underline;
}

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

img {
	border: none;
	display:inline;
	padding: 0;
	margin: 0;
}

.clear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
}

li, ul {
	margin-top:0;
	padding-top:0;
}

li {
  margin-left: 0;
  margin-bottom:10px;
}

.small {
	font-size:9px;
}

/*****************************/
/* Main Structural Styles    */
/*****************************/

#outer-wrapper { 
	position: relative;
	text-align:left; /* reset text alignment for non-IE*/ 
	width:959px; 	
	margin:0 auto; /* for the rest */ 		
} 

#wrapper {
	position: relative;
	width:959px;
}

#top-wrapper {
	float: left;
	width:945px; 
	padding: 10px 0 0 14px;
	display: inline;	
}

#center-wrapper {
	float: left;
	width:959px; 
	background-color: #ffe7cf;
	padding-bottom:10px;
}



/*****************************/
/* Content */
/*****************************/
#logo {
	float: left;
	width: 179px;
	margin: 24px 0 0 35px;
	display: inline;
}

.home #logo {
	float: left;
	width: 179px;
	margin: 0px 0 0 75px;
	display: inline;
}

#the-banner {
	float: left;
	width: 263px;
	margin: 14px 0 0 0px;
	display: inline;
}

.home #the-banner {
	float: left;
	width: 263px;
	margin: 25px 0 5px 30px;
	display: inline;
}

#home-intro {
	float:left;
	width:162px;
	margin-left: 90px;
	display:inline;
}

#content {	
	float:left;
	margin:10px 0 0 10px;
	width: 939px;
	display:inline;
}

.home #content {
	background-color: #fff;
	
}

#content-divider {
	float:left;
	width:939px;
}

.products #content-divider, .community #content-divider, .product-detail #content-divider {
	background: #FFF url(images/bg-content.gif) top left repeat-y;
}

.recipes #content-divider, .community2 #content-divider, .quiz #content-divider, .readon #content-divider, .nutritionist #content-divider, .deals #content-divider, .recipe-detail #content-divider {
	background: #FFF url(images/bg-content2.gif) top left repeat-y;
}

#content-left {	
	float:left;
	padding-bottom:10px;
	
}

.home #content-left {	
	width:632px;	
	padding-bottom:0;
}
.products #content-left {	
	width:567px;	
	background: #FFF url(images/bg-cookie2.jpg) top left no-repeat;
}
.product-detail #content-left, .recipe-detail #content-left {
	width:567px;	
	background-color: #FFF;
}
.community #content-left {	
	width:567px;	
	background: #FFF url(images/bg-cookie4.jpg) top left no-repeat;
}
.recipes #content-left {	
	width:567px;	
	background: #FFF url(images/bg-cookie3.jpg) top left no-repeat;
}
.community2 #content-left {	
	width:580px;	
	background: #FFF url(images/hd-do-the-math.gif) top left no-repeat;
}
.quiz #content-left, .readon #content-left, .nutritionist #content-left, .deals #content-left {	
	width:584px;	
	background-color: #FFF;
}
.deals #content-left {	
	padding-bottom:0;
}
.about #content-left, .wtb #content-left, .contact #content-left, .submit-recipe #content-left {	
	width:939px;	
	background-color: #FFF;
}

.recipe-feature {
	float:left;
	width:141px;
	margin-right:10px;
}
.recipe-feature-txt {
	width:126px;
	margin-left:10px;
	font-size:11px;
	line-height:1.2em;
}

.readon-feature {
	float:left;
	width:120px;
	margin-right:20px;
	margin-bottom:15px;
}
.readon-feature-txt {
	width:120px;
	margin-left:10px;
	font-size:11px;
	line-height:1.2em;
}

#packshot {
	width: 220px;
	float: right;
	margin: 10px 0 20px 20px;
}

#recipe-image {
	width: 180px;
	float: right;
	margin: 40px 0 20px 20px;
}

#recipe-util {
	float:right;
	margin-top:45px;
	width:290px;
}
#print-page {
	float:left;
	width:120px;
	background: #FFF url(images/icons/print_page.gif) top left no-repeat;
	padding-left:23px;
	padding-top:3px;
	margin-top:0;
	display:inline;
	height: 25px;
	font-size:11px;
}
#print-page a,#email-recipe a {
	font-size:11px;
}
#email-recipe {
	float:left;
	width:100px;
	background: #FFF url(images/icons/tell_friend.gif) top left no-repeat;
	padding-left:23px;
	padding-top:1px;
	margin-top:3px;
	display:inline;
	height: 25px;
}



#header {
	float: left;
	width:470px;
	margin: 235px 0 0 35px;
	display:inline;
}
#carbcalc {
	margin-left:7px;
}
.about #header {
	width:720px;
	margin: 15px 0 15px 20px;
}
.wtb #header {
	width:690px;
	margin-top: 0;
}
.contact #header {
	width:690px;
	margin-top: 40px;
}
.product-detail #header, .recipe-detail #header {
	margin: 15px 0 15px 35px;
}
.recipe-detail #header {
	width:500px;
}
.recipes #header  {
	margin-top: 175px;
}
.submit-recipe #header {
	width:490px;
	margin: 40px 0 0 50px;
}
.community #header {
	margin-top: 162px;
}
.community2 #header, .quiz #header, .readon #header, .nutritionist #header, .deals #header {
	width:530px;
	margin-top: 20px;
}

#quiz {
	margin: 10px 0;
}

#groupshot {
	float: left;
	width:793px;
	margin: 15px 0 0 20px;
}


#content-right {	
	float:left;
	margin-top: 30px;
	display:inline;
}
.home #content-right {
	width: 290px;
	margin-top:10px;
	
}
.products #content-right, .product-detail #content-right {
	width: 320px;	
	margin:30px 0 30px 25px;
	line-height:1.6em;
}
.recipes #content-right, .recipe-detail #content-right {
	width: 307px;	
	margin:30px 0 15px 45px;
	line-height:1.6em;
}
.community #content-right {
	width: 325px;	
	margin:30px 0 30px 35px;
}

#guidelines-content-right {
	float:left;
	width: 320px;	
	margin:30px 0 0px 10px;
	display:inline;
}
#logout {	
	float:left;
	width: 225px;
	height:20px;
	margin-top: 15px;
	margin-left:35px;
	margin-bottom:0;
}
.community2 #content-right, .quiz #content-right, .readon #content-right, .nutritionist #content-right, .deals #content-right {
	width: 307px;	
	margin:60px 0 15px 45px;
	line-height:1.6em;
}

/* Community */
.feature {
	float:left;
	width:540px;
	margin-left:35px;
	margin-bottom:20px;
	display:inline;
}

.l-col {
	float:left;
	width:169px;
	margin-left:35px;
	display:inline;
}

.r-col {
	float:left;
	width:328px;
}

.tool {
	float:left;
	margin-bottom:10px;
}
.community2 .tool, .quiz .tool, .readon .tool, .nutritionist .tool, .deals .tool {
	float:left;
	margin-bottom:18px;
}

.icon {
	float:left;
	width:25px;
	margin-right:12px;
}
.community2 .icon, .quiz .icon, .readon .icon, .nutritionist .icon, .deals .icon  {
	float:left;
	width:31px;
	margin-right:15px;
}

.tool-txt {
	float:left;
	width: 282px;
	margin-top:2px;
}
.community2 .tool-txt, .quiz .tool-txt, .readon .tool-txt, .nutritionist .tool-txt, .deals .tool-txt {
	width:182px;
	margin-top:3px;
}

#quiz-guy, #readon-lady, #hd {
	float:right;
	width:216px;
}





/* Home */

.vert-line {
	float:left;
	width: 3px;
	margin: 20px 20px;
	display:inline;	
}

.vert-line2 {
	float:left;
	width: 3px;
	margin: 20px 10px 20px 20px;
	display:inline;	
}

#hm-hd {
	margin-top:30px;
	margin-left:30px;
}

#flashcontent {	
	float:left;
	width: 600px;
	height: 250px;
	border:none;
	margin-top:35px;
	margin-left:30px;
	padding-bottom:20px;
	display:inline;
}

	#flashcontent2 {
		width: 235px;
		height: 212px;
		float: left;
		border:none;
	}

#features {
	float:left;
	margin:10px 0 0 10px;
	width: 939px;
	background-color:#fff;
	display:inline;
	font-size:12px;
	line-height:1.2em;
	padding-bottom:5px;
}

#l-feature-wrapper {
	float:left;
	width:338px;
	margin:15px 0 0 35px;
	display:inline;
}

.l-feature {
	margin:  0;
}

.img-left {
	float:left;
	width:101px;
	margin: 0 15px 0px 0;
}

.img-left2 {
	float:left;
	margin: 6px 8px 0 0;
}

#r-feature-wrapper {
	float:left;
	width:235px;
	margin-top:10px;
}

/*****************************/
/* Top Nav */
/*****************************/

#nav {	
	float: left; 
	width:770px;
	margin-top: 14px;
	margin-left:3px;
	display:inline;
}

#nav ul{
	margin: 0;
	padding: 0;
}

#nav ul li {
	float: left;
	margin: 0;
	list-style: none;	
}

#nav a {
	text-decoration: none;
	overflow: hidden;
	text-indent: 1000px;
	display: block;
	font-size:1px;
	line-height:1em;
}

#nav a:hover {
	background-position: bottom left;
	text-decoration: none;
}

#home-link {
	float: left;
	width: 46px;
	height:12px;
	padding-right:53px;
	background:  url(images/nav/home.gif) top left no-repeat;
}

#products-link {
	float: left;
	width: 84px;
	height:12px;
	padding-right:53px;
	background:  url(images/nav/products.gif) top left no-repeat;
}

#wtb-link {
	float: left;
	width: 122px;
	height: 12px;
	padding-right:53px;
	background:  url(images/nav/wtb.gif) top left no-repeat;
}

#recipes-link {
	float: left;
	width: 63px;
	height:12px;
	padding-right:53px;
	background:  url(images/nav/recipes.gif) top left no-repeat;
}
#community-link {
	float: left;
	width: 101px;
	height:12px;
	padding-right:53px;
	background:  url(images/nav/community.gif) top left no-repeat;
}
#about-link {
	float: left;
	width: 81px;
	height: 12px;
	background:  url(images/nav/about.gif) top left no-repeat;
}


/* navigation "on" and "on current page" states*/

#nav a#home-link.on, #nav a#home-link:hover, #nav a#community-link.on, #nav a#community-link:hover, #nav a#products-link.on, #nav a#products-link:hover, #nav a#recipes-link.on, #nav a#recipes-link:hover, #nav a#about-link.on, #nav a#about-link:hover, #nav a#wtb-link.on, #nav a#wtb-link:hover  {
	background-position: bottom left;
}

/**Text Controls**/
#text-sizer {
	float:right;
	width:141px;
	height:34px;
	background:  url(images/nav/tab.gif) top left no-repeat;
	font-family:  verdana, Arial, "trebuchet MS", helvetica, sans-serif; 
}

#text-sizer p{
	padding:0;
	margin:12px 0 0 10px;
	font-size:11px;
}

.biggest {
	font-size: 14px;
}

.bigger {
	font-size: 12px;
}

.normal {
	font-size:11px;	
}

#text-sizer a {
	color:#000;
	text-decoration: none;
}

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

#popupcontent{
	position: absolute;
	visibility: hidden;
	top:100px;
	left:50px;
	overflow: hidden;
	background-color:#ffe7cf;
	padding:5px;
}

/*#calculator {
	float:left;
	width:800px;
	padding-left:25px;
	display:inline;
}

#statusbar {
	float: right;
	margin-right:27px;
	margin-bottom:5px;
	margin-top:3px;
	display:inline;
}

#poweredby {
	font-size:9px;
}*/

/* community nav tips */
#balanced-tip {
	position:absolute;
	top:164px;
	left:435px;
	width:200px;
	line-height:1.0em;
	visibility:hidden;
	background-color: #ffe7cf;
	border: 1px solid #666;
	padding:5px;
}
#quiz-tip {
	position:absolute;
	top:212px;
	left:435px;
	width:200px;
	line-height:1.0em;
	visibility:hidden;
	background-color: #ffe7cf;
	border: 1px solid #666;
	padding:5px;
}
#read-tip {
	position:absolute;
	top:260px;
	left:435px;
	width:200px;
	line-height:1.0em;
	visibility:hidden;
	background-color: #ffe7cf;
	border: 1px solid #666;
	padding:5px;
}
#ask-tip {
	position:absolute;
	top:307px;
	left:435px;
	width:200px;
	line-height:1.0em;
	visibility:hidden;
	background-color: #ffe7cf;
	border: 1px solid #666;
	padding:5px;
}
#recipe-tip {
	position:absolute;
	top:354px;
	left:435px;
	width:200px;
	line-height:1.0em;
	visibility:hidden;
	background-color: #ffe7cf;
	border: 1px solid #666;
	padding:5px;
}
#deals-tip  {
	position:absolute;
	top:400px;
	left:435px;
	width:200px;
	line-height:1.0em;
	visibility:hidden;
	background-color: #ffe7cf;
	border: 1px solid #666;
	padding:5px;
}


#agree {
	visibility:hidden;
}

/*****************************/
/* Footer */
/*****************************/
#wrapper-footer {
	float: left;
	width: 945px;
	font-size: 10px;
	color: #f8981d;
	margin-bottom:30px;
}

#footer-left {
	float: left;
	padding-left: 14px;
	display: inline;	
}

#footer-right {
	float: right;
}

#wrapper-footer a {
	padding: 0 3px;
	color: #f8981d;
	text-decoration: none;
}

#wrapper-footer a:hover {
	padding: 0 3px;
	color: #0847c5;
	text-decoration: underline;
}

#splenda {
	float: left;
	padding-left: 214px;
	margin-top:4px;
	display: inline;	
}


/*form styles */

#tell-a-friend-form {
	float: left;
	width:295px;
	margin-left:50px;
	margin-top:40px;
}
	
#disclaimer {
	float: left;
	font-size: 11px;
	width: 180px;
	margin-top: 82px;
	color: #0082c8;
}