@import url("/css/foundationsans_lightcondensed/stylesheet.css");
@import url("/css/foundationsans_boldcondensed_macroman/stylesheet.css");
@import url("/css/foundationsans_roman_macroman/stylesheet.css");


body { 
	padding:0;
	width: 100%; max-width:960px; margin:0 auto; font:15px/18px Arial, Verdana, sans-serif; color:#212121; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

p {margin:2px 0 1.4em 0; padding:0; }

ul {margin:0;  padding:0;  -moz-padding-start: 0px;}

#topnav { background: #95a1aa; height:18px;padding:1px 14px; }

#topnav ul {list-style:none; display:inline;list-style-type: none; }
#topnav ul li {float:right;}

#topnav a:link, #topnav a:visited { font-size:13px; text-decoration:none; color:#FFF; font-weight:bold; margin-left:18px; outline:none; }
#topnav a:active { color:#ffbf4f;  outline:none; }
#topnav a:hover { text-decoration: underline; }

#logo { padding:0px 0 25px 20px; }
#search { position: relative;text-align: right; width:100%; margin:34px 0px 0 0; }
#search input {  }
#search input[type=submit] { }

.twitter { float: right; }
.twitter img { max-width: 26px; margin-top: 14px; }

h1 { font-family: 'FoundationSansLightCondensed', Arial, sans-serif; color:#204c8a; font-size:32px; line-height:30px;text-transform:uppercase; margin:8px 0; padding:0 0 10px; }

#billboard { margin-bottom:24px; width:100%; max-width:960px; height:auto; overflow: hidden }
.billboard_text {  z-index:999;font-family: 'FoundationSansRoman', Arial, sans-serif; position:absolute; top:28px; margin-left:30px; color:#FFF; font-size:36px; text-shadow: 2px 2px 2px #000; letter-spacing:0.05em;}
.billboard_text p { color:#FFF; width:630px; line-height:24px; font-size:18px; text-shadow: 2px 2px 2px #000; letter-spacing:0.05em; }
.billboard_thumbs {z-index:999; position:absolute; top:158px;}
.billboard_thumbs img { margin-top:2px; float:left; margin-right:20px; border:2px solid #FFF;  -moz-border-radius: 4px;border-radius: 4px; }
.billboard_thumbs a.activeSlide img {margin-top:0; border:4px solid #FFF; }

#billboard button { color:#FFF; background:#204c8a; border:1px solid #FFF;padding:4px 6px 2px ; border-radius:4px; -moz-border-radius:4px; font:13px 'FoundationSansRoman', Arial, sans-serif; font-weight:bold; letter-spacing:0em;}
#billboard button:hover { background:#84ecff;}

#left_column {float: left; width:238px; margin-right:35px; }
#left_column h3, .right_column h3 {  font-family: 'FoundationSansBoldCondensed', Arial, sans-serif; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.91); color:#FFF; font-size:23px; text-transform:uppercase;  }
#left_column h3 a:link, #left_column h3 a:visited,
.right_column h3 a:link, .right_column h3 a:visited { color:#FFF; text-decoration:none;}
#home_nav h3 { margin:0;outline:none; letter-spacing:0.05em;    padding-left: 16px!important;}
#home_nav .first { background:url(/images/custom/home_accordion_1a.jpg?1) no-repeat;height:17px;margin:0;padding:7px 0 5px 10px;}
#home_nav .second { background:url(/images/custom/home_accordion_2a.jpg?1) no-repeat;height:17px;padding:7px 0 5px 10px; }
#home_nav .third { background:url(/images/custom/home_accordion_3a.jpg?1) no-repeat;height:17px;padding:7px 0 5px 10px; }
#home_nav .fourth { background:url(/images/custom/home_accordion_4a.jpg?1) no-repeat;height:17px;padding:7px 0 5px 10px; }
#home_nav .fifth { background:url(/images/custom/home_accordion_5a.jpg?1) no-repeat;height:21px;padding:7px 0 5px 10px; }
#home_nav .first:hover { background:url(/images/custom/home_accordion_1a_on.jpg) no-repeat; }
#home_nav .second:hover { background:url(/images/custom/home_accordion_2a_on.jpg) no-repeat; }
#home_nav .third:hover { background:url(/images/custom/home_accordion_3a_on.jpg) no-repeat;}
#home_nav .fourth:hover { background:url(/images/custom/home_accordion_4a_on.jpg) no-repeat; }
#home_nav .fifth:hover { background:url(/images/custom/home_accordion_5a_on.jpg) no-repeat; }

#accordion h4, #accordion h5 { margin:0; padding:0px 0 0px 8px; font-family: 'FoundationSansLightCondensed', Arial, sans-serif; font-size:18px; font-weight:normal; color: #2c66b8;  }
#accordion h5 { border:none; }

#accordion h4 a:link, #accordion h4 a:visited, #accordion h5 a:link, #accordion h5 a:visited {  outline:none; font-weight:normal; color: #2c66b8; text-shadow:none; text-decoration:none;  }
#accordion h4 a:hover, #accordion h5 a:hover, #accordion .active { color:#3386FD; }

ul.accordion div.inner>p {  font-family: 'FoundationSansLightCondensed', Arial, sans-serif; margin:0 0 0 0px; color:#2c66b8; padding:2px 0 0 18px; }
ul.accordion a:link, ul.accordion a:visited { color:#2c66b8; text-decoration:none; }
ul.accordion a:hover { color:#3386FD; }

ul.accordion li {list-style:none; border-top:1px solid #dadada; list-style-type:none; margin:0; padding:4px 0 4px; }
ul.accordion li li {border:none; list-style:none; list-style-type:none; margin:0 0 0 0px; padding:4px 0 4px 18px; }


.center_column { float:left; width:425px;margin:0px 20px 0 0; }
.right_column {float: right; width:240px; }

.center_column_products {float:left; width:685px; margin:0px; }
.center_column ul, .center_column_products ul { margin:0 0 0 28px; }

.rounded-border {  border:1px solid #95a1aa; -moz-border-radius: 10px;border-radius: 10px; }

#latest_news h4 { font-size:16px; color:#fff; font-weight:normal;margin:1px; padding:3px; text-align:center;background: #95a1aa; border-radius:10px 10px 0 0 ; -moz-border-radius: 10px 10px 0 0; }
#latest_news p { padding:0 16px 0;}


#home_about { clear:both; background:url(/images/custom/footer_bkgd.jpg?1) no-repeat; 
    background-size: cover; width: 100%; max-width:960px; height:auto;box-sizing: border-box; margin:28px 0; }
#home_about h2 { float:left; letter-spacing:0.05em; font-family: 'FoundationSansBoldCondensed', Arial, sans-serif; color:#FFF; font-size:30px; text-transform:uppercase; text-shadow: 2px 2px 2px #000; margin:0; padding:0; }
#home_about .background {      padding: 18px 12px 0 24px;
    width: 100%;
    background: url(/images/uploads/site-images/home-about-gradient.png) repeat-y right center;
    background-size: 50% 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;}
#home_about .text { float:right; width: 40%; margin: 10px 0 0; }
#home_about p { width:100%; margin:0px; padding:0; font:15px/21px 'FoundationSansRoman', Arial, sans-serif; color:#fff; }
#home_about a:link, #home_about a:visited { color:#84ecff ; text-decoration:underline; }
#home_about a:hover { color:#d3f8ff; text-decoration:underline; }


#footer { width: 100%; max-width:960px; border-top:1px solid #b0b0b0; margin:16px 0; padding:8px 0 10px 0; font:12px/15px 'FoundationSansRoman', Arial, sans-serif; color:#b0b0b0;  }
#footer_logo { float:right; width:40%; }
#footer_logo img {float:right; margin-bottom: 18px; }
.clearer { float:none;  clear:both; height:1px; }
#footer a:link, a:visited { color:#00e; }

a.product_download_link { height:36px; background:url('/images/custom/pdf-icon.png') left 4px no-repeat; padding: 10px 2px 14px 42px; overflow:visible; }

.blue_text { color: #d58801; }

h4 { padding:0; margin:12px 0 0px 0; }

.products_image_container { float:right; margin:0 0 26px; width:35%; }
.products_image_container p { font-size:12px; color: #818181; }

table.online_application td { padding:4px 0; background:#FFF; }

td.online_application_small_text { font-size:11px; line-height:13px; background:#FFF; }

td.form_element_required { background:#FFF; }

.center_column h2 a { text-transform:uppercase; text-decoration:none; font-size:20px; font-family: 'FoundationSansLightCondensed', Arial, sans-serif; margin:0 0 0 0px; color:#2c66b8; padding:0 0 2px 0px;}

#header { margin-top: 0px; }

.stickyTopNav {position:fixed; height: 30px;width: 100%; max-width:960px;z-index:9999; margin:0px auto 0; top: 0; }

ul.newsyears { list-style:none; padding:0; margin:0; }
ul.newsyears li a {
font-family: 'FoundationSansLightCondensed', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #2c66b8;
}

.content { display: none; margin-top: 0.8em;  }
.expander { cursor: pointer; color: #204c8a; }
.expander>small { text-decoration: underline; color: #204c8a;}
.expander>small:after { content: 'show all'; }
.expander.expanded>small:after { content: 'collapse'; }

.center_column_products { width: 71% }
.center_column_products_noImages { width: 100%; }
.products_image_container { width: 35%; }

.products_container_withImages { width: 60%; margin:12px 5% 20px 0; }
.products_container { width: 71%; margin:12px 0% 20px 0; float: left; }

.one-half { float:left; width: 50%; margin-right: 0%; }
.one-half.left { float:left; width: 45%; margin-right: 5%; }

.one-third { float:left; width: 30%; margin-right: 3%; }
.one-third.right { margin-right: 0; }

body.filtration .one-half-left { float: left; width: 58%; margin-right: 5%; }
body.filtration .one-half-right { float: left; width: 32%; margin: 0 0 12px 5%; border: 1px double #CCC; border-style: double; padding: 12px; box-sizing: border-box;}

#topnav .mobile-menu, img.logo-mobile, .mobile-only { display: none; }

img.logo, img.logo-mobile { width: 100%; max-width: 492px; height: auto; }

.products_container_withImages img, .products_container img, body.about .center_column img { width: 100%!important; height: auto; }

body.about .two-cols, body.contact .one-half { float:left; width: 50%; padding: 6px 0px 18px 0; box-sizing: border-box; }
body.about .two-cols.left { padding-right: 42px; }
body.about .one-col { margin-top: 18px;clear:left; float: none; width: 100%; padding: 6px; box-sizing: border-box;background: #EAEAEA;font-weight: bold; }

.center_column ul { clear:both; }

div.grid_text, div.grid_image { width: 50%; display: inline-block; padding: 2%; box-sizing: border-box; vertical-align: top; }
div.content_grid h3 { color: #003366; font-size: 1.2em; text-decoration: underline; }

@media screen and (max-width:969px) {
	body, .stickyTopNav, #billboard3_hype_container { max-width: 760px!important; }
	.center_column { width: 280px; }
	body.home .center_column { width: 225px; }
	 #billboard3_hype_container { width: 760px!important; height: 243px!important; }
	body:not(.home) #left_column { width: 25%; margin-right: 3%; }

	.products_image_container, .products_container_withImages { width: 100%; }
	body.about .two-cols,body.about .one-col { float:none; width: 100%; padding: 2px; box-sizing: border-box; }
	body.about .two-cols:not(.left) { padding-bottom: 32px; }
	body.contact .one-half { width: 100%; float: none; }
}


@media screen and (max-width:768px) {
	body, .stickyTopNav, #billboard3_hype_container { max-width: 510px!important; }
	.center_column { width: 71% } 
	body.about .center_column, body.news .center_column, body.aftermarket .center_column,  body.suppliers .center_column,  body.careers .center_column { width: 100%; }
	 .center_column_products, body.contact .center_column { width: 100%; }
	body.home #left_column { margin-right: 5px; }
	body:not(.home) #left_column {    width: 100%;    margin-right: 0; margin-bottom: 18px;}
	.products_container { width: 100%; }
	body.home .center_column { width: 100%; }
	#logo { padding:0px 0 25px 0px; }
	.one-third { float:left; width: 100%; margin-right: 0%; }
	#topnav { height: auto; padding: 8px 14px }
	.stickyTopNav { height: auto; }
	#topnav ul { display: none; background: #95a1aa; margin-top: 12px; }
	#topnav ul li { background: #95a1aa; float:none; display: block; text-align: center; width: 100%; margin: 14px auto;}
	#topnav .mobile-menu { display: block; text-align: center; }
	#topnav a:link { margin-left: 0; }
	#search { margin-top: 54px; }
	#search input { margin-right: 0;}
	/*body.filtration .one-half-right { width: 37%; margin-right: 0%;}*/
	body.about .two-cols { float:left; width: 50%; padding: 6px 0px 12px 0; box-sizing: border-box; }
	body.about .two-cols.left { padding-right: 32px; }
	body.about .two-cols:not(.left) { padding-bottom: 12px; }
	body.contact .one-half { width: 50%; float: left; }
}

@media screen and (max-width:520px) {
	body, .stickyTopNav { max-width: 460px!important; }
	.center_column { width: 100%; }
	body.home #left_column, .right_column {    margin: 20px auto;    float: none;}
	#billboard3_hype_container { display: none; }
	.one-half { float:left; width: 100%; margin-right: 0%; }
	.one-half.left { float:left; width: 100%; margin-right: 0%; }
	body:not(.home) #left_column { width: 100%; margin-right: 0; }
	.center_column_products { width: 100%; margin-right: 0; }
	body.filtration .one-half-left, body.filtration .one-half-right { float: none; width: 100%; margin: 0 0 12px; }
	body.filtration .one-half-left {margin-bottom: 18px; }
	div.grid_text, div.grid_image { width: 100%; display: block; }
	div.grid_image img { max-width: 200px; }
}
@media screen and (max-width:470px) {
	body, .stickyTopNav { max-width: 300px!important; }
	.center_column { width: 100%; }
	body.home #left_column, .right_column {    margin: 20px auto;    float: none;}
	#billboard3_hype_container { display: none; }
	#footer_logo {    float: none;    width: 100%;    margin-bottom: 20px;}
	img.logo-mobile, .mobile-only { display: block; }
	img.logo { display: none; }
	#logo { margin-top: 58px; }
	#search { margin: 54px 0px 12px 0; display: none; }
	body.contact .one-half { width: 100%; float: none; }
	body.about .two-cols { float:none; width: 100%; padding: 6px 0px 12px 0; box-sizing: border-box; }
	body.about .two-cols.left { padding-right: 0px; }
}

a.cn-link,.cn-text-container a {color: #fff !important;}
#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cn-privacy-policy-link.cn-link{color: #fff;}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:#fff}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;border:none}.cn-button{font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0;padding:0;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.cn-button:hover{box-shadow:inset 0 0 0 99999px rgba(0,0,0,.05);text-decoration:none}.cn-button.bootstrap,.cn-button.wp-default{text-decoration:none;padding:8.5px 10px;line-height:1}.cn-button.wp-default{color:#fff;background:#fbb03b}.cn-button.bootstrap{color:#fff;background:#00a99d}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}