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

body {
	background-color:#EBEAEA; 
	margin:0px; 
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	background-image:url(online-images/header.gif);
	background-repeat:no-repeat;
	width:402px;
	height:102px;
	text-indent:-10000px;
	outline:none;
	margin:26px 0 0 24px;
	padding:0px;
}


h2 {
	text-indent:-10000px;
	outline:none;
}


h2.everyplan {
	background-image:url(online-images/subhead1.gif);
	background-repeat:no-repeat;
	margin:10px auto 10px auto;
	width:330px;
	height:47px;
	
}

h2.featuredplan{
	background-image:url(online-images/subhead2.gif);
	background-repeat:no-repeat;
	background-position:0 27px;
	margin:0px auto 0px auto;
	width:154px;
	padding:20px 0 0 0;
	
}





/* main containers */
#container {
	width:770px; 
	margin:18px auto 0px auto;
	padding:0px 15px 0px 15px;
}



/* top content box */
#shadowboxtop {
	width:770px;
	height:12px;
	margin:7px 0 0 0;
	padding:0px;
	zoom:1;
}

#shadowbox {
	width:770px;
	background-image:url(online-images/shadowbox_side.jpg);
	background-repeat:repeat-y;
	margin:0px;
	padding:0 12px 0 12px;	
}

/* left area inside of box */
#shadowbox #left {
	float:left;
	width:430px;
	background-image:url(online-images/bluegradient.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}


#shadowbox #midbox {
	background-image:url(online-images/midboxtop.gif);
	background-repeat:no-repeat;
	background-color:#E4F4F8;
	margin:13px 0 0 15px;
	padding:0 0 0 10px;
	width:400px;
	height:305px;
}

#shadowbox #midbox p.onediet {
	background-image:url(online-images/subhead.jpg);
	background-repeat:no-repeat;
	background-position:0 13px;
	text-indent:-10000px;
	outline:none;
	width:210px;
	height:31px;
	margin:0 0 0 0px;
	padding:0px;
}

#shadowbox #midbox p {
	font-size:14px;
	color:#333333;
	width:390px;
	margin:5px 0 0 0px;
}

#shadowbox #midbox ul {
	list-style:none;
	margin:15px 0 0 20px;
	padding:0px;
}

#shadowbox #midbox ul li {
	font-size:14px;
	color:#0083D9;
	background-image:url(online-images/asterisk.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin:0px;
	padding:0 0 10px 17px;
	
}

/* right area inside of box */
#shadowbox #right {
	float:left;
	width:316px;
	margin:0px;
	padding:0px;
	background-image:url(online-images/bluegradient.jpg);
	background-repeat:repeat-x;
}

#shadowbox #right #guarantee {
	background-image:url(online-images/guarantee.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
	outline:none;
	width:220px;
	height:158px;
	margin:8px 0 0 45px;
}

#shadowbox #right #testimonial {
	background-image:url(online-images/people.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
	outline:none;
	width:288px;
	height:280px;
	margin:0 0 0 12px;
	padding:0px;
}


#shadowboxbtm {
	width:770px;
	background-image:url(online-images/shadowbox_btm.jpg);
	background-repeat:no-repeat;
	height:12px;
	margin:0px;
	padding:0px;
	float:none;
	clear:both;
}

/* btn */
#btnbground {
	width:747px;
	height:58px;
	background-image:url(online-images/btnbground.jpg);
	background-repeat:no-repeat;
	float:none;
	clear:both;
	margin:0px;
	padding:0px;
	text-align:center;
}

#btnbground a#btn {
	background-image:url(online-images/btn.jpg);
	background-repeat:no-repeat;
	background-position:0 7px;
	display:block;
	width:243px;
	height:50px;
	text-indent:-10000px;
	outline:none;
	padding:0px;
	margin:0px auto 0px auto;
}


/* bottom area */


ul.btmcontentlist {
	list-style:none;
	margin:10px auto 0 auto;
	padding:0px;
}

/* left side */
#btmboxleft {
	width:383px;
	background-color:#FFFFFF;
	float:left;
	margin:18px 0 0 2px;
}

#btmboxleft #btmleftcontent {
	width:350px;
	background-color:#E7FDDB;
	border-top:1px solid #93CC9A;
	padding:9px;
	height:220px;
	margin:0 auto 6px auto;
}

#btmboxleft #featurelist {
	width:330px;
	font-size:12px;
	color:#333333;
}

#btmboxleft #featurelist li {
	width:275px;
	margin:0 0 8px 0;
	padding-left:60px;
}

#btmboxleft #featurelist li.feature1 {
	background-image:url(online-images/pl_1.gif);
	background-repeat:no-repeat;
}

#btmboxleft #featurelist li.feature2 {
	background-image:url(online-images/pl_2.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
}

#btmboxleft #featurelist li.feature3 {
	background-image:url(online-images/pl_3.gif);
	background-repeat:no-repeat;
	background-position:5px 0;
}

#btmboxleft #featurelist li.feature4 {
	background-image:url(online-images/pl_4.gif);
	background-repeat:no-repeat;
	background-position:15px 0;
}


/* right side */
#btmboxright {
	float:left;
	background-color:#FFFFFF;
	margin:18px 0 0 13px;
	width:366px;
}

#btmboxright #btmrightcontent {
	width:350px;
	height:240px;
	background-color:#E1F3F7;
	border-top:1px solid #B0D7DF;
	background-image:url(online-images/food.jpg);
	background-repeat:no-repeat;
	background-position:200px -20px;
	padding:0px;
	margin:17px auto 4px auto;
}

#btmboxright #btmrightcontent .featureddiet {
	background-image:url(online-images/diet.gif);
	background-repeat:no-repeat;
	text-indent:-10000px;
	outline:none;
	margin:12px 0 10px 8px;
	width:165px;
	height:63px;
}

#btmboxright ul#planlist {
	width:330px;
	font-size:12px;
	color:#000000;
	margin:15px 0 15px 8px;
}

#btmboxright ul#planlist li {
	background-image:url(online-images/asterisk_blue.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:12px;
	margin:0 0 3px 0;
}

#btmboxright .over20plans {
	background-image:url(online-images/over20plans.gif);
	background-repeat:no-repeat;
	width:290px;
	height:20px;
	text-indent:-10000px;
	outline:none;
	margin:13px 0 13px 8px;
	padding:0px;
}


/* misc. styles */
a#ediets {
	display:block; 
	background-image:url(online-images/logo.gif);
	background-repeat:no-repeat;
	width:129px;
	height:42px;
	text-indent:-10000px;
	outline:none;
}

a#findbtn {
	display:block;
	background-image:url(online-images/findbtn.jpg);
	background-repeat:no-repeat;
	width:157px;
	height:29px;
	text-indent:-10000px;
	outline:none;
	cursor:pointer;
	margin:0 0 0px 8px;
}

a#questionlink {
	float:left; 
	padding:20px 0 0 0; 
	margin:0px 
}

.btmboxcurve {
	background-color:#EBEAEA;
	background-image:url(online-images/whitebox_btm.jpg);
	background-repeat:no-repeat;
	width:383px;
	height:8px;
	margin:0px;
	padding:0px;
}

.btmboxrightcurve {
	background-color:#EBEAEA;
	background-image:url(online-images/whitebox_btm_right.gif);
	background-repeat:no-repeat;
	width:366px;
	height:8px;
	margin:0px;
	padding:0px;
}

p.moreinfo {
	font-size:13px;
	width:756px;
	height:65px;
	background-image:url(online-images/moreinfobground.gif);
	background-repeat:no-repeat;
	padding:10px 20px 0px 21px;
	margin:18px 0 0 8px;
}

p.moreinfo #bbblogo {
	margin:0 0 0 420px;
}

p.moreinfo #vslogo {
	margin:0 0 0 5px;
}

p.legal {
	font-size:10px; 
	color:#666666;
	padding:0px 10px 10px 10px;
	margin:0 0 0 14px;
}

.clear {
	float:none;
	clear:both;
}