.hp-custom .logo {
    position: relative;
     top: -21px;
     width: 100%;
     height: 120px;
     background: #ffffff;
}
 .hp-custom .logo img {
    margin-left: 20px;
}
 .quote-form {
    padding: 20px 75px;
     margin: 20px;
     background: #000000ad;
     border-radius: 5px;
     box-shadow: 0 0 5px #ffffff;
     z-index: 9999;
}
 .form-container {
    display: block;
     width: 100%;
     min-height: 300px;
     margin: 0px 0;
     text-align: center;
     color: #ffffff;
     background: #000000ad;
}
 .main-quote-form {
    position: relative;
     left: 0;
     right: 0;
     width: 50%;
     margin: 0 auto;
     padding: 20px;
     text-align: left;
}
 .pricing-container.side-by-side {
    display: table;
     border-collapse: separate;
     border-spacing: 30px 0;
     margin: 0 auto;
     padding-top: 20px;
}
 .quote-form-header, .quote-form-subheader {
    display: block;
     width: 100%;
     font-weight: bold;
     color: #ffffff;
}
 .quote-form-header {
    font-size: 28px;
}
 .quote-form-subheader {
    font-size: 18px;
}
 .home-quote-header {
    display: block;
     width: 470px;
     text-align: center;
     font-size: 28px;
     font-weight: bold;
     color: #FFD202;
}
 .online-quote-subheader {
    display: inline-block;
     font-size: 12px;
     color: #ffffff;
}
 .quote-section {
    display: block;
     width: auto;
     padding: 10px 0;
}
 .quote-section img, .order-section img {
    width: auto;
     height: 24px;
     vertical-align: middle;
     margin-right: 5px;
}
 .quote-form-notice {
    display: block;
     width: 100%;
     margin: 10px 0;
     padding: 10px 0;
     text-align: center;
     font-size: 16px;
     color: #ffffff;
     border: 1px solid #f1f1f1;
     border-radius: 5px;
}
 .quote-form-notice.side-by-side {
    display: table-cell;
     position: relative;
     width: 490px;
     height: 100%;
     vertical-align: top;
     padding: 20px 0!important;
}
 .quote-form-notice.side-by-side .pricing-details {
    display: block;
}
 .quote-form-notice.side-by-side .pricing-details img {
    width: 446px;
     height: 335px;
     margin-top: 20px;
}
 .quote-form-notice.side-by-side .pricing-details ul {
    list-style: none;
     margin: 30px 60px;
     padding: 0;
     text-align: left;
}
 .quote-form-notice.side-by-side .pricing-details li {
    margin-bottom: 20px;
     font-size: 18pt;
     font-weight: bold;
}
 .quote-form-notice.side-by-side .pricing-details li:last-child {
    margin-bottom: 0;
}
 .quote-form-notice.side-by-side .pricing-details p {
    padding: 0 20px;
     text-align: left;
     font-size: 16pt;
}
/* .quote-form-notice.side-by-side .pricing-details p.fine-print {
    position: absolute;
     left: 0;
     right: 0;
     bottom: 20px;
     text-align: center;
     font-size: 10pt;
}*/
 .form-navigation .submit-quote {
    float: right;
}
 #trackingForm {
    margin: 40px 0!important;
}
 .form-field input.field-email,  .form-field input.field-first-name {
    margin-bottom: -35px!important;
}
 .rate-checkbox {
     font-size: 12pt;
     margin-bottom: 10px;
     text-align: center;
}
 .rate-checkbox .checkmark-box {
     display: inline-block;
     border: 2px solid white;
     border-radius: 5px;
     width: 19px;
     height: 19px;
}
 .pricing-option.selected .rate-checkbox .checkmark-box {
     background-image: url(../images/checkbox.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}
 .rate-option-header {
     display: block;
}
 @media only screen and (max-width: 767px) {
     .pricing-container.side-by-side {
        display: block;
         border-spacing: 0;
    }
     .quote-form-notice.side-by-side {
        display: block;
         max-width: 80%;
         margin: 0 auto;
    }
     .quote-form-notice.side-by-side .pricing-details img {
        width: 100%;
         height: auto;
    }
     .quote-form-notice.side-by-side .pricing-details ul {
        margin: 20px 10px;
    }
     .quote-form-notice.side-by-side .pricing-details li {
        margin-bottom: 10px;
         font-size: 14pt;
    }
     .quote-form-notice.side-by-side .pricing-details p {
        padding: 0 10px;
         font-size: 12pt;
    }
     .quote-form-notice.side-by-side .shipping-rate {
        font-size: 32pt;
    }
    /* .quote-form-notice.side-by-side .pricing-details p.fine-print {
        bottom: 0;
    }*/
     .quote-form-notice.side-by-side:first-child {
        margin-bottom: 20px;
    }
     .shipping-rate-block.side-by-side {
        display: block;
         min-width: 315px;
         max-width: 100%;
    }
     .vehicle-name {
        font-size: 14pt!important;
    }
     .home-quote-header {
        width: 100%;
    }
     .quote-form {
        float:none;
         margin-top: 15px;
    }
     .form-field select {
        width: 280px;
    }
}
 @media only screen and (max-width: 540px) and (min-width: 360px) {
     .form-field select {
        width: 280px;
    }
}
 @media only screen and (max-width: 376px) and (min-width: 360px) {
     #trackingForm {
        margin: 40px 0 40px -10px!important;
    }
     .form-navigation.tracking-button a {
        float: none;
         margin-left: 27px!important;
    }
}
 @media only screen and (max-width: 553px) and (min-width: 488px) {
     .form-navigation.tracking-button a {
        float: none;
         width: 220px;
    }
}
 @media only screen and (max-width: 400px) and (min-width: 360px) {
     .form-field select {
        width: 200px!important;
    }
     .main-quote-form.side-by-side {
        width: 100%!important;
    }
     .shipping-rate-block {
        width: 300px!important;
    }
     .shipping-rate-options .form-navigation {
        float: none;
         clear: both;
         display: inline-block;
         margin: 10px 0 0 40px;
    }
     .form-field.when-ready {
        float: none;
         clear: both;
         margin: 0 0 -5px -35px;
    }
     .send-quote.when-ready {
        float: none;
         margin-left: 10px;
    }
}
 @media only screen and (max-width: 400px) and (min-width: 378px) {
     .shipping-rate-options .form-navigation {
        margin: 0;
    }
     .form-field.when-ready {
        float: none;
         clear: both;
         margin: 0 0 -5px 0;
    }
}
 @media only screen and (max-width: 376px) {
     .form-navigation .submit-quote {
        float: none;
         margin-left: 20px;
    }
     .form-navigation a {
        position: relative;
         right: 30px;
    }
}
 @media only screen and (max-width: 991px) and (min-width: 768px) {
     .quote-form-notice.side-by-side .pricing-details img {
        width: 350px;
         height: auto;
    }
     .quote-form-notice.side-by-side .pricing-details img {
        width: 100%;
         height: auto;
    }
     .quote-form-notice.side-by-side .pricing-details ul {
        margin: 20px 10px;
    }
     .quote-form-notice.side-by-side .pricing-details li {
        margin-bottom: 10px;
         font-size: 14pt;
    }
     .quote-form-notice.side-by-side .pricing-details p {
        padding: 0 10px;
         font-size: 12pt;
    }
     .quote-form-notice.side-by-side .shipping-rate {
        font-size: 32pt;
    }
     .form-field select {
        width: 280px;
    }
}
 @media only screen and (max-width: 1199px) {
     .main-quote-form.side-by-side {
        width: 80%;
    }
     .form-field select {
        width: 280px;
    }
}
 .quote-form-notice a {
    font-weight: bold;
     color: #ffffff;
}
 @media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px), screen and (max-width: 480px) {
     .hp-custom .logo {
        position: relative;
         min-width: 350px;
         height: 80px;
    }
     .hp-custom #logo img {
        width: 320px;
         height: 71px;
    }
     .main-quote-form {
        width: 320px;
    }
     .quote-form {
        padding: 0 20px 15px 20px;
    }
     .home-quote-header {
        text-align: center;
         font-size: 18px;
    }
     .form-field {
        width: 100%;
         margin: 0;
         text-align: left;
    }
     .form-field input[type="text"], .form-field select {
        margin-bottom: 10px;
    }
     .field-align-left {
        margin-left: 0px!important;
    }
     .shipping-rate-block, .quote-form-notice {
        max-width: 360px;
    }
     .quote-form-notice {
        padding-left: 10px;
         font-size: 14px;
    }
     .hp-custom #Wrapper {
        width: 100%;
    }
     .copyright {
        float: left;
         max-width: 360px;
         line-height: 30px;
         margin-bottom: 10px;
         padding-right: 10px;
         background: #0D0D0D;
    }
     .hp-custom .container {
        float: left;
         width: 320px;
         padding-left: 20px;
    }
     .company-info {
        margin-top: 20px;
    }
     .form-navigation {
        width: 320px!important;
    }
     .add-vehicle {
        max-width: 320px;
    }
     .hp-custom .logo-home {
        margin-left: -40px!important;
         padding-right: 40px;
    }
     .go-quote {
        margin-right: 40px;
    }
     .order-steps {
        max-width: 320px;
    }
     .form-field label {
        width: 310px!important;
    }
     .shipping-rate-options .form-navigation {
        display: block;
         width: 300px!important;
    }
     .send-quote {
        margin-bottom: 10px;
    }
     .smaller-dropdown {
        width: 320px;
    }
     .smaller-dropdown select {
        font-size: 13px!important;
    }
     .form-field input[type="checkbox"] {
        width: 24px;
         height: 24px!important;
         vertical-align: middle;
    }
     .confirmation-content {
        width: 320px;
         font-size: 14px!important;
    }
     .confirmation-content p {
        text-align: center;
         font-size: 18px!important;
    }
     .addthis-smartlayers {
        display:none !important;
    }
     .shipping-terms {
        overflow:auto;
    }
     .print-receipt-button {
        display: none!important;
    }
     .form-field select {
        width: 280px;
    }
}
 .form-field {
    display: inline-block;
     vertical-align: text-bottom;
     font-size: 14px;
     color: #ffffff;
     word-wrap: wrap;
}
 .field-align-left {
    margin-left: -110px;
}
 .form-field label {
    display: inline-block;
     width: 100%;
     line-height: 16px;
     margin: 10px 0 3px 0;
     text-align: left;
     font-size: 14px;
     color: #ffffff;
     letter-spacing: 1px;
}
 .form-field input[type="text"], .form-field input[type="email"], .form-field input[type="password"], .form-field select, .form-field textarea {
    margin-bottom: 10px;
     font-size: 20px;
     color: #000000;
     border: 1px solid #cccccc;
     border-radius: 3px;
     background: #ffffff;
     box-shadow: inset 0 0 5px #eeeeee!important;
}
 .form-field input[type="text"], .form-field input[type="email"], .form-field input[type="password"], .form-field textarea {
    padding: 5px;
}
 .form-field input[type="checkbox"] {
    vertical-align: middle;
}
 .form-field select {
    padding: 4px;
}
 .form-field a {
    color: #ffffff;
}
 a.city-zip-search-link {
    float: right;
     line-height: 40px;
     color: #FFD202
}
 a.city-zip-search-link:hover {
    color: #ffffff;
     text-decoration: none;
}
 .blue-border input, .blue-border select, .blue-border textarea, label.blue-border {
    border: 2px solid #FFD202!important;
}
 .option-field label {
    display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
     padding: 5px;
     border: 1px solid #cccccc;
     border-radius: 3px;
     background: #ffffff;
     box-shadow: inset 0 0 5px #eeeeee;
     cursor: hand;
     cursor: pointer;
}
 .radio-field label {
    border-radius: 50px;
}
 .option-field input[type="checkbox"], .option-field input[type="radio"] {
    cursor: hand;
     cursor: pointer;
}
 @-moz-document url-prefix() {
    .option-field input[type="radio"] {
        height: 20px;
         margin-top: -1px;
    }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
    .option-field input[type="radio"] {
        margin-bottom: 3px;
    }
}
 .form-field textarea, .reply-field textarea {
    display: block;
     width: 240px!important;
     height: 100px;
}
 .app-search input[type="text"]:hover, .app-search input[type="text"]:focus, .reply-field textarea:hover, .reply-field textarea:focus {
    color: #000000!important;
     background: #ffffff!important;
     border: 1px solid #1E90FF;
     box-shadow: inset 0 0 3px #0099ff!important;
}
 .form-text {
    display: block;
     font-size: 18px;
     color: #000000;
     word-wrap: wrap;
}
 .form-note {
    display: block;
     margin-bottom: 15px;
     font-size: 14px;
     color: #000000;
}
 .container-dims {
    margin-left: 38px;
     font-size: 14px;
}
 .form-navigation {
    display: block;
     clear: both;
}
 .form-navigation a, .reply-button a {
    display: inline-block;
     padding: 10px 15px;
     font-size: 16px;
     font-weight: bold;
     color: #ffffff;
     background: linear-gradient(to bottom, #fba504, #dc6427);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fba504", endColorstr="#dc6427");
     background: -webkit-gradient(linear, left top, left bottom, from(#fba504), to(#dc6427));
     background: -moz-linear-gradient(top, #fba504, #dc6427);
     border-radius: 3px;
}
 .form-navigation a:hover, .reply-button a:hover {
    color: #ffffff;
     text-decoration: none;
     background: linear-gradient(to bottom, #fba604, #9a4419);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fba604", endColorstr="#9a4419");
     background: -webkit-gradient(linear, left top, left bottom, from(#fba604), to(#9a4419));
     background: -moz-linear-gradient(top, #fba604, #9a4419);
}
 .send-quote {
    display: inline-block;
     vertical-align: top;
     margin-top: 10px!important;
}
 .send-quote a, .add-vehicle-link, .add-vehicle-link2, .go-add-vehicle, a.go-remove-vehicle, a.remove_vehicle {
    padding: 10px;
     font-size: 14px;
     font-weight: bold;
     color: #333333!important;
     border-radius: 5px;
     background: linear-gradient(to bottom, #ffffff, #999999);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#999999");
     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999));
     background: -moz-linear-gradient(top, #ffffff, #999999);
     box-shadow: 0 0 3px #999999;
}
 .send-quote a:hover, .add-vehicle-link:hover, .add-vehicle-link2:hover, .go-add-vehicle:hover, a.go-remove-vehicle:hover, a.remove_vehicle:hover {
    padding: 10px;
     font-size: 14px;
     font-weight: bold;
     color: #000000;
     border-radius: 5px;
     background: linear-gradient(to bottom, #ffffff, #666666);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#666666");
     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#666666));
     background: -moz-linear-gradient(top, #ffffff, #666666);
     box-shadow: 0 0 3px #666666;
}
 .add-vehicle {
    display: block;
     width: 100%;
     margin-top: 10px;
     font-size: 16px;
     font-weight: bold;
     color: #ffffff;
     cursor: hand;
     cursor: pointer;
}
 .add-vehicle a {
    color: #ffffff;
}
 .add-vehicle-link {
    display: inline-block;
     padding: 7px 10px!important;
     cursor: pointer;
     cursor: hand;
}
 .add-vehicle-link2 {
    display: inline-block;
     padding: 5px 10px!important;
     cursor: pointer;
     cursor: hand;
}
 .go-add-vehicle, .go-add-vehicle:hover {
    padding: 7px 10px;
}
 .add-vehicle-link label, .add-vehicle-link2 label, .go-add-vehicle label {
    display: inline-block;
     line-height: 24px;
     vertical-align: middle;
     font-size: 26px!important;
     color: #008000;
     cursor: pointer;
     cursor: hand;
}
 a.go-remove-vehicle, a.go-remove-vehicle:hover, a.remove_vehicle, a.remove_vehicle:hover {
    padding: 7px;
}
 a.go-remove-vehicle label, a.remove_vehicle label {
    display: inline-block;
     line-height: 24px;
     vertical-align: middle;
     font-size: 26px!important;
     color: #ff0000;
     cursor: pointer;
     cursor: hand;
}
 a.remove_vehicle {
    cursor: pointer;
     cursor: hand;
}
 .add-vehicle-link label, .add-vehicle-link2 label {
    margin-top: -6px;
}
 .quote-confirmation {
    display: block;
     width: auto;
     margin-top: 15px;
     padding: 10px;
     font-size: 16px;
     font-weight: bold;
     color: #ffffff;
     background: #0000ff;
     border: 1px solid #000000;
}
 .submit-quote a, .send-message-button a {
    background: linear-gradient(to bottom, #ADFF2F, #008000);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADFF2F", endColorstr="#008000");
     background: -webkit-gradient(linear, left top, left bottom, from(#ADFF2F), to(#008000));
     background: -moz-linear-gradient(top, #ADFF2F, #008000);
}
 .submit-quote.manual-quote {
    width: 100%;
}
 .manualQuote {
    margin-top: 15px;
}
 .submit-quote a:hover, .send-message-button a:hover {
    background: linear-gradient(to bottom, #ADFF2F, #004600);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADFF2F", endColorstr="#004600");
     background: -webkit-gradient(linear, left top, left bottom, from(#ADFF2F), to(#004600));
     background: -moz-linear-gradient(top, #ADFF2F, #004600);
}
 .quote-rate {
    vertical-align: middle;
     margin-left: 5px;
     font-size: 28px;
     font-weight: bold;
     color: #008000!important;
}
 .shipping-rate-block {
    display: block;
     margin-top: 20px;
     padding: 10px;
     background: #f1f1f1;
     border-radius: 3px;
}
 .shipping-rate {
    font-size: 54px;
     font-weight: bold;
     color: #ffffff;
}
 .shipping-order-total {
    display: block;
     width: 100%;
     margin: 10px 0;
     padding: 20px 0;
     text-align: center;
     font-size: 28px;
     border: 1px solid #ffffff;
     border-radius: 5px;
}
 .shipping-terms {
    display: block;
     width: 100%;
     padding: 5px 0;
     border: 1px solid #ffffff;
     border-radius: 5px;
}
 .shipping-terms div {
    height: 200px;
     padding: 0 20px;
     overflow-y: hidden;
}
 .shipping-terms div:hover {
    overflow-y: scroll;
}
 .quote-notes {
    max-width: 440px;
     font-size: 12px;
     color: #666666;
}
 .company-credentials {
    float: left;
     color: #ffffff;
}
 .company-info {
    float: right;
     color: #ffffff;
}
 .order-steps {
    display: block;
     width: 100%;
     padding: 20px 0;
     text-align: center;
     background: #ffffff;
     border-radius: 5px;
}
 .order-step {
    display: inline-block;
     width: 30%;
     font-size: 12px;
     color: #000000;
}
 .order-step label {
    display: inline-block;
     margin-bottom: 3px;
     padding: 1px 14px;
     font-size: 36px;
     font-weight: bold;
     color: #ffffff;
     background: #878787;
     border-radius: 50%;
}
 .step-off {
    color: #dddddd;
}
 .step-off label {
    background: #dddddd;
}
 .confirmation-content {
    font-size: 28px;
}
 @media only screen and (max-width:340px) {
     .form-navigation a{
         position: relative;
         right: 56px;
    }
     .home .quote-section a{
         font-size: 12px;
    }
}
 .ui-autocomplete {
    position: absolute;
     top: 0;
     left: 0;
     width: 314px;
     padding: 10px 0;
     border-radius: 5px;
     background: #ffffff;
     box-shadow: 0 0 5px #cccccc;
     cursor: default;
     z-index: 10000;
}
 .ui-autocomplete li {
    color: #000000;
     background: #ffffff;
}
/* background dropdown */
 .ui-autocomplete-category {
    float: left;
     width: 316px;
     padding: 5px;
     font-size: 14px;
     font-weight: bold;
}
 .ui-autocomplete a {
    float: left;
     width: 316px;
     margin-left: 2px;
     padding: 10px 5px;
     font-size: 12px;
     color: #000000;
     background: #ffffff;
}
 .loading {
    display: none;
     width: 16px;
     height: 16px;
     background-image: url(/images/indicator.gif);
     vertical-align: text-bottom;
}
 .ui-helper-hidden-accessible {
    display:none;
}
 .ui-state-focus, .ui-widget-content .ui-state-focus {
    float: left;
     width: 316px;
     font-weight: bold;
     color: #ffffff;
     background: #1E4185;
}
/*li highlight */
 .ui-autocomplete {
     z-index:100002;
}
 .ui-autocomplete li.ui-autocomplete-category {
     background: #EEE;
     float: none;
     padding: 5px;
     width: auto;
}
 .ui-autocomplete {
     max-height: 200px;
     width:auto;
     overflow-y: scroll;
     overflow-x: hidden;
     padding:10px 3px;
}
 .ui-autocomplete a {
     width:auto;
     float:none;
     display:block;
     cursor:pointer;
}
 .red-border input, .red-border select {
     border-color:red !important;
}
 .logo {
     width:auto;
     height:auto;
}
 #iframe-order {
     border: none;
     width: 100%;
     height: 800px;
     overflow: hidden;
}
 .online-quote-subheader {
     display:block;
}
/* why are these floated in the first place */
 .main-quote-form, #update-button {
     float:none;
}
 #quote-order {
     color:#FFF;
}

.submit-option-inputs {
	vertical-align: middle;
}


#submitHelpers {
   width: 490px;
   margin: 0 auto;
   padding: 40px 0 20px 0;
}

.submitHelpers .submit-quote {
   float: none;
}

.pricing-option .pricing-details p.fine-print {
   display: block;
   text-align: center;
   font-size: 11px;
}

.rate-checkbox .checkmark-box {
   display: none !important;
}

#quoteResults {
   margin-bottom: 80px;
}