body 
{
	margin:5px 0px; padding:0px;
	text-align:center;

}

#center 
{
	width:750px;
	margin:0px auto;
	text-align:left;

}

.hide, hr
{
    position:absolute;
    left: -100000px;
    height: 0px;
    margin-left: -10000px;
}

img 
{
    border: none;
}

h1, h2
{
    float: left;
    position: absolute;
    margin-top: 0px;     
}

h2
{
 margin-left: 90px;
}

#header
{
    position: absolute;
z-index: 5;
width: 750px;
}

#headerRight
{
    float: right;
    text-align: right;
}

#headerRight img
{
    margin-top: 10px;
    margin-bottom: -4px;
    margin-right: 5px;
}

#nav 
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 4px;
    float: left;
}

#nav li
{
    float: left;
    padding-right: 7px;
}

#nav li .button 
{
     margin-top: 3px;
}

/* ================ */

#promo li
{
    margin: 18px 5px 0 130px;
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Discover-More-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 106px;
    height: 38px;    
}

#promo .register li
{   
    background-image: url(../images/Register-Free-Rollover.jpg);   
}

#promo li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}


#promo a:link, #promo a:visited, #promo a:visited
{
    background-image: url(../images/Discover-More-Rollover.jpg); 
    background-position: 0px 0px;    
}

/* ================== */

.hr 
{
    /*background-image: url("Images/hr.jpg");*/
    background-color: #999999;    
    height: 1px;
    z-index: 1;
    position:relative;
    width: 740px;
    margin: 5px 5px 0px 3px;
    float: left;
    clear: both;
}

.vr
{
    float: left;
    width: 233px;
    height: 195px;
    margin: 8px 5px;
}

.box
{
    float: left;
    width: 241px;
    height: 199px;
    margin-top: 4px;   
}

.box p
{
    
    font-size: 12px;
    font-family:Arial;
    margin: 4px 4px 0 4px;

}

.promoImage
{
    margin-top: -9px;
    z-index: 0;
    position:absolute; 
    padding: 0 0 0 3px;
}

.promoTitle
{
    margin: 85px 0 0 4px;  
}

.vr
{
    width: 3px;
}

#noflash {
margin-top: -48px;
}

#green
{
    background-color: #cad3b1;
}

#promo
{
    margin-left: -3px;
}

#promo .button
{
    margin: 18px 5px 0 130px;
    position:absolute;
    padding: 0px;
}

* html #promo li
{
    margin: 14px 5px 0 130px;
    	
}

#promo ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#promo li
{
    margin: 18px 5px 0 130px;
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Discover-More-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 106px;
    height: 24px;    
}

#promo .register li
{   
    background-image: url(../images/Register-Free-Rollover.jpg);   
}

#promo li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}


#promo a:link, #promo a:visited, #promo a:visited
{
    background-image: url(../images/Discover-More-Rollover.jpg); 
    background-position: 0px 0px;    
}

#promo .register a:link, #promo .register a:visited, #promo .register a:visited
{   
    background-image: url(../images/Register-Free-Rollover.jpg);   
    background-position: 0px 0px;        
}


#promo a:hover 
{
    background-image: url(../images/Discover-More-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;
}

#promo .register a:hover
{         
    background-image: url(../images/Register-Free-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;    
}

#footer
{
    font-family: Verdana, Arial;
    font-size: 12px;
    list-style-type: none;
    padding: 0;
    float: left;
    clear: both;
    width: 740px;
    margin: 0px 0 0 3px;  
}

#footer li 
{
    float: left;
}

#moveRight 
{
    padding-left: 518px;
    float: right;
}

#body {
    height: 470px;
    margin: -5px 0 5px 0;
}

#bodyCenter {
    position:absolute;
    margin-left: -27px;
}

a
{
    text-decoration: none;
    color: Black;
}

a:hover
{
    text-decoration: underline;
}

#home
{

z-index: -5;
}

#registration
{
position:absolute;
top: 168px;
left: 155px;
z-index: 10;
color: white;
width: 350px;
padding: 0px;
margin: 0px;
}

#registration label
{
float:left;
display: block;
width: 150px;
clear: left;
}

#registration input
{
  background-color: #333333;
  border: 1px solid #668020;
  width: 150px;
  color: white;
  background-image: url(../images/Input.jpg); 
  padding: 2px 2px;
  height: 15px;
  margin: 12px 0 0 0px;
  font-size: 10px;
  clear: both;
  position: relative;  
 top: -8px;
}

* html #registration input
{

}

#registration .checkbox {
width: 20px;
}


#registration #ctl00_ContentPlaceHolder1_CheckBox1
{
width: 15px;
border: none;
    position:absolute; 
top: 128px;
float: left;
}

* html #registration #ctl00_ContentPlaceHolder1_CheckBox1
{
top: 125px;
}


#registration #ctl00_ContentPlaceHolder1_CheckBox2
{
width: 15px;
border: none;
    position:absolute;
top: 150px; 
float: left;
}

* html #registration #ctl00_ContentPlaceHolder1_CheckBox2
{
top: 157px; 
}

#registration ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#registration li
{
    margin: 25px 5px 0 0px;
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Submit-Details-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 106px;
    height: 24px; 

}

#registration li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#registration a:link, #registration a:visited, #registration a:visited
{
    background-image: url(../images/Click-Submit-Details-Rollover.jpg); 
    background-position: 0px 0px;    
}

#registration a:hover 
{
    background-image: url(../images/Click-Submit-Details-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;
}

/*--*/

#reset
{
		position:absolute;
		top: 168px;
		left: 115px;
		z-index: 10;
		color: white;
		width: 300px;
		padding: 0px;
		margin: 0px;
}

#reset p
{
		font-family:Verdana;
		font-size:10px;
}

#reset label
{
		font-family:Verdana;
		font-size:10px;
		float:left;
		display: block;
		width: 100px;
		margin-top:8px;
		clear: left;
}

#reset input
{
		background-color: #333333;
		border: 1px solid #668020;
		width: 150px;
		color: white;
		background-image: url(../images/Input.jpg); 
		padding: 2px 2px;
		height: 15px;
		margin: 12px 0 0 0px;
		font-size: 10px;
		clear: both;
		position: relative;  
		top: -8px;
}

#reset .imagebutton
{
		width: 108px;
		height: 26px;
		margin: 0px 0 0 140px;
		top: -8px;		
}

#reset ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#reset li
{
    margin: 25px 5px 0 0px;
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Submit-Details-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 106px;
    height: 24px; 

}

#reset li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#reset a:link, #registration a:visited, #registration a:visited
{
    background-image: url(../images/Click-Submit-Details-Rollover.jpg); 
    background-position: 0px 0px;    
}

#reset a:hover 
{
    background-image: url(../images/Click-Submit-Details-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;
}

/*--*/

#Login
{
    position:absolute;
top: 200px;
left: 60px;
color: white;
z-index: 10;
}

#Login ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#Login li
{
    margin: 18px 5px 0 185px;
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-To-Register-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 106px;
    height: 24px;    
}

#Login .signin li
{
    margin: 18px 5px 0 185px;
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-To-Sign-In.jpg); 
    background-position: 0px 0px;    
    width: 106px;
    height: 24px;    
}


#Login li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#Login a:link, #Login a:visited, #Login a:visited
{
    background-image: url(../images/Click-To-Register-Rollover.jpg); 
    background-position: 0px 0px;    
}

#Login .signin a:link, #Login .signin a:visited, #Login .signin a:visited
{   
    background-image: url(../images/Click-To-Sign-In.jpg);   
    background-position: 0px 0px;        
}

#Login a:hover 
{
    background-image: url(../images/Click-To-Register-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;
}

#Login .signin a:hover
{         
    background-image: url(../images/Click-To-Sign-In.jpg); 
    background-position: 0px -24px;
    cursor: pointer;    
}

#Login #fields
{         
   Position:relative;
top: 92px;
left: 90px;

}

#Login input
{
 margin: 3px;
 border: 1px solid #668020;
 background-color: #333333;
   background-image: url(../images/Input.jpg); 
color: white;
font-size: 11px;
padding: 3px 2px;
}

#Login .signin
{
   Position:relative;
top: 80px;

}

#ctl00_ContentPlaceHolder1_loginError
{
   Position:relative;
top: 120px;
left: 95px;
font-size: 11px;
color: red;
}

#ctl00_ContentPlaceHolder1_regError
{
   Position:relative;
top: 80px;
left: -10px;
font-size: 11px;
color: red;
}


.home
{
    Position:absolute;
    top: 210px;
    left: 66px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.home li
{
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Register-Free-For-Your-Training-Programme-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 247px;
    height: 25px;    
}

.home li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

.home a:link, .home a:visited, .home a:visited
{
    background-image: url(../images/Click-Register-Free-For-Your-Training-Programme-Rollover.jpg); 
    background-position: 0px 0px;    
}

.home a:hover 
{
    background-image: url(../images/Click-Register-Free-For-Your-Training-Programme-Rollover.jpg); 
    background-position: 0px -25px;
    cursor: pointer;
}

.benefits
{
    Position:absolute;
    top: 406px;
    left: 63px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.benefits li
{
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Register-Free-For-Your-Training-Programme-Benefits-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 241px;
    height: 22px;    
}

.benefits li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

.benefits a:link, .benefits a:visited, .benefits a:visited
{
    background-image: url(../images/Click-Register-Free-For-Your-Training-Programme-Benefits-Rollover.jpg); 
    background-position: 0px 0px;    
}

.benefits a:hover 
{
    background-image: url(../images/Click-Register-Free-For-Your-Training-Programme-Benefits-Rollover.jpg); 
    background-position: 0px -22px;
    cursor: pointer;
}

.fitnessMatters
{
    Position:absolute;
    top: 370px;
    left: 63px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.fitnessMatters li
{
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Here-To-Find-Out-More-About-Tha-TA-Rolloverb.jpg); 
    background-position: 0px 0px;    
    width: 240px;
    height: 26px;    
}

.fitnessMatters li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

.fitnessMatters a:link, .fitnessMatters a:visited, .fitnessMatters a:visited
{
    background-image: url(../images/Click-Here-To-Find-Out-More-About-Tha-TA-Rolloverb.jpg); 
    background-position: 0px 0px;    
}

.fitnessMatters a:hover 
{
    background-image: url(../images/Click-Here-To-Find-Out-More-About-Tha-TA-Rolloverb.jpg); 
    background-position: 0px -26px;
    cursor: pointer;
}

.getFit
{
    Position:absolute;
    top: 389px;
    left: 61px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.getFit li
{
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Here-To-Find-Out-More-About-Tha-TA-GetFit-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 225px;
    height: 24px;    
}

.getFit li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

.getFit a:link, .getFit a:visited, .getFit a:visited
{
    background-image: url(../images/Click-Here-To-Find-Out-More-About-Tha-TA-GetFit-Rollover.jpg); 
    background-position: 0px 0px;    
}

.getFit a:hover 
{
    background-image: url(../images/Click-Here-To-Find-Out-More-About-Tha-TA-GetFit-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;
}

.aboutTheTA
{
    Position:absolute;
    top: 420px;
    left: 59px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.aboutTheTA li
{
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Find-Your-Nearest-TA-Centre-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 173px;
    height: 24px;    
}

.aboutTheTA li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

.aboutTheTA a:link, .aboutTheTA a:visited, .aboutTheTA a:visited
{
    background-image: url(../images/Click-Find-Your-Nearest-TA-Centre-Rollover.jpg); 
    background-position: 0px 0px;    
}

.aboutTheTA a:hover 
{
    background-image: url(../images/Click-Find-Your-Nearest-TA-Centre-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;
}

#join
{
    Position:absolute;
    top: 273px;
    left: 68px;
    padding: 0px;
    margin: 0px;
}

#terms
{
    Position:absolute;
    top: 161px;
    left: 18px;
    padding: 0px;
    margin: 0px;
}
#optin
{
		Position:absolute;
    top: 138px;
    left: 18px;
    padding: 0px;
    margin: 0px;
}
* html #terms
{
    top: 169px;
}




#home ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#home li
{
    margin: 2px 0px 0 0px;
    
    float: left;
    padding: 0px;    
    background-image: url(../Images/Home.jpg); 
    background-position: 0px 0px;    
    width: 40px;
    height: 12px;    
}

#home li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#home a:link, #home a:visited, #home a:visited
{
    background-image: url(../images/Home.jpg); 
    background-position: 0px 0px;    
}

#home a:hover 
{
    background-image: url(../images/Home.jpg); 
    background-position: 0px -12px;
    cursor: pointer;
}

#benefits ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#benefits li
{
    margin: 2px 0px 0 0px;
    
    float: left;
    padding: 0px;    
    background-image: url(../Images/Benefits-of-Fitness.jpg); 
    background-position: 0px 0px;    
    width: 146px;
    height: 12px;    
}

#benefits li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#benefits a:link, #benefits a:visited, #benefits a:visited
{
    background-image: url(../images/Benefits-of-Fitness.jpg); 
    background-position: 0px 0px;    
}

#benefits a:hover 
{
    background-image: url(../images/Benefits-of-Fitness.jpg); 
    background-position: 0px -12px;
    cursor: pointer;
}

#fitness ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#fitness li
{
    margin: 2px 0px 0 0px;
    float: left;
    padding: 0px;    
    background-image: url(../Images/Fitness-Matters.jpg); 
    background-position: 0px 0px;    
    width: 259px;
    height: 12px;    
}

#fitness li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#fitness a:link, #fitness a:visited, #fitness a:visited
{
    background-image: url(../images/Fitness-Matters.jpg); 
    background-position: 0px 0px;    
}

#fitness a:hover 
{
    background-image: url(../images/Fitness-Matters.jpg); 
    background-position: 0px -12px;
    cursor: pointer;
}

#training ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#training li
{
    margin: 2px 0px 0 0px;
    
    float: left;
    padding: 0px;    
    background-image: url(../Images/Start-Training.jpg); 
    background-position: 0px 0px;    
    width: 114px;
    height: 12px;    
}

#training li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#training a:link, #training a:visited, #training a:visited
{
    background-image: url(../images/Start-Training.jpg); 
    background-position: 0px 0px;    
}

#training a:hover 
{
    background-image: url(../images/Start-Training.jpg); 
    background-position: 0px -12px;
    cursor: pointer;
}

#real ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#real li
{
    margin: 2px 0px 0 0px;
    
    float: left;
    padding: 0px;    
    background-image: url(../Images/Get-Fit.jpg); 
    background-position: 0px 0px;    
    width: 117px;
    height: 12px;    
}

#real li a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#real a:link, #real a:visited, #real a:visited
{
    background-image: url(../images/Get-Fit.jpg); 
    background-position: 0px 0px;    
}

#real a:hover 
{
    background-image: url(../images/Get-Fit.jpg); 
    background-position: 0px -12px;
    cursor: pointer;
}

.getStarted
{
    Position:absolute;
    top: 260px;
    left: 59px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.getStarted li
{
    position:absolute;    
    float: left;
    padding: 0px;    
    background-image: url(../images/Click-Here-To-Get-The-Latest-Version-Of-Flash-Rollover.jpg); 
    background-position: 0px 0px;    
    width: 249px;
    height: 24px;    
}

.getStarted li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

.getStarted a:link, .getStarted a:visited, .getStarted a:visited
{
    background-image: url(../images/Click-Here-To-Get-The-Latest-Version-Of-Flash-Rollover.jpg); 
    background-position: 0px 0px;    
}

.getStarted a:hover 
{
    background-image: url(../images/Click-Here-To-Get-The-Latest-Version-Of-Flash-Rollover.jpg); 
    background-position: 0px -24px;
    cursor: pointer;
}

/*--*/

#forgotten
{
		position:absolute;
		top: 168px;
		left: 36px;
		z-index: 10;
		color: white;
		width: 150px;
		padding: 0px;
		margin: 0px;
}

#forgotten p
{
		font-family:Verdana;
		font-size:10px;
}

#forgotten a 
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;  
}

#forgotten a:link, #forgotten a:visited, #forgotten a:visited
{
    background-image: none; 
    background-position: 0px 0px;    
}

#forgotten a:hover 
{
    background-image: none; 
    background-position: 0px 0px;
    cursor: pointer;
}

/*--*/

div#mainContent {
    background: url(../Images/Home-Page-New.jpg) 0 0 no-repeat;
    width: 800px;
    height: 470px;
    position: relative;
}

a#btnGetPlan {
    position: absolute;
    top: 255px;
    left: 65px;
    background: url(../Images/btn-get-plan.jpg) 0 0 no-repeat;
    width: 126px;
    height: 24px;
}

a#btnGetPlan:hover {
    background-position: 0 -24px;
}

a#btnJoinCommunity {
    position: absolute;
    top: 283px;
    left: 65px;
    background: url(../Images/btn-join-community.jpg) 0 0 no-repeat;
    width: 168px;
    height: 24px;
}

a#btnJoinCommunity:hover {
    background-position: 0 -24px;
}
div#mediaLinks {
    background: url(../Images/links-left.jpg) -1px 0 no-repeat;
    left: auto;
    position: absolute;
    top: 369px;
    left: 62px;
    width: 647px;
    height: 77px;
}

a#mediaLink1 {
    width: 101px;
    height: 76px;
    position: absolute;
    left: 268px;
    top: 0;
    background: url(../Images/links-link1.jpg) 0 0 no-repeat;
}

a#mediaLink1:hover {
    background-position: 0 -77px;
}

a#mediaLink2 {
    width: 100px;
    height: 76px;
    position: absolute;
    left: 369px;
    top: 0;
    background: url(../Images/links-link2.jpg) 0 0 no-repeat;
}

a#mediaLink2:hover {
    background-position: 0 -77px;
}

a#mediaLink3 {
    width: 100px;
    height: 76px;
    position: absolute;
    left: 469px;
    top: 0;
    background: url(../Images/links-link3.jpg) 0 0 no-repeat;
}

a#mediaLink3:hover {
    background-position: 0 -77px;
}

a#mediaLink4 {
    width: 104px;
    height: 76px;
    position: absolute;
    left: 569px;
    top: 0;
    background: url(../Images/links-link4.jpg) 0 0 no-repeat;
}

a#mediaLink4:hover {
    background-position: 0 -77px;
}

div#overlayContent {
    background: url(../Images/Home-Page-Overlay.jpg) 0 0 no-repeat;
    width: 800px;
    height: 470px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

div#overlayClose {
    position: absolute;
    left: 519px;
    top: 172px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

div#overlayText {
    position: absolute;
    top: 182px;
    left: 282px;
    width: 229px;
    height: 49px;
}

div#overlaySubscribe {
    position: absolute;
    top: 246px;
    left: 282px;
}

div#overlaySubscribe a {
    display: inline-block;
    width: 163px;
    height: 34px;
    background: url(../Images/btn-subscribe.jpg) 0 0 no-repeat;
}

div#overlaySubscribe a:hover {
    background-position: 0 -34px;
}

div#overlayDownload {
    position: absolute;
    top: 297px;
    left: 282px;
}

div#overlayDownload a {
    display: inline-block;
    width: 163px;
    height: 34px;
    background: url(../Images/btn-download.jpg) 0 0 no-repeat;
}

div#overlayDownload a:hover {
    background-position: 0 -34px;
}

:focus {
    outline: none;
}