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

body {
	font: 70% Tahoma, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #7a7a7a;
}
a {
	color: #046cb6;
	cursor: hand;
}
img {
	border: 0;
}
p {
	margin: 0 0 1em 0 ;
}


sup{
	text-decoration: none;
	font-size: 70%;
}
h1 sup, h2 sup {
	font-size: 50%;
	position: relative;
	top: -2px;
}
.uberHead1 sup {
	font-size: 40%;
}
.green, .green a {
	color: #5d9732;
}
.blue, .blue a {
	color: #046cb6;
}
.uberHead1 {
	font-size: 33px;
	line-height: 90%;
}
.uberHead2 {
	font-size: 28px;
}
.uberHead3 {
	font-size: 25px;
}
.uberHead1 a, .uberHead2 a, .uberHead3 a {
	text-decoration: none;
}
.uberHeadTopElement {
	margin-top: 80px;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 0.75em 0;
}
h1.highlight {
	color: #5d9732;
}
h1.highlight2 {
	color: #5d9732;
}
h1.highlight3 {
	color: #046cb6;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 0.75em 0;
}
h2.highlight {
	color: #5d9732;
}
h2.highlight2 {
	color: #5d9732;
}
h2.highlight3 {
	color: #046cb6;
}
h3 {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0 0 0.75em 0;
}
h3.highlight {
	color: #5d9732;
}
h3.highlight2 {
	color: #5d9732;
}
h3.highlight3 {
	color: #046cb6;
}
h4 {
	font-weight: bold;
	font-size: 1.0em;
	margin: 0 0 0.75em 0;
}
h4.highlight {
	color: #5d9732;
}
h4.highlight2 {
	color: #5d9732;
}
h4.highlight3 {
	color: #046cb6;
}
.plain {
	text-decoration: none;
	color: #7a7a7a;
}
.noDecoration {
	text-decoration: none;
}
.clrflt {
	clear: both;
}
#container {
	width: 760px;  
	background: #fff;
	margin: 0 auto; 
	text-align: left; 
	position:relative;
}
#header {
	padding: 0;
	height: 106px;
	position:relative;
	width: 760px; 
}
#header h1 {
	margin: 0; 
	padding: 0;
	width: 308px;
	height: 92px;
	background: url(/images/jc_logo.gif) bottom left no-repeat;
	text-indent: -9999px; 
}



#coupon {
	position:absolute;
	top: 0;
	right: 5px;
	width: 260px;
}
#topnav {
	height: 35px;
	overflow: hidden;
	background: url(/images/nav_off.gif) 0 0 repeat-x;
}

#topnav sup {

    padding: 0; 
	margin: 0;
    height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 5px;
	bottom: 1ex;
	
}

#topnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#topnav ul li {
	display: inline;
	padding: 0;
	margin: 0;
}
#topnav ul li a {
	display: block;
	float: left;
	height: 26px;
	padding-top: 9px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#topnav ul li a#l_home {
	width: 67px;
}
#topnav ul li a#l_program {
	width: 158px;
}
#topnav ul li a#l_tools {
	width: 152px;
}
#topnav ul li a#l_food {
	width: 197px;
}
#topnav ul li a#l_why {
	width: 186px;
}
#topnav ul li a:hover {
	background: url(/images/nav_on.gif) 0 0 repeat-x;
	color: #000;
}

/*style links within each section*/
body.home #topnav ul li a#l_home, body.program #topnav ul li a#l_program, body.tools #topnav ul li a#l_tools,
body.food #topnav ul li a#l_food, body.why #topnav ul li a#l_why
{
	background: url(/images/nav_on.gif) 0 0 repeat-x;
	color: #000;
}
#mainContent {
	padding: 0;
}
#upper {
	border-bottom: 1px solid #ddd;
}
#upper h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Tahoma, Helvetica, sans-serif;
	margin: 0.5em 0;
}

#upper p {
	margin: 0.75em 0;
}
#lower {
	position: relative;
	width: 760px;
}
#footer {
	padding: 30px 0;
	text-align:center;
	margin-bottom: 50px;
	
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul li {
	display: inline;
	padding: 0 8px;	
	border-left: 1px solid #919191;
	font-family: Arial, Helvetica, sans-serif;
}
#footer ul > li:first-child	{
	border-left: 1px solid #fff;
}

#footer ul li.first {border: none;}



#footer a {
	color: #919191;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


/* modules and lozenge shapes */
div.mod_single {
	width: 253px;
	float: left;
}
div.mod_double {
	width: 496px;
	float: left;
}
div.mod_left {
	margin-right: 11px;
	clear: both;
}
div.mod_short {
	min-height: 155px;
	margin-bottom: 12px;
}
div.mod_tall {
	min-height: 170px;
	margin-bottom: 12px;
}
div.lozenge_outer {
	background:url(/images/lozenge_bot.gif) bottom left no-repeat;
	cursor: pointer;
	z-index: 500;
}
div.lozenge_inner {
	background:url(/images/lozenge_top.gif) top left no-repeat;
}
div.shaded {
	background:#e8e8e8 url(/images/lozenge_top.gif) bottom left no-repeat;
}
div.lozenge_outer_green {
	background:url(/images/lozenge_bot_green.gif) bottom left no-repeat;
}
div.lozenge_inner_green {
	background:url(/images/lozenge_top_green.gif) top left no-repeat;
}
body img#gridLeftImg {
	margin: 0;
	padding: 6px 0 0 1px;
	width: 252px;
}
body img#gridImg {
	margin: 0;
	padding: 6px 0 0 0;
	width: 252px;
}

/* -----HOME v2----- */
body.home #mainContent #upper2 {
	height: 270px;
	background:url(/images/main_home_sarad.jpg) top left no-repeat;
	text-align: right;
	padding-right: 48px;
	margin-bottom: 5px;
}

body.home #mainContent #upper2 h1 {
	text-indent: -9999px;
	text-align: left;
	background:url(/images/title_home.gif) bottom left no-repeat;
	width: 326px;
	height: 145px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

body.home #mainContent #upper2 p {
	width: 250px;
	padding-right: 0px;
	float: right;
}

body.home #mainContent #upper2 #saraBlog {
	float: left;
	position;relative;
	margin: 70px 0px 15px 230px;
}

body.home #mainContent #upper2 #saraCommercial {
	float: left;
	position: relative;
	margin: 70px 0px 15px 265px;
}

body.home #mainContent #upper2 #specialOffer {
	float: left;
	position: relative;
	margin: 5px 0px 15px 125px;
}

body.home #mainContent #upper2 h3 {
	padding-top: 12px;
	font-size: 12px;
}

body.home #mainContent #upper2 .uberHead1 {
	font-size: 23px;
	line-height: 90%;
}
body.home #mainContent #upper2 .uberHead2 {
	font-size: 23px;
}
body.home #mainContent #upper2 .uberHead3 {
	font-size: 15px;
	position;relative;
}

#kellyBlog {
	background:url('/images/bg_kellyblog.jpg') no-repeat;
	width: 243px;
	height: 182px;
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 0px;
	float: left;
	position: relative;

}

#kellyBlog p {
	width: 125px;
	margin: 59px 0px 0px 114px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	color: #333;
}

#kellyBlog img {
	margin: 10px 0px 0px 111px;
}

#freeInstantCallBack {
	background:url('/images/bg_freeinstantcallback.jpg') no-repeat;
	width: 243px;
	height: 182px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	position: relative;
}

#freeInstantCallBack p {
	margin: 57px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	width: 125px;
	color: #333;
}

#freeInstantCallBack img {
	margin: 10px 0px 0px 5px;
}

#jcahPromo {
	width: 253px;
	height: 210px;
	text-align: right;
	padding-right: 0px;
	margin-bottom: 5px;
}

#jcahPromoDetails {
	text-align: left;
	position: relative;
	float: left;
	padding: 5px;
	margin: 5px;
	font-size: 14px;
}

#jcahPromoDetails #pTitle {
	font-size: 18px;
	font-weight: bold;
	color: #27AEEF;
	padding-bottom: 10px;
	line-height: 25px;
}

#jcahPromoDetails #pCopy {
	font-size: 14px;
	line-height: 25px;
}

/* -----HOME----- */
body.home #mainContent #upper {
	height: 399px;
	background:url(/images/main_home.jpg) bottom left no-repeat;
	text-align: right;
	padding-left: 450px;
	margin-bottom: 12px;
}

body.home #mainContent #upper h1 {
	text-indent: -9999px;
	text-align: left;
	background:url(/images/title_home.gif) bottom left no-repeat;
	width: 306px;
	height: 145px;
	margin: 0px;
	padding: 0px;
}

body.home #mainContent #upper p {
	width: 240px;
	padding-left: 70px;
}

body.home #mainContent .lozenge_inner div#call_btn {
	text-align: center;
	width: 180px;
	float: left;
	padding: 40px 0 20px 0;
}

body.home #mainContent .lozenge_inner div#call_btn h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.5em;	
}

body.home #mainContent .lozenge_inner div#call_txt {
	padding: 25px 40px 0 0;
}

body.home #mainContent .lozenge_outer div#call_txt a{ display: block;}

body.home #mainContent #b4 {
	height: 160px;
	width: 268px;
	padding-top: 17px;
	padding-left: 225px;
	background: url(/images/bg_home_b4b.jpg) top right no-repeat;
	border-top: 1px solid #ddd;
	line-height: 16px;
	font-size: 1.1em;
	position: relative;
	float: right;
}

body.home #mainContent #b4 #learnmore{
	width: 468px;
	padding: 10px 0px 0px 0px;
	margin-left: -220px;
	float: left;
	font-size: 1.0em;
	position:absolute;
}

/* -----PROGRAM----- */
body.program #mainContent #upper {
	height: 229px;
	background:url(/images/main_program.jpg) 0 0 no-repeat;
	text-align: right;
	padding: 0 310px 0 15px;
	border-bottom: none;
}

body.program #mainContent #upper h1 {
	text-indent: -9999px;
	text-align: left;
	background:url(/images/title_program.gif) bottom right no-repeat;
	height: 110px;
	margin: 0px;
	padding: 0px;
}

body.program #mainContent #triple {
	height: 191px;
	background:url(/images/bg_program_triple.gif) top right no-repeat;
	margin-bottom: 12px;
}

body.program #mainContent #triple div {
	width: 253px;
	float: left;
	margin: 0;
	padding: 0;
}

body.program #mainContent #triple div h2.highlight {
	text-align: center;
	margin: 0.6em 0;	
}

body.program #mainContent #triple div p {
	padding: 15px 25px;
}

body.program #mainContent #b1 {
	height: 170px;
	width: 235px;
	padding-left: 260px;
	background:url(/images/bg_program_b1.jpg) 0 -3px no-repeat;
}
body.program  div#delivered {
	width: 251px;
	height: 143px;
	background: #ffffff url(/images/delivered.jpg) left top no-repeat;
}


/* -----TOOLS----- */
body.tools #mainContent #upper {
	height: 229px;
	background:url(/images/main_tools.jpg) 0 0 no-repeat;
	text-align: right;
	padding: 0 310px 0 90px;
}

body.tools #mainContent #upper h1 {
	text-indent: -9999px;
	text-align: left;
	background:url(/images/title_tools.gif) bottom right no-repeat;
	height: 110px;
	margin: 0px;
	padding: 0px;
}
body.tools #mainContent #mid {
	height: 152px;
	background:url(/images/bg_bmi.gif) top left no-repeat;
	padding: 30px 25px 0 315px;
}

body.tools #mainContent #mid img {
	float: left;
	padding-right: 10px;
}

body.tools #mainContent #triple {
	height: 205px;
	background:url(/images/bg_tools_triple.gif) top right no-repeat;
}

body.tools #mainContent #triple div {
	width: 253px;
	float: left;
	margin: 0;
	padding: 0;
}

body.tools #mainContent #triple div h2 {
	text-align: center;
	margin: 0.7em 0;	
}

body.tools #mainContent #triple div p {
	padding: 15px 20px;
}
body.tools #mainContent #triple div.underText {
 width: 250px;
 text-align: center;
 padding: 7px 0 0 0;
}

#tripleToo {
	width: 760px;
	height: 312px;
	background: url(/images/bg_tools_triple.gif) left top no-repeat;
	margin-bottom: 6px;
	float: left;
	padding: 0 0 0 2px;
}
.toolsBox {
	width: 251px;
	height: 310px;
	float: left;
	border-right: 1px solid #d8dbdd;
	overflow: hidden;
	padding: 0 0px;
	position: relative;
}
.toolsBox.right {
	border-right: none;
}
.toolsBox h2 {
	width: 100%;
	text-align: center;
	margin: 11px 0 10px 0;
}
.toolsBox img#gridImg, .toolsBox img#gridLeftImg {
	border-top: 1px solid #d8dbdd;
	border-bottom: 1px solid #d8dbdd;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.toolsBox div {
	height: 130px;
}
.toolsBox div {
	padding: 10px 20px 0px 20px;
	height: 95px;
}
.toolsBox p {
	margin-left: 20px;
	position: absolute;
	bottom: 0px;
}

/* -----FOOD----- */
body.food #mainContent #upper {
	height: 228px;
	background:url(/images/main_food.jpg) bottom right no-repeat;
	text-align: right;
	padding: 0 310px 0 0;
	border-bottom: none;
}

body.food #mainContent #upper h1 {
	text-indent: -9999px;
	text-align: left;
	background:url(/images/title_food.gif) bottom right no-repeat;
	height: 110px;
	margin: 0px;
	padding: 0px;
}

body.food #mainContent #upper h3 {
	padding-left: 220px;
}

body.food #mainContent #mid {
	height: 414px;
	background:url(/images/bg_food_lower.gif) top right no-repeat;
  position: relative;
}

body.food #mainContent #mid #col_1 {
  position: relative;
	height: 414px;
	width: 507px;
	background:url(/images/bg_food_left_col.jpg)  1px 43px no-repeat;
}

body.food #mainContent #mid #col_1 h2{
	text-align:center;
	padding-top: 10px;
}

body.food #mainContent #mid #col_1 p.bodytext{
	position: absolute;
	top: 230px;
	left: 20px;
	padding-right: 20px;
	line-height: 1.5em;
}
body.food #mainContent #mid #col_1 p.cta{
	position: absolute;
	top: 350px;
	right: 0;
	padding-right: 20px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: right;
}
body.food #mainContent #mid #col_2 {
	position: absolute;
	top: 0;
	left: 508px;
	width: 250px;
	text-align: center;	
	padding-top: 10px;
}
body.food #mainContent #tabs {
	height: 540px;
	margin-bottom: 10px;
	background: #e6eef3;
}
body.food #mainContent div.leftBox {
	text-align: left;
	width: 400px;
}
body.food #mainContent div.rightBox {
	text-align: right;
	width: 50%;
}
body.food div.fragment {
	border-bottom: solid 1px #ddd;
	height: 30px;
}
body.food div.fragment div {
	float: left;
}
body.food div.fragment h4 {
	margin: 0;
}
body.food div.fragment img {
	margin: 0 8px;
}
body.food div#recipe {
	padding: 20px 0;
}
body.food div#recipeLeft {
	padding: 0 15px 0 0;
}
body.food div#recipeCenter {
	padding: 0 12px 0 0;
}
body.food div#directions {
	margin-top: 12px;
}
body.food div.nutritionItem {
	width: 100px;
	display: inline;
}
body.food .fragmentBody {
	clear: both;
	width: 700px;
	position: relative;
}
body.food .fragmentBody div#directions {
	clear: both;
	width: 400px;
	display: block;
}
body.food .fragmentBody img.couponImg {
	position: absolute;
	top: 25px;
	right: 0px;
}

/* -----WHY----- */
body.why #mainContent #upper {
	height: 227px;
	width: 760px;
	float: left;
	padding: 0;
	border-bottom: none;
}
body.why #mainContent #whyMainText {
	height: 87px;
	width: 428px;
	/*background: #ffffff url(/images/why_main_head.png) left top no-repeat;*/
	float: left;
	text-align: right;
	padding: 0 10px 20px 10px;
}
body.why #mainContent #rotoImage {
	width: 312px;
	height: 227px;
	float: left;
}
body.why #mainContent .rotoImage1 {
	background: #ffffff url(/images/robin_w.jpg) top left no-repeat;
}
body.why #mainContent .rotoImage2 {
	background: #ffffff url(/images/kathleen_a.jpg) top left no-repeat;
}
body.why #mainContent .rotoImage3 {
	background: #ffffff url(/images/donna_rick_c.jpg) top left no-repeat;
}

body.why #mainContent #upper h1 {
	text-indent: -9999px;
	text-align: left;
	background:url(/images/title_why.gif) bottom left no-repeat;
	height: 90px;
	margin: 0px;
	padding: 0px;
}

body.why #mainContent #mid {
	background: transparent url(/images/why_mid_bg.gif) top right repeat-y;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	float: left;
}
body.why #mainContent #mid #mid-left {
	width: 247px;
	float: left;
}
body.why #mainContent #mid #mid-left #m-l-upper {
	width: 247px;
}
body.why #mainContent #mid #mid-left #m-l-lower {
	width: 245px;
	height: 260px;
	margin: 2px 1px 0 1px;
	background: #ffffff url(/images/sara_rue.jpg) left bottom no-repeat;
	border-top: 1px solid #dddddd;
}
#m-l-lower h1, #m-l-lower h2, #m-l-lower h3 {
	margin: 10px;
}
#m-l-lower p {
	margin: 15px 10px 0 110px;
}
body.why #mainContent #mid #mid-right {
	width: 510px;
	float: left;
	overflow: hidden;
}
body.why #mainContent #mid #mid-right #m-r-upper {
	float: left;
	padding: 20px 20px 5px 20px;
}
body.why #mainContent #mid #mid-right #m-r-middle {
	width: 510px;
	height: 178px;
	float: left;
	background: url(/images/food_body_mind.jpg) left top no-repeat;
}
body.why #mainContent #mid #mid-right #m-r-lower {
	float: left;
	padding: 20px 20px 5px 20px;
}
#m-r-lower ul {
	padding-left: 15px;
	margin-left: 0;
}
#m-r-lower li {
	margin-bottom: 3px;
}


body.food #mainContent #lower .mod_tall {margin-bottom: 6px;}



body.why #mainContent #lower #lower-left {
	width: 253px;
	height: 186px;
	float: left;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 12px;
}
body.why #mainContent #lower #lower-right {
	width: 255px;
	height: 136px;
	float: left;
	background: url(/images/why_free_call.png) top left no-repeat;
	margin-top: 15px;
	padding: 30px 0px 20px 250px;
	
}

/* -----FREE WEIGHT LOSS PROFILE----- */
#free_profile {
	height: 170px;
	width: 253px;
	background: #e8e8e8 url(/images/bg_home_b1.gif) bottom left no-repeat;
	margin: 0;
}

#free_profile h2 {
	height: 37px;
	background: url(/images/hdr_free_profile.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#free_profile form {
	margin: 0;
	padding: 15px 20px;
	height: 105px;
	overflow: hidden;
}
#free_profile form input, #free_profile form select  {
	width:65px;
	font-size:0.9em;
}
#free_profile form input#quiz_submit {
	float: right;
}

/* -----FREE ETOOLS----- */
#free_etools {
	height: 155px;
	width: 253px;
	background: url(/images/bg_home_b1.gif) bottom left no-repeat;	
	overflow: hidden;
	cursor: pointer;
}

#free_etools h2 {
	height: 37px;
	background: url(/images/hdr_free_etools.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#free_etools p {
	padding: 15px 20px;
	margin: 0;
}

#free_etools img {
	float: right;
	padding-right: 20px;
}

#free_etools a {
	text-decoration: none;
	color: #7a7a7a;
	cursor: pointer;
}

/* -----INSTANT CALLBACK----- */
div#instant_callback {

	cursor: pointer;

}

div#instant_callback div#call_btn {
	text-align: center;
	width: 155px;
	float: left;
	padding: 40px 0 10px 0;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;	
}

div#instant_callback div#call_btn h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.5em;	
}

div#instant_callback div#call_txt {
	padding: 20px 20px 0 0;
}

div.instant_callback div#call_txt h2.highlight {
	color: #2580c0;
}

/* -----INSTANT CALLBACK SMALL----- */
div#instant_callback_sm div#call_btn {
	text-align: center;
	width: 155px;
	float: left;
	padding: 40px 0 0 0;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;	
}

div#instant_callback_sm div#call_btn h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.5em;	
}

div#instant_callback_sm div#call_txt {
	padding: 20px 20px 0 0;
}

/* -----CONSULTANT CALLBACK----- */
div.consultant_callback {
	height: 155px;
	width: 381px;
	padding-left: 115px;
	background: url(/images/bg_consultant.jpg) top left no-repeat;
	overflow: hidden;
	cursor: pointer;
}

div.consultant_callback div#call_btn {
	text-align: center;
	width: 160px;
	float: left;
	padding: 15px 0;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;	
}

div.consultant_callback div#call_btn h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.4em;	
}

div.consultant_callback div#call_txt {
	padding: 20px 30px 0 0;
	text-align:right;
}

div.consultant_callback div#call_txt h2.highlight {
	color: #5d9732;
}

.faux-link { color: #046CB6; text-decoration: underline;}
.not_typical {text-align: center;}
.clickable {cursor: pointer;}