/* CSS Document */
body
{
	background:#2F2E33 url(../images/bg_page.jpg) repeat-y center top;
	margin:0;
	padding:0;
}

html, td, div
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000
}

form,ul
{
	margin:0;
	padding:0
}

a:link,
a:visited
{
	color:#000000;
	text-decoration:none
}
a:hover,
a:active
{
	color:#006699;
	text-decoration:underline
}

.link,
.no_link,
.nomal{
	margin-right:3px;
	font-weight:bold;
	white-space:nowrap}	
.no_link{
	color:#cc0000}	
span.total{
	color:#0099FF}

td.Image,
td.image_info p font,
td.image_info{
	font-size:11px;
	color:#333333;
	line-height:16px}
	
img.img{
	border:1px solid #CCCCCC;
	padding:1px}
	
img.float{
	float:left;
	margin-right:5px}
	
span.date{
	display:block;
	margin:5px 0;
	color:#999;
	font-size:11px}	
	
strong.title{
	display:block;
	margin-top:10px;
	margin-bottom:5px}	
	
div.ct{
	text-align:justify;
	line-height:20px}	
	
h2.or_news{
	display:block;
	margin:0;
	padding:0;
	padding-bottom:2px;
	margin-top:35px;
	font-size:14px;
	text-transform:uppercase;
	*font-size:12px;
	font-size-adjust:0.5;
	border-bottom:1px dashed #CCCCCC;
	color:#993300}	
/* + ================================================================== +*/

div.body{
	width:1000px;
	margin:0 auto;
	border:1px solid #fff}
	
div#header div#navbar{
	background:url(../images/bg_nav.jpg) repeat-x left top;
	}	
	
div#navbar ul{
	margin:0;
	padding:0;
	margin-left:10px;}	
	
div#navbar ul li{
	list-style:none;
	width:102px;
	background:url(../images/bg_mnnav.gif) no-repeat left 6px;
	float:left;
	height:25px;
	padding-top:10px;
	text-align:center}

div#navbar ul li a:visited,
div#navbar ul li a:link{
	text-transform:uppercase;
	font-size:14px;
	*font-size:12px;
	font-size-adjust:0.5;
	color:#FFFFFF;
	font-weight:bold}
	
div#navbar ul li a:hover,
div#navbar ul li a:active{
	color:#cc0000;
	text-decoration:none}
	
div#navbar ul li.active{
	background:url(../images/bg_nav.jpg) repeat-x left -35px;
	border:none;}
	
div#navbar ul li.active a:visited,
div#navbar ul li.active a:link{
	color:#cc0000;}
	
/* middle */	
div.middle{
	padding:3px 0;}

ul.middle{
	margin:0;
	padding:0;}
	
ul.middle li{
	list-style:none;}

ul.middle li.middle_left{
	width:200px;
	float:left;
	margin-right:10px}

ul.middle li.middle_main{
	float:left;
	width:580px;}	
	
ul.middle li.middle_right{
	float:right;
	width:200px;
	margin-left:10px}
	
div.box{
	margin-bottom:10px;
	background:#fff;
	padding:1px}
	
div.box h1{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	background:url(../images/bg_cat.jpg) repeat-x left top;	}	
div.box h1.cat1{
	background:url(../images/bg_cat.jpg) repeat-x left -29px;}	
	
div.box h1.cat2{
	background:url(../images/bg_cat.jpg) repeat-x left -62px;
	border:1px solid #e2e1e1;
	border-bottom:none}
	
div.box h1 span{
	display:block;
	background:url(../images/row.gif)  no-repeat 3px 5px;
	height:21px;
	padding-top:8px;
	padding-left:30px;
	color:#FFFFFF}	
	
div.box h1.cat1 span,
div.box h1.cat2 span{
	background:none;
	padding-left:10px;
	color:#000000}
	
	
div.border{
	border:1px solid #e2e1e1;
	margin-top:2px;
	padding:3px}
	
div.box h1.cat1{
	background:url(../images/bg_cat.jpg) repeat-x left -29px;}	

div.adv_main{
	margin-bottom:10px}	

.search_form div input.search_text{
	width:160px;}


	
a.main_menu:link,
a.main_menu:visited{
	display:block;
	border:1px solid #e2e1e1;
	padding:5px;	
	margin-top:2px;
	background:url(../images/bg_main_mn.gif) no-repeat left top;
	padding-left:25px;
	color:#0b61a3;
	outline:none}

a.main_menu:hover,
a.main_menu:active{
	color:#cc0000;
	text-decoration:none}

a.smain_menu:link,
a.smain_menu:visited{
	display:block;
	border:1px solid #e2e1e1;
	padding:4px;
	margin-top:2px;
/*	background:#edf8fe url(../images/arrow_r.gif) no-repeat 10px 8px;*/
	background:url(../images/bg_smain_mn.gif) no-repeat left -1px;
	padding-left:25px;
	color:#000000}
	
a.smain_menu:hover,
a.smain_menu:active{
	text-decoration:none;
	color:#FF6600}	
	
ul.spit li{
	border:1px solid #e2e1e1;
	height:120px;
	margin-bottom:3px;
	padding:3px;
	background:#fff}
	
ul.spit li.left{
	float:left;
	width:275px}
	
ul.spit li.right{
	float:right;
	width:275px}	

a.title:link,
a.title:visited{
	display:block;
	font-weight:bold;
	color:#077cad;
	margin-bottom:3px}

ul.spit li.left div.info,
ul.spit li.right div.info{
	padding-top:8px}
	
ul.spit li.left div.info span,
ul.spit li.right div.info span{
	color:#FF0000}
	
span.price{
	font-size:18px;
	color:#FF6600}

a.more:link,
a.more:visited{
	color:#0033FF}

ul.spit_cat li.right,
ul.spit_cat li.left{
	width:282px;
	border:none;
	padding:0;
	height:165px;
	margin-bottom:3px;}	
	
/*input#x_priceTo,
input#x_priceForm{
	width:42px;
	height:15px}*/
	
div.price_l{
	float:left;
	padding-top:5px;}
div.price_r{
	float:right;
	padding-top:5px;
	width:20px}	

div.row{
	background:url(../images/arrow_r.gif) no-repeat left 7px;
	padding:3px;
	padding-left:10px;
	text-align:justify}	
/* footer */	
div.footer{
	clear:both;
	background:#faad07;
	padding:10px;
	margin-top:10px}	

div.footer strong.company{
	display:block;
	margin-bottom:10px;
	font-size:14px;
	*font-size:13px;
	font-size-adjust:0.5;}	

p.support{
	margin:0;
	padding:0}

p.support strong.group{
	display:block;
	border-bottom:1px solid #f1f1f1;
	color:#0099FF}
	
div.support{
	padding:5px;
	padding-left:15px;
	line-height:18px;
	font-size:11px}	

div.download div.title{
	clear:both;
	height:20px;
	background:#f1f1f1;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold}

div.download div#row{
	clear:both;
	height:20px;
	padding:3px;
	border-bottom:1px dashed #CCCCCC}
		
div.download div#row div.counter,
div.download div.title div.counter{
	float:left;
	width:40px;
	text-align:center;}
	
div.download div#row div.name,
div.download div.title div.name{
	float:left;}	
	
div.download div#row div.down,
div.download div.title div.down{
	float:right}	
	
/* PRODUCT VIEW */	
div.pro_view div.info{
	line-height:20px}

div.pro_view ul.sp_view li div.info{
	line-height:18px}
	
div.pro_view div.info span.red{
	color:#CC0000}

div.pro_view div.images{
	width:310px;
	float:left;
	border-right:1px solid #CCCCCC}
	
div.pro_view div.product_info{
	float:right;
	width:250px;}
	
ul.img_view	li.left{
	float:left;}
	
ul.img_view	li.right{
	float:right;	
	padding-right:10px}

div.comment strong#new_com,
div.comment strong#view_com{
	display:block;
	float:right;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:3px;
	margin-top:-3px;
	margin-right:-3px;
	background:url(../images/bg_cat.jpg) repeat-x left -68px;
	cursor:pointer;
	font-size:12px;
	color:#CC0000;
	font-weight:normal}

div#new_comment ul li.left{
	float:left;
	clear:left;
	width:120px;}
div#new_comment ul li.right{
	float:right;
	clear:right;
	text-align:left;
	width:420px}
	
div#new_comment ul li.right textarea.text,
div#new_comment ul li.right input.text{
	width:300px}
	
div#new_comment ul li.left,
div#new_comment ul li.right{
	height:28px;}	

div#comment div.list_comment{
	margin:5px 0;
	border:1px solid #f1f1f1}
	
div#comment div.list_comment strong.name{
	display:block;
	padding:3px;
	background:#f1f1f1 url(../images/bg_cat.jpg) repeat-x left -65px;
	border-bottom:1px solid #CCCCCC;
	padding-left:5px;
	color:#003366}
	
div#comment div.list_comment div.ct{
	text-align:justify;
	padding:3px;}	

div#comment div.list_comment div strong{
	color:#666666}

/* gio hang */	
div.shop_cart div.title{
	height:20px;
	background:#ccc;
	border-bottom:1px solid #999}

div.shop_cart div.title div.stt,
div.shop_cart div.title div.pro_name,
div.shop_cart div.title div.sl,
div.shop_cart div.title div.price,
div.shop_cart div.title div.price_vn,
div.shop_cart div.title div.fun{
	font-weight:bold;
	color:#666666}

div.shop_cart div.title div.stt,
div.shop_cart div.title div.pro_name,
div.shop_cart div.title div.sl,
div.shop_cart div.title div.price,
div.shop_cart div.title div.price_vn,

div.shop_cart div.list div.stt,
div.shop_cart div.list div.pro_name,
div.shop_cart div.list div.sl,
div.shop_cart div.list div.price,
div.shop_cart div.list div.price_vn{
	float:left;
	padding-top:3px;}
	
div.shop_cart div.list div.fun,
div.shop_cart div.title div.fun{
	float:right;
	padding-top:3px;}
	
div.shop_cart div.list div.row{
	clear:both;
	background: url(../images/bg_cat.jpg) repeat-x left -62px;
	border-bottom:1px solid #CCCCCC;
	padding:0}
	
div.shop_cart div.list div.stt,
div.shop_cart div.title div.stt{
	width:30px;
	text-align:center}

div.shop_cart div.list div.pro_name,
div.shop_cart div.title div.pro_name{
	width:230px;
	text-align:left}
	
div.shop_cart div.list div.sl,
div.shop_cart div.title div.sl{
	width:60px;
	text-align:center}
	
div.shop_cart div.list div.price,
div.shop_cart div.title div.price{
	width:50px;
	*width:70px;
	text-align:right}	
	
div.shop_cart div.list div.price_vn,
div.shop_cart div.title div.price_vn{
	width:100px;
	*width:105px;
	text-align:right;}
	
div.shop_cart div.list div.fun,
div.shop_cart div.title div.fun{
	width:100px;
	*width:70px;
	text-align:center;}
	
div.shop_cart div.list div.stt,
div.shop_cart div.list div.pro_name,
div.shop_cart div.list div.price,
div.shop_cart div.list div.price_vn{
	padding-top:5px;}

div.total{
	background:url(../images/bg_box.jpg) repeat-x left bottom}
div.total div{
	padding:3px;}	

#submn{
	position:absolute;
	background:#fff;
	border:1px solid #CCCCCC;
	width:150px;
	margin-left:0;
	*margin-left:-51px;}

#navbar ul li #submn a.smn:link,
#navbar ul li #submn a.smn:visited{
	display:block;
	text-transform:none;
	font-size-adjust:none;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding:3px;
	font-weight:normal}	

#navbar ul li #submn a.smn:hover,
#navbar ul li #submn a.smn:active{
	color:#cc0000;}