.search-autocomplete {
    width: 400px;
    top: 28px;
    overflow: hidden;
    padding: 5px;
    margin: 0;
    z-index: 101;
    padding: 3px;
    text-align: left;
    border: 1px solid #ddd;
    min-height: 20px;
    background-color: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 5px #ccc;
    -moz-box-shadow: 0 2px 5px #ccc;
    box-shadow: 0 2px 5px #ccc;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

.search-autocomplete ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.search-autocomplete ul li {
    line-height: 16px;
    padding:6px;
    border-top:1px solid #ccc;
    color: #000;
}

.search-autocomplete ul li:first-child {
    border-top: none;
}

.search-autocomplete ul li a{
    display: inline;
}

.search-autocomplete ul li.selected {
    background-color: #eee;
}

.search-autocomplete ul li img {
    margin-right: 9px;
}

.search-autocomplete .thumb {
    float:left;
}

.search-autocomplete ul li.elasticsearch-autocomplete-moreresults {
    border-top: none;
    padding: 0;
}

.search-autocomplete ul li.elasticsearch-autocomplete-moreresults a {
    text-align: center;
    line-height: 40px;
    margin: 3px 0 0;
    padding:3px;
    display: block;
}

.clearfix:before,
.clearfix:after{
    content: " ";
    display: table;
}

.clearfix:after{
    clear: both;
}

.store-query-access .form-find-store .fieldset{
	width: 600px !important;
}




.stockist-row{

h4{
	font-weight: 700;
	font-size: $f-size-s;
	margin: 0;
}

.stockist{
	$icon-width: 40px;
	$icon-height: 35px;

.cat{
	background-image: url(https://www.yuasa.fr/skin/frontend/yuasa/fr/images/stores/store-sprite.png);
	background-repeat: no-repeat;
	width: $icon-width;
	height: 35px;
	text-indent: -9999px;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;

&:after{
	 color: #727272;
	 position: absolute;
	 top: -9px;
	 left: 50%;
	 width: auto;
	 height: auto;
	 text-indent: 0;
	 font-size: 11px;
	 font-weight: 700;
	 white-space: nowrap;
	 display: none;
	 z-index: 100;
	 background: #fff;
	 padding: 0 5px;
	 border: 1px solid #727272;
 }

&:hover:after{
	 display: block;
 }
}

.car-lcv{
	background-position: 0 (-$icon-height);
&:after{
	 content: 'Car & LCV';
 }
&.link:hover, &.active{
				   background-position: 0 0;
			   }
}



.commercial-agriculture-and-plant{
	background-position: (-($icon-width)) (-($icon-height));
&:after{
	 content: 'Commercial, Agriculture and Plant';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width)) 0;
			   }

}

.floor-cleaning-aerial-access{
	background-position: (-($icon-width * 2)) (-($icon-height));
&:after{
	 content: 'Floor Cleaning & Ariel Access';
 }

&.link:hover, &.active{
				   background-position: (-($icon-width * 2)) 0;
			   }
}

.fire-security-emergency-lighting{
	background-position: (-($icon-width * 3)) (-($icon-height));
&:after{
	 content: 'Fire, Security & Emergency Lighting';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 3)) 0;
			   }
}

.garden{
	background-position: (-($icon-width * 4)) (-($icon-height));
&:after{
	 content: 'Garden';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 4)) 0;
			   }
}

.golf-mobility{
	background-position: (-($icon-width * 5)) (-($icon-height));
&:after{
	 content: 'Golf & Mobility';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 5)) 0;
			   }
}

.leisure{
	background-position: (-($icon-width * 6)) (-($icon-height));
&:after{
	 content: 'Leisure';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 6)) 0;
			   }
}

.marine{
	background-position: (-($icon-width * 7)) (-($icon-height));
&:after{
	 content: 'Marine';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 7)) 0;
			   }
}

.motorsports-powersports{
	background-position: (-($icon-width * 8)) (-($icon-height));
&:after{
	 content: 'Motorcycle & Powersports';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 8)) 0;
			   }
}

.renewable-energy{
	background-position: (-($icon-width * 9)) (-($icon-height));
&:after{
	 content: 'Renewable Energy';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 9)) 0;
			   }
}

.telecoms{
	background-position: (-($icon-width * 10)) (-($icon-height));
&:after{
	 content: 'Telecoms';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 10)) 0;
			   }
}

.ups{
	background-position: (-($icon-width * 11)) (-($icon-height));
&:after{
	 content: 'UPS';
 }
&.link:hover, &.active{
				   background-position: (-($icon-width * 11)) 0;
			   }
}
}
}


@media only screen and (min-width: 770px){
	.store-query-access .form-find-store .buttons-set,
	.store-query-access .form-find-store .fieldset .form-list .field-country {
		margin-left: 160px !important;
	}
}

@media only screen and (min-width: 930px){
	.store-query-access .form-find-store .buttons-set,
	.store-query-access .form-find-store .fieldset .form-list .field-country {
		margin-left: 20px !important;
	}	
}
/*------------------------------------*\
	$COMMON
\*------------------------------------*/
.wordpress-default .toolbar {
	width: 100%;
}
.wordpress-default .toolbar .pages {
	float: left;
}
/* 3 col pages */
.wordpress-default .col3-layout .col-wrapper {
	float: left;
	width: 785px;
}
.wordpress-default .col3-layout .col-main {
	float: left;
	width: 570px;
	margin-right: 20px;
}
.wordpress-default .col3-layout .col-left {
	width: 195px;
}
.wordpress-default .col3-layout .col-right {
	width: 180px;
}

.wordpress-default .article {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.wordpress-default .article-timestamp {
	font-size: 11px;
}
.wordpress-default .page-title {
	border-bottom: 1px solid #ccc;
}
.wordpress-default .article-header a {
	text-decoration: none;
}
.wordpress-default .widget-title {
	margin-bottom: 10px;
}
.wordpress-default .galleria-container {
	background-color: transparent;
}
.photo-galleria {
	padding: 20px 0;
}

/*------------------------------------*\
	$MAIN TITLES
\*------------------------------------*/
.wordpress-default .page-title {
	position: relative;
}
.wordpress-default .page-title h6 {
	font-size: 32px;
	line-height: 34px;
}
.wordpress-default .article-header h1 {
	font-size: 26px;
	line-height: 30px;
}
.wordpress-default .archive-header {
	margin-bottom: 20px;
}
.wordpress-default .col-wrapper {
    max-width: 100%;
}

.wordpress-default .col-main {
    max-width: 100%;
}

.wordpress-default img.attachment-post-thumbnail.wp-post-image {
    max-width: 100%;
    height: auto;
}

/*------------------------------------*\
	$VIEW TOGGLER
\*------------------------------------*/
.toggle-view {
	position: absolute;
	top: 5px;
	right: 0;
}
.toggle-view li {
	display: block;
	float: left;
	margin-left: 5px;
}
/*a.btn-random-post > span,
a.btn-list-view > span,
a.btn-pinboard-view > span {
	padding-left: 4px;
	padding-right: 4px;
	line-height: 28px;
	background-repeat: no-repeat;
	background-image: url(https://www.yuasa.fr/skin/frontend/base/default/images/wordpress/view-toggle.png);
}
a.btn-random-post span span,
a.btn-list-view span span,
a.btn-pinboard-view span span {
	text-indent: -99999px;
	background: none!important;
}
a.btn-random-post span {
	background-position: -55px 7px;
}
a.btn-random-post:hover span {
	background-position: -55px -80px;
}
a.btn-list-view span {
	background-position: 6px 7px;
}
a.btn-list-view:hover span {
	background-position: 6px -80px;
}
a.btn-pinboard-view span {
	background-position: -25px 7px;
}
a.btn-pinboard-view:hover span {
	background-position: -25px -80px;
}*/

/*------------------------------------*\
	$WIDGETS
\*------------------------------------*/
.wordpress-default .widget {
	margin-bottom: 20px;
}

/*------------------------------------*\
	$NEXT/PREV UP/DOWN PAGER
\*------------------------------------*/
.article .next-prev {
	float: right;
	margin-top: -10px;
}
.article .next-prev li {
	display: inline-block;
}
/*.up-down button.button span,
.up-down a.button span {
	padding-left: 6px;
	padding-right: 6px;
	line-height: 19px;
}
.up-down button.button span span,
.up-down a.button span span {
	padding-left: 0;
	padding-right: 0;
	width: 7px;
	text-indent: -99999px;
	background-image: url(https://www.yuasa.fr/skin/frontend/base/default/images/wordpress/up-down.gif);
	background-repeat: no-repeat;
}
.up-down button.btn-next span span,
.up-down a.btn-next span span {
	background-position: 0 7px;
}
.up-down button.btn-prev span span,
.up-down a.btn-prev span span {
	background-position: -24px 7px;
}*/
/*------------------------------------*\
	$LISTING
\*------------------------------------*/
.wordpress-default .article-header {
	margin-bottom: 20px;
}
.wordpress-default .article-meta,
.wordpress-default .article-meta a {
	font-size: 11px;
	color: #9d9d9d;
}
.wordpress-default .article-meta a:hover {
	text-decoration: none;
}
.wordpress-default .toolbar .pages {
	border-right: 0;
}

/*------------------------------------*\
	$CONTACT
\*------------------------------------*/
.page-template-page-templatescontact-php .gmap {
	width: 100%;
	height: 200px;
}