/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.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.5em; /* 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:			230px; /* 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:right;
	margin-bottom:	1em;
        margin: 58px 0px 0 0px;
        /*position: absolute;*/
        /*position:absolute;*/
        z-index:90;
}
.sf-menu a {
	padding: 		0;
        margin: 0 0 0 20px;
	text-decoration:none;
}
.sf-menu li li a {
    margin: 0 0px 0 0;
    height:20px;
    width:195px;
    border-bottom:1px solid #222e36;
    text-transform: none;
}

.sf-menu li li a.last_el {border:none;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
        font-family:            BoldSansation, arial;
        font-size:              12px;
}
.sf-menu a {text-transform: uppercase;}

.sf-menu li {
	background:		none;
}
.sf-menu li ul {margin-top:-10px; margin-left: 10px;}
.sf-menu li li ul {margin-left: 0px;}
.sf-menu li li {
	width:215px; 
        height:21px; 
        padding:10px 0 0 20px;
        background: url("../img/navi_sec_ul_middle.png") repeat-y;
}
.sf-menu li li.sfHover {background: url("../img/navi_sec_ul_middle.png") repeat-y;}
.sf-menu li li:hover {background: url("../img/navi_sec_ul_middle.png") repeat-y;}

.sf-menu li li.dropdown_top {width:235px; height:12px; background: url("../img/navi_sec_ul_top.png") no-repeat;  padding:0px;}
.sf-menu li li.dropdown_bottom {width:235px; height:12px; background: url("../img/navi_sec_ul_bottom.png") no-repeat; padding:0px;}

.sf-menu li li li {
	width:172px; 
        height:20px; 
        padding:9px 0 0 15px;
        background: url("../img/navi_third_ul_middle.png") repeat-y;
}
.sf-menu li li li a {width:160px; height: 15px; border-bottom:1px solid #222e36;}
.sf-menu li li li:hover {
    width:190px;
    background: url("../img/navi_third_ul_middle.png") repeat-y;
    margin:0;
}
.sf-menu li li li.dropdown_top_third {width:187px; height:10px; background: url("../img/navi_third_ul_top.png") no-repeat;  padding:0px;}
.sf-menu li li li.dropdown_bottom_third {width:187px; height:12px; background: url("../img/navi_third_ul_bottom.png") no-repeat; padding:0px;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		none;
	outline:		0;
        color:#11baf4;
}





/*** arrows **/
.sf-menu  a.sf-with-ul {
        padding:25px 5px 0 25px;
        text-align:left;
        /*width:110px;*/
        height:34px;
        display:block;
        margin:-25px 0px 0 10px;
}

.sf-menu li li  a.sf-with-ul {
        padding:0;
        text-align:left;		
        width:195px;
        height:18px;
        display:inline;
        margin:0;
}

.sf-menu li a {
    width:auto;
    height:auto;
    background:none;
}


.sf-menu a.sf-with-ul:hover {
    padding:25px 5px 0 25px;
    /*width:110px;*/
    height:34px;
    background: url("../img/navi_first_li_bg.png") no-repeat;
    
}

.sf-menu li li a.sf-with-ul:hover {
    padding:0;
    width:auto;
    height:auto;
    background: none;
    
}

/*
.sf-menu li.sfHover{
    width:110px;
    height:34px;
    background: url("../img/navi_first_li_bg.png") no-repeat;
    color:#11baf4;
}*/

.sf-menu li.sfHover a.sf-with-ul{
    padding:25px 5px 0 25px;
    /*width:110px;*/
    height:34px;
    background: url("../img/navi_first_li_bg.png") no-repeat;
    color:#11baf4;
}

.sf-menu li.sfHover li a.sf-with-ul{
    padding:0;
    width:195px;
    height:18px;
    background: none;
    color:#11baf4;
    display: block;
}

.sf-menu li li a.sf-with-ul {color:#FFF !important;}
.sf-menu li li a.sf-with-ul:hover {color:#11baf4 !important;}

.sf-menu li li.sfHover a.sf-with-ul:hover{
    background: none;
    color:#11baf4;
}





/*
.sf-menu li li a.sf-with-ul{
    height:12px;
    margin:-25px -25px 0 0;
    padding:0;
    display:inline;
}
.sf-menu li li a.sf-with-ul:hover {
    height:12px;
    background: none;
    margin:0px 0 0 10px;
    padding:0;
}*/


.sf-menu li li a.sf-with-ul {
    text-align:left;
    color:#FFF;
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	width:			12px;
	height:			8px;
	text-indent:            -999em;
	overflow:		hidden;
	background:		url('../img/arrows-down.png') no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			27px;
        left:                   10px;
	background-position: 0px; /* use translucent arrow for modern browsers*/
}

.sf-menu li li a .sf-sub-indicator
{
        position:		absolute;
	display:		block;
	width:			9px;
	height:			15px;
	/*text-indent:            -999em;*/
	overflow:		hidden;
	background:		url('../img/arrows-right.png') no-repeat;
        top:			0px;
        left:                   180px;
}

.sf-menu li li a:hover .sf-sub-indicator {
    background-position:  0px -18px;
}



/* 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: -18px 0px; /* arrow hovers for modern browsers*/
}

li.sfHover > a {color:#11baf4;}

/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { 
    background-position:  0px 0px; 
    background: none; 
    width:			8px;
    height:			12px;
    z-index: 99;
    
}

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

.sf-menu li li.sfHover a {
    color:#11baf4 !important;
}

.sf-menu li li.sfHover a .sf-sub-indicator {
    background-position:  0px -18px;
}

.sf-menu li li.sfHover li a {
    color:#FFF !important;
}

.sf-menu li li.sfHover li a:hover {
    color:#11baf4 !important;
}

.sf-menu li .cool_down {background:url("../img/nav_icon_snow.png") no-repeat; width:170px; height:13px; float:left; padding:2px 0 0 25px; color:#8898a4; font-size: 10px; font-weight: bold; font-family: Arial;}
.sf-menu li .heat_up {background:url("../img/nav_icon_flame.png") no-repeat; width:170px; height:15px; float:left; padding:6px 0 0 25px; color:#8898a4; font-size: 10px; font-weight: bold; font-family: Arial;}