#nav { color:white; padding:0; margin:0; display:block; list-style:none; height:9px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;  background:black url(../Img/menu/gif-transparent-1-px.gif); }
#nav li.top { display:inline; float:left; height:9px; padding-left:0px;}


.separator { width:5px;}

/* Default list styling */

#nav li:hover { position:relative; z-index:200; }

#nav li:hover ul.sub
{left:0px; padding-left:0px; top:11px; padding-top:10px; white-space:normal;  height:auto; width:auto; z-index:300;  background: url(../Img/menu/gif-transparent-1-px.gif); }
#nav li:hover ul.sub li
{ min-height:20px; height:auto; width:100px; font-size:11px; line-height:18px; text-indent:5px; margin-top:1px; padding-top:0px !IE; position:relative; float:left; clear:left;  font-weight:bold; color:white; border:0px solid #9D497D; }
#nav li:hover ul.sub li a
{ font-size:11px; height:100%; padding-left:5px; text-indent:0;  line-height:18px; text-decoration:none; border:0px solid #9D497D; color:white;}
#nav li:hover ul.sub li a:hover { font-weight:bold; }
#nav li a { display:block; }



#product-base #product-img { width:55px; height:11px; background:url(../Img/menu/produse1.jpg) no-repeat;  }
#product-base:hover #product-img { width:55px; height:11x; background:url(../Img/menu/produse2.jpg)  no-repeat; }
#preload-product { background:url(../Img/menu/produse2.jpg)  no-repeat; }

#brand-base #brand-img { width:47px; height:11px; background:url(../Img/menu/brands1.jpg) no-repeat; }
#brand-base:hover #brand-img { width:47px; height:11x; background:url(../Img/menu/brands2.jpg)  no-repeat; }
#preload-brand { background:url(../Img/menu/brands2.jpg)  no-repeat; }

#servicii-base #servicii-img { width:47px; height:11px; background:url(../Img/menu/servicii1.jpg) no-repeat; }
#servicii-base:hover #servicii-img { width:47px; height:11x; background:url(../Img/menu/servicii2.jpg)  no-repeat; }
#preload-servicii { background:url(../Img/menu/servicii2.jpg)  no-repeat; }

#presa-base #presa-img { width:85px; height:11px; background:url(../Img/menu/presa1.jpg) no-repeat; }
#presa-base:hover #presa-img { width:85px; height:11x; background:url(../Img/menu/presa2.jpg)  no-repeat; }
#presa-brand { background:url(../Img/menu/presa2.jpg)  no-repeat; }

#gallery-base #gallery-img { width:81px; height:11px; background:url(../Img/menu/galerie1.jpg); background-repeat:no-repeat; }
#gallery-base:hover #gallery-img { width:81px; height:11x; background:url(../Img/menu/galerie2.jpg); background-repeat:no-repeat; }
#presa-gallery { background:url(../Img/menu/galerie2.jpg)  no-repeat; }




#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:80px; top:0px; margin-left:6px; padding:0px; white-space:normal; z-index:400; height:auto; width:auto;background:black url(../Img/menu/gif-transparent-1-px.gif); }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background: url(../Img/menu/gif-transparent-1-px.gif); }


.transOFF {  padding-right:0px; width: 100%; background-color: #F69400; border:0px solid transparent; color:white;}
.transON {   width: 100%; background-color: black; border:0px solid transparent; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}


