/************/
/*  GLOBAL  */
/************/
*{padding:0px; margin:0px;}
 body {padding:0px 0 0px 0; background:#ffffff; font-family: Tahoma; font-size:10pt; color:#000000; text-align:center;}
.page-container {width:1000px; height:auto; margin:0px auto; background:#ffffff; text-align:left;}
.container {float:left; width:1000px; margin-bottom:0px; background:#ffffff; text-align:left;}
.header {float:left; width:620px; height:160px; background:#346667}
.main {float:left; width:1000px; background:#346667;}
.main-left {width:190px; height:590px; padding-top:110px; background:#346667 url(../images/bg-left-top.jpg) no-repeat top;}
.main-center {float:left; width:620px; height:540px; background:#346667 url(../images/main.jpg);}
.main-right {width:190px; height:700px; background:#346667 url(../images/bg-right-top.jpg) no-repeat top;}
.footer {float:left; width:1000px; height:50px; background:#346667;}

/********************/
/*  HEADER SECTION  */
/********************/
.logo {float:left; background:#346667;}
.banner {float:right; background:#346667;}

.menutop {float:left; width:620px; height:50px; background:#346667 url(../images/menu.jpg); font-size:11pt;}
.hplktop {float:left; padding:12px 0px 0px 20px; color:#f5c300; text-decoration:none; font-weight:bold;}
.hplktop:hover, .topselected {float:left; padding:12px 0px 0px 20px; color:#ffffff; text-decoration:none; font-weight:bold;}
.menu {float:right; padding-right:30px;}

.ngonngu {float:right; width:190px; padding:6px 0 85px 0;}
.flag img {width:24px; height:16px; padding-right:4px; border:none;}
.flag {float:right; padding-right:4px;}

.datetime {float:left; width:140px; padding:15px 0 0 20px; background:transparent; color:#000000;}
.date {float:left; padding-right:3px;}
#time {float:left;}

.content-new {float:right; width:740px; padding:15px 20px 0 0; background:#667ba3;}
.new-title {float:left; width:70px; padding:0 10px 0 10px; background:#667ba3; font-style:italic; color:#9d0a0e; text-decoration:underline;}
.new-content {float:left; width:650px; background:#667ba3; font-family: comic sans ms; font-size:11pt; color:#ffffff;}
.rpttintuc {float:left; margin-right:50px;}
.marquee {position:relative;}

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

/* MAIN SIDE */
.side-title-top {float:left; width:190px; height:110px; background:#346667 url(../images/bg-left-top.jpg); font-size:11pt;}
.side-title {float:left; width:172px; height:23px; padding:3px 0 0 10px; font-weight:bold; color:#ffffff; text-align:left;}
.content-side {float:right; width:190px; height:590px; background:#346667 url(../images/bg-left.jpg);}
.side-content {float:left; width:190px; padding-top:4px;}
.lbtntext {color:#9d0a0e; text-decoration:none; line-height:1.5em;}
.lbtntext:hover {color:#000000;}
.side-bottom {float:left; width:182px; height:10px;}
.content-sideqc-top {float:left; width:190px; height:110px; background:#346667 url(../images/bg-right-top.jpg);}
.content-sideqc {float:left; width:190px; height:590px; background:#346667 url(../images/bg-right.jpg);}
.side-contentqc {float:left; width:160px; padding:55px 0 0 15px;}

.arrow {}
.arrow a {
background-image:url(../images/arrow.jpg);
background-position:0px 3px;
background-repeat:no-repeat;
padding-left:20px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
.arrow a:hover {color:#9d0a0e;}
.dots {
background-image:url(../images/dots.gif);
background-position:bottom left;
background-repeat:repeat-x;
width:160px;
height:1px;
margin:2px 0 4px 0;
}
.link-sp {float:left; width:190px; height:92px; padding-bottom:6px;}
.link-sp a {color:#000000; text-decoration:none; cursor:pointer; font-weight:bold;}
.link-sp a:hover {color:#ff0000; font-weight:bold;}
.nhomnho {color:#ff0000;}
.imgsp {float:left; width:92px; padding:6px 0 0 6px;}
.namesp {float:left; width:82px; padding:60px 0 0 10px;}
.imgspr {float:left; width:86px; padding:6px 0 0 12px;}

.ddltim {width:160px; margin:5px 0 5px 0; font-family: Times New Roman; font-size:11pt;}
.lbtnimgtk {float:left; width:66px; height:18px; margin:5px 47px 0 47px; padding-top:2px; background:#ffffff url(../images/bg-btn.jpg); font-size:9pt; color:#000000; text-decoration:none; text-align:center;}
.lbtnimgtk:hover {color:#9d0a0e;}

.lbltitle {line-height:2.0em;}
.txtlogin {width:156px;}
.lbtnimg {float:left; width:66px; height:18px; margin:10px 47px 10px 47px; padding-top:2px; background:url(../images/bg-btn.jpg); font-size:9pt; color:#000000; text-decoration:none; text-align:center;}
.lbtnimg:hover {color:#9d0a0e;}
.welcome {line-height:1.5em;}
.UserName {color:#b3bdd1; font-weight:bold; line-height:1.5em;}
.cartlogin {border:solid 1px #b3bdd1; margin-top:5px; padding:5px 10px 2px 10px;}
.tdcartlogin {border-bottom:solid 1px #b3bdd1; padding-bottom:1px;}
.ndcartlogin {border-bottom:solid 1px #b3bdd1; padding:5px 0 5px 0; line-height:1.2em;}
.pwd {float:left; width:500px;}
.lblpwd {float:left; width:150px; padding-top:8px;}
.txtpwd {width:160px; margin-top:5px;}
.lbtnimgdoi {float:left; width:66px; height:18px; margin:10px 0 0 199px; padding-top:2px; background:#ffffff url(../images/bg-btn.jpg); font-size:9pt; color:#000000; text-decoration:none; text-align:center;}
.lbtnimgdoi:hover {color:#9d0a0e;}
.lbtnimgquen {float:left; width:66px; height:18px; margin:10px 0 0 159px; padding-top:2px; background:#ffffff url(../images/bg-btn.jpg); font-size:9pt; color:#000000; text-decoration:none; text-align:center;}
.lbtnimgquen:hover {color:#9d0a0e;}
.lienhe {margin-top:15px;}
.lhdk {float:left; width:540px;}
.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:66px; height:18px; margin:20px 0 0 69px; padding-top:2px; background:#ffffff url(../images/bg-btn.jpg); font-size:9pt; color:#000000; text-decoration:none; text-align:center;}
.lbtnimglhdk:hover {color:#9d0a0e;}
.arrowmessage {
text-align:justify;
}

.lienket, .qcao {line-height:1.5em;}
.lienket a, .qcao a {
background-image:url(../images/point.jpg);
background-position:0px 8px;
background-repeat:no-repeat;
padding-left:10px;
font-size:10pt;
font-weight:bold;
color:#000000;
text-decoration:none;
}
.lienket a:hover, .qcao a:hover {color:#9d0a0e;}

.hotro {float:left; margin-bottom:10px;}
.lblten {float:left; width:160px; font-weight:bold; text-align:center;}
.lbldt {float:left; width:160px; color:#9d0a0e; text-align:center;}
.hplkimg {float:left; margin-left:15px;}
.truycap {line-height:1.5em;}
.tygia-content {float:left; width:170px; padding:5px; border-left:solid 1px #b3bdd1; border-right:solid 1px #b3bdd1;}
.tygia-title {float:left; font-weight:bold; border-bottom:solid 1px #b3bdd1; text-align:center;}
.lblcode {float:left; width:40px;}
.lblbuy {float:left; width:66px; border-left:solid 1px #b3bdd1;}
.lblsell {float:left; width:62px; border-left:solid 1px #b3bdd1;}
.tygia-rpt {float:left; border-bottom:solid 1px #b3bdd1;}
.code {float:left; width:40px; font-size:10pt;}
.buy {float:left; width:61px; padding-right:5px; border-left:solid 1px #b3bdd1; text-align:right;}
.sell {float:left; width:62px; border-left:solid 1px #b3bdd1; text-align:right;}
.source {float:left; margin-top:5px;}
.DateTime {float:right;}

/* MAIN CENTER */
.center {float:left; width:620px;}
.center-top {}
.center-bottom {}
.content-center {float:left;width:600px; padding:10px 0 0 20px;}
.center-title {float:left; width:600px; padding:10px; font-size:11pt; color:#ffffff;}
.center-content {float:left; width:555px; height:380px; padding:10px; text-align:justify; color:#ffffff; overflow:auto;}
.center-content a {}
.center-content a:hover {}

.center-nhom {float:left; height:440px;}
.content-nhom {float:left; width:600px; padding:10px 0 0 20px;}
.content-tc {float:left; width:620px; height:540px; background:#346667 url(../images/maintc.jpg); font-size:11pt;}
.bg-main {float:left; width:130px; height:130px; padding:0px 15px 15px 0px;}
.main-top {}
.main-bottom {}
.table-nhom {float:left; width:130px; height:130px; background:url(../images/bg-sp.jpg) no-repeat;}
.detail-nhom {float:left; width:250px; padding-left:20px; height:30px; font-size:11pt; font-weight:bold;}
.left {float:left; width:133px; padding-left:1px;}
.mota-nhom {float:left; width:129px; height:120px; padding:2px; background:#a9b8cd; text-align:justify;}
.price-tren {float:left; width:133px; height:15px; padding-top:10px; background:#a9b8cd; text-align:center;}
.price-duoi {float:left; width:133px; height:20px; padding-bottom:5px; background:#a9b8cd; text-align:center;}
.moi {float:left; margin-left:4px; padding:4px 16px 6px 14px; background:url(../images/new.gif); font-size:9pt; color:#ffffff;}
.gia, .hagia {font-size:10pt; color:#9d0a0e; font-weight:bold;}
.tien {font-size:10pt; color:#000000;}
.gach {font-size:10pt; color:#000000; text-decoration:line-through;}
.right {float:right; width:135px; padding-right:1px; text-align:center;}
.img-nhom {float:left; width:110px; height:110px; padding:10px 0 0 10px;}
.lbtn1 {float:left; width:134px; margin-left:1px; font-size: 9pt; text-align:center;}
.lbtnscart {float:right; width:66px; height:18px; padding-top:2px; background:url(../images/bg-btn.jpg);}
.lbtnview {float:left; width:66px; height:18px; padding-top:2px; background:url(../images/bg-btn.jpg);}
.lbtnscart a, .lbtnview a, .lbtn a {color:#ffffff; text-decoration:none;}
.lbtnscart a:hover, .lbtnview a:hover, .lbtn a:hover {color:#9d0a0e;}
.paging {float:left; width:300px; padding-left:280px;}
.lblpage {float:left; padding-right:5px; color:#7bb79e;}
.lbtnpage {float:left; padding-right:5px;}
.lbtnpaging {color:#7bb79e;}
.lbtnpaging:hover {color:#ffffff;}
.text {color:#ffffff;}
.message {color:#9d0a0e; text-align:justify;}
.message-nhom {float:left; width:550px; padding:5px; font-size:12pt; color:#9d0a0e;}

.center-chitiet {float:left;}
.content-chitiet {float:left; width:600px; padding:10px 0 0 20px; text-align:justify; color:#ffffff;}
.detail {float:left; padding:0 0 10px 20px; font-size:11pt; font-weight:bold; color:#000000;}
.mota {float:left; width:560px; text-align:justify; padding:10px 0 0 10px;}
.mota img {float:left; width:110px; height:110px; margin-right:10px; padding:10px; background:url(../images/bg-sp.jpg) no-repeat;}
.price {float:left; width:150px; padding:5px 0 5px 0; text-align:center;}
.price-tren {float:left; width:133px; height:15px; padding-top:10px; text-align:center;}
.price-duoi {float:left; width:133px; height:20px; padding-bottom:5px; text-align:center;}
.chitiet {float:left; width:560px; padding:10px 0 0 10px; text-align:justify;}
.addtocart {float:left; width:540px;}
.lbtnctscartside1 {float:left; width:370px;}
.lbtnctscart1 {float:left; width:66px; height:18px; margin:0 40px 0 40px; padding-top:2px; background:url(../images/bg-btn.jpg);}
.back {float:left; width:560px; padding:10px 0 0 10px;}
.back a {
color:#7bb79e;
text-decoration:none;
}
.back a:hover {color:#ffffff;}

.content-giohang {float:left; margin:0 9px 0 9px;}
.giohang {float:left; width:560px; margin-top:10px; background:#667ba3; border:solid 1px #b3bdd1;}
.ghtieude {float:left; background:#667ba3; text-align:center; color:#ffffff; font-weight:bold;}
.tdtensp {float:left; width:170px; height:40px;}
.tdtien {float:left; width:87px; height:40px; border-left:solid 1px #b3bdd1;}
.tdsolg {float:left; width:50px; height:40px; border-left:solid 1px #b3bdd1;}
.tdttien {float:left; width:80px; height:40px; border-left:solid 1px #b3bdd1;}
.tdlbtn {float:left; width:40px; height:40px; border-left:solid 1px #b3bdd1;}
.ghnoidung {float:left; background:#ffffff; border-top:solid 1px #808080;}
.ghtensp {float:left; width:165px; height:22px; padding-left:5px; text-align:left;}
.ghtensp a {color:#000000; text-decoration:none;}
.ghtensp a:hover {color:#9d0a0e;}
.ghtien {float:left; width:82px; height:22px; border-left:solid 1px #808080; text-align:right; padding-right:5px;}
.ghsolg {float:left; width:50px; height:22px; border-left:solid 1px #808080; text-align:center;}
.txtsolg {width:35px; text-align:right; padding-right:5px;}
.ghttien {float:left; width:75px; height:22px; border-left:solid 1px #808080; text-align:right; padding-right:5px;}
.ghlbtn {float:left; width:40px; height:22px; border-left:solid 1px #808080; text-align:center;}
.ghtongket {float:left; background:#ffffff; border-top:solid 1px #808080;}
.tktensp {float:left; width:478px; height:22px; text-align:center;}
.gh { margin-top:3px;}
.ghlink { margin-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);}
.xnlink {float:left; margin:10px 0 10px 0;}
.xnlink a {color:#9d0a0e; text-decoration:none;}
.xnlink a:hover {color:#000000;}
.note {color:#9d0a0e;}
.sendmail {float:left; width:500px; height:50px; padding:10px 0 0 60px;}

.arrowdv {padding-bottom:5px;}
.arrowdv a {
background-image:url(../images/arrow.jpg);
background-position:0px 3px;
background-repeat:no-repeat;
padding-left:20px;
font-weight:normal;
color:#f5c300;
text-decoration:none;
}
.arrowdv a:hover {color:#ffffff;}
.ctdv {width:510px; padding:10px; line-height:1.5em; text-align:justify;}

/********************/
/*  FOOTER SECTION  */
/********************/
.menubottom {float:left; width:1000px; padding:5px 0 5px 0; background:#667ba3; border-top:solid 1px #667ba3; color:#000000; font-weight:bold; text-align:center;}
.hplkbottom {padding:0 10px 0 10px; color:#000000; text-decoration:none;}
.hplkbottom:hover, .bottomselected {padding:0 10px 0 10px; color:#000000; text-decoration:underline;}
.content-info {float:left; width:990px; height:70px; padding:0px 0 0 10px; background:#346667; font-size:10pt; color:#7bb79e;}
.isg {float:left; width:1000px; padding:5px 0 5px 0; background:#667ba3; border-top:solid 1px #667ba3; color:#ffffff; font-size:10pt; text-align:center;}
.hplkisg {color:#ffffff; text-decoration:none;}
.hplkisg:hover {text-decoration:underline;}
.top {color:#000000; 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; color:#9d0a0e; 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:300px;
 padding:5px; 
}
.tooltipqc
{
 padding:5px; 
}