/**************************
Menu Top
***************************/

/*** ESSENTIAL STYLES ***/

.menu-drop, .menu-drop * {
margin:			0;
padding:		0;
list-style:		none;
}
.menu-drop {
line-height:	1.0;
}
.menu-drop ul {
position:		absolute;
top:			-999em;
width:			17.5em; /* left offset of submenus need to match (see below) */
}
.menu-drop ul li {
width:			100%;
}
.menu-drop li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
position: relative;
z-index: 10000;
}
.menu-drop li {
float:			left;
position:		relative;
}
.menu-drop a {
display:		block;
position:		relative;
}
.menu-drop li:hover ul,
.menu-drop li.sfHover ul {
left:			0;
top:			2.8em; /* match top ul list item height */
z-index:		99;
}
ul.menu-drop li:hover li ul,
ul.menu-drop li.sfHover li ul {
top:			-999em;
}
ul.menu-drop li li:hover ul,
ul.menu-drop li li.sfHover ul {
left:			17.5em; /* match ul width */
top:			0;
}
ul.menu-drop li li:hover li ul,
ul.menu-drop li li.sfHover li ul {
top:			-999em;
}
ul.menu-drop li li li:hover ul,
ul.menu-drop li li li.sfHover ul {
left:			17.5em; /* match ul width */
top:			0;
}

/*** MES SOULIERS SKIN ***/

.menu-drop {
float:left;
}

.menu-drop a {
padding: 0 .75em;
text-decoration:none;
font-family:Trebuchet MS;
font-size: 15px;
font-weight:bold;
line-height:33px;
height:33px;
float:left;
color:#333;
border-right:solid 1px #d0d0d0;
}

.menu-drop a, .menu-drop a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#484B52;
}

.menu-drop li {
background:	;
}

.menu-drop li li {
background:#f4f6f8;
}

.menu-drop li li a {
font-size: 11px;
padding: .5em;
line-height:normal;
font-weight:normal;
height:10px;
line-height:10px;
float:none;
border-right:0;
}

.menu-drop li ul {
border-bottom: solid 1px #ddd;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
}

.menu-drop li:hover, .menu-drop li.sfHover,
.menu-drop a:focus, .menu-drop a:hover, .menu-drop a:active {
background:	url(/upload/images/design/menu/menu-top-back-over.gif) repeat-x;
outline:0;
}

.menu-drop li li:hover, .menu-drop li li.sfHover,
.menu-drop li li a:focus, .menu-drop li li a:hover, .menu-drop li li a:active {
background:	#ddd;
outline:0;
}