/* CSS Design by DSI */

@import url("../css/news.css");
@import url("../css/misc.css");
@import url("../css/gallery.css");
@import url("../css/paging.css");
@import url("../css/slide_news.css");
@import url("../css/slider.css");

body{
	background:#fcd903 ;/*("../images/bg_body.jpg")*/
	margin:0px;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
a{
	color:#b22c27;
	text-decoration:none;
	outline:none;
}	
img{
	border:0px;
}
a:visited{
	color:#b22c27;
}
a:hover{
	color:#f23e20;
}
/*Begin HomePage*/
#home{
	width:100%;
	margin:0px auto;
	padding:0px;
	background:#fef301 url("../images/home_bg_footer.jpg") no-repeat bottom left;
}
#home_wrap{
	width:100%;
	margin:0px auto;
	padding:0px 0px 10px;
	background:url("../images/home_bg_header.jpg") repeat-x top left;
}
#home .header{
	width:1000px;
	margin:0px auto;
	padding:5px 0px 0px;
}
#home .header .cocbia{
	margin:0px 0px 0px;
	padding:0px;
	text-align:center;
}
#home .mid{
	width:1000px;
	margin:0px auto;
	background:#fefa00 url("../images/home_bg_mid.jpg");
}
#home .mid .menu{
	margin:0px auto;
	padding:0px;
	padding-top:5px;
	text-align:center;
}
#home .midbox{
	width:990px;
	margin:0px auto;
	padding:10px 0px 0px;
	background:#FFFFFF;
}
#home .midbox h1.title{
	background:#b22c27;
	margin:0px;
	padding:5px 7px;
	width:80px;
	font-size:12px;
	color:#FFFFFF;
	text-transform:uppercase;
}
#home .midbox .left{
	width:310px;
	margin:0px;
	padding:0px 10px;
	float:left;
}
#home .midbox .center{
	width:290px;
	margin:0px;
	padding:20px 0px 20px;
	float:left;
	text-align:center;
}
#home .midbox .right{
	width:350px;
	margin:0px;
	padding:0px 10px;
	float:right;
}
#home .footer{
	width:1000px;
	margin:0px auto;
	padding:5px 0px;
	text-align:center;
	color:#b22c27;
	line-height:16px;
}
#home ul.list{
	list-style:none;
	margin:0px;
	padding:10px 0px;
}
#home ul.list li{
	list-style:none;
	background:url("../images/bullet2.jpg") no-repeat;
	background-position:0px 6px;
	margin:0px;
	padding:5px 0px 3px 20px;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
}
#home .botmenu{
	clear:both;
	background:#b22c27 url("../images/bg_index_bottom.jpg");
	margin:0px;
	padding:0px 0px;
}
#home .botmenu p{
	text-transform:uppercase;
	font-size:12px;
	float:left;
	margin:0px;
	padding:7px 0px 7px 48px;
	color:#FFFFFF;
	font-weight:bold;
}
#home .botmenu p a, #home .botmenu p a:visited{
	color:#FFFFFF;
}
#home .botmenu p a:hover{
	color:#fffb06;
}
/*End HomePage*/

#wrap{
	width:100%;
	margin:0px auto;/* TOP RIGHT BOTTOM LEFT*/
}
#wrap_inner{
	width:100%;
	margin:0px auto;
}
#header{
	width:950px;
	margin:0px auto;
	padding:34px 0px 0px;
	background:url("../images/banne2.jpg") no-repeat top left;
	background-position:0px 10px;
	height:68px;
}
/*Begin Menu*/
#menu{
	width:950px;
	clear:both;
	margin:0px auto;
	padding:13px 0px 0px 0px;
	height:25px;
	background:url("../images/trang_trong_top.jpg") no-repeat;
}
#menu ul.top{
	list-style:none;
	padding:0px;
	margin:0px;
}
#menu ul.top li.top{
	float:left;
	list-style:none;
	display:block;
	margin:0px 1px 0px 0px;
	padding:0px;
}
#menu ul.top li.top a.top{
	display:block;
	text-transform:uppercase;
	color:#FFFFFF;
	height:25px;
	padding:0px 15px;
	font-weight:bold;
	font-size:11px;
	float:left;
}
#menu ul.top li.top a.top:visited{
	color:#FFFFFF;
}
#menu ul.top li.top a.top:hover, #menu ul.top li.top a.top.active{
	/*background:url("../images/bg_menu_active.jpg");*/
	color:#FFFFCC;
}
#menu ul.top li.top a.top span{
	display:block;
	padding:0px 0px 0px;
}
/*End Menu*/
#top_slide{
	margin:0px auto;
	padding:9px 0px 0px 9px;
	background:url("../images/bg_top_slide.jpg") no-repeat;
	width:926px;
	height:258px;
}
#content-wrap{
	clear:both;
	margin:0px auto;
	padding:0px 0px;
	width:950px;
	color:#333333;
	background:#FFFFFF;
}
/*Begin Main*/
#main-content{
	width:auto;
	clear:both;
	margin:0px;
	padding:10px 0px 0px;
}
#mid-side{
	min-height:120px;
	float:left;
	margin:0px;
	padding:5px 10px 0px 0px;
	width:730px;
}
#mid-side h1.title{
	background:url("../images/bg_h1_right.jpg") right top no-repeat;
	border:1px #dedede solid;
	margin:0px 0px 1px 0px;
	padding:0px;
	height:28px;
}
#mid-side h1.title div{
	background:url("../images/bg_h1.jpg") left top no-repeat;
	margin:0px;
	padding:6px 5px 0px 30px;
	font-size:11px;
	text-transform:uppercase;
	color:#e60002;
}
#mid-side .mid-box1{
	border:0px #CCCCCC dotted;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	min-height:180px;
}
#mid-side .mid-box2{
	border:1px #CCCCCC solid;
	min-height:180px;
	margin:0px 0px 10px 0px;
	padding:1px;
}
#mid-side .mid-box22{
	border:1px #CCCCCC solid;
	min-height:180px;
	margin:0px;
	padding:5px;
}
#mid-side .mid-box222{
	float:left;
	margin:5px 10px 5px 0px;
	padding:0px;
	width:320px;
}
.mid-box22 span.image{
	float:left;
	display:block;
	width:100px;
	margin: 0px 5px 5px 0px;
	padding:0px;
}
.mid-box22 span.intro{
	float:right;
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:210px;
	line-height:16px;
}
.mid-box22 span.intro a{
	font-size:12px;
}
.mid-box2 .readmore{
	background:#F5F5F5;
	padding:3px 0px;
	text-align:right;
}
ul.newsest{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.newsest li{
	background:url("../images/bullet1.jpg") no-repeat;
	margin:5px 0px 5px 0px;
	padding:0px 0px 5px 20px;
	border-bottom:1px #CCCCCC dotted;
}
ul.newsest li a, ul.newsest li a:visited{
	color:#333333;
}
ul.newsest li a:hover{
	color:#000000;
}
.fsearch{
	background:url("../images/bg_search.jpg") no-repeat right top;
	height:35px;
	padding:8px 0px 0px 20px;
}
.fsearch input{
	border:0px;
	color:#999999;
}
.fsearch .submit2{
	background:none;
	cursor:pointer;
	outline:none;
}	

#mid-side .mid-box1 .gallery{
	clear:both;
	margin:0px;
	padding:10px 5px;
	border:1px #CCCCCC solid;
	min-height:50px;
}

#nproducts{
	margin:0px;
	padding:0px;
}
.nproduct{
	margin:0px;
	padding:0px 2px 0px 0px;
	float:left;
	width:180px;
}
.nproduct .box-top{
	background:url("../images/box_top1.jpg") left top no-repeat;
	margin:0px;
	padding:0px 5px;
	height:22px;
	color:#9b0710;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
.nproduct .box-mid{
	background:url("../images/box_mid1.jpg") left top repeat-y;
	margin:0px;
	padding:5px 5px;
}
.nproduct .box-bot{
	background:url("../images/box_bot1.jpg") left top no-repeat;
	margin:0px;
	padding:0px;
	height:16px;
}

/*Added 8/6/10*/

#left-side{
	float:left;
	width:200px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 5px;
}
#left-side h1.title{
	background:url("../images/bg_h1_right.jpg") right top no-repeat;
	margin:0px;
	padding:0px;
	border:1px #dedede solid;
	height:28px;
	margin:0px 0px 1px 0px;
}
#left-side h1.title div{
	background:url("../images/bg_h1.jpg") left top no-repeat;
	margin:0px;
	padding:6px 5px 0px 30px;
	font-size:11px;
	text-transform:uppercase;
	color:#e60002;
}
.left-box{
	background:#FFFFFF;/* url("../images/bg_right_box.jpg") repeat-x*/
	padding:5px;
	margin:0px 0px 10px 0px;
	min-height:10px;
}
.left-box .box-top{
	background:url("../images/box_top.jpg") left top no-repeat;
	margin:0px;
	padding:0px 5px;
	height:22px;
	color:#9b0710;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
.left-box .box-mid{
	background:url("../images/box_mid.jpg") left top repeat-y;
	margin:0px;
	padding:5px 5px;
}
.left-box .box-bot{
	background:url("../images/box_bot.jpg") left top no-repeat;
	margin:0px;
	padding:0px;
	height:16px;
}
.left-box h2.title{
	margin:0px;
	padding:2px 0px 8px 0px;
	font-size:12px;
	font-weight:bold;
}
.left-box span.image{
	float:left;
	display:block;
	width:100px;
	margin: 0px 5px 5px 0px;
	padding:0px;
}
.left-box span.intro{
	float:right;
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:180px;
	line-height:16px;
}
.left-box p{
	text-align:left;
	padding:0px 5px 0px 35px;
	margin:5px 0px;
	min-height:21px;
}
.left-box p.pdf{
	background:url("../images/dsi/pdf.gif") no-repeat 10px 3px;
	line-height:18px;
}
.left-box p.telephone{
	background:url("../images/dsi/telephone.png") no-repeat 10px 3px;
	line-height:18px;
}
.left-box p.email{
	background:url("../images/dsi/email.png") no-repeat 10px 3px;
	line-height:18px;
}
.left-box p.yahoo{
	background:url("../images/dsi/yahoo.png") no-repeat 10px 3px;
	line-height:18px;
}
.left-box div.logo{
	float:left;
	width:105px;
	margin:0px 5px 5px 0px;
	padding:0px;
}

/*End Main*/
/*Begin Footer*/
#footer{
	background:#FFFFFF;
	clear:both;
	margin:0 auto;
	width:930px;
	padding:10px 10px 10px 10px;
	line-height:18px;
	color:#b22c27;
}
/*End Footer*/
/*Misc*/
.clear{
	clear:both;
}
.line{
	margin:0px;
	padding:15px 0px;
	clear:both;
	border:0px;
	border-bottom:1px #CCCCCC solid;
}
.float-left{
	float:left;
}	
.float-right{
	float:right;
}


/*Ck*/
.TDbanner{
	background:#CCCCCC;
}
.cActive, .Active{
	background:#CCCCCC;
	font-weight:bold;
}
.cNoActive, .NoActive{
	background:#000000;
}
.TDtitle{
	background:#333333;
	color:#FFFFFF;
}