/* Outer Div */
#ProductTree4sound {
	text-align: left; 
	margin: 0;
	padding: 0;
	z-index: 100;
	background-color: black;
	color: white;
	font-family: arial, sans-serif;
	font-size: 12px;
	width: 175px;
}

/* Hovering */
#ProductTree4sound ul li a:hover, #ProductTree4sound ul li.itemhighlight a:hover {
	background-color: #505050;
	color: #ffffff; 
}
#ProductTree4sound h1 {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 15px;
	
}
#ProductTree4sound h2 {
	margin: 0;
	padding: 0;
}
#ProductTree4sound h3 {
	margin: 0;
	padding: 0;
}

/* List Main: Remove all the bullets, borders and padding from the default list styling. */
#ProductTree4sound ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 100;
	line-height: 1em; 
	margin: 0;
}

/* Main list item style. */
#ProductTree4sound ul li a {
	display: block;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-size: 12px;
}

/* Main list. Highligted item. */
#ProductTree4sound ul li.itemhighlight {
	padding-top: 10px;
}
#ProductTree4sound ul li.itemhighlight ul li {
	padding-top: 0px;
}
#ProductTree4sound ul li.itemhighlight a {
	background-image: url(/images/interfaces/blacklight/alu-black.png);
	background-repeat: no-repeat;
}
#ProductTree4sound ul li.itemhighlight a:hover {
	background-image: url(/images/interfaces/blacklight/alu-grey.png);
	background-repeat: no-repeat;
}

/* Seperate itemhighlighted main-list from the next */
#ProductTree4sound ul li.itemhighlight ul {
	padding-bottom: 10px;
}
#ProductTree4sound ul li.itemhighlight ul ul {
	padding-bottom: 0px;
}
#ProductTree4sound ul li.itemhighlight ul li a.link:hover {
	/* background-image: none; */
}

/* Branch: Menu item. */
#ProductTree4sound ul ul li.plus a, #ProductTree4sound ul ul li.plus a:hover {
	background-image: url(/images/interfaces/blacklight/plus.gif);
	background-repeat: no-repeat;
	background-position: 21px;
	padding-left: 35px;
}
#ProductTree4sound ul ul li.minus a, #ProductTree4sound ul ul li.minus a:hover {
	background-image: url(/images/interfaces/blacklight/minus.gif);
	background-repeat: no-repeat;  
	background-position: 19px;
	padding-left: 35px;
}
#ProductTree4sound ul ul li.minus li a:hover {
	/* background-image: none; */
}
#ProductTree4sound ul ul ul li a.link {
	padding-left: 20px;
}

#ProductTree4sound ul li.itemhighlight ul a {
	color: #b0b0b0;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: black;
	font-weight: normal;
}
#ProductTree4sound ul ul li.minus ul li a {
	padding-left: 35px;
	background-image: none;
}
/* 2nd sub menu - twig */
#ProductTree4sound ul li.itemhighlight ul li.minus ul li a.link {
	padding-left: 50px;
	background-image: url(/images/interfaces/blacklight/item.gif);
	background-position: 36px;
}

/* Branch: Link item. */
#ProductTree4sound ul li.itemhighlight ul a.link {
	background-image: url(/images/interfaces/blacklight/item.gif);
	background-position: 21px;
	padding-left: 35px;

}

/* Branch: itemhighlighted item. */
#ProductTree4sound ul ul li.itemhighlight a {
	background-color: #505050;
	color: #ffffff;
}

/* Branch: Un-itemhighlight (for IE) */
#ProductTree4sound ul ul li.itemhighlight ul a {
	background-color: black;
	color: #b0b0b0;
}
</style>