@charset "utf-8";
/* CSS Document */
body,p,table,tr,td,dt,dl,form,h1,h2,h3,h4,h5,h6,h7,span,strong{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ border:0 none;}
#bd{background:#333333;color: #000000;font-family: verdana,Arial,sans-serif;font-size: 11px;line-height: 130%; margin: auto;    padding: 0;}
.content{ width:1204px; margin:0 auto;}
#header{ color:#F7F7F7; font-size:13px;}
#header .logo{ width:370px; float:left;}
#header .logo img{ padding:20px 0 0 15px; display:inline; float:left; }
#header .logo .status{ float:right; padding-top:30px; padding-left:20px; text-align:right;}
#header .timkiem{ width:615px; float:right; text-align:right;}
#header .top-menu{ padding:5px 0;}
#main-menu{ background:url(../images/bg_step_menu.png) repeat-x; height:25px; padding-left:20px; position:relative;}
#main-menu .facebook{ position:absolute; top:0; right:0; background:url(../images/facebook.png) no-repeat left; padding:3px 5px 6px 25px;}
#main-menu .facebook a{ color:#FFF; font-size:13px;}
#wrapper{ padding:5px; background-color:#F0F0F0; padding-bottom:0px;}
#left{ width:190px; float:left;}
#left .module,#right .module{ margin-bottom:10px; background-color:#FFF;}
#left .title,#right .title{ background: url(../images/blue_light_heading.png) no-repeat left bottom;color: black;height: 27px;line-height:27px; padding-left:30px;}
#right .title2{background: url(../images/bg_boxcat_header.png) no-repeat left top;color: #000000;height: 26px;padding: 5px 0 0;text-indent: 35px;line-height:22px;}
#left .main-module,#right .main-module{ background: none repeat scroll 0 0 #FFFFFF;border-left: 1px solid #FF6803;border-right: 1px solid #FF6803;}
.main-module2{ padding:3px; border:1px solid #CCC;}
.main-module2 #doitac img, .main-module #doitac img{ width:182px;}
#left .left-menu{ margin:0; padding:0; list-style:none;}
#left .left-menu li{ border-bottom: 1px solid #E8EDF3;}
#left .left-menu .m-left{ width:122px; height:50px; float:left; display:block;}
#left .left-menu .m-right{ width:63px; height:50px; float:right; padding-right:3px; line-height:50px;}
#left .left-menu .m-right table{ height:50px; text-align:right; width:100%;}
#left .left-menu .m-right img{ 
	max-width:62px; width: expression(this.width > 62 ? 62: true);
	max-height:45px; width: expression(this.height > 45 ? 45: true);
	border:0 none;
}
.module .end{ border:0 none; height:5px; background:url(../images/bg_boxcat_header.png) no-repeat right bottom;}
#left .left-menu li.submenu{ border: 0 none;}
#left .left-menu li.submenu a{ font-weight:normal; border:0 none; padding:3px 3px 3px 15px;}
#left .left-menu a{ display:block; font-weight:bold; font-size:12px; padding:10px 2px 10px 5px;}
#left .left-menu a:hover{ color: #DF7100;font-weight: bold;text-decoration: none;}
#left .left-menu a.l_select{ color: #DF7100;font-weight: bold;text-decoration: none;}
#left .left-menu .active{ color:#19b1ff;}
#left .left-menu ul{ margin:0; padding:0; list-style:none;}
#body{ width:100%; float:left;}
#slide{ height: auto; border:1px solid #CCC;clear: both; padding:10px;}
#slide #slide-image{ overflow: hidden;}
#slide #slide-image ul li {
    height: 190px;
	padding:1px;   
        width: 143px !important;
	list-style:none;
	float:left;
	text-align:center;
}
#slide #slide-image ul li img{
    
    margin: auto;
	
	}
#slide #slide-image ul {
    list-style-type: none;
	overflow:hidden;
	padding:0px;
	
    
}

#right{ width:190px; float:right; z-index:1;}
#footer11{background: url(../images/bg_tile_emice.jpg) repeat-x left top #FF5927;color: #FFFFFF;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC; color:#FFF;}
#footer a{ color:black;}
#center{ margin-left:5px; border:1px solid #CCC;}
#center .title-chitiet{ background:url(../images/bg_title2.gif) repeat-x; height:30px; line-height:30px; padding-left:10px;}
#center #noidung{ padding:10px; background:url(../images/dot-double.gif) repeat-x top; line-height:150%;}
#center #noidung #news-item { padding: 0 0 10px;}
#center #noidung #news-item p {color: #999999;font-size: 11px;}
#center #noidung #news-item h4 { font-size:14px; padding-bottom:5px;}
#center #noidung #readmore {border-bottom: 1px dotted #CCCCCC;height: 30px;line-height: 30px;margin-top: 5px; padding-right: 10px;text-align: right;}
#center #noidung a{ color:#0066FF;}
#center #noidung img{ padding:5px 0;max-width:700px; width: expression(this.width > 700 ? 700: true);}
#center #noidung a:hover{ color:#F30;}
#center #noidung .tinkhac{ font-size:12px; margin-top:5px; background:url(../images/bg_title.gif) no-repeat left; padding-left:15px; font-weight:normal; overflow:hidden;}
#phan-trang{margin:10px 0 5px 0;padding-left:10px;line-height:30px;}
#phan-trang span{border: 1px solid #D7D7D7;color: #666;padding: 3px 7px;margin:2px;}
#phan-trang span.current{ background-color:#21903C; color:#FFF;border:0 none;}
#news-item-img {float: left;width: 170px;}
#news-item img {float: left;margin-top: 3px;padding: 3px;width: 150px;}


ul.tintuc{ width:745px; float:right; margin:0; padding:0; list-style:none;}
ul.tintuc li{ width:365px; height:200px; margin-bottom:15px; border: 1px solid #CCCCCC;overflow: hidden;}
ul.tintuc li h3{ background: url(../images/bg_title2.gif) repeat-x;height: 30px;position: relative; line-height:30px; padding-left:10px;}
ul.tintuc li h3 a{color: #333333;}
ul.tintuc li .noidung{background:url(../images/dot-double.gif) repeat-x center top;padding:5px;}
ul.tintuc li .tieudiem img{ width:100px; height:100px; float:left;}
ul.tintuc li .tieudiem div{ width:250px; float:right;}
ul.tintuc li .tieudiem div a{ font-weight:bold; color:#069;}
ul.tintuc li .tieudiem div a:hover{ text-decoration:underline;}
ul.tintuc li .tieudiem div p{ display:block; height:64px; overflow:hidden; padding-top:5px;}
ul.tintuc li .noidung ul{ padding:0; margin:0; list-style:none; padding-top:10px;*padding-top:5px;}
ul.tintuc li .noidung ul li{ width:98%; height:16px; line-height:16px; overflow:hidden; border:0 none; margin:0; padding:0; background:url(../images/bg_title.gif) no-repeat left; padding-left:10px;}

.list-sanpham{ margin:0; padding:0; list-style:none;}
.list-sanpham li{ width: 255px; float:left; margin-bottom:20px; display:block;}
.list-sanpham .item{ float:right; width:235px; height:280px; background-color:#939292;}
.list-sanpham .name{ text-align:center; padding:0 5px; height:34px; line-height:34px; overflow:hidden;}
.list-sanpham .name a{text-transform:uppercase; color:#000; font-weight:bold;}
.list-sanpham .name a:hover{ text-decoration:underline;}
.list-sanpham .view{ height:34px; padding:5px 18px; line-height:34px;}
.list-sanpham .pic img{
	max-width:200px; width: expression(this.width > 200 ? 200: true);
	max-height:200px; width: expression(this.height > 200 ? 200: true);
	vertical-align:middle;
}
.list-sanpham .pic{width:200px;height:200px;background-color:#FFF;line-height:200px;text-align:center;margin:0 auto;overflow:hidden;}
.list-sanpham .pic a{ line-height:200px; vertical-align:middle;}
.list-sanpham .chitiet a{ color:#333; font-weight:bold; background-color:#19b1ff; padding:6px 14px;*padding:6px 12px;}
.list-sanpham .chitiet a:hover{ color:#FFF;background-color:#333;}
.list-sanpham .addcart a{ color:#333; font-weight:bold; background-color:#19b1ff; padding:6px 14px; *padding:6px 12px;}
.list-sanpham .addcart a:hover{color:#FFF; background-color:#333;}
.title-home{ padding:2px 35px;}
#wrapper-home{ border:1px solid #CCC; padding:5px; margin-bottom:5px;}
#wrapper-home a{  clear: both;color: #3B77AB;display: block;font-size: 12px;text-decoration: underline;}
#wrapper-home .tin-home ul{color: #3B77AB;}
#wrapper-home .tin-home li{margin: 0 0 0 5px;padding: 3px 0;text-align: justify;}
#wrapper-home .image-home{ width:210px; float:left;}
#wrapper-home .tin-home{ float:right; width:370px;}
.quangcao-home img{ width:995px;}
.quangcao-menu{ background-color:#FFF; text-align:left;}
.quangcao-menu img{width: expression(this.width > 1004 ? 1004: true);width:1204px;}
.title-sanpham{ background:url(../images/title-sanpham.jpg) repeat-x; margin: 5px 0 0; height:28px; line-height:28px; text-transform:uppercase; color:#FFF; padding-left:15px; font-size:12px;}
.title-sanpham a{ color:#FFF; font-size:14px;}
.title-sanpham a:hover{ text-decoration:underline;}
.wrapper-sanpham{margin-bottom: 4px;margin-top: 1px;font-size:12px;}
.wrapper-sanpham ul{ margin:0; padding:0; list-style:none;border: 1px solid #CCCCCC;}

.wrapper-sanpham ul li{text-align:center; width: 16.4%; float:left; height:280px;border:1px solid #F0F0F0;}
.wrapper-sanpham ul li:hover{border:1px solid #39acac;}
.wrapper-sanpham .img-sanpham{margin: 5px;padding: 5px 0 0;text-align: center;_margin: 2px;_padding: 2px 0 0; position:relative;}
.hinhanh{ position:relative;}
.wrapper-sanpham .img-sanpham img{border: 1px solid #EAEBEB; width:160px; height:160px;}
.wrapper-sanpham .tit-sanpham{font-weight: bold;padding: 3px 5px;text-align: center;line-height:140%;font-size:12px;height:32px; overflow:hidden}
.wrapper-sanpham .img-sanpham img.hot{ position:absolute; width:30px; height:auto; border:none; left:9px; top:9px;}

img.hot2{ position:absolute; width:30px; height:auto; border:none; left:9px; top:9px;}

.img-sanpham img.hot1{ position:absolute; width:30px; height:auto; border:none; left:12px;top:0px;}

.wrapper-sanpham .img-sanpham img.sale{ position:absolute; width:55px; height:auto; border:none; right:10px; bottom:10px;}
img.hot{ position:absolute; width:30px; height:auto; border:none; left:10px; top:10px;}
img.sale{ position:absolute; width:55px; height:auto; border:none; right:10px; bottom:10px;}
.hinhanh img.sale{ position:absolute; width:100%; height:auto; border:none; right:15px !important; top:120px !important;}
img.khuyenmai-single{
	 height: 25px !important;
    left: 125px !important;
    top: 5px !important;
    width: 50px !important;
}
.img-sanpham img.khuyenmai {
    
  height: 25px !important;
    left: 75px !important;
    top: 5px !important;
    width: 50px !important;
}
.wrapper-sanpham .gia-sanpham{ text-align:center; font-weight:bold; height:32px; line-height:130%; font-size:12px;}
.wrapper-sanpham .baohanh-sanpham{ text-align:center; height:20px; padding-top:3px;_padding-top:1px; clear:both;}
.title-tintuc{ color: #422905;font-family: Arial,sans-serif;font-size: 17px;font-weight: bold;padding-top: 10px;}
.item-tintuc{ padding-top:15px; border-bottom:1px dotted #CCC; padding-bottom:5px;}
.item-tintuc .ngaydang{color: #848484; padding:5px 17px;}
.item-tintuc .trichdan{ width:460px; float:left;}
.item-tintuc .hinhanh{ width:100px; float:right; padding-right:10px;}
.item-tintuc .hinhanh img{ width:100px; height:65px;}
.noidung-tintuc{ padding-top:10px; line-height:210%;}
#lien-ket-mxh {margin-top: 20px;padding-right: 10px;text-align: right;}
#lien-ket-mxh img {width: 30px;}
.chitiet-hinhanh{ padding:20px 0;}
.chitiet-hinhanh .hinhanh{ width:295px; float:left; text-align:center;}
.chitiet-hinhanh .hinhanh .anh-sp{ width:400px;}
.chitiet-hinhanh .gia{ padding:5px; line-height:25px; font-weight:bold; font-size:16px; padding-left:0px;}
.chitiet-hinhanh .xemthem{ padding-left:150px; float:left; width:540px;margin-top:-30px;}
.chitiet-hinhanh .xemthem h3{color: #000000;font-family: Arial,sans-serif;font-size: 12px;font-weight: bold;padding: 4px 35px; background-color:#FFD796;}
.chitiet-hinhanh .list{ height:215px; overflow-x:hidden; overflow-y:scroll;}
.chitiet-hinhanh .list ul{ margin:0; padding: 4px 10px; list-style:none;}
.chitiet-hinhanh .list ul li{ padding-bottom:2px;}
.chitiet-hinhanh .list ul span{ float:left; width:235px; padding-top:25px;}
.chitiet-hinhanh .list ul img{ float:left; padding-right:10px; width:100px; height:100px;}
.chitiet-sanpham{z-index:2; line-height:150%;
margin-top:-20px;
width:600px;
}
.chitiet-sanpham img{
	height:auto !important;
	max-width:595px; width: expression(this.width > 595 ? 595: true);
	padding:5px 0;
}
.chitiet-sanpham .mota{ color: #245E83;
    font-size: 14px;
    font-weight: bold;
    text-indent: 10px; padding:5px 0;}
.tabcart td{ padding:5px 3px;}
div.panel_input_line {
    margin: 5px 0;
}
div.txt-title {
    border: 0 solid #FF0000;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding-right: 5px;
    text-align: right;
    width: 100px;
}
div.txt-object {
    border: 0 solid #FF0000;
    float: left;
    font-size: 11px;
    width: 65%;
}
.main-module .tong {
    background: url(../images/cart.png) no-repeat left center;
    height: 64px;
}
.main-module .tong table{ height:64px;}
.main-module .tong table td{ text-align:center;}
.main-module .tong .num {
    float: left;
    font-size: 45px;
    font-weight: bold;
    padding-left: 13px;
    width: 54px;
	padding: 2px;
    text-indent: 4px;
	color:#FFF;
}
.main-module .tong .text {
    font-size: 14px;
    text-align: center;
	color:#039;
}
.main-module .tien {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
}
.main-module .xemgio {
    margin-top: 10px;
}
.main-module .xemgio span.nut {
    background: url(../images/viewcart.png) no-repeat;
    display: inline-block;
    float: right;
    height: 46px;
    width: 143px;
}
.main-module .xemgio span.text {
    display: none;
}
.tags{ padding:10px 0; text-align:center;}
.tags a{ padding:0 6px 0 4px;}

.block_comment{ margin-top:20px; margin-bottom:20px;}
.block_comment .title{ height:25px; background:#666; color:#FFF; line-height:25px; padding-left:10px;}
.block_comment .form{ padding:10px; background:#FFF; border:1px solid #ccc;}
.block_comment .listcomment{
	max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.clr,.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd20{ padding:20px;}
.pdt3{ padding-top:3px;}
.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;font-size:12px;}
.pdl15{ padding-left:15px;}
.bdt{ border-top:1px solid #ccc;}
.bdt2{ border-top: 1px dotted #EBEBEB;}
.do{ color:#F00;font-size:14px;}
.br5258 div{
	float:left;
}
.br5258{
	margin-bottom:10px;
}


.popupBottom {
border: 1px solid rgba(0, 0, 0, 0.3);
bottom: 0;
position: fixed;
right: 15px;
background: none repeat scroll 0 0 #FFFFFF;
color: #5F6A72;
}

.popupBottom .popupBottomHead {
display: inline-block;
height: 25px;
background: none repeat scroll 0px 0px rgb(193, 39, 45);
color: white;
width: 225px;
line-height: 25px;
cursor: pointer;
}

.thread-khuvuc{
display:block;

border: 0px solid #CCC;

font-size:13px;

}
.title-khuvuc{
 border-bottom:1px solid black;
}
.br5258 a{
color:#7A26E6;
}
.salex{
position: absolute;
width: 35px;
height: auto;
border: none;
right: 11px;
bottom: 1px
;background-color:#d4232b;
color:white;
padding:4px;
}
.salex2{
display:none;
position: absolute;
width: 100px;
height: auto;
border: none;
right: 37px;
bottom: 20px;

background-color:#FFDD00;
color:white;
padding:6px 4px;
text-transform: uppercase;
    font-family: Tahoma,sans-serif;
    font-weight: bold;
    font-size: 1.2em;


}
.wrapper-sanpham ul li:hover .salex2{
display:block;
}