/* CSS Document */
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color:#333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#242424;
	line-height:16px;
	font-weight:normal;
	font-size-adjust:none;
	font-style:normal;
	font-stretch:normal;
	font-variant:normal;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	line-height:16px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
-->

h1, h2, h3, h4, h5, h6, ol,
ul, li, p, span, form,
dl, dd, dt, a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	list-style:none;
	color:#333333;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.clr {
	clear:both;
}

#wrap_all {
}

/* Header CSS ******************************************************* */

#header {
	background:#1a1a1a;
	padding:0 0 5px 0;
	margin:0 0 10px 0px;
}

.menutop{
font: bold 12px Verdana;
background:url(../images/bg_title_r3.jpg) repeat-x center 5px #019BD9;
width: 1000px;
margin:0 auto;
}

.menutop ul{
margin: 0;
padding: 0;
/*list-style-type: none;*/
}

/*Top level list items*/
.menutop ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.menutop ul li a{
display: block;
background:url(../images/bg_menutop.jpg) no-repeat right center; /*background of tabs (default state)*/
color: white;
padding:8px 15px;
border-right: 0px solid #778;
color: #2d2b2b;
text-decoration: none;
line-height:20px;
font-size:15px;
}

* html .menutop ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.menutop ul li a:link, .menutop ul li a:visited{
color: white;
}

.menutop ul li a:hover{
/*background: black; tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.menutop ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menutop ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menutop ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.menutop ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
background:#1a1a1a;
color:#fff;
}

.menutop ul li ul li a:hover {
background:#333333;
color:#fff;
}

.menutopz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
.bg_search {
	width:220px;
	float:right;
	margin:5px 10px 0 0;
}

.bg_search input {
	background:#fff;
	border:1px solid #CCCCD9;
	color:#999999;
	margin:0px;
	padding:1px 0px;
}

.top {
	background:#1a1a1a;
	height:auto;
	margin:0px 0px 0px 0px;
}

#top {
	width:1000px;
	margin:0px auto 0px auto;
	background:#333333;
}

.top ul {
}

.top ul li {
	display:inline;
	color:#999999;
	font-size:14px;
	line-height:32px;
}

.top ul li a {
	color:#aaaaaa;
	line-height:32px;
	padding:0px 12px 0px 18px;
}

.top ul li a:hover {
	color:#FF9933;
	text-decoration:none;
}

.top .active {
	color:#FF9933;
}

.sitemap-icon {
	background:url(../images/sitemap-icon.jpg) no-repeat 0px 50%;
}

.contact-icon {
	background:url(../images/contact-icon.jpg) no-repeat 2px 50%;
}

.mobile-icon {
	background:url(../images/icon-phone.jpg) no-repeat 0px 50%;
}

.logo {
	float:left;
	margin:10px 0px 0px 0px;
}

/* Main CSS ***************************************************************** */

#main {
	width:1000px;
	margin:0px auto 10px auto;
	/*background:#EDF1F3;*/
	padding:0px 0px 10px 0px;
}

#left {
	width:190px;
	float:left;
}

.danhmuc {
	background:url(../images/bg_danhmuc.jpg) repeat-x;
}

.menu_left {
}

.menu_left h3{
	line-height:32px;
	font-size:16px;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.menu_left ul {
	background:#EDF1F3;
	border:1px #EDF1F3 solid;
	padding:0 0 0 0px;
}

.menu_left ul li {
	border-bottom:1px solid #D3DDE3;
	border-top:1px solid #ffffff;
	padding:5px 0px;
	font-weight:bold;
}

.menu_left ul li a {
	padding:0px 0px 0px 5px;
	font-weight:bold;
}

.menu_left ul li a:hover {
	color:#656565;
	text-decoration:none;
}

.menu_left img {
	float:left;
	margin:0px 0px 0px 5px;
	border:0px;
}

.menuleft {
	background:url(../images/bg_menuleft.gif) repeat-x center bottom #EDF1F3;
	height:30px;
}

#center {
	float:left;
	width:590px;
	margin:0px 10px 10px 10px;
}

#hot_center {
	/*background:#ffd433;*/
	/*background:#019bd9;*/
	background:#EDF1F3;
	margin:0px 0px 10px 0px;
	padding:5px 5px 5px 5px;
}

.hot_center {
	height:auto;
	border:1px #D3DDE3 solid;
	/*border:1px #cbd7de solid;*/
	padding:0px 0px 15px 0px;
	/*background:url(../images/109.gif) no-repeat 475px 95px #ffffff;*/
}

.prolist {
	background:#EDF1F3;
	padding:5px 0px;
}

.products {
	background:#ffffff;
	margin:0px 5px;
	border:1px #cbd7de solid;
	padding:15px 18px;
}

.pro-hot-center {
	margin:10px 10px 0px 10px;
}

.pro_img {
	float:left;
	margin:0px 10px 0px 0px;
	/*border:1px solid #cecece;
	padding:1px;*/
}

.proimg {
	float:left;
}

.proimg img {
	width:65px;
	height:50px;
	border:1px solid #cecece;
	padding:1px;
	margin:0px 5px 4px 0px;
}

.proimg ul li a {
	display:block;
}

.pro-hot-center a {
	font-weight:bold;
	font-size:13px;
}

.pro-hot-center ul li a {
	font-weight:normal;
	text-decoration:none;
}

.pro-hot-center ul li a:hover {
	color:#FF0000;
}

.pro {
	float:left;
	width:124px;
	margin:0px 15px 10px 0px;
	border-bottom:1px dotted #cecece;
}

.pro dt img{
	border:1px solid #EDF1F3;
	padding:1px;
}

.pro dd {
	padding:0px 0px 3px 0px;
	text-align:center;
}

.pro dd a {
	font-weight:bold;
}

.pro dd a:hover {
	color:#cc0000;
	text-decoration:none;
}

dl.last {
	margin:0px;
	padding:0px;
	float:right;
}

.pro_cat_title {
	font-size:16px;
	color:#333;
	padding:3px 0px 8px 10px;
	font-weight:bold;
}

.page {
	text-align:center;
	padding:5px 0px 0px 0px;
	color:#5C3F52;
	font-weight:bold;
}

.page span {
	padding:3px 5px;
	border:1px solid #cecece;
	color:#555555;
	margin:2px;
}

.page a {
	padding:3px 5px;
	border:1px solid #cecece;
	color:#555555;
	margin:2px;
}

.page a:hover {
	padding:3px 5px;
	border:1px solid #333333;
	color:#000000;
	margin:2px;
	font-weight:bold;
}

.page img {
	border:0px;
}

.pro-tabs {
}

#tab1 {
	float:right;
	background:#EDF1F3;
	padding:5px 10px;
	margin:0px 30px 0px 0px;
	font-weight:bold;
}

#tab1 a{
	font-weight:bold;
	text-decoration:none;
}

#tab2 {
	float:right;
	background:#019bd9;
	padding:5px 10px;
	margin:0px 5px 0px 5px;
	color:#ffffff;
	font-weight:bold;
}

#tab2 a {
	color:#ffffff;
	text-decoration:none;
}

#tab3 {
	float:left;
	padding:5px 0px 5px 10px;
	background:url(../images/bg_title_r3.jpg) repeat-x;
	margin:0px 0px 0px 20px;
	width:360px;
}

#tab3 h2 {
	font-weight:bold;
	font-size:14px;
	color:#fff;
}

#tab4 {
	float:right;
	background:#019bd9;
	padding:5px 10px;
	margin:0px 30px 0px 0px;
	font-weight:bold;
}

#tab4 a{
	text-decoration:none;
	color:#fff;
}

#tab5 {
	float:right;
	background:#EDF1F3;
	padding:5px 10px;
	margin:0px 5px 0px 5px;
	font-weight:bold;
}

#tab5 a {
	text-decoration:none;
	font-weight:bold;
}

.a {
	background:url(../images/icons_1.gif) no-repeat 0px -90px;
	padding:5px 0px 5px 25px;
}

.tel {
	background:url(../images/icons_1.gif) no-repeat 0px -26px;
	padding:5px 0px 5px 25px;
}

.email {
	background:url(../images/icons_1.gif) no-repeat 0px -58px;
	padding:5px 0px 5px 25px;
}

.web {
	background:url(../images/icons_1.gif) no-repeat 0px 5px;
	padding:5px 0px 5px 25px;
}

.pro_name {
	font-weight:bold;
	font-size:15px;
	line-height:20px;
	text-transform:uppercase;
	color:#000;
}

.danhgia {
}

.danhgia img {
	border:0px !important;
	padding:0px !important;
	margin:0px !important;
}

.danhgia h3 {
	font-size:13px !important;
	font-weight:bold !important;
	padding:3px 0 10px 26px !important;
	background:url(../images/tdt_butchi_nguontin.gif) no-repeat 0px 1px !important;
	border:0px !important;
}

.danhgia input {
	display:block;
	background:#F3F4F5 url(../images/input_element_bg.gif) repeat-x center top;
	width:200px;
	border:1px solid #CCCCD9;
	color:#999999;
	margin:0px 0px 5px 0px;
	padding:1px 5px;
}

.danhgia textarea {
	color:#999999;
	border:1px solid #CCCCD9;
	background:#F3F4F5 url(../images/input_element_bg.gif) repeat-x center top;
	width:480px;
	margin:5px 0px;
	padding:10px;
	height:80px;
	display:block;
}

.danhgia #submit {
	cursor:pointer;
	background:url(../images/submit_comment_bg.gif) no-repeat;
	color:#fff;
	width:90px;
	height:25px;
	border:0px;
	font-size:11px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	line-height:25px;
}

.captcha {
	width:100px !important;
	padding:1px 2px !important;
	float:left;
	margin:5px 5px 10px 0px !important;
}

.nhanxet {
	border-top:1px dotted #cecece;
	border-bottom:1px dotted #cecece;
	padding:10px 0px 5px 0px;
	margin:5px 0px 0px 0px;
}

.nhanxet h3 {
	font-size:13px !important;
	font-weight:bold !important;
	padding:2px 0px 5px 25px !important;
	background:url(../images/tdt_butchi_nguontin.gif) no-repeat 0px 0px !important;
	margin:0px 0px 5px 0px !important;
	border:0px !important;
}

.ns_list {
	margin:0px 20px 10px 0px;
}

.ns_list p {
	line-height:16px !important;
}

.ns_list img {
	float:left;
	margin:0px 10px 0px 0px !important;
	width:50px !important;
	height:50px !important;
}

/* Right col */

#right {
	float:left;
	width:200px;
}

.news_right {
	background:#EDF1F3;
	padding:0px 0px 5px 0px;
	border-bottom:5px solid #019bd9;
	margin:0px 0px 5px 0px;

}

.news_right h3 {
	padding:5px 0px 5px 10px;
	background: url(../images/bg_title_r3.jpg) repeat-x center 5px #019bd9;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:23px;
}


.news_r_list {
	margin:0px 5px;
	padding:5px 0px 0px 0px;
}

.news_r_list img {
	float:left;
	margin:0px 5px 0px 0px;
	border:0px;
	width:55px;
	height:auto;
}

.news_r_list ul li {
	margin:0px 0px 0px 0px;
}

.news_r_list ul li a {
	border-bottom:1px dotted #E1E7EC;
	padding:5px 0px;
	display:block;
}

.ms_right {
	background:#fff;
	padding:0px 0px 5px 0px;
	border-bottom:5px solid #ffb015;
	margin:0px 0px 5px 0px;
}

.ms_right h3 {
	padding:5px 0px 5px 10px;
	background:#ffe03d url(../images/bg_danhmuc.jpg) repeat-x center bottom;
	color:#000;
	font-size:15px;
	font-weight:bold;
	line-height:23px;
	border-bottom:1px solid #000000;
}

.adv_right {
	background:#F5F5F6;
}

.adv_title_r {
	background:url(../images/bg_repeat.gif) repeat-x 0 -160px #F5F5F6;
}

.adv_title_r img {
	margin:5px 0 0 10px;
}

.adv-right {
	text-align:center;
	padding: 5px 0 10px 0px;
}

/* Adv left*/

.adv_left {
	background:#F5F5F6;
	margin:10px 0px;
}

.adv_title_l {
	background:url(../images/bg_repeat.gif) repeat-x 0 -160px #F5F5F6;
}

.adv_title_l img {
	margin:5px 0 0 10px;
}

.adv-left {
	text-align:center;
	padding: 5px 0 10px 0px;
}


.pro_content {
	margin:0px 0px 10px 0px;
}

.tabcontent {
	background:#EDF1F3;
	padding:5px;
}

.pro_inside {
	background:#EDF1F3;
	border:0px #cbd7de solid;
	padding:10px;
	width:auto;
}

.pro_inside p {
	line-height:18px;
	padding:0px 0px 3px 0px;
}

.pro_inside a {
	color:#FF0000;
	text-decoration:none;
}

.pro_inside img {
	margin:10px 0px;
	border:1px solid #333;
	max-width:505px;
}

.pro_inside span {
	background:none !important;
	color:#333 !important;
}

/* News Page */

#news {
	background:#EDF1F3;
	height:auto;
	padding:10px;
}

#news h2 {
	color:#000;
	padding:3px 10px 7px 7px;
	font-weight:normal;
	font-size:15px;
}

#news h2 a {
	color:#000;
	text-decoration:none;
	font-size:inherit;
	font-weight:bold;
	text-transform:uppercase;
}


.news-hot {
	background:#ffffff;
	border:1px solid #CBD7DE;
	width:auto;
}

.news-hot-l {
	float:left;
	margin:10px 5px 10px 10px;
	width:300px;
	height:auto;
}

.news-hot-l img {
	width:300px;
	height:225px;
}

.news-hot-l h3 {
	padding:3px 0px;
}

.news-hot-l h3 a {
	color:#F29023;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
}

.news-hot-right {
	float:left;
	width:240px;
	margin:10px 0px 10px 5px;
	/*border:1px solid #CBD7DE;*/
	border:1px solid #cecece;
	border-right:0px;
	height:292px;
	overflow:hidden;
}

.news-hot-right ul {
	margin:10px;
}

.news-hot-right ul li {
	margin:0px 0px 8px 0px;
}

.news-hot-right img {
	border:1px solid #000;
	margin:0px 10px 0px 0px;
	float:left;
	width:80px;
	height:60px;
}

.news-hot-right ul li a {
	font-weight:bold;
}

.news_list_group {
	margin:10px 0px;
}

.news_list_group h3 {
	background: url(../images/bg_title_r3.jpg) repeat-x center 5px #019bd9;
	color:#fff;
	padding:7px 10px;
	font-weight:bold;
	font-size:15px;
}

.news_list_group h3 a {
	/*background: url(../images/bg_title_r3.jpg) repeat-x center 5px #019bd9;*/
	color:#fff;
	/*padding:7px 10px;*/
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}


.news_list {
	background:#fff;
	border:1px solid #CBD7DE;
	margin:0px 0px 10px 0px;
}

.news_list_l {
	width:170px;
	margin:10px 0px 10px 14px;
	float:left;
}

.news_list_l img {
	width:170px;
	border:1px solid #000000;
}

.news_list_l h4 {
	padding:5px 0px 5px 0px;
}

.news_list_l h4 a {
	font-size:13px;
	font-weight:bold;
}

.news_list_l p {
	text-align:justify;
}

.news_list_l .last {
	margin-left:0px !important;
}

.newslist_group {
	background:#fff;
	border:1px solid #CBD7DE;
	padding:0px 0px 20px 0px;
}

.newslist_group h3 {
	/*background: url(../images/bg_title_r3.jpg) repeat-x center 5px #019bd9;*/
	background:#efefef;
	color:#000;
	padding:7px 10px;
	font-weight:normal;
	font-size:15px;
	border-bottom:1px #f1f1f1 solid;
}

.newslist_group h3 a {
	color:#000;
	text-decoration:none;
	font-size:inherit;
	font-weight:bold;
}


.newslist {
	padding:0px 0px 10px 0px;
	border-bottom:1px dotted #999999;
	margin:0px 18px 0px 15px;
}

.newslist h4 {
	margin:0px 0px;
	padding:8px 0px 8px 0px;
}

.newslist a {
	font-size:13px;
	font-weight:bold;
	color:#5C3F52;
}

.newslist img {
	float:left;
	margin:0px 15px 0px 0px;
	border:1px solid #000;
	width:124px;
}

.newslist p {
	padding:0 0px;
	line-height:18px;
	font-size:13px;
}

.datetime {
	font-style:italic;
	padding:0px 0px 0px 0px !important;
	font-size:12px !important;
	color:#F29023;
}

.news_tool {
	background:url(../images/news_top_bg.gif) repeat-x center top;
	padding:0px 0px;
	line-height:22px;
	height:22px;
	border-bottom:1px solid #CBD7DE;
}

.news_detail {
	margin:10px 18px;
}

.news_detail h2 {
	font-size:20px !important;
	font-weight:600 !important;
	padding:10px 0px 5px 0px !important;
	color:#F29023 !important;
	line-height:20px !important;
}

.news_des {
	padding:0px 0px 20px 0px !important;
	font-weight:bold;
	line-height:18px;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.news_detail img {
	margin:10px 0px;
	max-width:500px;
}

.news_detail p {
	padding:0 0 5px 0;
	line-height:18px;
}

.author {
	font-style:italic;
	color:#999999;
	text-align:right;
	padding:10px 0px 0px 0px !important;
}

.news_tools {
	color:#999999;
	font-size:11px;
	padding:10px 20px 8px 20px;
	/*background:url(../images/news_top_bg.gif) repeat-x;*/
	line-height:23px;
	border-bottom:1px solid #CBD7DE;
}

.news_tools ul {
	margin:0 5px 0 0;
}

.news_tools ul li {
	display:inline;
	padding:0px 10px 0px 10px;
}

.news_tools ul li a {
	color:#999999;
	font-size:11px;
	text-decoration:none;
}

.mail-to-friend {
	background:url(../images/mail-to-friend.jpg) no-repeat 0px 50%;
	padding:0px 0px 0px 20px;
}

.print-icon {
	background:url(../images/print.jpg) no-repeat 0px 50%;
	padding:0 0 0 20px;
}

.other_news {
	border-top:1px dotted #999999;
	padding:15px 0px 0px 0px;
	margin:15px 0 0 0;
}

.other_news h3 {
	font-size:13px;
	font-weight:bold;
	background:url(../images/icon-other_news.jpg) no-repeat 0px 50%;
	padding:0px 0px 0px 20px;
	border:0px !important;
}

.other_news ul {
	margin:5px 12px 10px 12px;
}

.other_news ul li a {
	background:url(../images/bullet_news.gif) no-repeat 0px 50%;
	padding:0 0 0 12px;
	line-height:18px;
	display:block;
}

.icon-top {
	background:url(../images/icon-top.jpg) no-repeat 0px 50%;
	padding:0px 0px 0px 16px;
}

/* footer CSS*/

#footer {
	background:#000000;
	width:1000px;
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
}

.footer {
	border-top:5px solid #FF6600;
}

.f-left {
	float:left;
	width:50%;
	color:#999999;
	padding:10px 0px;
}

.f-left p {
	color:#999999;
	padding:0px 10px;
	font-size:11px;
}

.f-left a {
	font-size:11px;
	color:#FF9933;
}

.f-right {
	float:right;
	width:40%;
	padding:10px 0px;
	text-align:right;
}

.f-right p {
	color:#999999;
	padding:0px 10px 0px 0px;
	font-size:11px;
}

.f-right a {
	font-size:11px;
	color:#ff9933;
}

.f-menu {
	float:left;
}

.f-menu ul {
	margin:0px 10px 10px 10px;
	padding:10px 0px 0px 0px;
}

.f-menu ul li {
	display:inline;
}

.f-menu ul li a{
	color:#999999;
	padding:5px 10px;
	text-decoration:none;
}

.f-menu ul li a:hover {
	color:#FF9933;
}

.f-menu-right {
	float:right;
	padding:10px 0px;
	margin:0px 10px 0px 0px;
}

.news_left {
	background:#EDF1F3;
	margin:8px 0 5px 0 ;
	padding:0px 0px 5px 0px;
	border-bottom:5px solid #019bd9;
}

.news_left h3 {
	padding:5px 0px 5px 10px;
	background: url(../images/bg_title_r3.jpg) repeat-x center 5px #019bd9;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:23px;
}

.news_l_list {
	margin:0px 5px;
	padding:5px 0px 0px 0px;
}

.news_l_list img {
	float:left;
	margin:0px 5px 0px 0px;
	border:0px;
	width:55px;
	height:auto;
}

.news_l_list ul li {
	margin:0px 0px 0px 0px;
}

.news_l_list ul li a {
	border-bottom:1px dotted #E1E7EC;
	padding:5px 0px;
	display:block;
}

#contact {
	margin:0px 8px 8px 8px;
	min-height:800px;
	background:#fff;
	border:1px solid #CBD7DE;
}

.contact {
	padding:20px 150px 20px 20px;
}

.contact input {
	margin:0 0 8px 0px;
	float:right;
	width:280px;
}

.contact select {
	margin:0 0 8px 0px;
	float:right;
	width:280px;
}

.contact span {
	float:left;
}

.contact #submit {
	width:110px;
	cursor:pointer;
}

.contact #reset {
	width:80px;
	cursor:pointer;
	margin:0 5px 0 0;
}

.contact textarea {
	float:right;
	width:280px;
	height:120px;
	margin:0 0 10px 0;
}

.contact .SForm {
	width:5px;
	margin:5px;
	display:inline;
}

.radio {
	float:right !important;
}

.facebook {
	float:left;
	margin-top:10px;
}

.google {
	float:left;
	margin-top:10px;
}

.Twitter {
	float:left;
	margin-top:10px;
	width:70px;
}

.tools {
	float:right;
	margin:0px 0px;
}
