.ddmx { font-size: 11px; font-family: Verdana, Arial, sans-serif; }

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

.ddmx .item2,
.ddmx .item2:visited,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover { padding: 3px 8px 4px 8px; font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #ffffff; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; border-bottom: 1px solid #ffffff; }
.ddmx .item2 { background: #0D7E85; }
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover { color: #aff5fa; }

.ddmx .item3,
.ddmx .item3:visited,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover { padding: 3px 8px 4px 8px; font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #ffffff; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; border-bottom: 1px solid #ffffff; }
.ddmx .item3 { background: #587D2B; }
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover { color: #caeba1; }

.ddmx .item4,
.ddmx .item4:visited,
.ddmx .item4:hover,
.ddmx .item4-active,
.ddmx .item4-active:hover { padding: 3px 8px 4px 8px; font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #ffffff; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; border-bottom: 1px solid #ffffff; }
.ddmx .item4 { background: #bb7016; }
.ddmx .item4:hover,
.ddmx .item4-active,
.ddmx .item4-active:hover { color: #fdcd95; }

.ddmx .item5,
.ddmx .item5:visited,
.ddmx .item5:hover,
.ddmx .item5-active,
.ddmx .item5-active:hover { padding: 3px 8px 4px 8px; font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #ffffff; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; border-bottom: 1px solid #ffffff; width: 81px; }
.ddmx .item5 { background: #a9a10f; }
.ddmx .item5:hover,
.ddmx .item5-active,
.ddmx .item5-active:hover { color: #fbf69b; }

.ddmx .arrow,
.ddmx .arrow:hover { padding: 3px 16px 4px 8px; }

.ddmx .item2 img,
.ddmx .item2-active img { position: absolute; top: 4px; right: 1px; border: 0; }

.ddmx .section { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #EFEFEF; position: absolute; visibility: hidden; z-index: -1; }

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