/* ************************************************************************************************

		Top Search Bar

************************************************************************************************ */

	  
#search_block_top {
	margin: 0 ;
	width: 252px;
	position: relative;
	padding-top: 40px;
	clear: both;
	vertical-align: middle;
}

#search_block_top #search_query_top {
	padding:0 5px;
	height:32px;
	width:220px;/* 310 */
	border:1px solid #e3e3e3;
	border-right: none !important;
	color:#666;
	float: left;
	outline: none !important;


}

#search_block_top .button_search {
	border:none;
	border-radius:0;
	background: #fff;
	float: left;
	height: 32px;
	width: 27px;
	border:1px solid #e3e3e3;
	border-left: none !important;
	cursor: pointer;
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
}

#search_block_top input[type="submit"] {font-family: FontAwesome; color: #e3e3e3; font-size: 18px;}
#search_block_top input[type="submit"]:hover {color: #333;}
#search_block_top .button_search:hover { background-position:0 100%;}

.ac_results{
	border: 1px solid #eee;
	border-top: 0px;
	margin-top: -1px;
	width: 256px !important;
	color: 3C3C3C;
	z-index:999999;
	background-color: #fff;
	overflow: hidden;
	z-index: 99999;
	text-align: left;
	padding: 0px;
}

.ac_odd{
	background: #fff;
}

.ac_over{
	background: #ccc;
	color: #333;
}
.ac_results li {
	padding: 5px 5px;
	cursor: pointer
}
.ac_results li img{
	display: inline;
	vertical-align: middle;
	width: 60px;
}

.ac_results .prname{
	display: inline-block;
	vertical-align: middle;
	width: 160px;
	margin-left: 10px;
}
.ac_results .prname strong{
	color: #748d92
}
#ac_search_more{
	padding: 5px 0;
	cursor: pointer !important;
}

@media (max-width: 1000px) {
    #search_block_top{
      width: 150px; } 
	 #search_block_top #search_query_top{
      width: 120px; } 
	  }
	  
	  @media (max-width: 767px) {
    #search_block_top{
      width: 350px; margin: auto } 
	 #search_block_top #search_query_top{
      width: 320px; } 
	  }
	   @media (max-width: 480px) {
    #search_block_top{
      width: 250px; margin: auto } 
	 #search_block_top #search_query_top{
      width: 220px; } 
	  }