﻿/*======================================================
  Screen Style Sheet
  Insul Fab
  ------------------------------------------------------
  Author(s): Christian Walker
  Created: 09/11/13
  ======================================================*/

/* General Classes */
.hidden {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.hidetext {text-indent:-9999px;outline:0;}
.left {float:left;margin:0 1em 1em 0;}
.right {float:right;margin:0 0 1em 1em;}
.clear {clear:both;}
.req, .warning, .error {color:#a00;}


/* Links */
a.btn-primary {padding: 5px;}




/* Rules for Font Enlargement per specific client request */

body p {
	font-size: 115%;
	line-height: 140%;
}

body h3, body #buckets h3 {
	font-size: 140%;
}

/*body #buckets h3.smaller {
	font-size: 140%;
}*/

body #telephone {
	font-size: 30px;
}

body #primary-nav li a {
	/*font-size: 115%;*/
}

body #sidebar-left li a {
	/*font-size: 100%;*/
}



/* ****************************************** Layout */
h1, h2, h3{
	text-align: left;
}

body{
	font-size: 13px;
	line-height: 16px
}


#wrap {
	width:auto;
	margin:0 auto;
	background: url('../image/bg-stripe.png') repeat-x center 210px #ececec;
	overflow: hidden;
	background-size: 100% 286px;
	background-position: 0px 230px;
} 

#header-content, #footer-content, #content{
	width: 960px;
	margin: 0 auto;
	display: block;
}


#content{
	padding-bottom:25px;
	width: 920px;
	margin: 0 auto;
}

#header{
	border-top: 3px solid #0069aa;
	background: -moz-linear-gradient(top,  #f7f7f7, #d5d5d5); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f5), to(#d5d5d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7, #d5d5d5); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7, #d5d5d5); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7, #d5d5d5); /* IE10+ */
	background: linear-gradient(top,  #f7f7f7, #d5d5d5); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */	
}

#content-wrap{
	padding:20px 20px 30px 20px;
	width: 920px;
	margin:0 auto;
	background:#ffffff;
	display: block;	
}

body.tpl-5 #content-wrap{
	background: -moz-linear-gradient(top,  #ececec, #ffffff); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ececec, #ffffff); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ececec, #ffffff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ececec, #ffffff); /* IE10+ */
	background: linear-gradient(top,  #ececec, #ffffff); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:0 20px;

}
body.tpl-5 #content-left{width: 100%;}
body.tpl-2 #content-left{width: 100%;}
body.tpl-2 #content{max-width: 100%;}
/**** 2 Column Layout **/

body.tpl-3 #content-wrap #content{width:705px;float: left;}
body.tpl-3 #content-left{float: left;width: 470px;}
body.tpl-3 #content-wrap #sidebar-right{width: 200px;margin-left: 15px;float: left;}

body.tpl-9 #content-wrap #content{width:705px;float: left;}
body.tpl-9 #content-left{float: left;width: 100%;}
body.tpl-9 #content-wrap #sidebar-right{width: 200px;margin-left: 15px;float: left;}


/**** 3 Column Layout **/
body.tpl-4 #content-wrap #content{width:485px;float: left;}

body.tpl-4 #content-wrap #sidebar-left{width: 195px;margin-right: 15px;float:left;}

body.tpl-4 #content-wrap #sidebar-right{width: 200px;margin-left: 15px;float:left;}

/**** 3 Column Industrial Layout **/
body.tpl-8 #content-wrap #content{width:485px;float: left;}

body.tpl-8 #content-wrap #sidebar-left{width: 195px;margin-right: 15px;float:left;}

body.tpl-8 #content-wrap #sidebar-right{width: 200px;margin-left: 15px;float:left;}

#header-content{
	height: 90px;
	padding: 30px 0px 0px;
	position: relative;
}

#telephone {
	position: absolute;
	top: 47px;
	right: 0;
    font-size: 31px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedLight', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#telephone a {
	color: #cc4110;
	text-decoration: none;
}

#telephone span{
	color: #676767;
    font-size: 20px;
}

#searchWrap{
	position: absolute;
	right: 2px;
	top: 10px;
}

#searchWrap #simpleSearchForm{
	margin: 0;
}

#searchWrap #simpleSearchForm .simpleSearch_input{
	width: 150px;
	-moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; -khtml-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px;
	height: 13px;
	line-height: 13px;
	padding-left: 10px;
	font-size: 12px;
	color: #585858;
}


#searchWrap #simpleSearchForm #simpleSearch_submit{
	width: 28px;
	-moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;
	height: 23px;
	font-size: 9px;
	color: white;
	background: #9e9e9e;
	padding: 0;
	position: relative;
	left: -4px;
	top: 0;
	border: none;
}

.phone-only .rfq {
    text-align: center;
    display: block;
    margin: 0 auto 20px;
    width: 42%;
    float: right;
    margin-top: 16px;
}

#content.home #main-content{
/*
	float: left;
	width: 665px;
	margin-top: 20px;
*/
	text-align: justify;
}

#content.home .rfq{
	display: block;
	float: right;
/* 	margin-top: 45px; */
	margin-left: 25px;
	font-size: 20px
}

.rfq{
	-moz-border-radius: 89px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
	color: #ffffff;
	border:1px solid #aa340c;
	background: -moz-linear-gradient(top,  #cc4110, #ba320e); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#cc4110), to(#ba320e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc4110, #ba320e); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc4110, #ba320e); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc4110, #ba320e); /* IE10+ */
	background: linear-gradient(top,  #cc4110, #ba320e); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4110', endColorstr='#ba320e',GradientType=0 ); /* IE6-9 */	
	text-shadow: none;
	padding: 12px 20px;
	text-transform: uppercase;
	font-size: 16px; 
	font-weight: normal;
	text-shadow:none;
	  -moz-box-shadow: 0 0 2px 0 0 2px 0 0 2px #ffffff; /* Firefox */
  -webkit-box-shadow: 0 0 2px 0 0 2px 0 0 2px #ffffff; /* Safari, Chrome */
  box-shadow: 0 0 2px 0 0 2px 0 0 2px #ffffff; /* CSS3 */
  	margin: 0 auto;
	display: block;
}

.rfq:hover{
	background: -moz-linear-gradient(top, #ba320e, #cc4110); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ba320e), to(#cc4110)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ba320e, #cc4110); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ba320e, #cc4110); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ba320e, #cc4110); /* IE10+ */
	background: linear-gradient(top,  #ba320e, #cc4110); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba320e', endColorstr='#cc4110',GradientType=0 ); /* IE6-9 */	
	color: #ffffff;

}

#header #nav-wrapper{
	width: 100%;
	background: #dfdfdf;
	background: -moz-radial-gradient(circle,  #0072c4, #00599a); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, center center, from(#0072c4), to(#00599a)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(circle,  #0072c4, #00599a); /* Chrome10+,Safari5.1+ */
	background: -ms-gradient(radial, center center, center center, from(#0072c4), to(#00599a)); /* IE10+ */
	background: radial-gradient(circle,  #0072c4, #00599a); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072c4', endColorstr='#00599a',GradientType=0 ); /* IE6-9 */	
    border: 1px solid #d6d6d6;

}


/******************************** Primary Nav ***********/

#nav-container {
	height: 46px;
	margin: 0 auto;
	width:960px;
	border-top:1px solid #002c4d;
	position: relative;
	z-index: 999;
}

#primary-nav {
	margin: 0;
}

#primary-nav > li{
	display: inline;
	float: left;
	position: relative;
}


#primary-nav li a{
	padding:0 21px;
	line-height: 46px;
	height: 46px;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	border-right:1px solid #0076c1;
	border-left:1px solid #0052a8;
	z-index: 9999	
}

#primary-nav li.first a{
	border-left:none;
}

#primary-nav li.last a{
	padding:0 26px;
	border-right:none;
}

/*#primary-nav li > a:hover {
	background: #939393;
	color: #ffffff;
	text-decoration: none;
	border-top: 1px solid #1495d0;
}*/

#primary-nav > li:hover, #primary-nav > li.active {
	border-top: #1495d0 solid 3px;
    position: relative;
    margin-top: -3px;
}

#primary-nav li:hover > a, #primary-nav li.active > a {
	background: #939393;
	color: #ffffff;
	text-decoration: none;
}

#primary-nav li .drop-down{
	display: none;
	position: absolute;
	list-style: none;
/* 	width: 410px; */
	top: 46px;
	left: 0px;
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #d7d7d7, #f4f4f4); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d7d7d7, #f4f4f4); /* Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top,  #d7d7d7, #f4f4f4); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d7d7d7, #f4f4f4); /* IE10+ */
	background: linear-gradient(top,  #d7d7d7, #f4f4f4); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #aaaaaa;
}

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

	#primary-nav li:hover > .drop-down{display: block;}
	
}

/*
#primary-nav li:hover .drop-down-wrapper{
	position: relative;
}
*/

#primary-nav li .drop-down-wrapper img{
	position: absolute;
	top: -1px;
	left: 42px;
}

#primary-nav li .drop-down ul{
	margin:0;
	padding: 20px 5px 5px;
	width: 187px;
}

#primary-nav li .drop-down li {
	list-style: none;
}

@media only screen and (min-width: 768px) {
	
	/* 2 Columns */ /*
	#primary-nav li#nav-link-2 .drop-down ul,
	#primary-nav li#nav-link-30 .drop-down ul{
		width: 375px;
	}
	#primary-nav li#nav-link-2 .drop-down ul li,
	#primary-nav li#nav-link-30 .drop-down ul li{
		width: 50%;	
		float: left;
	}
	*/
	nav > ul > li > .drop-down > .drop-down-wrapper > ul > li {
	    position: relative;
	}
	

	.drop-down .drop-down {
	    left: 182px !important;
	    top: -5px !important;
	    background: #cecece !important;
	}
	
	.drop-down .drop-down img {
	    display: none;
	}
}



#primary-nav li .drop-down li a{
	/*padding: 7px 5px 7px 6px;*/
	padding: 7px 5px 7px 12px;
	line-height: 15px;
	background:none;
	color: #222222;
	height:auto;
	border: none;
	font-size: 11px;
	text-transform: none;
}

#primary-nav li .drop-down li a:hover{
	border: 2px solid #0066aa;
	/*padding:5px 4px 5px;*/
	padding: 5px 4px 5px 10px;
	color: #ffffff;
	background: #0066aa;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	  -moz-box-shadow: 0px 0px 1px #ffffff inset; /* Firefox */
  -webkit-box-shadow: 0px 0px 1px #ffffff inset; /* Safari, Chrome */
  box-shadow: 0px 0px 1px #ffffff inset; /* CSS3 */
}

/* ****************** Headings */

h1{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 27px;
	color: #00599c;
/* 	clear: both; */
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#home-title{
	font-weight: normal;
	color: #444444;
}

/* ***************************************** Buckets - Home */

#buckets {
	margin: 1em 0 1em -20px;
	float: left;
}

#buckets a h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

#buckets a:hover h3 {
	color: #ffffff;
}
	
#buckets .span4 {width: 255px;}

.home-bucket {margin-bottom: 20px;}

@media only screen and (max-width: 1040px) { /* Tablet & down */
	.home-bucket {margin-bottom: 30px;}
}

@media only screen and (min-width: 1041px) {
	.span3.home-bucket {width: 292px;}
}

/*.home-bucket.span3 {

}*/

.home-bucket a {
}

.home-bucket a:hover {
	text-decoration: none
}

.home-bucket a h3 {
	font-weight: normal;
	text-transform: uppercase;
	background: #ececec;
	border:1px solid #d5d5d5;
	font-size: 16px;
	margin-bottom: 0;
	padding-left: 15px;
	color:#0065aa;
}

.home-bucket a:hover h3 {
	color: #ffffff;
	background: #0065aa;
	border: 1px solid #0065aa;
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.home-bucket a .bucket-img {
	padding-bottom: 33px;
	background: url('../image/shadow-bucket.png') no-repeat center bottom;
	background-size: 100% 32px;
}

.home-bucket a .bucket-description {
	color: #555555;
	font-size: 12px;
}

.home-bucket a .action-button {
	color: #c2390f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.4;
	margin-top: 5px;
	display: block;
}

.home-bucket a:hover .action-button {
	text-decoration: underline;
}

.bucket-content a:hover {
	text-decoration: none;
}

.bucket-content a:hover h3 {
	color: #ffffff;
}


/* *************************** Landing Buckets */

.landing-bucket {
	width:330px;/*342px*/
	height: 330px
}

.landing-bucket a {
	display:block;
}

.landing-bucket a:hover {
	text-decoration: none
}

.landing-bucket a h3, .landing-bucket .anchor-div h3 {
	font-weight: normal;
	text-transform: uppercase;
	background: #ececec;
	border:1px solid #d5d5d5;
	font-size: 15px;
	margin-bottom: 0;
	padding:10px 15px;
	color:#0065aa;
	text-align: left;
	margin-top: 0;
	line-height: 1.5;
	/*height: 55px;*/
}

.landing-bucket a:hover h3 {
	color: #ffffff;
	background: #0065aa;
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.landing-bucket a .bucket-img, 
.landing-bucket .anchor-div .bucket-img {
	padding-bottom: 25px;
	background: url('../image/shadow-bucket.png') no-repeat center bottom;
}

.landing-bucket a .bucket-description, 
.landing-bucket .anchor-div .bucket-description {
	color: #555555;
	font-size: 12px;
}

#page-33 .landing-bucket a .bucket-description, 
.landing-bucket .anchor-div .bucket-description {
	top: -15px;
	display: block;
	position: relative;
}

.landing-bucket a .action-button {
	color: #c2390f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px
}

.landing-bucket a:hover .action-button {
	text-decoration: underline;
}

@media only screen and (min-width: 768px) { /* Desktop & Tablet only */

	#page-33 .landing-bucket,
	#page-46 .landing-bucket {height: auto;/* 275px; */}
	
	#page-33 #buckets_content .landing-bucket:nth-child(odd),
	#page-46 #buckets_content .landing-bucket:nth-child(odd) {clear: left;}
	
}


/* *************************** Detail Buckets */

.detail-bucket {
	margin-left: 20px;
	width: 230px;
	height: 300px;
}

.detail-bucket h3 {
	line-height: 25px;
}

.detail-bucket a {
	display:block;
}

.detail-bucket a:hover {
	text-decoration: none
}

.detail-bucket a h3 {
	font-weight: normal;
	text-transform: uppercase;
	background: #ececec;
	border:1px solid #d5d5d5;
	font-size: 15px;
	margin-bottom: 0;
	padding: 5px 15px;
	color:#0065aa;
	text-align: left;
	/*height: 50px;*/
}

.detail-bucket a:hover h3 {
	color: #ffffff !important;
	background: #0065aa;
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.detail-bucket a .bucket-img {
	padding-bottom: 25px;
	background: url('../image/shadow-bucket.png') no-repeat center 85px;
}

.detail-bucket a .bucket-description {
	color: #555555;
	font-size: 12px;
}

.detail-bucket a .action-button {
	color: #c2390f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px
}

.detail-bucket a:hover .action-button {
	text-decoration: underline;
}


/* ***************************************** Banner - Home */

#home-banner {
	background: url('../image/shadow-banner.png') bottom center/100% 46px no-repeat #ECECEC;
	height: 456px;
	width:960px;
	margin:0 auto;
	position: relative;
}

#home-banner .slides li {
	background: #fff;
	position: relative;
	display:none;
}
#home-banner .slides li a {
	padding: 40px 0;
	display: block;
}
#home-banner .slides li img {
	overflow: hidden;
}


.caption-wrapper{
    left: 38px;
    position: absolute;
    top: 70px;
    width: 550px;
}

.caption-wrapper h2 {
	font-size: 40px;
	color: #222222;
	text-transform: uppercase;
	font-family: "Arial", sans-serif;
	font-weight: bold;
}

.caption-wrapper {
    font-size: 27px;
    line-height: 36px;
    color: #626262;
    text-transform: uppercase;
}

.slides li a:hover .caption-wrapper .action-btn {
	color: #ffffff;
	background: #bf2e1b;
}

.caption-wrapper .action-btn {
	text-transform: uppercase;
	margin-top: 10px;
	display: block;
	width: 62%;
	text-align: center;
	font-size: 16px;
	background: #e2e2e2;
	color: #bf2e1b;
	border:1px solid #dddddd;
}

.flex-control-nav {
	bottom: 50px;
	right: 0;
	text-align: right;
	width: 500px;
}

.flex-control-paging li a {
	width: 8px;
	height:8px;
	border:10px solid #dbdbdb;
	background: #939494;
	text-indent: 99999px;
/* 	outline: 1px solid #bfbfbf; */
	-moz-box-shadow: 0 0 0 1px #bfbfbf;
	-webkit-box-shadow: 0 0 0 1px #bfbfbf;
	box-shadow: 0 0 0 1px #bfbfbf;
}

.flex-control-paging li a.flex-active, 
.flex-control-paging li a:hover {
	border:10px solid #d1d1d1;
	background: #c73f10;
/* 	outline: 1px solid #c73f10; */
	-moz-box-shadow: 0 0 0 1px #c73f10;
	-webkit-box-shadow: 0 0 0 1px #c73f10;
	box-shadow: 0 0 0 1px #c73f10;
}

.css-shadow {
	position: relative;
}

.css-shadow:after {
	content: "";
	position: absolute;
	z-index: -1;
	-moz-box-shadow: 0px 0px 40px #999999; /* Firefox */ /* Safari, Chrome */
    box-shadow: 0px 0px 150px 32px #b0b0b0; /* CSS3 */
    height: 10%;
    -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; bottom: 110px;
}


/* ************** Content Style */

h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px;
	margin: 10px 0 0;
	color: #c93f10;

} 

#main-content h3 {
	font-size: 18px;
	font-family: inherit;
	/*font-weight: bold;*/
	/*line-height: 20px;*/
	color: inherit;
	text-rendering: optimizelegibility;
}

#main-content h4 {
	font-size: 18px;
}

#main-content ul li {
	list-style-image: url('../image/icon-list-reg.png');
	font-size: 13.5px;
	margin-bottom: 9px;
}

.main-content-image {
	float: right;
	margin: 0 0 15px 30px;/* 0 0 10px 10px; */
	background: #ffffff;
}

#main-content {
	font-size: 12px
}

#main-content .content-cta {
	background: #0069aa;
	border: 1px solid #cfcdce;
	text-align: center;
	padding: 10px 0;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	clear: both;
	line-height: 21px;
}

#main-content #product-listing td {
	padding: 10px;
	border: 1px solid #cecece;
}

#main-content #product-listing tr:first-child td {
	font-weight: bold;
}

.content-cta a {
	color: #ffffff;	
}

.content-cta a span{
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
}

#specifications {
	padding:5px 10px;
	border:1px solid #d5d5d5;
	width:460px;
	position: relative;
	overflow: hidden;
}

#specifications h2 {
	font-weight: normal;
	color: #c63c0f;
	font-size: 17px;
	margin: 0 0 10px;
	line-height: 25px;
	float: left;
	width: 190px;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 7px;
}

#specifications #spec-content{
	float: left;
	width: 250px;
	clear: left;
}

#specifications #spec-content ul {
	margin:0 0 0 15px;
}

#specifications .main-content-image {
	position: absolute;
	top: 13px;
	right: 0;
}

#short-description {
	color: #006ab7;
}

#short-description:first-line {
	font-weight: bold;
}

#special-list {
/*	border: 1px solid #EEE;*/
	clear: both;
	margin-bottom: 20px;
	margin-top: 30px;
}

#special-list h2 {
	background: #f8f8f8;
	font-weight: normal;
	padding: 13px 25px;
	font-size: 17px;
	text-transform: uppercase;
	margin: 0;
	color: #575757;
}

#special-list ul{
	background: #eeeeee;
	margin:0;
	padding: 8px 30px 15px 15px;
}

#main-content #product-listing {
	margin-bottom: 40px;
}

#main-content #product-listing tr:first-child td {
	font-weight: bold;
	font-size: 12px;
	background-color: #4574C6;
	border-bottom: 2px solid white;
	text-align: center;
	color: white;
	border: #4574C6;
}

#main-content #product-listing td {
	border: 1px solid #ffffff;
	background-color: #D9D9D9;
	padding: 15px;
	text-align: left;
}

#main-content table td:first-child {
	font-weight: bold;
}

#main-content #special-list ul li{
	margin-left:25px;
	list-style-image: url('../image/icon-list-special.png');
	font-size: 13.5px;
	margin-bottom: 9px;
}

/* ***************************************** Forms */
label {
    display: none;
}

#quickContact-container {
	float: left;
	margin-top: 15px
}

#quickContact {
	float: left;
    padding:0 10px 15px;
    position: relative;
    width: 180px;
    background: #ffffff;
    margin-top: 0;
	color: #ffffff;
	font-size: 13px;
}

#quickContact-container h4 {
	text-transform: uppercase;
	font-family: 'RobotoCondensedLight', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	padding:10px 0 10px;
	margin: 0;
	color: #ffffff;
	text-align: center;
	background: #0072c4;
}

.oldie #quickContact-container h4 {
	font-size: 17px
}

#quickContact h4 span {
	font-size: 23px;
}

#quickContact p {
	color: #696969;
	text-align: center;
	font-size: 11px;
	margin: 7px 0;
}

#quickContact p.error {
	color: #A00;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

@media only screen and (min-width: 1041px) {
	#quickContact p.error {width: 178px;}
}

#quickContact fieldset {
    position: relative;
}

#quickContact input[type="text"], 
#quickContact input[type="email"], 
#quickContact textarea, #quickContact input[type="tel"] {
    border-color: #D5D5D5 #D5D5D5 #9E9E9E;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
    padding: 2px 5px;
    width: 168px;
    height: 23px;
    color: #0072C4;
}

#quickContact input[type="text"].placeholder, 
#quickContact input[type="email"].placeholder, 
#quickContact textarea.placeholder, #quickContact input[type="tel"].placeholder {
   color: #0072C4; 
}

#quickContact #file_Attachment {
	width: 91px;
	color: #0072C4;
}

#quickContact .btn-file {
    font-size: 12px;
    color: #0072C4;
}

#quickContact .fileupload .uneditable-input {
	width:80px;
	border-radius: 0;
}

#quickContact .fileupload{
	margin-bottom: 10px;
}

#quickContact .required {
    background: url("../image/icon-required.png") no-repeat scroll 152px 0 #FFFFFF;
}


#quickContact textarea {
	margin-top: 0;
	height: 100px;
}

#quickContact input[type="submit"] {
    background: -moz-linear-gradient(top,  #f5f5f5, #e1e1e1); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5, #e1e1e1); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5, #e1e1e1); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5, #e1e1e1); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5, #e1e1e1); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */	
    border: 1px solid #b4b4b4;
    border-radius: 2px 2px 2px 2px;
    bottom: -12px;
    color: #277283;
    font-size: 12px;
    font-weight: bold;
    left: 28%;
    padding: 2px 20px;
    position: absolute;
    text-transform: uppercase;
}

#contact {
    float: left;
    margin-right: 13px;
    padding-bottom: 15px;
    position: relative;
    width: 457px;
}

#rfq {
    margin-right: 13px;
    padding-bottom: 15px;
    position: relative;
    width: 457px;
    display: block;
    margin: 0 auto;
}

/* File Attachment */

.fileupload {
	margin-bottom: 15px;
}
.input-append {
	margin-bottom: 0;
}

form input[type="file"] {
	width: 100%;
}

.btn-file {
	font-size: 14px;
}

#rfq #file_Attachment {
	margin-bottom: 0px;
	width: 352px;
}
@media only screen and (min-width: 768px) and (max-width: 1040px) { /* Tablet only */
	#rfq #file_Attachment {width: 610px;}
}

#contact .required, #rfq .required {
    background: url("/css/images/icon-required-contact.png") no-repeat scroll 390px 0 #e2e2e2;
}

#contact fieldset, #rfq fieldset {
    background: none repeat scroll 0 0 #f7f7f7;
    margin: 0 0;
    padding: 15px;
    border: 1px solid #D5D5D5;
}

#contact label, #rfq label {
    display: none;
}

#contact input[type="text"], 
#contact input[type="email"], 
#contact input[type="tel"], 
#contact textarea,
#rfq input[type="text"], 
#rfq input[type="email"], 
#rfq input[type="tel"],
#rfq textarea {
	box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    border-radius: 0px;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    -khtml-border-radius: 0px; 
    font-weight: bold;
    background-color: #e2e2e2;
	margin-bottom: 15px;
	height: 30px; 
}

#contact textarea,
#rfq textarea {
	height: 100px;
}


/* Scaffolding */

#contact .row {
	margin-left: -8px;
	margin-right: -8px;
}

#contact .row .input-group {
	float: left;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1040px) { /* Tablet only */

	#contact .row .input-group.col-sm-4 {width: 33.3333%;}
	
}

@media only screen and (min-width: 1041px) { /* Desktop only */
	
	#contact textarea {height: 150px;}

}

#contact .fileupload .uneditable-input {
	width:325px;
	border-radius: 0;
	background: #e2e2e2
}

#contact #fileDiv {
	width: 83px;
	float: right;
	overflow: hidden;
}

/*
#contact .btn-file {
	z-index: 9999;
}
*/

#contact #file_Attachment {
	width: 338px;
	margin-bottom: 0px;
}

#contact input[type="submit"], 
#rfq input[type="submit"] {
	background: #0065aa;
    border: 2px solid #acabaa;
    bottom:20px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    left: 170px;
    padding: 4px 30px;
    position: relative;
    text-transform: uppercase;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}

#contact #required-container, #rfq #required-container {
    color: white;
    display: block;
    box-sizing: border-box;
	/*width: 100%; 441px; */
	background: #0065aa;
	border:4px solid #939393;
	text-align: center;
	padding: 10px 4px;
	margin: 0;
}

form input::placeholder {
    color: #006AB6;
}
form input:-ms-input-placeholder {
    color: #006AB6;
}
form input::-ms-input-placeholder {
    color: #006AB6;
}
form textarea::placeholder {
    color: #006AB6;
}
form textarea:-ms-input-placeholder {
    color: #006AB6;
}
form textarea::-ms-input-placeholder {
    color: #006AB6;
}

/* ***************************************** Breadcrumbs & SM Toolbar */

#bread-social {
	overflow: hidden;
	margin: 0 auto 0;
	position: relative;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(top,  #fbfbfa, #e3e3e3); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfa), to(#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfa, #e3e3e3); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfa, #e3e3e3); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfa, #e3e3e3); /* IE10+ */
	background: linear-gradient(top,  #fbfbfa, #e3e3e3); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */	
	padding: 10px 15px 10px;
	width: 928px;
}


/* Breadcrumbs */

ul.B_crumbBox {
	list-style: none;
	margin: 3px 0px 0px 0px;
	float: left;
}
	ul.B_crumbBox li {
		display: inline;
		text-transform: uppercase;
		color: #006ab7;
		font-weight: bold;
		font-size: 11px
	}
	ul.B_crumbBox li a {
		text-transform: inherit;
		color: #7e7e7e;
		font-weight: bold;
		font-size: inherit;
	}


/* ****************************************** Sidebar - Right */

#sidebar-right {
	width: 230px;
}


/* ****************************************** Sidebar - Left */

#sidebar-left {
	border: 1px solid #dee0e2;
	padding: 2px;
}


#sidebar-left h2 {
	background: #0069b5;
	font-size: 15px;
	color: #ffffff;
	margin: 0;
	text-align: left;
	padding: 10px;
	line-height: 13px;
	text-transform: uppercase;
}

#sidebar-left h2 a {
	color: inherit;
	font-weight: normal;
	display:block;
	font-size: 16px;
}

#sidebar-left ul {
	background: #e1e1e1;
	margin: 0;
}


#sidebar-left ul li {
	padding: 1px;
	background: #e1e1e1;
	border: 1px solid #c0c1c3;
}

#sidebar-left ul li a {
	color: #555555;
	display: block;
	padding: 7px 7px 7px 11px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}


#sidebar-left ul li a:hover, #sidebar-left ul li.active a {
	background: #2e9ccf;
	color: #ffffff;
	padding-left:11px;
}

#sidebar-left ul li.active ul li {
	border:none;
	padding: 0;
}

#sidebar-left ul li.active ul li a {
	background: #afdeff;
	color: #2a8dbc;
	padding-left:15px;
	border:none;
}

#sidebar-left ul li.active ul li.active a, #sidebar-left ul li.active ul li a:hover {
	background: #4fafdf;
	color: #ffffff;
	border-left:4px solid #0069b5;
	padding-left:11px;
}

#sidebar-left select {
	width: 100%;
	font-size: 18px;
	height: 40px;
	margin-bottom: 25px;
}

#secondary-nav ul {
	list-style: none;
	margin-left: 0;
}


/* ****************************************** Footer */

footer {
	clear: both;
	width: 100%; 
	/*background: url('images/bg-footer.png') repeat-x 0 0;*/
	height: 200px;
	font-size: 11px;
	text-transform: uppercase;
}

#footer-top {
	background: url('../image/bg-footer-top.png') repeat-x 0 0;
	width: 100%;
	height: auto;
}

#footer-bottom {
	width: 100%;
	height: auto;
	background: url('../image/bg-footer-bottom.png') repeat-x 0 0;
	-moz-box-shadow: 1px 1px 2px #000; /* Firefox */
	-webkit-box-shadow: 1px 1px 2px #000; /* Safari, Chrome */
	box-shadow: 1px 1px 2px #000; /* CSS3 */
}

.footer-content {
	height: inherit;
	padding: 0px 0 0;
	color: #ffffff;
	max-width: 960px;
	margin: 0 auto;
	display: block;
}

#footer-top .footer-content {
	height: 131px;
}

#footer-bottom .footer-content .left {
	margin: -24px 0px 0px !important;
	position: absolute;
}

#footer-top .footer-content .right {
	margin: 22px 0px 0px;
}

#footer-bottom .footer-content {
	height: 50px;
}

.footer-content .left {
	width: 300px
	margin: 0px;
}

#footer-top .footer-content .left {
	margin-top:30px;
}

#footer-bottom .footer-content .right {
	margin: -10px 0px 0px;
}

.footer-content .left address span {
	color: #14bAf2;
	margin: -10px 0px 0px;
}

.footer-content .left address strong {
	color: #14baf2;
	font-weight: bold;
	font-size: 14px;
}

.footer-content .left .copyright {
	margin-top: 40px;
	font-weight: bold;
	color: #0c2f54;
}

.footer-content .right {
	width: 238px;
	margin: -10px 0px 0px;
}

.footer-content .right address {
	margin-bottom: 5px;
	line-height: 15px;
}

.footer-content .right address strong {
	color: #14baf2;
	line-height: 29px;
	font-size: 14px;
}

.footer-content .right ul {
	float: left;
	clear: both;
	width: 162px;
	margin-left: 0;
	padding: 0;
	margin-top: 30px;
}

.footer-content .right ul li {
	list-style: none;
	float: left;
	margin-right: 5px;
}

.footer-content .right ul li a {
	border-right:1px solid;
	color: #0c2f54;
	display: block;;
	line-height: 12px;
	padding-right: 5px;
	font-weight: bold;
}

.footer-content .right ul li.last a {
	border: none;
	padding-right: 0;
}

.footer-content .right #credits {
	margin: 0;
	float: right;
	text-align: right;
}

.footer-content .middle {
	text-align: center;
	width: 270px;
	margin: 0 auto;
	/*margin-top: 5px*/
}

.footer-content .middle img {
	position: relative;
	top: -30px;
}

.footer-content .middle p, #footer-content .middle p a {
	font-size: 9px;
	padding: 7px;
	color: #ffffff;
	padding: 0
}

footer #credits a {
	color: #ffffff;
}


/* ****************************************** Back To Top */

#back-top {
		position: fixed;
		bottom: 0;
		left: 0px;
		padding: 5px 5px 5px 15px;
		text-align: right;
		clear: both;
		background: #F7D498;
		-webkit-border-radius: 0px 5px 5px 0px;
		-moz-border-radius: 0px 5px 5px 0;
        border-radius: 0px 5px 5px 0px;
        -webkit-box-shadow:  1px 1px 5px 0px #ccc;
        box-shadow:  1px 1px 5px 0px #ccc;
	}
		#back-top a {
			text-transform: uppercase;
			color: #373737;
		}
			#back-top a:hover {text-decoration: none;}


/* ***************************************** Social Media Toolbar */

#emailSocialButtonForm fieldset {margin:0 0 16px; border: 1px solid #000; padding: 8px;}
#emailSocialButtonForm legend, #tafForm label {display:block; font-weight:bold; color:#333;}
#emailSocialButtonForm input[type=text], #tafForm textarea[type=text], #tafForm select {border:1px solid #999; padding:3px;margin:3px 0;}
#emailSocialButtonForm textarea {font: arial;}
#socialBar {width: 55px; list-style: none; margin: 0; padding: 0;}
#socialBar li {padding: 0; margin: 0; float: left; width: 16px; margin-right: 2px;}
#socialBar li a {display: block; background-image: url(../image/socialtoolbar.png);background-repeat: no-repeat; height: 16px;}
#socialBar li a.emailButton {background-position:0px 0px;}
#socialBar li a:hover.emailButton {background-position:0px -16px;}
#socialBar li a.printButton  {background-position:-19px 0px;}
#socialBar li a:hover.printButton  {background-position:-19px -16px;}
#socialBar li a.twitterButton {background-position:-38px 0px;}
#socialBar li a:hover.twitterButton {background-position:-38px -16px;}

.socialLineOne {
	margin: 5px 0px;
	float: left;
	width: 60px;
}

#fb-btn-container {width: 94px; overflow: hidden; float: left;margin: 3px 0 0;}
.social-bar-container {margin: 0; padding: 0; overflow: hidden;float: right;}

/* ****************************************** Form Styles */

textarea {resize: none !important;}

.clearfix:before,
.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
 
/*
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}
*/
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* ********************************************** Accordion */

.accordion {
	float: left;
	width: 450px;
}

.accordion-group {
	margin-bottom: 0;
	border: 0;
}

.accordion-heading {
	background: url('../image/icon-arrow.png') no-repeat 400px 10px, -moz-linear-gradient(top,  #848484, #767676); /* FF3.6+ */
	background: url('../image/icon-arrow.png') no-repeat 400px 10px, -webkit-gradient(linear, left top, left bottom, from(#767676), to(#767676)); /* Chrome,Safari4+ */
	background: url('../image/icon-arrow.png') no-repeat 400px 10px, -webkit-linear-gradient(top,  #848484, #767676); /* Chrome10+,Safari5.1+ */
	background: url('../image/icon-arrow.png') no-repeat 400px 10px, -o-linear-gradient(top,  #848484, #767676); /* Opera 11.10+ */
	background: url('../image/icon-arrow.png') no-repeat 400px 10px, -ms-linear-gradient(top,  #848484, #767676); /* IE10+ */
	background: url('../image/icon-arrow.png') no-repeat 400px 10px, linear-gradient(top,  #848484, #767676); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#767676',GradientType=0 ); /* IE6-9 */	
	color: #ffffff;
	border:1px solid #0c0c0c;
	-moz-box-shadow: 0 1px 1px #c1c1c1 inset; /* Firefox */
  	-webkit-box-shadow: 0 1px 1px  #c1c1c1 inset; /* Safari, Chrome */
  	box-shadow: 0 1px 1px #c1c1c1 inset; /* CSS3 */
}

.accordion-heading .accordion-toggle {
	color: #ffffff;
	padding: 15px;
	font-weight: bold;
}

.accordion-heading .accordion-toggle:hover, .accordion-heading .active {
	background: url('../image/icon-arrow-active.png') no-repeat 400px 10px, -moz-linear-gradient(top,  #0075b8, #00569e); /* FF3.6+ */
	background: url('../image/icon-arrow-active.png') no-repeat 400px 10px, -webkit-gradient(linear, left top, left bottom, from(#0075b8), to(#00569e)); /* Chrome,Safari4+ */
	background: url('../image/icon-arrow-active.png') no-repeat 400px 10px, -webkit-linear-gradient(top,  #0075b8, #00569e); /* Chrome10+,Safari5.1+ */
	background: url('../image/icon-arrow-active.png') no-repeat 400px 10px, -o-linear-gradient(top,  #0075b8, #00569e); /* Opera 11.10+ */
	background: url('../image/icon-arrow-active.png') no-repeat 400px 10px, -ms-linear-gradient(top,  #0075b8, #00569e); /* IE10+ */
	background: url('../image/icon-arrow-active.png') no-repeat 400px 10px, linear-gradient(top,  #0075b8, #00569e); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075b8', endColorstr='#00569e',GradientType=0 ); /* IE6-9 */	
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #008ee3;
}

.accordion-inner {
	background: #f7f7f7;
	color: #0068ac;
	padding: 9px 10px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	float: left;
	width: 428px;
	padding-top: 15px
}

#address-container .left {
	padding-left:25px;
	background: url('../image/icon-map.png') no-repeat 0 0;
	content: #0068ac;
	margin-left: 15px
}

#address-container .right {
	padding-left:25px;
	background: url('../image/icon-phone.png') no-repeat 0 0;
	content: #0068ac;
	line-height: 25px;
	margin-right: 15px
}

#address-container > ul > li {
	margin-bottom: 20px;
}


/**************** Photo Gallery *****/

#gallery-container {
	float: left;
	background: #eeeeee;
	border:1px solid #d0d0d0;
	width:99%;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.parent-47 #gallery-container {
	display: none;
}

#gallery-container h2 {
	margin:0 0 20px;
	padding:10px 12px 10px;
	font-size:13px;
	color:#424242;
	background:#f9f9f8;
	border-bottom:1px solid #d0d0d0;
	line-height:15px;
}

#gallery-container h2 span {
	color:#005fb6;
}

#gallery-container ul {
	padding-left: 0;
	margin:0 15px;
	list-style: none;
}

#gallery-container ul.slides {
	display: none;
}
#gallery-container .flex-viewport ul.slides {
	display: block;
}

#gallery-container ul li {
	margin-right:16px;
	list-style-image: none;
}

#gallery-container ul li img {
	display: block;
	border:3px solid #0088cc;
	margin: 0 auto;
}
#gallery-container ul li img:hover {
	display: block;
	border:3px solid #005580;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 1040px) {
	#gallery-container ul li a {width: 84px;}
}

#gallery-container .flex-direction-nav li {
	list-style: none;
}

#gallery-container .flex-direction-nav li a {
	border:none;
	text-indent: -9999px;
	position: absolute;
}
#gallery-container .flex-direction-nav li a.flex-prev,
#gallery-container .flex-direction-nav li a.flex-next {
	height: 60px;
	width: 20px;
	top: 50%;/* 78px; */
	margin-top: -17px;
}
#gallery-container .flex-direction-nav li a.flex-prev {
	background: url('../image/icon-gallery-arrows.png') no-repeat 0 0;
	left: -12px
}

#gallery-container .flex-direction-nav li a.flex-next {
	background: url('../image/icon-gallery-arrows.png') no-repeat -35px 0;
	right: -10px;
}

#gallery-container .flex-direction-nav .flex-disabled {
	display: none;
}

#gallery-container .gallery-item img {
	height: 60px;
	margin: 0 auto;
	display: block;
	background-color: #ffffff;
}
/********************* JB Modal */
.modalrfq {
	width: 35%;
}
@media only screen and (max-width: 767px) {
.modalrfq {
	display: block !important;
	}
}
/**************** News Article Style *********/

#news_container {
	clear: both
}

#news_content {
	padding: 15px;
	margin:10px 0 10px;
	border:1px solid #d5d5d5;
	background:#f8f8f8;
}

#news_content li {
	list-style: none !important;
	padding-bottom: 20px;
	border-bottom: 1px dotted #005b9e;
	margin-bottom: 20px;
}

#news_content li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#news_content li a {
	display: block;
}

#news_content li a:hover {
	text-decoration: none;
}

#news_content li a h2 {
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 5px;
	color: #005b9e;
	text-transform: uppercase;
}

#news_content li a h2 span {
	font-weight:normal;
	color: #535353;
}

#news_content li a p {
	color: #535353;
	line-height: 22px
}

#news_content li a p span {
	color: #c2390f;
	font-weight: bold;
}

.popular {
	    color: #006ab7;
    font-size: 13px;
    margin-bottom: 10px;
	
}

.pdf-ctas {
	text-align: center;  
}
.pdf-ctas > a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    min-width: 190px;
    margin: 10px;
    padding: 0 1.25em;
    background: #cc4110;
    border: 1px solid #055204;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
    text-shadow: 0 2px 2px #055204;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}
.pdf-ctas > a:hover {
    background: #ba320e;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}
.pdf-ctas #btn_rfq {  }
.pdf-ctas #btn_dl_pdf {  }
.pdf-iframe {
    position: relative;
    padding-bottom: 129.4%; /* 8.5:11 */
    padding-top: 0px;
    height: 0;
}
.pdf-iframe iframe,
.pdf-iframe object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.pdf-iframe .resp { display: none; }
@media only screen and (max-width: 1199px) {
    .pdf-iframe .default { display: none !important; }
    .pdf-iframe .resp { display: block !important; }
}
/*Sales Rep Map*/
.contact-btn {
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
    position: absolute;
    top: 60px;
    left: 20px;
}
.contact-btn .rfq.btn {
    font-size: 12px;
    padding: 5px 10px;
}

.cls-1{fill:#ececec;stroke:#fff;stroke-linejoin:round;}
.cls-2{fill: #cc4110;}
#GA, #TN, #MS, #AL, #FL {
	fill: #0076c1;
}
#TX, #OK, #AR, #LA, #KS {
	fill: #14baf2;
}
#MA, #NH, #ME {fill: #ade4f6;}
#MB, #SK, #AB, #BC, #ON, #QC {fill: #027DA6;}
#MN, #ND, #SD, #WI, #IL, #IN, #MI, #OH, #KY {fill: #004572;}
/*#MX {fill: #6DD2F3;}*/
#CO, #NV, #UT, #AZ, #MT, #WY, #NM {fill: #2129cd;}
#WA, #OR {fill: #161687;}
#CA {fill: #0078D5;}
circle.cls-3 {
    fill: transparent;
}
#MX:hover, #CA:hover {
    fill: #676767;
}
#NY, #PA, #DE, #MD, #WV, #DC, #VA, #NC, #SC, #NJ{
    fill: #60bdf8;
}
.locations {
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
}
.phone-only .locations .rfq {
    text-align: center;
    display: block;
    margin: 0 0 20px;
    width: 100%;
    padding: 12px 0px;
}


.jbmodal-jump {
    cursor: pointer;
}

.jbmodal-jump-link {
    text-align: center;
    padding: 10px 20px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    position: relative;
    display: inline-block;
    width: 50%;
    font-size: 12px;
    box-sizing: border-box;
    text-align: left;
    vertical-align: top;
}

.jbmodal-jump-link .contact-btn {
    margin: 10px auto;
    width: 250px;
}

.jbmodal-jump-link .contact-btn .rfq.btn {
    font-size: 13px;
}

.highlight-location {
	/* transition: all ease .5s; */
	/* -webkit-transition: all ease .5s; */
	/* -moz-transition: all ease .5s; */
	background: #0c9fd9;
	color: #ffffff;
	box-shadow: 0 0 40px 0 rgba(8, 179, 221, .5);
	position: relative;
	font-size: 0;
}

path.cls-1:hover {
    fill: #9c9c9c;
}

.back-to-top {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 10px;
    background: #ffffff;
    cursor:pointer;
}

.highlight-location .back-to-top {
    display: block !important;
}

#main-content .region-jump-link h4 {
    text-align: left;
    padding: 30px 20px 50px 20px;
    margin: 0;
}

.back-to-top:hover {
    background: #e7f6fb;
     transition: background ease .3s;
    -moz-transition: background ease .3s;
    -webkit-transition: background ease .3s;
}


.back-to-top span {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    color: #0267aa;
}

.back-to-top i {
    font-size:20px;
    margin-left:10px;
    vertical-align: middle;
    display: inline-block;
    color: #0267aa;
}

.region-jump-link {
    font-size: 0;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.highlight-location-row {
    background: #095f80;
}
.formBuilderCheckboxGroupRow input {
    float: left;
    margin-top: 5px;
}
.formBuilderCheckboxGroupRow p {
    margin-left: 25px;
}
#comments {
    margin-top: 15px;
}
.formBuilderGroup {
    margin-left: 5px;
}
#edit-page {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1;
    background: #2bc271;
    border-radius: 0 0 8px 0;
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    width: 40px;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
}
@media only screen and (max-width:767px) {
    .back-to-top {
        position:relative;
        right:0;
        top: 0;
        margin-top: 20px;
    }
}

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

    svg#Layer_1 {
        height: 900px;
        margin: 0px auto;
        display: block;
    }

}

@media only screen and (min-width:768px) and (max-width:1040px) {

    svg#Layer_1 {
        height: 700px;
        margin: 0px auto;
        display: block;
    }

}
