﻿/*
===============================================================

Core Stylesheet ( global.css )
Copyright 2013 HeliumStudio
written for - Zeller + Gmelin

---------------------------------------
	Swatch Colors:
---------------------------------------
	Zeller Red - #e21e25

--------------------------
	Glossary:
--------------------------

	= Global Styles
		+ Header
			-- Navigation
			-- Flyouts
		+ Slider
			-- Featured Flexslider
		+ Main
			-- Map
		+ Sidebar
			-- Tool Widget
			-- Blog Widget
			-- Section List Widget
			-- Widget-Rotator Flexslider
		+ Product tabs
		+ Market Flexslider
		+ Overview
		+ Single Product page (market/application page)
			-- Product Specs Tabs
			-- Product Lines Tab
			-- Regulatory Tab
			-- Inquire Tab
			-- Inquire Tab Form Styles
		+ Footer
			-- Affiliates
		+ Typography
		+ Misc

===============================================================
*/

.red-link a {color:#cf2e2e!important;}
.red-link span {text-decoration-color:#cf2e2e!important;}

@font-face {
    font-family: 'swiss_721light';
    src: url('../font/swiss_721_light_extended-webfont.eot');
    src: url('../font/swiss_721_light_extended-webfont.eot') format('embedded-opentype'),
         url('../font/swiss_721_light_extended-webfont.woff') format('woff'),
         url('../font/swiss_721_light_extended-webfont.ttf') format('truetype'),
         url('../font/swiss_721_light_extended-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(css.css);

/*
================================================== 
Global Styles
================================================== 
*/


 body {
 	background: url('../image/zeller-bg.gif') repeat top center #f8f8f8;
 	color: #222;
 	font-family: 'Open Sans', Arial, Helevtica, sans-serif;
 	font-weight: 400;
 	font-size: 13px;
 }

#globe-wrapper {
	background: url('../image/globe-bg2.png') no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2024px;
	height: 691px;
	width: 1686px;
	z-index: 0;
}

/*+++++++++++++++++++++++++++++
Header
++++++++++++++++++++++++++++++*/

header {
	height: 85px;
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#wrapper {
	background: #fff;
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 18px 2px rgba(0,0,0, .3);
}

#logo {
	width: 411px;
	height: 86px;
	background: url('../image/jcs.png')-10px -10px no-repeat;
	/* background-position: 0 0; */
	display: inline-block;
	text-indent: -9999px;
	margin-top: 20px;
}
#control-box {
	float: right;
}
#transposh-2 {
	position: relative;
	width: 150px;
	right: 30px;
	top: 2px;
}
#transposh-2 select {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	height: auto !important;
	border: none !important;
	border-radius: 0px !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px !important;
	font-size: 13px;
	color: #999;
	z-index: 10;
	position: absolute;
	right: 0;
	top: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 180px !important;
	padding: 6px !important;
	background: url('../image/lang-arrow.png') no-repeat #fff 30px 0 !important;
}
#translator {
	width: 127px;
	height: 27px;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	float: right;
	padding: 4px 0 0 12px;
}
#tr_setdeflang {
	display: none;
}
#login {
	background: url('../image/sprite.png') no-repeat;
	background-position: 0 -109px;
	width: 127px;
	height: 27px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	float: right;
	padding: 4px 0 0 12px;
}
.customer-icon {
	background: url('../image/sprite.png') no-repeat;
	background-position: 0 -49px;
	width: 11px;
	height: 11px;
	display: inline-block;
}
#s {
	font-size: 14px;
	color: #ccc;
	border: 1px solid #ccc;
	padding: 0 0 0 10px;
	width: 220px;
	height: 30px;
}
#s:focus {
	color: #222;
}
#searchform {
	position: relative;
	width: 230px;
	height: 30px;
	margin: 7px 5px 0 0;
	top: 8px;
	right: 3px;
}
#searchsubmit {
	position: absolute;
	top: 30px;
	right: 5px;
	-webkit-appearance: none;
		-moz-appearance: none;
	width: 20px;
	height: 20px;
	font-size: 0;
	border: none;
	background-color: transparent;
	background: url('../image/sprite.png') no-repeat;
	background-position: 0 -276px;
}
.screen-reader-text {
	display: none;
}

/*----------------------Navigation----------------------*/

nav { background: #d1d1d1;}

nav>ul>li {
	width: 20%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
nav>ul>li>a {
	background: url('../image/nav-item-bg.png') top left repeat-x #d1d1d1;
	height: 65px;
	padding: 12px 0 0 10%;
	display: inline-block;
	width: 100%;
	border-left: 2px solid #d1d1d1;
	text-decoration: none;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
}
nav>ul>li:hover>a { background: #f5f5f5;}
nav>ul>li:hover>a h2 { color: #e21e25;}
nav>ul>li:first-child { width: 18%;}
nav>ul>li:nth-child(4) { width: 23%;} /* Color Management */
nav>ul>li:last-child { width: 19%;}
nav>ul>li:first-child>a { border-left: none;}
nav>ul>li>a>h2 {
	color: #000;
	font-size: 13px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	margin-bottom: 3px;
}
nav>ul>li>a>p {
	color: #888;
	font-size: 10px;
	width: 75%;
	line-height: 1.25em;
}
/*----------------------Flyouts----------------------*/

.flyout {
	display: none;
	height: auto;
	width: 635px;
	padding: 25px 20px 15px;
	background: #f5f5f5;
	position: absolute;
	top: 65px;
	z-index: 9999;
	box-shadow: inset 0 20px 20px -20px rgba(0,0,0,.8),
		0 20px 20px rgba(0,0,0,.5);
}
#product-fo { left: 0;}
#about-fo { left: -100px;}
#color-fo { right: -186px;}
.fo-inner {
	width: 300px;
	float: left;
}
.fo-inner:last-child { margin-left: 25px;}
.fo-inner h3 {
	background: url('../image/fo-h3-bg.jpg') repeat-y top left;
	padding: 15px 0 15px 13px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-size: 16px;
}
.fo-inner ul { padding: 18px 0 0 13px;}
.fo-inner ul li { margin-bottom: 8px;}
.fo-inner ul li a {
	font-size: 13px;
	transition: color linear .2s;
		-webkit-transition: color linear .2s;
}
.fo-inner ul li a:hover { color: #e21e25;}
.fo-inner p {
	font-size: 13px;
	line-height: 1.2em;
	margin-top: 15px;
}
.splitter {
	width: 45%;
	float: left;
}
.fo-inner ul li ul { padding: 0 0 0 15px;}
.fo-inner ul li ul li a { color: #999;}


/*+++++++++++++++++++++++++++++
Slider
+++++++++++++++++++++++++++++*/

#featured {
	height: 300px;
	width: 100%;
	background: #ddd;
	position: relative;
}

#slider {
	list-style: none;
	list-style-type: none;
	display: none;
}
.slide {
	width: 100%;
	height: 300px;
	box-shadow: inset 0 20px 30px rgba(0,0,0,.3);
		-webkit-box-shadow: inset 0 20px 30px rgba(0,0,0,.3);
		-moz-box-shadow: inset 0 20px 30px rgba(0,0,0,.3);
}
.slide-content {
	height: 36%;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	bottom: 0;
	color: #fff;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
	padding-left: 44px;
}
.slide-content h1 {
	float: left;
	padding-top: 38px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 28px;
}
.slide-content h1 {
	color: #fff;
	position: relative;
}
.slide-content p {
	width: 35%;
	float: right;
	font-size: 11px;
	border-left: 1px solid #fff;
	margin-top: 15px;
	padding: 5px 25px 5px 15px;
	line-height: 1.5em;
}
/*.slide-arrow {
	background: url('../image/sprite.png') no-repeat;
	background-position: 0 -142px;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 7px;
	right: -40px;
}*/
/*----------------------Featured Flexslider----------------------*/

#featured .flex-control-nav {
	position: absolute;
	z-index: 8000;
	top: 15px;
	right: 15px;
	margin: 0;
	padding: 0;
}
#featured .flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#featured .flex-control-paging li a {
	width: 13px;
	height: 13px;
	display: block;
	background: transparent;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 15px;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		-o-border-radius: 13px;
	border: 2px solid #fff;
	transition: all .8s linear;
	-webkit-transition: all .8s linear;
}
#featured .flex-control-paging li a:hover {
	background: rgba(255,255,255,.5);
}
#featured .flex-control-paging li a.flex-active {
	background: #fff;
	background: rgba(255,255,255,1);
	cursor: default;
}
.no-js .slides > li:first-child { display: block;}

/*+++++++++++++++++++++++++++++
Main
+++++++++++++++++++++++++++++*/

#main {
	padding: 30px 45px 40px;
	width: 890px;
}
body.home #main {
	padding: 20px 45px;
	width: 890px;
}
body.home #main p {
	font-size: 12px;
}
#content {
	width: 60%;
	float: left;
}
#content.contact {
	width: 350px;
	float: right;
}
#content.full {
	width: 100%;
	float: none;
}
#contact-form {
	width: 500px;
	margin-right: 40px;
	float: left;
}
#contact-form input[type=submit] {
	width: 25%;
	padding: 10px 20px;
	color: #fff;
	background: #e21e25;
}
#contact-form input[type=checkbox] {
	width: 10px;
}
#contact-form .wpcf7-list-item {
	display: block;
}
#contact-form input, #contact-form textarea {
	width: 490px;
	padding: 8px 0 8px 10px;
	background: #ddd;
	border: none;
	color: #333;
	margin-bottom: 8px;
}
#contact-form select {
	width: 500px;
	padding: 8px 0 8px 10px;
	color: #999;
	 border-radius: 0;
	 position: relative;
	 margin-bottom: 8px;
}
#contact-form select::after {
	z-index: 9999;
	content: "";
	background: url('../image/widget-title-arrow.png') no-repeat;
	width: 17px;
	height: 7px;
	position: absolute;
	right: 15px;
	top: 7px;
	display: block;
}
.attachment-post-thumbnail {
	margin-bottom: 40px;
}

/*----------------------Map----------------------*/

#map {
	width: 980px;
	height: 400px;
	position: relative;
	background: url('../image/zeller-map.png') no-repeat;
	margin-bottom: -40px;
}
.pin-location {
	width: 26px;
	height: 27px;
	position: absolute;
	background: url('../image/map-pin.png') no-repeat;
}
.pin-location.international {
	background: url('../image/map-pin-international.png') no-repeat;
}
.pin-location.distibutor {
	background: url('../image/map-pin-distributor.png') no-repeat;
}
.hoverpin {
	background-image: none !important;
}
.pin-info {
	position: absolute;
	display: none;
	bottom: -5px;
	left: -133px;
	z-index: 9999;
}
.pin-info .top {
	height: 28px;
	width: 300px;
	display: block;
	background: url('../image/pin-info-top.png') no-repeat;
}
.pin-info .main {
	height: auto;
	width: 220px;
	padding: 10px 40px;
	display: block;
	background: url('../image/pin-info-main.png') repeat-y;
	color: #fff;
}
.pin-info .main a {
	color: #fff;
}
.pin-info .btm {
	height: 45px;
	width: 300px;
	display: block;
	background: url('../image/pin-info-btm.png') no-repeat;
}
.pin-location.distibutor .pin-info .top {
	background: url('../image/pin-info-top-dis.png') no-repeat;
}
.pin-location.distibutor .pin-info .main {
	background: url('../image/pin-info-main-dis.png') repeat-y;
	color: #333;
}
.pin-location.distibutor .pin-info .btm {
	background: url('../image/pin-info-btm-dis.png') no-repeat;
}
.pin-location.international .pin-info .top {
	background: url('../image/pin-info-top-int.png') no-repeat;
}
.pin-location.international .pin-info .main {
	background: url('../image/pin-info-main-int.png') repeat-y;
	color: #fff;
}
.pin-location.international .pin-info .btm {
	background: url('../image/pin-info-btm-int.png') no-repeat;
}
body#locations h1 {
	padding: 0px 45px 0px 35px;
	color: #999;
	font-size: 30px;
	letter-spacing: .05em;
}
ul.location-container {
	padding-top: 20px;
	background: #eee;
	margin-top: 15px;
	margin-bottom: 50px;
}
li.location {
	width: 200px;
	margin-right: 70px;
	float: left;
	padding: 0 25px 30px 25px;
	min-height: 160px;
}
li.location:nth-child(3n+0) {
	margin-right: 0;
}
p.close {
	line-height: 1.4em;
}
.add-info p {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0px;
}
.add-info a {
	color: #e21e25;
}
.add-info a:hover {
	color: #222;
	text-decoration: underline;
}


/*+++++++++++++++++++++++++++++
Sidebar
+++++++++++++++++++++++++++++*/

.sidebar {
	width: 316px;
	float: left;
	padding-left: 40px;
	list-style: none;
}
h2.widget-title {
	color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: auto;
	width: 100%;
	padding: 12px 17px;
	background: #bbb;
	position: relative;
	font-size: 15px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
}
h2.widget-title::after {
	background: url('../image/widget-title-arrow.png') no-repeat;
	width: 17px;
	height: 7px;
	position: absolute;
	bottom: -7px;
	left: 15px;
	display: block;
	content: "";
}
.widget {
	position: relative;
}
.current-menu-item,
.current-menu-item a {
	color: #e21e25 !important;
}

/*----------------------Tool Widget----------------------*/

.rotator {
	list-style: none;
	position: relative;
}
.item {
	padding: 18px 0 0 14px;
	width: 292px !important;
}
.item h3 {
	font-size: 17px;
	font-weight: normal;
	color: #555;
	width: 240px;
}
.item p {
	font-size: 13px;
	line-height: 1.6em;
	padding-top: 5px;
	width: 240px;
}
.item a {
	color: #e21e25;
	font-size: 13px;
}
.item a .arrow {
	display: inline-block;
	width: 5px;
	height: 11px;
	background: url('../image/sprite.png') no-repeat;
	background-position: -14px -61px;
	vertical-align: middle;
	margin-left: 10px;
}

/*----------------------Blog Widget----------------------*/

.blog h2.widget-title { background: #e21e25;}
.blog h2.widget-title::after { background: url('../image/blog-widget-title-arrow.png') no-repeat;}

/*----------------------Section List Widget----------------------*/

.section-list ul {
	list-style-type: disc;
	padding: 20px 0 30px 50px;
}
.section-list ul li {
	font-size: 40px;
	line-height: .7em;
	color: #999;
}
.section-list ul li a {
	font-size: 12px;
	vertical-align: top;
	display: inline-block;
	color: #999;
	height: 35px;
}
.section-list ul li:hover, .section-list ul li:hover a  { color: #e21e25;}
.section-list ul li.current, .section-list ul li.current a  { color: #e21e25;}

/*----------------------Widget-Rotator Flexslider----------------------*/

.widget-rotator {
	position: relative;
}
.widget-rotator a.flex-next {
	position: absolute;
	right: 0px;
	top: 56px;
	width: 42px;
	height: 135px;
	background: url('../image/sprite.png') no-repeat;
	background-position: -210px -68px;
	z-index: 9999;
	text-indent: -9999px;
}
.widget-rotator a.flex-prev {
	display: none;
}
.widget-rotator .flex-control-nav {
	position: relative;
	z-index: 9999;
	margin: 15px 0 0 0;
	padding: 0;
}
.widget-rotator .flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.widget-rotator .flex-control-paging li a {
	width: 13px;
	height: 13px;
	display: block;
	background: transparent;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 15px;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		-o-border-radius: 13px;
	border: 2px solid #ccc;
	transition: all .8s linear;
	-webkit-transition: all .8s linear;
}
.widget-rotator .flex-control-paging li a:hover {
	border: 2px solid #e21e25;
}
.widget-rotator .flex-control-paging li a.flex-active {
	background: #e21e25;
	background: rgba(226,30,37,1);
	cursor: default;
	border: 2px solid #e21e25;
}

/*----------------------Product tabs----------------------*/
#products {
	width: 100%;
	height: 250px;
	background: #e9e9e9;
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #e9e9e9 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #e9e9e9 0%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f4f4f4',GradientType=0 );
	margin-top: 40px;
	border-top: 2px solid #dadada;
	position: relative;
}
#products .tabs-nav {
	height: 40px;
	position: absolute;
	top: -40px;
	left: 45px;
}
.tabs-nav li {
	float: left;
}
.tab {
	display: inline-block;
	width: 152px;
	height: 24px;
	background: url('../image/sprite.png') no-repeat;
	background-position: 0px -223px;
	text-align: center;
	padding-top: 16px;
	margin-right: 6px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-size: 13px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	letter-spacing: .1em;
}
.tab.selected {
	background-position: 0px -170px;
}
.tab-inner {
	padding: 40px 45px;
	width: 100%;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.tab-item {
	width: 215px !important;
	float: left;
	margin-right: 10px;
	opacity: 1;
	transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
}

li.tab-item:hover {
	opacity: .5;
}
.tab-item img {
	width: 100%;
	height: 100px;
}
.tab-item a.title-link {
	width: 188px;
	height: 32px;
	padding: 13px 9px 0 18px;
	color: #fff;
	display: block;
	margin-top: 10px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-size: 14px;
	text-shadow: 0 1px 3px #000;
}
.tab-item a .arrow {
	width: 6px;
	height: 14px;
	background: url('../image/sprite.png') no-repeat;
	background-position: -14px -45px;
	float: right;
	display: inline-block;
	margin-top: 3px;
}

/*++++++++++++++++++++++++++++++++
Market Flexslider
++++++++++++++++++++++++++++++++*/

#product-lines .flex-prev,
#product-lines .flex-next  {
	position: absolute;
	top: 38%;
	width: 19px;
	height: 46px;
	text-indent: -9999px;
	background: url('../image/sprite.png') no-repeat;
	display: inline-block;
}
#market ul.slides,
#application ul.slides {
	display: none;
}
#market .flex-prev,
#application .flex-prev {
	position: absolute;
	top: 38%;
	width: 19px;
	height: 46px;
	text-indent: -9999px;
	background: url('../image/sprite.png') no-repeat;
	left: 15px;
	background-position: -110px -45px;
	display: inline-block;
}
#market ul.flex-direction-nav,
#application ul.flex-direction-nav {
	display: block !important;
}
#market .flex-prev,
#market .flex-next {
	z-index: 100;
}

#application .flex-prev,
#application .flex-next {
	z-index: 9999;
}

#market .flex-next,
#application .flex-next {
	position: absolute;
	top: 38%;
	width: 19px;
	height: 46px;
	text-indent: -9999px;
	background: url('../image/sprite.png') no-repeat;
	right: 15px;
	background-position: -130px -45px;
}

/*+++++++++++++++++++++++++++++
Overview
+++++++++++++++++++++++++++++*/

#overview {
	background: url('../image/overview-head-bg.jpg') no-repeat 50% 50%;
	height: 150px;
	width: 524px;
	padding: 0 0 0 456px;
	box-shadow: inset 0 45px 60px -45px rgba(0,0,0,.9);
	-moz-box-shadow: inset 0 45px 60px -45px rgba(0,0,0,.9);
	position: absolute;
	top: 65px;
	left: 0;
}
#main.overview {
	padding-top: 190px !important;
}
#main.overview h1 {
	color: #fff !important;
	font-size: 35px;
	font-weight: 400;
	position: absolute;
	left: 45px;
	top: 135px;
	z-index: 1;
}
.overview-tab {
	width: 200px;
	height: 110px;
	float: left;
	display: inline-block;
	background: rgba(0,0,0,.4);
	color: #fff;
	padding: 40px 30px 0;
	margin-left: 2px;
	box-shadow: inset 0 45px 60px -45px rgba(0,0,0,.5);
		-moz-box-shadow: inset 0 45px 60px -45px rgba(0,0,0,.5);
	transition: all .5s linear;
		-webkit-transition: all .5s linear;
}
.overview-tab h2 {
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-size: 23px;
	margin-bottom: 15px;
}
.overview-tab p {
	font-size: 12px;
	line-height: 1.4em;
}
.overview-tab:hover,
.overview-tab.selected {
	background: rgba(255,255,255,.8);
	color: #000;
}
.product {
	width: 255px;
	height: 230px;
	padding: 10px;
	margin: 0 25px 25px 0;
	display: inline-block;
	float: left;
	text-align: center;
	color: #000;
	background: #fff;
	box-shadow: 0 0 18px 2px rgba(0,0,0, .3);
	border: 1px solid #ccc;
	opacity: 1;
	transition: opacity .3s linear;
		-webkit-transition: opacity .3s linear;
}
.product:hover {
	opacity: .5;
}
.product:nth-child(3n+0) { margin-right: 0px;}
.product h2, .product p {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.product h2 {
	font-size: 17px;
	padding-top: 10px;
}
.product p {
	font-size: 12px;
	color: #888;
	line-height: 1.4em;
	padding-top: 5px;
}
.product img {
	width: 100%;
	height: auto;
}

/*+++++++++++++++++++++++++++++
Single Product page
+++++++++++++++++++++++++++++*/

#impact {
	position: relative;
	width: 940px;
	height: 220px;
	padding: 80px 0 0 40px;
	margin-bottom: 25px;
}
.impact-text {
	width: 400px;
}
#impact h1 {
	color: #fff;
	font-size: 45px;
}
#impact p {
	color: #fff;
	font-size: 15px;
	line-height: 1.5em;
}
.pop-img {
	position: absolute;
	bottom: -50px;
}

#applications #impact {
	height: 260px;
	padding: 40px 0 0 40px;
}
#applications .impact-text {
	width: 425px;
}
#applications #impact p {
	color: #fff;
	font-size: 15px;
	line-height: 1.3em;
}
#applications #impact {
	margin-bottom: 10px;
}
#applications #main {
	padding-top: 20px;
}

/*----------------------Product Specs Tabs----------------------*/

#product-specs {
	width: 940px;
	margin: 30px 20px;
	background: #eee;
	position: relative;
	height: auto;
}
.spec-tabs {
	text-align: center;
	position: absolute;
	top: -42px;
	font-size: 17px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
}
.spec-tabs li {
	width: 235px;
	background: transparent;
	float: left;
	position: relative;
}
.spec-tabs li a {
	width: 100%;
	height: 22px;
	padding: 10px 0;
	display: block;
}
.spec-tabs li:hover, .spec-tabs li.selected { background: #ddd;}
.spec-tabs li:hover a, .spec-tabs li.selected a { color: #fff;}

.spec-tabs li::after, .spec-tabs li::after {
	position: absolute;
	bottom: -15px;
	width: 235px;
	height: 15px;
	left: 0;
	background: transparent;
	content: "";
}


/*----------------------Product Lines Tab----------------------*/
.loading {
	background: transparent url(../image/ajax-loader.gif) no-repeat center center;
	width: 100%;
	height: 300px;
	text-indent: -9999px;
}
#product-lines,
#regulatory,
#tech-info,
#app-brochure {
	padding: 50px 40px 20px;
	width: 860px;
	position: relative;
}
#product-lines ul li a  {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 7px 0;
	display: block;
}
#product-lines ul li a:last-child  {
	border-bottom: none;
}
#product-lines ul {
	text-align: center;
}
#product-lines ul li {
	text-align: left;
	display: inline-block;
	padding-right: 25px;
}
#product-lines ul li:first-child {
	margin-left: 12px;
}
#product-lines ul li img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
#product-lines ul li h2 {
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-size: 15px;
	margin-bottom: 10px;
}
#product-lines ul li p {
	line-height: 1.6em;
	font-size: 12px;
}
#product-lines .flex-prev {
	left: 10px;
	background-position: -110px -45px;
}
#product-lines .flex-next {
	right: 10px;
	background-position: -130px -45px;
}

/*----------------------Regulatory Tab----------------------*/

#regulatory,
#tech-info {
	min-height: 400px;
}
#regulatory h3,
#tech-info h3 {
	color: #999;
	margin-top: 20px;
}
p.reg {
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-size: 15px;
}
a.pdf-download {
	color: #e21e25 !important;
	display: inline-block;
	font-size: 15px;
}
.pdf-icon {
	display: inline-block;
	margin-right: 10px;
}
.select-container {
	width: 300px;
	float: left;
}
.select-output {
	width: 500px;
	padding-left: 50px;
	float: left;
	border-left: 4px dotted #ddd;
}

.select-output h3 {
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	font-size: 15px;
}

#regulatory select,
#tech-info select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 12px 10px 13px 15px;
	border: none;
	font-size: 15px;
	margin-top: 10px;
	width: 275px;
	border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: 0 0 8px 2px rgba(0,0,0, .2);
	position: relative;
	z-index: 10;
	background: url('../image/select-arrow-reg.png') top right no-repeat #fff;
}
.msds ul {
	margin-top: 20px;
}
.msds ul li {
	margin-bottom: 10px;
}

.tech-selector,
.regulatory-selector {
	margin-bottom: 30px;
}
#regulatory-output,
#tech-output {
	float: left;
	width: 550px;
}

/*----------------------Inquire Tab----------------------*/

#inquire {
	padding: 50px 40px 20px;
	width: 860px;
	position: relative;
	clear: both;
}
#inquire h1 { font-size: 30px;}
#inquire .inner {
	width: 400px;
	position: relative;
	float: left;
}
#inquire .inner.left { margin-right: 60px;}

/*----------------------Inquire Tab Form Styles----------------------*/

#inquire input,
#inquire textarea,
#inquire select {
	background: #ddd;
	border: none;
	color: #333;
}

#inquire input[type=text],
#inquire input[type=email]  {
	width: 390px;
	padding: 8px 0 8px 10px;
}
#inquire input[type=submit] {
	padding: 10px 20px;
	color: #fff;
}
#inquire textarea {
	width: 380px;
	padding: 8px 10px;
	max-height: 200px;
}
#inquire select {
	width: 400px;
	padding: 8px 0 8px 10px;
	color: #999;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 border-radius: 0;
	 position: relative;
}
.product-dd::after {
	z-index: 9999;
	content: "";
	background: url('../image/widget-title-arrow.png') no-repeat;
	width: 17px;
	height: 7px;
	position: absolute;
	right: 15px;
	top: 7px;
	display: block;
}
::-webkit-input-placeholder { color: #999;}
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999;}
:-ms-input-placeholder { color: #999;}

/*+++++++++++++++++++++++++++++
Footer
+++++++++++++++++++++++++++++*/

footer {
	height: 220px;
	width: 890px;
	padding: 40px 45px;
	background: #333;
}
footer p {
	font-size: 10px;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 100;
	margin-bottom: 20px;
}
footer p span {
	color: #aaa;
}
#footer-nav {
	height: 50px;
	width: 890px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: center;
	position: relative;
	overflow: visible;
	margin-bottom: 20px;
}
#footer-nav ul {
	top: 12px;
	position: relative;
	padding: 0 auto;
}
#footer-nav ul li {
	display: inline;
}
#footer-nav ul li a {
	font-size: 11px;
	color: #fff;
	display: inline-block;
	margin: 0 20px;
}
#footer-nav::before {
	position: absolute;
	top: -67px;
	width: 980px;
	height: 66px;
	background: url('../image/footer-top-shade.png') no-repeat;
	z-index: 20;
	content: "";
	left: 50%;
	opacity: .7;
	margin-left: -490px;
}
#footer-nav::after {
	position: absolute;
	bottom: -83px;
	width: 980px;
	height: 82px;
	background: url('../image/footer-btm-shade.png') no-repeat;
	z-index: 20;
	content: "";
	left: 50%;
	opacity: .7;
	margin-left: -490px;
}

/*----------------------Affiliates----------------------*/

#affiliates {
	height: 50px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
#affiliates ul li {
	display: inline-block;
	margin-right: 50px;
}
#affiliates ul li:last-child {
	margin-right: 0px;
}

/*+++++++++++++++++++++++++++++
Typography
+++++++++++++++++++++++++++++*/

h1{
	color: #333;
	font-size: 17px;
	font-family: 'swiss_721light', 'Open Sans', sans-serif;
	margin-bottom: 15px;
	padding: 0;
	font-weight: 400;
}
#main h1 {
	color: #999;
	font-size: 30px;
	letter-spacing: .05em;
}
h1.home-title {
	color: #333 !important;
	font-size: 17px !important;
}
h1.long-title { font-size: 35px !important;}
h2 {
	font-weight: 400;
}
p {
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 10px;
}
ul {
	list-style: none;
}

/*+++++++++++++++++++++++++++++
Misc
+++++++++++++++++++++++++++++*/

.breadcrumbs {
    list-style: none;
    margin: 10px 0;
    overflow: hidden;
}
.breadcrumbs a:last-child {
	font-weight: bold;
	color: #e21e25 ;
}
body#locations .breadcrumbs {
	padding: 40px 45px 0px 35px;
}
body#markets .breadcrumbs {
	position: absolute;
	top: 15px;
	left: 40px;
}
body#markets .breadcrumbs,
body#markets .breadcrumbs a,
body#applications .breadcrumbs,
body#applications .breadcrumbs a {
	color: #fff;
	text-shadow: 1px 1px 2px #000;;
}
.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}
.litho {
	background: #e95101;
}
.flexo {
	background: #6bae23;
}
.flexo-text {
	color: #6bae23;
}
.dry {
	background: #e4bb00;
}
.sheet {
	background: #0088bc;
}
.col {
	width: 30%;
	margin-right: 3%;
	float: left;
	font-size: 16px;
	font-weight: bold;
}
.col a {
	color: #e21e25;
	padding-left: 10px;
	display: block;
}
.col a:hover {
	color: #333;
}
.col > h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
