/**
 * ElasticSearch stylesheet
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Smile Searchandising Suite to newer
 * versions in the future.
 *
 * @category  Smile
 * @package   Smile_ElasticSearch
 * @author    Aurelien FOUCRET <aurelien.foucret@smile.fr>
 * @copyright 2013 Smile
 * @license   Apache License Version 2.0
 */
 
/* Autocomplete styles */
#search_autocomplete dl { background: #FFF; border: 1px solid #999; overflow: hidden; width: 100%; }
#search_autocomplete dl dt { background: #7fbc31; color: #FFF; padding: 3px 10px; font-size: 110%; clear: both; margin: 10px 0 0 0}
#search_autocomplete dl dt:first-of-type { margin: 0}
#search_autocomplete dl dd { background: #FFF; cursor: pointer; padding: 3px 5px; font-size: 110%; text-overflow: ellipsis; white-space: nowrap; width; 100%; clear:both; }
#search_autocomplete dl dd.selected { background: #DDD }
#search_autocomplete dl dd .product-image-box { width: 55px; float: left; padding: 0 5px;}
#search_autocomplete .products-list {margin: 0px 0 10px 0}
#search_autocomplete .products-list .product-shop { float: left; margin: 0px 10px 0px 0px; padding: 0; width: 76%; white-space: normal; }
#search_autocomplete .products-list .product-shop .price-box {font-size: 13px; margin: 0px}
#search_autocomplete .products-list .product-shop .price-box .price {font-size: 13px; margin: 0px}
#search_autocomplete .products-list .product-name {font-size: 12px; font-weight: 500; }
#search_autocomplete .clear {clear: both;}
#search_autocomplete .autocomplete-attributes a {color: #000; display: block; text-decoration: none;}
#search_autocomplete .autocomplete-attributes span.attribute-name {color: #666; text-transform: uppercase; font-weight: bold; display: inline-block; float: right}

/* Price slider styles */
.range-slider { padding: 5px 0 0; }
.range-slider .slider-bkg { margin:10px 0; background-color:#ccc; height:5px; position: relative; background: #BAA; cursor : pointer; }
.range-slider .handle { margin:-6px 0 0; width:10px; height:8px; background-color:#3399cc; cursor:move; position: absolute; }
.range-slider .handle:after { content: "-"; color: transparent; width: 0; height: 0; border-top: 8px solid #3399cc; border-left: 5px solid transparent; position: absolute; margin: 8px 0 0; border-right: 5px solid transparent; }
.range-slider .handle.min { margin-left: -4px; }
.range-slider .handle.max { margin-left: 4px; }
.range-slider .limits-container { margin: 0 0 0; }
.range-slider .validate-button { float: right; }
.range-slider .limits.min { float:left; margin-left: -5px; }
.range-slider .limits.max { float:right; margin-left: 5px; }
.range-slider .clear {clear: both;}
.range-slider .count.empty { line-height: 10px; color: #AA0000; margin: 0; text-align: center; }
.range-slider .count { line-height: 20px; margin: 0 50px 0 0; text-align: left; display: block; }

#narrow-by-list .ratings { display: inline-block; margin: 0; }
#narrow-by-list .ratings .rating-box { margin: 0; }

.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { display: inline-block; }

/* Search facets autocomplete */
.autocomplete-facet-form input[type=text] {font-size: 80%; height: 18px; width: 100%; margin: 3px 0 10px;}
.autocomplete-facet-form form {margin: 0 0 10px 0;}
.autocomplete-facet-form .count.empty { line-height: 10px; color: #AA0000; margin: 0; text-align: center; }
.empty-query-field-link { float: right; margin: 0px -11px -36px 0; padding: 3px; transform: scale(0.6) rotate(45deg); cursor: pointer; height: 30px; width: 30px; } 


.empty-query-field-link div {background: rgb(229,132,115); height: 20px; position: relative; width: 2px; margin: 0 0 0 12px;}
.empty-query-field-link div:after { background: rgb(229,132,115); content: ""; height: 2px; left: -9px; top: 9px; position: absolute; width: 20px; }
.block-layered-nav dl dd .ajax-load-link { font-size: 90%; cursor: pointer; padding: 0px; text-decoration: underline; }
.block-layered-nav dl dd .ajax-load-link-parent {text-align: right; }