/*
///////////////////////////////////////////////////
// Main Menu //////////////////////////////////////
///////////////////////////////////////////////////
URL: http://css-tricks.com/simple-jquery-dropdowns/
*/

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; font-size:14px; }
ul.dropdown li                      { float: left; zoom: 1; }
ul.dropdown a:hover		            { }
ul.dropdown a:active                {  }
ul.dropdown li a                    { display: block; padding:12px 8px 2px; margin:0px;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: white; background: url('../img/elem/menu-pattern.jpg') repeat-x center center; position: relative; }
ul.dropdown li.hover a              { color: white;  }


/* 
	LEVEL TWO
*/
ul.sub_menu{
	padding-top:6px;
}

ul.dropdown li.hover ul li a	{ color: #095BA6; } /* workaround per il colore bianco della selezione*/
ul.dropdown li.hover ul li.hover a	{ color: white; } /* vedi sopra */
ul.dropdown li ul li a  { display: block; padding: 4px 8px; }

ul.dropdown ul 						{ width: 165px; visibility: hidden; position: absolute; top: 100%; left: 0;  }
ul.dropdown ul li 					{ font-weight: normal; background-color: #DEEBF6;
									  float: none; }
									  
ul.dropdown ul li.hover				{  color: white; background: url('../img/elem/menu-pattern.jpg') repeat-x center center; }
									  
                                    /* IE 6 & 7 Needs Inline Block  - corretto - perchè dava errore?? */
ul.dropdown ul li a, 
ul.dropdown li.hover ul li a	{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.sub_sub_menu{
	padding-left: 3px; /* sarebbero 4px ma IE poi chiude il menu se vai in quei 4px*/
}

ul.dropdown li.hover ul li.hover ul li a	{ color: #095BA6; } /* workaround per il colore bianco della selezione*/
ul.dropdown li.hover ul li.hover ul li.hover a	{ color: white; } /* vedi sopra */

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ color: white; background: url('../img/elem/menu-pattern.jpg') repeat-x center center; visibility: visible; }

/*
///////////////////////////////////////////////////
// Product Menu ///////////////////////////////////
///////////////////////////////////////////////////
*/
div#left-menu div{
	margin-left: 10px;
}
div#left-menu h3{
	padding:7px 10px;
	background-color: #E9F1F8;
	margin: 3px 0;
}
div#left-menu h3 a{
	padding-left:9px;
	padding-top:1px;
	background: transparent url('../img/elem/square-list-blue.jpg') no-repeat left center;	
}
div#left-menu h3.selected{
	 background: url('../img/elem/menu-pattern.jpg') repeat-x center center;
}
div#left-menu h3.selected a{
	background: transparent url('../img/elem/square-list.jpg') no-repeat left center;
	color: white;
}

/* Secondo livello */
div#left-menu div.second-menu{
	margin: 5px 0 0 20px;
}
div#left-menu div.second-menu h2{
	padding: 2px 5px;
	margin: 2px 0;
}
div#left-menu div.second-menu h2 a{
	color: #999;
	padding-left:9px;
	background: transparent url('../img/elem/square-list-small-blue.jpg') no-repeat left center;
}
div#left-menu div.second-menu h2.ui-state-active{
	
}
div#left-menu div.second-menu h2.ui-state-active a{
	color: #095BA6;
}
div#left-menu div.second-menu div{
	padding-left:15px;
}