.ddmx { font: normal 12px Arial, Helvetica, sans-serif;  }

.ddmx .item1  { padding: 3px 10px 3px 10px;  font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff;  text-decoration: none; display: block; white-space: nowrap;  position: relative; text-transform: uppercase; }
.ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover { padding: 3px 10px 3px 10px; font: bold 12px Arial, Helvetica, sans-serif;  color: #5d3928; text-decoration: none; display: block;  white-space: nowrap;  position: relative;   text-transform: uppercase;}

.ddmx .item2 { padding: 5px 10px 5px 8px; font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; background: #e25879; text-transform: none !important; border-bottom: 1px solid #f76b8c; }
.ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover { padding: 5px 10px 5px 8px; font: normal 11px Arial, Helvetica, sans-serif; color: #523220; text-decoration: none; display: block; white-space: nowrap; position: relative;  z-index: 500; background: #ffa2b8; text-transform: none !important; border-bottom: 1px solid #f76b8c; }

.ddmx .arrow, .ddmx .arrow:hover { padding: 5px 20px 5px 8px; }
.ddmx .item2 img, .ddmx .item2-active img { position: absolute; top: 9px; right: 7px; border: 0; }

.ddmx .section { border: 1px solid #d42b54; position: absolute; visibility: hidden; z-index: -1; margin-top:3px; border-top: none; width: 150px; }
.ddmx .section-sub { border: 1px solid #d42b54; position: absolute; visibility: hidden; z-index: -1; margin-left: -3px; width: 150px; }

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