.dmx { font: 11px tahoma; } .dmx .item1, .dmx .item1-active{ padding: 3px 10px 3px 10px; border-bottom: 1px solid #ebf6fc; background: #ebf6fc; font: 12px arial; color: #240098; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; } .dmx .item1:hover, .dmx .item1-active:hover { padding: 3px 10px 3px 10px; border-bottom: 1px solid #ebf6fc; background: #240098; font: 12px arial; color: #ebf6fc; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; } .dmx .item2:hover, .dmx .item2-active:hover { padding: 3px 8px 4px 8px; font: 11px tahoma; color: #EF7224; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; background: #ccc; } .dmx .item2, .dmx .item2-active{ padding: 3px 8px 4px 8px; font: 11px tahoma; color: #ebf6fc; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; background: #240098; } .dmx .item3:hover, .dmx .item3-active:hover { padding: 3px 8px 4px 8px; font: 11px tahoma; color: #ebf6fc; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; background: red; } .dmx .item3, .dmx .item3-active{ padding: 3px 8px 4px 8px; font: 11px tahoma; color: #ebf6fc; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; background: red; } .dmx .arrow, .dmx .arrow:hover { padding: 3px 16px 4px 8px; } .dmx .item2 img, .dmx .item2-active img{ position: absolute; top: 4px; right: 1px; border: 0; } .dmx .section { border: 1px solid #b8b4ae; position: absolute; visibility: hidden; z-index: -1; } .dmx .bottom, .dmx .bottom:hover { border-bottom: 1px solid #000000; } * html .dmx td { position: relative; } /* ie 5.0 fix */