﻿/************/
/*  GLOBAL  */
/************/
*{padding:0px; margin:0px;}
 body {padding-top:10px; background:#ffffff url(../images/page_bg.jpg); font-family: Tahoma, Times New Roman; font-size:9pt; color:#333333; text-align:center;}
.page-container {width:1000px; height:auto; margin:0px auto; padding-bottom:10px; text-align:left;}
.container {float:left; width:1000px; text-align:left;}
.header {float:left; width:1000px; text-align:center;}
.main {float:left; width:1000px;}
.main-left {float:left; width:200px;}
.main-center {float:left; width:600px;}
.main-right {float:left; width:200px;}
.footer {float:left; width:1000px; text-align:center;}

/********************/
/*  HEADER SECTION  */
/********************/
.logo {float:left; width:200px; height:80px; text-align:center;}
.banner {float:left; width:950px; height:220px; padding:0px 25px 0px 25px; text-align:center; background:url(../images/bg-banner.jpg) center repeat-x;}

.menutop {float:left; width:680px; height:46px; padding:34px 0px 0px 120px; font-weight:bold; font-size:11pt;}
.hplktop { color:#0488ff; text-decoration:none;}
.hplktop:hover { color:#ffbb00; text-decoration:none;}
.topselected { color:#ffbb00; text-decoration:none;}
.menu {float:left; width:110px; height:20px; text-align:center;}

.datetime {float:left; width:200px; height:35px; padding-top:15px;}
.date {float:left; padding:0 4px 0 4px;}
#time {float:left;}

.content-event {float:left; width:800px; padding:5px 0px 5px 0px;}
.event-content {float:left; width:800px;}
.event-title {float:left; width:40px; padding:10px; font-style:italic; text-decoration:underline; display:none;}
.rptevent {float:left;}
.rpttext {float:left; padding:10px 5px 0px 0px; color:#ff0000;}
.rptimage {float:left; padding-right:15px;}
.rptimg {float:left; padding-right:5px;}
.rptimg img { max-width:60px; width:auto !important; width:60px; max-height:45px; height:auto !important;}

.showroom {float:left; width:580px; height:480px; text-align:center;}
.showroom img { max-width:550px;_width:expression(this.width > 550 ? 550: true); max-height:440px; height:auto !important; border:solid 5px #666666;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN SIDE */
.content-side {float:left; width:200px; margin-top:1px; padding-bottom:10px; background:url(../images/side-bottom.gif) bottom no-repeat;}
.side-title {float:left; width:200px; height:28px; padding-top:12px; background:url(../images/side-top.gif) no-repeat; font-weight:bold; color:#ffffff; text-align:center;}
.side-content {float:left; width:180px; padding:9px; border-left:solid 1px #999999; border-right:solid 1px #999999;}

.video-content {float:left; width:200px; margin-top:1px;}
.video {width:200px; text-align:center;}

.nhomsplon {
background:url(../images/dots.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:5px 0 5px 0;
}
.lblsplon {text-decoration:none;
}
.linksplon {
background:url(../images/point.gif);
background-position:0px 6px;
background-repeat:no-repeat;
padding-left:12px;
text-decoration:none;
font-weight:bold;
}
.linksplon a {color:#0488ff;}
.linksplon a:hover {color:#333333;}
.nhomlon {color:#333333;}

.nhomspnho { padding:5px 0 3px 0;}
.lblspnho {text-decoration:none;}
.linkspnho {padding-left:20px; text-decoration:none; background:url(../images/point.gif) no-repeat 10px 5px}
.linkspnho a {color:#333333;}
.linkspnho a:hover {color:#ff0000;}
.nhomnho {color:#ff0000;}

.lbltitle {color:#000000;}
.txtbox {padding-bottom:5px;}
.txtlogin {width:176px;}
.lbtnlogin {float:left; width:180px; padding-top:5px;}
.lbtnimglog {float:left; width:70px; padding:0px 5px 0px 15px;}
.lbtnimgreg {float:left; width:70px; padding:0px 15px 0px 5px;}
.lbtnimg {float:left; width:70px; height:16px; padding-top:2px; background:url(../images/button.gif) no-repeat; color:#333333; text-decoration:none; text-align:center;}
.lbtnimg:hover {color:#ff0000;}
.welcome {line-height:1.5em;}
.UserName {font-weight:bold; line-height:1.5em;}
.lbtntext {color:#ff0000; text-decoration:none; line-height:1.5em;}
.lbtntext:hover {text-decoration:underline;}

.truycap {float:left; width:180px; padding-top:5px;}
.hotro {float:left; width:180px; padding-top:5px;}
.lblten {float:left; width:180px; padding-top:5px;}
.lbldt {float:left; width:180px; padding-top:5px;}
.lble-mail {float:left; width:180px; padding-top:5px;}
.mailto {color:#333333; text-decoration:none;}
.mailto:hover {text-decoration:underline;}
.hplkimg {float:left; width:180px; text-align:center;}
.hplkimg img { max-width:156px;_width:expression(this.width > 156 ? 156: true);}
.online {float:left; width:156px; height:32px; padding-left:12px; background:url(../images/ymsgr_onl.gif) no-repeat 12px 0px;}
.offline {float:left; width:156px; height:32px; padding-left:12px; background:url(../images/ymsgr_off.gif) no-repeat 12px 0px;}
.lienket {float:left; width:180px; padding-top:5px; text-align:center;}
.lienket a {color:#333333; text-decoration:none;}
.lienket a:hover {text-decoration:underline;}
.lienket img { max-width:160px;_width:expression(this.width > 160 ? 160: true); max-height:140px; height:auto !important;}
.qcao {float:left; width:180px; padding:5px 0 15px 0; text-align:center;}
.qcao a {color:#333333; text-decoration:none;}
.qcao a:hover {text-decoration:underline;}
.qcao img { max-width:160px;_width:expression(this.width > 160 ? 160: true); max-height:140px; height:auto !important;}

.lienhe {float:left; width:580px; text-align:justify;}
.tkcn {float:left; width:500px; padding-bottom:10px; font-weight:bold;}
.lhdk {float:left; width:540px; padding-top:5px;}
.lblsao {float:left; width:10px; margin-top:3px;}
.lblemail {float:left; width:140px; margin-top:3px;}
.txtemail {float:left; width:200px;}
.lblnoidung, .txtnoidung, .reqnoidung {float:left;}
.imgcode {float:left; width:130px; padding-left:20px;}
.lbtncode {float:left; padding:20px 0 0 67px;}
.lbtnlhdk {float:left; width:70px; height:16px; padding-top:2px; background:#ffffff url(../images/button.gif); color:#333333; text-decoration:none; text-align:center;}
.lbtnlhdk:hover {color:#ff0000;}
.message {color:#ff0000; text-align:justify;}
.arrow-message {float:left; padding:3px 0 0 5px; color:#ff0000;}
.message-error {float:left; color:#ff0000; text-align:justify;}
.message-result {float:left; color:#333333; text-align:justify;}
.message-lhdk {float:left; width:540px; padding:10px 0 10px 0;}

/* MAIN CENTER */
.center {float:left; width:598px; margin-top:1px; padding:10px 1px 1px 1px; background:url(../images/center-top.gif) top no-repeat;}
.content-center {float:left; width:598px; padding-bottom:10px; background:url(../images/center-bottom.gif) bottom no-repeat;}
.center-title {float:left; width:580px; height:20px; padding:8px; font-weight:bold; color:#0488ff; border-left:solid 1px #999999; border-right:solid 1px #999999;}
.center-content {float:left; width:580px; padding:8px; border-left:solid 1px #999999; border-right:solid 1px #999999;}
.center-home {float:left; padding:5px 0 5px 0;}

.tintuc {float:left;}
.tieude {float:left; width:580px; font-weight:bold; padding-top:10px;}
.tieude2 {float:left; width:580px; font-weight:bold; padding-top:10px; text-align:right;}
.mota-tin {float:left; width:580px; padding:10px 0 10px 0; text-align:justify;}
.mota-tin img {float:left; margin:0 10px 5px 0; padding:1px; max-width:160px;_width:expression(this.width > 160 ? 160: true);}
.mota-tin2 {float:left; width:580px; padding:10px 0 10px 0; text-align:justify;}
.mota-tin2 img {float:right; margin:0 0 5px 10px; padding:1px; max-width:160px;_width:expression(this.width > 160 ? 160: true);}
.mota {float:left; width:580px; padding:10px 0 10px 0; text-align:justify;}
.mota img {float:left; margin:0 10px 5px 0; max-width:560px;_width:expression(this.width > 560 ? 560: true);}
.tintuc a { text-decoration:none; color:#333333;}
.tintuc a:hover { text-decoration:underline}
.tieude-tinkhac {float:left; width:560px; padding:10px; height:20px; font-weight:bold; color:#0488ff; font-style:italic; text-decoration:underline;}
.tinkhac {float:left; width:569px; 
background:url(../images/point.gif);
background-position:0px 11px;
background-repeat:no-repeat;
padding-left:11px;
text-decoration:none;
font-weight:bold;
}
.tinkhac a {color:#0488ff; text-decoration:none; line-height:2.0em;}
.tinkhac a:hover {color:#333333;}

.motanhom {float:left; width:580px; text-align:justify; border-bottom:dashed 1px #333333;}
.motanhom img { max-width:160px;_width:expression(this.width > 160 ? 160: true); padding:1px;}
.message-count {float:left; padding:10px 0 10px 0;}
.center-message {float:left; width:580px; height:20px; padding:6px 8px 0 8px; font-weight:bold; color:#ff0000; text-align:center; border-left:solid 1px #999999; border-right:solid 1px #999999;}
.motanhomsp {float:left; width:580px; text-align:justify;}

.paging {float:left; width:540px; padding:20px; text-align:center;}
.lbtnpaging { color:#000000; text-decoration:none; padding-left:5px;}
.lbtnpaging:hover { color:#ff0000;}
.lbtnprev { color:#000000; text-decoration:none; padding:0 10px 0 10px;}
.lbtnprev:hover { color:#000000; text-decoration:underline;}
.text {font-weight:bold; color:#ff0000; text-decoration:none; padding-left:5px;}

.back {float:left; width:500px; padding-top:20px;}
.linkback {
background-image:url(../images/arrow-back.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:10px;
color:#000000;
text-decoration:none;
}
.linkback:hover {color:#ff0000;}

.nhom {float:left; padding:10px 4px 4px 4px; border:solid 1px #ffffff; text-align:center;}
.motaspcart {float:left;}
.moi {width:47px; height:24px; padding:5px 13px 5px 13px; background:url(../images/new.gif) no-repeat; font-size:8pt; font-weight:bold; color:#ffffff;}
.hinhs {width:180px; text-align:center;}
.hinhm {width:280px; text-align:center;}
.hinhv {width:380px; text-align:center;}
.hinhb {width:570px; text-align:center;}
.hinhs img { max-width:160px;_width:expression(this.width > 160 ? 160: true); max-height:210px;_height:expression(this.height > 210 ? 210: true); padding:1px;}
.hinhm img { max-width:260px;_width:expression(this.width > 260 ? 260: true); padding:1px;}
.hinhv img { max-width:350px;_width:expression(this.width > 350 ? 350: true); padding:1px; height:210px;}
.hinhb img { max-width:560px;_width:expression(this.width > 560 ? 560: true); padding:1px;}
.ten { font-weight:bold;}
.tenct { font-weight:bold; padding:5px 0 5px 0;}
.gia { padding:5px 0 5px 0;}
.lbtn {float:left; width:150px; padding:0 15px 0 15px; text-align:center;}
.lbtnm {float:left; width:150px; padding:0 64px 0 63px; text-align:center;}
.lbtnv {float:left; width:150px; padding:0 112px 0 112px; text-align:center;}
.lbtnb {float:left; width:150px; padding:0 209px 0 209px; text-align:center;}
.lbtnview {float:left; width:70px; height:16px; padding-top:2px; background:#ffffff url(../images/button.gif);}
.lbtnscart {float:right; width:70px; height:16px; padding-top:2px; background:#ffffff url(../images/button.gif);}
.lbtnview a {color:#333333; text-decoration:none;}
.lbtnview a:hover {color:#ff0000;}
.linkscart {color:#333333; text-decoration:none;}
.linkscart:hover {color:#ff0000;}
.lbtnctscart {float:left; width:560px; padding:10px; border-top:dashed 1px #333333;}
.lbtnimgscart {float:left; width:70px; height:16px; padding-top:2px; background:#ffffff url(../images/button.gif); color:#333333; text-decoration:none; text-align:center;}
.lbtnimgscart:hover {color:#ff0000;}

.imgbig {float:left; width:380px; text-align:center;}
.imgbig img { max-width:360px;_width:expression(this.width > 360 ? 360: true); max-height:360px; height:auto !important; padding:1px; border:solid 1px #999999;}
.imgbo {float:left; width:100px; height:70px; padding-bottom:8px; text-align:center;}
.imgbo img { max-width:66px; width:auto !important; width:66px; max-height:66px; height:auto !important; padding:1px;}
.bohinh {float:left; width:200px;}

.nhomimg {float:left; width:580px;}
.nhomimglon {float:left; width:560px; padding-left:20px; font-weight:bold;}
.nhomimgnho {float:left; width:570px; padding:5px 5px 15px 5px;}
.imgnho {float:left; width:190px; text-align:center; padding:5px 0 5px 0;}
.imgnho img { max-width:160px;_width:expression(this.width > 160 ? 160: true); max-height:210px; height:auto !important; padding:1px;}

.giohang {float:left; width:580px; margin-top:10px; background:#ffffff; border:solid 1px #808080;}
.ghtieude {float:left; padding:1px; text-align:center; color:#ffffff;}
.tdtensp {float:left; width:230px; height:40px; background:#9cc803;}
.tdtien {float:left; width:100px; height:40px; border-left:solid 1px #ffffff; background:#9cc803;}
.tdsolg {float:left; width:53px; height:40px; border-left:solid 1px #ffffff; background:#9cc803;}
.tdttien {float:left; width:110px; height:40px; border-left:solid 1px #ffffff; background:#9cc803;}
.tdlbtn {float:left; width:40px; height:40px; border-left:solid 1px #ffffff; background:#9cc803;}
.ghnoidung {float:left; background:#ffffff; border-top:solid 1px #808080;}
.ghtensp {float:left; width:226px; 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:49px; height:23px; padding-left:4px; border-left:solid 1px #808080; text-align:center;}
.txtsolg {float:left; 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:497px; 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:560px; padding:10px;}
.xnlink {float:right; color:#ff0000; text-decoration:none;}
.xnlink:hover {color:#333333;}
.note {color:#000000;}
.gachgh {color:#000000; text-decoration:line-through;}
.sendmail {float:left; width:700px; height:40px; padding:10px 0 0 80px;}
.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:1000px; padding:10px 0px 10px 0px; text-align:center;}
.hplkbottom {padding:0 10px 0 10px; color:#000000; text-decoration:none; border-right:solid 1px #000000;}
.hplkbottom:hover {padding:0 10px 0 10px; color:#000000; text-decoration:underline; border-right:solid 1px #000000;} 
.bottomselected {padding:0 10px 0 10px; color:#000000; text-decoration:none; border-right:solid 1px #000000;}
.top {color:#000000; margin-left:10px; text-decoration:none;}
.top:hover {text-decoration:underline;}
.content-info {float:left; width:1000px; font-size:8pt; text-align:center; line-height:1.5em; border-top:dashed 1px #333333;}
.hplkinfo {color:#000000; text-decoration:none; cursor:pointer;}
.hplkinfo:hover {text-decoration:underline; }
.cty {font-weight:bold;}
.lblcopyright {color:#ffffff; font-size:8pt;}

/********************/
/*  COMMON CLASSES  */
/********************/
.linkff { text-decoration:none;}
.none { display:none; text-decoration:none; color:#ffffff; width:200px;}
.none a { display:none; text-decoration:none; color:#ffffff;}
.none a:hover { display:none; text-decoration:underline; color:#ffffff;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}


