/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 999; }
.sf-menu > li { float: left; }
.sf-menu li:hover > ul { }
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/*** DEMO SKIN ***/
.sf-menu { float: left; margin: 0em; }
.sf-menu .parent > a { color: #000000; font-size:18.66px; text-transform:uppercase; line-height:65px; padding:0 10px; }
.sf-menu ul { box-shadow: -2px 5px 5px rgba(0, 0, 0, 0.8); min-width: 11em; *width: 11em;
background-image: -ms-linear-gradient(top left, #EB2F3D 0%, #CB102A 100%); background-image: -moz-linear-gradient(top left, #EB2F3D 0%, #CB102A 100%); background-image: -o-linear-gradient(top left, #EB2F3D 0%, #CB102A 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #EB2F3D), color-stop(1, #CB102A)); background-image: -webkit-linear-gradient(top left, #EB2F3D 0%, #CB102A 100%); background-image: linear-gradient(to bottom right, #EB2F3D 0%, #CB102A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB2F3D', endColorstr='#CB102A', GradientType=1 );
padding:10px; }
.sf-menu a { text-decoration:none; zoom: 1; }
.sf-menu a { color: #13a; }
.sf-menu li { background: none; white-space: nowrap; *white-space: normal;
-webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li { background: none; line-height:25px; }
.sf-menu ul li + li { border-top: 1px solid #be1d26; }
.sf-menu ul li a { display:block; background:url(../images/icon-menu-indicator.png) no-repeat right; font-size:16px; color: #fff; }
.sf-menu ul ul li { background: #9AAEDB; }
.sf-menu li.parent:hover,
.sf-menu li.sfHover,
.sf-menu li.parent.current { -webkit-transition: none; transition: none; background-image: -ms-linear-gradient(top left, #CB102A -100%, #EB2F3D 30%); background-image: -moz-linear-gradient(top left, #CB102A -100%, #EB2F3D 30%); background-image: -o-linear-gradient(top left, #CB102A -100%, #EB2F3D 30%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #CB102A), color-stop(1, #EB2F3D)); background-image: -webkit-linear-gradient(top left, #CB102A -100%, #EB2F3D 30%); background-image: linear-gradient(to bottom right, #CB102A -100%, #EB2F3D 30%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB2F3D', endColorstr='#CB102A', GradientType=1 );
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.8) }
.sf-menu li.parent:hover > a,
.sf-menu li.sfHover > a,
.sf-menu li.parent.current > a { color: #fff; }
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: .9em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(../images/arrows-ffffff.png) no-repeat 0 -100px; }
li:hover > a .sf-sub-indicator,
li.sfHover > a .sf-sub-indicator { background-position: -10px -100px; }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: 0 0; }
.sf-menu ul li:hover > a .sf-sub-indicator,
.sf-menu ul li.sfHover > a .sf-sub-indicator { background-position: -10px 0; }