@import "lightbox.css";
@import "footer.css";
@import "menucss.css";
@import "right.css";
@import "top.css";

* { margin: 0; }


.specialuk{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#000;
line-height:70px;
font-weight:bold;
text-decoration:none;
}

a.specialuk:link{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#000;
line-height:70px;
font-weight:bold;
text-decoration:none;
}

a.specialuk:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#000;
line-height:70px;
font-weight:bold;
text-decoration:none;
}

a.specialuk:active{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#000;
line-height:70px;
font-weight:bold;
text-decoration:none;
}

a.specialuk:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#FF6600;
line-height:70px;
font-weight:bold;
text-decoration:none;
}

#specialoffers{
float:left;
width:527px;;
background-color:#FFF;
border:1px #000 solid;
padding:10px;
margin-left:1px;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}



body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background-image:url(../images/bk.jpg);
background-repeat:repeat-x;
color:#333;
letter-spacing:0px;
}

a:link{color:#000;}
a:hover{color:#999;}
a:visited{color:#000;}
a:active{color:#000;}

.p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
color:#000;
}

a.oran:link, a.oran:visited, a.oran:active{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:38px;
color:#000;
text-decoration:none;
}

a.oran:hover{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:38px;
color:#000;
text-decoration:underline;
}

.p1a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
color:#000;
}

.p1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#000;
}

.h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:28px;
color:#666;
text-align:center;
}

.h1a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:28px;
color:#000;
}

.h1ab{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:28px;
color:#E36D0D;
text-align:center;
}

.h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#F68520;
font-weight:bold;
}

.h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
}

#wrapper{
margin:0 auto;
width:980px;
}

#top{
background-color:#FFF;
border-top:20px solid #F68520;
width:970px;
float:left;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
margin-top:-8px;
position:relative;
}


#main{
background-color:#F6F4F4;
width:976px;
float:left;
border-left:#F68520 solid 2px;
border-right:#F68520 solid 2px;
padding-top:15px;
padding-bottom:15px;
}
	
#content{
float:left;
width:550px;
}

#content-signup{
width:750px;
margin:0 auto;
text-align:center;
overflow:hidden;
}

#ctop{
float:left;
width:550px;
text-align:left;
margin-bottom:10px;
margin-top:10px;
}

#ctop-signup{
float:left;
width:750px;
text-align:left;
margin-bottom:10px;
margin-top:10px;
}

#coleft{
float:left;
width:110px;
margin-right:15px;
}

#footer{
background-color:#F68520;
width:980px;
padding-top:10px;
padding-bottom:10px;
float:left;
margin-bottom:0px;
font-weight:bold;
}

#footerleft{
float:left;
width:540px;
margin-left:20px;
font-size:11px;
color:#333;
}

#footerright{
float:left;
width:330px;
margin-left:70px;
}

img{
border:0px;
}


.style8 {
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	line-height:75px;
}
.style11 {color: #E36D0D}
.style17 {
	font-size: 33px;
	color: #000000;
}
.style18 {font-size: 24px;line-height:36px;}
.style20 {
	font-size: 36px;
	font-weight: bold;
}

.hukoffer2:link, .hukoffer2:visited, .hukoffer2:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:#F68520;
font-weight:bold;
text-decoration:none;
}

a.hukoffer2:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:#666;
font-weight:bold;
text-decoration:none;
}

/* personal information styles */
.PersonalInformation {
    margin-bottom: 20px; overflow: hidden; width: 750px;
}

.PersonalInformation strong { margin: 0 0 3px 0; display: inline-block }

.PersonalInformation .shortfield {
	width: 120px;  
    float: left;  
}
.PersonalInformation .shortfield2 { float: left; width: 195px;  }
.PersonalInformation .field {
	width: 180px;  
    float: left;  
}

.PersonalInformation .field select.dob-day {text-align:center;}
.PersonalInformation .field select.dob-mth { text-align:center;}
.PersonalInformation .field select.dob-yr {text-align:center;}


.PersonalInformation .spacer { width: 40px; height: 20px; display: inline-block; float: left }

.PersonalInformation .widefield {
    width: 270px;  
    float: left;    
}

.PersonalInformation .widestfield {
    width: 540px;  
    float: left;    
}
.PersonalInformation .widestfield input { width: 500px !important; }  

.PersonalInformation .row {
    display: block;  
    height: 60px;
}

.paymentOptions {
	width:750px;
	text-align:center;
	margin:10px auto;
}

.radioBtns_table { }
.radioBtns_table td label { float: left; margin: 0 0 0 5px; height: 20px; }
.radioBtns_table td input { float: left;  height: 20px;  margin: 0 !important; padding: 0 !important;}
/**/

.HealthQuestions {
    margin-bottom: 20px;       
}

.HealthQuestions .RadioButtonList{
    border: 0px;
    padding: 2px; 
    width: 100%;   
}
.HealthQuestions .RadioButtonList label{
    padding-left: 3px;    
}
.HealthQuestions table {
    border: 2px solid #F68520;      
}

.HealthQuestions table td {
    vertical-align: top;  
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px; 
    border: 0px;   
}

.blankBackground {
    background-color:#FFFFFF;
}

.validation{
    color:#F68520;
    font-weight: bold;
    width: 3px;  
}

.MembershipSelected{
    border: 2px solid #F68520;
    padding: 10px;
    margin-bottom: 20px; 
}

.summary {
    color: Red;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 500px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 25px 25px 25px 25px;
}

.steps ol { border: 1px solid red; }
.steps li {
    float: left;
    margin-right: 5px;
    height: 20px; 
    padding: 10px 29px;   
    font-weight: bold; font-size: 12px;
}

.steps .orange { background-color: #F68520; color: #FFF; }

.steps .gray { background-color: #fdeedd; color: #999999; }

.steps .lightorange { background-color: #fdeedd; color: #000000; }

.steps { height: 50px; list-style-type: none; left: 0px; margin-left:0px; padding-left: 0px; }

.orange_border {
    border: 2px solid #F68520;  
    padding: 10px;    
}
.title{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:36px;
	background-color:#F68520;
	text-align:center;
	color:#FFF;
	margin-bottom:10px;
}


/* Styles for SelectGymAndProduct control*/
.GymControlTitle
{
    background-color:#fdeedd; 
    cursor:pointer; 
    cursor:hand; 
    padding:7px; 
    font-weight:bold;
    color: #333;
}

.GymControlTitleOn
{
    background-color:#f68520; 
    cursor:pointer; 
    cursor:hand; 
    padding:7px; 
    font-weight:bold;
    color: #FFF;
}

.GymControlMembership
{
    background-color:#f6f4f4; 
    cursor:pointer; 
    cursor:hand;     
    color: #333;
}

.GymControlMembershipOn
{
    background-color:#f68520; 
    cursor:pointer; 
    cursor:hand; 
    color: #FFF;
}

.GymControlTitleImage
{
    float: right;    
}

.GymControlDetails
{
    display:none; 
    border: 2px solid #f68520;
}

.GymControlMembershipOn td,
.GymControlMembership td
{
    cursor:pointer; 
    cursor:hand; 
    padding:6px 6px;
}

/* END Styles for SelectGymAndProduct control*/

.gymInfo {
	width:390px;
	vertical-align:top;
}

.gymSpacer {
	width:100px;
}

.gymMembership {
	width:250px;
}


.confirmation-options {
	background:none;
	margin:0 80px;
	clear:both;
	overflow:hidden;
}

.confirmation-options input {
	background:none;
	float:left;
	margin:0 10px 0 0;
}

.confirmation-options label {
	background:none;
	float:left;
	width:520px;
	margin:0 0 10px 10px;
}

.clear {
	clear:both;
}