@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	outline:none;
	}
a {
	text-decoration:none;
	}
img {
	border:none;
	}
ul, li {
	list-style:none;
	}
body {
	background:url(../images/main_bgr.jpg) repeat;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	}
#wrapper {
	width:972px;
	margin:0 auto;
	}
#main {
	width:972px;
	float:left;
	}
.page_view {
	padding:5px;
	}
p {
	color:#656462;
	font-size:12px;
	margin-bottom:10px;
	text-align:justify;
	}
#header {
	background:url(../images/banner_bgr.jpg) repeat-x;
	width:100%;
	height:100px;
	}
#logo {
	float:left;
	margin:5px 0 0 25px;
	}
#comp_name {
	float:left;
	width:355px;
	margin:10px 0 0 120px;
	}
#main_menu {
	width:100%;
	background:url(../images/menu_bgr.png) no-repeat;
	float:left;
	}
ul.menu {
	width:700px;
	float:left;
	margin-left:10px;
	}
ul.menu li {
	float:left;
	height:43px;
	line-height:41px;
	background:url(../images/end_menu.png) top right no-repeat;
	}
ul.menu li a {
	font-size:10px;
	color:#343434;
	padding:0 22px;
	}
ul.menu li a:hover {
	color:#fff;
	background:url(../images/menu_hover.png) repeat-x;
	display:block;
	}
#main_adv {
	background:url(../images/adv_bgr.png) no-repeat;
	width:971px;
	height:197px;
	float:left;
	margin-top:3px;
	padding-top: 3px;
	text-align: center;
	}
#flag {
	float:right;
	margin:12px 10px 0 0;
	}
#search {
	background:url(../images/search_bgr.png) no-repeat;
	width:175px;
	height:23px;
	float:left;
	margin:9px 10px 0 0;
	}
.textsearch {
	background:none;
	border:none;
	width:140px;
	float:left;
	margin:4px 0 0 7px;
	}
.submitsearch {
	background:url(../images/search_button.jpg) no-repeat;
	width:14px;
	height:14px;
	float:right;
	margin:5px 7px 0 0;
	border:none;
	}
/*--end header--*/

/*--left--*/
#left {
	width:252px;
	float:left;
	margin:5px 5px 10px 0;
	}
	.box_left {
		width:252px;
		float:left;
		background:url(../images/left_bgr.png) repeat-y;
		margin-bottom:10px;
		}
.top_left_bgr {
	background:url(../images/top_left_bgr.png) top no-repeat;
	float:left;
	width:252px;
	}
.bottom_left_bgr {
	background:url(../images/bottom_left_bgr.png) bottom no-repeat;
	width:252px;
	float:left;
	}
.content_box {
	padding:5px;
	}
.content_left {
	padding:1px;
	}
.title {
	background:url(../images/title_bgr.png) no-repeat;
	width:249px;
	line-height:36px;
	font-weight:bold;
	color:#0655a4;
	font-size:12px;
	}
.box_title_view {
	background:url(../images/title_icon.png) left no-repeat;
	padding-left:30px;
	margin-left:10px;
	}

ul.danhmuc {
	width:248px;
	float:left;
	padding-bottom:6px;
	}
ul.danhmuc li {
	float:left;
	width:248px;
	background:url(../images/cat_underline.png) bottom center no-repeat;
	height:30px;
	margin-bottom:1px;
	}
ul.danhmuc li a {
	padding:7px 0;
	color:#222;
	float:left;
	padding-left:20px;
	margin-left:15px;
	font-size:11px;
	background:url(../images/cat_icon.png) 0 11px no-repeat;
	}
ul.danhmuc li a:hover {
	color:#f79633;
	}
#contact_info {
	width:240px;
	float:left;
	padding:8px 0;
	}
#info_left {
	width:75px;
	float:left;
	color:#656462;
	font-weight:bold;
	font-size:11px;
	}
#info_right {
	font-size:11px;
	width:165px;
	float:left;
	color:#656462;
	font-weight:bold;
	}
#info_right a {
	font-size:11px;
	width:150px;
	float:left;
	color:#656462;
	font-weight:bold;
	text-decoration:underline;
	}
#info_right a:hover {
	color:#FF0000;
	}
ul.partner_adv {
	width:100%;
	float:left;
	}
ul.partner_adv li a img {
	width:248px;
	overflow:hidden;
	margin-bottom:1px;
	}
#welcome_title {
	padding:10px 0 0 10px;
	}
/*--left--*/

/*--right--*/
#right {
	width:709px;
	float:right;
	margin:5px 0 0 0;
	}
	.box_right {
		width:709px;
		float:left;
		background:url(../images/right_bgr.png) repeat-y;
		margin-bottom:10px;
		}
.top_right_bgr {
	background:url(../images/top_right_bgr.png) top no-repeat;
	float:left;
	width:709px;
	}
.bottom_right_bgr {
	background:url(../images/bottom_right_bgr.png) bottom no-repeat;
	width:709px;
	float:left;
	}
.title_right {
	background:url(../images/right_title_bgr.jpg) repeat-x;
	margin:0 0 0 20px;
	width:300px;
	line-height:34px;
	font-weight:bold;
	color:#0655a4;
	font-size:12px;
	}
.box_title_right {
	background:url(../images/title_icon.png) left no-repeat;
	padding-left:30px;
	}
.box_pro_thums {
	float:left;
	padding:20px 19px;
	}
	
.img_pro_thums {
	width:128px;
	height:95px;
	overflow:hidden;
	padding:3px;
	border:1px solid #999999;
	
	text-align: center;
	}

.img_pro_thums a {
	display:block;			
	width:126px;
	height:95px;	
	
}

.name_pro_thums {
	width:128px;
}
	
.name_pro_thums a {
	text-align:center;
	color:#0655a4;
	margin-top:11px;
	display:block;
	}
.name_pro_thums a:hover {
	color:#e77843;
	text-decoration:underline;
	font-weight:bold;
	}
/*---Phan trang---*/
#page_break {
	width:100%;
	display:block;
	float:left;
	padding-top:20px;
	}
.phan_trang{
	margin-top:5px;
	display:inline;
}

.phan_trang ul{
	border:0; 
	margin:0; 
	padding:0;
	float:left;
	margin-bottom:10px;
}



.phan_trang li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	float:left;
	padding:3px;
	color: #0b9d07;
	margin:10px 0;
}

.phan_trang a{
	margin-right:2px;
	font-weight:bold;
	display:inline;
	font-size:11px;
}

.phan_trang .previous-off,
.phan_trang .next-off {
	color:#3a3b3f;
	display:block;
	float:left;
	padding-left:200px;
	font-weight:bold;
	font-size:11px;
}

.phan_trang .next a,
.phan_trang .previous a {
	font-weight:bold;
}

.phan_trang .active{
	color:#ff0000;
	font-weight:bold;
	display:block;
	float:left;
	text-align:center;
	font-size:11px;
}

.phan_trang a:link,
.phan_trang a:visited {
	color: #3a3b3f;
	display:block;
	float:left;
	text-decoration:none;
	text-align:center;
	font-size:11px;
}

.phan_trang a:hover{
	color:#ff0000;
	font-weight:bold;
	text-decoration:underline;
}
#details_pro {
	float:left;
	margin-bottom:20px;
	}
.pro_info_title {
	font-size:14px; 
	color:#666666;
	font-weight:bold;
	margin-bottom:15px;
	text-decoration:underline;
	}
.info_details_pro {
	margin-bottom:10px;
	}
	
.list1 li {
		width:450px;
		color:#666;
		display:block;
		float:left;
		margin-left:30px;
		background:url(../images/cat_icon.png) 0 11px no-repeat;
		padding:7px 0;
		padding-left:15px;
	}
		.list1 li span {
			float:right;
			color:#424242;
			font-size:10px;
			}
		.list1 li strong {
			color:#0655a4;
			display:block;
			font-size:11px;
			width:450px;
		}
		.list1 li a {
			text-decoration:none;
			color:#0170bf;
			
		}
		.list1 li a:hover {
			color:#e77843;
			}

.list2 li {
		width:691px;
		color:#666;
		display:block;
		float:left;
		padding:5px 0 30px 0;
	} 
		.list2 li img {
			float:left;
			margin-right:5px;
			margin-top:5px;
			display:block;
			padding:3px;
			border:1px solid #999999;
		}
		.list2 li span {
			float:right;
			color:#424242;
			font-size:10px;
			}
		.list2 li strong {
			color:#0655a4;
			display:block;
			padding-bottom:5px;
			font-size:11px;
		}
		.list2 li a {
			text-decoration:none;
			color:#0170bf;
			
		}
		.list2 li a.details {
			color:#0170bf; 
			font-size:11px;
			margin-top:10px;
			width:100%;
			display:block;
			text-align:right;
			font-weight:bold;
			text-decoration:underline;
			
		}
		.list2 li a:hover {
			color:#e77843;
			}
		.list2 li p {
			font-size:11px;
			text-align:justify;
			color:#424242;
			}
.list3 li {
		width:600px;
		color:#666;
		display:block;
		float:left;
	}
		.list3 li a {
			float:right;
			width:119px;
			height:40px;
			border:1px solid #003366;
			text-align:center;
			}
		.list3 li strong {
			color:#0655a4;
			float:left;
			height:40px;
			line-height:40px;
			font-size:11px;
			width:467px;
			border:1px solid #003366;
			padding-left:10px;
		}
		.list3 li a img {
			margin-top:8px;
			line-height:40px;
			
		}
ul.list_news{
	float:left;
	width:450px;
	margin-bottom:10px;
}

ul.list_news li{
	float:left;
	width:450px;
	margin-left:40px;
}

ul.list_news li a{
	float:left;
	color:#373737;
	background:url(../images/cat_icon.png) 0 11px no-repeat;
	padding:7px 0;
	padding-left:25px;
	}
ul.list_news li a:hover {
	color:#ff0000;
	}
	
.box_pro_details {
	width:690px;
	margin:10px 5px;
	}
.pro_name_title {
	font-size:14px;
	color:#0655a4;
	font-weight:bold;
	padding-left:50px;
	margin-bottom:15px;
	} 
.catalogue_title {
	font-size:14px;
	color:#0655a4;
	font-weight:bold;
	margin:15px 0;
	} 
.catalogue_title a  {
	float:right;
	color:#0655a4;
	font-size:12px;
	text-decoration:underline;
	}
.catalogue_title a:hover  {
	color:#e77843;
	}
.pro_details_left {
	float:left;
	font-weight:bold;
	color:#0655a4;
	padding-left:70px;
	width:170px;
	margin-bottom:15px;
	}
.pro_details_right {
	float:right;
	width:400px;
	margin-bottom:15px;
	}
	
.large_img	{
	display: block;
	text-align: center;	
}

.download {
	padding-left:50px;
	width:600px;
	float:left;
	}
.box_download {
	float:left;
	}
.download_left {
	float:left;
	width:459px;
	background:#0655a4;
	padding:10px 10px;
	font-weight:bold;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	}
.download_right {
	float:right;
	width:100px;
	background:#0655a4;
	padding:10px 10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	}
/*--contact--*/
#contact { padding-top:20px; }
#form_lienhe {width:650px; padding-bottom:10px; padding-left:20px;}
.fiel_name {width:120px; float:left; color:#666; display:block; padding-bottom:10px; font-weight:bold; font-size:11PX;}
.text_form {width:350px; border:1px solid #d5d3d3;}
.contact_comment {display:block; width:100%; float:left; padding-bottom:30px;}
/*--end contact--*/	
/*--right--*/

/*--footer--*/
#footer {
	background:url(../images/footer_bgr.png) repeat-x;
	height:59px;
	width:972px;
	float:left;
	padding-bottom:5px;
	}
#counter {
	float:left;
	line-height:35px;
	margin-left:10px;
	font-size:11px;
	color:#656462;
	}
#powered {
	float:right;
	line-height:37px;
	margin-right:10px;
	font-size:11px;
	color:#656462;
	}
#copyright {
	line-height:35px;
	font-size:11px;
	text-align:center;
	width:650px;
	color:#656462;
	float:left;
	}
/*--footer--*/

p.contact_info{
	color:#373737; 
	font-weight:bold; 
	margin-bottom:10px;
}
 p.companyname{
	color:#0170bf; 
	font-size:12px; 
	font-weight:bold; 
	margin-bottom:10px; 
	text-decoration:underline;
}

div.message, div#error {
	display: block;
	width: 100%;
	padding: 10px 5px;	
	text-align: center;
}

div#error {
	color: #FF0000;
}

.manufeat{
	position:relative;	
	overflow:hidden;
	display:block;
	width: 245px;
	height: 120px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}

#newsbox{		
	position:absolute;			
}

#newsbox div{
	float:left;
	width: 245px;
	height: 120px;
}

.download{
	color:#0655a4;
}