@charset "UTF-8";
/* CSS Document */
body, html{
	font-family: 'Lato', sans-serif;
	background-color: #fff;
}
body *{
	box-sizing: border-box;
}
h1, h2, h3, h4, h5{
	margin: 0px;
	display: block;
}
.aaa-pc{
	display: block;
}
.aaa-mobile{
	display: none;
}
.aaa-no-border {
	border: none !important;
}
.aaa-no-background {
	background: none !important;
}

.aaa-left-sidebar button {
	background: transparent;
    border: 0;
    display: block;
    padding: 0;
    margin: 10px 0;
    font-size: 16px;
    color: #003893;
    text-decoration: none;
    cursor: pointer;
    font-weight: 400;
}
.aaa-left-sidebar button:hover {
	color: #000;
}
.aaa-left-sidebar button:focus {
	outline: 1px solid #333;
}
a.skip-main {
	opacity: 0;
    width: 26em;
    display: block;
    text-decoration: none;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
a.skip-main:focus, a.skip-main:active {
    z-index: 7;
	top: 0;
    left: 0;
    border: solid #003893 2px;
    color: #003893;
    opacity: 1;
    background-color: hsla(0,0%,100%,.9);
    width: 100%;
    text-align: center;
    z-index: 7;
}
/*Header and Footers*/
#aar-main-header-section, #aar-main-footer-section{
	position: relative;
	background-color: #FFF;
}
/**/
.aaa-btn-loader-container{
	display: none;
}
.aaa-btn-loader{
	background-image: url('../images/loading.gif');
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
    height: 42px;
    margin-top: 24px;
    width: 92px;
}
a.aaa-btn.aaa-btn-secondary,
button.aaa-btn.aaa-btn-secondary{
	border: 2px solid #003893;
	background-color: transparent;
	color: #003893;
}
a.aaa-btn.aaa-btn-secondary:hover,
button.aaa-btn.aaa-btn-secondary:hover{
	background-color: #F2F2F2;
}
a.aaa-btn.aaa-btn-secondary:focus,
button.aaa-btn.aaa-btn-secondary:focus{
	outline: 1px solid #333;
}
a.aaa-btn.aaa-btn-join{
    background-color: #003893;
	margin-top: -24px;
    margin-bottom: -15px;
    margin-left: 10px;
}
a.aaa-btn.aaa-btn-join:hover{
	background-color: #F2F2F2;
}
a.aaa-btn.aaa-btn-join:focus {
    outline: 1px solid #fff;
}
a.aaa-btn.aaa-btn-bqservice{
    background-color: #003893;
    margin-bottom: -15px;
    margin-left: 10px;
}
a.aaa-btn.aaa-btn-bqservice:hover{
	background-color: #F2F2F2;
}
a.aaa-btn.aaa-btn-bqservice:focus {
    outline: 1px solid #fff;
}
/*Back to top*/
a.aaa-backToTop{
	background-image: url('../images/navigation-up-Arrow-wht.svg');
	background-color: #003893;
	height: 44px;
	width: 44px;
	opacity: 10;
	bottom: 34px;
	right: auto;
	left: -64px;
	margin: 0 auto;
	display: block;
	/*Transition*/
	-webkit-transition: All 0.5s ease;
	-moz-transition:    All 0.5s ease;
	-o-transition:      All 0.5s ease;
	-ms-transition:     All 0.5s ease;
	transition:         All 0.5s ease;
}
a.aaa-backToTop:hover{
	background-color: #3373B1;
	opacity: 10;
}
a.aaa-backToTop.aaa-back-to-top-show{
	left: 0px;
}
a.aaa-backToTop:focus{
	outline: #333 1px solid;
}
/*aaa-services-overrides*/
.aaa-aaaSelectContainer{
	border: none;
	background: #fff url('../images/drop-arrow.png') no-repeat scroll right center / 60px 42px;
	padding-right: 40px;
	overflow: visible !important;
}
.aaa-aaaSelectContainer select{
	font-family: 'Lato', sans-serif;
	color: #003893;
}
.aaa-aaaSelectContainer select:-moz-focusring, .aaa-aaaSelectContainer select:active, .aaa-aaaSelectContainer select:focus{	
	border: 0 none;
    outline: medium none;
	color: transparent;
    text-shadow: 0 0 0 #000;
}
.aaa-formLabel{
	display: block;
}
.wht5.aaa-formLabel{
	text-align: left;
}
input.aaa-inputText{
    border: none;
    color: #003893;
    font-family: 'Lato', sans-serif;
	height: 42px;
    margin-top: 10px;
    padding: 10px 0px 10px 10px;
}
textarea.aaa-textArea{
    border: none;
    color: #003893;
    font-family: 'Lato', sans-serif;
    margin-top: 10px;
}
a.aaa-btn, input.aaa-btn, button.aaa-btn{
    background: #003893;
    font-family: 'Lato', sans-serif;
    margin-top: 24px;
    padding: 10px 24px;
}
a.aaa-btn:hover, input.aaa-btn:hover{
	background: #3373B1;
}
/*Column layout*/
.aaa-column-outer-container{
	background-color: #ffffff;
	position: relative;
}
.aaa-column-inner-container{
	margin: 0 auto;
    max-width: 1600px;
	background-color: #ffffff;
}
.aaa-left-column{
	float: left;
	width: 20%;
}
.aaa-middle-column{
	float: left;
	width: 60%;
	padding: 0px 24px;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}
.aaa-right-column{
	float: left;
	width: 20%;
}
/*Check boxes*/
.aaa-checkboxContainer{
	width: auto;
	height: 28px;
	margin: 14px 14px 14px 0px;
	display: block;
}
.aaa-checkboxContainer label::after{
	left: 5px;
	top: 8px;
}
.aaa-checkboxContainer label{
	border: none;
	width: auto;
	background-color: #F5F5F5;
	padding-left: 32px;
	padding-top: 4px;
	background-image: url('../images/check-box-border.png');
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	color: #000;
}

.aaa-checkboxContainer:focus label,
.aaa-checkboxContainer label:focus {
  outline: #003893 solid 2px;
  width: 100%;
}

.aaa-checkboxContainer input:focus {
  outline: #003893 solid 2px;
}

.aaa-checkboxContainer.aaa-apointment-transportation input[type=checkbox]:checked + label:after {
    opacity: 0;
}
/*Custom checkbox styling for Napa icon*/
.aaa-napa-checkbox-container{
	width: 246px;
	height: 36px;
	margin: 0 auto;
}
.aaa-napa-checkbox-container .aaa-checkboxContainer.aaa-checkboxContainer-icon label{
	color: #fff;
	padding-left: 52px;
	padding-top: 8px;
}
.aaa-napa-icon-checkbox{
	background-size: 42px auto;
	height: 34px;
	width: 42px;
}
/*For Results and Detail Views*/
.aar-search-button-only{
	float: left;
	width: 120px;
	margin-top: 16px;
}
.aar-main-search-outer-container{
	max-width: 750px;
	margin: 0 auto;
}
.aar-main-page-search-widget input.aaa-inputText{
	border: 1px solid #d9d9d9;
}
.aar-main-page-search-widget .aaa-aaaSelectContainer{
	border: 1px solid #d9d9d9;
}
.aar-main-page-search-widget .aaa-aaaSelectContainer select{
	padding: 8px 0px 10px 10px;
}
.aar-main-page-search-widget .aaa-napa-checkbox-container{
	float: left;
}
.aar-main-page-search-widget .aaa-napa-checkbox-container .aaa-checkboxContainer.aaa-checkboxContainer-icon label{
	color: #000000;
	text-shadow: none;
}
.aar-main-page-search-widget input#searchButton.aaa-btn{
	float: left;
	clear: none;
	margin: 8px auto 0;
	width: 120px;
}
.aar-main-page-search-widget input#searchButton.aaa-btn:focus{
	outline: 2px solid #000;
}
/*Main layout styles*/
.aaa-title{
	margin-bottom: 16px;
}
.aaa-text-block{
	line-height: 22px;
	margin-bottom: 16px;
}
/*Header*/
.aaa-header-container{
	position: relative;
	padding: 10px;
	background-color: #FFF;
}
.aaa-mobile-menu{
	padding: 10px 12px 4px 10px;
	cursor: pointer;
	background-color: #FFF;
	float: left;
	display: none;
}
.aaa-mobile-menu span{
	display: block;
	height: 1px;
	background-color: #00529C;
	width: 30px;
	margin-bottom: 8px;
}
.aaa-mobile-menu span:first-child{
	width: 36px;
}
.aaa-mobile-menu span:last-child{
	width: 22px;
}
a.aaa-nav-link{
	text-decoration: none;
	display: inline-block;
	padding: 10px 8px;
	font-size: 16px;
	font-weight: normal;
	color: #003893;
	cursor: pointer;
}
a.aaa-nav-link:hover{
	color: #000;
}
a.aaa-home-icon{
	background-image: url('../images/home-icon.svg');
	background-size: 30px 26px;
	height: 26px;
	width: 30px;
    padding: 0px;
	position: absolute;
	top: 16px;
	right: 16px;
}
.aaa-main-logo {
    background-image: url("http://www.aaa.com/AAA/common/images/aaa_services/logos/4CAAA.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65px auto;
    height: 40px;
	width: 65px;
	float: left;
	display: block;
	cursor: pointer;
	text-decoration: none;
	border: none;
}
/*Breadcrumbs*/
.rcrumbs{
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
}
.rcrumbs > ul{
  padding: 8px 24px;
  margin: 0px;
  list-style: none;
}
.rcrumbs > ul > li{
  overflow: hidden;
  display: none;
}
.rcrumbs > ul > li.aaa-show{
  display: inline-block !important;
}
.rcrumbs > ul > li.ellipsis{
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.rcrumbs a{
  color: #003893;
  text-decoration: none;
}
.rcrumbs a:hover{
  text-decoration: underline;
}
.rcrumbs .divider{
  color: #003893;
  padding: 0 5px;
}
#breadcrumbs{
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
  font-weight: 400;
}

#breadcrumbs:focus {
  outline: #003893 solid 2px;
}

.rcrumbs a:focus,
.rcrumbs a:focus-visible,
.rcrumbs a:focus-within {
  outline: #003893 solid 2px;
}

/*Search*/
#aar-no-search-widget{
	display: none;
}
.aaa-search-container{
	position: relative;
	background-color: #E5E5E5;
}
.aaa-search-container .aaa-inner-container{
	max-width: 1024px;
	text-align: center;
}
.aaa-search-container label{
	text-align: left;
	margin-bottom: 0px;
}
.aaa-inner-container{
	padding: 24px;
	max-width: 800px;
	margin: 0 auto;
}
#location{
	width: 230px;
}
.aaa-search-form form{
	margin: 0px;
}
input#searchButton.aaa-btn{
	font-size: 16px;
}
/*Filter and Legend*/
.aaa-action-bar{
	background-color: #F5F5F5;
	display: block;
}
.aaa-no-top-padding{
	padding: 0px 12px;
}
.aaa-filter-icon{
	background-color: #f5f5f5;
    background-image: url("../images/filter-icon.svg");
    background-position: 14px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    color: #003893;
    cursor: pointer;
    font-size: 14px;
	font-weight: 400;
    height: 50px;
    padding-top: 16px;
    text-align: center;
    text-indent: 32px;
    width: 168px;
}


div.aaa-filter-icon-close{
	background-color: #F5F5F5;
	border: none;
	background-size: 16px 16px;
	background-position: 14px center;
	background-image: url('../images/x-icon.svg');
}

.aaa-filter-icon:focus,
div.aaa-filter-icon-close:focus{
  outline: #003893 solid 2px;
}

.aar-filter-set{
	background-color: #F5F5F5;
	padding: 10px 14px 24px;
	display: none;
}
.aar-filter-set-left{
	float: left;
	width: 50%;
}
.aar-filter-title{
	margin-top: 24px;
}
.aar-search-filters .aaa-aaaSelectContainer{
    border: 1px solid #d9d9d9;
}
.aar-make-select{
	display: inline-block;
	margin-bottom: 24px;
}
.aar-filter-set .aaa-checkboxContainer label{
	font-weight: 400;
}
/*Ribbon*/
.aar-ribbon-section.aaa-column-outer-container{
	background-color: #f2f2f2;
}
.aar-ribbon-section .aaa-column-inner-container{
	background-color: #f2f2f2;
}
.aar-ribbon-section .aaa-inner-container{
	max-width: 940px;
}
.aar-left-img{
	float: left;
}
.aar-right-ribbon-details{
	float: left;
	width: 76%;
	padding-left: 24px;
}
.aar-right-ribbon-details a.aaa-btn{
	background-color: transparent;
	border: 2px solid #003893;
	color: #003893;
}
/**/
.aar-legend{
	background-color: #F5F5F5;
	display: inline-block;
	padding: 14px;
	margin-left: 84px;
}
img.aar-approved-logo{
	width: 50px;
}
.aar-icon{
	background-image: url('../images/aar-logo-color.svg');
}
.caar-icon{
	background-image: url('../images/caar-logo-color.png');
}
.aaa-owned-icon{
	background-image: url('../images/AAA-owned-icon.svg');
}
.caa-owned-icon{
	background-image: url('../images/CAA-owned-icon.png');
}
.aaa-battery-icon{
	background-image: url('../images/battery-icon.jpg');
}
.aaa-service-icon{
	background-image: url('../images/AAA-service-icon.svg');
}
.aaa-auto-body-icon{
	background-image: url('../images/AAA-auto-body-icon.svg');
}
.aaa-auto-glass-icon{
	background-image: url('../images/AAA-auto-glass-logo.svg');
}
.aaa-napa-icon{
	background-image: url('../images/napa-icon.png');
}
.aaa-napapromo-icon{
	background-image: url('../images/napapromo-icon.png');
}
.appointment-icon{
	background-image: url('../images/appointment-icon.png');
}
.discount-icon{
	background-image: url('../images/discounts-icon.png');
}
/*Map*/
.aaa-map-container{
	position: relative;
	height: auto;
}
.aaa-map-inner-container{
	position: relative;
	overflow: hidden;
	padding: 0px;
}
#aar-results-map.aaa-map-inner-container{
	max-width: 815px;
}
.aaa-map-cover{
	position: absolute;
	height: 200%;
	width: 100%;
	top: -280px;
	left: 0px;
	/**/
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.aaa-map-it-button{
	position: absolute;
	bottom: 24px;
	width: 100%;
	background-size: 37px 59px;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 72px;
	color: #003893;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
}
.aaa-map-it-button:hover{
	text-decoration: underline;
}
.aaa-map-it-pin {
	background-position: bottom center;
	background-size: 24px auto;
	background-repeat: no-repeat;
	height: 65px;
	width: 32px;
	cursor: pointer;
	float: left;
	text-align: center;
	margin: 3px 18px 0px 3px;
}
.aar-map-pin{
	background-image: url('../images/aar-marker.png');
}
.aaa-close-map{
	background-color: #003893;
    border-radius: 50px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    padding: 8px 0;
    position: absolute;
	display: none;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 36px;
    z-index: 4000;
}
/*Legend*/
.aar-legend-container{
	position: relative;
	cursor: pointer;
	float: right;
	margin-top: 24px;
}
.aaa-legend-title{
	float: left;
	margin-top: 6px;
	margin-right: 12px;
}
.aar-legend-tool-tip-icon{
	display: inline-block;
	background-image: url('../images/tool-top-icon.svg');
	background-size: 32px auto;
	background-position: center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	border: 0;
}
.aar-legend-content{
	display: none;
}
.aar-legend-tool-tip-view-container{
	background-color: #fff;
    border-radius: 4px;
    padding: 0px 48px 24px 24px;
    position: absolute;
    top: 37px;
    right: -4px;
	width: 320px;
    z-index: 8;
	-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);
}
.aar-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: 20px;
    width: 28px;
    z-index: 9;
}
.aar-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;
	border: 0;
}
.aar-legend-icon{
	background-position: left top;
    background-repeat: no-repeat;
    background-size: 32px auto;
    margin-right: 24px;
    margin-top: 14px;
    min-height: 42px;
    padding-top: 6px;
}
.aar-legend-icon span{
	position: relative;
	display: inline-block;
	margin-left: 42px;
}
.aar-legend-disclaimer{
	border-top: 1px solid #d9d9d9;
	margin-top: 14px;
	padding-top: 24px;
}
/*Results*/
.aaa-results-container{
	padding: 24px;
}
.aar-top-10-left{
	width: 50%;
}
.aar-top-10-left:nth-child(odd){
    float: left;
}
.aar-top-10-left:nth-child(even){
    float: right;
}
div#results-container ul,
ul.aaa-inline-blockContainer {
    list-style: none;
    padding: 0;
}
a.aar-detail{
	display: block;
	margin: 24px 0px;
	text-decoration: none;
	cursor: pointer;
	min-height: 134px;
}
a.aar-detail:focus{
	outline: 1px solid #999 !important;
}
a.aar-detail span{
	display: block;
}
a.aar-detail .aar-count{
	background-color: #E5E5E5;
	height: 40px;
	width: 40px;
	border-radius: 50px;
	padding: 8px;
	text-align: center;
	float: left;
	margin-right: 14px;
}
a.aar-detail .aar-shop{
	display: inline-block;
	float: left;
	width: 80%;
}
.aar-title{
	color: #003893;
	text-decoration: none;
}
.aar-title:hover{
	text-decoration: underline;
}
.aar-address1{
	margin-top: 4px;
}
.aar-address1, .aar-address2{
	line-height: 18px;
}
a.aar-detail .aar-bottom-detail{
	margin-top: 14px;
	display: inline-block;
}
a.aar-detail .aar-distance{
	float: left;
	padding: 8px 8px 0px 0px;
}
a.aar-detail .aar-distance span{
	display: inline-block;
}
a.aar-detail .arr-icons{
	float: left;
}
a.aar-detail .arr-icons span{
	display: inline-block;
	background-size: 32px auto;
	background-position: left center;
	background-repeat: no-repeat;
	height: 42px;
	width: 32px;
	margin-left: 6px;
}
a.aar-detail .arr-icons span:first-child{
	margin-left: 0px;
}
/*Results 2*/
.aar-results-2 .aaa-inner-container{
	padding: 0 24px;
}
/*article summary*/
.aaa-page-details-container.aaa-article-summary-main-container.aaa-article-summary-main-container-bg{
	background-color: #fff;
}
.aaa-article-summary{
	display: inline-block;
	text-align: left;
	margin: 24px 0px;
	position: relative;
}
.aaa-article-summary-main-container{
	position: relative;
	overflow: hidden;
	background-color: #FFF;
}
.aaa-article-summary-main-container .aaa-inner-container{
	padding: 24px;
	text-align: left;
}
.aaa-article-summary-main-container .aaa-title{
	float: left;
}
a.aaa-link.aar-see-all-aticles-link{
	float: right;
	margin-top: 4px;
}
.aaa-article-thumb{
	position: relative;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.aaa-article-thumb img{
	height: 100%;
}
a.aar-article-title-link, .aaa-link{
	color: #003893;
	text-decoration: none;
}
.aaa-article-description{
	margin-top: 24px;
	line-height: 20px;
}
.underlined{
	
  text-decoration: underline;
}
.aaa-article-description div{
	margin-top: 12px;
}
.aaa-article-summary a.aaa-link{
	font-size: 14px;
}
.aaa-article-summary a.aaa-link:hover{
	color: #003893;
	text-decoration: underline;
}
.aar-see-more-articles-button{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 52px 24px 24px 24px;
    width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.aar-see-more-articles-button a.aaa-btn.aaa-btn-secondary{
	width: 100%;
	font-size: 16px;
}
.aar-see-more-articles-button a.aaa-btn.aaa-btn-secondary:focus{
	outline: 1px solid #000;
}
.aar-see-more-articles-button a.aaa-btn.aaa-btn-join{
	width: 100%;
	font-size: 16px;
}
/*Sitemap footer*/
.aaa-sitemap-container{
    background-color: #e5e5e5;
	text-align: right;
	position: relative;
}
.aaa-sitemap-container .aaa-inner-container{
    max-width: none;
	padding: 12px 24px;
}
.aaa-sitemap-container a.aaa-link:focus{
	outline: 2px solid #000;
}

.aaa-tech-video {
	width: 560px;
	height: 315px; 
}

@media only screen and (max-width : 1300px){
	/*Column layout*/
	.aaa-left-column{
		width: 76%;
		border-right: 1px solid #D9D9D9;
	}
	.aaa-middle-column{
		border: none;
		float: none;
		width: 76%;
		clear: both;
		border-top: 1px solid #D9D9D9;
		border-right: 1px solid #D9D9D9;
	}
	.aaa-right-column{
		width: 24%;
	}
	/*Article Summary*/
	.aaa-page-details-container.aaa-article-summary-main-container{
		position: absolute;
		right: 0px;
		top: 0px;
	}
}
@media only screen and (max-width : 1024px){
	/*Column layout*/
	.aaa-left-column{
		width: 70%;
	}
	.aaa-middle-column{
		width: 70%;
	}
	.aaa-right-column{
		width: 30%;
	}
}
@media only screen and (max-width : 980px){
	/*Ribbon*/
	.aaa-article-thumb.aar-left-img{
		float: left;
	}
	.aar-right-ribbon-details a.aaa-btn{
		margin-bottom: 0px;
	}
	/**/
	.aaa-pc{
		display: none;
	}
	.aaa-mobile{
		display: block;
	}
	.aaa-inner-container{
		max-width: none;
		padding: 24px;
	}
	.aaa-search-container .aaa-inner-container{
		padding: 0px 24px 0px 24px;
	}
	a.aaa-btn, input.aaa-btn{
		margin-bottom: 24px;
	}
	/**/
	.aaa-mobile-menu{
		display: block;
	}
	.aaa-main-logo{
		float: none;
		margin: 0 auto;
	}
	.aaa-nav-links-container{
		clear: both;
		display: block;
		height: 0px;
		overflow: hidden;
		/* Transition */
		-webkit-transition: All 0.5s ease;
		-moz-transition: All 0.5s ease;
		-o-transition: All 0.5s ease;
		-ms-transition: All 0.5s ease;
		transition: All 0.5s ease;
	}
	.aaa-nav-links-container.aaa-show-nav-links{
		height: 320px;
	}
	a.aaa-nav-link{
		display: block;
		padding: 10px 8px;
		font-size: 16px;
		font-weight: normal;
		color: #003893;
		cursor: pointer;
		/* Transition */
		-webkit-transition: All 0.2s ease;
		-moz-transition: All 0.2s ease;
		-o-transition: All 0.2s ease;
		-ms-transition: All 0.2s ease;
		transition: All 0.2s ease;
	}
	a.aaa-nav-link:hover{
		text-indent: 14px;
	}
	/*Search*/
	.blk3.aaa-title.aaa-mobile{
		font-size: 24px;
	}
	.aaa-search-container .aaa-inner-container{
		margin: 0 auto;
		max-width: 840px;
		padding: 14px 24px 0px 24px;
	}
	.aar-napa-container-option{
		margin-bottom: 14px;
	}
	/*Map*/
	.aaa-inner-container.aaa-map-inner-container{
		padding: 0px;
	}
	.aaa-map-container{
		border-top: 1px solid #e5e5e5;
	}
	.aaa-map img{
		width: auto;
		height: 298px;
	}
	/*Results*/
	.aaa-results-container{
		padding: 0px;
	}
	.aaa-results-container .aaa-title span{
		display: block;
	}
	.aar-results{
		padding-top: 24px;
	}
	.aar-top-10-left{
		float: none;
		width: 100%;
		min-height: none;
	}
	.aar-top-10-left:nth-child(odd){
		float: none;
	}
	.aar-top-10-left:nth-child(even){
		float: none;
	}
	a.aar-detail{
		display: inline-block;
		width: 100%;
		margin: 12px 0px;
		min-height: 148px;
	}
	a.aar-detail .aar-shop{
		float: left;
		width: 80%;
	}
	/*Article Summary*/
	.aaa-article-thumb{
		float: none;
		margin: 0 auto;
	}
	.aaa-article-description{
		float: none;
		margin-left: 0px;
		margin-top: 24px;
		width: 100%;
	}
}
@media only screen and (max-width : 820px){
	/*Column layout*/
	.aaa-left-column{
		width: 100%;
	}
	.aaa-middle-column{
		width: 100%;
		border-right: none;
		padding: 0px;
	}
	.aaa-right-column{
		width: 100%;
	}
	/*Article Summary*/
	.aaa-page-details-container.aaa-article-summary-main-container{
    	position: relative;
		border-top: 1px solid #d9d9d9;
	}
	.aar-see-more-articles-button a.aaa-btn.aaa-btn-secondary{
		margin-bottom: 0px;
	}
	.aar-see-more-articles-button a.aaa-btn.aaa-btn-join{
		margin-bottom: 0px;
	}
	.aar-main-search-outer-container{
		max-width: none;
	}
}
@media only screen and (max-width : 790px){
	/*Search*/
	.aaa-search-container{
		background-color: #ffffff;
		padding: 0px;
	}
	.aar-search-button-only{
		float: none;
		margin-top: 0px;
	}
	.aaa-search-form{
		display: none;
	}
	.blk3.aaa-title.aaa-mobile{
		color: #003893;
		font-size: 18px;
		text-align: left;
		padding-left: 40px;
		background-image: url('../images/search-icon.svg');
		background-repeat: no-repeat;
		background-position: left 2px;
		background-size: 24px auto;
		cursor: pointer;
		padding-top: 2px;
	}
	.blk3.aaa-title.aaa-mobile.aaa-search-close{
		background-image: url('../images/search-close.svg');
	}
	.aar-description{
		width: auto;
		display: none;
	}
	input.aaa-inputText{
		border: 1px solid #D9D9D9;
	}
	.aaa-aaaSelectContainer{
		border: 1px solid #d9d9d9;
	}
	#location{
		width: 100%;
	}
	.aaa-formLeft{
		float: none;
		padding: 0px 0px 12px 0px;
	}
	.aaa-formLeft.aar-mile-radius{
		display: inline-block;
    	width: 100%;
		padding-bottom: 14px;
	}
	input#searchButton.aaa-btn{
		float: right;
		width: 36%;
	}
	.aaa-aaaSelectContainer{
		padding-right: 0px;
	}
	.aaa-aaaSelectContainer select{
		width: 100%;
	}
	.aaa-aaaSelectContainer select:-moz-focusring, .aaa-aaaSelectContainer select:active, .aaa-aaaSelectContainer select:focus{	
		border: 1px solid #D9D9D9;
	}
	/*For Results and Detail Views*/
	.aar-main-page-search-widget .aaa-napa-checkbox-container{
		float: none;
		margin-left: 0px;
	}
	.aar-main-page-search-widget input#searchButton.aaa-btn{
		float: none;
		margin-top: 14px;
		display: block;
	}
}
@media only screen and (max-width : 680px){
	/*Ribbon*/
	.aaa-article-thumb.aar-left-img{
		float: none;
	}
	.aar-right-ribbon-details{
		float: none;
		width: 100%;
		padding-left: 0px;
		padding-top: 24px;
	}
	.aaa-tech-video {
		width: 320px;
		height: 180px; 
	}
	a.aaa-btn.aaa-btn-join {
		margin-top: 10px;
		z-index:10;
	}
	a.aaa-btn.aaa-btn-join.request-roadside-assistance {
		margin-top: 32px;
		z-index:10;
	}
}
@media only screen and (max-width : 460px){
	#breadcrumbs li:last-child{
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		overflow: hidden;
		width: 140px;
	}
	/*For Results and Detail Views*/
	.aar-main-page-search-widget input#searchButton.aaa-btn{
		margin: 14px auto 0;
	}
}
@media only screen and (max-width : 320px){
	.aar-legend-tool-tip-view-container{
		width: 276px;
	}
}

.search-results-description-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.aaa-btn-anchor {
  color: #FFFFFF;
  letter-spacing: normal;
  font-weight: 400;
  clear: both;
  display: inline-block;
  border: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  position: relative;
  background: #003893;
  border-radius: 4px;
  font-family: 'Lato', sans-serif;
  padding: 6px 24px;
  margin-top: 24px;
  font-size: 16px;
}

.aaa-btn-anchor-clear {
  color: #1f3a74;
  background: white;
  letter-spacing: normal;
  font-weight: 400;
  clear: both;
  display: inline-block;
  border: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  position: relative;
  border-radius: 4px;
  font-family: 'Lato', sans-serif;
  padding: 6px 24px;
  margin-top: 24px;
  font-size: 16px;
  margin-right: 15px;
}

.aaa-btn-anchor-clear:nth-child(2) {
  margin-right: 0px;
}

.aaa-btn-anchor-clear:hover {
  color: #FFFFFF;
  background: #3373B1;
}

.custom-aaa-button:focus,
.custom-aaa-button:focus-within,
.custom-aaa-button:focus-visible {
  outline: 2px solid #003893 !important;
  outline-offset: 4px;
}

.custom-aaa-button-clear:focus,
.custom-aaa-button-clear:focus-within,
.custom-aaa-button-clear:focus-visible {
  outline: 2px solid #F2F2F2 !important;
  outline-offset: 4px;
}

.aaa-btn-join:hover,
.request-roadside-assistance:hover {
  background-color: #3373B1 !important;
}

.learn-more {
  color: #003893 !important;
  font-weight: bold !important;
}

.learn-more:visited,
.learn-more:hover,
.learn-more:focus,
.learn-more:focus-visible,
.learn-more:focus-within {
  text-decoration: underline;
  color: #003893 !important;
  font-weight: bold;
}

.learn-more:focus,
.learn-more:focus-visible,
.learn-more:focus-within {
  outline: #003893 solid 2px !important;
}

input.aaa-btn:focus {
  outline: black solid 2px !important;
}

.aaa-btn-join:focus,
.request-roadside-assistance:focus {
  outline: #003893 solid 2px !important;
}

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

#shopLocatorForm input.aaa-inputText:focus,
#shopLocatorForm input.aaa-inputText:focus-visible,
#shopLocatorForm input.aaa-inputText:focus-within,
#shopLocatorForm .aaa-aaaSelectContainer select:focus,
#shopLocatorForm .aaa-aaaSelectContainer select:focus-visible,
#shopLocatorForm .aaa-aaaSelectContainer select:focus-within {
	border: 2px solid #003893;
  outline: none;
}

label[for^="#aar-check-box:"]:before {
  content: "";
  border: 1px solid red;
}


input[id^="aar-check-box:"]:focus + label[for^="aar-check-box:"],
input[id^="aar-check-box:"]:focus-visible + label[for^="aar-check-box:"],
input[id^="aar-check-box:"]:focus-within + label[for^="aar-check-box:"],
#sycs:focus + label[for^="sycs"],
#onlineApptRequest:focus + label[for^="onlineApptRequest"],
#onlineApptRequest:focus-visible + label[for^="onlineApptRequest"],
#onlineApptRequest:focus-within + label[for^="onlineApptRequest"],
#servOnWknd:focus + label[for^="servOnWknd"],
#servOnWknd:focus-visible + label[for^="servOnWknd"],
#servOnWknd:focus-within + label[for^="servOnWknd"],
#rvMchRepair:focus + label[for^="rvMchRepair"],
#rvMchRepair:focus-visible + label[for^="rvMchRepair"],
#rvMchRepair:focus-within + label[for^="rvMchRepair"] {
  font-weight: bold;
}

input[id^="aar-check-box:"]:focus + label[for^="aar-check-box:"]:before,
input[id^="aar-check-box:"]:focus-visible + label[for^="aar-check-box:"]:before,
input[id^="aar-check-box:"]:focus-within + label[for^="aar-check-box:"]:before {
  content: "";
  border: 3px solid #003893;
  position: absolute;
  left: 0;
  height: 21px;
  width: 21px;
  top: -1px;
}

#sycs:focus + label[for^="sycs"]:before,
#sycs:focus-visible + label[for^="sycs"]:before,
#sycs:focus-within + label[for^="sycs"]:before,
#onlineApptRequest:focus + label[for^="onlineApptRequest"]:before,
#onlineApptRequest:focus-visible + label[for^="onlineApptRequest"]:before,
#onlineApptRequest:focus-within + label[for^="onlineApptRequest"]:before,
#servOnWknd:focus + label[for^="servOnWknd"]:before,
#servOnWknd:focus-visible + label[for^="servOnWknd"]:before,
#servOnWknd:focus-within + label[for^="servOnWknd"]:before,
#rvMchRepair:focus + label[for^="rvMchRepair"]:before,
#rvMchRepair:focus-visible + label[for^="rvMchRepair"]:before,
#rvMchRepair:focus-within + label[for^="rvMchRepair"]:before {
  content: "";
  border: 3px solid #003893;
  position: absolute;
  left: 0;
  height: 21px;
  width: 21px;
  top: -1px;
}