/************/
/*  GLOBAL  */
/************/
*{padding:0px; margin:0px;}
 body {padding-top:0px; background:#ffffff; font-family: Tahoma, Times New Roman; font-size:9pt; color:#000000; text-align:center;}
.page-container {width:1000px; height:auto; margin:0px auto; background:#ffffff; text-align:left;}
.container {float:left; width:976px; padding:0 12px 0 12px; background:#ffffff url(../images/bg-body.jpg); text-align:left;}
.header {float:left; width:976px; background:#dddddd url(../images/bg-gray.jpg) repeat-x;}
.main {float:left; width:970px; padding:3px 3px 10px 3px; background:#dddddd;}
.main-left {width:200px; background:#dddddd;}
.main-center {float:left; width:570px; background:#dddddd;}
.main-right {width:200px; background:#dddddd;}
.footer {float:left; width:976px; text-align:center; background:#e3e3e3;}

/********************/
/*  HEADER SECTION  */
/********************/
.logo {float:left;}
.banner {float:left; text-align:center;}
.hinhanh {float:left; height:250px; padding:15px 0 15px 0; background:url(../images/bg-ha.jpg); text-align:center;}
.content-sideqc {float:left; width:251px; height:250px; padding:15px 0 15px 5px; background:url(../images/bg-qc.jpg);}
.side-titleqc {float:left; width:221px; height:22px; padding:8px 0 0 30px; background:url(../images/side-top-qc.jpg) no-repeat; font-weight:bold;}
.side-contentqc {float:left; width:246px; padding-left:5px;}
.qcao {float:left; width:246px; padding-bottom:4px; background:url(../images/line.jpg) no-repeat bottom;}
.ha {float:left; padding-top:5px;}
.imgqcao {width:78px; height:46px; text-align:center;}
.imgqcao img {padding:1px; max-width:60px;_width:expression(this.width > 60 ? 60: true); max-height:40px;_height:expression(this.height > 40 ? 40: true);}
.nd {float:left;}
.tdeten {width:166px; color:#ffffff; padding:10px 0 5px 0;}
.tdengay {width:166px; color:#1dc6ff;}
.tdeten a {color:#ffffff; text-decoration:none;}
.tdeten a:hover {color:#ffffff; text-decoration:underline;}

.menutop {float:left; width:926px; height:34px; padding-top:1px; font-size:10pt; font-weight:bold; background:url(../images/bg-menu.jpg);}
.hplktop {float:left; height:25px; padding:8px 14px 0px 13px; background:url(../images/line1.jpg) no-repeat right; color:#ffffff; text-decoration:none;}
.hplktop:hover {float:left; height:25px; padding:8px 14px 0px 13px; background:url(../images/line1.jpg) no-repeat right; color:#ffffff; text-decoration:underline;}
.topselected {float:left; height:25px; padding:8px 14px 0px 13px; background:url(../images/line1.jpg) no-repeat right; color:#ffffff; text-decoration:none;}
.menu {float:left;}

.ngonngu {float:left; width:50px; height:26px; padding-top:9px; background:url(../images/bg-nn.jpg);}
.flag img {width:24px; height:16px; padding-right:4px; border:none;}
.flag {float:right; padding-right:2px;}

.datetime {float:left; width:190px; height:18px; padding-top:10px; color:#000000;}
.date {float:left; padding:0 4px 0 4px;}
#time {float:left;}

.content-event {float:right; width:770px; height:18px; padding-top:10px; color:#000000;}
.event-title {float:left; width:80px; padding:0 10px 0 10px; font-style:italic; text-decoration:underline;}
.event-content {float:left; width:660px;}
.rptevent {float:left; padding-right:50px;}
.marquee {position:relative;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN SIDE */
.content-side {float:left; width:200px; margin-bottom:4px; background:#dddddd;}
.side-titledn {float:left; width:200px; height:30px; padding-top:20px; background:#ffffff url(../images/side-top-dn.jpg); font-weight:bold; color:#ffffff; text-align:center;}
.side-titleht {float:left; width:130px; height:30px; padding:20px 0 0 70px; background:#ffffff url(../images/side-top-ht.jpg); font-weight:bold; color:#ffffff;}
.side-titlent {float:left; width:200px; height:30px; padding-top:20px; background:#ffffff url(../images/side-top-nt.jpg); font-weight:bold; color:#ffffff; text-align:center;}
.side-titletc {float:left; width:200px; height:30px; padding-top:20px; background:#ffffff url(../images/side-top-tc.jpg); font-weight:bold; color:#ffffff; text-align:center;}
.side-titlelk {float:left; width:200px; height:30px; padding-top:20px; background:#ffffff url(../images/side-top-lk.jpg); font-weight:bold; color:#ffffff; text-align:center;}
.side-titletk {float:left; width:200px; height:30px; padding-top:20px; background:#ffffff url(../images/side-top-tk.jpg); font-weight:bold; color:#ffffff; text-align:center;}
.side-titlesp {float:left; width:144px; height:30px; padding:20px 0 0 56px; background:#ffffff url(../images/side-top-sp.jpg); font-weight:bold; color:#ffffff;}
.side-contentsp {float:left; width:190px; padding:0px 5px 15px 5px; background:#ffffff url(../images/side-bottom.jpg) no-repeat bottom;}
.side-content {float:left; width:190px; padding:5px 5px 10px 5px; background:#ffffff url(../images/side-bottom.jpg) no-repeat bottom;}

.nhomsplon {
background:#ffffff url(../images/linesp.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:8px 0 8px 0;
}
.lblsplon {text-decoration:none;
}
.linksplon {
background:#ffffff url(../images/point.jpg);
background-position:0px 3px;
background-repeat:no-repeat;
padding-left:15px;
text-decoration:none;
font-weight:bold;
}
.linksplon a {color:#000000;}
.linksplon a:hover {color:#6666cc;}

.nhomspnho { padding-top:5px;}
.lblspnho {text-decoration:none;}
.linkspnho {padding-left:25px; text-decoration:none; background:url(../images/arrow.jpg) no-repeat 10px 5px;}
.linkspnho a {color:#000000;}
.linkspnho a:hover {color:#ff8000;}
.nhomnho, .nhomlon {color:#ff8000; text-decoration:underline;}

.ddltim {width:190px; margin:5px 0 5px 0;}
.lbtnimgtk {float:left; width:190px; padding:5px 0 5px 0;}
.lbtnimglog {float:left; width:190px; padding:5px 0 5px 0;}
.lbtnreg {float:left; width:190px; padding-bottom:10px; text-align:center;}
.lbltitle {}
.txtlogin {width:158px;}
.txttde {float:left; width:162px; padding:0px 14px 0px 14px;}
.txtbox {float:left; width:162px; padding:0px 14px 5px 14px;}
.lbtntext {color:#000000;text-decoration:none;}
.lbtntext:hover {color:#ff8000;}
.signin {float:left; width:170px; padding:0 10px 10px 10px;}

.lbtnimg {float:left; width:76px; height:20px; margin:0 57px 0 57px; padding-top:4px; background:#ffffff url(../images/button.jpg); color:#ffffff; text-decoration:none; text-align:center;}
.lbtnimg:hover {color:#1dc6ff;}
.welcome {line-height:1.6em;}
.UserName {color:#6666cc; font-weight:bold; line-height:1.6em;}
.cartlogin {border:solid 1px #000000; margin-top:5px; padding:5px 10px 2px 10px;}
.tdcartlogin {border-bottom:solid 1px #000000; padding-bottom:1px;}
.ndcartlogin {border-bottom:solid 1px #000000; padding:5px 0 5px 0; line-height:1.2em;}
.pwd {float:left; width:540px;}
.lblpwd {float:left; width:150px; padding-top:8px;}
.txtpwd {width:160px; margin-top:5px;}
.lbtnimgdoi {float:left; width:76px; height:20px; margin:10px 0 0 194px; padding-top:4px; background:#ffffff url(../images/button.jpg); color:#ffffff; text-decoration:none; text-align:center;}
.lbtnimgdoi:hover {color:#1dc6ff;}
.lbtnimgquen {float:left; width:76px; height:20px; margin:10px 0 0 154px; padding-top:4px; background:#ffffff url(../images/button.jpg); color:#ffffff; text-decoration:none; text-align:center;}
.lbtnimgquen:hover {color:#1dc6ff;}
.lienhe {margin-top:15px;}
.lhdk {float:left; width:540px;}
.lhdkms {float:left; width:540px; padding-bottom:10px;}
.lbltkcn {float:left; width:500px; padding:10px 0 5px 5px; font-weight:bold;}
.lblsao {float:left; width:10px; margin-top:8px;}
.lbluser {float:left; width:120px; padding-top:8px;}
.lblemail {float:left; width:100px; padding-top:8px;}
.txtemail {width:180px; margin-top:5px;}
.lblnoidung, .txtnoidung {float:left;}
.reqnoidung {float:left; padding:5px;}
.lbtnimglhdk {float:left; width:76px; height:20px; margin:20px 0 0 61px; padding-top:4px; background:#ffffff url(../images/button.jpg); color:#ffffff; text-decoration:none; text-align:center;}
.lbtnimglhdk:hover {color:#1dc6ff;}
.arrowmessage {
background-image:url(../images/arrow-back.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding-left:10px;
color:#ff0000;
text-align:justify;
}

.lket {
background:#ffffff url(../images/point.jpg);
background-position:0px 5px;
background-repeat:no-repeat;
padding:0 0 5px 15px;
}
.linklket {background:#ffffff; padding-top:2px; text-decoration:none; font-weight:bold;}
.linklket a {color:#000000;}
.linklket a:hover {color:#6666cc;}

.hotro {float:left; padding-bottom:10px;}
.lblten {float:left; width:190px; color:#7f7f7f; font-weight:bold; text-align:center;}
.lbldt {float:left; width:190px; color:#000000; font-weight:bold; text-align:center;}
.hplkimg {float:left; width:190px; text-align:center;}
.hplkimg img { max-width:160px;_width:expression(this.width > 160 ? 160: true);}
.online {float:left; width:156px; height:32px; padding-left:17px; background:url(../images/ymsgr_onl.jpg) no-repeat 17px 0px;}
.offline {float:left; width:156px; height:32px; padding-left:17px; background:url(../images/ymsgr_off.jpg) no-repeat 17px 0px;}
.truycap {height:18px;
background:#ffffff url(../images/point.jpg);
background-position:10px 5px;
background-repeat:no-repeat;
padding:2px 0 0 25px;
}
.side-contentnt {float:left; width:180px; padding:5px 10px 10px 10px; background:#ffffff url(../images/side-bottom.jpg) no-repeat bottom;}
.tygia-content {float:left; width:178px; border:solid 1px #c0c0c0;}
.tygia-title {float:left; width:178px; height:18px; font-weight:bold; border-bottom:solid 1px #c0c0c0; text-align:center;}
.lblcode {float:left; width:44px; height:16px; padding-top:2px;}
.lblbuy {float:left; width:66px; height:16px; padding-top:2px; border-left:solid 1px #c0c0c0;}
.lblsell {float:left; width:62px; height:16px; padding-top:2px; border-left:solid 1px #c0c0c0;}
.tygia-rpt {float:left; border-bottom:solid 1px #c0c0c0;}
.code {float:left; width:40px; height:16px; padding-left:4px;}
.buy {float:left; width:62px; height:16px; padding-right:4px; border-left:solid 1px #c0c0c0; text-align:right;}
.sell {float:left; width:62px; height:16px; padding-right:4px; border-left:solid 1px #c0c0c0; text-align:right;}
.source {float:left; padding:5px 0 5px 5px;}
.DateTime {float:right; padding:5px 5px 0 0;}

/* MAIN CENTER */
.center {float:left; width:562px; padding:0px 4px 0px 4px; background:#dddddd;}
.content-center {float:left; width:562px; background:#ffffff;}
.center-title {float:left; width:542px; padding:10px; background:#ffffff; font-weight:bold; font-size:10pt; color:#ff8000; text-align:center;}
.center-content {float:left; width:542px; padding:10px 10px 50px 10px; background:#ffffff url(../images/center-bottom.jpg) no-repeat bottom; text-align:justify;}
.center-contentvc {float:left; width:542px; padding:15px 10px 15px 10px; background:#ffffff url(../images/center-top.jpg) no-repeat top; color:#ffffff;}
.center-content a {}
.center-content a:hover {}

.titlett {float:left; font-weight:bold; color:#ff8000;}
.titlett a {color:#ff8000; text-decoration:none;}
.titlett a:hover {color:#ff8000; text-decoration:underline;}
.tt-tinkhac {float:left; width:500px; padding:10px 0 0 10px; font-weight:bold; text-decoration:underline; color:#6666cc;}
.tinkhac {
background:#ffffff url(../images/point.jpg);
background-position:0px 7px;
background-repeat:no-repeat;
padding:4px 0 4px 15px;
font-weight:bold;
}
.tinkhac a { color:#ff8000; text-decoration:none;}
.tinkhac a:hover { color:#ff8000; text-decoration:underline;}
.titlecttt {float:left; padding-bottom:5px; font-weight:bold; color:#ff8000;}
.center-content-tt {float:left; width:542px; padding:10px; background:#ffffff; text-align:justify;}
.mota {float:left; width:540px; padding:8px 0 20px 0;}
.mota img {float:left; margin:0 10px 5px 0; padding:1px; max-width:520px;_width:expression(this.width > 520 ? 520: true);}
.motacttt {float:left; width:540px; padding:8px 0 10px 0;}
.motacttt img {float:left; margin:0 10px 5px 0; padding:1px; max-width:520px;_width:expression(this.width > 520 ? 520: true);}

.sitemap {float:left; width:400px;}
.linkvc {float:right; width:100px; padding-right:40px; text-align:right;}
.lbtnvc {color:#ffffff; text-decoration:none;}
.lbtnvc:hover { text-decoration:underline;}
.center-message {float:left; width:540px; padding-top:25px; text-align:center; color:#000000;}

.content-nhom {float:left; width:562px; padding:0px 4px 0px 4px; background:#dddddd;}
.center-nhom {float:left; width:558px; padding:0px 2px 60px 2px; background:#ffffff url(../images/center-bottom.jpg) no-repeat bottom;}
.table-main {float:left; width:182px; padding:0px 2px 0px 2px; background:#ffffff;}
.table-nhom {float:left; width:180px; padding:5px 0 5px 0; background:#ffffff; text-align:center; border:solid 1px #ff8000;}
.img-qc{width:976px; height:300px; background:#ffffff; text-align:center;}
.img-nhom {width:180px; height:126px; background:#ffffff; text-align:center;}
.img-nhom img {padding:1px; max-width:160px;_width:expression(this.width > 160 ? 160: true); max-height:120px;_height:expression(this.height > 120 ? 120: true);}
.detail-nhom {width:180px; height:30px; padding-top:5px; font-weight:bold;}
.price-nhom {width:180px; height:20px; padding:5px 0 5px 0; font-weight:bold; font-size:11pt;}
.moi {width:47px; height:24px; padding:5px 13px 5px 13px; background:url(../images/new.gif); font-size:8pt; font-weight:bold; color:#ffffff;}
.tdegia {color:#6666cc;}
.gia, .hagia {color:#6666cc;}
.tien {color:#6666cc;}
.gach {color:#ffffff; text-decoration:line-through;}
.lbtn {width:164px; padding:0 8px 0 8px; font-size:8pt; font-weight:bold;}
.lbtnview {float:left; width:80px; height:18px; padding-top:6px; background:url(../images/button-v.jpg); text-align:center;}
.lbtnscart {float:right; width:68px; height:18px; padding:6px 0 0 12px; background:url(../images/button-s.jpg);}
.lbtnview a {color:#ffffff; text-decoration:none;}
.lbtnview a:hover { font-weight:normal;}
.linkscart {color:#ffffff; text-decoration:none;}
.linkscart:hover { font-weight:normal;}
.paging {float:left; width:500px; padding:10px 0 0 10px;}
.lblpage {float:left; padding-right:5px; color:#000000;}
.lbtnpage {float:left; padding-right:5px;}
.lbtnpaging {color:#000000; text-decoration:none;}
.lbtnpaging:hover {color:#ff8000;}
.text {color:#ff8000; text-decoration:underline;}
.message {color:#ff0000; text-align:justify;}
.message-result {color:#000000; text-align:justify;}
.message-nhom {float:left; width:542px; padding:10px 10px 15px 10px; background:#ffffff; color:#ff8000; text-align:center;}
.lbtnviewkshop {float:left; width:70px; height:16px; padding:0 40px 0 40px; padding-top:2px; background:#888888 url(../images/button-gray.jpg) no-repeat 40px 0px;}
.lbtnviewkshop a {color:#000000; text-decoration:none;}
.lbtnviewkshop a:hover {color:#ffffff;}
.chitietkshop {float:left; width:540px; text-align:justify; padding-top:10px;}

.content-chitiet {float:left; width:562px;}
.center-chitiet {float:left; width:542px; padding:0px 10px 50px 10px; background:#ffffff url(../images/center-bottom.jpg) no-repeat bottom; text-align:justify;}
.detail {float:left; padding:10px; font-weight:bold; color:#ff8000;}
.motact {float:left; width:540px; padding:5px 0 10px 0;}
.motact img {float:left; margin:0 10px 5px 0; padding:1px;}
.lblmota {text-align:justify;}
.price {float:left; width:160px; text-align:center; font-weight:bold; font-size:11pt;}
.moict {width:47px; height:24px; padding:5px 13px 5px 13px; background:url(../images/new.gif); font-size:8pt; font-weight:bold; color:#ffffff;}
.tdegiact {color:#6666cc;}
.giact, .hagiact {color:#6666cc;}
.tienct {color:#6666cc;}
.gachct {color:#000000; text-decoration:line-through;}
.chitiet {float:left; width:540px; text-align:justify;}
.addtocart {float:left; width:540px; padding:10px 0 10px 0;}
.lbtnctscart {float:left; width:160px;}
.lbtnsidescart {float:right; width:380px;}
.lbtnimgscart {float:left; width:68px; height:18px; margin:0 45px 0 45px; padding:6px 0 0 12px; background:#ffffff url(../images/button-s.jpg); font-size:8pt; font-weight:bold; color:#ffffff; text-decoration:none; text-align:center;}
.lbtnimgscart:hover { font-weight:normal;}
.back {float:left; padding-top:20px;}
.linkback {
background-image:url(../images/arrow-back.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding-left:14px;
color:#000000;
text-decoration:underline;
}
.linkback:hover {color:#ff8000;}

.center-titlegh {float:left; width:542px; padding:10px; background:#ffffff; font-weight:bold; font-size:10pt; color:#ff8000; text-align:center;}
.giohang {float:left; width:540px; background:#ffffff; border:solid 1px #808080;}
.ghtieude {float:left; padding:1px; text-align:center; color:#ffffff;}
.tdtensp {float:left; width:190px; height:40px; background:#888888;}
.tdtien {float:left; width:100px; height:40px; border-left:solid 1px #ffffff; background:#888888;}
.tdsolg {float:left; width:53px; height:40px; border-left:solid 1px #ffffff; background:#888888;}
.tdttien {float:left; width:110px; height:40px; border-left:solid 1px #ffffff; background:#888888;}
.tdlbtn {float:left; width:40px; height:40px; border-left:solid 1px #ffffff; background:#888888;}
.ghnoidung {float:left; background:#ffffff; border-top:solid 1px #808080;}
.ghtensp {float:left; width:186px; height:23px; padding-left:5px; text-align:left;}
.linktensp {color:#000000; text-decoration:none;}
.linktensp:hover {color:#ff0000;}
.ghtien {float:left; width:95px; height:23px; border-left:solid 1px #808080; text-align:right; padding-right:5px;}
.ghsolg {float:left; width:53px; height:23px; border-left:solid 1px #808080; text-align:center;}
.txtsolg {width:36px; text-align:right; padding-right:5px; margin-top:1px;}
.ghttien {float:left; width:105px; height:23px; border-left:solid 1px #808080; text-align:right; padding-right:5px;}
.ghlbtn {float:left; width:40px; height:23px; border-left:solid 1px #808080; text-align:center;}
.ghtongket {float:left; background:#ffffff; border-top:solid 1px #808080;}
.tktensp {float:left; width:457px; height:23px; text-align:center;}
.gh { margin-top:4px;}
.ghlink { margin-top:2px;}
.hidecb { padding-top:2px;}
.hidecb label { display:none;}
.lbtnsua {float:left; margin-left:10px; width:20px; height:20px; background:url(../images/edit-cart.jpg);}
.lbtnxoa {float:left; margin-left:10px; width:20px; height:20px; background:url(../images/delete-cart.jpg);}
.xnhan {float:left; width:520px; padding:10px;}
.xnlink {float:right; color:#000000;}
.xnlink:hover {color:#ff8000;}
.note {color:#000000;}
.gachgh {color:#000000; text-decoration:line-through;}
.sendmail {float:left; width:490px; height:40px; padding:10px 0 0 70px;}
.cart-ok {float:left; background:url(images/cart-ok.jpg) no-repeat 10px 0px;}
.cart-no {float:left; background:url(images/cart-no.jpg) no-repeat 10px 0px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.menubottom {float:left; width:976px; height:25px; padding-top:10px; background:url(../images/bg-footer.jpg); font-weight:bold; text-align:center;}
.hplkbottom {padding:0 10px 0 10px; color:#ffffff; text-decoration:none; border-right:solid 1px #b6d7dc;}
.hplkbottom:hover {padding:0 10px 0 10px; color:#ffffff; text-decoration:underline; border-right:solid 1px #b6d7dc;}
.bottomselected {padding:0 10px 0 10px; color:#ffffff; text-decoration:none; border-right:solid 1px #b6d7dc;}
.content-info {float:left; width:976px; height:40px; color:#000000; text-align:center;}
.isg {float:left; width:976px; height:15px; padding:5px 0 5px 0; color:#000000; text-align:center;}
.hplkisg {color:#000000; text-decoration:none;}
.hplkisg:hover {text-decoration:underline;}
.top {color:#ffffff; margin-left:10px; text-decoration:none;}
.top:hover {text-decoration:underline;}
.cty {font-weight:bold; padding:5px 0 5px 0;}

/********************/
/*  COMMON CLASSES  */
/********************/
.TblDetailInfor { border-collapse:collapse;}
.AtrGrpNameDetail { padding-left:5px; font-weight:bold; font-size:8pt; border:solid 1px #999999;}
.AtrSubGrpNameDetail { width:140px; padding-left:5px; border:solid 1px #999999;}
.AtrGrpValueDetail { width:400px; padding:0 5px 0 5px; border:solid 1px #999999;}

.tooltip 
{
 display:none;
 position:absolute;
 background:#ffffff; 
 border-top:solid 1px #cccccc; 
 border-left:solid 1px #cccccc; 
 border-right:solid 1px #808080; 
 border-bottom:solid 1px #808080; 
 color:#000000; 
 text-align:justify;
}
.tooltiptc
{
 width:250px;
 padding:5px; 
}
.tooltipqc
{
 padding:5px; 
}
.linkff { text-decoration:none;}
.table { width:600px; margin:0px auto;}
.intable { float:left; margin-bottom:10px; background:#ffffff; border:solid 1px #000000; text-align:center;}
.ddlvitri { width:100px; height:20px;}
.TextBoxTD { width:120px;}
.TextBoxTT { width:100px; margin-right:20px;}
.defauser { margin-left:60px; text-align:left;}
.defa { margin-left:40px; text-align:left;}
.defa2 { margin-left:40px; text-align:left; background:#eeeeee;}
.indefa { float:left;}
.lbl { text-align:center;}
.tablecss { width:600px; margin-bottom:10px; background:#ffffff;}
.lblcss { float:left; width:120px; padding-top:5px; font-weight:bold;}
.defacss { float:left; width:480px; text-align:left;}
.chung { float:left;}