* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

header, footer {
	position: relative;
}

body {
	height: 100%;
	width: 100%;
	background-color: #0a0a0a;
	background-image: url("../images/asphalt_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 600px;
	font: 100%/1.5 'Open Sans', Arial, sans-serif; /* 100% = 16px */
	margin: 0 auto;
	padding: 0;
	color: #bbbbbb;
	-webkit-text-size-adjust: 100%; /* so iOS Safari doesn't attempt to scale up text */
}

*:focus { 
	outline: none; /* Removes the dotted border from links and clickable elements when they get focus */
}

ul, ol {
	margin-bottom: 1em;
	padding-left: 1em;
	list-style-type: square;
}

li {
	margin-bottom: 0.5em;
	line-height: 1.5;
}

input, textarea, select {
	font-size: 1em;
	font-family: 'Open Sans', Arial, sans-serif;
	padding: 4px;
	border-radius: 2px;
	border: 0;
}

video {
	width: 100%;
	height: 100%;
}

input:active,
input:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
	box-shadow: 0 0 12px #0055a5; 
}

textarea {
	width: 100%;
	max-width: 260px;
	height: 100px;
}

a {
	color: #0066ff;
	text-decoration: none;
	-o-transition: color .5s ease;
	-ms-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}

.blue-button,
.grey-button {
	display: inline-block;
	padding: 0.4em 1em;
	cursor: pointer;
	font: 700 1.2em/1.2 'Open Sans Condensed', Arial, sans-serif;
	outline: none;
	min-width: 100px;
	text-align: center;
	margin: 0;
	border: 0;
	border-radius: 4px;
}

.blue-button { 
	color: #ffffff !important;
	background-position: center bottom;
	background-color: #0055a5;
	background-image: none;
	background: -moz-linear-gradient(top, #0055a5 0%, #003464 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0055a5), color-stop(100%,#003464));
	background: -webkit-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: -o-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: -ms-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: linear-gradient(to bottom, #0055a5 0%,#003464 100%);
	box-shadow: 0 5px 5px #000000;
}

.blue-button:hover {
	color: #dddddd;
}

.grey-button { 
	color: #eeeeee !important;
	background-position: center bottom;
	background-color: #555555;
	background-image: none;
	background: -moz-linear-gradient(top, #555555 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222));
	background: -webkit-linear-gradient(top, #555555 0%,#222222 100%);
	background: -o-linear-gradient(top, #555555 0%,#222222 100%);
	background: -ms-linear-gradient(top, #555555 0%,#222222 100%);
	background: linear-gradient(to bottom, #555555 0%,#222222 100%);
	box-shadow: 0 5px 5px #000000;
}

.blue-button:hover {
	color: #ffffff;
}

.blue-button:active,
.grey-button:active {
	box-shadow: none;
}

.small-button {
	font-size: 1em;
}

.left-button {
	border-radius: 4px 0 0 4px;
	margin-right: -2px;
	position: relative;
	z-index: 2;
}

.right-button {
	border-radius: 0 4px 4px 0;
	margin-left: -2px;
	position: relative;
	z-index: 1;
}

p {
	text-align: left;
	text-indent: 1.2em;
	line-height: 1.5;
	margin-bottom: 1em;
}

p.no-indent {
	text-indent: 0;
}

img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}

.ie8 img {
	width: auto;
}

h1 {
	font: 700 1.75em/1.5 'Open Sans Condensed', Arial, sans-serif;
	color: #ffffff;
	text-shadow: 3px 3px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
	font-variant: small-caps;
}

h2 {
	font: 700 1.40em/1.5 'Open Sans Condensed', Arial, sans-serif;
	color: #ffffff;
	font-variant: small-caps;
}

h3 {
	font: 700 1.25em/1.5 'Open Sans Condensed', Arial, sans-serif;
	color: #ffffff;
	margin-bottom: 0.25em;
}

h4 {
	font: 1.20em/1.5 'Open Sans', Arial, sans-serif;
	color: #ffffff;
	margin-bottom: 0.25em;
}

h5 {
	font: 1.10em/1.5 'Open Sans', Arial, sans-serif;
	color: #ffffff;
	margin-bottom: 0.25em;
}

h6 {
	font: 1.0em/1.5 'Open Sans', Arial, sans-serif;
	color: #ffffff;
	margin-bottom: 0.25em;
}

#site-header {
	background-color: #222222;
	/* Blue
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,85,165,0.85)), color-stop(100%, rgba(0,85,165,0.05)));
	background: -webkit-linear-gradient(top, rgba(0,85,165,0.85) 0%, rgba(0,85,165,0.05) 100%);
	background: -moz-linear-gradient(top, rgba(0,85,165,0.85) 0%, rgba(0,85,165,0.05) 100%);
	background: -o-linear-gradient(top, rgba(0,85,165,0.85) 0%, rgba(0,85,165,0.05) 100%);
	background: -ms-linear-gradient(top, rgba(0,85,165,0.85) 0%, rgba(0,85,165,0.05) 100%);
	background: linear-gradient(to bottom, rgba(0,85,165,0.85) 0%, rgba(0,85,165,0.05) 100%);
	*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(68,68,68,0.85)), color-stop(100%, rgba(34,34,34,0.05)));
	background: -webkit-linear-gradient(top, rgba(68,68,68,0.85) 0%, rgba(34,34,34,0.05) 100%);
	background: -moz-linear-gradient(top, rgba(68,68,68,0.85) 0%, rgba(34,34,34,0.05) 100%);
	background: -o-linear-gradient(top, rgba(68,68,68,0.85) 0%, rgba(34,34,34,0.05) 100%);
	background: -ms-linear-gradient(top, rgba(68,68,68,0.85) 0%, rgba(34,34,34,0.05) 100%);
	background: linear-gradient(to bottom, rgba(68,68,68,0.85) 0%, rgba(34,34,34,0.05) 100%);

}

.ie9 #site-header {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwNTVhNSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwNTVhNSIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU1YTUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

#site-footer {
	background-color: #0055a5;
	padding: 1em 1em 2em;
	color: #ffffff;
	font-size: 0.85em;
	text-align: center;
}

#site-footer a {
	color: #dddddd;
}

#footer-products,
#footer-extra {
	display: none;
}

.site-content-container {
	position: relative;
}

.clear {
	clear: both;
	float: none;
}

.clear:before,
.clear:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

/*======================== Feature Sections  ========================*/
.site-body {
	position: relative;
	padding: 1em;
	clear: both;
}

.site-body-grey {
	background-color: #222222;
	background-color: rgba(34,34,34,0.85);
	position: relative;
	padding: 1em;
	clear: both;
}

.site-body-blue {
	color: #aad6ff; /*7fc2ff*/
	background-color: #0055a5;
	position: relative;
	padding: 1em;
	clear: both;
}

.site-body-red {
	color: #ffaaaa; /*7fc2ff*/
	background-color: #e81d2c;
	position: relative;
	padding: 1em;
	clear: both;
}

.site-body-red a,
.site-body-blue a {
	color: #ffffff;
}

.site-body-blue a:hover {
	color: #7fc2ff;
}

.site-body-red a:hover {
	color: #ff7f7f;
}

/*======================== PAGES  ========================*/
.page-title {
	position: relative;
	text-align: left;
	margin-bottom: 1em;
}

.page-options {
	text-align: center;
}

/*======================== TABLES  ========================*/

.table-wrapper {
	max-width: 100%;
	overflow: hidden;
	overflow-x: auto;
	margin-bottom: 1em;
}

.table-wrapper th,
.table-wrapper td {
	white-space: nowrap;
}

table {
	font-size: 12pt;
	border-spacing: 0;
}

table th,
table td,
table caption {
	padding: 0.5em;
	vertical-align: middle;
}

table caption {
	border: 1px solid #0066ff;
	border-bottom: 0;
}

table th,
table caption {
	background-color: #e81d2c;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

table td {
	color: #ffffff;
	vertical-align: top;
	background-color: #444;
}

table td.border-right {
	border-right: 1px solid #0055a5;
}

table th.border-right {
	border-right: 1px solid #0055a5;
}

table td.border-right-thick,
table th.border-right-thick {
	border-right-width: 3px;
}

/*======================== FRACTIONS  ========================*/
.n, .d {
	font-size: 75%;
}

.n {
	vertical-align: 0.8ex;
	margin-left: 2px;
}

.d {
	vertical-align: -0.3ex;
}

/*======================== TABLELESS NEAT ALIGN  ========================*/
.ui-neat-align {
	text-align: left;
	text-indent: 0;
	margin-bottom: 0.75em;
}

.ui-neat-align dt {
	display: block;
	width: auto;
	margin: 0;
	color: #0055a5;
	text-align: left;
}

.ui-neat-align dt .fa {
	color: #ffffff;
	margin-right: 5px;
}

.ui-neat-align dd input,
.ui-neat-align dd textarea,
.ui-neat-align dd select,
.ui-neat-align dd button,
.ui-neat-align dd img {
	display: block;
	vertical-align: middle;
}

.ui-neat-align dd a {
	vertical-align: inherit;
}

.ui-neat-align dd {
	display: block;
	margin-bottom: 1em;
	text-align: left;
}

.ui-neat-align dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ui-neat-align dd ul li {
	margin: 0;
}

#nealco-logo {
	display: block;
	width: 100px;
	height: 60px;
	background-image: url("../images/nealco_logo_mobile.png");
	background-repeat: no-repeat;
	background-size: 100px 60px;
}

/* MAIN MENU */
#menu-bar {
	display: none;
	padding: 0;
}

/* Mobile Menu */
#mobile-menu {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 101;
}

#mobile-menu ul {
	list-style: none;
	margin: 0;
}

#mobile-menu > ul > li {
	position: relative;
	margin: 0;
	float: left;
}

#mobile-menu > ul > li > a {
	display: block;
	margin: 0;
	min-width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 60px 60px;
	font-size: 36px;
	padding: 0;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.media-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 1em;
}

.fancybox,
.fancybox_video,
.fancybox_media {
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: 2px solid transparent;
	/*max-height: 150px;*/
	text-align: center;
	line-height: 0;
	-o-transition: border-color .5s ease;
	-ms-transition: border-color .5s ease;
	-moz-transition: border-color .5s ease;
	-webkit-transition: border-color .5s ease;
	transition: border-color .5s ease;
}

.fancybox_video,
.fancybox_media {
	/*max-width: 534px;*/
	max-width: 300px;
	max-height: 300px;
}

.fancybox:hover,
.fancybox_video:hover,
.fancybox_media:hover {
	border: 2px solid #ffffff;
}

.fancybox .zoom {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	top: 0;
	right: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	font-size: 25px;
	color: #ffffff;
	text-shadow: 2px 2px 5px #000000;
}

.fancybox:hover .zoom {
	top: 50%;
	right: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin-right: -50px;
	margin-top: -50px;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	font-size: 50px;
	color: #ffffff;
}

.fancybox_video .play {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 100px;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	font-size: 100px;
	color: #ffffff;
	text-shadow: 2px 2px 5px #000000;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.fancybox_video:hover .play {
	color: #0055a5;
}

.fancybox_media .view {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 100px;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	font-size: 100px;
	color: #ffffff;
	text-shadow: 2px 2px 5px #000000;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.fancybox_media:hover .view {
	color: #0055a5;
}

#text-scroller {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#text-scroller li {
	 margin: 0;
	 font: 700 1.2em 'Open Sans Condensed', Arial, sans-serif;
	 color: #7fc2ff;
}

/*
.header-polygon {
	position: absolute;
	top: 0;
	right: 70px;
	height: 62px;
	background-color: #0055a5;
	background-color: rgba(0,85,165,0.35);
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-ms-transform: skew(-35deg);
	-o-transform: skew(-35deg); 
	transform: skew(-35deg);
	z-index: 9;
}*/

.link-button {
	margin: 0.5em 0 1.5em 0.5em;
}

.link-button a .fa {
	margin-right: 5px;
}

.link-button span {
	display: block;
	margin: 0.5em 0;
	padding: 0;
	color: #0066ff;
}

/* Slides with manual selection tabs */
.slide-option {
	margin: 1em 0 2em 0;
}

.slide-option > div {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	text-align: center;
	min-height: 30px;
}

.slide-option a {
	color: #888888;
	display: inline-block;
	padding: 5px 0;
	margin: 0 -4px 0 -4px;
	min-width: 50px;
	text-align: center;
	position: relative;
	font-family: 'Open Sans Condensed', Arial, sans-serif;
	font-weight: 700;
	background-color: #555555;
	background-image: none;
	background: -moz-linear-gradient(top, #555555 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222));
	background: -webkit-linear-gradient(top, #555555 0%,#222222 100%);
	background: -o-linear-gradient(top, #555555 0%,#222222 100%);
	background: -ms-linear-gradient(top, #555555 0%,#222222 100%);
	background: linear-gradient(to bottom, #555555 0%,#222222 100%);
}

.slide-option a:hover {
	color: #ffffff;
}

.slide-option a:first-child {
	border-radius: 4px 0 0 4px;
}

.slide-option a:last-child {
	border-radius: 0 4px 4px 0;
}

.slide-option a.option-selected {
	color: #ffffff;
	background-color: #0055a5;
	background-image: none;
	background: -moz-linear-gradient(top, #0055a5 0%, #003464 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0055a5), color-stop(100%,#003464));
	background: -webkit-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: -o-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: -ms-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: linear-gradient(to bottom, #0055a5 0%,#003464 100%);
	z-index: 2;
}

.slide {
	display: none;
}

.slide-selected {
	display: block;
}

/* Slide options vertical */
.slide-option-v {
	margin: 1em 0;
	text-align: center;
	position: relative;
}

.slide-option-v > span {
	display: block;
	padding: 8px;
	font: 700 16pt 'Open Sans Condensed', Arial, sans-serif;
	color: #ffffff;
	background-color: #444444;
	background-image: none;
	background: -moz-linear-gradient(top, #444444 0%, #111111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#111111));
	background: -webkit-linear-gradient(top, #444444 0%, #111111 100%);
	background: -o-linear-gradient(top, #444444 0%, #111111 100%);
	background: -ms-linear-gradient(top, #444444 0%, #111111 100%);
	background: linear-gradient(to bottom, #444444 0%, #111111 100%);
	cursor: pointer;
	border-radius: 4px;
}

.slide-option-v > div {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	text-align: left;
	display: none;
	margin: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	background: #111111;
	box-shadow: 0 5px 10px #000000;
}

.slide-option-v a {
	position: relative;
	font: 700 14pt 'Open Sans Condensed', Arial, sans-serif;
	color: #888888;
	display: block;
	padding: 8px;
	margin: 0 auto;
	text-align: center;
}

.slide-option-v a:hover {
	color: #ffffff;
}

.slide-option-v a.option-selected {
	color: #ffffff;
	background-color: #0055a5;
	background-image: none;
	background: -moz-linear-gradient(top, #0055a5 0%, #003464 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0055a5), color-stop(100%,#003464));
	background: -webkit-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: -o-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: -ms-linear-gradient(top, #0055a5 0%,#003464 100%);
	background: linear-gradient(to bottom, #0055a5 0%,#003464 100%);
	z-index: 2;
}

/* Specs */
dl.quick-spec {
	font-size: 11pt;
	text-align: left;
	text-indent: 0;
}

dl.quick-spec dt {
	display: block;
	width: auto;
	margin: 0;
	color: #0066ff;
	text-align: left;
}

dl.quick-spec dd a {
	vertical-align: inherit;
}

dl.quick-spec dd {
	display: block;
	margin: 0.25em 0 0.5em 0;
	margin-left: 1em;
	text-align: left;
	vertical-align: middle;
}

dl.quick-spec dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.spec {
	font-size: 12pt;
	text-align: left;
	text-indent: 0;
	list-style: none;
	padding-left: 0;
}

ul.spec > li {
	margin-bottom: 0.5em;
	margin-left: 0;
	text-align: left;
	vertical-align: middle;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

ul.spec > li h3 {
	display: block;
	width: auto;
	margin: 0;
	color: #ffffff;
	text-align: left;
	font-size: 16pt;
	text-shadow: 2px 2px 5px #001e3a;
	margin-left: 0;
}

ul.spec li dl {
	padding-left: 2em;
}

ul.spec > li .fa {
	margin-right: 0.5em;
}

ul.spec > li ul {
	list-style-type: square;
	margin: 0.5em 0 0 1.0em;
	padding: 0;
}

.spec-options a {
	padding: 0 5px;
	margin: 0 2px;
	border-radius: 4px;
	background-color: #555555;
	color: #ffffff;
}

.spec-options a.option-selected {
	background-color: #0066ff;
}

.select-button {
	margin: 1em 0;
	text-align: center;
}

.readmore {
	margin: 0;
	vertical-align: top;
	border: 0;
}

.readmore div {
	position: relative;
	overflow-y: hidden;
	max-height: 450px;
	-webkit-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
}

.readmore div:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 70px;
	/*background-color: rgb(0, 0, 0);*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(10, 10, 10, 100)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(10, 10, 10, 100));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(10, 10, 10, 100));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(10, 10, 10, 100));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(10, 10, 10, 100));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(10, 10, 10, 100));
}
/*
.readmore div:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 10px;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid #0055a5;
	margin-left: -10px;
}*/

.readmore > span {
	display: block;
	padding: 1em;
	text-align: center;
	margin: 0 auto;
	color: #0055a5;
	-o-transition: color .5s ease;
	-ms-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
	font: 700 16pt 'Open Sans Condensed', Arial, sans-serif;
	cursor: pointer;
}

.readmore > span:hover {
	color: #ffffff;
}

.readmore-expanded div {
	position: relative;
	max-height: 2000px;
	overflow-y: hidden;
}

.readmore-expanded div:before {
	background-image: none;
}

.readmore-expanded div:after {
	border-top: 0;
	/*border-bottom: 10px solid #ffffff;*/
}

.tabs > ul {
	list-style-type: none;
	padding: 1em 0 2em 0;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
}

.tabs > ul li {
	display: inline;
	margin: 0;
}
	
.tabs > ul li a {
	display: inline-block;
	position: relative;
	margin-right: 2em;
}
/*
.tabs > ul li a {
	display: block;
	position: relative;
	text-decoration: none;
}*/

.tabs > ul li a h2 {
	color: #777777;
	-o-transition: color .5s ease;
	-ms-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
}

.tabs > ul li a:hover h2 {
	color: #dddddd;
}

.tabs > ul li.selected a h2 {
	color: #ffffff;
}

.site-body-blue .tabs > ul li a h2 {
	color: #7fc2ff;
	-o-transition: color .5s ease;
	-ms-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
}

.site-body-blue .tabs > ul li a:hover h2 {
	color: #ffffff !important;
}

.site-body-blue .tabs > ul li.selected a h2 {
	color: #ffffff !important;
}

/* Message boxes and styles */
.ui-msgbox {
	margin: 1em 0;
	padding: 1em 3em 1em 1em;
	text-align: left;
	line-height: 1.5;
	border-radius: 5px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 16px 16px;
	display: none;
	position: relative;
}

.ui-msgbox .fa {
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
	cursor: pointer;
	font-size: 1.2em;
}

.ui-message-warning {
	background-color: #ffcccc;
	color: #990000;
}

.ui-message-warning h1,
.ui-message-warning h2,
.ui-message-warning h3,
.ui-message-warning h4,
.ui-message-warning h5,
.ui-message-warning h6,
.ui-message-warning a,
.ui-message-warning .fa {
	color: #990000;
}

.ui-message-error {
	background-color: #CC3333;
	color: #ffffff;
}

.ui-message-error h1,
.ui-message-error h2,
.ui-message-error h3,
.ui-message-error h4,
.ui-message-error h5,
.ui-message-error h6,
.ui-message-error a,
.ui-message-error .fa {
	color: #ffcccc;
}

.ui-message-info {
	background-color: #eef3f9;
	color: #1d456e;
}

.ui-message-info h1,
.ui-message-info h2,
.ui-message-info h3,
.ui-message-info h4,
.ui-message-info h5,
.ui-message-info h6,
.ui-message-info a,
.ui-message-info .fa {
	color: #336699;
}

.ui-message-OK {
	background-color: #669900;
	color: #ffffff;
}

.ui-message-OK h1,
.ui-message-OK h2,
.ui-message-OK h3,
.ui-message-OK h4,
.ui-message-OK h5,
.ui-message-OK h6,
.ui-message-OK a,
.ui-message-OK .fa {
	color: #003300;
}

.pietimer {
	position: relative;
	font-size: 20px;
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
}

.pietimer > .percent {
	position: absolute;
	top: 1.05em;
	left: 0;
	width: 3.33em;
	font-size: 0.3em;
	text-align: center;
}

.pietimer > #slice {
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0px,1em,1em,0.5em);
}

.pietimer > #slice.gt50 {
	clip: rect(auto, auto, auto, auto);
}

.pietimer > #slice > .pie {
	border: 0.1em solid #c0c0c0;
	position: absolute;
	width: 0.8em; /* 1 - (2 * border width) */
	height: 0.8em; /* 1 - (2 * border width) */
	clip: rect(0em,0.5em,1em,0em);
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	border-radius: 0.5em;
}

.pietimer > #slice > .pie.fill {
	-ms-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
	-o-transform :rotate(180deg) !important;
	transform: rotate(180deg) !important;
}

.pietimer.fill > .percent {
	display: none;
}

.pietimer.fill > #slice > .pie {
	border: transparent;
	background-color: #c0c0c0;
	width: 1em;
	height: 1em;
}

#piston-pump-image {
	display: block;
	margin: 0 auto 1em;
	max-height: none;
}

#back-to-top {
	position: relative;
	text-align: center;
	color: #ffffff;
	/*padding: 0.5em 0.5em 1em;*/
	background-color: #0055a5;
	display: block;
	font-size: 20px;
}

@media screen and (min-width: 641px) {
	
	#unit-page-picture {
		float: right;
		max-width: 60%;
	}

	.link-button span {
		display: inline-block;
		margin-left: 1em;
	}

	.ui-neat-align dt {
		display: inline;
		float: left;
		width: 7em;
		margin: 0;
		padding-right: 1em;
		color: #0066ff;
		text-align: right;
		vertical-align: middle;
	}

	.ui-neat-align dd input,
	.ui-neat-align dd textarea,
	.ui-neat-align dd select,
	.ui-neat-align dd button,
	.ui-neat-align dd img {
		display: inline;
		vertical-align: middle;
	}

	.ui-neat-align dd {
		display: block;
		margin-left: 8em;
		margin-bottom: 1em;
		text-align: left;
	}
	
	.tabs > ul li {
		display: inline;
		margin: 0;
	}
	
	.tabs > ul li a {
		display: inline-block;
		margin-right: 2em;
		padding-right: 2em;
		/*border-right: 2px solid #555555;*/
	}

	.tabs > ul li.selected a:after {
		content: '';
		position: absolute;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #ffffff;
		bottom: -10px;
		left: 50%;
		margin-left: -8px;
		z-index: 1;
	}

	.tabs > ul li:last-child a {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}

	/*.site-body-blue .tabs > ul li a {
		border-right: 2px solid #7fc2ff;
	}*/

	.site-body-blue .tabs > ul li:last-child a {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}

	#piston-pump-image {
		float: right;
		margin-left: 1em;
	}

	#back-to-top {
		position: fixed;
		bottom: 5em;
		right: 1em;
		text-decoration: none;
		color: rgba(255, 255, 255, 0.75);
		font-size: 25px;
		/*padding: 0.20em;*/
		margin: 0;
		display: none;
		width: 40px;
		height: 40px;
		text-align: center;
		border-radius: 999px;
		background-color: rgba(255, 255, 255, 0.10);
	}

	#back-to-top:hover {
		background-color: rgba(255, 255, 255, 0.20);
	}

}

@media screen and (min-width: 761px) {

	.page-options {
		position: absolute;
		top: 1.25em;
		right: 0;
		z-index: 1;
	}

	#footer-products,
	#footer-extra {
		list-style: none;
		margin: 2em 0 3em 0;
		padding: 0;
		text-align: center;
		display: block;
	}

	#footer-products li,
	#footer-extra li {
		display: inline;
	}

	#footer-products a,
	#footer-extra a {
		display: inline-block;
		width: 18%;
		font: 700 1em 'Open Sans Condensed', Arial, sans-serif;
		text-align: center;
		margin: 0 auto;
		color: #7fc2ff;
		text-decoration: none;
		-o-transition: color .5s ease;
		-ms-transition: color .5s ease;
		-moz-transition: color .5s ease;
		-webkit-transition: color .5s ease;
		transition: color .5s ease;
		white-space: nowrap;
	}

	#footer-products a img {
		display: block;
		margin: 0.5em auto;
		max-height: 75px;
	}

	#footer-extra a {
		font-size: 1.25em;
		width: auto;
		padding: 0 0.5em;
	}

	#footer-extra a .fa {
		font-size: 2em;
		margin: 0 10px 0 0;
		color: #ffffff;
		vertical-align: middle;
	}

	#footer-products a:hover,
	#footer-extra a:hover {
		color: #ffffff;
	}

	#nealco-logo {
		float: left;
	}

	#menu-bar {
		display: block;
		margin-left: 100px;
		margin-right: 10px;
		padding: 0;
	}

	#mobile-menu {
		display: none;
	}

	ul.spec {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}

	.slide-option > div {
		overflow: inherit;
		min-height: 50px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.slide-option a {
		width: 100px;
		font-size: 1.2em;
		padding: 4px 0;
	}

	.slide-option a.option-selected {
		padding: 8px 0;
		border-radius: 4px 4px 0 0;
		box-shadow: 0 0 5px #000000;
	}

	.slide-option a.option-selected:after {
		border-top: 25px solid #003464;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		position: absolute;
		left: 50%;
		bottom: -25px;
		margin-left: -50px;
		content: '';
	}

	.slide_wrapper {
		overflow: hidden;
		white-space: normal;
		position: relative;
		min-height: 400px;
	}

	.slide {
		display: block;
		position: absolute;
		left: 0;
		bottom: -50em;
		max-height: 400px;
		padding: 0;
		margin: 0;
		-webkit-transition: .5s ease;
		-moz-transition: .5s ease;
		-o-transition: .5s ease;
		transition: .5s ease;
		z-index: -1;
	}

	.slide-selected {
		position: relative;
		bottom: 0;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		z-index: 1;
	}

	.slide-selected > a {
		width: 60%;
		display: inline-block;
		vertical-align: middle;
	}

	.slide > div {
		display: inline-block;
		vertical-align: middle;
		max-width: 400px;
		width: 35%;
	}

	#text-scroller li {
		 font-size: 20pt;
	}

}

@media screen and (min-width: 961px) {

	#footer-products a {
		width:18%;
		font-size: 1.25em;
		max-width: 250px;
	}

	#footer-products a img {
		max-height: 100px;
	}

	.page-layout {
		position: relative;
	}

	/* 1/2 (column) x 1/2 (column) page layout */
	.page-layout-half {
		float: left;
		width: 50%;
	}

	.page-layout-half-right {
		float: right;
		width: 50%;
	}

	/* 2/3 (main column) x 1/3 (sidebar column) page layout */
	.page-layout-twothirds,
	.page-layout-twothirds-left {
		float: left;
		width: 66.666666%;
	}

	/* 1/3 (sidebar column) x 2/3 (main column) page layout */
	.page-layout-twothirds-right {
		float: right;
		width: 66.666666%;
	}

	.page-layout-third-left,
	.page-layout-third {
		float: left;
		width: 33.333333%;
	}

	.page-layout-third-right {
		float: right;
		width: 33.333333%;
	}

	.page-layout-quarter {
		float: left;
		width: 25%;
	}

	/* 3/4 (main column) x 1/4 (sidebar column) page layout */
	.page-layout-main,
	.page-layout-main-left {
		float: left;
		width: 60%;
	}

	.page-layout-sidebar,
	.page-layout-sidebar-right {
		float: right;
		width: 40%;
		display: block;
	}

	/* 1/4 (sidebar column) x 3/4 (main column) page layout */
	.page-layout-main-right {
		float: right;
		width: 60%;
	}

	.page-layout-sidebar-left {
		float: left;
		width: 40%;
		display: block;
	}	

	.page-layout-inner-padding {
		padding: 1em;
	}

	.page-layout-inner-sidebar {
		padding: 1em;
		/*background-color: #222222;
		background-color: rgba(34,34,34,0.75);*/
		margin-bottom: 1em;
	}

	.page-layout-inner-padding-right {
		padding-right: 2em;
	}

	.page-layout-inner-padding-left {
		padding-left: 2em;
	}

	/* Sidebar on the left, margin needs adjusted to right */
	.page-layout-third .page-layout-inner-sidebar,
	.page-layout-sidebar .page-layout-inner-sidebar,
	.page-layout-sidebar-right .page-layout-inner-sidebar {
		margin-left: 1em;
		margin-right: 0;
	}

	/* Sidebar on the left, margin needs adjusted to right */
	.page-layout-third-left .page-layout-inner-sidebar,
	.page-layout-sidebar-left .page-layout-inner-sidebar {
		margin-left: 0;
		margin-right: 1em;
	}

	.media-wrapper {
		margin: 0;
	}

	.slide-option-v > span {
		display: none;
	}

	.slide-option-v > div {
		display: block;
		margin: 0;
		position: relative;
		width: auto;
		padding: 1em;
	}

	.slide-option-v a {
		text-align: right;
		padding-right: 12px;
		font-size: 16pt;
	}

	.slide-option-v a.option-selected {
		border-radius: 4px;
	}

	.slide-feature {
		min-height: 550px;
	}

	dl.quick-spec {
		font-size: 12pt;
	}

}

@media screen and (min-width: 1025px) {

	h1 {
		font-size: 2.85em;
	}

	h2 {
		font-size: 1.875em;
	}

	h3 {
		font-size: 1.5em;
	}

	#nealco-logo {
		float: left;
		display: block;
		width: 162px;
		height: 85px;
		background-image: url("../images/nealco_logo.png");
		background-repeat: no-repeat;
		background-size: 162px 85px;
	}

	#menu-bar {
		margin-left: 180px;
		margin-right: 0;
	}
	
	#site-header {
		padding: 1.25em 1em;
		height: 125px;
	}

	.slide {
		max-height: 600px;
	}

	.select-button {
		font-size: 18pt;
	}

	#back-to-top {
		bottom: 2em;
		right: 2em;
		font-size: 30px;
		width: 50px;
		height: 50px;
	}

}

@media screen and (min-width: 1281px) {

	#site-header-content,
	.site-content-container,
	#site-footer-content {
		max-width: 1248px;
		margin-left: auto;
		margin-right: auto;
	}

	.fancybox_video,
	.fancybox_media {
		max-width: 400px;
		max-height: 300px;
	}

}