@charset "utf-8";
/* header */
#header{ background:url(../images/header_bg.gif) repeat-x;}
#header_center{width:1004px; margin:0 auto; height:136px;}
#logo {float:left;width:358px;height:106px; padding-top:30px;}
#lang{ float:right; width:646px; text-align:right; display:block; color:#000; padding-top:30px; height:80px;}
#lang a{ cursor:pointer; height:15px; padding-top:1px;  width:64px;  display:inline-block; text-align:center; margin-left:2px; vertical-align:middle;}
/*#lang .bn_en{ background:url(../images/lang_bn_on.gif) no-repeat; color:#fff; font-size:11px;}
#lang .bn_cn{ background:url(../images/lang_bn.gif) no-repeat; color:#000; font-size:12px;}
#lang .bn_cn:hover{color:#fff; background:url(../images/lang_bn_on.gif) no-repeat;}*/
#lang a{ background:url(../images/lang_bn.gif) no-repeat; color:#000; font-size:11px;}
#lang a:hover{color:#fff; background:url(../images/lang_bn_on.gif) no-repeat;}
#lang #active_language{background:url(../images/lang_bn_on.gif) no-repeat; color:#fff; font-size:11px;}
#header ul{ font-size:12px; font-weight:bold; float:right; width:646px; text-align:right;}
#header ul li{display:inline;}
#header ul li a{ color:#000; background:url(../images/header_bgline.gif) right no-repeat; padding:0 10px;}
#header ul li a:hover{color:#469f55;}
/*#header .current a{color:#469f55;}*/
#header #current a{color:#469f55;}
#menu{height:38px; background:url(../images/menu_bg.gif) repeat-x;}
#menu ul{ font-size:18px; width:1004px; margin:0 auto; height:38px;}
#menu ul li{ display:inline;}
#menu ul li a{float:left; color:#fff; line-height:38px; padding-left:24px; float:left; cursor:pointer;}
#menu ul li a span{ background:url(../images/menu_bg_right.gif) right; padding:0 25px 0 1px; display:inline-block;}
#menu ul li a:hover{color:#000; background:url(../images/menu_on_left.gif) no-repeat left; padding-left:24px;  line-height:38px;}
#menu ul li a:hover span{background:url(../images/menu_on_right.gif) no-repeat right; padding:0 25px 0 1px;}
/*#menu .current a{color:#000; background:url(../images/menu_on_left.gif) no-repeat left; padding-left:24px;  line-height:38px;}
#menu .current a span{background:url(../images/menu_on_right.gif) no-repeat right; padding:0 25px 0 1px; height:38px; }*/
#menu #current a{color:#000; background:url(../images/menu_on_left.gif) no-repeat left; padding-left:24px;  line-height:38px;}
#menu #current a span{background:url(../images/menu_on_right.gif) no-repeat right; padding:0 25px 0 1px; height:38px; }

/* footer */
#footer{ background:url(../images/footer_bg.gif) repeat-x; color:#858585; height:145px;}
#footer #footer_center{ margin:0 auto; width:1004px; padding-top:15px; line-height:20px;}
#footer ul{float:right;}
#footer ul li{ display:inline; background:url(../images/header_bgline.gif) right no-repeat; padding:0 8px; font-weight:bold;}
#website{ float:left; width:570px;}
#copyright{ float:right; width:395px; text-align:right;}
.flow img{ vertical-align:middle;}

/* Home page */
#main{ width:1004px; margin:0 auto; padding-top:25px; padding-bottom:25px;}
#home_left{ float:left; width:276px; }
#left_icon{ padding:15px 0 20px 0; float:left; margin-bottom:2px; margin-top:1px;}
#left_icon li{ height:124px; float:left; margin-right:3px; cursor:pointer; display:block;width:88px; }
#left_icon li a{text-transform:uppercase; padding-top:98px; color:#000; width:88px; text-align:center; display:inline-block; font-weight:bold; height:24px; line-height:24px;}
#left_icon li a:hover{ color:#44a959;}
#left_icon .people_on a{ background:url(../images/icon_people.jpg) top no-repeat;}
#left_icon .people_on a:hover{ background:url(../images/icon_people_on.jpg) top no-repeat;}
#left_icon .planet_on a{ background:url(../images/icon_planet.jpg) top no-repeat;}
#left_icon .planet_on a:hover{ background:url(../images/icon_planet_on.jpg) top no-repeat;}
#left_icon .profit_on a{ background:url(../images/icon_profit.jpg) top no-repeat;}
#left_icon .profit_on a:hover{ background:url(../images/icon_profit_on.jpg) top no-repeat;}
.home_left_div{ background:url(../images/left_bgB.gif) bottom no-repeat; width:276px; margin-bottom:10px;}
.home_left_div dl{width:276px; }
.home_left_div dt{ background:url(../images/left_bgT.gif) no-repeat; width:261px; height:32px; padding-top:10px;  padding-left:15px;}
.home_left_div dt span{ color:#565656; background:url(../images/bg_h2.gif) no-repeat 0 5px; padding-left:15px; font-size:20px; font-weight:normal;}
.home_left_div dd{ padding:10px 18px;}
.home_list{ margin-top:10px;}
.home_list li{ line-height:20px; font-weight:bold;}
.home_list li a{ background:url(../images/left_ul_arrow.gif) no-repeat; padding-left:23px; color:#595959;}
.home_list li a:hover{ background:url(../images/left_ul_arrow_on.gif) no-repeat; color:#469f55;}
.home_list .current a{ background:url(../images/left_ul_arrow_on.gif) no-repeat; color:#469f55;}
#home_center{float:left; width:416px; margin-left:15px;}
#home_practices{ background:url(../images/home_practices.jpg) no-repeat; height:167px; padding:10px 20px 0 20px; margin-bottom:11px;}
#home_partnership{ background:url(../images/home_partnership.jpg) top no-repeat; height:241px; padding:10px 0 0 20px;}
#home_partnership ul{ margin-top:30px;}
#home_partnership ul li{ line-height:30px;}
#home_partners{ background:url(../images/home_partners.jpg) bottom no-repeat; padding-left:20px; padding-top:20px; height:184px;}
.h2_partners{ background:url(../images/icon_partners.jpg) no-repeat; padding-left:50px; line-height:30px; }
#partners_list{ margin-top:10px;}
#partners_list_ul{ text-align:center; float:left; width:312px; }
#partners_list_ul ul{width:312px; float:left; display:inline;}
#partners_list_ul li{ float:left; display:block}
#partners_list_ul li img{ padding:5px 5px;}
#prev1{ padding-right:15px; cursor:pointer; float:left; padding-top:39px;}
#next1{ padding-left:15px; cursor:pointer; float:left; padding-top:39px;}
#home_right{ float:right; width:276px;}
#home_right_list{ margin-bottom:20px;*margin-bottom:10px;}
#home_right_list li{height:51px; margin-bottom:8px; line-height:51px;}
#home_right_list li a{ background:url(../images/right_list_bg.gif) no-repeat; font-size:14px; font-weight:bold; display:block; }
#home_right_list li a:hover{ background:url(../images/right_list_bg_on.gif) no-repeat;}
#home_right_list li img{ float:left; margin:10px 10px 0 15px;}
.bn_more{ background:url(../images/bn_more.gif) no-repeat; width:49px; float:right; text-align:center; line-height:17px; color:#3f934f; font-weight:bold; margin-right:15px;}
.bn_more a{ color:#3f934f;}
.bn_more a:hover{ color:#000;}
.news_list{ margin-top:10px;}
.news_list li{font-weight:bold;}
.news_list li a{color:#595959;}
.news_list li a:hover{color:#469f55;}
.news_list li p{ color:#999; line-height:16px; margin-bottom:14px;}
#event_list{ background:url(../images/bg_eventT.gif) no-repeat bottom; height:31px; padding-top:10px;}
#join_us{ background:url(../images/bg_joinus.gif) no-repeat; height:68px; padding:15px 15px;}
#join_us h2{ color:#469f55; background:none; padding-left:0;}
#join_us p{ padding-left:60px; line-height:15px; font-size:11px; color:#000;}

/* about us */
#left{ float:left; width:680px; text-align:justify;}
#left h1{ margin-bottom:30px;}

/* Contact Us */
#contact{ margin-top:30px;}
#contact td{ font-size:12px;}
#contact input{ background-color:#fff; border:1px solid #cdcdcd; height:20px; width:220px; }
#contact textarea{ background-color:#fff; border:1px solid #cdcdcd;width:300px; height:120px;}
#contact .bn_cancel{ color:#fff; font-weight:bold; cursor:pointer; background:url(../images/bn_cancel.gif) no-repeat; width:58px; padding-top:1px; padding-bottom:3px; border:0;vertical-align:middle;}
#contact .bn_send{ color:#fff; font-weight:bold; cursor:pointer; background:url(../images/bn_send.gif) no-repeat; width:58px; padding-top:1px; padding-bottom:3px; border:0;vertical-align:middle;}
#contact .input_code{ width:70px; margin-right:30px; vertical-align:middle;}

/* Download */
#download{ margin-top:0;}
#download td{ font-size:12px;}
#download input{ background-color:#fff; border:1px solid #cdcdcd; height:20px; width:220px; }
#download textarea{ background-color:#fff; border:1px solid #cdcdcd;width:300px; height:120px;}
#download .bn_cancel{ color:#fff; font-weight:bold; cursor:pointer; background:url(../images/bn_cancel.gif) no-repeat; width:58px; padding-top:1px; padding-bottom:3px; border:0;vertical-align:middle;}
#download .bn_send{ color:#fff; font-weight:bold; cursor:pointer; background:url(../images/bn_send.gif) no-repeat; width:58px; padding-top:1px; padding-bottom:3px; border:0;vertical-align:middle;}
#download .input_code{ width:70px; margin-right:30px; vertical-align:middle;}


/* The Basics */
#exists_list li p{ text-align:center; margin-bottom:10px; cursor:pointer;}
#exists_list li{ border:1px solid #e4e4e4; background:url(../images/exists_bg.gif) no-repeat; width:198px; height:275px; float:left; margin-right:5px; margin-bottom:20px;  padding:0 10px; line-height:19px;}
.basics_arrow_list li{ float:left; background:url(../images/f_arrow.gif) no-repeat 0 3px; padding-left:20px; width:672px; font-size:12px;}
.basics_arrow_list li p{ color:#408eac; margin-bottom:5px;}
.basics_arrow_list li p a{color:#408eac;}
.basics_arrow_list li p a:hover{ text-decoration:underline;}
.basics_people li{ float:left; margin-bottom:20px;}
.basics_people li img{ float:left; border:1px solid #d7d7d7; margin-right:25px;}
.basics_people li p{  margin-left:129px; }

/* Get Started */
#started_tabs .accordion{width:675px;}
#started_tabs .accordion h2{cursor:pointer;display:block; font-weight:bold; color:#797979; height:24px; background:url(../images/started_accordion_bg.gif) no-repeat; font-size:13px; line-height:24px; padding-left:35px; margin:1px 0;}
#started_tabs .accordion h2:hover {background:url(../images/started_accordion_bg_on.gif) no-repeat; color:#fff;}
#started_tabs .accordion h2.active {color:#fff; background:url(../images/started_accordion_bg_on.gif) no-repeat;}
#started_tabs .accordion .accordion_show {margin:0; padding:15px 0;}
#started_input{ font-size:12px;}
#started_input input{background-color:#fff; border:1px solid #7f9db9; height:18px; width:220px;}
#started_input select{border:1px solid #7f9db9; width:220px;background-color:#fff;height:18px;}
#started_input .bn_send{ color:#fff; font-weight:bold; cursor:pointer; background:url(../images/bn_send.gif) no-repeat; width:58px; padding-top:1px; padding-bottom:3px; border:0;vertical-align:middle;}
.marginR20{ margin-right:20px;}

/* CSR News */
#news li{ background:url(../images/xx.gif) repeat-x bottom; line-height:20px; font-size:12px; display:inline-block; padding-bottom:25px; margin-bottom:25px;}
#news img{ border:1px solid #d8d8d8; float:left; margin-right:20px;}
#page{ float:right; text-align:right; font-size:12px; font-weight:bold;}
#page a{ margin:0 8px; }
#page img{ vertical-align:middle;}
#page .page_on{ color:#559e4e}

/* CSR in China */
.further_reading{ background:url(../images/china_box_bg_bottom.gif) no-repeat bottom; width:656px; padding-bottom:20px;}
.further_reading p{ margin:10px 20px;}
.further_reading h4{ margin:10px 20px;}
#china_tabs .accordion{width:660px;}
#china_tabs .accordion h2 {cursor:pointer;display:block;  color:#5d5d5d; height:79px; background:url(../images/china_accordion_bg.jpg) no-repeat; line-height:18px;  margin:1px 0; font-size:11px;  padding:18px 20px 0 25px;}
#china_tabs .accordion h2 span{ display:block; padding-left:25px; font-size:18px; margin-bottom:10px;}
#china_tabs .accordion h2:hover {color:#5d5d5d; background:url(../images/china_accordion_bg_on.jpg) no-repeat; }
#china_tabs .accordion h2.active {color:#5d5d5d; background:url(../images/china_accordion_bg_on.jpg) no-repeat;}
#china_tabs .accordion .accordion_show {margin:0; padding:15px 0;}
#china_tabs .accordion .accordion_show h5 {cursor:pointer;display:block; color:#5d5d5d;  line-height:18px; font-size:16px; padding:18px 20px 0 0;}
#china_tabs .accordion .accordion_show h5:hover {color:#60aecd;  }
#china_tabs .accordion .accordion_show h5.active_h5 {color:#60aecd; }
#china_tabs .accordion .accordion_show h6{font-size:14px; margin-bottom:10px;}
#china_tabs .accordion .accordion_show .accordion_show { padding:15px 20px;}



/* CSR Partnership Programme */
.partnership_logo li{ float:left; margin-right:15px; height:51px; width:300px; line-height:22px; margin-bottom:6px;}
.partnership_logo img{ margin-right:15px; float:left;}


/* join us */
#join td{ font-size:12px;}
#join input{ background-color:#fff; border:1px solid #cdcdcd; height:20px; width:140px; }
#join textarea{ background-color:#fff; border:1px solid #cdcdcd;width:300px; height:120px;}
#join .bn_send{ color:#fff; font-weight:bold; cursor:pointer; background:url(../images/bn_send.gif) no-repeat; width:58px; padding-top:1px; padding-bottom:3px; border:0;vertical-align:middle;}
#join .input_code{ width:40px; margin-right:10px; vertical-align:middle;}


/* CSR Worldwide */
.img_new{ border:1px solid #ccc; padding:2px; margin-right:10px;}
.floatR{ float:right;}
.new_date{ float:right; font-weight:bold; color:#999;}
#worldwide_tabs .accordion{width:660px;}
#worldwide_tabs .accordion h2 {cursor:pointer;display:block;  color:#5d5d5d; height:79px; background:url(../images/china_accordion_bg.jpg) no-repeat; line-height:18px;  margin:1px 0; font-size:11px;  padding:18px 20px 0 25px;}
#worldwide_tabs .accordion h2 span{ display:block; padding-left:25px; font-size:18px; margin-bottom:10px;}
#worldwide_tabs .accordion h2:hover {color:#5d5d5d; background:url(../images/china_accordion_bg_on.jpg) no-repeat; }
#worldwide_tabs .accordion h2.active {color:#5d5d5d; background:url(../images/china_accordion_bg_on.jpg) no-repeat;}
#worldwide_tabs .accordion .accordion_show {margin:0; padding:15px 0;}
#worldwide_tabs .accordion .accordion_show h5 {cursor:pointer;display:block; color:#5d5d5d;  line-height:18px; font-size:16px; padding:18px 20px 0 0;}
#worldwide_tabs .accordion .accordion_show h5:hover {color:#60aecd;  }
#worldwide_tabs .accordion .accordion_show h5.active_h5 {color:#60aecd; }
#worldwide_tabs .accordion .accordion_show h6{font-size:14px; margin-bottom:10px;}
#worldwide_tabs .accordion .accordion_show .accordion_show { padding:15px 20px;}


/* Site Map */
#sitemap li{ font-weight:bold; font-size:16px; margin-left:50px; margin-bottom:0px;}
#sitemap li ul{ margin-left:20px; margin-bottom:10px}
#sitemap li ul li{ font-weight:normal; margin-left:20px; margin-bottom:3px; font-size:15px;}
#sitemap li .fontnormal{ font-weight:normal; margin-left:20px; margin-bottom:5px; font-size:15px;}
#sitemap .sitemap_home{ margin-left:30px;}
#sitemap .sitemap_home li{ margin-left:20px;}
.started_tab{ border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.started_tab td{ border-top:1px solid #ccc;border-right:1px solid #ccc; padding:5px;}