@charset "utf-8";
/* CSS Document */

body { color:#2d2d2d; font: normal 68.8%/1.5em Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; line-height:1.5em; }

.bold {font-weight:bold; }
.italic { font-style:italic; }
.popup { position: absolute; top: -390px; left: 20px; display: none; }
#container { width: 990px; margin: auto; position: relative; }

/*
#mainNav {position:absolute; top:0px; background:url(images/top_menu.png) no-repeat 10px 0; width:1025px; height:58px;}
#topMenu {list-style:none;  padding: 0px; margin:auto; width:915px; padding-top: 20px;  }
#topMenu li { float: left; }
#topMenu a { float: left; text-indent: -1000em; height: 12px;  }
#topMenu li.home a { background:url(images/home.png) no-repeat 0 0; width:79px; height:9px; display:block}
* html #topMenu li.home a { background:url(images/home.gif) no-repeat 0 0; width:79px; height:9px; display:block } 
#topMenu li.companyInfo a { background:url(images/company_info.png) no-repeat; width:120px; height:12px; }
#topMenu li.ourProducts a { background:url(images/products.png) no-repeat; width:117px; height:9px; }
#topMenu li.certificates a { background:url(images/certificate.png) no-repeat; width:107px; height:9px; }
#topMenu li.awards a { background:url(images/awards.png) no-repeat; width:106px; height:9px; }
#topMenu li.investorRelations a { background:url(images/investor.png) no-repeat; width:144px; height:9px; }
#topMenu li.contactUs a { background:url(images/contactus.png) no-repeat; width:103px; height:9px; }
#topMenu li.location a { background:url(images/location.png) no-repeat; width:96px; height:9px; }
#topMenu li a:hover { background-position: left bottom;}
*/

#mainNav {position:absolute; top:0px; background:url(images/top_menu.png) no-repeat 10px 0; width:990px; height:58px;}
#topMenu {list-style:none;  padding: 0px; margin:auto; width:915px; padding-top: 20px;  }
#topMenu li { float: left; }
#topMenu a { float: left; text-indent: -1000em; height: 12px; }
#topMenu li.home a { background:url(images/home_default.png) no-repeat; width:79px; }
* html #topMenu li.home a { background:url(images/home_default.gif) no-repeat; width:79px; } /* ie6 hack */
#topMenu li.home a:hover { background:url(images/home_over.png) no-repeat; width:79px; }
* html #topMenu li.home a:hover { background:url(images/home_over.gif) no-repeat; width:79px; } /* ie6 hack */
#topMenu li.companyInfo a { background:url(images/companyinfo_default.png) no-repeat; width:120px;  }
* html #topMenu li.companyInfo a { background:url(images/companyinfo_default.gif) no-repeat; width:120px;  } /* ie6 hack */
#topMenu li.companyInfo a:hover { background:url(images/companyinfo_over.png) no-repeat; width:120px;  }
* #topMenu li.companyInfo a:hover { background:url(images/companyinfo_over.gif) no-repeat; width:120px;  } /* ie6 hack */
#topMenu li.ourProducts a { background:url(images/products_default.png) no-repeat; width:117px;  }
* #topMenu li.ourProducts a { background:url(images/products_default.gif) no-repeat; width:117px;  } /* ie6 hack */
#topMenu li.ourProducts a:hover { background:url(images/products_over.png) no-repeat; width:117px;  }
* #topMenu li.ourProducts a:hover { background:url(images/products_over.gif) no-repeat; width:117px;  } /* ie6 hack */
#topMenu li.certificates a { background:url(images/certificate_default.png) no-repeat; width:107px;  }
* #topMenu li.certificates a { background:url(images/certificate_default.gif) no-repeat; width:107px;  } /* ie6 hack */
#topMenu li.certificates a:hover { background:url(images/certificate_over.png) no-repeat; width:107px;  }
* #topMenu li.certificates a:hover { background:url(images/certificate_over.gif) no-repeat; width:107px;  } /* ie6 hack */
#topMenu li.awards a { background:url(images/awards_default.png) no-repeat; width:142px;  }
* #topMenu li.awards a { background:url(images/awards_default.gif) no-repeat; width:142px;  } /* ie6 hack */
#topMenu li.awards a:hover { background:url(images/awards_over.png) no-repeat; width:142px;  }
* #topMenu li.awards a:hover { background:url(images/awards_over.gif) no-repeat; width:142px;  } /* ie6 hack */
#topMenu li.investorRelations a { background:url(images/investor_default.png) no-repeat; width:144px;  }
* #topMenu li.investorRelations a { background:url(images/investor_default.gif) no-repeat; width:144px;  } /* ie6 hack */
#topMenu li.investorRelations a:hover { background:url(images/investor_over.png) no-repeat; width:144px;  }
* #topMenu li.investorRelations a:hover { background:url(images/investor_over.gif) no-repeat; width:144px;  } /* ie6 hack */
#topMenu li.contactUs a { background:url(images/contact_default.png) no-repeat; width:103px;  }
* #topMenu li.contactUs a { background:url(images/contact_default.gif) no-repeat; width:103px;  } /* ie6 hack */
#topMenu li.contactUs a:hover { background:url(images/contact_over.png) no-repeat; width:103px;  }
* #topMenu li.contactUs a:hover { background:url(images/contact_over.gif) no-repeat; width:103px;  } /* ie6 hack */
#topMenu li.location a { background:url(images/location_default.png) no-repeat; width:96px;  }
* #topMenu li.location a { background:url(images/location_default.gif) no-repeat; width:96px;  } /* ie6 hack */
#topMenu li.location a:hover { background:url(images/location_over.png) no-repeat; width:96px;  }
* #topMenu li.location a:hover { background:url(images/location_over.gif) no-repeat; width:96px;  } /* ie6 hack */

#flashBanner *{outline:none;}

#sideBar { width: 285px; height:312px; background:url(images/news_bg.jpg) no-repeat 20px 30px; float:left; }
#sideBar p { padding: 0 20px 20px 0;}

#subSidebar {width: 285px; height:312px; float:left; }
#subTitle_companyInfo { text-indent:-1000em; background:url(images/submenu_header.jpg) no-repeat 0 0; padding:0; margin: 0 0 0 20px; width:259px; height:29px; } 
#subTitle_products { text-indent:-1000em; background:url(images/submenu_products.jpg) no-repeat 0 0; padding:0; margin: 0 0 0 20px; width:259px; height:29px; } 
#subTitle_certificates { text-indent:-1000em; background:url(images/submenu_certificates.jpg) no-repeat 0 0; padding:0; margin: 0 0 0 20px; width:259px; height:29px; } 
#subTitle_awards { text-indent:-1000em; background:url(images/submenu_awards.jpg) no-repeat 0 0; padding:0; margin: 0 0 0 20px; width:259px; height:29px; } 
#subTitle_contact { text-indent:-1000em; background:url(images/submenu_contactus.jpg) no-repeat 0 0; padding:0; margin: 0 0 0 20px; width:259px; height:29px; } 
#subTitle_locations { text-indent:-1000em; background:url(images/submenu_locations.jpg) no-repeat 0 0; padding:0; margin: 0 0 0 20px; width:259px; height:29px; } 
#subTitle_sitemap { text-indent:-1000em; background:url(images/submenu_sitemap.jpg) no-repeat 0 0; padding:0; margin: 0 0 0 20px; width:259px; height:29px; } 
#subMenu { color:#2d2d2d;  font: normal 98.8%/1.6em Arial, Helvetica, sans-serif; padding:0px; margin:2px 0 0 20px; list-style:none; background:url(images/submenu_curve2.jpg) no-repeat 0 0; background-color: #eef4da; width:259px;}
#subMenu li{ padding:8px 0 0 13px; margin:0 0 0 12px; background:url(images/submenu_divider.jpg) no-repeat 0 31px; width:235px; height:25px;}
#subMenu li.last{ padding:8px 0 10px 25px; margin:0 0 0 0px; background:url(images/submenu_curve1.jpg) no-repeat 0 33px; width:235px} 
#subMenu li.first{ padding:15px 0 0px 13px; margin:0 0 0 12px; width:235px; height:27px; background:url(images/submenu_divider.jpg) no-repeat 0 40px;} 
#subMenu a{padding:0 0 0 20px; margin:0px; background:url(images/submenu_bullet.jpg) no-repeat 0 2px; width:50px; height:11px; color:#2d2d2d; text-decoration:none}
#subMenu a:hover{color:#2d2d2d; font-weight:bold;}

#latestNews { text-indent: -1000em; background:url(images/title_news.jpg) no-repeat 0 0px; width: 259px; height: 29px; margin: 0 0 0 20px; padding: 0 0 0 0px; } 

#newsHeadline {margin: 0 0 0 0px; padding: 15px 20px 0 34px; list-style: none; line-height:1.25em; }

#newsHeadline li {padding: 10px 0 10px 0px; margin: 0 0 0 0px; background:url(images/news_divider.jpg) no-repeat 0 0; } 
#newsHeadline li p{padding: 0 0 0 0px; margin: 0px; }
#newsHeadline li.first {padding: 0 0 10px 0px; margin: 0px; background:none; }
#newsHeadline a { text-decoration: none; color:#2d2d2d; }
#newsHeadline a:hover { text-decoration:underline; }
.date { font-weight:bold; color:#526806; }

#content {float:right; width:655px; padding: 0 30px 0 20px; position:relative; }
#contentTitle {padding:0; margin:3px 0 5px 0;}
#welcome {text-indent:-1000em; background:url(images/welcome_title.jpg) no-repeat 0 0; height: 30px; margin: 0; padding: 0; }
#content p.intro {padding: 0 40px 0 0; margin: 0;}
#content p.width { padding:0 40px 15px 0; margin-bottom:0;}


#stock {float: left; width: 328px; }
#titleStock {text-indent:-1000em; background:url(images/stock_news.jpg) no-repeat 0 0; height:43px; padding: 0px; margin: 0px;}
#stock p {padding:0; margin:0 0 5px 0px; }
#stock .chart {float:left; padding-right:15px; }

.stockGreen { float:left;  color:#97be0d; font-weight:bold; }
.stockGrey { float:left;  color:#444444; }
.stockLightgreen { color:#24da00; }

#career {float: right; width: 327px; padding: 0; margin: 0; }
#titleCareer {text-indent:-1000em; background:url(images/career_title.jpg) no-repeat 5px 3px; height: 43px; padding: 0px; margin:0px;}
#career p {padding:0 10px 8px 10px ; margin:0px;}
#career ul {padding:0 0 0px 30px; margin:0; list-style:none;  }
#career li { padding: 0 0 5px 15px;  margin: 0; background: url(images/bullet_career.jpg) no-repeat 0 4px; }

#footer {clear:both; padding-top:20px; background:url(images/footer.jpg) no-repeat 0 21px; width:957px; height:43px; margin:0 auto; position:relative }
#copyRight {float:left; padding:15px 0 0 35px; margin:0px }
#validBar {float:left; padding:0px; margin:16px 0 0 20px; width:150px;}
#validBar a { text-indent:-1000em; float:left; margin-right:10px}
#validXhtml {background: url(http://ir.listedcompany.com/images/icon_validXHTML.gif) no-repeat; width:60px; }
#validCss {background: url(http://ir.listedcompany.com/images/icon_validCSS.gif) no-repeat; width:60px; }
#designedBy {float:right; padding:15px 35px 0 0px; margin:0px }
#footer .greenText {color:#97be0d; }

/* subpage */
.bold_green { font:normal 1.3em Arial, Helvetica, sans-serif ; color:#749401; font-weight:bold; padding:0px; margin:20px 0 0 0px; }


.ul {padding:6px 0 0 0px; margin:5px;}
.ul li{list-style:none;}

.history {padding: 0px; margin: 10px 0 0 0px;}
.history li{list-style:none; padding:0 0 0px 0px; margin:0px}
.historyDate {padding:3px 0 10px 6px; margin:0px 0 0 0px; background:url(images/history_bg.jpg) no-repeat 0 0; width:101px; height: 25px; color:#FFF; font-weight:bold; float:left;}
.historyText {padding:3px 0 10px 0; margin:0; width:540px; height:25px; float:right;}

.vacancy {padding:0px; margin: 25px 0 0 0px; background:url(images/vacancy_bg.jpg) no-repeat; position:relative;  width:649px; height:34px;}
p.career {padding:0px; margin:0px;}
p.careerFirst {padding:5px 0 0 0px; margin:0px;}
p.positionBar {padding:8px 0 0 20px; margin:0px; float:left; }
p.apply { padding:0px; margin:5px 15px 0 0px; float:right;}

.requirement {padding-left:14px;}

.cert_award {list-style:none; padding:0; margin:0;}
.cert_award li {float: left; padding: 20px 32px 0 0;  }
.cert_award p {text-align: left; position: relative;}
.cert_award p:hover .popup { display: block; }
.cert_award p.one { z-index: 10; }
.cert_award p.two { z-index: 9;}
.cert_award p.three { z-index: 8;}
.cert_award p.four { z-index: 7;}
.cert_award p.five { z-index: 6;}
.cert_award p.six { z-index: 5;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;visibility: hidden;text-decoration: none;top: -500px;}

.thumbnail span img{ /*CSS for enlarged image*/
border: 0;z-index: 1;}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;top: -500px; left: -120px;}

.contact {padding:0px; margin:0 0 0 10px;}
.contactFirst {padding:3px 0 0 0px; margin:0 0 0 10px;}
.contactLast {padding:0px 0 15px 0px; margin:0 0 0 10px;}
.contactTitle {background: url(images/contact_bg.jpg) no-repeat 0 0; height:21px;  padding:2px 0 0 10px; margin:25px 0 0 0; font-weight:bold; }
.boldTitle { font:normal 1.5em Arial, Helvetica, sans-serif ; color:#749401; font-weight:bold; padding:0px; margin:20px 0 0 10px; }
.boldContact { font:normal 1.2em Arial, Helvetica, sans-serif ; color:#749401; font-weight:bold; padding:0px; margin:15px 0 0 10px; }

#locationLeft { width:326px; float:left;}
#locationRight { width:315px; float:left; margin:20px 0 0 0;}

.productCategory {float:left; margin: 15px 2px 5px 2px }
.productText {float:left; margin:0 2px; width:211px; }
.productList {float:left; width:260px; list-style:none; }
.productList li {padding:0 0 0 20px; margin:5px 0 0 0; background:url(images/bullet_product.jpg) no-repeat 0 2px; }
.productAddress {clear:both; padding-top:20px;}
.productContact {float:left; margin:0 2px; width:120px; }
.productList a { text-decoration:none;}
.productList a:hover { text-decoration: underline;}
.productList_toggle {list-style:none; }

.corporate_updates {border:1px solid #CCC; text-align:left; margin:15px 0 0 0; }
.tblHeader { background:#CC0; } 
.tblRow1 { border-top:1px solid #990; background: #F8F8F8; } 
.updates_title {padding-left:10px;}
.updates_download {text-align:center;}

ul.sitemap  {padding:0; margin:0; list-style:none; }
li.bullet {background:url(images/bullet_career.jpg) no-repeat 4px 3px; padding: 0 0 5px 20px;}
li.subBullet {background:url(images/bullet_sitemap.jpg) no-repeat 28px 5px; padding: 0 0 5px 40px;}
li.sitemapDivider { text-indent:-1000em; background:url(images/sitemap_divider.jpg) no-repeat 0px 7px; padding: 0 0 5px 40px;}
ul.sitemap a {color:#2d2d2d; text-decoration:none; }
ul.sitemap a:hover {color:#2d2d2d; text-decoration: underline; }

.image_valign {vertical-align:-5px; }