@import "reset-min.css";
body{margin:0;padding:0;background:#fff;font:10pt Arial,Helvetica,sans-serif;}
.left{float: left;} .right{float:right} .clear{clear: both}
a{text-decoration:none; color:#3B8C9F} a:hover{color:#FF7A1F}

.scrollup{width:40px;height:35px;text-indent:-9999px;position:fixed;bottom:5px;right:5px;display:none;background: url(../images/icon-top.png) no-repeat;cursor:pointer}
.scrollup:hover{opacity: 0.8;filter: alpha(opacity=80)}

#wrapper,.main-page{width:1000px;margin:auto}
#logo{position:relative;padding:10px 0 40px} .position{position:relative}
.nav-top{list-style:none;padding:0;margin:0;position:absolute;left:400px;top:43px}
.nav-top li{float:left}
.nav-top li a{display:block;padding:5px 15px 15px;text-transform:uppercase;color:#003265}
.nav-top li a:hover{color:#f00}
.nav-top li ul{display:none;padding:5px;margin:0;list-style:none;width:500px;position:absolute;top:30px;right:-175px;z-index:20}
.nav-top li:hover ul{display:block;background:#fff;border-top: 2px solid #333;box-shadow: 2px 2px 6px rgba(0,0,0,.2);border-radius:0 0 5px 5px}
.nav-top li ul li{float:left;width:240px}
.nav-top li ul li a{text-transform:none;color:#000;font-weight:bold;padding:5px 0 5px 15px;background:url(../images/icon-index.png)no-repeat left 8px}
.nav-top li ul li a:hover{color:#f00}

.lang{position:absolute;top:10px;right:0; z-index:3}
.lang a{color:#DD4144;font-size:10px;margin-left:5px} .lang a:hover{color:#3C5103}
.hot-line{position:absolute;bottom:5px;right:0;margin:0;font-size:13px;font-weight:bold;color:#234B92} 
.search_form_top_none,.search_form_top{width:223px;position:absolute;top:35px;right:0; z-index:10;height:25px}
.search_form_top_none{top:5px}
.search_form_top #search_form{margin:0;}
#search_form {margin-bottom:10px;border: solid 1px #bfc9cf;background: #e6eaec;border-radius: 15px;box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);padding: 5px 7px}
#search_form .input-search {border:none;background:#e6eaec;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}

.bg-nav{position:absolute;bottom:-30px;z-index:10;width:1000px;height:50px;margin-bottom:10px}
#nav{list-style:none;padding:8px 10px;margin:0;height:34px;border:1px solid #D5DCE0;background:#fff}
#nav li{float:left;position:relative;padding-right:10px;margin-right:10px;background:url(../images/nav-line.jpg) no-repeat right}
#nav li a{color:#003265;display:block;font-size:14px;font-weight:bold;padding:7px 17px;text-transform:uppercase;border-bottom:2px solid transparent}
#nav li.last{background:none}
#nav li ul{display:none;margin:0;padding:0 0 2px;list-style:none;width:200px;background:#234B92;position:absolute;top:26px;z-index:10}
#nav li:hover ul{display:block;border:1px dashed  #87CF84;border-top:none}
#nav li ul li{float:none;width:100%;background:none}
#nav .selected ul li a,#nav li ul li a{color:#f3f3f3;background:none;padding:8px 2px 8px 7px;border-bottom:1px dashed #fff}
#nav li ul li a:hover{background:none;color:#ff0} #nav li ul li.last a{border-bottom:none}
#nav .selected a{border-bottom:2px solid #E62B2A}
#nav li:hover > a, #nav li a:hover{background:#E6EAEC}

#banner {position: relative;min-height:342px}

#slider{overflow:hidden;display:block;}
#slider img {margin: 0 auto;width: 100%;height: auto;display: block ;overflow: hidden;text-align: center}
#output {position: absolute;top: 0px;left: 0px;z-index: 1000;width: 220px;background: #dc3c00 ;padding: 40px 20px;}
#title {color: white;font-weight: bold;font-size: 14px;text-transform: uppercase;line-height: 18px;}
#title a {color: white;text-decoration: none;}

#content{padding:20px 0 10px}
#content.content-none{padding:50px 0 0}
.content-top{margin-bottom:15px}
.content_left,.column-2{float:left;width:645px;margin-right:55px}
.column-left{margin-bottom:30px}
.content_right,.right-index,.center-index,.left-index{float:left;width:300px;margin-right:55px;padding-top:10px}
.center-index{width:280px}
.content_right,.right-index{width:300px;margin:0} .content_right{padding:0}

.title-right, .title-about,.title-index{font-size:18pt;font-weight:normal;color:#003E6E;padding:0;margin:0 0 10px}
.title-about{text-align:right}
.title-category{margin:0 0 10px;padding:9px 0 9px;background:#FAFAFA;color:#fff;border:1px solid #E5E5E5;border-radius:3px}
.title-category span{font-size:14px;background:#234B92 url(../images/bg-tab.png) no-repeat right;padding:9px 30px 9px 10px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);border-radius:3px 0 0 3px}

.title-box{margin:0;padding:0 5px 0 0;color:#3a3a3a;font-size:10pt;font-weight:bold;background:#E7E7E7 url(../images/box-2.png) repeat-x top right}
.title-box span{display:block;background:url(../images/box-1.png) no-repeat left top;padding:11px 0 8px 35px}

/*Left content*/
#left-content{float:left;width:250px;margin-right:20px}

.sub-new{list-style:none;margin:0;padding:0}
.sub-new li{padding:0 0 5px;margin-bottom:5px;cursor:pointer;clear:both;display:inline-block;vertical-align:top;width:100%}
.sub-new li:hover img{border:1px solid #244C92} .sub-new li p{margin:0}
.sub-new li img{border:1px solid #ccc;padding:1px;width:80px;float:left;margin-right:5px;border-radius:2px}
.sub-new li h4{padding:0;margin:0 0 5px}
.sub-new li h4 a{display:block;color:#0303FE;font-weight:bold;font-size:14px}
.sub-new li:hover a, .sub-new li a:hover{color:#f00}
.sub-new li.last{border:none}

.sub-cat{list-style:none;margin:0;padding:0}
.sub-cat li a{color:#333;border-bottom:1px dotted #d2d2d2;display:block;font-size:10pt;font-weight:bold;padding:8px 0 8px 22px;background:url(../images/bullet.png) no-repeat 7px 12px}
.sub-cat li.last a{border-bottom:none}
.sub-cat li a:hover{color:#024E9E;background:url(../images/orange_sub.gif) no-repeat 7px 12px}
.sub-cat li ul{padding:2px 0 2px 22px;margin:0;list-style:none}
.sub-cat li.last ul li a,.sub-cat li ul li a{border:none;padding:2px 2px 2px 10px;color:#444;font-weight:normal;background:url(../images/arrow.gif) no-repeat left 6px}
.sub-cat li ul li a:hover{background:none}

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

/*Right content*/
#right-content-2{float:left;width:730px}
#right-content{float:left;width:550px}

.breadcrumbs{color:#222;font-weight:bold;margin:10px 0 10px;line-height:1.6em}
.breadcrumbs b{padding:0 3px;color:#444;position:relative;top:-1px}
.breadcrumbs a{color:#E61319;font-size:10pt}
.breadcrumbs a:hover{color:#244C92}

.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-tab,.list-item,.list-item-cat, .list-video{list-style:none;margin:0;padding:0}
.list-tab li, .list-item li, .list-item-cat li, .list-video li {padding:0;text-align:center;margin:0 35px 15px 0;display:inline-block;vertical-align:top;cursor:pointer}
.list-tab li{margin:0 10px 15px 0}
.list-tab li:hover a,.list-item li:hover a,.list-item-cat li:hover a, .list-video li:hover a{color:#234B92}
.list-tab li.last-item,.list-item li.last-item,.list-item-cat li.last-item , .list-video li.last-item{margin:0 0 15px !important}
.list-tab li div.img-item, .list-item li div.img-item,.list-item-cat li div.img-item , .list-video li div.img-item{display:table-cell;vertical-align:middle;text-align:center;border: 1px solid #D6D6D6;
-moz-box-shadow:0 0 6px #cdcdcd;-webkit-box-shadow: 0 0 6px #cdcdcd; box-shadow: 0 0 6px #cdcdcd;border-radius:4px;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out}
.list-tab li:hover div.img-item, .list-item li:hover div.img-item,.list-item-cat li:hover div.img-item , .list-video li:hover div.img-item{border-color:#0346be;box-shadow: 0 0 8px #2955a4}

.title-item{margin:8px 0;padding:0 5px;font-size:14px;font-weight:normal;}
#scroller li img{margin:0 0 2px} #scroller a,.title-item a{color:#333;display:block} 
#scroller a:hover,.list-item li:hover .title-item a:hover, .list-item-cat li:hover .title-item a:hover, .list-video li:hover .title-item a:hover{color:#D71A18}
#scroller li {margin-bottom:5px}
.price-sale{color:#dd0101;font-weight:bold;margin:0 0 3px}
.price-old{color:#444;text-decoration:line-through;margin:0 0 5px;font-size:11px}
.price-old span, .price-sale span{font-size:11px;text-decoration:underline}

.price-info{margin:5px 0;font-weight:bold;color:#444}
.price-info strong{font-size:18px}
.button-pro{margin:10px 0}
.button-detail,.button-cart{background:url(../images/bton-detail.gif) repeat-x center;color:#fff;padding:4px 12px;border-radius:3px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.7)} .button-detail{padding:4px 14px} .button-detail:hover{background:#000}
.button-cart{background:url(../images/bton-order.gif) repeat-x} .button-cart:hover{background:#D3060B;color:#fff}
.list-item li:hover .button-pro a{color:#fff}

/*   Page New  */
.panel-items{list-style: none;text-align:justify;margin:0;padding:0}
.panel-items li{cursor:pointer;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #d2d2d2}.panel-items p{margin:0;line-height:1.3em}
.panel-items li.odd,.panel-items li:hover{background:#f4f4f4}
.panel-items li.last{border:none;padding:0;margin:0} .panel-items li:hover a{color:#f00} 
.img{float:left;margin:0 8px 0 0}
.panel-items li h3{margin:0 0 5px 0;font-size:14px;font-weight:bold}
.panel-items li h3 a{color:#0054A6}
.panel-items li h3 a:hover,.items-index a:hover{color:#02603E}

.items-index{list-style:none;padding:0;margin:0 0 10px} .items-index p{margin:0}
.items-index li{padding-bottom:5px}
.items-index li.item-first{margin-bottom:8px} .items-index li.item-first img{margin-bottom:5px}
.items-index li.item-first h3{margin:0 0 8px;padding:0;font-size:12pt} 
.items-index li.item-first a{padding:0;color:#0303FE}
.items-index li.item-first a:hover{color:#f00}
.items-index li a.link{color:#222;background:url(../images/icon-index.png) no-repeat 3px 7px;padding:2px 2px 2px 17px;display:block}
.items-index li a.link:hover{background:url(../images/icon-index-hover.png) no-repeat 3px 7px;color:#f00}

.items-index  li p.date{color:#666;font-size:11px;font-weight:bold;padding-left:20px;font-style:italic}

/**  items-other  **/
.title-item-other{margin:25px 0 10px;padding-bottom:4px;font-size:11pt;color:#000;font-weight:bold;border-bottom:1px dotted #4A4444}
.items-other{margin:0;padding:0;list-style:none}
.items-other li a span{color:#55;font-style:italic;padding-left:2px;font-size:11px}
.items-other li:hover,.items-other li.odd{background:#f6f6f6}
.items-other li a{color:#222;background:url(../images/icon-other.png) no-repeat 5px 6px;padding:5px 5px 5px 20px;display:block} 
.items-other li a:hover{color:#f90}

/* paging */
ul.paging{float: right; margin:10px 0 0; padding:5px 0; list-style: none;}
ul.paging li{display: inline;margin:0}
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{border:1px solid #ddd;color:#234B92; padding:4px 8px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
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:#234B92;color:#fff;border:1px solid #003086}

.none-page{display:none}
.paging_container{margin-bottom:10px}
.page_navigation{float:right}
.page_navigation , .alt_page_navigation{padding-bottom:10px}
.page_navigation a, .alt_page_navigation a{float:left;padding:4px 8px;margin:2px;border:1px solid #ddd;color:#23AA96;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.page_navigation a:hover,.page_navigation a.active_page{background:#23AA96;color:#fff;border:1px solid #003086}

#column-3{float:right;width:215px}
#video-top{text-align:center;padding:5px 5px 8px}
.main-sub{border:1px solid #D2D2D2;border-bottom:none;background:#fff}
.line-box{background:url(../images/line-box.png) no-repeat right bottom;padding-right:8px;height:8px;margin-bottom:10px}
.line-box div{background:url(../images/line-box.png) no-repeat left bottom;padding-left:8px;height:8px}

.main-view{margin-bottom:10px} .main-preview{margin-bottom:20px;border-bottom:2px solid #ccc}
.main-view-video,.main-border,.main-content{padding:5px 0 10px;background:#fff;margin-bottom:15px}
.main-view-video{text-align:center}
.main-index p,.main-content p{line-height:1.6em;margin:0 0 12px}
.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*/
#bg-footer{padding:0;margin:0;color:#fff;background:#003265;font-size:13px} #footer a{color:#fff}
#footer{background:#003265;padding:20px 0}
.footer-info{float:left;width:550px;padding-left:10px}
.copyright{float:right;width:350px;text-align:right;padding-right:10px}
#nav-footer{margin:0 0 10px;text-align:center;padding:13px 5px 12px}
#nav-footer li{list-style:none;display:inline;}
#nav-footer li a{padding:13px 15px 12px 12px;color:#fff;background:url(../images/bkg-pipe1.gif) no-repeat right}
#nav-footer .last a{background:0} #nav-footer li a:hover{color:#ff0}
#footer a:hover{color:#FFCC33} #footer p{margin:0;line-height:1.55em}

.bg-support{margin-bottom:20px}
.support-top h4{background:url(../images/live-support.png) no-repeat left;padding:15px 0 0 60px;color:#234B92;font-size: 14pt;margin:0 0 15px}
.support-top{float:left;width:715px;margin-right:20px}
.support{list-style:none;padding:0;margin:0}
.support li{display:inline-block;vertical-align:top;padding:0;margin:0 15px 15px 0}
.support li.last-item{margin:0 0 15px !important} .support li p{margin:0}
.support li .img-support{float:left;width:34px;margin-right:5px}
.support li  .ten-port{float:left;width:290px;font-size:11px;color:#1C1C1C;position:relative;min-height:50px} 
.sky-none, .ico-support{position:absolute;right:0;top:10px}
.ico-skype{position:absolute;right:0;bottom:0}
.ten-port p:first-child{color:#0077BD;font-weight:bold;margin-bottom:3px}

.statistics{color:#333;float:left;width:265px}
.statistics h4{background:url(../images/statistics.png) no-repeat left;padding:15px 0 0 60px;color:#234B92;font-size: 14pt;margin:0 0 15px}
.statistics ul{padding:0;margin:0;list-style:none}
.statistics li{padding:0 0 2px}

/* 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:#f00;list-style:disc}
#form-contact .errorSummary ul li, .errorSummary ul li{padding:3px 0}

#form-contact{padding:5px 0}
#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 #ddd;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:#4A4444;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:#111;padding:5px 5px 0;background:#fff;border-left:1px solid #D6D6D6;border-right:1px solid #D6D6D6}
#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:#000;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:#785425;border-right:1px solid #785425}
.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:#49372B}
.button-order{cursor:pointer; border:none;font-weight:bold;background:#785425;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}