/* CSS Document */
* {
margin:0px;
padding:0px;
}

.input {
width:210px;
}

body {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
height:100%;
margin:0px;
padding:0px;
}

#header-container {
height:120px;
width:100%;
border-bottom:6px #ffcc33 solid;
background-color:#000066;
}

#header {
width:1064px;
margin:0 auto;
}

#logo-holder {
padding-top:55px;
float:left;
float:left;
}

#top-navigation {
float:right;
padding-top:18px;
}

#top-navigation li {
display:inline;
}

#top-navigation a {
display:block;
float:left;
padding-left:18px;
font-weight:bold;
color:#9696ad;
text-decoration:none;
height:15px;
}

#top-navigation a:hover {
color:#ffcc33;
}

#content-container {
width:1064px;
margin:0 auto;
padding:0px;
clear:both;
background:url(images/background-footer.gif) bottom no-repeat #000066;
}

#main-image {
height:315px;
width:532px;
float:left;
}

#seo_text {
background-image:url(images/main-image1.jpg);
background-repeat:no-repeat;
float:left;
width:532px;
height:315px;
}

#seo_text h1 {
font-size:20px;
font-weight:bold;
padding:25px 0 0 40px;
}

#content-text {
clear:both;
height:341px;
padding:36px 42px 48px 42px;
}

.text_left {
float:left;
width:530px;
}

.text_left h1 {
font-size:20px;
}

.bullets {
margin:0 0 0 20px;
font-size:14px;
font-weight:bold;
}

.bullet ul {
}

.bullets li {
list-style-image:url(images/bullet-tick.gif);
margin-top:16px;
}

*html .bullets li {
padding-left:10px;
}

#form_step_1 {
position:absolute;
left:50%;
margin-left:42px;
margin-top:87px;
width:418px;
height:444px;
background:url(images/step-1.gif) no-repeat;
padding:0px 20px;
}

.step_1_layer_1 {
clear:both;
padding:14px 0 0 26px;
}

.seo_1_layer_1 h1{
font-size:18px;
}

.step_1_layer_2 {
clear:both;
padding:24px 0 0 26px;
color:#9696ad;
font-weight:bold;
font-size:12px;
width:176px;
text-align:justify;
}

.step_1_layer_3 {
clear:both;
padding:56px 0 0 26px;
color:#000066;
font-weight:bold;
font-size:14px;
line-height:34px;
}

.step_1_layer_4 {
clear:both;
padding:1px 0 0 274px;
}

*html .step_1_layer_4 {
padding:14px 0 0 274px;
}

.step_1_layer_4 a {
background-image:url(images/start-btn.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}

.step_1_layer_4  a:hover {
background-image:url(images/start-btn-hover.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}

.error {
border:4px #ffcf30 solid;
background-color:#ffffff;
text-align:left;
width:232px;
padding:5px;
margin-bottom:20px;
color:#9696ad;
font-weight:bold;
margin-left:38px;
margin-top:20px;
}

.error ul li {
text-align:left;
}

.error ul {
padding-left:22px;
}

.text_right {
float:left;
width:358px;
font-weight:bold;
font-size:11px;
line-height:13px;
padding:84px 0px 0 38px;
}

.title_white {
font-size:20px;
font-weight:bold;
}

.title_yellow {
font-size:20px;
font-weight:bold;
color:#ffcc33;
}

.bullet_blue {
color:#c8c8e9;
}

.text_yellow {
font-size:11px;
font-weight:bold;
color:#ffcc33;
}

.text_blue {
font-size:11px;
font-weight:bold;
color:#c8c8e9;
}

.step_1_blue {
font-size:18px;
font-weight:bold;
color:#2862e0;
}

.step_1_yellow {
font-size:18px;
font-weight:bold;
color:#ffcc33;
}








/*  Stages pages */

#stage_header_2 {
width:100%;
background:url(images/header-stage-2.jpg) no-repeat;
height:69px;
}

#stage_header_3 {
width:100%;
background:url(images/header-stage-3.jpg) no-repeat;
height:69px;
}

#stage_header_4 {
width:100%;
background:url(images/header-stage-4.jpg) no-repeat;
height:69px;
}

#stage_header_5 {
width:100%;
background:url(images/header-stage-5.jpg) no-repeat;
height:69px;
}

.mortgage_type_out h1 {
color:#e8e7e5;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 110px;
}

.mortgage_details_active h1 {
color:#2862e0;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 118px;
}

.mortgage_details_out h1 {
color:#e8e7e5;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 118px;
}

.personal_details_out h1 {
color:#e8e7e5;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 112px;
}

.personal_details_active h1 {
color:#2862e0;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 112px;
}

.additional_info_out h1 {
color:#e8e7e5;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 112px;
}

.additional_info_active h1 {
color:#2862e0;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 112px;
}

.your_details_out h1 {
color:#e8e7e5;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 122px;
}

.your_details_active h1 {
color:#2862e0;
font-size:16px;
font-weight:bold;
float:left;
padding:19px 0 0 122px;
}

#stage_container {
clear:both;
width:100%;
height:318px;
}

#stage_bg_left {
float:left;
background:url(images/stages-bg-left.jpg) no-repeat;
width:42px;
height:318px;
}

#stage_text_holder {
float:left;
width:893px;
background:url(images/stage-container.jpg) no-repeat;
height:381px;
padding:37px 0 0 58px;
}

#your_details_holder {
float:left;
width:893px;
background:url(images/stage-container.jpg) no-repeat #ffcc33 bottom;
height:500px;
padding:37px 0 0 58px;
}

#stage_bg_right {
float:left;
background:url(images/stages-bg-right.jpg) no-repeat;
width:71px;
height:318px;
}

#extra_text {
clear:both;
height:190px;
}

.option_layer {
clear:both;
width:640px;
}

#all_options {
clear:both;
height:232px;
}

#errors {
position:absolute;
margin:0 0 0 604px;
}

#all_options_last {
clear:both;
height:451px;
}

#confirm {
clear:both;
height:791px;
}

#confirm_details {
float:left;
width:893px;
background:url(images/stage-container.jpg) no-repeat #ffcc33 bottom;
height:840px;
padding:37px 0 0 58px;
}

.all_details td {
color:#000066;
font-size:12px;
font-weight:bold;
padding-bottom:5px;
padding-right:12px;
vertical-align:top;
line-height:14px;
}


#confirm_details span {
color:#ffffff;
font-size:12px;
}

#confirm_details td {
font-size:12px;
}

.float_left {
color:#000066;
float:left;
font-size:14px;
font-weight:bold;
margin:0 0 24px 0;
}

.details td {
color:#000066;
font-size:14px;
font-weight:bold;
padding-bottom:8px;
padding-right:12px;
}

.float_right {
float:right;
margin:0px 0 24px 0;
}

#warning_text {
font-size:11px;
font-weight:bold;
padding-top:0px;
}
*html #warning_text {
padding-top:0px;
}

.back_button {
position:absolute;
padding:0px 0 0 658px;
}

.back_padding {
padding-left:10px;
}

.back_button a {
background-image:url(images/back.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}

.back_button  a:hover {
background-image:url(images/back-hover.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}

.next_button {
position:absolute;
padding:0px 0 0 769px;
}

.next_button a {
background-image:url(images/next.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}

.next_button  a:hover {
background-image:url(images/next-hover.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}

.update_button {
position:absolute;
padding:0px 0 0 769px;
}

.update_button a {
background-image:url(images/update.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}

.update_button  a:hover {
background-image:url(images/update.gif);
background-repeat:no-repeat;
width:101px;
height:38px;
position:absolute;
}