﻿/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:        300 !important;
}
.sf-menu ul li {
	width:			100%;
	/*float:			none;*/
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}

.sf-menu a {
    font-weight:bold;
    position:relative;
    text-decoration:none;
    z-index:2;
}

/*1 tiers*/

.sf-menu a , .sf-menu span  {
	background : transparent none ;
	display:block;
	padding:0 13px 0 10px;
	text-transform:uppercase;
}

.sf-menu a span {
     width: 50px; /* IE 6 treats width as min-width */
     min-width: 50px;
     height: 17px; /* IE 6 treats height as min-height */
     min-height: 17px;
     padding-top: 6px;
     padding-right: 0;
     text-align:left;
}

*>.sf-menu a span { /* hide from IE 6 */
 width: auto;
 height: auto;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
}

.sf-menu .current>a, .sf-menu a:hover, .sf-menu a:focus, .sf-menu a:active
{
 outline: 0;
 color:	#79b8b6;
  text-decoration:none;
}

.sf-menu .current a span, .sf-menu a:hover span, .sf-menu a:focus span, .sf-menu a:active span
 {
}

.sf-menu a
{
 cursor:pointer;
}

.sf-menu a span
{
 background-position: 0 0;
}

.sf-menu li {
	background:transparent none;
}
.sf-menu li li {
	background:	#000 none;
	/*border-left: 3px SOLID #C5CACC;*/
}
.sf-menu li li a {
	/*background:		#AABDE6;*/
	margin-left: 0px;
	padding-left: 0;
	border-left: none;
}
.sf-menu li li a:hover {
	/*background-position: 100% -58px;*/
	margin-left: 0;
}
.sf-menu li li li {
	/*background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;
	outline:		0;*/
}

