.ddsmoothmenu{ float:left; margin:0px 0 0 0; background: #6f34aa;
background: -moz-linear-gradient(top, #6f34aa 0%, #480d84 100%);
background: -webkit-linear-gradient(top, #6f34aa 0%,#480d84 100%);
background: linear-gradient(to bottom, #6f34aa 0%,#480d84 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f34aa', endColorstr='#480d84',GradientType=0 );
width:100%;}
.ddsmoothmenu ul{z-index:100; margin: 0px auto;padding: 0; list-style-type: none; height:55px; width:100%; 
background:url(../images/sp_menu.png) repeat-y right center;  }
.ddsmoothmenu ul li{position: relative; display: inline;float: left; text-align: center; background:url(../images/sp_menu.png) repeat-y left center; width:16.6%; height:55px; }

.ddsmoothmenu ul li ul{ position: absolute; left: -3000px; display: none; visibility: hidden; width: 100%; min-width:160px; margin-top:0px; background:none; box-shadow:0 0 3px rgba(0,0,0,.4); height:auto;}
.ddsmoothmenu ul li ul li ul{ margin-top:0px; margin-left:-1px;}

.ddsmoothmenu ul li ul li{ display: list-item; float: none; width:100%; height:auto; max-width:100%  }
.ddsmoothmenu ul li ul li img{ width:100%;  }
.ddsmoothmenu ul li ul li img:hover{ opacity:0.7; }

.ddsmoothmenu ul li ul li ul{ top: 0;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; color: #fff; text-decoration: none;  font-size:17px; line-height:18px; position:relative; 
 -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1;}
   

   
.ddsmoothmenu ul li a{padding:18px 0;}


.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ }
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover  { background:rgba(0,0,0,.3)}
.ddsmoothmenu ul li a.current{ background: rgba(0,0,0,.5); color: #fff;}

/* Sub level menu links style */
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ padding: 10px 10px; font-size:15px; margin: 0; border-top-width: 0; background: #fff; color: #000;}
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover { background: #fffa9e; color: #000;}
.ddsmoothmenu ul li ul li a.current{ background: #fffa9e; color: #000;}
#menu ul li a{ padding: 10px 10px; }

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 27px; right: 13px;}
.rightarrowclass{ position: absolute; top: 15px; right: 13px;}

/* ######### 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: 0px 0px 0px #ccc; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 0px 0px 0px #ccc;
-webkit-box-shadow: 0px 0px 0px #ccc;
}

* html .ddsmoothmenu ul li a{ display: inline-block;}