@charset "utf-8";
/* CSS Document */
 design css by Quar
 
body, td, tr{
color: #000000;
font-family: Tahoma, Arial, Verdana;
font-size: 11px;}
body {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-color:#eaeaea;

	
}
/*html {
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #008d26;
	scrollbar-face-color: #007620;
	scrollbar-shadow-color: #005c19;
	scrollbar-highlight-color: #005c19;
	scrollbar-darkshadow-color: #005c19;
	scrollbar-3dlight-color: #005c19;

}*/
#tabBodyMain{
background:#fff;}

A {
	COLOR: #000;
	TEXT-DECORATION: none
}
A:visited {
	COLOR: #000;
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}
form {
	margin: 0px
	
}
input, textarea, select {
	color: #4c4c4c;
	font: normal 11px tahoma, verdana, arial;
	border: 1px solid;
	border-color: #b7b7b7
}


hr {
	height: 0px;
	border: solid #b9b9b9 0px;
	border-top-width: 1px;
}


/*create style top*/
.bgTop{
background:url(../images/cat_68_Quar_01.jpg) repeat-x;
height:6px;}

/*the end style top*/
#txtLinkHeader{
background:#fff;
}
#txtLinkHeader ul{
list-style:none;
padding:0px;
margin:0px;}
#txtLinkHeader li{
float:left;
margin:0}
#txtLinkHeader li a {
	height: 2em;
	
	float: left;
	width: 7em;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	font:11px Arial, Tahoma, Verdana;
	padding-top: 9px;
	text-transform:uppercase;
}
#txtLinkHeader li a:hover{
text-decoration:underline;}
.lang{
float:left;
padding-left:10px;}




/*style menu linkTop*/
#bgMenuLinkTop{
background:#fff url(../images/cat_68_Quar_15.jpg) repeat-x left;
height:55px;
}

#txtMenuLink{
font:bold 11px Tahoma, Arial;
color:#000;
text-align:center;}
#txtMenuLink a{
text-align:center;
color:#000;}


/*the end style LinkTop*/


/*create style search*/
#bgSearch{
background:#ffffff url(../images/cat_68_Quar_22.jpg) repeat-x left;
height:36px;
font:bold 11px Tahoma, Arial;
color:#ffffff;
text-align:left;
}
.tiente{
color:#fff;
padding-top:8px;
text-align:left;
padding-left:10px;
text-align:left; }
.tiente select{
margin-left:10px;
padding-left:0px;
width:120px;}
.search{
padding-top:7px;}
.search img{
vertical-align:middle;
margin-left:10px;
padding-right:10px;}
.search input{
height:18px;

vertical-align:middle;}
/*the end style search*/





/*crete style MenuLeft*/
.bgMenuLeft_c { background: url(../images/cat_68_Quar_37_04.jpg) repeat-x bottom left; 
height: 43px; }
.bgMenuLeft_l { background: url(../images/cat_68_Quar_37_01.jpg) no-repeat bottom left;
 height: 43px; }
.bgMenuLeft_r { background: url(../images/cat_68_Quar_37_06.jpg) no-repeat bottom right;
 height: 43px; }
 
.txtTitleMenuLeft{
text-align:left;
padding-left:30px;}



.bgMenuMidd_c { background:#f7f7f7;
border-left:solid 2px #b4b4b4;
border-right:solid 1px #b4b4b4;
height: 43px;
height:auto;
}

.bgMenuLeftBottom_c { background: url(../images/cat_68_Quar_83.jpg) repeat-x top left; 
height: 17px; }
.bgMenuLeftBottom_l { background: url(../images/cat_68_Quar_82.jpg) no-repeat top left;
 height: 17px; }
.bgMenuLeftBottom_r { background: url(../images/cat_68_Quar_85.jpg) no-repeat top right;
 height: 17px; }

.bgMenuLinkLeft{
background:#f7f7f7 url(../images/bgLinkMenuLeft.jpg) no-repeat left;
height:24px;
text-align:left;
font:bold 11px Tahoma, Arial;
padding-left:25px;
padding-bottom:2px;
padding-top:2px;
cursor:pointer;
}
.bgMenuConLinkLeft{
background:#f7f7f7 url(../images/bgMenuCon.jpg) no-repeat left;
height:24px;
text-align:left;
font:11px Tahoma, Arial;
padding-left:30px;
padding-bottom:2px;
padding-top:2px;
cursor:pointer;
}

.bgMenuLinkLeft tr{
padding-left:10px;}
/*the end style MenuLeft*/



/*create style dang nhap*/
.txtTitleBlock{
font:bold 11px Tahoma, Arial;
color:#fff;
padding-left:30px;
text-align:left;
text-transform:uppercase;
padding-top:5px;
}
.bgDangNhap_c { background: url(../images/cat_68_Quar_90.jpg) repeat-x bottom left; 
height: 28px; }
.bgDangNhap_l { background: url(../images/cat_68_Quar_89.jpg) no-repeat bottom left;
 height: 28px; }
.bgDangNhap_r { background: url(../images/cat_68_Quar_92.jpg) no-repeat bottom right;
 height: 28px; }
 
.bgMiddDangNhap{
background:#ffffff;
border-left:solid 1px #f80000;
border-right:solid 1px #f80000;}


.bgBottomDangNhap_c{ background: url(../images/cat_68_Quar_120.jpg) repeat-x top left; 
height: 7px;}
.bgBottomDangNhap_r{ background: url(../images/cat_68_Quar_123.jpg) no-repeat top right; 
height: 7px;}
.bgBottomDangNhap_l{ background: url(../images/cat_68_Quar_119.jpg) no-repeat top left; 
height: 7px;}

.titleDangNhap{
padding-left:10px;
text-align:left;
font-weight:bold;
text-transform:uppercase;
color:#000;
}
.dangnhap{
font-weight:bold;
text-align:center;
text-transform:uppercase;
padding-top:10px;
color:#f20000;}
.dangnhap a{
color:#f20000;}
.dangnhap a:hover{
color:#f20000;}

.titleMatKhau{
padding-left:10px;
text-align:left;
color:#000;
}



/*the end style dang nhap*/



/*create style Support*/
.txtSupport{
text-align:left;}



/*kết thúc*/


/*create style sản phẩm*/
.bgTopDoTitle{
background:#fff url(../images/cat_68_Quar_41.jpg) repeat-x left bottom;
height:5px;}

.bgTitleSP_r{ background: url(../images/cat_68_Quar_48.jpg) no-repeat bottom right;
 height: 20px; }


.bgTopSP_c{ background: url(../images/cat_68_Quar_53.jpg) repeat-x bottom left; 
height: 7px;}
.bgTopSP_r{ background: url(../images/cat_68_Quar_56.jpg) no-repeat bottom right; 
height: 7px;}
.bgTopSP_l{ background: url(../images/cat_68_Quar_52.jpg) no-repeat bottom left;
height: 7px;}


.bgMiddSP
{
vertical-align:top;
border-left:solid 1px #d5d5d5;
border-right:solid 4px #d5d5d5;
}

.bgBottomSP_c{ background: url(../images/cat_68_Quar_60.jpg) repeat-x top left; 
height: 7px;}
.bgBottomSP_r{ background: url(../images/cat_68_Quar_62.jpg) no-repeat top right; 
height: 7px;}
.bgBottomSP_l{ background: url(../images/cat_68_Quar_59.jpg) no-repeat top left;
height: 7px;}

.tableSPChiTiet2{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
padding-right:5px;
}

.imgSPMoiChiTiet{
border:solid 1px #6366c5;
}

.thanhtruot{
height:210px;
overflow:auto;
position:relative;
	scrollbar-arrow-color: #d60054;
	scrollbar-track-color: #f4f4f4;
	scrollbar-face-color: #e7e7e7;
	scrollbar-shadow-color: #d4d4d4;
	scrollbar-highlight-color: #adadad;
	scrollbar-darkshadow-color: #adadad;
	scrollbar-3dlight-color: #d4d4d4;
}
.textTenMay{
text-align:center;
font:bold 11px Tahoma, Arial;}

.line{
background:url(../images/line.gif) repeat-y;
}

.bgTopSP2_c{ background: url(../images/cat_68_Quar_77.jpg) repeat-x bottom left; 
height: 8px;}
.bgTopSP2_r{ background: url(../images/cat_68_Quar_79.jpg) no-repeat bottom right; 
height: 8px;}
.bgTopSP2_l{ background: url(../images/cat_68_Quar_76.jpg) no-repeat bottom left;
height: 8px;}

.bgMiddSP2{
border-left:solid 1px #d5d5d5;
border-right:solid 1px #d5d5d5;
}

.bgBottomSP2_c{ background: url(../images/cat_68_Quar_97.jpg) repeat-x top left; 
height: 8px;}
.bgBottomSP2_r{ background: url(../images/bgRightSP2.jpg) no-repeat top right; 
height: 8px;}
.bgBottomSP2_l{ background: url(../images/cat_68_Quar_96.jpg) no-repeat top left;
height: 8px;}
.lineNgang{
background:url(../images/lineNgang.gif) repeat-x left;
height:3px;}
/*kết thúc*/
.text_help{
font:bold 11px Tahoma, Arial;
color:#000;
text-align:left;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;}



.Button_c{ background: url(../images/cat_68bnt_04.gif) repeat-x top left; 
height: 20px;}
.Button_l{ background: url(../images/cat_68bnt_03.gif) no-repeat top left; 
height: 20px;}
.Button_r{ background: url(../images/cat_68bnt_06.gif) no-repeat top right;
height: 20px;
font-weight:bold;
text-align:center;
padding-top:3px;
}







/*create style footer*/
#tabs {
	float:left;
	width:100%;
	line-height:normal;
	font:bold 11px Tahoma, Arial;
	color:#000;
	
	}
	
#tabs ul {
	margin:0;
	text-align:left;	
	list-style:none;
	padding-left:5px;
	list-style-image:url(../images/iconMenuLink.gif);
	}
	
#tabs li {
	display:inline;
	margin:0;
	padding:0;
	list-style-image:url(../images/iconMenuLink.gif);
	list-style:square;
	}
	
#tabs a {
	float:left;
	margin:0;
	padding-right:35px;
	padding-left:5px;
	
	text-decoration:none;
	color:#024492;
	list-style-image:url(../images/iconMenuLink.gif);
	text-transform:uppercase;
	}
#tabs a:hover{
text-decoration:underline;
list-style-image:url(../images/iconMenuLink.gif);
text-transform:uppercase;
color:#024492;}	

.bgFooter{
background:url(../images/bgFooter.gif) repeat;
height:7px;}


.showroom select{
text-align:left;
margin-left:10px;
padding-left:0px;
width:150px;}


.borderFooter{
border-top:solid 1px #d3d3d3;
border-bottom:solid 10px #ff0b01}
.txtTruyCap{
text-align:left;
padding-left:10px;
}

.txtDesign{
text-align:left;
padding-left:10px;
padding-top:10px;
margin-top:0px;
height:53px;

}
/*kết thúc footer*/



/*create style tab tin tuc*/


div.TabView div.Tabs {
	height: 22px; /* chi?u cao c?a tab menu */
	overflow: hidden;
}
div.TabView div.Tabs a {
	float: left;
	display: block;
	background:url(../images/bgTab2.gif) no-repeat;
	width:106px;
	text-align: center;
	height: 22px;
	padding: 3px;
	vertical-align: middle;	
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {
background: url(../images/bgTab1.gif) no-repeat;
height:22px;/* màu n?n tab menu active */
	color: #f00000;
}
/* Style cho ph?n text n?i dung c?a m?i tab */
div.TabView div.Pages {
	clear: both;
	border:0px;
	 /*overflow: hidden; giá tr? là auto n?u mu?n hi?n scroll bar */
}
div.TabView div.Pages div.Page {
	height: 100%;
	margin: 5px;
	/*overflow: hidden;  giá tr? là auto n?u mu?n hi?n scroll bar */
}


.txtNoiDung{
text-align:justify;
padding-left:5px;
padding-right:5px;
padding-top:0px;}
.imgNoiDung{
margin:5px 5px 5px 0px;
border:0px;
float:left;}
.txtChiTiet{
color:#888282;
float:right;
padding-right:5px;
}
.txtChiTiet a{
color:#888282}
.txtChiTiet a:hover{
color:#888282}
/*ket thuc tab tin tuc*/
/*Duan viet them*/

.tableSpHot
{
	font:11px Tahoma,Arial;	
}
.tableSpHot td
{
	text-align:center;
	width:25%;
	vertical-align:text-bottom;	
}
.tableSpNew{}
.tableSpNew td
{
	text-align:center;
	width:25%;	
	vertical-align:top;
}
.dvCateSP
{
	height:21px;
	text-align:left;
	font:bold 13px Tahoma,Arial;
	color:#F15A23;
	padding-left:25px;
	text-transform:uppercase;
	background-image:url(../images/cat_68_Quar_bgTitle.jpg);
	background-repeat:no-repeat;
}

/*create style trang trong*/
.imgTrangTrong{
float:left;
margin:5px;}
.txtTrangTrong{
text-align:justify;
font:11px Tahoma, Arial;
margin-left:5px;
margin-right:5px;}

#dvList ul {
	margin-left:10px;
	margin-top: 5px;
	padding-left: 6px;
}
#dvList li {
	color: #787876;
	margin-top: 3px
}
#dvList li a {
	color: #787876;
	height: 15px;
	text-decoration: none;
	list-style-image:url(../images/lvb_joo_49.jpg);
	font:11px Tahoma, Arial;
}
#dvList li a:link, #dvList li a:visited {
	color: #787876;
	text-decoration:none;
}
#dvList li a:hover {
	color: #003f7f;
	padding: 0px 0 0 0px;
	text-decoration:none;
}
.colorGia{
color:#c80000;
font-weight:bold;}
.colorGia a{
color:#c80000;
text-indent:inherit; 	
text-decoration:none;
font-weight:bold;}
.colorGia a:hover{
color:#c80000;
text-decoration:underline;
font-weight:bold;}



/*create style san pham ban chay*/




.txtQc{
text-align:center;
font-weight:bold;
padding:5px 0px 5px 0px;
}
.txtQc span a{
padding-top:5px;
padding-bottom:5px;
color:#000;
text-decoration:none;}
.txtQc span a:hover{
padding-top:5px;
padding-bottom:5px;
color:#000;
text-decoration:underline}

.button{

width:86px;
height:22px;
color:#fff;
font-weight:bold}
.button a{
text-decoration:none;
color:#fff;
font-weight:bold}
.button a:hovers{
text-decoration:underline;
color:#fff;
font-weight:bold}
.required-field-mark{
color:#FF0000;}

/*menu right*/

.bgMenuRight_c { background: url(../images/bgMenuRight_04.gif) repeat-x bottom left; 
height: 23px;
border-bottom:dashed 1px #d4d4d4;}
.bgMenuRight_l { background: url(../images/bgMenuRight_03.gif) no-repeat bottom left;
 height: 23px; }
.bgMenuRight_r { background: url(../images/bgMenuRight_06.gif) no-repeat bottom right;
 height: 23px; }
 
.bgMiddMenuRight{
background:#ffffff;
border-left:solid 1px #d4d4d4;
border-right:solid 1px #d4d4d4;
text-align:left;}


.bgBottomMenuRight_c{ background: url(../images/bgMenuRight_11.gif) repeat-x top left; 
height: 2px;}
.bgBottomMenuRight_r{ background: url(../images/bgMenuRight_10.gif) no-repeat top right; 
height: 2px;}
.bgBottomMenuRight_l{ background: url(../images/bgMenuRight_14.gif) no-repeat top left; 
height: 2px;}

.txtTitleBlockRight{
font:bold 11px Tahoma, Arial;
color:#000;
padding-left:30px;
text-align:left;
text-transform:uppercase;
padding-top:5px;
}


.submit{
color:#000;
font-weight:bold;}
.submit a{
color:#000;
font-weight:bold;}
.submit a:hover{
color:#000;
font-weight:bold;}
.txtTitleSP
{
	font:bold 12px Tahoma, Arial;
	text-align:left;	
}
/*ket thuc menu right*/


/*ket thuc trang trong*/

/*Duan viet them*/
.tableMenu{}
.tableMenu td
{
	padding:0px 15px 0px 15px;	
	white-space:nowrap;
}

.postBack
{
	z-index:1;
	visibility:hidden;
	width:150px;
	height:80px;
	border:solid 1px #006291;	
	position:absolute;
}

.tbl_Shop
{
    font-family:Tahoma;
    border:1px solid #ccc;
    color:#000;
	font-size:11px;

}
.tbl_Shop td 
{   
	height:23px;
    padding-left:10px;
    text-align:left;
    background: #fff;
}
.tbl_Shop th 
{
	background: url(../images/bgTopHang.jpg) repeat-x bottom left; 
    color:#000;
    white-space:nowrap;
    height:23px;
    font-weight:bold;
    padding-right:2px;
    text-align:center;
}

.tbl_Shop1
{
    
    border:1px solid #ccc;
    color:#000;
	font-size:11px;

}
.tbl_Shop1 td 
{   
    padding-left:10px;
    text-align:center;
    background: #fff;
}
.tbl_Shop1 th 
{
	background: url(../images/bgTopHang.jpg) repeat-x bottom left; 
    color:#000;
    white-space:nowrap;
    height:23px;
    font-weight:bold;
    padding-right:2px;
    text-align:center;
}
.Waiting{
	position:absolute;
	margin:100px 0px 0px 100px ;
	visibility:hidden;
	width:150px;
	height:80px;
	border:solid 1px #006291;
}


/*sửa 23/06/08*/
.bgDesign_c{ background: url(../images/bgDesign_02.gif) repeat-x top left; 
height: 53px;}
.bgDesign_r{ background: url(../images/bgDesign_04.gif) no-repeat top right; 
height: 53px;}
.bgDesign_l{ background: url(../images/bgDesign_01.gif) no-repeat top left; 
height: 53px;
}


.logo{
position:relative;
height:81px;
width:342px;
left:20px;
top:30px;}



/*kết thúc*/