/*
* Copyright 2012 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.search-box form > * {
	float: left;
}
input.search-box-text:focus {
    outline: -webkit-focus-ring-color auto 0;
}
span.search-box-text {
    padding: 0;
    border: none;
    background: #fff;
    height: inherit;
    width: 255px;
}
input.search-box-text {
    padding: 1px 1px 1px 4px;
    border: 0;
    background: #fff;
    height: 26px;
    margin-right: 0;
    width: 250px !important; 
    box-shadow: inset 0 0 5px #ddd;
}
.instant-search-busy {
    background: #e9e9e9 url('../../../images/ajax-loader-small.gif') no-repeat 100% !important;
}
#instant-search-categories {
	width: 110px;
	height: 32px;
	border: none;
	padding: 6px;
    position:absolute;
    right:47px;
}

/* AUTOCOMPLETE */

.instantSearch {
    background: #f7f7f7;
    width: 325px !important;
	height: auto !important;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    padding: 4px !important;
}
.instantSearch.resize {
    width: 362px !important;
}
.instantSearch .k-list {
    padding: 0;
    margin: 0;
}
.instantSearch .k-list-container {
	position: relative !important;
	width: auto !important;
    height: auto !important;
}
.instantSearch .k-item {
    overflow: hidden;
    display: block;
}
.instant-search-item {
    overflow: hidden;
    padding: 10px 5px;
    cursor: pointer;
}
.instantSearch .k-item.k-state-hover .instant-search-item, 
.instantSearch .k-item.k-state-focused .instant-search-item{
    border: 1px solid #999;
    background: #e7e7e7;
    padding: 9px 4px;
}
.instant-search-item .img-block {
    width: 70px;
    height: 70px;
    float: left;
    overflow: hidden;
}
.instant-search-item .detail {
    float: right;
    width: 230px;
    line-height: 17px;
}
.resize .instant-search-item .detail {
    width: 270px;
}
.instant-search-item .detail .title {
    text-align: left;
    font-size: 1.1em;
    padding-bottom: .25em;
    color: #4B4B4B;
}
.instant-search-item .detail .price {
    color: #cc0000;
    text-align:left;
}

@media all and (min-width: 481px) {
    span.search-box-text{
        width:365px !important;
    }
    .search-box input.search-box-text{
        padding-right:112px;
    }
}
@media all and (min-width:340px) and (max-width: 980px){
     #instant-search-categories{
        background: #fff url(images/custom-dropdown.png);
        background-repeat:no-repeat;
        background-position:90% center;
    }

}