/*
	Author: Keith O'Sullivan 
	Creation Date: 18th Dec 2006
	
	Last modified by: Keith O'Sullivan
	Modification Date: 18th Dec 2006
	
	
	What does this file do?:
	 
	This file contains all styles used for the Tescodiets.com homepage.
	
	
	Table of contents:
	
	
	*/
	
fieldset {border:none; margin:0px;}


#poweredLoginCon {float:right; padding-right: 25px; width: 60%;}

.loginButCon {width: 125px; height:18px; float:left;}



#HPLeftCol {
	float:left;
	width:500px;
}

#HPLeftCol a{color:#ffaf35;}


#HPMainPromo {
	float:left; 
	width:497px; 
	height:285px; 
	background-image:url(../images/freeDietProfileHome.jpg);
	background-position:top left; 
	background-repeat:no-repeat;
}

#HPMainPromo .mainPromo {
	float:left; 
	width:315px; 
	margin-left:165px!important; 
	margin-left:82px; 
	margin-top:30px;
}

.HPfreeDietProfileCon {
	float:left; 
	width:310px; 
	margin-left:170px!important; margin-left:87px; 
	margin-top:20px;
}

.HPfreeDietProfileCon strong {font-size:0.85em;}

			#age_pos {float:left; width:50px; padding-left: 8px;}

			#sex_pos {float:left; width:50px; padding-left: 8px;}

.HPfreeDietProfileCon h1{margin-bottom:5px;}

.HPfreeDietProfileCon p{margin-bottom:10px;}

			#weight_pos {float:left; width:50px;}


			#height_pos {float:left; width:50px; padding-left: 8px;}


			#submit_btn {	float:left; width:89px; margin-left:8px; margin-top:3px; padding-top:2px;}


#HPMainPromo .joinToday{
	padding:20px; 
	padding-bottom:0px; 
	width:457px; 
	float: left; 
	margin-top: 5px!important; margin-top: 2px; 
	margin-bottom:0px;
}


#HPMainPromo .joinToday h2{ font-size:1.5em; color:#333333;}
#HPMainPromo .joinToday h2 a{ font-size:1.25em; color:#fff;}

#mostPopularDiets {
	float:left; 
	width:500px; 
	margin-top:15px; 
	background-image:url(../images/mostPopDietsBG.jpg); 
	background-position:top left; 
	background-repeat:no-repeat; 
	height:297px;
}

#mostPopularDiets .mostPopHd {
	padding:15px; 
	padding-bottom:5px;
}

#mostPopularDiets .mostPopHd h2{ font-size:1.5em; color:#fff;}

#mostPopularDiets .dietCon {
	padding-left:15px; 
	padding-right:15px; 
	padding-bottom:15px;
}

#mostPopularDiets .dietCon img {float:left; margin-right:10px;}

#mostPopularDiets .gdietCon h5 {margin: 0px;}

#howDoesWrkCon {float:left; width:500px;}

#howDoesWrkCon h3{margin:8px; line-height:1em; margin-top: 15px; color:#fff;}

#howDoesWrkCon h3 a {color:#fff; text-decoration:none;}

#howDoesWrkCon h3 a:hover{text-decoration:underline;}

#howDoesWrkCon h3 span {color:#5c8fb1; text-decoration:none; font-size:0.85em;}

#howDoesWrkCon .weeklyMealPlan {
	float:left; 
	width:114px; 
	height: 148px; 
	background-image:url(../images/weeklyMealShopListBG.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
	margin-left:12px;
}



#HPtakeTour {float:left; margin-top:8px; margin-bottom:0px;}

#HPtakeTour h3{ color:#ffaf35;}

#HPtakeTour h3 span{ font-size:0.65em; font-weight: normal; color:#000;}



#howDoesWrkCon .weighIn {float:left; width:114px; height: 148px; margin-left:0px; background-image:url(../images/weighInEachWeekBG.jpg); background-position:top left; background-repeat:no-repeat;}

#howDoesWrkCon .talkToNut {float:left; width:114px; height: 148px; margin-left:12px; background-image:url(../images/talkToNutritBG.jpg); background-position:top left; background-repeat:no-repeat;}


#howDoesWrkCon .makeFriends{float:left; width:114px; height: 148px; margin-left:12px; background-image:url(../images/makeFriendBG.jpg); background-position:top left; background-repeat:no-repeat;}

#joinToday {background-image:url(../images/joinTodayOrgBg.gif); background-repeat:no-repeat; height: 11px; float:left; width:458px; padding:20px;}

#joinToday  h2 a{margin:0px; color:#fff; font-size:1.15em; font-weight:bold; text-decoration:none;}

#joinToday  h2 span{margin:0px; color:#000; font-size:0.75em; text-decoration:none;}

#membersSay {float:left; width:49%; margin-top:20px;}

#membersSay .quoteBox{background-image: url(../images/quoteMarks.gif); background-repeat:no-repeat; background-position:left top; padding-left: 20px; margin-bottom:20px;}

#HPnewsCon {float:right; width:48%; margin-top:20px; border-left: #dae5ec 1px solid; padding-left:10px;}

#HPnewsCon .bgBlue {background-color:#ebf2f7; padding:5px;}

#HPnewsCon .newsSnippet {margin-top: 10px; margin-bottom:20px;}

#HPnewsCon img {float:left; margin-right:5px;border: solid 1px #ccd9e2; padding:1px;}

#HPrhtCon {float:right; width:256px;}

#HPrhtCon a{color:#ffaf35;}

#topFiveReasons {
	width: 247px; 
	height:265px; 
	background-image:url(../images/Top5ReasonPromo.jpg); 
	background-position:top left; 
	background-repeat:no-repeat; 
	padding-top:20px; 
	float: right;
}

#topFiveReasons .reasons {float:right; width:247px;}

#topFiveReasons .reasons span{color:#000033; margin-left:10px;}

.oneToFive {
	float:left; 
	margin-left:35px!important; margin-left:18px; 
	padding-top: 10px;
	clear:both; 
	line-height:1em; 
	width:200px; 
	height:28px; 
	font-size:0.85em;
}

#topFiveReasons .takeTour{
	float:left; 
	padding-left: 10px;
	margin-top: 13px!important; margin-top: 3px;
}

#topFiveReasons .takeTour h3 a{
	font-size:1em;
	color:#FFFFFF;
}

#HPsuccess {
	float:right; 
	width: 247px; 
	margin-top:16px; 
	margin-left:10px;
}

#HPsampleDiet {
	float:right; 
	margin-top:20px; 
	margin-left:10px; 
	background-image:url(../images/RHSdietMenusBg.gif); 
	background-repeat:no-repeat; 
	width:228px; 
	height:60px; 
	padding:10px;
}



#HPmembersBlog {
	float:right; 
	margin-top:20px; 
	margin-left:10px; 
	background-image:url(../images/RHSmemBlogsBg.gif); 
	background-repeat:no-repeat; 
	width:228px; 
	height:47px; 
	padding:10px;
}

#HPfurtherInfo {
	float:right; 
	clear:both; 
	margin-top:20px; 
	width:228px; 
	height:47px; 
	padding:10px;
}

#HPfurtherInfo .deviderLine {
	float:left; 
	margin-top: 0px!important; margin-top: 5px;
	padding-top:10px;
	background-image:url(../images/dotted_line_horz.gif); 
	background-position: center top; 
	background-repeat:repeat-x;
}

#HPfurtherInfo  img {
	float:left; 
	margin-right:3px; 
	border: solid 1px #ccd9e2; 
	padding:1px;
}

#HPrhsJoin {
	float:left; 
	clear:both; 
	background-image:url(../images/joinTodayOrgBgSm.gif); 
	background-position:center top; 
	background-repeat:no-repeat; 
	width:218px; 
	height:31px; 
	margin-top:20px; 
	padding:15px; 
	padding-top:5px;
}

#HPrhsJoin h3 a{margin-top:2px; margin-bottom:0px; color:#fff; font-size:1.5em; line-height:0.85em;}

#HPrhsJoin span{font-size:0.85em; margin-top:0px;}
