.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}
.hide-text {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.input-block-level {display: block;width: 100%;min-height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.searchautocomplete {position:relative;display:block;}
.searchautocomplete > label {float: left;margin-right: 10px;color: #333;font-weight: bold;margin-top: 8px;}
.searchautocomplete .nav {position: relative;}
.searchautocomplete .nav .nav-search-in {position: absolute;top: 0px;left: 0px;z-index: 15;}
.searchautocomplete .nav .nav-search-in .category {
  opacity: 0;filter: alpha(opacity=0);background: white;border: 1px solid #DDD;color: black;cursor: pointer;height: 29px;left: 5px;margin: 0;outline: 0;padding: 0;position: absolute;top: 5px;visibility: visible;width: auto;}
.searchautocomplete .nav .nav-search-in .category-fake {-webkit-border-radius: 5px 0px 0px 5px;-moz-border-radius: 5px 0px 0px 5px;border-radius: 5px 0px 0px 5px;background-color: #fcfcfc;background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);border-right: 1px solid #dddddd;color: #777;cursor: pointer;float: left;font-size: 11px;height: 27px;line-height: 27px;margin: 4px 0px 0px 2px;padding: 0px 25px 0px 10px;text-align: center;white-space: nowrap;}
.searchautocomplete .nav .nav-search-in .nav-down-arrow {background: url('../../../images/mirasvit/sprite.png');width: 9px;height: 5px;background-position: -26px -34px;display: block;right: 10px;top: 16px;position: absolute;}
.searchautocomplete .nav .nav-search-in:hover .category-fake {background-color: #eeeeee;background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e1e1e1));background-image: -webkit-linear-gradient(top, #f7f7f7, #e1e1e1);background-image: -o-linear-gradient(top, #f7f7f7, #e1e1e1);background-image: linear-gradient(to bottom, #f7f7f7, #e1e1e1);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe1e1e1', GradientType=0);}
.searchautocomplete .nav .nav-search-in:hover .nav-down-arrow {background-position: -6px -34px;}
.searchautocomplete .nav .nav-input {*zoom: 1;height:40px;width:100%;border:1px solid #e8e8e8;border-right:0px;z-index: 12;position: relative;padding:0px!important;}
@media only screen and (max-width : 767px) {
  .searchautocomplete {width:50%;position:relative;display:inline-block;}
}
.searchautocomplete .nav .nav-input:before, .searchautocomplete .nav .nav-input:after {display: table;content: "";line-height: 0;}
.searchautocomplete .nav .nav-input:after {clear: both;}
.searchautocomplete .nav .nav-input input {z-index: 10;padding: 0px;height: 38px;border: 2px solid #c6c6c6;font-size: 13px;background-color: #ffffff;color: #9d9d9c;outline: 0px;width: 100%;padding-left:15px;}
.searchautocomplete .nav .nav-input input.suggest {display: none;color: #999;z-index: 9;}
.searchautocomplete .nav-submit-button {position:absolute;top:0px;right:0px;}
.searchautocomplete .nav-submit-button .button {width: 34px;height: 34px;position:absolute;text-indent:-9999px;display:block;cursor: pointer;z-index: 14;background-position:-3px -140px;border:0px;background-color:white;right:2px;top:3px;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;padding:0px;}
.searchautocomplete .nav-submit-button .button:hover {opacity:0.8;filter:alpha(opacity=80);}
.searchautocomplete .nav-submit-button .button:focus {outline:0;}
.searchautocomplete .nav-submit-button .button::after {content:none;}
.searchautocomplete .searchautocomplete-placeholder {-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background: #FFF;border: 1px solid #ccc;padding: 15px 10px 5px 10px;position: absolute;left:0px;top: 42px;width: 100%;min-width:340px;z-index: 102;}
.searchautocomplete .searchautocomplete-placeholder:before {border-color: transparent transparent #CCC transparent;content: "";position: absolute;border-style: solid;border-width: 5px;height: 0;width: 0;top: -11px;left: 30px;}
.searchautocomplete .searchautocomplete-placeholder ul {list-style: none;padding: 0;margin: 0;}
.searchautocomplete .searchautocomplete-placeholder ul li {*zoom: 1;text-align: left;padding: 5px 5px;margin-bottom: 5px;border: 1px solid #ccc;}
.searchautocomplete .searchautocomplete-placeholder ul li:before, .searchautocomplete .searchautocomplete-placeholder ul li:after {display: table;content: "";line-height: 0;}
.searchautocomplete .searchautocomplete-placeholder ul li:after {clear: both;}
.searchautocomplete .searchautocomplete-placeholder ul li a {text-decoration: none;}
.searchautocomplete .searchautocomplete-placeholder ul li a.name {color: #444;font-weight: bold;display: block;margin-bottom: 3px;}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {float: right;}
.searchautocomplete .searchautocomplete-placeholder ul li.active {background-color: #eeffee;cursor: pointer;}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {text-decoration: none;}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {float: left;}.searchautocomplete .searchautocomplete-placeholder ul li .price-box {font-weight: bold;font-size: 13px;color: #169b56;float: right;}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {display: none;}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {font-weight: normal;color: #999;}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {font-size: 0.9em;color: #999;}
.searchautocomplete .searchautocomplete-placeholder ul li .highlight strong {color: #169b56;}
.searchautocomplete .searchautocomplete-placeholder .index-title {text-align: right;color: #0A263C;border-bottom: 1px solid #CCC;padding: 2px 5px;}
.searchautocomplete .searchautocomplete-placeholder .index-title span {color: #262c30;font-size: 0.9em;}
.searchautocomplete .searchautocomplete-placeholder .all {text-align: right;margin: 10px 4px 5px 10px;}
.searchautocomplete .searchautocomplete-loader {position: absolute;top: 11px;right: 10px;width: 16px;height: 16px;background: url('../../../images/mirasvit/loader.gif');}
.searchautocomplete-widget {position: relative;top: auto;left: auto;bottom: auto;right: auto;webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.autocomplete-item .description {font-size:10px;}
.autocomplete-item .searchautocomlete-image, .autocomplete-item .autocomplete-middle, .autocomplete-item .autocomplete-price {float:left;}
.autocomplete-item .searchautocomlete-image {width:17.6%;margin-right:1%;}
.autocomplete-item .searchautocomlete-image img {height:auto;}
.autocomplete-item .autocomplete-middle {width:61.7%;}
.autocomplete-item .autocomplete-price {width:19.7%;}
.autocomplete-price .price-box {padding:3px;margin-top:15px;}