/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu
{
	width: 777px;
	height: 52px;
	position: relative;
	z-index: 100;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu ul ul
{
	width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li
{
	float: left;
	position: relative;
	width: 149px;
}

/* style the links for the top level */
.menu a
{
	display: block;
	text-decoration: none;
	height: 52px;
	line-height: 51px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited
{
	
}
/* style the second level hover */
.menu ul ul a.drop:hover
{
	
}
.menu ul ul :hover > a.drop
{
	
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited
{
	
}
/* style the third level hover */
.menu ul ul ul a:hover
{
	
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul
{
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 52px;
	left: 0;
	width: 149px;
}

/* position the third level flyout menu */
.menu ul ul ul
{
	left: 149px;
	top: -1px;
	width: 149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left
{
	left: -149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table
{
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}

/* style the second level links */
.menu ul ul a
{
	/* seems to be required to make the menus work in opera... */
	background: transparent url('/weblog/Templates/images/shim.gif');
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{
	
}
.menu :hover > a, .menu ul ul li:hover > a
{
	
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
	visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
{
	visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{
	visibility: visible;
}

/* ================================================================ 
Modifications begin here
=================================================================== */

/* hide menu text from displaying */
.menu span
{
	display: none;
}

/* background images */
#publicmenu
{
	background: url('images/menu/menubar_public.png') no-repeat;
}
#customermenu
{
	background: url('images/menu/menubar_customer.png') no-repeat;
}
#customermenu2
{
	background: url('images/menu/menubar_staffview.png') no-repeat;
}
#staffmenu
{
	background: url('images/menu/menubar_employee.png') no-repeat;
}

/* top level menu items */
#menu_home
{
	left: 1px;
	width: 57px;
}

#menu_products
{
	left: 1px;
	width: 90px;
}

#menu_services
{
	left: 1px;
	width: 90px;
}

#menu_support
{
	left: 1px;
	width: 90px;
}

#menu_store
{
	left: 1px;
	width:90px;
}

#menu_departments
{
	left: 1px;
	width:90px;
}

#menu_about
{
	left: 1px;
	width: 90px;
}

/* buttons are all the same size */
#menu_register, #menu_login, #menu_logout, #menu_profile, #menu_stafftools
{
	width: 52px;
}

#menu_register
{
	left: 344px;
}

#menu_login
{
	left: 345px;
}

#customermenu #menu_profile
{
	left: 164px;
}

#customermenu #menu_logout
{
	left: 164px;
}

#menu_profile
{
	left: 112px;
}

#menu_logout
{
	left: 112px;
}

#menu_stafftools
{
	left: 112px;
}

/*************************************************
* -=- TOP LEVEL ROLLOVERS -=-
* these are broken up by site view, otherwise 
* you're downloading multiple images just for 
* rollovers and wasting bandwidth
**************************************************/

/* public site */
#publicmenu #menu_home a:hover
{
	background: transparent url('images/menu/menubar_public.png') 0 -52px no-repeat;
}

#publicmenu #menu_products a:hover
{
	background: transparent url('images/menu/menubar_public.png') -57px -52px no-repeat;
}

#publicmenu #menu_services a:hover
{
	background: transparent url('images/menu/menubar_public.png') -147px -52px no-repeat;
}

#publicmenu #menu_about a:hover
{
	background: transparent url('images/menu/menubar_public.png') -237px -52px no-repeat;
}

#publicmenu #menu_register a:hover
{
	background: transparent url('images/menu/menubar_public.png') -671px -52px no-repeat;
}

#publicmenu #menu_login a:hover
{
	background: transparent url('images/menu/menubar_public.png') -723px -52px no-repeat;
}

/* customer site */
#customermenu #menu_home a:hover
{
	background: transparent url('images/menu/menubar_customer.png') 0 -52px no-repeat;
}

#customermenu #menu_products a:hover
{
	background: transparent url('images/menu/menubar_customer.png') -57px -52px no-repeat;
}

#customermenu #menu_services a:hover
{
	background: transparent url('images/menu/menubar_customer.png') -147px -52px no-repeat;
}

#customermenu #menu_support a:hover
{
	background: transparent url('images/menu/menubar_customer.png') -237px -52px no-repeat;
}

#customermenu #menu_store a:hover
{
	background: transparent url('images/menu/menubar_customer.png') -327px -52px no-repeat;
}

#customermenu #menu_about a:hover
{
	background: transparent url('images/menu/menubar_customer.png') -417px -52px no-repeat;
}

#customermenu #menu_profile a:hover
{
	background: transparent url('images/menu/menubar_customer.png') -671px -52px no-repeat;
}

#customermenu #menu_logout a:hover
{
	background: transparent url('images/menu/menubar_customer.png') -723px -52px no-repeat;
}

/* staff view of customer site */
#customermenu2 #menu_home a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') 0 -52px no-repeat;
}

#customermenu2 #menu_products a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -57px -52px no-repeat;
}

#customermenu2 #menu_services a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -147px -52px no-repeat;
}

#customermenu2 #menu_support a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -237px -52px no-repeat;
}

#customermenu2 #menu_store a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -327px -52px no-repeat;
}

#customermenu2 #menu_about a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -417px -52px no-repeat;
}

#customermenu2 #menu_stafftools a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -619px -52px no-repeat;
}

#customermenu2 #menu_profile a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -671px -52px no-repeat;
}

#customermenu2 #menu_logout a:hover
{
	background: transparent url('images/menu/menubar_staffview.png') -723px -52px no-repeat;
}

/* stafflink */
#staffmenu #menu_home a:hover
{
	background: transparent url('images/menu/menubar_employee.png') 0 -52px no-repeat;
}

#staffmenu #menu_products a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -57px -52px no-repeat;
}

#staffmenu #menu_services a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -147px -52px no-repeat;
}

#staffmenu #menu_support a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -237px -52px no-repeat;
}

#staffmenu #menu_departments a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -327px -52px no-repeat;
}

#staffmenu #menu_about a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -417px -52px no-repeat;
}

#staffmenu #menu_stafftools a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -619px -52px no-repeat;
}

#staffmenu #menu_profile a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -671px -52px no-repeat;
}

#staffmenu #menu_logout a:hover
{
	background: transparent url('images/menu/menubar_employee.png') -723px -52px no-repeat;
}


/* size menu items correctly */
.menu ul ul li
{
	height: 25px;
}

.menu .last
{
	height: 35px;
}

.menu ul ul a
{
	height: 100%;
}

/* second level menu backgrounds */
#menu_products ul
{
	left: -4px;
	width: 170px;
	padding-top: 8px;
}

#menu_products ul li a
{
	display: block;
	width: 170px;
}

#menu_products.one ul
{
	height: 218px;
	background: url('images/menu/submenu_products1.png') no-repeat;
}

#menu_products.two ul
{
	height: 168px;
	background: url('images/menu/submenu_products2.png') no-repeat;
}

#menu_services ul
{
	left: -4px;
	width: 151px;
	height: 94px;
	padding-top: 8px;
	background: url('images/menu/submenu_services.png') no-repeat;
}

#menu_services ul li a
{
	width: 151px;
}

#menu_support ul
{
	left: -4px;
	width: 148px;
	padding-top: 8px;
}

#menu_support ul li a
{
	width: 148px;
}

#menu_support.one ul
{
	height: 143px;
	background: url('images/menu/submenu_support1.png') no-repeat;
}

#menu_support.two ul
{
	height: 168px;
	background: url('images/menu/submenu_support2.png') no-repeat;
}

#menu_support.three ul
{
	height: 168px;
	background: url('images/menu/submenu_support3.png') no-repeat;
}

#menu_support.four ul
{
	height: 193px;
	background: url('images/menu/submenu_support4.png') no-repeat;
}

#menu_departments ul
{
	left: -4px;
	width: 158px;
	height: 218px;
	padding-top: 8px;
	background: url('images/menu/submenu_departments.png') no-repeat;
}

#menu_departments ul li a
{
	width: 158px;
}

#menu_about ul
{
	left: -4px;
	width: 148px;
	height: 118px;
	padding-top: 8px;
	background: url('images/menu/submenu_about.png') no-repeat;
}

#menu_about ul li a
{
	width: 148px;
}

/* submenu rollovers */
#menu_products #menu_keystone a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -8px no-repeat;
}

#menu_products #menu_quipware a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -33px no-repeat;
}

#menu_products #menu_partsstore a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -58px no-repeat;
}

#menu_products #menu_vpn a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -83px no-repeat;
}

#menu_products #menu_mobilesales a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -108px no-repeat;
}

#menu_products #menu_interfacemanager a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -133px no-repeat;
}

#menu_products.two #menu_interfacemanager a:hover
{
	background: transparent url('images/menu/submenu_products2.png') -175px -133px no-repeat;
}

#menu_products #menu_businessmanager a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -158px no-repeat;
}

#menu_products #menu_solutions a:hover
{
	background: transparent url('images/menu/submenu_products1.png') -175px -183px no-repeat;
}

#menu_services #menu_datamigration a:hover
{
	background: transparent url('images/menu/submenu_services.png') -156px -8px no-repeat;
}

#menu_services #menu_installservices a:hover
{
	background: transparent url('images/menu/submenu_services.png') -156px -33px no-repeat;
}

#menu_services #menu_training a:hover
{
	background: transparent url('images/menu/submenu_services.png') -156px -58px no-repeat;
}

#menu_support #menu_updates a:hover
{
	background: transparent url('images/menu/submenu_support4.png') -152px -8px no-repeat;
}

#menu_support #menu_kb a:hover
{
	background: transparent url('images/menu/submenu_support4.png') -152px -33px no-repeat;
}

#menu_support #menu_archives a:hover
{
	background: transparent url('images/menu/submenu_support4.png') -152px -58px no-repeat;
}

#menu_support #menu_networkservices a:hover
{
	background: transparent url('images/menu/submenu_support4.png') -152px -83px no-repeat;
}

#menu_support.one #menu_forums a:hover
{
	background: transparent url('images/menu/submenu_support1.png') -152px -108px no-repeat;
}

#menu_support #menu_forums a:hover
{
	background: transparent url('images/menu/submenu_support4.png') -152px -108px no-repeat;
}

#menu_support.two #menu_pricefiles a:hover
{
	background: transparent url('images/menu/submenu_support2.png') -152px -133px no-repeat;
}

#menu_support #menu_pricefiles a:hover
{
	background: transparent url('images/menu/submenu_support4.png') -152px -133px no-repeat;
}

#menu_support #menu_supportcalls a:hover
{
	background: transparent url('images/menu/submenu_support4.png') -152px -158px no-repeat;
}

#menu_departments #menu_deptsupport a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -8px no-repeat;
}

#menu_departments #menu_deptmis a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -33px no-repeat;
}

#menu_departments #menu_deptinstall a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -58px no-repeat;
}

#menu_departments #menu_deptkeystone a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -83px no-repeat;
}

#menu_departments #menu_deptmktg a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -108px no-repeat;
}

#menu_departments #menu_deptmobile a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -133px no-repeat;
}

#menu_departments #menu_depthr a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -158px no-repeat;
}

#menu_departments #menu_deptquipware a:hover
{
	background: transparent url('images/menu/submenu_departments.png') -162px -183px no-repeat;
}

#menu_about #menu_companyprofile a:hover
{
	background: transparent url('images/menu/submenu_about.png') -152px -8px no-repeat;
}

#menu_about #menu_contactus a:hover
{
	background: transparent url('images/menu/submenu_about.png') -152px -33px no-repeat;
}

#menu_about #menu_directions a:hover
{
	background: transparent url('images/menu/submenu_about.png') -152px -58px no-repeat;
}