/*dbsearch*/
/*overall styles*/
.ui-autocomplete  {z-index: 999999999!important;background: #ffffff;border: 1px solid #b5beca;border-radius:5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); color: #1f2a2a;margin:0px!important;padding:0px!important;}
/*reset*/
.ui-autocomplete a.ui-state-focus {background:none repeat scroll 0 0 #e9e9e9;text-decoration:none!important;display:block;	overflow:hidden;border-radius:0px}
.ui-autocomplete .ui-state-active {border:0px;background:none;}
.ui-autocomplete .ui-menu-item a {line-height:1.2!important;padding:0px}
.ui-autocomplete a.ui-state-focus * {text-decoration:none;line-height:1.2!important;}
.ui-autocomplete *{font-size:14px!important; }
.ui-autocomplete .uiVisAlle .ui-state-active {margin:0 0 0 15px!important}
/*group*/
.ui-autocomplete .uigroup {text-transform: uppercase;background: #fff;text-align: left;width:100%;margin-top:20px}
.ui-autocomplete .uigroup p {font-weight:bold;font-size: 16px!important;margin:0px;padding: 10px 18px 10px 5px;line-height: 20px;margin-left:}
.ui-autocomplete li:first-child {margin-top:5px}
/*category*/
.ui-autocomplete .uicategory {width:100%}
.ui-autocomplete .uicategory a {padding:2px 0 2px 15px;display:block}
.ui-autocomplete .uicategory a:hover {text-decoration: none;background:#e9e9e9}
/*product*/
.ui-autocomplete .uiproduct {list-style: none;width:100%;border-top: 1px solid #e9e9e9;cursor: pointer;text-align: left !important;}
.ui-autocomplete .uiproduct:hover {background:#e9e9e9}
.ui-autocomplete .uiimg {width:100px;cursor: pointer;float: left;text-align:center}
.ui-autocomplete .uiimg img {max-height: 80px !important;max-width: 90%!important;padding: 5px 10px;}
.ui-autocomplete .uicontent {width:calc(100% - 150px);float:left;padding-top: 10px;background:transparent;padding-bottom:0px;}
.ui-autocomplete .uipris {margin-top:2px;font-size:11px!important;font-weight:bold;}
.ui-autocomplete .uivarenummer {margin:2px 0 5px 0;color: #8f8f8f; font-size: 10px!important;}
/*vis alle*/
.ui-autocomplete .uiVisAlle {border-top: 1px solid #b5beca;height: 40px;width:100%}
.ui-autocomplete .uiVisAlle div {margin-left:15px}
.ui-autocomplete .uiVisAlle p,.uiVisAlle p:hover {text-align:left;margin:0px;background: url("/dandodesign/grafik/overall/lup.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0); color: #000; cursor: pointer; font-size: 14px; font-weight: bold;line-height: 40px; padding-left: 25px; text-decoration: none;}
/*noproducts*/
.ui-autocomplete .uinoProducts {color: #931600;font-size: 12px;font-style: italic;line-height: 10px;padding: 5px 0;text-align: left;text-decoration: none;width: 400px;}
.ui-autocomplete .uinoProducts p {padding:20px;line-height:20px;}
/*defaults*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);   border: 0 none;}
.ui-autocomplete .ui-menu-item a,.ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {margin: 0px!important; cursor:pointer;text-align:left!important;display:block;} 
* html .ui-autocomplete {width: 1px;}
.ui-autocomplete-loading {background: url("/dandodesign/grafik/overall/ui-anim_basic_16x16.gif") no-repeat scroll right center white;}
.ui-autocomplete .ui-menu-item,.ui-autocomplete .uigroup, .ui-autocomplete .uiVisAlle {clear: left; float: left;}
/*responsive*/
@media (max-width: 810px) {
	.ui-autocomplete  {width:100%!important; left:0!important}
	.ui-autocomplete .uiVisAlle div {margin-left:150px!important}
}
/*overall styles*/
.ui-autocomplete {
	width:500px!important;
	border:solid 1px #c9c9c9!important;
	border-radius:10px!important
}
.uicategory a:hover,
.uiproduct a:hover,
.uiproduct a,
.ui-menu-item:hover a span, 
.uiVisAlle p:hover,
.uicategory a:hover, 
.uicategory a:active,
.ui-menu .ui-menu-item a {
   font-size:12px; 
}

.uicategory a:hover,
.uiproduct a:hover {
   color:#666666;
}

/*group*/
.uigroup {
    background: none repeat scroll 0 0 #7C7C7C;
    color: #fff;
    line-height: 25px;
    margin-top: 20px;
    text-align: left;
    text-transform: uppercase;
	width:100%
}
.uigroup p {
    font-size: 12px;
    padding: 0 0 0 15px;
	margin:0px;
}

/*category*/
.uicategory {
    clear: left;
	text-align:left;
    float: left;
    padding-left: 15px!important;
}
.uicategory a {
    cursor: pointer;
    display: block;
    line-height: 22px;
    text-decoration: none;
	margin: 0 !important;
}
.uicategory span {
    font-weight: bold;
}

/*product*/
.uicontent {
    float: left;
    padding-top: 20px;
	width:300px;
	background:transparent;
	padding-bottom:0px;
}

.uipris {
	position:absolute;
	right:10px;
    color: #D31145;
    font-size: 12px;
}

.uivarenummer {
	color: #8f8f8f;
    font-size: 10px;
}

.uiproduct {
    border-top: 1px solid #b5beca;
    cursor: pointer;
    text-align: left !important;
}

.uiimg {
    cursor: pointer;
    float: left;
    width: 100px;
	text-align:center
}

.uiimg img {
    max-height: 80px !important;
    max-width: 80px !important;
    padding: 5px 10px;
}


.uiproduct div a, .uiproduct div a:hover  {
    display: block;
    height: 50px;
    line-height: 120%;
    padding: 5px;
    text-decoration: none;
}

/*vis alle*/
.uiVisAlle {
    border-top: 1px solid #b5beca;
    height: 40px;
	width:100%
}
.uiVisAlle div {
	margin-left:15px
}
.uiVisAlle p {
	margin:0px;
    background: url("/dandodesign/grafik/overall/lup.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 25px;
    text-decoration: none;

}

/*noproducts*/
.uinoProducts {
    color: #931600;
    font-size: 12px;
    font-style: italic;
    line-height: 10px;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    width: 400px;
}
.uinoProducts p {
	padding:20px;
	line-height:20px;
}




/*defaults*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
}

.ui-menu-item a,
.ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: 0px!important; 
  cursor:pointer;
  text-align:left!important;
  display:block;
} 
 
 
.ui-widget-content {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #b5beca;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    color: #1f2a2a;
    /*width: 402px !important;*/
    z-index: 9999 !important;
	margin-top:3px;
}
#dropdown {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #b5beca;
    border-collapse: separate;
    border-radius: 5px;
    color: #1f2a2a;
    /*width: 400px;*/
}
.ui-autocomplete {
    position: absolute;
}
* html .ui-autocomplete {
    width: 1px;
}
.ui-autocomplete-loading {
    background: url("/dandodesign/grafik/overall/ui-anim_basic_16x16.gif") no-repeat scroll right center white;
}
.ui-menu {
    display: block;
    float: left;
    list-style: outside none none;
    padding: 5px 0 1px;
}

.ui-menu .ui-menu-item, 
.uigroup, 
.uiVisAlle {
    clear: left;
    float: left;
}

/*responsive*/
@media (max-width: 810px) {
	.ui-menu {width:100%!important; left:0!important}
	.uipris {padding:0px!important;right:10px}
	.uicontent {width:150px!important}
	.uiVisAlle div {margin-left:150px!important}
}