/* Start dynamic vehicle landing page */
/* Start DVLP Header */
.afg-content .row {
	display: block;
}
.afg-content .breadcrumb > li + li:before {
	content: "\003e";
}
.afg-content .breadcrumb {
	background: none;
	padding: 10px 0;
	margin-bottom: 0;
}
.afg-content .breadcrumb li.active {
	color: #178ddf;
}
.afg-content .vehicle-page-breadcrumb > div:first-of-type {
	padding-top: 10px;
}
.afg-content .col-xs-2_4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.afg-content .section-key-initial {
	background: white;
	border: 2px solid black;
	display: inline-block;
	font-size: 2rem;
	height: 60px;
	margin: 4px 3px;
	text-decoration: unset;
	width: 60px;
}
.afg-content .section-key-heading {
	border-bottom: 1px solid #737373;
	padding-bottom: 10px;
}
.afg-content a.btn-default {
	border-color: #ccc;
	color: #115ea7;
	font-size: 17px;
	font-weight: 400
}
.afg-content a.btn-default:hover {
	background: #f3faff;
	border-color: #115ea7;
	color: #115ea7;
}
.afg-content a.btn-default:active {
	background: #115ea7 !important;
	border-color: #115ea7;
	color: #fff !important;
}
.afg-content .cell-item-one-fifth-element a {
	white-space : nowrap;
	text-overflow : ellipsis;
	overflow : hidden;
}
.afg-content .vehicle-page-heading {
	background: #EDF7FF;
	border-bottom: 1px solid #e7e7e7;
}
.afg-content .vehicle-page-heading-with-banner {
	position: absolute;
}
.afg-content .vehicle-page-heading h1 {
	color: #0173DB;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
	font-size: 30px;
	font-weight: 600;
}
.page .afg-top-vehicle-banner-bg {
	border-bottom: 1px solid #e7e7e7;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.afg-content .afg-top-vehicle-banner {
	background: #fff;
	display: block;
	text-align: center;
}
.afg-content p.lead {
	font-size: 24px;
	font-weight: 500;
	color: #303030;
	margin: 15px 0 20px;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.afg-content .vehicle-page-breadcrumb > div {
		padding: 10px 10px 0;
	}
	.afg-content .vehicle-page-breadcrumb ol.breadcrumb {
		padding-top: 0;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.landing-page-body {
	padding: 0 4%;
}
.landing-page-header {
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 0 10px 40px rgba(0, 0, 0, 0.10);
	margin: 20px 4% -40px;
	position: relative;
	top: -60px;
}
.lifestyle-background {
	margin-top: -7px;
	min-height: 60px;
}
}
.sonic-panel-heading-slim, h2.sonic-panel-heading-slim {
	background-color: transparent;
	border-bottom: 1px solid #115ea7;
	color: #115ea7;
	font-size: 22px;
	font-weight: 600;
	padding: 20px 0 10px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.sonic-panel-heading-slim {
		background-color: white;
	}
}

.landing-page-header .sonic-panel-heading {
	margin-bottom: 0;
}
.sonic-panel-body .faded {
	opacity: 0.2;
	border: 1px solid white;
}
.sonic-panel-body .img-thumbnail.faded:hover {
	border: 1px solid white;
}
.sonic-panel-body a, .sonic-panel-body a:hover {
	text-decoration: none;
}
.vehicle-heading {
	background-color: #EEF7FE;
	color: #0C74D5;
}
.vehicle-heading h1 {
	font-size: 2em;
	font-weight: bold;
	margin-top: 12px;
	text-transform: uppercase;
}
/* End DVLP Header */

/* Start DVLP Specs Section */
.afg-specs-selector {
	margin-bottom: 10px;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.afg-specs-selector {
		padding: 0px 10px 5px;
	}
}
.afg-specs-selector-shadow {
	padding-bottom: 5px;
	padding-top: 15px;
	border-top: 1px solid #115ea7;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-specs-selector-shadow {
	-webkit-box-shadow: inset 0px 14px 13px -15px rgba(122,122,122,0.5);
	-moz-box-shadow: inset 0px 14px 13px -15px rgba(122,122,122,0.5);
	box-shadow: inset 0px 14px 13px -15px rgba(122,122,122,0.5);
		padding-bottom: 10px;
}
}
.afg-specs-selector a:hover {
	text-decoration: none;
}
.afg-specs-selector > div {
	background-color: #fcfaf9;
}
.afg-specs-selector div {
	color: #6c6c6c;
}
.afg-specs-selector .din-size {
	color: #99cc99;
	font-weight: bold;
}
.afg-specs-selector-header-inner1 {
	font-size: 14px;
	padding-top: 20px;
}
.afg-specs-selector-header-inner2 {
	font-size: 18px;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.afg-specs-selector-header-inner2 {
		margin: 15px 0;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-specs-selector-header-inner2 {
	padding-bottom: 15px;
	padding-top: 1px;
}
}
.afg-specs-selector .stereo-box-col {
	cursor: pointer;
}
.afg-specs-selector .stereo-box {
	background-color: #cfcdcc;
	border: 1px solid #cfcdcc;
	border-bottom: 1px solid #bbb9b8;
	border-radius: 4px;
	height: 85px;
	text-align: center;
}
.afg-specs-selector .stereo-box-button-row {
	height: 10px;
}
.afg-specs-selector .stereo-box-col.active .stereo-box {
	background-color: #e8f4f8;
	border: 1px solid #178ddf;
}
.afg-specs-selector .stereo-box-col:hover .stereo-box {
	background-color: #fcfaf9;
	border: 1px solid #178ddf;
}
.afg-specs-selector .stereo-box-capture {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
}
.afg-specs-selector .stereo-box-col.active .stereo-box-capture {
	color: #115ea7;
}
.afg-specs-selector .stereo-box-col:hover .stereo-box-capture {
	color: #178ddf;
}
.afg-specs-selector .speaker-box-col {
	background-color: #cfcdcc;
	border: 1px solid #cfcdcc;
	border-bottom: 1px solid #bbb9b8;
	border-radius: 4px;
	cursor: pointer;
	height: 34px;
	margin: 2px 0;
}
.afg-specs-selector .speaker-box-col div {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	margin-top: 6px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-specs-selector-shadow div:not(:first-of-type) {
		padding-left: 4px;
	}
	.afg-specs-selector .speaker-box-col div {
		font-size: 14px;
	}
	.afg-specs-selector-shadow div:nth-of-type(2),
	.afg-specs-selector .speaker-box-col div:nth-of-type(2) {
		width: 15.66666667%;
	}
	.afg-specs-selector-shadow div:nth-of-type(3),
	.afg-specs-selector .speaker-box-col div:nth-of-type(3) {
		width: 32%;
	}
	.afg-specs-selector-shadow div:last-of-type,
	.afg-specs-selector .speaker-box-col div:last-of-type {
		width: 35.66666667%;
	}
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.afg-specs-selector .speaker-box-col div:first-of-type {
		padding: 0 0 5px 4px;
	}
}
.afg-specs-selector .speaker-box-col div:not(:first-of-type) {
	padding: 3px 0 4px 4px;
}
.afg-specs-selector .speaker-box-col.active div {
	color: #115ea7;
}
.afg-specs-selector .speaker-box-col:hover div {
	color: #178ddf;
}
.afg-specs-selector .speaker-box-col.active {
	background-color: #e8f4f8;
	border: 1px solid #178ddf;
}
.afg-specs-selector .speaker-box-col:hover {
	background-color: #fcfaf9;
	border: 1px solid #178ddf;
}
.afg-specs-selector .stereo-req-info {
	color: #115ea7;
	font-size: 10px;
}
.afg-specs-selector .button-specs {
	background-color: #115ea7;
	color: #fff;
	cursor: pointer;
	display: block;
	font-weight: 600;
	margin: 0 15px;
	padding: 8px 9px;
	position: inherit;
	text-align: center;
	text-align: left;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-specs-selector .button-specs {
		bottom: 15px;
		display: inline-block;
		margin: 0;
	position: absolute;
	right: 32px;
		text-align: left;
}
}
.afg-specs-selector .button-specs:hover {
	background-color: #dc3800;
	color: #fff;
	text-decoration: none;
}
/* End DVLP Specs Section */

/* Start of specs icons */
.afg-specs-icon {
	background-image: url('/themes/transitional/images/afg_selector/afg_specs_icons.png');
	background-repeat: no-repeat;
	display: block;
}
.afg-specs-car_icon {
	background-position: -5px -5px;
	height: 12px;
	width: 30px;
}
.afg-specs-close {
	background-position: -45px -5px;
	height: 15px;
	width: 15px;
}
.afg-specs-close_h {
	background-position: -70px -5px;
	height: 15px;
	width: 15px;
}
.afg-specs-close_i {
	background-position: -95px -5px;
	height: 15px;
	width: 15px;
}
.afg-specs-speaker_size_10 {
	background-position: -140px -5px;
	height: 28px;
	margin-left: 8px;
	margin-top: -4px;
	width: 27px;
}
.afg-specs-selector .speaker-box-col.active span.afg-specs-speaker_size_10 {
	background-position: -177px -5px;
}
.afg-specs-selector .speaker-box-col:hover span.afg-specs-speaker_size_10 {
	background-position: -214px -5px;
}
.afg-specs-speaker_size_1 {
	background-position: -120px -5px;
	height: 10px;
	margin-left: 16px;
	margin-top: 6px;
	width: 10px;
}
.afg-specs-selector .speaker-box-col.active span.afg-specs-speaker_size_1 {
	background-position: -5px -42px;
}
.afg-specs-selector .speaker-box-col:hover span.afg-specs-speaker_size_1 {
	background-position: -25px -42px;
}
.afg-specs-speaker_size_6_5 {
	background-position: -45px -42px;
	height: 21px;
	margin-left: 10px;
	margin-top: 0;
	width: 22px;
}
.afg-specs-selector .speaker-box-col.active span.afg-specs-speaker_size_6_5 {
	background-position: -76px -42px;
}
.afg-specs-selector .speaker-box-col:hover span.afg-specs-speaker_size_6_5 {
	background-position: -107px -42px;
}
.afg-specs-speaker_size_6_9 {
	background-position: -138px -42px;
	height: 20px;
	margin-left: 4px;
	margin-top: 1px;
	width: 36px;
}
.afg-specs-selector .speaker-box-col.active span.afg-specs-speaker_size_6_9 {
	background-position: -183px -42px;
}
.afg-specs-selector .speaker-box-col:hover span.afg-specs-speaker_size_6_9 {
	background-position: -138px -72px;
}
.afg-specs-selector .stereo-box .afg-specs-stereo_double_din {
	background-position: -5px -102px;
	height: 53px;
	margin: 15px auto auto;
	width: 85px;
}
.afg-specs-selector .stereo-box-col:hover .afg-specs-stereo_double_din,
.afg-specs-selector .stereo-box-col.active:hover .afg-specs-stereo_double_din {
	background-position: -5px -165px;
}
.afg-specs-selector .stereo-box-col.active .afg-specs-stereo_double_din {
	background-position: -100px -102px;
}
.afg-specs-icon.afg-specs-stereo_single_din {
	background-position: -100px -165px;
	height: 24px;
	margin: 29px auto auto;
	width: 85px;
}
.afg-specs-selector .stereo-box-col:hover .afg-specs-stereo_single_din,
.afg-specs-selector .stereo-box-col.active:hover .afg-specs-stereo_single_din  {
	background-position: -251px -5px;
}
div.active .afg-specs-icon.afg-specs-stereo_single_din {
	background-position: -100px -199px;
}
.afg-specs-selector .stereo-box-col .afg-specs-stereo_vehicle_specific {
	background-position: -251px -39px;
	height: 66px;
	margin: 9px auto auto;
	width: 66px;
}
.afg-specs-selector .stereo-box-col:hover .afg-specs-stereo_vehicle_specific,
.afg-specs-selector .stereo-box-col.active:hover .afg-specs-stereo_vehicle_specific {
	background-position: -271px -115px;
}
.afg-specs-selector .stereo-box-col.active .afg-specs-stereo_vehicle_specific {
	background-position: -195px -115px;
}
.afg-specs-vehicle {
	background-position: -195px -191px;
	height: 10px;
	width: 28px;
}
/* End DVLP Specs Icons */

/* Start DVLP Product Section */
.sonic-panel-body {
	padding-bottom: 40px;
	padding-top: 20px;
}
.afg-content .category-box {
	height: 210px;
	width: 190px;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.vehicle-page-heading {
		background-color: #EEF7FE;
		color: #0C74D5;
	}
}
.no-category-link {
	cursor: default;
}
/* End DVLP Product Section */

/* Start DVLP Not Available */
.not-available {
	background-color: #fff;
}
.afg-content .sonic-panel-heading {
	color: #115ea7;
	font-size: 24px;
	margin-top: 13px;
	margin-bottom: 6px;
}
.not-available .not-available-text{
	color: #000000;
	font-size: 16px;
}
.not-available a.not-available-shop-all,
.afg-contact-form-modal .contact-form-modal-response a.continue,
.contact-form-modal-response a.continue {
	background-color: #115ea7;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 8px 9px;
	white-space: nowrap;
}
.afg-specs-selector a.not-available-shop-all:hover,
.afg-contact-form-modal .contact-form-modal-response a.continue:hover {
	background-color: #dc3800;
	color: #fff;
	text-decoration: none;
}
.afg-content .contact-us {
	padding: 7px;
	margin: 10px auto;
	display: block;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #115ea7;
	font-weight: 600;
	width: 90px;
}
.afg-content .contact-us:hover,
.afg-content .contact-us-active {
	background-color: #115ea7;
	border: 1px solid #115ea7;
	color: #fff;
}
.afg-content .call-us,
.afg-content .email-us {
	background-image:url("/themes/transitional/images/afg_selector/contact_icons.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	margin: 30px 4px 0;
	width: 20px;
}
.afg-content .email-us {
	background-position: -29px -29px;
}
.afg-content .call-us {
	background-position: -29px -3px;
}
.afg-content .email-us:hover,
.afg-content .email-us-active {
	background-position: -3px -29px;
}
.afg-content .call-us:hover,
.afg-content .call-us-active {
	background-position: -3px -3px;
}
.afg-content .not-available-box {
	background: rgba(200, 200, 200, 0.1) none repeat scroll 0 0;
	border: 1px solid white;
	height: 155px;
	left: calc(50% - 76px);
	position: absolute;
	top: 0px;
	width: 155px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-content .not-available-box {
		left: 18px;
	}
	.not-available .not-available-main {
		background: #f8f7f6;
		border-top: 1px solid #115ea7;
		height: 314px;
		padding-top: 20px;
	}
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.not-available .not-available-main {
		background: #f7f7f7;
	}
}

.afg-content .not-available-box .inactive_text,
.afg-content .not-available-box .hover_text {
	color: #3c3c3c;
	font-size: 12px;
	margin: 0 -10px;
}
.afg-content .not-available-box .hover_text {
	color: #000;
	display: none;
}

.afg-content .not-available-box .call-us,
.afg-content .not-available-box .email-us{
	margin: 10px;
}
/* End DVLP Not Available */

/* Start DVLP Footer Section */
.helpful-articles-heading {
	background-color: #4292D9;
	color: white;
	padding: 10px 0;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.helpful-articles-heading {
		background: none;
		color: #333;
		padding-top: 30px;
	}
}
.afg-helpful-articles-content {
	background-color: white;
}
.afg-content .thumbnail.helpful-articles {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	display: block;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 2px;
	transition: background-color 0.3s ease-in-out 0s;
}
.afg-content .img-thumbnail:hover {
	border: 1px solid #ddd;
}
.afg-content .thumbnail.helpful-articles:hover {
	background-color: #4292d9 !important;
	text-decoration: none;
}
.afg-content .thumbnail.helpful-articles:hover p {
	color: #fff;
	text-decoration: none;
}
.afg-content .afg-helpful-articles {
	padding: 0 5px;
}
.afg-content .afg-helpful-articles img.img-responsive {
	height: 163px;
	margin-bottom: 12px;
}
/* End DVLP Footer Section */
/* End dynamic vehicle landing page */

/* Start fit messages */
.afg-content .checkVehicleFit,
.afg-content .checkVehicleFit a {
	background: #fff;
	color: #505050;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	padding: 5px 12px 0px 12px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.afg-content .checkVehicleFit * {
	display: inline-block;
	vertical-align: top;
}
.afg-content .checkVehicleFit .icon {
	background: url('/themes/transitional/images/product/vehicleFitIcon.png') no-repeat 50% 50%;
	height: 38px;
	width: 38px;
}
.afg-content .checkVehicleFit p {
	margin: 0px;
	max-width: 332px;
	padding: 10px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.afg-content .checkVehicleFit .checkVehicleAnchor {
	color: #115ea7;
	padding: 10px 0;
}
.afg-content .vehicle-fit .icon {
	height: 100%;
	position: relative;
	width: 60px;
}
.afg-content .vehicle-fit .vftext {
	margin: 0;
}
.afg-content .vehicle-fit .vftext.small {
	font-size: 12px;
}
.afg-content .vehicle-fit .vftext a.vflink {
	text-decoration: none;
}
.afg-content .vehicle-fit .vftext .afg-fit-display-name {
	font-weight: 600;
}
.afg-content .vehicle-fit .links {
	margin: 10px;
}
.afg-content .vehicle-fit .links a {
	display: inline-block;
	font-size: 11px;
	padding: 0 5px;
	text-decoration: none;
}
.afg-content .vehicle-fit .afg-speaker-fit-list,
.afg-content .vehicleFitMobile .afg-speaker-fit-list {
	margin: .25rem 0;
	padding-left: 1rem;
}
.afg-content .vehicle-fit-global .icon {
	background: url('/themes/transitional/images/product/afg_global_128.png') no-repeat center;
	background-size: 60%;
}
.afg-content .vehicle-fit-maybe,
.afg-content .vehicle-fit-maybe .vftext a.vflink {
	color: #ffb400;
}
.afg-content .vehicle-fit-maybe .icon {
	background: url('/themes/transitional/images/product/afg_question_128.png') no-repeat center;
	background-size: 60%;
}
.afg-content .vehicle-fit-success {
	color: #497703;
}
.afg-content .vehicle-fit-success .icon {
	background: url(/themes/transitional/images/product/afg_success_128.png) no-repeat center;
	background-size: 60%;
}
.afg-content .vehicle-fit-warning {
	color: #AC0000;
}
.afg-content .vehicle-fit-warning .icon {
	background: url(/themes/transitional/images/product/afg_warning_128.png) no-repeat center;
	background-size: 60%;
}
/* End fit messages */

/* Start vehicle select common */
.afg-selector .vehicle-icon {
	background: url("/images/carIcon.png") no-repeat center;
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
	width: 55px;
}
/* End vehicle select common */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-change-options-modal .change-options-modal,
	.afg-change-vehicle-modal .change-vehicle-modal {
		max-width: 620px;
	}
}
.afg-content .modal-content {
	font-size: 1.2em;
	border: none;
}
/* Start fix for jQuery Mobile fade in conflict with Bootsrap */
.fade.in {
	opacity: .8;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: .8; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: .8; }
}
/* End fix for jQuery Mobile fade in conflict with Bootsrap */
/* Start fix for Bootsrap modal outside namespace */
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=80);
	opacity: .8;
}
/* End fix for Bootsrap modal outside namespace */
.modal-content .afg-vehicle-selector-modal-header {
	background: #115ea7;
	text-align: center;
	border: none;
	padding:0;
}

.afgVehicleSelectorNew {
	padding: 10px 15px;
}
.changeVehicleAfgNew {
	float: right;
	padding: 15px;
}
.changeVehicleAfgNew > a {
	font-size: 18px;
	color: #fff;
}
a.selectVehicleCatBranch,
a.afgSelectVehicleNewBtn {
	border: 1px solid;
	border-radius: 3px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	padding: 10px 15px;
	transition: .3s all;
	text-decoration: none;
}
a.afgSelectVehicleNewBtn {
	border: 1px solid #fff;
	color: #fff;
}

.afg-vehicle-selector-modal-header button {
	width: 23px;
	height: 23px;
	position: absolute;
	right: 8px;
	top: 8px;
	border: none;
	z-index:10;
	background-image: url('/themes/transitional/images/afg_selector/close.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}
.afg-vehicle-selector-modal-header button:hover,
.afg-vehicle-selector-modal-header button:focus {
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}
.afg-vehicle-selector-modal-header .modal-title {
	color: #ffffff;
	font-size: 1.2em;
	font-weight: 500;
}
.afg-selector-modal .drop-down-container  {
	margin-bottom: 2px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-vehicle-selector-modal-header .modal-title {
		font-size: 1.5em;
	}
	.afg-selector-modal .drop-down-container  {
		margin-bottom: 10px;
		padding-left: 0;
	}
	.afg-selector-modal .drop-down-container label {
		padding-top: 6px;
	}
}
.afg-vehicle-selector-modal-title{
	margin-bottom: 10px;
	color:#fff;
}

.afg-vehicle-selector-modal-title h4 {
	margin: 0;
}
.modal-content.modal-reference {
	background: #00579d url("/images/afg/afg_bg_lg.jpg") top;
	border: none;
	border-radius: 0;
	color: #fff;
}
@media (max-width: 767px) {
	.modal-content.modal-reference {
		background: #00579d url("/images/afg/afg_bg_sm.jpg") no-repeat center;
		background-size: cover;
	}
}
.afg-content .modal-content.modal-reference h4{
	margin: 0;
	font-weight: bold;
}
.afg-content .modal-content.modal-reference h4 a{
	color:#fff;
	text-decoration: underline;
}
.afg-content .modal-content.modal-reference h4 a:hover{
	text-decoration: none;
}
.afg-content .modal-content .modal-body .row{
	width: auto;
	display: block;
}
.modal-content.modal-reference .drop-down-container{
	padding-top: 5px;
	padding-bottom: 5px;
}
.modal-content.modal-reference .drop-down-container .form-control{
	height: 44px;
}
.modal-content.modal-reference .drop-down-container select.form-control{
	line-height: 38px;
	font-size: 16px;
}
.modal-content.modal-reference .cant-find-car-message{
	text-align: center;
	padding-top: 10px;
}
.modal-content.modal-reference .cant-find-car-message a{
	color:#fff;
	text-decoration: underline;
}
.modal-content.modal-reference .cant-find-car-message a:hover{
	color:#fff;
	text-decoration: none;
}
.modal-content.modal-reference .modal-footer{
	border: none;
	padding: 7px;
}
.afg-vehicle-selector-modal-body{
	background: #115ea7;
}
.afg-content .afg-vehicle-submit-btn{
	width: 100%;
}

.afg-content .modal-content .orangeButton {
	width:100%;
}
.afg-content .afg-vehicle-submit-btn{
	height: 44px;
	padding-top: 5px;
}
@media screen and (max-width: 767px) {
	.afg-form {
		font-size: 12px;
	}
}
/* End vehicle select modal */

/* Start vehicle select narrow */
.afg-selector-narrow {
	font-family: 'Ubuntu', arial;
}
.afg-selector-narrow.panel {
	margin-bottom: 10px;
}
.afg-selector-narrow .panel-heading {
	background-color: #f05900;
	color: #fff;
	padding: 10px 10px 6px;
	position: relative;
}
.afg-selector-narrow .panel-heading:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #f05900;
	bottom: -7px;
	content: '';
	display: inline-block;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	vertical-align: middle;
}
.afg-selector-narrow .panel-title {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}
.afg-selector-narrow .panel-body {
	background-color: #004786;
	color: #303030;
}
.afg-selector-narrow .panel-body.results {
	background-color: #f7f7f7;
	border: 1px solid #737373;
}
.afg-selector-narrow .drop-down-container {
	margin-bottom: 10px;
}
.afg-selector-narrow a {
	font-size: 12px;
	text-decoration: none;
}
.afg-selector-narrow .afg-selector-submit-btn {
	background: #178ddf;
	color: #fff;
}
.afg-selector-narrow .vehicle-img {
	border: 2px solid #004786;
	height: auto;
	max-width: 85%;
}
.afg-selector-narrow .vehicle-text {
	color: #6c6c6c;
	font-size: 12px;
	font-weight: 300;
}
.afg-selector-narrow .vehicle-text .year-make {
	color: #004786;
	font-size: 15px;
	font-weight: 500;
}
.afg-selector-narrow .form-links {
	text-align: right;
}
/* End vehicle select narrow */

/* Start vehicle select medium */
/* AFG Vehicle Selector */
.afg-selector-medium {
	color: #303030;
	float: left;
	font-family: 'Ubuntu', arial;
	height: 265px;
	margin-left: 8px;
	width: 318px;
}
.afg-selector-medium a.select2-choice {
	text-decoration: none;
}
.afg-selector-medium.panel {
	border: none;
	box-shadow: none;
	margin-bottom: 0;
	border-radius: 0;
}

.afg-selector-medium .panel-body {
	padding: 10px 15px;
	margin-top: 90px;
}

.afg-selector-medium .drop-down-container {
	margin-bottom: 10px;
}
.afg-selector-medium .drop-down-placeholder {
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 3px;
	color: #fff;
	font-size: 15px;
	margin-bottom: 5px;
	padding: 7px;
}
.modal-reference.modal-vehicle .drop-down-placeholder-inner{
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 3px;
	color: #fff;
	padding: 14px 17px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.afg-selector-medium .afg-selector-submit-btn {
	background: transparent;
	border-radius: 0;
	border: 1px solid #FFF;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto;
}
.afg-selector-medium .afg-selector-submit-btn:hover {
	background: #178ddf;
	border: 1px solid #178ddf;
	color: #fff;
}
/* End vehicle select medium */

/* Start vehicle select wide */
.afg-selector-wide {
	font-family: 'Ubuntu', arial;
}
.afg-selector-wide .afg-selector-form {
	margin: 0;
}
.afg-selector-wide .drop-down-container {
	float: left;
	margin: 4px 5px;
}
.afg-selector-wide .drop-down-placeholder {
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	color: #fff;
	float: left;
	font-size: 15px;
	font-weight: 600;
	margin: 0 5px;
	padding: 7px;
	width: 100px;
}
/* End vehicle select wide */

/* New Vehicle Submit Section */
#new-vehicle-submit-container {
	color: #5d5d5d;
	font-size: 11px;
}
#new-vehicle-submit-container label {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	z-index:1;
}
#new-vehicle-submit-container .new-vehicle-submit-row {
	padding: 5px 30px;
}
#new-vehicle-submit-container .new-vehicle-submit-title {
	font-size: 18px;
	font-weight: 500;
}
#new-vehicle-submit-container .new-vehicle-submit-heading {
	color: #0066c3;
	font-size: 16px;
	font-weight: 600;
}
#new-vehicle-submit-container .new-vehicle-submit-required-box {
	padding: 10px 0;
	margin: 10px -15px;
	background-color: #f4f4f4;
	-moz-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.25), inset  0 -8px 8px -8px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.25), inset  0 -8px 8px -8px rgba(0,0,0,0.25);
	box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.25), inset  0 -8px 8px -8px rgba(0,0,0,0.25);
}
#new-vehicle-submit-container .new-vehicle-submit-verify {
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
	margin-top: 10px;
}
#new-vehicle-submit-container #afg_verifyCode {
	width: 100px;
}
#new-vehicle-submit-container .errorMessage, #new-vehicle-submit-container .error {
	font-style: italic;
	color: #d8000c;
}
#new-vehicle-submit-container .error input {
	border: 1px solid #d8000c;
}
#new-vehicle-submit-container .info {
	width: 13px;
	height: 13px;
	display: inline-block;
	background-image: url("/images/category_main/help.png");
	background-size: 13px 13px;
	cursor: pointer;
	margin-top: 3px;
	vertical-align: top;
}
#new-vehicle-submit-container.afg-content .form-control
{
	width: 100%;
}
#new-vehicle-submit-container.afg-content input.form-control{
	height:44px\9;
	padding-top: 12px\9;
}

.afg-content fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.section-label fieldset {
	margin-bottom:5px;
	position: relative;
}
.section-label fieldset:first-child input {
	border-radius: 4px;
}
.section-label fieldset + fieldset {
	border-top: 1px solid #ddd;
}
.section-label fieldset.selected label {
	left: 2%;
	top: 22%;
}
.section-label fieldset.selected label {
	top: 1px \9;
	left: 12px \9;
}
.section-label .selected label.ui-input-text {
	left: 10px;
	top: 17px;
}
.section-label label {
	left: 13px;
	position: absolute;
	top: 17px;
	color: #909090;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0, 0, 0);
	transition: all 0.2s ease-in-out;
	pointer-events: none;
}
.section-label label.ui-input-text {
	left: 13px;
	position: absolute;
	top: 19px;
	color: #909090;
	transform: translate3d(0, 0, 0);
	transition: all 0.2s ease-in-out;
	pointer-events: none;
}
.section-label label.comment{
	top: 10px;
	left: 13px;
	top: 12px\9;
}
.section-label .selected label.comment{
	top: 1px\9;
	left: 13px\9;
}
.afg-content .modal-content .modal-body .row.clearfix.verifyCode div.col-md-8{
	width: 66%\9;
	float:left\9;
}
.afg-content .modal-content .modal-body .row.clearfix.verifyCode div.col-md-4{
	width: 34%\9;
	float:left\9;
}
.section-label label.comment.ui-input-text{
	top: 16px;
	left: 13px;
}

.section-label input:valid,
.section-label input:focus {
	height: 48px;
}
.section-label input.ui-input-text:valid,
.section-label input.ui-input-text:focus {
	height: 40px;
}
.section-label fieldset.selected textarea:valid,
.section-label fieldset.selected input:valid,
.section-label fieldset.selected input:focus,
.section-label fieldset.selected textarea:focus{
	padding: 18px 8px 10px;
 }
.section-label fieldset.selected textarea:focus,
.section-label fieldset.selected input:focus{
	outline: 0;
	background: rgba(255,255,255,1);
}
.section-label fieldset.selected input:valid + label,
.section-label fieldset.selected textarea:valid + label,
.section-label fieldset.selected input:focus + label,
.section-label fieldset.selected textarea:focus + label {
	color: #aeaeae;
	font-size: 10px;
	-webkit-transform: translate3d(0, -10px, 0);
	-ms-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}
.afg-content#new-vehicle-submit-container textarea.form-control{
	padding-top: 10px\9;
}
.section-label fieldset.selected textarea:valid + label.comment{
	top: 15%;
	left: 1.5%;
}
.section-label fieldset.selected textarea:valid + label.comment.ui-input-text{
	top: 20px;
	left: 9px;
}
.vehicleAdditionalInfo.ui-input-text{
	line-height: normal;
}
.verifyCode{
	color: #fff;
}
.verifyCode a{
	padding-left: 5px;
}
.verifyCode a,
.verifyCode a:hover,
.verifyCode a:active,
.verifyCode a:focus,
.verifyCode a:visited{
	color: #fff;
}
/* End of New Vehicle Submit Section */

/* Contact Form */
.afg-contact-form-modal {
	background-color: rgba(0, 0, 0, 0.5);
}
.afg-contact-form-modal .contact-form-modal {
	border-top-left-radius: 1em;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	width: 100%;
}
.afg-contact-form-modal .contact-form-modal-header {
	background: #115ea7;
	height: 72px;
	padding: 15px;
}
.afg-contact-form-modal .contact-form-modal-body {
	background-color: white;
}
.afg-contact-form-modal .contact-form-modal-title {
	color: #fff;
	font-size: 15px;
}
.afg-contact-form-modal .contact-form-modal-subtitle {
	color: #64cbf3;
	font-size: 14px;
}
.afg-contact-form-modal .contact-form-modal-navigation {
	background-color: #f8f7f6;
}
.afg-contact-form-modal .contact-form-modal-navigation div {
	background: #f8f7f6; /* For browsers that do not support gradients */
	position: relative;
}
.afg-contact-form-modal .contact-form-modal-navigation div:hover,
.afg-contact-form-modal .contact-form-modal-navigation div.active {
	background: #178ddf;
}
.afg-contact-form-modal .contact-form-modal-navigation .call span {
	background-position: -44px -48px;
	height: 39px;
	left: 47px;
	top: 9px;
	width: 25px;
}
.afg-contact-form-modal .contact-form-modal-navigation .email span {
	background-position: -75px -34px;
	height: 25px;
	left: 41px;
	top: 17px;
	width: 34px;
}
.afg-contact-form-modal .contact-form-modal-navigation .callback span {
	background-position: -3px -48px;
	height: 39px;
	left: 38px;
	top: 8px;
	width: 35px;
}
.afg-contact-form-modal .contact-form-modal-main-call .continue {
	background-color: #115ea7;
	border: 1px solid #115ea7;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 8px 9px;
	text-decoration: none;
	white-space: nowrap;
}
.afg-contact-form-modal .call-toll-free {
	background-color: #115ea7;
	margin: 25px 0;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	/* In general we write for mobile and overwrite for larger devices. */
	/* This section is for mobile only exceptions. */
	.afg-contact-form-modal.modal {
		overflow-x: hidden;
		overflow-y: auto;
	}
	.afg-contact-form-modal .contact-form-modal-navigation {
		border-bottom: 1px solid #d3d3d3;
	}
	.afg-contact-form-modal .contact-form-modal-main {
		font-size: 12px;
	}
	.afg-contact-form-modal label {
		display: inline;
		font-size: 12px;
	}
	.afg-contact-form-modal .contact-form-modal-navigation div {
		border-right: 1px solid #d3d3d3;
		height: 60px;
	}
	.afg-contact-form-modal .contact-form-modal-main-call .continue {
		margin: 15px 0;
	}
	.afg-contact-form-modal .call-toll-free {
		border-radius: 5px;
	}
	/* end mobile only exceptions */
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.afg-contact-form-modal .contact-form-modal {
		height: 470px;
		margin: 60px auto;
		width: 730px;
	}
	.afg-contact-form-modal .contact-form-modal-header {
		background: #115ea7  url(/themes/transitional/images/afg_selector/call_bg.png) no-repeat left top;
		border-top-left-radius: 1em;
		height: 94px;
	}
	.afg-contact-form-modal .contact-form-modal-title {
		font-size: 33px;
		padding-left: 115px;
	}
	.afg-contact-form-modal .contact-form-modal-subtitle {
		font-size: 18px;
		padding-left: 115px;
	}
	.afg-contact-form-modal .contact-form-modal-navigation {
		border-right: 1px solid #d3d3d3;
		float: left;
		height: 386px;
		width: 202px;
	}
	.afg-contact-form-modal .contact-form-modal-main {
		float: left;
		width: 528px;
	}
	.afg-contact-form-modal .contact-form-modal-navigation div {
		background: -webkit-linear-gradient(#fff, #f8f7f6); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fff, #f8f7f6); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fff, #f8f7f6); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fff, #f8f7f6); /* Standard syntax */
		-webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.22);
		-moz-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.22);
		box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.22);
		color: #c3c3c3;
		cursor: pointer;
		display: block;
		font-size: 18px;
		height: 77px;
		margin: 30px;
		padding: 28px 0 0 54px;
		width: 143px;
	}
	.afg-contact-form-modal .contact-form-modal-navigation div:hover,
	.afg-contact-form-modal .contact-form-modal-navigation div.active {
		border-bottom: 1px solid #bbb;
		color: #fff;
	}
	.afg-contact-form-modal .contact-form-modal-navigation .call span {
		left: 17px;
		top: 19px;
	}
	.afg-contact-form-modal .contact-form-modal-navigation .email span {
		left: 12px;
		top: 27px;
	}
	.afg-contact-form-modal .contact-form-modal-navigation .callback span {
		left: 11px;
		top: 21px;
	}
	.afg-contact-form-modal .contact-form-modal-main-call .continue {
		background-color: #fff;
		border: 1px solid #ccc;
		color: #115ea7;
		position: absolute;
		right: 0;
		top: -28px;
	}
	.afg-contact-form-modal .call-toll-free {
		margin: 40px 0;
		padding: 14px;
	}
}
.afg-contact-form-modal .contact-form-modal-main-title {
	font-size: 18px;
}
.afg-contact-form-modal .contact-form-modal-main-highlight {
	color: #0066c3;
}
.afg-contact-form-modal .contact-form-modal-main .tabcontent {
	display: none;
	padding: 15px;
}
.afg-contact-form-modal .errorMessage {
	color: #AC0000;
}
.afg-contact-form-modal .error input,
.afg-contact-form-modal .error textarea {
	border: 1px solid #AC0000;
}
.afg-contact-form-modal input.submit {
	background: #fff;
	border: 1px solid #bbb;
	color: #178ddf;
}
.afg-contact-form-modal input.submit:hover {
	background: #178ddf;
	color: #fff;
}

.afg-contact-form-modal .contact-form-modal-navigation div.callback {
	padding: 17px 0 0 54px;
}

.afg-contact-form-modal .contact-form-modal-navigation div span {
	background-image: url(/themes/transitional/images/afg_selector/afg-contact-form-modal-sprite.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.afg-contact-form-modal .contact-form-modal-navigation .call:hover span,
.afg-contact-form-modal .contact-form-modal-navigation div.call.active span{
	background-position: -3px -3px;
}
.afg-contact-form-modal .contact-form-modal-navigation .email:hover span,
.afg-contact-form-modal .contact-form-modal-navigation div.email.active span {
    background-position: -75px -3px;
}
.afg-contact-form-modal .contact-form-modal-navigation .callback:hover span,
.afg-contact-form-modal .contact-form-modal-navigation div.callback.active span {
    background-position: -34px -3px;
}

.afg-contact-form-modal .contact-form-modal-response {
	background: #92cc86 url(/themes/transitional/images/afg_selector/success_mark.png) no-repeat center 35px;
	display: none;
	height: 366px;
	padding-top: 120px;
	text-align: center;
	color: white;
}
.afg-contact-form-modal .contact-form-modal-response .continue {
	margin: 20px auto;
	width: 200px;
}
.afg-contact-form-modal .contact-form-modal-main-call .continue:hover {
	background-color: #115ea7;
	border: 1px solid #115ea7;
	color: #fff;
	text-decoration: none;
}
/* End Contact Form */

/* firefox rules */
@-moz-document url-prefix() {
	.section-label .selected label {
		top: 13px;
	}
	.section-label label.comment{
		top: 9px;
	}
}
/* IE 10-11 rules */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.section-label .selected label, .section-label fieldset.selected textarea:valid + label.comment {
		left: 8px;
		top: 13px;
	}
	.section-label label.comment{
		top: 14px;
		left: 13px;
	}
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
/* DVLP Mobile */
	.afg-specs-mobile .afg-specs-selector .speaker-box-col {height: 44px;background: #fff;}
	.afg-specs-mobile .afg-specs-selector .speaker-box-col div {font-size: 11px;color: #115ea7; margin-top: 10px;}
	.afg-specs-mobile .afg-specs-selector .button-specs{margin: 0 auto;padding: 14px 9px;height: 44px;width: 90%;font-weight: 500;font-size: 14px;color: #FFFFFF;border: none;border-radius: 3px;text-shadow: none;}
	.afg-specs-mobile #specSelectorStereo.afg-specs-selector .min-width-96{min-width: 96px;}
	.afg-specs-mobile #specSelectorSpeakers.afg-specs-selector .afg-specs-selector-shadow{font-size: 14px;}
	.afg-specs-mobile #specSelectorSpeakers.afg-specs-selector .afg-specs-selector-shadow div{padding-left: 3px;}
/* DVLP Mobile End*/
}

/* Select Make page */
.afg-content .afgAlphabet .section-key-initial.active {
	background-color: #f7a407;
}
.afgManufacturerAlphabet p.lead {
	background: #115ea7;
	margin: 15px 0;
	width: 3rem;
}
.afgManufacturerContainer p {
	display: none;
}
.afgManufacturerAlphabet .section-key-heading,
.popularBrand.section-key-heading {
	background-color: #115ea7;
}
.afgManufacturerContainer .row-available.active,
.afgManufacturerContainer p.active,
.afgAllAvailableMakes .afgManufacturerContainer p {
	display: block;
}
.popularBrand a {
	font-size: 12px;
	text-decoration: underline !important;
}
.afgManufacturerContainer a {
	border-color: #000 !important;
	border-radius: unset;
}
.fitmentInfo {
	display: none;
}
.fitmentInfo p {
	font-size: small;
	border: 1px solid #ced4da;
}
.afgNumber {
	height: 44px;
	color: #495057;
}
@media (min-width: 480px) and (max-width: 767px) {
	.row-available,
	.afgPopularMakes .afgManufacturerContainer {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
	}
	.row:before {
		content: unset;
	}
}
@media (min-width: 768px) {
	.row-available,
	.afgPopularMakes .afgManufacturerContainer{
		display: grid !important;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.row:before{
		content: unset;
	}
}
@media (max-width: 480px) {
	.afgAlphabet {
		display: flex;
		overflow-x: scroll;
	}
	.afg-content .afgAlphabet .section-key-initial {
		margin: 0 10px 5px 0;
		border: 1.5px solid black;
		flex: 0 0 70px;
	}
	.afgManufacturerContainer {
		padding: 0;
	}
	#CarManufacturerSearch:focus {
		box-shadow: unset;
	}
	.afgManufacturerAlphabet .section-key-heading,
	.popularBrand.section-key-heading {
		width: unset !important;
	}
}

.afg-modal-desktop .modal-body {
	margin: 0.5rem !important;
	padding: 0.75rem;
}
.modal-body-desktop .headerSection {
	margin: 0.75rem 0 !important;
}
.afg-modal-desktop .modal-header {
	margin: 0.5rem 0;
}
.afg-modal-desktop .dismiss-modal {
	margin: 0.5rem 0.75rem;
}
.afg-modal-desktop .modal-body-desktop .drop-down-container {
	padding: 0.5rem 1rem !important;
}
.afg-modal-desktop .primary-btn {
	background: #FFC700 !important;
	border: 1px solid #9F7C00 !important;
	color: black !important;
	margin-left: 0.25rem !important;
}
.afg-modal-desktop .primary-btn:hover {
	background: #DFAE00 !important;
	border: 1px solid #9F7C00 !important;
}
.afg-modal-desktop .primary-btn:active, .afg-modal-desktop .primary-btn:focus, .afg-modal-desktop .secondary-btn:active, .afg-modal-desktop .secondary-btn:focus {
	text-decoration: none;
}
.afg-modal-desktop .secondary-btn {
	background: white !important;
	border: 1px solid #023759 !important;
	color: #034777 !important;
	margin-right: 0.25rem !important;
}
.afg-modal-desktop .primary-btn, .afg-modal-desktop .secondary-btn {
	margin-top: 0.5rem;
	font-size: x-large !important;
	border-radius: 5px !important;
}
.afg-modal-desktop .primary-btn:hover, .afg-modal-desktop .secondary-btn:hover {
	text-decoration: none;
	border-radius: 5px !important;
}
.afg-modal-desktop .secondary-btn:hover {
	background: #034777 !important;
	border: 1px solid #023759 !important;
	color: white !important;
}
.afg-modal-desktop .secondary-btn:active {
	background: #023759 !important;
}
.afg-modal-desktop .drop-down-container select.form-control {
	font-size: 1.2rem !important;
}
.afg-modal-desktop .fitmentInfoIcon {
	display: none;
}

.afg-modal-desktop .drop-down-container.has-arrow:after {
	display: none;
}
/* End select Make page */