/*cau hinh chung*/
body{ font-family:Arial, Tahoma, Verdana; font-size:9pt; background-color:#e2e2e2; }
textarea{padding:3px; margin: 3px; resize: none;}
.tb_tb{color:#009790;}
.fs9 { font-size:9pt;}
.freebook { color:Red; font-weight:bold;}
.fwb { font-weight:bold;}
.w90 { width:90px;}
.btnfs {font-family:Arial, Tahoma, Verdana; font-size:9pt; }
.w55 { width:55px;}
.erro{font-size:10pt;font-family:Arial;color:Red; clear:left;}
.h384 { height:390px;}
.h370 { height:360px;}
.h378 { height:378px;}
.tealce { text-align:center;}
.h349 { height:351px;}
.h319 { height:319px;}
.h35 { height:35px;}
.mgl15pc { margin-left:15%;}
.clrr { clear:right;}
.pdt5 { padding-top:5px;}
.pdl35pc { padding-left:35%;}
.pdl25pc { padding-left:15%;}
.mgl40 { margin-left:100px;}
.pd5 { padding:5px;}
.w286 { width:286px;}
.anochange:hover { text-decoration:none;}
.h40 { height:40px;}
.pdbt80 { padding-bottom:80px;}
.mgl120 { margin-left:120px;}
.mgr10 { margin-right:10px;}
.pdl170 { padding-left:170px;}
.hid { display:none;}
.h20 { height:20px;}
.pdl120 { padding-left:120px;}
.pdt20 { padding-top:20px;}
.clrl { clear:left;}
.mgt10 { margin-top:10px;}
.bdr { border:1px solid red;}
.w294 { width:274px;}
*{ margin:0px; padding:0px;}
.clrb { clear:both;}
.drp-box { border:1px solid #ccc; color:#666; width:100px; text-align:left;}
.mgbt20 { margin-bottom:20px;}
.mgbt15 { margin-bottom:15px;}
.mgbt10 { margin-bottom:10px;}
.h20 { height:20px; overflow:hidden;}
.h10 { height:10px; overflow:hidden;}
.h15 { height:15px;}
.h5 { height:5px;}
.mgt15 { margin-top:15px; }
.pdtb5 { margin:5px 0px;}
.pdtb15 { margin:15px 0px;}
.pdtb2 { margin:2px 0px;}
.pdt15 { padding-top:15px;}
.hr { background-color:#c4c4c4; height:1px; overflow:hidden; margin:10px 0px;}
.fl { float:left;}
.fr { float:right;}
.w254 {width:254px;}
.w94 {width:84px;}

a { color:#2986cc; text-decoration:none;}
a:hover { text-decoration:underline;}

.quaylai a{color:White;text-decoration:none;}
.quaylai a:hover{color:White;text-decoration:underline;}
a.adot { color:#3d97d3; text-decoration:none; font-weight:bold; background:url("Images/bg-link.jpg") top right no-repeat; padding-right:10px;}
a:hover.adot {text-decoration:underline;}

a.adrop { color:#3d97d3; text-decoration:none; font-weight:bold; background:url("Images/bg-link-drop.jpg") top right no-repeat; padding-right:10px;}
a:hover.adrop {text-decoration:underline;}

.space-line-ver { color:#acacae; padding:0px 5px;}

/*khung trang web*/
#sb-page{}
#sb-wrapper{width:980px; margin:0 auto; background-color:#fff; overflow:hidden;}
#sb-wrapper_dtt{max-width:100%; min-width:300px; margin:0 auto; background-color:#fff;}

#sb-header {overflow:hidden; height:180px;}

#sb-content { clear:both;}
#sb-footer { clear:both;}
/*giao dien trang chu*/
.lang_sel { padding:0px; margin:0px; clear:right;}
.sb-header-logo { float:left; }
.h-flh { width:959px; margin:0 auto; padding:0px; height:407px; overflow:hidden;}
a.wel_usr { color:#2986cc !important; font-weight:bold;}
.h-sitem { float:right;}
.sb-header-right { float:right; text-align:right; padding-right:25px; padding-top:15px;}
.h-sitem ul{ list-style:none; padding:0px; margin:0px;}
.h-sitem ul li {float:left;}
.h-sitem ul li input{ color:#3c3c3c; font-size:9pt; font-family:Arial, Tahoma, Verdana; cursor:pointer;}

.h-sitem ul div {float:left;}
.h-sitem ul li a{color:#3c3c3c; padding:4px; text-decoration:none;}
.h-sitem ul li a:hover{text-decoration:underline;}
/*home search*/
.txt-h-ser { border-left:1px solid #cccccc; border-right:0px solid #fff; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; height:17px; padding:4px; float:left;}
.h-se-btn { width:44px; cursor:pointer; float:left;}
.h-ser { padding:10px 0px; width:473px; overflow:hidden;clear:right;}
.ad_se_txt {width:120px; float:left; line-height:200%; font-weight:bold; }
.ad_se_txt a { color:Gray; text-decoration:none;}
.ad_se_txt a:hover { text-decoration:underline;}
.search_btn {background:url("Images/home-search-btn.jpg") left top no-repeat; width:44px; height:27px; border:none; cursor:pointer;}

/*dang ky - dang nhap - gio hang*/
.h-res-l-c { margin-top:0px;}
.h-res-l-c ul { list-style:none; padding:0px; margin:0px;}
.h-res-l-c ul li { display:inline;}
.h-res-l-c ul li a{ color:#3c3c3c; padding:0px 4px; text-decoration:none; }
.h-res-l-c ul li a:hover{text-decoration:underline; }
.h-res-l-c ul li.home-cart { background:url("Images/home-cart.jpg") right top no-repeat; padding-right:20px;}
.h-ca-cou { color:#3b8ac9; font-weight:bold;}

/*main menu cap 1*/
.home-main-menu {}

.h-nav1 {background:url("Images/bgr_menu.jpg") repeat-x; height:32px; overflow:hidden; padding-left:30px;}
.h-nav1 ul li { list-style:none;}
.h-nav1 ul li.main_nav a{ color:#fff; font-size:12pt; font-weight:bold; padding:8px 10px 7px 10px; text-decoration:none; line-height:220%;}
.h-nav1 ul li.main_nav a:hover{background:url("Images/bgr_me_h.jpg") repeat-x; color:#000; text-decoration:none;}

.h-nav1 ul li a{ font-size:11pt; color:#fff; padding:8px 10px 7px 10px; text-decoration:none; line-height:220%;}
.h-nav1 ul li a:hover{ text-decoration:underline;}

.h-nav1 ul li.main_nav a.atv{ background:url("Images/bgr_me_h.jpg") repeat-x; color:#000;}

/*main menu cap 2*/
.h-m-n {background:url("Images/bg-main-menu2.jpg") repeat-x; height:47px; width:980px; position: relative;display: block;}
.h-m-nav2 {background:url("Images/bg-main-menu2.jpg") repeat-x; height:47px; position:relative; overflow:hidden;}

.h-m-nav2 ul { list-style:none; padding:7px 5px 5px 10px; display:inline;}

.h-m-nav2 ul li {float:left; height:35px;}
.h-m-nav2 ul li div{height:35px; float:left;}
.h-m-nav2 ul li div div{height:35px;}
.h-m-nav2 ul li div div div{height:35px;}
.h-m-nav2 ul li div div div span{color:#114085; text-decoration:none; padding:10px; font-size:11pt; line-height:180%; overflow:hidden;}


.h-m-nav2 ul li:hover {background:url("Images/menu2-c.jpg") repeat-x; height:35px; overflow:hidden;}
.h-m-nav2 ul li:hover div{background:url("Images/menu2-l.jpg") top left no-repeat; height:35px; overflow:hidden;}
.h-m-nav2 ul li:hover div div{background:url("Images/menu2-r.jpg") top right no-repeat; height:35px; overflow:hidden;}
.h-m-nav2 ul li:hover div div div{background:url("Images/menu2-arr.jpg") bottom center no-repeat; height:35px; overflow:hidden;}
.h-m-nav2 ul li:hover div div div span{color:#fff; text-decoration:none; padding:10px; font-size:11pt; line-height:180%; overflow:hidden;cursor:pointer;}

.h-m-nav2 ul li.atv {background:url("Images/menu2-c.jpg") repeat-x; height:35px; overflow:hidden;}
.h-m-nav2 ul li.atv div{background:url("Images/menu2-l.jpg") top left no-repeat; height:35px; overflow:hidden;}
.h-m-nav2 ul li.atv div div{background:url("Images/menu2-r.jpg") top right no-repeat; height:35px; overflow:hidden;}
.h-m-nav2 ul li.atv div div div{background:url("Images/menu2-arr.jpg") bottom center no-repeat; height:35px; overflow:hidden;}
.h-m-nav2 ul li.atv div div div span{color:#fff; text-decoration:none; padding:10px; font-size:11pt; line-height:180%; overflow:hidden;}


/*homepage sach moi*/
.h-n-pro {background:url("Images/bg-home-new-pro.jpg") repeat-x; margin:0px 12px; width:958px; padding-bottom:10px;}
.h-n-pro ul { list-style:none; padding:0px; margin:0px;}
.h-n-pro ul li{background:url("Images/bg-home-new-pro-border.jpg") top left no-repeat; padding:10px; width:202px; height:294px; float:left; text-align:center; margin:0px 5px 10px 5px; overflow:hidden;}
.h-n-pro ul li p.h-n-pr-tit { padding:0px 5px; font-size:11pt; font-weight:normal;}
.h-n-pro ul li p.h-n-pr-tit a{ color:#3c8ac8; text-decoration:none;}
.h-n-pro ul li p.h-n-pr-tit a:hover{ color:#3c8ac8; text-decoration:underline;}
.h-n-pro-hed { font-size:11pt; font-weight:bold; padding-top:18px; padding-left:15px; padding-bottom:0px; color:#525252;}

.h-n-pro-m {text-align:right; padding-right:25px; clear:both; padding-top:7px; font-weight:bold;}
.h-n-pro-m a{color:#398acb; text-decoration:none; }
.h-n-pro-m a:hover{color:#398acb; text-decoration:underline;}

.h-n-pro-de { text-align:justify; margin:0px 10px; font-weight:normal; font-size:9pt; color:#000;}

/*home payment accept*/
.h-pay { clear:both; padding-top:40px; margin-bottom:15px;}
.h-pay ul { list-style:none; padding-top:12px; margin:0px; float:left; width:180px;}
.h-pay ul li {padding-left:20px; background:url("Images/pay_arr.jpg") top left no-repeat; margin-left:15px; padding-bottom:5px;}

.h-pay-title { width:170px; float:left; color:#3b8bca; font-size:11pt; font-weight:bold; padding:10px 15px;}

/*menu duoi*/
.h-f-nav { background-color:#666; height:22px; overflow:hidden; padding-top:8px; padding-left:25px;}
.h-f-nav ul { list-style:none;}
.h-f-nav ul li { display:inline; color:#fff;}
.h-f-nav ul li a{ color:#fff; padding:10px; text-decoration:none;}
.h-f-nav ul li a:hover { text-decoration:underline;}

/*home copyright*/
.h-copy { color:#3c8aca; text-align:center; padding-top:10px; padding-bottom:15px; line-height:150%;}

/*home slide*/

.h-slide-che {background-image:url("Images/bg-slide-che.jpg");background-position: center bottom; background-repeat:no-repeat; width:960px; height:5px; margin-left:9px;}
.h-slide {background:url("Images/bg-slide.jpg") top left no-repeat; width:971px; height:283px; margin-left:9px; position:relative;}
.h-s-arr-l {background:url("Images/slide-arr-l.jpg") top left no-repeat; width:34px; height:114px; position:absolute; top:76px; left:6px; cursor:default;}
.h-s-arr-l-hover {background:url("Images/slide-arr-l-h.jpg") top left no-repeat; width:34px; height:114px; position:absolute; top:76px; left:6px; cursor:pointer;}

.s-arr-r {background:url("Images/slide-arr-r.jpg") top left no-repeat; width:34px; height:114px; position:absolute; top:76px; left:920px; cursor:default;}
.s-arr-r-hover {background:url("Images/slide-arr-r-h.jpg") top left no-repeat; width:34px; height:114px; position:absolute; top:76px; left:920px; cursor:pointer;}
.h-s-con { padding: 25px 0px 0px 0px;width:958px; overflow:hidden; border:solid 0px red; }

#divscrollbook{}
.flow-div{padding:0px; margin:0px; border:solid 0px red; float:left; width:218px;height:232px; }
.flow-img{ margin:0px 19px; width:180px;height:232px; cursor:pointer;}
#divscrollbook ul {list-style:none; padding:0px; margin:0px;}
#divscrollbook ul li{text-align: center; height:204px; border:solid 0px red;padding:0px; margin:0px; }

.ico_booknew{background:url("Images/tag_new.png") top left no-repeat; width:37px; height:35px; cursor:pointer;}




/*trang danh sach*/
.ds-l-col {width:176px; float:left;}
.ds-r-col {width:794px; float:right; margin-left:8px;}

/*menu trai*/
.l-nav {padding:10px 0px; margin-left:6px;}
.l-nav ul{ padding:5px 0px 5px 0px; margin:0px; list-style:none; background-color:#666666; }
.l-nav ul li h3 { border-bottom:1px dashed #8e8e8e; height:2px; overflow:hidden; padding:0px; width:145px; margin:0 auto 2px auto; }

.l-nav ul li a{ color:#fff; text-decoration:none; padding:6px 0px 6px 30px; display:block; width:140px; background:url("Images/bg_l_nv.png") top left no-repeat;}
.l-nav ul li a:hover{ color:#fece00;}

.l-nav ul li a:hover { background:url("Images/bg_l_nv_h.png") top left no-repeat; background-color:#8e8e8e;}

.l-nav ul li.atv a{ background:url("Images/bg_l_nv_h.png") top left no-repeat; background-color:#8e8e8e; color:#fece00;}

/*chi tiet tap chi*/
.ma-of-num { font-weight:normal; padding:5px;}
.p{cursor:pointer;}
/*danh sach sach thumbail*/
.p-l-t { color:#666; float:left; padding:2px;}
.p-l-t ul{ list-style:none; padding:0px; margin:0px;}
.p-l-t ul li{ width:184px; overflow:hidden; border:1px solid #ccc; padding:6px 6px; text-align:right; float:left; margin-top:-1px; margin-left:-1px;}
.p-l-t ul li span {}
.tar{text-align:right;}
.pr-img {text-align:center; overflow:hidden; padding-top:1px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; border:1px solid red;}
.tag_new_border {position:relative; padding:1px;}
.newbookTag {padding:0px; width:180px; height:232px; margin:0px auto; padding:1px; position:relative;}
.tagnew { position:absolute; width:37px; height:35px; z-index:999; margin-top:-1px; margin-left:-2px;}
.tagnewbig { position:absolute; top:0px; left:0px; width:60px; height:59px; z-index:999; }
.thumbnail_home {height:232px; width:180px; margin:0px; padding:0px; border:1px solid #e0e0e2;}
.thumbnail {height:232px; width:180px; margin:0px; padding:0px; border:1px solid #e0e0e2;}
.thumbnail_more {height:186px; width:145px; margin:0px; padding:0px; border:1px solid #e0e0e2;}
.thumbnail_list {height:81px; width:60px; border:none; margin:0px; padding:0px;}
.pr-by-bt {background:url("Images/bg-buy-pro.jpg") top left no-repeat; width:53px; height:25px; overflow:hidden; margin-top:10px; float:right; cursor:pointer;}
.pr-by-bt:hover {background:url("Images/bg-buy-pro-h.jpg") top left no-repeat;}
.pr-tit {margin-top:5px;}
.pr-tit a{ color:#3c8cc9; text-decoration:none; font-size:11pt; }
.pr-tit a:hover{ text-decoration:underline;}
.pr-au { color:#666; padding-top:5px;}
.pr-pri { color:#666;}
.pr-pri span{}
.pr-pri-promote { color:#666;}

/*chon mot so tap chi*/
.mgz-list-1 { color:#666; padding:2px;}
.mgz-list-1 ul{ list-style:none; padding:0px; margin:0px;}
.mgz-list-1 ul li{ width:180px; overflow:hidden; border:1px solid #ccc; padding:6px 8px; text-align:right; float:left; margin-top:-1px; margin-left:-1px;}
.mgz-list-1 ul li span {}

/*danh sach tap chi thumbail*/
.mgz-l-thum { color:#666; padding:2px;}
.mgz-l-thum ul{ list-style:none; padding:0px; margin:0px;}
.mgz-l-thum ul li{ width:180px; overflow:hidden; border:1px solid #ccc; padding:6px 8px; text-align:right; float:left; margin-top:-1px; margin-left:-1px;}
.mgz-l-thum ul li span {}

.mgz-image { margin-bottom:10px; text-align:center; min-height:232px; overflow:hidden;}
.mgz-image img {max-height:232px; max-width:157px;}
.mgz-buy-btn {background:url("Images/bg-buy-pro.jpg") top left no-repeat; width:53px; height:25px; overflow:hidden; margin-top:10px; float:right; cursor:pointer;}
.mgz-buy-btn:hover {background:url("Images/bg-buy-pro-h.jpg") top left no-repeat;}
.mgz-title a{ color:#3c8cc9; text-decoration:none; font-size:11pt;}
.mgz-title a:hover{ text-decoration:underline;}
.mgz-view a{ color:#666; text-decoration:underline; clear:left;}
.mgz-view a:hover{color:#3c8cc9;}
.mgz-price { color:#666; padding-top:5px;}

/*view style + paging*/
.vi-sty-pa { background-color:#f0f0f0; padding:4px 0px; margin-bottom:20px; height:20px; overflow:hidden; float:right;}
.vi-sty-paAAA { background-color:#f0f0f0; padding:4px 0px; margin-bottom:0px; height:20px; overflow:hidden; float:right;}
.vi-sty-thu {color:#666; margin-right:20px; float:left;}

/*paging*/
.top-pag {}
.top-pag ul{ list-style:none; padding:0px; margin:0px; float:left; padding-top:3px; margin-right:10px;}
.top-pag ul li{ float:left; padding:0px 2px;}
.top-pag ul li a{ color:#666; text-decoration:none; font-weight:bold; padding:3px 2px 1px 2px;}
.top-pag ul li a:hover{background:url("Images/bg-paging-ac.jpg") bottom center no-repeat;}

.top-pag ul li a.atv{background:url("Images/bg-paging-ac.jpg") bottom center no-repeat;}

.pag-btn {background:url("Images/bg-paging.jpg") top left no-repeat; width:48px; height:21px; overflow:hidden; padding:3px 4px; float:left;}
.pag-b-l {background:url("Images/bg-paging-left-h.jpg") top left no-repeat; width:16px; height:16px; margin-right:7px; cursor:pointer; float:left;}
.pag-b-r {background:url("Images/bg-paging-right-h.jpg") top left no-repeat; width:16px; height:16px; cursor:pointer; float:left;}

.pag-b-l:hover {background:url("Images/bg-paging-left.jpg") top left no-repeat; width:16px; height:16px; float:left; margin-right:7px; }
.pag-b-r:hover {background:url("Images/bg-paging-right.jpg") top left no-repeat; width:16px; height:16px; float:left; }

.pag-b-l.dis {background:url("Images/bg-paging-left.jpg") top left no-repeat; width:16px; height:16px; float:left; margin-right:7px; cursor:default;}
.pag-b-r.dis {background:url("Images/bg-paging-right.jpg") top left no-repeat; width:16px; height:16px; float:left; cursor:default;}

.btn-paging-w { width:300px;}

/*danh sach doc*/
.s-desc {width:160px; float:left; padding-top:40px; padding-left:10px;}
.s-desc span { color:#cd0000; font-weight:bold;}

.p-lt-ver {float:left; }
.p-lt-ver ul{ list-style:none; padding:0px; margin:0px;}

.p-lt-ver ul li {float:left; color:#656668; width:780px; border-bottom:1px solid #e3e5e4; padding:6px 0px;}
.p-lt-ver ul li.pro-list-even {float:left; color:#656668; width:780px; background-color:#f8fbff; border-bottom:1px solid #e3e5e4; padding:6px 0px;}

.p-lt-ver ul li .sty-lt-img {width:110px; height:82px; overflow:hidden; border:1px solid #e4e4e4; text-align:center; padding:5px; float:left; margin-right:12px; margin-left:10px;}
.p-lt-ver ul li .sty-lt-img img{ max-height:81px; _height:81px;}

.p-lt-ver ul li .sty-lt-de { float:left; width:230px; overflow:hidden;}
.p-lt-ver ul li .sty-lt-de-tc { float:left; width:330px; overflow:hidden;}
a.title{color:#3a8ac7; text-decoration:none; font-size:10pt; font-weight:bold;}
a.title:hover{text-decoration:underline;}

.p-lt-ver ul li .sty-lt-ima { float:left; width:130px; text-align:center; }
.p-lt-ver ul li .sty-lt-tit { float:left; width:240px; text-align:center; }
.p-lt-ver ul li .sty-lt-tit-tc { float:left; width:340px; text-align:center; }
.p-lt-ver ul li .sty-lt-pr { float:left; margin-right:15px; width:100px; text-align:left; }
.p-lt-ver ul li .sty-lt-au { float:left; margin-right:10px; width:150px; text-align:center;}
.p-lt-ver ul li .sty-lt-pu { float:left; text-align:left; width:120px;}

.p-lt-ver ul li.pro-hed {float:left; color:#000; width:100%; border-bottom:1px solid #e3e5e4; font-weight:bold;}
.p-lt-ver ul li.pro-hed .sty-lt-pr { float:left; margin-right:15px; width:100px; text-align:center;}
.p-lt-ver ul li.pro-hed .sty-lt-au { float:left; margin-right:10px; width:150px;}
.p-lt-ver ul li.pro-hed .sty-lt-pu{ float:left; text-align:center; width:120px;}

/*dialog*/
.dlg-l {width:376px; z-index:999; white-space:normal;}
.dlg-l div{background:url("Images/dlg-top.png") top left no-repeat;}
.dlg-l h3{background:url("Images/dlg-bottom.png") bottom left no-repeat; width:375px; height:10px;}
.dlg-l div div { padding:10px 0px 10px 30px; width:333px; }
.dlg-title { font-size:11pt; color:#0581f3; font-weight:bold;}
.dlg-l span {font-weight:bold;}
.dlg-l p {padding:3px 0px;}


.dlg-r {width:376px; z-index:5;}
.dlg-r div{background:url("Images/dlg-top-r.png") top left no-repeat;}
.dlg-r h3{background:url("Images/dlg-bottom-r.png") bottom left no-repeat; width:375px; height:10px;}
.dlg-r div div { padding:10px 10px 10px 20px; width:333px; }
.dlg-title { font-size:11pt; color:#0581f3; font-weight:bold;}
.dlg-r span {font-weight:bold;}
.dlg-r p { padding:3px 0px;}



/*chi tiet*/
.ad-c-btn {background:url("Images/add-to-cart.jpg") top left no-repeat; width:133px; height:27px; padding:7px 0px 0px 0px; color:White; font-weight:bold; font-size:11pt; text-align:center; text-decoration:none;}
.on-re {background:url("Images/online-reading.jpg") top left no-repeat; width:133px; height:27px; padding:7px 0px 0px 0px; color:White; font-weight:bold; font-size:11pt; text-align:center; text-decoration:none;}

.pro-detail-text {float:left; width:520px;}
.pro-detail-img {padding:3px; float:left; margin-right:35px; margin-left:13px; text-align:center; position:relative;} /*border:1px solid #dedede;*/
.image_detail {width:355px; border:1px solid #e0e0e2;}
.pro-detail-title { color:#151515; font-size:19pt; font-weight:bold; padding:0px;}

.pro-d-br {float:left; margin-bottom:5px; width:100%;}
.pro-desc { color:#cc9203; text-transform:uppercase; line-height:170%; width:300px;}
.pro-desc p { padding:0px;}
.pro-desc a { color:#2c83c8; text-decoration:none; font-weight:bold;}
.pro-desc a:hover { text-decoration:underline;}
.pro-desc span { font-weight:bold;}

.pr-pri-btn {}
.pr-pri-btn div{cursor:pointer;}
.mgz-cv-p { color:#7b8da5;}

.sal-pri-o {float:left;}
.pro-de-pr { color:#565656; font-weight:bold;}
.sal-pri-o div.bgpro{padding:5px 0px 5px 10px; background:url("Images/detail-price.jpg") top left no-repeat; font-size:11pt;}
.sal-pri-o div{padding:5px 0px 5px 10px; font-size:11pt;}
.sal-pri-o span.spanprice { float:left; width:120px;}
.discount-price {font-size:10pt;}
.mgz-hd { font-size:9pt; font-weight:normal; padding:5px 0px; color:Black;}

.pro-de-pr div.sal-pri {background:url("Images/khuyen_mai.jpg") top left no-repeat; padding:11px 3px; float:left; margin-left:15px; margin-top:5px; height:30px;}
.pro-de-pr div.sal-pri span.s-p-1{padding:2px 0px 10px 0px; color:White; font-size:11pt; text-align:center; width:40px; display:block; float:left;}
.pro-de-pr div.sal-pri span.s-p-2{padding-left:7px; padding-top:2px; padding-right:40px; font-size:10pt; font-size:11pt; float:left; width:90px;}
.pro-de-pr div.sal-pri span.s-p-3{font-size:12pt;}

.pro-detail-fullcontent { text-align:justify;}
.pro-detail-fullcontent p{ font-weight:normal; padding:5px 0px;}


/*san pham cung chu de*/
.re-pro-t { margin:0px 12px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; float:left; width:955px;}
.re-hdr { background:url("Images/bg-relate-pro-in.jpg") repeat-x; margin-bottom:20px; float:left; width:100%;}
.re-hdr div {color:#fff; font-weight:bold; background:url("Images/bg-relate-pro.jpg") repeat-x; padding:0px 15px; float:left;}
.re-hdr div p{background:url("Images/down-arr.jpg") bottom center no-repeat; padding:10px 0px 18px 0px;}

.re-pro-t div ul { list-style:none; padding:0px; margin:0px;}
.re-pro-t div ul li {width:158px; height:230px; overflow:hidden; padding:0px 5px 10px 5px; margin:0px 9px 5px 9px; text-align:center; float:left;}
.re-pro-t div ul li img { max-width:145px; max-height:180px;}
.re-pro-t div ul li a.related-pr-tit { color:#3c8ac8; text-decoration:none; display:block; margin-top:10px;}
.re-pro-t div ul li a.related-pr-tit:hover { text-decoration:underline;}

.read-more {text-align:right; clear:left; padding:5px 20px 10px 20px;}
.read-more a{color:#3b8acc; font-weight:bold; text-decoration:none;}
.read-more a:hover{text-decoration:underline;}


/*comment*/
.no_asp_btn { background:none; border:none; color:Gray; font-weight:bold; cursor:pointer;}
.cm_ad_btn {background:url("Images/add_comment.jpg") no-repeat; width:160px; height:33px;}
.add_com_pad {text-align:right; padding-right:10px;}
.pr-de-com {}
#sign { width:10px; overflow:hidden; display:block; float:left;}
.cm_hide { text-align:center; padding:2px 7px; border:1px dashed #c4c4c4; color:Gray; width:10px; overflow:hidden; float:left; display:block;}
.com-ti{ font-size:12pt; margin-left:45px; margin-bottom:5px; font-weight:bold; cursor:pointer; float:left;}
.com-ti span{ cursor:pointer; margin-right:5px;}

.comment_item { float:left; margin:10px 20px 10px 80px;}
.comment-avatar { float:left; margin-right:20px;}
.com-dlg {background:url("Images/bg-comment-top.jpg") top left no-repeat; width:750px; float:left;}
.com-dlg div {background:url("Images/bg-comment-bottom.jpg") bottom left no-repeat;}
.com-dlg div div { padding:15px 15px 15px 35px;}
.com-dlg-u { color:#3a97d4; font-weight:bold; padding-bottom:5px;}
.com-dlg-u span { color:#626262; font-size:8pt; padding-left:10px;}
.com-dlg div div p.commenttext { line-height:150%;}
.com-in {width:605px; float:left; margin-left:95px;}
.cm-ip-txt { width:100%; border:1px solid #dedede; height:57px; overflow:auto; font-family:Arial, Tahoma, Verdana; font-size:9pt; padding:5px;}
.cm-vall { float:left; margin-left:80px;}
a.com { color:#3d97d3; text-decoration:none; font-weight:bold; background:url("Images/bg-link.jpg") top right no-repeat; padding-right:10px;}
a.com:hover {text-decoration:underline;}
.cm-add-btn {background:url("Images/btn-cm-add.jpg") top left no-repeat; width:160px; height:35px; overflow:hidden; padding:7px 10px 10px 50px; margin-top:10px; margin-left:447px; cursor:pointer; font-weight:bold; font-size:10pt; color:#626262; border: none;}

.com-pag {float:right; clear:both; margin-right:75px;}

/*rating*/
.star-i {background:url("Images/full-star.jpg") top left no-repeat; width:18px; height:18px;}
.star-o {background:url("Images/empty-star.jpg") top left no-repeat; width:18px; height:18px;}
.star-o:hover {background:url("Images/full-star.jpg") top left no-repeat; width:18px; height:18px;}
.rating-click { font-size:9pt; color:Black; padding-left:10px;}

.star-list { list-style:none; padding:0px; margin:0px; float:left;}
.pro-de-ra p { font-weight:bold; float:left;}
.star-list li { padding:2px; float:left; cursor:pointer;}
.star-desc {color:#80818c; font-weight:bold; font-size:8pt; padding-left:2px; line-height:200%;}
.pro-de-ra { padding:5px 0px; line-height:180%; font-size:8pt; }
.pro-de-ra span { font-weight:normal; font-size:8pt;}
.star-edit { clear:left; padding-top:5px;}

.rate_count { font-weight:bold; color:#3d97d3; padding-left:5px;}
.binhchon{padding-left:25px; font-size:9pt; font-family:Arial; color:#3d97d3; font-weight:normal; cursor:pointer; width:70px; font-weight:bold;}

/*bookmark*/
.pr-de-boo {float:right; cursor:pointer; clear:both; margin:10px 0px;}
.pr-de-boo img{ padding:5px 0px;}

/*dang nhap*/
.reg-bd {border:1px solid #c3c3c3; padding:10px; width:900px; float:left; clear:left;}
.lg-reg {float:left;}
.lg-reg h4 {width:70px; float:left; text-align:right; font-size:9pt; font-weight:normal; padding:6px 5px 0px 0px;}
.lg-reg h3 {width:115px; float:left; text-align:right; font-size:9pt; font-weight:normal; padding:6px 5px 0px 0px;}
.lg-reg h5 {float:left; font-size:9pt; font-weight:normal; padding:6px 5px 0px 0px; clear:left; margin-left:120px;}

.lg-reg p { color:#0085c8; font-size:13pt; font-weight:bold; border-bottom:1px solid #e4e9ef; padding-bottom:10px; margin-bottom:5px; width:410px;}
.lg-reg .txt-iput { float:left;}
.lg-reg strong { color:Red;}
.lg-reg a {color:#3d97d3; text-decoration:none;}
.lg-reg a:hover {text-decoration:underline;}
.flii { border:1px solid #ccc; border-style:inset;}

.lg-ri { float:left; width:100%;}
.txt-iput { height:16px; padding:5px; border:1px solid #7e9db9; border-style:inset; margin:0px;}
.lg-ri-hdr { font-size:14pt; font-weight:bold; color:#515151; background:url("Images/down-arr-l.jpg") top left no-repeat; padding:8px 10px 3px 25px; margin:10px 10px 0px 0px;}
.lg-info { float:left; width:470px; margin-left:20px;}
.lg-mor-in { float:right; width:350px;}
.drp-lg { width:80px; border:1px solid #ccc; border-style:inset; padding:3px;}

.gui-inf { float:right; margin-right:20px; }
.gui-inf div{ width:288px; background:url("Images/mor-t.jpg") top left no-repeat; padding:15px; line-height:150%; }
.gui-inf h4 {background:url("Images/mor-b.jpg") top left no-repeat; height:11px; width:318px;}

/*login only*/

.lg-bdr {border:1px solid #ccc; padding:20px; margin:10px 17px; float:left; width:900px; overflow:hidden;}
.lg-bdr img { cursor:pointer;}
.lg-bdr p { font-weight:bold; color:#8b8b8b; text-transform:uppercase;}
.lg-lef { float:left; width:360px; border-right:1px solid #ccc;}
.lg-lef a { color:#0089cc; text-decoration:none;}
.lg-lef a:hover { color:#0089cc; text-decoration:underline;}
.lg-lef span { float:right; margin-right:118px;}
.lg-lef .re-me { float:left; width:125px;}
.lg-rig { float:right; width:470px; text-align:center;}
.lg-rig h6 { color:Black; font-size:9pt; font-weight:normal;}
.lg-lef h5 { font-weight:normal; margin-top:5px;}

.reg-btn {width:110px; height:22px; overflow:hidden; padding:7px 5px 0px 15px; background:url("Images/regi-btn.jpg") top left no-repeat; font-weight:bold; cursor:pointer; margin:0 auto; color:#626262; text-align:center;}
.reg-btn_new {width:110px; height:22px; overflow:hidden; padding:4px 5px 3px 15px; background:url("Images/regi-btn.jpg") top left no-repeat; font-weight:bold; cursor:pointer; margin:0 auto; color:#626262; text-align:center;}
.lg-btn {width:85px; height:25px; overflow:hidden; padding:12px 5px 0px 50px; background:url("Images/login-btn.jpg") top left no-repeat; font-weight:bold; cursor:pointer; margin:0 auto; color:#626262; float:left;}
/*check out*/



.check-out-re {background:url("Images/kqdh.jpg") top left no-repeat; margin:30px 50px; border:1px solid #ccc; }
.check-out {margin:0px 50px; border:1px solid #ccc; overflow:hidden;}

.shp-home {background: url("Images/shp-home.jpg") no-repeat top left ; width:30px; height:35px; cursor:pointer; float:left;}
.co-nav-tab {background:url("Images/shp-e.jpg") top right no-repeat; margin:20px 40px; width:795px; overflow:hidden; }

.shp-tab-l {background:url("Images/shp-c.jpg") top left repeat-x; float:left; height:35px;}
.shp-tab-l div{background:url("Images/~shp-l.jpg") top right no-repeat; float:left; height:35px;}
.shp-tab-l div div{background:url("Images/shp-l.jpg") top left no-repeat; height:15px; padding:10px 25px;}
.shp-tab-l div div a{ color:#757575;}
.shp-tab-l div div a:hover{ color:#757575; text-decoration:none;}

.shp-tab-r {background:url("Images/shp-c.jpg") top left repeat-x; float:left; height:35px;}
.shp-tab-r div{background:url("Images/shp-l.jpg") top right no-repeat; float:left; height:35px;}
.shp-tab-r div div{background:url("Images/~shp-l.jpg") top left no-repeat; height:15px; padding:10px 25px;}
.shp-tab-r div div a{ color:#757575;}
.shp-tab-r div div a:hover{ color:#757575; text-decoration:none;}


.shp-tab-c {background:url("Images/shp-c.jpg") top left repeat-x; float:left; height:35px;}
.shp-tab-c div{background:url("Images/shp-l.jpg") top right no-repeat; float:left; height:35px;}
.shp-tab-c div div{background:url("Images/shp-l.jpg") top left no-repeat; height:15px; padding:10px 25px;}
.shp-tab-c div div a{ color:#757575;}
.shp-tab-c div div a:hover{ color:#757575; text-decoration:none;}

.shp-tab-a {background:url("Images/shp-ch.jpg") top left repeat-x; float:left; height:35px;}
.shp-tab-a div{background:url("Images/shp-tr.jpg") top right no-repeat; float:left; height:35px;}
.shp-tab-a div div{background:url("Images/shp-lh.jpg") top left no-repeat; height:15px; padding:10px 25px;}
.shp-tab-a div div a{ color:#000; font-weight:bold;}
.shp-tab-a div div a:hover{ color:#000; font-weight:bold; text-decoration:none;}


.cart-tlb ul{width:795px; margin:0 auto;}
.cart-tlb ul li {list-style:none; padding:0px; margin:0px;}
.cart-tlb ul li ul li { float:left; text-align:center; border:1px solid #d4d4d4; margin:-1px 0px 0px -1px; padding:10px; color:#666666; font-weight:bold;}
.cart-tlb ul li ul li.stt { width:45px; padding:50px 0px; min-height:10px; text-transform:uppercase;}
.cart-tlb ul li ul li.img {width:100px; min-height:95px;}
.cart-tlb ul li ul li.img img{ max-height:86px;}
.cart-tlb ul li ul li.title {width:330px;padding:40px 20px 0px 20px; height:75px; text-align:left; overflow:hidden;}
.cart-tlb ul li ul li.title a {color:#3b8acc; text-decoration:none;}
.cart-tlb ul li ul li.title a:hover {color:#3b8acc; text-decoration:underline;}
.cart-tlb ul li ul li.price {width:130px;padding:40px 0px 0px 0px; height:75px; overflow:hidden;}
.cart-tlb ul li ul li.rem {width:125px; padding:40px 0px 0px 0px; min-height:75px; overflow:hidden;}

.cart-tlb ul li ul li.reon {width:255px; padding:40px 0px 41px 0px; min-height:10px; } /*ket qua dat hang*/

.cart-tlb ul li ul li.rem a{color:#f20a0a; border-bottom:1px dashed #f20a0a; text-decoration:none;}
.cart-tlb ul li ul li.rem a:hover { border:none;}

.cart-tlb ul li.hder {list-style:none; padding:0px; margin:0px;}
.cart-tlb ul li.hder ul li { float:left; text-align:center; border:1px solid #d4d4d4; margin:-1px 0px 0px -1px; padding:10px; color:#666666; font-weight:bold; background-color:#e0f4ff;}
.cart-tlb ul li.hder ul li.stt { width:25px; height:15px;}
.cart-tlb ul li.hder ul li.himg { width:100px; height:15px;}
.cart-tlb ul li.hder ul li.title {width:350px; height:15px;}
.cart-tlb ul li.hder ul li.price {width:110px; height:15px; }
.cart-tlb ul li.hder ul li.rem {width:105px; min-height:15px; overflow:hidden;}

.cart-tlb ul li.hder ul li.reon {width:235px; height:15px;}/*ket qua dat hang*/



.li-atv {background-color:#f8fbff;} /*f8fbff*/
.shp-total { color:#388138; font-weight:bold; font-size:12pt;}

.shp-btn { clear:both; float:right; margin-right:40px;}
.shp-btn div{ float:left; padding:5px 5px 5px 25px; width:119px; margin:0px 10px;}
.shp-btn div a{ color:#fff; text-decoration:none; font-weight:bold;}
.shp-btn div a:hover {text-decoration:underline;}
.prv-stp {background:url("Images/keep_go.jpg") top left no-repeat;}
.nxt-stp {background:url("Images/next_step.jpg") top left no-repeat;}
.x-btn { background:none; border:none; color:White; font-weight:bold; font-size:9pt; width:110px; margin:0px; padding:0px; font-family:Arial, Tahoma, Verdana;}

/*tim kiem*/
.srch-bdr {margin:25px 0px;}
.srch-hdr {background:url("Images/srch-hdr.jpg") top left no-repeat; height:51px;}
.srch-ctn {border:1px solid #ccc; padding:20px 0px; margin:0 auto; width:860px;}
.srch-ctnl { float:left; width:430px;}
.srch-ctnr { float:left; width:430px;}
.srch-ctn h4 {width:70px; float:left; text-align:right; font-size:9pt; font-weight:normal; padding:6px 5px 0px 0px;}
.srch-ctn h3 {width:115px; float:left; text-align:right; font-size:9pt; font-weight:normal; padding:6px 5px 0px 0px;}
.srch-ctn1 {border:0px solid #ccc; padding:0px 0px; margin:0 auto;}
.srch-ctn1 h4 {width:70px; float:left; text-align:right; font-size:9pt; font-weight:normal; padding:6px 5px 0px 0px;}
.srch-ctn1 h3 {width:115px; float:left; text-align:right; font-size:9pt; font-weight:normal; padding:6px 5px 0px 0px;}

.srch-btn {background:url("Images/srh-btn.jpg") top left no-repeat; width:68px; height:22px; padding:9px 5px 5px 45px; margin:0 auto;}
.srch-btn a { color:#626262; text-decoration:none; font-weight:bold; font-size:11pt;}
.srch-btn a:hover { color:#626262; text-decoration:underline;}
.se-no { color:gray; font-weight:bold; border:1px solid red; padding:20px; text-align:center;}
.se-de { padding-bottom:20px; font-weight:bold; text-align:center;}

/*thong tin tai khoan*/
.rgisBtn {background:url("Images/regi-btn.jpg") top left no-repeat; color:#626262; font-weight:bold; font-size:9pt; margin:0px; cursor:pointer; font-family:Arial, Tahoma, Verdana; overflow:hidden;}
.rgisBtn a{ color:#626262; display:block; width:120px; height:21px; padding-top:6px;}
.rgisBtn a:hover { text-decoration:none;}
.addReg {background:url("Images/reg-btn.jpg") top left no-repeat; width:130px; height:40px; border:0px solid red; color:#626262; font-weight:bold; font-size:9pt; padding-left:20px; margin:0px; cursor:pointer; font-family:Arial, Tahoma, Verdana;}

.search_btn_ad {background:url("Images/btn_search.png") top left no-repeat; width:121px; height:32px; border:0px solid red; color:#626262; font-weight:bold; font-size:9pt; padding-left:40px; margin:0px; cursor:pointer; font-family:Arial, Tahoma, Verdana; line-height:32px;vertical-align:middle;}


.lginBtn {background:url("Images/lgn_btn.png") bottom left no-repeat; width:115px; height:27px; border:0px solid red; color:#626262; font-weight:bold; font-size:9pt; padding-left:20px; margin:0px; cursor:pointer; font-family:Arial, Tahoma, Verdana; margin-left:26px;}

.usr-if {width:684px; margin:0 auto; padding:10px 0px; overflow:hidden; clear:left;}
.usr-if h3 {background:url("Images/usr-if.jpg") top left no-repeat; padding:10px 5px 5px 30px; font-size:12pt; color:#525252; font-weight:bold;}
.usr-ictn { border:1px solid #ccc; color:#6b6b6b;}
.usr-ictn h6 { float:left; padding-left:95px; margin-top:10px; font-weight:normal;}

.rdbt {background:url("Images/btn-l.png") no-repeat; width:140px; text-align:center; margin-top:10px;}
.rdbt input { background-color:Transparent; border-style:none; color:#626262; font-weight:bold; cursor:pointer; padding:7px 8px; font-size:10pt;}
.rdbt div {background:url("Images/btn-r.png") top right no-repeat; }
.rdbt div div {background:url("Images/btn-c.png") repeat-x; padding:0px 0px; margin:0px 5px;}
.rdbt div div a { color:#626262; text-decoration:none; font-weight:bold; font-size:10pt; line-height:240%; padding:0px 12px; padding:7px 10px;}
.rdbt div div a:hover { text-decoration:none;}

.download_btn {background:url("Images/dl_bg.jpg") no-repeat; margin-top:10px;}
.download_btn a{width:140px; height:24px; text-align:center; padding-top:7px; font-weight:bold; display:block; font-size:10pt;}
.download_btn a:hover { text-decoration:none;}

.btn {background:url("Images/btn-c.jpg") repeat-x;}
.btn input { background-color:Transparent; border-style:none; color:#626262; font-weight:bold; cursor:pointer; padding:7px 8px; font-size:10pt;}
.btn div {background:url("Images/btn-l.jpg") top left no-repeat;}
.btn div div {background:url("Images/btn-r.jpg") top right no-repeat; padding:0px 0px;}
.btn div div a { color:#626262; text-decoration:none; font-weight:bold; font-size:10pt; line-height:240%; padding:0px 12px; padding:7px 10px;}
.btn div div a:hover { text-decoration:none;}

.btn-buy {background:url("Images/btn_buy_c.jpg") repeat-x;}
.btn-buy input { background-color:Transparent; border-style:none; color:#626262; font-weight:bold; cursor:pointer; padding:7px 8px; font-size:10pt;}
.btn-buy div {background:url("Images/btn_buy_l.jpg") top left no-repeat; }
.btn-buy div div {background:url("Images/btn_buy_r.jpg") top right no-repeat; padding:0px 0px;}
.btn-buy div div a { color:#626262; text-decoration:none; font-weight:bold; font-size:10pt; line-height:200%; padding:0px 12px; padding:7px 15px;}
.btn-buy div div a:hover { text-decoration:none;color:#3c8ac8;}

.btn-buy:hover {background:url("Images/btn_buy_h_c.jpg") repeat-x;}
.btn-buy:hover input { background-color:Transparent; border-style:none; color:#626262; font-weight:bold; cursor:pointer; padding:7px 8px; font-size:10pt;}
.btn-buy:hover div {background:url("Images/btn_buy_h_l.jpg") top left no-repeat; }
.btn-buy:hover div div {background:url("Images/btn_buy_h_r.jpg") top right no-repeat; padding:0px 0px;}
.btn-buy:hover div div a { color:#626262; text-decoration:none; font-weight:bold; font-size:10pt; line-height:200%; padding:0px 12px; padding:7px 15px;}
.btn-buy:hover div div a:hover { text-decoration:none;color:#3c8ac8;}

.usr-ictn h4 { float:left; margin-right:15px; width:80px; text-align:right; font-weight:normal; font-size:9pt;}
.usr-ictn p { font-weight:bold;}
.usr-if img { max-width:100px; max-height:100px;}
.err{ font-weight:normal; font-size:9pt; text-align:left; margin-top:5px; margin-left:120px; color:Red;}

/*lich su mua hang*/
.sho-his { margin-right:10px;}

.breakcrum { list-style:none; padding:0px; float:left; height:21px; overflow:hidden;}
.breakcrum li {padding:3px 8px 3px 0px; float:left;}
.breakcrum li a { color:#398ac9; text-decoration:none;}
.breakcrum li a:hover { text-decoration:underline;}
.breakcrum li.next_bcrum { background:url("Images/next_bcrum.jpg") center left no-repeat; height:14px;}

.using-guide { padding:0px 10px; } /*border:1px solid #cbcbcb; */
.using-guide h3 { color:#656565; font-size:11pt; margin-bottom:10px;}
.h3AAA { color:#656565; font-size:11pt; margin:0 10px;}
.using-guide ul { margin:0px; padding:0px; list-style:none;}
.using-guide ul li { float:left; width:25%;}
.using-guide ul li a{ color:#3a8ac9; text-decoration:none; line-height:150%;}
.using-guide ul li a:hover {text-decoration:underline;}



.using-tg { padding:5px 10px; } /*border:1px solid #cbcbcb; */
.using-tg h3 { color:#656565; font-size:11pt;}
.using-tg ul { margin-top:10px; padding:0px; list-style:none; overflow:hidden;}
.using-tg ul li { padding:3px 0px;}
.using-tg ul li span{width:150px;}



.tbl { margin:0px; padding:0px;} /*ul*/
.tbl li { float:left;}
.tbl li.header { text-align:center;}
.tbl li.header ul li{ text-align:center; padding:5px; color:#000; font-weight:bold; background-color:#e0f4ff;}
.tbl li ul li{ border:1px solid #d4d4d4; margin-top:-1px; margin-left:-1px; font-weight:bold; color:#666666;}

.atv ul li{ background-color:#f8fbff;}/**/
.cell {height: 60px; padding: 20px 10px;}
.cell1 {height:50px; padding: 0px 10px; border:solid 1px red; vertical-align:middle;}
.cell-img {height: 90px; padding: 5px 10px; text-align: center;}
.cell-img img { width:60px; height:81px;}
.bdrcbcbcb {border:1px solid #cbcbcb;}

/*=======dtsang===========*/
.lgdtt{height:60px;}
.bgbar{ background: url("Images/bgr_menu.jpg") center left repeat-x; height:32px;}
.cnt_l{width:230px;padding:4px 0px 4px 4px;}
.cnt_l ul li{display:inline ;float:left;}
.cnt_l_img {width:87px;height:112px;}
.start-img{width:18px;height:18px;}
.cnt_l ul li p{border:solid 1px #c6c6c6; width:87px;height:112px; padding:6px;margin-right:4px; margin-bottom:10px; }
.cnt_l ul li span{float:left;}
a.dtt { color:#3d97d3; text-decoration:none; font-weight:bold; padding-right:10px; cursor:pointer;}
a:hover.dtt {text-decoration:underline;}
.cnt_l ul div {padding:3px 0px;}

.ovf{overflow:hidden;}
.cnt_r{overflow:hidden;min-height:700px;}
.bdr_dtt{border-left:solid 4px #f2f5fb;}
.icoslideL{cursor:pointer; background: url("Images/previous.jpg") center left no-repeat; width:8px;height:10px;}
.icoslideC{cursor:pointer; background: url("Images/ngan_cach.jpg") center left no-repeat; width:4px;height:10px;}
.icoslideR{cursor:pointer; background: url("Images/next.jpg") center left no-repeat; width:8px;height:10px;}
.icoslideL:hover{cursor:pointer; background: url("Images/previous_hover.jpg") center left no-repeat; width:8px;height:10px;}
.icoslideR:hover{cursor:pointer; background: url("Images/next_hover.jpg") center left no-repeat; width:8px;height:10px;}


.bg-main-menu2{ background: url("Images/bg-main-menu2.jpg") center left repeat-x; height:48px;}
.icozoomout{cursor:pointer; background: url("Images/zoom_out.png") center left no-repeat; width:30px;height:24px;margin:13px 3px 13px 10px;}
.icozoomout:hover{cursor:pointer; background: url("Images/zoom_outs.png") center left no-repeat; width:30px;height:24px;margin:13px 3px 13px 10px;}

.icozoomin{cursor:pointer; background: url("Images/zoom_in.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}
.icozoomin:hover{cursor:pointer; background: url("Images/zoom_ins.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}

.ico1page{cursor:pointer; background: url("Images/1_page.png") no-repeat; background-position:center left;width:30px;height:24px; margin:13px 3px; float:left;}
.ico1page:hover{cursor:pointer; background: url("Images/1_pages.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;float:left;}
.ico1pages{cursor:pointer; background: url("Images/1_page_s.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;float:left;}

.ico2page{cursor:pointer; background: url("Images/2_page.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}
.ico2page:hover{cursor:pointer; background: url("Images/2_pages.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}
.ico2pages{cursor:pointer; background: url("Images/2_page_s.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}

.iconpage{cursor:pointer; background: url("Images/thumbnail.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}
.iconpage:hover{cursor:pointer; background: url("Images/thumbnails.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}
.iconpages{cursor:pointer; background: url("Images/thumbnail_s.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}

.icofullview{cursor:pointer; background: url("Images/full_screen.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}
.icofullview:hover{cursor:pointer; background: url("Images/full_screens.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}
.icofullviews{cursor:pointer; background: url("Images/full_screen_s.png") center left no-repeat; width:30px;height:24px; margin:13px 3px;}

.icopre{cursor:pointer; background: url("Images/previous.png") center left no-repeat; width:30px;height:24px; margin: 13px -9px 13px 3px;}
.icopre:hover{cursor:pointer; background: url("Images/previouss.png") center left no-repeat; width:30px;height:24px; margin: 13px -9px 13px 3px;}

.iconext{cursor:pointer; background: url("Images/next.png") center left no-repeat; width:30px;height:24px; margin:13px 3px 13px 0px;}
.idate{cursor:pointer; background: url("Images/Icon_calendar_day.png") center left no-repeat; width:20px;height:20px; padding-left:20px;}

.iconext:hover{cursor:pointer; background: url("Images/nexts.png") center left no-repeat; width:30px;height:24px; margin:13px 3px 13px 0px;}
.gach{color:Gray; height:30px;padding-top:13px;font-size:18px;padding-left: 5px;padding-right: 5px;}
.colorml{color:#3b8ac9;margin: 10px 0px 13px 3px; font-weight:bold;}
.iconMucluc{cursor:pointer; background: url("Images/tam_giac.png") center right no-repeat; height:18px;padding-right:10px;}

.dtt_input{color:#3b8ac9;margin: 15px 0px 13px 3px; font-weight:bold;}
.b{font-weight:bold;}
.mucluc{}
.mucluc2{clear:both;width:400px;}
.dtt_title{color:White;font-weight:bold;font-size:12pt; padding-top:5px;padding-left:10px;}
.ml8{padding-top:8px;}
#cnt_mucluc{clear:both;overflow:auto; max-height:400px;margin-right:-5px;}
.mucluc1 .bvnbTL{background-image:url('Images/top_left.png');background-repeat:no-repeat;height:8px;width:100%; background-position:left bottom;}
.mucluc1 .bvnbTC{background-image:url('Images/middle_top.png');background-repeat:repeat-x;height:8px; background-position:left bottom; margin-left:8px;margin-right:8px;}
.mucluc1 .bvnbTR{background-image:url('Images/top_right.png');background-repeat:no-repeat;height:8px;width:100%; background-position:right bottom;}

.mucluc1 .bvnbCL{background-image:url('Images/middle_lef_doct.png');background-repeat:repeat-y;width:100%; background-position:left center;}
.mucluc1 .bvnbCC{background-color:#FFFFFF;}
.mucluc1 .bvnbCR{background-image:url('Images/middle_right.png');background-repeat:repeat-y;width:100%; background-position:right center;}


.mucluc2 .bvnbTL{background-image:url('Images/top_left.png');background-repeat:no-repeat;height:8px;width:100%; background-position:left bottom;}
.mucluc2 .bvnbTC{background-image:url('Images/middle_top.png');background-repeat:repeat-x;height:8px; background-position:left bottom; margin-left:8px;margin-right:8px;}
.mucluc2 .bvnbTR{background-image:url('Images/top_right.png');background-repeat:no-repeat;height:8px;width:100%; background-position:right bottom;}

.mucluc2 .bvnbCL{background-image:url('Images/middle_lef_doct.png');background-repeat:repeat-y;width:100%; background-position:left center;}
.mucluc2 .bvnbCC{background-color:#FFFFFF;}
.mucluc2 .bvnbCR{background-image:url('Images/middle_right.png');background-repeat:repeat-y;width:100%; background-position:right center;}

.mucluc2 .bvnbBL{background-image:url('Images/bottom_left.png');background-repeat:no-repeat;height:8px;width:100%; background-position:left top;}
.mucluc2 .bvnbBC{background-image:url('Images/middle_bottom.png');background-repeat:repeat-x;height:8px; background-position:left top; margin-left:8px;margin-right:8px;}
.mucluc2 .bvnbBR{background-image:url('Images/bottom_right.png');background-repeat:no-repeat;height:8px;width:100%; background-position:right top;}
.mucluc2 span{text-align:right;}
#cnt_mucluc .pl {cursor:pointer;}
#cnt_mucluc .line0{margin-right:10px; padding:8px 0px; color:GrayText; cursor:default;}
#cnt_mucluc .line{margin-right:10px; padding:8px 0px; color:#3b8ac9; }
#cnt_mucluc .line p{text-decoration:none;}
#cnt_mucluc .line p:hover{text-decoration:underline;}

#cnt_mucluc .bodr{border-bottom:solid 1px #dadada;}
.trf{background-color:Transparent;border:solid 0px Transparent;}
.icoSearch{background-image:url('Images/home-search-btn.jpg');background-repeat:no-repeat;height:27px;width:44px; background-position:left center;}

.icoUS{background-image:url('Images/icoUS.jpg');background-repeat:no-repeat;height:11px;width:16px; background-position:left center; margin:0px;padding:0px;position: relative;display: block;}
.icoVN{background-image:url('Images/icoVN.jpg');background-repeat:no-repeat;height:11px;width:16px; background-position:left center;margin:0px;padding:0px; position: relative;display: block;}

/*tai phan mem*/
.sof_dow { width:875px; margin:0 auto; border:1px solid #cccccc; color:#666666; line-height:150%;}
.sof_dow div {}
.sof_dow h4,h5,h6 { font-size:9pt; color:#676767; font-weight:bold;}
.sof_dow h4 { float:left; width:150px; font-size:10pt;}
.sof_dow h3 { color:#0089cf; font-size:13pt; margin:0px; padding:0px; }
.so_dn_ct { padding:30px 45px;}

.round_bdr h1 { height:14px; overflow:hidden; background: url("Images/rnd_top.jpg") top left no-repeat;}
.round_bdr h2 { height:14px; overflow:hidden; background: url("Images/rnd_bt.jpg") top left no-repeat;}
.rnd_ce {background: url("Images/rnd_ce.jpg") repeat-y; padding:5px 15px;}
.des_ct h5 { width:100px; float:left; font-weight:normal;}
.so_re h5 { width:150px; float:left; font-weight:normal;}
.do_ver ul { margin:0px; padding:0px; list-style:none; padding-left:150px;}
.do_ver ul li a { font-weight:bold; padding:5px 0px;}
.pd515 { padding:5px 15px;}
.pro_de p {width: 600px; float: left; text-align: justify;}

/*payment method*/
.payment-method { padding:10px 45px 10px 40px;}
.payment-method h4 { text-transform:uppercase; margin-bottom:10px;}
.card-k4{border:1px solid #c4c4c4; overflow:hidden;}
.ttbank{ padding:10px 0px 0px 10px;font-size:10pt; font-weight:bold;text-decoration:underline;}
.ttcard{  padding:10px 0px 0px 10px;font-size:10pt; font-weight:bold;text-decoration:underline;}
.card-select{float:left; padding:10px; width:771px;overflow:hidden;}
.card-select div { float:left; width:152px;  height:70px;  text-align:left;}
.card-select span { padding:5px;cursor:pointer; }
.card-select label {cursor:pointer; }
.card-select img { padding-bottom:5px; cursor:pointer; max-height:28px;} 

.card_phone{float:left; padding:10px; width:771px;overflow:hidden;}
.card_phone div { float:left; width:152px;  height:50px;  text-align:left;}
.card_phone label {cursor:pointer; }
.card_phone span { padding:5px;cursor:pointer; }
.card_phone img { padding-bottom:5px; cursor:pointer; max-height:28px;} 




.btntrans{background:none; border:solid 0px red; overflow:visible;display:block; color:White; font-weight:bold; font-size:9pt; margin-left:-25px; margin-top:-5px; width:148px; height:24px; font-family:Arial, Tahoma, Verdana; text-align:left; vertical-align:middle; padding-left:24px; cursor:pointer;}
.err_epayment{font-family:Arial;font-size:10pt;color:Black;line-height:20px; font-weight:normal; padding:5px; margin-top:-15px;}
.err_epayment strong{font-weight:bold; color:Red;}
.err_epayment span{font-weight:bold;color:#2986cc;}

/*lich su mua hang*/
.btn_buy_s {background: url("Images/mua_hang.jpg") top left no-repeat; float:left; margin-right:10px;}
.btn_buy_s a{color:White !important; width:93px; height:21px; display:block; text-align:center; padding-top:3px;}
.btn_buy_s a:hover{ text-decoration:none !important;}

.btn_read_s {background: url("Images/doc_truc_tuyen.jpg") top left no-repeat; float:left;}
.btn_read_s a{color:White !important; width:100px; height:21px; display:block; text-align:center; padding-top:3px;}
.btn_read_s a:hover{ text-decoration:none !important;}

.btn_dl_s {background: url("Images/down_load_btn.jpg") top left no-repeat; float:left;}
.btn_dl_s a{width:92px; height:21px; display:block; text-align:center; padding-top:3px; margin-right:10px;}
.btn_dl_s a:hover{ text-decoration:none !important;}
.ico_n1{background-image:url('Images/n1_21_21.png');background-repeat:no-repeat;background-position:left 5px;margin:0px;padding-left:25px;}
.ico_n2{background-image:url('Images/n2_21_21.png');background-repeat:no-repeat;background-position:left 5px;margin:0px;padding-left:25px;}
.ico_n3{background-image:url('Images/n3_21_21.png');background-repeat:no-repeat;background-position:left 5px;margin:0px;padding-left:25px;}

/* error page */
.error-page H4 { padding:5px 10px; color:Red; background-color:#f4f4f4; margin-bottom:5px;}
.error-page ol { padding-left:35px;}
.error-page ol p { padding-left:35px;}
.error-page { color:Gray; padding:10px 50px; line-height:150%;}



.dv-content-datatable-table {border:1px solid #d4d4d4; width:100%;}
.dv-content-datatable-table tr td{ padding:5px;}
.dv-content-datatable-table  tr.dv-content-datatable-title td{ font-weight:bold; border-bottom:1px solid #d4d4d4; background-color:#e0f4ff;}
/*
.dv-content-datatable-header {background:url('Images/bg_table_content.jpg') repeat-x; height:25px; overflow:hidden;}
.dv-content-datatable-header div{background:url('Images/lt_cur_title.jpg') top left no-repeat; height:25px; overflow:hidden;}
.dv-content-datatable-header div div{background:url('Images/rt_cur_title.jpg') top right no-repeat; height:25px; overflow:hidden;}
.dv-content-datatable-header div div p{background:url('Images/ico_title_9dot.png') top left no-repeat; padding-top:5px; padding-left:15px; font-weight:bold; margin-left:10px;}
*/

.calendar-icon { background:url('Images/ic_date.png') no-repeat; width:20px; padding:1px 9px; cursor:pointer;}
.icon-pointer { cursor:pointer;}

.dv-content-alphabet { margin-bottom:10px; padding-left:0px;}
.dv-content-alphabet ul li{ display:inline;}
.dv-content-alphabet ul li a { padding:2px 12px 2px 0px; text-transform:uppercase; color:Black;}
.dv-content-alphabet ul li a:hover {color:#ff1822;}
.tbl_author{border-bottom:solid 1px #d4d4d4;border-right:solid 1px #d4d4d4;}
.tbl_author tr td{padding:5px; color:#000000; font-weight:normal; border-left:solid 1px #d4d4d4; border-top:solid 1px #d4d4d4;}
.tbl_author tr th{padding:5px; color:#000000;  border-left:solid 1px #d4d4d4; border-top:solid 1px #d4d4d4;}
.tbl_author tr td a{font-weight:normal;}

.tbl_ad{border-bottom:solid 1px #d4d4d4;border-right:solid 1px #d4d4d4;}
.tbl_ad tr td{padding:5px; color:#666666;  border-left:solid 1px #d4d4d4; border-top:solid 1px #d4d4d4;}
.tbl_ad th{padding:5px; color:#666666;  border-left:solid 1px #d4d4d4; border-top:solid 1px #d4d4d4;}
.setfAll div, .setfAll a, .setfAll span, .setfAll ul, .setfAll li{font-size:12pt;}
.setfAll a,.setfAll .h3AAA{font-size:14pt; color:Black;}
.titleql{color:#666666; font-size:12pt; font-weight:bold; text-decoration:underline}
.m2r{margin-right:2px;}
.m10tb{margin:10px 0px;}