@import "reset-min.css";
body {background:url(../images/bg.png) repeat;font:9pt Tahoma, Geneva, sans-serif}
.left{float: left;} .right{float:right} .clear{clear: both;}
a{text-decoration:none; color:#720E3B} a:hover{color:#000;}

#wrapper,.main-page{margin:auto; width:1000px}
#header{padding:0 0 10px;position:relative;background:#fff}
.position{position:relative}
.marquee{position:absolute;top:8px;right:5px;width:320px;padding:0 10px;z-index:5;font-size:14px;color:#fff}

.hot-line,.lang{position:absolute;top:8px;right:5px; z-index:3}
.lang a{color:#698A12;font-size:10px;margin-left:5px} .lang a:hover{color:#3C5103}
.hot-line{right:70px;margin:3px 0 0;font-size:10pt;font-weight:bold;color:#003E6E}
.search_form_top_none,.search_form_top{width:223px;position:absolute;bottom:15px;right:0; z-index:10;height:25px}
.search_form_top_none{top:5px}
.search_form_top #search_form{margin:0}
#search_form {background:#E9E9E9;padding:5px;margin-bottom:10px}
#search_form .input-search {border:none;float:left;color:#454545;font-size:13px;padding:5px 4px 4px}
#search_form .button-search {cursor:pointer;float:right;background: url(../images/search-btn.png) no-repeat;border:none;height:25px;width:35px;border-radius:3px}

#nav{list-style:none;margin:0;padding:0;height:33px;background:#8C0207}
#nav li{float:left; position:relative;border-right:1px solid #FFB800}
#nav li a{padding:8px 15px; display:block;color:#fff;font-size:14px}
#nav li ul{display:none;padding:10px 0 0;margin:0;border:1px solid #fff;border-top:none}
#nav li:hover ul{list-style:none;display:block;position:absolute;z-index:30;top:33px;width:200px;background:url(../images/top-bullet.png) no-repeat 30px 0}
#nav li ul li{padding:0;width:100%;border:none}
#nav .selected ul li a,#nav li ul li a{background:#FFB800 url(../images/arrow_2.png) no-repeat 5px 5px; padding:6px 2px 6px 5px;border-bottom:1px dotted #fff}
#nav li:hover > a, #nav .selected a, #nav li a:hover, #nav li ul li a:hover{background:#FFB800}
#nav .last{border:none} #nav li ul li.last{border:none}

#banner{margin-bottom:10px}
#content{padding:5px 0}
.title-right,.title-box{padding:10px 10px 8px;margin:0;background:url(../images/bg-box.png) repeat-x top;font-size:13px;color:#44494C;text-transform:uppercase;border: 1px solid #8c0207;border-bottom-width:3px}
.title-right{border-bottom:none}
 
/*Left content*/
#left-content{float:left; width:220px}

.sub-new{list-style:none;margin:0;padding:5px 0 10px}
.sub-new li{padding:5px 0;border-bottom:1px solid #8C0207;cursor:pointer;display:inline-block;vertical-align:top;width:100%}
.sub-new li:hover img{border:1px solid #34495E}
.sub-new li img{border:1px solid #ccc;padding:1px;width:60px;height:40px;float:left;margin-right:5px;border-radius:2px}
.sub-new li a{display:block;color:#000;font-weight:bold;padding:0 5px}
.sub-new li:hover a, .sub-new li a:hover{color:#f00}
.sub-new li.last{border:none;padding-bottom:0}

.sub-cat{margin:0; list-style:none;padding:3px;font-family:'Times New Roman', Times, serif;}
.sub-cat li a{padding:6px 5px 6px 15px;font-size:14px;margin-bottom:2px;color:#fff;font-weight:bold;display:block;background:#EC3237 url(../images/arrow_2.png) no-repeat 5px 13px;-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;-ms-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
.sub-cat li.last a{border:none;}
.sub-cat li a:hover{background:#FFB800  url(../images/arrow_2.png) no-repeat 5px 13px}
.sub-cat li ul{padding:7px 0 0 12px;margin:0;list-style:none;}
.sub-cat li ul li{padding:2px 0}
.sub-cat li ul li a{border:none;color:#000;background:url(../images/arrow.png) no-repeat left 7px;padding:2px 0 2px 10px; font-weight:normal;display:block}
.sub-cat li ul li a:hover{background:url(../images/arrow.png) no-repeat left 7px;color:#f90}

.support{margin:0;list-style:none;padding:10px 5px 5px;text-align:center;font-size:16px;font-family:'Times New Roman', Times, serif}
.support li {color:#f00; line-height:1.6em;font-weight:bold} .support li p{margin:0}
.support li .phone{margin:10px 0 5px;color:#FF9900;font-size:24px}
.support li img{margin-bottom:10px}

.statistics{margin:0;list-style:none;padding:5px 5px 5px 10px;font-size:16px;font-weight:bold;font-family:'Times New Roman', Times, serif}
.statistics li {color:#8C0207;line-height:1.6em;padding-bottom:5px} .statistics li img{position:relative;top:3px;margin-right:5px}

.bg-adv{list-style:none;margin:0;padding:5px 0 0;text-align:center}
.bg-adv li{padding-bottom:4px}

.weblink{padding:5px;border-left:1px solid #8C0207;border-right:1px solid #8C0207;background:#fff}
.weblink  select{width:208px}

/*Right content*/
#right-content-2{float:right;width:765px}

.breadcrumbs{color:#222;font-weight:bold;margin:5px 0 10px;line-height:1.6em}
.breadcrumbs b{padding:0 3px;color:#555;position:relative;top:-1px}
.breadcrumbs a{color:#003E6E;font-size:10pt}
.breadcrumbs a:hover{color:#EC9617}

.ico-view{text-align:right;margin-top:10px}
.ico-view a{color:#2997CA;padding:0 0 0 17px; margin-left: 1em; background:url(../images/sprite.png) no-repeat 0px -14px}
.ico-view a.go-top{background-position: 2px 2px}
.ico-view a:hover{color:#E3611E}

.list-item,.list-item-cat, .list-video{margin:0;padding:0;list-style:none;font-family:'Times New Roman', Times, serif}
.list-item li, .list-item-cat li, .list-video li{text-align:center;margin:0 10px 10px 0;padding:0 2px;display:inline-block;vertical-align:top}
.list-item li.last-item,.list-item-cat li.last-item , .list-video li.last-item{margin:0 0 10px !important}
.list-item li div,.list-item-cat li div , .list-video li div {text-align:center;display:table-cell;border:2px solid #EC3237;vertical-align:middle;border-radius:1px}
.list-item li:hover div,.list-item-cat li:hover div , .list-video:hover li div{border-color:#820004}

.price{font-weight:bold; color:#FF0C0C;margin:5px 0 0 0;font-size:13px}
.title-item{color:#03497F;margin:5px 0 0 0;padding:0;font-size:14px}
#scroller li img{margin:0 0 2px} #scroller a,.title-item a{color:#B55E00;display:block} #scroller a:hover,.list-item li:hover .title-item a:hover{color:#F27900}
#scroller li h4{margin:5px 0 0;padding:0} #scroller li{margin-bottom:10px}
.button-pro{margin:10px 0}
.button-detail,.button-cart{background:#F59F10;color:#fff;padding:4px 5px 4px 10px;border-radius:15px;font-size:11px;text-shadow: 1px 1px 1px rgba(0,0,0,0.7)}
.button-detail span,.button-cart span{background:url(../images/icon-cart.png) no-repeat right center;padding-right:20px}
.button-detail span{background:url(../images/icon-detail.png) no-repeat right center}
.button-detail:hover,.button-cart:hover{background:#DB4D1F}
.list-item li:hover .button-pro  a{color:#fff}

.list-item li:hover .box-btn a,.list-item-cat li:hover .box-btn a{color:#fff}
.box-btn{margin:12px 0 7px}
.btn-mini {position:relative;background:#0B71C3;padding:3px 12px 4px 19px;color:#fff;-webkit-border-radius: 0 10em 0 10em;-moz-border-radius: 0 10em 0 10em;border-radius: 0 10em 0 10em;}
.btn-mini > span {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;position: absolute;left: -7px;top: -2px;height: 25px;width:25px;}
.btn-mini.buy > span {background:url(../images/buy.png) no-repeat center left}
.btn-mini.view > span{background:url(../images/view.png) no-repeat center left}
.btn-mini:hover{opacity:0.8}
.btn-mini:hover > span{left:-10px}
.box-btn .btn-mini.view{margin-left:10px}


.panel-items{list-style: none;text-align:justify;font-size:10pt;margin:0;padding:0}
.panel-items li{cursor:pointer;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #ccc}
.main-content .panel-items p{margin:0 0 2px;line-height:1.3em}
.panel-items li.odd,.panel-items li:hover{background:#f5f5f5} .panel-items li:hover img{border:1px solid #007C37}
.panel-items li.last{border:none;padding:0;margin:0} .panel-items li:hover a{color:#820004} 
.img{float:left;margin:0 8px 0 0;padding:3px;border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.panel-items li h3{margin:0 0 5px 0;font-size:14px;font-weight:bold;padding:0}
.panel-items li h3 a,.panel-items-index h3 a{color:#5a5550;display:block}
.panel-items li h3 a:hover,.panel-items-index a:hover{color:#191715}

.panel-items-index{padding:0;margin:0;list-style:none;padding:5px 10px;margin-bottom:15px;border:1px solid #8C0207;border-top:none;background:#fff}
.panel-items-index li{padding:1px 0;margin:0;border:none}
.panel-items-index li.item-first{padding:0;margin-bottom:8px} 
.panel-items-index li.item-first a{background:none;padding:0}
.panel-items-index li.item-first h3{margin-bottom:8px;font-size:11pt} 
.panel-items-index li a{color:#820004;background:url(../images/icon-index.png) no-repeat 3px 7px;padding:2px 2px 2px 15px}

/**  items-other  **/
.title-item-other{margin:25px 0 10px;padding-bottom:4px;font-size:11pt;color:#000;font-weight:bold}
.items-other{margin:0;padding:0;list-style:none}
.items-other li a span{color:#777;font-style:italic;padding-left:3px;font-size:8pt}
.items-other li a{color:#222;background:url(../images/icon-other.gif) no-repeat left 6px;padding:2px 5px 2px 15px;display:block} 
.items-other li a:hover{color:#FF6600}

/* paging */
ul.paging{float:right;padding:0 5px 5px; margin:0;list-style: none}
ul.paging li{display: inline;margin:0 !important;}
ul.paging .hidden{display: none;}
ul.paging .page a, ul.paging .previous a, ul.paging .first a, ul.paging .next a, ul.paging .last a{color:#fff;background:#EC3237;padding:3px 6px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px}
ul.paging .page a:hover, ul.paging .previous a:hover, ul.paging .first a:hover, ul.paging .next a:hover, ul.paging .last a:hover, ul.paging .selected a{background:#820004}

#video-top{padding:5px 5px 0}
.main-sub{border-left:1px solid #8C0207;border-right:1px solid #8C0207;background:#fff}
.line-box{background:url(../images/box-bt.png) no-repeat; height:16px;margin-bottom:10px}

.main-border,.main-video-view,.main-content{padding:10px;margin-bottom:15px;border:1px solid #8C0207;border-top:none;background:#fff}
.main-border{padding:10px 5px}
.main-video-view{text-align:center}
.main-content p{line-height:1.6em;margin:0 0 12px}
.main-content .view-all{margin:10px 5px 2px;font-size:11px;text-align:right}
.view-all a{color:#f00;font-style:italic} .view-all a:hover{color:#B55E00;text-decoration:underline}

.main-video-left{background:url(../images/video-left.png) repeat-y left top;margin:auto}
.main-video-left .main-video-right{background:url(../images/video-right.png) repeat-y right top;text-align:center}
.line-video-1{background:url(../images/video-line-right.png) no-repeat bottom right}
.line-video-2{background:url(../images/video-line-left.png) no-repeat bottom left;padding-bottom:21px}

/*Footer*/
#footer{background:#8C0207;border-top:3px solid #AC030A;padding:10px 0;color:#fff;line-height:1.6em;font:14px 'Times New Roman', Times, serif;}
#footer a{color:#fff} #footer  b,.cname{font-size:16px}
#footer a:hover{color:#FF6600} #footer  p{margin:0 0 1px}

/* Error */
.errorSummary{border: 1px solid #f00;padding:2px 0;margin:10px 0 5px 0; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#form-contact .errorSummary ul,.errorSummary ul{margin:0 32px;padding:5px 0; color:red;list-style:disc}
.errorSummary ul li{padding:3px 0}

#form-contact{margin:0 0 10px;padding:10px;border:1px solid #8C0207;border-top:none;background:#fff}
#form-contact ul label{color:#4A4444;font-weight:700; margin:0;width:130px; float:left}
#form-contact ul{list-style:none;margin:0;padding:0}
#form-contact ul li{padding:4px 0; margin:0}
#form-contact ul input, #form-contact ul textarea{ margin:0 20px 0 0; padding:3px;width:220px; border:1px solid #ccc;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px}
#form-contact ul textarea{width:300px}
#form-contact ul span{color:#f00;margin:0 5px 0 0}
#form-contact .button-submit{margin:10px 0 5px 30px;background:#F1A027;color:#fff; height:28px;text-align:center; cursor:pointer;width:70px;border:none;font-weight:bold}
#form-contact .button-submit{margin:10px 10px 5px 0}

/** Poll **/
#poll{color:#222;padding:5px;border-left:1px solid #8C0207;border-right:1px solid #8C0207;background:#fff}
#poll p{margin:0 0 10px; font-weight: bold}
#poll ul{list-style: none; margin:0; padding: 0}
#poll ul li{margin:3px 0}
#poll ul li label{padding-left:5px;cursor:pointer}
#poll .button-poll{cursor:pointer;margin:5px 0 0 0;background:#26150E;border:none;padding:3px 7px;color:#fff;font-weight:bold;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px}

/** Poll Result **/
.poll-title{color:#c00;font-size:140%;font-weight:600;padding:10px 5px 15px 0;margin-top:5px}
#poll-result{width:100%;position:relative;right:1%; margin-bottom: 1em}
#poll-result .bar-title{position:relative;float:left;width:40%;line-height:20px;margin-right:17px;font-weight:bold;text-align:right}
#poll-result .bar-container{position:relative;float:left;width:50%;height:10px;margin:0 0 15px}
#poll-result .bar-container div{background-color:#c40;height:20px; display: block; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#poll-result .bar-container strong{position:absolute;right:-32px;top:0;overflow:hidden}

/* Add to cart */
.form-order{margin:0 0 15px 0;border-radius:0 0 4px 6px;-webkit-border-radius:0 0 4px 6px;-moz-border-radius:0 0 6px 4px}
.form-order thead{background:#8C0207;border-right:1px solid #8C0207}
.form-order thead tr td{font-weight:bold;padding :5px !important; color:#fff;font-size:10pt}
.form-order tbody tr td{border : 1px solid #ccc}
.form-order tbody tr .pic-order{padding:5px}
.form-order tbody tr input{border:1px solid #ccc}
.form-order tbody tr td a{color:#2B1805;display:block}
.form-order tbody tr td a:hover{color:#ED1C24}
.button-order{cursor:pointer; border:none;font-weight:bold;background:#333;padding:5px 7px;color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:0 10px 0 0}
.button-order:hover{color:#fff}

/* Ordering */
#ordering .form label{color:#444;font-weight:700; margin:0;width:110px; float:left}
#ordering .form{list-style:none;margin:0;padding:0}
#ordering .form li{padding:4px 0; margin:0}
#ordering .form input ,#ordering .form textarea{ margin:0 20px 0 0; padding:3px;width:220px; border:1px solid #ddd;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px}
#ordering .form textarea{width:330px}
#ordering .form span{color:#f00;margin:0 5px 0 0}
#ordering .form .button-submit{margin:5px 0;background:#2B1805;color:#fff; text-align:center; cursor:pointer;border:none;font-weight:bold; padding:5px 30px;border-radius:2px;-moz-border-radius: 2px; -webkit-border-radius:2px; width:auto}