/* normal item */ #menuItem { height: 50px; text-align: center; } #menuItem a { color: #FFFFFF; font-family: "Trebuchet MS", Verdana; font-size: 14px; text-decoration: none; } #menuItem-active { background-image: url(http://www.webinabox.nl/images/menu/mouseover-left.png); background-position: top left; height: 50px; text-align: center; } #menuItem-active span { background-image: url(http://www.webinabox.nl/images/menu/mouseover-right.png); background-position: top right; background-repeat: no-repeat; display:block; height: 50px; } #menuItem-active span a { display:block; color: #FFFFFF; font-family: "Trebuchet MS", Verdana; font-size: 14px; text-decoration: none; padding-top: 15px; height: 50px; } /* dropdownmenu item */ #menuItemSub { height: 50px; text-align: center; } #menuItemSub a { color: #FFFFFF; font-family: "Trebuchet MS", Verdana; font-size: 14px; text-decoration: none; } #menuItemSub-active { background-image: url(http://www.webinabox.nl/images/menu/mousedown-left.png); background-position: top left; background-repeat: no-repeat; height: 50px; text-align: center; } #menuItemSub-active span { background-image: url(http://www.webinabox.nl/images/menu/mousedown-right.png); background-position: top right; background-repeat: no-repeat; display:block; height: 50px; } #menuItemSub-active span a { display:block; color: #FFFFFF; font-family: "Trebuchet MS", Verdana; font-size: 14px; text-decoration: none; padding-top: 15px; height: 50px; } /* submenu classes */ #subMenu td { width: 185px; background-image: url(http://www.webinabox.nl/images/menu/dropdown-bg.png); padding-left: 8px; /*opacity: .95; filter: alpha(opacity=95); */ } #subMenu .bottomCell { height: 6px; background-image: url(http://www.webinabox.nl/images/menu/dropdown-bottom.png); } #subMenu .topCell { height: 5px; background-image: url(http://www.webinabox.nl/images/menu/dropdown-top.png); /*opacity: .95; filter: alpha(opacity=95);*/ } #topSellSpacer { height: 5px; background-image: url(http://www.webinabox.nl/images/menu/dropdown-top-spacer.png); background-position: top right; border: 1px solid #FFFFFF; width: 100px; } #subMenu a { padding-left: 10px; padding: 3px; text-decoration: none; color: #FFFFFF; display: block; } #subMenu a:hover { padding-left: 10px; padding: 3px; text-decoration: underline; color: #FFFFFF; display: block; }