/*** 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:           auto;/*10em; * left offset of submenus need to match (see below) */
	
	z-index: 100000000;
}
.sf-menu ul li {
/*	width:			100%;*/
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	
	line-height: 51px;
	height:75px;
	color: #cccccc;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			71px; /* match top ul list item height */
	z-index:		99;
	background: transparent url(../images/border_radius_bottom.png) no-repeat left bottom !important;
	/*-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-bottomright: 17px;
	-webkit-border-bottom-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
}
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:			10em; /* 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:			left;*/
}

.sf-menu  a,
.sf-menu li ul li a {
padding:10px 15px 13px 15px;
	text-decoration:none;
}
.sf-menu li ul li a {
	background: url(../images/grey_line.png) repeat-x left bottom;
/*	border-bottom: 1px solid #474747;*
	margin-bottom: 3px;*/
}
.sf-menu a, 
.sf-menu a:link,
.sf-menu a:visited,
.sf-menu a:active,
.sf-menu a:hover  { /* visited pseudo selector so IE6 applies text colour*/
	color:		red/*	#13a;*/;
	text-decoration: none;
	
	
}

.sf-menu li.parent span.separator{
	display:block;
	padding:10px 15px;
	color:#CCCCCC;
	font-family:Tahoma;
	text-shadow:0 1px 1px #000000;
}

.sf-menu li li {
	background:	#060606;
	padding: 0 20px;
}
/*
.sf-menu li li li {
	background:		#9AAEDB;
}*/

.sf-menu li:first-child, .sf-menu li.first-child {
	
	
}

 .sf-menu li.item7 a{
	background: transparent url(../images/shop_icon.png) no-repeat 4px 18px !important;
	height:33px;
}
.sf-menu li ul li:last-child, .sf-menu li ul li.last-child {
	background: transparent url(../images/border_radius_bottom.png) no-repeat left bottom !important;
	/*
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-bottomright: 17px;
	-webkit-border-bottom-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
	
	height:59px;
	
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#060606;
	outline:		0;
	
	cursor:pointer;
	
}


/** Anns classes  ***/
.sf-menu li ul li a{
	white-space: nowrap;
	padding-left: 0px;
	padding-right: 0px;
	
}
.sf-menu li ul li.last-child a{
	white-space: nowrap;
	padding-left: 0px;
	padding-right: 0px;
	
}
.sf-menu li ul li a:hover{
	color: #ffffff;
/*	border-bottom: 		1px solid green !important;*/
}
	.sf-menu li ul li a:hover span{
		color: #ffffff;
	}
/*-------------------- подчеркивание разными цветами -----------------*/
.sf-menu li ul li.item18213 a:hover{
	background: url(../images/red-violet_line.png) repeat-x left bottom;
	color: #ffffff;
}
.sf-menu li ul li.item10 a:hover{
	background: url(../images/blue_line.png) repeat-x left bottom;
	color: #ffffff;
}
.sf-menu li ul li.item11 a:hover{
	background: url(../images/green_line.png) repeat-x left bottom;
	color: #ffffff;
}
.sf-menu li ul li.item12 a:hover{
	background: url(../images/orange_line.png) repeat-x left bottom;
	color: #ffffff;
}
.sf-menu li ul li.item13 a:hover{
	background: url(../images/red-violet_line.png) repeat-x left bottom;
	color: #ffffff;
}
.sf-menu li ul li.item14 a:hover{
	background: url(../images/blue-violet_line.png) repeat-x left bottom;
	color: #ffffff;
}
.sf-menu li ul li.item10965 a:hover{
	background: url(../images/light-blue_line.png) repeat-x left bottom;
	color: #ffffff;
}
	
.sf-menu li ul li.item18202 a:hover{
	background: url(../images/red_line.png) repeat-x left bottom;
	color: #ffffff;
}

/*-------------------- подчеркивание разными цветами -----------------*/	
/** end of Anns classes  ***/


/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:	   1px; /* trigger IE7 hasLayout so spans position accurately */
	padding-left:  20px;
	padding-right: 20px;

	line-height:   51px;
	height:   55px;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			0px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; * 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* 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; /* 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*/
}

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

.sf-menu .active {
}
.sf-menu #current {
}

.superfish_clear { 
	clear: both !important;
	height: 1px !important;
	overflow: hidden !important;
	font-size: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
}
/*-----------Anns classes---------*/
.sf-menu li.sfHover ul li{
	line-height:	1.0 !important;
	width:			82%;
}
.sf-menu li ul li{
	line-height:	1.0 !important;
	height:auto;
}
ul.sf-menu li.parent ul li{
	width: 183px;
}
a.shop{
	background: transparent url(../images/shop_icon.png) no-repeat -57px 18px !important;
	height:56px !important;
	
}
img.shop{
	display: none;
}
/*---opera classes--*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ 
head~body ul.sf-js-enabled li a.shop {
					background: transparent url(../images/shop_icon.png) no-repeat -57px 18px !important;
					margin: 0px 0px 0px 0px;
					
				 } 

}