html{}
body{display:block; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; background:#fff url('../images/bg.jpg') no-repeat center top; }
a{text-decoration: none; outline: 0; border:0; -webkit-transition: all 0.3s ease; color:#006f98;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
a:hover{color:#e23329;}
img {border:none;}
ul{margin:0; padding:0; list-style:none;}
.clear{clear:both; height:0px;}
.container{position:relative; width:960px; margin:0 auto;}
#header {width:100%; display:block;}
#header .left{display: table-cell; height:110px; width:480px; text-align:center; vertical-align:middle;}
#header .left img{display:block; }
#header .right{display: table-cell; height:110px; width:50%; vertical-align:top;}
#header .right ul,#header .right form{float:right; color:white; font-size:12px; clear:both;}
#header .right ul li{float:left; padding:6px 10px; line-height:20px;}
#header .right ul li a{ outline: 0; border:0;}
#header .right form{ margin-top:10px; position:relative;}
#header .right form fieldset{border:0; padding:0;}
#header .right form input[type="text"]{ background-color:#106373; background-color:rgba(0,0,0,0.4); border:none; padding:8px 20px; line-height:14px; font-size:11px; color:white; width:140px;
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
}
#header .right form button{height:22px; width:20px; background:url('../images/search.png') no-repeat center center; border:none; position:absolute; top:5px; right:14px;}
#mainmenu{ -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; z-index:100; margin:0 !important;
border-top:1px solid #b2ced7; float: left; width:95%; padding-left:5%; display:inline-block;
background-color: #4db0cb;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(86,176,201,0.7)),color-stop(0.5, #4AA1BB));
background-image: -o-linear-gradient(bottom, rgba(86,176,201,0.3) 0%, rgba(74,161,187,0.3) 50%);
background-image: -moz-linear-gradient(bottom, rgba(86,176,201,0.3) 0%, rgba(74,161,187,0.3) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(86,176,201,0.3) 0%, rgba(74,161,187,0.3) 50%);
background-image: -ms-linear-gradient(bottom, rgba(86,176,201,0.3) 0%, rgba(74,161,187,0.3) 50%);
background-image: linear-gradient(to bottom, rgba(86,176,201,0.3) 0%, rgba(74,161,187,0.3) 50%);
}
#mainmenu>li{float:left; position:relative; z-index:100;}
#mainmenu>li>a{color:white; text-shadow: black 0.1em 0.1em 0.2em; text-transform:uppercase; line-height:18px; padding:12px 15px; display:block; font-weight:bold; }
#mainmenu>li:hover>a{
background-color:#479CB3;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(85,162,188,0.3)),color-stop(0.5, rgba(73,144,170,0.3)));
background-image: -o-linear-gradient(bottom, rgba(85,162,188,0.3) 0%, rgba(73,144,170,0.3) 50%);
background-image: -moz-linear-gradient(bottom, rgba(85,162,188,0.3) 0%, rgba(73,144,170,0.3) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(85,162,188,0.3) 0%, rgba(73,144,170,0.3) 50%);
background-image: -ms-linear-gradient(bottom, rgba(85,162,188,0.3) 0%, rgba(73,144,170,0.3) 50%);
background-image: linear-gradient(to bottom, rgba(85,162,188,0.3) 0%, rgba(73,144,170,0.3) 50%);
}
#mainmenu>li>ul{position:absolute; width:220px; background-color:#50aecb; background-color:rgba(86, 126, 138, 0.6); display:none;}
#mainmenu>li>ul>li>a{color:white; text-shadow: black 0.1em 0.1em 0.2em; line-height:18px; padding:6px 15px; display:block; font-weight:bold; border-bottom:1px dashed #8CCFCF; z-index:100;}
#mainmenu>li>ul>li:last-child>a{border-bottom:none;}
#mainmenu>li>ul>li:hover>a{ background-color:rgba(30,55,65,0.6); }
#mainmenu>li:hover>ul{display:block;}
#slider {height:310px;}
#slider .flex-direction-nav a:before{line-height:40px;}
.flexslider p{margin:0 !important;}
.slider{display:block; width:100%; height:auto; position:relative; z-index:3; overflow:hidden;}
.slide-bg{ width:970px; height:140px; top: -14px; margin-left:-5px; z-index:0; position:relative; display:block; background:url('../images/slide_shadow.png') no-repeat 2px top;}
#head_prods{display:inline-block; position: absolute; width:940px; left:0px; top: -140px; z-index:10; padding:0px 10px;}
#head_prods li{display:inline-block; z-index:10; width: 185px; padding: 10px 0px 10px 0px; height:88px;}
#head_prods li .images{display: inline-block; width:78px; height:78px; -webkit-border-radius: 39px; -moz-border-radius: 39px; border-radius: 39px; overflow:hidden; border:1px solid #dedede; text-align:center; vertical-align:top; margin-top:5px; margin-right:5px; }
#head_prods li .images a{width:78px; height:78px; display:table-cell; vertical-align:middle; text-align:center;}
#head_prods li .images img{max-width:78px; max-height:78px; }
#head_prods li span{display: inline-block; width: 85px; height:88px; vertical-align:top;}
#head_prods li span a{display:table-cell; width: 85px; height:88px; vertical-align:middle;}
#head_prods li .prod_title{margin:8px 0px; padding-left:5px; color:#5A5757; font-style:normal; font-weight:bold;}
#head_prods li .prod_title:hover{color:#0296c0;}
#head_prods li p{ padding-left:5px; margin:4px 0px; font-style:italic; font-size:11px; color:#818181;}
#body{width:100%; }
#index{width:930px; padding:0px 15px; display:block;}
#index>li{display:inline-block; width:280px; margin-right:45px; vertical-align:top; *display: inline; *zoom: 1; }
#index li.last{margin-right:0px;}
#index li.last h3{text-transform:uppercase;}
#index li:first-child span{display:inline-block; border-bottom:1px solid #e0e0e0;}
h2{text-transform:uppercase; font-size:15px; position:relative; display:block; padding:4px 0px 12px 0px; margin:15px 0px 20px 0px; color:#333;}
h2:before{content:''; width:50%; height:2px; display:block; position:absolute; bottom:0px; left:0px; background-color:#e23329;}
h2:after{content:''; width:50%; height:2px; display:block; position:absolute; bottom:0px; right:0px; background-color:#006f98;}
h2 i{color:#e23329; font-style:normal;}
#index>li:first-child img{border:5px solid #fff; float:left; margin-right:16px; margin-top:4px; width:120px; height:76px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);
-moz-box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);
box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);}
h2 a{font-size:12px; display:inline-block; padding:0px 0px 0px 10px; color:#333; text-transform:none; vertical-align: top;}
h2 a:before{content:''; display:block; float:left; height:15px; width:10px; margin-right:5px; background:url('../images/right-arrow.png') no-repeat center center; background-size:auto 15px;}
h2 a.first{text-transform:uppercase; font-size:15px; }
h2 a.first:before{display:none;}
#slider_response{border:5px solid #fff; -webkit-box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);
-moz-box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);
box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);}
#slider_response ol{display:none;}
#slider_response .flex-direction-nav a{top:40%;}
#slider_response .flex-direction-nav a:before{line-height:40px;}
#index li h3{margin:8px 0px; color:#e23329; font-size:12px; text-align:justify;}
#index li p{color:#2d2d2d; margin:4px 0px; text-align:justify; line-height: 18px;}
.seemore{color:#e23329; font-weight:bold; width:100%; text-align:right; display:block; margin:10px 0px;}
.seemore:hover{color:#0296c0;}
#index li .sublist{ padding-top:10px; border-top:1px solid #fff;}
#index li .sublist li{line-height:24px;}
#index li .sublist li:before{content:'*'; width:24px; display:block; color:#333; float:left; font-size:20px; height:24px; line-height:32px;}
#index li .address{background:url('../images/add.png') no-repeat 2px 3px; padding-left:20px; margin:8px 0px;}
#index li .phone{background:url('../images/phone.png') no-repeat 2px 3px; padding-left:20px; margin:8px 0px;}
#index li .email{background:url('../images/mail.png') no-repeat 2px 4px; padding-left:20px; margin:8px 0px;}
#index li .mapcon{border:5px solid white; display:block; width:100%; max-height:160px; height:160px; margin:25px 0px 20px 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);
-moz-box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);
box-shadow: 0px 0px 5px 0px rgb(139, 139, 139);}
#footer{width:100%; padding:18px 0px; margin-top:25px; background-color:#ebebeb;
-webkit-box-shadow: inset 0px 0px 10px 0px rgb(187, 187, 187);
-moz-box-shadow: inset 0px 0px 10px 0px rgb(187, 187, 187);
box-shadow: inset 0px 0px 10px 0px rgb(187, 187, 187);}
#index li .mapcon p{margin:0px; padding:0px;}
#index li .mapcon p img{max-width:100%; max-height:150px;}
#footer .left,#footer .right{display:inline-block; vertical-align:middle;}
#footer .right {text-align: center; color: #666; line-height:20px; height:64px; }
#footer p{margin:0; color:#444444; text-align:right; line-height:18px;}
.height {display:block; height:80px; width:100%;}
/* ---------------------NEWSLIST-------------------- */
.paging{margin:10px 2%; font-family:Tahoma, Geneva, sans-serif; display:block; width:96%;}
.paging a{padding:6px 10px; font-size:12px; line-height:24px; border:1px solid #ddd; margin-left:-1px; color:#0296c0;}
.paging strong{color:#999; font-size:12px; padding:6px 10px; background-color: #F5F5F5; line-height:24px; border:1px solid #ddd; margin-left:-1px; }
.listnews{display:inline-block; width:700px; padding: 0px 0px 40px 0px;}
.list{margin:0px; padding:15px; display:block; list-style:none; border:1px solid #dadada; background-color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.list ul{margin:0px; padding:0px; float:left; list-style:none;}
.list li{margin:0px; padding:5px 0px 0px 0px; display: inline-block; width:100% !important; border-bottom:1px solid #e0e0e0; border-top:1px solid #fff;}
.list li:last-child{border-bottom:none;}
.list li:first-child{border-top:none; padding-top:0px;}
.list .newslist-images{float:left; padding: 4px; margin:5px 5px 10px 0px; border: 1px solid #e0e0e0;background: #fff;}
.list .newslist-images a{display: block;width: 160px;height: 120px;overflow: hidden;}
.list .newslist-images a img{width: 160px;height: 120px;}
.list .newslist-content{float: right;width: 490px;}
.list .newslist-content h4{margin: 0px 0px 5px 0px;}
.list .newslist-content h4 a{color: #005984;font-size: 13px;}
.list .newslist-content h4 a:hover{text-decoration:underline;}
.list .newslist-content .newslist-info{font-size: 11px;text-transform: uppercase;margin-bottom: 2px;color: #888;display: block;padding-left: 15px;background: url(../images/time.png) 0px 1px no-repeat;}
.list .newslist-content .newslist-info a{color:#888;}
.list .newslist-content .newslist-info a:hover{color:#0296c0;}
.list .newslist-content p{line-height: 18px; border: 0px;font-family: Tahoma, Geneva, sans-serif;font-size: 12px; margin:4px 0px; color:#2d2d2d;}
.list .newslist-content p a{color: #ef6000; display: inline-block; padding-left: 10px; font-size: 11px;}
.list .newslist-content p a:hover{color:#0296c0;}
.list h3{float:left; width:690px; padding:8px 0px 8px 50px; margin:10px 0px; height:20px; line-height:20px; font-size:16px; text-transform:uppercase; color:#4365a6;}
.similarprod{display:block; width:100%; background:none; border:none; padding:0px 10px;}
.similarprod li{ padding: 4px 0px !important; border:none;}
.similarprod li:before{content:'»'; width:16px; margin-left:8px; display:block; color:#333; float:left; font-size:12px; height:16px; line-height:14px;}
.similarprod li a:first-child{display:inline-block; width:540px;}
.similarprod li a.last{display:inline-block; width:80px; font-style: italic; color: #e23329; font-size:12px;}
/* ---------------------NEWS-------------------- */
.news {display:inline-block; width:700px; padding: 0px 0px 40px 0px;}
.news h3 strong{float:left;display: block; padding-right:10px;}
.news h3 a{float: left; color:white !important; font-size: 14px;font-weight: normal;color: #5c5c5c;padding-left: 15px;display: block;background: url(../images/expand-arrow.png) 0px 6px no-repeat;margin-right: 10px;}
.news h1{font-size: 17px;font-family: Arial;font-weight: bold;color: #0c7aaf; margin:15px 10px;}
.news .news-info{color: #999;font-style: italic; font-size:11px; margin: 0px 0px 10px 10px;background: url(../images/time.png) 0px 3px no-repeat;padding-left: 15px;}
.news .news-content ul{padding-left:20px; list-style:inherit;}
.news .news-content{margin:10px;}
.news .news-content p{margin-left:0px !important;}
.news .news-content .images{width:200px; margin-right:20px; margin-bottom:10px; background-color:#fff; border:1px solid #ddd; float:left; height:200px; }
.news .news-content .images>a{width:200px; height:200px; text-align:center; vertical-align:middle; display:table-cell;}
.news .news-content .images .thumb{ max-width:200px; max-height:200px; position:relative; display:inline-block; }
.news h4{font-size: 12px; border-bottom: 1px solid #DBCDCC;font-weight: bold;padding: 5px 0; margin:10px 10px; text-transform:uppercase; color:#0296c0;}
.news ul.same_cate li{padding: 7px !important; height: 130px !important;}
.news ul li a {color: #4d4d4d; display: block; font-size:12px;}
.news ul li a:hover{color:#0296c0;}
.news ul.list{display:block; width:100%; background:none; border:none; padding:0px 10px;}
.news ul.list li{ padding: 4px 0px !important; border:none;}
.news ul.list li:before{content:'»'; width:16px; margin-left:8px; display:block; color:#333; float:left; font-size:12px; height:16px; line-height:14px;}
.news ul.list li a span{font-style: italic;color: #b0b0b0; font-size:11px;}
.news ul.list li a span img{width:30px !important; height:10px !important; float:none; margin-left:5px;}
.samecate {padding:0; width:100%;}
.samecate li{padding:10px 15px; display:inline-block; width:144px; vertical-align:top; }
.samecate li a img{max-width:144px !important; max-height:120px;}
.samecate li a:first-child{display:table-cell; height:120px; vertical-align:middle; text-align:center;}
.samecate li a:last-child{display:block; height:64px; margin-top:5px;}
.news-share{margin:5px 0px 5px 20px;}
.news-share>div{vertical-align:middle !important;}
/* ---------------------CONTACT-------------------- */
.contact_page h3{ padding:8px 0px 8px 50px; margin:10px 0px; height:20px; line-height:20px; font-size:16px; text-transform:uppercase; color:#4365a6;}
.contact_page{width:700px; padding: 0px 0px 40px 0px; margin:0; display:inline-block; vertical-align:top; }
.contact_page .flashtext_error{background-color:rgb(255, 76, 76); color:white; padding:5px 10px;}
.contact_page .flashtext_success{background-color:rgb(76, 255, 126); color:white; padding:5px 10px;}
.contact_page form,.contact_page .detail_contact{width:48%; display:inline-block; vertical-align:top; margin:0px 1%;}
.contact_page form h1{font-size: 13px;color: #e23329; text-transform:uppercase; margin:8px 0px;}
.contact_page form dl{width: 96%;float: left; color: black; padding: 7px 2%; margin:0px;}
.contact_page form dl dt{float: left;width: 30%;text-align: right;padding-top: 5px;}
.contact_page form dl dt span{color: #e00;}
.contact_page form dl dd{float: right;width: 60%; margin:0;}
.contact_page form dl dd input{border-radius: 5px;border: 1px solid #cbcbcb; padding: 3px 3px 3px 15%; width:85%;}
.contact_page form dl dd input[type='submit']{ width:80px;}
.contact_page form dl dd input.fullname{background: #fff url(../images/people.png) 5px 4px no-repeat;}
.contact_page form dl dd input.email{background: #fff url(../images/email.png) 5px 5px no-repeat;}
.contact_page form dl dd input.mobile{background: #fff url(../images/mobile.png) 5px 4px no-repeat;}
.contact_page form dl dd input.address{background: #fff url(../images/address.png) 5px 4px no-repeat;}
.contact_page form dl dd textarea{width:99%; height: 100px; border: 1px solid #cbcbcb;}
.button1{float:left; line-height:12px; padding:8px 12px !important; margin-bottom:2px; margin-top:0px; border:1px solid #d4d4d4; border-radius:5px; color:#e87b72; font-weight:bold; font-size:12px; background:url('../images/button1-pattern.png') repeat-x top center;}
.contact_page .detail_contact h1{font-size: 13px;color: #0c7aaf; text-transform:uppercase; margin:8px 0px;}
.contact_page .detail_contact p{margin: 5px 0;padding-left: 16px;color: #444;}
.contact_page .detail_contact p.address-1{background: url(../images/add.png) 0px 2px no-repeat;}
.contact_page .detail_contact p.mobile-1{background: url(../images/phone.png) 0px 2px no-repeat;}
.contact_page .detail_contact p.email-1{background: url(../images/mail.png) 0px 2px no-repeat;}
#mapcont{width: 316px; float:left; margin-top: 18px; height: 240px; border-radius: 5px;border: 5px solid #fff;box-shadow: 0px 0px 3px #aaa;}
#mapcont iframe{width:100%; height:100%;}
#mapcont p{padding:0; margin:0;}
#mapcont p img{max-width:100%; max-height:240px;}
.hoverform h1{font-size: 13px;color: #e23329; text-transform:uppercase; margin:8px 0px;}
.hoverform dl{width: 96%;float: left; color: black; padding: 7px 2%; margin:0px;}
.hoverform dl dt{float: left;width: 30%;text-align: right;padding-top: 5px;}
.hoverform dl dt span{color: #e00;}
.hoverform dl dd{float: right;width: 60%; margin:0;}
.hoverform dl dd input{border-radius: 5px;border: 1px solid #cbcbcb; padding: 3px 3px 3px 15%; width:85%;}
.hoverform dl dd input[type='submit']{ width:80px;}
.hoverform dl dd input.fullname{background: #fff url(../images/people.png) 5px 4px no-repeat;}
.hoverform dl dd input.email{background: #fff url(../images/email.png) 5px 5px no-repeat;}
.hoverform dl dd input.mobile{background: #fff url(../images/mobile.png) 5px 4px no-repeat;}
.hoverform dl dd input.address{background: #fff url(../images/address.png) 5px 4px no-repeat;}
.hoverform dl dd textarea{width:99%; height: 100px; border: 1px solid #cbcbcb;}
/* ---------------------SEARCH-------------------- */
.search_result{width:700px; display:inline-block; padding: 0px 0px 40px 0px;}
.search_result h4{float:left; font-size: 12px; font-weight: normal; padding: 5px 0; margin: 5px 2%; width:96%;}
.search_result h5{float:left; padding: 5px 0; margin: 5px 2%; width:96%;}
.search_result ul {list-style:none; float:left; padding:0px !important; width:100%; margin:5px 0px !important;}
.search_result ul li {width:90% !important; margin:2px 4% !important; font-size:11px; padding:2px 5px !important;}
/* ---------------------GALLERY-------------------- */
#gallery {width:700px; display:inline-block; padding: 0px 0px 40px 0px;}
#gallery-content{width:100%; list-style:none; display:block;}
#gallery-content li {display:inline-block; background-color:#fff; width:30%; margin:1.5%; box-shadow: 0px 0px 5px 0 #d6d6d6; -webkit-box-shadow: 0px 0px 5px 0 #d6d6d6; -moz-box-shadow: 0px 0px 5px 0 #d6d6d6; box-shadow: 0px 0px 5px 0 #d6d6d6; }
#gallery-content li a{width:100%; display:table;}
#gallery-content li .image{padding:5px; height:172px; display:table-cell; vertical-align:middle; text-align:center;}
#gallery-content li .image img{max-width:200px; max-height:130px;}
#gallery-content li span{display:table-row; font-weight:bold; line-height:24px; text-align:center; padding:4px 5px; color:#0c7aaf;}
#gallery .paging select{display: block;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
border: 1px solid #FFF;
box-shadow: 0px 1px 3px #999;
margin: 10px 4%;
min-width: 200px;
text-transform: uppercase;
height: 30px;
padding: 0px 0px 0px 10px;
}
.brands .carousel li {width:160px !important; text-align:center; margin:0px;}
/* ---------------------CATEGORY-------------------- */
.category {margin-bottom:20px;}
.category li{ border:0; padding:5px 14px 5px 14px; width:170px !important; min-height:200px; margin:10px 10px; vertical-align:top;}
.category li:first-child{ padding:0px 10px; line-height:25px; width:648px !important; min-height:0px; border-bottom:1px solid #B4B4B4; text-transform:uppercase; font-weight:bold; margin:10px 0px;}
.category li:first-child:before{content: '*'; width: 24px; display: block; color: #333; float: left; font-size: 20px; height: 24px; line-height: 32px;}
.category li .content-list{line-height:24px; display:inline-block; width: 100%; text-align:center;}
.category li .images{display:inline-block; width:160px; padding:4px; border:1px solid #ddd; background-color:#fff; vertical-align:top;}
.category li .images a{display:table-cell; width:160px; height:160px; vertical-align:middle; text-align:center;}
.category li .images img{max-width:160px; max-height:160px; vertical-align:middle;}
.category li .seemore{width:auto; display:inline-block; margin-bottom:0px; margin-top:8px; font-weight:normal;}
.category .button1 { float:none;
background: #00a5ca; /* Old browsers */
background: -moz-linear-gradient(top, #00a5ca 1%, #007099 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00a5ca), color-stop(100%,#007099)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00a5ca 1%,#007099 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00a5ca 1%,#007099 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00a5ca 1%,#007099 100%); /* IE10+ */
background: linear-gradient(to bottom, #00a5ca 1%,#007099 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5ca', endColorstr='#007099',GradientType=0 ); /* IE6-9 */
color:#fff; outline:0; cursor:pointer;
}
.hoverform {position:absolute; z-index:999; background-color:#fff; border:1px solid #1fbad0; padding:20px; width:400px;}
/* ---------------------LEFT-------------------- */
#body .left{width:250px; margin:0px 10px 0px 0px; display:inline-block; vertical-align:top; padding: 0px 0px 40px 0px;}
#body .left .newslist-images img{width: 62px; height: 45px;}
#body .left .newslist-images a{width:62px; height:45px;}
#body .left .newslist-images {margin-left:0; }
#body .left .newslist-content{width:136px; margin:5px 0px;}
#body .left .newslist-content h4{font-weight:normal !important; }
.left>div>.submenu>li>a{display:block; padding:4px 12px; line-height:24px; background-color:#fff; border:1px solid gainsboro; font-weight:bold; color:#333;}
.left>div>.submenu>li>a:hover,.left>div>.submenu>li.active>a{color:#0296c0; background-color:#ddd;}
.left>div>.submenu>li.sub>a:before{content:'»'; width:16px; display:block; color:#333; float:left; font-size:14px; height:24px; line-height:20px;}
.left>div>.submenu>li>ul{margin:0px 2px; display:none;}
.left>div>.submenu>li>ul>li>a{display:block; padding:2px 12px; line-height:24px; background-color:#0296c0; border-bottom:1px solid gainsboro; color:#fff;}
.left>div>.submenu>li>ul>li:last-child>a{border-bottom:0;}
.left>div>.submenu>li>ul>li>a:hover,.left>div>.submenu>li>ul>li.active>a{background-color:#e23329; }
.brands { border:1px solid #f0f0f0; margin:20px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px 0; width:960px;}
.brands h5{font-size:11px; text-transform:uppercase; margin:0px 0px 0px 0px; }
.brands img{max-height:65px;}
.brands p{display:inline-block; margin:10px;}
#support_box {
position: fixed;
right: 0;
bottom: 0;
width: 220px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 4px 0 #ccc;
-webkit-box-shadow: 0 0 4px 0 #ccc;
-moz-box-shadow: 0 0 4px 0 #ccc;
-o-box-shadow: 0 0 4px 0 #ccc;
-ms-box-shadow: 0 0 4px 0 #ccc;
z-index: 9999;
float: left;
}
#support_box h3{margin:0; font-size:22px; line-height:27px;}
#support_box p{margin:0; line-height:14px;}
#support_box > div { height:41px;
background: #31353e url('../images/coun.png') 5px center no-repeat;
padding: 5px 5px 5px 60px;
cursor: pointer;
position: relative;
}
#support_box > div img {
position: absolute;
top: 5px;
right: 5px;
}
#support_box > div p {
color: #ddd;
font-size: 11px;
}
#support_box > div h3 {
font-size: 22px;
color: #fd6533;
font-weight: normal;
font-family: Tahoma, Geneva, sans-serif;
}
#support_box dl {
float: left;
width: 100%;
margin: 5px;
display: none;
}
#support_box dl dt {
float: left;
}
#support_box dl dt span {
width: 65px;
height: 65px;
display: block;
overflow: hidden;
border: 1px solid #ccc;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
#support_box dl dd {
float: right;
width: 140px;
margin:0;
}
#support_box dl dd > * {
display: block;
margin: 3px 0;
color: #888;
}
#support_box dl dd p {
color: #2194d2;
}
#support_box dl dd p a {
display: inline-block;
margin: 0 3px;
}
#counter{background-color:#fff; border:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#counter .counter-left{margin-left:20px; margin-top:12px; padding:2px 5px; width:65px; border-right:1px solid #333; display:inline-block; color:#b7b7b7; font-weight:bold; vertical-align:top; line-height:20px;}
#counter .counter-right{ margin-top:12px; padding:2px 8px; width:85px; display:inline-block; color:#666666; font-weight:bold; vertical-align:top; line-height:20px;}