body {
}

#container {
	background:#ffffff url('../template/bg_repeat.png') repeat-x;
}

#main {
	margin-bottom:30px;
	margin-top:30px;
}

.wrapper {
	position:relative;
	margin:0 auto;
	min-width:960px;
	max-width:70%;
}

#header {
	height:150px;
	position:relative;
	z-index:500;
	background:url('../template/bg-header.jpg') top right no-repeat;
}

.backlink {
	background:#59b517;
	position:absolute;
	top:0px;
	right:15px;
	padding:8px 15px;
	color:#fff;
	font-family:"Open Sans";
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}


.logo {
	position:absolute;
	z-index:50;
	top:5px;
	left:15px;
	width:70px;
}

#header h1 {
	position:absolute;
	top:38px;
	left:100px;
	color:#fff;
	font-family:"Open Sans";
	font-weight:700;
	font-size:36px;
}

.upper {
	float:right;
	width:440px;
	padding-top:15px;
}


#navigation {
	position:absolute;
	top:106px;
	left:0px;
	z-index:49;
	width:100%;
}

#navigation > a {display:none;}

#navigation ul {
}

#navigation ul li {
	float:left;
	font-size:16px;
	line-height:31px;
	margin:0px 4px;
	font-family:"Open Sans", arial;
	font-weight:400;
}

#navigation ul li a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:6px 15px;
}

#navigation ul li.active {
	float:right;
}

#navigation ul li:hover a, #navigation ul li.active a {
	background:#032f5e;
	border-top:5px;
	padding-top:11px;
	margin-top:-5px;
	color:#63bd27;
}

#navigation ul li .submenu {
	float:left;
	left:-9999em;
	position:absolute;
}

#navigation ul li:hover .submenu {
	position:absolute;
	left:auto;
	top:43px;
	background:#032f5e;
	width:650px;
	margin-left:-20px;
}

#navigation ul li:hover .subright {
	margin-left:-340px;
}
#navigation ul li:hover .subrightlast {
	margin-left:-450px;
}

#navigation ul li:hover .submenu .menuArea {
	float:left;
	width:45%;
}

#navigation ul li:hover .submenuwide {
	width:800px;
}


#navigation ul li:hover .submenu .menuList {
	margin:20px 0px;
	border-right:1px solid #093e77;
}

#navigation ul li:hover .submenu .twocol {
	float:left;
	width:49%;
}

#navigation ul li:hover .submenu .menuList li {
	font-size:14px;
	line-height:18px;
	margin:0px 0px;
	font-family:"Open Sans", arial;
	font-weight:400;
	float:none;	
}

#navigation ul li:hover .submenu .menuList li a{
	color:#ffffff;
	float:none;
	background:none;
	display:block;
	padding:8px 20px;
	text-decoration:none;
	margin:0px;
}

#navigation ul li:hover .submenu .menuList li:hover a {
	color:#6cda1c;
	background:#032243;
	margin:0px;
	padding:8px 20px;
}

#navigation ul li:hover .submenu .menuList li .infoFill {
	display:none;
}

#navigation ul li:hover .submenu .menuList li:hover .infoFill {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	background:#032f5e;
}

#navigation ul li:hover .submenuwide .menuArea {
	width:55%;
}

#navigation ul li:hover .submenu .infoArea {
	padding:2.5%;
	width:50%;
	height:85%;
	float:right;
	margin:0px;
}

#navigation ul li:hover .submenuwide .infoArea {
	width:40%;
}

#navigation ul li:hover .submenu .infoArea h3 {
	color:#48c5ff;
	font-size:16px;
	line-height:24px;
	margin-bottom:15px;
}

#navigation ul li:hover .submenu .infoArea p {
	font-family:arial;
	font-size:15px;
	color:#ffffff;
	line-height:24px;
	margin-bottom:15px;
}

#navigation ul li:hover .submenu .infoArea p a {
	padding:0px;
	margin:0px;
}

#navigation ul li:hover .submenu .infoArea p a:hover, #navigation ul li:hover .submenu .menuList li:hover .infoArea a  {
	text-decoration:underline;
	padding:0px;
	margin:0px;
	background:none;
}

#navigation ul li:hover .submenu .menuList li.ctacontact a {
	margin:15px 15px;
	background:#01254b;
	border:1px solid #08407b;
	border-radius:8px;
	text-align:center;
	padding:20px 15px;
	font-size:16px;
	line-height:20px;
}

.banner {
	height:465px;
	background:url('../images/bg_wave.jpg') center center no-repeat;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}

#bannercontainer {
	width:100%;
	position:relative;
	padding:0px;
	max-height:465px;
	overflow:hidden;
}


.slide {
	position:relative;
	z-index:30;
	height:465px;
}

.slide img.focal {
	float:left;
	margin-top:55px;
	padding-right:30px;
	max-width:400px;
}

.slide h1 {
	color:#115cad;
	font-size:36px;
	font-family:"Open Sans";
	font-weight:700;
	padding-top:70px;
	line-height:60px;
}

.slide h1 a {
	color:#fbff8f;
	text-decoration:none;
}

.slide ul {
	float:right;
	width:60%;
	margin-top:10px;
}

.slide ul li {
	background:url('../template/list-check.png') 0px 8px no-repeat;
	color:#ffffff;
	font-size:18px;
	font-family:"Open Sans";
	font-weight:700;
	padding:15px 0px 15px 55px;
}

a.slideCTA{
	border-radius:15px;
	background:#59b517;
	padding:15px 20px;
	color:#fff !important;
	float:left;
	display:block;
	margin-top:30px;
	font-family:"Open Sans";
	font-weight:700;
	font-size:20px;
	text-decoration:none;
	line-height:30px;
}


.banner_bot {
	background:url('../template/banner_bg-repeat.png') repeat-x;
	height:28px;
	width:100%;
	z-index:50;
}

.ctarow {
	margin:15px 0px;
}

.ctabox {
	background:#f0f0f0;
	float:left;
	width:24%;
	margin-right:1.33%;
	height:140px;
}

.ctabox h3 {
	text-align:center;
	background:#b0b0b0;
	color:#ffffff;
	font-family:"Open Sans";
	font-weight:300;
	font-size:16px;
	padding:8px;
	border-bottom:1px solid #ffffff;
}

.ctabox a {color:#333333; display:block; text-decoration:none;}

.ctabox p {
	font-family:verdana;
	font-size:11px;
	line-height:17px;
	padding:10px;
}

.ctabox img {float:left; padding-right:10px;}

.ctarow .orange {background:#ffefcf;}
.ctarow .orange h3 {background:#ffa800; color:#222222;}

.ctarow .blue {background:#dceaff;}
.ctarow .blue h3 {background:#3778d9;}

.ctarow .red {background:#ffdad0;}
.ctarow .red h3 {background:#ff3700;}

.ctarow .green {background:#dcf6ca;}
.ctarow .green h3 {background:#8cdb57; color:#222222;}

.ctarow .last {margin-right:0%;}

.newsModule {
	height:50px;
	width:100%;
	position:relative;
}

.newsModule h4 {
	float:left;
	display:block;
	background:#0d4f89;
	font-family:arial;
	color:#ffffff;
	font-size:14px;
	padding:10px 1%;
	text-align:center;
	width:10%;
}

.newsModule ul li {
	float:left;
	display:block;
	font-size:14px;
	text-decoration:none;
	background:#f4f4f4;
	padding:10px 2%;
	font-family:arial;
	width:84%;
}

.newsModule #allNews {
	position:absolute;
	right:15px;
	top:12px;
}

.newsModule ul li a {
	color:#6b6b6b;
}

.bodyTxt p, .bodyTxt td {
	font-family:arial;
	font-size:15px;
	line-height:24px;
	margin:20px 0px;
}

.bodyTxt li {
	font-family:arial;
	font-size:15px;
	line-height:24px;
}

.bodyTxt ul {
	list-style:disc;
	margin-left:30px;
	margin-bottom:20px;
}

.bodyTxt td {
	padding:8px;
}

.bodyTxt a {
	color:#60ad3e;
	text-decoration:none;
}

.bodyTxt a:hover {
	background:#ffffcc;
}

.bodyTxt h2 {
	font-size:30px;
	font-family:"Open Sans";
	color:#0f69b8;
	font-weight:300;
	border-bottom:2px solid #57a5ea;
	margin-bottom:25px;
	margin-top:25px;
}

.imgright {float:right; padding-left:15px; padding-bottom:15px;}

.bodyTxt h2 span {
	background:#ffffff;
	padding-right:15px;
	margin-top:-15px;
	float:left;
}

.bodyTxt h3 {
	font-size:16px;
	font-family:"Open Sans";
	color:#0f69b8;
	font-weight:700;
	margin-bottom:15px;
}

.bodyTxt p.breadcrumbs {
	margin-top:0px;
	color:#60ad3e;
	font-family:"Open Sans";
	font-size:12px;
}

.bodyTxt p.breadcrumbs a {
	color:#60ad3e;
	text-decoration:none;
}

.bodyTxt p.breadcrumbs a:hover {
	background:#ffffcc;
}

.bodyTxt ul.txtList {
	list-style:disc;
	margin-bottom:20px;
	margin-left:30px;
}

.bodyTxt ul.txtList li {
	font-family:arial;
	font-size:15px;
	line-height:24px;
	padding:8px 0px;
}


.bodyTxt ul.sitemap {
	list-style:disc;
	margin-bottom:20px;
	margin-left:30px;
}

.bodyTxt ul.sitemap li {
	font-family:arial;
	font-size:15px;
	line-height:24px;
	padding:4px 0px;
}

.bodyTxt ul.sitemap ul {
	margin-left:30px;
	list-style:disc;
}

.fright {float:right; padding:8px;}

#headline {
	background:url('../template/bg_headline.png') repeat-x;
	height:102px;
	margin-bottom:30px;
	position:relative;
	z-index:10;
}

#headline h1 {
	font-family:"Open Sans";
	font-weight:300;
	font-size:60px;
	color:#ffffff;
	padding-top:50px;
}

#headline h1.hmShrink {
	font-size:40px;
	padding-top:64px;
}

.headline-about {background:url('../template/headline-about.jpg') top right no-repeat;}

.sidebarHome {
	float:right;
	width:36%;
}

.contentHome {
	width:60%;
	float:left;
}

.content {
	float:right;
	width:70%;
}

.sidebar {
	float:left;
	width:28%;
}

.module {
	background:#093f76 url('../template/bg_module.png') repeat-x;
	padding:20px;
	margin-bottom:25px;
}

.module select {
	width:100%;
	margin-bottom:10px;
	padding:5px 0px;
	font-size:15px;
}

.module h3 {
	font-family:"Open Sans";
	font-size:20px;
	font-weight:300;
	color:#ffffff;
	margin-bottom:15px;
}

.module p {
	font-family:"Open Sans";
	font-size:14px;
	font-weight:400;
	color:#ffffff;
	margin-bottom:15px;
	line-height:24px;
}

.module ul {
	padding:0px 20px;
}

.module li {
	font-family:"Open Sans";
	font-size:14px;
	font-weight:400;
	color:#333333;
	line-height:24px;
}

.module img {
	float:left;
	padding-right:15px;
}

.module a {
	color:#8eb8e1;
}

.lightcontent a {color:#4f91cb;}

.subnavigation, .lightcontent {
	background:#e9ecef;
	padding:0px;
}

.lightcontent {
	padding-bottom:15px;
}

.subnavigation h3, .lightcontent h3 {
	font-family:"Open Sans";
	font-size:22px;
	color:#ff6702;
	font-weight:400;
	padding:15px;
}

.lightcontent h4 {
	padding:0px 15px;
	margin-bottom:15px;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#444444;
}

.lightcontent p {
	color:#222;
	font-family:arial;
	font-size:14px;
	padding:0px 15px;
}

.subnavigation ul {}

.subnavigation ul li {
	border-top:1px solid #cfcfcf;

}

.subnavigation ul li a {
	display:block;
	background:url('../template/arrow-right.png') 15px 14px no-repeat;
	border-top:1px solid #ffffff;
	padding:13px 20px 13px 40px;
	font-family:arial;
	font-size:15px;
	color:#434242;
	text-decoration:none;
}

.subnavigation ul li a:hover {text-decoration:underline;}


#footer {
	background:#156ab3 url('../template/bg_footer.png') repeat-x;
	padding:30px 0px;
}

#footer .menu {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
}

#footer .menu ul {
	clear:left;
	float:left;
	left:50%;
	text-align:center;
	position:relative;
}

#footer .menu li{
	float:left;
	display:block;
	right:50%;
	position:relative;
}

#footer .menu li a {
	display:block;
	color:#fff;
	padding:8px 10px;
	font-family:arial;
	font-size:15px;
	text-decoration:none;
}

.footerLeft {
	float:Left;
	width:49%;
}

.footerRight {
	float:right;
	width:49%;
}


.prodDetail {
	border:1px solid #7d7d7d;
	min-height:400px;
	margin-top:50px;
}

.prodNav {
	background:#ffffff url('../template/bg_prodNav.png') repeat-x;
	height:105px;
	border-bottom:1px solid #d0d0d0;
	position:relative;
}

.prodNav ul {
	margin:0px;
	list-style:none;
}

.prodNav ul li {
	float:left;
	font-family:arial;
	font-size:15px;
	padding:0px 10px;
	line-height:15px;
}

.prodNav ul li a {
	float:left;
	display:block;
	color:#ffffff;
	padding:16px 20px 16px 20px;
}


.prodNav ul li a:hover {
	color:#60ad3e;
	text-decoration:underline;
	background:none;
}

.prodNav ul li.active a {
	background:#ffffff;
	border:1px solid #7d7d7d;
	border-bottom:0px;
	margin-top:-15px;
	color:#222222;
	padding-bottom:22px;
	padding-top:24px;
}

.prodNav ul li.active a:hover {
	background:#ffffff;
	border:1px solid #7d7d7d;
	border-bottom:0px;
	margin-top:-15px;
	color:#222222;
	padding-bottom:22px;
	padding-top:25px;
	text-decoration:underline;
}


.prodNav ul li ul {
	display:none;
}

.prodNav ul li.active ul {
	display:block;
	margin-top:65px;
	position:absolute;
	left:0px;
}

.prodNav ul li.active ul li a {
	border:0px;
	background:none;
	padding:20px 15px;
	color:#4f91cb;
}

.prodNav ul li.active ul li a:hover, .prodNav ul li.active ul li.active a {
	border:0px;
	background:none;
	color:#60ad3e;
	padding:20px 15px;
}


.prodContent {
	padding:20px;
	font-size:15px;
	font-family:Arial;
	line-height:24px;
}

.prodContent p{
	font-size:15px;
	font-family:Arial;
	line-height:24px;
}

.prodContent div {}


.subProductList ul {
	float:left;
	width:50%;
}

.subProductList ul li{
}

.subProductList ul li a {
	background:url('../template/list-arrow.png') 0px 8px no-repeat;
	line-height:24px;
	display:block;
	color:#ffffff;
	padding:5px 5px 5px 30px;
	font-size:15px;
	font-family:arial;
	text-decoration:none;
}

.subProductList ul li:hover a {
	text-decoration:underline;
}

.copyright {
	margin-top:30px;
	text-align:center;
	vertical-align:middle;
}

.copyright img {
	width:40px;
	vertical-align:middle;
	padding-right:30px;
}

.copyright p {
	font-family:arial;
	font-size:15px;
	color:#ffffff;
	line-height:24px;
	padding-top:60px;
	padding-left:15px;
}


.searchList li {
	border-bottom:1px solid #d0d0d0;
	padding:10px 0px;
	font-family:arial;
	font-size:15px;
}

.newsList li {
	border-bottom:1px solid #d0d0d0;
	padding:10px 0px;
	font-family:arial;
	font-size:15px;
}

.newsList li.year {
	font-size:30px;
	font-family:"Open Sans";
	color:#0f69b8;
	font-weight:300;
	border-bottom:2px solid #57a5ea;
	margin-bottom:10px;
	margin-top:25px;	
}

.newsList li.year a:hover {background:none;}

.newsList span {
	display:block;
	float:left;
	font-size:12px;
	color:#525252;
	text-decoration:none;
	width:100px;
}

.newsList b {font-weight:400;}

.newsList li a {
	
}

.gallery li {
	float:left;
	margin:2%;
	padding:2%;
	border:1px solid #d0d0d0;
	width:41%;
	text-align:center;
}

.gallery li img {
	padding:20px;
	height:150px;
}

.gallery li span {
	font-size:12px;
	font-family:"Open Sans";
	display:block;
}

.options li {
	height:100px;
	padding:10px;
	border-bottom:1px solid #d0d0d0;
}

.options li img {
	float:left;
	height:100px;
	width:100px;
	padding-right:25px;
}

.options li span {
	font-size:15px;
	display:block;
	font-family:Arial;
	padding:0px 15px;
	line-height:24px;
}

.quote td{
	padding:10px 5px;
	vertical-align:top;
	border-bottom:1px solid #d0d0d0;
}

.quote tr:nth-child(even) td {
	background:#f0f0f0;
}

.quote, .brochure {width:100%;}


.quote label {
	display:block;
	float:left;
	width:40%;
	padding-right:1%;
	clear:left;
}

.quote p {
	clear:both;
	margin:0px;
	padding:1%;
	border-bottom:1px solid #d0d0d0;
}

.quote p:before, .quote p:after {
	content:"";
	display:table;
}

.quote p:after {
	clear:both;
}

.quote p:nth-child(even) {
	background:#f0f0f0;
}

.brochure td{
	padding:10px 5px;
	vertical-align:top;
	border-bottom:1px solid #d0d0d0;
}

.brochure tr:nth-child(even) td {
	background:#f0f0f0;
}


.wpthumb {
float: right;
margin: 15px;
width: 200px;
border: 1px solid #999999;
}

.insightList {
	float:left;
	width:25%;
	margin:2%;
	border:1px solid #f0f0f0;
	padding:2%;
}

.insightList ul {
	margin-top:15px;
}

.insightList ul li {
	font-family:arial;
	font-size:13px;
	padding:3px 0px;
}

.facility {
	float:left; 
	background:#f0f0f0;
	border:1px solid #dddddd;
	padding:2%;
	width:43%;
	margin:1%;
	text-align:center;
	font-family:"Open Sans";
	font-size:15px;
	line-height:24px;
}

.facility img {
	height:120px;	
}

.facility .podText {
	display:block;
}


.facilityPod {
	float:left; 
	background:#f0f0f0;
	padding:0%;
	width:48%;
	margin:1%;
	text-align:center;
	font-family:"Open Sans";
	font-size:15px;
	line-height:24px;
}

.facilityPod img {
	width:100%;	
	display:block;
	float:left;
}

.facilityPod .podText {
	display:block;
	float:left;
	width:100%;
	background:#ff0000;
	padding:12px 0px;
	margin:0px !important;
	color:#000000 !important;
}

.facilityPod .ross, facilityPod .ross:hover {background-color:#3786e6 !important;}
.facilityPod .metal, facilityPod .metal:hover {background-color:#e41c1c !important;}
.facilityPod .engineering, facilityPod .engineering:hover {background-color:#ff7200 !important;}
.facilityPod .syscon, facilityPod .syscon:hover {background-color:#afb4b8 !important;}
.facilityPod .mixing, facilityPod .mixing:hover {background-color:#27a44d !important;}
.facilityPod .wuxi, facilityPod .wuxi:hover {background-color:#1960b9 !important;}
.facilityPod .process, facilityPod .process:hover {background-color:#a81520 !important;}
.facilityPod .nantong, facilityPod .nantong:hover {background-color:#ea3b3b !important;}

.facilityPod .podText:hover {
	opacity:.7;
	color:#ffffff !important;
}

.facList {
	list-style:disc;
	margin-bottom:20px;
	margin-left:30px;
}

.facList li {
	font-family:arial;
	font-size:13px;
	line-height:18px;
	padding:3px 0px;
}

.halfLeft {
	float:left;
	width:48%;
}

.halfRight {
	float:right;
	width:48%;
}

.officeInfo, .regionInfo {
	background:#f0f0f0;
	border:1px solid #d0d0d0;
	padding:2%;
	width:43%;
	margin:1%;
}

.officeInfo {
	float:left;
}

.regionInfo {
	float:right;
}

.fabSample {
	float:left;
	width:44%;
	padding:2%;
	background:#f0f0f0;
	margin:1%;
}

.aligncenter {text-align:center;}

.fabSample img {
	height:130px;
}

.quotereq label {	
	display:block;
}


.quotereq input[type="text"], .quotereq select {
	border:1px solid #d0d0d0;
	padding:5px;
	font-size:15px;
}

.quotereq input[type="checkbox"] {
	float:left;
}

.quotereq label.half {
	float:left;
	width:48%;
}

.quotereq textarea {
	border:1px solid #d0d0d0;
	width:90%;
	padding:5px;
	font-size:15px;
	height:180px;
}

input.submitBtn {
	background:#156ecd;
	padding:15px 25px;
	font-family:"Open Sans";
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	border:0px;
	border-bottom:2px solid #e0e0e0;
	border-radius:8px;
	cursor:pointer;
}

.adsross li {
	margin:1%;
	width:48%;
	float:left;
	height:400px;
	text-align:center;
}

.adsross li img {
	width:auto;
	height:100%;
}

input.submitBtn:hover {
	background:#093c72;
}

.feature {
	background:#f0f0f0;
	padding:2%;
}

.split {
	float:right;
	margin:2%;
	width:42%;
}

.split img {
	width:100%;
}


.req {display:none;}


.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#accordion h3 {
	border-top:1px solid #d0d0d0;
	margin-top:15px;
	padding-top:15px;
	cursor:pointer;
}

#map {
	width:100%;
	height:400px;
}

#clickedArea .maindiv {display:none;}

.social {
	clear:both;
	font-family:arial;
	color:#ffffff;
	font-size:14px;
	padding-top:20px;
	vertical-align:middle;
}

.social img {
	padding:5px;
	vertical-align:middle;
}