/*
Theme Name: 
Theme URI: 
Description: Design by Long Hai
Version: 1.0
Author: Long Hai
Author URI: http://longk4.info
Tags: blue, cool, nice, tutorials, theme, design, user interface
*/
.clear{width:100%;clear:both}
.spacer1{width:100%;height:1px;clear:both}
.spacer2{width:100%;height:2px;clear:both}
.spacer3{width:100%;height:3px;clear:both}
.spacer4{width:100%;height:4px;clear:both}
.spacer5{width:100%;height:5px;clear:both}
.spacer6{width:100%;height:6px;clear:both}
.spacer7{width:100%;height:7px;clear:both}
.spacer8{width:100%;height:8px;clear:both}
.spacer9{width:100%;height:9px;clear:both}
.spacer10{width:100%;height:10px;clear:both}
.blueLine{width:100%;clear:both;border-top:1px solid #cddbe7}
.txtShd{text-shadow: 0.1em 0.1em 0.2em #555;}
.whiteLine{width:100%;border-top:1px solid #fff;margin-bottom:1px;}
.red{color:red!important;}

/*main*/
body{background:url(../img/bg.png) transparent repeat;}
.top{width:100%;height:30px;background:url(../img/top.png) transparent repeat-x;}
.topInn{width:960px;margin:auto;}
.main{width:990px;margin:auto;background:url(../img/main.png) transparent repeat-y;}
.mainInn{width:960px;margin:auto;}
.mainBtm{width:990px;height:15px;margin:auto;background:url(../img/mainBtm.png) transparent no-repeat top center;}
/*langs*/
.langs{width:187px;height:20px;line-height:20px;margin-top:5px;float:left;background:url(../img/langBg.png) transparent no-repeat;}
.langs a{color:#dcdcdc;font-size:11px;}
.langs a:hover,a.actLang{color:#fff;}
a.lang{padding-left:27px;margin-left:5px;background:url(../img/flag.png) transparent no-repeat;}
a.vi{background-position:left top;}
a.en{background-position: left bottom;}
/*topNav*/
.topNav{width:500px;height:30px;float:right;text-align:right;}
ul.menu{line-height:30px;}
ul.menu li{float:left;margin:0 5px;cursor:pointer;}
ul.menu li a{color:#fff;font-weight:700;font-family:arial,sans-serif;font-size:14px;padding: 2px 0 2px 10px;}
ul.menu li a span{padding:2px 10px 2px 0;}
ul.menu li a:hover,ul.menu li a.actMenu{background:url(../img/menuBg.png) transparent no-repeat top left;}
ul.menu li a:hover span, ul.menu li a.actMenu span{background:url(../img/menuBg.png) transparent no-repeat bottom right;}
/*banner*/
.banner{width:960px;height:125px;margin:auto;background:url(../img/banner.jpg) transparent no-repeat;}
.logo{width:380px;height:125px;float:left;padding-left:20px;line-height:125px;}
.logo img{margin-top:20px;}
.search{width:560px;height:125px;float:right;text-align:right;}
.searchBox{width:226px;height:27px;line-height:27px;margin-left:300px;margin-top:45px;background:url(../img/searchBg.png) transparent no-repeat;}
.inSearch{width:190px;margin: 4px 0 0 5px;border:none;background:none;color:#fff;font-style:italic;}
.btnSearch{width:24px;height:24px;border:none;background:url(../img/btnSearch.png) transparent no-repeat;cursor:pointer;float:right;margin:2px 2px 0 0;}
/*footer*/
.footer{width:960px;height:68px;margin:auto;background:url(../img/footer.png) transparent repeat-x;text-align:center;}
.btmNav{width:400px;margin:auto;}
.btmMenu li{float:left;cursor:pointer;margin:3px 12px;}
.btmMenu li a{color:#fff;font-weight:700;font-size:12px;font-family:arial, sans-serif;}
.btmMenu li a:hover{color:#c4c4c4;}
.copy p{color:#fff;font-size:10px;line-height:10px;font-family:arial, sans-serif;}
.copy a{color:#c4c4c4;}
/*mainContent*/
.mainContent{width:950px;padding:5px;margin:auto;}
.midColumn{width:550px;float:left;}
.leftColumn{width:200px;float:left;color:#fff;}
.rightColumn{width:200px;float:right;color:#fff;}
.leftBox,.rightBox{width:200px;}
.leftBoxTop{width:200px;height:45px;background:url(../img/leftBoxTop.png) transparent no-repeat;}
.leftBoxBtm{width:200px;height:12px;background:url(../img/leftBoxBtm.png) transparent no-repeat;}
.leftBoxMid{width:200px;background:url(../img/leftBoxMid.png) transparent repeat-y;}
.rightBoxTop{width:200px;height:45px;background:url(../img/rightBoxTop.png) transparent no-repeat;}
.rightBoxBtm{width:200px;height:12px;background:url(../img/rightBoxBtm.png) transparent no-repeat;}
.rightBoxMid{width:200px;background:url(../img/rightBoxMid.png) transparent repeat-y;}
.leftBoxTitle,.rightBoxTitle{width:200px;height:42px;line-height:42px;text-align:center;}
.leftBoxTitle h1,.rightBoxTitle h1{color:#fff;font-weight:700;font-family:arial,sans-serif;font-size:14px;}
/*prdList*/
ul.prdList{width:180px;margin:auto;}
ul.prdList li{background:url(../img/bullet-1.png) transparent no-repeat 0 9px;padding-left:13px;font-weight:700;border-bottom:1px dashed #0368b0;padding-bottom:5px;padding-top:5px;}
ul.sec li{background:none;border:none;padding:3px 0 3px 10px;cursor:pointer;}
ul.sec li:hover{background:#033e70}
ul.sec li a{color:#fff;font-weight:normal;}
/*contactList*/
.contactList{width:180px;margin:auto;}
.contactList li{padding-left:10px;background:url(../img/bullet-2.png) transparent no-repeat 0 5px;margin-bottom:5px;}
.clickMap{width:180px;height:32px;margin:auto;line-height:32px;background:url(../img/mapIcon.png) transparent no-repeat;}
.clickMap a{margin-left:35px;color:#fff;font-weight:700;font-family:arial,sans-serif;font-size:12px;}
.clickMap a:hover{color:#c4c4c4;}
/*postList*/
.postList{width:180px;margin:auto;}
.postList li{padding:3px 0 3px 13px;background:url(../img/bullet-3.png) transparent no-repeat 0 7px;}
.postList li a{color:#fff;}
.postList li a:hover{text-decoration:underline;}
.readMore{width:180px;height:10px;margin:auto;line-height:10px;text-align:right;}
.readMore a{padding-left:13px;color:#fff;font-size:10px;background:url(../img/more.png) transparent no-repeat 0 1px;}
.readMore a:hover{color:#c4c4c4;}
/*slide*/
.slide{width:550px;height:259px;margin:auto;background:url(../img/slideBg.png) transparent no-repeat;position:relative;}
#slider{position:absolute;top:9px;left:11px;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
/**/
.nivoSlider {position:relative;background:#fff url(../img/loading.gif) no-repeat 50% 50%;}
.nivoSlider img {width:528px;height:241px;position:absolute;top:0px;left:0px;	display:none;}
.nivoSlider a {border:0;display:block;}
.nivo-controlNav {position:absolute;left:50%;bottom:-30px;margin-left:-40px; /* Tweak this to center bullets */}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url(../img/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../img/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:35px;} 
a.nivo-prevNav {left:15px;}
/*homeIntro*/
.midColumnTitle{height:20px;line-height:20px;padding-left:30px;}
.midColumnTitle h1{color:#035fab;font-weight:700;font-family:arial,sans-serif;font-size:14px;}
.homeIntro{width:528px;margin:auto;}
.homeIntroTitle{background:url(../img/titleIcon.png) transparent no-repeat 0 0;}
.homeIntroBg{width:528px;height:105px;background:url(../img/homeIntroBg.png) transparent no-repeat;}
.homeIntroduction{width:528px;}
.homeIntroMain{padding:10px 20px;}
.homeIntroMain p{text-align:justify;color:#202020;}
.homeIntroMain img{width:488px;margin:5px auto;}
/*prdScroll*/
.prdScroll{width:528px;margin:auto;}
.midBoxTitle{height:24px;line-height:24px;background:url(../img/titleIcon.png) transparent no-repeat 0 -34px;}
.redItem{background-position:0 -71px}
.midBoxShdTop{width:528px;height:8px;background:url(../img/midBoxShd.png) transparent no-repeat center top;}
.midBoxShdBtm{width:528px;height:8px;background:url(../img/midBoxShd.png) transparent no-repeat center bottom;}
/*product*/
.product{width:528px;height:92px;margin:5px auto;text-align:left;}
.pscrollable {position:relative;overflow:hidden;width: 458px;height:88px;margin-right:8px;}
.pscrollable .items {width:20000em;position:absolute;clear:both;}
.items div {float:left;width:458px;}
.pscrollable img {width:75px;height:75px;float:left;margin:5px 5px 5px 5px;background-color:#fff;border:3px solid #e1e1e1;}
.pscrollable {float:left;}
a.browseFt {background:url(../img/misc.png) transparent no-repeat;display:block;width:25px;height:25px;float:left;margin:32px 0;cursor:pointer;font-size:1px;}
a.rightFtBtn{background-position: right top; clear:right;}
a.rightFtBtn:hover{background-position: right bottom; }
a.leftFtBtn{background-position: left top;margin-right:12px;} 
a.leftFtBtn:hover {background-position: left bottom;}
/*support*/
.onlineSupport{width:180px;margin:auto;text-align:center;}
a.support{padding:12px 20px;background:url(../img/support.png) transparent no-repeat;}
a.yahooOnl{background-position:top left;}
a.yahooOff{background-position:top right;}
a.skypeOnl{background-position:2px -61px;}
a.skypeOff{background-position:-59px -61px;}
/*partner*/
.partner{width:180px;margin:auto;text-align:center;}
.partner img{border:1px solid #d7dfe5;margin:0 2px;}
/*stat*/
.stat{width:180px;margin:auto;}
.statLine{}
.statLine h3{font-size:11px;font-style:italic;float:left;}
.numbers{float:right;}
.number{width:11px;height:16px;float:left;margin-left:3px;background:url(../img/number.png) transparent no-repeat;}
.no0{background-position: 0 0;}
.no1{background-position: 0 -26px;}
.no2{background-position: 0 -50px;}
.no3{background-position: 0 -76px;}
.no4{background-position: 0 -103px;}
.no5{background-position: 0 -127px;}
.no6{background-position: 0 -153px;}
.no7{background-position: 0 -179px;}
.no8{background-position: 0 -205px;}
.no9{background-position: 0 -231px;}
/*contact*/
.contact{width:440px;margin:auto;}
.mapIframe{width:425px;margin:10px auto;border:1px solid #555}
.keyTxt{width:100px;line-height:28px;float:left;text-align:right;padding-right:10px;}
.keyTxt h3{color:#5e5e5e;font-weight:700;}
.valueInp{width:330px;float:left;}
.txtInput{width:322px;height:28px;line-height:28px;background:url(../img/txtInput.png) transparent no-repeat;}
input.txtInp{border:none;width:300px;margin-left:10px;margin-top:4px;color:#0072BC;}
.txtArea{width:322px;height:111px;background:url(../img/txtArea.png) transparent no-repeat;}
textarea.txtAr{width:300px;height:90px;margin:7px;border:none;resize:none;}
.actionBtn{width:100%;text-align:center;}
a.greenBtn1{margin-left:80px;}
a.greenBtn{margin-right:5px;font: bold 14px arial,sans-serif;color:#fff;padding:5px 0 5px 21px;background:url(../img/greenBtn.png) transparent no-repeat 0 0;}
a.greenBtn span{padding:5px 21px 5px 0;background:url(../img/greenBtn.png) transparent no-repeat right -72px;}
a.greenBtn:hover{background-position:0 -36px;}.
a.greenBtn:hover span{background-position:right -108px;}
/*news*/
.newsBox{width:488px;height:140px;margin:10px auto;}
.featuredImg{width:189px;height:139px;float:left;}
.featuredImg img{border:2px solid #f0f0f0;}
.newsMin{width:290px;float:left;margin-left:9px;}
.newsMinTitle{font-family:arial, sans-serif;font-size:14px;font-weight:700;color:#064f82;}
.newsMinTitle:hover{text-decoration:underline;}
.date{font-size:10px;color:#555;margin-top:5px;}
.newsMin p{text-align:justify;height:64px;overflow:hidden;margin-top:5px;color:#262626;}
/*paging*/
.paging{width:488px;margin:auto;}
.emm-paginate{padding: 10px 0;overflow: hidden;}
.emm-paginate .emm-title {color: #555;margin-right: 4px;}
.emm-paginate a {background: url(../img/bk_pagenavi.jpg) 0 100% repeat-x;border: 1px solid #DDD;color: #666;margin-right: 5px;padding: 4px 8px;text-align: center;text-decoration: none;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color: white;background: #18AEF5;border: 1px solid #0A95D8;margin-right: 5px;padding: 4px 8px;}
/*newsTitle*/
.newsTitle{width:488px;margin:auto;}
.newsTitle a{font-size:15px;}
ul.related{width:450px;margin:auto;}
ul.related li{margin-bottom:3px;padding-left:13px;background:url(../img/bullet.png) transparent no-repeat 0 -48px;}
ul.related li a:hover{text-decoration:underline;}
/*prdGrid*/
.productGrid{width:500px;margin:auto;}
.prdBox{width:100px;height:100px;float:left;text-align:center;margin:10px 0;}
.prdBox img{border:2px solid #ddd;}
.prdName{color:#4c4c4c;font-style:italic;}
.prdName:hover{text-decoration:underline;}

.breadPrm{color:#035fab;font-weight:700;font-family:arial,sans-serif;font-size:14px;}
.breadSec{color:#035fab; padding-left:8px;margin-left:8px; background:url(../img/bullet-4.png) transparent no-repeat 0 3px;}
.breadPrm:hover,.breadSec:hover{text-decoration:underline;}
/*productDetail*/
.productDetail{width:488px;height:169px;margin:10px auto;}
.detailImg{width:169px;height:169px;float:left;}
.detailImg img{width:165px;height:165px;border:2px solid #f0f0f0;}
.detailMin{width:290px;float:left;margin-left:9px;}
.detailMin table, .detailMin table tr, .detailMin table td{border:1px solid #555;}
 .detailMin table tr, .detailMin table td{padding:5px;color:#555;}