/* @group udm4 */
/* link heights corresponds with image height */
.navButton, .navButton:visited {
    height: 33px;
    position: relative !important;
}

#home, #homeButton, #homeButton:visited { width: 106px; } #about, #aboutButton, #aboutButton:visited { width: 226px; } #products, #productsButton, #productsButton:visited { width: 129px; } #corporate, #corporateButton, #corporateButton:visited { width: 215px; } #careers, #careersButton, #careersButton:visited { width: 118px; } #contact, #contactButton, #contactButton:visited { width: 119px; } 

/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
    display: block;
    height: 33px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
}


#homeButton span, #homeButton:visited span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_home_off.gif); } #homeButton:hover span, #homeButton:focus span, #homeButton:visited:hover span, #homeButton.udmR span, #homeButton.udmR:visited span, #homeButton:active span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_home_on.gif); } #aboutButton span, #aboutButton:visited span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_about_off.gif); } #aboutButton:hover span, #aboutButton:focus span, #aboutButton:visited:hover span, #aboutButton.udmR span, #aboutButton.udmR:visited span, #aboutButton:active span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_about_on.gif); } #productsButton span, #productsButton:visited span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_products_off.gif); } #productsButton:hover span, #productsButton:focus span, #productsButton:visited:hover span, #productsButton.udmR span, #productsButton.udmR:visited span, #productsButton:active span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_products_on.gif); } #corporateButton span, #corporateButton:visited span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_corporate_off.gif); } #corporateButton:hover span, #corporateButton:focus span, #corporateButton:visited:hover span, #corporateButton.udmR span, #corporateButton.udmR:visited span, #corporateButton:active span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_corporate_on.gif); } #careersButton span, #careersButton:visited span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_careers_off.gif); } #careersButton:hover span, #careersButton:focus span, #careersButton:visited:hover span, #careersButton.udmR span, #careersButton.udmR:visited span, #careersButton:active span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_careers_on.gif); } #contactButton span, #contactButton:visited span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_contact_off.gif); } #contactButton:hover span, #contactButton:focus span, #contactButton:visited:hover span, #contactButton.udmR span, #contactButton.udmR:visited span, #contactButton:active span { background-image: url(http://www.draximage.com/_media/draximage/en/menu/nav_contact_on.gif); } /* @end */