<style>
/* link dimensions correspond with image dimensions */
.navButton, .navButton:visited {
	width:134px;
	height:48px;
	position:relative !important;
	background-repeat:no-repeat;
	margin-left:10px;
	}
	
	/* link heights corresponds with image height */
.navButton, .navButton:visited {
	width:134px;
	height:48px;
	position:relative !important;
	background-repeat:no-repeat;
	margin-left:10px;
	}

/* link and list-item widths correspond with image widths */
#home, #homeButton, #homeButton:visited {
	width:134px;
	}
#brands, #brandsButton, #aboutButton:visited {
	width:134px;
	}
#solutions, #solButton, #contactButton:visited {
	width:134px;
	}
#recipes, #recipesButton, #contactButton:visited {
	width:134px;
	}
#ourchefs, #chefsButton, #contactButton:visited {
	width:134px;
	}	
#channels, #channelsButton, #contactButton:visited {
	width:134px;
	}
#PR, #prButton, #contactButton:visited {
	width:134px;
	}
#contactus, #contactButton, #contactButton:visited {
	width:134px;
	}	
	
	/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:48px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}
	
	/* button images are span background images */
#homeButton span, #homeButton:visited span {
	background-image:url(/_common/images/menu/m_home_off.gif);
	}

#brandsButton span, #aboutButton:visited span {
	background-image:url(/_common/images/menu/m_brands_off.gif);
	}
	
#solButton span, #solButton:visited span {
	background-image:url(/_common/images/menu/m_solutions_off.gif);
	}
	
#recipesButton span, #recipesButton:visited span {
	background-image:url(/_common/images/menu/m_recipes_off.gif);
	}
	
#chefsButton span, #chefsButton:visited span {
	background-image:url(/_common/images/menu/m_chefs_off.gif);
	}
	
#channelsButton span, #channelsButton:visited span {
	background-image:url(/_common/images/menu/m_channels_off.gif);
	}

#prButton span, #prButton:visited span {
	background-image:url(/_common/images/menu/m_pr_off.gif);
	}
	
#contactButton span, #contactButton:visited span {
	background-image:url(/_common/images/menu/m_contact_off.gif);
	}
	
#loginButton span, #loginButton:visited span {
	background-image:url(/_common/images/btn_login.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;
	}
	
#homeButton:hover, #homeButton:focus, #homeButton:visited:hover, #homeButton.udmR, #homeButton.udmR:visited, #homeButton:active {
	background-image:url(/_common/images/menu/m_home_on.gif);
	}

#brandsButton:hover, #brandsButton:focus, #brandsButton:visited:hover, #brandsButton.udmR, #brandsButton.udmR:visited, #brandsButton:active {
	background-image:url(/_common/images/menu/m_brands_on.gif);
	}

#solButton:hover, #solButton:focus, #solButton:visited:hover, #solButton.udmR, #solButton.udmR:visited, #solButton:active {
	background-image:url(/_common/images/menu/m_solutions_on.gif);
	}

#recipesButton:hover, #recipesButton:focus, #recipesButton:visited:hover, #recipesButton.udmR, #recipesButton.udmR:visited, #recipesButton:active {
	background-image:url(/_common/images/menu/m_recipes_on.gif);
	}

#chefsButton:hover, #chefsButton:focus, #chefsButton:visited:hover, #chefsButton.udmR, #chefsButton.udmR:visited, #chefsButton:active {
	background-image:url(/_common/images/menu/m_chefs_on.gif);
	}
	
#channelsButton:hover, #channelsButton:focus, #channelsButton:visited:hover, #channelsButton.udmR, #channelsButton.udmR:visited, #channelsButton:active {
	background-image:url(/_common/images/menu/m_channels_on.gif);
	}
	
#prButton:hover, #prButton:focus, #prButton:visited:hover, #prButton.udmR, #prButton.udmR:visited, #prButton:active {
	background-image:url(/_common/images/menu/m_pr_on.gif);
	}
	
#contactButton:hover, #contactButton:focus, #contactButton:visited:hover, #contactButton.udmR, #contactButton.udmR:visited, #contactButton:active {
	background-image:url(/_common/images/menu/m_contact_on.gif);
	}
	
	
.btn_login
{
    background-image:url('/_common/images/btn_login.gif') !important;
    width:109px;
    height:47px;
    position:relative;
    left:24px;
}

#videoblogs
{
    background-image:url(/_common/images/menu/m_videoblog_on.gif);
}

#caffeculture
{
    background-image:url(/_common/images/menu/m_caffe_on.gif);
}


</style>
