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

.search-box {
    position: relative;
}

.with-caregory-search-enabled input.search-box-text.narrow {
	width: calc(100% - 130px) !important;
    max-width: 186px;
}

input.search-box-text.k-input {
    width: calc(100% - 31px) !important;
    vertical-align: top;
}

input.instant-search-busy {
	background: url('../../../images/ajax-loader-small.gif') no-repeat 318px center !important;
}

input.instant-search-busy.narrow {
	background-position: 218px center !important;
}

/* AUTOCOMPLETE */

.instantSearch {
	margin-top: -1px;
	width: calc(100% - 31px) !important;
	border: 1px solid #ccc;
    top: 33px !important;
	border-top: none;
	background: #f6f6f6 !important;
    height: auto !important;
    box-sizing: border-box;
}

.instantSearch.resize {
    width: calc(100% - 31px) !important;
}

.instantSearch .k-list-container {
	position: static !important;
    padding: 7px;
    width: auto !important;
    height: auto !important;
}
.instantSearch .k-list {
    height: 100%;
}
.k-item.k-state-hover .instant-search-item, 
.k-item.k-state-focused .instant-search-item {
	background: #eee;
	cursor: pointer;
}
.instant-search-item {
	overflow: hidden;
	padding: 5px;
	border: 1px dotted #ccc;
    border-bottom: none;
	background: #fff;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.instant-search-item .img-block img {
    max-width: 100%;
}

.k-item:last-of-type .instant-search-item {
    border-bottom: 1px dotted #ccc;
}

.instant-search-item .img-block {
	float: left;
	overflow: hidden;
	width: 70px;
	height: 70px;
	background-color: #fff;
	text-align: center;
}
.instant-search-item .detail {
	margin-left: 80px;
	min-height: 70px;
    text-align: left;
}
.instant-search-item .detail .title {
	margin-bottom: 5px;
	color: #333;
	font-size: 11px;
}
.instant-search-item .detail .price {
	color: #8b0;
}
.instant-search-item .detail .sku {
	margin-bottom: 5px;
	color: #333;
	font-size: 11px;
}

.search-box-select {
	display: inline-block;
	width: 100px;
    margin: 0 0 0 -1px;
	border: 1px solid #bbb;
	box-shadow: inset 0 1px 0 #fff;
    padding: 5px;
    vertical-align: top;
}


/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

=====================================================*/

@media all and (max-width: 1024px) and (min-width: 769px) {


	input.instant-search-busy {
        background-position: 218px center !important;
    }
	input.instant-search-busy.narrow {
		background-position: 152px center !important;
	}


}



/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/

@media all and (max-width: 768px) and (min-width: 481px) {
    
    input.instant-search-busy {
        background-position: 302px center !important;
    }
	input.instant-search-busy.narrow {
		background-position: 204px center !important;
	}


}
       

/*=====================================================
    
    SMALLER MOBILE DEVICES

=====================================================*/

@media all and (max-width: 480px) {
    
    input.instant-search-busy {
        background-position: 302px center !important;
    }
	input.instant-search-busy.narrow {
		background-position: 184px center !important;
	}


    .instant-search-item .img-block {
        display: none;
    }
    .instant-search-item .detail {
        margin: 0;
        min-height: 45px;
        text-align: center;
    }
    .instant-search-item .detail .title {
        line-height: normal;
		font-family: inherit;
		font-weight: normal;
    }

}