/*** ESSENTIAL STYLES ***/
.sf-contener 
{
 clear: both;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 height: 30px;
 line-height: 30px;
 padding-left: 7px;
 background-image: url(../img/blocktopmenu_left.gif);
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: left center;
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
}

.sf-right 
{
 margin-right: 20px;
 float: right;
 width: 7px;
 background-image: url(../img/blocktopmenu_right.gif);
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: right center;
}

.sf-menu, .sf-menu * 
{
 margin: 0;
 padding: 0;
 list-style: none;
}

.sf-menu 
{
 float: left;
 width: 966px;
 line-height: 1.2;
 background-image: url(../img/blocktopmenu.gif);
 background-color: transparent;
 background-repeat: repeat-x;
}

.sf-menu ul 
{
 position: absolute;
 top: -999em;
 width: 10em;/* left offset of submenus need to match (see below) */
}

.sf-menu ul li 
{
 width: 100%;
}

.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: 2.7em;/* 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;
 margin-bottom: 1em;
}

.sf-menu a 
{
 border-width: 0;/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF; */

 padding-top: .75em;
 padding-right: 1em;
 padding-bottom: .75em;
 padding-left: 1em;
 text-decoration: none;
}

.sf-menu a, .sf-menu a:visited 
{
 /* visited pseudo selector so IE6 applies text colour*/

 color: #374853;
}

.sf-menu li li 
{
 background-color: #ebebed;/*#AABDE6;*/
}

.sf-menu li li li 
{
 background-color: #ebebed;/*#9AAEDB;*/
}

.sf-menu li:hover, .sf-menu li.sfhover, .sf-menu li.sfhoverforce, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active 
{
 background-image: url(../img/blocktopmenu_hover.gif);
 background-color: transparent;
 background-repeat: repeat-x;
}

.sf-menu li.noback:hover, .sf-menu li.sfhover.noback, .sf-menu li.sfhoverforce.noback, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active 
{
 background-image: inherit;
}

.sf-menu ul li:hover, .sf-menu ul li.sfhover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active 
{
 background-color: #d0d3d8;
 outline-width: 0;
}

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

.sf-sub-indicator 
{
 position: absolute;
 display: block;
 right: .75em;
 top: 1.05em;/* IE6 only */

 width: 10px;
 height: 10px;
 text-indent: -999em;
 overflow: hidden;
 background-position: -10px -100px;
 background-image: url('../img/arrows-ffffff.png');
 background-repeat: no-repeat;/* 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*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator 
{
 background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator 
{
 background-position: 0 0;
}

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

/*** shadows for all but IE6 ***/
.sf-shadow ul 
{
 background-image: url('../img/shadow.png');
 background-repeat: no-repeat;
 background-position: bottom right;
 padding-top: 0;
 padding-right: 8px;
 padding-bottom: 9px;
 padding-left: 0;
 -moz-border-radius-bottomleft: 17px;
 -moz-border-radius-topright: 17px;
 -webkit-border-top-right-radius: 17px;
 -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off 
{
 background-color: transparent;
}

li.sf-search 
{
 background-image: inherit;
 float: right;
 line-height: 25px;
}

li.sf-search input 
{
 -moz-border-radius: 0 5px 5px 0;
 padding-top: 3px;
 padding-right: 0;
 padding-bottom: 3px;
 padding-left: 0;
 padding-left: 20px;
 margin-top: 4px;
 background-image: url(../img/search.gif);
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: left center;
}