.menu { width: 840px; overflow: hidden; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu ul li { float: left; font-family: Arial, Helvetica, Helvetica CE, Sans-Serif !important; }
.menu ul li a { float: left; color: #222; text-decoration: none; font-size: 13px; width: 100%; font-weight: bold; }
.menu ul li.lvl1 { width: 280px; padding: 0; line-height: 22px; height: 24px; }
.menu ul li.lvl1 a { color: #fff; }
.menu ul li.lvl1#mm3 a span { color: #222; }
.menu ul li#mm1 { background: #b00; }
.menu ul li#mm2 { background: #000; }
.menu ul li#mm3 { background: #fff url('../images/bgr_mm3.gif') no-repeat right top; }
.menu ul li.lvl1 a { padding: 0; }
.menu ul li.lvl1 a span { width: 100px; height: 22px; display: block; font-size: 14px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; text-align: center; margin: 2px auto 0 auto; line-height: 18px; text-transform: uppercase; border: 1px solid transparent; border-bottom: 0 none; }
.menu ul li.lvl1#mm3 a:hover span,
.menu ul li.lvl1 a:hover span,
.menu ul li.lvl1#mm3:hover > a span,
.menu ul li.lvl1:hover > a span { color: #fff; background: #bbb; border: 1px solid #bbb; border-bottom: 0 none; }

.menu li ul a:hover,
.menu ul li li:hover > a { background: #bbb; }
.menu li ul { background: #fff; left: -999em; margin: 24px 0 0 89px; position: absolute; width: 189px; z-index: 9999; border: 1px solid #bbb; -webkit-box-shadow: 0 2px 2px #999; -moz-box-shadow: 0 2px 2px #999; box-shadow: 0 2px 2px #999; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); }
.menu li:hover ul { left: auto; }
.menu li ul.lvl2 a { width: 174px; padding: 2px 0 2px 15px; color: #222; background: #fff; border: 0 none; border-bottom: 1px solid transparent; border-top: 1px solid #bbb; }
.menu li ul.lvl2 li:first-child a.arrow { border-top: 1px solid transparent; }
.menu li ul a.arrow { background-image: url('../images/assets/menu_arrow.png'); background-repeat: no-repeat; background-position: 175px center; }
.menu li ul a.arrow:hover,
.menu ul li li:hover > a.arrow { color: #fff; background-image: url('../images/assets/menu_arrow_sel.png'); background-repeat: no-repeat; background-position: 175px center; }

.menu li ul.lvl3 { border: 1px solid #bbb; border: 0 none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.menu li ul.lvl3 a { width: 174px; padding: 2px 0 2px 15px; color: #fff; background-image: none; background: #bbb; border: 0 none; border-bottom: 1px solid #999; border-top: 1px solid transparent; }
.menu li ul.lvl3 a:hover,
.menu ul li.lvl3 li:hover > a { background-image: none; background: #999; }
.menu li li ul { margin: 0px 0 0 189px; visibility: hidden; }
.menu li li:hover ul { visibility: visible; }
.menu ul ul li:last-child > a { }
.menu ul ul li:first-child ul li:first-child > a { margin-top: -1px; padding: 4px 0 3px 15px; border-top: 0px solid red; }
.menu ul li:last-child:hover ul li:hover ul { left: -378px; }


.menuNEW { width: 890px; overflow: hidden; }
.menuNEW ul { margin: 0; padding: 0; list-style: none; }
.menuNEW ul li { width: 25% /*280px*/; height: 24px; float: left; font-family: 'Arial Black', Arial, 'Helvetica Black', Helvetica !important; font-weight: bold !important; font-weight: 900 !important; }
.menuNEW ul li a { width: 100%; height: 22px; display: block; border: 1px solid #000; line-height: 22px; color: #222; text-decoration: none; font-size: 14px; text-align: center; text-transform: uppercase; }
.menuNEW ul li#mm1 a { background-color: #b00; color: #fff; border: 1px solid #b00; }
.menuNEW ul li#mm2 a { background-color: #000; color: #fff; }
.menuNEW ul li#mm3 a { background-color: #fff; color: #222; border-left: 0 none; }
.menuNEW ul li#mm1 a:hover { color: #000; }
.menuNEW ul li#mm2 a:hover { color: #b00; }
.menuNEW ul li#mm3 a:hover { color: #b00; }


/* ====================================================================  MINI MENU  ==================================================================== */

#TopMenu { position: absolute; top: 35px; right: 0; }
#TopMenu ul { margin: 0; padding: 0; list-style: none; position: relative; }
#TopMenu ul li { float: left; position: relative; }
#TopMenu ul li a { display: block; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; color: #222; text-decoration: none; font-size: 12px; padding: 5px 10px; margin: 0 0 0 4px; background: #eee; }
#TopMenu ul li a#cjpp { display: block; width: 82px; height: 25px; padding: 0px; margin: 0 0 0 4px; background: #eee url('../images/cojepp.png') no-repeat left top; }
#TopMenu #cjpp span { display: none; }
#TopMenu li ul a:hover,
#TopMenu ul li li:hover > a { background: #bbb; color: #fff; }
#TopMenu li ul { background: #fff; left: -999em; margin: 0 0 0 4px; padding: 0; position: absolute; width: 182px; z-index: 9999; border: 1px solid #bbb; -webkit-box-shadow: 0 2px 2px #999; -moz-box-shadow: 0 2px 2px #999; box-shadow: 0 2px 2px #999; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); visibility: hidden; /*display: none;*/ }
#TopMenu li:hover ul { left: auto; /*display: inherit;*/ visibility: visible; }
#TopMenu li ul.lvl2 a { width: 172px; padding: 4px 5px; margin: 0; color: #222; background: #fff; border: 0 none; border-bottom: 1px solid transparent; border-top: 1px solid #bbb; font-family: Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; }
#TopMenu li ul.lvl2 li:first-child > a { border-top: 1px solid transparent; }