.hp-custom .logo {position: relative; top: -21px; width: 100%; height: 120px; background: #ffffff;}
.hp-custom .logo img {margin-left: 20px;}
.quote-form {float: left; padding: 20px 75px; background: #1E4185; border-radius: 5px; box-shadow: 0 0 5px #ffffff;}
.form-container {display: block; width: 100%; min-height: 300px; margin-top: -20px; text-align: center; color: #ffffff; background: #004C94;}
.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: #ffffff;}
.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;}
@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;}
.rate-checkbox {font-size: 12pt; margin-bottom: 10px;}
.rate-checkbox .checkmark-box {width: 19px; height: 19px;}
.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; max-width: 100%!important;}
.vehicle-name {font-size: 14pt!important;}
.home-quote-header{
	width: 100%;
}
.quote-form{
	float:none;

	margin-top: 15px;
}
}
@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;}
.rate-checkbox {font-size: 12pt; margin-bottom: 10px;}
.rate-checkbox .checkmark-box {width: 19px; height: 19px;}
.quote-form-notice.side-by-side .shipping-rate {font-size: 32pt;}

}
@media only screen and (max-width: 1199px) {
.main-quote-form.side-by-side {width: 80%;}
}
.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: 300px;}
.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 {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: #0099ff}
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 #0099ff!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, #1E90FF, #0960B9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1E90FF", endColorstr="#0960B9"); background: -webkit-gradient(linear, left top, left bottom, from(#1E90FF), to(#0960B9)); background: -moz-linear-gradient(top, #1E90FF, #0960B9); border-radius: 3px;}
.form-navigation a:hover, .reply-button a:hover {color: #ffffff; text-decoration: none; background: linear-gradient(to bottom, #1E90FF, #0F0F73); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1E90FF", endColorstr="#0F0F73"); background: -webkit-gradient(linear, left top, left bottom, from(#1E90FF), to(#0F0F73)); background: -moz-linear-gradient(top, #1E90FF, #0F0F73);}
.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;
}
}