/*** ESSENTIAL STYLES ***/
.utility-menu, .utility-menu * {
   margin:0;
   padding:0;
   list-style:none;
}
.utility-menu {
   margin:1px 0 0 1px; /* top right bottom left */
   line-height:1.0;
}
.utility-menu ul {
   position:absolute;
   top:-999em;
   width:auto; /* submenu item width - offest below must match */
   
}
.utility-menu li {
   width:auto; /* Default to 'auto'. If specified, the submenu item width and offset must match */
}
.utility-menu li a {
   text-align:right;
}

.utility-menu ul li {
   width:100%;
}
.utility-menu li ul  {
   display:none;
}
.utility-menu li:hover ul  {
   display:block;
}
.utility-menu li li ul  {
   display:none;
}
.utility-menu li:hover li:hover ul  {
   display:block;
}
.utility-menu li:hover {
   visibility:inherit; /* fixes IE7 'sticky bug' */
}
.utility-menu li {
   float:left;
   position:relative;
}
.utility-menu a {
   display:block;
   position:relative;
}
.utility-menu li:hover ul,
.utility-menu li.sfHover ul {
   left:0;
   top:20px; /* match top ul list item height */
   z-index:2;
}
ul.utility-menu li:hover li ul,
ul.utility-menu li.sfHover li ul {
   top:-999em;
}
ul.utility-menu li li:hover ul,
ul.utility-menu li li.sfHover ul {
   left:100px; /* submenu offest - must match ul width above */
   top:0;
}
ul.utility-menu li li:hover li ul,
ul.utility-menu li li.sfHover li ul {
   top:-999em;
}
ul.utility-menu li li li:hover ul,
ul.utility-menu li li li.sfHover ul {
   left:100px; /* submenu offest - must match ul width above */
   top:0;
}

/*** DEMO SKIN ***/
.utility-menu {
   float:right;
   margin-bottom:1em;
	font-family:Tahoma, Verdana, Arial;
	font-size:10px; 
	font-weight:normal;   /* bold or normal */
	font-style:normal; /* italic or normal */
}
.utility-menu a {
   border-right:0px solid #646464;
   border-top:0px solid #646464;
   border-bottom:0px solid #646464;
   padding:5px 5px;
   text-decoration:none;
}
.utility-menu li.first a { 
    border-right:1px solid #646464;
    }
.utility-menu a, .utility-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   color:#646464;
}
.utility-menu a:hover, .utility-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
   color:#646464;
   text-decoration:underline;
}

.utility-menu li li a { 
    border:2px solid #646464; border-top-width:0; 
    }
.utility-menu li li li.first a { 
    border:2px solid #646464; 
    }
.utility-menu li {
   background:#FFFFFF;
}

}
.utility-menu li:hover, .utility-menu li.sfHover,
.utility-menu a:focus, .utility-menu a:hover, .utility-menu a:active {
   background:#FFFFFF;
   outline:1;
}

.utility-menu li li a, .utility-menu li li a:visited { 
    color:#646464;
}


/*** arrows **/
.utility-menu a.sf-with-ul {
   padding-right:2.25em;
   min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}