@charset "ISO-8859-1";


/*
======== table of content. =================================
- reset & base

- HEADER
- TOP MENU
- CONTENT
- CONTENT LEFT SIDE
- MAP AREA
- CONTENT RIGHT SIDE
- LIST STYLE (triangle)
- PRDCT AREA
- ABOUT AREA
- NEWS AREA
- BANNER
- TO_PAGE_TOP		
- FOOTER
============================================================
/*----------------------------------------------------------
RESET & BASE
------------------------------------------------------------*/
#content a, #totop a{
color:#003399;
text-decoration:none;
}
#content a:hover{
text-decoration:underline;
}
#wrapper{
width:760px;
font-family: Arial, Helvetica, san-serif;
font-size:0.8em;
}
/* clearfix */
    .clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
    .clearfix{
    display:inline-block;
    }
    /*Hides from IE-mac \*/
    *html .clearfix{
    height:1%;
    }
    .clearfix{
    display:block;
    }
/* End */
#global_top ul, #global_top li{
margin:0;
padding:0;
}
a#main img {
left:0pt;
position:absolute;
top:0pt;
clear:both;
}

/*----------------------------------------------------------
HEADER
------------------------------------------------------------*/
#header{
width:760px;
height:56px;
background-color:#000000;
}

#header p, #header h1{
float:left;
}
#header p.fr{
float:right;
}
.gloval_nav a:link {text-decoration:none;color: #ffffff;}
.gloval_nav a:visited {text-decoration:none; color:#ffffff;}
.gloval_nav a:hover {text-decoration:underline; color:#ffffff;}

/*----------------------------------------------------------
TOP MENU
------------------------------------------------------------*/
#top_menu{
clear:both;
background-color:#4B4B4B;
height:24px;
width:760px;
}
#top_menu ul{
margin:0;
padding:0;
}
#top_menu ul li{
float:left;
font-size:12px;
line-height:24px;
height:24px;
padding:0px 11px 0px 4px;
}

#top_menu form{
float:right;
height:23px;
margin-top:1px;
_margin-top:0px;
padding-right:10px;
}
#top_menu #search{
font-size:12px;
line-height:14px;
height:18px;
width:150px;
vertical-align:top;
margin-top:2px;
}
#top_menu select{
font-size:12px;
line-height:14px;
height:18px;
width:82px;
margin:1px 2px;
vertical-align:top;
}
#top_menu #search_btn{
margin-top:3px;
}

li.tpnavselfn {
color:#ff6633;
}

/*----------------------------------------------------------
CONTENT
------------------------------------------------------------*/
#content{
clear:both;
margin:12px 0 0 20px;
width:740px;
position:relative;
}
#content h3{
margin-bottom:8px;
}
/*----------------------------------------------------------
CONTENT LEFT SIDE
------------------------------------------------------------*/
#content .leftbox{
width:466px;
float:left;
}
#content .leftbox p{
width:150px;
float:left;
margin-top:1px;
}
#content .leftbox h2{
width:463px;
margin-bottom:13px;
border-bottom:1px solid #b3b3b3;
}

/*----------------------------------------------------------
MAP AREA
------------------------------------------------------------*/
#content #mapbox{
position:absolute;
right:0;
top:0;
width:257px;
}
#content #mapbox h2{
width:257px;
border-bottom:1px solid #b3b3b3;
}
/*
#content #mapbox ul{
width:257px;
height:158px;
position:relative;
background:url(/images/top_map.gif) no-repeat;
}
#content #mapbox ul li{
position:absolute;
}
li#top_map_euro{
top:40px;
left:40px;
}
li#top_map_americas{
top:54px;
left:137px;
}
li#top_map_asia{
top:66px;
left:75px;
}
li#top_map_africa{
top:94px;
left:32px;
}*/

/*----------------------------------------------------------
CONTENT RIGHT SIDE
------------------------------------------------------------*/
#content #rightbox{
float:right;
width:257px;
margin-top:202px;
}

/*----------------------------------------------------------
LIST STYLE
------------------------------------------------------------*/
#global_top ul.triangle li{
background:url(/images/top_list_img.gif) 0 4px no-repeat;
padding-left:10px;
line-height:1.6em;
}
#global_top ul.triangle li li{
background:none;
}
/*----------------------------------------------------------
PRDCT AREA
------------------------------------------------------------*/
#prdctbox{
margin-bottom:26px;
height:140px;
}
#prdctbox ul{
width:316px;
float:right;
}
#prdctbox ul li{
width:316px;
float:left;
}
#nav_business a{
display:block;
width:316px;
height:54px;
text-indent:-9999px;
background:url(/images/top_nav_business.gif) no-repeat;
outline:none;
text-decoration:none;
}
#nav_business a:hover{
background-position:0 -53px;
}
#nav_consumer a{
display:block;
width:316px;
height:54px;
text-indent:-9999px;
background:url(/images/top_nav_consumer.gif) no-repeat;
outline:none;
text-decoration:none;
}
#nav_consumer a:hover{
background-position:0 -53px;
}
#prdctbox ul.for_print{
display:none;
}
/*----------------------------------------------------------
ABOUT AREA
------------------------------------------------------------*/
#aboutbox ul.circle li{
background:url(/images/top_list_img2.gif) 0 0.2em no-repeat;
line-height:1.6em;
padding-left:16px;
}

#aboutbox{
margin-bottom:35px;
}

/*------------------------------------------------
NEWS AREA
--------------------------------------------------*/
#news{
width:411px;
}
#news ul{
margin-bottom:7px;
}
#news ul span{
display:block;
float:left;
margin-right:10px;
width:75px;
background:url(/images/top_list_img.gif) 0 4px no-repeat;
padding-left:10px;
}
#news ul a{
display:block;
float:left;
width:316px;
}
#news ul li{
clear:both;
line-height:1.6em;
}
#news p#news_read_more{
clear:both;
float:none;
text-align:right;
width:411px;
}
/*------------------------------------------------
BANNER
--------------------------------------------------*/
#top_banner01{
margin:15px 0 13px;
}

/*------------------------------------------------
TO_PAGE_TOP
--------------------------------------------------*/
p#totop{
clear:both;
float:right;
padding-top:57px;
padding-bottom:7px;
}
p#totop a{
display:block;
padding-left:11px;
background:url(/images/icons/u.gif) 0 0 no-repeat;
}
p#totop a:hover{
text-decoration:underline;
}
/*----------------------------------------------------------
TO_PAGE_TOP
------------------------------------------------------------*/


/*----------------------------------------------------------
FOOTER
------------------------------------------------------------*/
#footer{
clear:both;
background-color:#666666;
width:760px;
line-height:23px;
height:23px;
}
#footer li{
float:left;
margin-right:11px;
padding-left:4px;
font-size:10px;
_font-size:11px;
}
#footer img{
float:right;
}
#footer a:hover{
text-decoration:none;
}