#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none; border:2px solid red; border-width: 0 0 0 0;  display:block;position:absolute;}
#pmenu {margin:0 0 0 180px;float:left;}
#pmenu li {float:left;position:relative;}
#pmenu li ul{background:#fff;}
/* definizione menu di root */
#pmenu a:link,
#pmenu a:visited,
#pmenu a:focus,
#pmenu a:hover,
#pmenu a:active {font-family:arial; font-size:12px; margin:2px 3px 0 0; display:block; font-weight:bold;   color:#00857E; height:22px; line-height:22px; text-decoration:none; text-indent:13px; background:#fff url('/images/bullet.png') no-repeat top left;}

/* rollover dei men� di root */
#pmenu li:hover > a{ background:#fff url('/images/bullet_over.png') no-repeat middle left; color:#A83078;}

/* definizione dei sub menu, applicare class .sub al tag a dei menu per ottenere questo effetto */
#pmenu a.sub, #pmenu a.sub:hover {display:block; width:250px; font-size:10px; color:#A83078; height:26px;
                  line-height:26px; text-decoration:none; text-indent:15px; background-color:transparent;
                  background-image:url('/images/bullet_over.png') no-repeat middle left; border:1px solid #000;}

/* rollover dei menu sub */
#pmenu li > a.sub:hover{background:transparent; color:#00857E;background:#fff url('/images/bullet_over.png') no-repeat top left;}


#pmenu li ul {display: none;}
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:251px;}

#pmenu > li:hover > ul {left:0; top:22px;}