﻿#CommonMenuMain{z-index:3;width:770px;bottom:0;float: right;text-align: right;position: relative;}
#CommonMenuMain *{transition:0s;}
#CommonMenuMain .litop{}

#CommonMenuMain a.top{display:inline-block;position:relative;z-index:1;padding: 0 19px;}
#CommonMenuMain a.top span{ display: inline-block;height: 96px;border-bottom: 3px solid transparent;}

#CommonMenuMain a.current,
#CommonMenuMain .litop:hover a.top,
#CommonMenuMain a.top:hover{color:#fff}

/*css mặc định của kiểu menu này*/
#CommonMenuMain .ddsmoothmenu-v ul{list-style-type:none;margin:0;padding:0;float: right;background: url(bordermnu.png.ashx) no-repeat left center;padding-left: 3px;}
#CommonMenuMain .ddsmoothmenu-v ul li.litop{display:inline-block;position:relative;background: url(bordermnu.png.ashx) no-repeat right center;padding-right: 7px;margin-right: -7px;}
#CommonMenuMain .ddsmoothmenu-v ul li.litop:hover{}
/* Top level menu links style */
/*#CommonMenuMain .ddsmoothmenu-v ul li a{display:inline-block;overflow:auto}
#CommonMenuMain .ddsmoothmenu-v ul li a.selected{}
#CommonMenuMain .ddsmoothmenu-v ul li a:hover{}*/

#CommonMenuMain .ddsmoothmenu-v ul li a{display: block;text-decoration: none;cursor: pointer;color: #333333;font:normal 20px/96px 'MyriadProCondensed';text-transform: uppercase;background-size: 100%;border-bottom: 3px solid transparent}
#CommonMenuMain .ddsmoothmenu-v ul li:last-child a{background:none;}
#CommonMenuMain .ddsmoothmenu-v ul li.litop:hover a.top{color:var(--color-sub);background: url(bga.png) no-repeat;background-size: 100% 100%;}
#CommonMenuMain .ddsmoothmenu-v ul li.litop:hover a.top span{border-bottom: 3px solid var(--color-sub);}
#CommonMenuMain .ddsmoothmenu-v ul li.selected{color:var(--color-sub);}
#CommonMenuMain .ddsmoothmenu-v ul li a.current{color:var(--color-sub);background: url(bga.png) no-repeat;background-size: 100% 100%;}
#CommonMenuMain .ddsmoothmenu-v ul li a.current span{border-bottom: 3px solid var(--color-sub);}

/*Sub level menu items */
#CommonMenuMain .ddsmoothmenu-v ul li ul{
position:absolute;    
padding-left:0!important;
width:200px;
top:0;
visibility:hidden;
z-index: 99;
}
#CommonMenuMain .ddsmoothmenu-v ul li ul li{display:block;padding:0px 13px;text-align:left;background: #f58634;background: rgba(245, 134, 52, 0.9);border-bottom: 1px solid #f39e5e}
#CommonMenuMain .ddsmoothmenu-v ul li ul li:hover {background: #c06929;}

#CommonMenuMain .ddsmoothmenu-v ul li ul li a.subitem{display:block;font:normal 14px/30px Arial;color: #fff;background: url(sublist.png) no-repeat left 13px!important;text-indent: 0;width: 100%;padding-left: 15px;text-transform: none;}
#CommonMenuMain a.subitem span{display:inline-block;}
#CommonMenuMain .ddsmoothmenu-v ul li ul li:last-of-type{ border-bottom: none;}
 
/* Holly Hack for IE \*/
#CommonMenuMain .ddsmoothmenu-v ul li ul{height:0\9}


#CommonMenuMain .iconSearchMenu{ background: url(iconsearch.png.ashx) no-repeat center;height: 99px;width: 45px;cursor: pointer;float: right}
#CommonMenuMain .iconAppMobile{ background: url(icoapp.png.ashx) no-repeat center;height: 99px;width: 45px;cursor: pointer;float: right;display: none;}
#CommonMenuMain .iconAppMobile.clicked{ background: url(clicked.png.ashx) no-repeat center;}

/* End */

.downarrowclass{display:none}
.rightarrowclass{display:none}