/* trungtt1989@gmail.com*/
*{margin:0; padding:0;}
body{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000;margin: 0;padding: 0; /*background: #fff url(../images/root/bg.jpg) no-repeat; height: auto !important*/ line-height: 25px;}
a{text-decoration:none; outline:none; color:#fff}
a img{border:none}
ul{list-style:none}
h1, h2, h3, p, h4 { font-family: Arial, Helvetica, sans-serif; line-height:20px; color: #fff;font-size: 12px;}
h3 {line-height: 18px;}
/*Clear fix*/
.clearfix:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;}
* html > body .clearfix {width: 100%;display: block;}
* html .clearfix {height: 1%;}
/* Firefox Scrollbar Hack - Do not remove */
.clear{clear:both;font-size: 0%;line-height: 0%;}
html {margin-bottom: 1px;height: 100%!important;height: auto;}
.fl{ float:left}
.fr{ float:right}

#wrapper1 {margin:0 auto;
    position: relative;
    z-index: 1;
}
img#full-bg {position: fixed; /*top: -25px;*/ top: 0px; left: 0px; /*width: 1366px; height: 1025px*/ height: auto; opacity: 1; display: inline; width: 100%;}
/*HEADER*/
#header {width: 960px; margin: 0 auto;}
.top_nav_1 {width: 80px; height: 20px; float: right; background: #0045AD;}
.top_nav_1 li {float: left;}
.top_nav_1 li a { text-transform: uppercase; color: #fff; height: 20px; line-height: 20px; padding: 0px 7px;}
#logo {padding: 18px 0 0;margin-bottom: 45px;height: 150px;border-radius: 4px 4px 4px 4px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);/*background: #10b9bf;opacity:0.2;
filter:alpha(opacity=20);*/ margin-top: 0px;}
.website_logo {margin-top: -30px;}
/*BODY */
#body {width: 960px; margin: 0 auto; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); overflow: hidden; padding: 18px 0 0; height: auto;border-radius: 4px 4px 4px 4px; margin-bottom: 50px;}
/*SLIDER HOME*/
#body-content {
	margin: 0px auto;
	width: 920px;
	background: url(../images/root/slider-bg.png) no-repeat bottom;
	height: 360px;   
}
#box-slider-home {
	background: url(slider-home-bg.png) no-repeat;
	height: 365px;
	width: 920px;
	padding: 0px 0 0 0px
}
#box-newest {
	border: #dcdcdc 1px solid;
	border-left-color: #bababa;
	border-right-color: #bababa;
	min-height: 197px;
	background: #f6f5f5
}
.box-newest-item {
	float: left;
	height: 200px;
	float: left;
	width: 212px;
	padding: 10px 0 0 8px	
}
.box-newest-item h3 {
	padding: 8px 0	
}
.box-newest-item h3 a {
	font-size: 13px	
}
#box-home-items {
	min-height: 500px;
	background: #fff
}
.accordion {
	height: 365px;
	line-height: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 920px;
	display: block;
}
.accordion ul {
	display: block;
	width: 9999px;
}
.accordion > ul > li {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	width: 240px;
	height: 312px;
	margin-left: 2px
}
.accordion > ul > li > a {
	display: block;
	height: 365px;
	text-decoration: none;
}
.accordion ul li a span.title {
	top: 250px;
	cursor: pointer;
	left: 0;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	width: 100px;
	display: block;
}
.accordion li a span.description {
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: absolute;
}
.accordion li a span.description {
	top: 25px;
	left: 0;
	padding: 10px;
	width: 170px;
	display: none;
	font-weight: bold;
	right: 0;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	border-radius: 0px 50px 50px 0px;
	border-bottom: 2px solid #5495ee;
}
#kwick_1 {
	background: url(bg-kw-1.png) repeat-y right bottom #9348e4;
}
#kwick_2 {
	background: url(bg-kw-2.png) repeat-y right bottom #76a73a;
}
#kwick_3 {
	background: url(bg-kw-3.png) repeat-y right bottom #3db9f3;
}
img.thumb {
	display: none;
}
img.thumb-bw {
	display: block;
	left:-200px;
	position:absolute;
}
#active_slide img.thumb {
	display: block
}
#active_slide img.thumb-bw {
	display: none
}
.accordion strong {
	color: #000;
	font: 16px Arial, Helvetica, sans-serif;
}
.accordion .description strong {
	color: #000;
	font: bold 20px Arial, Helvetica, sans-serif;
}
.accordion li a .description strong, .accordion li a .title strong {
}
.accordion li a .caption h1, .accordion li a .caption h2, .accordion li a .caption h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-style: normal;
	padding: 7px 15px;
}
.accordion > ul > li.noJS {
	transition: width 0.8s ease-in-out;
	-moz-transition: width 0.8s ease-in-out;
	-webkit-transition: width 0.8s ease-in-out;
	-o-transition: width 0.8s ease-in-out;
}
.accordion li.noJS .title, .accordion li.noJS .description, .accordion li.noJS .caption {
	display: block;
}
.accordion li.noJS .description, .accordion li.noJS .caption {
	display: none;
}
.accordion:hover > ul > li.noJS {
	width: 103px;
}
.accordion:hover > ul > li.noJS:last-child {
	width: 650px;
}
.accordion:hover > ul > li.noJS:hover {
	overflow: hidden;
	width: 650px;
}
.accordion:hover > ul > li.noJS:hover > a > .title {
	display: none;
}
.accordion:hover > ul > li.noJS:hover > a > .description, .accordion:hover > ul > li.noJS:hover > a > .caption {
	display: block;
}


/**/
.w250 {display: inline;margin-bottom: 15px; padding-top: 25px;margin-right: 20px; width: 250px; margin-left: 15px;}
.search {margin-bottom: 30px;}
.searchform {position: relative;}
.input_search {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);border: 1px solid #CCCCCC;color: #444444;font-size: 12px;margin: 2px 0;padding: 7px 5px;width: 98%;}
.submit {border-radius: 0 0 0 0;margin: 0;padding-bottom: 2px;padding: 6px 0px;position: absolute;right: -6px; top: 2px;background: none repeat scroll 0 0 #0045AD;color: #FFFFFF; border: none}
.img-indent-r {margin-top: 15px; margin-bottom: 10px;}
.contact_left {color: #000; line-height: 25px; text-align: left; font-size: 13px;}

.w630 {display: inline;margin-bottom: 15px; width: 630px; padding: 10px; overflow: hidden}
.w630 p {color: #000; line-height: 25px; text-align: justify}
h1.title_h1_pro {color: #0045AD; font-size: 16px; font-weight: normal; /*height:30px; line-height: 30px;*/}
h2.title_h2_pro, h2.title_h2_pro a {color: #0045AD; font-size: 16px; font-weight: normal; /*height:30px;*/ line-height: 25px;}
.box_product_cat > div {display: inline-block; margin: 10px 5px 10px 5px;vertical-align: top;width: 194px;}
.image {display: block ;margin-bottom: 5px; border: 1px solid #919194}
.name { margin-bottom: 10px; color: #505050; margin-top: 10px;}
.name a {color: #505050;display: block;margin-bottom: 4px;text-decoration: none; font-size: 13px; text-align: center}
.name a:hover {color: #999999}
.brochure_download {background: url(../images/root/bullet_blue.png) no-repeat 0px 0px; padding-left: 25px; color: #000}
.brochure_download:hover { color: #666}
/*CONTACT*/
.border_contact {width: 630px; padding-left: 0px; color: #333}
.left_ct {font-weight: bold; height: 40px;font-size: 12px; width: 140px;}
.right_ct {height: 40px; width:500px;}
.right_ct input{height: 25px; width:350px;}
.right_ct textarea{width:400px; height: 100px;}
.center_ct {padding: 10px 0px 0px 155px;}
.center_ct .btn_ct{background: #0045AD; border: none; border-radius: 3px; cursor: pointer; color: #FFF; font-size: 12px; font-weight: normal; width: 60px; height: 25px}
/*FOOTER*/
#footer {/*width: 960px; margin: 0 auto;overflow: hidden;border-radius: 4px 4px 4px 4px; margin: 40px auto 20px; padding: 18px 0 0;
 height: 300px;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);*/
 background: none repeat scroll 0 0 #000033;
    border-top: 2px solid #003366;
    bottom: 0;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 300;
 }
.footer_content {height: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 975px;
    z-index: 200;}
#fine_print_right{color: #0091FF;
    font-family: 'AvenirLTStd55RomanRegular',sans-serif;
    font-size: 10px;
    position: absolute;
    right: 58px;
    text-align: right;
    top: 18px;}

#fbdiv {
    float: left;
    margin-top: -5px;
    padding-right: 65px;
    width: 40px;
}
#footer a {color: #0091FF}