﻿html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #2a2a2a;
}
body, th, td, input, textarea, select
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
}
p
{
	margin-top: 0;
	padding-top: 0;
}
.clear
{
	clear: both;
}
a
{
	color: #CCC;
	text-decoration: none;
}
a:hover
{
	color: #cf6506;
}
.logo
{
	background: url(images/banner.png) left bottom no-repeat;
	width: 500px;
	height: 130px;
	position: absolute;
	top: 3px;
	left: 0px;
}
.banner
{
	background: url(images/banner_top.jpg) center center no-repeat;
	width: 500px;
	height: 110px;
	position: absolute;
	right: 5px;
	top: 10px;
	padding: 2px;
	border: #000 1px solid;
}
/**/
.global_block
{
	margin: 0px auto;
	width: 100%;
}
.global_block .block_header
{
	background: #000 url(images/block_header.png) bottom repeat-x;
	height: 133px;
}
.global_block .block_top_menu
{
	background: #2a2a2a url(images/top_menu_bg.jpg) 0px 10px repeat-x;
	border-top: 3px #515151 solid;
	height: 65px;
}
/**/
.block_body
{
	width: 970px;
	margin: 0px auto;
	background: url(images/body_bg_body.png) repeat-y;
}
.block_body .body_center
{
	float: left;
	width: 100%;
}
.block_body .body_center .body_center_content
{
	margin-left: 276px;
}
.block_body .body_left
{
	float: left;
	margin-left: -970px;
}
/**/
.block_footer
{
	background: #333 url(images/block_footer.gif) top repeat-x;
	height: 67px;
	margin-top: 10px;
	clear: both;
}
/**/
.block_body_top
{
	background: url(images/body_bg_top.png) top no-repeat;
	height: 10px;
	width: 970px;
}
.block_body_bottom
{
	background: url(images/body_bg_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 8px;
	width: 970px;
	clear: both;
}
/**/
.block_1 /*su dung cho block main left*/
{
	width: 265px;
	margin-left: 11px;
	background: url(images/block_1_bg_body.gif) center repeat-y;
}
.block_1 .block_1_top_1
{
	background: url(images/block_1_bg_top_1.gif) center no-repeat;
	width: 265px;
	height: 38px;
}
.block_1 .block_1_bottom
{
	background: url(images/block_1_bg_bottom.gif) right no-repeat;
	width: 265px;
	height: 20px;
}

/**/
.block_2 /*su dung cho block main content*/
{
	width: 680px;
	background: #000000 url(images/block_2_bg_top.png) top center no-repeat;
	margin-left: 4px;
	padding-top: 2px;
}
.block_2 .block_2_body
{
	background: url(images/block_2_bg_body.png) center repeat-y;
	width: 680px;
	padding-left: 0px;
	color: #000;
}
.block_2 .block_2_body_top
{
	background: url(images/block_5_top_bg.gif) center center no-repeat;
	padding-top: 4px;
}
.block_2 .block_2_body_top_2
{
	width: 680px;
	background: #000000 url(images/block_2_bg_top_2.png) bottom no-repeat;
	height: 12px;
}
.block_2_bottom
{
	background: url(images/block_2_bg_bottom.png) center no-repeat;
	width: 680px;
	height: 15px;
}
.block_2_bottom_1
{
	background: url(images/block_2_bg_bottom_1.png) center no-repeat;
	width: 680px;
	height: 7px;
}
/**/
.block_3 /*su dung cho block main left*/
{
}
.block_3 .block_3_top
{
	background: url(images/block_3_top.png) center no-repeat;
	width: 265px;
	height: 20px;
	padding-top: 7px;
	text-indent: 15px;
	color: #FFF;
	font-weight: bolder;
}
.block_3 .block_3_body
{
	padding: 10px 0px;
	color: #acacac;
}
.block_3 .block_3_body_2
{
	padding: 0px 15px;
}
/**/
.block_4
{
}
.block_4 .block_4_top
{
	background: url(images/block_2_bg_top.jpg) center bottom no-repeat;
	width: 680px;
	height: 40px;
	position: relative;
}
.block_4 .block_4_body
{
	padding: 10px 20px;
	color: #000;
}
.block_4_title
{
	position: absolute;
	bottom: 0px;
	left: 15px;
}
.block_4_title .block_4_title1
{
	background: url(images/block_3_bg_title_body.png) center repeat-x;
	float: left;
	height: 25px;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 10px 0px 10px;
	text-transform: uppercase;
	color: #FFF;
}
.block_4_title .block_4_title2
{
	background: url(images/block_3_bg_title_left.png) left center no-repeat;
	float: left;
	width: 6px;
	height: 33px;
}
.block_4_title .block_4_title3
{
	background: url(images/block_3_bg_title_right.png) right center no-repeat;
	float: left;
	width: 6px;
	height: 33px;
}
/**/
.block_5
{
	padding-left: 10px;
	padding-bottom: 5px;
}
.block_5 .block_5_top
{
	background: url(images/block_5_bg_top_bottom.gif) top center no-repeat;
	width: 660px;
	height: 11px;
}
.block_5 .block_5_body
{
	background: #2a2a2a;
	width: 620px;
	padding: 5px 20px 5px 20px;
	color: #d9d9d9;
	line-height: 160%;
}
.block_5 .block_5_body span.title
{
	display: block;
	padding: 5px 0px;
	border-bottom: 1px #666 dashed;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #ff7900;
}
.block_5 .block_5_body em
{
	display: block;
	padding: 5px 0px;
	border-bottom: 1px #666 dashed;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	font-style: normal;
	color: #cf6506;
}
.block_5 .block_5_body img.cus
{
	float: left;
	margin: 0px 15px 15px 0px;
	padding: 2px;
	border: #333333 1px solid;
}
.block_5 .block_5_body img.about
{
	width: 620px;
	margin: 0px auto;
}
.block_5 .block_5_bottom
{
	background: url(images/block_5_bg_top_bottom.gif) bottom no-repeat;
	width: 660px;
	height: 11px;
}
/**/
.list_1 /* Main menu on top  */
{
	width: 970px;
	margin: 0px auto;
	position: relative;
}
.list_1 ul
{
	padding: 10px 0px 0px 10px;
	margin: 0px;
	list-style: none;
}
.list_1 ul li
{
	float: left;
	background: url(images/nav_line.gif) right center no-repeat;
	padding: 5px 20px;
}
.list_1 ul li a
{
	display: block;
	color: #fff;
	font-size: 12px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: bolder;
}
.list_1 ul li a span
{
	display: block;
	padding: 5px 10px 5px 0px;
	line-height: 20px;
}
.list_1 ul li a:hover
{
	color: #cf6506;
}
.list_1 ul li a.active
{
	background: #cf6506 url(images/active_menu.png) left bottom no-repeat;
	color: #000;
}
.list_1 ul li a.active span
{
	display: block;
	padding: 5px 10px 5px 0px;
	line-height: 20px;
	background: #cf6506 url(images/active_menu.png) right bottom no-repeat;
	color: #fff;
}
.list_1 ul li a:hover.active span
{
	color: #fff;
}
/**/
.list_2 /* Main menu on bottom  */
{
	width: 630px;
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
}
.list_2 ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.list_2 ul li
{
	float: left;
	border-right: 1px dotted #707070;
}
.list_2 ul li a
{
	display: block;
	color: #c8c8c8;
	font-size: 11px;
	padding: 0px 20px 0px 20px;
	line-height: 100%;
}
.list_2 ul li a.active
{
	color: #cf6506;
}
.list_2 ul li a:hover
{
	color: #cf6506;
}
/**/

.list_3 /* thumb san pham   */
{
}
.list_3 ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.list_3 ul li
{
	float:left;
	width: 150px;
	margin: 5px 4px;
	overflow: hidden;
	border: 1px #666 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.list_3 ul li a
{
	display: block;
	position: relative;
	width: 150px;
	height: 150px;
	color: #a6a6a6;
	font-size: 12px;
}
.list_3 ul li a:hover
{
	color: #cf6506;
}
.list_3 ul li a b
{
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
}
.list_3 ul li a img
{
	width: 150px;
	height: 100px;
	border: 0px;
}
.list_3 ul li a span
{
	display: block;
	height: 45px;
	position: absolute;
	padding-top: 5px;
	bottom: 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
	background: url(images/list_4_bg_body.gif) top repeat-x;
}

/**/

.list_4 /* thumb rong muc thong tin khac  */
{
}
.list_4 ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.list_4 ul li
{
	background: url(images/menu_bullet.gif) 0px 10px no-repeat;
	margin-left: 15px;
}
.list_4 ul li a
{
	display: block;
	padding: 5px 10px 5px 15px;
	color: #acacac;
	font-size: 12px;
}
.list_4 ul li a:hover
{
	color: #cf6506;
}
.list_4 ul li a.active
{
	color: #cf6506;
}
.list_4 ul li ul
{
	display: none;
	margin-left: -15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: url(images/block_1_body_black.png) repeat-y;
}
.list_4 ul li ul li
{
	background: url(images/menu_bullet_sub.gif) 0px 10px no-repeat;
	margin-left: 25px;
	padding: 0px 10px 0px 0px;
}
.list_4 ul li ul li a
{
	padding: 5px 0px 5px 20px;
	color: #7b7b7b;
	height: auto;
}
.list_4 ul li ul li a:hover
{
	color: #cf6506;
}
.list_4 ul li ul li a.active
{
	color: #cf6506;
}

/**/
.copyright
{
	text-align: center;
	font-size: 10px;
	padding-top: 21px;
	color: #878787;
}
.breakcrumb
{
	display: block;
	padding: 13px 10px;
	color: #696969;
	font-size: 11px;
}
.breakcrumb ul
{
	margin: 0px -10px 0px 0px;
	padding: 0px;
	list-style: none;
}
.breakcrumb ul li
{
	background: url(images/menu_bullet_sub.gif) 0px 7px no-repeat;
	float: left;
	padding: 0px 10px;
	text-indent: 10px;
}
.breakcrumb ul li a
{
	display: block;
	color: #696969;
}
.breakcrumb ul li a:hover
{
	color: #e96e00;
}
a.listcamera
{
	display: block;
	background: url(images/cameralist.png) no-repeat;
	width: 230px;
	height: 33px;
	line-height: 33px;
	text-transform: uppercase;
	text-indent: 30px;
}
/**/
.lang
{
	position: absolute;
	right: 10px;
	top: 20px;
}
.lang img
{
	margin-left: 10px;
}
.callback
{
	display: block;
	float: right;
	padding: 5px 10px;
	border: 1px #CCC solid;
	margin-top: 20px;
	margin-right: 20px;
}
.callback:hover
{
	color: #FFF;
	background: #CCC;
}
/**/

.online_block
{
	width: 183px;
	margin: 0 auto;
	padding: 4px 0;
}
.online_block a
{
	display: block;
	padding: 4px 0;
	width: 183px;
	height: 22px;
	background-image: url(images/online.png);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
}
.online_block a img
{
	margin-top: -2px;
	margin-left: 15px;
	vertical-align: middle;
	width: 24px;
}
.online_block a span
{
	padding-left: 10px;
	color: #fff;
	font-size: 11px;
}

/**/
.ContactTable td
{
	vertical-align: top;
	padding: 5px 10px;
}
.ContactTable input
{
	background: #181818;
	border: #969696 1px dotted;
	width: 300px;
	padding: 2px 0;
}
.ContactTable input.submit
{
	background: #333;
	border: #969696 1px dotted;
	width: 70px;
	margin-top: 10px;
	font-weight: bold;
	cursor: pointer;
}
.ContactTable textarea
{
	background: #181818;
	border: #969696 1px dotted;
	width: 300px;
	height: 150px;
}
/**/
.customer_banner
{
	overflow: hidden;
	margin: 0px auto;
}
.customer_banner ul li
{
	padding: 10px 0px;
	text-align: center;
	height: 170px;
}
.customer_banner ul li b
{
	padding-top: 5px;
	display: block;
}
/**/
.banner_flash
{
	background: #000;
}
.banner_flash img
{
	border: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

