body {
	margin:0px auto; 
	font-family:Arial, Helvetica, sans-serif;
	background:#bfddef;
	font-size:12px;
	text-align: center;
	background:url(../imgs/vn/bg/bg.gif) repeat ;	
}


#main_body{
	margin: 0 auto;
	text-algin: center;
}

a{
	corlor: #000;
}

from, ul { padding:0px; margin:0px; list-style:none}
table { font-size:11px; padding:0px; margin:0px}
img { border:0}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
}


.left_banner{
	height: 174px;
	width: 539px;
	background:url(../imgs/imgs_use/banner_l.gif) no-repeat ;
}

.right_banner{
	height: 174px;
	width: 161px;
	background:url(../imgs/imgs_use/banner_r.gif) no-repeat right;
}

.center_banner{
	height: 174px;
	background:url(../imgs/imgs_use/banner_repeat.gif) repeat-x right;

}

.clr { clear:both}

.fr { float:right;}

.fl { float:left}


.bodysite { background:#ffffff; width:998px}

.tbc { font:Arial; font-size:11px; color:#4a4a4a; text-align:left }

.tbc-l { font:Arial; font-size:12px; color:#4a4a4a; padding:7px 5px 0px 15px }

.logout { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#993300}

.text1{ color:#4c769e}

.text2 { color:#9e162c}

.hand{cursor:pointer;cursor:hand}

.bg02 { background:#f6f6f6}

.bg03 { background:#f9f9f9}

.bg04 { background:#FFFFFF}

.bg05 { background:#FFFFFF}

.bgtooltip {background:#fdfdfd; border:1; bordercolor:#0066cc; cellpadding:0; cellspacing:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#993300}

#bgmenu-l { background:url(../imgs/vn/bg/bg.menu.left.gif) repeat-x; width:168px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#497fb2; font-size:11px; font-weight:none }

.menu-l { clear:both; padding-left:5px; background:url(../imgs/vn/bg.menu.left.gif) repeat-x;  font-family:Arial, Helvetica, sans-serif; color:#497fb2; font-size:11px; text-decoration:none;}

.menu-l1 { clear:both; padding-left:5px; padding-top:8px;background:url(../imgs/vn/bg.menu.left.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#497fb2; font-size:11px; text-decoration:none;}

.menu-l1:hover { background-color:#497fb2;color:#FFFFFF}

.menu-l2 { clear:both; padding-left:5px; padding-top:1px;background:url(../imgs/vn/bg.menu.left.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#497fb2; font-size:11px; text-decoration:none;}

.menu-l2:hover { background-color:#497fb2;color:#FFFFFF}

.menu-l:hover { background-color:#497fb2;color:#FFFFFF}

.menu-sub-l { clear:both; padding-left:0px;  font-family:Arial, Helvetica, sans-serif; color:#497fb2; font-size:11px; text-decoration:none;}

.menu-sub-l:hover { background-color:#5d9fde;color:#FFFFFF}

.link-l { font-family:arial; color:#497fb2; font-size:11px; text-decoration:none}

.link-l:hover { color:#c61f3a; text-decoration:none}

.tbclink { font:Arial; color:#505050; font-size:11px; text-decoration:none}

.tbclink:hover { color:#990000; text-decoration:underline}


.bgline { background:url(../imgs/vn/line.menu.gif) repeat-x; width:90%; height:5px}


.input2 { width:120px; height:20px; font-family:tahoma; color:#505050;font-size:11px;}

.input3 { width:120px; height:20px; font-family:tahoma; color:#454545; font-size:11px;}

.optiongroup { background-color:#8fbfed; padding:5px}

.menu-t { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#313031; font-weight:bold; text-decoration:none}

.menu-t:hover { color:#990000; background:url(../imgs/vn/button/bg-b-hover.gif) repeat-x; height:33px; padding-top:9px; width:100%} 

.pad5 { padding-top:3px}

.pad7 { padding-top:5px}

.pad10 { padding-top:10px}

.pad15 { padding-top:15px}

.pad20 { padding-bottom:20px}

.pad-l10 { padding-left:10px}

.pad-l25 { padding-left:25px}

.pad-l30 { padding-left:30px}

.pad-c10 { padding-bottom:0px}

.pad-cc { padding-left:5px}

.pad-c15 { padding:15px}

.pad-c20 { padding:20px}

/************************************************* HEADER **************************************/
/*
#autosearch{
	OVERFLOW: auto;
	width:200px;
	height:100px;
}*/

#header { width:100%; }

#logo { width:180px; height:145px}

#c-banner { width:100%}

.bgbanner { height:39px; background:#ffffff url(../imgs/vn/bg/bg.banner.gif) repeat-x left 0px}

#r-banner { width:448px}

#search {
}

.bgsearch{
	width: 153;
	height: 66;
	background:#ffffff url(../imgs/imgs_use/bg_search.gif)
}

.search_box{
	margin-top: 10px;
}
.ts { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding:15px 0px 0px 14px;line-height:11px;}

.title-l { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold } 


.form1 {width:130px; height:20px; border-color:#4A4A4A; border-width:1px; background-color:#ffffff; border-style:solid; padding-right:5px; padding-top:5px; font-size:11px; color:#282E3E; line-height:10px}


/* nav menu */
html* #menu {
	margin-top: 3px;
	margin-right: 30;
	float: right;
	height: 25px;
}

#menu {
	margin-top: 12px;
	margin-left: 70;
	float: left;
	height: 25px;
}

#menu ul{
	margin: 0;
	padding: 0;
}
#menu li{
	/*margin-left:45;*/
	display: inline;
	list-style: none;
	text-align: center;
	float: left;
	/*margin-right:31;*/
	
}


#menu a{
	padding-top: 8px;
	color:#137da5;
	height: 33px;
	font-weight: bold;
	font-family: tahoma;
	font-size: 10pt;
	text-decoration:none;	

}



#menu a:hover{
	/*color: #f98000;*/
	text-decoration: underline;
}

/* End Nav Menu */

.bgmenu{

	height: 63px;
	width: 455px;
	background:url('../imgs/imgs_use/bgmenu.gif') no-repeat;
}

.titlebar {
	height:25px;
	background:url(themes/default/imgs/vn/bg/bg.bar.title.gif) repeat-x;	
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	border-bottom:2px #87c15c solid;
}

/************************************************* LEFT ***************************************/

#left_col { width:160px; padding:0px 1px 0px 2px}

#left_col a { text-decoration:underline}
#left_col a:hover { color:#3c97e9}
.sidebox-wrapper {
	/*border: #adcfd7 1px solid;
	border-top: 1px solid #adcfd7;*/
	/*background-color: #ebf5fa;*/
	background-color: #fff;
	margin: 0px;
}

.sidebox-wrapper2 {
	/*border: #adcfd7 1px solid;*/
	/*border-bottom: 0px solid #adcfd7;*/
	/*border-top: 0px solid #bcbcbc;*/
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}

.sidebox-wrapper3 {
	border: #adcfd7 1px solid;
	background-color: #ffffff;
	padding: 0px 1px 1px 0px;
	margin: 0px;
}

.sidebox-title2 {
	/*background: #f5f5f5 url(../imgs/vn/bg/bg_bar_center.gif) repeat-x right;*/
	background: #f5f5f5 url(../imgs/imgs_use/top_center_menu.jpg) repeat-x;
	font: bold 12px tahoma, verdana, arial, sans-serif;
	/*color: #17718c;*/
	color: #137da5;
	text-align: left;
	/*border-top: 1px solid #adcfd7;*/
	margin: 0;
	height:32px;
	/*padding: 10px 0px 0px 10px;*/
	padding:2px 0px 5px 0px;
	display: block;
	/*margin-top: 11px;*/
}

.sidebox-title3 {	
	background: #f5f5f5 url(../imgs/imgs_use/top_center_menu.jpg) repeat-x;
	font: bold 12px tahoma, verdana, arial, sans-serif;	
	color: #137da5;
	text-align: left;	
	margin: 0;
	height:32px;	
	padding:2px 0px 7px 0px;	
	text-align:center;
}

#newpro{
	margin-top:11px;
	}
#product{
	margin-top:6px;
	}
#product_dt{
	margin-top:9px;
	}	
#contact{
	margin-top:-8px !important;
	}		

.sidebox-title {
	height: 30px;
	background: #f5f5f5 url(../imgs/imgs_use/top_left_right.gif) repeat-x;
	font: bold 12px arial, verdana, arial, sans-serif;
	color: #137da5;
	margin: 0;
	font-weight: bold;
	padding: 2px 0px 7px 0px;
	width: 100%;

}

.box-delim {
	border-top: 0px solid #cbcbcb;
	margin: 0px 10px 0px 10px;
}

#menuproduct { border:1px #d7dada solid;}

#bor-left { border-left:0px #198dc4 solid; border-right:0px #198dc4 solid; border-bottom:0px #198dc4 solid; }
.tbc ul { padding-left:5px; text-align:left}
.tbc li { padding:3px 0 2px 10px}
.tbc a { color:#000}
.tbc a:hover { text-decoration:none}

.bgtitle {height:33px; color:#17718c; font-size:10px}


#ico-l { float:left; width:10px; height:10px; padding-left:15px; padding-top:5px}

.namepro-l { font-family:Tahoma, Helvetica, sans-serif; font-size:11px; color:#366189; font-weight:bold; background-color:#f6f6f6; height:20px; padding-top:5px}

.price-l { font-family:Tahoma; font-size:11px; color:#ff0000}

#linemenu { background:url(../imgs/vn/bg/bg.line.gif) repeat-x center; height:5px}

/************************************************* BODY ***************************************/

#body_main { width:100%}




.body_col { width:100%;float:left;}


#bg-m4 { background:url(../imgs/vn/bg/bg.m4.gif) repeat-x; height:30px}

.titlemain { font:tahoma; color:#000000; font-size:11px; font-weight:bold; text-decoration:none}

/* #producthome { float:left; width:148px; padding-left:1px;margin-right:1px; padding-bottom:3px; background:#FFFFFF} */

#product1 { float:left; width:100%; padding-left:5px; padding-bottom:5px;}

.namepro { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#366189; padding-left:10px; background:#f6f6f6; height:45px}

.namepro-detail { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#366189; padding:3px 0px 0px 15px; background:#f6f6f6; height:20px; text-decoration:none}


.namepro2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#505050; padding:5px; background:#f4f4f4; height:20px}

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

#bg1 { background:#ffffff}



#bortop { background:url(../imgs/vn/bg/m5-t.gif) repeat-x; height:5px}

#borbottom { background:url(../imgs/vn/bg/m5-b.gif) repeat-x; height:5px}

#borleft { background:url(../imgs/vn/bg/m5-l.gif) repeat-y; width:5px}

#borright { background:url(../imgs/vn/bg/m5-r.gif) repeat-y; width:5px}

/************************************************* RIGHT ***************************************/

#right_col { width:160px; background:#FFFFFF; padding-right:2px}



#borderright { border-left:1px #d7dada solid; border-right:1px #d7dada solid; border-bottom:1px #d7dada solid; }

.shopcart { font-family:Arial, Helvetica, sans-serif; color:#3c97e9; font-size:11px; font-weight:bold; padding:6px }

.inputs { 
	width:80px;
	font:Arial;
	font-size:11px;
	color:#505050;
	
}

.register { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:505050;}

.register:hover { color:#3c97e9}

.tbcnews { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:505050;}
.tdnews { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:66ff00;}
.tbcnwes:hover { color:#ae1b33} 

.tdung a { color:#505050; font-weight:normal}



/************************************************* FOOTER **************************************/

.tbcfooter {font:Arial; font-size:11px; color:#4a4a4a; font-weight: bold}

.linkfooter { font-family:Arial, Helvetica, sans-serif; color:RGB(0,102,255); font-weight: bold;  font-size:11px; text-decoration:none}

.linkfooter:hover { color:#f36220}

.counter { font-family:tahoma; color:#366189; font-size:11px; font-weight:bold}

#bg_partner { background:url(../imgs/vn/bg/bg_partner.gif) repeat-x; height:81px; padding:0px; overflow:hidden}


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

.support { font-family:arial; color:#505050; font-size:12px; padding:10px}

#product2 { float:left; padding:10px; border:1px #e0e0e0 solid; background:#CCCCCC}

#product-c { float:left; padding:10px; background:#FFFFFF; border:1px #aed5ff solid }

#line { 
	background:url(../imgs/vn/line.search.gif) repeat-x center;
	height:5px;
	
}

.news { font:arial; color:#366189; font-size:12px; font-weight:bold; text-decoration:none}

.news:hover { color:#0f6b97}

.advertising { font:arial; color:#366189; font-size:12px; font-weight:bold; text-decoration:none; padding:10px}

.bgcard { background-color:#dadada; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#366189; }

.border2 { border-left:1px #bfbfbf solid; border-right:1px #bfbfbf solid; border-bottom:1px #bfbfbf solid;}

#border3 { border-left:1px #dfe1e2 solid; border-right:1px #dfe1e2 solid; border-bottom:1px #dfe1e2 solid;}

#product5 { float:left; padding-left:8px;margin-bottom:10px}

.border-pro { border:1px #bfbfbf solid; padding:5px}

.border-pro2 { border:1px #bfbfbf solid}

.entit { font:arial; color:#cccccc; font-size:10px; font-weight:none; text-decoration:none }
.entit:hover { color:#ff9966 ;text-decoration:underline }


/****************** them moi ********************/

#newshome {width:180px; text-align:left; padding:10px}
#newshome h4 { font-size:11px; font-weight:bold; padding-bottom:5px}

#newsmore {  padding:5px; text-align:left}
#newsmore ul { padding:5px; background:#f5f5f5 url(../imgs/vn/bg/bg_news.gif) repeat-x top}
#newsmore ul li { padding:5px}
#newsmore ul li a { color:#505050}
#newsmore ul li a:hover { color:cf4e14; text-decoration:underline}

#products  {width:33%; text-align:center; border: 1px solid #9cceff}
#products div.sph { text-align:center; width:100%; height:100px; margin 0 auto;}
#products div.pro_title { text-align:center; width:100%; height:55px; margin 0 auto;}
html* #products div.pro_title { text-align:center; width:100%; height:65px;}
#products div.sph a { font-weight: bold; color: #17718c}
#products div.sph a:hover{ color: #e35d34}
#products div.info_sp { float:center; padding:15 0 0 10px}
#products div.info_sp a { color:#000000; text-decoration:underline}
#products div.info_sp a:hover { text-decoration:none; color: #117489}
#products h4 { font-size:12px; padding:10px}
#products a { color:#e54e0a}
#products a:hover { text-decoration:none}

.bg_price{
	background:url(../imgs/imgs_use/bg_price.gif) no-repeat;
	margin: 7 auto;
	width: 101px;
	height: 27px;
	font-weight: bold;
	padding-top: 7;
	color:#17718c;
}
.bor { /*border: #adcfd7 1px solid; border-top:0px;*/ padding:0px}
.bor2 {/* border: #adcfd7 1px solid; border-top:0px; */padding:10px}
#news { /*border: #bcbcbc 1px solid; border-top:0px;*/ text-align:justify; padding:10px}
#news span.date { font-size:11px; color:#808080; font-style:italic}
#news p.more { text-align:right; clear:both; color: #000;}
#news a { color:#cf4e14}
#news a:hover { text-decoration:none}
#news h4 { font-size:11px; font-weight:bold; color:#000}
#news ul { padding:10px}
#news ul span { font-size:12px; font-weight:bold}
#news ul li { padding:5px 0 5px 15px}

.prodetail { float:left; width:250px; text-align:center;}
.prodetail p { margin:0px; padding:5px 0px}
.prodetail a { color:#e54e0a; text-decoration:underline}
.info { margin:0px 10px 0px 260px; text-align:left; background: url(../imgs/vn/bg/bg_info.gif) repeat-x top; padding:10px; border:1px #adcfd7 solid}

html* .info { margin:0px 40px 0px 260px; text-align:left; background: url(../imgs/vn/bg/bg_info.gif) repeat-x top; padding-right:10px; border:1px #adcfd7 solid}

.pro_dt1
{
	width:100%;
	}
html* .pro_dt1
{
	width:97%;
	}	
.sum { color:#e54e0a;}

.navigator { text-align:left; font-size:11px; color:#505050;
	/*background: #ebf5fa;
	height: 20px;
	display: block;*/
}
.navigator a { color:#17718c; text-decoration:none; font-weight:bold};
.navigator a:hover{	color:#e35d34 }


.bgmenu2 { background:url(../imgs/vn/bg_menu.gif); height:30px; color:#e94e08; font-size:12px; font-weight:bold; text-align:left}
.bgmenu2 span { display:block; padding:5px }

ul#list li { background:url(../imgs/vn/icon/plus2.gif) no-repeat left center; padding:2px 0px 3px 15px}

#current{
	background: #fffcd6; 
	display: block;
	line-height: 25px;
	padding-left: 5px;
}

.bg_ad { background:url(../imgs/vn/bg_logo.jpg) no-repeat; width:92px; height:68px;}


.bg_menu2{
	background: url(../imgs/imgs_use/bg2.jpg) repeat-x;
}


.top_c{
	/*background: url(../imgs/imgs_use/top_c.jpg) repeat-x;*/
}
.left{
	background: url(../imgs/imgs_use/l.jpg) repeat-y;
}

.bottom_c{
	background: url(../imgs/imgs_use/bt_c.gif) repeat-x;
}

.right{
	background: url(../imgs/imgs_use/r.gif) repeat-y;
}
.navigator
{
	margin-top:5px;
	
	}
.quicksearch
	{
		margin-top:35px;
		margin-right:30px;
		width:40%;		
	}
.zoom 
 {
 	margin-top:0px;
	
	}
#titlenews
	{ margin-top:9px;}			
/* fix ie */
html* .quicksearch
{
	margin-top:0px;
	margin-right:14px;
	}
html* .dangnhap
{ margin-right:2px;
}	
	
html* .body_home{
	margin-left: 0px;
}
.body_home{
	margin-left: 1px;
}
html* .pad25{
	padding-top:28px;
}

.pad25 {
	padding-top:25px;
	}

html* .body_col{
	margin-left: 0px;
	
}

.right_col
{
	margin-right:2px;
	}
	
html* .right_col
{
	margin-right:0px;
	}	
	
#tongquan{
	margin-top:9px;
	}
	
#logocomp
{
	float:left;
	width:30%;
	}
.infocomp
{
	float:right;
	width:70%}
#ie_left
{
	margin-top:3px;
}
html* #ie_left
{
	margin-top:0;
}	
	
/* Bo goc dung div */
.roundcont {
width: 157px;
color: #000;
}

.roundcont_pro {
/*width: 100%;*/
width: 100%;
color: #000;
/*width:expression(document.body.clientWidth < 1200? "98%" : document.body.clientWidth > 1200? "98%" : "auto");*/
}

html* .roundcont_pro {
color: #000;
}

.roundcont p {
margin: 0 10px;
}

.roundtop {
background: url(../imgs/imgs_use/top_r.jpg) no-repeat top right;
}

.roundtop_pro {
background: url(../imgs/imgs_use/top_r.jpg) no-repeat top right;
/*width:expression(document.body.clientWidth < 1200? "700px" : document.body.clientWidth > 1200? "auto") !important;*/
}

html* .roundtop_pro {
background: url(../imgs/imgs_use/top_r.jpg) no-repeat top right;
/*margin-right:-20px;*/
}

html* .roundbottom_pro {
background: url(../imgs/imgs_use/bt_r.jpg) no-repeat top right;
/*margin-right:-20px;*/
}

.roundbottom {
background: url(../imgs/imgs_use/bt_r.jpg) no-repeat top right;
}

.roundbottom_pro {
background: url(../imgs/imgs_use/bt_r.jpg) no-repeat top right;
}

.roundcenter {
background: url(../imgs/imgs_use/r.jpg) repeat-y top right;

}

.roundcenter .tmp{
background: url(../imgs/imgs_use/l.jpg) repeat-y top left;

}

img.corner {
	border: none;
	display: block !important;		
}


.top_c { background:url(../imgs/imgs_use/top_c.jpg) repeat-x; width:128px; margin-top:-18px; margin-left:16px;}
.bt_c { background:url(../imgs/imgs_use/bt_c.gif) repeat-x; width:128px; margin-top:-18px; height:18px; margin-left:16px;}

.top_c_pro { background:url(../imgs/imgs_use/top_c.jpg) repeat-x; margin-top:-18px; margin-left:16px;}
.bt_c_pro { background:url(../imgs/imgs_use/bt_c.gif) repeat-x; margin-top:-18px; height:18px;margin-left:16px;}

/*html* .top_c_pro { background:url(../imgs/imgs_use/top_c.jpg) repeat-x; margin-top:-18px; margin-left:16px; 	
	width: 96% !important;
	}
html* .bt_c_pro { background:url(../imgs/imgs_use/bt_c.jpg) repeat-x; margin-top:-18px; margin-left:16px;
	width:96% !important;
	} */
/* ket thuc Bo goc dung div */

.content 
{
	width:expression(document.body.clientWidth < 1200? "380px" : document.body.clientWidth > 1200? "auto") !important;	
	padding:0 10px 0 10px;
		
}
#news img { max-width:370px; }

.form_w { width:95%; }