.ddsmoothmenu{
font-family: 'futura_md_btmedium'; font-size:18px;float:right;
border-bottom:solid 2px #fcb040;position:relative;margin:4px 0 0
}

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

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin-right:1px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding:3px 10px;
color: #2d2b2b; margin:0;
line-height:26px;
text-decoration: none;
-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;
}
.ddsmoothmenu ul li ul li a{ width:202px; }
.ddsmoothmenu ul li a.last{ margin-right:0;}

.ddsmoothmenu ul li.logo a:hover { background:none;}

* 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:#6c6eb2;}
.ddsmoothmenu ul ul li a:link, .ddsmoothmenu ul ul li a:visited{color:#fff;}



.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected{ background-color:#fcb040; color:#fff; border-radius:5px 5px 0 0;}
.ddsmoothmenu ul ul li a:hover, .ddsmoothmenu ul ul li a.selected{ color:#fcb040; background-color:transparent;}
	
/* sub menus */
.mega-menu ul{top:0px !important;}
.ddsmoothmenu ul li ul{
position: absolute;
left: -3000px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:#303392;
top:34px !important;
width:202px;
}
.ddsmoothmenu ul li ul li ul{  top:0 !important;  }

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*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 of sub menus*/
padding:5px 20px;
margin: 0;
border-top-width: 0; text-transform:none;  font-size:14px; 
}
.ddsmoothmenu ul li ul li a{ background:none; color:#fff;}
.ddsmoothmenu ul li ul li a:hover{ color:#fff; background-color:#fcb040;}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{ border-radius:0;}

/*.ddsmoothmenu ul li ul li a.selected {color:#fff; background:none;}
.ddsmoothmenu ul li ul li.selected a {color:#fff; background:none;}
.ddsmoothmenu ul li ul li.selected li a:hover, .ddsmoothmenu ul li ul li.selected li.selected a, .ddsmoothmenu ul li ul li.selected li a.selected  {color:#939393; background:none;}
.ddsmoothmenu ul li ul li.selected li.selected li a {color:#fff; background:none;}
.ddsmoothmenu ul li ul li.selected li.selected li a:hover, .ddsmoothmenu ul li ul li.selected li.selected li a.selected {color:#939393; background:none;}*/

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


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


.rightarrowclass{background: url(../images/right.png) no-repeat left top; width:4px; height:8px; float: right; position:relative; right:5px; top:11px;
}

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

.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa;
}

.mega-menu li {padding:5px 0;}
.mega-menu h3 { font-family: 'open_sans_condensedbold'; line-height:20px; margin-bottom:15px; font-size:24px; color:#fff; text-transform:uppercase; float:left; position:relative; width:100% }
/*========================mikyun======================*/
.ddsmoothmenu ul.mega-menu{width:360px !important;}
.mega-menu div,.mega-menu div ul,.mega-menu ul{display:block !important;left:0px !important;top:0px !important; visibility:visible !important;position:relative !important;margin:0px !important;padding:0px !important;}
.mega-menu-sub {width:165px; float:left;}
.mega-menu-sub ul { padding:0; margin-left:-10px;}
.mega-menu-sub li a { padding:0 !important;}
.mega-menu-sub ul { background:none !important; top:0 !important; }
.mega-menu .menu-top-arrow { background-position:-219px -2px; width:18px; height:11px; float:left; position:relative; top:-20px; left:10px; margin:0;}


.ddsmoothmenu ul li.selected > a .menu-top-arrow { background-position:-219px -2px; width:18px; height:11px; float:left; position: absolute; top:38px; left:45%; z-index:9999;}

.ddsmoothmenu ul li a.selected .menu-top-arrow {  background-position:-32px -1px; width:12px; height:11px; float:left; position: absolute; top:33px; left:45%; z-index:9999;}