
#search.mbloading { background:url(../image/ajax-loader.gif) no-repeat 50% 50%/auto #fff; position:relative; z-index:111; }

#header-search.skip-content { width:45%; }
.mbAjaxSearch { display:table; width:100%; text-align:left; }
.mbAjaxSearch div.select-wrapper, .mbAjaxSearch .searchField { display:table-cell; vertical-align:top; }

.mbAjaxSearch div.select-wrapper { overflow:hidden; }
.mbAjaxSearch span.select-wrapper { float:left; position:relative; height:40px; line-height:40px; cursor:pointer; overflow:hidden; }
.mbAjaxSearch .select-wrapper .holder { display:block; padding:0 16px; white-space:nowrap; cursor:pointer; position:relative; z-index:1; }
.mbAjaxSearch .select-wrapper .holder:after { content:" "; display:inline-block; margin:3px 0 0 5px; height:0px; width:0px; border:5px solid transparent; opacity:0.5; vertical-align:middle; }
.mbAjaxSearch .select-wrapper select { position:absolute; z-index:2; outline:none; display:block; height:40px; background:none; color:#444; cursor:pointer; width:100%; opacity:0; _noFocusLine:expression(this.hideFocus=true); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.mbAjaxSearch .select-wrapper select option { background:#fff; color:#000; padding:4px 5px; border-bottom:1px solid #eee; }

.mbAjaxSearch #search { width:100%; border-radius:0; box-sizing:border-box; border:0 none; }

.mbAjaxSearch .searchField .input-box.showBox:after { content:" "; display:block; width:0; height:0; border:12px solid transparent; position:absolute; bottom:-2px; left:30px; }
.mbAjaxSearch .mbAutoSearch { z-index:999; }

.mbAjaxSearch .mbAutoSearch .search_autocomplete { margin-top:0x; width:100%; min-width:270px; position:absolute; top:100%; left:0; z-index:999; border:5px solid #ccc; }
.mbAjaxSearch .mbAutoSearch.right .search_autocomplete { left:inherit; right:0; background-color:#ffffff; box-shadow:1px 2px 2px rgba(0,0,0,0.8); -webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.8); }
.mbAjaxSearch .mbAutoSearch ul li { float:none; margin:0; padding:10px; border-bottom:1px solid #ddd; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.mbAjaxSearch .mbAutoSearch ul li:after { content:""; display:block; clear:both; height:0; width:0; }
.mbAjaxSearch .mbAutoSearch .product-image { float:left; width:70px; }
.mbAjaxSearch .mbAutoSearch .product-image img { max-width:100%; }
.mbAjaxSearch .mbAutoSearch .ajxRightDetails { margin-left:85px; }
.mbAjaxSearch .mbAutoSearch .ajxRightDetails.noimg { margin-left:0; }
.mbAjaxSearch .mbAutoSearch .product-name { font-weight:700; text-transform:inherit; margin:0 0 5px; }
.mbAjaxSearch .mbAutoSearch .product-name:hover { text-decoration:underline; opacity:0.7; }
.mbAjaxSearch .mbAutoSearch .ajxSku { font-size:90%; margin:0; }
.mbAjaxSearch .mbAutoSearch .ajxDescription { margin:7px 0; font-size:12px; }
.mbAjaxSearch .mbAutoSearch button.btn-cart { padding:5px 8px; font-size:13px; }
.mbAjaxSearch .mbAutoSearch .out-of-stock { color:#fff; background-color:#EB0003; padding:5px 8px; }
.mbAjaxSearch .mbAutoSearch .note-msg { padding:10px; margin:0; border:0 none; }
.mbAjaxSearch .mbAutoSearch ul li.moreResults { text-align:center; padding:10px; }

#mbAutoSearch .search_autocomplete ul li a  { text-decoration:none; }
#mbAutoSearch .search_autocomplete ul li a .ajxRightDetails > p { text-decoration:none; }

#mbAutoSearch ul li .price-box { display:block; margin-bottom:10px; }
#mbAutoSearch ul li .price-box .old-price .price { color:#888; text-decoration:line-through; padding-right:10px; }
#mbAutoSearch ul li .price-box .old-price,
#mbAutoSearch ul li .price-box .special-price { display:inline-block; }
#mbAutoSearch ul li .price-box .special-price .price, #mbAutoSearch ul li .price-box .price { color:#208db6; }
#mbAutoSearch ul li .label_price { display:none; }

@media only screen and (max-width:771px) {
	#header-search.skip-content { width:100%; }
}

@media only screen and (max-width:480px) {
	.mbAjaxSearch div.select-wrapper, .mbAjaxSearch .searchField { display:block; }
	#mbAutoSearch ul li { width:100%; }
	.mbAjaxSearch #search { padding-left:10px }
}

