* { margin:0; padding:0;}
body {font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; color:#414141; min-width:1000px;}
#top{display:block;float:left;height:auto;}
#top-center{display:block;float:left;background:url(../images/top_bg.gif);repeat-x right top; height:398px;}
#top-left{ background:url(../images/top_bg.gif);width:34px;display:block;height:398px;float:left;}
#top-right { background:url(../images/top_bg.gif);width:34px;display:block;float:left;height:398px;}
#topimg{ background-image:url(../images/top_img.gif);width:1000px;height:70px;background-repeat:no-repeat;float:left;display:block;}
#top2{display:block;float:left;height:43px;width:1000px;background-repeat:repeat-x;}
#top2_logo{background-image:url(../images/top2_img.gif);width:310px;height:43px;background-repeat:no-repeat;float:left;display:block;}
#top3{background-image:url(../images/top3_img.gif);width:1000px;height:242px;background-repeat:no-repeat;float:left;display:block;}

/**************menu***********************/
#navigationbox{
	display:block;
	width:670px;
	float:left;
	
	height:43px;
	background-repeat:repeat-x;
}

#line{background-image:url(../images/narvigation_line.gif);width:1px;height:30px;background-repeat:no-repeat;float:left;}
#mainnav_bar{
	height:43px;
	background-image: url(../images/narvigation-bar_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width:692px;
	float: left;
	}
#mainnav a{
position:relative;
	display:block;
	height:43px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	background-color: transparent;
	float:left;
	color:#FFFFFF;
	border-right:thin;
	list-style-type:none;

	}


#mainnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	color:#302e2e;
	border-right:thin;
	}

#mainnav ul li{
	display:block;
	float:left;
	margin:0 0px 0 0;
	border-right:thin;
	}

#mainnav ul li a{
	display:block;
	float:left;
	color:#666666;/* mau hien thi*/
	text-decoration:none;
	padding:12px 13px 0px 13px;/*khoang cach cac nut* paddig(top,right,bottom,left)*/border-right: 1px solid #e5e5e4;
	height:31px;
	}

#mainnav ul li a:hover,#mainnav ul li a.current1{
	color:#ebf6a3;
		background: url(../images/narvigation-bar_over_bg.gif); repeat-x top left;
	}

/***********product*****************/
#product_box{display:block;float:left;height:125px;width:1000px;background-color:#ebecec;}
#product_ban1{display:block;float:left;margin-left:40px;margin-right:30px;}



/****************feather****************/
#detailbox{float:left;display:block;}
#detailbox_icon{float:left;display:block;}
#detailbox_detail{float:left;display:block;}
input, textarea, select { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}
.fleft {
	float:left;
	margin-top:0px;
	vertical-align:middle;
	width:900px;
}

.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
.zoom { overflow:hidden;}

p { margin:0; padding:0;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-top-right { background:url(images/tail-top-right.gif) repeat-x right top; width:50%; position:absolute; right:0; top:0; height:359px;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form { position:absolute; left:39px; top:10px;}
#form label { float:left; display:block; color:#414141; font-size:.92em; text-transform:uppercase; margin-right:9px; line-height:1em; padding-top:3px;}
#form span { display:block; float:left; width:141px; height:17px; background:url(images/input-bg.gif) no-repeat left top; padding:1px 5px 0 5px;} 
#form input { background:none; border:0; vertical-align:top; line-height:1em; width:141px;}

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#666666;}
#contacts-form input { width:227px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #ededed; color:#414141;}
#contacts-form textarea {
	width:600px;
	height:159px;
	padding:1px 0 1px 3px;
	background:url(images/png-bg.png) left top;
	border:1px solid #ededed;
	color:#414141;
	margin-bottom:20px;
	overflow:auto;
}
#contacts-form .link1 { float:right;}


/*==================list====================*/
ul { list-style:none;}

.list { position:absolute; right:177px; top:14px;}
.list li { float:left; background:url(images/divider1.gif) no-repeat right top; padding-right:20px; margin-right:20px;}
.list li.last { background:none; padding-right:0; margin-right:0;}

.site-nav { position:absolute; left:12px; top:40px;}
.site-nav li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:.92em; text-transform:uppercase; background:url(images/divider2.gif) repeat-y right top}
.site-nav li a { text-decoration:none; color:#bfbfbf; display:block; padding:13px 28px 2px 28px;}
.site-nav li a:hover { text-decoration:underline;}
.site-nav li.last { background:none;}

.list1 { margin-top:-24px;}
.list1 li { width:100%; overflow:hidden; vertical-align:top; padding-top:24px;}
.list1 li p,
.list1 li h4 { 
	top:-5px; position:relative;
}
.list1 li img { float:left; margin-right:15px;}
.list1 li .link1 { float:right; margin-bottom:0;}
.list1 li .link1:hover { text-decoration:none;}

.list2 { padding-bottom:20px; margin:0;}
.list2 li { font-weight:bold; padding:0 0 5px 12px; background:url(images/marker.gif) no-repeat left 5px;}


/*==================other====================*/
.img-box img { margin-bottom:15px; display:block;}

.p1 { margin-bottom:21px;}
.p2 { margin-bottom:15px;}

.phone { float:right; margin-right:30px;}


/*==================txt, links, lines, titles====================*/
a { color:#333333; outline:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a:hover{text-decoration:none;}
a .title{ color:#1a9294; outline:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a:hover{text-decoration:none;}
h3 {
	color:#990000;
	font-family:"trebuchet MS", Helvetica, sans-serif;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:1em;
	padding-bottom:14px;
	margin-bottom:12px;
	margin-top:10px;
}

h5 { color:#333333; font-family:Arial, Helvetica; font-size:15px; font-weight:normal; line-height:1em;margin-bottom:14px;}

h6 { color:#4d6f19; font-family:Arial, Helvetica; font-size:14px; font-weight:normal; line-height:1em;margin-bottom:14px;font-weight:bold;}

.text1{ color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;}

.text2:a { color:#009999; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;}

h4 { color:#628d15; font-size:1em; text-transform:uppercase;}
h5 { color:#0099CC; font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-top:10px;font-weight:bold;}
h4 a { text-decoration:none; color:#0099CC;}




/*header*/
#header .logo { position:absolute; left:14px; top:88px;}
#header .slogan { position:absolute; left:39px; top:227px;}

/*content*/

#content {
	padding:20px 0px 20px 10px;
	float:left;
	display:block;width:990px;
	
}
#content_left {
	float:left;
	display:block;
	width:680px;
}
/*#content_right { background:url(../images/leftside_bg.gif);height:690px;width:270px;background-repeat:repeat-x;float:left;display:block;padding:10px 10px 10px 10px;margin-left:15px;background:#def0e7;background-position:bottom;background-repeat:repeat-y;}*/
#content_right {float:left;width:309px;margin-right:0px;}
#content p,
#content h4 {
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin-bottom:10px;margin-right:6px;
}
.contentbox{
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin-bottom:10px;margin-right:6px;
}
/**************box****************/
#box_feather{float:left;width:309px;margin-bottom:20px;}
#box_top{background:url(../images/box_title_img.gif);width:309px;height:39px;background-repeat:no-repeat;float:left;}
.title_box{color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-top:9px;float:left;display:block;font-weight:bold;text-align:center;vertical-align:middle;width:309px;}
.title_box1{color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin-top:7px;float:left;display:block;font-weight:bold;text-align:center;vertical-align:middle;width:309px;}
h7 {text-align:center;color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#box_top_content{float:left;}
#box_bg{background:url(../images/box_bg_img.gif);height:auto;width:293px;background-repeat:repeat-y;float:left;padding:7px;}
#box_bottom{background:url(../images/box_bottom_img.gif);height:7px;width:309px;float:left;}
/**************login****************/

#loginbar{vertical-align:top;float:left;display:block;width:300px;}
#login-form { clear:right; width:100%; overflow:hidden;}
#login-form fieldset { border:none; float:left; }
#login-form .field { clear:both;}
#login-form label { float:left; width:90px; line-height:18px; padding-bottom:12px; color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#login-form input {
	width:150px;
	padding:1px 0 1px 3px;
	border:1px solid #ededed;
	color:#414141;
	height:20px;
}
#number_bar{display:block;float:left;width:auto;}
#number_img{display:block;float:left;padding-right:2px;}
#number_text{display:block;float:left;width:auto;}
.number{ list-style: none; margin: 0 0 13px; padding: 0; }
.number li { margin: 0 0 8px 0; padding: 3px 0 3px 0px;  line-height: 20px; color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:12px;list-style:none;}
.bluetextnumber{color:#088195;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
.textnumber{color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:13px;padding-left:4px;padding-right:10px;font-weight:bold;}

/***********/

.link1 { display:block; float:left; background:url(../images/link1-tail.gif) repeat-x top; text-transform:uppercase; color:#4f4f4f; text-decoration:none; line-height:1em; margin-bottom:-12px;}
.link1 em { display:block; background:url(../images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;}
.link1 span { display:block; color:#fff; top:-13px; left:-1px; position:relative;}
.link1:hover span {
	color:#00FFFF;
}
.link2 { display:block; float:left; background:url(../images/link2-tail.gif) repeat-x top; text-transform:uppercase; color:#666666; text-decoration:none; line-height:1em; margin-bottom:-12px;}
.link2 em { display:block; background:url(../images/link2-left.gif) no-repeat left top;}
.link2 b { display:block; background:url(../images/link2-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;}
.link2 span { display:block; color:#666666; top:-13px; left:-1px; position:relative;}
.link2:hover span {
	color:#990000;
}

/***********check calling ******************/
/*#checkcailling{background:url(../images/callingcheck1_bg.gif) no-repeat left top;width:472px;height:88px;margin-left:87px;padding:15px 8px 10px 12px;}*/
#checkcailling_box{display:block;float:left;}
#checkcailling_item{display:block;float:left;color:#3ba9c5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;margin:5px;font-weight:bold;}
#available{background:url(../images/available_icon.gif)  no-repeat left top;width:20px;height:33px;padding:5px 8px 10px 25px; color:#3ba9c5;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin-top:5px;margin-left:10px;float:left;}
.go_btn a{background:url(../images/go_btn.gif) no-repeat top;width:36px;height:24px;}
.go_text a{color:#006699;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;padding-left:5px;text-decoration:none;margin-top:5px;}
.checkcallingtext{color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;;font-weight:bold;}
#checkingcall_text{float:left;
	width:150px;
	line-height:18px;
	padding-bottom:12px;
	color:#045e70;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
.checking title{
	float:left;
	display:block;
	width:150px;
	line-height:18px;
	padding-bottom:12px;
	color:#045e70;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
#checkingcall-form { clear:right; width:100%; overflow:hidden;display:block;float:left;width:300px;}
#checkingcall-form fieldset { border:none; float:left;display:block;float:left; }
#checkingcall-form .field { clear:both;display:block;float:left; }
#checkingcall-form label {
	float:left;
	width:150px;
	line-height:18px;
	padding-bottom:12px;
	color:#045e70;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#checkingcall-form button{
	background:url(../images/go_btn.gif) no-repeat left top;width:33px;height:24px;display:block;float:left;
}
.go_btn {background:url(../images/go_btn.gif) no-repeat top;width:33px;height:24px;}
#checkingcall-form input {
	width:200px;
	padding:1px 0 1px 3px;
	border:1px solid #ededed;
	color:#414141;
	height:20px;
	color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;
	}
input {
	width:200px;
	padding:1px 0 1px 3px;
	border:1px solid #ededed;
	color:#414141;
	height:20px;
	color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;
	}
/*footer*/
#footer {float:left;display:block;height:95px;  background:url(../images/foot_bg.gif) left top repeat-x;width:1000px;}
#footer .indent { padding:30px 40px 20px 40px;}
#footer a { color:#E8E8E8;text-decoration:none;text-align:center;width:1000px;}
.footer  { color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

/*==========================================*/

