/*  HTML5 Reset :: style.css  ----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer
	:: http://ericmeyer.com  HTML5 Doctor
	:: http://html5doctor.com
	and the HTML5 Boilerplate
	:: http://html5boilerplate.com
	-------------------------------------------------------------------------------*/
/* Let's default this puppy out-------------------------------------------------------------------------------*/
html,
body,
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,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

/* Responsive images and other embedded objects
	Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	If this default setting for images is causing issues, you might want to replace it with a .responsive class instead.
*/

img,
object,
embed {
	max-width: 100%;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
	overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content.
*/
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	 content: none;
}
a {
	margin: 0;
	 padding: 0;
	 font-size: 100%;
	 vertical-align: baseline;
	 background: transparent;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	 cursor: help;
}
/* tables still need cellspacing="0" in the markup */

table {
	border-collapse: collapse;
	 border-spacing: 0;
}
th {
	font-weight: bold;
	 vertical-align: bottom;
}
td {
	font-weight: normal;
	 vertical-align: top;
}
hr {
	display: block;
	 height: 1px;
	 border: 0;
	 border-top: 1px solid #ccc;
	 margin: 1em 0;
	 padding: 0;
}
input, select {
	vertical-align: middle;
}
pre {
	white-space: pre;
	 /* CSS2 */  white-space: pre-wrap;
	 /* CSS 2.1 */  white-space: pre-line;
	 /* CSS 3 (and 2.1 as well, actually) */  word-wrap: break-word;
	 /* IE */
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
	 *vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
select, input, textarea {
	font: 99% sans-serif;
}
table {
	font-size: inherit;
	 font: 100%;
}
/* Accessible focus treatment  people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights  gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	 line-height: 0;
	 position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* standardize any monospaced elements */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
/* make buttons play nice in IE */
button {
	width: auto;
	 overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover */
.ie6 html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* let's clear some floats */
.clearfix:before, .clearfix:after {
	content: "\0020";
	 display: block;
	 height: 0;
	 overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* Ok, this is where the fun starts.-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {
	font: 13px Helmet, Freesans, sans-serif;
}
/* using local fonts? make sure to read up on Paul Irish's   Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
body, select, input, textarea {
	color: #333;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #88c5ee;
}
div.pageContent a {
    color: #6292b8;
    font-weight: bold;
}
div.pageContent a:hover {
    color: #88c5ee;
}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{
	background: #fcd700;
	 color: #fff;
	 text-shadow: none;
}
::selection {
	background: #fcd700;
	 color: #fff;
	 text-shadow: none;
}
/*  j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color: #fcd700;
}
ins {
	background-color: #fcd700;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #fcd700;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
/* DELUGE STUDIOS CSS FOR NGP NATIONAL GUARD PRODUCTS-------------------------------------------------------------------------------*/
/* TYPOGRAPHY -------------------------------------------------------------------------------*/
body,header form#search input,form.search input,.upper form input,.mid .midRight ul li h2 {
	/*font-family: "ff-tisa-web-pro",serif;
	font-size: 14px;
	color: #404040;*/
	font-family: 'ff-tisa-web-pro', serif;
	/*src: url('KlinicSlabBook.otf');*/
	font-size: 14px;
	color: #404040;
}
header nav ul li a,header h2.tagline,h2,h1,a.see-all,a.btn,button.btn,.upper ul li a,.upper form input.submit {
	/*font-family: "myriad-pro-condensed",sans-serif;
	font-weight: normal;
	font-size: 14px;*/
	font-family: "myriad-pro-condensed",sans-serif;
	font-size: 14px;
}
a.btn {
	padding-top: 6px;
	padding-bottom: 6px;
}
.upper h2, .mid h2, .lower h2 {
	font-size: 24px;
	font-weight: 300;
	color: #0b2b40;
	margin-bottom: 15px;
}
/* GLOBAL -------------------------------------------------------------------------------*/
body {
	background: url(../images/bg-new-ducks.png) no-repeat #e1e3e5;
	background-color: #e1e3e5;
	overflow: hidden;
	background-position: left -120px top 100px;
	background-size: 35%;
}
.wrap {
	width: 978px;
	margin: 0px auto;
	position: relative;
}
/* HEADER STYLES -------------------------------------------------------------------------------*/
header {
	position: fixed;
	width: 100%;
	border-bottom: 1px solid #0b2b40;
	background: #1a6a9b;
	z-index: 4;

	height: auto;
	min-height: 70px;

	/*height: 70px;*/

	/* Old browsers */  background: -moz-linear-gradient(top, #1a6a9b 0%, #165685 100%);
	/* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a6a9b), color-stop(100%,#165685));
	/* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* Opera 11.10+ */  background: -ms-linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* IE10+ */  background: linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6a9b', endColorstr='#165685',GradientType=0 );
	/* IE6-9 */
}
header a.brand {
	display: block;
	width: 149px;
	height: 117px;
	position: absolute;
	top: 51px;
	left: 1px;
	background: url(../images/logo_text.png) left center no-repeat #e1e3e5;
	text-indent: -9999px;
	z-index: 9999;
}
/*header a.brandVideo {
	display: block;
	width: 148px;
	height: 116px;
	position: absolute;
	top: 51px;
	left: 0px;
	background: url(../images/logo.gif) left center no-repeat #e1e3e5;
	text-indent: -9999px;
	z-index: 1;
}*/
/*header h2.tagline-brand {
	font-weight: 600;
	color: #fff;
	font-size: 22pt;
	position: absolute;
	top: 75px;
	left: 221px;
	line-height: 20px;
	z-index: 9999;
}*/
header h2.tagline {
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: 85px;
	left: 160px;
	line-height: 20px;
	z-index: 9999;
	width: 170px;
}
header h2.tagline-brand.front-page, header h2.tagline.front-page {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
header h2.taglineVideo {
	font-weight: 600;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 85px;
	left: 160px;
	width: 190px;
	line-height: 20px;
}
.not-front header h2.tagline, .not-front header h2.tagline-brand {
	color: #186090;
}
.not-front header h2.taglineVideo {
	color: #186090;
}

header nav {
	padding-top: 10px;
	float: left;
	vertical-align: middle;
	margin-top: 12px;
}
header nav#mainNav > ul {
}
header nav#mainNav > ul > li {
	height: 100%;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	height: 48px;
}
header nav ul li a {
	display: block;
	font-size: 23px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0px 15px;
	border-left: 1px solid #15527b;
}
header nav ul li a.logo{
	display: block;
	font-size: 0px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 2px 15px;
	border-left: none;
}
header nav ul li img{
	/*height: 23px;
	width: 48px;*/
	height: 50px;
	width: auto;
	margin-top: -15px;
	-webkit-transform:scale(1); /*Webkit: Scale down image to 1x original size*/
	-moz-transform:scale(1); /*Mozilla scale version*/
	-o-transform:scale(1); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
}
.header-img-shrink{
	-webkit-transform:scale(0.5); /*Webkit: Scale up image to most of the original size*/
	-moz-transform:scale(0.5); /*Mozilla scale version*/
	-o-transform:scale(0.5); /*Opera scale version*/
}

/*end center of nav styles (links and subheader)*/
/* second level */

nav#mainNav li ul {
	display: none;
	position: absolute;
	top: 41px;
	z-index: 1;
}
nav#mainNav li ul li {
	width: 170px;
	background: #1a6a9b;
	list-style: none;
	/* Old browsers */  background: -moz-linear-gradient(top, #1a6a9b 0%, #165685 100%);
	/* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a6a9b), color-stop(100%,#165685));
	/* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* Opera 11.10+ */  background: -ms-linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* IE10+ */  background: linear-gradient(top, #1a6a9b 0%,#165685 100%);
	/* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6a9b', endColorstr='#165685',GradientType=0 );
}

nav#mainNav li ul li a {
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 5px 15px 5px;
	margin: auto auto;
}
nav#mainNav li ul li a:hover {
	font-weight: bolder;
}

nav#mainNav li:hover ul {
	display: block;
	/*z-index: 9999;*/
}

@media(max-width:40em) /* 640 */ {
	nav#mainNav {
		position: relative;
	}
	nav#mainNav > a {
	}
	nav#mainNav:not( :target ) > a:first-of-type,
	nav#mainNav:target > a:last-of-type {
		display: block;
	}

	/* first level */

	nav#mainNav > ul {
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
	}
	nav#mainNav:target > ul {
		display: block;
	}
	nav#mainNav > ul > li {
		float: none;
	}

	/* second level */
	nav#mainNav li ul {
		position: static;
	}
	nav#mainNav li ul li {
		position: static;
	}
}
/*begin center of nav styles (links and subheader)*/

header nav ul li.last a {
	border-right: none;
}
header form#search {
	display: inline-block;
	margin-top: 12px;
}
form.search {
	margin-top: 20px;
	margin-bottom: 40px;
	display: inline-block;
	border: 1px solid #0b1d28;
}
header form#search input {
	background: #fff;
	border: none;
	width: 202px;
	padding: 5px 10px;
	margin-top: 9px;
	float: left;
	display:inline;
}
form.search input {
	margin-top: 0;
}
header form#search input:focus,form.search input:focus {
	outline: none;
}
header form#search input.submit,form.search input.submit {
	display: inline;
	float: left;
	width: 33px;
	text-indent: -9999px;
	background: url(../images/bg-search.png) center center no-repeat #fff;
}
div#header-clear {
	height: 60px;
}

/* SLIDESHOW STYLES-------------------------------------------------------------------------------*/
/*#slideshow {
	width:976px;
	height:396px;*/
	/*border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;*/
/*	margin-bottom: 23px;
}*/
/*#slideshow .slides_container {
	width:976px;
	height:396px;
}
#slideshow .slides_container div {
	width:974px;
	height:396px;
	display:block;
}
#slideshow a.next, #slideshow a.prev {
	position: absolute;
	top: 183px;
	display: block;
	width: 31px;
	height: 31px;
	text-indent: -9999px;
/*	z-index: 9999; */
	background: url(../images/slideshow-controls.gif) no-repeat;
}
#slideshow a.next {
	background-position: -31px 0px;
	right: -10px;
}
#slideshow a.prev {
	background-position: 0px 0px;
	left: -10px;
}
#slideshow a.next:hover, #slideshow a.prev:hover {
	background-position-y: -31px;
}
/*#slideshow ul.categories {
	z-index: 9999;
	position: absolute;
	top: 300px;
	left: -10px;
	width: 1016px;
	padding: 10px 10px 0px 10px;
	background: #e1e3e5;
}*/
/*#slideshow ul.categories li {
	float: left;
}
#slideshow ul.categories li.thresholds a {
	background: url(../images/thresholds_stamp.png) no-repeat;
}
#slideshow ul.categories li.gasketing a {
	background: url(../images/gasketing_stamp.png) no-repeat;
}
#slideshow ul.categories li.lite-kits a {
	background: url(../images/lite-kits_stamp.png) no-repeat;
}
#slideshow ul.categories li.louvers a {
	background: url(../images/louvers_stamp.png) no-repeat;
}
#slideshow ul.categories li.finger-guards a {
	background: url(../images/finger-guards_stamp.png) no-repeat;
}
#slideshow ul.categories li.hospitality a {
	background: url(../images/hospitality_stamp.png) no-repeat;
}
#slideshow ul.categories li.glass a {
	background: url(../images/glass_stamp.png) no-repeat;
}
#slideshow ul.categories li.edges-astragals a {
	background: url(../images/edges-astragals_stamp.png) no-repeat;
}*/
/*#slideshow ul.categories li a {
	display: block;
	width: 113px;
	margin-top: 0px;
	height: 108px;
	margin-right: 10px;*/

	/* IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
	/* IE 5-7
	filter: alpha(opacity=75);*/
	/* Netscape
	-moz-opacity: .75;*/
	/* Safari 1.x
	-khtml-opacity: .75;*/
	/* Good browsers
	opacity: .75;
}*/
/*#slideshow ul.categories li a:hover {
	 IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	/* IE 5-7
	filter: alpha(opacity=100);*/
	/* Netscape
	-moz-opacity: 1;*/
	/* Safari 1.x
	-khtml-opacity: 1;*/
	/* Good browsers
	opacity: 1;

	-webkit-box-shadow: 0px 0px 10px 5px rgba(211, 203, 187, 1);
	-moz-box-shadow:    0px 0px 10px 5px rgba(211, 203, 187, 1);
	box-shadow:         0px 0px 10px 5px rgba(211, 203, 187, 1);
	background-color: rgb(211, 203, 187);
}*/
/*#slideshow ul.categories li.thresholds a, #slideshow ul.categories li.edges-astragals a {
	width: 114px;
}*/
/*#slideshow ul.categories li.last a {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}*/
/*#slideshow ul.categories li a h2 {
	border-top: 1px solid #186090;
	background: rgba(11,43,64,0.95);
	position: absolute;
	bottom: 0px;
	width: 106px;
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px 5px;
	font-weight: 600;
	-webkit-transition: all .2s ;
	-moz-transition: all .2s ;
	-ms-transition: all .2s ;
	-o-transition: all .2s ;
	transition: all .2s ;
}*/
/*#slideshow ul.categories li a:hover h2 {
	border-top-color: #2699e6;
	background: rgba(24,96,144,0.95);
	color: #fff;
}*/
/* Unslider */
.banner {
	position: relative;
}
.banner li {
	list-style: none;
}
.banner ul li {
	float: left;
	line-height: 0;
}

.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 15px;
		right: 0;
		bottom: 15px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}
.productImagesFull {
	position: relative;
	overflow: auto;
	width: 275px;
	float: left;
}
.productImagesFull li {
	list-style: none;
}
.productImagesFull ul {
	list-style: none;
	width: 212px;
}
.productImagesFull ul li {
	float: left;
	line-height: 0;
	height: 275px;
	width: 212px;
}
.productImagesFull .btn, .productImagesFull .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.productImagesFull .dots {
		position: absolute;
		left: 15px;
		right: 0;
		bottom: 15px;
	}
		.productImagesFull .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
.productImagesFull .productImagesFull li.active {
	background: #fff;
	opacity: 1;
}
/* BUTTONS-------------------------------------------------------------------------------*/
.btn {
	display: inline-block;
	border: 1px solid #0b1d28;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	background: #0b2b40;
	/* Old browsers */  background: -moz-linear-gradient(top, #0b2b40 50%, #092536 50%);
	/* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0b2b40), color-stop(50%,#092536));
	/* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #0b2b40 50%,#092536 50%);
	/* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #0b2b40 50%,#092536 50%);
	/* Opera 11.10+ */  background: -ms-linear-gradient(top, #0b2b40 50%,#092536 50%);
	/* IE10+ */  background: linear-gradient(top, #0b2b40 50%,#092536 50%);
	/* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2b40', endColorstr='#092536',GradientType=0 );
	/* IE6-9 */  }a.see-all {
	font-size: 14px;
	 color: #0b2b40;
	 margin: 0px 0px 0px 10px;
	 padding: 0px 10px 0px 12px;
	 border-left: 1px solid #bfbfbf;
	 background: url(../images/bg-see-all-btn.gif) right center no-repeat;
	 font-weight: normal;
}
a.see-all:hover {
	color: #186090;
}
/* UPPER STYLES-------------------------------------------------------------------------------*/
.upper {
	/*padding: 30px 0px;*/
}
.upper ul {
	width: 894px;
	 margin: 0px auto auto 75px;
}
.upper ul li {
	float: left;
	 padding: 0px 30px;
	 border-right: 1px solid #AEAFA7;
}
.upper ul li a {
	color: #415762;
	 font-size: 24px;
}
.upper ul li a i {
	display: block;
	 width: 24px;
	 height: 18px;
	 float: left;
	 margin-right: 10px;
	 background: url(../images/quicklinks-icons.gif) no-repeat;
	 margin-top: 5px;
}
.upper ul li a.cross i {
	background-position: 0px 0px  }.upper ul li a.sales i {
	background-position: -24px 0px  }.upper ul li a.submittals i {
	background-position: -48px 0px  }.upper ul li a:hover i {
	background-position-y: -18px;
}
.upper ul li.last {
	border: none;
}
.upper ul li a:hover {
	color: #0B2B40;
}
.upper form {
	clear: both;
	 width: 792px;
	 margin: 30px 100px 0px;
}
.upper form h2 {
	float: left;
	 margin: 0px 30px 0px 0px;
}
.upper form input {
	width: 200px;
	 border: 1px solid #d9d1c0;
	 padding: 5px 10px;
	 margin-right: 30px;
}
.upper form input:focus {
	outline: none;
}
.upper form input.submit {
	color: #fff;
	 font-size: 18px;
	 width: 136px;
	 margin: 0;
}
.upper form input.submit:hover {
	color: #88C5EE;
	 font-size: 18px;
	 width: 136px;
	 margin: 0;
}
  /* MID STYLES-------------------------------------------------------------------------------*/
div#middleBar {
	width: 100%;
	background: #fff;
	height: 70px;
	padding-top: 10px;
	padding-bottom: 5px;
	-moz-box-shadow: inset 0 -10px 12px -8px rgba(0,0,0,0.5),0 10px 9px -5px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: inset 0 -10px 12px -8px rgba(0,0,0,0.5),0 10px 9px -5px rgba(0, 0, 0, 0.5) inset;
	box-shadow: inset 0 -10px 12px -8px rgba(0,0,0,0.5),0 10px 9px -5px rgba(0, 0, 0, 0.5) inset;
	z-index: 3;
}
div#middleBarParent {
	width: 100%;
	background: #fff;
	height: 70px;
	margin-bottom: 15px;
	text-align: center;
}
a.loginSlider {
	cursor: pointer;
}
div.middleBarSlideout {
	position: relative;
	margin: 0 auto;
	width: 849px;
}
div.loginSlideout {
	position: absolute;
	right:-5000px;
	top: -5px;
	/*margin-right: 21%;*/
	margin-right: -496px;
}
div.loginSlideout h2{
	/*margin-top: -10px;*/
}
span.closeLoginSlideout {
	cursor: pointer;
}

span.closeLoginSlideout img{
	cursor: pointer;
	height: 40px;
	margin-bottom: -12px;
}

.mid {
	background: #fff;
	padding: 30px 0px;
	-webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
}
.dropshadow {
	content: '';
	height: 10px;
	color: transparent;
	margin-top: 10px;
	margin-bottom: 40px;
	-webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
}
.dropupshadow {
	content: '';
	height: 20px;
	width: 110%;
	color: transparent;
	margin-top: 10px;
	margin-bottom: 40px;
	-moz-box-shadow: inset 0 -10px 12px -8px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 -10px 12px -8px rgba(0,0,0,0.5);
	box-shadow: inset 0 -10px 12px -8px rgba(0,0,0,0.5);
}
.mid h2 {
	font-size: 24px;
	 font-weight: 300;
	 color: #0b2b40;
	 margin-bottom: 15px;
}
.mid .midLeft,.mid .midRight {
	width: 34%;
	float: left;
}
  .mid .midLeft {
  	width: 34%;
	 margin-right: 30px;
}
  .mid a {
	  color: #0b2b40;
}
  .mid a.btn {
	  color: white;
}
  .mid a:hover {
	  text-decoration: underline;
}
.mid .midLeft p {
	margin-bottom: 15px;
}
.mid .trackOrder, .mid .productSolution, .mid .faq {
	margin-bottom: 25px;
}
.mid .midRight {
	width: 558px;
	float: right;
}
.mid .midRight img {
	height: 275px;
}
.mid .midRight ul li {
	 clear: both;
	 overflow: hidden;
}
.mid .midRight ul li div {
	padding-left: 155px;
}
.mid .midRight ul li div h2 {
	font-weight: bold;
}
.mid .midRight ul li img {
  	float: left;
	 border: 1px solid #aba497;
}
.mid .midRight table {
	background: #f7f7f7;
	 width: 100%;
	 font-size: 14px;
	 border-collapse:collapse;
	 margin: 25px 0px;
}
.mid .midRight table,.mid .midRight table tr td,.mid .midRight table tr th {
	border: 1px solid #e0e0e0;
}
.mid .midRight table tr th {
	font-family: sans-serif;
	 font-weight: normal;
	 background-color: #eeeeee;
}
.mid .midRight table tbody tr:hover {
	background: #eeeeee;
}
.mid .midRight table tr td,.mid .midRight table tr th {
	vertical-align:middle;
	 padding: 15px 20px;
}
.mid .midRight table tr td:first-child {
	font-weight: bold;
	 width: 100px;
}
.mid .midRight table tr td a {
	color: #000;
}
.mid .midRight table tr td a:hover {
	text-decoration: underline;
}
.mid .midRight .mailingList h2 {
	margin-top: 40px;
	margin-right: 15px;
	float: left;
}
.mid .midRight .mailingList img {
	height: 75px;
	width: 75px;
	margin-top: 20px
}
/*.mid .midRight .mailingList .mailImage {
	background: url(../images/mailingList.png);
	height: 75px;
	width: 75px;
	margin-top: 20px;
}*/
/* LOWER STYLES-------------------------------------------------------------------------------*/
.lower {
	padding: 30px 0px;
	 width: 978px;
}
.lower h2 {
	font-size: 24px;
	 font-weight: normal;
	 color: #0b2b40;
}
.lower .videos, .lower .sitemapColumn {
	width: 18%;
	text-align: center;
	float: left;
	position: relative;
	margin-right: 15px;
}
.lower .sitemapColumn h2{
	border-bottom: 1px solid #aba497;
}
.lower .sitemapColumn a{
	color: #404040;
}
.lower .sitemapColumn a:hover{
	color: #186090;
	cursor: pointer;
}
.lower .videos {
	width: 306px;
	 margin-right: 30px;
}
.lower .videos ul li a {
	display: block;
	 width: 136px;
	 height: 73px;
	 border: 1px solid #aba497;
	 float: left;
	 margin: 0px 15px 15px 0px;
	 background: #fff;
}
.lower .employee-spotlight {
	width: 474px;
	border-bottom: 1px solid #aba497;
}
.lower .employee-spotlight p.name {
	font-size: 16px;
	font-weight: bold;
	font-family: "myriad-pro-condensed",sans-serif;
}
.lower .employee-spotlight p.position {
	font-size: 12px;
	 color: #808080;
	 font-style: italic;
}
.lower .employee-spotlight p.description {
	margin: 25px 0px;
	 font-style: italic;
	 width: 306px;
}
  .lower .employee-spotlight img {
  	/*position: absolute;
	 bottom: 0px;
	 right: 0px;*/
	display: block;
}
/* INTERIOR PAGE STYLES-------------------------------------------------------------------------------*/
.interior {
	padding-top: 157px;
}
.productInterior {
	padding-top: 0px;
	padding-bottom: 25px;
}
.interior aside {
	width: 222px;
	 float: left;
	 margin-right: 30px;
}
.interior aside h1, .interior aside h2 {
	font-size: 30px;
	 color: #0B2B40;
	 margin-bottom: 30px;
}
.interior aside ul {
  }.interior aside ul li {
  }.interior aside ul.submenu li a {
  	color: #404040;
	 display: block;
	 padding: 20px 0px;
	 border-bottom: 1px solid #cdc5b5;
}
.interior aside ul.submenu li a:hover {
	color: #000;
	 background: #e4dbc8;
	/* Old browsers */  background: -moz-linear-gradient(left, #e4dbc8 0%, #ded5c3 100%);
	/* FF3.6+ */  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e4dbc8), color-stop(100%,#ded5c3));
	/* Chrome,Safari4+ */  background: -webkit-linear-gradient(left, #e4dbc8 0%,#ded5c3 100%);
	/* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(left, #e4dbc8 0%,#ded5c3 100%);
	/* Opera 11.10+ */  background: -ms-linear-gradient(left, #e4dbc8 0%,#ded5c3 100%);
	/* IE10+ */  background: linear-gradient(left, #e4dbc8 0%,#ded5c3 100%);
	/* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4dbc8', endColorstr='#ded5c3',GradientType=1 );
	/* IE6-9 */
}
.interior aside ul.submenu li.last a {
		border: none;
}
.interior aside ul.buttons.browse {
	margin-top: -20px;
	 margin-bottom: 20px;
}
.interior aside ul.buttons li .btn.cart {
	font-size: 20px;
	 margin-bottom: 20px;
}
.interior aside ul.buttons li .btn {
	display: block;
	 padding: 10px 0px;
	 text-align: center;
}
.interior aside ul.buttons li .btn.grey {
	width: 67px;
	 float: left;
	 margin-right: 7px;
	 margin-bottom: 20px;
	 text-transform: none;
	 color: #fff;
	 border: 1px solid #465154;
	 background: #6d6d6d;
	/* Old browsers */  background: -moz-linear-gradient(top, #6d6d6d 50%, #5d5d5d 50%);
	/* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6d6d6d), color-stop(50%,#5d5d5d));
	/* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* Opera 11.10+ */  background: -ms-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* IE10+ */  background: linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#5d5d5d',GradientType=0 );
	/* IE6-9 */
}
.interior aside ul.buttons li.last .btn.grey,.interior aside ul.buttons li:last-child .btn.grey {
		margin-right: 0px;
}
.interior aside .cart-info {
	min-height: 300px;
	 margin-top: 0;
	 padding: 20px;
	 background: #fff;
	 /*height: 300px;
	 */    -webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, 0.25);
	   box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}
.interior .content {
	position: relative;
	 background: #fff;
	 padding: 50px;
	 width: 626px;
	 float: left;
	 -webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
 }
.specInterior .specContent {
	 background: #fff;
	 padding: 72px 50px 50px 50px;
	 width: 876px;	 float: left;
	 -webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
}
.specInterior .specContent .specContentTop {
	margin-bottom: 25px;
}
.specInterior .specContent p {
	margin: 15px 0 15px 0;
}
.specInterior .specContent h2 {
	color: #186090;
	font-size: 24px;
	margin-bottom: 5px;
	font-family: "myriad-pro-condensed",sans-serif;
	font-weight: normal;
}
.specInterior .specContent .panelsLarge{
	width: 100%;
	display: inline-block;
}
.specInterior .specContent .panelsLarge h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin: 30px 0 15px 0;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.specInterior .specContent input.submit {
    display: inline;
    width: 33px;
    border: medium none;
    text-indent: -9999px;
    background: #FFF url("../images/bg-search.png") no-repeat scroll center center;
}
.specInterior .specContent .panelsLeft{
	width: 47%;
	display: inline-block;
	margin: 20px 15px 15px 0;
	height: 90px;
}
.specInterior .specContent .panelsLeft p{
	margin: 0 0 15px 0;
}
.specInterior .specContent .panelsRight{
	width: 47%;
	display: inline-block;
	margin: 20px 0 15px 15px;
	float: right;
}
.specInterior .specContent .panelsLeft h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.specInterior .specContent .panelsRight h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.specInterior .specContent .panelsRight h3{
	margin: 5px;
}
.specInterior .specContent .panelsRight .formButtons{
	margin-top: 25px;
}
.specInterior .specContent .applications{
	margin-top: 15px;
}
.specInterior .specContent .applications a{
	color: #186090;
	margin-right: 15px;
}
.specInterior .specContent .applications a:hover{
	color: #88C5EE;
}
.specInterior .specContent .applications ul{
	list-style-type: disc;
	margin-left: 15px;
}
.specInterior .specContent .applications .colOne{
	display: inline-block;
	width: 14%;
	vertical-align: top;
}
.specInterior .specContent .applications .colTwo{
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.specInterior .specContent .applications .colThree{
	display: inline-block;
	width: 44%;
	vertical-align: top;
}
.specInterior .specContent .applications .colFour{
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.trackingInterior .trackingContent {
	 background: #fff;
	 padding: 72px 50px 50px 50px;
	 width: 876px;	 float: left;
	 -webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
}
.trackingInterior .trackingContent .trackingContentTop{
	margin-top: 25px;
}
.trackingInterior .trackingContent .trackingContentTop .orderSearch{
	margin-bottom: 40px;
}
.trackingInterior .trackingContent .trackingContentTop h1{
	margin: 30px 0 10px 0;
}
.trackingInterior .trackingContent .trackingContentTop h2{
	margin-bottom: 15px;
	display: inline-block;
}
.trackingInterior .trackingContent .trackingContentTop ul{
	margin: 10px 20px 20px 20px;
}
.trackingInterior .trackingContent .trackingContentTop ul li ul{
	list-style-type: disc;
	margin-left: 15px;
}
.trackingInterior .trackingContent .trackingContentTop input.submit{
	display: inline;
    width: 33px;
    border: none;
    text-indent: -9999px;
    background: url(../images/bg-search.png) center center no-repeat #fff;
}
.trackingInterior .trackingContent .trackingContentTop a{
	margin-right: 25px;
}
.trackingInterior .trackingContent .trackingContentTop .topRight{
	margin: 5px;
	padding: 5px;
	display: inline-block;
	float: right;
	border: 1px solid #E0E0E0;
	background: #F7F7F7 none repeat scroll 0%;
}
.trackingInterior .trackingContent h1 {
	color: #0B2B40;
	font-size: 30px;
	font-weight: normal;
}
.trackingInterior .trackingContent h2 {
	color: #186090;
	font-size: 24px;
	margin-bottom: 5px;
	font-family: "myriad-pro-condensed",sans-serif;
	font-weight: normal;
}
.contactInterior .contactContent {
	 background: #fff;
	 padding: 72px 50px 50px 50px;
	 width: 876px;	 float: left;
	 -webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
}
.contactInterior .contactContent .selected {
	background-color: #FCD700;
}
.contactInterior .contactContent h1 {
	color: #0B2B40;
	font-size: 30px;
	font-weight: normal;
}
.contactInterior .contactContent h2 {
	color: #186090;
	font-size: 24px;
	margin-bottom: 5px;
	font-family: "myriad-pro-condensed",sans-serif;
	font-weight: normal;
}
.contactInterior .contactContent p a{
	color: #88C5EE;
	cursor: pointer;
}
.contactInterior .contactContent p a:hover{
	color: #186090;
}
.contactInterior .contactContent .contactContentTop{
	margin-top: 36px;
}
.contactInterior .contactContent .panelsLarge{
	width: 100%;
	display: inline-block;
}
.contactInterior .contactContent .panelsLarge a{
	color: #88C5EE;
}
.contactInterior .contactContent .panelsLarge a:hover{
	color: #186090;
}
.contactInterior .contactContent .panelsLarge .locationMap{
	height: 400px;
	width: 626px;
	margin-left: 105px;
	background: url(../images/usamap1_new.png) center center no-repeat;
}
.contactInterior .contactContent .panelsLeft{
	width: 47%;
	display: inline-block;
	margin: 20px 15px 15px 0;
	height: 90px;
}
.contactInterior .contactContent .panelsRight{
	width: 47%;
	display: inline-block;
	margin: 20px 0 125px 15px;
	float: right;
}
.contactInterior .contactContent .panelsLeft h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.contactInterior .contactContent .panelsRight h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.contactInterior .contactContent .panelsRight .innerLeft{
	display: inline-block;
}
.contactInterior .contactContent .panelsRight .innerRight{
	display: inline-block;
	margin-left: 30px;
}
.contactInterior .contactContent .panelsLeft img{
	max-height: 30px;
	margin-right: 10px;
}
.contactInterior .contactContent .panelsLarge h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin: 30px 0 15px 0;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.contactInterior .contactContent .innerPanel6col {
	width: 16.25%;
	display: inline-block;
}
/*.contactInterior .contactContent .innerPanelMid {
	width: 16.25%;
	display: inline-block;
}
.contactInterior .contactContent .innerPanelRight {
	width: 16.25%;
	display: inline-block;
}*/
.productInterior .productContent {
	 background: #fff;
	 padding: 50px;
	 width: 876px;
	 float: left;
	 -webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	 box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
}
.productInterior .productContent form#search {
	margin-top: 20px;
	margin-bottom: 40px;
	display: inline-block;
	border: 1px solid #0b1d28;
}
.productInterior .productContent form#search input {
	background: #fff;
	border: none;
	width: 202px;
	padding: 5px 10px;
	float: left;
	display:inline;
	font-size: 14px;
	color: #404040;
	font-family: "ff-tisa-web-pro",serif;
}
form.search input {
	margin-top: 0;
}
.productInterior .productContent form#search input:focus,form.search input:focus {
	outline: none;
}
.productInterior .productContent form#search input.submit,form.search input.submit {
	display: inline;
	float: left;
	width: 33px;
	text-indent: -9999px;
	background: url(../images/bg-search.png) center center no-repeat #fff;
}
.productInterior .productContent .catalog-pdf{
	font-size: 16px;
	color: #404040;
	position: absolute;
	top: 59px;
	right: 50px;
	background: transparent url(../images/pdf-icon.gif) no-repeat scroll right center;
	padding-right: 20px;
}
.productInterior .productContent li a{
	color: #186090;
}
.productInterior .productContent li a:hover{
	color: #88C5EE;
}
.productInterior .productContent ul.catalog{
	list-style: outside none none;
}
.productInterior .productContent ul.catalog li.catalogRow{
	background: #F7F7F7 none repeat scroll 0% 0%;
	height: 69px;
}
.productInterior .productContent ul.catalog li.catalogRow:hover{
	background: #EEE none repeat scroll 0% 0%;
}
.productInterior .productContent ul.catalog li.catalogRow ul{
	margin: 0px;
	list-style: none;
}
.productInterior .productContent ul.catalog li ul li a{
	height: 35px;
	padding: 22px 10px 10px 10px;
	display: block;
	border: 1px solid #E0E0E0;
	float: left;
	text-align: center;
}

.productInterior .productContent ul.catalog ul li.catalogNumber a{
	width: 160px;
}
.productInterior .productContent ul.catalog ul li.catalogDescription a{
	width: 550px;
}
.productInterior .productContent ul.catalog ul li.catalogImage a{
	width: 99px;
	padding-top: 16px;
	padding-bottom: 16px;
}
/*.productInterior .productContent ul.catalog ul li a{
	display: block;
	background: #F7F7F7 none repeat scroll 0% 0%;
	border: 1px solid #E0E0E0;
	width: 124px;
	height: 135px;
	color: #000;
	float: left;
	text-align: center;
	padding: 5px 10px 10px 10px;
}
.productInterior .productContent ul.catalog ul li a{
	display: block;
	background: #F7F7F7 none repeat scroll 0% 0%;
	border: 1px solid #E0E0E0;
	width: 124px;
	height: 135px;
	color: #000;
	float: left;
	text-align: center;
	padding: 5px 10px 10px 10px;
}*/
/*.productInterior .productContent ul.catalog  ul li a:hover {
    background: #EEE none repeat scroll 0% 0%;
}*/
.productInterior .productContent ul.catalog li img{
	max-height: 45px;
	max-width: 75px;
	float: none;
	margin: 0 0 5px 0;
}
.productInterior .productContent .submenu {
	float: left;
	width: 222px;
	float: left;
	margin-right: 30px;
}
.productInterior .productContent .submenu a{
	color: #404040;
	display: block;
	padding: 20px 0px;
	border-bottom: 1px solid #E0E0E0;
}
.productInterior .productContent .submenu a:hover{
	color: #000;
	background: transparent -moz-linear-gradient(left center , #fff 0%, #E0E0E0 100%) repeat scroll 0% 0%;
}
.productInterior .productContent .productContentTop{
	height: 350px;
	margin-bottom: 35px;
}
.productInterior .productContent .productBreadCrumb{
	margin-bottom: 10px;
}
.productInterior .productContent .productBreadCrumb a{
	color: #186090;
}
.productInterior .productContent .productBreadCrumb a:hover{
	color: #88C5EE;
}
.productInterior .productContent .productContentTop .productBreadCrumb{
	margin-bottom: 10px;
}
.productInterior .productContent .productContentTop .productBreadCrumb a{
	color: #186090;
}
.productInterior .productContent .productContentTop .productBreadCrumb a:hover{
	color: #88C5EE;
}
.productInterior .productContent .productImages img{
	max-height: 40px;
	width: 40px;
	margin: 15px 18px 0 0;
}
.productInterior .productContent .panelsLeft{
	width: 47%;
	min-height: 250px;
	display: inline-block;
	margin: 20px 37px 15px 0;
	float: left;
}
.productInterior .productContent .panelsRight{
	width: 47%;
	min-height: 250px;
	display: inline-block;
	margin: 20px 0 15px 15px;
	float: left;
}
.productInterior .productContent .panelsLeft img{
	max-height: 30px;
	margin-right: 10px;
}
.productInterior .productContent .panelsRight img{
	max-width: 30px;
	margin-right: 10px;
}
.productInterior .productContent .panelsLeft h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.productInterior .productContent .panelsRight h2{
	border: 1px solid rgb(224, 224, 224);
	background: rgb(247, 247, 247) none repeat scroll 0% 0%;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0 5px;
	color: #0B2B40;
	font-size: 24px;
	font-weight: 300;
}
.productInterior .productContent .panelsRight .standards li{
	list-style:none;
}
.productInterior .productContent .panelsRight .standards img{
	float:none;
}
.productInterior .productContent .panelsRight .standards p{
	max-width: 330px;
	display: inline-block;
	vertical-align: top;
}
.productInterior .productContent .panelsRight .mailingList h2{
	border: 0px;
	background: none;
	font-size: 24px;
	font-weight: 300;
	color: #0B2B40;
	margin: 15px 15px 0 75px;
	float: left;
}
.productInterior .productContent .panelsRight .mailingList img {
	height: 75px;
	width: 75px;
}
.productInterior .productContent .panelsRight .mailingList ul {
	list-style: outside none none;
	list-style-type: disc;
}
.productInterior .productContent .panelsLeft ul{
	list-style: outside none disc;
	list-style-type: disc;
}
.productInterior .productContent .panelsRight ul{
	list-style: outside none disc;
	list-style-type: disc;
}
.productInterior .productContent .panelsLeft li{
	margin: 5px 5px 5px 20px;
}
.productInterior .productContent .panelsRight li{
	margin: 5px 5px 5px 20px;
}
.productInterior .productContent .productRight{
	display: inline-block;
}
.productInterior .productContent .productRight .submittal{
	height: 275px;
	width: 207px; /* 207 */
	margin-left: 115px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.45) inset;
}
.productInterior .productContent .productRight .submittal a{
	width: 185px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.productInterior .productContent .productRight .submittal a:hover{
	color: #88C5EE;
}
div.content.full-width-content {
	width: 876px;
}
.interior .content h1 {
	font-size: 30px;
	 color: #0b2b40;
}
.interior .content h2 {
	color: #186090;
	 font-size: 22px;
	 margin-bottom: 5px;
}
.interior .content a.catalog-pdf {
	font-size: 16px;
	 color: #404040;
	 position: absolute;
	 top: 59px;
	 right: 50px;
	 background: url(../images/pdf-icon.gif) center right no-repeat;
	 padding-right: 20px;
}
.interior .content .catalog-header-img {
	margin: 10px 0px 30px;
}
.productInterior .productContent .productMidContent {
	display: inline-block;
	vertical-align: top;
}
.productInterior .productContent .productMidContent .pricing{
	height: 36px;
	margin-left: 25px;
	margin-top: 14px;
}
.productInterior .productContent .productMidContent .productMidButtons{
	height: 69px;
	width: 240px;
	margin-top: 19px;
	margin-left: 25px;
}
.productInterior .productContent .productMidContent .productMidButtons li{
	display: inline-block;
	margin-bottom: 3px;
}
.productInterior .productContent .productMidContent .productMidButtons li .btn.grey {
	width: 45px;
	text-align: center;
	text-transform: none;
	color: #FFF;
	border: 1px solid #465154;
	/* Old browsers */  background: -moz-linear-gradient(top, #6d6d6d 50%, #5d5d5d 50%);
	/* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6d6d6d), color-stop(50%,#5d5d5d));
	/* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* Opera 11.10+ */  background: -ms-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* IE10+ */  background: linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
	/* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#5d5d5d',GradientType=0 );
	/* IE6-9 */
}
.productInterior .productContent .productMidContent .productMidButtons li .btn.grey:hover{
	color: #88C5EE;
}
.productInterior .productContent .share {
	width: 237px;
	margin: 25px 0 0 25px;
}
.productInterior .productContent .share ul {
	display: inline-block;
	vertical-align: top;
}
.productInterior .productContent .share .social li {
	display: inline-block;
}

.productInterior .productContent .share .social li a.instagram,
.productInterior .productContent .share .social li a.linkedIn {
	display: block;
	 width: 33px;
	 height: 33px;
	 background-color: #1C3447;
	 margin-right: 20px;
}

.productInterior .productContent .share .social li a.twitter,
.productInterior .productContent .share .social li a.facebook,
.productInterior .productContent .share .social li a.googlePlus {
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	background: transparent url("../images/social-icons.png") no-repeat scroll center center;
	margin-right: 5px;
}
.productInterior .productContent .share .social .facebook{
	background-position: -4px -4px;
}
.productInterior .productContent .share .social .twitter{
	background-position: -37px -5px;
}
.productInterior .productContent .share .social .googlePlus{
	background-position: -70px -5px;
}
.productInterior .productContent .finishes {
	display: inline-block;
	vertical-align: top;
	width: 250px;
	margin-left: 25px;
}
.productInterior .productContent img {
	max-height: 100%;
	float: left;
	display: inline-block;
	margin-right: 50px;
}
.productInterior .productContent .finishes img {
	float: left;
	display: inline-block;
	height: 40px;
	width: 40px;
	margin: 5px 10px 5px 0;
}
.interior .content .catalog-header-img img {
	border: 1px solid #0B2B40;
}
.interior .content p {
	margin-bottom: 25px;
}
.interior .content p.first-paragraph {
	font-size: 18px;
	 color: #000;
}
.interior .content img.img-left {
	float: left;
	 margin: 0px 20px 20px -20px;
	 border: 1px solid #0B2B40;
}
.interior .content img.img-right {
	float: right;
	 margin: 0px -20px 20px 20px;
	 border: 1px solid #0B2B40;
}
.interior .content img.product-img {
	display: inline;
	 margin: 0px auto;
	   padding: 40px;
	 max-width: 225px;
	   max-height: 225px;
}
.interior .content table {
	background: #f7f7f7;
	 width: 100%;
	 font-size: 14px;
	 border-collapse:collapse;
	 margin: 50px 0px;
}
.interior .content table,.interior .content table tr td,.interior .content table tr th {
	border: 1px solid #e0e0e0;
}
.interior .content table tr th {
	font-family: sans-serif;
	 font-weight: normal;
	 background-color: #eeeeee;
}
.interior .content table tbody tr:hover {
	background: #eeeeee;
}
.interior .content table tr td,.interior .content table tr th {
	vertical-align:middle;
	 padding: 15px 20px;
}
.interior .content table tr td:first-child {
	font-weight: bold;
	 width: 100px;
}
.interior .content table tr td a {
	color: #000;
}
.interior .content table tr td a:hover {
	text-decoration: underline;
}
.interior .content ul.catalog {
	margin-bottom: 40px;
}
.interior .content ul.catalog:before, /* For modern browsers */.interior .content ul.catalog:after {
	content: '';
	 display: table;
}
.interior .content ul.catalog:after {
	clear: both;
}
.interior .content ul.catalog li a{
	display: block;
	 background: #f7f7f7;
	 border: 1px solid #e0e0e0;
	 width: 134px;
	 height: 50px;
	 color: #000;
	 float: left;
	 text-align: center;
	 padding: 20px 10px;
}
.interior .content ul.catalog li a:hover {
	background: #eeeeee;
}
.interior .content table table.ratings,.interior .content table table.ratings tr,.interior .content table table.ratings tr td {
	background: none;
	 border: none;
	 padding: 0;
	 margin: 0;
}
.interior .content table table.ratings tr td:first-child {
	min-width: 0;
	 width: auto;
	 text-align: right;
	 padding-right: 20px;
	 width: 55px;
}
ul.ratings li {
	margin: 5px 0;
}
ul.rating-groups li {
	overflow: hidden;
	 margin-bottom: 5px;
}
ul.ratings {
	float: left;
	 clear: right;
}
form.product-search {
	margin: 30px 0 45px;
}
.fieldset-group {
	margin-top: 35px;
}
.fieldset-group h3 {
	font-family: sans-serif;
	 padding-left: 10px;
	 color: #000033;
}
fieldset {
	min-height: 49px;
	 margin: 20px 0;
	 border: 1px solid #e0e0e0;
	 background-color: #f7f7f7;
	 position: relative;
}
fieldset legend {
	display: block;
	 position: absolute;
	 top: -15px;
	 margin-left: 20px;
	 padding: 5px 10px;
	 width: 25%;
	 font-family: sans-serif;
	 font-weight: bold;
	 background-color: white;
	 border: 1px solid #e0e0e0;
	 -moz-transition: top linear 0.25s;
	 -webkit-transition: top linear 0.25s;
	 -o-transition: top linear 0.25s;
	 transition: top linear 0.25s;
}
fieldset.collapsed legend {
	position: absolute;
	 top: 10px;
}
fieldset legend a {
	color: #000066;
}
fieldset .fields {
	margin: 10px 20px;
	 overflow: hidden;
	 -moz-transition: height linear 0.25s;
	 -webkit-transition: height linear 0.25s;
	 -o-transition: height linear 0.25s;
	 transition: height linear 0.25s;
}
fieldset.collapsed .fields {
	height: 0 !important;
}
fieldset .fields label {
	width: 192px;
	 display: inline-block;
}
fieldset .fields label div {
	height: 2.7em;
	 display: table-cell;
	 vertical-align: top;
	 text-align: left;
}
fieldset .fields label div span {
	display: inline-block;
	 padding-left: 5px;
}
h2 span.count {
	color: #bababa;
}
a.product-link {
	color: black;
	 font-weight: bold;
	 text-decoration: none;
}
a.product-link:hover {
	color: black;
	 text-decoration: underline;
}
/* FOOTER STYLES-------------------------------------------------------------------------------*/
footer {
	width: 978px;
	margin: 0px auto 100px;
	position: relative;
	text-align: center;
	font-family: Montserrat, sans-serif;
}

footer h2 {
	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 24px;
	font-weight: bold;
	font-family: 'klinic-slab';
	color: #0071CE;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-bottom: 20px;
}

footer h2:after, h2:before{
	content: '';
	width:200px;
	height:2px;
	background:#0071CE;
	margin: 0 10px;
}

footer div.row{
	display:flex;
	justify-content: center;
}
footer .row .item{
	flex-basis: auto;
	text-align: left;
}

footer div.row div.spacer-left-3{
	margin-left:2rem;
}

footer div.row div.spacer-left-2{
	margin-left:1.5rem;
}

footer div.row div.spacer-left-1{
	margin-left:1rem;
}

footer div.row span.label{
	font-weight:600 /*Semi-Bold*/;
	color:#0071CE;
}

footer div.row span.smallText{
	font-size:0.7rem;
}

footer a{
	color:#0071CE;
}

footer p.copyright {
	color: #93948f;
	 font-size: 12px;
}
footer .bottom-logos {
	margin-top: 30px;
}
footer ul li {
	float: left;
}
footer ul.social {
	float: left;
}
footer ul.social li a:hover,
footer ul.social li a:hover
{
    color: #fff;
}
footer ul.social li a.instagram {
	display: block;
	 width: 33px;
	 height: 28px;
	 background-color: #1C3447;
	 margin-right: 20px;
	 font-size: 20px;
	 padding-top: 5px;
}
footer ul.social li a.twitter,
footer ul.social li a.facebook,
footer ul.social li a.googlePlus {
	display: block;
	 width: 33px;
	 height: 33px;
	 text-indent: -9999px;
	 background: url(../images/social-icons.png) center center no-repeat;
	 margin-right: 20px;
}
footer ul.social li.last a {
	margin: 0;
}
footer ul.social li a.facebook:hover, footer ul.social li a.twitter:hover, footer ul.social li a.googlePlus:hover {
	background-position-y: -33px;
}
footer ul.social li a.facebook {
	background-position: 0px 0px;
}
footer ul.social li a.twitter {
	background-position: -33px 0px;
}
footer ul.social li a.googlePlus {
	background-position: -66px 0px;
}
footer .logo > a{
	display: block;
	height: 33px;
	text-indent: -9999px;
	margin:0rem 0.60rem;
}
footer a.linkedIn{
	display: block;
	background: url(../images/linkedIn-new-icon.png) no-repeat;
	background-size: contain;
	width:33px;
	height:33px;
}

footer a.youtube{
	display: block;
	background: url(../images/youtube-new-icon.png) no-repeat;
	background-size: contain;
	width:33px;
	height:33px;
}
/* First in the List */
footer a#ul-logo{
	width: 33px;
	background:#e1e3e5 url(../images/footer-logos.png) no-repeat;
	background-position: 0px 0px;
	margin-left:1.5rem;
}
footer a#greenbuilding-logo{
	width: 33px;
	background: #e1e3e5 url(../images/greenBuilding_logo.png) no-repeat;
	background-size:contain;
}
footer a#usa-logo{
	width: 33px;
	background:#e1e3e5 url(../images/footer-logos.png) no-repeat;
	background-position: -106px 0px;
}
footer a#dhi-logo{
	width:40px;
	height:40px;
	background: #e1e3e5 url(../images/DHI_logo.png) no-repeat;
	background-size:contain;
	background-position:center;
}
footer a#bhma-logo{
	width: 53px;
	background:#e1e3e5 url(../images/footer-logos.png) no-repeat;
	background-position: -213px 0px;
}
footer a#shda-logo{
	width: 100px;
	background: #e1e3e5 url(../images/shda_logo.png) no-repeat;
	background-size:contain;
}

footer a.employee-resources {
	float: right;
}

footer a.bestPlaceToWorkLink {
	display:block;
	margin-top:-25px;
	width: 40px;
	height: 75px;
	background-repeat: no-repeat;
	background-size:contain;
}

footer a#bestPlaceToWork2014 {
	background-image: url(../images/TWP/gold_2014.png);
}

footer a#bestPlaceToWork2015 {
	background-image: url(../images/TWP/gold_2015.png);
}

footer a#bestPlaceToWork2016 {
	background-image: url(../images/TWP/gold_2016.png);
}

footer a#bestPlaceToWork2018 {
	background-image: url(../images/TWP/gold_2018.png);
}

footer a#bestPlaceToWork2020 {
	background-image: url(../images/TWP/gold_2020.png);
}

footer a#bestPlaceToWork2021 {
	background-image: url(../images/TWP/gold_2021.png);
}

footer a#bestPlaceToWork2022ca {
	background-image: url(../images/TWP/gold_2022_CA.png);
}

footer a#bestPlaceToWork2023ca {
	background-image: url(../images/TWP/gold_2023.png);
}

footer a#bestPlaceToWork2022 {
	background-image: url(../images/TWP/gold_2022_USA.png);
}

footer a#bestPlaceToWork2023 {
	background-image: url(../images/TWP/gold_2023_USA.png);
}

footer a#bestPlaceToWork2024 {
	background-image: url(../images/TWP/gold_2024_USA.png);
}


/* Print styles!-------------------------------------------------------------------------------*/
@media print {}
/* Media queries!-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {}
@media all and (orientation: portrait) {}
@media all and (orientation: landscape) {}
/* MOD added CSS-------------------------------------------------------------------------------*/
.feedImage {
	height: 83px;
	width: 136px;
}
.content a {
	color: #88C5EE;
	text-decoration: none;
}
.content a:hover {
	   	color: #2699e6;
}
.content h2 a {
		color: #186090;
	  font-size: 22px;
	  margin-bottom: 5px;
}
.videobox {
	  	overflow: hidden;
}
.content ul.social li a.facebook {
	  background-position: 0 0;
}
.content ul.social li a.twitter {
	  background-position: -33px 0;
}
.content ul.social li a.googlePlus {
	  background-position: -66px 0;
}
.content ul.social li {
	  float: left;
}
.content ul.social li a {
	  background: url("../images/social-icons.png") no-repeat scroll center center transparent;
	    display: block;
	    height: 33px;
	    margin-right: 20px;
	    text-indent: -9999px;
	    width: 33px;
}
.allvideos {
	      background: none repeat scroll 0 0 #FFFFFF;
	    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	    float: left;
	    padding: 50px;
}
.allvideos p {
	    	width: 315px;
	  padding-bottom: 5px;
}
.allvideos td {
	  	padding: 5px;
	  border: 1px solid #e0e0e0;
}
.allvideos h2 {
	  	color: #186090;
	    font-size: 22px;
	    margin-bottom: 5px;
}
.allvideos h2 a {
	    	color: #186090;
	  font-size: 22px;
	  margin-bottom: 5px;
}
.allvideos h2 a:hover {
	  	color: #2699e6;
}
#leftItems {
		float:left;
	  width:310px;
}
#rightItems {
	  	float:left;
	  width:310px;
}
#completeCatalog {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
#condensedCatalog {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
#priceList {
	  width: 620px;
	  float:left;
	  /*padding-bottom:15px;*/
}
#warranty {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
#specSheet {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
#orderForm {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
#colorChart {
	  	width: 620px;
	  float:left;
	  /*padding-bottom:15px;*/
}
#miscellaneous {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
#requestLiterature {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
 #downloads {
	  	width: 620px;
	  float:left;
	  padding-bottom:15px;
}
#downloadText {
    font-size: 10px;
    color: #88c5ee;
}
.left {
    display: inline-block;
    width:200px;
    height: 260px;
}
.middle {
    display: inline-block;
    height: 260px;
    vertical-align: top;
    width: 140px;
}
.right {
    display: inline-block;
    width:200px;
    height: 260px;
}
.specLeft {
    display: inline-block;
    width:200px;
}
.specMiddle {
	  	display: inline-block;
	  width:200px;
}
.specRight {
	  	display: inline-block;
	  width:200px;
}
.interior .content .catalog table tr td:first-child {
	    font-weight: normal;
	    width: 100px;
}
.employees {
	    	margin-bottom: 50px;
}
.employeePhoto {
	float: left;
	  padding-right: 25px;
	  width: 100%;
}
.ads {
	  	/*width: 620px;*/
	  float:left;
	  padding-top: 35px;
	  padding-bottom:15px;
}
.ngp-adsLeft {
	  	display: inline-block;
	  	height: 300px;
	  width:200px;
	  vertical-align: top;
}
.ngp-adsMiddle {
	  	display: inline-block;
	  	height: 300px;
	  width:200px;
	  vertical-align: top;
}
.ngp-adsRight {
	  	display: inline-block;
	  	height: 300px;
	  width:200px;
	  vertical-align: top;
}
#duckPrints {
	  	/*width: 620px;*/
	  float:left;
	  padding-top: 35px;
	  padding-bottom:15px;
}
#duckPrints a:hover h2 {
	  	color: #2699e6;
}
.duckPrintleft {
		float:left;
	  height: 300px;
	  width:290px;
}
.duckPrintRight {
	  	display: -webkit-inline-box;
	  height: 300px;
	  width:290px;
}
.itemTitle {
	  	height: 25px;
    max-width: 160px;
    font-size: 80%;
    margin-bottom: 15px;
    width: 125px;
}
.itemTitle a {
    color: black;
}
div.flipbookImageContainer {
    height: 160px;
    width: 120px;
}

.catalogImg {
    max-height: 150px;
    max-width: 120px;
    border: 1px solid #d7d7d7;
}
#easyTooltip {
		padding:5px 10px;
	  border:1px solid #fff;
	  background:#575757 url(../js/usa/bg.gif) repeat-x;
	  color:#fff;
}
input.quantity {
	  	width: 30px;
}
a.btn.btn-delete:link,a.btn.btn-delete:visited {
		color: white;
}
.interior .content table.cart-items a.btn.btn-delete {
		margin-left: 5px;
}
.interior .content table.cart-items td {
		vertical-align: top;
	  padding-left: 10px;
	  padding-right: 10px;
}
.interior .content table.cart-items th.quantity {
	  	width: 80px;
}
.interior .content table.cart-items th.comments {
		width: 190px;
}
.interior .content table.cart-items table,.interior .content table.cart-items table td,.interior .content table.cart-items table th {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0 10px 5px 0;
	font-weight: normal;
}
.interior .content table.cart-items table td.description {
	  	text-indent: -10px;
	  padding-left: 20px;
	  padding-bottom: 15px;
}
.interior .content table.cart-items table th {
	  	text-align: right;
}
.interior .content table.cart-items textarea {
		width: 205px;
	  height: 120px;
}
.interior .content table.cart-items,.interior .content table.cart-info {
	  	margin: 20px 0;
}
.interior .content table.cart-info,.interior .content table.cart-info th,.interior .content table.cart-info td {
		padding: 0 0 5px 0;
	  border: none;
	  background-color: transparent;
}
.interior .content table.cart-info tr:hover {
	  	background-color: transparent;
}
.interior .content table.cart-info th {
		width: 120px;
	  text-align: right;
	  padding-right: 10px;
}
.socialsRight {
	  	float: right;
	  display: inline-block;
}
 .contactUsBtn  {
	  	color: #FFFFFF !important;
	  text-decoration: none;
}
form.cross-reference div.control {
	  	margin: 5px 0;
}
form.product-search div.control {
		height: 30px;
}
form.cross-reference div.control label,form.product-search div.control label {
	display: inline-block;
	text-align: left;
	width: 130px;
	min-height: 1px;
}
form.product-search div.control input,form.product-search div.control button {
	  	vertical-align: top;
}
.image-center>img {
	display: block;
	margin: 0 auto 20px;
}
#customerLogo {
	float: right;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 30px;
	text-align: center;
	max-width: 200px;
}
div#crossrefLink {
	loat: right;
	margin-bottom: 20px;
	margin-right: 40px;
	text-align: center;
}
/* HOVER STYLES */
div#pop-up {
	display: none;
	position: absolute;
	padding: 10px;
	background: #eeeeee;
	color: #000000;
	border: 1px solid #1a1a1a;
	font-size: 90%;
}
div.forgotLogin {
	  	float: right;
	  margin-right: 5%;
}
div.forgotLogin a:link {
	  	color: #404040;
}
div.forgotLogin a:visited {
		color: #404040;
}
div.forgotLogin a:hover {
		/*color: white;*/
		color: #88C5EE;
}
div#sb-container {
	  z-index: 9999;
}
.interior .content table.crossRefTable tbody tr:hover {
    background: white;
}


div.mainProducts ul.categories {
	font-size: 0;
	line-height: 0;
	width: 100%;
}
div.mainProducts ul.categories a  {
	display: inline-block;
	line-height: 0;
	font-size: 0;
	width: 49%;
	margin: 0.5%;
	margin-bottom: 3.5%;
	border-bottom: 1px solid #e1e3e5;
	height: 133px;
}
div.mainProducts ul.categories a h2 {
	display: block;
	border-top: 1px solid #186090;
	background: rgba(11,43,64,0.95);
	color: #fff !important; /*had to stick an important on this, .interior .content h2 rule was overwriting it*/
	width: 97.9%;
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px 5px;
	font-weight: 600;
	margin-bottom: -30px;
	/*-webkit-transition: all .2s ;
	-moz-transition: all .2s ;
	-ms-transition: all .2s ;
	-o-transition: all .2s ;
	transition: all .2s ;*/
}
div.mainProducts ul.categories a:hover h2 {
	border-top-color: #2699e6;
	background: rgba(24,96,144,0.95);
	color: #fff;
}
div.mainProducts ul.categories a li {
	display: inline-block;
	line-height: 0;
	font-size: 0;
	vertical-align: top;
	width: 100%;
	margin-top: 30px;
	height: 103px;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	/* IE 5-7 */
	filter: alpha(opacity=75);
	/* Netscape */
	-moz-opacity: .75;
	/* Safari 1.x */
	-khtml-opacity: .75;
	/* Good browsers */
	opacity: .75;
}
/*double check me, but I don't think we need this style. The one below it should handle it*/
/*div.mainProducts ul.categories a li:hover {
	*//* IE 8 *//*
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	*//* IE 5-7 *//*
  	filter: alpha(opacity=100);
  	*//* Netscape *//*
  	-moz-opacity: 1;
  	*//* Safari 1.x *//*
  	-khtml-opacity: 1;
  	*//* Good browsers *//*
	opacity: 1;
}*/
div.mainProducts ul.categories a:hover li {
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	/* IE 5-7 */
  	filter: alpha(opacity=100);
  	/* Netscape */
  	-moz-opacity: 1;
  	/* Safari 1.x */
  	-khtml-opacity: 1;
  	/* Good browsers */
	opacity: 1;
}
div.mainProducts ul.categories a li.thresholds {
	position: relative;
	background: url(../images/thresholds_banner.jpg) no-repeat;
}
div.mainProducts ul.categories a li.gasketing {
	position: relative;
	background: url(../images/gasketing_banner.png) no-repeat;
}
div.mainProducts ul.categories a li.lite-kits {
	position: relative;
	background: url(../images/lites_banner.png) no-repeat;
}
div.mainProducts ul.categories a li.louvers {
	position: relative;
	background: url(../images/louvers_banner.png) no-repeat;
}
div.mainProducts ul.categories a li.finger-guards {
	position: relative;
	background: url(../images/finger-guards_banner.png) no-repeat;
}
div.mainProducts ul.categories a li.hospitality {
	position: relative;
	background: url(../images/hospitality_banner.png) no-repeat;
}
div.mainProducts ul.categories a li.glass {
	position: relative;
	background: url(../images/glass_banner.png) no-repeat;
}
div.mainProducts ul.categories a li.edges-astragals {
	position: relative;
	background: url(../images/edges-astragals_banner.png) no-repeat;
}
div.mainProducts ul.categories a li.thresholds div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/thresholds_stamp_thumbnail.png);
}
div.mainProducts ul.categories a li.gasketing div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/gasketing_stamp_thumbnail.png);
}
div.mainProducts ul.categories a li.lite-kits div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/lite-kits_stamp_thumbnail.png);
}
div.mainProducts ul.categories a li.louvers div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/louvers_stamp_thumbnail.png);
}
div.mainProducts ul.categories a li.finger-guards div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/finger-guards_stamp_thumbnail.png);
}
div.mainProducts ul.categories a li.hospitality div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/hospitality_stamp_thumbnail.png);
}
div.mainProducts ul.categories a li.glass div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/glass_stamp_thumbnail.png);
}
div.mainProducts ul.categories a li.edges-astragals div.stamp_image {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 54px;
	height: 50px;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/edges-astragals_stamp_thumbnail.png);
}
div.content > div > h2.sectionTitle {
	border-top: 1px solid #186090;
	background: rgba(11,43,64,0.95);
	color: #fff !important;
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px 5px;
	font-weight: 600;
}
div.content > div > div.sectionRow {
	margin-bottom: 10px;
	border-top: 1px solid #e1e3e5;
	padding-top: 10px;
	margin-top: -5px;
}
div.content > div.press-release-content-wrapper {
	margin-top: 30px;
	margin-bottom: 30px;
}
div.content > div.press-release-content-wrapper > a > img.press-release-image {
	max-width: 225px;
	float: right;
}
div.content > div.press-release-body > p {
	float: left;
	clear: left;
}
div.content > div.press-release-content-wrapper > div.press-release-body > p > span {
	font-size: 14px !important;
}
div.faq-category-block {
	margin-bottom: 20px;
}
div.pageInterior {
	padding-top: 0px;
	padding-bottom: 25px;
	font-size: 18px;
}
div.pageInterior h1{
	font-size: 30px;
	font-weight: normal;
	color: #0B2B40;
}
div.pageInterior h2{
	font-size: 22px;
	padding-bottom: 10px;
}
div.pageInterior .pageContent  {
	padding: 10px 0px;
	background: #fff;
	padding: 50px;
	width: 876px;
	float: left;
	-webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	min-height: 400px;
	font-size: 14px;
}
/*div.pageInterior .pageContent  {

}*/
div.faq-question-single {
	margin-bottom: 20px;
}
.faq-link {
	margin: 10px 0;
}
.faq-link a {
	color: #1a6a9b;
}
.scroll-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	/*display: none;*/
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.scroll-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.scroll-to-top:hover {
	background: rgba(0, 0, 0, 0.9);
}
.scroll-to-top:hover i {
	color: #fff;
	top: 5px;
}
span.highlight {
    background-color: #F3F315;
    padding: 0;
}
 ul.submenu li a {
	color: #404040;
	display: block;
	padding: 20px 0px;
	border-bottom: 1px solid #cdc5b5;
}
 a.nonwhite {
	 color: #404040;
 }
 div.sustainabilityNav {
	 margin-left: -30px;
	 font-size: 90%;
 }
.sustainabilityNav ul.submenu li a{
	padding: 9px;
	font-weight: normal;
}
ul.navThirdiary {
	margin: 0px;
	margin-left: 25px;
	list-style: none;
}
.sustainabilityNav ul.submenu li > ul > li a{
	padding: 5px;
	font-weight: normal;
}

.sustainabilityNav ul.submenu li a:hover{
	background-color: #1a6a9b;
	color: #88c5ee;
}
.sustainabilityNav ul.submenu li a.active{
	font-weight: bold;
}

.whoweareInterior {
	padding-top: 10px;
}

div.whoweareInterior .whoweareContent  {
	padding: 50px;
	background: #fff;
	width: 876px;
	float: left;
	-webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	min-height: 400px;
	font-size: 26px;
	font-family: 'myriad-pro-condensed';
	color: #186090;
}

.whoweareInterior .whoweareContent .panelsLeft {
	width: 47%;
	display: inline-block;
	margin: 20px 15px 15px 0;
	text-align: center;
}
.whoweareInterior .whoweareContent .panelsRight {
	width: 47%;
	display: inline-block;
	margin: 20px 0 15px 15px;
	float: right;
	text-align: center;
}

.whoweareInterior .whoweareContent a {
	color: #186090;
}

.whoweareInterior .whoweareContent a:hover {
	color: #88c5ee;
}

.whoweareInterior .whoweareContent .centered {
	text-align: center;
}

.newProducts h1,
.newProducts h2 {
	color: #186090;
}

/* sales rep access and customer access */

.accessInterior {
	padding-top: 0;
}

div.accessInterior .accessContent  {
	padding: 50px;
	background: #fff;
	width: 876px;
	float: left;
	-webkit-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 6px 9px 0px rgba(0, 0, 0, 0.5);
	min-height: 400px;
	font-size: 26px;
	font-family: 'myriad-pro-condensed';
	color: #186090;
}

.accessInterior .accessContent .panelsLeft {
	width: 47%;
	display: inline-block;
	margin: 20px 15px 15px 0;
	text-align: center;
	height: 310px;
}

.accessInterior .accessContent .panelsRight {
	width: 47%;
	display: inline-block;
	margin: 20px 0 15px 15px;
	float: right;
	text-align: center;
	height: 310px;
}

.accessInterior .accessContent a {
	color: #186090;
}

.accessInterior .accessContent a:hover {
	color: #88c5ee;
}

.accessInterior .accessContent .centered {
	text-align: center;
}


.accessContent .iconContainer img {
	width: 200px;
}

.accessContent .panelsWide .logoContainer {
	padding: 5px 15px;
}

.accessInterior .accessContent table {
	background: #f7f7f7;
	 width: 100%;
	 font-size: 14px;
	 border-collapse:collapse;
	 margin: 50px 0px;
}
.accessInterior .accessContent table,.accessInterior .accessContent table tr td,.accessInterior .accessContent table tr th {
	border: 1px solid #e0e0e0;
}
.accessInterior .accessContent table tr th {
	font-family: sans-serif;
	 font-weight: normal;
	 background-color: #eeeeee;
}
.accessInterior .accessContent table tbody tr:hover {
	background: #eeeeee;
}
.accessInterior .accessContent table tr td,.accessInterior .accessContent table tr th {
	vertical-align:middle;
	 padding: 15px 20px;
}
.accessInterior .accessContent table tr td:first-child {
	font-weight: bold;
	 width: 100px;
}
.accessInterior .accessContent table tr td a {
	color: #000;
}
.accessInterior .accessContent table tr td a:hover {
	text-decoration: underline;
}

	/* --------------- CART ---------------- */

	.cartrow {
		width: 100%;
		height: auto;
		display: block;
		float: left;
	}

	#carthead {
		width: auto;
		height: auto;
		font-size: 16px;
		margin-bottom: 20px;
		float: left;
	}

	#carthead tr td {
		padding: 4px 4px 4px 4px;
	}

	.cartbox {
		width: 200px;
		font-size: 14px;
		line-height: 16pt;
		border: 1px solid #999999;
		padding-left: 4px;
	}

	.cartdetail {
		width: auto;
		height: auto;
		font-size: 16px;
		background-color: #EEEEEE;
		margin-bottom: 20px;
		float: left;
	}

	.cartdetail tr td {
		padding: 4px 4px 4px 4px;
	}

	.cartdetail tr th {
		padding: 4px 4px 4px 4px;
	}

	.cartdetail textarea {
		height: 110px;
		resize: none;
	}

	.cartspacer {
		width: 100%;
		height: 40px;
		float: left;
	}

	.cartspace {
		width: 12px;
	}

	.greyline {
		width: 100%;
		height: 1px;
		background-color: #999999;
		margin-bottom: 12px;
		overflow: hidden;
	}



	/* ------------ SEARCH FORM ------------ */

	#show {
		position: relative;
		left: +0px;
		top: +27px;
		width: 248px;
		height: auto;
		padding: 4px 4px 4px 4px;
		border: solid;
		border-width: 0px 1px 1px 1px;
		border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
		background-color: #FFFFFF;
		overflow-y: scroll;
		max-height: 700px;
		z-index: 5;
	}

	#outershow {
		width: 0px;
		height: 0px;
		float: left;
		visibility: hidden;
	}

	.linkline {
		font-family: serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 18pt;
		color: #222222;
	}

	.linkline:hover {
		background-color: #DDDDDD;
		cursor: pointer;
	}



	/* ----------- SEARCH RESULTS ---------- */

	.searchtable {
		width: 100%;
		border: solid;
		border-width: 1px 0px 0px 1px;
		border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
	}

	.searchtable td {
		height: 100%;
		font-size: 12px;
		color: #000000;
		background-color: #F5F5F5;
		border: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
	}

	.searchtable td a {
		display: inline-block;
		width: calc(100% - 24px);
		height: 100%;
		padding: 12px;
	}

	.searchtable td a:link {
		color: #000000;
		text-decoration: none;
	}

	.searchtable td a:visited {
		color: #000000;
		text-decoration: none;
	}

	.searchtable td a:hover {
		color: #444444;
		text-decoration: none;
	}

	.searchtable th {
		background-color: #DFDFDF;
		border: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #888888 #888888 #888888 #888888;
	}

	.sinner {
		/*width: 100%;*/
		height: 100%;
		display: flex;
		align-items: center;
		font-size: 14px;
		vertical-align: middle;
		text-align: left;
		white-space: nowrap;
	}

	#sbottom {
		width: 100%;
		height: 80px;
		float: left;
	}

	.productInterior .productContent .sinner .searchProductImage {
		max-width: 100%;
		max-height: 50px;
		margin: 0 auto;
		display: block;
		float: none;
	}

	.searchImageCell {
		width: 20em;
		height: 6em !important;
	}

	/* ------- ONLINE ORDERING BUTTON ------ */

	#onlineOrderingButton {
		width: 400px;
		height: auto;
		font-size: 40px;
		line-height: 80px;
		color: #FDFDDD;
		background-color: #003366;
		background: linear-gradient(#006699, #003366);
		border: 1px solid #333333;
		border-radius: 8px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
	}

	#onlineOrderingButton:hover {
		background: linear-gradient(#003366, #006699);
	}

	#onlineOrdering {
		width: 100%;
		height: auto;
		text-align: center;
	}




/*****
 * Mobile stuff
 */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #e1e3e5;
}


.mobile-menu-button {
    position: fixed;
    top: 0;
    left: 0;
	padding: 10px;
	height: 30px;
	width: 30px;
    z-index: 3;
    background: #165685 /*linear-gradient(#1a6a9b 0%, #165685 100%)*/;
    /*background-color: white;*/
}

.mobile-menu-button.active {
    background: #165080;
}

.mobile-menu-button i {
    display: block;
    width: 80%;
    height: 4px;
    margin: 4px auto;
    background-color: white;
}

.mobile-nav-bar {
    z-index: 2;
    width: 100%;
    height: 50px;
    position: absolute;
    background-image: linear-gradient(#1a6a9b 0%, #165685 100%);
}

.mobile-nav-bar h1 {
	font-size: 22px;
	color: white;
	display: block;
    position: absolute;
    left: 50px;
    right: 70px;
    top: 12px;
    text-align: center;
    font-family: "myriad-pro-condensed", sans-serif;
}

.mobile-nav-bar .logo {
    display: inline-block;
    width: 60px;
    float: right;
    margin: 9px 5px;
}

.mobile-nav-bar .logo img {
    width: 60px;
    height: auto;
}

.mobile-nav-menu {
    z-index: 1;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    transform-origin: 0 50%;
    transform: perspective(1500px) rotateY(90deg);
    transition: transform 0.5s ease-in-out;
}

.mobile-nav-menu.active {
    transform: perspective(1500px) rotateY(0deg);
}

.mobile-nav-menu .mobile-nav-content {
    position: absolute;
    top: 50px;
    left: 0;
    width: 300px;
    bottom: 0;
    background-color: #165080;
    overflow-y: scroll;
}

.mobile-nav-menu .mobile-nav-close {
    display: block;
    position: absolute;
    top: 60px;
    left: 260px;
    width: 25px;
    height: 25px;
}

.mobile-nav-menu .mobile-nav-close i {
    display: block;
    position: absolute;
    background-color: white;
    width: 25px;
    height: 3px;
    top: 11px;
    left: 0;
}

.mobile-nav-menu .mobile-nav-close i:nth-child(1) {
    transform: rotate(45deg);
}

.mobile-nav-menu .mobile-nav-close i:nth-child(2) {
    transform: rotate(-45deg);
}

.mobile-nav-menu .mobile-nav-content ul,
.mobile-nav-menu .mobile-nav-content ul#navPrimary {
    margin: 10px;
    color: white;
    list-style-type: none;
}

.mobile-nav-menu .mobile-nav-content ul li,
.mobile-nav-menu .mobile-nav-content ul#navPrimary li {
    margin: 0;
    padding: 0;
    display: list-item;
    font-size: 35px;
}


.mobile-nav-menu .mobile-nav-content ul li a,
.mobile-nav-menu .mobile-nav-content ul#navPrimary li a {
    display: block;
    color: white;
    font-family: "myriad-pro-condensed", sans-serif;
    padding: 10px 0 10px 30px;
    width: 90%;
}

.mobile-nav-menu .mobile-nav-buffer {
    display: block;
    position: absolute;
    left: 300px;
    right: 0;
    top: 50px;
    bottom: 0;
}

.mobile-content {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    padding: 10px;
    font-size: 14px;
    font-family: 'ff-tisa-web-pro', serif;
}

.mobile-content .jumbotron {
    margin-bottom: 15px;
}


.mobile-content .control {
    position: relative;
    display: table;
    border-collapse: separate;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: bold;
}

.mobile-content .control label,
.mobile-content .control input,
.mobile-content .control span {
    display: table-cell;
    width: 1%;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 20px;
    line-height: 23px;
}
.mobile-content .control label {
    padding-right: 10px;
}

.mobile-content .control span {
    padding-left: 10px;
    white-space: nowrap;
    width: 1%;
    font-size: 0;
}

.mobile-content .control span button {
    font-size: 20px;
    font-family: "myriad-pro-condensed", sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 23px;
}

.mobile-content .control input {
    width: 100%;
    float: left;
}

.mobile-content .search {
    padding-top: 15px;
}

.mobile-content .search ul.results {
}

.mobile-content .search ul.results li {
    display: block;
    height: 90px;
    overflow: hidden;
    margin-bottom: 10px;
}

.mobile-content .search ul.results li:nth-child(2n) a {
    background-color: #ebebeb;
}

.mobile-content .search ul.results li a {
    padding: 10px;
    height: 70px;
    position: relative;
    display: block;
    background-color: #ebebeb;
    color: black;
}

.mobile-content .search .results .product {
    position: relative;
    height: 100%;
}

.mobile-content .search .results .image {
    height: 70px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.mobile-content .search .results .information {
    display: block;
    position: absolute;
    top: 0;
    left: 80px;
    height: 100%;
}

.mobile-content .search .results .information .product-code {
    height: 26px;
    padding: 2px 5px;
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 22px;
}

.mobile-content .search .results .information .description {
    height: 36px;
    padding: 2px 5px;
    font-size: 14px;
}

.mobile-content h1,
.mobile-content h2,
.mobile-content h3,
.mobile-content h4,
.mobile-content h5,
.mobile-content h6 {
    font-family: "myriad-pro-condensed", sans-serif;
}

.mobile-content .category-buttons {
    margin-top: 10px;
    display: block;
}

.mobile-content .category-header .category-image img {
    width: 100%;
}

.mobile-content .category-buttons a {
    display: block;
    border: 1px solid #0b1d28;
    background: #0b2b40;
    background: linear-gradient(top, #0b2b40 50%, #092536 50%);
    text-align: center;
    padding:  6px 10px;
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    text-decoration: none;
    color: white;
}

.mobile-content .category-buttons i.pdf-icon {
    display: inline-block;
    width: 16px;
    height: 18px;
    vertical-align: middle;
    margin-left: 10px;
    background: transparent url(../images/pdf-icon.gif) no-repeat;
}

.category-body {
    margin-top: 15px;
}

.category-body a {
    font-size: 24px;
    color: #186090;
}

.category-body a:hover {
    color: #88C5EE;
}
.category-tiles ul.catalog{
    list-style: outside none none;
}
.category-tiles ul.catalog li a{
    font-size: 14px;
    display: block;
    width: 33%;
    height: 140px;
    color: #000;
    float: left;
    text-align: center;
    text-decoration: none;
}
.category-tiles ul.catalog li a div {
    background: #F7F7F7 none repeat scroll 0% 0%;
    border: 1px solid #E0E0E0;
    padding: 5px 10px 10px 10px;
    height: 100%;
}


.category-tiles ul.catalog li a:hover {
    background: #EEE none repeat scroll 0% 0%;
}
.category-tiles ul.catalog li img{
    height: 75px;
    width: 75px;
    float: none;
    margin: 0 0 5px 0;
}

.mobile-content .product-detail .product-detail-sections {
    background-color: white;
    padding: 10px;
}

.mobile-content .product-detail h1 {
    font-size: 26px;
}

.mobile-content .product-detail h2 {
    margin-top:15px;
    font-size: 18px;
    display: block;
    background-color: rgb(247,247,247);
    padding: 5px;
    border: 1px solid rgb(224,224,224);
    text-align: center;
}

.mobile-content .product-detail ul {
    padding-left: 30px;
    padding-right: 15px;
    list-style-type: disc;
}

.mobile-content .product-detail ul li {
    font-size: 14px;
    margin-bottom: 5px;
}

.mobile-content .product-detail ul li a {
    color: #186090;
}

.mobile-content .product-detail ul li a:hover {
    color: #88C5EE;
}

.mobile-content .product-detail .standards div {
    padding-left: 15px;
    padding-right: 15px;
}

.mobile-content .product-detail .standards img {
    height: 50px;
}

.mobile-content .product-image-carousel {
    position: relative;
    height: 300px;
}

.mobile-content .product-image-carousel li {
    height: 100%;
    width: 300px;
}
.mobile-content .product-image-carousel img {
    height: 100%;
}

.mobile-content .product-image-carousel .productImagesFull {
    position: absolute;
    left: 0;
    top: 0;
    right: 70px;
    bottom: 0;
}

.mobile-content .product-image-carousel .thumbs {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    bottom: 0;
}

.mobile-content .available-finishes img {
    width: 40px;
    height: 40px;
}

.mobile-content .product-detail .productImagesFull ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mobile-content .product-detail .productImagesFull ul li {
    width: 100%;
    height: 100%;
}

.mobile-content .product-detail .productMidButtons{
    padding-left: 0;
    padding-right: 0;
    clear: both;
    overflow: hidden;
}
.mobile-content .product-detail .productMidButtons li{
    width: 33%;
    display: block;
    float: left;
    margin-bottom: 5px;
}
.mobile-content .product-detail .productMidButtons li .btn.grey {
    display: block;
    text-align: center;
    text-transform: none;
    color: #FFF;
    border: 1px solid #465154;
    /* Old browsers */  background: -moz-linear-gradient(top, #6d6d6d 50%, #5d5d5d 50%);
    /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6d6d6d), color-stop(50%,#5d5d5d));
    /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
    /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
    /* Opera 11.10+ */  background: -ms-linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
    /* IE10+ */  background: linear-gradient(top, #6d6d6d 50%,#5d5d5d 50%);
    /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#5d5d5d',GradientType=0 );
    /* IE6-9 */
}
.mobile-content .product-detail .productMidButtons li .btn.grey:hover{
    color: #88C5EE;
}

.mobile-content .product-detail-header .thumbs {
    text-align: right;
}

.mobile-content .product-detail-header .thumbs a {
    display: block;
}

.mobile-content .product-detail-header .thumbs img {
    width: 40px;
    height: 40px;
}

a.btn {
    padding: 6px 15px;
    text-decoration: none;
    font-family: "myriad-pro-condensed", sans-serif;
}

.mobile-content h6 {
    margin-bottom: 5px;
    margin-top: 10px;
}


	/* ----------- SEARCH RESULTS ---------- */

	.searchtableM {
		width: 100%;
		border: solid;
		border-width: 1px 0px 0px 1px;
		border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
	}

	.searchtableM td {
		font-size: 18px;
		color: #000000;
		background-color: transparent;
		border: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
		white-space: wrap;
		overflow: hidden;
	}

	.searchtableM td a:link {
		color: #186090;
		text-decoration: none;
	}

	.searchtableM td a:visited {
		color: #000000;
		text-decoration: none;
	}

	.searchtableM td a:hover {
		color: #88C5EE;
		text-decoration: none;
	}

	.searchtableM th {
		background-color: #DDCC9A;
		border: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #888888 #888888 #888888 #888888;
	}

	.sinnerM {
		width: auto;
		height: 100%;
		font-size: 22px;
		padding: 12px;
		vertical-align: middle;
		text-align: left;
	}

	/* ---------- /SEARCH RESULTS ---------- */


	.mobile-catalogs h2 {
		font-size: 26px;
	}

	.mobile-catalogs a {
		font-size: 26px;
		color: #186090;
	}

	.mobile-catalogs a:hover {
		color: #88C5EE;
	}

	/* ----------- ORDER TRACKING ---------- */

	.trackbox {
		height: 24px;
		font-family: arial;
		font-size: 18px;
		font-weight: normal;
		line-height: 24px;
		color: #000000;
		padding-left: 5px;
	}


	/* ------------- SLIDE SHOW ------------ */

	#fadeOuter {
		width: 976px;
		height: 396px;
		float: left;
	}

	#fadeFront {
		width: 976px;
		height: 396px;
		float: left;
	}

	#ctrlOuter {
		width: 0px;
		height: 0px;
		visibility: hidden;
		float: left;
	}

	#ctrlInner {
		width: 300px;
		height: 30px;
		position: relative;
		top: +340px;
		left: -940px;
		background-color: transparent;
		z-index: 2;
	}

	.circleOn {
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background-color: #e4dbc9;
		border: 1px solid #aaaaaa;
		margin: 8px;
		display: inline;
		float: left;
	}

	.circleOff {
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background-color: #FFFFFF;
		border: 1px solid #aaaaaa;
		margin: 8px;
		display: inline;
		cursor: pointer;
		float: left;
	}

	.customer-name {
		font-size: 35px;
		color: #006BC0;
	}

	#icon-table {
		width: auto;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
		border: 0;
	}

	#icon-table tr:hover {
		background-color: #FFFFFF;
	}

	#icon-table td {
		width: auto;
		height: auto;
		text-align: center;
		vertical-align: center;
		padding: 40px;
		margin: 0;
		border: 0;
	}

	#icon-table td img {
		width: auto;
		height: auto;
	}

	#icon-table td img:hover {
		cursor: pointer;
	}

	.mobile-menu-outer {
		width: 100% !important;
		height: 100%;
		background-color: #FFFFFF !important;
	}

	.mobile-menu-div {
		width: 100%;
		height: auto;
		font-family: helvetica;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #003366;
		text-align: center;
		margin-bottom: 20px;
		padding: 0;
	}

	.mobile-menu-div img {
		width: auto;
		height: auto;
		cursor: pointer;
	}

	.mobile-menu-icon {
		width: auto;
		height: auto;
		cursor: pointer;
	}

	.mobile-quote-outer {
		width: 96%;
		height: auto;
		border: 1px solid #AAAAAA;
		background-color: #FFFFFF;
		margin-bottom: 6px;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-quote-outer a:link {
		color: #003366;
	}

	.mobile-quote-half {
		width: 44%;
		height: auto;
		font-size: 13px;
		display: inline-block;
		padding: 4px;
	}

	.mobile-quote-whole {
		width: 100%;
		height: auto;
		font-size: 13px;
		padding: 4px;
	}

	.sales-rep-icon {
 		margin-bottom: 48px;
	}

	.mid .midRight .youtube h2 {
		margin-top: 40px;
		margin-right: 15px;
		float: left;
	}
	.mid .midRight .youtube img {
		height: 90px;
		width: 90px;
		margin-top: 14px;
	}

	.blue-text{
		color: #0071CE;
	}

	#repWarning {
		width: 92%;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #FEFEEE;
		padding: 20px;
		border: 1px solid #222222;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: none;
		z-index: 10;
	}