﻿.menu { margin: 0; padding: 0; list-style: none; display: inline-block; font-size: 11px; }
.menu li { margin-left: 15px; float: left;  list-style-image: none; }
.menu li a { display: block;	padding: 0 0 0 0; }
.menu li ul { display: none; list-style: none; padding: 0; margin: 0; }
.menu li:hover ul { display: block; position: absolute; }
.menu li a:hover ul { display: block; position: absolute; }
.menu li:hover ul li { display: block; float: none; padding: 0; margin: 0; }
.menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* header */
#header .menus { border: none !important; }
#header .mainmenu { border: none !important; }
#header .mainmenu { position:absolute; bottom: 0px; right: 0px; }
#header .mainmenu li div { position: relative; text-align: center; }
#header .mainmenu li a, .header .menu li div a { display: block; _width: 105px; color: #003f72; font-weight: bold; height: 23px; text-align: center; background-color: #cdd8e1; padding: 4px 11px 1px 16px; }
#header .mainmenu li { margin-left: 0px; height: 23px; text-align: center; background-color: #cdd8e1; }
#header .mainmenu li div .menu_left { position: absolute; width: 16px; height: 23px; top: 0px; left: 0px; background: url(../images/menu_left.gif) no-repeat top left; }
/* ie 6 issues !!! */
#header .mainmenu li .a1 { _width: 95px !important; }
#header .mainmenu li .a2 { _width: 95px !important; }
#header .mainmenu li .a4 { _width: 85px !important; }
#header .mainmenu li .a5 { _width: 70px !important; }
#header .mainmenu li .a6 { _width: 60px !important; }
/* ie 6 issues !!! */

#header .mainmenu .first div a { padding-left: 27px; _width: 40px !important; }
#header .mainmenu .first .menu_left { background: url(../images/menu_left2.gif) !important; width: 27px !important; }
#header .mainmenu li div .menu_right { position: absolute; width: 11px; height: 23px; top: 0px; right: 0px; background: url(../images/menu_right.gif) no-repeat top left; }
#header .mainmenu li .submenu { background-color: #e6ebf0 !important; text-align: left; margin-left: -3px; }
#header .mainmenu .submenu li { background: none; height: auto; margin-left: 0; background-color: #e6ebf0 !important }
#header .mainmenu .submenu li a { border-bottom: solid 1px #fff; padding: 5px 45px 5px 15px; background-color: #e6ebf0 !important; }
#header .mainmenu .submenu li a { color: #003f72; height: auto; font-weight: normal; text-align: left; }
#header .mainmenu li .submenu li:hover { background-color: #666; }
#header .mainmenu li .submenu li a:hover { background-color: #cdd8e1 !important; }
/* header */

/* left hand menu */
.leftPanel .menu { background-color: #e6ebf0; padding-top: 20px; padding-bottom: 10px; width: 210px; margin-bottom: 25px; }
.leftPanel .menu li { margin-left: 15px; float: none; }
.leftPanel .menu li a { color: #003f72; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.leftPanel .menu li:hover ul { display: none; }
/* left hand menu */

/* rightPanel menu */
.rightPanel .menu { background-color: #e6ebf0; padding-top: 20px; padding-bottom: 10px; width: 202px; margin-bottom: 25px; }
.rightPanel .menu li { margin-left: 15px; float: none; }
.rightPanel .menu li a { color: #003f72; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.rightPanel .menu li:hover ul { display: none; }
/* rightPanel menu */

/* rightPanel menu */
.rightPanelSmall .menu { background-color: #e6ebf0; padding-top: 20px; padding-bottom: 10px; width: 202px; margin-bottom: 25px; }
.rightPanelSmall .menu li { margin-left: 15px; float: none; }
.rightPanelSmall .menu li a { color: #003f72; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.rightPanelSmall .menu li:hover ul { display: none; }
/* rightPanel menu */

/* topmenu */
.siteList ul { float: left; padding-left: 12px; }
.siteList ul[lang|="en-GB"] { background-image: url(../images/flag_japan.gif); background-repeat: no-repeat }
.siteList ul[lang|="ja-JP"] { background-image: url(../images/flag_uk.gif); background-repeat: no-repeat }
.topLinks ul { float: right; padding-right: 20px; }
.topLinks ul li { background-image: url(../images/divider.gif); background-repeat: no-repeat; background-position: left; padding-left: 10px; padding-right: 10px; margin-right: 0px; margin-left: 0px; }
.topLinks .first { background-image: none !important; }
.topmenu a { color: #fff; }
/* topmenu */