* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #646464;
    background: #e2e9ea url(../images/bg-body.gif) repeat-y center 0;
    text-align: left;
}

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

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.block { display: block !important; }

h3 {font-size:12px; font-style:italic; color:#646464; line-height:24px; font-weight:normal}

#wrapper { width: 780px; margin: 0 auto; padding: 0 48px; background: url(../images/bg-body.gif) repeat-y center 0; }
#popwrapper { width: 550px; margin: 15px auto; padding: 0 48px; background: url(../images/pop-body.gif) repeat-y center 0; }

#header { padding: 3px 10px 1px; height: 100%; }

#logo { float: left; display: inline; margin-left: 0px !important; }
#logo img { display: block; }

.qb { font-size: 9px; color: #fff; }
.qb label { color: #fff; font-size: 9px; }
.qb label { line-height: 13px;cursor:pointer; }
.qb label input { margin: 0 2px 0 0; vertical-align:text-bottom;height:13px;width:13px;overflow:hidden;cursor:pointer;}
.qb label.check { margin: 0 3px 0 0; }
.qb .field { border-color: #c4e0f0; font-size: 11px; color: #003878; text-align: center; padding: 4px; width: 64px; float: left; display: inline; margin: 3px 0 0 0; }
.qb .insured { float: left; display: inline; width: 74px; white-space: nowrap; margin: 0 6px; text-align: center; }
.qb .button-qb { float: left; display: inline; width: 84px; height: 25px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/button-qb.gif); border: 0; }

#qb-top { float: right; display: inline; width: 255px; height: 36px; background: url(../images/bg-qb-top.jpg) no-repeat 0 0; margin-top: 2px; padding: 10px 0 0 12px; }

#qb-long { position: relative; width: 566px; height: 38px; left: -2px; background: url(../images/bg-qb-long.jpg) no-repeat 0 0; padding: 8px 0 0 38px; }
#qb-long .text { float: left; display: inline; }
#qb-long label { color: #002957; }
#qb-long .field { padding: 2px; width: 50px; margin: 6px 6px 0 0; }
#qb-long .insured { margin: 0 4px; }
#qb-long .button-qb { margin-top: 2px; }

#qb-longest { width: 708px; height: 43px; background: url(../images/bg-qb-longest.jpg) no-repeat 0 0; padding: 18px 0 0 49px; }
#qb-longest .text { float: left; display: inline; }
#qb-longest label { color: #002957; }
#qb-longest .field { font-size: 12px; padding: 5px 3px; width: 60px; margin: 3px 6px 0 0; }
#qb-longest .insured { margin: 3px 10px; }
#qb-longest .button-qb { width: 101px; height: 32px; background: url(../images/button-qb-mid.jpg) no-repeat 0 0; }
#qb-main { width: 338px; height: 153px; background: url(../images/bg-qb-main.jpg) no-repeat 0 0; float: right; display: inline; position: relative; padding: 6px 12px 0 18px; }
#qb-main .badge { width: 78px; height: 73px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/badge.png) no-repeat 0 0; }
#qb-main .badge { position: absolute; right: -10px; top: 58px; }
#qb-main .insured {width: auto; float: none; display: block; text-align:center; }
#qb-main .insured label {cursor:pointer;}
#qb-main .insured label img { vertical-align:middle; }
#qb-main .insured label input { margin: 2px 3px 0 0; vertical-align:middle;cursor:pointer;}
#qb-main label.check { margin-left: 5px; margin-right: 0; }
#qb-main .field { margin: 5px 0 0 108px; font-size: 12px; border: solid 1px #7fbcdf; width: 112px; display: block; float: none; }
#qb-main .button-qb { width: 192px; height: 36px; background: url(../images/button-qb-big.jpg) no-repeat 0 0; margin: 5px 0 0 74px; }

.tb { border: solid 1px #cbd0d3; }

#nav-main { height: 36px; background: url(../images/bg-nav-main.gif) repeat-x 0 0; }
#nav-main ul { float: right; display: inline; }
#nav-main li { float: left; display: inline; list-style-type: none; margin: 0 32px 0 20px; position: relative; z-index: 11; }
#nav-main li a { float: left; display: inline; height: 35px; font-size: 0; line-height: 0; text-indent: -4000px; background: no-repeat 0 0; }

#nav-main li a:hover,
#nav-main li a.active { background-position: 0 bottom; }
#nav-main li.insurance a { width: 137px; background-image: url(../images/nav-insurance.gif); }
#nav-main li.vehicles a { width: 63px; background-image: url(../images/nav-vehicles.gif); }
#nav-main li.carriers a { width: 58px; background-image: url(../images/nav-carriers.gif); }
#nav-main li.coverage a { width: 114px; background-image: url(../images/nav-coverage.gif); }
#nav-main li.ways a { width: 98px; background-image: url(../images/nav-ways.gif); }

.footnotes {margin:15px;}
.footnotes p {margin-left:10px;}

#footer { text-align: center; font-size: 10px; color: #8a8a8a; padding: 35px 0; width: 100% !important; }
#footer a { color: #8a8a8a; }
#footer .nav { font-size: 11px; padding-bottom: 3px; }
#footer .nav a { margin: 0 7px; }

#slogan { height: 289px; background: url(../images/slogan.jpg) no-repeat 0 0; position: relative; padding: 13px 10px 13px 12px; }
#slogan h2 { float: right; display: inline; }
#slogan .person { position: absolute; top: -33px; left: -48px; z-index: 10; width: 518px; height: 359px; }
#slogan #person-tips { background: url(../images/person-tips.png) no-repeat 0 0; }
#slogan #person-vehicles { background: url(../images/person-vehicles.png) no-repeat 0 0; }
#slogan #person-states { background: url(../images/person-states.png) no-repeat 0 0; }
#slogan #person-main { background: url(../images/person-main.png) no-repeat 0 0; }
#slogan #person-types { background: url(../images/person-types.png) no-repeat 0 0; }
#slogan #person-qa { background: url(../images/person-types.png) no-repeat 0 0; }

#main { padding: 3px 9px; height: 100%; }

.side-small { float: left; display: inline; width: 151px; }
.side-big { float: right; display: inline; width: 604px; }

#sidebar { position: relative; z-index: 11; }
#sidebar h3 {font-size:12px; font-style:normal; color:#646464; line-height:16px; font-weight:bold; margin-left:5px;}

#content h1 { font-size: 16px;}
#content h2 { font-size: 34px; font-weight: normal; color: #323233; line-height: 58px; padding-left: 13px; background: #f2f2f2 url(../images/bg-h2-content.gif) repeat-x 0 0; }
#content p.big { font-size: 14px; }

#spacer { padding: 10px 16px 8px 16px; }
#spacer p {margin:8px;}
#spacer h2 {font-size: 14px; font-weight:normal; color:#646464; padding-left:0px; background: none; padding: 6px 0px; line-height:16px;}
#spacer ul {margin:10px 0px 10px 45px;}
#spacer ol {margin:10px 0px 10px 45px;}
#spacer table {margin:15px;}

#nav-side {font-size: 12px; }
#nav-side ul {margin:7px 0px;}
#nav-side li {line-height: 20px; list-style-type: none; display: block; height: 100%;}
#nav-side li li {margin:6px 0px; line-height:14px;}
#nav-side a { display: block; color: #646464; height: 100%; text-decoration: none; padding-left: 9px; }
#nav-side li a { font-weight: bold; background: #f2f2f2 url(../images/bg-nav-side.gif) repeat-x 0 bottom; }
#nav-side a.active { font-weight: bold !important; }
#nav-side li a.active {color:#3D92CF;}
#nav-side li li a { background: none; font-weight: normal; }
#nav-side li li a:hover { color: #003878; }

/* thank you page styles */
#container { padding: 30px; }
#container h2 { margin-bottom: 20px; }
#surehits { margin-top: 20px; }

#auto-quotebox { padding: 0 170px; }
#auto-quotebox form { margin-left: 95px; }
#auto-quotebox label { color: #646464 !important; }

#brand { padding-left: 245px; padding-top: 10px; }

/* webjuice styles */
#web_container { margin-top: 20px; padding: 0 60px; }
#wj_header {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin: 10px 0 20px;
}
.webjuice_reset table table table td {
  padding: 0 7px !important;
}
.contentc a { line-height: 20px !important; text-align: left !important; }
.contentc div { padding: 10px 0 !important; }

.form-main input, .form-main textarea, .form-main select, .form-main button, .form-main label { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #000; }
.form-main button, .form-main .button { cursor: pointer; }
.form-main input.field,
.form-main textarea.field,
.form-main select.field { border: solid 1px #919191; background: #fff; padding: 4px 5px 4px 9px; }
.form-main select { height: 24px; }
.form-main label { line-height: 24px; }
.form-main label.check { float: left; display: inline; margin-right: 15px; }
.form-main label input { margin: 3px 5px 0 0; float: left; display: inline; width: 13px; height: 13px; }

.form-main { padding: 24px 22px 0 22px; color: #000; line-height: 18px; height: 100%; }
.form-main input.field { width: 140px; }
.form-main select { height: 18px; }
.form-main label { line-height: 18px; }
.form-main div.header { height: 27px; background: url(../images/bg-form-main-h2.gif) repeat-x 0 bottom; }
.form-main h2 { padding-top: 3px; padding-left: 10px; }
.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: 10px; line-height: 1.2; }
.form-main .col1 { float: left; display: inline; width: 364px; }
.form-main .col2 { float: right; display: inline; width: 327px; }
.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: 265px; float: left; display: inline; }

.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.size6 { width: 111px; }
.form-main select.size7 { width: 135px; }
.form-main select.size8 { width: 85px; }
.form-main select.size9 { width: 200px; }
.form-main select.size10 { width: 183px; }