.scroller{width:200px; height:150px; overflow: hidden;}

.ddsmoothmenu{ background:#333333;

font-family:'ChantillySerial', Arial, Helvetica, sans-serif;
font-size:12px;
}

.ddsmoothmenu ul li img{display:none;}

.ddsmoothmenu ul{ display:block 
z-index:100;
margin:0;
padding:0;
list-style-type:none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position:relative;
display:inline;
float:left;
text-transform:uppercase;

}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display:block;
float:left;
text-align:left;
text-decoration:none;
padding-left:7px;
padding-bottom:0px;
line-height:18px;
cursor:pointer;

}

.ddsmoothmenu ul li a span{
float:left;
display:block;
padding-top:10px;
padding-right:7px;
padding-bottom:10px;
}

.ddsmoothmenu ul li a:hover{
color:#0066ff;
background:url(../images/nav_left_bg.jpg) no-repeat left;
}

.ddsmoothmenu ul li a:hover span{
color:#0066ff;
background:url(../images/nav_right_bg.jpg) no-repeat right;
}

.ddsmoothmenu ul li#current a{
color:#0066ff;
background:url(../images/nav_left_bg.jpg) no-repeat left;
}

.ddsmoothmenu ul li#current a span{
color:#0066ff;
background:url(../images/nav_right_bg.jpg) no-repeat right;
}

* html .ddsmoothmenu ul li a{
/*IE6 hack to get sub menu links to behave correctly*/
display:inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#ffffff;
}

.ddsmoothmenu ul li a.selected{
color:#0066ff;
background:url(../images/nav_left_bg.jpg) no-repeat left 0px;
}

.ddsmoothmenu ul li a.selected span{
color:#0066ff;
background:url(../images/nav_right_bg.jpg) no-repeat right 0px;
}

.ddsmoothmenu ul li#current a.selected{
color:#0066ff;
background:url(../images/active.png) no-repeat center 0;
}

.ddsmoothmenu ul li#current a.selected span{
color:#0066ff;
background:none;
}

.ddsmoothmenu ul li.parent.active a{color:#0066ff; background:url(../images/active.png) no-repeat center 0;}
.ddsmoothmenu ul li.parent.active a:hover{color:#0066ff; background:url(../images/active.png) no-repeat center 0;}
.ddsmoothmenu ul li.parent.active a span{background:none;}
.ddsmoothmenu ul li.parent.active a span:hover{background:none;}


/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position:absolute;
margin-left:0px;
display:none; /*collapse all sub menus to begin with*/
visibility:hidden;
top:35px;
background:#333333;
}
.ddsmoothmenu ul li  ul li img{
display:none;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display:list-item;
float:left;
padding-left:0px;


}

.ddsmoothmenu ul li ul li ul{
margin-left:0px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top:0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width:130px; /*width of sub menus*/
margin:0;
border-top-width:0;

}

.ddsmoothmenu ul li ul li ul li a{width:161px;}

.ddsmoothmenu ul li ul li a{
display:block;
float:none;
text-align:left;
color:#0066ff;
text-decoration:none;
font-weight:normal;
line-height:18px;
background:#333333 url(../images/arrow.jpg) no-repeat 10px 6px;
padding-bottom:5px;
padding-left:25px;
font-size:11px;
}

.ddsmoothmenu ul li ul li a span{
float:none;
display:inline;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
color:#FFFFFF;	/* ul ii ul li font color set */
}

.ddsmoothmenu ul li ul li a:hover{
color:#0066ff;
text-decoration:underline;
padding-bottom:5px;
background: #333333 url(../images/arrow.jpg) no-repeat 10px 6px;
}

.ddsmoothmenu ul li ul li a:hover span{
color:#0066ff;
background:none;
text-decoration:underline;
}

.ddsmoothmenu ul li ul li a.selected {
color:#0066ff;
text-decoration:none;
padding-bottom:5px;
background:url(../images/arrow.jpg) no-repeat 10px 6px;
}

.ddsmoothmenu ul li ul li a.selected span{
color:#0066ff;
background:none;
}

.ddsmoothmenu ul li#current ul li a{font:normal 14px Arial, Helvetica, sans-serif;
background:url(../images/arrow.jpg) no-repeat 10px 6px;}
.ddsmoothmenu ul li#current ul li a:hover{font:normal 14px Arial, Helvetica, sans-serif;
background:url(../images/arrow.jpg) no-repeat 10px 6px;}
.ddsmoothmenu ul li#current ul li a:hover span{background:none;}

.ddsmoothmenu ul li ul li#current a{font:normal 14px Arial, Helvetica, sans-serif;
background:url(../images/arrow.jpg) no-repeat 10px 6px;}
.ddsmoothmenu ul li ul li#current a:hover{font:normal 14px Arial, Helvetica, sans-serif;
background:url(../images/arrow.jpg) no-repeat 10px 6px;}
.ddsmoothmenu ul li ul li#current a:hover span{background:none;}


* html .ddsmoothmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display:inline-block;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu ul li ul{width:150px;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position:absolute;
top:12px;
right:0px;
}

.rightarrowclass{
position:absolute;
top:6px;
right:0px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
position: absolute;
left:0;
top:0;
width:0;
height:0;
}

.toplevelshadow{
/*shadow opacity. Doesn't work in IE*/
opacity:0.0;
}

#smoothmenu2 ul li ul li{display:none;}
#smoothmenu2 ul li ul li span{display:none;}

.ddsmoothmenu ul li ul li ul li a{padding-left:22px;}