html,body,h1,h2,h3,h4,h5,form,p { padding: 0; margin: 0; outline: 0; }

body { 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 17px;
   color: #4f81bf;
   text-align: left;
   background: #fff;
}

input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { overflow: hidden; } 

a { color: #4f81bf; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 0; }

.ar { text-align: right; display: block; }
.al { text-align: left; display: block; }
.ac { text-align: center; display: block; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px; }

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

h1, h2 { font-size: 23px; line-height: 32px; font-weight: normal; color: #4f81bf; padding-bottom: 10px; }
h3 {font-weight:normal;padding-bottom:6px;}
#handle_quotebox-page h1, #handle_form-page h1 { font-size: 21px; line-height: 30px; color: #202e84; font-weight:bold; }

#header { position: relative; z-index: 5; height: 100%; padding: 12px 5px 0; margin-bottom:8px; position:relative;}
.date-text { font-size: 11px; line-height:11px; padding:0; position:absolute; bottom:0px; right:3px;}

h1#logo { font-size: 18px; line-height: 18px; font-weight: normal; padding-bottom:0; }
h1#logo a { color: #3471d1; text-decoration: none}

#banner { position:relative; background: url(../../../images/themes/road-trip/banner.jpg) no-repeat 0 0; margin: -10px -17px 0 -15px; width: 352px; height: 192px; padding: 176px 0 0 475px; }
.banner-form-inner {position:absolute;}
.banner-form {background: url(../../../images/themes/road-trip/form-bg.png) no-repeat 0 0; width: 296px; height: 135px; padding: 21px 0 0 32px; }
.banner-form label { font-size: 0; line-height: 0; text-indent: -4000px; float: left; display: inline; background-repeat: no-repeat; background-position: 0 0; margin: 0 10px 7px 0;}
.banner-form label#insured-label { background-image: url(../../../images/themes/road-trip/curently_insured.gif); width: 214px; height: 22px; }
.banner-form label#zip-label { background-image: url(../../../images/themes/road-trip/zip-code.gif); width: 121px; height: 17px; margin-top: 7px; }
.banner-form select { float: left; display: inline; height:auto; width:47px;}
.banner-form #zip { float: left; display: inline; border: 1px solid #1622b0; font-size: 26px; color: #3471d1; width: 139px; text-align: center; padding:0;}

.free-quote { font-size: 0; line-height: 0; text-indent: -4000px; border: 0; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; background-color: transparent;
background-image: url(../../../images/themes/road-trip/free-quote.png); width: 296px; height: 63px; position: relative; margin: 2px 0 0 -9px; display: block;}

.badge { background: url(../../../images/themes/road-trip/badge.png) no-repeat 0 0; width: 79px; height: 72px; position: absolute; right: 0; bottom: 5px; z-index: 5; }

#main-page { padding-bottom: 25px; }
#main-page p { padding-bottom: 20px; }

#footer { border-top: 1px solid #dfedfe; padding: 20px 0; text-align: center; }
#disclaimer { font-size: 10px; line-height: 13px;  }

p.footer-nav { padding: 10px 0;font-size:10px;  }
p.footer-nav span { padding:0 3px;  }
p.footer-nav a { text-decoration: none; }
p.footer-nav a:hover { text-decoration: underline; }

#copyright { font-size: 10px; line-height: 13px; }

#inner-banner { font-size: 0; line-height: 0; text-indent: -4000px; background: url(../../../images/themes/road-trip/small-banner.jpg) no-repeat 0 0; width: 804px; height: 61px;margin-left:-1px; }

input, textarea, select, button, label { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #000; }
button, .button { cursor: pointer; }
select option { padding: 0 5px 0 3px;  }
label { line-height: 24px; color: #202e84; }
label a { color: #202e84; }
label a:hover { text-decoration: none; }
label.check { float: left; display: inline; margin-right: 15px; }
label input { margin: 3px 5px 0 0; float: left; display: inline; width: 13px; height: 13px; }

.top-row { padding-bottom: 35px; }
.top-row .first-col { width: 80px; }
.top-row .last-col { padding-right: 0; }
.top-col { float: left; display: inline; padding-right: 20px; width: 200px; }

.form-box { padding-bottom: 20px; }

.form-main { padding: 24px 22px 0 22px; color: #000; line-height: 18px; height: 100%; color: #202e84;  }
.form-main h3 { padding-bottom: 10px; }
.form-main input.field { width: 140px; }
.form-main select { height: 18px; }
.form-main label { line-height: 18px; }
.form-main h2 { height: 27px; background: url(../../../images/themes/road-trip/bg-form-main-h2.gif) repeat-x 0 bottom; }
.form-main h2 img { display: block; }
.form-main .row { margin-bottom: 5px; height: 100%; }
.form-main .leftrow { float: left; display: inline; margin-right: 20px; }
.form-main .leftrow label { display: block; }
.form-main .spacer { padding: 11px 30px 16px 14px; height: 100%; }
.form-main div.labelleft { float: left; display: inline; }
.form-main .note { font-size: 9px; line-height: 1.2; }

.form-main .col1 { float: left; display: inline; width: 364px; }
.form-main .col2 { float: right; display: inline; width: 330px; }
.form-main .col1 label.left,
.form-main .col1 div.labelleft { width: 160px; }
.form-main .col2 label.left,
.form-main .col2 div.labelleft { width: 137px; }
.form-main .button-dont { margin-left: 320px; float: left; display: inline; background-image: url(../../../images/themes/road-trip/do-not.gif); width: 154px; height: 38px; }

#form-wrapper { padding: 14px 0 0 15px; color: #000; line-height: 18px; height: 100%; color: #202e84;  }
#form-wrapper h3 { padding-bottom: 10px; }
#form-wrapper input.field { width: 140px; }
#form-wrapper label { line-height: 18px; }
#form-wrapper h2 { height: 27px; background: url(../../../images/themes/road-trip/bg-form-main-h2.gif) repeat-x 0 bottom; }
#form-wrapper h2 img { display: block; }
#form-wrapper .row { margin-bottom: 5px; height: 100%; }
#form-wrapper .leftrow { float: left; display: inline; margin-right: 20px; }
#form-wrapper .leftrow label { display: block; }
#form-wrapper .spacer { padding: 11px 30px 16px 14px; height: 100%; }
#form-wrapper div.labelleft { float: left; display: inline; }
#form-wrapper .note { font-size: 9px; line-height: 1.2; }
#form-wrapper .col1 { float: left; display: inline; width: 364px; }
#form-wrapper .col2 { float: right; display: inline; width: 330px; }
#form-wrapper .col1 label.left,
#form-wrapper .col1 div.labelleft { width: 160px; }
#form-wrapper .col2 label.left,
#form-wrapper .col2 div.labelleft { width: 137px; }
#form-wrapper .button-dont { margin-left: 320px; float: left; display: inline; background-image: url(../../../images/themes/road-trip/do-not.gif); width: 154px; height: 38px; }
#form-wrapper h1 { padding-bottom: 10px; }

.span-consent { font-size: 9px; line-height: 1.2; float: left; display: inline; width: 460px; }

.form-main select.size1 { width: 50px; }
.form-main select.size2 { width: 64px; }
.form-main select.size3 { width: 80px; }
.form-main select.size4 { width: 90px; }
.form-main select.size5 { width: 102px; }
.form-main select.size5 { width: 102px; }
.form-main select.size6 { width: 111px; }
.form-main select.size7 { width: 135px; }
.form-main select.size8 { width: 140px; }
.form-main select.size9 { width: 200px; }
.form-main select.size10 { width: 183px; }

#lead_vehicle1_year { width: 80px; }
#lead_vehicle1_make,
#lead_vehicle1_model,
#lead_vehicle1_submodel { width: 200px; }
#lead_vehicle1_ownership_status { width: 80px; }


.my-quote { background-image: url(../../../images/themes/road-trip/my-qoute.gif); width: 236px; height: 49px; margin-top: 30px;}
.button-continue { background-image: url(../../../images/themes/road-trip/continue.gif); width: 236px; height: 50px; }
.violation-btn { background-image: url(../../../images/themes/road-trip/violation.gif) !important; }

.col2 .note { margin-left: 40px; }

.row-spacing { padding: 5px 0; }

.grey-text h3 { color: #242a2c; }
.grey-text label { color: #000000; }
.grey-text a { font-size: 11px; color: #000000; }


div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float:left; margin: 0 20px 5px 0; }

.clearfix:after,
#bottom-nav:after,
#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*html .clearfix { display: inline-block; }

.field-block { padding-bottom: 20px; }

.vehicle-make-model { padding-bottom: 30px; }

.span-1 {width:30px;}
.span-2 {width:80px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:200px;}
.span-6 {width:210px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:370px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

.span-submit { margin-right: 23px; float: right; display: inline; width: }
.span-submit .submit { border: 0 !important; }

.violation  { color: #242a2c; }
.bottom-form .span-4 { width: 120px; }
.bottom-form .span-5 { width: 150px; }
.bottom-form .span-5 select { width: 135px; }
.bottom-form .span-7 select { width: 230px; }
.violation h3 { color: #242a2c; }
.violation label { color: #000000; }

.col-vio1 {width:105px;  float:left;margin-right:10px;}
.col-vio2 {width:130px; float:left;margin-right:10px;}
.col-vio3 {width:100px; float:left;margin-right:10px;}
.col-vio4 {width:195px; float:left;margin-right:10px;}
.col-vio5 {width:95px; float:left;margin-right:10px;}
.col-vio6 {width:42px; float:left;margin-right:10px;}
.col-vio6 a {font-size: 11px; color: #000000;}

.col-vio5 input {
  text-align: right;
}

/* Validation styles */
.validation-advice {
	color: #f00;
	margin-top: 2px;
	line-height: 1em;
	margin-bottom: 1ex;
	font-weight: normal;
	font-size: 11px;
}

.loading {
  padding-left: 1ex;
  color: #aaa;
}

#main-page h2 {font-size:20px;}
#sidebar {width:210px;border:1px solid #4F81BF;float:right;margin:0 0 1em 1em;padding:10px;}
#sidebar h2 {font-size:18px;padding:0;line-height:20px;}
#sidebar ul {margin:8px 0 0 1.2em;padding:0;}
/* Pop up
------------------------------------------------------------------------------*/
#pop-up {
  padding: 0;
  margin: 15px;
  font: 13px normal Trebuchet, Arial, Helvetica, sans-serif;
  color: #454545;
  text-align: left;
  background: #fff;
  padding: 0 12px;
}

#pop-up p {
  line-height: 160%;
}

#coverage_help { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
#coverage_help td { border: 1px solid #aaa; padding: 4px; }
#coverage-headers td { font-size: 11px; font-weight: bold; text-align: left; border-bottom: #ccc; }

.month, .day, #lead_policy_expires_mm_on, #lead_policy_expires_dd_on {
  width: 50px;
}
.year, #lead_policy_expires_yyyy_on {
  width: 64px;
}


#lead_phone1_area, #lead_phone1_exchange {
  width: 24px;
}
#lead_phone1_station {
  width: 36px;
}
#lead_vehicle1_model {
  /*width: 225px;*/
}

#lead_address1_zip { width:60px; }

#coverage-help { margin-bottom: -5px; margin-left: 3px; }
#sr22-help { margin-bottom: -5px; margin-left: 3px; }
#lead_phone1 { width: 88px;}

.header .violation-hdr { font-weight: bold;}
.phone-col {text-align:center;margin:1.2em 0;}
.hours-of-operation {font-size:10px;}
#content {background-color:#f2f6fb;border:1px solid #d6e7ff;margin:0 1px;}
#lead_coverage_level,
#lead_vehicle1_comprehensive_deductible,
#lead_vehicle1_daily_mileage,
#lead_vehicle1_ownership_status,
#lead_vehicle1_primary_use,
#lead_vehicle1_annual_mileage,
#lead_vehicle1_collision_deductible,
#lead_vehicle2_comprehensive_deductible,
#lead_vehicle2_daily_mileage,
#lead_vehicle2_ownership_status,
#lead_vehicle2_primary_use,
#lead_vehicle2_annual_mileage,
#lead_vehicle2_collision_deductible,
#lead_vehicle3_comprehensive_deductible,
#lead_vehicle3_daily_mileage,
#lead_vehicle3_ownership_status,
#lead_vehicle3_primary_use,
#lead_vehicle3_annual_mileage,
#lead_vehicle3_collision_deductible,
#lead_vehicle4_comprehensive_deductible,
#lead_vehicle4_daily_mileage,
#lead_vehicle4_ownership_status,
#lead_vehicle4_primary_use,
#lead_vehicle4_annual_mileage,
#lead_vehicle4_collision_deductible
 {width:140px;}

#lead_insured1_occupation {width:188px;}
#lead_existing_carrier {width:188px;}

#lead_contact_time, #lead_residence_status {width:94px;}
#lead_credit_rating, #lead_residence_length_in_months {width:134px;}

#lead_gender1, #lead_insured1_marital_status, #lead_insured1_education_level, #lead_insured1_license_status,
#lead_gender2, #lead_insured2_marital_status, #lead_insured2_education_level, #lead_insured2_license_status,
#lead_gender3, #lead_insured3_marital_status, #lead_insured3_education_level, #lead_insured3_license_status,
#lead_gender4, #lead_insured4_marital_status, #lead_insured4_education_level, #lead_insured4_license_status
{width:140px;}

#thank_you-page h3 { font-size: 16px; line-height:18px; padding-top:24px;}
#thank_you-page #downstream h3 {padding-top:0;}
#thank_you-page #downstream .phone-col2 h3 {font-size: 21px; line-height: 30px; }
.phone-col {text-align:center;margin:1.2em 0;}

/* Thank you page
------------------------------------------------------------------------------*/

#thankyou-content h3 {
  text-align: center;
  font-size: 26px;
  margin:24px 0 20px 0;
}
#thankyou-content #downstream h3 {
  margin:0;
  line-height:30px;
}
#downstream {
  border: 1px solid #4F81BF;
  padding: 10px 0;
}
#downstream h2 {
  font-size: 32px;
  text-align: center;
  padding-top: 0;
}
#downstream h3 {
  margin-top: 0;
  font-size: 22px;

}
#downstream p {
  font-size: 16px;
  text-align: center;
  line-height:1.5em;
}
.phone-col {
  float: left;
  width: 250px;
}
.phone-col2 {
  margin: 0 10px;
}
.surehits-col {
  float: left;
  width: 530px;
  border-left: 1px solid #4F81BF;
  padding-top:1.2em;
}
.surehits-col2 {
  margin: 0 10px;
}
/* Phone offer styling */
#downstream .phone-col h2 {
  margin-bottom:0;
  padding:0;
  line-height:1.5em;
}
#downstream .phone-col p {
  margin-top: 0;
}
#downstream .phone-col .hours-of-operation {
  font-size: 10px;
}

/* Surehits styling */
#downstream #life_insurance_providers h1, #downstream #life_insurance_providers #listingHeading {
  display: none;
}
#downstream #listingTable td {
  vertical-align: top;
}
#downstream #listingTable td p {
  text-align: left;
}
#downstream #listingTable td ul {
  padding: 1ex 0;
  margin: 0;
}
#downstream #listingTable td li {
  padding-left: 1em;
  margin: 0;
}
#downstream #listingTable td dir {
  padding: 0 0 0 1em;
}
#listingResults hr {display:none;}
