/* -------------------------------------------------------------- 
   Containers
-------------------------------------------------------------- */

body {
  margin-top: 0;
  font-family: Tahoma;
  color: #5D5D5F;
}

#page {
}

#user_bar {
  position: absolute;
  top: 0;
  right: 0;
}

.content_block {
  margin: 0 auto;
  width: 960px;
  position: relative;
  clear: both;
  margin-bottom: 20px;
}

#content_wrap {
  background: #FFF url('../images/hero-bg.jpg') repeat-x scroll bottom left;
}

#content_inner_wrap {
  margin: 0 auto;
  width: 1200px;
}

#main_content {
  float: right;
}

#pre_footer {
  background-color: #DAD4B0;
  float: left;
  clear: both;
  width: 100%;  
  margin: 5px 0 2px 0;
}
#pre_footer .columns {
  padding: 10px 0 5px;
}
#pre_footer .column {
  width: 15%;
}
#pre_footer .last {
  width: 79%;
}
#pre_footer h2 {
  font-size: 14px;
  color: #2A2B25;
  padding-top: 6px;
  margin: 0;
}

#footer {
  background: #FFF url('../images/footer-bg.jpg') repeat-x scroll top left;
  font-family: Arial;
  font-size: 9px;
  float: left;
  clear: both;
  width: 100%;
}
#footer a, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
  text-decoration: none;
}


.columns {
  clear: both;
  float: left;
  width: 100%;
}

.columns .column {
  float: left;
  width: 47%;
  margin-right: 5%;
}

.columns .last {
  margin-right: 0 !important;
}

.divide_80_20 .column {
  width: 75%;
}

.divide_80_20 .last {
  width: 19.9%;
}

.divide_30_30_30 .column {
  width: 29.9%;
}

#footer .column {
  width: 15%;
}
#footer .last {
  width: 60.9%;
  padding-top: 35px;
}


/* -------------------------------------------------------------- 
   Header
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  color: #000000;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}


/* -------------------------------------------------------------- 
   General styling
-------------------------------------------------------------- */

a, a:link, a:hover, a:active, a:visited {
  color: #5D5D5F;
  text-decoration: underline;
}



/* -------------------------------------------------------------- 
   Form
-------------------------------------------------------------- */

.form_row {
  clear: both;
  float: left;
  width: 100%;
}
label.stack {
  display: block;
}
.information {
  font-size: 10px;
  margin: 0;
}
form .question, form .answer {
  float: left;
}
form .question {
  width: 62%;
  margin-right: 5%;
}
form .answer {
  width: 32%;
}
form {
  font-size: 12px;
  color: #493751;
}
label {
  font-weight: bold;
  margin-right: 10px;
}
input[type="radio"] {
  margin-right: 5px;
}
input[type="image"] {
  vertical-align: middle;
}
.push_down .information {
  margin-top: 10px;
}
label.error {
  color: #CC0000;
}

/* -------------------------------------------------------------- 
   Branding Form
-------------------------------------------------------------- */
.branding_form {
  width: 453px;
  color: #493751;
  margin-bottom: 30px;
  position: relative;
  clear: both;
  float: left;
}
.branding_form .top {
  background: transparent url('../images/form-bg-top.png') no-repeat scroll 0 0;
  width: 453px;
  height: 20px;
  position: relative;
}
.branding_form .middle {
  background: transparent url('../images/form-bg-middle-repeat.png') repeat-y scroll 0 0;
  float: left;
  clear: both;
  z-index: 1;
  width: 453px;
    position: relative;
}
.branding_form .inner_wrap {
  float: left;
  clear: both;
  width: 453px;
  z-index: 1;
  background: transparent url('../images/form-bg-middle-gradiant.png') no-repeat scroll center bottom;
  position: relative;
  left: -1px;
  top: 0;
}
.branding_form .bottom {
  background: transparent url('../images/form-bg-bottom.png') no-repeat scroll 0 0;
  width: 453px;
  height: 20px;
  float: left;
  clear: both;
  position: relative;
}

.branding_form .form_row {
  padding: 0 10px 10px 10px;
  margin: 5px;
  background: transparent url('../images/form_row_border.jpg') repeat-x scroll bottom center;
  width: 93%;
}
.branding_form .first_form_row {
  padding-top: 5px;
}
.branding_form .last_form_row {
  background: none;
}
.branding_form .information {
  color: #9970A7;
}
.branding_form input[type="text"] {
  width: 180px;
  margin-bottom: 2px;
}
.branding_form .nested {
  padding: 0;
  margin: 5px 0 0 0;
  background: none;
  width: 403px;
}
input.state {
  width: 20px !important;
}
input.zip {
  width: 100px !important;
}
.state_zip .column {
  width: 20%;
}
.state_zip .last {
  width: 74%;
}
#company_benefit, #contact_permission {
  clear: both;
  float: left;
  width: 423px
}

/* -------------------------------------------------------------- 
   Misc
-------------------------------------------------------------- */

#logo {
  margin-top: 15px;
}

.bbb-verisign {
  background: transparent url('../images/bbb-verisign.jpg') no-repeat scroll top left;
  padding-top: 60px;
}


/* -------------------------------------------------------------- 
   Helpers
-------------------------------------------------------------- */


.clear {
  clear: both;
}

.inline {
  display: inline;
}

.inner {
  padding: 10px;
}

.image-replacement {
  position: absolute;
  top: -9999px !important
}

/* -------------------------------------------------------------- 
   Logos
-------------------------------------------------------------- */

#logos {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
}

#logos li {
  margin: 0 17px;
  padding: 0;
  display: block;
  float: left;
}