/*overall styles*/
.ui-menu, .ui-menu a:hover {
	font-family: Lato,Helvetica,Arial,sans-serif;
}
.ui-menu .category a:hover, .ui-menu .product a:hover,.ui-menu .ui-menu-item:hover a span, .ui-menu .VisAlle p:hover {
   color:#666666;
}
.ui-menu .category a, .ui-menu .category a:hover, .category a:active{
	font-size:16px; 
}
.ui-menu .product a, .ui-menu .product a:hover {
	font-size:14px; 
}
.ui-menu .product {list-style: none;width:100%}
.ui-autocomplete .ui-state-active {border:0px;background:none;}
/*group*/
.ui-menu .group {
    background: none repeat scroll 0 0 #717246;
    color: #fff;
    line-height: 25px;
    margin-top: 20px;
    text-align: left;
    text-transform: uppercase;
    /*width: 400px;*/
	width:100%
}
.ui-menu .group p {
    font-size: 12px;
    padding: 0 0 0 15px;
	margin:0px;
}

/*category*/
.ui-menu .category:hover {
    background: none repeat scroll 0 0 #fbfcfc;
}
.ui-menu .category {
    clear: left;
	text-align:left;
    float: left;
    padding-left: 15px;
    width: 383px;
}
.ui-menu .category a {
    cursor: pointer;
    display: block;
    line-height: 22px;
    text-decoration: none;
	margin: 0 !important;
}
.ui-menu .category span {
    font-weight: bold;
}

/*product*/

.ui-menu .product .content {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    /*width: 305px;*/
	width:200px;
	background:transparent;
	padding-bottom:0px;
}

.ui-menu .product .pris {
	padding: 10px 0 0 210px;
    position: absolute;
	color: #8f8f8f;
    font-size: 12px;
	display:none;
}

.ui-menu .product .vnr {
	color:#a2a2a2;
	display:none;
	font-size:12px
}

.ui-menu .product {
    border-top: 1px solid #b5beca;
    cursor: pointer;
    text-align: left !important;
    /*width: 400px;*/
	min-height:55px
}
.ui-menu .product .img {
    cursor: pointer;
    float: left;
    width: 65px;
	text-align:center
}
.ui-menu .product img {
    max-height: 80px !important;
    max-width: 80px !important;
    padding: 5px 10px;
}


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

/*vis alle*/
.ui-menu .VisAlle {
    border-top: 1px solid #b5beca;
    height: 40px;
   width:100%
	/*width:400px;*/
}
.ui-menu .VisAlle div {
	margin-left:270px;
}
.ui-menu .VisAlle 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*/
.ui-menu .noProducts {
    color: #931600;
    font-size: 12px;
    font-style: italic;
    line-height: 10px;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    width: 400px;
}
.ui-menu .noProducts 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, .ui-menu .group, .ui-menu .VisAlle {
    clear: left;
    float: left;
}

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