/*** ESSENTIAL STYLES ***/
#topMenu, #topMenu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	}

#topMenu {
	line-height: 1.0;
	margin:10px 0 0 0;
	position:absolute;
	z-index:30;
	}

#topMenu ul {
	position:	absolute;
	top: -10000px;
	width: 180px; /* left offset of submenus need to match (see below) */
	}

#topMenu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}

#topMenu li {
	float: left;
	position: relative;
	margin-right:5px;
	z-index:1;
	}

#topMenu ul li {
	width: 100%;
	margin-right:0;
	}

#topMenu a {
	display: block;
	position: relative;
	}

#topMenu li:hover ul,
#topMenu li.sfHover ul {
	left: 0;
	top: 2.3em; /* match top ul list item height */
	z-index: 99;
	}

ul#topMenu li:hover li ul,
ul#topMenu li.sfHover li ul {
	top: -10000px;
	}

ul#topMenu li li:hover ul,
ul#topMenu li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	z-index: 99;
	}

ul#topMenu li li:hover li ul,
ul#topMenu li li.sfHover li ul {
	top: -1000px;
	}

ul#topMenu li li li:hover ul,
ul#topMenu li li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	z-index: 99;
	}

/*** SKIN ***/
#topMenu {
	position:absolute;
	}

#topMenu a {
	text-decoration:none;
	height:0;
	width:54px;
	height:27px;
	text-indent:-20000px;
	z-index:1;
	background: url(../images/layout/v3/menu_home.png) no-repeat 0 0;
	}

#topMenu a:hover, #topMenu a.hi, #topMenu li.sfHover a {
	background-position: 0 -32px;
	height:32px;
	}

#topMenu #m2 a {
	width:85px;
	background-image: url(../images/layout/v3/menu_about.png);
	}

#topMenu #m8 a {
	width:101px;
	background-image: url(../images/layout/v3/menu_distributors.png);
	}

#topMenu #m7 a {
	width:67px;
	background-image: url(../images/layout/v3/menu_partners.png);
	}

#topMenu #m3 a {
	width:84px;
	background-image: url(../images/layout/v3/menu_products.png);
	}

#topMenu #m5 a {
	width:80px;
	background-image: url(../images/layout/v3/menu_patients.png);
	}

#topMenu #m6 a {
	width:95px;
	background-image: url(../images/layout/v3/menu_physicians.png);
	}

#topMenu #m9 a {
	width:79px;
	background-image: url(../images/layout/v3/menu_contact.png);
	}

#topMenu ul li a {
	padding:6px 10px;
	display:block;
	height:auto !important;
	width:auto !important;
	background:none !important;
	background-image:none !important;
	text-indent:0;
}

#topMenu a, #topMenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000;
	}

#topMenu ul a, #topMenu ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #666;
	}

#topMenu ul {
	background: #E0E7F1 url(../images/home/v3/dd1foot.png) no-repeat bottom left;
  padding-bottom:4px;
  z-index:999;
	}

#topMenu ul ul {
	background: transparent url(../images/home/v3/dd2foot.png);
	}

#topMenu li {
	background: none;
	}

#topMenu ul li {
	background: #e0e7f1;
	}

#topMenu ul ul li {
	background: #eff2f7;
	}


#topMenu ul li:hover, #topMenu ul li.sfHover,
#topMenu ul a:focus, #topMenu ul a:hover, #topMenu ul a:active {
	background: #c4d1e2 !important;
	}

/*** arrows **/
#topMenu ul a.sf-with-ul {
	padding-right: 25px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}

#topMenu ul .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	margin-top:-4px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/home/v3/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#topMenu ul .sf-sub-indicator { background-position:  -10px -0 }
#topMenu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#topMenu ul a:focus > .sf-sub-indicator,
#topMenu ul a:hover > .sf-sub-indicator,
#topMenu ul a:active > .sf-sub-indicator,
#topMenu ul li:hover > a > .sf-sub-indicator,
#topMenu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0 /* arrow hovers for modern browsers*/
}