body, ul, li, a, div, h1, h2, h3, h4, h4, h6 { FONT-FAMILY: Tahoma Arial Verdana; FONT-WEIGHT: normal; }
.main { WIDTH: 960px; MARGIN: 0px auto; FLOAT: left; CLEAR: both;}
.header { WIDTH: 960px; MARGIN: 0px auto; FLOAT: left; CLEAR: both; MIN-HEIGHT: 60px; }

.footer { WIDTH: 960px; MARGIN: 0px auto; FLOAT: left; CLEAR: both; MIN-HEIGHT: 60px;  BORDER-TOP: solid 2px #04a504; BACKGROUND:#34383b;}




/*=========Top Menu==========*/
.homepage_menu { MARGIN: 2px auto; WIDTH: 960px; FLOAT: left; BACKGROUND-IMAGE: url(pic/web/menu/bg.png); BACKGROUND-REPEAT: repeat-x; HEIGHT: 32px; }
.homepage_space { MARGIN: 2px 20px; BACKGROUND-IMAGE: url(pic/web/menu/space.png); BACKGROUND-REPEAT: repeat-x; WIDTH: 2px; HEIGHT: 15px; FLOAT: left; POSITION: relative; TOP: 5px; }
.homepage_menu ul { LIST-STYLE-TYPE: none; }
.homepage_menu ul li { HEIGHT: 31px; LINE-HEIGHT: 31px; FLOAT: left; MARGIN: 0px auto; }
.homepage_menu ul li A.home, .homepage_menu ul li A.home:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: White; MARGIN-LEFT: 10px; }
.homepage_menu ul li A, .homepage_menu ul li A:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: White; TEXT-DECORATION: none; }
.homepage_menu ul li A:hover { TEXT-DECORATION: none; }

/*=========Tieu de==========*/
.boxtitle{WIDTH:498px;BACKGROUND-IMAGE:url(pic/web/title/tit.gif);BACKGROUND-REPEAT:no-repeat;HEIGHT:29px;FLOAT:left;CLEAR:both;}
.boxtitle .cap{FONT-FAMILY:Tahoma;FONT-SIZE:13px;FONT-WEIGHT:bold;COLOR:White;POSITION:relative;top:7px;LEFT:30px;}
.boxtitle A.cate{FONT-FAMILY:Tahoma;FONT-SIZE:13px;FONT-WEIGHT:bold;COLOR:White;POSITION:relative;top:7px;LEFT:40px;}
.line { HEIGHT: 2px; WIDTH: 99%; CLEAR: both; }
/*BOX TIEU DE DANH MUC SAN PHAM*/
.boxprods,.boxprods .l,.boxprods .r{WIDTH:195px;BACKGROUND-IMAGE:url(pic/web/title/tit.gif);BACKGROUND-REPEAT:no-repeat;HEIGHT:29px;FLOAT:left;}
.boxprods .l{WIDTH:30px;FLOAT:left;BACKGROUND-POSITION:left 30px;}
.boxprods .r{WIDTH:165px;BACKGROUND-POSITION:right 100%;FLOAT:left;POSITION:relative;}
.boxprods .r .tit{FONT-FAMILY:Tahoma;FONT-SIZE:13px;FONT-WEIGHT:bold;COLOR:White;POSITION:relative;top:7px;}



.boxcate{HEIGHT:30px;WIDTH:196px;FLOAT:left;BACKGROUND-IMAGE:url(pic/web/title/cate.gif);BACKGROUND-REPEAT:no-repeat;}
.boxcate .tit{FONT-FAMILY:Tahoma;FONT-SIZE:13px;FONT-WEIGHT:bold;COLOR:#646560;POSITION:relative;top:8px;LEFT:28px;}
/*===================*/


/*=========Left Menu==========*/
	/*Box left menu*/
		.box { margin-bottom: 10px; }
		.box .top, .box .top div, .box .bottom, .box .bottom div { height: 6px; overflow: hidden; font-size: 1px; line-height: 0; clear: both; background: url(pic/web/menu/s.gif) no-repeat; }
		.box .top { background-position: left -144px; padding-left: 6px; }
		.box .bottom { background-position: left -150px; padding-left: 6px; }
		.box .top div { background-position: right -156px; padding-right: 6px; }
		.box .bottom div { background-position: right -162px; padding-right: 6px; }
		.box .top div div, .box .bottom div div { height: 5px; background: #DFDFD6; padding: 0; }
		.box .top div div { border-top: #999 1px solid; }
		.box .bottom div div { border-bottom: #999 1px solid; }
		.box .content { border-left: #999 1px solid; border-right: #999 1px solid; background: #DEDFD6; padding: 0 5px; min-height: 5px; }
		.box1 .top { background-position: left 0px; }
		.box1 .bottom { background-position: left -6px; }
		.box1 .top div { background-position: right -12px; }
		.box1 .bottom div { background-position: right -18px; }
		.box1 .top div div, .box1 .bottom div div { background: #fff; }
		.box1 .content { background: #fff; }





.left { WIDTH: 210px; FLOAT: left; MARGIN: 0px auto; }
.left .top { WIDTH: 210px; FLOAT: left; MARGIN: 0px auto; HEIGHT: 12px; BACKGROUND-IMAGE: url(pic/web/menu/top.gif); BACKGROUND-REPEAT: no-repeat; }
.left .bg { WIDTH: 210px; FLOAT: left; MARGIN: 0px auto; BACKGROUND-IMAGE: url(pic/web/menu/bg-left.gif); BACKGROUND-REPEAT: repeat-y; MIN-HEIGHT: 200px; }
.left .bg .tit { FONT-FAMILY: Tahoma; FONT-SIZE: 16px; FONT-WEIGHT: normal; COLOR: White; HEIGHT: 30px; LINE-HEIGHT: 30px; POSITION: relative; LEFT: 10px; }
.left .bg ul { LIST-STYLE-TYPE: none; }
/**
.left .bg ul li { LINE-HEIGHT: 28px; HEIGHT: 28px; BORDER-TOP: dotted 1px #FFFFFF; }
.left .bg ul li A, .left .bg ul li A:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 13px; FONT-WEIGHT: normal; COLOR: White; DISPLAY: block; TEXT-DECORATION: none;}
.left .bg ul li A:hover { BACKGROUND-IMAGE:url(pic/web/menu/bg-A-hover.gif);BACKGROUND-REPEAT:repeat-y;COLOR:Black;}
.left .bg ul li .link{POSITION:relative;left:20px;}
**/



/*=========Home page - SAN PHAM TIEU BIEU==========*/
.cap { FONT-FAMILY: Tahoma; FONT-SIZE: 16px; COLOR: Black; FONT-WEIGHT: bold; }


/*=========Products - Templates==========*/

.proditemsblock { FLOAT: left; WIDTH: 99%; /*de 99 hoac 100%*/BORDER:solid 1px Silver;MIN-HEIGHT:280px;BACKGROUND-IMAGE:url(pic/web/bg/folder_body.gif);BACKGROUND-REPEAT:repeat-x;BACKGROUND-POSITION:bottom}
.proditemsblock .image { FLOAT: left; MARGIN: 0px auto; MARGIN-LEFT: 4px; PADDING-BOTTOM: 4px;}
.proditemsblock .box{BORDER:solid 1px red;FLOAT:left;}
.proditemsblock .id{FONT-FAMILY:Tahoma;FONT-SIZE:10px;FONT-WEIGHT:bold;COLOR:#cc0000;}
.proditemsblock .desc { FLOAT: left; MARGIN: 0px 2px 4px 4px; FONT-FAMILY:Tahoma; FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: Black; TEXT-ALIGN:left;VERTICAL-ALIGN:top;WIDTH:auto;}
.proditemsblock .proname { FLOAT: left; CLEAR: both; WIDTH: 99%; MARGIN: 4px 0px 4px 4px; TEXT-ALIGN: left; }
.proditemsblock .proname A, .proditemsblock .proname A:hover { FONT-FAMILY: Tahoma,Verdana; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-DECORATION: none; COLOR: #005800; DISPLAY: block; MARGIN: 2px; }
.proditemsblock .proprice { FLOAT: left; CLEAR: both; POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; MARGIN: 0px auto; COLOR: #db0000; FONT-FAMILY: Arial; FONT-SIZE: 8.25pt; FONT-WEIGHT:bold}
.proditemsblock .propriceold { FLOAT: left; CLEAR: both; POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; MARGIN: 0 auto; FONT-FAMILY: Arial; FONT-SIZE: 8.25pt; COLOR: Silver; FONT-WEIGHT:bold}


/*=========Khoi Products==========*/
.prodsblock { WIDTH: 99%; FLOAT: left; CLEAR: both;}
.prodsblock ul { LIST-STYLE-TYPE: none; }
.prodsblock ul li { }
.prodsblock ul li A.cate, .prodsblock ul li A.cate:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 13px; FONT-WEIGHT: bold; COLOR:White; TEXT-DECORATION: none; POSITION: relative; LEFT: 14px;TOP:7px }
A.cate, A.cate:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: Black; POSITION: relative; LEFT: 4px; }
.cate { FONT-FAMILY: Tahoma; FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: Black; TEXT-DECORATION: none; POSITION: relative; LEFT: 4px; }


/*============Chi tiet Items cua Products================*/
#prodetail { WIDTH: 100%; MARGIN: 5px auto; FLOAT: left; POSITION: relative; PADDING-BOTTOM: 10px; }
#prodetail A.cate, #proindex A.cate:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: Black; POSITION: relative; POSITION: relative; TOP: 5px; LEFT: 0px; }

#prodetail .title { WIDTH: auto; MARGIN: 0px auto; FLOAT: left; CLEAR: both; FONT-FAMILY: Tahoma; FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: #2d64b7; MARGIN: 5px 0px 5px 5px; }
#prodetail .id { HEIGHT: 18px; LINE-HEIGHT: 18px; CLEAR: both; FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #db0000; MARGIN-BOTTOM: 5px; }
#prodetail .boxcontent .img { FLOAT: left; WIDTH: 150px; MARGIN-LEFT: 5px; }
#prodetail .boxcontent .content { FLOAT: left; FONT-FAMILY: Arial; FONT-SIZE: 12px; TEXT-DECORATION: none; COLOR: Black; MARGIN-LEFT: 5px; }
#prodetail .boxcontent .content .desc { FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; COLOR: Black; FLOAT: left; CLEAR: both; MARGIN: 5px 0px; }
#prodetail .detail { FLOAT: left; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: Black; MARGIN: 5px 5px; }
.price { FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #db0000; }
.prdoldprice { FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: Silver; TEXT-DECORATION: line-through; }


/*San pham hot ben phai*/
.rightitemsblock{MIN-HEIGHT:120px;BACKGROUND-IMAGE:url(pic/web/bg/folder_body.gif);BACKGROUND-REPEAT:repeat-x;BACKGROUND-POSITION:bottom;BORDER:solid 1px Silver;}
A.prodstitle, A.prodstitle:HOVER { FONT-FAMILY: Tahoma; FONT-SIZE: 11px; FONT-WEIGHT:bold; COLOR: #336699; TEXT-DECORATION: none; }
.prodsprices{FONT-FAMILY:Tahoma;FONT-SIZE:10px;FONT-WEIGHT:bold;COLOR:#e10000}
.prodspricesold{FONT-FAMILY:Tahoma;FONT-SIZE:10px;FONT-WEIGHT:bold;COLOR:Silver}
h2 { FONT-FAMILY: Tahoma; FONT-WEIGHT: bold; COLOR: Black; FONT-SIZE: 16px; }





/*==================TIN TUC========================*/
/*============Item Tin tuc of GroupNews()================*/
.nwsitemblock { FLOAT: left; WIDTH: 100%; FONT-FAMILY: Arial; FONT-SIZE: 9pt; COLOR: Black; }
.nwsitemblock .nwstitle { POSITION: relative; CLEAR: both; FLOAT: left; WIDTH: 100%; }
.nwsitemblock .nwstitle a.title, .nwsitemblock .nwstitle a.title:hover { DISPLAY: block; FONT-FAMILY: Tahoma; FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: #1c38b3; POSITION: relative; LEFT: 5px; MARGIN: 4px auto; }
.nwsitemblock .nwstitle a.title:hover { TEXT-DECORATION: none; COLOR: #0173d5; }
.nwsitemblock .image { FLOAT: left; POSITION: relative; MARGIN: 0px auto; WIDTH: 105px; MARGIN: 0px 5px; BORDER: solid 1px #f4f4f4; }
.nwsitemblock .desc { FONT-FAMILY: Arial; FONT-SIZE: 9.5pt; FONT-WEIGHT: normal; COLOR: Black; FLOAT: left; }

/*======================TIN TUC=======================*/

/*=============Top 1 tin tuc moi nhat================*/
#top1 { WIDTH: 100%; MARGIN: 0px auto; FLOAT: left; CLEAR: both; PADDING-BOTTOM: 10px; }
#top1 #title { MARGIN: 5px auto; FLOAT: left; CLEAR: both; }
#top1 #title A, #top1 #title A:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: #db0000; TEXT-DECORATION: none; DISPLAY: block; POSITION: relative; LEFT: 5px; }
#top1 .image { FLOAT: left; WIDTH: 160px; BORDER: solid 1px #f4f4f4; MARGIN-LEFT: 5px; }
#top1 .desc { MARGIN-LEFT: 5px; FLOAT: left; MARGIN: 0px 5px; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: Black; }

/*=============NHOM TIN TREN TREN NEWS INDEX================*/
#nwsindex { WIDTH: 99%; MARGIN: 5px auto; FLOAT: left; POSITION: relative; }
#nwsindex .l { BACKGROUND-IMAGE: url( pic/web/tab/tab_products.gif ); BACKGROUND-POSITION: 0px -180px; HEIGHT: 27px; MARGIN: 0px; PADDING: 0px; FLOAT: left; WIDTH: 5px; MARGIN-LEFT: 4px; }
#nwsindex .r { BACKGROUND-IMAGE: url( pic/web/tab/tab_products.gif ); BACKGROUND-POSITION: 100% -140px; HEIGHT: 27px; MARGIN: 0px; WIDTH: 585px; FLOAT: left; }
#nwsindex .r A.cate, #nwsindex .r A.cate:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: Black; POSITION: relative; POSITION: relative; TOP: 5px; LEFT: 0px; }

#nwsindex ul { LIST-STYLE-TYPE: none; }
#nwsindex ul .box { WIDTH: 100%; MARGIN: 0px auto; POSITION: relative; MARGIN-BOTTOM: 0px; }
#nwsindex ul .box .r li { MARGIN: 0px auto; POSITION: relative; CLEAR: both; LEFT: -10px; TOP: 2px; }
#nwsindex ul #nwsindex .box .r li a.cate, #nwsindex ul #nwsindex .r li a.cate:hover { FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: Black; TEXT-DECORATION: none; }
#nwsindex ul li a:hover { TEXT-DECORATION: none; }

/*Top 1 Tin trong cate*/
#nwsindex ul .nwsbox { WIDTH: 100%; MARGIN: 0px auto; MARGIN-BOTTOM: 5px; }
#nwsindex ul .nwsbox .title { MARGIN: 5px auto; FLOAT: left; CLEAR: both; }
#nwsindex ul .nwsbox .title A, #nwsindex ul .nwsbox .title A:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #db0000; TEXT-DECORATION: none; DISPLAY: block; POSITION: relative; LEFT: 5px; }
#nwsindex ul .nwsbox .image { FLOAT: left; WIDTH: 120px; BORDER: solid 1px #f4f4f4; MARGIN-LEFT: 5px; }
#nwsindex ul .nwsbox .desc { MARGIN-LEFT: 5px; FLOAT: left; MARGIN: 0px 5px; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: Black; }
/*Cac tin khac*/
.othernews { WIDTH: 100%; MARGIN: 0px auto; FLOAT: left; }
.othernews .msg { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: Black; POSITION: relative; LEFT: 5px; TOP: 5px; PADDING-BOTTOM: 5px; }
.othernews ul { LIST-STYLE-TYPE: none; MARGIN-TOP: 5px; }
.othernews ul li { CLEAR: both; HEIGHT: 14px; LINE-HEIGHT: 14px; POSITION: relative; LEFT: 5px; }
.othernews ul li a.title, .othernews ul li a.title:hover { FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #2d64b7; TEXT-DECORATION: none; }
.othernews ul li a.title:hover { TEXT-DECORATION: none; }
.othernews ul .icon { BACKGROUND-IMAGE: url(pic/web/icon/blue_bullet.gif); BACKGROUND-REPEAT: no-repeat; WIDTH: 11px; HEIGHT: 11px; FLOAT: left; POSITION: relative; TOP: 2px; MARGIN-LEFT: 5px; }

/*===========ITEMS TREN CATE DETAIL CUA NEWS=============*/
#nwscate { WIDTH: 99%; MARGIN: 0px auto; FLOAT: left; POSITION: relative; MARGIN-BOTTOM: 10px; }
#nwscate .title { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #db0000; POSITION: relative; TOP: 5px; LEFT: 0px; PADDING-BOTTOM: 5px; }
#nwscate .page { MARGIN: 0px auto; FLOAT: left; CLEAR: both; WIDTH: 580px; MARGIN-TOP: 3px; }
#nwscate .page A, #nwscate .page A:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 11.5px; FONT-WEIGHT: normal; COLOR: blue; TEXT-DECORATION: none; }
#nwscate .page A:hover { COLOR: #1c38b3; }

/*===========CHI TIET TIN=============*/
#nwsdetail { WIDTH: 100%; MARGIN: 5px auto 10px auto; }
#nwsdetail .l { BACKGROUND-IMAGE: url( pic/web/tab/tab_products.gif ); BACKGROUND-POSITION: 0px -180px; HEIGHT: 27px; MARGIN: 0px; PADDING: 0px; FLOAT: left; WIDTH: 5px; MARGIN-LEFT: 4px; }
#nwsdetail .r { BACKGROUND-IMAGE: url( pic/web/tab/tab_products.gif ); BACKGROUND-POSITION: 100% -140px; HEIGHT: 27px; MARGIN: 0px; WIDTH: 585px; FLOAT: left; }
#nwsdetail .r A.cate, #nwsdetail .r A.cate:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: Black; POSITION: relative; POSITION: relative; TOP: 5px; LEFT: 0px; }
#nwsdetail .r A.cate:hover { TEXT-DECORATION: none; }
#nwsdetail .newscontent { MARGIN: 0px 5px; FLOAT: left; WIDTH: auto; }
#nwsdetail .newscontent .title { WIDTH: auto; MARGIN: 5px auto; FONT-FAMILY: Tahoma; FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: #2d64b7; }
#nwsdetail .newscontent .time { MARGIN: 0px auto; FONT-FAMILY: Tahoma; FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: Silver; MARGIN-BOTTOM: 5px; }
#nwsdetail .newscontent .desc { MARGIN: 0px auto; FONT-FAMILY: Tahoma; FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: Black; }
#nwsdetail .newscontent .content { MARGIN: 5px auto; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: Black; }
#nwsdetail .newscontent .author { MARGIN: 5px auto; FONT-FAMILY: Tahoma; FONT-SIZE: 11.5px; FONT-WEIGHT: bold; COLOR: Black; }

A.newscatename, A.newscatename:hover { FONT-FAMILY: Tahoma; FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: Black; TEXT-DECORATION: none; }