.ddmx {
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    display: block;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
}
.ddmx .item1 {

}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {

}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    display: block;
    position: relative;
    z-index: 500;
    padding: 4px 18px 4px 20px;
    width:211px;
    text-align:left;
    border-right:1px dotted #000;
}
.ddmx .item2 {

}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {

}

.ddmx .arrow,
.ddmx .arrow:hover {
  
}
.ddmx .item2 img,
.ddmx .item2-active img,
.ddmx .item2 span,
.ddmx .item2-active span{
    position: absolute;
    bottom: 7px;
    right: 2px;
    border: 0;
}
.ddmx .section {
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

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



.ddmx .leftMenuItem1{
  white-space:normal !important;
}
.ddmx .leftMenuItem2{
  width:auto !important;
  height:auto !important;
  border-left:5px solid #C00 !important;
  border-top:1px solid #ddd !important;
  font-size:12px !important;
  padding-left:5px !important;
}
.ddmx .leftMenuItem2:hover{
  background-color:#E1E1E1 !important;
}
.ddmx .leftMenuSection, .ddmx .leftMenuSection:hover{
  width:250px !important;
  height:auto !important;
  border-left:0px !important;
  border-bottom:1px solid #ddd !important;
  background:#f8f8f8 !important;
}
.ddmx .item1 .item1RightArrow,
.ddmx .item1-active .item1RightArrow{
    position: absolute !important;
    bottom: 7px !important;
    right: 5px !important;
    border: 0 !important;
}