﻿#menu-holder {
	background-image: url('/images/menu_bg.png');
	background-repeat: no-repeat;
	height: 42px;
	position: absolute;
	bottom: 0;
	width: 962px;
	z-index: 10000;
}
/* common styling */
.menu {
	height: 42px;
	position: relative;
	width: 933px;
	z-index: 100;
	zoom: 1;
}
.menu ul li.root {
	background-image: url('/images/menu_divider.png');
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 1px;
	float: left;
}
.menu ul li.last {
	background-image: none;
}
.menu ul li a {
	display: block;
	overflow: hidden;
	height: 42px;
	position: relative;
}
.menu li.root > a span {
	display: none;
}
/*
 *	Begin Root Items
 */
.menu li.root a.active{
	background-position: 0 -42px;
}
.menu li a.home {
	background-image: url('/images/vision/home_link.png');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 62px;
}
.menu li a.home:hover, .menu ul li:hover a.home {
	background-position: 0 -42px;
}
.menu li a.eye {
	background-image: url('/images/vision/eye_problems_link.png');
	background-repeat: no-repeat;
	width: 115px;
}
.menu li a.eye:hover, .menu ul li:hover a.eye {
	background-position: 0 -42px;
}
.menu li a.procedures {
	background-image: url('/images/vision/procedures_link.png');
	background-repeat: no-repeat;
	width: 107px;
}
.menu li a.procedures:hover, .menu ul li:hover a.procedures {
	background-position: 0 -42px;
}
.menu li a.financing {
	background-image: url('/images/vision/price_financing_link.png');
	background-repeat: no-repeat;
	width: 149px;
}
.menu li a.financing:hover, .menu ul li:hover a.financing {
	background-position: 0 -42px;
}
.menu li a.consultation {
	background-image: url('/images/vision/free_consultation_link.png');
	background-repeat: no-repeat;
	width: 162px;
}
.menu li a.consultation:hover, .menu ul li:hover a.consultation {
	background-position: 0 -42px;
}
.menu li a.about {
	background-image: url('/images/vision/about_link.png');
	background-repeat: no-repeat;
	width: 89px;
}
.menu li a.about:hover, .menu ul li:hover a.about {
	background-position: 0 -42px;
}
.menu li a.contact {
	background-image: url('/images/vision/contact_link.png');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 111px;
}
.menu li a.contact:hover, .menu ul li:hover a.contact {
	background-position: 0 -42px;
}
.menu li a.surgispa
{
    background-image: url('/images/vision/bense_surgispa_link.png');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 128px;
}
/*
 *	End Root Items
 */
.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu ul li {
	float: left;
	position: relative;
}
.menu ul li ul {
	display: none;
}
.menu ul li ul li a, .menu ul li ul.procedures li a {
	background: #f0f0f0;
	border-bottom: 1px solid #ddd;
	color: #333;
	display: block;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	height: 20px;
	overflow: hidden;
	padding: 7px 13px;
	text-decoration: none;
	width: 274px;
}
.menu ul li ul.procedures li a
{
    width: 354px;
}
.menu ul li ul li a.last{
	border-bottom: 0px;
}
/* specific to non IE browsers */
.menu ul li:hover ul, .menu ul li:hover ul.procedures {
	display: block;
	border: 1px solid #c9c9c9;
	position: absolute;
	top: 42px;
	left: 0;
	width: 300px;
}
.menu ul li:hover ul.procedures
{
    width: 380px;
}
.menu ul li:hover ul li a.hide {
	background-image: url('/images/arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	color: #333;
}
.menu ul li:hover ul li:hover a.hide {
	background-image: url('/images/arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #f37412;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display: block;
	background: #fefdfc;
	color: #6c5323;
}
.menu ul li:hover ul li a:hover {
	background: #72b603;
	color: #fff;
}
.menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 200px;
	top: 0;
	width: 250px;
}
.menu ul li:hover ul li:hover ul li a {
	width: 224px;
}
.menu ul li:hover ul li:hover ul.left {
	left: -174px;
}

