@charset "UTF-8";
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	width: 1024px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align:center;
	cursor: pointer;
	float: left;
}
/*_________________________________________________________________________*/

/* Contenedores de Items de menu Superiores. Realizar uno para cada DropDown*/

ul.MenuBarHorizontal a.Salumeria
{
	margin: 0;
	padding: 0;
	width: 97px;
	height: 31px;
	background-image: url(../di-images-site/menu_salumeria_off.gif);
	text-indent: -9999px;

}
ul.MenuBarHorizontal a.Salumeria:hover
{
	background-image: url(../di-images-site/menu_salumeria_on.gif);
}

ul.MenuBarHorizontal a.Formaggio
{
	margin: 0;
	padding: 0;
	width: 101px;
	height: 31px;
	background-image: url(../di-images-site/menu_formaggio_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Formaggio:hover
{
	background-image: url(../di-images-site/menu_formaggio_on.gif);
}

ul.MenuBarHorizontal a.OlioeAceto
{
	margin: 0;
	padding: 0;
	width: 135px;
	height: 31px;
	background-image: url(../di-images-site/menu_oil_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.OlioeAceto:hover
{
	background-image: url(../di-images-site/menu_oil_on.gif);
}

ul.MenuBarHorizontal a.Forno
{
	margin: 0;
	padding: 0;
	width: 90px;
	height: 31px;
	background-image: url(../di-images-site/menu_forno_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Forno:hover
{
	background-image: url(../di-images-site/menu_forno_on.gif);
}

ul.MenuBarHorizontal a.Dispensa
{
	margin: 0;
	padding: 0;
	width: 106px;
	height: 31px;
	background-image: url(../di-images-site/menu_pantry_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Dispensa:hover
{
	background-image: url(../di-images-site/menu_pantry_on.gif);
}

ul.MenuBarHorizontal a.Pasticerria
{
	margin: 0;
	padding: 0;
	width: 128px;
	height: 31px;
	background-image: url(../di-images-site/menu_cookies_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Pasticerria:hover
{
	background-image: url(../di-images-site/menu_cookies_on.gif);
}

ul.MenuBarHorizontal a.Caffetteria
{
	margin: 0;
	padding: 0;
	width: 142px;
	height: 31px;
	background-image: url(../di-images-site/menu_coffee_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Caffetteria:hover
{
	background-image: url(../di-images-site/menu_coffee_on.gif);
}

ul.MenuBarHorizontal a.Vino
{
	margin: 0;
	padding: 0;
	width: 53px;
	height: 31px;
	background-image: url(../di-images-site/menu_vino_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Vino:hover
{
	background-image: url(../di-images-site/menu_vino_on.gif);
}

ul.MenuBarHorizontal a.Regali
{
	margin: 0;
	padding: 0;
	width: 67px;
	height: 31px;
	background-image: url(../di-images-site/menu_regali_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Regali:hover
{
	background-image: url(../di-images-site/menu_regali_on.gif);
}

ul.MenuBarHorizontal a.Seasonal
{
	margin: 0;
	padding: 0;
	width: 105px;
	height: 31px;
	background-image: url(../di-images-site/menu_seasonal_off.gif);
	text-indent: -9999px;
}
ul.MenuBarHorizontal a.Seasonal:hover
{
	background-image: url(../di-images-site/menu_seasonal_on.gif);
}



/*_________________________________________________________________________*/

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 150px;
	position: absolute;
	left: -1000em;
	border: 1px solid #B19A5A;
}
ul.MenuBarHorizontal ul li
{
	width: 148px;
	border: thin solid #ffffff;
	text-align:left;
}

ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 100%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #ffffff;
	padding: 2px 2px 2px 5px; 
	color: #3B2314;
	text-decoration: none;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #B19A5A;
	color: #ffffff;
}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/

ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
		border: 1px #B19A5A;
	}
}