@charset "utf-8";
@import url("yui-reset.css");
body, html{ height:100%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	background:#FFF url(../images/bg-page.gif) center center repeat-y;	
}
#container{	
	width:800px;
	margin:0px auto;
	padding:0;
	background-color:#FFFFFF;
}
#ptop{ width:100%; float:left;  background-color:white;}
.logo{ width:181px; height:96px; float:left;}
.pbanner-topmenu{ width:609px; float:right; height:96px;}
* html .pbanner-topmenu .banner-title{ width:607px; float:right;}
.pbanner-topmenu .banner-title{ width:609px; float:left; height:58px;}
.topmenu{ width:607px; float:left; background: #FFFFFF url(../images/Bar-Top.jpg) left center no-repeat; height:31px;}
.topmenu ul{padding-left:10px; list-style:none;}
.topmenu ul li{ line-height:30px; float:left;}
.topmenu ul li span{ line-height:30px; margin:0 10px 0 10px; float:left;}
.topmenu ul li a{
	color:#000;	
	float:left;	
	text-decoration:none;
	font-size:9pt;
}
.topmenu ul li a:hover{
	text-decoration:underline;
}
#pcontent{ width:100%; float:left;}
.col-left{ width:180px; float:left;}
.menuleft-header{ width:158px; float:left; background:url(../images/bar-left.jpg) left top no-repeat; height:26px; line-height:26px;
	font-size:10pt; font-weight:bold; text-transform:uppercase; margin:0 0 0 2px; padding-left:20px;
}
.menu{ width:100%; background:none;}
.adv-left{ width:178px; float:left; margin:3px;}
.col-right{ width:606px; float:right; margin:0;}
.col-right .banner-top{ width:606px; height:202px; float:right;}
.col-right .box-center{ width:606px; float:left; margin:10px 0px;}
.col-right .box-center .top-pro{ width:585px; float:left; height:26px; line-height:26px;
font-size:10pt; font-weight:bold; text-transform:uppercase; padding-left:20px;
background:#FFFFFF url(../images/box-top-sanpham.jpg) left center no-repeat; }
.col-right .box-center .top-pro a{ font-size:10pt; font-weight:bold; text-transform:uppercase;
color:#003399; text-decoration:none;}
.col-right .box-center .top-pro a:hover{ color:#E66713;}
.col-right .box-center .fill-pro{ background:url(../images/box-fill-sanpham.jpg) left top repeat-y; width:595px;
	float:left;
	padding:5px;
}
.col-right .box-center .fill-pro .item{
	width:198px; background:url(../images/bg-sanpham.gif) center top no-repeat;
	height:190px;
	text-align:center;
	float:left;
	padding-top:8px;
}
.col-right .box-center .fill-pro .item p {margin-top:15px;}
.col-right .box-center .fill-pro .item p a{ font-size:9pt; color:#003399; text-decoration:none; text-align:center; font-weight:bold;}
.col-right .box-center .fill-pro .item p a:hover{ color:#E75A16;} 
.col-right .box-center .bottom-pro{ width:605px; float:left;}

.col-right .box-bottom{ width:606px; float:left; margin-top:10px;}
.col-right .box-bottom .top-news{ width:575px; float:left; height:25px; line-height:25px;
font-size:10pt; font-weight:bold; text-transform:uppercase; padding-left:30px;
background:#FFFFFF url(../images/box-top-news.jpg) left top no-repeat; }
.col-right .box-bottom .fill-news{ background:url(../images/box-fill-news.jpg) left center repeat-y; width:595px;
	float:left;
	padding:5px;
}
.deskline-box{ width:323px; float:left; font-size:9pt; color:#333333;}
.deskline-box .picture{ width:95px; float:left; text-align:center;}
.deskline-box .title-art a{ font-size:9pt; font-weight:bold; color:#2f3192; text-decoration:none;}
.deskline-box .title-art a:hover{ color:#F35A27;}
.deskline-box .tindadua, .deskline-box .list-tindadua{ width:279px; float:left;}

.list-tindadua ul{width:270px; list-style:none; float:left;}
.list-tindadua ul li{line-height:16px; width:100%; clear:left;}
.list-tindadua ul li a{
	background:url(../images/bullet-og.gif) left 3px no-repeat;
	padding-left:15px;
	float:left;
	color:#2f3192; text-decoration:none;
}
.list-tindadua ul li a:hover{ color:#F06F17;}
.title-tindadua{ font-size:9pt; font-weight:bold; color:#f58220;text-decoration:underline; float:left; padding-left:10px;}
.col-right .box-bottom .bottom-news{ width:605px; float:left;}

#pbottom-banner{width:100%; float:left; margin:10px 0 0 0;}
#pFooter{ width:790px; margin:10px 5px 5px 5px; float:left; height:57px; background: url(../images/bg-footer.jpg) center center repeat-x;}
.footer-text{ width:600px; margin-left:180px; font-size:8.5pt; color:#000;}
#development{width:800px; height:13px; float:left; text-align:right;}

/*Contact form*/
.title-contact{
	width:100%;	
	float:left;
	font-size:10pt;
	font-weight:bold;
	font-family:Verdana, Arial;
}
.errmsg{color:#FF0000; font-size:9pt;}
#tblContact{	
	margin:10px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#frmContact{ width:100%; text-align:center; margin:0px auto; float:left;}
#tblContact tr td{ margin:5px; padding:5px;}
.textbox{ width:300px; font-size:10pt;}

/*Tin tuc*/
a.paging{ color:#003399; text-decoration:none;}
a.paging:hover{ color:#B73D09; text-decoration:none;}
.news{ width:100%; float:left; margin:0; padding:0;}
.news .category-name{ width:100%; float:left; clear:left; border-bottom:1px solid #CCCCCC;}
.news .category-name a{ 
	font-size:9pt;
	font-family:Arial;
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;	
	line-height:21px;
	padding:0 0 0 5px;
}
.news-row{
	width:100%;	
	float:left;
	margin-bottom:10px;
}
.news-row .title-article a{
	font-family:tahoma;
	font-size:9pt;
	color:#003399;
	font-weight:bold;
	text-decoration:none;
}
.news-row .title-article a:hover{
	color:#F57705;
	text-decoration:underline;
}
.pic-article {
	width:100px;
	margin:2px;
	padding:0 5px; float:left;
}
.news-row .header-article{
	width:100%;
	float:left;
	font-family:tahoma, arial;
	font-size:9pt;	
}
.deckline{ text-indent:20px; width:100%; float:left;}
.news-row .date{
	width:100%;
	color:#666666;
	font-size:7pt;
	font-weight:bold;
}
.paging-div{
	width:100%;
	float:left;clear:left;
	text-align:right;
	position:relative;
	font-size:9pt;
}
.norecord{
	margin-top:10px;
	padding-top:10px;
	width:100%; font-size:8pt; color:#333333;
	float:left;
}
.detail{ display:inline;}
.detail a{ color:#F48323; font-size:7.5pt; text-decoration:none;}
.detail a:hover{ color:#F48323; font-size:7.5pt; text-decoration:underline;}
.title-article-detail{
	font-size:11pt;
	font-weight:bold;
	width:100%;
	color:#0066FF;
}
.date-article{ font-size:8pt; width:100%;}
.fill-pro .content{ font-size:9pt; float:left;}
.fill-pro .content p{ margin:10px 0; float:left;}
.fill-pro .content table{ float:left; width:100%; text-align:center;}
.notepicture{ color:#0033CC; font-size:8pt;}
.list-posted{ width:100%; float:left; margin:10px 0;}
.list-posted .title{ width:100%; font-size:8pt; font-weight:bold;}
.list-posted .list{ width:100%;}
.list-posted .list ul{color:#0000A0; padding-left:20px; list-style:none;}
.list-posted .list ul li{ line-height:18px; background:url(../images/bullet-og.gif) left 5px no-repeat; padding-left:20px;}
.list-posted .list ul li a{
	color:#0000A0;	
	float:left;	
	text-decoration:none;
	font-size:9pt;
}
.list-posted .list ul li a:hover{
	text-decoration:underline;
}
.goback{ width:100%; text-align:right; float:left;}
.goback a{ color:#003399; text-decoration:none;}
.goback a:hover{ color:#F8470C;}
table{ width:100%;}
/* Product */
.title-product{
	width:100%;
	float:left;	
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	margin:5px 0;
}
.product{ width:100%; float:left; position:relative;}
.product .item{ width:99%; float:left; margin:10px auto;}
.picture{ width:310px; float:left;}
.product-name a{ font-weight:bold; font-size:10pt; color:#CCCCCC; text-decoration:none;}
.product-name a:hover{ font-weight:bold; font-size:10pt; color:#FF9900; text-decoration:none;}
.product-price {font-size:10pt; font-weight:bold; line-height:25px; height:25px;}
.price{color:#FF0000;}
.product-summery{ font-size:9pt; line-height:15px;}

.box-center .fill-pro .name{font-weight:bold; font-size:10pt; color:#003399; text-decoration:none; border-bottom:1px solid #CCCCCC;}
.box-center .fill-pro .picture{ width:100%; text-align:center; margin:10px auto;}
.box-center .fill-pro .product-price{ width:100%; float:left;}
.box-center .fill-pro .content, .box-center .fill-pro .content p{ font-size:9pt; width:100%; float:left; position:relative; text-indent:20px;}

a.back{ color:#003399; font-size:8pt; font-weight:bold; text-decoration:none;}
a.back:hover{ color:#F57705;}
.bdBox{width:98%; padding:5px; border:1px solid #999; margin-left:3px;}
.BoxDetailContent{
	padding:5px;	
}
.TitleDetailArticle{ font-weight:bold;}
.videocontent{width:400px; height:320px; margin:0px auto; text-align:center;}