body{ margin:0; padding:0; font-size:16px; font-family:'宋体',Verdana, Geneva, sans-serif; background:url(../images/body_bg.jpg) repeat;}
h1,h2,h3,h4,h5,h6,p,ul,li,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-family:'Yanone Kaffeesatz','宋体', Arial, Helvetica, sans-serif;}
p{ line-height:1.5em; margin-bottom:1.5em;}
img{ border:none;}
ul{ padding:0 0 0 30px; list-style:disc;}
a{outline:none !important; text-decoration:none;}
#page{background: url(../images/bg-top.png) repeat-x top;}
.wrapper{ margin:0 auto; max-width:946px; width:98.82%; overflow:hidden; background:url(../images/bg-wrapper.png) repeat-y center; padding:0 0.59% 0.59% 0.59%;}
.header{ float:left; width:100%; padding-top:3em; margin-bottom:5%; position: relative;}
.logo{ float:left; margin-left:15%;}
.ribbon{ min-width:200px; min-height:63px; padding-top:35px; font-size:16px; color:#ffffff; padding-left:30px; margin-right:-9px; margin-top:0.7%; float:right; background:url(../images/ribbon.png) no-repeat;}
.ribbon span{ font-size:22px;}
.ribbon:hover span{text-shadow: -1px 1px 1px #777}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.language-select{position:absolute; right:1em; padding: 0.5em; top:0; border-radius:0 0 5px 0; font-size: 0.8em;}
.language-select ul{list-style:none; margin:0; padding:0;}
.language-select li{ padding:0 0 0 1em; display:inline;}
.language-select a{color:#000; font-family:'微软雅黑'}


.hidecorner{position:fixed; top:0; left:0; width:20px; height:20px; display:block;}

.navigationArea{ float:left; width:100%; margin-bottom:2.5%;}
.navigationArea > ul{float:left; width: 100%;}
.navigationArea ul > li{ display:inline; margin: 0 1.70%; font-weight:700; letter-spacing:.05em; font-family:'Yanone Kaffeesatz','宋体', Arial, Helvetica, sans-serif}
.navigationArea ul > li.first{ margin-left:0;}
.navigationArea ul > li.last{ margin-right:0;}
.navigationArea ul > li a,.navigationArea ul li a:visited,.navigationArea ul li a:active{text-transform: uppercase; color:#000000; font-size:30px; display:inline; padding:0.2% 0.9%; }
.navigationArea ul > li a:hover,.navigationArea ul > li.open a{ color:#ffffff; background:#044437; border-radius: 4px;}
.navigationArea ul li a:hover .caret{border-bottom-color: #FFFFFF; border-top-color: #FFFFFF;}
.navigationArea ul li.open ul a{background:none;}

.navbar .nav .dropdown-toggle .caret { margin-top: 16px;}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navigationArea ul li a:hover > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret  { border-top-color: #fff;}
.navbar .nav li.dropdown.active > .dropdown-toggle .caret{border-top-color: #777;}

.nav-home-icon{display: inline-block !important; width:23px; background:url('../images/home-icon.png') center 8px no-repeat; text-indent:-99999em; border-radius: 4px; padding: 0 0.9%;}
.nav-home-icon:hover {background:#044437 url('../images/home-icon.png') center -69px no-repeat !important;}

.nav{position:relative;}
/*Second Level Menu
.navigationArea ul ul{ display:none;}
.navigationArea ul li:hover ul{ display:block; position:absolute; z-index:999999; width:auto; margin:0; padding:0px 0 0 0; margin-left:3%; margin-top:2px; background:url(../images/second-menu-bg.png) repeat;}
.navigationArea ul ul li.blank{ background:url(../images/bottom-arrow.png) no-repeat center; width:100%; height:22px; float:left; margin-bottom:22px;}
.navigationArea ul li:hover ul li{ margin:0; padding:0;}
.navigationArea ul li:hover ul li a{margin:0; padding:0;}
.navigationArea ul li:hover ul ul{display:none;}*/

/*Bootstrap*/
.dropdown-menu{font-family:Verdana, Geneva, sans-serif; background-color:#bfbeb7;}
.dropdown-menu li > a, .dropdown-menu li{font-family:Verdana, Geneva, sans-serif; font-weight:400; font-size: 1.2em; white-space: normal;}
.navigationArea ul ul ul.dropdown-menu{ position: relative; top: 0; left: 0; z-index: 1000; display: block; float: left; padding: 0px 0; margin: 0px 0 0;
  list-style: none; background: none ; border: none; -webkit-box-shadow: none;  -moz-box-shadow: none; box-shadow: none;  text-align:left;}
.navigationArea ul ul li{display: block; float: left; margin: 0; padding: 1%; text-align: left; width: 369px;}
.navigationArea ul ul li a{color:#fff;}

.navigationArea ul ul li.onsite a{ width:100%; display:block; /*border-bottom:solid 1px #555555;*/ color:#555555!important; font-size:0.9em!important;}
.navigationArea ul ul li.onsite a:hover{ text-decoration:underline;}
.navigationArea ul ul li.inventory a{ color:#044437!important; font-size:0.9em !important;/* border-bottom:solid 1px #044437;*/ display:block; width:100%; margin-top:20%;}
.navigationArea ul ul li.inventory a:hover{ text-decoration:underline;}
.navigationArea ul ul li.last{ margin-right:0!important;}
.navigationArea ul li.services ul{padding:1em 1.5em 1.5em 1.5em; text-align:left;}
.navigationArea ul li.products ul{ width:780px; padding:1em 1.5em 1.5em 1.5em; text-align:left; columns: 370px 2; -webkit-columns:370px 2; -moz-columns:370px 2;}
.navigationArea ul li.services ul li, .navigationArea ul li.contact ul li{float:none;}
.navigationArea ul li.contactmenu .dropdown-menu {right:0; left:auto;}
.navigationArea ul li.contactmenu ul li{width:170px;}

/*ul.nav li.services ul.dropdown-menu ul li{ float:none!important; margin:0; padding:0; display:list-item!important; text-align:left!important;}
ul.nav li.services ul.dropdown-menu ul li a{  float:none!important; margin:0; padding:0; display:list-item;}
ul.nav li.services ul.dropdown-menu ul li.first{ float:none!important;}*/
.navigationArea ul ul ul{ width:auto!important; text-align:left!important; margin:0!important; padding:0!important;}
.navigationArea ul ul ul li{ float:none!important; display:list-item; width:auto!important; margin-right:0!important;}
.navigationArea ul ul ul li.first a{ margin-top:0.9em;}

.navigationArea ul ul li.onsite ul li a{ border-bottom:none; line-height:2em!important;  color:#000000!important;}
.navigationArea ul ul li.inventory ul li a{ border-bottom:none; line-height:2em!important; margin-bottom:0!important; margin-top:0!important; color:#000000!important;}
.navigationArea ul ul li.inventory ul li a:hover,.navigationArea ul ul li.onsite ul li a:hover{ color:#505050!important;}
.navigationArea ul ul li.inventory ul li.first a{ margin-top:0.9em!important;}
.navigationArea ul li.services ul span.arrowTop{ float:left; width:100%; background:url(../images/bottom-arrow.png) no-repeat 24% 0; height:22px; display:none;}
.navigationArea ul li.products ul span.arrowTop{ float:left; width:100%; background:url(../images/bottom-arrow.png) no-repeat 1.65% 0; height:22px; display:none;}
.navigationArea ul li.contactmenu ul span.arrowTop{ float:left; width:100%; background:url(../images/bottom-arrow.png) no-repeat 73.5% 0; height:22px; display:none;}
.navigationArea ul ul ul span.arrowTop{ display:none;}


.open > .dropdown-menu {top:22px;}

.gallerymain{ float:left; width:100%; margin-bottom:8%;}
.middle{ margin:0 auto 8% auto; width:92%; overflow:hidden;}
.leftbarHome{ float:left; width:27%; margin-right:6%; }
.certified{ background:url(../images/bg-certified.png) no-repeat center; text-align:center; width:15em; height:auto; color:#000; float:left; margin-bottom:13.5%;}
.certified span{ font-size:17px;}
.certified p{ padding-top:.6em; text-shadow:-1px 1px 2px #aaa;}
.rightbarHome{ float:left; width:67%;}
.NewsHome{ float:left; width:100%;}
.NewsHome h4{ border-bottom:solid 1px #102721; padding-bottom:0.5em; font-weight:normal; color:#044437; font-size: 1.6em; margin-bottom:0.7em;}
.article{ float:left; width:100%; margin-bottom:0.8em;}
.article h5{ float:left; width:100%; margin-bottom:0.5em; font-weight:normal; color:#044437; font-size:1em;}
.article p{ font-size:13px; color:#044437;}
.introhome{ float:left; width:100%; margin-bottom:10%;}
.introhome h4{ border-bottom:solid 1px #102721; padding-bottom:0.5em; font-weight:normal; color:#044437; font-size: 1.6em; margin-bottom:0.7em;}
.introhome p{color:#000000;}
.display{ float:left; width:100%;}

.footermain{ background:#02241d url(../images/footer-bg.png) repeat-x; padding-bottom:2%;width:100%}
.footermid{ margin:0 auto 0 auto; width:872px; display:table;}
.footerarrow{ float:left; width:100%; background: url(../images/top-arrow.png) no-repeat left; height:24px; margin-top:-23px;}
.bottom{ float:left; width:100%; margin-top:3%;}
.bottomlogo{ float:left; color:#bab9af; font-size:12px; line-height:1.5em; margin-right:6%;}
.rightpart{ float:left;}
.bottomlogo img{  margin-bottom:2%; }
.bottomnav{ float:left;}
.bottomnav ul{ list-style:none; width:200px;}
.bottomnav ul li{ font-size:14px; border-bottom:solid 1px #cccccc; width:100%;  padding-bottom:6%; margin-bottom:6%; }
.bottomnav ul li a,.bottomnav ul li a:visited,.bottomnav ul li a:active{ display:block; color:#bab9af;}
.bottomnav ul li a:hover{ color:#cdc99a;}
.contact{ float: right; width:25%}
.contact h5{ float:left; font-weight:normal; color:#cdc99a; font-size:1.5em; display:block; padding-bottom:1%; margin-bottom:10%; border-bottom:solid 1px #cccccc; width:100%; margin-bottom:5%; }
.contact p{ color:#bab9af; line-height:24px;margin-bottom:0; font-size:14px;}
.contact p a{ color:#bab9af; text-decoration:underline;}
.copyright{font-size:12px; color:#cdc99a; clear:both; padding:30px 0 0 0; text-align:center;}
.copyright a,.copyright a:visited,.copyright a:active{ color:#cdc99a; text-decoration:underline;}

.productpage{ width:100%; float:left;}
.productpage h1{ font-weight:normal; font-size:2.5em; color:#044437; float:left; margin-right:2%; font-family:'Yanone Kaffeesatz','宋体', Arial, Helvetica, sans-serif;}
.productpage table{background: none repeat scroll 0 0 #F1F1F1;}
.productpage table tr:nth-child(even){background:#e1e1e1;}
.productpage table td{border: 1px solid #CCCCCC; padding:8px 0;}
.productpage table strong{color: #044437;}
.breadcrumb{ float:left; display:inline; height:30px;}
.breadcrumb sub{ bottom:-0.25em; font-size:80%;}
.breadcrumb a{ text-decoration:underline; color:#555555;}
.heading{ float:left; width:100%; margin-bottom:5%;}
.banner{ float:left; width:100%; *padding-bottom:3%; *margin-bottom:3%; *border-bottom: solid 1px #102721;}
.introtextproduct{ float:left; width:100%; color:#044437; *padding-bottom:3%; margin-bottom:3%; *border-bottom: solid 1px #102721;}
hr{border:#102721 1px solid;border-bottom:0}
.introtextproduct h4{ font-weight:normal;}
.introtextproduct p{ font-size:14px; font-height:150%;}
.tagDiv{ float:left; width:100%; padding-bottom:3%; margin-bottom:3%; border-bottom: solid 1px #102721; }
.blockOne{ float:left; width:33%;}
.blockOne h4{ float:left; width:100%; font-weight:normal; color:#010101; font-size:20px; margin-bottom:5%;}
.blockOne ul{ font-size:14px;}
.blockOne ul li{ margin-bottom:6%;}
.blockOne ul li span{ text-decoration:underline; color:#044437;}
.blockOne ul li a{}
.blockright{ margin-left:16%;}

.threemenu{ float:left; width:100%; margin-bottom:2.5%;}
.threemenu ul{}
.threemenu ul li{ font-size:15px;}
.threemenu ul li a{ border:solid 1px #000000; padding:1.5% 0; color:#000000; margin-right:19px;  float:left; width:275px; text-align:center; display:inline-block;}
.threemenu ul li a.last{ margin:0;}
.onecol,.twocol{ width:49%;  float:left; }
.twocolumnmenu{ float:left; width:100%; margin-bottom:2.5%; padding-bottom:2.5%; border-bottom:solid 1px #000000;}
.onecol{ margin-right:1%;}
.twocol{ margin-left:1%;}
.onecol ul,.twocol ul{ border-bottom: solid 1px #000000;}
.onecol ul li,.twocol ul li{font-size:15px;}
.onecol ul li a,.twocol ul li a{ border:solid #000000; border-width:1px 1px 0px 1px; padding:2.5% 0; color:#000000; text-align:center; display:block;}
.onecol ul li a.active,.twocol ul li a.active{ background:#bab9af; color:#044437;}

.introtextservice{ float:left; width:100%; color:#044437; 
padding-bottom:3%; margin-bottom:3%; border-bottom: solid 1px #102721; }
.introtextservice h4{ font-weight:normal; width:100%; float:left; color:#000000;}
.introtextservice p{ font-size:14px; -moz-column-count:2; /* Firefox */
 -webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px; display:inline-block; margin-bottom:2%;}
.introtextservice span{ width:100%; float:left; font-size:14px; text-align:right;}
.introtextservice span a{ color:#044437; text-decoration:underline;}

.leftbarabout{ float:left; width:35%; margin-right:6%; }
.introabout{ float:left; width:100%;  padding:5% 0; /*border:solid #000000 1px;*/}
.introabout p{color:#044437;}
.introabout .post{margin-bottom:2em;}
.rightbarabout{ float:left; width:59%;}
.imageholder{ float:left; width:46%; margin-bottom:10%;}
.imageholder.right{ float:right;}
.imageholder img{ margin-bottom:1%; border:solid 1px #000000;}
.imageholder span{ width:100%; float:left; color:#044437;}

.aboutaddress{ float:left; width:100%; color:#044437; margin-top:5%;}
.aboutaddress p{ font-size:14px;}
.aboutaddress a{ color:#044437;}
.leftbarabout h4{ border-top:solid 1px #102721; padding-top:0.5em; margin-bottom:10%; font-weight:normal; color:#044437; font-size:20px;}
.contactform{ float:left; width:100%; border-bottom:solid 1px #000000; padding-bottom:5%;}
.contactform h4{border-top:none; padding-top:0; color:#000000; margin-bottom:0%; font-weight:normal; margin-bottom:1%; font-size:18px;}
.contactform input[type="text"].textfield{ background:#cccccc!important; border-radius: 0!important; height:2em!important; width:84%; border:solid 1px #000000!important; margin-bottom:8%!important;}
.contactform input[type="text"].white{ background:#ffffff!important;}
.contactform input[type="button"]{ background:#cccccc!important; border:0!important; padding:2% 0!important; font-size:18px; text-align:center!important; width:89%!important;}
.subLeft{ float:left; width:63%; margin-right:5%;}
.subLeft ul{list-style:disc;}
.subRight{ float:left; width:32%;}
.subLeft .introabout p{ color:#000000;}
.rightbanner{ float:left; width:100%; padding:4% 0; /*border:solid #000000 1px;*/}
.greenbox{ float:left; width:92%; padding:3% 4%; margin-left:1%; min-height:37.5em; background:#95c17a url(../images/bg-dot.png) repeat-x center 96.5%;}
.greenbox hr{ background:url(../images/bg-dot.png) repeat-x; height:1px; border:none;}
.greenbox h1{ color:#ffffff; float:left; width:100%; text-align:center; font-size:3.6em; margin:0;}
.greenbox h2{ color:#ffffff; float:left; width:100%; text-align:center; font-size:1.8em;}
.greenbox h3{ color:#ffffff; float:left; width:100%; font-size:1.5em;}
.greenbox ul a,.greenbox ul li{color:#fff; list-style:none; font-size:.9em; display:block}
.greenbox ul{margin-bottom:1em;}

.greenbox .fsFieldFocused{background:#044437!important;border-radius:4px;}
.greenbox .fsFieldFocused .fsSupporting,.greenbox .fsFieldFocused .fsRequiredLabel,.greenbox .fsFieldFocused .fsLabel{color:#fff!important;}
.greenbox .fsBody .fsForm .fsSectionHeader{background:none; padding:0;}
.greenbox .fsBody .fsForm,.greenbox .fsForm .fsSpacerRow .fsRowBody{background:none; border:none;}
.greenbox .fsError,.greenbox .fsForm {width: 100% !important;}
.greenbox .fsForm h2{display:block; font-weight:400 !important; background:#044336; border-radius: 4px; color: #FFFFFF !important; font-size: 18px; padding: 6px 8px !important;}
.greenbox .fsBody .fsForm input.fsRequired[type="text"],.greenbox .fsBody .fsForm input.fsRequired[type="file"],.greenbox .fsBody .fsForm input.fsRequired[type="number"],.greenbox .fsBody .fsForm input.fsRequired[type="email"],.greenbox .fsBody .fsForm input.fsRequired[type="tel"],.greenbox .fsBody .fsForm textarea.fsRequired,.greenbox .fsBody .fsForm select.fsRequired,.greenbox .fsBody .fsForm input.fsField[type="text"],.greenbox .fsBody .fsForm input.fsField[type="file"],.greenbox .fsBody .fsForm input.fsField[type="number"],.greenbox .fsBody .fsForm input.fsField[type="email"],.greenbox .fsBody .fsForm input.fsField[type="tel"],.greenbox .fsBody .fsForm textarea.fsField,.greenbox .fsBody .fsForm select.fsField,.greenbox .fsOtherField {
    background-color: none; border-color: #999999 !important; padding: 2%; width: 96% !important;}
.greenbox .fsForm input,.greenbox .fsForm textarea{width:70% !important;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {margin-bottom: 0px !important;}
.greenbox .fsForm p{font-size:14px;}
.greenbox .fsForm input[type='checkbox'],.greenbox .fsForm input[type='radio']{width:auto !important;}
.greenbox .fsForm input[type='submit']{width:100% !important; font-size:14px !important; float:left !important;}
.greenbox .fsSubFieldGroup{margin-top:10px !important;}
.greenbox .fsFieldZip{width:200px !important;}
.greenbox .fsForm .fsSubmit{background:none; margin:0;}


/*Gallery*/
.carousel-nav{ float:right; width:22%;}
.carousel-nav ul{ display:table; list-style:none;}
.carousel-nav ul li{ margin-bottom:0.6em;}
.carousel-nav ul li a{ display:table-cell; width:12em; vertical-align:middle; padding: 8px 8px 8px 20px; min-height:5em; color:#000000; background:url(../images/gallery-noarrow-bg.png) no-repeat center left; font-size:.8em;}
.carousel-nav ul li a.active{background:url(../images/gallery-arrow-bg.png) no-repeat center left;}
.next-pre{left: 69%; position: absolute; top: 88%; width: 10%;}
.item img{ border-top: solid 1px #000000;}

.display .list_carousel {margin: 0 0 0px 0px;}
.display .list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.display .list_carousel li {display: block;float: left;margin-right:0%;}
			
			.display .list_carousel li span {
				float:left;
				width:100%;
				line-height:2em;
				 text-align:center;
				color:#ffffff;
				background:url(../images/bg-black.png) repeat;
				margin-top:-2em;
				position:relative;
				
				
				}
			.display .list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.display .clearfix {
				float: none;
				clear: both;
			}
			.display .prev {
				float: left;
				margin-left: 0px;
			}
			.display .next {
				float: right;
				margin-right: 0px;
				margin-top:-6em;
				position:absolute;
				left:72%;
			}
			
			.display .caroufredsel_wrapper{ }
			
			
.small{ display:none;}

.generic{ width:95%}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {

	*{ margin:0; padding:0;}
.navigationArea ul li.services ul { margin:0 0 0 -137%;}
.navigationArea ul li.products ul{ margin:0 0 0 10%;}
.navigationArea ul li.contactmenu ul{ margin:0 0 0 -596%;}

	}*/

@media (min-width: 1024px){
.navigationArea{height:2.65em;}
}	



/* Added by Rob */

/* Inquiry Form styles */
.fsError,.fsForm {width: 100% !important;}
.fsForm h2{display:block; font-weight:400 !important; background:#044336; border-radius: 4px; color: #FFFFFF !important; font-size: 18px; padding: 6px 8px !important;}
.fsBody .fsForm input.fsRequired[type="text"], .fsBody .fsForm input.fsRequired[type="file"], .fsBody .fsForm input.fsRequired[type="number"], .fsBody .fsForm input.fsRequired[type="email"], .fsBody .fsForm input.fsRequired[type="tel"], .fsBody .fsForm textarea.fsRequired, .fsBody .fsForm select.fsRequired,.fsBody .fsForm input.fsField[type="text"], .fsBody .fsForm input.fsField[type="file"], .fsBody .fsForm input.fsField[type="number"], .fsBody .fsForm input.fsField[type="email"], .fsBody .fsForm input.fsField[type="tel"], .fsBody .fsForm textarea.fsField, .fsBody .fsForm select.fsField, .fsOtherField {
    background-color: #FFFFFF; border-color: #999999 !important;}
.fsForm input, .fsForm textarea{width:70% !important;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {margin-bottom: 0px !important;}
.fsForm p{font-size:14px;}
.fsForm input[type='checkbox'], .fsForm input[type='radio']{width:auto !important;}
.fsForm input[type='submit']{width:150px !important; font-size:14px !important; float:left !important;}
.fsSubFieldGroup{margin-top:10px !important;}
.fsFieldZip{width:200px !important;}

/* Other Styles */
.cont-dimention{background:#f6fbfa; width:100%; font-size:14px !important;}
.cont-dimention tr{border:#000 1px solid;}
.cont-dimention-heading{font-weight:700;}
.cont-dimention tr:nth-child(even) {background-color: #e4f1dc;}
.cont-dimention td{padding:6px; text-align:center;}
.cont-dimention span{font-size:12px;}
.cont-dimention .width{border-left:#000 1px solid; border-right:#000 1px solid;}

.content{float:left; width: 100%;}
.content h3{background: #044336; color:#fff; font-size:1.5em; padding:6px 8px; border-radius:4px; font-weight:400; margin:0 0 20px 0;}
.content p{margin-bottom:1.5em;}

.eternity { background: url("../images/eternity-web-white.png") no-repeat scroll center center; display: inline-table;  height: 15px;  text-indent: -999999px;  width: 240px; text-align:left;}

.liner-links{color:#044336; width:90%; overflow:hidden; padding:20px 0; margin:50px auto 0; border-top:#044336 1px solid;}
.liner-links div{width:30%; float:left; margin:0 10%;}
.liner-links li{list-style:none; font-size:.9em;}
.liner-links a{color:#044336; border-radius:4px;}
.liner-links a:hover{color: #CDC99A;}

.product-grid ul{padding:0;}
.product-grid li{width:48%; padding:1%; float:left; list-style:none;}
.product-grid li .image-container{width:100%; overflow:hidden; height:155px;}
.product-grid li img{width:100%; height:auto;}
.product-grid li img:hover{opacity:.9;}
.product-grid li span{display:block; width:100%; text-align:center; height:35px; font-size:12px; font-weight:700;}
.product-grid li a{color:#000;}
.product-grid li a:hover{color:#044437;}

.blogarea{margin:0 0 6% 0;}
.blogarea .title{font-size:1.5em; font-weight:400;}
.blogarea .intro{font-size:14px;}
.blogarea .more{font-size:12px; text-transform:capitalize;}
.blogarea a{color:#044336;}

.blogarea ul{margin:0;padding:0;}
.blogarea .view-blog-btn{background: none repeat scroll 0 0 #044336;  border-radius: 5px; color: #FFFFFF; display: block; font-size: 13px; padding: 3% 4%;   text-align: center; width: 140px;}

/* Sidebar Blog */
li.post{list-style:none; margin: 0 0 2em;}
li.post .title{margin:0;}
li.post .post-info{font-size:13px; margin:0 0 .5em 0;}
li.post .entry p{margin:0;}
li.post .readmore{font-size:.875em;}

.post a{color:#044336;}
.post h2{margin:0 0 10px 0; font-size:1.9em;}

.mobile-ribbon{display:none;}

.youtube-video span{margin:2% 0; width:500px; height:281px; display:block; clear:both; position:relative;}
.youtube-video iframe, .youtube-video object, .youtube-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.product-types-usage, .specific-product-usage{border:1px #ccc solid; background:#f1f1f1; margin:0 0 25px 0; font-size:.8em; width:100%;}
.product-types-usage td, .specific-product-usage td{padding:10px !important; border:1px #ccc solid;}
.product-types-usage .title, .specific-product-usage .title{text-align:center; color:#fff; font-size:1.2em; background:#044437;}
.product-types-usage a, .specific-product-usage a{color:#044437; text-decoration:underline;}

.carousel-caption{padding:1em .5em;}
.carousel-caption p{font-size:.8em; line-height:1.3em; width:86%;}

@media screen and (max-width: 960px){
.product-grid li .image-container{height:130px;}
}

@media screen and (max-width: 920px){
.product-grid li .image-container{height:130px;}
.ribbon{display:none;}
.mobile-ribbon{display:block; text-align:center; clear:both; margin:1% 0; width:100%; float:left;}
.mobile-ribbon-number,.mobile-ribbon-quote{display:inline-block; width:43%; font-size:.9em; padding:2%; color:#fff; border-radius:8px; margin:2% 0 0 0;}
.mobile-ribbon-number:hover,.mobile-ribbon-quote:hover{opacity:.95;}
.mobile-ribbon-number{background:#044437;}
.mobile-ribbon-quote{background:#1b1511; text-transform:uppercase;}
.mobile-ribbon-quote a,.mobile-ribbon-number a{color:#fff;}
.navigationArea ul li a,.navigationArea ul li a:visited,.navigationArea ul li a:active{ font-size:20px; font-family:Verdana, Geneva, sans-serif;}
.dropdown-menu li > a { font-size: 1em !important;  line-height: 20px;}
.navigationArea ul li a:hover, .navigationArea ul li.open a {padding: 0 5px;}
}

@media screen and (max-width: 800px){
.product-grid li .image-container{height:114px;}
.nav-home-icon{display:auto; width:auto; background:none; text-indent:0;}
.nav-home-icon:hover {background:none !important;}
.language-select span{display:none;}
}
@media screen and (max-width: 600px){
.youtube-video span{width:90%; height:1px; overflow:hidden; padding-bottom: 56.25%; padding-top: 30px;}
.product-grid li .image-container{height:130px;}
}
@media screen and (max-width: 400px){
.product-grid li{width:98%; padding:1%; float:left;}
.product-grid li .image-container{height:170px;}
.product-grid li span{font-size:10px; height:40px;}
}

/* SPANISH */
body.spanish .ribbon{min-height: 70px; padding-top: 20px;}
body.spanish .dropdown-menu li > a, .dropdown-menu li{white-space: normal; padding:0;}
body.spanish .navigationArea ul li.products ul{columns: 370px 2; -webkit-columns:370px 2; -moz-columns:370px 2;}
body.spanish #habla_window_div.habla_window_div_base{display:none !important;}

/* FRENCH */
body.french .ribbon{min-height: 70px; padding-top: 35px;}
body.french .dropdown-menu li > a, .dropdown-menu li{white-space: normal; padding:0;}
body.french .navigationArea ul li.products ul{columns: 370px 2; -webkit-columns:370px 2; -moz-columns:370px 2;}
body.french .navigationArea ul > li {margin: 0 0.5%;}
body.french #habla_window_div.habla_window_div_base{display:none !important;}

/* Brazilian */
body.breton .ribbon{min-height: 70px; padding-top: 35px;}
body.breton .dropdown-menu li > a,body.breton .dropdown-menu li{white-space: normal; padding:0;}
body.breton .navigationArea ul li.products ul{columns: 370px 2; -webkit-columns:370px 2; -moz-columns:370px 2;}
body.breton .navigationArea ul > li {margin: 0 0.7%;}
body.breton #habla_window_div.habla_window_div_base{display:none !important;}

/* GERMAN */
body.german .ribbon{min-height: 70px; padding-top: 20px;}
body.german .dropdown-menu li > a,body.german .dropdown-menu li{white-space: normal; padding:0;}
body.german .navigationArea ul li.products ul{columns: 370px 2; -webkit-columns:370px 2; -moz-columns:370px 2;}
body.german .navigationArea ul > li {margin: 0 0.7%;}
body.german .navigationArea ul > li a,body.german .navigationArea ul li a:visited,body.german .navigationArea ul li a:active {font-size: 24px;}
body.german .nav-home-icon {background: url("../images/home-icon.png") no-repeat scroll center 4px rgba(0, 0, 0, 0);}
body.german #habla_window_div.habla_window_div_base{display:none !important;}

/* KOREAN */
body.korean .ribbon{min-height: 70px; padding-top: 35px;}
body.korean .dropdown-menu li > a,body.korean .dropdown-menu li{white-space: normal; padding:0;}
body.korean .navigationArea ul li.products ul{columns: 370px 2; -webkit-columns:370px 2; -moz-columns:370px 2;}
body.korean .navigationArea ul > li {margin: 0 0.7%;}
body.korean #habla_window_div.habla_window_div_base{display:none !important;}

/* CHINESE */
body.chinese .ribbon{min-height: 70px; padding-top: 35px;}
body.chinese .dropdown-menu li > a,body.chinese .dropdown-menu li{white-space: normal; padding:0;font-family:'宋体'}
body.chinese .navigationArea ul li.products ul{columns: 370px 2; -webkit-columns:370px 2; -moz-columns:370px 2;}
body.chinese .navigationArea ul > li {margin: 0 2%;}
body.chinese #habla_window_div.habla_window_div_base{display:none !important;}

/* JAPANESE */
body.japanese #habla_window_div.habla_window_div_base{display:none !important;}


label {
line-height: 27px !important;
}    

.formrow {
display: inline-flex;
width: 100%;
}

.formitem {
display: inline-table;
padding: 0px 30px 0px 0px;
width: 43%;
}
.formitem3 {
display: inline-table;
padding: 0px 15px 0px 0px;
width: 30%;
}
.formitem4 {
display: inline-table;
padding: 0px 15px 0px 0px;
width: 80%;
}
.formitem4 textarea {
    width:89%;
}

.formitem ul {
padding: 0;
display: inline-flex;
}

.formitem li {
    list-style:none;
    padding-right: 20px;
    
}

input[type="radio"], input[type="checkbox"] {
margin: -4px 0 0;
}

input[type="checkbox"] {
margin: 0;
}
@media screen and (max-width: 754px) {
    .formrow {
        display: block;
    }
    .formitem {
        display:block;
         list-style:none;
    }
    .formitem ul {
padding: 0;
display: block;
}

.formitem li {
    list-style:none;
    padding-right: 0px;
    
}
    
}

.formtitle h2 {
display: block;
font-weight: 400 !important;
background: #044336;
border-radius: 4px;
color: #FFFFFF !important;
padding: 6px 8px !important;
margin-bottom: 15px;
margin-top: 22px;
}

.float_layer {width:280px;background:#FFFFFF;border:solid 1px #dddddd;}
.float_layer h2 {clear:both;height:36px;font-size:14px;color:#FFFFFF;font-weight:bold; padding-left:10px;line-height:36px;background:#0e4236;border-bottom:solid 1px #0e4236; border-radius:3px; position: relative; }
.float_layer .min {color:#f00;display:block;width:40px;height:36px;background:url(../images/up.png) no-repeat center center; position: absolute; top: 2px; right: 5px; }
.float_layer .min:hover { background:url(../images/down.png) no-repeat center center;}
.float_layer .max {display:block;width:40px;height:36px;background:url(../images/up.png) no-repeat center center; position: absolute; top: 2px; right: 5px; }
.float_layer .max:hover { background:url(../images/down.png) no-repeat center center;}
.float_layer .content2 { height:250px; width:300px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666;  }
.float_layer .wrap2 { padding:0 }

.extbkboxb{font-size:12px;clear:both;height:auto;padding:10px 0px 0px 0px ;}
.extbkboxnar{color:#f00;display:block;width:40px;height:36px;background:url(../images/up.png) no-repeat center center;}
.extbkboxnarove{color:#00f;width:40px;height:36px;background:url(../images/down.png) no-repeat center center;display:block;}
.extbkboxb ul{list-style:none;margin:0px;padding:0px 16px;border-radius:3px 3px 0 0;}
.extbkboxb ul li{margin-top:6px; border-left:2px solid #0e4236; border-radius:3px;}
.extbkboxb ul li input{font-size:12px;color:#ccc}
.extbkboxb ul li textarea{font-size:12px;color:#ccc}
.video li{ width:800px; height:460px; margin:15px; display:inline}












