problema css con sub menu in primary menu

Buon giorno,
ho un main menu formato in questo modo:

• Hotel
• prezzi & offerte
  
  • Estate
  • Inverno
• dove siamo
• foto gallery
• contattaci

e qui di seguito il mio css

#block-system-main-menu {
height: 35px;
line-height: 35px;
float: left;
}

#block-system-main-menu ul.menu {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

#block-system-main-menu ul.menu li {
margin: 0;
padding: 0;
float: left;
display : block;
}

#block-system-main-menu ul.menu li a {
margin: 0;
padding: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
border-right: 1px solid #feaba7;
padding: 0 15px;
margin-top: 3px;
font-size: 13px;
color: black;
display: block;
}

#block-system-main-menu ul.menu li a:hover {
color : #feaba7;
}

ul.menu li.expanded ul {
display: none;
visibility: hidden;
position: absolute;
}

ul.menu li.expanded:hover ul {
display: block;
visibility: visible;
margin: 0; padding: 0;
}

ul.menu li.expanded:hover ul li {
clear: both;
margin: 0;
padding: 0;
}

ul.menu li.expanded:hover ul.menu li a,
ul.menu li.expanded:link ul.menu li a,
ul.menu li.expanded:visited ul.menu li a {
color : red;
}

come mai secondo voi il css del sotto menu non viene applicato al secondo menu ma il secondo menu si prende quello precedente ossia del menu principale?

ho cercato un pò su questo forum e google ma non sono riuscito a trovare nulla che potesse essermi d'aiuto.. voi avete qualche idea?

grazie e scusate la domanda stupida