/*  Cedacri Group  DropDown Menu layout  */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2013 Cedacri Group and Areaitalia may not be reproduced. */ 
	

/*** ESSENTIAL STYLES ***/
.navlist ul {
	position:absolute;
	top:-999em;
	display:block;
	left:0;
}
 
.navlist li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
 
.navlist li {
	float: left;
	position: relative;
}
 
.navlist a {
	display: block;
	position: relative;
}
 
.navlist li:hover ul,
.navlist li.sfHover ul {
	left:0;
	top: 50px; /* match top ul list item height */
	z-index: 10000;
}

.navlist li.sfHover{
	background: #be0f34;
}

ul.navlist li li:hover ul,
ul.navlist li li.sfHover ul {
	left:220px; /* match ul width */
	top:0;
}
ul.navlist li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.navlist li li li:hover ul,
ul.navlist li li li.sfHover ul {
	left:220px; /* match ul width */
	top:0;
}


/*** DEMO SKIN ***/
 
.navlist {
	float: left;
}
 
.navlist a {
	text-decoration: none;
}
 
.navlist li:hover,
.navlist a:focus, .navlist a:hover, .navlist a:active {
	outline: 0;
}