@charset "utf-8";
@import url("yui-reset.css");
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	background-color:#f8d6af;
}
#container{
	width:950px;
	background:#fff url(../images/bg-main.gif) top center no-repeat;
	margin:0 auto;
	padding:0px 5px;	
	overflow:hidden;	
}
#banner1{
	width:950px;
	margin:5px auto;
}
.logo{ width:175px; float:left;}
.banner{ width:770px; float:right;}

#topmenu{ width:950px; background:url(../images/bg_topmenu.gif) top left repeat-x;
	height:25px;
	color:#FFF;
	float:left;
	margin-top:5px;
}
* html #topmenu{ margin-top:0px; }
#topmenu ul{ list-style:none; overflow:hidden; margin:0 auto; padding:0px; padding-left:160px;}
#topmenu ul li{line-height:25px; float:left; margin:0 10px;}
#topmenu ul li a{
	color:#572e0a;	
	float:left;
	font-weight:bold;
	text-decoration:none;
	font-size:9pt;
}
#topmenu ul li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#footer{ width:100%;
	background:#FFF url(../images/bg_footer.gif) top center no-repeat;
	float:left; overflow:hidden;
	height:87px;	
}
.footerText{ width:100%; height:80px; color:#333; text-align:center;}
.footerText p{ margin:3px;}

#maincontent{width:100%; float:left;margin-top:5px; overflow:hidden;}
.leftColumn{ width:180px; float:left; margin:0px; padding:0px;}
.box{ width:180px; float:left; overflow:hidden; margin-bottom:5px;}
.box .boxtitle{ width:100%;
	float:left;
	background:#fff url(../images/boxleft-title.jpg) top center no-repeat;
	font-size:10pt;
	font-weight:bold;
	color:#FFF;
	height:31px;
	line-height:31px;
	text-align:center;
}
.box .boxcontent{ width:100%; float:left;
	background:#FFF url(../images/boxleft-fill.jpg) top center repeat-y;
}
.box .boxbottom{ width:100%; float:left;}

/* Menu left*/
#menu{ width:100%; float:left;}
#menu ul{ width:180px; list-style-type:none;}
#menu ul li{width:165px; float:left; clear:left; background:url(../Images/bg-item-menuleft.gif) left center no-repeat; padding-left:15px; line-height:21px; height:21px;}
#menu ul li a{ font-size:9pt; float:left; font-weight:bold; text-decoration:none; color:#ea8831;}
#menu ul li a:hover{ color:#572e0a;}

.rightColumn{ width:760px;float:left; margin-left:10px; height:auto;}
.banner2{ width:760px; float:left; margin-bottom:5px;}
.centerColumn{ width:519px; float:left;}
.boxcenter{ width:519px; float:left; overflow:hidden; margin-bottom:5px;}
.boxcenter .boxtitle{ width:519px; background:#fff url(../images/boxcontent-title.jpg) top center no-repeat;
	font-size:10pt; font-weight:bold; height:31px; line-height:31px;
	text-indent:15px;
	color:#572a02;
}
.boxcenter .boxcontent{ width:509px; background:#fff url(../images/boxcontent-fill.jpg) top center repeat-y;
	float:left;
	overflow:hidden;
	padding:5px;
}
.boxcenter .boxcontent p{margin-bottom:10px; text-indent:15px;}
.boxcenter .boxbottom{ width:519px; float:left; height:auto;}

.subRight{ width:230px; float:left; margin-left:10px;}
.boxsearch{ width:230px; height:24px; overflow:hidden; float:left;}
.searchbox{ width:120px; height:17px; font-size:10pt;
	float:left; background: url(../images/search-icon.jpg) left center no-repeat;
	padding-left:22px;	
	margin-right:5px;
}
.divAdv{ width:230px; float:left; margin:5px 0px 0px 0px;}
.content-congtrinh{ margin:5px auto; text-align:center;}
.content-congtrinh a{ color:#993300; text-decoration:none;}
.content-congtrinh a:hover{ color:#FF6600;}

/* Detail */

.rightColumn162{ width:162px; float:left; overflow:hidden; background-color:#fcdff0; text-align:center; padding:5px 0px;}
* html .rightColumn162{width:159px;}
.rightColumn162 img{ padding-bottom:5px; text-align:center;}

.goback {width:100%; float:left; text-align:right;}
.goback a{ color:#333333; text-decoration:none;}
.goback a:hover{ color:#FF0000;}

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

/*Picture*/
.divpicture{ width:100%; float:left; overflow:hidden;}
.divpicture .item{width:50%; height:170px; float:left; text-align:center; margin:10px 0;}
.paging-div{ width:506px; text-align:right; float:left; margin:2px 0; padding-right:13px;}
a.paging{ color:#333; text-decoration:none;}
a.paging:hover{ color:#F00;}

/*News*/

.title-article{ width:100%; font-size:13pt; float:left; color:#733703; font-weight:bold;}
.date{ width:100%; float:left; color:#333; font-size:8pt;}
.content-article{ width:100%; float:left; font-size:9pt;}
.sumary{ width:100%; float:left; font-weight:bold;}


.news-row{ width:100%; float:left; margin-bottom:5px;}
.title-article{ width:100%; float:left;}
.title-article a{color:#733703; text-decoration:none; font-size:11pt;}
.title-article a:hover{color:#cd660a;}
.header-article{ width:100%; float:left;}
.pic-article{ width:110px; float:left; text-align:center;}
.detail{display:inline;}
.detail a{ color:#f2790e; text-decoration:none;}
.detail a:hover{ color:#77c506;}
.norecord{ width:100%; float:left; overflow:hidden; font-size:9pt; color:#CC0000;}

.list{ width:100%; float:left;}
.list ul{color:#FFCC00; padding-left:20px; list-style:none;}
.list ul li{ float:left; line-height:18px; background:url(../images/cam-square.gif) left center no-repeat; padding-left:20px; clear:left;}
.list ul li a{
	color:#c7640c;	
	float:left;	
	text-decoration:none;
	font-size:9pt;
}
.list ul li a:hover{
	color:#6f3807;
}
/* Video */
.video-box{ width:509px; float:left;}
.video-box .title{ width:460px;	
	padding:0 0 0 41px;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	height:26px; line-height:26px;
	text-transform:uppercase;
}
.video-box .content{ width:509px; float:left; overflow:hidden;}
.video-box .content .item{ width:135px; height:135px; text-align:center; float:left; margin:5px 0px;}
.video-box .content .item a{ color:#333; text-decoration:none; line-height:18px;}
.video-box .content .item a:hover{ color:#CC0000;}

/* Products */

.boxcontent .proitem{ width:169px; float:left; text-align:center; height:160px;}
.boxcontent .proitem .title{ width:100%; float:left;}
.boxcontent .proitem .title a{ color:#3C001E; text-decoration:none;}
.boxcontent .proitem .title a:hover{ color:#F00;}
.boxcontent .proitem .picture{ width:100%; float:left; text-align:center;}
.boxcontent .proitem .picture img { border:1px solid #C60;}

.boxcontent .pro-picture{ width:100%; float:left; text-align:center;}
.boxcontent .producttitle{ float:left; font-size:10pt; font-weight:bold; color:#000;}
.boxcontent .btn-price{ font-size:11pt; color:#F00; float:left; padding-left:10px; clear:left;}
.boxcontent .pro-content{ width:100%; float:left; clear:left; margin:10px 0px;}

/*news home*/
.news-home{ width:100%; float:left;}
.news-home ul{color:#FFCC00; padding-left:20px; list-style:none;}
.news-home ul li{ float:left; line-height:18px; background:url(../images/cam-square.gif) left center no-repeat; padding-left:20px; clear:left;}
.news-home ul li a{
	color:#c7640c;	
	float:left;	
	text-decoration:none;
	font-size:9pt;
}
.news-home ul li a:hover{
	color:#6f3807;
}