@charset "UTF-8";
/* ESCM CSS Document */ 

body, html{
margin:0px;
background-color:#ffffff;
background-image:url(../images/_bg.gif);
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666; 
text-align:justify;
height:100%;
}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding:0 20px 0 5px; margin:0;}

.spanClass {float:right; margin:10px 10px 10px 10px; padding:0}

#wrapper {width:990px; margin: 0 auto; padding:0; text-align:left;}

#contentBody {float:left; width:990px; height:100%; background-color:#FFFFFF;}

#container {width:990px; min-height:100%; margin-bottom: -30px; position: relative; background-color:#FFFFFF;}

#container2 {
position: relative;
width: 309px;
margin:0;
padding:0;
margin-top: 10px;
}

#container3 {
position: relative;
margin:0;
padding:0;
margin-top: 10px;

}

#widget3 {
overflow: hidden;
padding:0;
margin:30px 5px 0 5px;
height: 110px; /* You should adjust this height for your project. */
position: relative;
float: left;
width: 280px;
-moz-border-radius-bottomright: 10px;
}

#widget3 li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 110px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

#widget {
overflow: hidden;
padding:0;
margin:30px 5px 0 5px;
height: 200px; /* You should adjust this height for your project. */
position: relative;
float: left;
width: 280px;
-moz-border-radius-bottomright: 10px;
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 95px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

#widget2 {
overflow: hidden;
padding:0;
height: 180px; /* You should adjust this height for your project. */
position: relative;
float: left;
min-width: 309px;
-moz-border-radius-bottomright: 10px;
}

#widget2 li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 90px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

#header {float:left; width:970px; height:88px; margin-left:10px; padding:0;}

#mainnavi {float:left; width:692px; height:28px; background-image:url(../images/_menu_bg.gif); background-repeat:no-repeat;}
#mainnavi2 {float:right; width:264px; height:28px; background-image:url(../images/_menu_bg_short.gif); background-repeat:no-repeat;}
.navi {margin: 0 0 0 0; float:left;}
.navi li {display: inline; float:left;}
.navi a:link, .navi a:visited {font-size: 13px; font-weight:normal; padding: 5px 15px 7px 15px; text-decoration: none; color: #ffffff; float:left; text-transform:uppercase;}
.navi a.active:link, .navi a.active:visited {color: #ffffff;}
.navi a:hover {color: #000000; background-image:url(../images/_menu_arrow.gif); background-repeat:no-repeat; background-position:bottom;}
.navi2 {margin:0; float:left; padding:0;}
.navi2 li {display: inline; float:left; padding: 5px 2px 7px 2px; margin:0px;}
#logobg {float:left; width:450px; height:55px; margin-top:10px;}
#searchbar {float:right; width:460px; height:55px; margin-top:10px;}
#searchcontent {margin-top:10px; padding:0px; float:right;}
#searchcontent li {display: inline; float:left; font-size:15px; color: #cfcfcf; margin-left:3px; padding:0px; margin-top:5px;}

/* index */
#indexMiddle {float:left; width:970px; height:250px; margin-left:10px; margin-top:7px;}
#flash {float:left; width:660px; height:250px;}
#eventIndex {float:right; width:309px; height:250px; background-image:url(../images/index/event_bg.gif); background-repeat:no-repeat;}
#indexBottom2 {float:left; width:970px; height:450px; margin:20px 10px 20px 10px; padding:0; background-color:#ffffff;}
#businessIndex {float:left; width:310px; height:400px; background-image:url(../images/_bg.gif); background-repeat:repeat; margin-left:5px;}
#LatestnewsIndex {float:left; width:325px; height:400px; border:1px solid #cfcfcf; background-color:#ffffff; margin-left:15px;}
#newsContent2 {float:left; width:325px; height:350px; background-color:#ffffff; margin:0; padding:0;}
.listNews_v2 {padding:0; width:310px; margin:5px 5px 0 5px; padding:0;}
.listNews_v2 li {margin:5px 0 0 0; padding:0; display:block; background-color:#eaeaea;}
.list_v2 {padding:0px; margin:5px 5px 0 5px;}
.list_v2 li {margin:5px 0; padding:0; display:block;}

#linkIndex {float:right; width:295px; height:400px; background-color:#f3f3f3;}
#businessIndexContent {float:left; width:300px; height:350px; margin-left:5px;}
#LinkIndexContent {float:left; width:290px; height:350px; margin-left:0px; border-top:1px dotted #d0ccc1;}

/* about us */
#maincontent {float:left; width:970px; min-height:600px; margin-left:10px; margin-top:7px;}
#leftPanel {float:left; width:305px; min-height:600px; background-color:#ffffff; }
#leftPanel2 {float:left; width:305px; min-height:300px; background-color:#ffffff; }
#rightPanel {float:right; width:660px; min-height:600px; background-color:#ffffff; border-left:1px solid #eaeaea;}
#rightIMG {float:left; width:645px; height:210px; padding-top:10px; padding-left:5px;}
#rightContent {float:left; width:645px; min-height:200px; padding-top:10px; padding-left:5px;}
#rightContentIframe {float:left; width:645px; min-height:200px; padding-top:10px; padding-left:5px;}
.titleBar {float:left; width:100%; height:30px; background-color:#eaeaea; margin-bottom:2px;}
.subnavi {margin:0 0 0 0; float:left; padding:0; width:305px; height:30px}
.subnavi li{display:block; padding:0; border-bottom:1px dotted #cfcfcf;}
.subnavi a:link, .subnavi a:visited {display:block; font-size: 13px; font-weight:normal; padding:10px 0 10px 0; text-decoration: none; color: #cc0000; text-transform:uppercase;}
.subnavi a.active:link, .subnavi a.active:visited {color: #cc0000;}
.subnavi a:hover {background-color:#eaeaea;}
.subnavi2 {margin:0 0 0 0; float:left; padding:0; width:590px; min-height:30px}
.subnavi2 li{display:block; padding:0; border-bottom:1px dotted #cfcfcf;}
.subnavi2 a:link, .subnavi2 a:visited {display:block; font-size: 13px; font-weight:normal; padding:10px 0 10px 0; text-decoration: none; color: #cc0000; text-transform:uppercase;}
.subnavi2 a.active:link, .subnavi2 a.active:visited {color: #cc0000;}
.subnavi2 a:hover {background-color:#eaeaea;}
/* CSR Page */
.list_hCSR {margin:0px; padding:0px; float:left; width:640px;}
.list_hCSR li {display:inline; float:left; margin-left:5px; padding:0;}

/* Business Page */
#mainnaviBusiness {float:left; width:845px; height:28px; background-image:url(../images/business/_menu_bg.gif); background-repeat:no-repeat;}
#mainnavi2Business {float:right; width:110px; height:28px;}
#MenuBar1 {margin: 0 20px 0 20px; float:left;}
#innerMiddle {float:left; width:970px; height:180px; margin-left:10px; margin-top:7px;}
#innerIMG {float:left; width:660px; height:180px;}
#eventInner {float:right; width:308px; height:180px; background-image:url(../images/business/header_event_bg.gif); background-repeat:no-repeat;}
#innerBottom {float:left; width:970px; min-height:450px; margin-left:10px; margin-top:20px;}
#leftcontent{float:left; width:310px; padding:0; margin:0;}
#compIntroInner {float:left; width:299px; height:150px; background-color:#f3f3f3; margin:0; padding:0px 5px 5px 5px;}
#quicklinkInner {float:left; width:309px; height:180px; border:1px solid #cfcfcf; margin-top:10px;}
.boxContentArea {float:left; width:299px; padding:0; margin:0;}
#LatestnewsInner {float:left; width:300px; min-height:370px; border:1px solid #cfcfcf; background-color:#ffffff; margin:0 10px 10px 10px;}
#newsContent {float:left; width:300px; height:350px; background-color:#999999; margin:0; padding:0;}
.list_h {margin:0px; padding:0px; float:left; width:700px;}
.list_h li {display:inline; float:left; margin-left:5px; padding:0;}
.list_h640 {margin:0px; padding:0px; float:left; width:640px;}
.list_h640 li {display:inline; float:left; margin-left:10px; padding:0;}
.list_v {padding:0px; width:300px; margin:5px 5px 0 0;}
.list_v li {margin:5px 0; padding:0; display:block;}
.listNews_h {margin:0px; padding:0px; float:left; width:700px;}
.listNews_h li {display:inline; float:left; margin-left:5px; padding:0;}
/*.listNews_h310 {float:left; margin:0; padding:0;}
.listNews_h310 li {display:inline; margin:0; padding:0; float:left; }*/
.listNews_v {padding:0; width:290px; margin:5px 5px 0 5px; padding:0;}
.listNews_v li {margin:5px 0 0 0; padding:0; display:block; background-color:#eaeaea;  }
.listSearch_v {margin-left:10px; padding:0px; width:650px; margin-top:5px; margin-left:5px; border-bottom:1px dotted #efefef;}
.listSearch_v li {margin:5px 0; padding:0; list-style:none; display:block;}
.newsBGwContent {background-image:url(../images/index/news_bg.gif); background-repeat:no-repeat; width:208px; height:102px;}
.newsIMGContent {padding-top:15px;}
#enquiryInner {float:right; width:300px; height:380px; background-image:url(../images/_bg.gif); background-repeat:repeat; margin-left:5px}
#enquiryInner2 {float:right; width:300px; height:500px; background-image:url(../images/_bg.gif); background-repeat:repeat; margin-left:5px}
#formContent {float:left; width:300px; height:380px; margin-left:5px;}
#rightTable {float:left; width:645px; min-height:300px; padding-top:10px; padding-left:5px;}
.bussinessIMG {float:left; width:150px; height:100px; background-color:#666666;}
.businessBrief{float:right; width:470px; height:100px;}
.businessBorder {float:right; width:640px; height:120px; border-bottom:1px dotted #eaeaea;}

/*business career */
#rightCareer {float:left; width:645px; min-height:300px; padding-top:10px; padding-left:5px; border:1px solid #eaeaea;}

/* business contact */
.contactContent {float:left; width:350px; padding-left:5px; min-height:500px;}
.contactMap {float:right; width:280px; padding-left:5px;}

/* --- footer --- */
#footerBG {width:990px; background-color:#cc0000; height:30px; position: relative;}
.clearfooter {height: 30px; clear: both;}
#footerleft {float:left; width:370px; height:50px; margin-top:10px;}
#footerright {float:right; width:540px; height:50px; margin-top:10px; background-image:url(../images/footer_visa_logo.gif); width:257px; height:32px; margin-top:15px; margin-right:10px;}
a.footerlink, a.footerlink:link, a.footerlink:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; color:#0066FF; font-weight:none; paddiing-top:5px;}
a.footerlink:hover {color:#000000; }
a.footerlink:active {color:#000000;}  
.footertext {font-family:erdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-align:center; padding-top:5px; }

/* font setting */
h1 {text-transform:uppercase; color:#cc0000; font-weight:bold; font-size:13px; padding: 5px 0 0 5px; margin:0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
h2 {text-transform:uppercase; color:#cc0000; font-weight:bold; font-size:12px; padding:10px 5px 10px 5px; margin:0;}
h3 {text-transform:uppercase; color:#cc0000; font-weight:bold; font-size:11px; padding:0px 5px 0px 5px; margin:0 0 0 0;}
h4 {text-transform:uppercase; color:#cc0000; font-size:11px; padding-left:5px; margin:0 0 0 0; font-weight:normal;}
h5 {text-transform:uppercase; color:#cc0000; font-weight:bold; font-size:12px; padding:0; margin:10px 10px 5px 10px;}
h6 {text-transform:uppercase; color:#cc0000; font-weight:bold; font-size:11px; padding:0; margin:0;}
.contenttext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify;}
.contenttextPadding {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding-left:5px; margin:0; padding-right:5px;}
.contenttext185px {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; width:175px; padding:0px 10px 0px 10px;}
.dateitalic {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; margin:0; font-style:italic; padding-left:5px;}
.titleLogo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#cc0000; text-transform:uppercase; margin:0; padding:0;}
a.contentlinkRight, a.contentlinkRight:link, a.contentlinkRight:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; color:#cc0000; font-weight:bold; padding:3px; margin:0; float:right;}
a.contentlinkRight:hover {color:#000000; text-decoration:none; padding:3px; margin:0; }
a.contentlinkRight:active {color:#000000;}

a.contentlinkRightPadding, a.contentlinkRightPadding:link, a.contentlinkRightPadding:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; color:#cc0000; font-weight:bold; float:right; padding-right:5px;}
a.contentlinkRightPadding:hover {color:#000000; }
a.contentlinkRightPadding:active {color:#000000;}
a.contentlinkRightBottomPadd, a.contentlinkRightBottomPadd:link, a.contentlinkRightBottomPadd:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; color:#cc0000; font-weight:bold; float:right; padding-right:10px; margin-top:20px;}
a.contentlinkRightBottomPadd:hover {color:#000000; }
a.contentlinkRightBottomPadd:active {color:#000000;}
a.contentlink, a.contentlink:link, a.contentlink:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; color:#cc0000; font-weight:bold;}
a.contentlink:hover {color:#000000; }
a.contentlink:active {color:#000000;}  
a.contentlinkPaddingGrey, a.contentlinkPaddingGrey:link, a.contentlinkPaddingGrey:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; color:#666666; text-transform:uppercase; padding-left:15px; margin:0;}
a.contentlinkPaddingGrey:hover {color:#000000; text-decoration:underline; }
a.contentlinkPaddingGrey:active {color:#000000;}  

/* misc */
input {border: 1px solid #cfcfcf; color: #999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding: 2px; height:20px;}
input:focus, input.focused { border-color: #cc0000; color: #333;}
.inputBorderless2 {border:none;}
.td_boxColor {background-color:#D9E2E1; border-bottom: 1px solid #c0cbda; border-top: 1px solid #c0cbda; padding-left:5px; }
.td_box {padding-left:5px;}
.td_boxColorRightBorder {background-color:#D9E2E1; border-bottom: 1px solid #c0cbda; border-top: 1px solid #c0cbda; border-right:1px solid #c0cbda; padding-left:5px;}
.td_boxRightBorder {border-right:1px solid #c0cbda; padding-left:5px;}
#boardTable{padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:30px;}
#boardTable2 {padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:30px; border:1px solid #c0cbda;}

/* sitemap */
.leftpanel_icontop {margin:0 0 0 0.2em; padding: 0 0 .2em 1em;}
.leftpanel_icontop li {margin: .2px 0 0 0; padding: 1px 0 1px 0; list-style:none;}
.leftpanel_icontop a:link, .leftpanel_icontop a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-decoration: none; color: #666666;}
.leftpanel_icontop a.active:link, leftpanel_icontop a.active:visited, .leftpanel_icontop a:hover {color: #000000;}
.leftpanel_toplink a:link, .leftpanel_toplink a:visited {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; color: #ff0000; list-style-image:url(../images/index/dot.png);}
.leftpanel_toplink a.active:link, leftpanel_toplink a.active:visited, .leftpanel_toplink a:hover {color: #000000;}