body.subpage{    
    background:url(images/bg_body.jpg) no-repeat center top;
}
body.home_bg {
	background:url(images/bg_body.jpg) no-repeat center top;
}
#wrapper {
	width:960px;
	margin:0px auto;
}
#header {
	padding-top:10px;
}
#header .logo {
	margin:20px 0 0 0;
}
#header .menu_search .top_left ul {
	float:right;
	margin-top:10px;
	margin-right:30px;
}
#header .menu_search .top_left ul li {
	float:left;
}
#header .menu_search .top_left ul li a {
	font:700 11px/100% arial;
	color:#fff;
	text-transform:uppercase;
	border-right:1px solid #fff;
	height:10px;
	display:block;
	padding:0 10px;
}
#header .menu_search .top_left ul li.end_li a {
	padding-right:0;
	border:none;
}
#header .menu_search .top_left ul li a:hover {
	color:#000;
}
.top_left {
	float:right;
	margin:10px 0 15px 0;
}
.box_search {
	width:224px;
	height:28px;
	background:url(images/bg_search.png) no-repeat left top;
	position:relative;
}
.box_search #btn_search {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:30px;
	margin:0;
	background:url(images/icon_search.png) no-repeat center;
	text-indent:-99999px;
	border:none;
	cursor:pointer;
}
.box_search input {
	display:block;
	margin:2px 0 0 10px;
	height:24px;
	background:none;
	border:none;
	line-height:24px;
	width:170px;
	border-right:1px solid #ececec;
	color:#7a7a7a;
	font:500 12px/24px arial;
}
.menu {
	float:right;
	width:100%;
}
.menu_search {
	width:730px;
}
.menu ul {
	float:right;
}
.menu ul li {
	float:left;
	height:40px;
	display:block;
	background:url(images/bg_menu.png) repeat-x top left;
}
.menu ul li a {
	display:block;
	font:700 12px/35px arial;
	text-transform:uppercase;
	color:#fff;
	padding:0 58px 0;
	background:url(images/bder_menu.png) no-repeat right top;
}
.menu ul li.end_li a {
	background:none;
}
.menu ul li.bg_left {
	width:21px;
	background:url(images/bg_left_menu.png) no-repeat left top;
}
.menu ul li.bg_right {
	width:20px;
	background:url(images/bg_right_menu.png) no-repeat right top;
}
.menu ul li a:hover {
	color:#000;
}
#wrap-content {
	padding-top:60px;
	width:860px;
	margin:0px auto;
	min-height: 340px;
}
body.subpage #wrap-content{
    width:1002px;
    margin:0px auto;
    padding-top:30px;
}
.hot_video h1 {
	border-bottom:1px solid #3a5b9a;
	width:280px;
	margin:0 0 20px 0;
	font:700 12px arial;
	text-transform:uppercase;
	padding-bottom:2px;
	color:#19459d;
}
.hot_video h1 span {
	color:#252526;
}
.infor_pro {
	height:48px;
	background:url(images/icon_product.png) no-repeat left top;
	padding-left:57px;
	
	margin-left:-10px;
}
.box_contact a,
.hot_video a.bg_icon {
	display:block;
	background:url(images/icon_menu.png) no-repeat left center;
	padding-left:10px;
	font:500 15px arial;
	color:#414042;
	margin-top:10px;
}
.infor_pro span {
	color:#888888;
	font:500 10px arial;
	margin-top:2px;
	display:block;
}
.contact_support {
	height:48px;
	background:url(images/icon_contact.png) no-repeat left top;
	padding-left:65px;
}
.contact_support span {
	color:#3a5b9a;
	font:700 15px arial;
	margin-top:3px;
	display:block;
}
.box_videohot {
	margin-bottom:20px;
}
.hot_video {
	width:315px;
}
.box_new_product {
	width:542px;
}
.box_new_product h1 {
	color:#07416f;
	font:700 12px arial;
	padding-left:10px;
}
.box_new_product h1 a {
	display:block;
	color:#555555;
	font:700 7px arial;
	background:url(images/view_more.png) no-repeat right center;
	padding-right:6px;
	margin-right:100px;
	margin-top:7px;
}
.box_slide {
	border:1px solid #3a5b9a;
	height:213px;
	width:538px;
	border-radius:10px;
	margin-top:5px;
	-moz-border-radius:10px;
	khtml-border-radius:10px;
	overflow:hidden;
}
#footer {
	padding:15px 0 20px 0;
}
#footer ul {
	float:left;
	width:100%;
	margin-bottom:5px;
}
#footer ul li {
	float:left;
}
#footer ul li a {
	color:#666666;
	text-transform:uppercase;
	font:700 12px arial;
}
#footer ul li span {
	font:700 12px arial;

	color:#666666;
	padding:0 10px;
}
#footer ul li a:hover {
	color:#000;
}
#footer p.txt_address {
	font:500 12px arial;
	color:#999999;
	margin-bottom:5px;
}
#footer p.copyright {
	color:#19459d;
	font:500 12px arial;
}

/*----------slideshow------*/
/* CSS Document */

/* slider layout */
.lof-slidecontent {
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}
.lof-slidecontent .preload {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
}
.lof-slidecontent .preload div {
	height:100%;
	width:100%;
	/* background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; */
}
.lof-slidecontent .sliders-wrapper {
	position:relative;
	height:100%;
	width:900px;
	z-index:3px;
	overflow:hidden;
}
.lof-slidecontent ul.sliders-wrap-inner {
	overflow:hidden;
	/* background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; */
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
	height:100%;
}
.lof-slidecontent ul.sliders-wrap-inner li {
	overflow:hidden;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
	height:100%;
}
.lof-slidecontent .lof-opacity li {
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
.lof-slidecontent .navigator-content {
	position:absolute;
	background: none repeat scroll 0 0 #000000;
	border-radius: 5px 5px 5px 5px;
	bottom: 10px;
	padding: 5px 15px;
	position: absolute;
	right: 10px;
}
.lof-slidecontent .navigator-wrapper {
	position:relative;
	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent ul.navigator-wrap-inner {
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
.lof-slidecontent ul.navigator-wrap-inner li {
	cursor:hand;
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;
}
ul.sliders-wrap-inner li img {
	padding:0px;
}
.lof-slidecontent .slider-description a {
	color:#FFF;
}
.lof-slidecontent .slider-description {
	width:210px;
	height:100px;
	float:right;
	font:500 12px/18px arial;
}
.lof-slidecontent .slider-description h4 {
	font-size: 14px;
	margin: 10px 0;
	padding: 0;
}
.lof-slidecontent .button-next, .lof-slidecontent .button-previous {
	display:block;
	width:16px;
	color:#FFF;
	cursor:pointer;
	position:absolute;
	height:100%;
	z-index:40;
	top:0;
	text-indent:-999px;
}
.lof-slidecontent .button-next {
	right:20px;
	background:url(images/icon_arrow_right.png) no-repeat right center;
}
.lof-slidecontent .button-previous {
	left:20px;
	background:url(images/icon_arrow_left.png) no-repeat left center;
}
.lof-slidecontent .button-control {
	float: left;
	opacity:0;
}
.main-slider-content{
    width:100%;
    height:100%;
}
.wrap_txt_slide{
    width: 405px;
    margin:0px auto;
}
.left_img p.title_item{
    color:#19459d;
    font:700 17px arial;
}
.left_img p.title_item span{
    color:#797a7d;
}
.left_img{
    width:180px;
    overflow:hidden;
    margin-top:5px;
}
.left_img .img_center{
    height:180px;
    vertical-align:middle;
    text-align:center;
    line-height:180px;
    display:block;
}
.left_img .img_center img{
    vertical-align:middle; 
}
.home_slide_title {
    color:#19459d;
    font:700 17px arial;
    width:100%;
    margin-top: 30px;
}
.lof-slidecontent .slider-description a{
    display:block;
    color:#fff;
    background:#7796c0 url(images/icon_more_detail.png) no-repeat 60px center;
    float:left;
    font:500 11px/100% arial;
    padding:3px 9px 3px 5px;
    border-radius:2px;
    margin-top:10px;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
}
/*--------end slideshow-------*/
.two_col {
    background: url(images/bg_content.png) no-repeat left top;
    width:942px;
    padding:20px 20px 0 40px;
    border-radius:10px 0 0 0;
    -moz-border-radius:10px 0 0 0;
    -khtml-border-radius:10px 0 0 0;
}
.two_col .breakum ul{
    float:right;
}
.two_col .breakum ul li{
    float:left;
    margin-left:6px;
    background:url(images/icon_breakum.png) no-repeat left center;
    padding-left:10px;
}
.two_col .breakum ul li.first_li{
    background:none;
}
.two_col .breakum ul li.active{
    background:url(images/view_more.png) no-repeat left center;    
}
.two_col .breakum ul li a{
    font:500 11px arial;
    color:#333333;
    text-transform:uppercase;
}
.two_col .breakum ul li.active a{
    color:#0d5a97;
}
.title_content{
    text-transform:uppercase;
    color:#50a7ec;
    font:700 22px arial;
    margin-bottom:10px;
}
.left_col_menu{
    width: 199px;
    margin-top:20px;
}
.left_col_menu ul{
    margin-bottom:20px;
}
.left_col_menu ul li a{
    font:500 13px/100% arial;
    color:#58595b;
    padding-left:15px;
    background:url(images/dot_5x5.png) no-repeat left 6px;
    float:left;
    width:184px
}
.left_col_menu ul li a:active{
 color: #175383;
}
.left_col_menu ul li{
    margin-bottom: 10px;
    display:block;
    line-height:100%;
    float:left;
    width:189px;
    padding-left: 13px;
}
.box_contact{
    border:1px solid #bcd0e1;
    border-radius:10px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    padding:15px 10px 15px;
}
.box_contact .infor_pro{
    margin-left:0;
    margin-bottom:15px;
    border-bottom:1px dashed #c9d9e7;
    padding-bottom:15px;
    width: 118px;
    margin-right:0;
    float:left;
}
.box_contact .contact_support{
    float:left;
    width:118px;
}
.right_col_content{
    width:690px;
}
.wrap_col{
    background: url(images/bg_body_content.png) repeat-y 226px top;
    padding-bottom:20px;
}
.subpage #footer{
    border-top:1px solid #dfdfdf;
}
.subpage #wrapper{
    width:1002px;
}
.right_col_content h1{
    text-transform:uppercase;
    color:#333333;
    font:700 17px arial;
    background:url(images/bg_name_pro.png) repeat-x bottom left;
    padding-bottom:5px;
    margin-bottom:20px;
}
.right_col_content .product_detail .wrap_img{
    border:1px solid #f2f2f2;
    background:#f7f7f7;
    width:298px;
    text-align:center;
}
.right_col_content .product_detail .txt_detail{
    width:347px;
    font:500 12px/18px arial;
    color:#333333;
    margin-right:20px;
    height: 300px;
    overflow: auto;
}
.right_col_content .product_detail .txt_detail p{
    margin-bottom:15px;
}
.attribute_product p.title_attr{
    font:700 13px arial;
    color:#0d558d;
    padding-left:10px;
    background:url(images/icon_title.png) no-repeat left top;
    margin-bottom:10px;
	margin-top:20px;
}
.attribute_product .box_attr{
    background:#6da5d7;
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    padding:15px 10px 10px;
}
.attribute_product .box_attr ul{
    width:650px;
    margin-left:20px;
    margin-bottom:10px;
}
.attribute_product .box_attr ul li{
    float:left;   
    font:700 14px arial;
    color:#fff;        
    margin: 0 20px 0 0;
    padding: 3px;
	/*
	width:250px;
	background:url(images/dot_white_5x5.png) no-repeat left 5px; 
	*/
}

.attribute_product .box_attr ul li.active{    
	border-bottom: medium solid #FFFFFF;
}
.box_detail_attr {
    background:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    padding:10px 20px 20px;
    font:500 12px arial;
}
.box_detail_attr h3{
    font-size:13px;
    margin-bottom:20px;
}
.box_detail_attr .col_right_attr,
.box_detail_attr .col_left_attr{
    width:296px;
}
.box_detail_attr h4{
    border-bottom:1px solid #dfdfdf;
    text-align:center;
    padding-bottom:5px;
    color:#6da5d7;
    margin-bottom:10px;
}
.box_detail_attr p{
    
}
.box_detail_attr table{
	border: 1px solid #d1d1d1;
}
.box_detail_attr table td{
	padding:5px 10px;
	border: 1px solid #f6f6f6;
}
.box_detail_attr ul.product_tinhnang li{
	width:100%;
	display:block;
	float:left;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	margin-left: -20px;
	width: 610px;
}
.left_col_menu ul li .submenu{
    margin-top:10px;
    float:left;
    width:100%;
}
.left_col_menu ul li a span{
    display:block;
    float:left;
    line-height:18px;
}
.left_col_menu ul li.subparent > a{
    background:url(images/bg_menu_hover.png) no-repeat left top;
    height:26px;
    color:#fff;
}
.left_col_menu ul li.subparent > a span{
    width:100%;
    height:100%;
    background:url(images/hover_submenu.png) no-repeat 165px center;
    line-height:26px;
}
.left_col_menu ul li.subparent{
    padding-left:0;
}
.left_col_menu ul li a:hover{
    color:#175383;
}
.left_col_menu ul li.subparent > a:hover{
    color:#fff;
}

/*
page contact
*/
.block_contact h1{
    margin-bottom:10px;
}
.block_contact{
    font:500 12px/18px arial;
    color:#333333;
}
.block_contact table{
    width: 500px;
    margin:20px auto 0px;
}
.block_contact table td{
    padding:12px 0;
    vertical-align:middle;
    position:relative;
}
.block_contact table td span{
    color:#0062ab;
}
.block_contact table td span.error_validate{
    display:block;
    color:#0062ab;
    font-size:11px;
    position:absolute;
    left:0;
    bottom:-6px;
}
.block_contact table td textarea,
.block_contact table td input{
    width:305px;
    height:22px;
    line-height:22px;
    border:1px solid #cccccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    box-shadow:inset 0px 0px 5px 3px #e9e9e9;
    -moz-box-shadow:inset 0px 0px 5px 3px #e9e9e9;
    -ms-box-shadow:inset 0px 0px 5px 3px #e9e9e9;
    -o-box-shadow:inset 0px 0px 5px 3px #e9e9e9;
}
.block_contact table td input#btn_submit{
    width:auto;
    padding:3px 20px;
    margin:0;
    font:700 12px/20px Tahoma;
    color:#fff;
    background:#005799;
    height:auto;
    box-shadow:inset 0px 0px 5px 3px #004477;
    -moz-box-shadow:inset 0px 0px 5px 3px #004477;
    -ms-box-shadow:inset 0px 0px 5px 3px #004477;
    -o-box-shadow:inset 0px 0px 5px 3px #004477;
    border:none;
    cursor:pointer;
}
.block_contact table td input#btn_submit:hover{
    box-shadow:inset 0px 0px 5px 3px #005ba2;
    -moz-box-shadow:inset 0px 0px 5px 3px #005ba2;
    -ms-box-shadow:inset 0px 0px 5px 3px #005ba2;
    -o-box-shadow:inset 0px 0px 5px 3px #005ba2;
}
.block_contact table td textarea{
    height:100px;
    resize:none;
	font:500 12px arial;
}
.block_contact table td.txt_area{
	vertical-align:top;
}

.block_contact label.error{
    color:red;
    float:left
}