﻿body
{
    padding:0px; margin:0px; font-size:13px; font-family:Arial;
}
.width1000{width:1000px; margin:auto;}
ul{list-style:none; margin:0px; padding:0;}
.clear{clear:both;}
.playtext{padding:5px 10px; color:#f6ff00; background:#a71814; font-style:italic; margin:0 10px; margin-bottom:1px;}
.playtext p{margin:0px;}
.btn-primary{background:#a11810; border:none; color:#fff;}
.btn-primary:hover{background:#cc3333;}

/*menu top, slide và search*/
.bg-slide{background:url(/Content/themes/website/images/bg-slide.png); padding:5px 0 10px;}
.menu-top{border-bottom:2px solid #a11810; margin-bottom:10px; background:url(/Content/themes/website/images/bg-mntop.png) repeat-x left center;}
.menu-top li{float:left; background:url(/Content/themes/website/images/vach-mntop.png) no-repeat right center; padding:0px 25px; position:relative;}
.menu-top li ul{position:absolute; top:100%; left:0px; z-index:100; background:#ccc; display:none;}
.menu-top li:hover ul{display:block;}
.menu-top li:hover ul ul{display:none;}
.menu-top li ul li:first-child{background:none;}
.menu-top li ul li:hover{background:url(/Content/themes/website/images/bg-home.png) repeat-x left center;}
.menu-top li ul li, .menu-top li ul li:first-child{position:relative; padding-left:10px; padding-right:10px; width:100%; border-top:2px solid #fff;}
.menu-top li ul li:last-child{border-bottom:2px solid #fff;}
.menu-top li ul li a,.menu-top li ul li ul li a{white-space: nowrap; line-height:30px;}
.menu-top li ul li ul{position:absolute; top:-2px; left:100%; background:#ccc; display:none;}
.menu-top li ul li:hover ul{display:block;}
.menu-top li a{line-height:42px; color:#000; text-transform:uppercase;}
.menu-top li:hover a, .menu-top li ul li:hover a, .menu-top li ul li ul li:hover a{color:#fff; text-decoration:none;}
.menu-top li:hover ul a, .menu-top li ul li:hover ul a{color:#000;}
.menu-top li:hover{background:url(/Content/themes/website/images/bg-home.png) repeat-x left center;}
.menu-top li:first-child{background:url(/Content/themes/website/images/bg-home.png) repeat-x left center; padding:0px 20px;}
.menu-top .search{padding: 0px; background:none;}
.menu-top li form{padding: 6px 10px;}
.menu-top li form input{border: none; border-radius: 3px; padding: 5px; width: 200px;}
.menu-top li form button{border: none; background: none;}
.slide-controlleft, .slide-controlright{position:absolute; top:45%;}
.slide-controlleft i, .slide-controlright i{color:#fff; background:#808080; border-radius:50%; width:40px; line-height:40px; text-align:center; font-size:20px; opacity:0.7;}
.slide-controlleft i:hover, .slide-controlright i:hover{opacity:1;}
.slide-controlleft{left:5%;}
.slide-controlright{right:5%;}
#slide{position:relative;}
#slide .carousel-indicators{margin:0px; position:absolute; padding:0px; left:50%; width:auto;}
#slide .carousel-indicators li{height:16px; width:16px; border-radius:50%; background:#fff;padding:0px; margin:0px; border:none}
#slide .carousel-indicators li:hover, #slide .carousel-indicators .active{background:#a11810;}

/*content*/
.bg-content{background:#d1d1d1;}
.content{box-shadow:0 10px 10px 0px #606060; background:#fff;}
.content-left{float:left; width:25%; z-index:11;}
.content-right{float:left; width:75%; z-index:1;}
/*left content*/
.head-left{background:url(/Content/themes/website/images/bg-head.png) repeat-x left center; margin:0px; font-size:15px; text-transform:uppercase; color:#fff; line-height:37px; padding-left:10px; border-top-left-radius:5px; border-top-right-radius:5px;}
.boxleft{margin:5px 10px; border-radius:5px; border:1px solid #ccc;}
.mnleft{padding-left:5px;}
.mnleft li{list-style:url(/Content/themes/website/images/list-stype.png) inside; padding:10px 5px; text-transform:uppercase; border-bottom:1px dashed #ccc;}
.mnleft li ul{display:none; padding-left:20px; }
.mnleft li ul li{border-bottom:0px; border-top:1px dashed #ccc; list-style:none;}
.mnleft li a{font-size:12px; color:#606060; padding-right:20px;}
.mnleft li a:hover{color:#a11810; text-decoration:none;}


/*support*/
.support .phone-sup{float:left; margin:5px 15px;}
.support{margin:5px; border-bottom:1px dashed #ccc; padding:10px 0;}  
.support h3{margin:0px; color:#d93a3a; font-size:13px; font-weight:600; margin-bottom:5px;}
.support p{color:#40b7e6; margin-bottom:0px; font-size:12px;}
.sup-email p{margin-left:10px; color:#606060;}
.sup-email p img{margin:0 10px;}
.sup-email .img-yahoo{text-align:center;}
.sup-email .img-yahoo img{margin:10px;}

/*sản phẩm mới*/
.product-new{text-align:center; padding:10px;}
.product-new a img{margin:auto; border:1px solid #ccc;}
.product-new a img:hover{opacity:0.7;}
.product-new h3{font-size:13px; margin:10px 0;}
.product-new h3 a{color:#000;}
.product-new h3 a:hover{color:#40b7e6;}
.product-new h4 img{border:none;}
.product-new h4 img:hover{opacity:0.7;}
.vert .simply-scroll-clip{height:340px !important;}
.simply-scroll-container{height:357px !important;}

/*content right*/
.head-right{background:url(/Content/themes/website/images/bg-headmain.png) repeat-x left center; line-height:36px; margin:0px; border-top-left-radius:5px; border-top-right-radius:5px; font-size:13px; padding:0px 10px; border-bottom:2px solid #a11810;}
.head-right span{background:url(/Content/themes/website/images/bg-head.png) repeat-x left center; padding:5px 10px 11px; text-transform:uppercase; color:#fff; border-top-left-radius:5px; border-top-right-radius:5px;}
.head-right a{float:right;}
.product{float:left; width:33.3333%; text-align:center; padding:10px 5px;}
.product:hover{background:#eee;}
.product a img{ margin:auto; height:130px; max-width:100%;}
.product h4 img{height:auto;}
.product h4 img:hover, .product a img:hover{opacity:0.7;}
.product h3{font-size:13px; margin:0px; margin-bottom:5px; height:27px; overflow:hidden;}
.product h3 a{color:#000;}
.product h3 a:hover{color:#40b7e6;}
.boxright{margin:5px; border:1px solid #ccc; border-radius:5px;}
.pag-home{text-align:right; padding:10px;}
.pag-home a{border:1px solid #ccc; padding:1px 3px;}
.pag-home .active{background:#a11810; color:#fff; padding:1px 5px;}

/*logo đối tác*/
.logobar{position:relative; background:#eee; border-radius:10px; border:1px solid #ccc; padding:5px 30px; margin:10px;}
#adv-logobar img{width:148px; height:75px; border:1px solid #fff}
#adv-logobar img:hover{border:1px solid #a71814;}
.prevlogobar, .nextlogobar{position:absolute; top:10px; z-index:10;}
.prevlogobar{left:0px;}
.nextlogobar{right:0px;}

/*menu bottom và footer*/
.bg-bottom{margin: 0 10px; background:#ebebeb url(/Content/themes/website/images/bg-mnbottom.png) repeat-x top left;}
.head-mnbottom{margin:0px; font-weight:600; font-size:15px; text-transform:uppercase; color:#a71814; background:url(/Content/themes/website/images/boder-mnbottom.png) repeat-x bottom left; padding-bottom:5px; margin-bottom:10px;}
.mn-bottom{float:left; width:23%; padding:0 10px; padding-top:30px;}
.contact{width:31%;}
.mn-bottom ul li{list-style:url(/Content/themes/website/images/list-mnbottom.png) inside; margin-left:10px; padding:5px 0px;}
.mn-bottom ul li a{color:#000;}
.mn-bottom ul li a:hover{color:#a71814;}
footer{padding:10px; background:url(/Content/themes/website/images/boder-mnbottom.png) repeat-x left top; color:#606060         ;}
.info{float:right;}

/*breadcrumb*/
.breadcrumb{background:url("/Content/themes/website/images/bg-head.png") repeat-x left center; margin:0px; margin-top:5px; color:#fff; border-radius:0px; border-top-right-radius:5px; border-top-left-radius:5px; margin-right:10px;}
.breadcrumb a{color:#000; font-weight:600;}

/*bài viết*/
.social{margin:20px 0;}
.artice-index{border:1px solid #ccc; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:10px 5px 5px; margin-right:10px;}

/*category product*/
.inline{display:inline;}
.cate-prod{padding:10px; margin-right:10px; border:1px solid #ccc; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}

/*new index*/
.new-index{padding:5px; border-bottom:1px dashed #ccc; margin-right:10px;}
.new-index a img{width:30%; height:160px; float:left; padding:3px; border:1px solid #ccc; border-radius:5px;}
.new-index a img:hover{opacity:0.7;}
.newindex-conten{float:left; width:70%; padding:5px; padding-left:10px;}
.newindex-conten h3{text-transform:uppercase; margin:0px; font-size:14px; font-weight:600; line-height:20px; margin:0px 0 10px;}
.newindex-conten span{color:#808080; font-style:italic;}
.newindex-conten p{background:#eee; text-align:justify; margin:5px 0 0; padding:5px;}

/*contact*/
.contact-index{padding:5px; border:1px solid #ccc;  margin-right:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

/*chi tiết sản phầm*/
.product-preview{float:left; width:40%; border-right:1px dashed #ccc; padding-right:5px;}
.product-info{float:left; width:60%; padding:5px;}
.productdetail{padding:10px 5px; margin-right:10px; border:1px solid #ccc; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-bottom:20px;}
#image-small img{width:90px; height:60px; border-radius:3px; margin:5px 0; border:1px solid #ccc;}
#image-small .synced img{border:1px solid #a11810;}
.product-preview img{margin: auto;}
.product-info h1{text-transform:uppercase; font-size:14px; text-align:center; font-weight:600; padding:10px 5px; background:#efefef; border-bottom:1px dotted #ccc; margin:0px; color:#a11810;}
.product-info .codeid span, .rating-reviews span, .description-container span{font-weight:600;}
.product-info .codeid{padding:5px; border-bottom:1px dotted #ccc; background:#efefef}
.product-info .rating-reviews{padding:5px; border-bottom:1px dotted #ccc;}
.product-info .description-container{padding:5px; border-bottom:1px dotted #ccc;}
.product-info .price-container{font-weight:600; padding:5px; border-bottom:1px dotted #ccc; background:#efefef;}
.product-info .price-container .price{font-weight:600; color:#a11810;}
.product-social-link{margin:20px 0;}
#description{padding:10px; border:1px solid #ccc; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:none}

/*new detail*/
.blog-single-post{z-index:1; border:1px solid #ccc; margin-right:10px; padding:10px 5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.blog-des{font-weight: 600; font-style: italic; text-align: justify; margin: 10px 0;}
.blog-single-post h3{margin: 10px 0; font-size: 24px;}
.new-detail{text-align: justify; }
.post-meta-foot{margin:20px 0;}
.related-posts{border-top: 1px dashed #ccc; padding: 10px;}
.related-posts h3{margin: 0px; margin-bottom: 10px; text-transform: uppercase; font-weight: 600; font-size: 16px; color: #a11810;}
.related-posts ul li{padding:3px 0; font-size:13px; font-weight:600;}
.related-posts ul li span{color: #337ab7; padding: 0 10px;}