.clear{ clear:both; }
.colorBlue{ color:#007dbd;  }
.lineBlue{ background:url(../images/dot_blue.png); height:2px; width:680px; clear:both; }

.tabAll{ background:url(../images/tab2New.png) top left repeat-x;  width:680px;  clear:both;}
.tabSelect {  background:url(../images/tab2New.png) top left repeat-x;  float:left;height:30px; padding-top:8px;}
.tabSelect a { color:#000; font-weight:bold;}
.tabSelect a:hover { color:#545454; font-weight:bold; text-decoration:none;}
.tabSelectLeft { height:30px;width:18px; float:left; background:url(../images/tab2New.png) top left repeat-x; }
.tabSelectRight { height:30px;width:16px; float:left;background:url(../images/tab2New.png) top left repeat-x; }

.ir_textMainHighlight {color: #007bbf; font-weight: bold;}
.ir_textMainHighlight a { text-decoration:none; color: #545454; font-weight: bold;}
.ir_textSubHighlight {color: #666666;}

.textMainHighlight {color: #007bbf; font-weight: bold;}
.textMainHighlight a { text-decoration:none; color: #545454; font-weight: bold;}
.textSubHighlight {color: #666666; font-weight:bold;}


.hdrMessage { text-align:right; font-weight:bold;  border-bottom:#CCCCCC 2px solid; color:#5379c4; font-size:130%;}

/*================================= COMPANY HISTORY ===============================*/

#companyHistoryTitle  { float:left; clear:both; width:630px; padding:0px 27px 0px 27px; font-size:9pt;  line-height:17px; }
#companyHistoryYear   { float:left; clear:both; width:630px; padding:15px 27px 0px 27px; font-size:12pt;  }

#hisYear              { float:left; color:#130f5d; width:40px;   }
#hisYear       a:hover{ text-decoration:none;  }
#hisPipe              { float:left; padding:0px 10px; }
a.yearActive          { color:#3cb1e6; font-weight:bold; }
.yearActive			  { color:#3cb1e6; font-weight:bold; }


#companyHistoryContent{ float:left; clear:both; background:url(../images/bgHistoryContent.png) no-repeat; width:630px; height:243px; margin:20px 0px 20px 20px; display:inline;   }
#textHistoryYear{ float:left; clear:both;  background:url(../images/bgHistoryContentYear.png) no-repeat; width:630px; height:27px; margin-top:25px; padding-top:5px; padding-left:20px; font-size:11pt;}
#textHistoryContent{ float:left; clear:both; padding:20px 50px 0px 50px; width:525px; font-size:9pt; }

/*===============================  LIST ===============================*/

ul.listNumber li{ list-style-type:decimal; line-height:20px; padding-bottom:10px;} 


/*=======================  Corporate Competency =========================*/

.technicalContent{ float:left; clear:both; padding:0px 20px;}
.businessContent { display:none; float:left; clear:both; padding:0px 20px;}
.customerContent { display:none; float:left; clear:both; padding:0px 20px;}
#business,#customer,#teamwork,#quality,#integrity,#customer_focus { color:#565656; }


/*============================  PRODUCTS ==================================*/

#productContainer{ width:680px; clear:both; float:left;}

#productList{ width:225px; float:left; }
#productTop{ background:url(../images/ListProductTop.png) no-repeat top; width:224px; height:15px; float:left; clear:both;}
#productMidd{ background:url(../images/ListProductMidd.png) no-repeat; width:223px; float:left; clear:both; height:164px; padding:6px 0 0 2px;}
#productContent{ background:url(../images/ListProductContent.png) repeat-y; width:211px; float:left; clear:both; padding:7px;}

#productHdrCon{ font-size:15px; font-weight:bold;text-transform:uppercase; width:211px; float:left; font-family:"Trebuchet MS";}
#productDetailShow{ clear:both;float:left; padding-top:5px;width:211px;}
#productDetailHide{ display:none; width:211px; float:left; clear:both;}
#productDetailHide ul{ padding-left:12px;}

.display_none{ display:none;  }

#productBottom{ background:url(../images/ListProductBottom.png) no-repeat bottom; width:225px; height:15px; float:left; clear:both; text-align:center; vertical-align:bottom; }
#productBottom a{ width:225px; float:left; height:15px; }

#headerProductPopup{ padding-top:30px; padding-left:25px; }
#headerProductPopup .pheader_one{ font-family:"Trebuchet MS"; font-size:18px; color:#545454; font-weight:bold;}
#headerProductPopup .pheader_two{ font-family:"Trebuchet MS"; font-size:24px; color:#017cc0; font-style:italic; font-weight:bold; }

.imgProduct{ padding-left:25px; padding-top:20px; }
.capacity{ padding-top:15px; width:240px; float:left; line-height:20px; padding-left:10px; }
.capacity span{ font-weight:bold; font-size:15px; }

.contactProduct{ padding-top:0px; width:240px; float:left; line-height:20px; padding-left:10px;}
.contactProduct span{ font-weight:bold; font-size:15px;}


.listProduct a{ clear:both; float:left; display:inline; padding-top:7px; color:#007bbf; font-family:"Trebuchet MS"; font-size:11px; font-style:italic; }

/* =================================== PRODUCTS ========================= */

#headerPageEn{ color:#007dbd; font-weight:bold; font-size:18px; text-transform:uppercase; font-family:"Trebuchet MS";}
#headerPageTh{ color:#007dbd; font-weight:bold; font-size:18px; font-family:tahoma; }

#powerTransformer{ padding-top:20px; text-align:left; }

.picPowerTran01{float:left; width:345px; padding:0 20px 20px 0;}
.picPowerTran02{float:right; width:182px; padding:0 0 20px 0;}


#disTranformer{ clear:both; background:#CCCCCC; width:685px; height:140px; background:url(../images/bgManageProductDis.png) no-repeat; }

#manageProductDis{ float:left; width:225px; padding-bottom:5px;  }
.imageProductDis{ border:3px solid #c8c8c8; width:59px; height:39px; float:left; margin:10px;}
.titleProductDis{ float:left; width:130px; padding-left:5px; padding-top:10px;  font-size:13px; font-family:"Trebuchet MS"; font-weight:bold;}


.titleProductDis a:link  { color:#545454; }
.titleProductDis a:hover { color:#007bbf; }



/* =================================== CONTACT US ========================= */

#contactUs { background:url(../images/bgContactUs.png) no-repeat; width:649px; height:300px; padding: 80px 0px 0px 55px; margin-top:30px;}
.headerContctUs { font-size:14px; font-weight:bold; color:#53a3ee; padding-bottom:10px; }
.manageContctUs { padding-top:15px; clear:both;  }
.contactIcon { float:left; padding-left:10px; padding-top:3px; vertical-align:middle; clear:both; }
.contactText { float:left; padding-left:10px; line-height:20px; }


/* =================================== CERTIFICATIONS ========================= */


#galleryCer { width:680px; float:right; clear:both; min-height:450px; height:450px; height:auto!important; }

.gallCerControl{ float:left; }

#imageareaCer{ border:4px solid #b5d5ee; width:433px;clear:both; float:left; margin-bottom:20px; min-height:330px; height:330px; height:auto!important; }

#imageCerDetail{ float:left; width:433px; clear:both; }

#imagesCer { min-height:225px margin-bottom:20px;  clear:both; float:left; }
#imageCer  { position:relative; width:418px; padding:5px;  clear:both; float:left;  background:url(../images/loading.gif) center no-repeat;}

#thumbwrapperCer {margin-top:10px; padding:5px 0; width:220px; height:240px; float:right;  }
.titleCer{ color:#323232; font-size:13px; font-weight:bold; }
.fromCer{ color:#323232; font-size:13px; font-weight:bold;}

.titleCerText{ font-size:12px; font-weight:normal;  }
.fromCerText{ font-size:12px; font-weight:normal;}

#descriptionCer { width:220px; float:right; height:20px; padding-top:20px; }

#thumbareaCer { overflow:hidden; min-height:200px; height:200px; height:auto!important; width:220px; float:left; }

#thumbsCer { list-style:none; margin:0px; padding:0px;float:right; width:200px;  }
#thumbsCer li {float:left; margin-right:5px; cursor:pointer; text-align:right;}

#thumbsCer li a{ float:left; width:52px; height:52px; border: 4px solid #9dcff7; margin-top:5px; display:inline; background:none; }

#thumbsCer li a:link{ float:left;  }
#thumbsCer li a:hover{ border: 4px solid #0067b8; float:left;  }
#thumbsCer li.active a{ border: 4px solid #0067b8; width:52px; height:52px;}


/* ==================================== AWARDS ================================ */

#gallery { width:640px; float:right; }

#imagearea{ border:6px solid #b5d5ee;width:628px;}

#images { height:225px; margin-bottom:20px; }
#image  { position:relative; width:618px; padding:5px; background:url(../images/loading.gif) center no-repeat; min-height:320px;_min-height:320px;height:auto !important;height:320px;}
#image img {position:absolute; top:5px; left:5px; }

#thumbwrapper {margin-top:10px; padding:5px 0; width:636px; height:100px;  }

#descriptionAward {position:relative;  width:50%; float:left; height:20px; }

.titleAward{ color:#323232; font-size:13px; font-weight:bold; }
.titleAwardText{ font-size:12px; font-weight:normal;  }



#thumbarea {position:relative; overflow:hidden; height:100px; width:50%; float:right; }

#thumbs { list-style:none; margin:0px; padding:0px;float:right;  }
#thumbs li {float:left; margin-right:5px; cursor:pointer; text-align:right;}

#thumbs li a{ float:left; width:52px; height:52px; border: 4px solid #f7f7f7; margin-top:5px; display:inline; }

#thumbs li a:link{ float:left;  }
#thumbs li a:hover{ border: 4px solid #0067b8; float:left;  }
#thumbs li.active a{ border: 4px solid #0067b8; width:52px; height:52px;}

/*
.imgnav {position:absolute; z-index:100; outline:none; cursor:pointer; width:52px; height:52px; }
#previmg {left:-22px; background:url(../images/previmgAwardLeft.png) left center no-repeat; position:absolute; top:140px;}
*/

#previmg:hover {/* opacity:1; filter:alpha(opacity=100);*/ }
#nextimg { /*right:-22px; background:url(../images/previmgAwardRight.png) right center no-repeat; top:140px;*/ }
#nextimg:hover { /*opacity:1; filter:alpha(opacity=100);*/ }



/* ==================================== CSR ================================= */

#csrActivity{ width:670px; }
 
#CSRNewsList  { width:640px; padding-left:30px; float:left;} 
.CSRImage { width:140px; float:left; background:url(../images/csr/bg_csr_img.png) no-repeat; width:135px; height:97px; padding-top:6px; padding-left:4px; }
.CSRTitle { width:460px; float:left; background:url(../images/csr/bgTitleCSRNews.png) no-repeat; height:58px; margin-top:15px; padding:10px 10px 0 30px; }
.CSRMore a{ color:#017cc0; font-weight:bold; }


#CSRNewsListShow{ width:640px; padding-left:30px; display:none; }

.btCSRNewsBack{ width:640px; padding-bottom:10px; display:none;  }
.btCSRNewsBack img{ float:right; }

#headerCSRNews{ font-size:22px; color:#007bbf; font-family:"Trebuchet MS"; line-height:25px; }
.CSRTitleShow{ padding:5px 0px; width:640px; clear:both;}

.CSRImageShow{ background:url(../images/csr/bgImageCSRAll.png) no-repeat; width:610px; height:487px; padding-top:35px; padding-left:20px; margin-left:10px;  }


#csrActivityContent{ width:670px; }
#CSRNewsListShow{ display:none; width:670px;}



/* ================================================ MARQUEE HOME ============================================ */

.containMarquee{
	width:660px; padding:3px 10px; height:17px; background: url(../images/bg_textmarquee.png) top left no-repeat; text-size:10px; 
	color:#559ef9; 	margin:20px 0; position:relative; display:block; overflow:hidden;
}
.obj_marquee{
	position:absolute;
	display:block;
	white-space:nowrap;
}

/* ================================================ JOURNAL ============================================ */


.journal{ clear:both; padding:15px 0px;}
.journal #journal_book{ width:440px; height:314px; float:left; background:url(../images/knowledge/bg_journal_book.png) no-repeat; position:relative; }
.journal #journal_book img{ padding-top:15px; padding-left:16px; }
.journal .journal_download{ float:left; width:220px; padding:50px 0px 0 15px }
.journal .journal_download .journal_name{ font-family:"Trebuchet MS"; font-weight:bold; font-size:170%; }
.journal .journal_download .journal_name span{ display:block; font-size:90%; padding-top:5px; color:#00b8f5; }
.journal .journal_download .jornal_date{ padding:20px 0; color:#858585; }
.journal .journal_download .journal_btn a{ background:url(../images/knowledge/btn_book.png) no-repeat; width:112px; height:26px; display:block; text-align:center; color:#00b8f5; padding-top:7px; }
.journal .journal_download .journal_btn a:hover{ color:#858585; }