@import url('font.css');

html{
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

body{
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #444;
}

body, td, th, input, textarea, select, a{
    font-size: 12px;
}

h1, .welcome{
    color: #636E75;
    font-family: "Open Sans", sans-serif;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: normal;
    text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

h2{
    color: #000000;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 5px;
}

p{
    margin-top: 0px;
}

a, a:visited, a b{
    color: #009d13;
    text-decoration: none;
    cursor: pointer;
}

a:hover{
    text-decoration: underline;
}

a img{
    border: none;
}

form{
    padding: 0;
    margin: 0;
    display: inline;
}

input[type='text'], input[type='password'], textarea{
    padding: 3px;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 2px 5px rgba(204, 204, 204, 0.4) inset;
    border-radius: 3px;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d4d4d4;
    color: #333;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    outline: medium none;
    width: auto;
}

select{
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

label{
    cursor: pointer;
}

.loader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../image/page-loader.gif') 50% 50% no-repeat rgb(249, 249, 249);*/
}

.clearfix:after,
.clearfix:before{
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix{
    display: block;
}

.clearfix{
    display: block;
}

.clearfix{
    display: inline-block;
}

.mar-top1{
    margin-top: 10px;
    width: 100%;
}

.mar-top2{
    margin-top: 20px;
    width: 100%;
}

.mar-top3{
    margin-top: 30px;
    width: 100%;
}

.mar-top4{
    margin-top: 40px;
    width: 100%;
}

.pad-center1{
    padding: 0 10px;
}

.pad-center2{
    padding: 0 20px;
}

.pad-center3{
    padding: 0 30px;
}

.pad-full5{
    padding: 5px;
}

.divider-line7{
    border-bottom: 1px solid #F0F0F0;
    float: left;
    height: 8px;
    margin: 10px 0 40px;
    padding: 0;
    width: 100%;
}

.divider-line3{
    border-bottom: 1px solid #F0F0F0;
    float: left;
    height: 18px;
    margin: 32px 0 50px;
    padding: 0;
    width: 100%;
}

/* layout */
#container{
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 25px rgba(50, 50, 50, 0.75);
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.container{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#column-left{
    float: left;
    width: 260px;
    margin-top: 5px;
}

#column-right{
    float: right;
    width: 210px;
    margin-right: 5px;
}

#content{
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 12px #c0c0c0;
    margin-bottom: 25px;
    min-height: 400px;
    margin-top: 5px;
}

#column-left + #column-right + #content, #column-left + #content{
    margin-left: 270px;
}

#column-right + #content{
    margin-right: 215px;
}

#content h1{
    color: #2b9836;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin-left: 5px;
}
#content h2{
    margin-left: 5px;
}
/* header */
#header{
    height: 110px;
    position: relative;
    z-index: 99;
}
#header embed{
    height: 110px;
    width: 1000px;
}
#header #logo{
    position: absolute;
    bottom: 5px;
    left: 65px;
}

#header #logo a img{
    height: 100px;
}


#header #search{
    position: absolute;
    right: 20px;
    top: 120px;
    width: 250px;
    z-index: 5;
}

#header .button-search{
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('../image/button-search.png') center center no-repeat;
    width: 38px;
    height: 35px;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
}


#header #search > input{
    background: #FFF;
    padding: 1px 50px 1px 10px;
    width: 250px;
    height: 35px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 1px 0px #F0F0F0;
    -moz-box-shadow: 0px 2px 0px #F0F0F0;
    font-size: 14px;
    float: right;
}

#header #search .content{
    clear: both;
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    width: 122px;
    border: 1px solid #eee;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -khtml-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0 2px 2px #ddd;
    background: #fff;
}

#header #search.active .content{
    display: block;
}

#header #search .content .check label{
    display: block;
    padding: 8px;
    margin: 0;
    cursor: pointer;
}

#header #search .content .check label:hover{
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
}

/* menu */
#menu{
    background: linear-gradient(to bottom, rgba(132,5,22,1) 0%,rgba(135,0,20,1) 48%,rgba(132,6,23,1) 100%); /* W3C */
    clear: both;
    height: 50px;
    padding: 0 15px;
}

#menu ul{
    position: relative;
    margin: 0;
    padding: 0;
}

#menu > ul ul{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #333333;
    z-index: 5;
}

#menu > ul li{
    position: relative;
    list-style: none;
    float: left;
    z-index: 20;
}

#menu > ul .top:hover,
#menu > ul .top:active{
    background-color: #E76C00;
}

#menu > ul a{
    display: block;
    text-decoration: none;
    z-index: 6;
    white-space: nowrap;
}

#menu > ul .top{
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    padding: 16px 16px 15px 15px;
    text-decoration: none;
    color: #eee;
    position: relative;
    z-index: 6;
}

#menu > ul .top b{
    margin-left: 5px;
}

#menu > ul li ul{
    position: absolute;
}

#menu > ul ul li{
    padding: 2px;
    clear: both;
}

#menu > ul .top.active{
    background: #E76C00;
    color: #fff;
}

#menu > ul .parent{
    background-image: url('../image/arrow-right.png');
    background-position: 95% center;
    background-repeat: no-repeat;
}

#menu > ul li ul ul{
    margin: -29px 0 0 174px;
}

#menu > ul li li a{
    padding: 5px;
    margin: 1px;
    color: #eee;
    width: 170px;
}

#menu > ul li li a span{
    margin-right: 10px;
}

#menu > ul li li > a:hover{
    background-color: #009D13;
}

.breadcrumb{
    color: #fff;
    margin-bottom: 10px;
    background: #860014;
    padding: 10px;
    border-radius: 0;
}

.breadcrumb a{
    color: #fff;
    font-weight: bold;
}
.success, .warning, .attention, .information{
    padding: 10px 10px 10px 33px;
    margin-bottom: 15px;
    color: #555555;
}

.success{
    background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
    border: 1px solid #BBDF8D;
}

.warning{
    background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
    border: 1px solid #F8ACAC;
}

.attention{
    background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
    border: 1px solid #F2DD8C;
}

.success .close, .warning .close, .attention .close, .information .close{
    float: right;
    padding-top: 4px;
    padding-right: 4px;
    cursor: pointer;
}

.alert{
    padding: 4px;
    margin-bottom: 15px;
    color: #555555;
    background: #FFF5CC;
    border: 1px solid #F2DD8C;
    text-align: center;
}

.required{
    color: #FF0000;
    font-weight: bold;
}

.error{
    display: block;
    color: #FF0000;
}

.help{
    color: #999;
    font-size: 10px;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    display: block;
}

table.form{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table.form tr td:first-child{
    width: 150px;
}

table.form > * > * > td{
    color: #000000;
}

table.form td{
    padding: 4px;
}

input.large-field, select.large-field{
    width: 300px;
}

table.list{
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}

table.list td{
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

table.list thead td{
    background-color: #EFEFEF;
    padding: 0px 5px;
}

table.list thead td a, .list thead td{
    text-decoration: none;
    color: #222222;
    font-weight: bold;
}

table.list tbody td{
    padding: 0px 5px;
}

table.list .left{
    text-align: left;
    padding: 7px;
}

table.list .right{
    text-align: right;
    padding: 7px;
}

table.list .center{
    text-align: center;
    padding: 7px;
}

table.radio{
    width: 100%;
    border-collapse: collapse;
}

table.radio td{
    padding: 5px;
}

table.radio td label{
    display: block;
}

table.radio tr td:first-child{
    width: 1px;
}

table.radio tr td:first-child input{
    margin-top: 1px;
    margin-left: 0;
    position: static;
}

table.radio tr.highlight:hover td{
    background: #F1FFDD;
    cursor: pointer;
}

.pagenumber{
    border-top: 1px solid #DDDDDD;
    display: inline-block;
    width: 100%;
    padding-top: 6px;
    padding-right: 10px;
    color: #000;
    background: #b6b6b6;
}

.pagenumber .links{
    float: left;
    padding-top: 6px;
}

.pagenumber .links .pagination{
    display: inline-block;
    margin: 0;
    padding-left: 0;
}

.pagenumber .links .pagination > li{
    display: inline;
}

.pagenumber .links .pagination > li > a,
.pagenumber .links .pagination > li > span{
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #1e91cf;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
}

.pagenumber .links .pagination > li:first-child > a,
.pagenumber .links .pagination > li:first-child > span{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: 0;
}

.pagenumber .links .pagination > li:last-child > a,
.pagenumber .links .pagination > li:last-child > span{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagenumber .links .pagination > li > a:hover,
.pagenumber .links .pagination > li > span:hover,
.pagenumber .links .pagination > li > a:focus,
.pagenumber .links .pagination > li > span:focus{
    background-color: #eeeeee;
    border-color: #dddddd;
    color: #14628c;
}

.pagenumber .links .pagination > .active > a,
.pagenumber .links .pagination > .active > span,
.pagenumber .links .pagination > .active > a:hover,
.pagenumber .links .pagination > .active > span:hover,
.pagenumber .links .pagination > .active > a:focus,
.pagenumber .links .pagination > .active > span:focus{
    background: none repeat scroll 0 0 #449904;
    border-color: #009D13;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #ffffff;
    cursor: default;
    z-index: 2;
}

.pagenumber .links .pagination > .disabled > span,
.pagenumber .links .pagination > .disabled > span:hover,
.pagenumber .links .pagination > .disabled > span:focus,
.pagenumber .links .pagination > .disabled > a,
.pagenumber .links .pagination > .disabled > a:hover,
.pagenumber .links .pagination > .disabled > a:focus{
    background-color: #ffffff;
    border-color: #dddddd;
    color: #777777;
    cursor: not-allowed;
}

.pagenumber .results{
    float: right;
    padding-top: 6px;
    font-size: 12px;
}

/* button */
a.button, input.button{
    background: none repeat scroll 0 0 #870015;
    border-color: #449904;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none;
}

a.button{
    text-decoration: none;
}

input.button{
    text-decoration: none;
}

a.button:hover,
a.button:focus,
a.button:active,
input.button:hover,
input.button:focus,
input.button:active{
    background: none repeat scroll 0 0 #870015;
    border-color: #009D13;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
    color: #fff;
}

.buttons{
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    overflow: auto;
    padding: 6px;
    margin-bottom: 20px;
}

.buttons .left{
    float: left;
    text-align: left;
}

.buttons .right{
    float: right;
    text-align: right;
}

.buttons .center{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.htabs{
    height: 30px;
    line-height: 16px;
    border-bottom: 1px solid #DDDDDD;
}

.htabs a{
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background: #FFFFFF url('../image/tab.png') repeat-x;
    padding: 6px 15px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #000000;
    margin-right: 2px;
    display: none;
    white-space: nowrap;
}

.htabs a.selected{
    padding-bottom: 7px;
    background: #FFFFFF;
}

.tab-content{
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    margin-bottom: 20px;
    z-index: 2;
}

/* box */
.box{
    margin-bottom: 20px;
    background: #FFFFFF;
    padding: 5px;
}
.box-heading .fa{
    font-size: 14px;
}
.box .box-heading{
    background: linear-gradient(to bottom, rgba(130,7,24,1) 0%,rgba(132,5,22,1) 48%,rgba(130,9,25,1) 100%); /* W3C */
    padding: 8px 10px;
    border-bottom: 2px solid #02A200;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    color: #dddddd;
}

.box .box-heading span{
    margin-right: 5px;
}

.box .box-content{
    background: #000000;
}

.box-left{
    margin-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0 0 12px #c0c0c0;
}

.box-left .box-heading{
    padding: 12px;
    font-size: 13px;
    line-height: 15px;
    color: #DDDDDD;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    background: linear-gradient(to bottom, rgba(130,7,24,1) 0%,rgba(132,5,22,1) 48%,rgba(130,9,25,1) 100%); /* W3C */
}

.box-left .box-heading span{
    margin-right: 5px;
}

.box-left .box-content{
    background: #000000;
    color: #c0c0c0;
}
.box .box-content .carousel{
    padding: 0;
}

.box .box-content .carousel .owl-carousel{
    box-shadow: none;
}

.news-featured ul{
    padding: 5px 20px;
    list-style: none;
}

.news-featured ul li{
    text-align: center;
    margin-bottom: 10px;
}

.news-featured ul li a{
    color: #ffffff;
}

.news-featured ul li + li{
    border-top: 1px solid #CCCCCC;
    padding-top: 10px;
}

/* box products content */
.box-product{
    width: 100%;
    overflow: auto;
    text-align: center;
}

.box-product > div{
    width: 160px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: top;
    margin-left: 9px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
}

.box-product > div:hover{
    box-shadow: 0 0 15px #009D13;
    border: 1px solid #2c9ca2;
}

#column-left + #column-right + #content .box-product > div{
    width: 160px;
}

.box-product .image{
    display: block;
    width: 150px;
    margin: 0 auto;
}

.box-product .image img{
    border: 1px solid #E7E7E7;
}

.box-product .name{
    height: 30px;
}

.box-product .name a{
    color: #E76C00;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}

.box-product .price{
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}

.box-product .price-old{
    color: #F00;
    text-decoration: line-through;
}

.box-product .price-new{
    font-weight: bold;
}

.box-product .rating{
    display: block;
    margin-bottom: 4px;
}

/* box products column */
.box-product-column{
    width: 100%;
    text-align: center;
}

.box-product-column > div{
    width: 145px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

.box-product-column > div:hover{
    box-shadow: 0 0 15px #009D13;
    border: 1px solid #2c9ca2;
}

#column-left + #column-right + #content .box-product-column > div{
    width: 119px;
}

.box-product-column .image{
    display: block;
    width: 150px;
    margin: 0 auto;
}

.box-product-column .image img{
    border: 1px solid #E7E7E7;
}

.box-product-column .name{
    height: 30px;
}

.box-product-column .name a{
    color: #E76C00;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}

.box-product-column .price{
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}

.box-product-column .price-old{
    color: #F00;
    text-decoration: line-through;
}

.box-product-column .price-new{
    font-weight: bold;
}

.box-product-column .rating{
    display: block;
    margin-bottom: 4px;
}

/* box category */
ul.box-category, ul.box-category ul{
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #333;
}

ul.box-category > li:first-child{
    padding: 0px;
}

ul.box-category > li{
    padding: 0px;
}

ul.box-category > li + li{
    border-top: 1px solid #222;
}

ul.box-category > li > a{
    text-decoration: none;
    color: #eee;
    font-weight: bold;
    line-height: 14px;
    padding: 8px 15px 7px;
    display: block;
    background: url("../image/list_style.png") no-repeat scroll 5px 12px transparent;
}

ul.box-category > li > a:hover{
    background-color: #009D13;
}

ul.box-category > li ul{
    /*display: none;*/
}

ul.box-category > li a.active{
    font-weight: bold;
}

ul.box-category > li a.active + ul{
    display: block;
}

ul.box-category > li ul > li{
    padding: 0;
}

ul.box-category > li ul > li > a{
    text-decoration: none;
    color: #eee;
    font-weight: bold;
    line-height: 14px;
    padding: 8px 25px 7px;
    display: block;
    background: url("../image/list_style1.png") no-repeat scroll 15px 13px transparent;
}

ul.box-category > li ul > li > a:hover{
    background-color: #009D13;
}

ul.box-category > li ul > li > a.active{
    font-weight: bold;
}

/* box filter */
ul.box-filter, ul.box-filter ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.box-filter span{
    font-weight: bold;
    border-bottom: 1px solid #EEEEEE;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 8px;
}

ul.box-filter > li ul{
    padding-bottom: 10px;
}

/* box news content */

.box-news-content > div{
    position: relative;
    width: 47%;
    display: inline-block;
    background: #CCCCCC;
    border-radius: 5px;
    margin-left: 2%;
    margin-top: 2%;
    margin-bottom: 1%;
    text-align: center;
    vertical-align: top;
}

.box-news-content > div .name{
    height: 50px;
    text-align: center;
}

.box-news-content > div .name a{
    font-size: 15px;
    color: #1a1a1a;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.box-news-content > div .name a:hover{
    text-decoration: none;
}

.box-news-content > div .image{
    width: 320px;
    margin: 3px auto;
}

.box-news-content > div .image a img{
    width: 320px;
}

.box-news-content > div .short-content{
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

.box-news-content > div .hover{
    background: url("../image/bg-hover.png") repeat;
    height: 50%;
    left: 6px;
    padding: 10px;
    position: absolute;
    bottom: 6px;
    width: 88.5%;
}

.box-news-content > ul{
    list-style: none;
    padding: 15px 0;
}

.box-news-content > ul li{
    list-style: none;
    margin-bottom: 0;
}

.box-news-content > ul li a{
    text-transform: uppercase;
    display: block;
    padding: 5px 5px 5px 20px;
    color: #fff;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.box-news-content > ul li a h2{
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.box-news-content > ul li a:hover{
    background: #60C115;
    color: #ffffff;
    text-decoration: none;
}

.box-news-content > ul li a:hover h2{
    color: #ffffff;
}

.box-news-content > ul > li > a{
    font-weight: bold;
    font-size: 14px;
}

.box-news-content > ul li ul{
    padding-left: 15px;
}

.box-news-content > ul li a span.glyphicon{
    margin-right: 5px;
    font-size: 10px;
}

.box-news-content-left{
    padding: 5px;
}

.box-news-content-left ul{
    list-style: none;
    padding: 0;
}

.box-news-content-left ul li{
    list-style: none;
}

.box-news-content-left ul li .image{
    float: left;
    margin-right: 5px;
}

.box-news-content-left ul li .image img{
    border: 1px solid #E3E3E3;
    padding: 1px;
}

.box-news-content-left ul li .name a{
    color: #dddddd;
}

ul.carousel{
    list-style: none;
    padding: 0;
}

ul.carousel li{
    width: 310px;
    margin: 15px auto;
    text-align: center;
}

ul.carousel li .image img{
    padding: 2px;
    border: 1px solid #CCCCCC;
}

ul.carousel li .name{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

/* content */
#content .content{
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
}

#content .content .left{
    float: left;
    width: 49%;
}

#content .content .right{
    float: right;
    width: 49%;
}

/* category */
.category-info{
    overflow: auto;
    margin-bottom: 20px;
}

.category-info .image{
    float: left;
    padding: 5px;
    margin-right: 15px;
    border: 1px solid #E7E7E7;
}

.category-list{
    overflow: auto;
    margin-bottom: 20px;
}

.category-list > div{
    border: 1px solid #ccc;
    display: inline-block;
    margin: 10px 6px;
    padding: 8px;
    text-align: center;
    vertical-align: top;
    width: 160px;
}

.category-list > div:hover{
    box-shadow: 0 0 15px #009D13;
    border: 1px solid #2c9ca2;
}

.category-list > div .image{
    display: block;
    margin: 0 auto;
    width: 150px;
}

.category-list > div .name{
    height: 30px;
}

.category-list > div .name a{
    color: #E76C00;
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    text-decoration: none;
}

/* manufacturer */
.manufacturer-list{
    border: 1px solid #DBDEE1;
    padding: 5px;
    overflow: auto;
    margin-bottom: 20px;
}

.manufacturer-heading{
    background: #F8F8F8;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 6px;
}

.manufacturer-content{
    padding: 8px;
}

.manufacturer-list ul{
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}

/* Product */
/* product */
.product-filter{
    overflow: auto;
    padding: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(204, 204, 204, 0.4) inset;
    border-radius: 3px;
    background-color: #f7f7f7;
    border: 1px solid #d4d4d4;
    color: #333;
}

.product-filter .display{
    margin-right: 15px;
    float: left;
    padding-top: 4px;
    color: #333;
}

.product-filter .display a{
    font-weight: bold;
}

.product-filter .sort{
    float: right;
    color: #333;
}

.product-filter .limit{
    margin-left: 15px;
    float: right;
    color: #333;
}

.news-info{
    margin-bottom: 20px;
}

.news-info > .left{
    float: left;
    margin-right: 15px;
}

.news-info > .left + .right{
    margin-left: 265px;
}

.news-info > .right p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FF0000;
    margin-bottom: 3px;
}

.news-info > .right p span{
    font-size: 10px;
}

.news-info .image{
    border: 1px solid #E7E7E7;
    float: left;
    margin-bottom: 5px;
    padding: 7px;
    text-align: center;
}

.image-additional{
    width: 99%;
    padding: 8px 5px;
    overflow: hidden;
    text-align: center;
}

.image-additional img{
    border: 2px solid #E7E7E7;
}

.image-additional a{
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 5px;
}

.image-additional p {
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-bottom: 5px;
}

.news-info .description{
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 5px 5px 10px 5px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #4D4D4D;
}

.news-info .description span{
    color: #38B0E3;
}

.news-info .description a{
    color: #4D4D4D;
    text-decoration: none;
}

.news-info .review{
    color: #4D4D4D;
    border-top: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    margin-bottom: 10px;
}

.news-info .review > div{
    padding: 8px;
    border-bottom: 1px solid #E7E7E7;
    line-height: 20px;
}

.news-info .review > div > span{
    color: #38B0E3;
}

.news-info .review .share{
    overflow: auto;
    line-height: normal;
}

.news-info .review .share a{
    text-decoration: none;
}

.review-list > div{
    padding: 10px 2px;
    overflow: auto;
    margin-bottom: 2px;
}

.review-list > div + div{
    border-top: 1px solid #EEEEEE;
}

.review-list > div .avata{
    text-align: center;
    position: relative;
}

.review-list > div .avata > img{
    height: 64px;
}

.review-list > div .avata .substrate{
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 88px;
}

.review-list > div .left{
    float: left;
    width: 15%;
}

.review-list > div .right{
    float: right;
    width: 85%;
}

.review-list > div .info{
    width: 99%;
}

.review-list > div .info .author{
    font-weight: bold;
    float: left;
}

.review-list > div .info .author span{
    color: #989898;
    font-weight: normal;
}

.review-list > div .info .rating{
    float: right;
}

.review-list > div .text{
    clear: both;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    padding: 9px;
    margin-bottom: 20px;
    min-height: 20px;
}

.attribute{
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}

.attribute thead td, .attribute thead tr td:first-child{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}

.attribute tr td:first-child{
    color: #000000;
    font-weight: bold;
    text-align: right;
    width: 20%;
}

.attribute td{
    padding: 7px;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.compare-info{
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}

.compare-info thead td, .compare-info thead tr td:first-child{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}

.compare-info tr td:first-child{
    color: #000000;
    font-weight: bold;
    text-align: right;
}

.compare-info td{
    padding: 7px;
    width: 20%;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.compare-info .name a{
    font-weight: bold;
}

.compare-info .price-old{
    font-weight: bold;
    color: #F00;
    text-decoration: line-through;
}

.compare-info .price-new{
    font-weight: bold;
}

/* wishlist */
.wishlist-info table{
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}

.wishlist-info td{
    padding: 7px;
}

.wishlist-info thead td{
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}

.wishlist-info thead .image{
    text-align: center;
}

.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock{
    text-align: left;
}

.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action{
    text-align: right;
}

.wishlist-info tbody td{
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}

.wishlist-info tbody .image img{
    border: 1px solid #DDDDDD;
}

.wishlist-info tbody .image{
    text-align: center;
}

.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock{
    text-align: left;
}

.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action{
    text-align: right;
}

.wishlist-info tbody .price s{
    color: #F00;
}

.wishlist-info tbody .action img{
    cursor: pointer;
}

.login-content{
    margin-bottom: 20px;
    overflow: auto;
}

.login-content .left{
    float: left;
    width: 48%;
}

.login-content .right{
    float: right;
    width: 48%
}

.login-content .left .content, .login-content .right .content{
    min-height: 190px;
}

/* news */
.news-list > div{
    margin-bottom: 10px;
    padding: 5px 5px 10px 5px;
    border-bottom: 1px dashed #b8cbe9;
}
.news-list > div .name{
    margin-bottom: 2px;
}

.news-list > div .name a{
    font-size: 14px;
    font-weight: bold;
    color: #2b9836;
}

.news-list > div .date_added{
    font-size: 12px;
    color: #898989;
    margin-bottom: 3px;
}

.news-list > div .image a img{
    float: left;
    margin-right: 10px;
    padding: 2px;
    border: 1px solid #E3E3E3;
}

.news-list > div .short-content{
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
}

.news-related-list{
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
    min-height: 20px;
    padding: 9px;
}

.news-related-list li{
    list-style: none;
    margin-left: 30px;
    margin-bottom: 4px;
    font-size: 13px;
}

.tags-list{
    margin-bottom: 10px;
}

/* comment */

.write-comment p{
    margin-bottom: 0;
    font-weight: bold;
}

.write-comment > div{
    margin-bottom: 10px;
}

.write-comment .captcha{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(204, 204, 204, 0.4) inset;
    width: 235px;
    padding: 10px;
}

.write-comment .captcha span{
    font-weight: bold;
}

.write-comment .captcha img{
    display: block;
    margin-top: 10px;
}

.write-comment .rating img{
    cursor: pointer;
}

/* search */
.box-search{
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    overflow: auto;
    padding: 10px;
}

.box-search div{
    margin-bottom: 10px;
}

.box-search .search input{
    color: #999;
    padding: 5px 10px;
}

.box-search .category select{
    display: block;
}

/* orders */
.order-list{
    margin-bottom: 10px;
}

.order-list .order-id{
    width: 49%;
    float: left;
    margin-bottom: 2px;
}

.order-list .order-status{
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}

.order-list .order-content{
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.order-list .order-content div{
    float: left;
    width: 33.3%;
}

.order-list .order-info{
    text-align: right;
}

.order-detail{
    background: #EFEFEF;
    font-weight: bold;
}

/* returns */
.return-list{
    margin-bottom: 10px;
}

.return-list .return-id{
    width: 49%;
    float: left;
    margin-bottom: 2px;
}

.return-list .return-status{
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}

.return-list .return-content{
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.return-list .return-content div{
    float: left;
    width: 33.3%;
}

.return-list .return-info{
    text-align: right;
}

.return-product{
    overflow: auto;
    margin-bottom: 20px;
}

.return-name{
    float: left;
    width: 31%;
    margin-right: 15px;
}

.return-model{
    float: left;
    width: 31%;
    margin-right: 15px;
}

.return-quantity{
    float: left;
    width: 31%;
}

.return-detail{
    overflow: auto;
    margin-bottom: 20px;
}

.return-reason{
    float: left;
    width: 31%;
    margin-right: 15px;
}

.return-opened{
    float: left;
    width: 31%;
    margin-right: 15px;
}

.return-opened textarea{
    width: 98%;
    vertical-align: top;
}

.return-captcha{
    float: left;
}

.download-list{
    margin-bottom: 10px;
}

.download-list .download-id{
    width: 49%;
    float: left;
    margin-bottom: 2px;
}

.download-list .download-status{
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}

.download-list .download-content{
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.download-list .download-content div{
    float: left;
    width: 33.3%;
}

.download-list .download-info{
    text-align: right;
}

/* cart */
.cart-info table{
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.cart-info td{
    padding: 7px;
}

.cart-info thead td{
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}

.cart-info thead .image{
    text-align: center;
}

.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity{
    text-align: left;
}

.cart-info thead .price, .cart-info thead .total{
    text-align: right;
}

.cart-info tbody td{
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}

.cart-info tbody .image img{
    border: 1px solid #DDDDDD;
}

.cart-info tbody .image{
    text-align: center;
}

.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity{
    text-align: left;
}

.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img{
    position: relative;
    top: 4px;
    cursor: pointer;
}

.cart-info tbody .price, .cart-info tbody .total{
    text-align: right;
}

.cart-info tbody span.stock{
    color: #F00;
    font-weight: bold;
}

.cart-module > div{
    display: none;
}

.cart-total{
    border-top: 1px solid #DDDDDD;
    overflow: auto;
    padding-top: 8px;
    margin-bottom: 15px;
}

.cart-total table{
    float: right;
}

.cart-total td{
    padding: 3px;
    text-align: right;
}

/* checkout */
.checkout-heading{
    background: #F8F8F8;
    border: 1px solid #DBDEE1;
    padding: 8px;
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
}

.checkout-heading a{
    float: right;
    margin-top: 1px;
    font-weight: normal;
    text-decoration: none;
}

.checkout-content{
    padding: 0px 0px 15px 0px;
    display: none;
    overflow: auto;
}

.checkout-content .left{
    float: left;
    width: 48%;
}

.checkout-content .right{
    float: right;
    width: 48%;
}

.checkout-content .buttons{
    clear: both;
}

.checkout-product table{
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}

.checkout-product td{
    padding: 7px;
}

.checkout-product thead td{
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}

.checkout-product thead .name, .checkout-product thead .model{
    text-align: left;
}

.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total{
    text-align: right;
}

.checkout-product tbody td{
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}

.checkout-product tbody .name, .checkout-product tbody .model{
    text-align: left;
}

.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total{
    text-align: right;
}

.checkout-product tfoot td{
    text-align: right;
    border-bottom: 1px solid #DDDDDD;
}

.contact-info{
    overflow: auto;
}

#content .contact-info .left{
    float: left;
    width: 70%;
}
#content .contact-info .right{
    width: 30%;
}
.contact-info .left p{
    margin-bottom: 2px;
}
.contact-info .right{
    float: left;
    width: 48%;
}

.location-info{
    margin-bottom: 20px;
    border: 1px solid #eeeeee;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    min-height: 100px;
    overflow: auto;
}

.location-info .location-heading{
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
    padding: 10px 15px;
}

.location-info span,
.location-info i{
    margin-right: 5px;
}

.location-info .location-content{
    background: #FFFFFF;
    padding: 10px;
}

.location-info .location-content .column{
    float: left;
    width: 25%;
    min-height: 100px;
}

.sitemap-info{
    overflow: auto;
    margin-bottom: 40px;
}

.sitemap-info .left{
    float: left;
    width: 48%;
}

.sitemap-info .right{
    float: left;
    width: 48%;
}

/* account */
.login div{
    margin-bottom: 10px;
}

.login div p{
    font-weight: bold;
    margin-bottom: 0;
}


/* footer */

@media (max-width: 1000px) {
    footer {
        width: 1000px !important;
    }
}
footer{
    min-height: 100px;
    border-top: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    background: #191919;
    width: 100%;
    clear: both;
}

footer .name{
    background: #111111;
    padding: 5px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
}

footer h3{
    color: #F5F5F5;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 3px;
    width: 70%;
    border-bottom: 3px solid #444444;
}

footer p{
    color: #F5F5F5;
    font-size: 14px;
}

footer .column{
    float: left;
    width: 25%;
    min-height: 100px;
}
footer .column.big{
    width: 45%;
}
footer .column.bank{
    width: 30%;
}

footer .column .logo a img{
    width: 220px;
    margin-bottom: 3px;
}

footer .column ul{
    margin-top: 0px;
    padding-left: 2px;
    list-style: none;
    text-align: center;
}
footer .social-network ul li{
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

footer .column a{
    text-decoration: none;
    color: #fff;
}

footer .column a:hover{
    text-decoration: underline;
}

footer #powered{
    margin-top: 5px;
    text-align: right;
    clear: both;
    background: #111111;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 5px;
}
footer #powered a{
    font-size: 15px;
}

/* banner */
.banner div{
    text-align: center;
    width: 100%;
    display: none;
}

.banner div img{
    margin-bottom: 20px;
    margin-top: -3px;
}

@media (max-width: 1200px) {
    #ban_right {
        display: none;
    }
    #ban_left {
        display: none;
    }
    .product-bestseller {
        display: none;
    }
}

/* use module */

p.wait,
p.no-data{
    text-align: center;
}

p.wait i.fa{
    text-align: center;
    color: #009D13;
}

p.source{
    text-align: right;
    font-style: italic;
    margin-right: 10px;
}

.support-online{
    padding: 5px;
}

.support-online table{
    width: 100%;
    color: #ff0000;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.support-online table thead{
    background: #CCCCCC;
}

.support-online table tbody{
    background: #FFFFFF;
}

.support-online table tbody tr td{
    padding: 5px 0;
}

.exchange-rate table,
.gold-rate table{
    margin-bottom: 5px;
}

.weather{
    padding: 10px;
}

.weather .info .image{
    float: left;
    margin-right: 5px;
}

.weather .info .chill{
    float: left;
    font-size: 30px;
}

.weather .info .chill .unit{
    font-size: 20px;
    float: right;
    margin-top: 2px;
}

.weather .info .temperature{
    float: right;
    margin-top: 20px;
    font-weight: bold;
}

.weather .info .temperature .high{
    color: #f60;
}

.weather .detail{
    clear: both;
}

.weather .detail div{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.account{
    padding: 10px 10px 0 10px;
}

.account .info a{
    display: block;
    text-align: center;
}

.account .login div{
    margin-bottom: 10px;
}

.account .login div p{
    font-weight: bold;
    margin-bottom: 0;
}

.account .login div input[type='text'],
.account .login div input[type='password']{
    width: 95%;
}