#searchpopup { position: absolute; top: 188px; left: 51px; display: none; z-index: 9; width: 320px; border: 1px solid #ccc; border-top: none; background: #F6F6F6; line-height: 16px; -webkit-box-shadow: rgb(65, 65, 65) 3px 3px 5px; box-shadow: rgb(65, 65, 65) 3px 3px 5px; }
#searchpopup h3 { position: relative; margin: 0; padding: 3px 5px; background: #ccc; color: #333; font-size: 13px; }
#searchpopup h3 a { font-size: 11px; color: #666; text-decoration: none; }
#searchpopup h3 span { position: absolute; right: 0; top: 0; padding: 3px 6px; font-size: 10px; }

#searchpopup a.search-item { position: relative; display: block; padding: 5px 6px 4px 12px; text-decoration: none; clear: both; height: 100%; overflow: hidden; }
#searchpopup a.search-item h4 { padding: 0; margin: 0; font-size: 11px; color: #333;  }
#searchpopup a.search-item p { color: #666666; font-size: 10px; font-weight: bold; }
#searchpopup a.search-item img { width: 45px; height: 45px; padding: 3px; border: 1px solid #DAD5CF; background: #F7EDE1; float: right; }

#searchpopup a.search-item:hover { background: #E9E9E9; }
#searchpopup a.search-item:hover h4 { color: #DF7C1C; }
#searchpopup a.search-item:hover p { color: #DF7C1C; }

#searchpopup a.view-all { display: block; text-align: right; text-decoration: none; margin: 0; padding: 3px 5px; background: #ccc; color: #333; font-size: 11px; font-weight: bold; }
#searchpopup a.view-all:hover { color: #DF7C1C; }

.search-item { border-top:1px dashed #CCC; padding: 10px 0; padding-left: 10px; overflow: hidden; }
.search-item h3 { margin-top: 5px; clear: both; }
.search-item h3 img { margin-right: 10px; }
.search-item.first-search-item { border: none; }
#searchpopup span.search-loading { padding: 10px; display: block; background: url(../images/ajax-loader.gif) no-repeat center left; margin-left: 10px; padding-left: 40px; font-size: 14px; font-weight: bold; line-height: 34px; }
#search_input.loading { background: #fff url(../images/ajax-loader-small.gif) no-repeat center right; }