/********Css For freetextsearch************/
/* CSS for Quick Search */ 
.focus #openAoto{
	display: block;
}
#openAoto{
    display: none;
}
#showResults{
	display: none;
  	position: absolute;
    top: 0;
    right: 16.5%;
    left: 16.5%;
    bottom: 0;
    height: 45vh !important;
    z-index: 999;
    margin-top: 3em;
    overflow-y: auto;
    overflow-x: hidden;
}
@media only screen and (max-width: 767px){
    #showResults{
        height: 100% !important;
        top: 3.8em;
        right: 0 !important;
        left: 0 !important;
        bottom: 0;
        position: fixed;
    }
    #listResults{
        margin-bottom: 6em;
    }
}
#showResults ul{
	background: #fff;
}
.dim_search{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #eee;
    opacity: 0.5;
    z-index: 99;
}
#listResults{
	position: relative;
	z-index: 1000;
	background: #fff;
}
#resultNotice{
	position: relative;
	z-index: 1000;
	background: #fff;
}
#search_mini_form .input-box img.input-text{}
#showResults #resultNotice{
	text-align: center;
	float:right;
    margin: 5px 0;
    width: 100%;
    z-index: 999;
}
#showResults .close{ 
    position: absolute;
    top: 1.3em;
    right: 1.3em;
}
#showResults #resultNotice span.keyword{
	background:#f6ff00; 
	font-weight:bold; 
	color:#555555; 
	padding:2px;
}
#showResults #resultLabel{
	font-style:italic;
	font-size:12px;
	color:#ababab;
}
#showResults .title_list{
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #999;
    margin-right: 2em;
    margin-left: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
}
#showResults .list-products,
#showResults .list-categorys,
#showResults .list-cms{
	padding-right: 1em;
    padding-left: 1em;
   	padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-right: 1em;
    margin-left: 1em;
}
@media only screen and (max-width: 767px){
    #showResults{
        right: 0;
        left: 0;
    }
}