.submenu {
	background: #E4E6E7;
}
.ddsmoothmenu {
	max-width: 100%;
	padding: 0 35px;
	margin:0 auto;
	position:relative;
	font:12px Arial, Tahoma, sans-serif;
}

.ddsmoothmenu ul{
	margin:0 0 0 10px;
	padding: 0;
	list-style-type: none;}

/*Top level list items*/
.ddsmoothmenu ul li{
    display: inline;
    float: left;
    left: 0;
    margin:5px 10px 5px 0; 
    position: relative;
    width: auto;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a, .ddsmoothmenu ul li span{
	font:12px/16px Arial, sans-serif;}
.ddsmoothmenu ul li span{
	display:block;
	line-height:28px;
	text-align:center;
}
.ddsmoothmenu ul li a{
	display:block;	
	padding:0;
	text-decoration: none;
	color: #222;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.ddsmoothmenu ul li span.ac span,
.ddsmoothmenu ul li a span{
    padding: 0 15px;
	display: block;
	background:none;
	height: 28px;
	color: #222;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.ddsmoothmenu ul li span.ac span {
	color: #222;
}
.ddsmoothmenu ul li a span.arrow	{
    padding-right: 22px;
}
.ddsmoothmenu ul.jd_menu ul li a span.arrow{
	padding: 0 15px 0 10px;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: #222;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.ddsmoothmenu ul li span.ac,
.ddsmoothmenu ul li a.ac,
.ddsmoothmenu ul li:hover a {
	background: #61B7F6;
	border-radius: 5px;
}
.ddsmoothmenu ul li span.ac span,
.ddsmoothmenu ul li a.ac span,
.ddsmoothmenu ul li:hover a span { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ 
	color: #fff;
}
.ddsmoothmenu ul li ul span.ac span {
	background: none;
}
.ddsmoothmenu ul li ul a span,
.ddsmoothmenu ul li:hover ul a span{
	text-shadow: none;
}
.ddsmoothmenu ul li:hover ul a,
.ddsmoothmenu ul li:hover ul a span{
	background: none;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	min-width:110px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	margin-top:0;
	background: #eeebe4;
	box-shadow:0 2px 2px #BFBAAF;
    border-radius: 2px;
}
.ddsmoothmenu ul.jd_menu li ul{
	margin-left: 2px;	
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul.jd_menu li ul li{
	height:24px;
	margin:0;
}
/*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{
	font :12px/20px Arial, Tahoma, sans-serif;
	height:24px;
	display:block;
	margin: 0;
	border-top-width: 0;
	border-right: none;
	color:#222;
}
.ddsmoothmenu ul li ul li a:hover{
	background:url(../img/menu/submenu_bg.gif) no-repeat 4px 50%;
}
.ddsmoothmenu ul li ul li a span {
    height:24px;
    padding:0 0 0 10px;
    margin:0;
    text-align:left;
    white-space:nowrap;
}
.ddsmoothmenu ul li ul span.ac,
.ddsmoothmenu ul li ul li:hover a{
	background: #E4E6E7;
	color: #222;
	display:block;
	height:24px;
	padding:0;
	border-radius: 2px;
}
.ddsmoothmenu ul li ul span.ac {padding:0 15px 0 10px;}	
.ddsmoothmenu ul li ul span.ac span {
	text-shadow: none;
	padding:0;
}
.ddsmoothmenu ul li ul li:hover a span{
    display:block;
    background:none;
}
.ddsmoothmenu ul li ul li span span{
	background: url(../img/menu/bg_list_submenu.png)0 0 repeat-x;
	height:24px;
	text-align:left;	
	margin:0;
	padding:0 0 0 10px;
	white-space:nowrap;
	text-shadow: none;
}
.ddsmoothmenu ul.jd_menu li ul li ul {
	margin:0 0 0 0;}

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

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 10px;
	background: url(../img/menu/downarrow.png) no-repeat top;
	width:7px;height:7px;
}
li:hover .downarrowclass{
	background: url(../img/menu/downarrow.png) no-repeat 0 -30px;
}
a.ac .downarrowclass{
	background: url(../img/menu/downarrow.png) no-repeat 0 -30px;
}
.rightarrowclass{
	position: absolute;
	display:none;
}

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

.ddshadow{
    position: absolute;
}
.ddsmoothmenu ul li span.exclamation {
    background:url(../img/icons/exclamation-small-red.png) no-repeat top right;
    padding-right: 10px;
}

/* ---------------------------------------------------------------------------- */

.ddsmoothmenu ul li .jd-menu-sublist {
	background: #fff;
	/* box-shadow: 0 2px 2px #E4E6E7; */
	box-shadow: 0px 6px 10px 2px #E4E6E7;
}

.ddsmoothmenu ul.jd_menu li .jd-menu-sublist li span {
    color: #222;
}

.ddsmoothmenu ul.jd_menu li .jd-menu-sublist li span.ac,
.ddsmoothmenu ul.jd_menu li .jd-menu-sublist li:hover span { 
	color: #222;
}