
/* Reasons to Join Container */
#reasonsHow{ position:relative; float:left; height:270px;}
#reasons2JoinCtr { float: left; width: 260px; margin: 10px 0 0 12px; display:inline;}

#reasons2JoinCtr ul li{ list-style-image: url(../../images/starBullet.gif); margin: 0 0 3px 20px;}
#reasons2JoinCtr h3 {margin-bottom:5px;}
#reasons2JoinCtr .joinBtn{margin-top:10px;}

/* How does it work */

#hdiwCtr{float:left; width:290px; margin:10px 0 5px 20px;}

#hdiwCtr h3 {font-size:1.6em;}

#hdiwCtr ul { height: 143px; margin: 0 0 10px 0; padding: 0; }

#hdiwCtr li { list-style: none; float: left; width: 140px; height: 100px; margin-left: 3px;}

#hdiwCtr li.hdiw_mealplan { background: url(/images/hdiw_mealplan.gif) no-repeat left top; }

#hdiwCtr li.hdiw_monitor { background: url(/images/hdiw_monitor.gif) no-repeat left top;;}

#hdiwCtr li.hdiw_nutritionist { background: url(/images/hdiw_nutritionist.gif) no-repeat left top;}

#hdiwCtr li.hdiw_friends { background: url(/images/hdiw_friends.gif) no-repeat left top;;}

#hdiwCtr li a{float: left; width: 140px; height: 100px; text-indent:-10000px; overflow:hidden; }

/* Success Stories Container / Experts Container */

#successStoriesCtr div, #expertsCtr div {float:left; width:265px; margin:5px 15px; display:inline;}

#successStoriesCtr div img, #expertsCtr div img{border:2px solid #ffe7f2; float:left; margin-right:7px;}


#expertsCtr{ margin-top:30px; position:relative;}
#expertsCtr div{margin-bottom:15px;}

#expertsCtr h3{margin-left:12px;}

#expertsCtr h4 a{color:#6f6fe3;}

#expertsCtr p.joinBtn{margin:40px 0 0 15px; float:left;}

#expertsCtr p.joinBtn a{font-size:1.3em; color:#fff;}

/*Popular diets container */

#popularDiets{margin-bottom:30px;}

#popularDiets .mainDiets{float:left; width:410px;}

.mainDiets div {float:left; width:170px; margin:5px 15px; display:inline;}

.mainDiets div img{border:2px solid #ffe7f2; float:left; margin-right:7px;}

.mainDiets div h4 {margin-bottom:3px;}

#popularDiets dl{ float:right; width:170px; border-left:1px solid #e4e4fa; padding-left:15px;}

#popularDiets dl dt{color:6f6fe3; font-size:1.1em; font-weight:700; margin-bottom:3px;}

#popularDiets dl dd a{color:#000;}

#joinFoot{ float:left; width:606px; height:165px; background:#fff url("/images/appleBg.jpg") no-repeat bottom right;}
#joinFoot p{ margin-top:60px;}
