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

/* link and list-item widths correspond with image widths */
#manufacturer, #manufacturerButton, #manufacturerButton:visited 
		{
        display: none;
        width:118px;
        }


#installation, #installationButton, #installationButton:visited 
		{
        display: none;
        width:98px;
        }
#contact, #contactButton, #contactButton:visited 
		{
        display: none;
        width:94px;
        }

        
        
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span 
		{
        display:block;
        height:25px;
        width:100%;
        position:absolute;
        left:0;
        top:0;
        z-index:1;
        background-repeat:no-repeat;
        }
        
/* button images are span background images */
#manufacturerButton span, #manufacturerButton:visited span 
		{
        background-image:url(../images/nav-hardware/hardware-mgfx118.gif);
        }
                
#installationButton span, #installationButton:visited span 
		{
        background-image:url(../images/nav-hardware/hardware-installx98.gif);
        }
#contactButton span, #contactButton:visited span 
		{
        background-image:url(../images/nav-hardware/hardware-contactx94.gif);
        }

        
/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span 
		{
		background-position: 0 0;
		}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span 
			{
			background-position: 0 -100px;
			}