/*

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

*{

	outline:none;

}



body{

	outline:none;

	padding:0px;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;
	
	font-size:12px;

	color:#333333;

	background:#EFEFEF;
	
	background:url(image/bg.jpg);
	
	line-height:140%;

}



a{

	text-decoration:none;

	color:#333333;

}



a:hover{

	color:#CE0000;

}



img{

	border:none;

}



table{

	padding:0px;

	margin:0px;

	font:12px arial;
	
	

}



form{

	padding:0px;

	margin:0px;

}



div{

	font-family:Arial, Helvetica, sans-serif;
	
	font-size:12px;

	margin:0px;

	padding:0px;
	
	line-height:140%;

}

p
{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:12px;
	
	font-weight:normal;
	
	line-height:140%;
}



/* web page

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

#webPage{

	padding:5px 0px 5px 0px;

}



#container{

	width:790px;

}



/* header

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

#header{

	width:790px;

}



#topHeader{

	width:790px;

	background:url("image/main_middle.jpg") repeat-y;

}



#topHeaderLeft{

	float:left;

	width:220px;

	height:89px;

	/*

	background:url("image/logo.jpg") no-repeat;

	*/

}



#topHeaderRight{

	float:right;

	width:545px;

	height:89px;

	text-align:right;

}



#topHeaderRight ul{

	list-style:none;

	padding:0px;

	margin:0px;

}



#topHeaderRight ul li{

	display:inline;

	margin:0px 10px 0px 0px;

}



#companyTitle{


	padding-right:13px;
	padding-top:0px;
	padding-bottom:3px;

	text-transform:uppercase;

	color:#666666;

	font-weight:bold;

	font-size:14px;

}

form
{
	margin:0px;
	
}


#moreInfo{

	color:#999;

	position:relative;


	font-size:11px;
	text-transform:none;	
	font-weight:normal;

}



#moreInfo a{

	font-size:11px;

	color:#666666;

}



.currentLink{

	color:#CE0000;

}



#banner{

	width:768px;

	height:200px;

	margin:auto;

	background:white;

}



#headerMenu{

	width:767px;

	height:29px;

	background:url("image/menu.jpg") no-repeat;

	margin:2px auto 0px auto;

	text-align:left;

}



#search{

	position:relative;

	left:50px;

	top:5px;

}



#query{

	width:130px;

	border:1px solid #D6D6D6;

	background:#fff;

	padding-left:2px;

	margin:0px 0px 2px 0px;

	font:11px arial;

}



#searchSubmit{

	margin:0px 0px 2px 2px;

}



/* content

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

#content{

	background:url("image/main_middle.jpg") repeat-y;

	padding:0px 10px 0px 10px;

	margin:0px;

}



#contentIn{

	width:770px;

	padding:0px;

	margin:0px;

	overflow:hidden;

}



.contentLeft{

	width:200px;

	float:left;

	text-align:left;

	padding:0px 0px 20px 0px;

}



#leftMenu{

	margin:10px 0px 0px 7px;

}



#leftMenu1{

	margin:0px 0px 0px 0px;

}



.contentLeftHeadline{

	width:200px;

	padding:0px;

	margin:0px;
	
	margin-left:4px;

	height:21px;	

	border:0px solid;

	padding-top:3px;
	!padding-top:2px;
	!height:22px;

	background:url("image/projectTitle.jpg") no-repeat;

}



.contentLeftHeadline span{

	font:bold 11px arial;

	position:relative;

	left:10px;

	
	height:20px;
	

	color:#333333;

	text-transform:uppercase;
	

}



.bannerLeft{

	text-align:center;

	width:180px;

	border:1px solid #E3E3E3;

}



.contentRight{

	width:560px;

	float:right;

	text-align:justify;

	padding:0px 0px 40px 0px;

	font:12px arial;
	
	border:0px solid;

}



.contentRightTitle{

	margin:0px 0px 0px 10px;

	font:bold 14px arial;
	
	color:darkblue;

}



.contentRightIn{

	width:525px;

	margin:20px 0px 0px 10px;

	text-align:justify;

	font:12px arial;
	
	border:0px solid;

}



#contentRightProduct{

	width:540px;

	margin:20px 0px 0px 10px;

	text-align:left;

	font:12px arial;

}



.subTitleMenu:hover{

	cursor:default;

}



.showProduct{

	/*border:1px solid #EBEBEB;*/

	width:128px;

	height:108px;

	padding-top:4px;

	background:url("image/showproduct.jpg") no-repeat;

	text-align:center;

}



.productListTitle{

	border-bottom:1px solid #B8B8B8;

	font-weight:bold;

	text-transform:uppercase;

}



.productName{

	font:bold 11px arial;

	top:3px;

	position:relative;

}



.productLink{

	font:italic 12px arial;

	position:relative;

	top:3px;

	right:80px;

}



.pagerFooter{

	text-align:right;

	padding:20px 0px 5px 0px;

	font-style:italic;

}



.pagerLink{

	color:#222E43;

	text-decoration:none;

	padding:2px 5px 2px 5px;

	text-align:center;

	outline:none;

	border:none;

}



.pagerLink:hover{

	color:#D90000;

}



.spanPagerLink{

	font-weight:bold;

	color:#D90000;

	padding:2px 5px 2px 5px;

	text-align:center;

}



.endright{

	text-align:right;

	font-style:italic;

}



.statisticsEN{

	position:relative;

	left:70px;

}



.statisticsVN{

	position:relative;

	left:11px;

}



/* home

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

#homeLeft{

	float:left;

	width:441px;

	text-align:left;

	padding:0px;

	margin:0px;

}



#homeLeftHeadline{

	width:441px;

	height:24px;

	background:url("image/product.jpg") no-repeat;
	
	margin-left:4px;

}



#homeLeftHeadline span{

	text-transform:uppercase;

	font-weight:bold;

	position:relative;

	left:10px;

	top:2px;

}

a#linkMenu:link,a#linkMenu:visited
{
	color:#000;
	font-family:arial;
	font-weight:bold;
}

a#linkMenu:hover
{
	color:#CE0000;
	font-family:arial;
	font-weight:bold;
}


#homeLeftContent{

	/*border-bottom:1px dashed #E3E3E3;*/

	padding:10px 0px 20px 10px;

}



.productBox{

	width:90px;

	height:80px;

	background:url("image/productbox.jpg") no-repeat;

	text-align:center;

}



.imgProduct{

	position:relative;

	top:3px;

}



.specifyProductTitle{

	font:bold 11px arial;
	
	width:118px;

}



.specifyProductDes{

	color:#A8A8A8;

	border-top:1px solid #ccc;
	
	width:110px;

	margin-top:3px;

	padding-top:3px;

	font:12px arial;

}



.cellRight{

	padding-left:15px;

}



#homeRight{

	float:left;

	width:325px;

	text-align:left;
	border:0px solid;

}



#homeRightHeadline1{

	width:294px;

	height:24px;

	background:url("image/project.jpg") no-repeat;

	margin:0px 0px 0px 30px;

}



#homeRightHeadline1 span{

	text-transform:uppercase;

	font-weight:bold;

	position:relative;

	left:10px;

	top:2px;

}



#homeRightHeadline1 span{

	text-transform:uppercase;

	font-weight:bold;

	position:relative;

	left:10px;

	top:2px;

}



#homeRightContent1{

	margin:0px 0px 10px 25px;

	padding:10px 0px 10px 10px;

}



#homeRightHeadline2{

	width:294px;

	height:24px;

	background:url("image/project.jpg") no-repeat;

	margin:0px 0px 0px 30px;

}



#homeRightHeadline2 span{

	text-transform:uppercase;

	font-weight:bold;

	position:relative;

	left:10px;

	top:2px;

}



#homeRightContent2{

	width:294px;

	margin:0px 0px 0px 30px;

	padding:0px;

}



#aboutHTC{

	padding:0px 0px 0px 10px;
	margin-top:10px;

}



#callUs{

	width:301px;

	height:33px;

	background:url("image/call_us_en.jpg") no-repeat;

	text-align:left;

}

#callUsVN{

	width:301px;

	height:33px;

	background:url("image/call_us_vn.jpg") no-repeat;

	text-align:left;

}



#talk{

	position:relative;

	top:6px;

	left:10px;

	font-weight:bold;

	font-size:12px;

}



#phoneNumber{

	font-size:13px;

	position:relative;

	top:7px;

	left:10px;

	font-weight:bold;

	color:#CE0000;

}



.shortTextLink:hover{

	color:#333333;

}



.projectBox{

	width:60px;

	height:50px;

	background:url("image/projectbox.jpg") no-repeat;

	text-align:center;

	float:left;

	margin:0px 5px 0px 0px;

}



.imgProject{

	position:relative;

	top:3px;

}



#endContent{

	color:#B2B2B2;

	background:#FFFFFF;

	text-align:left;

	overflow:hidden;

}



#endContent a{

	color:#B2B2B2;

}



.hotline{

}



/* project

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

#projectContentIn{

	text-align:left;

}



.projectTitle{

	border-bottom:1px solid #E3E3E3;

	padding:0px 0px 10px 2px;

	font:bold 11px arial;

	text-transform:uppercase;

	color:#333333;

	text-align:left;

}



.projectContent{

}



.projectImage{

	float:left;

	width:180px;

	margin:15px 0px 40px 110px;

	text-align:center;

}



.projectDes{

	float:right;

	width:460px;

	margin:15px 5px 0px 0px;
	
	line-height:140%;

}



/* contact

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

#contactLeft{

	width:360px;

	float:left;

	padding:0px 0px 50px 0px;

}



.contactImage{

	/*border:1px solid #666666;*/

	margin:5px 0px 0px 0px;

}



#contactRight{

	width:400px;

	float:right;

	padding:0px 0px 50px 0px;

	text-align:left;

	font:12px arial;

}



.inputContact{

	font:12px arial;

	padding-left:2px;

	width:244px;

}



.inputSelectEmail{

	font:12px arial;

	width:250px;

}



.textboxContact{

	width:300px;

	font:12px arial;

	height:150px;

	padding-left:2px;

}



/* search

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

#searchResult{

	text-align:left;

	padding:14px 0px 30px 0px;

	font:12px arial;

}

td
{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
	
	font-weight:normal;
	
	line-height:140%;
	
	
}



#searchResultLeft{

	float:left;

	width:205px;

}



#searchResultRight{

	float:right;

	width:530px;

}



/* footer

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

#footer{

	width:790px;
	text-align:center;
	margin:0 auto;
	border:0px solid #fff;

}

#footerTop
{
	background:url(image/footer_top.jpg) no-repeat; 
	height:25px;
	float:left; 
	width:790px;
	border:0px solid;
}

#footerMiddle
{
	background:url(image/footer_middle.jpg) repeat-y;
	float:left; 
	min-height:45px;
	width:790px;
	border:0px solid;
}



#footerInfo{

	height:44px;

	background:url("image/endpagebg.jpg") repeat-x;

	margin:0px 6px 0px 6px;

}



#footerLeft{

	float:left;

	text-align:left;
	
	padding-left:15px;
	

	color:#2F4A3A;
	border:0px solid;

}



#footerLeft a{

	color:#ce0000;

}

a.footerLink:link, a.footerLink:visited
{
	color:#ce0000;
	font-size:11px;
}

a.footerLink:hover
{
	color:#2F4A3A;
	font-size:11px;
}



#footerRight{

	float:right;
	width:230px;
	color:#ce0000;
	font-size:10px;
	border:0px solid;
	padding-right:10px;

}