@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	/*font: bold 22px "Trebuchet MS";*/
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 62.5%;
}
#wrapper {
	width: 925px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
img {
  border: 0;
}
/*navigation*/
#navpanel {
	float: left;
	width: 100%;
	height: 61px;
	margin-bottom: 0;
	padding: 0;
}
#navpanel img {
	margin-right: 1px;
}
#header {
	background-color: transparent;
	margin-top: 0;
}
a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #336699;
	text-decoration: underline;
}
a:visited {
	color: #336699;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: #003366;
	text-decoration: none;
	font-weight: normal;
}
/* fix the registered mark leading */
sup {
	font-size: 70%;
	vertical-align: 3px;
}
sup.supnmbr {
	font-size: 9px;
	vertical-align: 2px;
}
.clear {
	clear: both;
}
#content-wrapper {
	background: url(/images/video-pg/bkg-content.gif) repeat-y;
	width: 925px;
	height: auto;
	float: left; /*this has to be here otherwise height auto will not work in Ffox*/
}
#content, #privacy, #terms, #faq, #success, #contact {
	float: left;
	width: 600px;
	height: auto;
}
#letter {
	float: left;
	width: 640px;
	height: auto;
}
#content-L {
	float: left;
	width: 600px;
	height: auto;
}
#privacy p, #terms p, #terms li, #orderform td, #faq p, #faq li, #success p, #contact p {
	font: 13px Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 18px;	
}
#letter p {
	text-indent: 15px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 19px;
}
#letter ul li, #letter ol li {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 19px;
}
#letter .carbhelps td, #letter .peoplesay td {
	font-weight: normal;
}
#letter td {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
}
#letter p.sciencehdr {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}
#letter p.science {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 12px;
	margin-bottom: 15px;
}
#letter .hdrlarge {
	color: #005282;
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 0;
	margin-top: 25px;
	//margin-top: 25px;
}
#terms ul {
	list-style-type: none;
}
p.intro-one {
	font: bold 22px "Trebuchet MS", serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", serif;
	text-align: center;
}
#faq h3, #success h3, #contact h3 {
	font-family: Helvetica, Arial, sans-serif;
}
#letter h1, #letter h2, #letter h3, #letter h4, #letter h5 {
	font-family: Helvetica, Arial, sans-serif;
}
h1 {
	color: #006699;
	font-size: 48px;
	margin-bottom: -5px;
	margin-top: 0px;
}
h2 {
	font-size: 30px;
	line-height: 32px;
	color: #CC0000;
	margin-bottom: 10px;
}
h3 {
	font-size: 20px;
	line-height: 26px;
	color: 000000;
}
#letter h1 {
	color: #CC0000;
	font-size: 50px;
}
#letter h2 {
	color: #005282;
	font-size: 32px;
	line-height: 38px;
}
#letter h2.orderpg {
	color: #005282;
	font-size: 18px;
	line-height: 24px;
}
#letter h2.jbbio {
	font-size: 22px;
	line-height: 26px;
	color: #005282;
}
#letter h2.smoothie {
	color: #005282;
	font-size: 48px;
	line-height: 38px;
}
#letter h2.pills {
	color: #005282;
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 0;
	margin-top: 25px;
	//margin-top: 25px;
}
#letter h1.bbkit {
	color: #CC0000;
	font-size: 45px;
	line-height: 38px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#letter h3 {
	margin-bottom: 10px;
}
#letter h3.smoothie {
	color: #006699;
	font-size: 26px;
	line-height: 32px;
}
#letter h3.pills {
	color: #006699;
	font-size: 20px;
	margin-top: 8px;
}
#letter .noindent {
	text-indent: 0px;
}
.highlight {
	background-color: #FFFF33;
}
.colorchng {
	color: #075fb1;
}
#letter .hdr {
	font: bold 26px Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #006699;
	text-align: center;
	margin-top: 20px;
}
#letter .hdrguar {
	font: bold 26px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #006699;
	text-align: center;
	margin-top: 25px;
	//margin-top: 35px;
	margin-bottom: -15px;
	//margin-bottom: -15px;
}
#letter .thxmessage {
	background-color: #FFFF99;
	border: 1px solid #FFFF33;
	padding: 8px;
	text-align: center;
	font: bold 16px Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 0 30px;
}
.bonusitem {
	color: #006699;
	font-weight: bold;
}
#letter td.totals {
	font-size: 16px;
}
.bonustxt {
	float: left;
	width: 450px;
}
.bonustxt h5 {
	color: #336600;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0;
}
.bonusgift {
	clear: left;
}
.bonusgift img {
	padding-right: 20px;
	padding-top: 3px;
}
.survey table  {
	background-color: #EBEBEB;
}
#letter .survey td {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000;
}
.callout {
	background-color: #FFFF99;
	padding: 2px 20px;	
}
.orderlink {
	text-align: center;
}
.orderlink2 {
	text-align: center;
}
.orderlink2 a:link, .orderlink2 a:visited {
	font-weight: bold;
	font-size: 24px;
	color: #003399;
	text-decoration: underline;	
}
.orderlink2 a:hover {
	color: #003399;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
}
.sig-cta {
	float: left;
	width: 200px;
}
.cta-btns {
	float: right;
}
.orderlink-big {
	text-align: center;
	font-size: 18px;
}
.orderlink-big a:link, .orderlink-big a:visited {
	font-weight: bold;
	font-size: 18px;
	color: #336699;
	text-decoration: underline; 	
}
.orderlink-big a:hover {
	color: #003366;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}
p.intro-author {
	font-size: 16px;
	line-height: 26px;
	font-style: italic;
	font-family: "Trebuchet MS", serif;
}
p.intro-two {
	font: bold 24px Helvetica, Arial, sans-serif;
	line-height: 26px;
}
#content ul li, #content-L ul li {
	font: bold 18px Helvetica, Arial, sans-serif;
	line-height: 24px;
}
#letter ul.list1 li {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 10px;
}
#letter ol li {
	margin-bottom: 10px;
}
#letter ul.foodadditives li, #letter ul.morefacts li {
	list-style-type: disc;
	margin-bottom: 10px;
}
#letter ul.morefacts .bghighlight {
	list-style-type: disc;
	margin-bottom: 10px;
	background-color:#FFFF99;
}
#letter .resultsnum {
	font: bold 22px Arial, Helvetica, sans-serif;
	color: #006699; 
}
#letter ol.results123 li {
	list-style-type: none;
	margin-bottom: 10px;
}
#letter .guarantee {
	background: url(/images/video-pg/border-guarantee-short.jpg) no-repeat top;
	height: 264px;
}
#letter .guarantee p {
	padding: 15px 63px 15px 66px;
}
#letter .guaranteebox {
	background: url(/images/video-pg/border-guarantee-short.jpg) no-repeat top;
	height: 264px;
}
#letter .guaranteebox p {
	padding: 35px 57px 0 66px;
	//padding: 15px 63px 0 66px;
}
#letter .checkboxes {
	float: left;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 18px;
}
.scaminfo {
	font: bold 18px Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-indent: none;
	background-color: #FFFF33;
}
.before-after {
	display: block;
	width: 558px;
	height: 160px;
	margin: 5px 0;
}
.before-after img {
	padding-right: 20px;
}
.before-after p {
	font: bold 20px Helvetica, Arial, sans-serif;
	line-height: 26px;
	padding-top: 65px;
}
.ba-thumbs {
	display: block;
	float: left;
	width: 280px;
	height: 135px;
	margin: 5px 0 5px 12px;
}
.ba-thumbs img {
	padding-right: 10px;
}
.ba-thumbs p {
	font: bold 16px Helvetica, Arial, sans-serif;
	line-height: 20px;
	padding-top: 35px;
	text-align: left;
}
.signup {
	margin: 0 0 0 0;
	float: right;
	width: 198px;
}
.signup p {
	font: bold 24px Helvetica, Arial, sans-serif;
	line-height: 32px;
}
.accessform {
	background-color: #d1dee7;
	padding: 10px;
	width: 198px;
	margin: 0 auto;
	border: 1px solid #4675a6;
}
.accessform h2 {
	font: 17px "Trebuchet MS", serif;
	line-height: 20px;
	color: #005282;
	margin: 5px 0 3px 0;
}
.accessform p, .accessform td {
	font: normal 16px "Trebuchet MS", serif;
	color: #464646;
	line-height: 14px; 
}
td.pwreturn {
	font: normal 11px "Trebuchet MS", serif;
	color: #464646;
}
#sidebar {
	width: 225px;
	float: left;	
}
#josh {
	background-color: #005282;
	margin: 20px auto 0 20px;
	padding-top: 15px;
	width: 167px;
	height: auto;
}
#josh p {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	margin-bottom: 8px;
	padding-bottom: 7px;
	margin-left: 9px;
	margin-right: 9px;
}
#sidebar img {
	display: block;
	margin: 0;
	padding: 0;
}
#josh img#jb-side {
	background-color: #4775a6;
/*	padding-left: 12px;
	padding-top: 17px;*/
	margin: 0 auto;
}
.ba-story {
	display: block;
	width: 555px;
	height: 185px;
	margin: 5px auto;
}
.ba-story img {
	padding-right: 15px;
}
.ba-story p {
	font: normal 20px Helvetica, Arial, sans-serif;
	line-height: 27px;
	padding-top: 35px;
}
.coachcall {
	display: block;
	width: 555px;
	margin: 5px auto;
}
.coachcall img {
	padding-right: 15px;
}
#letter .coachcall p {
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-top: 5px;
	text-indent: 0px;
}
#letter .coachcall h3 {
	text-align: left;
	margin-bottom: -20px;
}
.audioinstr {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #003366;
}
.callname {
	font-weight: bold;
	font-size: 22px;
}
.storyname {
	font-weight: bold;
	font-size: 22px;
}
.ba-lettertxt {
	float: left;
	width: 400px;
}
.ba-lettertxt p {
	font: bold 20px Helvetica, Arial, sans-serif;
	line-height: 26px;
	padding-top: 20px;
}
.ba-letter {
	clear: left;
	height: 200px;
	border-bottom: 1px solid #ccd9e0;
	margin-bottom: 10px;
}
.ba-letter img {
	padding-right: 20px;
}
#letter .bffvideo {
	background-color: none;
}
.audioinstr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
/*#letter .bffvideo embed {
	margin-top: -15px;
	background-color: none;	
}*/
#letter .orderhours {
	background-color: #FFFF99;
	padding: 10px;
	margin: 0 auto;
	width: 410px;
	border: 1px solid #333333;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer {
	clear: both;
	margin: 0 auto;
	background: url(/images/video-pg/footerbar.gif) no-repeat;
	width: 925px;	
}
#footer p {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 20px 0;
}
.disclaimer {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #006699;
	line-height: 12px;
	width: 870px;
	text-align: center;
	padding: 20px 20px 0px 20px;
}
.fda {
	border: 1px solid #666;
	color: #666;
	padding: 5px;
	width: 500px;
	margin: 0 auto;
	text-align: center;
	font: normal 10px Arial, Helvetica, sans-serif;
	line-height: 13px;
}
.fda-wide {
	border: 1px solid #666;
	color: #666;
	padding: 5px;
	width: 700px;
	margin: 0 auto;
	text-align: center;
	font: normal 10px Arial, Helvetica, sans-serif;
	line-height: 13px;
}
.kitdisclaimer {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #006699;
	line-height: 12px;
	width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 20px 5px 20px;
}
#letter .cbinfo {
	text-indent: 0px;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 16px;
	font-style: italic;
}
.company {
	color: #336699;
	font-size: 11px;
	font-weight: bold;
}
.legal {
	color: #988e2d;
	font-size: 10px;
}
.legal a, .legal a:visited {
	color: #988e2d;
	text-decoration: none;
}
.legal a:hover {
	color: #988e2d;
	text-decoration: underline;
}