/* ESSENTIALS */

@import url('global.css');
@import url('form.css');
@import url('sIFR-screen.css');


/* LAYOUT */

/* Main Container */
div#container {
margin: 0 auto; padding: 0;
width: 960px;
text-align: left; }

/* Header */
div#header {
float: left;
margin: 0 20px 0 0;
width: 925px; height: 90px;
background: url(../images/beta.gif) no-repeat 170px 25px; }

h1#hd_logo {
float: left; z-index: 1; position: absolute;
margin: 15px 0 0 40px;
background: url(../images/guest_logo.gif) no-repeat; }

h1#hd_logo a { 
float: left;
width: 170px; height: 75px;
text-decoration: none;
background: none; }

div#member_login {
float: right;
margin: 18px 0 0;
width: auto; height: 45px; }

p#already {
float: left;
margin: 0 0 7px;
font-size: 1.2em; }

div#login {
float: left;
clear: left; }

div.loginfield {
float: left; position: relative;
margin: 0 5px 0 0; }

#guest_home label.overlabel { color: #bbb; }
#guest_home label.overlabel-apply {
position:absolute; z-index:1;
top: 4px; left: 4px;
font-size: 11px;
color: #bbb;
cursor: text; }

.btn_go {
float: left;
margin: 0 0 0 5px;
width: 28px; height: 20px;
text-indent: -999em;
background: url(../images/btn_go.gif) no-repeat;
cursor: pointer; }

div#forgot_password {
float: left; position: absolute; clear: both;
margin: 8px 0 0 -65px; padding: 30px 20px 0;
width: 288px; height: 79px;
z-index: 999;
background: url(../images/fp_bg.png) no-repeat; }

div#forgot_password div {
float: left; position: relative;
margin: 5px 0 0; }
div#forgot_password p {
font-size: 1.1em; }

.btn_retrieve {
float: left;
margin: 0 3px 0 5px;
width: 58px; height: 20px;
text-indent: -999em;
background: url(../images/btn_retrieve.gif) no-repeat;
cursor: pointer; }


/* COLUMN CONTENT */

div#wrapper {
float: left; clear: both;
margin: -20px 20px 0;
width: 925px; }

div#wrapper div.bigbox_inner {
padding: 35px 20px 45px;
width: 885px !important; }

div#registration {
float: left;
width: 540px; }

div#registration p.longtext {
text-align: justify;
margin: 0 0 1em;
line-height: 1.2em;
font-size: 1.2em; }

h2.guest_mainheading {
margin: 0 0 15px;
font: bold 2.4em Arial, Helvetica, sans-serif;
color: #ce0502; }

h3.guest_subheading {
margin: 0 0 15px;
font: bold 1.4em Arial, Helvetica, sans-serif;
color: #ce0502; }

div#captcha {
float: left;
margin: 0 0 20px; }

div#captcha img {
margin: 0 0 5px; }

div#captcha label {
float: left;
margin: 0 15px 0 0;
width: 117px;
font-weight: normal;
text-align: left;
color: #999; }

div.agreement {
margin: 0 !important; }

label.agreelabel {
float: none !important;
margin: 0 !important;
width: auto !important;
font-weight: normal !important;
font-size: 11px !important; }

p#form_help {
float: left;
margin: 10px 0 0 170px;
font-size: 1.1em;
line-height: 1.3em; }

ul#registration_progress {
float: left; list-style: none;
margin: 45px 0 20px 10px;
height: 16px;
background: url(../images/bg_progressbar.gif) no-repeat 11px 3px; }

ul#registration_progress li {
float: left; display: inline;
width: 160px; height: 16px;
background-image: url(../images/progress_dot.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #aaa; }

ul#registration_progress li.start {
background-image: url(../images/progress_dot_left.gif); }

ul#registration_progress li.end {
background-image: url(../images/progress_dot_right.gif);
background-color: #fff; }

ul#registration_progress li.completed {
background-image: url(../images/progress_heart.png); }

ul#registration_progress li.current {
color: #555; }

ul#registration_progress h3 {
float: left;
margin: -40px 0 0 -3px;
font-size: 1.6em; }

ul#registration_progress p {
float: left;
margin: -22px 0 0 -2px;
font-size: 1.2em; }


/* COLUMN SIDEBAR */

div#sidebar {
float: left; margin: 0 0 0 20px;
width: 320px; }

div#guest_intro {
float: left;
margin: 0 0 25px;
width: 320px; height: 80px;
background: url(../images/guest_intro.gif) no-repeat 50% 0; }

div#promo {
float: left;
width: 320px; height: 300px; }
 
div#testimonials {
float: left;
width: 320px; height: 224px; }

div#testimonials select {
margin: 0 5px 0 0; padding: 2px;
width: auto;
border: 1px solid #ccc;
font-size: 1.2em; }

div#hitchoocard {
float: left; position: relative;
width: 320px; height: 155px;
text-align: center; }

div#howitworks_big {
float: left;
margin: -20px 0 0;
width: 320px; height: 115px; }

a#hitchoocard_link {
position: absolute; z-index: 2;
left: 0;
background: none; }

div#hitchoocard_entry {
width: 260px; height: 145px;
padding: 10px 30px 0;
text-align: left; }

p.cardinstructions {
margin: 0 0 10px;
font-size: 1.3em;
line-height: 1.3em; }

div.cardfield {
float: left; clear: left; position: relative;
margin: 0 0 5px 0;
width: 150px; }

div.cardfield a {
background: none; }

div.cardfield > label.overlabel-apply {
top: 6px !important;
left: 6px !important; }

.btn_view_profile {
float: left;
margin: 0 5px 0 0;
width: 77px; height: 20px;
text-indent: -999em;
background: url(../images/btn_view_profile.gif) no-repeat;
cursor: pointer; }

div.steps {
float: left;
margin: 25px 0 0;
width: 320px; height: 180px;
background-position: center center;
background-repeat: no-repeat; }

div.step2 {
background-image:url(../images/steps2.gif); }



/* FOOTER */

div#footer {
float: left; clear: both;
margin: 5px 0 0 40px;
width: 905px; }

p#copyright {
float: left;
font-size: 1.2em; }

ul#guest_nav_footer {
list-style: none;
float: right;
margin: 0 25px 0 0; }

ul#guest_nav_footer li {
display: inline; float: left;
margin: 0 0 0 15px;
font-size: 1.1em; }