/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0px 0px 0px 0px ;	padding:0;list-style:none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {position:	absolute;top:-999em;width:212px; }/* SubCategory width*/
.sf-menu ul li {width:	100%;}
.sf-menu li:hover {	visibility:	inherit;}
.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:35px;z-index:99;}/* SubCategory position*/
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:210px;top:	0;}/* SubSubCategory position*/
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:1em;	top:0;}



/*** DEMO SKIN ***/
.sf-menu {float:left;margin-bottom:	1em;}
.sf-menu a{ border-left: 0px solid #fff;border-top: 0px solid #CFDEFF;text-decoration: none;padding: 10px 4px 10px 30px;text-align: left;border-top-color: #666666;border-left-color: #fff;}/* perithoria kelion*/

/* font color*/
.sf-menu a, .sf-menu a:visited
{
  color: #444444;
  font-family: verdana;
  font-size: 16px;
}

/* category color*/
.sf-menu li
{
  background: url(category_button.png) repeat-x left bottom;
  background-color: white;  
}



/* SubCategory color*/
.sf-menu li li a, .sf-menu li li a:visited
{
  border-bottom: 1px solid #CFDEFF;
  border-bottom-color: #CECECE;
  color: #FFFFFF;
}
.sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li a:focus
{
  background: #444444;
    color: #E9E9E9;

}/* SubCategory color*/

.sf-menu li li li{    background: #9B9B9B;}/* SubSubCategory color*/
#sf-menu li ul a { display:block; width:auto; white-space:no-wrap; } 

.sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
     background: linear-gradient(to bottom, rgba(226,226,226,0.65) 0%,rgba(0,0,0,0) 100%); 
   }/* ola ta hoover*/

/*** arrows **/
.sf-menu a.sf-with-ul {	padding-right: 	2.25em;	min-width:1px;}.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent: -999em;overflow:hidden;background:	url('../superfish-vertical/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator { top:.8em;	background-position: 0 -100px; /* use translucent arrow for 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:	url('../superfish-vertical/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;}