/* CSS Document */
body { background-color:#666666; margin: 10px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; }

/* top level containers */

#container { background-color:#FFFFFF; width:780px; margin-left:auto; margin-right:auto; }
#header { padding:10px 20px 10px 20px; }
#greystripe { width:100%; background-color:#CCCCCC; border-bottom:2px solid #999999; height:12px; }
#content { padding:10px 0px 10px 16px; width:auto; }
#footer { background-color:#CCCCCC; text-align:center; font-size:11px; color:#333333; width:auto; padding:20px 0px 20px 0px; }
#ErrorMessage { display:block; margin:10px 0 10px 0; color:Red; }

/* secondary containers */

#content #contentleft {float:left;}
#content #contentright {}
#stepheader {background-repeat:no-repeat; margin:0px; padding:0px; text-indent:-5000px;}

.page1contentleft {float:left; width:334px;}
.insidepageleft {float:left;}
.page1contentright {padding-left:358px; padding-right:5px; background-image:url(images/step1woman.jpg); background-repeat:no-repeat; background-position:99% 0%;}
.insidepagecontentright {}
#gymtip {width:165px; border:1px solid #CCCCCC; padding:45px 25px 25px 25px; background-image:url(images/gymtip.gif); background-repeat:no-repeat; background-position:10px 17px; font-size:11px; line-height:1.3em;}

/* step2 specific styles */
.page2contentleft {width:520px;}
.page2contentright {padding:418px 5px 0px 534px; background-image:url(images/step2woman.jpg); background-repeat:no-repeat; background-position:99% 13%;}
#step2orangeboxbtm {background-image:url(images/orangebox_bottomcurve_wide.gif); background-repeat:no-repeat; height:29px;}
.step2 {background-image:url(images/step2.gif); height:58px; width:520px;}
#step2orangeboxmiddle {background-image:url(images/orangebox_side_wide.gif); background-repeat:repeat-y; width:520px;}
#step2orangeboxmiddle #step2orangeboxcontent {background-image:none; background-color:White; width:437px; font-size:11px; color:#333333; padding:0px 10px 0px 52px; margin-left:10px;}
#step2orangeboxcontent p { padding-top:10px; font-size:12px; }
#step2form li.step2arrowbullet {background-image:url(images/step2arrow.gif); background-repeat:no-repeat; background-position:8px 20px; padding:10px 10px 10px 17px;}
#step2form li.alt {background-color:#FFFFFF;}
.gymbadge {margin:0px; padding:0px 0px 0px 22px; float:left;}
.step2bullettext { font-size:11px; color:#333333; font-weight:bold; padding:0px 0px 0px 30px; }
.step2bullettext strong { font-size:13px; }
.step2bullettext label { padding-left:4px; }
.learnmore {border:1px solid #CCCCCC; background-color:#FFFFFF; padding:3px 2px 3px 4px; margin:6px 0px 0px 0px;}
.learnmore .learnmorecheckbox {margin:0px; padding:0px 0px 0px 2px;}
.step2disclaimers {font-size:9px; float:left; width:190px; padding-left:70px; padding-top:22px;}
.matchNumber { font-size:14px; }

/* step 1 specific styles */
.step1 {background-image:url(images/step1.gif); height:57px; width:334px;}
#step1orangeboxmiddle {background-image:url(images/orangebox_side.gif); background-repeat:repeat-y; width:334px;}
#step1orangeboxbtm {background-image:url(images/orangebox_bottomcurve.gif); background-repeat:no-repeat; height:29px;}

#step1orangeboxmiddle #orangeboxcontent {background-image:none; background-color:White; width:276px; font-size:11px; color:#333333; padding:0px 10px 0px 28px; margin-left:10px;}
#step1form li.arrowbullet {background-image:url(images/formarrow.gif); background-repeat:no-repeat; padding:0px 0px 10px 18px; font-size:11px; color:#333333;}
.inputs {margin:8px 0px 5px 0px;}
.zip { width:75px; }
.textbox { width:200px; }
.disclaimers { font-size:9px; float:left; width:120px; }

/* step1 checkbox array styles */
#step1form .amenitiesbox {float:left; height:22px;}
#step1form .amenitiesboxalt {float:left; height:22px; background-color:#FFFFFF;}
#step1form .col1 {width:85px;}
#step1form .col2 {width:75px;}
#step1form .col3 {width:72px;}
#step1form .amenitiesbottompad {margin-bottom:16px;}
#step1form .lastrowcol1 {width:107px;}
#step1form .lastrowcol2 {width:63px;}
#step1form .lastrowcol3 {width:63px;}

#contentright.page1contentright ul {list-style:none; margin:0px; padding:0px;}
#contentright.page1contentright li.checkbullet { background-image:url(images/checkmark.gif); background-repeat:no-repeat; padding:0px 0px 0px 17px; margin-bottom:13px; height:18px; font-size:10px; color:#333333; }

#findgymimage { padding-top:0px; }

/* step3specific styles */
#step3form #Instructions {font-size:14px;}
#step3form #Instructions p { margin:0; padding:5px 0 10px 0; }
.page3contentright {padding:380px 5px 0px 534px; background-image:url(images/step3woman.jpg); background-repeat:no-repeat; background-position:93% 40%;}
.step3 {background-image:url(images/step3.gif); height:52px; width:520px;}
#step3form li.arrowbullet {background-image:url(images/formarrow.gif); background-repeat:no-repeat; background-position:7px 5px; padding:5px 0px 0px 25px; font-size:11px; font-weight:bold; color:#333333;}
#step3form li.alt {background-color:#FFFFFF;}
.step3bullettext {font-size:11px; color:#333333; font-weight:bold; padding:0px 0px 0px 0px;}
.step3disclaimers { font-size:9px; float:left; width:180px; padding-left:0px; padding-top:27px;}
#step3gymtip { width:125px; border:1px solid #CCCCCC; padding:45px 25px 25px 25px; background-image:url(images/gymtip.gif); background-repeat:no-repeat; background-position:10px 17px; font-size:11px; line-height:1.3em; }
.step3submit {padding-left:195px; padding-top:20px;}
.h2 { font-weight:bold; font-size:16px; padding:10px 0 10px 0; }

/* nomatches */
#nomatchesform #contentleft {float:left;}
#nomatchesform #contentright { float:left; margin-left:20px; width:185px; height:260px; background-image:url(images/step3woman.jpg); background-repeat:no-repeat; }
.nomatches { background-image:url(images/nomatches.gif); height:52px; width:520px; clear:both; float:none; }

/* confirmation page */
#confirmationform #contentleft {float:left;}
#confirmationform #contentright { float:left; margin-left:20px; width:185px; height:260px; background-image:url(images/step3woman.jpg); background-repeat:no-repeat; }
.confirmation { background-image:url(images/confirmation.gif); height:52px; width:520px; clear:both; float:none; }

/* text formatting styles */
.boldtext {font-weight:bold;}
form {margin:0px; padding:0px 11px 0px 0px;}
ul {list-style:none; margin:0px; padding:0px;}
h1 { color:#FF6600; font-weight:bold; font-size:23px; margin:0px; padding:0px 0px 23px 0px; width:285px; }
.listnumber {font-weight:bold; font-size:11px; color:#FFFFFF; float:left; width:12px; padding-top:20px;}	
p {font-size:11px; color:#333333; padding:0px 0px 20px 0px; line-height:1.3em; margin:0px;}
p.page1content { width:285px;}
p.requiredfield {padding-top:14px; padding-bottom:15px; font-weight:bold;}
.colored { color:#FF6600;}
a {text-decoration:none;}

#orangebox ul li #optionslist { color:#000000; font-weight:normal; }
.terms { font-size:10px; color:#000000; width:150px; }
.findgymbtn { margin-left:100px; width:150px; }
.requiredfield { color:#333333; font-weight:bold; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }