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

html, body {padding:0; margin:0; background:#1f6bdf; font:normal 12px/130% Tahoma, Geneva, sans-serif;}
table, img {border:none;}
form {padding:0; margin:0;}

#pageContent {width:970px; margin:7px auto; background:#fff;}

/*==================== HEADER ====================*/
.Header {height:214px;}
.headerBanner {height:163px; padding-bottom:5px; background:url(images/headerBg_bot.png) bottom no-repeat;}
.headerBanner .divSlogan {
	position:absolute;
	width:390px;
	margin-top:130px;
	margin-left:155px;
	text-align:center; 
	z-index:10; 
	font-size:21px;
	line-height:100%;
	padding:2px 0;
	font-weight:bold;
	font-style:italic;
	display:block;
	letter-spacing:3px;
	font-family:"Times New Roman";
	color:#F60;
}

/*-- Top menu --*/
.topMenu {height:36px; margin:5px; background:url(images/topMenu_bg.png) top left no-repeat;}
.topMenu ul {float:left; padding:2px 0; margin:0; list-style:none; font:bold 12px Arial, Helvetica, sans-serif;}
.topMenu ul li {float:left; height:15px; padding:9px 20px; background:url(images/topMenu_line.png) right no-repeat;}
.topMenu ul li a {color:#fff; text-decoration:none;}
.topMenu ul li.last {background:none;}

.topNews {float:right; width:650px; padding:5px;}
.topMewsTitle {font-size:11px; font-weight:bold; color:#000; vertical-align:middle; padding:0 10px; height:26px;}
.topNewsContent {vertical-align:middle; padding:0; width:auto; color:#fff;}
.topNewsContent a {color:#fff; text-decoration:none; margin:0 8px;}
.topNewsContent a:hover {color:#ff0; text-decoration:underline;}
/*================================================*/


/*==================== MAIN BODY ====================*/
.widthBody {clear:both; width:970px; padding-bottom:10px;}

/*-- Left column --*/
.widthLeft {float:left; width:205px; padding-bottom:10px; margin:0 0 5px 5px; background: #0C9 url(images/left_Col_bg.png) bottom no-repeat;}
* html .widthLeft {margin-left:3px; padding:0;}
.leftTitle {height:15px; margin-bottom:5px; padding:7px 10px 7px 15px; background:url(images/left_title_bg.png) no-repeat; color:#fff; font-size:14px; font-weight:bold; text-align:left; text-transform:capitalize;}
.leftTitleTop {padding:6px 10px 5px 15px; background:url(images/left_titleT_bg.png) no-repeat; color:#fff; font-size:14px; font-weight:bold; text-align:left; text-transform:capitalize;}
.leftModule {margin-top:7px;}

/*- Left menu -*/
.leftMenu {font:bold 12px Arial, Helvetica, sans-serif;}
/*
.leftMenu ul {padding:0; margin:0; list-style:none; font-weight:bold; background:url(images/leftMenu_barL.png) left top no-repeat; padding-left:11px;}
.leftMenu li a {display:block; padding:7px 5px 7px 20px; background:url(images/leftMenu_bullet.png) 10px 11px no-repeat; color:#1f6bdf; text-decoration:none; border-bottom:1px solid #1f6bdf;}
.leftMenu li.sub {background:url(images/leftMenu_arrow.png) 95% 50% no-repeat;}
.leftMenu li:hover {background-color:#dfe0e1;}
.leftMenu li:hover a {background:url(images/leftMenu_bullet_over.png) 10px 11px no-repeat;}
.leftMenu li.last a {border:none;}
.leftMenu li.current {background-color:#dfe0e1;}
.leftMenu li.current a {background:url(images/leftMenu_bullet_over.png) 10px 11px no-repeat;}
*/
/*- Web links -*/
.webLink {margin-top:7px; text-align:center;}
.webLinkBox {width:195px; color:#555; font:normal 12px Arial, Helvetica, sans-serif;}
.supportOnline{margin-top:7px; text-align:left;}

.topdeals{ width:185px;height:389px; overflow:hidden; margin:0 8px;}
.topdeals ul{margin:10px auto; padding:0px 0 15px 0; width:185px; list-style:none; }
.topdeals li{float:left; width:185px; overflow:hidden;}
.topdeals li a{text-decoration:none; color:#069;}
.topdeals li b{ color:#069;display:block; margin-top:4px; margin-bottom:5px; height:15px; overflow:hidden; font-size:12px; font-weight:bold;}

.nontopdeals{ width:185px; margin:0 8px;}
.nontopdeals ul{float:none; margin:10px auto; display:block; padding:0px 0 15px 0; width:185px; }
.nontopdeals li{display:block; float:left; width:185px;}
.nontopdeals li a{text-decoration:none; color:#069;}
.nontopdeals li b{ color:#069;display:block; margin-top:4px; height:15px; overflow:hidden; font-size:12px; font-weight:bold;}

.topLogos{ width:185px;height:252px; overflow:hidden; margin:0 8px;}
.topLogos ul{margin:6px auto; padding:0px; width:185px; list-style:none;}
.topLogos li{float:left; width:185px; overflow:hidden; text-align:center;}

/*- Advertising -*/
.Advertising {margin-top:7px; text-align:center;}
.advertisingImg {padding:3px 0; max-width:190px; width:expression(this.width > 190 ? 190 : true);}
/*- Visitor Counter -*/
.visitorCounter {margin-top:7px; padding:0; font-weight:bold;}
.visitorCounter .Online {background:url(images/leftCounter_icon_onl.png) left no-repeat; padding:4px 20px; margin:0 5px; border-bottom:1px dashed #1f6bdf;}
.visitorCounter .Chart {background:url(images/leftCounter_icon_chart.png) left no-repeat; padding:4px 20px; margin:5px 5px 0; color:#1f6bdf;}
.visitorCounter .Counter {background:url(images/leftCounter_icon_person.png) left no-repeat; padding:4px 20px;}
.visitorCounter .Total {background:url(images/leftCounter_icon_people.png) left no-repeat; padding:4px 20px;}

/*-----------------*/

.widthBanner {float:left; width:745px; margin:0px 0px 5px 8px; overflow:hidden;}
.bannerImg {max-width:745px; width:expression(this.width > 745 ? 745 : true);}
/*-- Main column --*/
.widthMain {float:left; width:540px; margin-left:8px; padding-bottom:10px; overflow:hidden;}
.mainModule {margin-top:10px;}
.mainModuleTop {margin-top:0px;}
.mainContent {padding:0 2px; line-height:140%;}
.mainTitle {height:30px; padding:10px 10px 0 30px; background:url(images/main_title_bg.png) no-repeat; font:bold 14px Tahoma, Verdana, Arial, sans-serif;}
.mainDetail {float:right; margin-right:10px; margin-top:5px; background:url(images/main_detail_bg.png) left no-repeat; padding-left:15px; color:#1f6bdf; font-size:11px; font-weight:normal; line-height:100%;}
.mainDetailPro {margin-right:10px; margin-top:5px; color:#1f6bdf; font-size:11px; font-weight:normal; line-height:100%;}
/*- Welcome -*/
.mainWelcome {width:540px; background:url(images/main_welcome_bg.png) bottom no-repeat;}
.mainWelcomeTitle {height:15px; color:#fff; font-weight:bold; text-transform:uppercase; padding:12px 10px 13px 55px; background:url(images/main_welcome_title_bg.png) no-repeat;}
.mainWelcomeContent {padding:10px 10px 0; line-height:150%; overflow:hidden;}
.mainWelcomeDetail {float:right; width:99px; height:21px; margin:0 1px 3px 0; padding:20px 7px 0; font-size:11px; background:url(images/main_welcome_detail_bg.png) right bottom no-repeat; text-align:right;}
.mainWelcomeDetail a {color:#fff;}
/*- News -*/
.mainNews {padding-bottom:10px; width:100%;}
.mainNewsTDMain {width:310px; padding-left:10px; vertical-align:top;}
.mainNewsTDMain .Hightlight {font:bold 14px Tahoma, Verdana, Arial, sans-serif; color:#1f6bdf; line-height:150%;}
.mainNewsTDMain .Date {font-size:11px; color:#999; font-weight:normal;}
.mainNewsTDImg {float:left; width:120px; padding-right:10px;}
.mainNewsTDImgNote {text-align:center; font-size:11px; font-weight:normal;}
.mainNewsTDImg .resizeImgNews {max-width:120px; width:expression(this.width > 120 ? 120 : true); padding-top:5px;}
.mainNewsTDLine {width:20px; background:url(images/main_dash_line.png) center repeat-y;}
.mainNewsTDOther {width:200px; vertical-align:top;}
.mainNewsTDOther .Hightlight {color:#1f6bdf; font-weight:bold;}
.mainNewsTDOther ul {padding:0; margin:0; list-style:none;}
.mainNewsTDOther li {
	list-style:none outside; 
	font-size:11px; background:url(images/main_bullet.png) 0 5px no-repeat; padding-left:13px;
	margin-bottom:5px;
	color:#999;
}
.mainNewsTDOther li a {color:#000; text-decoration:none;}
/*- Projects -*/
.mainProject {padding:0;}
.mainProjectTD {float:left; margin:5px 0 10px; width:250px; text-align:center;}
.mainProjectTDImg {height:180px; width:240px; vertical-align:middle; border:1px solid #CCC; padding:5px; display:block;}
.mainProjectImg {
	max-width:240px; width:expression(this.width > 240 ? 240 : true); 
	max-height:180px; width:expression(this.width > 180 ? 180 : true);
}
.mainProjectTDTxt {vertical-align:top; line-height:135%; text-align:center;}
.mainProjectTDTxt .Title {font-weight:bold; font-size:13px; margin-bottom:5px;}
.mainProjectTDTxt .Title a {font-weight:bold; font-size:13px; color:#069; text-decoration:none;}
.mainProjectTDTxt .mainDetail {margin-right:20px;}
.mainProjectTDSpace {float:left; width:0; padding:50px 15px;}
.mainProjectTRLine {clear:both; margin:0; height:20px; background:url(images/project_rowLine.png) top center no-repeat;}
.mainProjectTDHotnew {font-weight:bold; font-size:13px; margin-bottom:5px; color:#069; text-align:center}

.galleryContent {padding:10px 0px;}
.galleryTD {float:left; margin:0 0 10px 0; width:170px;}
.galleryTDTitle {width:170px; text-align:center; padding:2px 0; color:#06C;}
.galleryTDImg {width:170px; height:130px; text-align:center; overflow:hidden; padding:0;}
.galleryImg {
	max-width:170px; width:expression(this.width > 170 ? 170 : true); 
	max-height:170px; height:expression(this.height > 170 ? 170 : true);
}
.galleryTDSpace {float:left; width:0; padding:10px 5px;}

/*-----------------*/
/*- Projects detail -*/
.productDetail {}
.productDetailTDImg {text-align:center; padding-bottom:10px;}
.productDetailImg {max-width:520px; width:expression(this.width > 520 ? 520 : true);}
.productDetailSpace {width:0; padding:10px;}
.productDetail .proName {font:bold 14px Tahoma, Verdana, Arial, sans-serif; color:#0064c8; padding-bottom:10px;}
.productDetail .proName b {font-size:12px; color:#000;}
.productDetail .proNum {padding-bottom:10px;}
.productDetail .proDes {line-height:140%; text-align:justify;}
.productDetail .proPrice {font-weight:bold; font-size:13px; color:#F00;}

/*-- Right column --*/
.widthRight {float:left; width:200px; margin:0 0 0 5px; padding-bottom:10px; background: url(images/right_Col_bg.png) bottom no-repeat; overflow:hidden;}
.rightTitle {height:15px; margin-bottom:5px; padding:7px 10px 7px 15px; background:url(images/right_title_bg.png) no-repeat; color:#fff; font-size:14px; font-weight:bold; text-align:left; text-transform:capitalize;}
.rightTitleTop {height:15px; margin-bottom:5px; padding:7px 10px 7px 15px; background:url(images/right_titleT_bg.png) no-repeat; color:#fff; font-size:14px; font-weight:bold; text-align:left; text-transform:capitalize;}
.rightModule {margin-top:7px; text-align:center;}
.rightImg {padding:3px 0; max-width:185px; width:expression(this.width > 185 ? 185 : true);}

.rightPartner {text-align:center;}
/*-----------------*/

/*===================================================*/
/*- NEWS -*/
.News {text-align:justify;}
.newsTD {padding:10px 0; border-bottom:1px dotted #aaa;}
.newsTD a {color:#0064c8; text-decoration:none;}
.newsTD .Title {font-weight:bold; color:#0064c8; padding-bottom:5px;}
.newsTD .Date {font-size:11px; color:#777;}
.newsTD .Content {padding:5px 0;}
.newsImg {float:left; padding:5px 15px; padding-left:0; max-width:120px; width:expression(this.width > 120 ? 120 : true);}
/*- News detail -*/
.newsDetail {padding:0 10px;}
.newsDetail a {color:#0064c8; text-decoration:none;}
.newsDetail li {list-style-position:outside; margin-left:20px; padding-left:5px;}
.newsDetail .Title {font-weight:bold; font-size:14px; color:#0064c8; padding-bottom:5px;}
.newsDetail .Date {font-size:11px; color:#777;}
.newsDetail .Content {padding:5px 0;}
.newsDetailImg {padding:5px 10px; max-width:480px; width:expression(this.width > 480 ? 480 : true);}

/*other news*/
.otherHrLine {border-top:1px solid #09F; padding-top:5px; line-height:5px;}
.other_detail{margin-top:10px;}
.other_detail h2{font: bold 120%/100% Arial, sans-serif; padding:0; margin:0;}
.other_newsdetail{ margin-top:5px; margin-left:20px;}
.other_newsdetail ul li{line-height:140%; padding-bottom:8px; list-style-image:url(images/bullet-services.gif)}
.other_newsdetail ul li a{text-decoration:none; color:#000; font:bold 12px Arial, Helvetica, sans-serif;}
.other_newsdetail ul li a:hover{text-decoration:underline;}
.other_newsdetail ul li span{color:#999; font-size:11px;}
.titleNews {padding:3px 0; font:bold 16px/150% arial;}


/*==================== FOOTER ====================*/
.Footer {clear:both; padding-top:10px; text-align:center; line-height:200%; background:url(images/footer_bgT.png) top center no-repeat;}
.footerMenu {padding:0 10px 10px; color:#1f6bdf;}
.footerMenu a {color:#1f6bdf; text-decoration:none; padding:0 8px;}
.footerCopyright {padding:10px; color:#97D9F5; background:#183884;}
.footerCopyright a {color:#97D9F5; line-height:140%; padding:0 5px;}
/*================================================*/

/*- Page number -*/
.pageNumber {padding:2px 5px 15px; border-top:1px solid #0064c8; color:#06C; font-weight:bold;}
.pageNumber a {display:block; float:left; margin-right:1px; padding:2px 5px; background:#96ff5a; color:#0064c8; font-weight:bold; text-decoration:none;}
.pageNumber a:hover {background:#0064c8; color:#96ff5a;}
.pageNumber a.current {background:#0064c8; color:#96ff5a;}

/*-- Others --*/
.clear {clear:both; line-height:0;}
.dashLine {border-bottom:1px dashed #1f6bdf;}
.red {color:#f00;}
.blue {color:#1f6bdf;}
.top { vertical-align:top;}