﻿/*
background:url(../IMG/) no-repeat center center;
*/
img{border:none;}
body{margin:0; padding:0; background:#000 url(../IMG/banner_bg.gif) repeat-x center top;}

/*background testing system----------------------------------------*/
.bgt{background:Pink;}
.bgt2{background:Green;}
.bgt3{background:Blue;}

/*div and sperator system------------------------------------------*/
.cleardiv{width:100%; clear:both;}
.cleardiv5{width:100%; clear:both; padding-top:5px;}
.cleardiv10{width:100%; clear:both; padding-top:10px;}
.cleardiv15{width:100%; clear:both; padding-top:15px;}
.cleardiv20{width:100%; clear:both; padding-top:20px;}
.cleardiv30{width:100%; clear:both; padding-top:30px;}

.master{width:990px; margin:0 auto; text-align:left; background:url(../IMG/) repeat-x center top;}


.s{float:left; width:10px; height:20px;}
.s5{float:left; width:5px; height:20px;}
.s15{float:left; width:15px; height:20px;}
.s20{float:left; width:20px; height:20px;}
.s30{float:left; width:30px; height:20px;}

/*border system-----------------------------------------------------*/
.bd_t{width:100%;background:url(../IMG/border_gray.gif) repeat-x top;}
.bd_b{width:100%;background:url(../IMG/border_gray.gif) repeat-x bottom;}
.bd_l{width:100%;background:url(../IMG/border_gray.gif) repeat-y left;}
.bd_r{width:100%;background:url(../IMG/border_gray.gif) repeat-y right;}

.banner{height:42px; background:url(../IMG/banner_bg.gif) repeat-x center top;}

.sec1 .splashbutton{
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	clear:both;
	width:120px;
	height:34px;
	display:block;
	line-height:28px;
	text-decoration:none;
	text-align:center;
	background:url(../IMG/main_sec1_splash_left_button_bg.gif) no-repeat center top;
}
	
/*DINH DANG KHUNG DANG NHAP, MAT KHAU*/
.sec1 .textbox
{
	border:1px solid #909090;
	width:100%; 
	font:10px Tahoma; 
	color:#909090; 
	line-height:20px; 
	height:15px;
}

/*CHIEU CAO CHUNG CUA CAC NHOM NAM NGANG BEN TRAI*/
.sec1 .content_height_1{
	height:155px;
}
.sec1 .content_height_2{
	height:270px;
}

/*SLOT DANH CHO CAC SPHAM TRONG GIO HANG*/
.cart_slot{
	float:left;
	width:19.99%;
	text-align:left;
	border-bottom:1px solid #f0f0f0;
	padding-top:10px;
	height:35px;
	}
.cart_slot .sp{
	width:25px;
	height:25px;
	border:1px solid #909090;
	}
.cart_slot a{	
	font:bold 11px Arial;
	color:#008cd9;
	text-decoration:none;
	}

/*SLOT DANH CHO TAP HOP HINH ANH KHAC CUA SPHAM*/
.moreimg_slot{
	float:left;
	width:12.499%;
	text-align:center;
	padding-top:10px;
	}
.moreimg_slot .sp{
	width:40px;
	height:30px;
	border:2px solid #f0f0f0;
	}

/*SLOT DANH CHO CAC NHOM SAN PHAM BEN TRAI*/
.slot1{
	float:left;
	width:19.99%;
	text-align:center;
	padding-top:10px;
	font:11px Arial;
	}
.slot1 .frame{
	background:url(../IMG/slot1_frame.gif) no-repeat center top;
	height:90px; 
	width:110px; 
	margin:0 auto; 
	padding-top:3px;
	}
.slot1 .sp{
	width:104px;
	height:84px;
	border:none;
	}
.slot1 .name{
	margin:0 auto;
	width:85%;
	}
.slot1 .cost{
	color:#ef5937;
	}
.slot1 a{	
	font:12px Arial;
	color:#262626;
	text-decoration:none;
	}
.slot1 a:hover{	
	color:#008cd9;
	}

/*SLOT DANH CHO CAC SAN PHAM COT PHAI*/
.slot2{
	float:left;
	width:49.99%;
	height:115px;
	text-align:center;
	padding-top:10px;
	font:11px Arial;
	}
.slot2 .frame{
	background:url(../IMG/slot2_frame.gif) no-repeat center top; 
	height:74px; 
	width:78px; 
	margin:0 auto; 
	padding-top:4px;
	}
.slot2 .sp{
	width:70px;
	height:66px;
	border:none;
	}
.slot2 .name{
	margin:0 auto;
	width:85%;
	}
.slot2 .cost{
	color:#ef5937;
	}
.slot2 a{	
	font:12px Arial;
	color:#262626;
	text-decoration:none;
	}
.slot2 a:hover{	
	color:#008cd9;
	}
	
/*SLOT DANH CHO CAC SAN PHAM TRANG SAN PHAM*/
.slot3{
	float:left;
	width:19.99%;
	height:115px;
	text-align:center;
	padding-top:10px;
	font:11px Arial;
	}
.slot3 .frame{
	background:url(../IMG/slot3_frame.gif) no-repeat center top; 
	height:74px; 
	width:88px; 
	margin:0 auto; 
	padding-top:4px;
	}
.slot3 .sp{
	width:80px;
	height:66px;
	border:none;
	}
.slot3 .name{
	margin:0 auto;
	width:85%;
	}
.slot3 .cost{
	color:#ef5937;
	}
.slot3 a{	
	font:12px Arial;
	color:#262626;
	text-decoration:none;
	}
.slot3 a:hover{	
	color:#008cd9;
	}
/*SLOT DANH CHO CAC Cua hang*/
.slotch{
	float:left;
	width:32.99%;
	
	text-align:center;
	padding-top:10px;
	font:11px Arial;
	}
.slotch .frame{
	background:url(../IMG/slotch_frame.gif) no-repeat center top; 
	height:74px; 
	width:185px; 
	margin:0 auto; 
	padding-top:4px;
	}
.slotch .ch{
	width:175px;
	height:66px;
	border:none;
	}
.slotch .name{
	margin:0 auto;
	width:97%;
	}
.slotch .cost{
	color:#ef5937;
	}
.slotch a{	
	font:12px Arial;
	color:#262626;
	text-decoration:none;
	}
.slotch a:hover{	
	color:#008cd9;
	}

/*Hien thi tooltop khi di chuot vao DUNG DE THAM KHAO*/
.ToolText1{position:relative; }
.ToolText1Hover{position:relative;}
.ToolText1Hover span{
	display:block;
	position:absolute;
	border:1px solid #f0f0f0;
	top:-30px;
	left:-50px;
	background:#fff;
	color:#262626;
	text-align: center;
	font:10px Arial;
	height:20px;
	line-height:20px;
	width:100px;
}
.ToolText1 span{display:none;}

.link1{font:10px Tahoma; color:#484848;}
.link1 a{font:bold 10px Tahoma; text-decoration:none; color:#262626;}
.link1 a:hover{text-decoration:underline;}

/*BO TRON GOC BEN DUOI TRAI PHAI CUA MOI MODULE*/
.bottom_left{
	clear:both;
	width:100%;
	height:10px;
	line-height:10px;
	background:url(../IMG/bottom_left.gif) no-repeat left top;
	}
.bottom_right{
	float:right;
	width:36px;
	height:10px;
	line-height:10px;
	background:url(../IMG/bottom_right.gif) no-repeat right top;
	}
	
/*CAC NUT DIEU KHIEN DANH CHO SAN PHAM TRANG CHI TIET*/
.button_themgiohang{
	float:left;
	width:15px;
	height:30px;
	display:block;
	background:url(../IMG/button_themgiohang.gif) no-repeat center center;
	}
.button_themgiohang:hover{
	background:url(../IMG/button_themgiohang_hover.gif) no-repeat center center;
	}

.button_mua{
	float:left;
	width:55px;
	height:30px;
	display:block;
	background:url(../IMG/button_mua.gif) no-repeat center center;
	}
.button_mua:hover{
	background:url(../IMG/button_mua_hover.gif) no-repeat center center;
	}

.button_thumpup{
	float:left;
	width:25px;
	height:30px;
	display:block;
	background:url(../IMG/button_thumpup.gif) no-repeat center center;
	}
.button_thumpup:hover{
	background:url(../IMG/button_thumpup_hover.gif) no-repeat center center;
	}
	
.button_thumpdown{
	float:left;
	width:25px;
	height:30px;
	display:block;
	background:url(../IMG/button_thumpdown.gif) no-repeat center center;
	}
.button_thumpdown:hover{
	background:url(../IMG/button_thumpdown_hover.gif) no-repeat center center;
	}
	
.signup_col_left{
	float:left;
	width:40%;
	font:12px Arial;
	color:#262626;
	text-align:left;
	line-height:20px;
	}
.signup_col_right{
	float:left;
	width:59.99%;
	font:12px Arial;
	color:#cc0000;
	text-align:left;
	}
.signup_textbox{
	border:1px solid #909090;
	width:180px;
	height:20px;
	}
	
	
.chkout_col_left{
	float:left;
	width:40%;
	font:12px Arial;
	color:#262626;
	text-align:left;
	line-height:20px;
	}
.chkout_col_right{
	float:left;
	width:59.99%;
	font:12px Arial;
	color:#cc0000;
	text-align:left;
	}
.chkout_textbox{
	border:1px solid #909090;
	width:180px;
	height:20px;
	}
	
.cart .link{
	font:11px Arial;
	color:#262626;
	text-decoration:none;
	}
.danhmuc a{
	clear:both;
	width:100%;
	height:20px;
	line-height:20px;
	font-weight:bold;
	font-size:11px;
	font-family:Arial;
	text-decoration:none;
	display:block;
	color:#262626;
	text-indent:15px;
	background:url(../IMG/icon_bullet2.gif) no-repeat center left;
	}
.danhmuc a:hover{
	color:#0675c0;
	background:url(../IMG/icon_bullet3.gif) no-repeat center left;
	}
	
	.spyahoo a{
	clear:both;
	width:100%;
	height:20px;
	line-height:20px;
	font-weight:bold;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	display:block;
	color:#262626;
	text-indent:15px;

	}
	.spyahoo a:hover{
	color:#0675c0;
	
	}
.footer{
	height:150px;
	background:url(../IMG/footer_bg.gif) no-repeat top center;
	}
.footerlink {
	font:11px Arial;
	color:#909090;
	text-align:right;
	height:20px;
	line-height:20px;
	}
.footerlink a{
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
	color:#606060;
	}
.footerlink a:hover{
	color:#0072bc;
	
	}
	
	.Titlelink {
	font:11px Arial;
	color:#909090;
	text-align:right;
	height:20px;
	line-height:20px;
	}
.Titlelink a{
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
	color:#606060;
	}
.Titlelink a:hover{
	color:#0072bc;
	
	}
	.menu_button1{float:left; padding:0px 20px 0px 20px; width:90px; height:38px; line-height:30px; text-align:center;font-weight:bold;
	background:url(../IMG/menu_top.png) repeat-x center center;text-decoration:none;}
.menu_button1 a:hover{text-decoration:none;color:#000;font-weight:bold;}
#menu_button1_focus{background:url(../IMG/menu_hove.png) repeat-x top center; color:#54a417;font-weight:bold;}
.Titlemenu {
	font:11px Arial;
	color:#fff;
	text-decoration:none;
	height:15px;
	line-height:15px;
	}
.Titlemenu a{
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	}
.Titlemenu a:hover{
	color:#000;
	
	}
	
	.boxsp{
  border:5px solid #4c79a3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  width:568px;hight:10px;
  background:#e7ebf2;
}
.boxrieght{
 
  border:5px solid #4c79a3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  width:240px;hight:10px;
 
}
.boximg{
 
  border:3px solid #c3ccdf;
  border-radius: 10px;
  -moz-border-radius: 10px;
  width:160px;hight:10px;
 
}
