/*#menuwrapper {height: 1%; width: auto;padding: 0; background-color:#00FF00;}*/ #menuwrapper { float:right; margin-top:12px; position:relative; z-index:999;} .unli { z-index:999;} ul#primary-nav, ul#primary-nav ul { list-style-type:none; margin:0 15px 0 0; padding:0; /*margin-right:20px;*/} ul#primary-nav ul { position: absolute; z-index:999; top: auto; display: none; border-bottom: 3px solid #ADC0C7; } ul#primary-nav li { float:left; margin:0 0 0 14px; padding:0px;} #primary-nav li li { width: 160px; margin-left: 0px; margin-top: -1px; float: none; position: relative; } /*#primary-nav li ul li { padding-bottom:6px; margin-left:4px;}*/ /* set the "a" link look here */ #primary-nav li a { display:block; height:16px; text-indent:-100em; overflow:hidden; margin:0px; padding:0px; cursor:pointer; color:#FFF;} #primary-nav li ul a { text-indent:0em; overflow:auto;} ul#primary-nav li a:hover {} ul#primary-nav li li a:hover { color:#ffb302;} ul#primary-nav li a.menuactive { color:#ffb302;} ul#primary-nav li a.menuactive:hover { color:#ffb302;} #primary-nav li li a.menuparent span { display: block; background: url(uploads/ngrey/parent.png) no-repeat 98% center; } /* gif for IE6*/ * html #primary-nav li li a.menuparent span { /* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */ background: url(uploads/ngrey/parent.gif) no-repeat 98% center; } ul#primary-nav li ul a { position:relative; z-index:999; margin:0px; padding:2px 4px; text-align:left; font-weight:normal; text-decoration:none; color:#fff; border-top:0 none; border-right:0 none; border-left:0 none; } ul#primary-nav li ul { display:none; position:absolute; z-index:999; width:auto; height:auto; margin:0 0 0 0; padding:13px 0 6px 0; background:#030303; border-bottom: 2px solid #ffb301; /*Info: The opacity property is CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/ opacity: 0.95; /* CSS 3 */ } ul#primary-nav li ul ul { /*Info: The opacity property is CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/ opacity: 95; /* CSS 3 */ } /* Styling the appearance of menu items on hover */ #primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { background: url(uploads/ngrey/darknav.png) repeat-x left center; color: #000 } /* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add #primary-nav li:hover ul ul ul, #primary-nav li.menuparenth ul ul ul, */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; } /* for fourth level add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, */ #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; } /* IE6 Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } #primary-nav a.azienda { width:59px; background:url(../imgs/azienda-it.gif) 0 0 no-repeat;} #primary-nav a.catalogo { width:70px; background:url(../imgs/catalogo-it.gif) 0 0 no-repeat;} #primary-nav a.catalogo-ruote { width:44px; background:url(../imgs/ruote-it.gif) 0 0 no-repeat;} #primary-nav a.service { width:53px; background:url(../imgs/service-it.gif) 0 0 no-repeat;} #primary-nav a.network { width:113px; background:url(../imgs/network-it.gif) 0 0 no-repeat;} #primary-nav a.racing { width:50px; background:url(../imgs/racing-it.gif) 0 0 no-repeat;} #primary-nav a.community { width:83px; background:url(../imgs/community-it.gif) 0 0 no-repeat;} #primary-nav a.contatti { width:64px; background:url(../imgs/contatti-it.gif) 0 0 no-repeat;} #primary-nav a.azienda:hover, #primary-nav li.menuactive a.azienda, #primary-nav a.catalogo:hover, #primary-nav li.menuactive a.catalogo, #primary-nav a.catalogo-ruote:hover, #primary-nav li.menuactive a.catalogo-ruote, #primary-nav a.service:hover, #primary-nav li.menuactive a.service, #primary-nav a.network:hover, #primary-nav li.menuactive a.network, #primary-nav a.racing:hover, #primary-nav li.menuactive a.racing, #primary-nav a.community:hover, #primary-nav li.menuactive a.community, #primary-nav a.contatti:hover, #primary-nav li.paginacorrente span.contatti {background-position:0 -16px;} /*INIZIO BOTTOMMENU*/ #bottomMenu { height:40px; background-color:#1e1e1e; margin-bottom:10px;} #bottomMenu ul { list-style-type:none;} #bottomMenu ul li { margin:0; padding:0px; float:left;} #bottomMenu ul a, #bottomMenu ul span { display:block; height:40px; text-indent:-100em; overflow:hidden; margin:0px; padding:0px;} #bottomMenu a.home { width:61px; background: url(../imgs/boHome.gif) 0 0 no-repeat;} #bottomMenu a.azienda { width:76px; background: url(../imgs/boAzienda.gif) 0 0 no-repeat;} #bottomMenu a.catalogo { width:89px; background: url(../imgs/boCatalogo.gif) 0 0 no-repeat;} #bottomMenu a.catalogo-ruote { width:61px; background: url(../imgs/boRuote.gif) 0 0 no-repeat;} #bottomMenu a.service { width:71px; background: url(../imgs/boService.gif) 0 0 no-repeat;} #bottomMenu a.miche-network { width:132px; background: url(../imgs/boNetwork.gif) 0 0 no-repeat;} #bottomMenu a.racing { width:68px; background: url(../imgs/boRacing.gif) 0 0 no-repeat;} #bottomMenu a.community { width:99px; background: url(../imgs/boCommunity.gif) 0 0 no-repeat;} #bottomMenu a.contatti { width:82px; background: url(../imgs/boContatti.gif) 0 0 no-repeat;} #bottomMenu a.mappa-sito { width:129px; background: url(../imgs/boMaps.gif) 0 0 no-repeat;} #bottomMenu a.privacy { width:82px; background: url(../imgs/boPrivacy.gif) 0 0 no-repeat;} #bottomMenu a.home:hover, #bottomMenu li.paginacorrente span.home, #bottomMenu li.menuparent a.home, #bottomMenu a.azienda:hover, #bottomMenu li.paginacorrente span.azienda, #bottomMenu li.menuparent a.azienda, #bottomMenu a.catalogo:hover, #bottomMenu li.paginacorrente span.catalogo, #bottomMenu li.menuparent a.catalogo, #bottomMenu a.catalogo-ruote:hover, #bottomMenu li.paginacorrente span.catalogo-ruote, #bottomMenu li.menuparent a.catalogo-ruote, #bottomMenu a.service:hover, #bottomMenu li.paginacorrente span.service, #bottomMenu li.menuparent a.service, #bottomMenu a.miche-network:hover, #bottomMenu li.paginacorrente span.miche-network, #bottomMenu li.menuparent a.miche-network, #bottomMenu a.racing:hover, #bottomMenu li.paginacorrente span.racing, #bottomMenu li.menuparent a.racing, #bottomMenu a.community:hover, #bottomMenu li.paginacorrente span.community, #bottomMenu li.menuparent a.community, #bottomMenu a.contatti:hover, #bottomMenu li.paginacorrente span.contatti, #bottomMenu li.menuparent a.contatti, #bottomMenu a.mappa-sito:hover, #bottomMenu li.paginacorrente span.mappa-sito, #bottomMenu li.menuparent a.mappa-sito, #bottomMenu a.privacy:hover, #bottomMenu li.paginacorrente span.privacy, #bottomMenu li.menuparent a.privacy { background-position:0 -40px;} /*FINE BOTTOMMENU*/