﻿body
{
    padding:0px;
    margin:0px;
    font-size:13px;
    color:#303030;
    background:url(/Content/themes/website/images/bg_body.png);
}
ul{
    list-style:none;
    padding:0px;
    margin:0px;
}
label{
    color:#606060;
}
.clear{
    clear:both;
}
.home{
    width:984px;
    margin:auto;
}
.inline{
    display:inline;
}
/*padding và margin*/
.p-5{
    padding:5px;
}
.p-left{
    padding-left:5px;
}
.p-right{
    padding-right:5px;
}
.m-top-10{
    margin-top:10px;
}
.m-bottom-10{
    margin-bottom:10px;
}
.p-10{
    padding:10px
}
.m-5{
    margin:5px;
}

/*float*/
.float-left{
    float:left;
}
.float-right{
    float:right;
}

/*banner*/
.banner{
    position:relative;
}
.ensign{
    position:absolute;
    top:10px;
    right:10px;
}
.bk-menu{
    background:#f3f5f5;
    padding:7px 19px;
}
.boder-menu{
    border:1px solid #fff;
    border-radius:5px;
    background:url(/Content/themes/website/images/bk-menu-home.png) repeat-x left center;
}
.menu-main{
    height:38px;
    line-height:38px;
    width:700px;
}
.menu-main .active a{
    color:#0000f6;
    text-decoration:underline;
}
.menu-main li{
    float:left;
    background:url(/Content/themes/website/images/vach-menu.png) no-repeat right center;
}
.menu-main li a{
    line-height:38px;
    text-transform:uppercase;
    color:#222;
    padding:0px 15px;
}
.menu-main li a:hover{
    color:#0000f6;
}
.search{
    width:230px;
    margin-top:5px;
    height:26px;
    margin-right:10px;
    background:#fff;
    border:1px solid #808080;
}
.search input{
    border:none;
    width:189px;
}
.search button{
    border:none;
    background:#fff;
}

/*content*/
.content{
    background:#fff;
}
.slide-control-left{
    position:absolute;
    top:50%;
    left:6%;
}
.slide-control-right{
    position:absolute;
    top:50%;
    right:6%;
}
.carousel-indicators{
    bottom:0px;
}
.slide-control-right i, .slide-control-left i{text-align: center; border-radius: 50%; background: rgb(128, 128, 128) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 20px; height: 40px; line-height: 40px; width: 40px; opacity: 0.7;}
.slide-control-right i:hover, .slide-control-left i:hover{opacity:1;}

/*sản phẩm nổi bật*/
.header{
    border:1px solid #ccc;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom:3px solid #800000;
    background:url(/Content/themes/website/images/bk-menu-home.png) repeat-x;
    height:42px;
    line-height:42px;
    padding:0px 20px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
}
.product{
    width:162px;
}
.img-prod{
    height:130px;
    text-align:center;
}
.img-prod img{
    border:1px solid #ededed;
    max-width:160px;
    height:130px;
}
.img-prod img:hover{
    border:1px solid #e91010;
}
.name-prod{
    height:20px;
    overflow:hidden;
}
.name-prod a{
    color:#0066cc;
    font-size:14px;
}
.name-prod a:hover{
    color:#e91010;
    text-decoration:none;
}
.price-prod span{
    color:#e91010;
}
.img-prod-list{
    width:230px;
    height:200px;
    border:1px solid #808080;
    padding:1px;
    line-height:194px;
    text-align:center;
}
.img-prod-list:hover{
    border:1px solid #e91010;
}
.img-prod-list img{
    max-width:224px;
    max-height:194px;
}
.for-prod-list{
    width:450px;
}
.name-prod-list{
    text-align:center;
    margin:5px 0px;
    border-bottom:1px dashed #ddd;
}
.name-prod-list a{
    font-size:16px;
    text-transform:uppercase;
}
.name-prod-list a:hover{
    color:#e91010;
    text-decoration:none;
}
.price-list{
    margin-bottom:5px;
    border-bottom:1px dashed #ddd;
    padding-bottom:5px;
}
.price-list span{
    color:#e91010;
    font-size:15px;
}
.prod-list{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}
.post-image{
    width:200px;
    border:1px solid #cdcdcd;
    height:150px;
    line-height:146px;
    padding:1px;
    text-align:center;
    border-radius:5px;
}
.post-image:hover{
    border:1px solid #e91010;
}
.post-image img{
    max-width:196px;
    max-height:146px;
    border-radius:5px;
}
.for-post{
    width:520px;
}
.for-post h4{
    margin:5px 0px;
    padding:0px;
    border-bottom:1px dashed #cdcdcd;
}
.for-post h4 a{
    font-size:18px;
}
.for-post h4 a:hover{
    color:#e91010;
    text-decoration:none;
}
.post-meta{
    font-style:italic;
    font-size:13px;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #cdcdcd;
}
.post-content{
    text-align:justify;
    color:#606060;
}
.contact{
    width:350px;
    margin-right:10px;
    margin-left:10px;
}
.btn-primary:hover{
    color:#e91010;
}
.product-preview{
    width:300px;
}
#image-small{
    margin-top:10px;
}
#image-small img{
    width:80px;
    height:60px;
    border:1px solid #aaa;
    border-radius:5px;
}
#image-small img:hover{
    border:1px solid #e91010;
}
#image-small .synced img{
    border:1px solid #e91010;
}
.product-info-block{
    width:445px;
    padding:10px;
}
.product-info h1{
    font-size:16px;
    font-weight:600;
    color:#337ab7;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #cdcdcd;
}
.stock-box{
    color:#606060;
    margin-bottom:5px;
}
.stock-box span{
    color:#337ab7;
    font-size:14px;
}
.description-container{
    color:#606060;
    text-align:justify;
    margin-left:20px;
}
.price-box span{
    color:#e91010;
    font-size:14px;
}
.price-box .price-old{
    font-size:13px;
    color:#808080;
    text-decoration:line-through;
}
.section-title{
    font-size:16px;
}
.section-title span{
    border:1px solid #ccc;
    background:#fff;
    color:#606060;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding:10px 5px;
    border-bottom-color:#fff;
    font-size:16px;
}
.artice-name{
    font-size: 20px; text-align: center; text-transform: uppercase; margin:10px 0px;
}
.artice-des{padding: 10px;font-size: 13px;font-weight:600; font-style:italic}
.artice-content{margin-bottom:20px; padding: 10px; text-align:justify;}
.blog-single-post{border:1px solid #ededed; padding:10px;}
.blog-des{margin: 10px 0px; font-weight:600; font-style:italic}
.productlist{
    border:1px solid #ccc;
    padding:10px;
}
.page-top-in h2{
    text-align:center;
    font-size:20px;
    text-transform:uppercase;
}
.contact-content h3{font-size: 15px; color:#404040;text-transform:uppercase;line-height:30px; text-align:center;}
.contact-content p{
    color:#606060;
}
.contact-content h4{
    text-align:center;
}
.paging a{
    background:#fff !important;
    border:1px solid #ccc !important;
    font-size:12px !important;
    color:#000 !important;
    height:20px !important;
    line-height:20px !important;
    min-width:initial !important;
}
.paging .active{
    background:#808080 !important;
    color:#fff !important;
}

/*nội dung cột phải*/
.header-right{
    background:#5e5f60;
    height:34px;
    line-height:34px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.header-right i{
    margin-right:10px;
}
.cate-prod{
    border:1px solid #ccc;
    background:#f7f7f7;
}
.cate-prod ul li{
    list-style:url(/Content/themes/website/images/list-1.png) inside;
    padding:2px 0px 2px 15px;
    background:url(/Content/themes/website/images/bg_right_mn.png) repeat-x left top;
    
}
.cate-prod ul li a{
    padding-left:5px;
}
.cate-prod ul li a{
    color:#474747;
    font-size:16px;
}
.cate-prod ul li a:hover{
    color:#e91010;
    text-decoration:none;
}
.cate-prod-chil{
    display:none;
    margin-left:-15px;
}
.cate-prod ul li:hover .cate-prod-chil{
    display:block;
}
.cate-prod .cate-prod-chil li{
    list-style:disc inside;
    padding-left:25px;
}
.cate-prod .cate-prod-chil li a{
    font-size:15px;
}
.img-selling img{
    border:1px solid #ccc;
    max-width:180px;
    max-height:140px;
}
.img-selling img:hover{
    border:1px solid #e91010;
}
.name-selling a{
    color:#0066cc;
    font-size:14px;
}
.name-selling a:hover{
    color:#e91010;
    text-decoration:none;
}
.prod-selling{
    background:#f7f7f7;
}
.update-new{
    border:1px solid #ccc;
    background:#f7f7f7;
}
.img-new-update{
    width:52px;
    height:52px;
    text-align:center;
    line-height:52px;
    margin-right:10px;
}
.img-new-update img{
    border:1px solid #ccc;
    max-width:50px;
    max-height:50px;
}
.img-new-update img:hover{
    border:1px solid #e91010;
}
.name-new{
    width:136px;
    max-height:54px;
    overflow:hidden;
}
.name-new a:hover{
    color:#e91010;
    text-decoration:none;
}
.new{
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #ccc;
}

/*menu bottom*/
.menu-bottom{
    background:#dbdbdb;
    height:32px;
    line-height:32px;
    border:1px solid #fff;
    overflow:hidden;
}
.menu-bottom li{
    float:left;
}
.menu-bottom li a{
    border-right:1px solid #555;
    padding:0px 10px;
    text-transform:uppercase;
    color:#808080;
}
.menu-bottom li a:hover{
    color:#e91010;
}
.menu-bottom li:last-child a{
    border:none;
}

/*thông tin liên hệ*/
.bottom-web{
    background:#fff;
}
.head-bottom{
    width:290px;
    height:32px;
    line-height:32px;
    text-transform:uppercase;
    font-weight:600;
    padding-left:20px;
    background:#eee;
    font-size:14px;
    color:#656565;
}
.bottom-content{
    width:290px;
    margin:0px 15px;
}
.contact-bt{
    color:#7a7a7a;
}
.contact-bt h3{
    font-size:14px;
    text-transform:uppercase;
    font-weight:600;
    line-height:20px;
}
/*.maps #googlemaps iframe{
    height:250px !important;
}*/
.maps{
    margin:10px 0px;
}
.facebook{
    padding:10px 0px;
    width:290px;
}

/*fotter*/
.footer{
    height:28px;
    line-height:28px;
    background:#eee;
    text-align:center;
    color:#656565;
}

/*suport*/
.support_item{
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #ddd;
 }
.support_item:last-child{
    border-bottom:none;
}
.support_item .sup-tit{
    color:#0267ff;
    font-size:14px;
    font-weight:600;
    padding-left:25px;
    margin-left:25px;
    background:url(/Content/themes/website/images/icon-people.png) no-repeat left center;
}
.support_item .sup-phone{
    margin-left:55px;
    padding-left:25px;
    background:url(/Content/themes/website/images/icon-phone.png) no-repeat left center;
    color:#e91010;
    font-weight:600;
}
.support_item a{
    padding:0px 5px;
}
.adv-left, .adv-right{
    position:fixed;
    bottom:10%;
    width:180px;
}
.adv-left{
    left:0px;
}
.adv-right{
    right:0px;
}
.loadPic {clear:both; display:none;}
.cate-prod-home li{
    float:left;
    width:25%;
    text-align:center;
    margin:5px 0px;
}
.cate-prod-home li img{
    height:130px;
    max-width:160px;
    border-radius:3px;
    border:1px solid #ccc;
    padding:1px;
}
.cate-prod-home li img:hover{
    opacity:0.8;
}
.cate-prod-home li h3{
    font-size:14px;
    margin:5px 0px;
}
.cate-prod-home li h3 a{
    text-transform:uppercase;
    color:#0066cc;
}
.cate-prod-home li h3 a:hover{
    color:#e91010;
}