﻿@charset "utf-8";
/* CSS Document */
/* Set value default for tag */
ul,li,p {margin:0px; padding:0px; font-size:12px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
body  {
	font-family:Tahoma, Helvetica, sans-serif;
	background: #f8fff7;
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size:12px;	
}
a {
    color:#000000;
    text-decoration: none;
}
a:hover {
    color:#000000;
    text-decoration: underline;
}
img {
  border: 0px;
}

/* class for test */
.red {
	border: 1px solid red;
}
#page{
	width: 960px;
	position: relative;
}

#top-seo{
	/* Added by manh@saokim.com.vn */
	color:#f8fff7;
	font-size:9px;
	text-align:left;
}
#top-seo a{ text-decoration:none; color:#f8fff7;}

#header{
	position: relative;
	height: 396px;
}
#logo{
	float: left;
	position: relative;
	width: 234px;
}
#header .right{
	float: left;
	position: relative;
	width: 724px;
	border: 1px solid red;
	height: 83px;
}
#header-menu{
	float: left;
	width: 726px;
	height: 37px;
	background: url(/view/images/bg/header-menu.gif) no-repeat;
	line-height: 37px;
	margin-top: 50px;
}
#header-menu ul{
	list-style: none;
}
#header-menu ul li{
	float: left;
	height: 37px;
	line-height: 37px;
	padding-left: 20px;
	padding-right: 20px;
	background: url(/view/images/icon/line-menu.jpg) no-repeat right;
	font-size: 14px;
	font-weight: bold;
}
#header-menu ul li a{
	color: #d3efbf;
	text-decoration: none;
}
#header-menu ul li a:hover{
	color: #FFFFFF;
}
#header-menu ul li.menu-active a{
	color: #FFFFFF;
}
.news-home{
	float: left;
	background: url(/view/images/bg/news-home.gif) no-repeat;
	width: 726px;
	height: 45px;
	line-height: 45px;
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
.news-home a{
	margin-right: 10px;
	margin-left: 10px;
}

.hotNews{
	width:100%;
	float:left;
	margin-top:5px;
}

#middle{
	float: left;
	width: 960px;
	position: relative;
}
#left{
	float: left;
	width: 217px;
}
.box_left{
    float: left;
    width: 217px;
    position: relative;
    text-align: center;
    color: #003e8c;
    margin-top: 10px;
}
.box_left .middle{
    float: left;
    width: 215px;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    background: #EEEEEE;
    text-align: center;
}
.box_left .middle .subcontent{
	float:left;
	width:205px;
	margin:5px;
	text-align:left;
}
.box_left .top{
    float: left;
    width: 177px;
    height: 33px;
    line-height: 33px;
    background: url(/view/images/bg/caption-left.gif) no-repeat;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    padding-left: 40px;
}
.box_left .bottom{
    float: left;
    width: 217px;
    height: 6px;
    background: url(/view/images/bg/bottom-left.gif) no-repeat;
}
#left_menu{
	float:left;
}
#left_menu ul{
    list-style:none;
	 text-align:left;
    float: left;
}
#left_menu ul li{
    font-weight: bold;
    height: 22px;
    padding-top: 8px;
}
#left_menu ul li.sub{
	margin-left:20px;
	font-weight:normal;
}
#left_menu ul li a{
	color:#000000;
	font-size: 11px;
}

#left_menu ul li a:hover{
    color:#000000;
	text-decoration:underline;
}

.button_search{
    background: url(/view/images/icon/button_search.gif);
    width: 35px;
    height: 17px;
    border: 0px;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    float: right;
    margin-right: 25px;
    margin-top: 10px;
}
.item_search{
	width:185px; 
	margin-top:15px; 
	background: #eeeeee; 
	border: 1px solid #9e9e9e;
}
#center{
	float: left;
	position: relative;
	width: 726px;
	margin-left: 17px;
	margin-top: 5px;
}
.about-home{
	float: left;
	width: 696px;;
	text-align: left;
	padding-right: 20px;
	background: #eeeeee;
	margin-top: 10px;
	padding-left:10px;
	line-height: 17px;
}
.about-home img{
	margin-right: 20px;
	margin-left:-10px;	
}
.about-home a{
	float: right;
	color: #fa3f3f;
	font-weight: bold;
}
.partner{
	float: left;
	width: 724px;
	border: 1px solid #d8dbc5;
	background: #F6F8EB url(/view/images/bg/partner.jpg) repeat-x;
	padding-bottom: 10px;
	margin-top: 10px;
}
.partner-footer{
	float: left;
	width: 958px;
	border: 1px solid #d8dbc5;
	background: #F6F8EB url(/view/images/bg/partner.jpg) repeat-x;
	padding-bottom: 10px;
	margin-top: 10px;
}
.footer_block{
	float: left;
	width: 164px;
	height:172px;
	padding-left:10px;
	margin-left:10px;
	background: url(/view/images/bg/info_bg.jpg) no-repeat;
	padding-bottom: 10px;
	padding-top:10px;
	margin-top: 10px;
	text-align:left
}
.footer_block div.title{
	font-size:13px;
	font-weight:bold
}
.footer_block div.link{
	margin-left:10px;
	margin-top:5px;	
}
.footer_block a{
	text-decoration:none
}
.footer_block a:hover{text-decoration:underline}
#footer{
	float: left;
	position: relative;
	width: 960px;
	height: 50px;
	background: url(/view/images/bg/footer.gif) no-repeat;
	line-height: 50px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#footer ul{
	list-style: none;
	margin-left: 10px;
}
#footer ul li{
	float: left;
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	background: url(/view/images/icon/line-menu-footer.jpg) no-repeat right;
	font-size: 14px;
	font-weight: bold;
}
#footer ul li a{
	color: #d3efbf;
}
.login-top{
	background: url(/view/images/box/login-top.jpg) no-repeat;
	height: 10px;
	width: 217px;
	float: left;
}
.login-middle{
	background: url(/view/images/box/login-middle.jpg) repeat-y;
	width: 217px;
	float: left;
	text-align: left;
	_margin-top: -4px;
}
.login-bottom{
	background: url(/view/images/box/login-bottom.jpg) no-repeat;
	height: 10px;
	width: 217px;
	float: left;
}
.login-text{
	background: url(/view/images/icon/login-text.jpg) no-repeat;
	width: 108px;
	height: 19px;
	border: 0px;
}
.login-button{
	background: url(/view/images/icon/login-button.jpg);
	height: 16px;
	width: 70px;
	border: 0px;
	font-size: 10px;
	padding-bottom: 3px;
}
.col1{
	font-size: 11px;
	font-weight: bold;
}
.content-product{
	background: #F4F5E7;
	border: 1px solid #c4c5a6;
	width: 684px;
	float: left;
	padding: 20px;	
	text-align:justify;
}
.caption{
	float: left;
	width: 726px;
	margin-top: 10px;
}
.caption .caption-pro-left{
	background: url(/view/images/box/caption-pro-left.jpg) no-repeat;
	height: 33px;
	width: 5px;
	float: left;
}
.caption .caption-pro-center{
	background: url(/view/images/box/caption-pro-center.jpg) repeat-x;
	height: 33px;
	float: left;
	line-height: 33px;
	font-weight: bold;
	font-size: 14px;
}
.caption .caption-pro-right{
	background: url(/view/images/box/caption-pro-right.jpg) no-repeat;
	height: 33px;
	width: 5px;
	float: left;
}
.one-pro{
	float: left;
	width: 134px;
	margin-right: 48px;
	height: 240px;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
}
.price{color:#8FC800; font-weight:bold}
.price2{color:#8FC800; text-decoration:line-through}
.one-pro img{
	height: 120px;
	width: 130px;
	border: 1px solid #929292
}
.one-pro a:hover{
	font-weight: bold;
}
.home-video{
	float: left;
	width: 726px;
	text-align: left;
}
#mvmain{
	height: 270px;
	width: 300px;
	float: left;
}
#other-video{
	float: left;
	margin-left: 5px;
	background: #c1eab4;
	height: 268px;
	border: 1px solid #c6c6c6;
	width: 404px;
	padding-left: 15px;
}
.listItem{
	float:left;
	width: 680px;
	text-align:justify;
}
.display_title{
	font-weight:bold;
	font-size:14px;
}
.detail_title{
	color: #cc4800;
	font-size: 13px;
	font-weight: bold;
}
.button_basket{
	background: url(/view/images/icon/button_basket.gif);
	height: 23px;
	width: 83px;
	border: 0px;
	float: right;
}
.float_none{float:none}
#other_product{
	padding-top: 10px;
}
.cart_button_left{
	width:7px;
	height:22px;
	background:url(/view/images/box/button-cart-left.gif) no-repeat;
	float:left;

}
.cart_button_right{
	width:7px;
	height:22px;
	background:url(/view/images/box/button-cart-right.gif) no-repeat;
	float:left;

}
.cart_button_center{
	height:22px;
	background:url(/view/images/box/button-cart-center.gif) repeat-x;
	float:left;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.list_product_image{margin-right:5px; margin-bottom:5px; margin-top:5px;}
.detail_product_image{margin-right:30px; margin-bottom:5px;}
.special_product_image{margin-right:5px; margin-top:10px;}
.listItem a:visited {
	color: #999999;
}
a.link-news:visited {
	color: #999999;
}
.one-pro a:visited {
	color: #999999;
}

.partner_logo{font-weight: bold; text-align: left; float: left; margin-top: 10px; margin-left: 10px; font-size: 14px; width: 600px;}

.cat_image{margin-right:5px; margin-left: 10px;}
.search_icon{vertical-align: middle; cursor: pointer;}
.simple_search{float: right; margin-right: 15px; margin-top: 10px; font-weight: bold;}
.date_time{float: left; font-weight: bold; margin-top: 13px; font-size: 14px;}

.customer_login_frm{margin-right: 5px; margin-left: 20px; vertical-align: middle;}

.ptopbottom5{padding-top:5px; padding-bottom:5px;}

.support_middle{line-height:15px; font-weight:bold;}
.colorf30{color:#FF3300}
.colorf60{color:#FF6600}
.couter_ul{list-style:none; font-weight: bold;}
.couter_li{color:#000000; padding: 5px;}
.paging_div{width:100%; clear:both; text-align:right}
.partner_image{height:110px; width: 150px; border: 1px solid #929292; float: left; margin-right: 5px;}

.contact_info{
	margin-left: 10px;
	font-family: Arial;
	font-size: 10pt;
	line-height: 1.5;
}