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

#home, #homeButton, #homeButton:visited { width: 101px; } #about, #aboutButton, #aboutButton:visited { width: 168px; } #divisions, #divisionsButton, #divisionsButton:visited { width: 210px; } #investors, #investorsButton, #investorsButton:visited { width: 128px; } #news, #newsButton, #newsButton:visited { width: 94px; } #careers, #careersButton, #careersButton:visited { width: 103px; } #contact, #contactButton, #contactButton:visited { width: 108px; } 

/* 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.draxis.com/_media/corporate/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.draxis.com/_media/corporate/en/menu/nav_home_on.gif); } #aboutButton span, #aboutButton:visited span { background-image: url(http://www.draxis.com/_media/corporate/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.draxis.com/_media/corporate/en/menu/nav_about_on.gif); } #divisionsButton span, #divisionsButton:visited span { background-image: url(http://www.draxis.com/_media/corporate/en/menu/nav_divisions_off.gif); } #divisionsButton:hover span, #divisionsButton:focus span, #divisionsButton:visited:hover span, #divisionsButton.udmR span, #divisionsButton.udmR:visited span, #divisionsButton:active span { background-image: url(http://www.draxis.com/_media/corporate/en/menu/nav_divisions_on.gif); } #investorsButton span, #investorsButton:visited span { background-image: url(http://www.draxis.com/_media/corporate/en/menu/nav_investors_off.gif); } #investorsButton:hover span, #investorsButton:focus span, #investorsButton:visited:hover span, #investorsButton.udmR span, #investorsButton.udmR:visited span, #investorsButton:active span { background-image: url(http://www.draxis.com/_media/corporate/en/menu/nav_investors_on.gif); } #newsButton span, #newsButton:visited span { background-image: url(http://www.draxis.com/_media/corporate/en/menu/nav_news_off.gif); } #newsButton:hover span, #newsButton:focus span, #newsButton:visited:hover span, #newsButton.udmR span, #newsButton.udmR:visited span, #newsButton:active span { background-image: url(http://www.draxis.com/_media/corporate/en/menu/nav_news_on.gif); } #careersButton span, #careersButton:visited span { background-image: url(http://www.draxis.com/_media/corporate/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.draxis.com/_media/corporate/en/menu/nav_careers_on.gif); } #contactButton span, #contactButton:visited span { background-image: url(http://www.draxis.com/_media/corporate/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.draxis.com/_media/corporate/en/menu/nav_contact_on.gif); } 
/* @end */