@charset "utf-8";

div#header div#ci_tdk{ width:140px; float:left; margin-top:20px;}
div#header div#countryid{  width:49px; float:left; margin-left:30px;margin-top:36px;}

div#wrapper div#container{ padding:0;}
div#wrapper div#container ul{ margin-top:20px;}
div#wrapper div#container div.areamap{ width:940px; height:580px; background:url(../global/img/map_bg.gif) 0 0 no-repeat;}
div#wrapper div#container div.areamap#fragment-2{   height:580px;}
div#wrapper div#container div.areamap#fragment-3{   height:580px;}
div#wrapper div#container div.areamap#fragment-4{   height:580px;}
div#wrapper div#container div.areamap#fragment-5{  height:580px;}
div#wrapper div#container div.areamap .office_list_box{}
div#wrapper div#container div.areamap .office_list_box h3{ height:30px; background:url(../global/img/h3_bg.gif) 0 top repeat-x;}
div#wrapper div#container div.areamap .office_list_box table { width:940px; margin-top:5px; margin-bottom:15px;}
div#wrapper div#container div.areamap .office_list_box table tr { margin-top:5px; }
div#wrapper div#container div.areamap .office_list_box table tr td, div#wrapper div#container div.areamap .office_list_box table tr th{border-top: solid 1px #bdbcbd; border-bottom: solid 1px #bdbcbd;  }
div#wrapper div#container div.areamap .office_list_box table tr td.country{ width:110px; border-right: solid 1px #bdbcbd; border-left: solid 1px #bdbcbd; background:url(../global/img/list_bg_arrow.gif) 3px 3px no-repeat #fff; padding-left:10px; font-weight:bold;  letter-spacing:0em;}
div#wrapper div#container div.areamap .office_list_box table tr th{ padding-left:5px; background:url(../global/img/company_bg.gif) 0 top repeat-y #fff; }
div#wrapper div#container div.areamap .office_list_box table tr th h4{color:#0046ad; letter-spacing:0em;}
div#wrapper div#container div.areamap .office_list_box table tr td.language{ width:100px; border-left: solid 1px #bdbcbd;}
div#wrapper div#container div.areamap .office_list_box table tr td.language.side{border-right: solid 1px #bdbcbd;}
div#wrapper div#container div.areamap .office_list_box table tr td.space{ height:5px; border-right: solid 1px #fff; border-left: solid 1px #fff; background:url(../global/img/space_bg.gif) 0 top repeat-x;}
div#wrapper div#container div.areamap .office_list_box table tr td.space.last{ border-bottom: solid 1px #fff;}

.tabs-nav li {float: left; margin-bottom:20px;}
.tabs-nav li a {display: block;text-indent: -9999px; overflow:hidden;}
.tabs-nav:after {  display: block;clear: both;content: " ";}

.tabs-nav li#nav1 a{ width:188px; height:40px; background: url(../global/img/map_navi.gif) 0 0 no-repeat;}
.tabs-nav li#nav2 a{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -188px 0 no-repeat;}
.tabs-nav li#nav3 a{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -376px 0 no-repeat;}
.tabs-nav li#nav4 a{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -564px 0 no-repeat;}
.tabs-nav li#nav5 a{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -752px 0 no-repeat;}

.tabs-nav li#nav1.tabs-selected a, .tabs-nav li#nav1 a:hover{background: url(../global/img/map_navi.gif) 0 bottom no-repeat;}
.tabs-nav li#nav2.tabs-selected a, .tabs-nav li#nav2 a:hover{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -188px bottom no-repeat;}
.tabs-nav li#nav3.tabs-selected a, .tabs-nav li#nav3 a:hover{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -376px bottom no-repeat;}
.tabs-nav li#nav4.tabs-selected a, .tabs-nav li#nav4 a:hover{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -564px bottom no-repeat;}
.tabs-nav li#nav5.tabs-selected a, .tabs-nav li#nav5 a:hover{ width:188px; height:40px; background: url(../global/img/map_navi.gif) -752px bottom no-repeat;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}