@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f7f7f7; }
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }
/********** header **********/
.header { background: url(images/header_bg_v2_2015.gif) top repeat-x; padding:0; margin:0 auto; height:189px; }
.header img { float:right; padding:20px 0 0 0; margin:0;}
.block_header { margin:0 auto; width:960px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0; margin:0; width:221px; }
.logo img { float:none; padding:0; margin:0;}
/* menu */	
.menu { float:left; padding:5px 0 0 0; margin:0; width:680px; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0 10px; border:0; }
.menu ul li a { float:left; margin:0; padding:13px 0; color:#f7f7f7; font:normal 18px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:13px 20px; background:none; }
.menu ul li a:hover { color:#472d28; /*background: url(images/r_menu.gif)*/ no-repeat right; }
.menu ul li a:hover span { color:#472d28; /*background:url(images/l_menu.gif)*/ no-repeat left; }
.menu ul li a.active { color:#472d28;  /*background:url(images/r_menu.gif)*/ no-repeat right; }
.menu ul li a.active span { color:#472d28; /*background:url(images/l_menu.gif)*/ no-repeat left; }
/*Google Translate placement*/
#google_translate_element {
  position: absolute;
  left: 1300px;
  top: 25px;
  z-index: 1;
}
/* search */
.search { padding:13px 0 0 0; margin:0; width:260px; float:right;}
.search form { float:right; padding:0; margin:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:140px; padding:0 5px; height:25px;}
.search form .keywords { width:140px; line-height:13px; height:13px; float:left; background:none; border:0; padding:6px 0; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#acacac;}
.search form .button { float:left; margin:0; padding:0;}
/* header_top*/ 
.header_top { height:87px; background:url(images/header_top_bg.jpg) top left repeat-x; margin:0; padding:0; }
.header_top_resize { width:960px; margin:0 auto; padding:0; }
.header_top_resize h2 { margin:0; padding:20px 0 0 25px; font: bold 36px Arial, Helvetica, sans-serif; color:#fff; }
/* top */
.top { border-bottom:1px solid #dddddd; border-top:1px solid #fff; background:#eaeaea; padding:0; margin:0;}
.top_resize { width:960px; margin:0 auto; padding:20px 0;}
.top_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0;}
.top_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c;}
.top_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#605f5f; padding:5px; margin:0; line-height:1.8em;}
.top_resize img { margin:10px auto; padding:0;}
.top_resize .block { width:290px; float:left; margin:10px 20px 10px 10px; padding:0;}
.top_resize p.txt {width:260px; float:left;}/*july*/
.top_menu { padding:0 0 0 20px; margin:0; width:880px; }
.top_menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; }
.top_menu ul li { float:left; margin:0; padding:0 20px 0 10px; border:0; background:url(images/menu_2_bg.gif) left no-repeat; }
.top_menu ul li a { float:left; margin:0; padding:0; color:#2a2a2a; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.top_menu ul li a:hover { color:#ae174b; }
.top_menu ul li a.active { color:#ae174b; }

/********** block index **********/
.body { margin:0; padding:0; background:#f7f7f7;}
.body_resize { width:960px; margin:0 auto; padding:10px 0; }
.body_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:15px 5px; margin:0; }
.body_resize span { font: normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#606060; padding:5px; margin:0; line-height:1.8em; }
.body_resize p span { color:#cccccc; font: bold 11px Arial, Helvetica, sans-serif; }
.body_resize p strong { font: bold 14px Arial, Helvetica, sans-serif; color:#565656;}
.body_resize a { color:#484848; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif; }
.body_resize img { margin:10px auto; padding:0; }
.body_resize img.floated { float:left; margin:0 5px 0 0;  padding:0; }/*july*/
.body_resize li {font:normal 12px Arial, Helvetica, sans-serif; color:#606060; padding:5px; margin:0;}/*july*/
.right { width:300px; float:right; margin:0; padding:10px 10px; }
.rightv3{with:360px; float:right; margin:0; padding:10px 15px}
.left { width:560px; float:left; margin:0; padding:10px 15px; }
.leftv2{
	width:100%;
	float:left;
	margin:0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}/*july*/
.leftv2 p.missionTxt{font-size:14px; font-weight:bold;}
.leftv3{width:300px; float:left; margin:0; padding:10px 10px;}
.left_wrapCert {width:100%;float:left; }/*july*/
.ceoName{width:285px; float:left;}
.blog { width:260px; float:left; margin:0 50px 0 0 !important; margin:0 35px 0 0; padding:10px 5px; }

/********** certificate images **********/
.cert {
	float:left;
	display:inline;
	/*border:1px solid;*/
	background:#CCC;
	color:#000;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

.award{text-align:center;}
/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:20px 0 0 0; background:#f7faf9; border:1px solid #e8e6e6; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text { width:420px; border:1px solid #e9e9e9; margin:5px 0; padding:5px 2px; height:15px; background:#fff; color:#000;}
#contactform textarea { width:420px; border:1px solid #e9e9e9; margin:10px 0; padding:2px; background:#fff; height:150px; color:#000;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF; }
#contactform li.cap{float:right; padding:0 125px 0 0;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0;}
.footer { padding:0 0 20px 0; margin:0; background:#171717; border-top:1px solid #000; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#6d6d6d; }
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:5px 0 0 20px; float:left; }
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 20px 0 0; float:right; }

p.clr,.clr { clear:both; padding:0; margin:0; background:none; }


/* Slider */
#slider { width: 100%; height:415px; margin:0 auto; background:url(images/slider_bg.gif) top repeat-x; }
#slider h3 { font-weight: normal; color: #fff; font-size: 24px; width: 215px; float: left; }
#slider span.author { float: right; text-align: right; width: 120px; font-size: 12px; color: #000; margin-top: 8px; }
div#slideshow { float: left; width: 100%; height: 378px; }
.slider-item { width: 100% !important; height: 378px; }
.slider_center { width: 960px; margin-left: auto; margin-right: auto; }
.slider_content { float: left; margin-top: 50px; width: 400px; height: 195px; position: relative; left: 0; }
.slider_content_inner { float: left; width: 440px; padding: 15px; }
.slider_content .small { float: left; width: 300px; padding: 20px 20px 30px 0; }
.slider_content_inner h2 { font:bold 24px/1.4em Arial, Helvetica, sans-serif; padding:0; text-transform:uppercase;}
.slider_content_inner p { margin: 0 0px 8px 0px; padding:0; float: left; clear: both; width: 100%; display: block; font:normal 13px/1.7em Arial, Helvetica, sans-serif;}
.slider_content_inner h2.simple_1 { color: #FFF;}
.slider_content_inner p.simple_1 { color: #171717; background: url(images/simple_ul_li.gif) left no-repeat; padding:0 0 0 15px;}
.slider_content_inner .special { padding:10px 0 0 255px; }/*july*/
.slider_content_inner h2.simple_2 { color: #FFF;}
.slider_content_inner p.simple_2 { color: #171717;}
.slider_content_inner h2.simple_3 { color: #FFF;}
.slider_content_inner p.simple_3 {color: #171717; background: url(images/simple_ul_li_3.gif) left no-repeat; padding:0 0 0 15px;}
.slider_content_inner h2.simple_4 { color: #000000;}
.slider_content_inner p.simple_4 { color: #9eaeba;}
.slider_content_inner p.simple_5 { color: #171717; background: url(images/simple_ul_li.png) left top no-repeat; padding:0 0 0 15px;margin-top:-8px;}/*july*/
.slider_content_inner img { border: none; padding:5px 0 0 0; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; top: 10px; margin:0; z-index: 1000; width:960px;}
#slider_controls ul { margin: 0 auto; padding: 0; width:120px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 14px; height: 15px; background:url('images/slider_nav_active.gif') no-repeat center center; display: block; float: left; padding: 2px; margin:2px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/slider_nav_normal.gif') no-repeat center center; }

.quoTxt{font-size:18px; margin-top:8px;}
img.flrL{float:left; padding:0 15px 0 0;}
.gifTxt img.giftFloat{float:left; padding:0; margin: -5px 7px 10px 0px;}
img.flrR{float:right;}
img.pR{padding:20px 0 20px 20px;}
img.pL{padding:0 20px 20px 0;}
.pflrR{margin:0 0 0 385px; }
.pagi{width:827px;}
.gifTxt{width:150px; margin:0 0 0 677px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
p.sourceTxt{float:right; font-style:italic; font-size:10px;}
.body_resize span.benefit{float:left; padding-left:6px;}
.display-thumb{width:100%; float:left;padding-left:15px;}

/*************Product ******************/
div.im{
    margin: 15px;
    padding: 5px;
    border: 2px solid #664518;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}
div.im img {
    display: inline;
    margin: 5px;

}
/*************Floating LIKE box**********/

/*#box{position: absolute;left: 0px;border: 1px solid #B5076D; border-right: 0px;padding: 0px;background-color: #FFF;
}

#box div{margin: 10px 0;}*/
#sidebar ul{padding: 10px;}
#sidebar ul li{font-size: 0.9em;margin: 0 0 0 20px;}
/*************************************/

#box{
    width: 500px;
    right:-420px;
    top: 55%; /* change this value to place the menu higher or lower */
    position: fixed;
    z-index: 100;
}

#tab{
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 99;
}

#tab li span{
    display: block;
    padding: 0 5px;
    position: relative;
}

#links{
    width: 300px;
    padding: 10px;
    float: left;
	background-color: #FFF;
}

.show, .hide{
    /* we specify the transition length for hiding and showing */
            transition: margin-right .4s ease-in;
    -webkit-transition: margin-right .4s ease-in;
}

.hide{
    margin-right:0px;
}

.show{
    margin-right:230px;
}

#arrow{
    cursor: pointer;
}