.ddsmoothmenu-v ul
{
    float: left;
    height: auto;
    width: 152px;
}

.ddsmoothmenu-v ul li
{
    position: relative;
    color: #5D5D5D;    
    font-size: 12px;
    list-style: none outside none;
    max-width: 194px;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a
{
    display: block;
    overflow: auto; /*force hasLayout in IE7 */
    color: white;
    text-decoration: none;
    padding: 6px 6px 6px 6px;
    background: url("/content/epubz/images/li_btm.png") no-repeat scroll left top transparent;
    font-size: 13px;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active
{
    color: #5D5D5D;
}


.ddsmoothmenu-v ul li a.selected
{
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    color: white;
}

.ddsmoothmenu-v ul li a:hover
{
    color: #000;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul
{
    position: absolute;
    width: 170px; /*Sub Menu Items width */
    top: 0;
    font-weight: normal;
    visibility: hidden;
    background: #fff;
    left:190px;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li
{
    float: left;
    height: 1%;
}
* html .ddsmoothmenu-v ul li a
{
    height: 1%;
}
/* End */



/* ######### CSS classes applied to down and right arrow images  ######### */

.rightarrowclass{
position: absolute;
top: 8px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}