/* Mainlevel */
ul.menu-sf {
	z-index: 1;
	float: left;
	margin: 0;
	background: none;
	padding: 0;
	list-style: none;
}

ul.menu-sf li {
	float: left;
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	
}

ul.menu-sf li span
{
	/* play here */
	padding		: 0;
	margin		: 0;
	text-align	: center;
	padding		: 6px 12px 5px 12px;
	display		: block;
	background		: url(../images/top-menu-r.gif) top right no-repeat;
}

ul.menu-sf li li span
{
	padding		: 2px 1.5em 2px 0;
	text-align	: left;
	border		: none;
	background	: none;	
}

ul.menu-sf li li
{

}


/*parent A behaviour */
ul.menu-sf a:link,
ul.menu-sf a:visited {
	display			: block;
	margin			: 0;
	color			: #FFF;
	font-family		: Tahoma;
	font-weight		: bold;
	font-size		: 10px;
	text-decoration	: none;
	padding			: 0;
	text-transform	: uppercase;
	background		: url(../images/top-menu-l.gif) top left no-repeat;
}

ul.menu-sf  a:hover
{
	background	: #000;
}

ul.menu-sf li  li a:hover
{
	
}

ul.menu-sf li.active a
{
	color		: #FFF;
	background	: #000;

}

ul.menu-sf li.active span
{
	background	:  url(../images/topmenu-active-r.jpg) bottom right no-repeat;
	
}

ul.menu-sf li.active li span
{
	background	: none;
}

ul.menu-sf li li.active a {
	background-color: #b9b9b9;
	border-bottom: 1px solid #cfcfcf;
}


/* first Parent */
ul.menu-sf ul {
	position: absolute;
	left: -999em;
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top	: 1px solid #cfcfcf;
}

/*  Second Parent style for UL */
ul.menu-sf ul ul {
	margin: -26px 0 0 184px;
	z-index: 3;
}

/* menu items LI styling */
ul.menu-sf ul li {
	position: relative;
	width: 185px;
	margin: 0;
	background: none;
	padding: 0;
}

ul.menu-sf ul a:link,
ul.menu-sf ul a:visited {
	display: block;
	border-bottom: 1px solid #cfcfcf;
	border-right: none;
	border-top: 1px solid #fcfcfc;
	border-left: 1px solid #fcfcfc;
	background: #e6e6e6 none;
	color: #333;
	padding: 2px 10px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	height: 1%;
}

ul.menu-sf ul a:hover,
ul.menu-sf ul li.parent a:hover,
ul.menu-sf ul li.parent li.parent a:hover {
	background-color: #b9b9b9;
	color: #333;
}

/* A only when active basesd on href a*/
ul.menu-sf ul li.active a,
ul.menu-sf ul li.active li.active a,
ul.menu-sf ul li.active li.active li.active a {
	font-weight: bold;
	color: #333;
}

/* we need to clear the active behaviour here */
ul.menu-sf ul li.active li a,
ul.menu-sf ul li.active li.active li a {
	font-weight: normal;
	color: #333;
}

/* display nice arrow when a parent is having child */
ul.menu-sf ul li.parent a,
ul.menu-sf ul li.parent li.parent a {
	background	: #e6e6e6 url(images/top-menu-arrow.png) no-repeat 95% center;
	padding-right: 10px;
}


ul.menu-sf ul li.parent li a,
ul.menu-sf ul li.parent li.parent li a {
	background-image: none;
}


/* hover behaviours */
ul.menu-sf li:hover ul,
ul.menu-sf li.hover ul,
ul.menu-sf li:hover ul li:hover ul,
ul.menu-sf li.hover ul li.hover ul,
ul.menu-sf li:hover ul li:hover ul li:hover ul,
ul.menu-sf li.hover ul li.hover ul li.hover ul {
	left: auto;
}

ul.menu-sf li:hover ul ul,
ul.menu-sf li.hover ul ul,
ul.menu-sf li:hover ul li:hover ul ul,
ul.menu-sf li.hover ul li.hover ul ul,
ul.menu-sf li:hover ul li:hover ul li:hover ul ul,
ul.menu-sf li.hover ul li.hover ul li.hover ul ul {
	left: -999em;
}

ul.menu-sf,
ul.menu-sf li li {
	clear: left;
}

/* fix for ie 7 */
ul.menu-sf li:hover, ul.menu-sf li.hover {
    position: static;
}