/* AUTOCOMPLETE */

.autocomplete {
    float: left;
}

.searchIcon {
    padding-left: 10px;
    float: left;
}

.searchIcon img {
    height: 30px;
}

.autocomplete{
  position: relative;
}

.autocomplete input{
  outline: none;
  width: 300px;
  border-bottom: 1px #CCC solid;
  font-size: 1.2em;
  margin-left: 10px;
  padding: 5px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: none;
}

.autocomplete input::-webkit-input-placeholder {
   color: #CCC;
   font-size: 14px;
}

.autocomplete input:-moz-placeholder { /* Firefox 18- */
   color: #CCC; 
   font-size: 14px;
}

.autocomplete input::-moz-placeholder {  /* Firefox 19+ */
   color: #CCC;
   font-size: 14px;
}

.autocomplete input:-ms-input-placeholder {  
   color: #CCC;
   font-size: 14px;
}

.autocomplete ul{
  position: absolute;
  left: 10px;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  z-index: 1;
  width: 300px;
}

.autocomplete li{
  text-align: left;
  list-style:none;
  padding:10px;
  background-color: #fff;
}

.autocomplete li.active{
  width: 100%;
  color: #E61B72;
}

.autocomplete .highlight {
  background-color: #E2E2E2;
}

.autocomplete li.active .highlight {
  background: #666;
  color: #fff;
}