/**
* Author : Tuan Nguyen Minh
* Email  : minhtuan2086@gmail.com
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
p{line-height:16px}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}
body{ background:#e6e6dc;	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; 	line-height: 1;}
hr{	border-color: #ccc;	border-style: solid;	border-width: 1px 0 0;	clear: both;	height: 0;}
/* =Headings--------------------------------------------------------------------------------*/
h1 {	font-size: 25px;}
h2{	font-size: 23px;}
h3{	font-size: 21px;}
h4{	font-size: 19px;}
h5{	font-size: 17px;}
h6{	font-size: 15px;}
/* =Spacing--------------------------------------------------------------------------------*/
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{	margin-bottom: 20px;}
a, a:hover{text-decoration:none; color:#000000;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; list-style:none; overflow:hidden; visibility:hidden; width:0; height:0; margin:0; padding:0; }  .clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; }  .clearfix { display:block; }  * html .clearfix { height:1%; }
/* =Scroller-------------------------------------------------------------------------------*/
.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;right:20px}
.jspVerticalBar{position: absolute;	top: 0;	right: 10px;	width: 3px;	height: 100%;	background: #fff;}
.jspHorizontalBar{	position: absolute;	bottom: 0;	left: 0;	width: 100%;	height: 16px;	background: #fff;}
.jspVerticalBar *,.jspHorizontalBar *{	margin: 0;	padding: 0;}
.jspCap{	display: none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspTrack{	background: #fff;	position: relative;}
.jspDrag{	background: url(../img/scroll_btn.png) no-repeat top left;	position: relative;	top: 0;	left: -7px;	cursor: pointer;	width:20px;	height:20px;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{	float: left;	height: 100%;}
.jspArrow{	background: #50506d;	text-indent: -20000px;	display: block;	cursor: pointer;}
.jspArrow.jspDisabled{	cursor: default;	background: #80808d;}
.jspVerticalBar .jspArrow{	height: 16px;}
.jspHorizontalBar .jspArrow{	width: 16px;	float: left;	height: 100%;}
.jspVerticalBar .jspArrow:focus{	outline: none;}
.jspCorner{	background: #eeeef4;	float: left;	height: 100%;}
/**
 * Primary styles
 */
 
body{background:#090909 url(../img/bg.gif) no-repeat fixed 0 0}
#wrapper{margin:0 auto; padding:0; min-width:1089px;  width:1089px}
.scrollpane { height: 380px; width: 100%;overflow:hidden;}
small{color:#ff2c2c}
textarea{-moz-border-radius: 20px;	-webkit-border-radius: 20px; border-radius: 20px; border:1px solid #000;background:transparent;	height:auto;	resize:none;	color:#000;	padding: 10px;	behavior: url(PIE.htc);	 }
hr ,.break{ background:url('../img/line.png') repeat-x top left;	 clear:both; height:2px;}
/*header*/
#header{ overflow:hidden; height:280px;}
#logo{float:left; width:420px;}
#main-menu{float:left; width:260px;}
#top-block{float:left; width:246px; padding-top:53px; margin-left:50px}
#top-block #language{text-align:center;	padding-bottom:10px}
#top-block #language a{	text-transform:uppercase;	font-size:1.1em;	color:#fff}
#top-block #language a.active{	color:#32b1ff;}
#search { border:1px solid #fff;	padding:5px; -moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ border-radius:30px; /* CSS3 */overflow:hidden;	behavior: url(PIE.htc);}
#search input[type=text]{border:none;background:transparent;	height:22px; padding-left: 15px; color:#fff; float:left;}
#search .btn_search{	background:url(../img/search_btn.png) no-repeat 0 0;text-indent:-9999px;text-transform:uppercase;border:none;width:27px;height:22px; float:right}

/*main*/
#main{clear:both; overflow:hidden; /* height:450px; */ min-height:450px; position:relative}
#container{width:885px; overflow:hidden; margin:0 auto}
#main .header-post{ background:url('../img/nav_bg.png') repeat-x top left;	height: 38px;	overflow:hidden;	-moz-border-radius: 10px 10px  0 0 ; /*Firefox */	-webkit-border-radius: 10px 10px  0 0; /* Safari, Chrome */	border-radius: 10px 10px  0 0; /* CSS3 */	behavior: url(PIE.htc);}
#main  .header-post ul{margin-left:0}
#main  .header-post ul li{	margin-left: 5px;	margin-top: 8px;	float:left;	display:inline-block;	padding:5px 10px 0 10px;	height:25px;}
#main  .header-post ul li a{	color:#fff;	font:normal 1.2em Arial}
#main  .header-post ul li.active, #main  .header-post ul li:hover{	background:#e5e5e5;	-moz-border-radius: 10px 10px  0 0 ; /* Firefox */	-webkit-border-radius: 10px 10px  0 0; /* Safari, Chrome */	border-radius: 10px 10px  0 0; /* CSS3 */	behavior: url(PIE.htc);}
#main  .header-post ul li.active a,  #main  .header-post ul li:hover a,.hilite{color:#097abf;}
#main .post-content{min-height:400px; overflow:hidden; padding: 2px 2px 3px 2px; 	background:#e3e3e3 url(../img/bg1.gif) repeat-x bottom left;	-moz-border-radius: 0 0 10px 10px   ; /* Firefox */	-webkit-border-radius: 0 0 10px 10px ; /* Safari, Chrome */	border-radius: 0 0 10px 10px ; /* CSS3 */behavior: url(PIE.htc); }
#main .post-content-v2{min-height:440px;}
#main .sub{ background:#e7e7e7 url('../img/line.png') repeat-x bottom left;	padding:5px 10px}
#main .sub span{ background:url('../img/btn_l.png') no-repeat bottom left; padding-left:21px;height:29px; display:inline-block}
#main .sub span a{ background:url('../img/btn_r.png') no-repeat bottom right;padding:7px 21px 0 0;height:22px;display:inline-block;	color:#fff}
#main .post-item {padding:8px 5px 0px 10px}
#main .post-view {padding:0px 0px 0px 20px}
.post-item li { margin: 0 0 3px 0;line-height:15px;}
.post-item li  input[type="text"] {-moz-border-radius: 30px; -webkit-border-radius: 30px;	border-radius: 30px; border:1px solid #000; background:transparent;	height:22px;	padding-left: 15px;	color:#000;	behavior: url(PIE.htc);}
.post-item li h3 , .post-view h3, .post-item li h3 a{ color:#1585c8;	font-size:16px; font-weight:normal; margin-bottom: 5px}
.post-item .lists li img {	float:left; 	margin:5px 10px 10px 0}
.desc{	height: 100px}


#slider{  height: 250px; overflow: hidden;}
.nivoSlider { position:relative; -moz-box-shadow: 2px 2px 5px #000;-webkit-box-shadow: 2px 2px 5px #000;box-shadow: 2px 2px 5px #000;	behavior:url(PIE.htc)}
.nivoSlider img {position:absolute; top:0px;	left:0px; width:100%}
.nivoSlider a.nivo-imageLink {position:absolute;	top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {	position:absolute;	left:0px;	bottom:0px;	background:#000;	color:#fff;	opacity:0.8;width:100%;	z-index:89;}
.nivo-caption p {padding:5px;	margin:0;}
.nivo-caption a { display:inline !important;}
.nivo-html-caption { display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute;top:45%; z-index:99;cursor:pointer;	height:70px;	width:25px;	text-indent:-9999px;	font-size:0px;	line-height:0px;}
a.nivo-prevNav {	left:10px;	background-position:0px 0px;}
a.nivo-nextNav {	right:10px;	background-position:-26px 0;}
.nivo-controlNav { position:absolute; left:260px; bottom:12px;}
.nivo-controlNav a {	display:block;	width:10px;	height:10px; text-indent:-9999px; border:0;	margin-right:3px; float:left;z-index:100 }
.nivo-controlNav a.active { background-position:bottom left;}

.left-col{width:76%;float:left; margin-right:5px}
.right-col{width:20%;float:left; padding-left:5px}
.news-feature{margin-top:10px}

#latest-product{margin-top:8px}
.jcarousel-skin-tango{ height: 130px;  overflow:hidden;  border:1px solid #fff;  padding:5px;  -moz-border-radius: 8px; /* Firefox */-webkit-border-radius: 8px; /* Safari, Chrome */border-radius: 8px; /* CSS3 */	behavior: url(PIE.htc);	}
.jcarousel-skin-tango .jcarousel-container-horizontal {   width: 650px;  height: 120px;  padding: 10px 25px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  660px; /** (IMAGE WIDTH * NUMBER OF IMAGE TO DISPLAY) + (PADDING[10 px] * NUMBER OF IMAGE TO DISPLAY) **/   height: 150px; /** THIS WILL ALLOW TEXT TO BE DIPLAY UNDER THE IMAGE **/   float: left;}
.jcarousel-skin-tango .jcarousel-item {  width: 126px;  height: 132px; /** IMAGE HEIGHT = 100px + 40px TO DISPLAY DESCRIPTION **/
	text-align:center; margin-right: 10px;  text-align: center; padding-left:0;position:relative;float:left; color:#fff; font-weight:boldz}
.jcarousel-skin-tango .jcarousel-item-1{margin-left:0px}
/** TEXT MESSAGE */
.jcarousel-skin-tango .message {  position: absolute; top: 10px; right: 40px; width: 120px; height: 140px;}
.jcarousel-skin-tango .text { margin-top: 20px;font-size: 45px; color: #333333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: -4px;  text-align:center;}
/**Horizontal Buttons*/
.jcarousel-prev-horizontal { position: absolute;top: 22px; left: 3px;width: 30px; height: 76px; cursor: pointer; background: transparent url(../img/prev.png) no-repeat  0px 0px;display:none !important}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {} 
.jcarousel-prev-disabled-horizontal,.jcarousel-prev-disabled-horizontal:hover,.jcarousel-prev-disabled-horizontal:active {}
.jcarousel-next-horizontal {  position: absolute; top:22px;  right: 6px; width: 30px;  height: 76px; cursor: pointer; background: transparent url(../img/next.png) no-repeat 0px 0px;display:none !important}
.jcarousel-next-horizontal:hover {}
.jcarousel-next-horizontal:active {}
.jcarousel-next-disabled-horizontal,.jcarousel-next-disabled-horizontal:hover,.jcarousel-next-disabled-horizontal:active {}
.jcarousel-item a { 	text-align:center;	width:100%}
.jcarousel-item .imgborder {	margin-bottom:5px; 	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;behavior: url(PIE.htc);	}
.news-feature h2{   font-size: 15px; font-weight: normal; margin-bottom: 2px;}
.lists li.item{ float:left;width:200px;height:200px;text-align:center;margin-top: 20px }
.lists li.item .item-display{ -webkit-border-radius: 8px;	-moz-border-radius: 8px; 	border-radius: 8px;	behavior: url(PIE.htc);	background: #fff;	padding: 10px;	display:block;	width:150px;	height:130px;	border:1px solid #7d7d7d; cursor:pointer}
.lists li.item .item-display .desc{display:none}
.more{float:right;	color:#097ABF;	text-align:right}

.customers{margin-left:3%} 
.customers div {float:left; width:25%;position:relative;}

.map{ width:47%; overflow:hidden; float:left; padding-left:5px}
.contact-form{ width:50%; overflow:hidden; float:right; padding-right:5px}
.contact-form li{overflow:hidden; }
.contact-form h3{font:normal 18px Arial; margin-bottom:15px; padding-left: 20px}
.form button{ background: url(../img/btn_bg.png) no-repeat center left; display: inline-block; outline: none;	cursor: pointer;text-align: center;text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif;	padding: .5em 2em .55em;border:none;color:#fff;	width:95px;	height:34px }
.form{margin-top:20px}
.form li label{ width: 24%;display:inline-block;float:left;font-weight:bold;cursor:default}
.form li input{float:left;}
.form li textarea{float:left; width:60%}
.form  .btn{margin-left:4em}

.news ul{margin-bottom:0px}
.news li{overflow:hidden; }
.news li h3, .news-relate h4{font:normal 16px Arial; margin-bottom:4px}
.news-relate {padding-left:20px}
.news-relate li{	margin:5px 0;}
.news-relate li a {color:#454646}
.news-relate li a:hover {color:#28adff}
.news-relate li a span{color:#fff; padding-left: 15px}
.products ul li.item{margin:15px 20px 5px 20px; width:173px; height:190px}
.products ul li.item .item-display img{margin:0 auto; width:109px; height:95px; float:none}
.products ul li.item .item-display span{margin-top:15px;display:block}

.relate{overflow:hidden; background:url('../img/line.png') repeat-x top left;	padding:5px 10px; clear:both; }
.relate ul{margin:0}
.desc00{float:left; width:57%; margin-bottom:10px; margin-left:25px; margin-top:20px}
.desc01{float:left; width:57%; margin-left:25px}
.product-img  {width:40%; height:310px; float:left; overflow:hidden}
.product-img  img {width:100%;}
.product-nav {width:57%; float:right;}
.product-nav ul {margin-left:0}
.product-nav ul li:first-child{display:none}
.product-nav ul li{margin-right:30px; float:left}
.relate .item{width: 130px!important; height: 114px!important; float:left; margin:5px 20px !important }
.relate h4{font:normal 16px Arial; margin-bottom:4px}
.relate .item .item-display{width: 107px !important; height:90px !important}
.relate .item .item-display img{float:none; margin:0 auto}
.relate .item .desc{display:none}


.button{ background:url(../img/button2.png) no-repeat top left;	padding-left:10px; display:block; clear:both; text-align:left; height:25px;}
.button span{ padding:3px 20px 0 20px; color:#fff; float:left; display:block; height:25px}
.lists li.item .button{ height:27px; width:94px; margin:10px 0 0 14%}
/*footer*/
#footer{padding:2px 10px; width:885px; overflow:hidden; margin:0 auto; height:80px}
#footer span.copyright, #footer a{ color:#fff; font-size:12px}
#footer span.copyright{float:left; padding-left:15px}
#footer span.info{ color:#00a2ff; float:right; padding-right:15px;  font-size:10px}

/*live chat*/
.vi .panel{	background:url(../img/livechat.png) no-repeat right top; top:35.5%;	left:-201px; height: 162px;	width:200px; position:fixed; padding-right:30px; padding-top:3px; z-index:1000}
.en .panel{	background: url(../img/en-livechat.png)  no-repeat right top;}
.panel-c{ background:#c8c8c6; height: 116px;  padding: 20px 0 20px 15px; position: relative; width: 186px;}
.panel-c a{font-weight:bold}
.panel-c a:hover{color:#00a2ff;}
/*pagination*/
.pagigation{clear:both}
.pagigation ul{float:right; width:22%; margin-bottom:0px}
.pagigation ul li{ float:left;display:inline-block; width:5%;	margin-right:2px;	line-height:25px; color:#fff}
.pagigation ul li.page{ width:40%}
.pagigation ul li a{ color:#fff}
.pagigation ul li input[type="text"]{ border:1px solid #fff;	padding:2px 3px; -moz-border-radius: 30px;-webkit-border-radius: 30px; border-radius: 30px;	behavior: url(PIE.htc); width:33px;	background:transparent}
/* StickyTooltip*/
.stickytooltip{	display:none;	position:absolute;	display:none;	border:1px solid #7d7d7d !important; background:white;	z-index:3000;	-webkit-border-radius: 8px;	-moz-border-radius: 8px; 	border-radius: 8px;	behavior: url(PIE.htc);	width: 300px !important;	height: 300px !important; text-align:center;}
.stickytooltip .stickystatus{ background:#266DA0 !important;	color:white; padding-top:5px; text-align:center;font:bold 11px Arial;display:none}
.atip img{ width:250px;	height:200px}


/*IE FIX*/