
a { text-decoration: none; }

#sitewrapper {
	width: 950px;
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	margin: 0 auto;
	background: #251105;
	border-bottom: 0px solid #FFFFFF; }


/* Home Styles
----------------------------------------*/
body#home {
	padding: 40px 0; }





		body#home #sitewrapper #main h1 { }
		body#home #sitewrapper #main p {
			color: #916650;
			line-height: 180%;
			width: 310px; }
			body#home #sitewrapper #main p strong {
				color: #Fe8800; }
			body#home #sitewrapper #main p a { }
			body#home #sitewrapper #main p a#btn_for-her {
				display: block;
				height: 72px;
				width: 130px;
				float: left;
				margin: 0 5px 0 0;
				text-indent: -5000px;
				}
			body#home #sitewrapper #main p a#btn_for-him {
				display: block;
				height: 72px;
				width: 130px;
				float: left;
				text-indent: -5000px;}

	body#home #sitewrapper #footer { }
		body#home #sitewrapper #footer p { }
		body#home #sitewrapper #footer p#footer-nav { }
			body#home #sitewrapper #footer p a { }


/* Header Styles
----------------------------------------*/
#header {
	position: relative;
	height: 106px;
	width: 950px;
	border-bottom: 8px solid #FE8800;
	 }

body.pink #header { border-bottom: 8px solid #F2338D; }
body.orange #header { border-bottom: 8px solid #FE8800; }
body.green #header { border-bottom: 8px solid #889519; }

	#header h2#logo , #header h2#logo.beta {
		position: absolute;
		top: 30px;
		left: 42px; }
		#header h2#logo a,  {
			display: block;
			height: 57px;
			width: 134px;
			text-indent: -5000px;
		                                 /* 6. */
	display: list-item;                /* 1. */
	list-style-image: url("/images/logo.gif"); /* 2. */
	list-style-position: inside;       /* 3. */
	letter-spacing: -1000em;           /* 4. */
	font-size: 1pt;                    /* 5. */
	color: #fff;                       /* 5. */
			
			}
		#header h2#logo.beta a, 	#header h2#logo a,  {
			height: 57px;
			width: 134px;
			text-indent: -5000px;
		                                 /* 6. */
	display: list-item;                /* 1. */
	list-style-image: url("/images/logo_beta.gif"); /* 2. */
	list-style-position: inside;       /* 3. */
	letter-spacing: -1000em;           /* 4. */
	font-size: 1pt;                    /* 5. */
	color: #fff;                       /* 5. */
			
			}


	#header ul#navigation-tabs {
	height:0px !important;
	width:0px !important;
	display:none;
	 }


/* Sidebar Styles
----------------------------------------*/
#sidebar {

	width:0px !important;
	display:none !important;
	}
	
/* Buttons
----------------------------------------*/
a.button-right {
	display: block;
	float: right;
	height: 28px;
	width: auto !important;
	width: 220px;
	margin: 0 0 15px 0;
	color: #FFFFFF;
	text-decoration: none; }
a.button-left {
	display: block;
	float: left;
	height: 28px;
	width: auto !important;
	width: 120px;
	margin: 0 0 15px 0;
	color: #FFFFFF; }
	a.button-right b,
	a.button-left b {
		display: block;
		height: 22px;
		font-weight: normal;
		color: #FFFFFF;
		padding: 6px 60px 0 10px; }

a.button-left, a.button-right
{
 display:none;
}

	a.button-right:hover b,
	a.button-left:hover b { color: #FFFFFF; text-decoration: underline; }

/* Main Styles
----------------------------------------*/
#main {
	width: 100%;
	height: auto !important;
	
	color: #DCD3B2;
	 }

	body.orange #main h1,
	body.orange #main h2,
	body.orange #main h3,
	body.orange #main h4 { color: #FE8800; }
	body.pink #main h1,
	body.pink #main h2,
	body.pink #main h3,
	body.pink #main h4 { color: #F2338D; }
	body.green #main h1,
	body.green #main h2,
	body.green #main h3,
	body.green #main h4 { color: #889519; }

	#main fieldset#search {
		display:none;
		height:0px !important;
		 }

	#main fieldset#search.expert {
		display:none;
		height:0px !important; }
	

	#main div.focus {
		background: #FFFFFF;
		float: left;
		width: 670px;
		margin: 0 0 20px 0;
		padding: 20px 25px 20px 35px; }
		#main div.focus img {
			float: right;
			margin: 0 0 0 15px; }
		#main div.focus h1 {
			margin: 0 0 3px 0;
			font-size: 45px;
			font-weight: normal;
			font-family: Arial, Sans-serif; }
		#main div.focus p {
			font-size: 14px;
			color: #916650;
			margin: 10px 0 0 0;
			line-height: 130%; }

	#main div.intro {
		float: left;
		width: 670px;
		margin: 0 0 20px 0;
		padding: 20px 25px 20px 35px; }
		#main div.intro h1 {
			margin: 0 0 3px 0;
			font-size: 35px;
			font-weight: normal;
			font-family: Arial, Sans-serif; }
		#main div.intro p {
			font-size: 13px;
			margin: 15px 0 0 0;
			line-height: 130%; }
	
	#main div.image {
		padding-bottom: 0; }
		#main div.image img {
			float: right;
			display: block;
			margin: 0 0 20px 15px; }
		#main div.image h1,
		#main div.image p {
			margin-right: 215px; }

	#main div.side-content {
		width: 225px;
		margin: 0 5px 20px 20px !important;
		margin: 0 5px 20px 10px;
		padding: 0 0 0 20px;
		float: right;
		border-left: 1px solid #3B2313; }
		#main div.side-content h3 {
			margin: 0 0 5px 0;
			font-size: 13px;
			width: auto; }
		#main div.side-content h4 {
			font-size: 11px;
			width: 200px;
			margin: 0 0 5px 0; }
		#main div.side-content p {
			width: 200px;
			margin-left: 0; }

	#main.col-2-small div.side-content { width: 160px; }
		#main.col-2-small div.side-content h4 { width: 140px; }
		#main.col-2-small div.side-content p { width: 140px; }

		#main div.side-content ul.blt_arrow {
			margin: 0 0 20px 0;
			padding: 0;
			border: none;
			width: auto; }
			#main div.side-content ul.blt_arrow li {
				padding: 4px 0 4px 15px;
				list-style-type: none;
				margin: 0 0 5px 0;
				border: none; }
			
		#main div.side-content ul {
			margin: 0 5px 0 0;
			padding: 0;
			border: none;
			width: auto; }
			#main div.side-content ul li {
				padding: 2px 0;
				list-style-type: none;
				border: none; }
				#main div.side-content ul li a { }

	
	#main.col-2 { }
		#main.col-2 h1 {
			width: 425px; }
		#main.col-2 h2 {
			width: 425px; }
		#main.col-2 h3 {
			width: 425px; }
		#main.col-2 h4 {
			width: 425px; }
		#main.col-2 p {
			width: 425px; }
		#main.col-2 ul {
			width: 425px;
			padding: 0; }
		#main.col-2 ol { }

	#main.diary { }
		#main.diary h1 {
			width: 480px; }
		#main.diary h2 {
			width: 480px; }
		#main.diary h3 {
			width: 480px; }
		#main.diary h4 {
			width: 480px; }
		#main.diary p {
			width: 480px; }
		#main.diary ul {
			width: 480px;
			padding: 0; }
		#main.diary ol { }

	#main .inner {
		margin-left: 35px;
		margin-right: 25px; }

	#main h1 {
		font-weight: normal;
		font-size: 35px;
		margin: 20px 0 15px 0; }
	#main h2 {
		font-weight: normal;
		font-size: 16px;
		margin: 0 0 5px 0; }
	#main h3 {
		font-size: 13px;
		margin: 0 0 5px 0; }
	#main h4 { margin: 0 0 5px 0; }
	#main p {
		margin: 0 0 25px 0;
		line-height: 130%; }
	#main p.top { text-align: right; }
	#main p.left { float: left; }
	#main a { text-decoration: underline; }
	#main a:hover { text-decoration: none; }
		body.orange #main a { color: #FE8800; }
		body.pink #main a { color: #F2338D; }
		body.green #main a { color: #889519; }
	#main ul {
		margin: 0 0 25px 0;
		padding: 0; }
		#main ul li {
			margin: 0 0 3px 0; }

	#main div.inner ul.blt_arrow {
		padding: 0; }
		#main ul.blt_arrow li {
			list-style-type: none;
			padding: 10px 10px 10px 20px;
			border-bottom: 1px solid #553C27; }

	#main ol {
		margin: 0 0 25px 0; }
		#main ol li { }
	
	#main ul.result-listing {
		float: left;
		width: 670px;
		margin: 0;
		padding: 0 0 20px 0; }
		#main ul.result-listing li {
			padding: 0 0 25px 0;
			list-style-type: none; }
			#main ul.result-listing li strong {
				display: block;
				font-size: 14px;
				font-weight: bold; }
				body.orange #main ul.result-listing li strong { color: #FE8800; }
				body.pink #main ul.result-listing li strong { color: #F2338D; }
				body.green #main ul.result-listing li strong { color: #889519; }
			#main ul.result-listing li p {
				margin: 0 0 2px 0; }
			#main ul.result-listing li p a {
				font-size: 10px; }

	#main ul.recipe-listing {
		width: 490px;
		float: left;
		padding: 0 0 20px 0; }
		#main ul.recipe-listing li {
			float: left;
			margin: 20px 0 0 0;
			padding: 0 0 20px 0;
			list-style-type: none;
			border-bottom: 1px solid #674F3E; }
		#main ul.recipe-listing li.new {
			background: transparent url("/images/icon_new.gif") no-repeat 100% 0; }
			#main ul.recipe-listing li img {
				display: block;
				float: left;
				margin: 0 10px 0 0;
				border: 1px solid #C6C4C3; }
			#main ul.recipe-listing li h3 {
				font-size: 12px; }
			#main ul.recipe-listing li p { }
				#main ul.recipe-listing li p a { }

	#main p.page-nav {
		clear: both;
		font-size: 11px;
		text-align: right;
		margin: 0 0 20px 0; }
		#main p.page-nav a {
			color: #DCD3B2;
			text-decoration: none; }
			#main p.page-nav a.current { text-decoration: underline; }
				body.orange #main p.page-nav a.current { color: #FE8800; }
				body.pink #main p.page-nav a.current { color: #F2338D; }
				body.green #main p.page-nav a.current { color: #889519; }
			#main p.page-nav a:hover {
				text-decoration: underline; }

	/* 2 Column Grid
	----------------------------------------*/
	#main div.grid-2 {
		width: 310px;
		float: left;
		padding: 0 10px 40px 0; }
		#main div.grid-2 img {
			float: left;
			margin: 0 10px 0 0; }
		#main div.grid-2 h2 {
			margin: 0 0 10px 0; }
		#main div.grid-2 p {
			font-size: 12px;
			margin: 0 0 10px 130px;
			line-height: 150%; }
		#main div.grid-2 p a {
			font-size: 10px; }

	/* Table - Food and Snacks
	----------------------------------------*/
	#main table#food-data {
		float: left;
		width: 645px;
		padding: 0;
		margin: 0 0 20px 0; }
		#main table#food-data thead { }
			#main table#food-data thead tr { }	
				#main table#food-data thead tr th {
					margin: 0;
					padding: 5px 3px;
					color: #FF9900;
					font-family: Arial, Sans-serif;
					font-weight: normal;
					font-size: 16px;
					border-bottom: 1px solid #634733; }
				body.pink #main table#food-data thead tr th { color: #F2338D; }
				body.orange #main table#food-data thead tr th { color: #FE8800; }
				body.green #main table#food-data thead tr th { color: #889519; }
					#main table#food-data thead tr th.food-title {
						width: 620px;
						text-align: left; }
					#main table#food-data thead tr th.food-select {
						text-align: center; }
					#main table#food-data thead tr th.food-date {
						width: 120px;
						text-align: left; }
					#main table#food-data thead tr th.food-remove {
						text-align: center;
						width: 100px; }
		#main table#food-data tbody { }
			#main table#food-data tbody tr { }
			#main table#food-data tbody tr.selected { }
				body.orange #main table#food-data tbody tr.selected td { color: #FF9900; }
				body.pink #main table#food-data tbody tr.selected td { color: #F2338D; }
				body.green #main table#food-data tbody tr.selected td { color: #889519; }
				#main table#food-data tbody tr td {
					margin: 0;
					font-family: Arial, Sans-serif;
					padding: 7px 3px;
					border-bottom: 1px solid #634733; }
				#main table#food-data tbody tr td.food-title { }
				#main table#food-data tbody tr td.food-select,
				#main table#food-data tbody tr td.food-remove {
					text-align: center; }
					#main table#food-data tbody tr td input { }

	/* Round Block
	----------------------------------------*/
	#main div.round {
		float: left;
		width: 683px;
		padding: 0;
		margin: 0 0 15px 15px !important;
		margin: 0 0 15px 7px; }
	#main div.inner div.round { margin: 0 0 15px 0 !important; }
		#main div.round div.round-top {
			float: left;
			width: 683px;
			background: transparent url("/images/bg_round-top_full.gif") no-repeat 0 0; }
		#main div.round div.round-bottom {
			height: 5px;
			clear: both;
			position: relative;
			top: 0 !important;
			top: -9px;
			background: transparent url("/images/bg_round-bottom_full.gif") no-repeat 0 100%; }

	#main div.round-small {
		float: left;
		width: 500px;
		padding: 0;
		margin: 0 0 15px 15px !important;
		margin: 0 0 15px 7px; }
		#main div.round-small div.round-top {
			float: left;
			width: 500px;
			background: transparent url("/images/bg_round-top_small.gif") no-repeat 0 0; }
		#main div.round-small div.round-bottom {
			height: 5px;
			clear: both;
			position: relative;
			top: 0 !important;
			top: -9px;
			background: transparent url("/images/bg_round-bottom_small.gif") no-repeat 0 100%; }

	#main div.entry { }
		#main div.entry h3 {
			margin: 10px;
			font-weight: normal; }
		#main div.entry p {
			margin: 0 10px 10px 10px; }

	#main div.border {
		padding: 20px 0 0 0; }
		#main div.border div.round-top {
			background: transparent url("/images/bg_round-top_border.gif") no-repeat 0 0; }
		#main div.border div.round-bottom {
			height: 6px;
			top: 0;
			background: transparent url("/images/bg_round-bottom_border.gif") no-repeat 0 0; }
		#main div.border h3 {
			margin-top: 25px; }

	/* Sign Up Products
	----------------------------------------*/
	#main div.product {
		width: 683px;
		padding: 0;
		font-family: Arial, Sans-serif;
		margin: 0 0 15px 0; }
		#main div.product div.round-top {
			padding: 10px 0 0 0; }
		#main div.product p.product-price {
			float: right;
			width: 140px;
			text-align: center;
			color: #DCD3B2;
			font-size: 14px; }
			#main div.product p.product-price strong {
				color: #FF9900;
				font-size: 18px;
				font-weight: bold; }
				#main div.product p.product-price strong b {
					font-weight: normal;
					font-size: 16px; }
		#main div.product input {
			float: left;
			margin: 0 10px 10px 10px;
			position: relative;
			top: 4px; }
		#main div.product h3 {
			font-size: 18px; }
		#main div.product p {
			margin: 0 0 7px 35px;
			width: 300px; }
			#main div.product p a { }
		#main div.product img {
			display: block;
			margin: 30px 0 0 0 !important;
			margin: 30px 0 0 10px; }
		#main h2.other-offers {
			clear: both;
			font-size: 25px;
			font-family: Arial, Sans-serif;
			font-weight: normal;
			padding: 20px 0 15px 0; }

	/* Advanced Search
	----------------------------------------*/
	#main div.advanced-search { }
		#main div.advanced-search h3 {
			margin: 10px 0 10px 15px;
			font-weight: normal; }
		#main div.advanced-search fieldset {
			border: none;
			float: left;
			width: 270px;
			padding: 5px 10px 5px 30px; }
		#main div.advanced-search fieldset.form-left { }
		#main div.advanced-search fieldset.form-right { }
			#main div.advanced-search fieldset label {
				display: block;
				color: #FF9900;
				padding: 10px 0 7px 0; }
				#main div.advanced-search fieldset label input {
					display: block;
					margin: 5px 0 0 0;
					width: 190px; }
				#main div.advanced-search fieldset label select {
					display: block;
					margin: 5px 0 0 0;
					width: 190px; }
		#main div.advanced-search ul {
			margin: 0 0 0 15px; }
			#main div.advanced-search ul li {
				float: left;
				list-style-type: none;
				width: 165px;
				padding: 0;
				margin: 5px 0; }
				#main div.advanced-search ul li label {
					padding: 0; }
					#main div.advanced-search ul li label input {
						padding: 0; }

	/* Account Details
	----------------------------------------*/
	#main div.account-details { }
		#main div.account-details fieldset {
			border: none;
			padding: 10px 15px 5px 15px;
			margin: 0; }
			#main div.account-details fieldset h3 {
				margin: 0 0 5px 0;
				font-size: 14px;
				font-weight: normal;
				padding: 0; }
			#main div.account-details fieldset p {
				margin: 0;
				padding: 0 0 30px 0; }
			#main div.account-details p.action {
				margin-bottom: 10px;
				width: 585px;
				padding: 10px 0 0 0;
				clear: both; }
				#main div.account-details p.action a {
					margin: 0; }
					#main div.account-details p.action a b { }

			#main div.account-details fieldset p.field {
				clear: both;
				padding: 0 0 10px 0; }
				#main div.account-details fieldset p.field label {
					display: block;
					padding: 0 0 3px 0; }
				#main div.account-details fieldset p.field input {
					display: block; }

			#main div.account-details fieldset p#field_username,
			#main div.account-details fieldset p#field_new-username,
			#main div.account-details fieldset p#field_confirm-username {
				float: left;
				width: 500px; }
				#main div.account-details fieldset p#field_username label,
				#main div.account-details fieldset p#field_new-username label,
				#main div.account-details fieldset p#field_confirm-username label {
					width: 160px;
					padding: 0;
					display: block;
					float: left; }
				#main div.account-details fieldset p#field_username input,
				#main div.account-details fieldset p#field_new-username input,
				#main div.account-details fieldset p#field_confirm-username input {
					width: 190px;
					float: left; }

			#main div.account-details fieldset p#field_current-password,
			#main div.account-details fieldset p#field_new-password,
			#main div.account-details fieldset p#field_confirm-password {
				float: left;
				width: 500px; }
				#main div.account-details fieldset p#field_current-password label,
				#main div.account-details fieldset p#field_new-password label,
				#main div.account-details fieldset p#field_confirm-password label {
					width: 160px;
					padding: 0;
					display: block;
					float: left; }
				#main div.account-details fieldset p#field_current-password input,
				#main div.account-details fieldset p#field_new-password input,
				#main div.account-details fieldset p#field_confirm-password input {
					float: left;
					width: 190px; }

			#main div.account-details fieldset p#field_title {
				margin: 20px 0 0 0; }
				#main div.account-details fieldset p#field_title select {
					width: 100px; }
			#main div.account-details fieldset p#field_first-name {
				width: 300px;
				float: left; }
			#main div.account-details fieldset p#field_surname {
				width: 300px;
				clear: none;
				float: left; }
			#main div.account-details fieldset p#field_job-title {
				clear: both; }
				#main div.account-details fieldset p#field_first-name input,
				#main div.account-details fieldset p#field_surname input,
				#main div.account-details fieldset p#field_job-title input {
					width: 190px; }

			#main div.account-details fieldset p#field_address-1 {
				width: 300px;
				float: left; }
			#main div.account-details fieldset p#field_address-2 {
				width: 300px;
				clear: none;
				float: left; }
			#main div.account-details fieldset p#field_town-city {
				width: 300px;
				float: left; }
			#main div.account-details fieldset p#field_postcode {
				width: 300px;
				clear: none;
				float: left; }
			#main div.account-details fieldset p#field_country { }

			#main div.account-details fieldset p#field_telephone {
				width: 300px;
				float: left; }
			#main div.account-details fieldset p#field_email {
				width: 300px;
				clear: none;
				float: left; }

				#main div.account-details fieldset p#field_address-1 input,
				#main div.account-details fieldset p#field_address-2 input,
				#main div.account-details fieldset p#field_town-city input,
				#main div.account-details fieldset p#field_postcode input,
				#main div.account-details fieldset p#field_country select,
				#main div.account-details fieldset p#field_telephone input,
				#main div.account-details fieldset p#field_email input {
					width: 270px; }

			#main div.account-details fieldset p#field_opt-in { }
				#main div.account-details fieldset p#field_opt-in input {
					display: inline; }

			#main div.account-details fieldset p#field_delivery-address-1 {
				margin: 20px 0 0 0; }
			#main div.account-details fieldset p#field_delivery-address-1,
			#main div.account-details fieldset p#field_delivery-address-2,
			#main div.account-details fieldset p#field_delivery-town-city,
			#main div.account-details fieldset p#field_delivery-postcode,
			#main div.account-details fieldset p#field_delivery-country {
				float: left;
				width: 500px; }
				#main div.account-details fieldset p#field_delivery-address-1 label,
				#main div.account-details fieldset p#field_delivery-address-2 label,
				#main div.account-details fieldset p#field_delivery-town-city label,
				#main div.account-details fieldset p#field_delivery-postcode label,
				#main div.account-details fieldset p#field_delivery-country label {
					width: 160px;
					display: block;
					float: left; }
				#main div.account-details fieldset p#field_delivery-address-1 input,
				#main div.account-details fieldset p#field_delivery-address-2 input,
				#main div.account-details fieldset p#field_delivery-town-city input,
				#main div.account-details fieldset p#field_delivery-country select {
					float: left;
					width: 270px; }
				#main div.account-details fieldset p#field_delivery-postcode input {
					float: left;
					width: 185px; }

	/* My Progress
	----------------------------------------*/
	#main div.my-progress { }
		#main div.my-progress h3 {
			margin: 0;
			padding: 10px; }
		#main div.my-progress fieldset {
			border: 0;
			padding: 0 10px; }
		#main div.my-progress fieldset.left {
			width: 330px;
			float: left; }
		#main div.my-progress fieldset.right {
			float: left; }

		#main div.my-progress fieldset p {
			clear: left;
			padding: 0;
			margin: 0 0 5px 0; }
			#main div.my-progress fieldset p label {
				display: block;
				float: left; }
			#main div.my-progress fieldset.left p label { width: 90px; }
			#main div.my-progress fieldset.right p label { width: 60px; }
			#main div.my-progress fieldset p input,
			#main div.my-progress fieldset p select {
				width: 75px;
				margin: 0 2px; }
		
		#main div.my-progress fieldset p.date {
			padding: 0 0 20px 0; }
			#main div.my-progress fieldset p.date label {
				display: inline;
				float: none; }
			#main div.my-progress fieldset p.date select {
				display: inline;
				width: auto;
				margin: 0 10px 0 0; }

	/* My Progress Charts/Graphs
	----------------------------------------*/
	#main #progress-chart {
		clear: both;
		position: relative;
		margin: 0 0 50px 35px;
		padding: 0 0 30px 0; }
		#main #progress-chart table {
			background: #2D1B0F;
			width: 400px; }
			#main #progress-chart table thead { }
				#main #progress-chart table thead tr { }
					#main #progress-chart table thead tr th {
						border-bottom: 1px solid #47372C;
						text-align: left;
						font-weight: normal;
						font-size: 14px;
						padding: 4px 7px; }

					body.pink #main #progress-chart table thead tr th { color: #F2338D; }
					body.orange #main #progress-chart table thead tr th { color: #FE8800; }
					body.green #main #progress-chart table thead tr th { color: #889519; }

					#main #progress-chart table thead tr th.measurement { }
					#main #progress-chart table thead tr th.actual {
						border-left: 1px solid #47372C; }
					#main #progress-chart table thead tr th.target {
						border-left: 1px solid #47372C; }
			#main #progress-chart table tbody { }
				#main #progress-chart table tbody tr { }
					#main #progress-chart table tbody tr td {
						padding: 4px 7px;
						border-bottom: 1px solid #47372C; }
					#main #progress-chart table tbody tr td.measurement { }
					#main #progress-chart table tbody tr td.actual {
						border-left: 1px solid #47372C; }
					#main #progress-chart table tbody tr td.target {
						border-left: 1px solid #47372C; }
				#main #progress-chart table tbody tr.last { }
					#main #progress-chart table tbody tr.last td {
						border-bottom: 0; }

		#main #progress-chart #legend {
			width: 126px;
			height: 103px;
			position: absolute;
			top: 0;
			right: 135px;
			padding: 7px 0 0 15px;
			background: transparent url("/images/bg_legend-box.gif") no-repeat 0 0; }
			#main #progress-chart #legend h3 {
				margin: 0;
				font-size: 14px;
				font-weight: normal; }
			#main #progress-chart #legend dl {
				height: 56px;
				width: 98px;
				text-indent: -5000px;
				background: transparent url("/images/bg_legend.gif") no-repeat 0 0; }

		#main #progress-chart a#btn_update-target {
			position: absolute;
			top: 120px;
			left: 420px;
			width: auto !important;
			width: 240px; }
			#main #progress-chart a#btn_update-target b {
				padding-right: 60px !important;
				padding-right: 25px; }
		#main #progress-chart a#btn_update-actual {
			position: absolute;
			top: 160px;
			left: 420px;
			width: auto !important;
			width: 240px; }
			#main #progress-chart a#btn_update-actual b {
				padding-right: 60px !important;
				padding-right: 25px; }


		#main #progress-chart p {
			margin: 0;
			position: absolute;
			bottom: 0;
			left: 0; }

	#main div.progress-graph {
		margin: 0 0 20px 25px;
		padding: 0;
		width: 689px; }
		#main div.progress-graph h3 {
			font-size: 14px;
			float: left;
			margin: 0; }
		#main div.progress-graph ul.tabs {
			float: right;
			margin: 0;
			padding: 0; }
			#main div.progress-graph ul.tabs li {
				float: left;
				list-style-type: none;
				margin: 0 0 0 1px;
				text-align: center; }
				#main div.progress-graph ul.tabs li a {
					display: block;
					float: left;
					font-size: 14px;
					text-decoration: none;
					background: transparent url("/images/bg_tab-off.gif");
					color: #DCD3B2;
					width: 96px;
					height: 25px;
					padding: 5px 0 0 0; }
				#main div.progress-graph ul.tabs li a:hover { text-decoration: underline; }
			#main div.progress-graph ul.tabs li.current { }
				#main div.progress-graph ul.tabs li.current a {
					color: #FFFFFF; }
				body.pink #main div.progress-graph ul.tabs li.current a { background: transparent url("/images/bg_tab-on-pink.gif"); }
				body.green #main div.progress-graph ul.tabs li.current a { background: transparent url("/images/bg_tab-on-green.gif"); }
		#main div.progress-graph ul.date {
			clear: both;
			margin: 0;
			padding: 6px 7px; }
		body.pink #main div.progress-graph ul.date { background: transparent url("/images/bg_round-pink-tl.gif") no-repeat 0 0; }
		body.green #main div.progress-graph ul.date { background: transparent url("/images/bg_round-green-tl.gif") no-repeat 0 0; }

			#main div.progress-graph ul.date li {
				display: inline;
				margin: 0 15px;
				list-style-type: none; }
				#main div.progress-graph ul.date li a {
					color: #FFFFFF; }
			#main div.progress-graph ul.date li.current { }
				#main div.progress-graph ul.date li.current a { }
		#main div.progress-graph div.graph {
			width: 689px;
			text-align: center;
			padding: 0 0 4px 0; }
		body.pink #main div.progress-graph div.graph { background: transparent url("/images/bg_graph-pink.gif") no-repeat 0 100%; }
		body.green #main div.progress-graph div.graph { background: transparent url("/images/bg_graph-green.gif") no-repeat 0 100%; }
			#main div.progress-graph div.graph img { display: block; width: auto; margin: 0 auto; }

	p.back-to-top {
		clear: both;
		text-align: right;
		padding: 0 0 25px 0; }
		p.back-to-top a { }

	/* Recipe Main
	----------------------------------------*/
	#main #recipe-header {
		float: left;
		padding: 30px 20px 0 35px; }
		#main #recipe-header img {
			float: left;
			margin: 0 20px 0 0;
			border: 1px solid #C7C6C5; }
		#main #recipe-header h1 {
			margin: 0 0 10px 0;
			font-size: 25px; }
		#main #recipe-header p { }
		#main #recipe-header p.actions {
			width: 207px;
			float: right;
			text-align: center; }
			#main #recipe-header p.actions a { }
			#main #recipe-header p.actions a#btn_save-recipe {
				display: block;
				height: 28px;
				width: 207px;
				margin: 5px 0 0 0;
				text-indent: -5000px;
				background: transparent url("/images/btn_save-recipe.gif") no-repeat 0 0; }
		#main #recipe-header p.recipe-meta {
			margin: 0 0 0 140px; }
			#main #recipe-header p.recipe-meta strong {
				font-weight: normal;
				color: #FF9900; }
	#main ol.instructions {
		padding: 0;
		margin: 0 0 20px 20px; }
		#main ol.instructions li {
			margin: 0 0 15px 0;
			list-style-type: decimal; }


	#main p.action {
		width: 633px;
		padding: 10px 0 0 0;
		clear: both;
		float: left; }

/* Weekly Planner
----------------------------------------*/
#sitewrapper.weekly-planner {
	background: #341B0D; }
	#sitewrapper.weekly-planner .col-1 {
		float: left;
		width: 461px;
		color: #DCD3B2;
		padding: 0 0 10px 0;
		margin: 0 0 10px 8px; }
	#sitewrapper.weekly-planner .col-2 {
		float: right;
		width: 461px;
		color: #DCD3B2;
		padding: 0 0 10px 0;
		margin: 0 12px 10px 0 !important;
		margin: 0 2px 10px 0; }

		#sitewrapper.weekly-planner .col-1 h3,
		#sitewrapper.weekly-planner .col-2 h3 {
			color: #2D1B0F;
			padding: 5px 0 3px 20px; }



		#sitewrapper.weekly-planner .col-1 ul,
		#sitewrapper.weekly-planner .col-2 ul {
			margin: 10px 0 0 0;
			padding: 0 10px 0 20px;
			float: left;}
			#sitewrapper.weekly-planner .col-1 ul li,
			#sitewrapper.weekly-planner .col-2 ul li {
				float: left;
				width: 210px;
				list-style-type: none;
				font-size: 11px;
				margin: 0 0 5px 0; }

				#sitewrapper.weekly-planner .col-1 ul li a,
				#sitewrapper.weekly-planner .col-2 ul li a {
					color: #DCD3B2;
					font-weight: normal;
					text-decoration: underline; }
				#sitewrapper.weekly-planner .col-1 ul li a:hover,
				#sitewrapper.weekly-planner .col-2 ul li a:hover {
					text-decoration: none; }

	#sitewrapper.weekly-planner #main {
		width: 931px;
		float: left;
		height: auto;
		min-height: 0;
		margin: 20px 0 10px 8px;
		background: #22150D; }
	#sitewrapper.weekly-planner #main div.inner {
		padding: 0 20px;
		margin: 0; }
	#sitewrapper.weekly-planner #main a.button {
		float: right;
		position: relative;
		top: 15px;
		right: 10px; }
	#sitewrapper.weekly-planner #main a.print {
		float: right;
		margin: 0 10px 0 0; }
	#sitewrapper.weekly-planner #main p,
	#sitewrapper.weekly-planner #main h1,
	#sitewrapper.weekly-planner #main h2,
	#sitewrapper.weekly-planner #main h3 {
		margin-left: 0; }
	#sitewrapper.weekly-planner #main table {
		width: 870px;
		margin: 0 0 20px 10px;
		border-top: 1px solid #483D37;
		border-left: 1px solid #483D37; }
		#sitewrapper.weekly-planner #main table thead { }
			#sitewrapper.weekly-planner #main table thead tr { }
				#sitewrapper.weekly-planner #main table thead tr th {
					font-weight: normal;
					padding: 7px 0;
					border-right: 1px solid #483D37;
					border-bottom: 1px solid #483D37; }
				#sitewrapper.weekly-planner #main table thead tr th.meal {
					width: 80px; }
				#sitewrapper.weekly-planner #main table thead tr th.day {
					width: 116px; }
		#sitewrapper.weekly-planner #main table tbody { }
			#sitewrapper.weekly-planner #main table tbody tr { }
				#sitewrapper.weekly-planner #main table tbody tr td {
					padding: 10px 5px;
					border-right: 1px solid #483D37;
					border-bottom: 1px solid #483D37; }
				#sitewrapper.weekly-planner #main table tbody tr td.meal {
					text-align: center; }
	#sitewrapper.weekly-planner #main ul#tabs {
		height: 44px;
		width: 931px;
		margin: 0;
		padding: 0;
		background: #341B0D; 
		border: 0px solid #FFFFFF;
		display:none;
		}
	body.pink #sitewrapper.weekly-planner #main ul#tabs { border-bottom: 6px solid #F2338D; }
	body.green #sitewrapper.weekly-planner #main ul#tabs { border-bottom: 6px solid #889519; }
		#sitewrapper.weekly-planner #main ul#tabs li {
			float: left;
			height: 44px;
			padding: 0;
			list-style-type: none;
			margin-right: 2px; }
			#sitewrapper.weekly-planner #main ul#tabs li a {
				display: block;
				height: 44px;
				width: 231px;
				padding: 0;
				margin: 0;
				text-indent: -5000px;
				float: left;
}

		#sitewrapper.weekly-planner #main ul#tabs li#tab_how-to-use { margin-right: 3px; }
		#sitewrapper.weekly-planner #main ul#tabs li#tab_my-planner { }
		#sitewrapper.weekly-planner #main ul#tabs li#tab_saved-plans { }
		#sitewrapper.weekly-planner #main ul#tabs li#tab_shopping-lists { margin-right: 0; }

	

/* Footer Styles
----------------------------------------*/
#footer {
	clear: both;
	height: 14px;
	background: #3C2507;
	padding: 7px 10px;
	color: #817B65;
	font-size: 11px;
	font-family: Arial, Sans-serif;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF; }
	#footer a {
		color: #817B65; }
	#footer p#footer-nav { float: right; }
	
	
			body#home #sitewrapper #header ul#global-nav ,body#home #sitewrapper #header ul#global-nav li, body#home #sitewrapper #header ul#global-nav li a
		{
			display:none;
		}
			

		body#home #sitewrapper #header ul#navigation-tabs , ul#navigation-tabs 
		{
		display:none;
		}



	body#home #sitewrapper #main {
		width: 630px;
		padding: 0;
 }
 
 
 div#recipe-header p.actions
 {
 display:none;
 }
 
 p#footer-nav, ul#global-nav
 {
 display:none;
 }

#shopping-list div.list-col {
	width: 40%;
	float: left;
	margin-left: 30px;
}
