﻿.sf-menu ul {position:absolute;  top:-999em; width:100%; display:none; /* left offset of submenus need to match (see below) */}
.sf-menu li {float:left; position:relative; font-size:14px; cursor:pointer; background:url(../images/transp.png) 0 0 no-repeat;  margin:0 2px 0 3px;  width:140px; text-align:center; }
.sf-menu li a {display:block; font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; color:#fdfdfd;  padding:11px 0px 12px 0px;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px; top:43px;/* 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:100%;/* match ul width */top:0;}
/*** DEMO SKIN ***/
ul.sf-menu li:hover ul {}
ul.sf-menu li {text-decoration:none; }
ul.sf-menu li.current a {color:#b52d07 !important; }
ul.sf-menu li.current {background:#fff !important; } 
ul.sf-menu li:hover, ul.sf-menu li.sfHover {background:#fff !important;}
ul.sf-menu li a:hover, ul.sf-menu li.sfHover a {color:#b52d07 !important; background:#fff !important;} 
ul.sf-menu li.sfHover ul li{cursor:pointer !important; display:inline-block; width:100%;  background:#fff; margin: 0 !important;}
ul.sf-menu li.sfHover ul {width:100%; padding:15px 0px 5px 0px; background: url(../images/m-1-a.gif) center top no-repeat; }
ul.sf-menu li.sfHover ul li a {color:#b52d07; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:25px;  padding: 5px 10px 5px 10px !important; }
ul.sf-menu li.sfHover ul li {text-align:left; }
ul.sf-menu li.sfHover ul li a:hover {color:#fff !important; background:#c0320d !important;}