@charset "UTF-8";
/* CSS Document */
/*Services.css*/
.aaa-header-container{
	border-bottom: 1px solid #d9d9d9;
}
.aaa-form-block{
	clear: both;
	padding: 0px 0px 14px 44px;
}
form.aaa-form{
	margin: 0px;
}
.aaa-form-group{
	display: inline-block;
	width: 100%;
}
.aaa-form-group.rce-search-widget-top{
	padding-left: 44px;
}
.rce-right-banner-content .aaa-formLeft{
	width: 50%;
}
.rce-right-banner-content .aaa-formLeft:last-child{
	padding-right: 0px;
}
.rce-right-banner-content a.aaa-btn, input.aaa-btn{
	margin-left: 44px;
}
/*Error message*/
.aaa-error-message-full-container{
    background-color: #3373b1;
    background-image: url('/AAA/common/TG/images/close-wht-X.svg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    cursor: pointer;
    display: none;
    line-height: 18px;
    padding: 14px 54px 14px 14px;
}
/*Banner*/
.aaa-banner-image{
	background-image: url('../images/banner-img.jpg');
}
.aaa-static-banner{
	background-image: url('../images/banner-img.jpg');
}
.aaa-banner-filter{
    background-color: #000000; /*#252B33;*/
    opacity: 0.60;
}
.aaa-banner-container .wht2, .aaa-banner-container .wht4{
	position: relative;
	z-index: 100;
}
.rce-search-widget-container{
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 100;
	margin-top: 14px;
	margin-bottom: 14px;
}
.rce-search-widget-container .aaa-formLabel{
	text-align: left;
	margin-top: 0px;
}
.rce-left-banner-content{
	float: left;
	width: 50%;
	padding-right: 24px;
	position: relative;
}
.rce-right-banner-content{
	float: right;
	width: 50%;
	position: relative;
}
.aaa-banner-description2{
	margin-top: 14px;
}
.rce-banner-img{
	background-image: url('/AAA/common/AAR/images/image1.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 80% auto;
    height: 314px;
	position: relative;
}
.rce-left-banner-content.rce-banner-img.rce-left-banner-content-edit-view{
	background-image: none;
	padding-top: 0px;
}
.rce-mobile-banner-arrow{
	display: none;
	background-image: url('../images/blue-drop-arrow.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34px auto;
    bottom: 70px;
    cursor: pointer;
    display: none;
    height: 19px;
    position: absolute;
    width: 100%;
}
/*Form*/
input.aaa-inputText{
	width: 100%;
}
.rce-search-widget-container input.aaa-inputText, .rce-search-widget-container .aaa-aaaSelectContainer{
	-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.5);
}
.aaa-aaaSelectContainer.aaa-aaaSelectContainer-disabled{
	background-color: #f2f2f2;
	background-image: url("/AAA/common/images/aaa_services/formelements/retina/disable-drop-arrow.png");
	border: 1px solid #f2f2f2;
}
.aaa-aaaSelectContainer.aaa-aaaSelectContainer-disabled select{
	color: #999999;
}
a.aaa-btn, input.aaa-btn{
	font-size: 16px;
	margin-top: 14px;
}
/*Legend*/
.aaa-legend-container{
    cursor: pointer;
    float: none;
    padding: 30px 0px 24px 0px;
    top: 0px;
	position: absolute;
	width: 32px;
	z-index: 9;
}
.aaa-legend-tool-tip-icon{
    background-image: url("../images/tool-top-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
    display: inline-block;
    height: 32px;
    width: 32px;
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.5);
}
.aaa-legend-tool-tip-view-drop-arrow{
    background-image: url("../images/tool-tip-drop-arrow.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 50px;
    width: 28px;
    z-index: 9;
}
.aaa-legend-tool-tip-view-container{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.5);
    padding: 0 48px 24px 24px;
    position: absolute;
    right: 0px;
    top: 67px;
    width: 360px;
    z-index: 8;
}
.aaa-legend-close-tool-tip{
    background-image: url("../images/x-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 32px;
}
.aaa-legend-content{
    display: none;
}
/*Search*/
.aaa-legend-view-title{
	margin-top: 14px;
}
.rce-vehicle-data-container{
	display: inline-block;
	width: 100%;
}
.rce-vehicle-data-container a.aaa-link{
	font-size: 16px;
}
.rce-vehicle-image{
	float: left;
	width: 50%;
}
.rce-vehicle-image img{
	width: 100%;
}
.rce-search-widget-container .rce-vehicle-image.rce-vehicle-image-edit{
	display: none;
}
.rce-search-widget-container .rce-left-banner-content-edit-view .rce-vehicle-image.rce-vehicle-image-edit{
	display: block;
	position: absolute;
	top: 84px;
	left: 0px;
	width: 100%;
}
.rce-vehicle-return-data-summary{}
.aaa-banner-container .rce-vehicle-return-data-summary .blk4{
	text-align: left;
}
.rce-vehicle-data{
	margin-top: 14px;
}
.rce-repair-job-data{
	margin-top: 14px;
	padding-left: 48px;
}
.rce-vehicle-data{
	padding-left: 48px;
	background-image: url('../images/blk-steering-wheel-icon.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 42px auto;
}
.rce-location-data{
	padding-left: 48px;
}
/*Reapir Jobs*/
.aaa-inner-container.rce-top-selected-vehicle{
	position: relative;
	z-index: 100;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.5);
	padding: 14px;
	margin: 24px auto 40px auto;
	max-width: 480px;
}
.rce-reapir-job-container{
	border-top: 1px solid #d9d9d9;
}
.rce-reapir-job-container .aaa-form-block{
	padding-left: 0px;
}
ul.rce-repair-job-selection{
	position: relative; 
	list-style: none;
	padding: 0px;
	margin: 0;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 120px;
    -moz-column-width: 120px;
    column-width: 120px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
	margin-top: 24px;
}
ul.rce-repair-job-selection li{
  	padding-bottom: 4px;
	webkit-column-break-inside: avoid;
    -moz-column-break-inside:avoid;
    -moz-page-break-inside:avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}
.rce-reapir-job-container input.aaa-btn{
	width: 160px;
	margin: 0 auto;
	margin-top: 24px;
	display: block;
}
.rce-service-link{
	margin-top: 6px;
}
.rce-service-link a.aaa-link{
	font-size: 16px;
}
.rce-disclaimer{
	margin-top: 14px;
}
/*Repair Estimation*/
.rce-repair-extimate-return-container{
	float: left;
	width: 50%;
	padding: 24px;
	background-color: #f2f2f2;
	border-radius: 4px;
	margin-top: 24px;
}
.rce-reapir-cost-container .aaa-inner-container{
	padding-top: 0px;
}
.rce-aar-repair-shops-container{
	float: left;
	width: 50%;
	background-color: #FFF;
	padding: 24px 24px 0px 24px;
}
.rce-reapir-cost-container{
	border-top: 1px solid #d9d9d9;
}
.rce-reapir-cost-container .aaa-column-inner-container{
}
.rce-reapir-cost-inner-container{
	display: inline-block;
	width: 100%;
}
.rce-reapir-cost-inner-container div{
	margin-bottom: 4px;
	text-align: center;
}
.rce-reapir-cost{}
div.rce-reapir-cost-aaa-member{
	padding-bottom: 14px;
	margin-bottom: 14px;
	background-color: #fff;
	padding: 14px;
	border-radius: 4px;
}
.aaa-logo-color{
	background-image: url('../images/aaa-logo-full-color.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90px auto;
	height: 60px;
	width: 100%;
}
a.aaa-btn.aaa-btn-secondary{
	border: 2px solid #003893;
	background-color: transparent;
	color: #003893;
	margin-bottom: 0px;
}
a.aaa-btn.aaa-btn-secondary:hover{
	background-color: #F2F2F2;
}
.rce-nearest-repair-shops-container .aaa-inner-container{
	padding-top: 0px;
}
.aar-top-10-left{
    float: none;
    width: 100%;
}
/*Articles*/
.rce-articles-container{
	border-top: 1px solid #d9d9d9;
}
/*Remove number and margin from map detail html*/
.gm-style-iw .aar-count{
	display:none;	
}
.gm-style-iw .aar-detail{
	margin: 0px 0px;	
}
.aaa-page-content-block-width {
    max-width: 600px;
    margin: 0 auto;
}
.aaa-page-content-block {
    padding: 12px 0px;
}
@media only screen and (max-width : 980px){
	.aaa-map-container{
		border-top: none;
	}
}
@media only screen and (max-width : 800px){
	/*Banner*/
	.rce-left-banner-content{
		float: none;
		margin-bottom: 14px;
		padding-right: 0px;
		width: 100%;
	}
	.rce-right-banner-content{
		float: none;
		width: 100%;
	}
	.rce-banner-img{
		background-position: center top;
		background-size: 380px auto;
		height: auto;
	}
	.rce-search-widget-container .rce-left-banner-content-edit-view .rce-vehicle-image.rce-vehicle-image-edit{
		position: relative;
		bottom: auto;
		top: auto;
	}
	.rce-mobile-banner-arrow{
		display: block;
	}
	/*Form*/
	.aaa-form-group.rce-search-widget-top{
		padding-left: 0px;
	}
	.aaa-form-block{
		padding: 0px 0px 14px 0px;
	}
	.rce-right-banner-content a.aaa-btn, input.aaa-btn{
		margin-left: 0px;
		margin-bottom: 0px;
	}
	.rce-right-banner-content .aaa-formLeft{
		width: 100%;
	}
	.rce-right-banner-content .aaa-formLeft:first-child{
		padding-left: 44px;
		padding-right: 0px;
	}
	.rce-year-container{
		margin-right: 0px;
	}
	/*Legend*/
	.aaa-legend-tool-tip-view-container{
		left: 0;
		right: auto;
		top: 67px;
		width: 295px;
	}
@media only screen and (max-width : 768px){
	/*Repair Estimation*/
	.rce-repair-extimate-return-container{
		float: none;
		width: 100%;
		padding: 24px;
	}
	.rce-aar-repair-shops-container{
		float: none;
		width: 100%;
		padding: 24px 0px 0px 0px;
	}
}
@media only screen and (max-width : 640px){
	/*Banner*/
	/*Vehicle Information Summary*/
	.rce-vehicle-data-container{
		display: inline-block;
		width: 100%;
	}
	.rce-vehicle-data-container a.aaa-link{
		font-size: 16px;
	}
	.rce-vehicle-image{
		float: none;
		width: 100%;
	}
	.rce-vehicle-return-data-summary{
		float: none;
		width: 100%;
	}
	/*Reapir Jobs*/
	.rce-repair-job-selection-container{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.rce-reapir-job-container input.aaa-btn{
		width: 100%;
	}
	/*Repair Estimation*/
	.rce-repair-extimate-return-container{
		padding: 14px;
	}
	.rce-reapir-cost-inner-container .blk1{
		font-size: 24px;
	}
	.rce-reapir-cost{
		float: none;
		width: 100%;
		padding-right: 0px;
		padding-bottom: 14px;
		padding-top: 0px;
	}
	.rce-reapir-cost-aaa-member{
		float: none;
		width: 100%;
		padding-left: 0px;
		border-left: none;
	}
}
@media only screen and (max-width : 480px){
	/*Banner*/
	.rce-banner-img{
		background-size: 280px auto;
	}
	.rce-mobile-banner-arrow{
		bottom: 96px;	
	}
}

a.aaa-link:focus{
  outline: #003893 2px solid;
}