/*** ESSENTIAL STYLES ***/
.mainmenu, .mainmenu * {margin:0; padding:0; list-style:none;}
.mainmenu { line-height:1.0;}
.mainmenu ul { position:absolute; top:-999em; width:140px; /* left offset of submenus need to match (see below) */ }
.mainmenu ul li { width:100%;}
.mainmenu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */}
.mainmenu li { float:left; position:relative;}
.mainmenu a { display:block; position:relative;}
.mainmenu li:hover ul, .mainmenu li.sfHover ul {left:0; top:2.5em; z-index:99;}
ul.mainmenu li:hover li ul, ul.mainmenu li.sfHover li ul { top:-999em;}
ul.mainmenu li li:hover ul, ul.mainmenu li li.sfHover ul { left:140px;top:0;}
ul.mainmenu li li:hover li ul, ul.mainmenu li li.sfHover li ul { top:-999em;}
ul.mainmenu li li li:hover ul, ul.mainmenu li li li.sfHover ul { left:140px;top:0;}

/*** DEMO SKIN ***/
.mainmenu {float:left; height:30px; line-height:30px; padding:0px; padding-left:10px; margin:0px; }
.mainmenu a {text-decoration:none; background:url(../images/menu-over.gif) right -60px no-repeat; margin:0px 4px;}
	.mainmenu a span.mbg {background:url(../images/menu-over.gif) left -60px no-repeat; height:30px; display:inline-block; padding:0px 10px 0px 10px; font-weight:bold; cursor:pointer }
.mainmenu a, .mainmenu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#FFF;}

.mainmenu li:hover a,
.mainmenu li.sfHover a,
.mainmenu a:focus,
.mainmenu a:hover,
.mainmenu a:active {background:url(../images/menu-over.gif) right top no-repeat; text-decoration:none;
}
.mainmenu li:hover a span.mbg,
.mainmenu li.sfHover a span.mbg,
.mainmenu a:focus span.mbg,
.mainmenu a:hover span.mbg,
.mainmenu a:active span.mbg {
	background:url(../images/menu-over.gif) left -30px no-repeat; outline:0;}

/*:: Sub */
.mainmenu ul {border-bottom:6px solid #A7371F; }
.mainmenu ul li, .mainmenu ul ul li {background-color:#732211;}
.mainmenu ul a, .mainmenu ul ul a {text-decoration:none; background:none !important; border-bottom:1px solid #842916;  height:30px; display:block; padding:0px 10px 0px 10px; margin:0px; }
	.mainmenu li li:hover,
	.mainmenu li li.sfHover {background-color:#A7371F; color:#FFF;}
	.mainmenu li li.sfHover a:hover {color:#FFF;}


/*** arrows **/
.mainmenu a.sf-with-ul {padding-right:12px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute; display:block; right:6px; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator {top:.8em; background-position: 0 -100px;}

/* 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;}

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

/* apply hovers to modern browsers */
.mainmenu ul a:focus > .sf-sub-indicator, .mainmenu ul a:hover > .sf-sub-indicator, .mainmenu ul a:active > .sf-sub-indicator, .mainmenu ul li:hover > a > .sf-sub-indicator, .mainmenu 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:	url('shadow.png') no-repeat bottom right; padding: 0 8px 9px 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: transparent; }