.ddmx {
    font: 11px tahoma;
}
.ddmx .item1,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 1px 4px 2px 3px;
	margin: 1px;
    border: 1px solid #cccccc;
    background: #ffffff;
    font: bold 12px verdana;
    color: #000000;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
	width:100%;
}
.ddmx .item1:hover{
	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 */