/*======================================================
  Screen Style Sheet
  Insul-Fab
  ------------------------------------------------------
  Author(s): Christian Walker
  Created: DateHere
  ======================================================*/

/* .bucket-move-tablet{bottom:5px;} */
.tablet-only{display: none;}
.phone-only{display:none;}
.desktop-tablet{display: block !important;}
.tablet-phone{display: none !important;}
.responsive-only {display: none !important;}
.desktop-phone {}
#primary-nav #nav-close-btn{display: none;}
/************ Hide items for Desktop view */



a.rfq-btn.tablet-only {
	display: none;
	padding-left: 15px;
	padding-right: 15px;
}


/* Tablet & down */
@media only screen and (max-width: 1040px) {
	#buckets {
		margin:30px auto 0;
		float: none;
		clear: both;
	}
	.landing-bucket.span3 {
		width: 100%;
		margin: 0 0 20px;
	}
	#buckets_content .image-bg img {
		width: 100%;
		height: 116px;
	}
	
	#contact, #contact fieldset, 
	#rfq, #rfq fieldset {
		/*width: 675px;*/
		box-sizing: border-box;
		width: 100%;
	}
	
	#contact input[type="submit"], #rfq input[type="submit"]{
		left: 50%;/* 300px; */
		right: auto;
		margin-left: -58px;
	}
	
	/* Hide File Upload
	form .fileupload {
		display: none !important;
	} */
	/********************* PDF Iframe Viewer ***/
	body.tpl-7 #content-wrap {
		width: 90%;
	}
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1040px) {
	.desktop-only {display: none;}
	.tablet-only{display: block;}
	#primary-nav #nav-link-34, #primary-nav #nav-link-35{
		display: none;
	}

	.global-nav{
		position: absolute;
		top: 5px;
		right:0;
	}

	.global-nav li{
		float: left;
		list-style: none;
	}
	.global-nav li a{
		display: block;
		text-transform: uppercase;
		padding: 7px;
	}
	.global-nav li a:hover{
		color: #ffffff;
		background: #0069aa;
		text-decoration: none;
	}
	#header-content, .footer-content, #content {
		width: 735px;
	}

	#header-content {
		height: 85px;
		padding: 15px 0px 0px;
		position: relative;
	}

	#content-wrap{
		width: 735px;
        
	}

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

	}
	body.tpl-5 #content-left{width: 100%;}
	

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

/*
	#buckets {width: 735px;}

	#buckets_content{width: 735px;}

	#buckets_content .span3 {
		width: 707px;
		margin-bottom: 20px;
	}
*/

	#buckets_content .image-bg {
		background: #fdfdfe;
		display: block;
		text-align: center;
	}

	#buckets_content .image-bg img {

	}

	/* *************************** Landing Buckets */
	.internal-page #buckets {
		margin-left: -10px;
		margin-right: -10px;
	}
	.tpl-4.internal-page #buckets {
		margin-left: -20px;
		margin-right: -20px;	
	}
	#buckets_content .landing-bucket{
		width:347px;
		margin-right: 10px;
		margin-left: 10px;
		float: left;
	}

	#main-content .landing-bucket h3 {
		height: auto;
	}
	#buckets_content .landing-bucket .image-bg img{
		width: 100%;
	}
	/* *************************** Detail Buckets */
	#buckets_content .detail-bucket{
		width:347px;

	}

	/*#buckets_content .detail-bucket a h3{
		font-size: 14px
	}*/

	#buckets_content .detail-bucket .image-bg img{
		width: 100%;
	}

	/* ***************************************** Banner - Home */
	.slides{
		background: transparent;
	}
	#home-banner{
		height:auto;
		width:735px;
		margin:0 auto 20px;
		position: relative;

	}
	.caption-wrapper {
	    font-size: 27px;
	    line-height: 36px;
	    color: #626262;
	    text-transform: uppercase;
	    width: 450px;
	    top:30px;
	}
	.caption-wrapper h2{
		font-size: 30px;
		color: #222222;
		text-transform: uppercase;
	}

	.caption-wrapper .action-btn{
		font-size: 13px;
	}

	.flex-viewport{
		background: url('../image/shadow-banner.png') no-repeat center 245px;
	}
	.flex-control-nav {
		bottom:6px;
	}

	/**** 2 Column Layout **/

	body.tpl-3 #content-wrap #content {
		width:735px;
		float: none;
	}

	body.tpl-3 #content-wrap #sidebar-right { 
		width: 735px;
		margin-left: 0;
		/*float: none;*/
	}


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

	body.tpl-4 #content-wrap #sidebar-left {
		width: 735px;
		margin-right: 0;
		/*float:none;*/
	}

	body.tpl-4 #content-wrap #sidebar-right {
		width: 735px;
		margin-left: 0;
		/*float:none;*/
	}

	#telephone {
		top: 56px;
		/*right: 0;*/
	    font-size: 26px;
	}

	#telephone span{
    font-size: 15px;
	}

	#main-content .content-cta{
		display: none;
	}

	#specifications{
		width: 675px;
		padding:5px 0 5px 40px;
	}
	#specifications h2{

	}

	#specifications ul{
		

	}

	#specifications .main-content-image{
		right:40px;
	}

	/******************** Breadcrumbs **********/
	#bread-social{
		width:725px;
	}

	ul.B_crumbBox {
		max-width: 500px;
	}

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

	#nav-container{
		width:735px;
	}
	/******************************** Footer ***********/

	.footer-content .left{
		margin-top:30px;
		width: 230px
	}
	.footer-content .right{
		width: 200px
	}
	.footer-content .middle{
		width: 230px;
		position: relative;
		/*left: 0px;*/
	}
	.footer-content .footer-bottom{
		clear: both;
	}

	#footer-bottom .footer-content .left .copyright {
		font-size: 11px;
		margin-top: 42px;
	}

	.footer-content .middle p {
		font-size: 8px;
		margin: 90px 0px 0px;
	}

	/*************** Sidebar Left **************/
	#sidebar-left{
		border: none;
		padding: 0;
	}
	#sidebar-left h2{
		background: none;
		border-radius: none;
		z-index: 1;
		position: relative;
		padding: 0
	}
	#sidebar-left h2 a {
		color: #4f4f4f;
		display: block;
		font-size: 16px;
		font-weight: normal;
		margin-left: 10px;
		-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
		background:url('../image/icon-arrow-mobile.png') no-repeat right center, -moz-linear-gradient(top,  #fefefe, #d5d5d5); /* FF3.6+ */
		background: url('../image/icon-arrow-mobile.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d5d5d5)); /* Chrome,Safari4+ */
		background: url('../image/icon-arrow-mobile.png') no-repeat right center, -webkit-linear-gradient(top,  #fefefe, #d5d5d5); /* Chrome10+,Safari5.1+ */
		background: url('../image/icon-arrow-mobile.png') no-repeat right center, -o-linear-gradient(top,  #fefefe, #d5d5d5); /* Opera 11.10+ */
		background: url('../image/icon-arrow-mobile.png') no-repeat right center, -ms-linear-gradient(top,  #fefefe, #d5d5d5); /* IE10+ */
		background: url('../image/icon-arrow-mobile.png') no-repeat right center, linear-gradient(top,  #fefefe, #d5d5d5); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
		padding: 5px 30px 5px 7px;
		text-decoration: none;
		border: 1px solid #4b4b4b;
		/*margin:0;*/
		line-height: 16px;
		margin-bottom: 15px;
		margin-top: 5px;	
	}
		
	#sidebar-left h2 a:hover{
		text-decoration: none;
	}

	#sidebar-left nav{
		position: relative;
		top:-2px;
		display: none
	}


	/* FORMS */
	
	#quickContact-container{
		width: 735px;
	}

	#quickContact-container h4{
		padding:15px 0;
		font-size: 22px
	}

	#quickContact{
		width: 675px;
		margin: 0px 0px 40px;
		padding: 10px 20px 0px;
	}


	#quickContact fieldset, #contact fieldset{
		width: 735px;
	}
		
	#quickContact input[type="text"], 
	#quickContact input[type="email"] 
/*
	#contact input[type="text"], 
	#contact input[type="email"], 
	#contact input[type="tel"] 
*/
	{
		width: 210px;
		height: 30px;
	}

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

	}
		
	#quickContact fieldset textarea{
		width: 660px;
	}
		
	#quickContact textarea.required {
		background: url("../image/icon-required.png") no-repeat scroll right 0 #FFFFFF;
	}
		
	#quickContact input[type="submit"]{
		bottom: auto;
		display: block;
		margin: 0px auto;
		position: relative;
		left: 0px;
		top: 12px;
	}

	#quickContact .fileupload {
		display: none;
	}

	#sidebar-right .rfq{
		/*width:735px;*/
		padding:12px 0;
		font-size: 22px;
	}
	
	#contact #file_Attachment {
		width: 589px;
	}


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

/*
	.accordion{
		width: 705px;
	}
	.accordion-inner{
		width: 695px;
	}
*/
	.accordion-heading{
		background: url('../image/icon-arrow.png') no-repeat 650px 10px, -moz-linear-gradient(top,  #848484, #767676); /* FF3.6+ */
		background: url('../image/icon-arrow.png') no-repeat 650px 10px, -webkit-gradient(linear, left top, left bottom, from(#767676), to(#767676)); /* Chrome,Safari4+ */
		background: url('../image/icon-arrow.png') no-repeat 650px 10px, -webkit-linear-gradient(top,  #848484, #767676); /* Chrome10+,Safari5.1+ */
		background: url('../image/icon-arrow.png') no-repeat 650px 10px, -o-linear-gradient(top,  #848484, #767676); /* Opera 11.10+ */
		background: url('../image/icon-arrow.png') no-repeat 650px 10px, -ms-linear-gradient(top,  #848484, #767676); /* IE10+ */
		background: url('../image/icon-arrow.png') no-repeat 650px 10px, linear-gradient(top,  #848484, #767676); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#767676',GradientType=0 ); /* IE6-9 */	
	}
	.accordion-heading .accordion-toggle:hover, .accordion-heading .active{
		background: url('../image/icon-arrow-active.png') no-repeat 650px 10px, -moz-linear-gradient(top,  #0075b8, #00569e); /* FF3.6+ */
		background: url('../image/icon-arrow-active.png') no-repeat 650px 10px, -webkit-gradient(linear, left top, left bottom, from(#0075b8), to(#00569e)); /* Chrome,Safari4+ */
		background: url('../image/icon-arrow-active.png') no-repeat 650px 10px, -webkit-linear-gradient(top,  #0075b8, #00569e); /* Chrome10+,Safari5.1+ */
		background: url('../image/icon-arrow-active.png') no-repeat 650px 10px, -o-linear-gradient(top,  #0075b8, #00569e); /* Opera 11.10+ */
		background: url('../image/icon-arrow-active.png') no-repeat 650px 10px, -ms-linear-gradient(top,  #0075b8, #00569e); /* IE10+ */
		background: url('../image/icon-arrow-active.png') no-repeat 650px 10px, linear-gradient(top,  #0075b8, #00569e); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075b8', endColorstr='#00569e',GradientType=0 ); /* IE6-9 */			 
	}
	
}

/* Tablet & down */
@media only screen and (max-width: 1040px) {
	
	#contact {
		float: none;
		width: auto;
		margin: 0;
	}
	
	.accordion{
		width: 100%;
	}
	.accordion-inner{
		width: 100%;
		box-sizing: border-box;
	}
	
	#address-container iframe {width: 100%}
	
}

/* Mobile Devices ----------- */
@media only screen and (max-width : 767px) {

		#header-content #telephone {
			position: relative;
			display: block;
			left: 0px;
			font-size: 22px;
			top: 0px;
			margin: 0px auto 13px;
			width: 38%;
			right: 0px;
			float: left;
			text-align: center;
		}

		#page-1#header-content #telephone {
			display:none;
		}

		#primary-nav #nav-close-btn{display: block;}

		#wrap{
			background: #ececec;
		}		
		.phone-only{
			display: block;
		}

		.no-mobile {
			display: none;
		}

		.desktop-only, .desktop-tablet{
			display: none !important;
		}

		html body{
			padding: 0;
		}

		#wrap{
		}
		body.tpl-2 #content-wrap, body.tpl-3 #content-wrap{
			width: 90%;
			margin-top: 280px;
		}

		body.tpl-2 #content-wrap #content, body.tpl-3 #content-wrap #content{width:100%;float: none;}
		body.tpl-3 #content-wrap #sidebar-right{width: 100%;margin-left: 0;float: none;}

		/**** 3 Column Layout **/
		body.tpl-4 #content-wrap #content{width:100%;float: none;}

		body.tpl-4 #content-wrap #sidebar-left{width: 100%;margin-right: 0;float:none;}

		body.tpl-4 #content-wrap #sidebar-right{width: 100%;margin-left: 0;float:none;}


		#buckets{
			width: 100%;
		}

		.landing-bucket{
			width: 100%;
		}

		/* MINI NAV */

		a.mobileMenuBtn{
			position: fixed;
			top:0px; right: 10px;
			z-index: 9999;
			background: #26a4d9;
			cursor: pointer;
		/*padding:0px;color: white;*/
			display: block !important;
			width: 70px;
		}
		a.mobileMenuBtn span{
			text-align: center;
			display: block;
		}

		#primary-nav li a.mobileMenuBtnClose{
			position: absolute;
			width: 70px;
			bottom: -120px;
			background: transparent none repeat scroll 0% 0%;
			border: medium none;
			padding: 0;
			right: 0px;
		}
		#header #nav-wrapper {
			display: none;
			background: #0069aa;
			padding: 8px;
			position: absolute;
			top: 0;
			right: 0;
			width: 100%; /* 93%; */
			z-index: 9999;
			height: auto !important;
			box-sizing: border-box;
		}

		.rfq {
			display:inline-block;
		}

		#nav-container{
			width: 100%;/* 97%; */
			height: auto;
			border:none;
			background: none; /* #dedede; */
			/* padding: 5px;
			min-height: 440px; */
		}

		#primary-nav li{
			float: none;
			display: block;
		}

		#primary-nav li a{
			color: #787676;
			border:none;
			font-weight: normal;
			font-size: 20px;
			background: -moz-linear-gradient(top,  #ffffff, #f2f2f2); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff, #f2f2f2); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff, #f2f2f2); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff, #f2f2f2); /* IE10+ */
			background: linear-gradient(top,  #ffffff, #f2f2f2); /* W3C */
			line-height: 56px;
			height: 56px;
			border-bottom: 1px solid #d5d5d5;
			position: relative;
		}

		#primary-nav > li > a span {
			display: block;
			position: absolute;
			right: 15px;
			top: 50%;
			margin-top: -15px;
			width: 30px;
			height: 30px;
			border-radius: 20px;
			box-sizing: border-box;
			text-align: center;
			color: #767676;
			padding-top: 2px;
			line-height: 1;
			font-size: 22px;
			font-weight: bold;
			
background: #dadada; /* Old browsers */
background: -moz-linear-gradient(top,  #dadada 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dadada 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dadada 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		}
		
		#primary-nav > li > a span:after {
			display: block;
			margin: 6px 0 0 13px;
			content: '';
			width: 0;
		    height: 0;
		    border-top: 7px solid transparent;
		    border-left: 7px solid #767676;
		    border-bottom: 7px solid transparent;
		}
		
		#primary-nav li.active > a {
			border: 0;
			/*border-top: #1a68aa solid 1px;*/
			border-bottom: #1a68aa solid 2px;
			margin: 0;
			background: #367ab4;
		}
		
		#primary-nav > li.parent > a span:after {
			width: auto;
			height: auto;
			display: inline;
			content: '+';
			color: #0064aa;
			border: none;
			margin: 0;
		}
		
		#primary-nav > li.parent.open > a span:after {
			content: '\2013';
		}

		#primary-nav li .drop-down{
			position: relative;
			top: auto;
			left: auto;
			width: 100%;
			padding: 0;
			margin:0;
			border:none;
			display: none;
		}
		
		#primary-nav > li.open > .drop-down {
			display: block;
		}
/*
		#primary-nav li:hover .drop-down{
			display: block;
			top: 0;
		}
*/

		#primary-nav li .drop-down ul{
			margin:0;
			background: #5d91bc;
			padding: 15px 0;
			width: 100%;
			border-top:none;
		}
		#primary-nav li .drop-down li{
			float: none;
			width: 100%;
		}
		#primary-nav li .drop-down li a{
			background:none;
			color: #ffffff;
			font-size: 19px;
			/*width: 85%;*/
			padding: 15px 10px 15px 25px;
			text-transform: uppercase;
		}
		#primary-nav li .drop-down li a:hover{
			background:none;
			border:none;
			padding: 15px 10px 15px 25px;
			box-shadow: none;
		}
		#primary-nav #nav-link-34, #primary-nav #nav-link-35{
			display: block;
		}


		#nav-wrapper .rfq{
			width:100%;
			padding:12px 0;
			font-size: 22px;
			margin-top: 10px;
		}

		#header{
			border-top:7px solid #0069aa;
			position: fixed; 
			width: 100%;
			z-index: 99;
		}
		#header-content{
			/*width: 90%;*/
			/*height: 250px;*/
			padding: 0 10px 60px;
			/*padding: 0px;*/
			height: auto;/* 80px; */
			width: 100%;
			box-sizing: border-box;
			padding-bottom: 0px;
		}

		#logo{
			width: 50%;
			margin-top: 10px;
			display: block;
			/* height: 100px */
			margin-bottom: 22px;
		}

		#telephone{
			font-weight: bold;
			position: relative;
			font-size: 20px;
			float: right;
			top: -90px;
			right: 60px;
		}

		#telephone span{
			font-size: 16px;
			font-weight: normal;
			line-height: 22px;
		}

		#searchWrap{
			position: absolute;
			/*top: 160px;*/
			/*margin-top: 35px;*/
			/*padding: 7px 20px;*/
			/*left: -18px;
			top: 0px;
		    right: 0px;
		    text-align: center;
		    */
		    top: auto;
		    right: auto;
		    left: 0;
		    bottom: -164px;
			padding: 10px;
		    box-sizing: border-box;
			width: 100%;
			background:#006dbb;
			display: none;
			
		}
		
	
		
		#searchWrap #simpleSearchForm .simpleSearch_input{
			width: 83%;
			height: 40px;
			box-sizing: border-box;
			-moz-border-radius:20px 0 0 20px; -webkit-border-radius:20px 0 0 20px; -khtml-border-radius:20px 0 0 20px; border-radius:20px 0 0 20px;
			font-size: 15px
		}

		#searchWrap #simpleSearchForm #simpleSearch_submit{
			width: 15%;
			height: 40px;
			-moz-border-radius:0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -khtml-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;
			font-size: 15px
		}


		.global-nav{
			display: none;
		}		
	
		#home-banner{
			height:auto;
			width: 100%;
			margin:0 auto 20px;
			margin-top: 169px;
		}

		#home-banner li a {
			/*position: relative;
			left: -180px;*/
		}

		#home-banner li img {
			/*left: -180px;*/
			/*min-width: 810px;*/
			/*height: 280px;*/
		}

		.caption-wrapper{
			width: 220px;
			top: 35px;
			color:#006dbb;
			font-size: 24px;
			line-height: 27px;
		}

		.caption-wrapper h2{
			font-weight: normal;
			font-size: 24px;
			line-height: 27px;
			color:#006dbb;
			margin-bottom:0;
		}

		.caption-wrapper h2:first-line{
			color: #8b8b8b;
		}
		.caption-wrapper .action-btn{
			width: 80%;
			font-size: 13px;
		/*display: none;*/
		}
		
		.flex-control-nav {
			bottom:6px;
		}

		
		body.tpl-5 #content-wrap{
			width: 91%;
		}
		#content{
			width: 100%;

		}
		#content.home #main-content{
			width: 100%;
		}
		#content.home .rfq{
			width: 100%;
			padding:15px 0;
			float: none;
			margin: 15px 0 25px;
			display: block;
			font-size: 25px;
		}

		#content-image-container{
			float: none;
		}

		body.tpl-4 #content-left{
	    	float: none;
	    	width: 100%;
		}


		/*-------------- BUCKETS -------------*/

		#buckets{
			margin: 30px 0 0;
		}

		.home-bucket a .bucket-img .image-bg{
			display: block;
			text-align: center;
			background: #ffffff;
		}

		.bucket-img img {
			/*width: 100%;*/
		}

		.detail-bucket a .bucket-img {
			max-height: 160px;
			overflow: hidden;
		}
		
		.landing-bucket .bucket-description {
			display: none;
		}
		
		.landing-bucket,
		.landing-bucket a h3 {
			height: auto;
		}
		
		


		/*-------------- FOOTER -------------*/

		footer {
			margin-top: 55px;
			height: auto;
		}

		#footer-top {
			background: url('../image/bg-footer-mobile.png') repeat-x 0 0;
			/*height: 497px;*/
			height: auto;
			width: 100%;
			padding-bottom: 2px;
		}

		#footer-top .footer-content {
			height: auto; /*330px;*/
			position: relative;
		}

		#footer-bottom .footer-content {
			height: auto; /*166px;*/
		}

		.footer-content{
			/*width: 90%;*/
			padding: 0 10px;
			/*height: 497px;*/
			font-size: 22px;
			line-height: 26px;
			position: relative;
			box-sizing: border-box;
		}
		
		#footer-logo {
			position: absolute;
			left: 0;
			width: 100%;
			text-align: center;
			top: -35px;
		}
		
		#footer-logo img {width: 240px;}

		.footer-content .left{
			width: auto;
			margin: 10px auto 0;
			font-size: 22px;
			line-height: 27px;
			position: relative;
			padding-top: 70px;
			padding-left: 40px;
			background:url('../image/icon-map-mobile.png') no-repeat 0 73px;
			float: none;
		}

		.footer-content .left img{
			position: absolute;
			top: -40px;
			left: 50px;
		}
		#footer-top .footer-content .right{
			width: auto; /* 70%; */
			margin: 10px auto 45px;
			font-size: 22px;
			line-height: 23px;
			padding-left: 40px;
			float: left;
			background:url('../image/icon-map-mobile.png') no-repeat 0 0;
			float: none;
		}
		.footer-content .left address, .footer-content .right address{
			font-size: 3vw;
			line-height: 1.2

		}
		.footer-content .left address{
			margin-bottom: 10px;
		}
		.footer-content .left address strong, .footer-content .right address strong{
			font-size: 3.7vw;
			line-height: 1;
		}
		#footer-bottom {
			box-sizing: border-box;
			padding: 18px 0;
			background-size: cover;
		}
		#footer-bottom .footer-content .left,
		#footer-bottom .footer-content .right {
			display: none;
		}
		.mobile-bottom{
			text-align: center;
			font-size: 11px;
			font-weight: bold;
			width: 100%;
			color: #0c294b;
		}
		.mobile-bottom ul{
			text-align: center;
			margin: 0 auto;
			/*width: 235px*/
		}
		.mobile-bottom li{
			list-style: none;
			display: inline;
			padding:0 10px;
			border-right: 1px solid;
		}
		.mobile-bottom li.last{
			border:none;
			padding-right:0;
		}
		.mobile-bottom li a{
			color: inherit;
		}
		.mobile-bottom #credits{
			color: #ffffff;
			font-size: 11px;
		}

		.mobile-bottom #credits a{
			color: inherit;
		}
		.flex-viewport{
		background: url('../image/shadow-banner.png') no-repeat center 185px;

		}
		#content.home #main-content{
			margin-top: 0;
		}
		.caption-wrapper span{
			display: none;
		}
		body.tpl-3 #content-left{
			float: left;
			width: 280px;
		}

		.landing-bucket a .bucket-img span{
			display: block;
			text-align: center;
			background: #ffffff;
		}
		.detail-bucket a .bucket-img span{
			display: block;
			text-align: center;
			background: #ffffff;
		}

		.detail-bucket{
			width: 100%;
			margin:0 0 30px;
			height: auto;
		}

		body.tpl-3 #content-wrap{
			width: 90%;
		}

		body.tpl-3 #content-left{
			float: left;
			width: 100%;
		}

		body.tpl-4 #content-wrap{
			width: 85%;
		}
		#quickContact-container{
			width: 100%;
			margin-bottom: 40px;
		}

		#quickContact-container h4{
				padding:15px 0;
				font-size: 22px
		}

		#quickContact{
				/*width: 92%;*/
				box-sizing: border-box;
				width: 100%;
				margin: 0;
				padding: 10px 20px 35px;
		}
				
		#quickContact input[type="text"], 
		#quickContact input[type="email"], 
		#contact input[type="text"], 
		#contact input[type="email"], 
		#contact input[type="tel"], 
		#quickContact textarea {
			/*width: 95%;*/
			box-sizing: border-box;
			width: 100%;
			height: 30px;
		}
		#quickContact .required{
			background: url("../image/icon-required.png") no-repeat scroll right 0 #FFFFFF;
		}				
		#quickContact fieldset textarea{
			/*width: 95%;*/
			height: 110px;
		}
				
		#quickContact textarea.required {
			background: url("../image/icon-required.png") no-repeat scroll right 0 #FFFFFF;
		}
				
		#quickContact input[type="submit"]{
			bottom: -10px;
			left: 50%;
			margin-left: -59px;
			padding: 7px 25px;
			-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
			font-size: 17px;
		}

		#quickContact .fileupload {
				display: none;
		}
		
		#contact #required-container, #rfq #required-container {
			width: auto;
		}

		#contact .fileupload {

		}

/*
		#contact .btn-file {
			position: absolute;
			right: 97px;
		}

		#contact .fileupload .input-append {
			width: 97%;
		}
*/

		#sidebar-right .rfq{
			width:100%;
			padding:12px 0;
			font-size: 22px;
		}

		#contact input[type="submit"], #rfq input[type="submit"]{
			/*left: 210px;*/
			display: block;
		}

		#contact #file_Attachment {
			width: 313px;/*97%;*/
		}

		#address-container iframe{
			width: 100%;
		}
		#address-container .right{
			float: left;
		}
    	.accordion-heading{
			background: url('../image/icon-arrow.png') no-repeat 460px 10px, -moz-linear-gradient(top,  #848484, #767676); /* FF3.6+ */
			background: url('../image/icon-arrow.png') no-repeat 460px 10px, -webkit-gradient(linear, left top, left bottom, from(#767676), to(#767676)); /* Chrome,Safari4+ */
			background: url('../image/icon-arrow.png') no-repeat 460px 10px, -webkit-linear-gradient(top,  #848484, #767676); /* Chrome10+,Safari5.1+ */
			background: url('../image/icon-arrow.png') no-repeat 460px 10px, -o-linear-gradient(top,  #848484, #767676); /* Opera 11.10+ */
			background: url('../image/icon-arrow.png') no-repeat 460px 10px, -ms-linear-gradient(top,  #848484, #767676); /* IE10+ */
			background: url('../image/icon-arrow.png') no-repeat 460px 10px, linear-gradient(top,  #848484, #767676); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#767676',GradientType=0 ); /* IE6-9 */	
		}
		.accordion-heading .accordion-toggle:hover, .accordion-heading .active{
			background: url('../image/icon-arrow-active.png') no-repeat 460px 10px, -moz-linear-gradient(top,  #0075b8, #00569e); /* FF3.6+ */
			background: url('../image/icon-arrow-active.png') no-repeat 460px 10px, -webkit-gradient(linear, left top, left bottom, from(#0075b8), to(#00569e)); /* Chrome,Safari4+ */
			background: url('../image/icon-arrow-active.png') no-repeat 460px 10px, -webkit-linear-gradient(top,  #0075b8, #00569e); /* Chrome10+,Safari5.1+ */
			background: url('../image/icon-arrow-active.png') no-repeat 460px 10px, -o-linear-gradient(top,  #0075b8, #00569e); /* Opera 11.10+ */
			background: url('../image/icon-arrow-active.png') no-repeat 460px 10px, -ms-linear-gradient(top,  #0075b8, #00569e); /* IE10+ */
			background: url('../image/icon-arrow-active.png') no-repeat 460px 10px, linear-gradient(top,  #0075b8, #00569e); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075b8', endColorstr='#00569e',GradientType=0 ); /* IE6-9 */			 
		}

		.directions{
			clear: both;
			background: -moz-linear-gradient(top,  #fefefe, #d5d5d5); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d5d5d5)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #fefefe, #d5d5d5); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #fefefe, #d5d5d5); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #fefefe, #d5d5d5); /* IE10+ */
			background: linear-gradient(top,  #fefefe, #d5d5d5); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
			font-size: 19px;
			text-align: center;
			padding: 15px 0;
			font-weight: bold;
			border:1px solid #d5d5d5;
			  -moz-box-shadow: 1px 1px 1px #ffffff; /* Firefox */
  -webkit-box-shadow: 1px 1px 1px #ffffff; /* Safari, Chrome */
  box-shadow: 1px 1px 1px #ffffff; /* CSS3 */
		}

		#sidebar-left{
			border:none;
		}

		#sidebar-left h2{
			background:none;
			border:none;
			padding: 0;
		}

		#sidebar-left h2 a {
			color: #4f4f4f;
			display: block;
			font-size: 16px;
			font-weight: normal;
			margin-left: 10px;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
			background:url('../image/icon-arrow-mobile.png') no-repeat right center, -moz-linear-gradient(top,  #fefefe, #d5d5d5); /* FF3.6+ */
			background: url('../image/icon-arrow-mobile.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d5d5d5)); /* Chrome,Safari4+ */
			background: url('../image/icon-arrow-mobile.png') no-repeat right center, -webkit-linear-gradient(top,  #fefefe, #d5d5d5); /* Chrome10+,Safari5.1+ */
			background: url('../image/icon-arrow-mobile.png') no-repeat right center, -o-linear-gradient(top,  #fefefe, #d5d5d5); /* Opera 11.10+ */
			background: url('../image/icon-arrow-mobile.png') no-repeat right center, -ms-linear-gradient(top,  #fefefe, #d5d5d5); /* IE10+ */
			background: url('../image/icon-arrow-mobile.png') no-repeat right center, linear-gradient(top,  #fefefe, #d5d5d5); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
			padding: 5px 30px 5px 7px;
			text-decoration: none;
			border: 1px solid #4b4b4b;
			margin:0;
			line-height: 16px;
				
		}
		
		#sidebar-left h2 a:hover{
			text-decoration: none;
		}

		#sidebar-left nav{
			position: relative;
			top:-2px;
			display: none
		}
		
		#bread-social {width: auto;}
		
		.social-bar-container {display: none;}
	
		
			.jbmodal-jump-link {
				width: 100%;
			}
		
		.search-trigger {
		    position: absolute;
		    top: 5px;
		    /* left: 239px; */
		    font-size: 30px;
		    right: 95px;
		}

}

/* Mobile (landscape) ----------- */

@media only screen and (max-width : 480px) {
		.flex-viewport{
		background: url('../image/shadow-banner.png') no-repeat center 185px;

	}
		#telephone{
			position: absolute;
			top: 60px;
		}

/*
		#searchWrap #simpleSearchForm .simpleSearch_input{
			width: 75%;
		}
*/
		
		#home-title{
			text-align: left;
			font-size: 19px;
		}

		#header #nav-wrapper{
			/* width: 87%; */
		}
		.caption-wrapper{
			left: 20px;
			top: 
		}

		.caption-wrapper h2{
			font-size: 25px;
		}
		.caption-wrapper span{
			display: none;
		}

		.footer-content .left img{
			/*left: 90px;*/
		}

		.footer-content .left address strong, .footer-content .right address strong{
			font-size: 15px;
		}

		.footer-content .left, .footer-content .right{
			/*width: 85%;*/
		}

		.footer-content .left address, .footer-content .right address{
			font-size: 13px;
		}

		body.tpl-3 #content-wrap{
			width: 85%;
			margin-top: 150px;
		}

		body.tpl-3 #content-left{
			float: left;
			width: 100%;
		}

		body.tpl-4 #content-wrap{
			width: 85%;
			margin-top: 150px;
		}

		.main-content-image{
			float: none;
			margin-left: 0;
		}

		#specifications{
			width: 92%;
		}

		#specifications .main-content-image{
			position: relative;
			top: 0;
			right: 0;
			float: none;
			margin-top: 10px;
		}

			#main-content .content-cta{
				display: none;
			}

		.bucket-img img {
			width: 100%;
		}
		
		#contact #file_Attachment,
		#rfq #file_Attachment {
			width: 169px;
		}

}

/* Mobile Portrait View */
@media only screen and (max-width : 360px) {
		body.tpl-5 #content-wrap{
			width: 87%;
		}

		.flex-viewport{
		background: url('../image/shadow-banner.png') no-repeat center 105px transparent;

		}
		.caption-wrapper{
			width: 100px;
			left: 20px;
		}

		.caption-wrapper h2{
			font-size: 16px;
		}
		.caption-wrapper span{
			display: none;
		}
		/*.footer-content .left img{left: 10px;}*/
			
		#primary-nav li .drop-down li a{
			font-size: 13px;
			background: none;
		}
		.landing-bucket a h3, .detail-bucket a h3{
			font-size: 13px;
			line-height: 18px;
			padding: 9px;
		}

		h1{
			font-size: 22px;
			text-align: left;
		}
		ul.B_crumbBox li{
			font-size: 10px;
		}

		#address-container .right{
			float: left;
		}
    	.accordion-heading{
			background: url('../image/icon-arrow.png') no-repeat 240px 10px, -moz-linear-gradient(top,  #848484, #767676); /* FF3.6+ */
			background: url('../image/icon-arrow.png') no-repeat 240px 10px, -webkit-gradient(linear, left top, left bottom, from(#767676), to(#767676)); /* Chrome,Safari4+ */
			background: url('../image/icon-arrow.png') no-repeat 240px 10px, -webkit-linear-gradient(top,  #848484, #767676); /* Chrome10+,Safari5.1+ */
			background: url('../image/icon-arrow.png') no-repeat 240px 10px, -o-linear-gradient(top,  #848484, #767676); /* Opera 11.10+ */
			background: url('../image/icon-arrow.png') no-repeat 240px 10px, -ms-linear-gradient(top,  #848484, #767676); /* IE10+ */
			background: url('../image/icon-arrow.png') no-repeat 240px 10px, linear-gradient(top,  #848484, #767676); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#767676',GradientType=0 ); /* IE6-9 */	
		}
		.accordion-heading .accordion-toggle:hover, .accordion-heading .active{
			background: url('../image/icon-arrow-active.png') no-repeat 240px 10px, -moz-linear-gradient(top,  #0075b8, #00569e); /* FF3.6+ */
			background: url('../image/icon-arrow-active.png') no-repeat 240px 10px, -webkit-gradient(linear, left top, left bottom, from(#0075b8), to(#00569e)); /* Chrome,Safari4+ */
			background: url('../image/icon-arrow-active.png') no-repeat 240px 10px, -webkit-linear-gradient(top,  #0075b8, #00569e); /* Chrome10+,Safari5.1+ */
			background: url('../image/icon-arrow-active.png') no-repeat 240px 10px, -o-linear-gradient(top,  #0075b8, #00569e); /* Opera 11.10+ */
			background: url('../image/icon-arrow-active.png') no-repeat 240px 10px, -ms-linear-gradient(top,  #0075b8, #00569e); /* IE10+ */
			background: url('../image/icon-arrow-active.png') no-repeat 240px 10px, linear-gradient(top,  #0075b8, #00569e); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075b8', endColorstr='#00569e',GradientType=0 ); /* IE6-9 */			 
		}

		#sidebar-left h2 a {
			font-size: 13px;
		}
		#quickContact input[type="submit"]{
			bottom: -10px;
			left: auto;
			right: 75px;

		}

/*
		#primary-nav li a{
						background: url('/images/icon-mobile-arrow.png') no-repeat 220px 12px,  -moz-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-arrow.png') no-repeat 220px 12px,  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
			background: url('/images/icon-mobile-arrow.png') no-repeat 220px 12px,  -webkit-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-arrow.png') no-repeat 220px 12px,  -o-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-arrow.png') no-repeat 220px 12px,  -ms-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-arrow.png') no-repeat 220px 12px,  linear-gradient(top,  #ffffff, #f2f2f2);
		}

		#primary-nav li.parent a{
			background: url('/images/icon-mobile-parent.png') no-repeat 220px 12px, -moz-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-parent.png') no-repeat 220px 12px, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
			background: url('/images/icon-mobile-parent.png') no-repeat 220px 12px, -webkit-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-parent.png') no-repeat 220px 12px, -o-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-parent.png') no-repeat 220px 12px, -ms-linear-gradient(top,  #ffffff, #f2f2f2);
			background: url('/images/icon-mobile-parent.png') no-repeat 220px 12px, linear-gradient(top,  #ffffff, #f2f2f2);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
		}

		#primary-nav li a:hover, #primary-nav li.active a{
			border:none;
			background: url('/images/icon-mobile-parent-active.png') no-repeat 220px 12px #367ab4;
		}
*/


}