ul.cssmenu { list-style: none; padding: 3px 0px 0px 20px; } .displace { position: absolute; left: -5000px; } ul.cssmenu li { float: left; } ul.cssmenu li.mspace { margin-bottom: 12px; } ul.cssmenu li.mspace2 { margin-bottom: 20px; } ul.cssmenu li a { display: block; width: 214px; height: 30px; background: url(/pic/menu-en.png) no-repeat 0px 0px; } /* Normal Links */ ul.cssmenu li.m01 a { background-position: 0 0; } ul.cssmenu li.m02 a { background-position: 0 -30px; } ul.cssmenu li.m03 a { background-position: 0 -60px; } ul.cssmenu li.m04 a { background-position: 0 -90px; } ul.cssmenu li.m05 a { background-position: 0 -120px; } ul.cssmenu li.m06 a { background-position: 0 -150px; } ul.cssmenu li.m07 a { background-position: 0 -180px; } ul.cssmenu li.m08 a { background-position: 0 -210px; } ul.cssmenu li.m09 a { background-position: 0 -240px; } ul.cssmenu li.m10 a { background-position: 0 -270px; } ul.cssmenu li.m11 a { background-position: 0 -300px; } ul.cssmenu li.m12 a { background-position: 0 -330px; } ul.cssmenu li.m13 a { background-position: 0 -360px; } ul.cssmenu li.m14 a { background-position: 0 -390px; } /* Hover Links */ ul.cssmenu li.m01 a:hover { background-position: -214px 0; } ul.cssmenu li.m02 a:hover { background-position: -214px -30px; } ul.cssmenu li.m03 a:hover { background-position: -214px -60px; } ul.cssmenu li.m04 a:hover { background-position: -214px -90px; } ul.cssmenu li.m05 a:hover { background-position: -214px -120px; } ul.cssmenu li.m06 a:hover { background-position: -214px -150px; } ul.cssmenu li.m07 a:hover { background-position: -214px -180px; } ul.cssmenu li.m08 a:hover { background-position: -214px -210px; } ul.cssmenu li.m09 a:hover { background-position: -214px -240px; } ul.cssmenu li.m10 a:hover { background-position: -214px -270px; } ul.cssmenu li.m11 a:hover { background-position: -214px -300px; } ul.cssmenu li.m12 a:hover { background-position: -214px -330px; } ul.cssmenu li.m13 a:hover { background-position: -214px -360px; } ul.cssmenu li.m14 a:hover { background-position: -214px -390px; } /* Clicked Links */ ul.cssmenu li.m01 a:active { background-position: -428px 0; } ul.cssmenu li.m02 a:active { background-position: -428px -30px; } ul.cssmenu li.m03 a:active { background-position: -428px -60px; } ul.cssmenu li.m04 a:active { background-position: -428px -90px; } ul.cssmenu li.m05 a:active { background-position: -428px -120px; } ul.cssmenu li.m06 a:active { background-position: -428px -150px; } ul.cssmenu li.m07 a:active { background-position: -428px -180px; } ul.cssmenu li.m08 a:active { background-position: -428px -210px; } ul.cssmenu li.m09 a:active { background-position: -428px -240px; } ul.cssmenu li.m10 a:active { background-position: -428px -270px; } ul.cssmenu li.m11 a:active { background-position: -428px -300px; } ul.cssmenu li.m12 a:active { background-position: -428px -330px; } ul.cssmenu li.m13 a:active { background-position: -428px -360px; } ul.cssmenu li.m14 a:active { background-position: -428px -390px; } /* Selected/Active Links * ul.cssmenu li.m01 a.selected { background-position: -248px 0; } ul.cssmenu li.m02 a.selected { background-position: -248px -30px; } */ ul.cssmenu2 { list-style: none; padding: 0px; width: 748px; height: 30px; background: url(/pic/menu-top-en.png) no-repeat 0px -30px; } ul.cssmenu2 li { float: left; } ul.cssmenu2 li a { display: block; height: 30px; background: url(/pic/menu-top-en.png) no-repeat 0px 0px; } /* Normal Links */ ul.cssmenu2 li.m01 a { margin-left: 121px; width: 85px; background-position: -121px 0px; } ul.cssmenu2 li.m02 a { margin-left: 3px; width: 80px; background-position: -209px 0px; } ul.cssmenu2 li.m03 a { margin-left: 3px; width: 53px; background-position: -292px 0px; } ul.cssmenu2 li.m04 a { margin-left: 3px; width: 66px; background-position: -348px 0px; } ul.cssmenu2 li.m05 a { margin-left: 3px; width: 77px; background-position: -417px 0px; } /* Hover Links */ ul.cssmenu2 li.m01 a:hover { background-position: -121px -30px; } ul.cssmenu2 li.m02 a:hover { background-position: -209px -30px; } ul.cssmenu2 li.m03 a:hover { background-position: -292px -30px; } ul.cssmenu2 li.m04 a:hover { background-position: -348px -30px; } ul.cssmenu2 li.m05 a:hover { background-position: -417px -30px; } /* Clicked Links * ul.cssmenu2 li.m01 a:active { background-position: -121px -60px; } ul.cssmenu2 li.m02 a:active { background-position: -209px -60px; } ul.cssmenu2 li.m03 a:active { background-position: -292px -60px; } ul.cssmenu2 li.m04 a:active { background-position: -348px -60px; } ul.cssmenu2 li.m05 a:active { background-position: -417px -60px; } */ /* Selected/Active Links */ ul.cssmenu2 li.m01 a.selected { background-position: -121px -60px; } ul.cssmenu2 li.m02 a.selected { background-position: -209px -60px; } ul.cssmenu2 li.m03 a.selected { background-position: -292px -60px; } ul.cssmenu2 li.m04 a.selected { background-position: -348px -60px; } ul.cssmenu2 li.m05 a.selected { background-position: -417px -60px; } ul.cssmenu3 { list-style: none; padding: 4px 0px 0px 0px; } ul.cssmenu3 li { float: left; } ul.cssmenu3 li a, ul.cssmenu3 li span { display: block; width: 27px; height: 32px; background: url(/pic/metal-numbers.png) no-repeat 0px 0px; } /* Normal Links */ ul.cssmenu3 li.m-next a { margin-left: 33px; background-position: 0px 0px; } ul.cssmenu3 li.m-prev a { background-position: -30px 0px; } ul.cssmenu3 li.m00 a { background-position: -60px 0px; } ul.cssmenu3 li.m01 a { background-position: -90px 0px; } ul.cssmenu3 li.m02 a { background-position: -120px 0px; } ul.cssmenu3 li.m03 a { background-position: -150px 0px; } ul.cssmenu3 li.m04 a { background-position: -180px 0px; } ul.cssmenu3 li.m05 a { background-position: -210px 0px; } ul.cssmenu3 li.m06 a { background-position: -240px 0px; } ul.cssmenu3 li.m07 a { background-position: -270px 0px; } ul.cssmenu3 li.m08 a { background-position: -300px 0px; } ul.cssmenu3 li.m09 a { background-position: -330px 0px; } ul.cssmenu3 li.m10 a { background-position: -360px 0px; } ul.cssmenu3 li.m11 a { background-position: -390px 0px; } ul.cssmenu3 li.m12 a { background-position: -420px 0px; } ul.cssmenu3 li.m13 a { background-position: -450px 0px; } ul.cssmenu3 li.m14 a { background-position: -480px 0px; } ul.cssmenu3 li.m15 a { background-position: -510px 0px; } ul.cssmenu3 li.m16 a { background-position: -540px 0px; } ul.cssmenu3 li.m17 a { background-position: -570px 0px; } ul.cssmenu3 li.m18 a { background-position: -600px 0px; } ul.cssmenu3 li.m19 a { background-position: -630px 0px; } ul.cssmenu3 li.m20 a { background-position: -660px 0px; } ul.cssmenu3 li.m21 a { background-position: -690px 0px; } /* Hover Links */ ul.cssmenu3 li.m-next a:hover { background-position: 0px -30px; } ul.cssmenu3 li.m-prev a:hover { background-position: -30px -30px; } ul.cssmenu3 li.m00 a:hover { background-position: -60px -30px; } ul.cssmenu3 li.m01 a:hover { background-position: -90px -30px; } ul.cssmenu3 li.m02 a:hover { background-position: -120px -30px; } ul.cssmenu3 li.m03 a:hover { background-position: -150px -30px; } ul.cssmenu3 li.m04 a:hover { background-position: -180px -30px; } ul.cssmenu3 li.m05 a:hover { background-position: -210px -30px; } ul.cssmenu3 li.m06 a:hover { background-position: -240px -30px; } ul.cssmenu3 li.m07 a:hover { background-position: -270px -30px; } ul.cssmenu3 li.m08 a:hover { background-position: -300px -30px; } ul.cssmenu3 li.m09 a:hover { background-position: -330px -30px; } ul.cssmenu3 li.m10 a:hover { background-position: -360px -30px; } ul.cssmenu3 li.m11 a:hover { background-position: -390px -30px; } ul.cssmenu3 li.m12 a:hover { background-position: -420px -30px; } ul.cssmenu3 li.m13 a:hover { background-position: -450px -30px; } ul.cssmenu3 li.m14 a:hover { background-position: -480px -30px; } ul.cssmenu3 li.m15 a:hover { background-position: -510px -30px; } ul.cssmenu3 li.m16 a:hover { background-position: -540px -30px; } ul.cssmenu3 li.m17 a:hover { background-position: -570px -30px; } ul.cssmenu3 li.m18 a:hover { background-position: -600px -30px; } ul.cssmenu3 li.m19 a:hover { background-position: -630px -30px; } ul.cssmenu3 li.m20 a:hover { background-position: -660px -30px; } ul.cssmenu3 li.m21 a:hover { background-position: -690px -30px; } /* Clicked Links * ul.cssmenu3 li.m-next a:active { background-position: 0px -60px; } ul.cssmenu3 li.m-prev a:active { background-position: -30px -60px; } ul.cssmenu3 li.m00 a:active { background-position: -60px -60px; } ul.cssmenu3 li.m01 a:active { background-position: -90px -60px; } ul.cssmenu3 li.m02 a:active { background-position: -120px -60px; } ul.cssmenu3 li.m03 a:active { background-position: -150px -60px; } ul.cssmenu3 li.m04 a:active { background-position: -180px -60px; } ul.cssmenu3 li.m05 a:active { background-position: -210px -60px; } ul.cssmenu3 li.m06 a:active { background-position: -240px -60px; } ul.cssmenu3 li.m07 a:active { background-position: -270px -60px; } ul.cssmenu3 li.m08 a:active { background-position: -300px -60px; } ul.cssmenu3 li.m09 a:active { background-position: -330px -60px; } ul.cssmenu3 li.m10 a:active { background-position: -360px -60px; } ul.cssmenu3 li.m11 a:active { background-position: -390px -60px; } ul.cssmenu3 li.m12 a:active { background-position: -420px -60px; } ul.cssmenu3 li.m13 a:active { background-position: -450px -60px; } ul.cssmenu3 li.m14 a:active { background-position: -480px -60px; } ul.cssmenu3 li.m15 a:active { background-position: -510px -60px; } ul.cssmenu3 li.m16 a:active { background-position: -540px -60px; } ul.cssmenu3 li.m17 a:active { background-position: -570px -60px; } ul.cssmenu3 li.m18 a:active { background-position: -600px -60px; } ul.cssmenu3 li.m19 a:active { background-position: -630px -60px; } ul.cssmenu3 li.m20 a:active { background-position: -660px -60px; } ul.cssmenu3 li.m21 a:active { background-position: -690px -60px; } */ /* Selected/Active Links */ ul.cssmenu3 li.m-next span.selected { background-position: 0px -60px; } ul.cssmenu3 li.m-prev span.selected { background-position: -30px -60px; } ul.cssmenu3 li.m00 span.selected { background-position: -60px -60px; } ul.cssmenu3 li.m01 span.selected { background-position: -90px -60px; } ul.cssmenu3 li.m02 span.selected { background-position: -120px -60px; } ul.cssmenu3 li.m03 span.selected { background-position: -150px -60px; } ul.cssmenu3 li.m04 span.selected { background-position: -180px -60px; } ul.cssmenu3 li.m05 span.selected { background-position: -210px -60px; } ul.cssmenu3 li.m06 span.selected { background-position: -240px -60px; } ul.cssmenu3 li.m07 span.selected { background-position: -270px -60px; } ul.cssmenu3 li.m08 span.selected { background-position: -300px -60px; } ul.cssmenu3 li.m09 span.selected { background-position: -330px -60px; } ul.cssmenu3 li.m10 span.selected { background-position: -360px -60px; } ul.cssmenu3 li.m11 span.selected { background-position: -390px -60px; } ul.cssmenu3 li.m12 span.selected { background-position: -420px -60px; } ul.cssmenu3 li.m13 span.selected { background-position: -450px -60px; } ul.cssmenu3 li.m14 span.selected { background-position: -480px -60px; } ul.cssmenu3 li.m15 span.selected { background-position: -510px -60px; } ul.cssmenu3 li.m16 span.selected { background-position: -540px -60px; } ul.cssmenu3 li.m17 span.selected { background-position: -570px -60px; } ul.cssmenu3 li.m18 span.selected { background-position: -600px -60px; } ul.cssmenu3 li.m19 span.selected { background-position: -630px -60px; } ul.cssmenu3 li.m20 span.selected { background-position: -660px -60px; } ul.cssmenu3 li.m21 span.selected { background-position: -690px -60px; }