/* CSS Document */
body{margin:0 auto; padding:0; background: url(../images/bg1.gif) repeat-y 50% 0; font-family:Arial; font-size:12px; color:#000000; background-color:#fff  }
td {text-align:left; font-family:Arial; font-size:12px; color:#000000;}
a {text-decoration:none;}
img {border:0px;}
ul, ul li, ul li  ul li{list-style-type:none; margin:0; padding:0;}
#container { margin:0 auto; width:953px;  }
#middle li {list-style-type:none; margin:0; padding:0; display:inline;}
.bold{font-weight:bold;}
/* header */
#header { }

#header_left {}
#header_right {background-image:url(../images/h_03.gif); background-repeat:no-repeat; float:left; width:6px; height:53px;}


/* Menu Top*/
#menu_top { font-size:12px; font-weight:bold; color:#000000; position:absolute; margin-top:327px; }

#bg_menu { background-color:#CCCCCC; filter: alpha(opacity=30); opacity:0.3;  width:953px; height:34px; }
#header #menu {text-align:right; padding-right:10px; top:-25px; font-size:12px; font-weight:bold; color:#000000; position:relative; }
#header #menu ul{ }
#header #menu li{ list-style: none; display:inline; padding:0px 5px 0px 5px; text-align:right }
#header #menu ul li a {color:#333333; padding:10px 0 10px 0; text-align:right}
#header #menu ul li img{ position:relative;}
#header #menu ul li a:hover { color:#666666; }
#banner{ height:361px; width:953px; }
div#menu_top ul li.about {
	position: relative;
}
div#subabout_en {
	margin: 0 0 0 335px;
}

div#subproduct_en {
	margin: 0 0 0 440px;
}

div#subservice_en {
	margin: 0 0 0 528px;
}

div#subprocess_en {
	margin: 0 0 0 613px;
}

div#subexperience_en {
	margin: 0 0 0 696px;
}
div#subabout_vn {
	margin: 0 0 0 335px;
}

div#subproduct_vn {
	margin: 0 0 0 382px;
}

div#subservice_vn {
	margin: 0 0 0 462px;
}

div#subprocess_vn {
	margin: 0 0 0 527px;
}

div#subexperience_vn {
	margin: 0 0 0 667px;
}

div.submenu {
position: absolute; z-index: 1000;width: 210px;display: table;
}

div.submenu ul {
margin: 0; padding: 0;
}

div.submenu ul li {
margin: 0;padding: 0; list-style: none; 
}

div.submenu ul li a{
display: block;height: 22px; background: #EABB9D ;text-decoration: none;color: #FF0000;font-size: 11px;border-bottom: 1px solid #F69D8F;filter: alpha(opacity=90);opacity: .9; 
}

.menu_text{
	background:url(../images/icon_menu.png) no-repeat 10px 9px; padding: 5px 0 0 23px;
} 
 
div.submenu ul li a:hover{
	color:#fff;
	background:#F69D8F;
	filter: alpha(opacity=90);
	opacity: .9;
}

.englishflag {
margin-right: 0px; 
}

.vietnameseflag {margin-right: 0px; 
}

/* End Menu Top*/
/* middle */
#middle {width:953px; display:table; text-align:left; float:left; background-color:#D7D7D7;  min-height:400px;}
#middle_left {width:736px; float:left; }
#middle_right {width:217px; float:left; }
#content1{width:300px; float:left; margin-left:100px; }
#content2{width:460px; float:left; }
#title{ margin-left:24px; float:left; padding:3px 0 0 15px; font-family:arial; font-size:15px; font-weight:bold; color:#824700; border-left:solid 5px #824700; text-transform:uppercase; width:85% }
#title li{ padding-top:10px; padding-left:20px; margin-top:10px; }
#content { float:left; padding:20px 24px 10px 24px; display:table; text-align:justify; line-height:20px; clear:both; width:900px}
#content_about { float:left; padding:20px 24px 10px 24px; display:table; text-align:justify; line-height:20px; clear:both; width:680px}

#menu_right{	float: left;	width: 217px;	padding: 0;	font-size: 12px;}
#menu_right ul{ margin: 0;	padding: 0;	list-style: none;}
#menu_right li{ padding:0;}	
#menu_right li a{ display: block; background:url(../images/menu_right.png) no-repeat; width:137px; height:18px; padding:7px 30px; color:#DE0000 }
#menu_right li a:hover{ background:url(../images/menu_right_hover.png) no-repeat; font-weight:bold; color:#FFFFFF}
/*.img_right{background:url(../images/about_image_right.gif) no-repeat right bottom; width:953px; min-height:500px;}*/

/* Product */ 

#middle_top{ background:url(../images/bg_top.gif) repeat-x; height:15; width:953px;}
#product_left {float:left; width:735px;}

#product_title{ width:606px; margin-left:24px; float:left; padding:3px 0 0 15px; font-family:arial; font-size:15px; font-weight:bold; color:#824700; border-left:solid 5px #824700; text-transform:uppercase} 
#product_detail{ float:left; margin: 20px 0 20px 34px; width:700px; }
#product_detail_img{ float:left; margin:0 10px 10px 10px; }
#product_detail_title{ float:left; width:400px; }
#product_detail_title li { display:block;}

.product_content{ width:720px; float:left; display:table; border-bottom: dotted 1px #fff; margin:10px 0 2px 14px;}
.product{ padding: 10px 10px 10px 30px; width:200px; float:left}
.img_product{border:solid 2px #A65300; width:195px;}
.title_product{ font-weight:bold; color:#000000; text-transform:uppercase; padding-top:10px;}
.title_product a{ color:#000000} 
.title_product a:hover{ color:#666666} 
.price{ color:#000000; padding-top:5px;}
.detail_product a{ color:#ff0000; text-align:center; padding-left:80px; float:left; font-size:11px } 
.detail_product a:hover{ color:#FF6464; } 
.paging { color:#FF0000; width:666px; float:left; text-align:right; padding:10px 20px 10px 0; word-spacing:5px;}
.back { color:#FF0000; width:40px; float:left; padding:10px 20px 10px 0; word-spacing:5px;}
.paging a{ color:#000000}
.paging a:hover{ color:#ff0000}
.paging_active{ color:#ff0000; font-weight:bold}
.back a{ color:#000000}
.back a:hover{ color:#ff0000}

#product_right {float:right; width:195px; height:550px; margin-top:20px; }
#product_title_right{ width:120px; margin-left:10px; float:left; padding:3px 0px 0 15px; font-family:arial; font-size:15px; font-weight:bold; color:#B76500; border-left:solid 5px #B76500; border-right:solid 5px #B76500; text-transform:uppercase} 
.product_news { border:solid 1px #999999; background-color:#FFFFFF; float:left; margin-top:20px; margin-bottom:20px; width:175px; padding-bottom:27px; height:450px; padding-top:20px;}
.img_product_new{ width:130px; height:87px; padding:27px 20px 0px 20px;  }


/* News */ 

#news_left {float:left; width:736px;}

#news_title{ width:646px; margin-left:24px; float:left; padding:3px 0 0 15px; font-family:arial; font-size:15px; font-weight:bold; color:#824700; border-left:solid 5px #824700; text-transform:uppercase} 
.news_content{ width:696px; float:left; display:table; border-bottom: dotted 1px #999999; margin:10px 0 2px 24px;}
.news{ padding: 10px 0px 10px 20px; width:686px; float:left}
.img_news{  width:140px; padding-right: 20px; float:left}
.title_news{ font-weight:bold; color:#880000; float:left; width:510px;}
.title_news a{ color:#880000} 
.title_news a:hover{ color:#CE0000} 
.lead{ float:left; width:510px; margin-top:7px; line-height:20px;}
.content_news{ float:left; width:680px; margin-top:7px; line-height:20px;}

.paging_news { color:#FF0000; float:left; width:700px; float:right; text-align:right; padding:10px 10px 10px 0;}
.paging_news a{ color:#000000}
.paging_news a:hover{ color:#ff0000}
.paging_news_active{ color:#ff0000; font-weight:bold}


/* more news */
#morenews {
margin: 0px 0 0px 34px; width:600px; float:left; padding-bottom:20px;
}
#morenews div.title_other {
font-weight: 700;color: #880000;text-decoration: underline;
padding-bottom:10px; padding-top:20px;
}

#morenews  ul {
}

#morenews  ul li{
list-style: none;
background: url(../images/icon_tg.png) no-repeat 0 50%;
padding: 5px 0;
display:block;
}

#morenews  ul li a{
padding: 0 0 0 10px; color:#000;
}

#morenews  ul li a:hover{
 color:#333333;
}

#morenews div.readmorenews {
margin: 10px 0 0;
font-size: 11px;
}

/*Home welcome*/
#home_left {width:353px; float:left; background:url(../images/bg_top.gif) repeat-x;}
#home_center {width:405px; float:left; background:url(../images/bg_top.gif) repeat-x; }
#home_right {float:right; width:195px; background:url(../images/bg_top.gif) repeat-x;}
#title_home{ float:left; padding:3px 0px 0 15px; margin-left:24px; margin-top:20px; font-family:arial; font-size:15px; font-weight:bold; color:#B76500; border-left:solid 5px #B76500; text-transform:uppercase} 

#home_about_content{ float:left; padding:20px 10px 10px 24px; display:table; text-align:justify; line-height:20px; min-height:250px; width:279px;}

.home_product_content{ float:left; padding:21px 10px 10px 24px; display:table; text-align:justify; line-height:20px; min-height:250px; width:319px;}
#home_news_content{ float:left; padding:20px 10px 10px 24px; display:table; text-align:justify; line-height:20px; }

#home_news_content  ul li{
list-style: none;
display:block;
font-weight:100; 
background: url(../images/icon_tg.png) no-repeat 0 8px;
}

#home_news_content ul li a{
padding: 0 0 0 10px;
font-size: 12px;
color:#000000;
}
#home_news_content ul li a:hover{
	color:#666666;
}
#support_online{ float:left; clear:both; width:350px; padding-left:20px; margin-top:10px;}
.support_online_title{ 
 font-weight:bold; color:#575757; text-transform:uppercase; border-bottom: solid 1px #FF0000;
}
#information{ float:left; clear:both; width:350px; padding-left:24px; margin-top:10px;}
#weather{ padding: 20px 0px 10px 30px;  float:left; width:35%; background:url(../images/weather.png) no-repeat 0px 16px; }
#weather a{ color:#000000}
#weather a:hover{ color:#999999}


#stock{ padding: 20px 0px 10px 30px;  float:left; width:40%; background:url(../images/stock.png) no-repeat 0px 16px; }

#stock a{ color:#000000}
#stock a:hover{ color:#999999}

#rate{ padding: 10px 0px 20px 30px;  float:left; width:35%; background:url(../images/rate.png) no-repeat 0px 6px; }
#rate a{ color:#000000}
#rate a:hover{ color:#999999}

#ngoaite{ padding: 10px 0px 20px 30px;  float:left; width:40%; background:url(../images/ngoaite.png) no-repeat 0px 6px; }
#ngoaite a{ color:#000000}
#ngoaite a:hover{ color:#999999}

.detail{
	float:right; text-align:right;  padding: 10px 10px 10px 0;
}
.detail a{
	color:#000000; 
}
.detail a:hover{
	color:#666666; 
}

/* News Home*/
#bg_news_title_home{ background-color:#88CF72; height:40px; width:336px; }
#news_title_home{  font-size:20px; float:left; padding-left:20px; padding-top:10px; color:#FFFFFF}

#news_title_lead{ display:block; padding-top:13px; padding-left:20px;}
#news_title_lead ul{}
#news_title_lead li{display:block; color:#007775; vertical-align:middle; background-image:url(../images/icon_cicle.gif); background-repeat:no-repeat; background-position:5px 5px; padding-left:15px; padding-bottom:5px; }
#news_title_lead li a{ color:#007775;}
#news_title_lead li a:hover{ color:#58A09F; text-decoration:none;}


/* Gioi thieu*/ 

#function_list{ display:block; padding-top:13px; padding-left:20px;}
#function_list ul{}
#function_list li{display:block;  vertical-align:middle; background-image:url(../images/icon_gt.gif); background-repeat:no-repeat; background-position:22px 0px; padding-left:55px; padding-bottom:5px; height:24px; }

/* Contact Form */
div.contactform {
float:left; margin:30px 0 20px 55px; font-size:11px; color:#333333;
}

div.contactform div.title {
font-weight: 700; 
text-transform: uppercase; 
color: #ff5454;
}

div.contactform table tr td textarea {
width: 200px;
height: 89px;
font-family: Arial;
font-size: 11px; color:#333333;
}
.input {
width: 200px;
font-family: Arial;
font-size: 11px; color:#333333;
}
div.contactform table tr td select {
width: 205px;
font-family: Arial;
font-size: 11px; color:#333333; font-style:italic;
}
.button{
	background-color:#FFFFFF; border:solid 1px #fff; color:#935715; height:18px; width:70px; font-size:11px;
}
/* footer */
#footer { background:url(../images/bg_footer.gif) no-repeat; width:953px; height:95px;  text-align:left; float:left}
#left-footer {width:500px; padding-left:15px; text-align:left; float:left; color:#FFFFFF; padding-top:18px; font-family:Arial;  font-size:12px; line-height:20px;}

#right-footer{width:180px; padding-right:30px; float:right; padding-top:18px; font-size:14px; letter-spacing:2px; color:#249091; font-size:11px; text-align:right; font-weight:bold  }

#left-footer a:hover {color:#6FEAFF; text-decoration:underline;}
#left-footer a {color:#6FEAFF; text-decoration:none;}

#mid-footer {width:40%; text-align:center; float:left; color:#fff; line-height:20px;}
#mid-footer a {color:#fff;}
#mid-footer a:hover {color:#CD0C0C;}

#date {color:#8F8F8F; font-size:11px;}
#gotop {width:464px; text-align:right;}
#page_cur, #page_cur a, #page_cur a:visited, #page_cur a:link{color:#26A4E1;}
#page, #page a, #page a:visited, #page a:link{color:#444;}
#pagelist {text-align:center; width:100%;}
.copyright{ }


#tree{
	list-style:none; 	
}
#tree li{
	display:block; padding:5px 20px;
}
.folder{
	background:url(../images/list_icon.gif) no-repeat 0px 6px; display:block; color:#000;
}
.folder a{ color:#000}
.folder a:hover{ color:#606060}
.file{ background:url(../images/icon2.gif) no-repeat 0 10px; color:#000}
.file a{ color:#000 }
.file a:hover{ color:#60606}