* {
	margin: 0;
	padding: 0;
	}

body {
	font: 62.5% arial, helvetica, sans-serif;
	color: black;
	background: #e4e6e6;
	padding-bottom: 5em;
	}

a, a:link, a:visited {
	color: #369;
	}

a:hover, a:active {
	color: #777;
	}

#masthead a, #masthead a:link, #masthead a:visited {
	color: #999;
	}

#masthead a:hover, #masthead a:active {
	color: #369;
	text-decoration: underline;
	}

	#masthead.bloghead ul a {
		color: white;
		}

	#masthead.bloghead ul a:hover {
		color: #eee;
		}

#wrapper {
	margin: 0 auto;
	width: 800px;
	}

#wrapper {
	background: #fff url(/img/wrapper-tile.gif) repeat-y top center;
	}

#masthead {
	position: relative;
	height: 180px;
	background: url(/img/masthead-bg3.gif) no-repeat top center;
	}

	#masthead.upsell {
		height: 57px;
		background: url(/img/upsell-masthead.gif) no-repeat top center;
		}

#content {
	padding: 30px 55px 30px 55px;
	}

	#content.blogbody {
		padding: 30px 70px 30px 70px;
		}
		
	#content.mpower {
		padding: 30px 60px;
		}

#footer {
	padding: 2em 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0 15px;
	}

/* page elements */

#masthead ul {
	font-size: 1em;
	font-weight: bold;
	list-style: none;
	position: absolute;
	top: 65px;
	left: 35px;
	}

	#masthead.bloghead ul {
		position: absolute;
		top: 134px;
		left: 500px;
		color: white;
		}

	#masthead ul li {
		list-style: none;
		margin: .4em 0 0;
		}

#masthead p {
	font: 1.1em/130% "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding-top: 133px;
	color: #fff;
	}

	#masthead p cite {
		font-style: normal;
		font-size: 1em;
		display: block;
		}

	#masthead.bloghead p {
		margin: 0;
		padding: 96px 0 0 500px;
		font-size: .9em;
		font-weight: bold;
		text-align: left;
		}

	#masthead.upsell h1 {
		text-align: left;
		font-size: 1.8em;
		color: white;
		padding: 1em 0 0 220px;
		font-style: italic;
		}

	#masthead.bloghead h1 {
		position: absolute;
		top: 140px;
		left: 40px;
		text-align: left;
		color: white;
		font: normal 1.2em/1.2em verdana, helvetica, sans-serif;
		margin: 0;
		}

h1, h2, h3 {
	text-align: center;
	}

h1 {
	font: bold 2.7em/120% Tahoma, Arial, sans-serif;
	color: #369;
	}

	.memberarea h1, .terms h1 {
		font: bold 2em/120% Trebuchet MS, sans-serif;
		}

	.upsell h1 {
		text-align: left;
		font: bold 2.2em/120% Tahoma, Arial, sans-serif;
		color: #bc080e;
		}

	.optin h1.black {
		font-size: 2.7em;
		color: black;
		}

h2, h3 {
	line-height: 120%;
	margin: 1.5em 0;
	}

h2 {
	font-size: 2.0em;
	}

	.upsell h2 {
		text-align: left;
		color: #333;
		font: normal 2.1em/120% Tahoma, Arial, sans-serif;
		margin: 1em 0;
		}

	.terms h2 {
		text-align: left;
		color: black;
		font: bold 1.2em Verdana, Helvetica, sans-serif;
		margin: 1em 0 0;
		}

h3 {
	font-size: 1.6em;
	color: #369;
	}

p, #content ul, #content ol {
	margin: 0 0;
	}

	#content p cite {
		font-weight: bold;
		}

blockquote {
	margin: 1.5em;
	border: 1px solid #999;
	padding: 0 1em;
	}

	blockquote p {
		margin: .5em 0;
		font: 1.3em/130% "Andale Mono", "Lucida Console", sans-serif;
		text-align: left;
		color: #444;
		}

p {
	font-size: 1.3em;
	line-height: 140%;
	text-align: justify;
	}

	.terms p {
		font: 1.1em/140% Verdana, Helvetica, sans-serif;
		text-align: left;
		color: #333;
		}

#content ul, #content ol {
	font-size: 1.3em;
	line-height: 150%;
	margin-left: 3em;
	}

#content ul {
	list-style: none;
	}

#content ul li {
	font-size: 1.1em;
	list-style-image: url(/img/check.gif);
	padding-left: .2em;
	}

#content ul.padded li {
	margin: .5em 0;
	}

	.terms ol li {
		text-align: left;
		font: .9em/140% Verdana, Helvetica, sans-serif;
		color: #333;
		}
		
	#content.blogbody td ul ul li, #content.blogbody td ol ul li, #content.blogbody td ul ol li {
		font-size: 13px;
		list-style-type: disc;
		}
		
	#content.blogbody td ul li {
		list-style-image: none;
		}
		
	#content.blogbody #jan_notes ul li {
		font-size: .9em;
		list-style-image: none;
		list-style-type: disc;
		}

ul#bottom-nav {
	font-size: 1.1em;
	text-align: center;
	list-style: none;
	}

	ul#bottom-nav li {
		display: inline;
		padding: 0 1.5em;
		list-style: none;
		}

/* font-sizing variants */

.opener {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 1em 0;
	}

.large {
	font-size: 1.4em;
	text-align: left;
	}

.small {
	font-size: 1.1em;
	}

.smallprint {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #aaa;
	}

.strong {
	font-weight: bold;
	}
	
.price {
	font-size: 1.6em;
	font-weight: bold;
	}
	
.price del {
	color: #999;
	}
	
.price u {
	color: #c30;
	background: yellow;
	}
	
.price b {
	font-size: 12px;
	}
	

/* floats for containers or images */

.left {
	float: left;
	margin-right: 1em;
	}

.right {
	float: right;
	margin-left: 1em;
	}

img.left, img.right {
	margin-top: .3em;
	}

img.center {
	margin: 1em auto;
	display: block;
	}

p.center {
	text-align: center;
	}

/* special stuff like image borders and text colors */

a img {
	border: none;
	}

.hilite {
	background-color: yellow;
	padding: 1px;
	}

.blue {
	color: #369;
	}

.gold {
	color: #c90;
	}

.green {
	color: #393;
	}

.black {
	color: black;
	}

.glyph {
	padding-top: 4px;
	margin: 1.5em 0 1em 0;
	background: url(/img/blog/dbl-line.png) repeat-x;
	margin-left: 7px;
	}

	.terms .glyph {
		padding: 0;
		background-image: none;
		margin: 0;
		border-top: 1px solid #bbb;
		}

.pullquote {
	padding: .5em 1em;
	border: 1px solid #f63;
	}

	.pullquote p {
		text-align: left;
		font-size: 1.3em;
		margin: 0;
		}

/* boxes and variants */


	/* this is for the Dynamic Drive JS elements
		and can be removed if we swap in a smaller script
		------------------------------------------------- */
.handcursor span.status img {
	float: left;
	margin-right: .5em;
	margin-top: -.1em;
	}
	/* --------------------------------------
	ok, that's it for the Dynamic Drive stuff */


.border {
	padding: 0 1em .5em 1em;
	margin: 1em 0;
	border: 1px solid #999;
	}

.border h2, .border h3 {
	margin: .5em 0;
	}

	.border h2 {
		font-size: 1.5em;
		}

.border p {
	margin: .5em 0;
	}

.border p em {
	color: #369;
	font-weight: bold;
	line-height: 1.2em;
	}

	.upsell .red {
		border: 1px solid #900;
		}

	.upsell .border p {
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		}

.upsellcopy {
	position: relative;
	margin: 1em 0;
	background: url(/img/upsell-mpfit-boxarrow.png) no-repeat top right;
	}

	.upsellcopy p {
		padding-right: 300px;
		text-align: left;
		font-size: 1.2em;
		line-height: 1.3em;
		font-weight: bold;
		}

	.upsellcopy ul {
		position: absolute;
		top: 50px;
		right: 3px;
		}

	.upsellcopy li {
		list-style: none;
		margin: 0 0 5px 0;
		}

.optin div.offer {
	background: url(/img/optin-bg.png) no-repeat top left;
	padding: 15px 0 5px 155px;
	margin: 1.5em 0;
	}

	.optin div.offer p {
		font-size: 1.9em;
		line-height: 1.7em;
		color: black;
		font-weight: bold;
		margin: 0;
		}

	.optin div.offer p span {
		margin-right: 1.1em;
		font-size: 1.1em;
		}

	.optin div.offer p em {
		color: #c30;
		}

	.optin h2 {
		margin: 0;
		font-size: 2em;
		}

	.optin form fieldset {
		border: 1px solid black;
		padding: .5em .5em 0 .5em;
		margin: 1.5em 7em;
		}

	.optin form div {
		padding-left: 6em;
		}

	.optin #fname, .optin #email {
		border: 1px solid #999;
		background: url(/img/input_shadow.png) repeat-x top left;
		}

.shadow {
	margin: 1.5em 0;
	padding-bottom: 28px;
	background: url(/img/shadow.jpg) no-repeat right bottom;
	}

	.bonus {
		border: 2px solid #369;
		padding-bottom: 1em;
		}

	.look {
		display: block;
		text-align: center;
		font: bold 2em Arial, Helvetica, sans-serif;
		padding: .3em;
		color: white;
		background: #369;
		}
		
			.look2 {
		display: block;
		text-align: center;
		font: bold 2em Arial, Helvetica, sans-serif;
		padding: .3em;
		color: #369;
		background: #fff;
		}

		.look span {
			color: #fc0;
			}
			
			.look a:link, .look a:visited
			{
				color: #FFF;
				text-decoration: none;
			}

		.book {
			width: 200px;
			margin: .5em 0 0 .5em;
			text-align: center;
			font-size: 1.2em;
			font-weight: bold;
			}

		.book span {
			color: #c00;
			}

	.bonus h1 {
		text-align: left;
		color: #c00;
		font-weight: bold;
		font-size: 2.2em;
		line-height: 110%;
		margin: .5em 0 0;
		}

	.bonus h2 {
		text-align: left;
		font: bold 1.6em/130% Arial, Helvetica, sans-serif;
		margin: 0 .5em 0 0;
		}

	.bonus h2 cite {
		font-size: .9em;
		color: #555;
		}

	.bonus p {
		text-align: left;
		font: 1.2em/130% arial, helvetica, sans-serif;
		margin: .5em .5em 0 0;
		}

	.bonus h1, .bonus h2, .bonus p {
		padding-left: 215px;
		}

	p.link {
		font-size: 1.3em;
		font-weight: bold;
		}

	div.spacer {
		clear: left;
		}

/* blog (weekly audios) */

#motivation {
	background: url(/img/blog/jon.jpg) no-repeat top left;
	padding-bottom: 2.3em;
	}

	.blogbody h1 {
		color: black;
		text-align: left;
		font-size: 1.5em;
		}

	.blogbody #motivation h1 {
		margin: .5em 0;
		}

#recipes-head {
	background: url(/img/blog/jan.jpg) no-repeat top left;
	padding-top: 1.5em;
	}

	#recipes-head .spacer {
		padding-bottom: 2em;
		}

	.blogbody h2 {
		text-align: left;
		font: normal 1.3em/1.2em verdana, helvetica, sans-serif;
		margin: 0;
		}

		.blogbody h2 em {
			font-weight: bold;
			}

#motivation h1, #motivation h2, #motivation p, #recipes-head h2, #recipes-head p {
	padding-left: 140px;
	}

	#motivation .audio p {
		padding-left: 0;
		}

	.audio {
		padding: .4em;
		border: 1px solid #393;
		margin-left: 140px;
		margin-top: .5em;
		position: relative;
		}

	.audio iframe {
		position: absolute;
		top: 1em;
		right: 4em;
		}

	#motivation p, #recipes-head p {
		text-align: left;
		font: 1.2em/1.4em verdana, helvetica, sans-serif;
		color: #666;
		}

		#motivation p {
			margin: 0;
			}

			#motivation .audio p {
				font: .9em/1.3em Tahoma, Helvetica, sans-serif;
				margin: 0;
				text-align: left;
				color: black;
			}

#recipes h3, #recipes h4 {
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	}

div.note p {
	font-style: italic;
	padding-right: 120px;
	}

.breakfast {
	background: url(/img/blog/breakfast-bg.png) no-repeat top center;
	}

.lunch {
	background: url(/img/blog/lunch-bg.png) no-repeat top center;
	}

.dinner {
	background: url(/img/blog/dinner-bg.png) no-repeat top center;
	}

.breakfast, .lunch, .dinner {
	margin: 2em 0;
	padding: 1.3em 2.2em;
	}

#recipes th:after { /* puts a colon at the end of the TH, but not in IE naturally... */
	content:'\003A';
	}

#recipes th, #recipes td {
	font: 1.2em arial, helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	}

#recipes th {
	width: 32%;
	padding: .2em .1em;
	font-weight: bold;
	}

#recipes td {
	color: #444;
	padding: .2em 0;
	}

#recipes td p, #recipes td ol {
	font-size: 1em;
	margin: .5em 0;
	}

#recipes td li {
	margin-left: 2em;
	}

.print a {
	display: block;
	width: 170px;
	height: 16px;
	background: url(/img/blog/printer.png) no-repeat;
	font-weight: bold;
	float: left;
	margin-left: 7px; /* to match the left margin on the glyph divider */
	padding-left: 21px;
	}

#jan_notes, #success_story {
	margin: 3em 0;
	}

#jan_notes h1 {
	margin: 0 0 .5em 0;
	}

	#success_story h1 {
		color: #369;
		margin: 0 0 1em 0;
		border-bottom: 1px solid #999;
		}

#jan_notes h1 + p {
	margin-top: .5em;
	}

div.caption {
	float: left;
	width: 100px;
	}

#success_story h2, #success_story p {
	padding-left: 110px;
	}

#success_story h2 {
	font-weight: bold;
	margin-bottom: 0;
	}

#success_story p {
	margin-top: .5em;
	}

#success_story div.caption p {
	font-size: .9em;
	font-weight: bold;
	margin: .2em 0 0;
	text-align: center;
	padding: 0;
	}
	
#last6 label {
	font-size: 1.2em;
	}
	
#select {
	width: 150px;
	}

/* member area */

#content.memberarea p {
	text-align: left;
	}

.pdfbonuses img {
	margin: 0 1em 1em 0;
	}

.pdfbonuses, .tips p {
	padding-left: 157px;
	}

.tips {
	padding: .3em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.tips img {
	float: left;
	margin: .3em 0 0 1em;
	}

#content.memberarea .tips p, #content.memberarea .otherbonuses p {
	margin: 0;
	}

.otherbonuses img {
	float: left;
	margin: .3em 0 0 1em;
	}

.otherbonuses p {
	padding-left: 70px;
	}

.otherbonuses {
	clear: left;
	padding: 1.5em 0 1.5em 1em;
	}

/* form */

#fname, #UserEmail, #UserPassword, #search, #password {
	padding: 2px;
	font-size: 1.3em;
	width: 190px;
	}

#go, #submit {
	font-size: 1.2em;
	}

label {
	font-size: 1.2em;
	color: #369;
	display: block;
	}

fieldset {
	border: 0;
	}

	.memberarea fieldset { /* for the two forms in the member area */
		padding-left: 135px;
		padding-top: 3em;
		}

	.button a {
		display: block;
		margin: 2em 0;
		}

fieldset div {
	margin: .3em;
	}

	/* oops, overrides for MT Search */

	#recipe-search label {
		display: inline;
		font-weight: bold;
		}

	#recipe-search {
		padding-left: 240px;
		padding-bottom: 5px;
		}

	.search-results-header {
		text-align: left;
		margin: 1.5em 0 0;
		font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: black;
		}

/* messages */
.messages {
	margin: 1em 0;
	font-size: 1.1em;
}
.messages div {
	font-weight: bold;
	padding: 2px;
}
.messages .info {
	background-color: lightgreen;
	border: 2px solid green;
}
.messages .warning {
	background-color: lightyellow;
	border: 2px solid yellow;
}
.messages .error {
	background-color: pink;
	border: 2px solid red;
}

/* Thank you slider for survey opt-in */
#message_thanks {
 position: absolute;
 top: 200px;
 left: 18%;
 background-color: white;
 border: 2px solid green;
 width: 200px;
 font-size: 1.4em;
 font-weight: bold;
 padding: 1em;
 }
 
/* mpower page */
/*#checkout-body {
	padding: 15px 30px 0 30px;
	}*/
	
#checkout-body h1 {
	margin: 0 0 20px 0;
	}
	
#shopping-cart {
	border: 2px solid #ddd;
	background: url(/img/mpower/checkout-cart-tile.png) repeat-x 0 0;
	padding: 0 15px 15px 15px;
	}
	
	#shopping-cart h2 {
		margin: 0;
		text-align: left;
		}
		
	#shopping-cart h2 img {
		padding-top: 5px;
		}
		
	/*#shopping-cart a {
		border: none;
		}*/
		
	#shopping-cart table {
		margin: 1em 0;
		}
		
	#shopping-cart td.cover {
		width: 130px;
		}
		
	#shopping-cart td.cover img {
		display: block;
		margin: 0 auto;
		}
		
	#shopping-cart td {
		vertical-align: top;
		}
		
	#shopping-cart td.desc {
		padding-left: 1em;
		}
		
	#shopping-cart h3, #shopping-cart h4 {
		text-align: left;
		margin: 0;
		}
		
	#shopping-cart h3 {
		font: bold 14px/1.2em Tahoma, Arial, sans-serif;
		color: black;
		margin-bottom: 1em;
		}
		
	#shopping-cart h3 em {
		font-weight: normal;
		}
		
	#shopping-cart h4 {
		font: bold 14px Tahoma, Arial, sans-serif;
		color: #900;
		margin-top: 1em;
		}
		
	#shopping-cart td p {
		font: 12px/16px Arial, sans-serif;
		margin: .5em 0;
		}
		
	#shopping-cart td p strong {
		font-size: 1.3em;
		}
		
	#shopping-cart td.cover p {
		font: 10px/12px Tahoma, Arial, sans-serif;
		text-align: left;
		margin: 0;
		}

.bonusboxes{width:500px;margin:0px auto;}


.sliderHeader {
	background-image: url(../img/Slider-Header.jpg);
	background-repeat: no-repeat;
	height: 337px;
	background-position: top;
}
.sliderBG {
	background-image: url(../img/Slider-BG.jpg);
	background-repeat: repeat-y;
}
.sliderFooter {
	background-image: url(../img/Slider-Footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 20px;
}

#dropin a:link, #dropin a:visited 
{
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}

#dropin a:hover, #dropin a:active 
{
	color: #CC0000;
	font-weight: normal;
}

.testimonialboxes{
	width:500px;
	margin:0px auto;
}
	.testimonialheader {
		background-image:url(../img/success.jpg);
		display: block;
		height:40px;
		background-repeat:no-repeat;
		}
		.testimonial{
		border: 2px solid #369;
		padding-bottom: 1em;
		}
	.testimonial h1 {
		text-align: left;
		color: #c00;
		font-weight: bold;
		font-size: 2.2em;
		line-height: 110%;
		margin: .5em 0 0;
		}

	.testimonial h2 {
		text-align: left;
		font: bold 1.6em/130% Arial, Helvetica, sans-serif;
		margin: 0 .5em 0 0;
		}

	.testimonial h2 cite {
		font-size: .9em;
		color: #555;
		}

	.testimonial p {
		text-align: left;
		font: 13px Geneva, Arial, Helvetica, sans-serif;
		color:#666666;
		margin: .5em .5em 0 0;
		line-height:20px;
		}

	.testimonial h1, .testimonial h2, .testimonial p {
	padding-left: 20px;
		}
		
		
	.upgrade {
		border: 2px solid #369;
		padding-bottom: 1em;
		}

	.upgradelook {
		display: block;
		text-align: center;
		font: bold 2em Arial, Helvetica, sans-serif;
		padding: .3em;
		color: white;
		background: #369;
		}

		.upgradelook span {
			color: #fc0;
			}

		.upgradebook {
			width: 200px;
			margin: .5em 0 0 .5em;
			text-align: center;
			font-size: 1.2em;
			font-weight: bold;
			}

		.upgradebook span {
			color: #c00;
			}

	.upgrade h1 {
		text-align: left;
		color: #c00;
		font-weight: bold;
		font-size: 2.2em;
		line-height: 110%;
		margin: .5em 0 0;
		}

	.upgrade h2 {
		text-align: left;
		font: bold 1.6em/130% Arial, Helvetica, sans-serif;
		margin: 0 .5em 0 0;
		}

	.upgrade h2 cite {
		font-size: .9em;
		color: #555;
		}

	.upgrade p {
		text-align: left;
		font: 1.2em/130% arial, helvetica, sans-serif;
		margin: .5em .5em 0 0;
		}

	.upgrade h1, .upgrade h2, .upgrade p {

		}

	p.link {
		font-size: 1.3em;
		font-weight: bold;}
		
		.upgradeshadow {
	margin: 1.5em 0;
	padding-bottom: 28px;
	background: url(/img/shadow.jpg) no-repeat right bottom;
	}




.oto {
	border: 2px solid #369;
	padding-bottom: 1em;
	padding-left: 35px;
		}

	.otolook {
	display: block;
	text-align: center;
	font: bold 2em Arial, Helvetica, sans-serif;
	padding: 5px;
	color: white;
	background: #369;
		}

		.otolook span {
			color: #fc0;
			}

		.otobook {
			width: 200px;
			margin: .5em 0 0 .5em;
			text-align: center;
			font-size: 1.2em;
			font-weight: bold;
			}

		.otobook span {
			color: #c00;
			}

	.oto h1 {
		text-align: left;
		color: #c00;
		font-weight: bold;
		font-size: 2.2em;
		line-height: 110%;
		margin: .5em 0 0;
		}

	.oto h2 {
		text-align: left;
		font: bold 1.6em/130% Arial, Helvetica, sans-serif;
		margin: 0 .5em 0 0;
		}

	.oto h2 cite {
		font-size: .9em;
		color: #555;
		}

	.oto p {
		text-align: left;
		font: 1.2em/130% arial, helvetica, sans-serif;
		margin: .5em .5em 0 0;
		}

	.oto h1, .oto h2, .oto p {

		}
		
				.otoshadow {
	margin: 1.5em 0;
	padding-bottom: 28px;
	background: url(/img/shadow.jpg) no-repeat right bottom;
	font-size: 12px;
	}

.precheckout1{
	width:528px;
	height:295px;
	background-image:url(/images/precheckout.gif);
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	margin: 0px auto;
}

.precheckoutline{
	width:420px;
	height:30px;
}
.precheckoutbutton{
	width:350px;
	height:30px;
	padding-top:7px;
	padding-left:140px;
}

.precheckoutleft{
	float:left;
	width:140px;
}
.precheckoutright{float:left;width:240px;}

.precheckoutInput {
    width: 254px;
    height: 18px;
    padding: 2px 0px 0px 4px;
    font-size: 14px;
    border: 1px solid #B9D3EB;}

.precheckoutSelect{
    width: 260px;
    font-size: 1.0em;
    border: 1px solid #B9D3EB;}