﻿body{font-family:Verdana,Arial,MS Sans Serif,Tahoma;font-size:11px;margin:0; background:#EEE}
a,a:hover,a:visited{text-decoration:none;}
body img{border:none;}
#mainwrapper{padding:0 10px 10px;width:981px; margin:0 auto 10px; border:1px solid #ccc; border-bottom-left-radius:5px ; border-bottom-right-radius:5px }
#main{text-align:center;width:981px;}
#header{height:200px;}
#header{padding-bottom:2px;}
#menu{height:33px;width:100%;margin-bottom:2px;}
#header img{border:none;}
#header #logo-banner{height:200px;width:981px;overflow:hidden;}
#header #logo-banner #banner-logo{height:200px;width:980px;}
#header #logo-banner #logo{height:200px;width:180px;}
#header #logo-banner #banner{height:200px;width:800px;}
#content{float:left;overflow:hidden;}
#left{width:200px;text-align:center;height:100%;float:left;margin-bottom:-5000px;padding-bottom:5000px;}
#center{min-height:650px;width:573px!important;width:569px;float:left;padding-left:4px;padding-right:3px;}
#right{width:200px;float:left;margin-bottom:-6000px;padding-bottom:6000px;}
#footer{clear:left;width:100%;height:auto;}
.footer{padding:5px 0 5px 5px;}
.viennam{display:none;visibility:hidden;}
.breadcrumb{padding:10px 0;}
.keyword a,.breadcrumb a{text-decoration:underline;}
.pager{padding:5px;padding:5px;}
.pager a{margin:5px;padding:0 2px;}
.pager .current{font-size:1.2em;font-weight:600;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.middle{vertical-align:middle;}
.top{vertical-align:top;}
.middle img,.top img{vertical-align:inherit;}
.box,.tabbox{margin-bottom:10px; }
.box .header,.tabbox .tab-header{font-size:1em;font-weight:bold;padding-top:0;height:27px;}
.box .content,.tabbox .tab-content{padding:5px 5px 10px;border:1px solid; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px}
.box .header h1,.box .header p,.tabbox .tab-header h2{font-size:1em;font-weight:bold;margin:0;height:27px;padding:5px 0 0 10px;}
.box .header img{float:left ; margin-right:3px ; height:20px; width:20px; margin-left:-5px}
.online{height:40px;}
.online .label{height:20px;display:block;width:120px;float:left;}
.online .number{height:20px;display:block;float:right;text-align:right;padding-right:5px;}
.hotline{vertical-align:middle;height:36px;}
.hotline img{vertical-align:inherit;}
.hotline span{font-weight:bold;}
#product-slide{float:left;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin-bottom:5px;height:247px;width:570px!important;width:568px;overflow:hidden; border:1px solid #CCC}
#product-slide .item{height:auto;width:570px!important;width:560px;padding:0 0 10px 0;margin-bottom:5px;}
#product-slide .item .content{height:200px;margin-left:10px;padding-right:5px;}
#product-slide .item .content .info{height:195px;overflow:hidden;}
#product-slide .item .content .info p{margin:0;}
#product-slide .item .news-title{display:block;padding-left:10px;}
#product-slide .item .img{height:200px;width:200px;float:left;margin:0 10px 0 0;padding:5px;}
#product-slide .item .img img{max-height:190px;max-width:190px;border:none;height:auto!important;width:auto!important;height:190px;width:190px;vertical-align:inherit;}
#product-slide .item .banner{height:240px;width:100%;border:0 solid gray;float:left;margin:5px 0 0 0;padding:0;}
#product-slide .item .banner img{height:100%;width:98%;border:none;}
#slide_pager{float:right;}
p.float{float:left;width:50%;margin-right:1%;margin:.5em 0;}
p.float input[type=text]{width:96%;}
p.full{float:left;width:100%;margin:.5em 0;}
p.full input[type=text],p.full textarea,p.full select{width:98%;}
.clear{clear:both;}
.forum-list,.link-list{margin:0;padding:0;list-style-type:none;}
.forum-list li,.link-list li{display:block;width:180px;float:left;text-align:left;padding:5px;}
.forum-list li a:hover,.link-list li a:hover{text-decoration:underline}

.designedby{float:right;text-align:right;padding-right:10px;padding-top:50px;}
.news-group{padding-bottom:20px;}
.news-group-title{font-size:1.2em;font-weight:700;}
.first{padding:5px;text-align:justify;}
.news-group .float-image{float:left;margin-right:10px;margin-bottom:5px;}
.news-group .news-title{padding-top:5px;padding-bottom:5px;font-size:1.2em;letter-spacing:normal;font-weight:700;}
.news-group p{padding-top:5px;padding-bottom:5px;text-align:justify;margin:0;}
.news-detail{text-align:justify;padding-right:5px;}
.news-title{padding-top:5px;padding-bottom:5px;font-size:1.3em;letter-spacing:.01em;font-weight:700;}
.font-date-time{font-size:.8em;font-weight:400;}
.other-news-box{margin-top:20px;margin-left:5px;}
.other-news-box h1{font-size:1.1em;font-weight:700;padding:0;}
.other-news-box ul{list-style-position:inside;padding:0 0 0 1px;}
.other-news-box .news-title{font-size:1.1em;}
.font-article-title{font-weight:700;}
.news-group a,.news-group a:visited,.other-news-box a{text-decoration:none;}
div.keyword{padding:5px 0;}

.search-wrapper{padding:0;margin:0;}
.search-wrapper{float:right;}
.search-wrapper .search{padding:0;position:inherit;}
.search-wrapper .search .hint{position:absolute;opacity:.5;display:inline;margin-top:7px;}
.search-wrapper .search .textbox{margin-left:-60px;width:130px;padding-right:60px; margin-right:-4px}
.search-wrapper .search .button{width:60px;margin-left:-60px;z-index:10;}
.search-result .item{display:block;padding:5px 0 10px 0;}
.search-result .title{font-size:1.4em;text-decoration:underline;display:block;}
.search-result .image{float:left;width:100px;height:100px;text-align:center;padding:10px;}
.search-result .image img{width:80px;height:80px;}
.search-result .content{font-size:1.1em;padding:0;display:block;}
.search-result .hightlight{font-weight:bold;}
.search-result .search-term{font-weight:bold;}
.search-result .message{display:block;text-align:right;float:right;font-size:1.1em;clear:both;margin:5px 0;}

.size-1{font-size:1em;}
.size-12,.size-big{font-size:1.2em;}
.size-15,.size-bigger{font-size:1.5em;}
.size-2,.size-biggest{font-size:2em;}
.size-08,.size-small{font-size:.8em;}
.size-06,.size-smaller{font-size:.6em;}
.message {padding:5px}
/* root element for tabs  */
ul.css-tabs {margin:0 !important; padding:0;height:30px;border-bottom:1px solid #666;}
/* single tab */
ul.css-tabs li {  float:left;  padding:0; margin:0;  list-style-type:none;   }

/* link inside the tab. uses a background image */

ul.css-tabs a { float:left;font-size:13px;display:block;    padding:5px 10px; text-decoration:none;border:1px solid #666;  border-bottom:0px;height:18px;background-color:#efefef;color:#777;margin-right:2px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright:4px;border-top-left-radius: 4px;border-top-right-radius:4px;position:relative;top:1px;    }

ul.css-tabs a:hover {    background-color:#F7F7F7;    color:#333;}
    
/* selected tab */

ul.css-tabs a.current {
    background-color:#fff;
    border-bottom:2px solid #fff;   
    color:#000; 
    cursor:default;
}

/* tab pane */

div.css-panes > div {    display:none;    border:1px solid #666;    border-width:0 1px 1px 1px;       border-bottom-left-radius:4px 4px;      border-bottom-right-radius:4px 4px;      padding:15px 10px;    background-color:#fff;  min-height:100px }

.box-subscribe-input{width:96%}

.panel-shipping fieldset{padding:5px; margin:5px; border-radius:5px 5px; -moz-border-radius: 5px 5px; border-color:#CCC ;border-width:1px}
.panel-shipping fieldset legend{padding:5px; margin:5px 10px ; background:#CCC ; font-weight:600; }
.cart-review table{border:1px solid #ccc; width:100%; border-collapse:collapse; }
.cart-review table td, .cart-review table th{padding:4px}
.cart-review table tfoot{font-weight:600}
.cart-review table thead{background:#EEE}

.ItemChat img.skype{width:98%; height:16px}
.ItemChat img.yahoo{width:auto;height:16px}
.hotline img{width:36px; height:36px;}