﻿.horizalmenu{border:solid 1px red}
.horizalmenu .bgmenu{background:url(../pic/topmenu/3.gif) repeat-x;height:37px;}
.horizalmenu .bgmenu a.title{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:inline-block;padding:10px 0 0 0px;text-align:center}
.horizalmenu .bgmenu a.title:hover{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:inline-block;padding:10px 0 0 0px;text-align:center}
.horizalmenu .bgmenu .ngan{display:inline-block;margin:10px 0 0 0}

.leftmenu{border:solid 1px red;padding:3px;width:175px}
.leftmenu .bgmenu{background:url(../pic/leftmenu/bgleftmenu.gif) no-repeat;height:35px}
.leftmenu .bgmenu .title{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:0 0 0 14px}
.leftmenu a.titlecate{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:5px 0 5px 15px;text-align:left}
.leftmenu a.titlecate:hover{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:5px 0 5px 15px;text-align:left}
.leftmenu a.titlesubcate{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 3px 35px;text-align:left}
.leftmenu a.titlesubcate:hover{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 3px 35px;text-align:left}

.countperson{}
.countperson .bgmenu{background:url(../pic/leftmenu/khungtabmenu.png) no-repeat;height:30px}
.countperson .title{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:3px 0 3px 15px;text-align:left}
.countperson .content{border-bottom:solid 1px red;border-right:solid 1px red;border-left:solid 1px red;padding:5px 15px 10px 15px}
.countperson .content .txt{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 3px 0px;text-align:left}

.supportonline{}
.supportonline .bgmenu{background:url(../pic/leftmenu/khungtabmenu.png) no-repeat;height:30px;}
.supportonline .titlesupport{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:3px 0 3px 5px;text-align:center}
.supportonline .content{border-bottom:solid 1px red;border-right:solid 1px red;border-left:solid 1px red;width:174px;padding-bottom:6px}
.supportonline .content .txt{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 6px 0px;text-align:center}

.hotnews{padding:5px 0 0 0}
.hotnews .bgmenu{background:url(../pic/leftmenu/khungtabmenu.png) no-repeat;height:30px;width:174px}
.hotnews .titlenews{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:3px 0 3px 5px;text-align:center}
.hotnews .content{border-bottom:solid 1px red;border-right:solid 1px red;border-left:solid 1px red;width:174px}
.hotnews .content .txt{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 6px 0px;text-align:center}
.hotnews .content a.titlenews{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:4px 4px 4px 0;text-align:justify}
.hotnews .content a.titlenews:hover{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:4px 4px 4px 0;text-align:justify}
.hotnews .content .imgicon{display:block;margin:8px 4px 0 4px}

.aboutproducts{border:solid 1px red;width:100%}
.aboutproducts .bgmenu{background:url(../pic/topmenu/3.gif) repeat-x;height:37px;text-align:left}
.aboutproducts .bgmenu .title{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:inline-block;padding:10px 0 0 0px}
.aboutproducts .bgmenu a.titlemodulproduct{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:inline-block;padding:10px 0 0 0px}
.aboutproducts .bgmenu a.titlemodulproduct:hover{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:inline-block;padding:10px 0 0 0px}
.aboutproducts .content{border:solid 1px #ededed}
.aboutproducts .content a.title{font-family:Tahoma;font-weight:bold;font-size:11px;color:Black;display:block;padding:4px 0}
.aboutproducts .content a.title:hover{font-family:Tahoma;font-weight:bold;font-size:11px;color:Black;display:block;padding:4px 0}
.aboutproducts .content .key{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:block;padding:4px 0}
.aboutproducts .content .desc{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:block;padding:4px 0}
.aboutproducts .content .newprice{font-family:Tahoma;font-weight:normal;font-size:11px;color:Red;display:block;padding:4px 0}
.aboutproducts .content .oldprice{font-family:Tahoma;font-weight:normal;font-size:11px;color:#ddd;display:block;padding:4px 0}
.aboutproducts .content .card{display:block;padding:4px 0}
.aboutproducts .content .imgproducts{border:solid 1px red;z-index:-1}
.aboutproducts .spacepages{padding:4px 0}
.aboutproducts .spacepages a{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:inline-block;}
.aboutproducts .spacepages a:hover{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:inline-block;padding:}

.hotproducts{border:solid 1px red}
.hotproducts .bgmenu{background:url(../pic/topmenu/3.gif) repeat-x;height:37px;text-align:left}
.hotproducts .bgmenu .title{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:inline-block;padding:10px 0 0 0px}
.hotproducts .content{}
.hotproducts .content a.title{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:4px 0}
.hotproducts .content a.title:hover{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:4px 0}
.hotproducts .content .key{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:block;padding:4px 0}
.hotproducts .content .desc{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:block;padding:4px 0}
.hotproducts .content .newprice{font-family:Tahoma;font-weight:normal;font-size:11px;color:Red;display:block;padding:4px 0}
.hotproducts .content .oldprice{font-family:Tahoma;font-weight:normal;font-size:11px;color:#ddd;display:block;padding:4px 0}
.hotproducts .content .card{display:block;padding:4px 0}
.hotproducts .content .imgproducts{width:180px;border:solid 1px #ededed}
.hotproducts .content .img{float:left;width:200px}

.detailproducts{padding:10px;border:solid 1px red}
.detailproducts{}
.detailproducts .contentdetail .title{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:4px 0}
.detailproducts .txtaboutproducts{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:block;padding:6px 0 4px 0}
.detailproducts .contentdetail .key{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:block;padding:4px 0}
.detailproducts .contentdetail .desc{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:block;padding:4px 0}
.detailproducts .contentdetail .newprice{font-family:Tahoma;font-weight:normal;font-size:11px;color:Red;display:block;padding:4px 0}
.detailproducts .contentdetail .oldprice{font-family:Tahoma;font-weight:normal;font-size:11px;color:#ddd;display:block;padding:4px 0}
.detailproducts .contentdetail .aroundimg{float:left;width:200px}
..detailproducts .contentdetail .card{display:block;padding:4px 0}
.detailproducts .contentdetail a.viewlargimg{font-family:Tahoma;font-weight:normal;font-size:12px;color:Blue;display:block;padding:4px 0;text-align:center}
.detailproducts .contentdetail a.viewlargimg:hover{font-family:Tahoma;font-weight:normal;font-size:12px;color:Blue;display:block;padding:4px 0;text-align:center}

/*NEWS*/
/*Index news*/
div .indexnews{display:block;padding:1px 0 4px 0}
div .indexnews .bgtab span{font-family:Tahoma;font-weight:bold;font-size:12px;color:White;display:block;padding:4px 0 0 5px}
div .indexnews .bgtab{background:url(../pic/topmenu/3.gif) repeat-x;height:37px;text-align:left}
div .indexnews .bgtab span{font-family:Tahoma;font-weight:bold;font-size:12px;color:Black;display:inline-block;padding:10px 0 0 0px}
div .indexnews .cstitle .bgspecialproducts{background-image:url(../pic/specialproducts/b3.gif);background-repeat:repeat-x;width:100%}
div .indexnews .cstitle .title{font-family:Tahoma;font-weight:bold;font-size:12px;color:White;display:block;padding:0 0 0 10px}
div .indexnews .cscontent{display:block;padding:3px 3px 3px 3px}
div .indexnews .cscontent a.title{font-family:Tahoma;font-weight:bold;font-size:11px;color:#2e8eba;display:block;padding:3px 0 3px 5px}
div .indexnews .cscontent a.title:hover{font-family:Tahoma;font-weight:bold;font-size:11px;color:#2e8eba;display:block;padding:3px 0 3px 5px}
div .indexnews .cscontent .desc{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 3px 0px}
div .indexnews .cscontent a.viewdetail{font-family:Tahoma;font-weight:normal;font-size:11px;color:Blue;display:block;padding:3px 10px 3px 0px}
div .indexnews .cscontent a.viewdetail:hover{font-family:Tahoma;font-weight:normal;font-size:11px;color:Blue;display:block;padding:3px 10px 3px 0px}

/*Detail news*/
div .detailnews{}
div .detailmews .titlenew{font-family:Tahoma;font-weight:Bold;font-size:12px;color:Black;display:block;padding:3px 0 3px 5px}
div .detailmews .time{font-family:Tahoma;font-weight:Bold;font-size:11px;color:#dddddd;display:block;padding:3px 0 3px 5px}
div .detailmews .desc{font-family:Tahoma;font-weight:Bold;font-size:11px;color:Black;display:block;padding:3px 0 3px 5px}
div .detailmews .content{display:block;padding:4px 10px 4px 10px}
div .detailmews .author{font-family:Tahoma;font-weight:Bold;font-size:11px;color:Black;display:block;padding:3px 10px 3px 0px;text-align:right}

.footerweb{display:block;padding:5px;background-color:#ffb3b3}
.footerweb a.linkaboutus{font-family:Tahoma;font-weight:normal;font-size:11px;color:Blue;display:inline-block;padding:3px 0 3px 0px}
.footerweb a.linkaboutus:hover{font-family:Tahoma;font-weight:normal;font-size:11px;color:Blue;display:inline-block;padding:3px 0 3px 0px}
.footerweb .space{font-family:Tahoma;font-weight:normal;}
.footerweb a.lnkmodul{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:inline-block;padding:3px 10px 3px 0px}
.footerweb a.lnkmodul:hover{font-family:Tahoma;font-weight:normal;font-size:11px;color:Black;display:inline-block;padding:3px 10px 3px 0px}

/*Search products*/
div .searchproducts{}
div .searchproducts .cscontent{display:block;padding:3px 5px 3px 5px}
div .searchproducts .cscontent a.titleproduct{font-family:Tahoma;font-weight:bold;font-size:11px;color:Blue;display:inline;padding:3px 0 3px 0px}
div .searchproducts .cscontent a.titleproduct:hover{font-family:Tahoma;font-weight:bold;font-size:11px;color:Blue;display:inline;padding:3px 0 3px 0px}
div .searchproducts .cscontent a.cateproduct{font-family:Tahoma;font-weight:bold;font-size:11px;color:Blue;display:inline;padding:3px 0 3px 0px}
div .searchproducts .cscontent a.cateproduct:hover{font-family:Tahoma;font-weight:bold;font-size:11px;color:Blue;display:inline;padding:3px 0 3px 0px}
div .searchproducts .cscontent .desc{font-family:Tahoma;font-weight:normal;font-size:12px;color:black;display:block;padding:3px 0 3px 0px}
div .searchproducts .cscontent a.link{font-family:Tahoma;font-weight:normal;font-size:12px;color:Green;display:inline;padding:3px 0 3px 0px}
div .searchproducts .cscontent a.link:hover{font-family:Tahoma;font-weight:normal;font-size:12px;color:Green;display:inline;padding:3px 0 3px 0px}
div .searchproducts .cscontent .time{font-family:Tahoma;font-weight:normal;font-size:12px;color:Gray;display:inline;padding:3px 0 3px 0px}
div .searchproducts .cuontproduct{display:block;padding:3px 0px 3px 3px;text-align:center}
div .searchproducts .cuontproduct .txt1{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 3px 0px}
div .searchproducts .cuontproduct1{display:block;padding:3px 0px 3px 3px;text-align:center}
div .searchproducts .cuontproduct1 .txt2{font-family:Tahoma;font-weight:normal;font-size:12px;color:Black;display:block;padding:3px 0 3px 0px}
div .searchproducts .cuontproduct1 a{font-family:Tahoma;font-weight:normal;font-size:12px;color:Blue;display:inline;padding:2px 0 2px 0px}
div .searchproducts .cuontproduct1 a:hover{font-family:Tahoma;font-weight:normal;font-size:12px;color:Blue;display:inline;padding:2px 0 2px 0px}

/*Star thumb*/
.thumbnail{position: relative;}
.thumbnail:hover{background-color: transparent;z-index: 0;}
.thumbnail span{position: absolute;background-color:#3097fe;padding:2px;left:-1000px;border: 1px dashed gray;visibility: hidden;color: black;text-decoration: none;z-index: 1150;}
.thumbnail span img{border-width: 0;padding: 2px}
.thumbnail:hover span{visibility: visible;bottom:100;left: -180px}
/*End thumbnail*/