#menu ul {
  display: block; 
  list-style-type: none;
  width: 100%;
  height: 25px;
}

#menu ul li {
	margin: 0px 7px 0px 0px;
	padding: 0px 0px 4px 0px;
	width: 210px;
	cursor: pointer;
	white-space: nowrap;
	float:left;
	text-align: left;
	position: relative;
}

#menu ul li a {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0px 4px 24px;
	display: block;
	text-transform: lowercase;
	font-size: 12px;
}

#menu ul div.filler {
	display: none;
}

#menu ul li ul {
	position: absolute;
	display: none;
	float: none;
	top: 25px;
	left: 30px;
	width: 180px;
	background: transparent;
	z-index: 100;
}

#menu ul li ul li {
	position: relative;
	display: block;
	width: 180px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

#menu ul li ul li a {
	display: block;
	padding: 3px 0px 2px 24px;
	text-transform: uppercase;
}

#menu ul li ul div.filler {
	float: left;
	display: block;
	height: 40px;
	width: 180px;
	behavior: url('./inc/iepngfix.htc');
}

#menu ul li ul li ul {
	top: 0px;
	left: 115px;
	z-index: 200;
}


#menu li.menu-item-1 a { background: #22bbea url('../../images/dots.blue.gif') no-repeat scroll center left; }
#menu li.menu-item-1 ul div.filler { background: #22bbea; }
#menu li.menu-item-1 ul a { color: #9cd8f3; background: #22bbea url('../../images/dots.blue.trans.gif') no-repeat scroll center left; }
#menu li.menu-item-1 ul li:hover a,
#menu li.menu-item-1 ul li.hover a { color: #ffffff; background-image: url('../../images/dots.blue.gif'); }
#menu li.menu-item-1 ul li:hover ul a,
#menu li.menu-item-1 ul li.hover ul a { color: #9cd8f3; background-image: url('../../images/dots.blue.trans.gif'); }
#menu li.menu-item-1 ul ul li:hover a,
#menu li.menu-item-1 ul ul li.hover a { color: #ffffff; background-image: url('../../images/dots.blue.gif'); }

#menu li.menu-item-2 a { background: #e31781 url('../../images/dots.red.gif') no-repeat scroll center left; }
#menu li.menu-item-2 ul div.filler { background: #e31781; }
#menu li.menu-item-2 ul a { color: #f5b9d2; background: #e31781 url('../../images/dots.red.trans.gif') no-repeat scroll center left; }
#menu li.menu-item-2 ul li:hover a,
#menu li.menu-item-2 ul li.hover a { color: #ffffff; background-image: url('../../images/dots.red.gif'); }
#menu li.menu-item-2 ul li:hover ul a,
#menu li.menu-item-2 ul li.hover ul a { color: #f5b9d2; background-image: url('../../images/dots.red.trans.gif'); }
#menu li.menu-item-2 ul ul li:hover a,
#menu li.menu-item-2 ul ul li.hover a { color: #ffffff; background-image: url('../../images/dots.red.gif'); }

#menu li.menu-item-3 a { background: #707173 url('../../images/dots.gray.gif') no-repeat scroll center left; }
#menu li.menu-item-3 ul div.filler { background: #707173; }
#menu li.menu-item-3 ul a { color: #dbdbdb; background: #707173 url('../../images/dots.gray.trans.gif') no-repeat scroll center left; }
#menu li.menu-item-3 ul li:hover a,
#menu li.menu-item-3 ul li.hover a { color: #ffffff; background-image: url('../../images/dots.gray.gif'); }
#menu li.menu-item-3 ul li:hover ul a,
#menu li.menu-item-3 ul li.hover ul a { color: #dbdbdb; background-image: url('../../images/dots.gray.trans.gif'); }
#menu li.menu-item-3 ul ul li:hover a,
#menu li.menu-item-3 ul ul li.hover a { color: #ffffff; background-image: url('../../images/dots.gray.gif'); }

#menu li.menu-item-4 a { background: #b1c903 url('../../images/dots.green.gif') no-repeat scroll center left; }
#menu li.menu-item-4 ul div.filler { background: #b1c903; }
#menu li.menu-item-4 ul a { color: #ebf1bf; background: #b1c903 url('../../images/dots.green.trans.gif') no-repeat scroll center left; }
#menu li.menu-item-4 ul li:hover a,
#menu li.menu-item-4 ul li.hover a { color: #ffffff; background-image: url('../../images/dots.green.gif'); }
#menu li.menu-item-4 ul li:hover ul a,
#menu li.menu-item-4 ul li.hover ul a { color: #ebf1bf; background-image: url('../../images/dots.green.trans.gif'); }
#menu li.menu-item-4 ul ul li:hover a,
#menu li.menu-item-4 ul ul li.hover a { color: #ffffff; background-image: url('../../images/dots.green.gif'); }

#menu.interier li.menu-item-1 ul div.filler { background: transparent url('../../images/fadeout.blue.png') repeat-x scroll top left; }
#menu.interier li.menu-item-2 ul div.filler { background: transparent url('../../images/fadeout.red.png') repeat-x scroll top left; }
#menu.interier li.menu-item-3 ul div.filler { background: transparent url('../../images/fadeout.gray.png') repeat-x scroll top left; }
#menu.interier li.menu-item-4 ul div.filler { background: transparent url('../../images/fadeout.green.png') repeat-x scroll top left; }

#menu.interier li.selected ul div.filler { background: transparent url('../../images/fadeout.white.png') repeat-x scroll top left; }


#menu ul.database-submenu {
	position: absolute;
	z-index: 56000;
  	overflow: hidden;
  	display: none;
}

#menu ul.database-submenu li {
	white-space: nowrap;
	text-align: left;
	display: block;
	width: 155px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

#menu ul.database-submenu li a,
#menu ul.database-submenu li span {
	display: block;
	padding: 2px 0px 2px 6px;
	font-size: 12px;
	line-height:1.3em;
	text-transform: uppercase;
	background: transparent none no-repeat scroll top left;
}

#menu ul.manufacturers {
	background: #e31781;
	margin: -173px 0px 0px 387px;
	width: 474px;
  	height: 365px;
  	/* height: 192px; */
}

#menu ul.product_categories {
	background: #e31781;
	margin: 0px 0px 0px 387px;
	width: 310px;
  	height: 175px;
}

#menu ul.database-submenu.manufacturers li a,
#menu ul.database-submenu.product_categories li a {
	color: #f5b9d2;
}

#menu ul.database-submenu.manufacturers li.hover a,
#menu ul.database-submenu.product_categories li.hover a {
	color: #ffffff;
}