.hasJS body.ssd {
	background-image: none;
}
#header h1 {
	text-indent: -999em;
	width: 322px;
	height: 85px;
	overflow: hidden;
	background: url('../images/ssd/logo.png') no-repeat left top;
	margin: 0;
	padding: 0;
	position: relative;
	top: -6px;
}
#header h1 a {
	display: block;
	width: 100%;
	height: 85px;
}
.thirdParty #logo {
	margin-top: -14px;
	height: 105px;
	width: 184px;
	background: url('../images/logo-3rd-party.png') no-repeat left top;
}
#logo a {
	padding: 10px 15px;
}
#logo .title {
	font-size: 1.4em;
}
#headerNav {
	min-width: 44.2em;
}
#footerNav .techNav li:first-child {
	border: 0;
}
#remains {
	position: relative;
	padding-right: 250px;
}
#siteNav {
	position: absolute;
	right: 0;
	top: 0;
	background: url('../images/logo-3rd-party.png') no-repeat left -105px;
}
#siteNav a {
	display: block;
	width: 230px;
	height: 56px;
	margin-left: 11px;
	color: #000;
	text-decoration: none;
}
#siteNav .title {
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 13px 20px 0;
	display: block;
}
#siteNav .title span {
	display: block;
	color: #6b6b6b;
}
#headerNav .techNav .button {
	float: right;
	font-size: 0.6em;
	text-transform: uppercase;
	color: #fff;
	background: #ca181f url('../images/ssd/icon-sprite.png') no-repeat right -91px;
	background-size: 22px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	top: -3px;
}
#headerNav .techNav .button a {
	color: #ffffff;
	background: transparent url('../images/ssd/icon-sprite.png') no-repeat left -51px;
	background-size: 20px;
	padding: 6px 25px 6px 15px;
	margin-left: 7px;
}

#newsFeed {
	margin: 20px 0 10px;
}
#pressReleases {
	margin-bottom: 6px;
	overflow: hidden;
}
#pressReleases .pressRelease h3 {
	font-size: 1.8em;
}
#pressReleases .pressRelease .blue, #pressReleases .pressRelease .gray, #pressReleases .pressRelease .red {
	width: 327px;
	height: 219px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#pressReleases .hover .blue {
	background: #0e76bb;
}
#pressReleases .hover .gray {
	background: #bdbec1;
}
#pressReleases .hover .red {
	background: #ee1c25;
}
#hpPanes .pane {
	margin-left: 4.1%;
}
#hpContent:before {
	height: 64px;
	margin-top: 0;
}
#hpNav {
	background: #e5e5e5;
	overflow: hidden;
	padding: 11px 11px 0;
	margin: 0 0 28px;
	margin-left: 2.7%;
}
#hpNav .button {
	float: right;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	background: #ca181f url('../images/ssd/icon-sprite.png') no-repeat right -150px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	top: 3px;
}
#hpNav .button a {
	background: transparent url('../images/ssd/icon-sprite.png') no-repeat left -92px;
	padding: 12px 50px 7px 30px;
	margin-left: 13px;
}
#hpNav li {
	width: auto;
	font-size: 1.8em;
}
#hpNav li a, .hasJS #hpNav li a {
	background: #f8f8f8;
	border-left: 0;
	margin: 0 0 1px 1px;
	padding: 0 12px;
	line-height: 2.6em;
	min-height: 52px;
}
.hasJS #hpNav li a.active {
	background: #fff url('../images/ssd/decoration-sprite.png') no-repeat center -50px;
}
#hpNav li a:hover, #hpNav li a:focus, #hpNav li a:active, .hasJS #hpNav li .active {
	border-top: 0;
	padding-bottom: 1px;
	margin-bottom: 0;
	color: #0a73bd;
	background-color: #fff;
}

/* Acquaint article */
.acquaintArticle {
	padding-left: 80px;
	min-height: 120px;
	color: #525252;
	margin-bottom: 25px;
	position: relative;
}
.acquaintArticle h2 {
	font-size: 2.2em;
	font-weight: bold;
	position: relative;
	left: -80px;
	margin-bottom: 0.5em;
}
.acquaintArticle h2 a {
	color: #0a73bd;
	text-transform: none;
}
.acquaintArticle b {
	color: #000;
}
.acquaintArticle .articleImage {
	position: absolute;
	left: 0;
}
.acquaintArticle h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

/* Calculator */
.sideContent .calculator {
	overflow: visible;
}
.mainContent .calculator {
	margin-bottom: 30px;
}
.calculator .bottomShadow {
	position: relative;
}
.calculator .inputArea {
	background: #f8f8f8;
	border-bottom: 1px solid #e5e5e5;
}
.sideContent .calculator .inputArea:after {
	position: absolute;
	content: '';
	width: 9px;
	height: 9px;
	border-right: 4px solid #ee1c25;
	border-top: 4px solid #ee1c25;
	right: -4px;
	top: -4px;
}
.calculator .inputArea fieldset {
	clear: both;
}
.calculator fieldset.layoutHalf, .calculator fieldset.layoutHalf:first-child, .calculator fieldset.layoutHalf:first-child + .layoutHalf {
	margin: 0;
	width: 50%;
	clear: none;
}
.calculator h3, .calculator .outputArea caption {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
.calculator .inputArea h3 {
	margin: 0 0 15px;
	padding: 10px 20px;
	background: #e5e5e5;
}
.calculator .inputArea fieldset {
	padding-bottom: 15px;
}
.calculator .dateSelect h3, .calculator .typeSelect h3 {
	background: #009dea;
	color: #fff;
}
.calculator .inputArea .button {
	float: right;
	position: relative;
	margin-top: -43px;
	margin-right: 10px;
}
.calculator .inputArea .button input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.calculator .inputArea ol {
	margin: 0;
	padding: 0;
}
.calculator .inputArea li {
	overflow: hidden;
}
.calculator .dateSelect label, .calculator .typeSelect label {
	margin: 0;
	width: auto;
	position: relative;
	margin-top: -0.4em;
}
.calculator .dateSelect .audible {
	position: absolute;
}
.calculator .inputArea input, .calculator .inputArea select {
	float: left;
	margin: 0 10px 0 20px;
}
.calculator .inputArea .units {
	font-size: 1.2em;
}
.calculator .inputArea .note {
	font-size: 1.1em;
	margin: 1em 20px;
}
.calculator .outputArea {
	clear: both;
	margin-top: -1px;
}
.calculator table.outputArea, .calculator .outputArea table {
	margin-bottom: 0;
	border: 1px solid #e5e5e5;
	position: relative;
}
.calculator .outputArea th, .calculator .outputArea td {
	border-left: 0;
	border-right: 0;
	padding: 0.5em;
}
.calculator .outputArea th {
	font-weight: normal;
	width: 60%;
	padding-left: 1.5em;
	color: #000;
}
.calculator .outputArea thead th {
	padding-right: 1.5em;
	width: 15%;
}
.calculator .outputArea thead .wideCell {
	width: 55%;
}
.calculator .outputArea tbody td {
	text-align: center;
}
.calculator .outputArea tfoot td {
	padding: 0.75em 1.5em;
	font-weight: normal;
}
.calculator .outputArea tbody .result {
	text-align: right;
	padding-right: 1.5em;
}
.calculator .outputArea td {
	font-weight: bold;
	vertical-align: top;
}
.calculator .outputArea caption {
	text-transform: none;
	text-align: left;
	background: none;
	color: #000;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding: 1em 1.5em;
	background: url('../images/decoration-sprite.png') no-repeat center top;
}
.hasJS .calculator .additional {
	display: none;
}
.calculator .additional p, .calculator .additional ol {
	margin: 0 20px 10px;
}
.calculator .additional label {
	width: 12em;
}
.calculator .additional input {
	margin: 0;
}
.calculator .additional input[disabled] {
	background-color: #fff;
	color: #ccc;
}
.calculator .additional .copy {
	font-size: 1.1em;
	margin-left: 15px;
	float: left;
	position: relative;
	top: 2px;
}
.sideContent .calculator th, .sideContent .calculator td {
	font-size: 1.1em;
	line-height: 1.3em;
}
.sideContent .calculator tfoot td {
	line-height: 1.5em;
}
.sideContent .calculator .outputArea th, .sideContent .calculator .outputArea tfoot td, .sideContent .calculator .outputArea caption {
	padding-left: 1em;
}
.sideContent .calculator .outputArea thead th, .sideContent .calculator .outputArea tfoot td, .sideContent .calculator .outputArea caption,
.sideContent .calculator .outputArea tbody .result {
	padding-right: 1em;
}
.outputAreaJS th {
	font-weight: normal;
	padding-left: 1.5em;
	color: #000;
}
.outputAreaJS td {
	text-align: right;
	padding-right: 1.5em;
	font-weight: bold;
	border-left-style: hidden;
}

/* Narration */
.sideContent .narration {
	overflow: visible;
}
.narration h3 {
	font-size: 2.8em;
	line-height: 1.1em;
}
.narration p, .narration h4 {
	color: #525252;
}
.narration p, .narration h4 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
.narration .bottomShadow {
	position: relative;
}
.narration .bordered {
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
}
.narration .bordered:after {
	position: absolute;
	content: '';
	width: 9px;
	height: 9px;
	border-right: 4px solid #ee1c25;
	border-top: 4px solid #ee1c25;
	right: -4px;
	top: -4px;
}
.narration .tabs {
	margin: 0;
	padding: 0;
	float: left;
	width: 54px;
}
.narration .tabs li {
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
}
.narration .tabs a {
	width: 54px;
	min-height: 54px;
	display: block;
}
.narration .tabs img {
	margin: 10px;
}
.hasJS .narration .tabs .active {
	background: #fff;
	position: relative;
	width: 55px;
	margin-right: -1px;
}
.narration .pane {
	background: #fff;
	min-height: 365px;
	border-left: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 0 25px 15px;
	margin-left: 54px;
}
.hasJS .narration .pane {
	position: absolute;
	left: -999em;
	top: 0;
	width: 1px;
	height: 1px;
}
.hasJS .narration .pane.active {
	position: static;
	left: 0;
	width: auto;
	height: auto;
}

/* Charts */
.graphGrid .chart {
	overflow: hidden;
}

.charts .carousel {
	position: relative;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	padding-bottom: 20px;
	min-height: 420px;
}
.charts .panels-slider {
	position: absolute;
}
.charts .graph {
	position: absolute;
	width: 300px;
	max-width: none;
	text-align: center;
	margin: 0;
}
.charts .graph img {
	width: 100%;
	height: auto;
	border: 0;
}
.charts .carousel-pagination {
	position: absolute;
	bottom: 0;
	width: 300px;
	text-align: center;
	padding: 5px 0;
	background: #f8f8f8;
	margin: 0;
}
.charts .carousel-pagination li {
	display: inline;
	font-size: 1.6em;
	padding: 0 3px;
}
.charts .carousel-pagination li a {
	color: #e5e5e5;
	text-decoration: none;
}
.charts .carousel-pagination .active {
	color: #000;
	cursor: default;
}

.imageList {
	margin: 0;
	padding: 0;
}
.imageList li {
	list-style: none;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}
.imageList img {
	float: left;
	margin-right: 20px;
}
.areaMapForm {
	overflow: hidden;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-bottom-width: 2px;
	padding: 1.5em 1em 1em 2em;
}
.areaMapForm ol {
	margin: 0;
	padding: 0;
}
.areaMapForm .formRow {
	width: 33.33%;
	float: left;
	clear: none;
}
.areaMapForm input {
	float: left;
	margin-right: 0.75em;
}
.areaMapForm label {
	float: none;
	width: auto;
	position: relative;
	margin-top: -0.4em;
}
.distributor img {
	float: right;
}
.distributor h4 {
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.distributor p {
	margin: 0 0 20px;
	color: #525252;
}
.distributor b {
	color: #0a73bd;
}
.areaDetails h3 {
	color: #0a73bd;
}
.areaDetails table {
	border-bottom: 1px solid #e5e5e5;
	color: #525252;
	margin-bottom: 30px;
}
.areaDetails td {
	border: 0;
	text-align: left;
}
.areaDetails table tbody tr:first-child {
	border-top: 1px solid #e5e5e5;
}
.areaDetails table .odd td {
	background: #f8f8f8;
}
.areaDetails table .even td {
	background: transparent;
}

.inlineList.linksList {
	margin: 0;
	padding: 15px 0;
}
.inlineList.linksList li, .hasJS #hpPanes .inlineList.linksList .active {
	display: inline-block;
	list-style: none;
}
.linksList li {
	border-left: 1px solid #e5e5e5;
	padding-left: 7px;
	margin-left: 4px;
}
.linksList li:first-child {
	border: 0;
	padding-left: 0;
	margin-left: 0;
}
.linksList .active {
	color: #000;
	cursor: default;
}
.linksList .active:hover, .linksList .active:focus, .linksList .active:active {
	text-decoration: none;
}
.filter .updated summary {
	position: relative;
	float: right;
}
.js-hide-me {
	display: none !important;
}

@media screen and (max-width: 1230px) {
	#pressReleases .pressRelease .blue, #pressReleases .pressRelease .gray, #pressReleases .pressRelease .red {
		width: 256px;
		height: 172px;
	}
	#hpNav {
		padding: 11px 0 0;
	}
	#hpNav li {
		font-size: 1.5em;
	}
	#hpNav li a, .hasJS #hpNav li a {
		line-height: 2.9em;
		padding: 0 7px;
	}
	#hpNav .button a {
		font-size: 1.2em;
		padding: 13px 42px 9px 22px;
		margin-left: 8px;
	}
	.charts .carousel-panels {
		min-height: 338px;
	}
	.charts .carousel {
		min-height: 350px;
	}
	.charts .carouselStage, .charts .carousel-pagination, .charts .graph {
		width: 235px;
	}
	.areaMapForm {
		padding-left: 1em;
	}
	.areaMapForm label {
		margin-right: 1em;
	}
	.sideContent .calculator fieldset.layoutHalf,
	.sideContent .calculator fieldset.layoutHalf:first-child,
	.sideContent .calculator fieldset.layoutHalf:first-child + .layoutHalf {
		float: none;
		width: 100%;
	}
	.graph img {
		max-width: 510px;
	}
	.linksList li {
		margin-left: 1px;
		padding-left: 4px;
	}
	.calculator .inputArea input[type="text"] {
		width: 80px;
	}
}