/* CSS Document */
body { background: #ffffff url(../images/back-blue.gif) repeat-x scroll center top; padding: 0px; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #4d4d4d; margin: 0 auto; width: 900px; }
.leaf { background: url(../images/leaf.jpg) no-repeat scroll 0 0; height: 212px; }
.float { float: left; display: inline; }
.trong { margin-left: 23px; }
.clear { clear: both; }
.logo { float: left; }
.bullet-xanh { margin-left: 10px; margin-right: 5px; }
.dangnhap { width: 92px; margin-top: 3px; margin-right: 6px; }
.txtdangnhap { width: 123px; height: 18px; border: none; border-width: 0px; padding-top: 2px; background: none; }

.txttimkiem { width: 156px; height: 20px; border: none; border-width: 0px; background: none; padding-top: 5px; }

.hinhtintuc { float: left; width: 246px; }

.tindaidien { float: left; width: 390px; margin-left: 17px; }
.tindaidiensanpham { float: left; width: 426px; margin-left: 17px; }
.divtin { float: left; width: 653px; margin-bottom: 27px; }
.divsanpham { float: left; width: 653px; margin-bottom: 20px; }
.divalbum { float: right; width: 290px; margin-bottom: 20px; padding-bottom: 58px; text-align: center;}
.divhinhsanpham { float: left; width: 210px; }
.divtinchitiet { width: 630px; margin-bottom: 27px; margin-left: 23px; }
.divtinchitiet2 { width: 630px; margin-left: 23px; }
.cotphai { width: 653px; }
.bullet-chitiet { margin-right: 3px; }
.xemchitiet-tintuc { width: 390px; float: left; font-size: 13px; color: #7aa5e8; line-height: 18px; }
.xemchitiet-tintuc a { color: #7aa5e8; text-decoration: none; }
.texttop { font-size: 11px; color: #7aa5e8; line-height: 15px; }
.texttop a { font-size: 11px; color: #7aa5e8; line-height: 15px; text-decoration: none; }
.texttop a:hover { font-size: 11px; color: #7aa5e8; line-height: 15px; text-decoration: underline; }
.textchude { font-size: 13px; color: #7aa5e8; line-height: 25px; margin-left: 100px; margin-bottom: 25px; }
.textchude a { font-size: 13px; color: #7aa5e8; text-decoration: none; }
.textchude a:hover { font-size: 13px; color: #7BA6E8; font-weight: bold; text-decoration: none; }
.textsanpham { font-size: 13px; color: #7aa5e8; line-height: 25px; }
.texttrang { font-size: 11px; color: #ffffff; line-height: 15px; }
.textforgot { font-size: 11px; color: #FFFFFF; line-height: 17px; }
.textforgot a { color: #FFFFFF; text-decoration: none; }
.textforgot a:hover { color: #FFFFFF; text-decoration: underline; }
.textbantin { font-size: 12px; color: #FFFFFF; line-height: 17px; padding-top: 50px; margin-left: 21px; }
.textchitiet { font-size: 13px; color: #7aa5e8; line-height: 18px; }
.textchitiet a { font-size: 12px; color: #7aa5e8; text-decoration: none; }
.title { font-size: 13px; color: #7aa5e8; line-height: 18px; font-weight: bold; text-decoration: none; }
.trangsau a { font-size: 12px; color: #7aa5e8; text-decoration: none; }
.titletinchitiet { font-size: 16px; color: #7aa5e8; line-height: 20px; font-weight: bold; }
.textlienhe { font-size: 11px; color: #4d4d4d; line-height: 15px; }
.textxambold { font-weight: bold; }
.textxambold2 { font-weight: bold; text-indent: 23px; }
.giohang { background: url(../images/giohang.gif) no-repeat; }
.textgioithieu { margin-top: 145px; margin-left: 23px; text-indent: 30px; }
.ngay { font-size: 15px; font-weight: bold; color: #4d4d4d; line-height: 18px; }
.tab { text-indent: 23px; }
.textdo { color: #FF0000; }
.texthong { color: #d6148c; font-weight: bold; }
.texthong a { color: #d6148c; font-weight: bold; text-decoration: none; }
.textform { line-height: 25px; margin-top: 40px; margin-left: 40px; }
.textform p { width: 70px; margin-right: 10px; float: left; }
.divshowroom { margin-left: 100px; }
.boxcartitem { border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; background-color: #f4f4f4; float: left; }
.box { /*background:url(../images/line-dangky.gif) repeat-x top; */ border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; background-color: #f4f4f4; }
.box1 { /*background:url(../images/line-dangky.gif) repeat-x top; */ /*border-bottom: 1px solid #cacaca;*/ /*border-right: 1px solid #cacaca;*/ border-left: 1px solid #cacaca; background-color: #f4f4f4; }
.box2 { border: 1px solid #cacaca; background-color: #f4f4f4; }
.box3 { border: 1px solid #cacaca; background-color: #ffffff; }
.spcap1 { width: 305px; }

.spcap2 { width: 280px; margin-left: 25px; }
.spcap3 { width: 255px; margin-left: 25px; }
/*------------------------------------------------------------------------*/

#menu { background:  url(/Resources/Images/menu-bg.gif); float: left; z-index: 4000; margin: 0px; }
#menu a { float: left; height: 45px; text-decoration: none; text-indent: -4000px; margin: 0px; }
#menu a:hover { background-position: 0pt -45px; }
#menu a.active { background-position: 0pt -45px; }
#trangchu { width: 102px; background: transparent url(../images/trangchu.gif) no-repeat scroll left top; }
#gioithieu { width: 88px; background: transparent url(../images/gioithieu.gif) no-repeat scroll left top; }
#sanpham { width: 91px; background: transparent url(../images/sanpham.gif) no-repeat scroll left top; }
#tintuc { width: 75px; background: transparent url(../images/tintuc.gif) no-repeat scroll left top; }
#dichvu { width: 118px; background: transparent url(../images/khachhang.gif) no-repeat scroll left top; }
#khuyenmai { width: 125px; background: transparent url(../images/thuvienanh.gif) no-repeat scroll left top; }
#huongdan { width: 98px; background: transparent url(../images/huongdan.gif) no-repeat scroll left top; }
#tuyendung { width: 165px; background: transparent url(../images/hethongphanphoi.gif) no-repeat scroll left top; }
#lienhe { width: 119px; background: transparent url(../images/lienhe.gif) no-repeat scroll left top; }

/*---------------------------------------------------------------------------------------*/

#menu2 { background: transparent none repeat scroll 0%; float: left; z-index: 4000; margin: 0px; }
#menu2 a { float: left; height: 40px; text-decoration: none; text-indent: -4000px; margin: 0px; }
#menu2 a:hover { background-position: 0pt -40px; }
#menu2 a.active { background-position: 0pt -40px; }
#menu2-1 { width: 79px; background: transparent url(../images/menu2-1.gif) no-repeat scroll left top; }
#menu2-2 { width: 112px; background: transparent url(../images/menu2-2.gif) no-repeat scroll left top; }
#menu2-3 { width: 136px; background: transparent url(../images/menu2-3.gif) no-repeat scroll left top; }
#menu2-4 { width: 89px; background: transparent url(../images/menu2-4.gif) no-repeat scroll left top; }
#menu2-5 { width: 63px; background: transparent url(../images/menu2-5.gif) no-repeat scroll left top; }

/*------------------------------------------------------------------------*/
.chartson { color: #4D4D4D; text-decoration: none; }
a.chartson:link { color: #4d4d4d; text-decoration: none; }
a.chartson:hover { color: #7ba6e8; text-decoration: none; }
a.chartson:visited { color: #4d4d4d; text-decoration: none; }

.sanpham { color: #7ba6e8; text-decoration: none; }
a.sanpham:link { color: #7ba6e8; text-decoration: none; }
a.sanpham:hover { color: #7ba6e8; text-decoration: none; font-weight: bold; }
.active { color: #7ba6e8; text-decoration: none; font-weight: bold; }
/*------------------------------------------------------------------------*/
#menu3 { background: transparent none repeat scroll 0%; float: left; z-index: 4000; margin-right: 5px; }
#menu3 a { color: #7BA6E8; font-family: Tahoma; float: left; height: 21px; text-decoration: none; margin-right: 5px; width: 21px; background: transparent url(../images/num3.gif) no-repeat scroll left top; text-align: center; font-weight: bold; font-size: 12px; }
#menu3 a:hover { background-position: 0pt -21px; color: #FFFFFF; font-family: Tahoma; font-weight: bold; font-size: 12px; }
#menu3 a.active { background-position: 0pt -21px; color: #FFFFFF; font-family: Tahoma; text-align: center; font-weight: bold; }
#menu3-1 { width: 21px; background: transparent url(../images/num3-1.gif) no-repeat scroll left top; }
#menu3-2 { width: 21px; background: transparent url(../images/num3-2.gif) no-repeat scroll left top; }
#menu3-3 { width: 21px; background: transparent url(../images/num3-3.gif) no-repeat scroll left top; }
#menu3-4 { width: 21px; background: transparent url(../images/num3-4.gif) no-repeat scroll left top; }
#menu3-5 { width: 21px; background: transparent url(../images/num3-5.gif) no-repeat scroll left top; }
#menu3-6 { width: 21px; background: transparent url(../images/num3-6.gif) no-repeat scroll left top; }
#menu3-7 { width: 21px; background: transparent url(../images/num3-7.gif) no-repeat scroll left top; }
#menu3-8 { width: 21px; background: transparent url(../images/num3-8.gif) no-repeat scroll left top; }

.buttonnhaplai { width: 84px; height: 23px; background: transparent url(../images/but-nhaplai.gif) no-repeat scroll; border: none; cursor: pointer; }

.txtlienhe { width: 180px; border-width: 0px; padding-top: 2px; background: none; }

.newsothers { line-height: 1.5; }
.newsothers a { font-size: 13px; color: #4d4d4d; text-decoration: none; }

.newsothers a:hover { font-size: 13px; color: #7BA6E8; text-decoration: none; }

.linkactive { font-size: 13px; color: #7BA6E8; font-weight: bold; text-decoration: none; }

.buttonchitietsanpham { width: 123px; height: 23px; background: transparent url(../images/xemchitiet.gif) no-repeat scroll left top; border: none; cursor: pointer; }

.buttonchovaogiohang { width: 151px; height: 23px; background: transparent url(../images/chovaogiohang.gif) no-repeat scroll left top; border: none; cursor: pointer; display: none; }

.accordionHeader { border: 1px solid #7AA5E8; color: white; background-color: #7AA5E8; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 15px; margin-left: 23px; cursor: pointer; }

.accordionHeader a { color: #FFFFFF; background: none; text-decoration: none; }

.accordionHeader a:hover { background: none; text-decoration: underline; }
.accordionContent { background-color: #F1F1F1; border: 1px dashed #2F4F4F; border-top: none; padding: 5px; padding-top: 10px; margin-left: 23px; }

.taikhoan a { font-size: 11px; color: #ffffff; text-decoration: none; }
.taikhoan a:hover { font-size: 11px; color: #ffffff; text-decoration: underline; }
.watermarktimkiem { color: #D6148C; background: none; border: none; padding-top: 5px; }

.watermarklienhe { color: #e0e0e0; background: none; border: none; padding-top: 5px; font-family: Tahoma; font-size: 13px; }

.modalBackground { background-color: Gray; filter: alpha(opacity=50); opacity: 0.5; }