/* 
    Document   : searchbox
    Created on : 13-feb-2011, 14:20:25
    Author     : root
    Description:
        Purpose of the stylesheet follows.
*/
/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#search-box{ background:url(/images/search-box/es/bg.jpg); width: 170px; height: 108px; margin-bottom: 12px;}
#search-box-label{ background:url(/images/search-box/select.jpg); position: relative; width: 143px; height: 14px; padding: 3px 0px 1px 5px; top: 30px; left: 11px;}
#search-box-autocomplete { margin: 40px 0px 0px 10px;float: left;}
#search-box-autocomplete img{display:inline; float:left;}
#search-box-input{display:inline; float:left; width: 123px; height: 17px; border: 0px; padding-left: 5px; font: 10px Verdana,Arial,Helvetica,sans-serif; color: #555555; margin-top: 1px;}
.ui-autocomplete{ width: 353px; max-height: 320px; overflow-y: auto;/* prevent horizontal scrollbar */ overflow-x: hidden;/* add padding to account for vertical scrollbar */ padding-right: 5px; padding-top: 25px; background: url("/images/header/bg-search.gif") repeat-x scroll 0 0 #FFF; border: solid 1px #FFF; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius:  0 0 10px 10px; -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5); box-shadow: 0 3px 7px rgba(0,0,0,.5); }
.ui-autocomplete-loading { background: white url(/images/search-box/loading.gif) right center no-repeat; }
.search-box-product a {height: 60px;}
.search-box-product a:hover{background: none no-repeat scroll 0 0 #fff1f9;border-color:#fff1f9 ; border-radius: 0;}
.search-box-product-image { float: left; width: 70px;}
.search-box-product-desc { float: left; width: 246px;}
#manufacturers-box{ position: absolute; display: none; z-index: 3; width: 270px; top: 0px; left: 100px;}
#manufacturers-box .header{ background: url(/images/search-box/top.png) no-repeat; height: 15px;}
#manufacturers-box .center{ background: url(/images/search-box/center.png) repeat-y;}
#manufacturers-box .footer{ background: url(/images/search-box/bottom.png) no-repeat; height: 24px;}
#manufacturers-box-content{ overflow: auto; height: 200px; width: 226px; margin-left: 25px;}
#manufacturers-box-content ul{ list-style-type: none;}
#manufacturers-box-content li { width: 195px; height: 18px; padding-left: 10px; background: url(/images/search-box/bg-on.jpg) no-repeat;}
#manufacturers-box-content a { display: block; color: #555555; height: 18px;}
#manufacturers-box-content a:hover { color: #fa2398;}
#manufacturers-box-content li.on { background: #ffffff; }
#search-box #advanced-search-box{margin: 9px 0 0 11px; float: left;}
#search-box #advanced-search-box a{color:#FFF;}
#search-box #advanced-search-box a img{margin: -2px 0;}
#search-box #advanced-search-box a span{margin: 2px 5px 2px 0;}