﻿/* Menu Styles - There are more style options in the superfish.css file that pertain to the functionality and appearance of this menu. These styles define the roll over effects for the picture menu items */

.menu
{
	padding: 0 0 16px 0;
}

.m_home a
{
	display: block;
	width: 79px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat 0 0;	
}

.m_homeOver a
{
	display: block;
	width: 79px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat 0 -20px;
}

.m_home a:hover
{
	background-position: 0 -20px;
}

.m_benefits a
{
	display: block;
	width: 133px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -79px 0;
}

.m_benefitsOver a
{
	display: block;
	width: 133px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -79px -20px;
}

.m_benefits a:hover
{
	background-position: -79px -20px;
}

.m_merchandising a
{
	display: block;
	width: 128px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -212px 0;
}

.m_merchandisingOver a
{
	display: block;
	width: 128px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -212px -20px;
}

.m_merchandising a:hover
{
	background-position: -212px -20px;
}


.m_distribution a
{
	display: block;
	width: 172px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -340px 0;
}

.m_distributionOver a
{
	display: block;
	width: 172px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -340px -20px;
}

.m_distribution a:hover
{
	background-position: -340px -20px;
}

.m_services a
{
	display: block;
	width: 208px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -512px 0;
}

.m_servicesOver a
{
	display: block;
	width: 208px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -512px -20px;
}

.m_services a:hover
{
	background-position: -512px -20px;
}

.m_about a
{
	display: block;
	width: 115px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -720px 0;
}

.m_aboutOver a
{
	display: block;
	width: 115px;
	height: 20px;
	background: url('../images/dd_navigation.gif') no-repeat -720px -20px;
}

.m_about a:hover
{
	background-position: -720px -20px;
}

