body {
	margin:0px; 
	font-family:Arial, Helvetica, sans-serif;
	background:#0170a8;
	font-size:12px;	
}

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;
}

.clr { clear:both}

.fr { float:right;}

.fl { float:left}

.sa_left { /*background:url(../themes/default/imgs/vn/bg/bg_left.gif) repeat-y; width:15px*/}
.sa_right { /*background:url(../themes/default/imgs/vn/bg/bg_right.gif) repeat-y; width:15px*/}
.bodysite { background:#ffffff; width:780px}

.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(../themes/default/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(../themes/default/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(themes/default/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(themes/default/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(../themes/default/imgs/vn/line.menu.gif) repeat-x; width:90%; height:5px}


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

.input3 { width:160px; 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(../themes/default/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:300px;
	height:100px;
}*/

#header { width:100%; }

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

#c-banner { width:100%}

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

#r-banner { width:448px}

#search { width:160px}

.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:155px; 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}

ul#menut li { float:left; padding:0; margin:0; display:block; font-size:11px}
ul#menut li a { color:#ffffff; text-decoration:none; font-weight:bold; display:block; padding:8px 12px 5px 12px; background:url(../themes/default/imgs/vn/bg/line_menu.gif) no-repeat top left}
ul#menut li a:hover { background:#ec7b2f}

.bgmenu { background:url(../themes/default/imgs/vn/bg_menu.gif); height:30px; color:#FFF; font-size:12px}
.bgmenu a { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold}
.bgmenu a:hover { text-decoration:underline}
/* .bgmenu:hover { background:#00CCFF} */

.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: #bcbcbc 1px solid;
	border-top: 1px solid #bcbcbc;
	background-color: #fdfdfd;
	padding: 0px 1px 1px 0px;
	margin: 0px;
}

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

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

.sidebox-title2 {
	background: #f5f5f5 url(../themes/default/imgs/vn/bg_bar2.gif) no-repeat left top;
	font: bold 12px tahoma, verdana, arial, sans-serif;
	color: #cf4e14;
	text-align: left;
	margin: 0;
	height:37px;
	padding: 8px 0px 0px 10px;
	display: block;
}

.sidebox-title {
	background: #f5f5f5 url(../themes/default/imgs/vn/sidebox_title_bg2.gif) repeat-x left top;
	font: bold 12px arial, verdana, arial, sans-serif;
	color: #cf4e14;
	margin: 0;
	padding: 11px 0px 7px 0px;

}

.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:5px; text-align:left}
.tbc li { padding:3px 0 2px 10px}
.tbc a { color:#cf4e14}
.tbc a:hover { text-decoration:none}

.bgtitle { background:url(../themes/default/imgs/vn/bg/bg-b.gif) repeat-x; height:33px; color:#FFF; font-size:12px}


#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(../themes/default/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(../themes/default/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(../themes/default/imgs/vn/bg/m5-t.gif) repeat-x; height:5px}

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

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

#borright { background:url(../themes/default/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:100px;
	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 }

.linkfooter { font-family:Arial, Helvetica, sans-serif; color:#505050; 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(../themes/default/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(../themes/default/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(../themes/default/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:205px; text-align:left; margin:5px 5px 5px 5px; border:1px solid #e0e0e0}
#products div.sph { text-align:center; padding:5px; width:205px; height:120px}
#products div.info_sp { float:left;  padding:30px 0 0 10px}
#products div.info_sp a { color:#000000; text-decoration:underline}
#products div.info_sp a:hover { text-decoration:none}
#products h4 { font-size:12px; padding:10px}
#products a { color:#e54e0a}
#products a:hover { text-decoration:none}
#products div.price { float:right; background:url(../themes/default/imgs/vn/bg/bg_price1.gif) no-repeat right; height:71px; margin-top:5px; width:110px; color:#ffffff}
#products div.price p { background: #e65d1f url(../themes/default/imgs/vn/bg/bg_price2.gif) no-repeat left; height:24px; margin-top:25px}
#products div.price span { display:block; padding:5px 2px 0 15px; font-weight:bold}

.bor { border: #bcbcbc 1px solid; border-top:0px; padding:0px}
.bor2 { border: #bcbcbc 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;}
#news a { color:#cf4e14}
#news a:hover { text-decoration:none}
#news h4 { font-size:11px; font-weight:bold; color:#cf4e14}
#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:#fefad4 url(../themes/default/imgs/vn/bg_info.jpg) repeat-x top; padding:10px; border:1px #ffe6a4 solid}

.sum { color:#e54e0a;}

.bg_logo { background:url(../themes/default/imgs/vn/bg_logo.jpg) no-repeat; width:90px; height:68px;  margin:0 1px 0 1px}

.bg_logo span { text-align:center}

.navigator { text-align:left; border-bottom:1px dotted #808080; font-size:11px; color:#505050; padding:10px}
.navigator a { color:#ea4e08; text-decoration:none; font-weight:bold}


.bgmenu2 { background:url(../themes/default/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(../themes/default/imgs/vn/icon/plus2.gif) no-repeat left center; padding:2px 0px 3px 15px}





