#mainmenu {clear: both; position: absolute; top:38px; right: 7px; white-space: nowrap;}
.mainmenuSeperator, #mainmenuSeperatorLast {
position: relative;
top: 6px; width: 1px; height: 22px;
border-right: 1px solid #ffffff;
float: right;
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #d8d8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%,#d8d8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%,#d8d8d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e5 0%,#d8d8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}
#mainmenu a, #mainmenu a:hover {
display:block; float:right;
margin:0; padding: 8px 15px 2px 14px;
font-size: 16px; font-weight: normal; color: #232323; text-decoration: none;
background-color: inherit;
}
#mainmenu a:hover {color: #2464D2;}
/*** MAINMENU ACTIVE ***/
#mainmenuActiveLeft,
#mainmenuActiveRight {position: relative; float: right; width: 10px; height: 31px; background: url(sprite-trans1.png?v2) no-repeat -297px 0;}
#mainmenuActiveLeft {margin: 0 0 0 4px;}
#mainmenuActiveRight {margin: 0 6px 0 -2px; background: url(sprite-trans1.png?v2) no-repeat -297px -32px;}
#mainmenuActiveContent {position: relative; float: right;}
#mainmenuActiveContent .mainmenuSeperator {left: 14px;}
#mainmenuActiveContent a,
#mainmenuActiveContent a:hover {
position: relative; height: 23px; padding: 8px 1px 0 0; color: #8DB7FF/*#168ef4*/; background: url(sprite-trans1.png?v2) repeat-x 0 -66px #fff;
}
/*** SUBMENU ***/
#submenu {position: absolute; top: 68px; right: -3px;}
#submenuLeft,
.submenuContent,
#submenuRight {height: 28px; float: right;}
#submenuLeft, #submenuRight {width: 11px; margin: 0 -1px 0 0; background: url(sprite-trans1.png?v2) no-repeat -308px 0;}
.submenuContent {min-width: 545px; background: url(sprite-trans1.png?v2) repeat-x 0 -98px;}
#submenuRight {margin: 0 0 0 -1px; background: url(sprite-trans1.png?v2) no-repeat -308px -32px;}
.submenuSeperator {position: relative; top: 8px; width: 1px; height: 10px; background-color: #bfbfbf; float: left;}
#submenu a, #submenu a:hover {display: block; float: left; margin: 0; padding: 6px 10px 8px 9px; font-size: 11px; font-weight: bold; color: #464646; text-decoration: none; background-color: inherit;}
#submenu a:hover {color: #168ef4;}
#submenu a.submenu-active {color: #168ef4; background-color: inherit;}
.submenuwidth-zhtw {min-width: 330px;}
.submenuwidth-id,
.submenuwidth-ko,
.submenuwidth-th,
.submenuwidth-zhcn {min-width: 410px;}
.submenuwidth-en,
.submenuwidth-hi,
.submenuwidth-sk,
.submenuwidth-vi {min-width: 460px;}
.submenuwidth-es,
.submenuwidth-fi,
.submenuwidth-ja,
.submenuwidth-ru {min-width: 500px;}
.submenuwidth-bg,
.submenuwidth-cs,
.submenuwidth-el,
.submenuwidth-fr,
.submenuwidth-nl,
.submenuwidth-pl,
.submenuwidth-uk {min-width: 590px;}
/*** MENU Redesign ***/
#hoverIOS {height: 100%;}
#menu {clear: both; position: absolute; top: 60px; white-space: nowrap;}
#mainmenuList {margin: 0; padding: 0;}
#mainmenuList li {display: block; position: relative; list-style: none; margin: 0 -1px 0 0; padding: 0; line-height: normal; float: right;}
#mainmenuList li li {margin: 0; float: none;}
#mainmenuList a,
#mainmenuList a:hover {
display: block; position: relative; z-index: 110;
margin: 0; padding: 0 12px;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
font-size: 16px; font-weight: normal; text-decoration: none;
color: #464646;
}
.hoverpadding {
position: absolute;
left: 0;
top: -12px;
width: 100%;
height: 1px;
margin: 0;
padding: 20px 0 12px 0;
/*background: url(t.gif);*/
cursor: default;
z-index: 105;
}
#mainmenuList li ul {
position: absolute;
top: 100%;
min-width: 100%;
margin: -1px 0 0 -50px;
padding: 0 50px 30px 50px;
/*background: url(t.gif);*/
z-index: 105;
}
#mainmenuList li#submenu1 ul,
#mainmenuList li#submenu2 ul {
opacity: 0;
right: 9999px;
padding-right: 30px;
-webkit-transition: right 0s 300ms, opacity 300ms ease-out;
-moz-transition: right 0s 300ms, opacity 300ms ease-out;
-ms-transition: right 0s 300ms, opacity 300ms ease-out;
-o-transition: right 0s 300ms, opacity 300ms ease-out;
transition: right 0s 300ms, opacity 300ms ease-out;
}
#mainmenuList li#submenu1:hover ul,
#mainmenuList li#submenu1.ie6hoverfix ul,
#mainmenuList li#submenu2:hover ul,
#mainmenuList li#submenu2.ie6hoverfix ul {
opacity: 1;
right: -30px;
z-index: 110;
-webkit-transition: opacity 100ms;
-moz-transition: opacity 100ms;
-ms-transition: opacity 100ms;
-o-transition: opacity 100ms;
transition: opacity 100ms;
}
#mainmenuList li#submenu3 ul,
#mainmenuList li#submenu4 ul,
#mainmenuList li#submenu5 ul {
opacity: 0;
left: -9999px;
-webkit-transition: left 0s 300ms, opacity 300ms ease-out;
-moz-transition: left 0s 300ms, opacity 300ms ease-out;
-ms-transition: left 0s 300ms, opacity 300ms ease-out;
-o-transition: left 0s 300ms, opacity 300ms ease-out;
transition: left 0s 300ms, opacity 300ms ease-out;
}
#mainmenuList li#submenu3:hover ul,
#mainmenuList li#submenu3.ie6hoverfix ul,
#mainmenuList li#submenu4:hover ul,
#mainmenuList li#submenu4.ie6hoverfix ul,
#mainmenuList li#submenu5:hover ul,
#mainmenuList li#submenu5.ie6hoverfix ul {
opacity: 1;
left: 0px;
z-index: 110;
-webkit-transition: opacity 100ms;
-moz-transition: opacity 100ms;
-ms-transition: opacity 100ms;
-o-transition: opacity 100ms;
transition: opacity 100ms;
}
#mainmenuList li:hover .hoverpadding {left: -30px; top: -20px; padding: 30px;}
#mainmenuList li > a {
padding-bottom: 0px;
-webkit-transition: padding 0s 300ms;
-moz-transition: padding 0s 300ms;
-ms-transition: padding 0s 300ms;
-o-transition: padding 0s 300ms;
transition: padding 0s 300ms;
}
#mainmenuList li:hover > a {
padding-bottom: 15px;
color: #2464D2; //#77b800;
background-color: #fff;
cursor: default;
-webkit-transition: padding 0s;
-moz-transition: padding 0s;
-ms-transition: padding 0s;
-o-transition: padding 0s;
transition: padding 0s;
}
#mainmenuList li li a,
#mainmenuList li li a:hover {
font-size: 14px;
padding: 7px 12px;
color: #464646;
border: 1px solid #d9d9d9;
border-top-color: #e4e4e4;
border-bottom: none;
background-color: #fff;
cursor: pointer;
}
#mainmenuList li li a:hover {background-color: #CCDFFF/*#dcf2fe*/;}
#mainmenuList li a.mainmenuActive,
#mainmenuList li a.submenuActive,
#mainmenuList li a:hover.submenuActive {color: #038ff4;}
#mainmenuList li li a.submenuFirst {border-top-color: #d9d9d9; -webkit-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px;}
#mainmenuList li#submenu1 li a.submenuFirst,
#mainmenuList li#submenu2 li a.submenuFirst {-webkit-border-radius: 3px 0px 0px 0px; border-radius: 3px 0px 0px 0px;}
#mainmenuList li li a.submenuLast {border-bottom: 1px solid #d9d9d9; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;}