@charset "UTF-8";
/* CSS Document */
/*Banner img*/
.aaa-banner-image{
	background-image: url('../images/aar-main-image.jpg');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	position: fixed;
	width: 100%;
}
/*For Mobile Display*/
.aaa-static-banner{
	background-image: url('../images/aar-main-image.jpg');
	display:none;
	background-size: cover;
	background-position: center;
    height: 100%;
    width: 100%;
    position: absolute;
	border-bottom: 1px solid #e5e5e5;
}
/*Banner header*/
.aaa-page-content-container.aaa-banner-header{
	position: fixed;
	left: 0px;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	top: -800px;
	z-index: 8;
	/* Transition */
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease;
}
.aaa-page-content-container.aaa-banner-header.aaa-banner-header-show{
	top: 0px;
}
.aaa-banner-header-content{
	float: left;
    margin-left: 24px;
    width: 60%;
}
.aaa-banner-header .aaa-main-logo.aaa-banner-logo{
    margin-top: 4px;
	float: left;
}
a.aaa-btn.aaa-banner-header-button{
	float: right;
	clear: none;
	margin-top: 16px;
	margin-bottom: 0px;
}
/*Banner*/
.aaa-banner-container{
	position: relative;
}
.aaa-banner-filter{
	/*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b0b0a+0,0b0b0a+100&0.4+0,0.7+100 */
	/*background: -moz-radial-gradient(center, ellipse cover,  rgba(11,11,10,0.4) 0%, rgba(11,11,10,0.7) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(11,11,10,0.4) 0%,rgba(11,11,10,0.7) 100%);
	background: radial-gradient(ellipse at center,  rgba(11,11,10,0.4) 0%,rgba(11,11,10,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660b0b0a', endColorstr='#b30b0b0a',GradientType=1 );*/
	background-color: #000;
	opacity: 0.6;
	/*background-image: url('/AAA/common/images/aaa_services/stripe-bg.png');*/
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.aaa-banner-content{
	position: relative;
	z-index: 2;
	text-align: center;
	text-shadow: 0px 2px 2px rgba(51, 51, 51, 1);
	padding: 160px 24px 24px 24px;
}
.aaa-banner-title{
	font-size: 38px;
}
.aaa-banner-description{
	margin-top: 24px;
}
a.aaa-btn.aaa-banner-button{
	margin-top: 32px;
	font-weight: bold;
	padding: 24px 100px;
	text-shadow: none;
}
.aaa-banner-clip{
	width: 320px;
	margin: 72px auto 24px;
	background-image: url('../images/wht-banner-clip.svg');
	background-size: 34px 18px;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 40px;
	cursor: pointer;
}
/*Search Widget*/
.aaa-search-container{
	position: relative;
    background-color: transparent;
	z-index: 2;
}
.aaa-search-container .aaa-banner-title{
    margin-top: 72px;
}
.aaa-search-container .wht1, .aaa-search-container .wht3{
	text-shadow: 0px 2px 2px rgba(51, 51, 51, 1);
	text-align: center;
}
.aaa-search-container .wht5.aaa-formLabel{
	text-shadow: 0px 2px 2px rgba(51, 51, 51, 1);
}
.aaa-search-container .aaa-banner-description{
    margin-top: 12px;
}
.aar-landing-search-container{
	width: 652px;
	margin: 0 auto;
}
.aaa-landing-search-form{
	margin-top: 24px;
}
.aar-landing-search-container .aaa-formLeft.aar-mile-radius{
	padding-right: 0px;
}
.aaa-search-container input.aaa-btn.aaa-banner-button{
    font-weight: bold;
	font-size: 16px;
    padding: 18px 64px;
    text-shadow: none;
	margin: 32px auto 0px;
	display: block;
}
/*Page Layout*/
.aaa-page-content-container{
	position:relative;
	z-index: 4;
	background-color: #ffffff;
}
.aaa-page-content-block{
	padding: 12px 0px;
}
.aaa-page-content-block-width{
	max-width: 600px;
	margin: 0 auto;
}
/*page details*/
img.aaa-page-details-image{
	width: 100%;
	display: inline-block;
}
.aaa-page-details-container{
	position:relative;
	z-index: 4;
	background-color: #ffffff;
	text-align: center;
}
.aar-icon-points-container{
	margin-top: 24px;
}
.aaa-aar-icon-points{
	background-repeat: no-repeat;
	background-size: 94px 100px;
	background-position: center top;
	padding-top: 112px;
	text-align: center;
	width: 30%;
	float: left;
	margin: 0px 12px;
}
.aaa-aar-icon-points-estimates{
	background-image: url('../images/estimate-icon.svg');
}
.aaa-aar-icon-points-warranty{
	background-image: url('../images/warranty-icon.svg');
}
.aaa-aar-icon-points-parts{
	background-image: url('../images/parts-icon.svg');
}
/*10 nearest reapir shops*/
/*Map*/
.aaa-map-inner-container{
	padding: 0px;
}
/*Results*/
.aaa-results-container{
    position:relative;
	z-index: 6;
	background-color: #ffffff;
	padding: 0px;
}
.aaa-results-container .aaa-inner-container{
	padding: 0px;
}
.aaa-results-container a.aaa-btn, input.aaa-btn{
	margin-top: 24px;
	font-size: 16px;
}
.aaa-results-container a.aaa-btn{
	width: 100%;
}
.aaa-results-container .aaa-inner-container.aar-results-return-container{
	padding: 24px;
}
.aar-top-10-left{
	float: none;
	width: 100%;
}
a.aar-detail{
    display: inline-block;
	width: 100%;
	margin: 14px 0px;
}
a.aar-detail .aar-shop{
    float: left;
    width: 70%;
}
a.aar-detail .aar-distance{
    float: none;
    padding: 0px;
}
a.aar-detail .arr-icons{
    float: none;
    margin-top: 14px;
}
/*Legend*/
.aar-legend-container{
    cursor: pointer;
    float: none;
    top: 0px;
	padding: 24px 0px;
}
.aar-legend-tool-tip-view-container{
	top: 60px;
	left: 0px;
    right: auto;
}
.aar-legend-tool-tip-view-drop-arrow{
    left: 63px;
    top: 43px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	/* IE10+ CSS styles go here */
	.aar-landing-search-container{
		width: 680px;
	}
}
@media only screen and (max-width : 1300px){
	/*Results*/
	.aaa-results-container .aaa-inner-container.aar-results-return-container{
		position: relative;
	}
	.aar-top-10-left{
		float: left;
		width: 50%;
	}
	.aaa-results-container a.aaa-btn{
		width: auto;
	}
	/*Legend*/
	.aar-legend-container{
		position: absolute;
		right: 24px;
		top: 0px;
	}
	.aar-legend-tool-tip-view-container{
		top: 60px;
		left: auto;
		right: 0px;
	}
	.aar-legend-tool-tip-view-drop-arrow{
		left: auto;
		right: 3px;
		top: 43px;
	}
}
@media only screen and (max-width : 980px){
	/*Banner header*/
	.aaa-banner-header-content{
		width: 54%;
	}
	/*Banner*/
	.aaa-banner-content {
    	padding: 40px 0px 0px;
	}
	.aaa-banner-description{
		font-size: 18px;
	}
	.aaa-banner-title{
		font-size: 36px;
	}
	.aaa-banner-clip{
		font-size: 16px;
		width: 284px;
		margin: 54px auto 0px;
	}
	a.aaa-btn.aaa-banner-button{
		padding: 24px 54px;
	}
	/*Search Widget*/
	.aar-landing-search-container.aar-landing-search-container-no-location{
		margin-bottom: 34px;
	}
	.aaa-search-container .aaa-banner-title{
		margin-top: 0px;
	}
	.aaa-search-container .aaa-inner-container{
		padding: 60px 24px;
	}
	.aaa-search-container input#searchButton.aaa-btn{
		float: none;
		width: auto;
	}
	/*Cost estimator*/
	.aaa-estimate-costs{
		background-size: 400px auto;
		padding: 134px 0px 12px 0px;
		background-position: left -18px;
	}
	.aaa-estimate-costs a.aaa-btn, input.aaa-btn{
		margin-bottom: 0px;
	}
	/*page details*/
	.aaa-aar-icon-points{
		float: none;
		margin: 0 auto;
		margin-bottom: 24px;
		width: 280px;
	}
	.aaa-page-details-container .blk2{
		font-size: 18px;
	}
	.blk2.aaa-aar-icon-points{
		font-size: 24px;
	}
	/*Results*/
	a.aar-detail{
		min-height: 190px;
	}
	.aar-top-10-left:nth-child(odd){
		float: left;
	}
	.aar-top-10-left:nth-child(even){
		float: right;
	}
}
@media only screen and (max-width : 960px) {
	.aaa-banner-image {
        display: block;
    }
}
@media only screen and (max-width : 768px){
	/*Banner header*/
	.aaa-banner-header .aaa-main-logo.aaa-banner-logo{
		float: none;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-top: 0px;
	}
	.aaa-banner-header-content{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	a.aaa-btn.aaa-banner-header-button{
		float: none;
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 16px;
	}
	/*Mobile static banner*/
    .aaa-banner-image{
        display:none;
    }
    .aaa-static-banner{
        display:block;
    }
	/*Results*/
	.aaa-page-content-container .aaa-search-container .aaa-inner-container{
		padding: 12px 24px;
	}
	.aaa-results-container a.aaa-btn{
		margin-bottom: 0px;
		width: 100%;
	}
	/*Page details*/
	.aaa-page-content-block-width{
		max-width: none;
	}
}
@media only screen and (max-width : 790px){
	/*Search Widget*/
	.aaa-banner-title{
		font-size: 34px;
	}
	.aaa-banner-description{
		font-size: 16px;
	}
	.aar-landing-search-container{
		width: auto;
	}
	.aar-landing-search-container #location{
		width: 100%;
	}
	.aar-landing-search-container .aaa-formLeft{
		float: none;
		padding: 0px 0px 12px 0px;
	}
	.aar-landing-search-container .aaa-formLeft.aar-mile-radius{
		display: inline-block;
    	width: 100%;
		padding-bottom: 24px;
	}
	.aar-landing-search-container .aaa-aaaSelectContainer{
		padding-right: 0px;
	}
	.aar-landing-search-container .aaa-aaaSelectContainer select{
		width: 100%;
	}
	.aaa-search-container input.aaa-btn.aaa-banner-button{
		text-align: center;
	}
	.aaa-search-container input#searchButton.aaa-btn{
		width: 100%;
	}
}
@media only screen and (max-width : 640px){
	/*Banner header*/
	.aaa-page-content-container.aaa-banner-header{
		display: none;
	}
	/*Results*/
	a.aar-detail{
		min-height: none;
	}
	.aar-top-10-left:nth-child(odd){
		float: none;
	}
	.aar-top-10-left:nth-child(even){
		float: none;
	}
}
@media only screen and (max-width : 480px){
	/*Results*/
	.aar-top-10-left{
		float: none;
		width: 100%;
	}
	/*Legend*/
	.aar-legend-container{
		position: relative;
		right: 0px;
		padding-bottom: 0px;
	}
	.aar-legend-tool-tip-view-drop-arrow{
		left: 63px;
		right: auto;
	}
}