#ddmenu {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: #187794;
  cursor: pointer;
  outline: none;
  font-weight: normal;
}

#ddmenu li { display: block; position: relative; float: left; font-size: 16px; line-height:48px; background:url(../images/dot.png) no-repeat right center;}
#ddmenu li.end{ background:none;}
#ddmenu li a {
  display: block;
  float: left;
  padding: 0 15px;
  font-weight: normal;
  text-decoration: underline;
  color: #FFF;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#ddmenu li:hover > a, #ddmenu li.current > a { color: #FFF; text-decoration:none;}

#ddmenu ul {
  position: absolute;
  top: 48px;
  width: 250px;/*674px;*/
  background: #b6b6a6;
  display: none;
  margin: 0;
  padding: 7px 0;
  list-style: none; z-index:999;
}

/* tooltip arrow */
#ddmenu ul:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 30px;
  border-width: 0 15px 15px 15px;
  border-style: solid;
  border-color: #b6b6a6 transparent; 
}

/*#ddmenu ul:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 30px;
  border-width: 0 19px 19px 18px;
  border-style: solid;
  border-color: #b6b6a6 transparent;  
}*/

#ddmenu ul li { 
  display: block; 
  width: 32%; 
  font-size: 12px; background:none;
}
#ddmenu ul li div{ width:100%;}

#ddmenu ul li a {
  display: block;
  width: 100%;
  line-height:20px;
  padding-left:12px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color:#FFF; text-decoration:none;
}
#ddmenu ul li a:hover {
  background: none; text-decoration:underline; color:#FFF;
}