.ddmx {
	font: 11px tahoma;
	margin-bottom: 10px;
	border: 1px solid black;
	background-color: #0068b7;
}

.ddmx .item1,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	padding: 1px 4px 2px 3px;
	margin: 1px;	
	font: bold 11px verdana;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	width:100%;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.ddmx .item1:hover{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
}
.ddmx .activecat{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    font: bold 11px verdana;
    z-index: 500;
}	
.ddmx .item2 {
    background: #efefef;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {

}
.ddmx .item3,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
    font: bold 10px verdana;
    z-index: 501;

}	
.ddmx .item3 {
    background: #ccc;
}
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {

}
.ddmx .arrow,
.ddmx .arrow:hover {
    
}
.ddmx .arrow img {
    margin-top:0px;
	margin-left:2px;
	border:0px solid black;
}
.ddmx .item2 img,
.ddmx .item2-active img{

}
.ddmx .section {
    border: 0px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	background: #efefef;
	margin:1px;
}
.ddmx .section2 {
    border: 2px solid #b8b4ae;
	background: #ccc;

}
.ddmx .bottom,
.ddmx .bottom:hover {
    border-bottom: 1px solid #000000;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */