/* GLOBAL */
body, td, th {font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 0; margin: 0}
body {color: #292B2B}
a {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #242F89; text-decoration: none; font-weight: bold}
a img {border: 0}
form {margin: 0; padding: 0}
input {font-family: Arial, Helvetica, sans-serif; font-size: 16px}
.clear {clear: both; width: 0px; height: 0px}
.hidden {display: none}
.show {display: block}
.center {text-align: center}

.save-contact-row { display: none; }

@media(min-width: 768px) {
	body, td, th {font-size: 14px;}
	a {font-size: 14px;}
	input {font-size: 14px}
}
@media(min-width: 992px) {
	body, td, th {font-size: 16px;}
	a {font-size: 16px;}
	input {font-size: 14px}
	
	
}


#hamburger { display: none; }
/* SITE LAYOUT */
div#siteBody {background-color: #DADADA}
div#siteMain {width: 100%; max-width: 1199px; margin: 0 auto; background-color: #FFFFFF; padding: 0}

/* GENERAL */
input.barLink {background-color: #ecf0f1; border: 0; border-left: 10px solid #92ca00; color: #292b2b; display: block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center}
a.barLink {background-color: #ecf0f1; border-left: 10px solid #335B90; color: #292b2b; display: block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center}
a.blueLink {color: #4680C9}
a.grnBrdrBtn {background-color: #ecf0f1; border-left: 10px solid #92ca00; color: #292b2b; display: inline-block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center}

/* HEADER */
div#siteHeader {padding: 10px 0; position: relative; background-color: #EFEFEF}
div#siteHeader a#siteLogo {padding: 0 10px;}
div#siteHeader div#loginLink {position: relative; float: right; top: 16px; margin-right: 15px}
div#siteHeader div#languageSelectContainer {position: relative; float: right; top: 10px}
div#siteHeader div#languageSelectLabel {float: right; margin-right: 5px; margin-top: 6px}
div#siteHeader div#languageSelect {background: transparent url('/images/layout/headerInputBG.png') right top no-repeat; height: 25px; line-height: 25px; width: 179px; z-index: 3001; float: right}
div#siteHeader div#languageSelect div#currentLanguage {margin-left: 10px; float: right; width: 180px; cursor: pointer; padding-top: 1px}
div#siteHeader div#languageSelect div#currentLanguage img {position: relative; top: 2px; margin-left: 8px}
div#siteHeader div#languageSelect div#languageDropdown {background-color: #eef1f1; float: right; width: 180px; display: none}
div#siteHeader div#languageSelect div#languageDropdown a {display: block; padding-left: 8px}
div#siteHeader div#languageSelect div#languageDropdown a:hover {background: #eef1f1 url('/images/layout/subMenuActiveBG.png') repeat-x left top}
div#siteHeader div#languageSelect div#languageDropdown a img {position: relative; top: 2px}
div#siteHeader div#headerOptions {padding: 0 10px; margin-top: 15px;}
div#siteHeader div#headerOptions a {font-weight: bold; margin-right: 45px; text-transform: uppercase;}
div#siteHeader div#headerOptions a:last-child {margin-right: 0;}
div#siteHeader div#headerOptions a span {}
div#siteHeader div#headerOptions div#siteSearch { display: flex;justify-content: end; gap: 10px; padding: 3px 10px 3px 0;  margin-bottom: 15px; margin-left: auto;}
div#siteHeader div#headerOptions div#siteSearch > form { background-color: #fff; position: relative; align-self: center;}
div#siteHeader div#headerOptions div#siteSearch input#siteSearchSubmit {position: relative; top: 2px; right: 4px;}
div#siteHeader div#headerOptions div#siteSearch input#siteSearchInput {border: 0; text-transform: uppercase; color: #999; width: 190px; text-indent: 10px; outline: none;}
.language {
        display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.language form > div {
      display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.language form  img {
    width: auto;
    height: 27px;
}

.flags {
     display: flex;
    gap: 5px;
    align-items: center;
}

@media(min-width: 768px) {
	div#siteHeader a#siteLogo {padding: 0; margin-left: 30px}
	div#siteHeader div#headerOptions {overflow: hidden; position: absolute; right: 60px; top: 15px; height: 70px; padding: 0; margin-top: 0;}
	div#siteHeader div#headerOptions a {display: block; float: left; position: relative; top: 15px}
	div#siteHeader div#headerOptions div#siteSearch {margin-bottom: 0;}
}

.
/* RFQ INDICATOR */
div#rfqIndicator {position: absolute; height: 24px; overflow: hidden; right: 365px; top: 56px}
div#rfqIndicator a {font-weight: bold}

/* TOP NAV */
div#topNavContainer {background-color: #24318A; width: 100%; margin-top: 10px}
ul#topNav {display: block; list-style: none outside none; margin: 0; padding: 0; z-index: 3000}
ul#topNav ul {margin: 0; padding: 0}
ul#topNav li.separator {color: transparent; float: left; margin: 7px 0 0 0; width: 0px}
ul#topNav a {display: inline-block; font-weight: normal; text-transform: uppercase; text-decoration: none; font-size: 15px; white-space: nowrap}
ul#topNav li.topNavItem.active, ul#topNav li.topNavItem.current {background-color: #DAEEF8}
ul#topNav li.topNavItem a.topNav {color: #FFFFFF; padding: 10px}
ul#topNav li.topNavItem.active a.topNav, ul#topNav li.topNavItem.current a.topNav {color: #24318A}
ul#topNav li.topNavItem ul.subNav {list-style: none; display: none; position: absolute; z-index: 2000}
ul#topNav li.topNavItem ul.subNav li.subNavItem {background-color: #DAEEF8; float: none; position: relative}
ul#topNav li.topNavItem ul.subNav li.subNavItem.active {background-color: #2E4196}
ul#topNav li.topNavItem ul.subNav li.subNavItem a.sub1Nav {padding: 5px 10px; color: #24318A}
ul#topNav li.topNavItem ul.subNav li.subNavItem.active a.sub1Nav {color: #FFFFFF}
ul#topNav li.topNavItem ul.subNav li.subNavItem.active.hasSub a.sub1Nav {}
ul#topNav li.topNavItem.active ul.subNav {display: block;}

ul#topNav li.topNavItem ul.subNav li.subNavItem ul {list-style: none; display: block; position: relative; z-index: 1000; top: -1px}


ul#topNav li.topNavItem ul.subNav li.subNavItem ul li {float: none; background-color: #DAEEF8}
ul#topNav li.topNavItem ul.subNav li.subNavItem ul li.active {background-color: #2E4196}
ul#topNav li.topNavItem ul.subNav li.subNavItem ul li a.sub2Nav {color: #24318A; padding: 6px 10px 5px 10px;width:100%;}
ul#topNav li.topNavItem ul.subNav li.subNavItem ul li.active a.sub2Nav {color: #FFFFFF}
ul#topNav li.topNavItem ul.subNav li.subNavItem.active ul {display: block}
@media(min-width: 768px) {
	div#topNavContainer {float: left;}
	ul#topNav li.topNavItem {float: left; margin-left: 12px}
}

/* HomePage */
.home-center {
	margin-top: 20px;
	overflow: hidden;
}

.home-main {
	float: left; 
	border-right: 1px solid #ccc; 
	padding: 0 15px; 
	width: 740px;
}

.home-main h2 {
	margin-top: 0;
	padding-top: 0;
}
.home-dl {
	float: left; 
	overflow: hidden; 
	font-weight: bold; 
	margin-left: 20px; 
	width: 294px;
}

.home-navs {
	 float: left; 
	 width: 323px; 
	 height: 240px; 
	 margin-right: 25px; 
	 margin-top: 15px; 
	 padding: 15px 20px 20px; 
	 background-color: #DCEEF8; 
	 border-top: 5px solid #24318a; 
	 text-align: center;
}
.home-navs.home-navs-last {
    margin-right:0;
}


.serviceListButtons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.serviceListButtons > button {
    background:  #25318A;
    color: white;
    font-weight: bold;
		padding: 3px 10px;
		border-radius: 8px;
}
.serviceListButtons > button a {
    color: white;
}


/* CONTENT */
@media(min-width: 768px) {
	div#siteContent {padding: 0 30px; overflow: hidden}
}

.popupImage {
    font-size: 1em !important;
    cursor: pointer;
}

.popupImageContainer {
    display: none;
    position: fixed; 
    z-index: 1;
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.popupImageContainer img {
    margin: auto;
    display: block;
}

/* FOOTER */
div#siteFooter {overflow: hidden; padding: 20px 20px 20px 40px; background-color: #303030; margin-top: 20px}
div#siteFooter div.footerMenu {float: left; width: 220px; margin-right: 7px}
div#siteFooter div.footerMenu h3 {color: #7dcff5; text-transform: uppercase}
div#siteFooter div.footerMenu h4 {color: #7dcff5}
div#siteFooter div.footerMenu a {color: #FFFFFF; display: block; margin-bottom: 5px}
div#siteFooter div.footerMenu p {color: #FFFFFF}
div#siteFooter div.footerMenu p a {display: inline}

/*NEW FOOTER 11/29/17*/
div#siteFooter div.centerFooter { text-align: center; }
div#siteFooter div.centerFooter h3 {color: #7dcff5; text-transform: uppercase}
div#siteFooter div.centerFooter h4 {color: #7dcff5;}
div#siteFooter div.centerFooter a {color: #FFFFFF; display: block; margin-bottom: 5px}
div#siteFooter div.centerFooter p {color: #FFFFFF}
div#siteFooter div.centerFooter p a {display: inline}

/*NEW FOOTER 7/13/19*/
.footer { display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 30px;min-height:180px;background:#24318A;color:#fff; }
.footer-content { max-width:350px; }
.footer-left { display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.footer-right { display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.footer-content h4 { margin:10px 0;text-transform:uppercase;color:skyblue; }
.footer a { color:#fff; text-decoration: underline; }
.footer-content .copyright { color:skyblue; }
.footer-content img { height: 80px; width: auto; }
.footer-right .logo { margin: 10px 0 30px 0; }


/* MESSAGES */
div.messageContainer {background-color: #FFF; padding: 0; position: relative; margin: 15px 0; border: 2px solid #315A8E}
div.messageContainer ul {list-style: none; padding: 10px 0 10px 50px; margin: 10px 15px 10px 40px; color: #000}
div.messageContainer ul.error {}
div.messageContainer ul.success {}
div.messageContainer ul.general {}

/* LOGIN */
div#loginContainer {border: 2px solid #EFEFEF; padding: 2px; width: 250px; margin: 40px auto 0}
div#loginSubcontainer {background-color: #EFEFEF; padding: 10px; color: #666666; font-weight: normal}
div#loginSubcontainer table {margin: 0 auto}
div#loginSubcontainer input.button {margin: 0 0 0 13px}

/* ADMIN PANEL */
div#adminPanel {position: absolute; top: 20px; right: 20px; padding: 20px; background-color: #FFFFFF; color: #000000; border: 2px solid #000000}

/* POP FORMS */
div.popForm {display: none; background-color: #FFFFFF; padding: 20px; border: 2px solid #000000; border-radius: 5px; position: relative; z-index: 9999}
div.popForm a.closePopForm {display: block; position: absolute; top: 0; right: 0; font-weight: bold; color: #FFFFFF; background-color: #000000; padding: 0 4px 2px 5px; border: 1px solid #000000; border-right: 0; border-top: 0; border-radius: 0 0 0 5px}

/* ACCORDIONS */
div.accSectionTrigger {height: 34px; background: #DBEDF9 url('/images/layout/accordionBG.jpg') right top no-repeat; color: #2C278D; cursor: pointer; padding-left: 20px; line-height: 34px; margin-bottom: 1px}
div.accSectionTrigger.active {background: #DBEDF9 url('/images/layout/accordionBG-down.jpg') right top no-repeat}
div.accSectionTrigger div.accNum {float: left; font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #2C278D; padding: 0 5px; margin-right: 20px}
div.accSectionTrigger h2 {padding: 0; margin: 0}
div.accSectionContent {padding: 20px 20px; overflow: hidden}
div.accSectionContent a.nextSection {background-color: #ecf0f1; border-left: 10px solid #2c278d; color: #292b2b; display: inline-block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center}

/* BANNER CAROUSEL */
div.caroufredsel_wrapper {height: 322px !important}
div.carousel.banner img {height: 322px}

/* 2 COLUMN BOXES */
div.col2wrap {overflow: hidden; margin: 20px 0}
div.col2boxLeft {float: left; width: 470px; border-right: 1px solid #D6D6D5; padding-right: 20px}
div.col2boxRight {float: left; padding-left: 20px; width: 489px}

/* 3 COLUMN BOXES */
div.col3wrap {overflow: hidden}
div.col3box {border: 1px solid #D6D6D5; padding: 10px; float: left; margin-right: 17px; width: 300px; text-align: center}
div.col3box.end {margin-right: 0}

/* SIDE LINK MODULE */
div.sideLink {background-color: #ECF0F1; border: 1px solid #999999; border-radius: 5px; padding: 0 15px 15px 15px}
div.sideLink h2 {margin-bottom: 0}
div.sideLink a {display: block; color: #4680C9; font-weight: bold; margin-top: 10px; height: 19px; padding-left: 37px; padding-top: 5px}
div.sideLink a.inquiry {background: transparent url('/images/layout/quoteIcon.png') no-repeat left top}
div.sideLink a.question {background: transparent url('/images/layout/questionIcon.png') no-repeat left top}
div.sideLink a.document {background: transparent url('/images/layout/docsIcon.png') no-repeat left top}
div.sideLink a.call {background: transparent url('/images/layout/callIcon.jpg') no-repeat left top}
div.sideLink a.person {background: transparent url('/images/layout/personIcon.jpg') no-repeat left top}
div.sideLink a.world {background: transparent url('/images/layout/worldIcon.jpg') no-repeat left top}
div.sideLink a.list {background: transparent url('/images/layout/listIcon.png') no-repeat left top}
div.sideLink a.cal-services {background: transparent url('/images/layout/cal-serviceIcon.png') no-repeat left top}
div.sideContent {margin-top: 15px}

/* GENERAL CONTENT PAGE */
div#page div.pageHeader {overflow: hidden; position: relative}
div#page div.pageHeader h1 {color: #FFFFFF; position: absolute; top: 56px; font-size: 30px; margin: 0; padding: 0 40px}
div#page div.pageHeader h2 {color: #FFFFFF; position: absolute; top: 112px; font-size: 20px; margin: 0; padding: 0 40px}
div#page div.pageContent {float: left; width: 705px; padding: 0 40px 0 40px; overflow: hidden}
div#page div.pageImage {border-top: 5px solid #24318A; width: 332px; float: left; margin-right: 30px}
div#page div.pSide {float: left; width: 314px; padding-right: 40px}
div#page div.pSide.noBanner {margin-top: 20px}
div.contactPanel {box-sizing:border-box;background: #DAEEF8; width: 280px}
div.contactPanel h1 {     background: #24318A;
    color: #fff;
    margin-top: 0;
    padding: 8px 0;
    text-align: center;
    font-size: 1.5rem; }
div.contactPanel .links { padding: 12px 0 20px 33px; }
div.contactPanel a {font-size: 18px; display: block; margin-bottom: 5px}

div#page div.pSide div.addOnContent { margin-bottom:15px;}

div#page div.pSide div.techArticles {margin-top: 10px; padding-right: 40px}
div#page div.pSide div.techArticles a {display: block; margin-bottom: 10px; position: relative; overflow: hidden}
div#page div.pSide div.techArticles a img {float: left}
div#page div.pSide div.techArticles a span {display: block; padding-left: 30px}

/* NEWS INDEX PAGE */
div.page div.newsList {float: left; width: 360px; padding: 0 20px}
div.page div.newsFeature {float: left; width: 310px; padding: 0 20px 0 0}

/* CART */
div.cart {border-top: 1px solid #999999; padding-top: 10px}
div.cart div.cartItem {overflow: hidden; border-bottom: 1px solid #999999; padding-bottom: 10px; margin-bottom: 10px}
div.cart div.cartItem img {float: left; max-width:100px;}
div.cart div.cartItem div.itemDescription {float: left; margin-left: 40px; width: 130px}
div.cart div.cartItem div.itemQuantity {float: left; margin-left: 40px; width: 55px}
div.cart div.cartItem div.itemQuantity input {width: 30px; text-align: center; margin: 0 auto; display: block}
div.cart div.cartItem div.itemPrice {float: left; margin-left: 180px; width: 60px}
div.cart div.cartItem div.itemRemove {float: left; margin-left: 200px}
div.cartNotice {margin-top: 10px}
div.cartNotice h3 {margin: 0; padding-left: 226px}
div.cartNotice h3.red {color: #DE3C35}
div.cartAction {margin-top: 40px; overflow: hidden}
div.cartAction div.cartInstructions {float: left}
div.cartAction div.cartInstructions textarea {width: 310px; height: 80px}
div.cartAction div.cartActions {float: right; padding-left: 200px}
div.cartAction div.cartActions .barLink {float: left; color: #292b2b; cursor: pointer; margin-left: 20px}
div.cartAction div.cartActions input.barLink {padding: 5px 8px 2px 8px}

/* PRODUCT TEMPLATE */
div.productPage div.pHeader {overflow: hidden; position: relative}
div.productPage div.pHeader h1 {color: #FFFFFF; position: absolute; top: 56px; font-size: 30px; margin: 0; padding: 0 40px}
div.productPage div.pHeader h2 {color: #FFFFFF; position: absolute; top: 112px; font-size: 20px; margin: 0; padding: 0 40px}
div.productPage div.pContent {float: left; width: 705px; padding: 0 40px 0 40px}
div.productPage div.pSide {float: left; width: 314px; padding-right: 40px;    margin-top: 5px;}

div.productPage div.pSide div.techArticles {margin-top: 10px; padding-right: 40px}
div.productPage div.pSide div.techArticles a {display: block; margin-bottom: 10px; position: relative; overflow: hidden}
div.productPage div.pSide div.techArticles a img {float: left;margin-right: 5px;}
div.productPage div.pSide div.techArticles a span {display: block; padding-left: 30px}

/* CATEGORIES */
div#category div.subCategories td {vertical-align: top}
div#category div.subCategories div.subCategoryPanel {border-top: 5px solid #24318A; width: 332px; margin: 20px 30px 0 0}
div#category div.subCategories div.subCategoryPanel img {width: 332px; height: 153px}
div#category div.subCategories div.subCategoryPanel p {margin-bottom: 0}
div#category div.subCategories div.subCategoryPanel a {font-weight: bold}
div#category div.subCategoryPanel h2 a {font-size: 18px;}

/* SUB CATEGORIES */
div#subcategory div.products img {border-top: 5px solid #24318A; width: 332px; height: 153px; margin-right: 20px}
div#subcategory div.products td {padding-bottom: 20px; vertical-align: top}
div#subcategory div.products td h2 {margin-top: 0}
div#subcategory div.products p {margin-bottom: 0}
div#subcategory div.products a {font-weight: bold}
div#subcategory div.products h2 a {font-size: 18px;}

/* PRODUCTS */
div#product {overflow: hidden; line-height: 18px}
div#product img.productImage {border-top: 5px solid #24318A; width: 332px; float: left; margin-right: 30px}

/* CAPTCHA */
.captcha a.reloadCaptcha {display: block; text-align: center}

/* PRODUCT QUICK QUOTE FORM */
div#quickQuote {}
div#quickQuote .qqField {width: 300px}
div#quickQuote textarea {width: 300px; height: 100px}
div#quickQuote #captcha {width: 186px}

/* RFQ PRODUCT INFO */
table.rfqTable {margin: 0; padding: 0}
table.rfqTable td {margin: 0; padding: 0; vertical-align: top; text-align: left; background-color: #ECF0F1; border-bottom: 1px solid #999999}
table.rfqTable td.rfqDescription {padding-right: 20px}
table.rfqTable td .rfqProductOverview {margin-bottom: 15px}
table.rfqTable .rfqImage {width: 140px}
table.rfqTable .rfqImage img {max-width: 95px; max-height: 95px; border: 1px solid #999999; margin: 20px}
table.rfqTable .rfqImage a.rfqRemove {display: block; text-align: center; margin: 0 0 20px 0}
table.rfqTable .rfqModelNumber {padding: 20px; text-align: left}
table.rfqTable .rfqTitle {padding: 20px; text-align: left}
table.rfqTable .rfqIntro {padding: 20px; text-align: left}
table.rfqTableNone {width: 100%}
table.rfqTableNone td {padding: 20px 0}

/* ERROR */
li.errmsg{color: red}

/* TABS */
.tabSection { margin: 15px 0; }
ul.tabs {list-style: none; height: 28px; padding: 3px 1px 0 0; margin: 0}
ul.tabs li {float: left; height: 28px; line-height: 28px; border: 1px solid #999999; border-bottom: 0; margin: 0 2px -1px 0; overflow: hidden; font-weight: bold; border-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0}
ul.tabs li a {text-decoration: none; color: #FFFFFF; display: block; padding: 0 20px; outline: none; background-color: #24318A}
ul.tabs li.active {background: #FFFFFF}
ul.tabs li.active a {color: #000000; background-color: #FFFFFF}
div.tabContainer {border: 1px solid #999999; background: #FFFFFF; clear: both}
div.tabContent {padding: 20px; overflow: hidden}
div.tabContent h2.header {font-weight: normal; padding-bottom: 10px}
div.product div.tabContent ul.tabs {padding: 0}

/* LOADING OVERLAY */
div.blackOverlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80)}
div.overlayContent {display: none; position: fixed; top: 50%; left: 50%; z-index:1002; overflow: hidden}
div#formLoading {background-color: #ffffff; border-radius: 3px; padding: 10px}

/* RECORDS DISPLAY */
table.recordsTable {background-color: #FFF; color: #000; font-size: 12px; font-family: arial, 'lucida console', sans-serif; padding: 0; margin: 0}
table.recordsTable .editButton {width: 28px}
table.recordsTable tr.reportTitle td {color: #FFF; background-color: #589eb5; padding: 3px 5px; font-weight: bold; border-top: 1px solid #666; font-size: 14px}
table.recordsTable tr.recordsHeader td {background: url('/images/greyGradient.png') repeat-x; padding: 3px 5px; border-top: 1px solid #666; white-space: nowrap}
table.recordsTable tr.recordsHeader td a {color: #000; text-decoration: none}
table.recordsTable tr#additionalSearchOptions div#searchOptions {background-color: #EFEFEF; padding: 1px 5px; border-bottom: 1px solid #666; border-top: 1px solid #666; padding: 10px 5px; margin-bottom: 10px}
table.recordsTable tr.recordSearchHeader td {background-color: #EFEFEF; padding: 1px 5px; border-bottom: 1px solid #666}
table.recordsTable tr.recordSearchHeader table.searchSection td {border: 0; white-space: nowrap}
table.recordsTable tr.recordSearchHeader table.smallRange input {width: 40px}
table.recordsTable tr.recordSearchHeader td.idField {text-align: right}
table.recordsTable tr.recordSearchHeader td.idField input {width: 70px}
table.recordsTable tr.recordSearchHeader td input.button {margin-bottom: 1px}
table.recordsTable table.recordsTable tr.recordSearchHeader td table.searchSection td {border: 0; color: #000; font-size: 12px; padding: 0; white-space: nowrap}
table.recordsTable tr.recordsRowAlpha td {background-color: #FFF; padding: 0 5px}
table.recordsTable tr.recordsRowBeta td {background-color: #EFEFEF; padding: 0 5px}
table.recordsTable tr.recordsAction td {background-color: #EFEFEF; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 0 5px 15px 5px}
table.recordsTable table td {padding: 0; border: 0; margin: 0}
table.recordsTable tr.recordsFooter td {height: 1px; line-height: 1px; border-bottom: 1px solid #666; padding: 0 5px}

/* REP LOCATOR */
#repInfo {padding: 20px; color: #FFFFFF; background-color: #24318A}
#repInfo a {color: #FFFFFF}

/* CTA */
div.cta {border: 1px solid #24318A; border-left: 0; border-right: 0; padding: 15px 0}
div.cta a {display: block; font-weight: bold; text-align: left}

.bx-wrapper {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0 !important;
}

/* CAREERS GALLERY */
.careers-gallery {
    text-align: left; 
    max-height: 500px;
    margin: 5px 0;
}

.careers-gallery .bx-wrapper {
    box-shadow: unset !important;
}
.careers-gallery li {
    width: 100% !important;
    left: 0;
}

.careers-gallery .bx-viewport {
    height: 500px !important;
}

.careers-gallery .overlay {
    display: inline-block;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    top: 0;
    padding: 15px 0;
}
.careers-gallery img {
    height: 500px;
    margin: auto;
}

.journals-landing {
    padding: 0 15px;
}
.journals-landing__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 20px 0;
    gap: 10px;
}

.journals-landing__row.--help h4 {
  margin-right: auto;
  margin-bottom: 0;
}

.journals-landing__col {
    flex: 1 1 30%;
}

.journals-landing__col img {
    max-width: 100%;
    max-height: 300px;
    width: 100%;
    vertical-align: middle;
}

.journals-landing__col ul {
    margin-left: 0;
    padding-left: 15px;
    line-height: 1.3;
}
.journals-landing__row li {
    margin-bottom: 3px;
}

.journals-landing__row.--help > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}
.journals-landing__row.--help img {
    width: 150px;
}

.journals-landing__row.--help .list {
    flex: 1 1 40%;
}
.journals-landing__row.--help .list h4 {
    margin-left: 40px;
}
.journals-landing__row.--help  ol {
    margin-top: 10px;
}

@media (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
     /* Hamburger */
    #hamburger { display: inline; }
	div#hamburger button {
		position: absolute;
		border: none;
		height: 35px;
		width: 50px;
		background: transparent;
		top: 25px;
		right: 30px;
	}
	button#nav-toggle span {
		position: absolute;
		display: block;
		margin: auto;
		width: 30px;
		top: 8px;
		left: 8px;
		height: 3px;
		background: #000;
	}
	#nav-toggle span:nth-child(2) {
		top: 16px;
	}
	#nav-toggle span:nth-child(3) {
	    top: 25px;
	}
	
	div#siteHeader div#headerOptions,
	div#topNavContainer{ display: none; }
	div#siteHeader div#headerOptions { margin-top: 30px; }
	div#rfqIndicator { display: none; left: 10px;right:0;top:80px; }
    /*TOPNAVS*/
    ul#topNav li.topNavItem.active ul.subNav {
        position:relative;
        
    }
    div#siteHeader div#headerOptions div#siteSearch input#siteSearchInput { padding:0 ; }
    div#siteHeader div#headerOptions div#siteSearch { 
        position: relative; 
        margin-left: 0;
        flex-direction: column;
        align-items: center;
    }
    div#siteHeader div#headerOptions div#siteSearch input#siteSearchSubmit {
        position: absolute;
        right: 10px;
    }
    div#siteHeader div#headerOptions a {
        display: block;
        margin: 15px 0;
    }
    /* Page */
    div#page div.pageContent {
        float: none;
        width: unset;
        padding: 0 20px;
    }
    /* Product */
    div#product {
        padding: 15px;
    }
    
    #product .productImage { width: 100%;height: auto; }
    div.productPage div.pHeader h1,
    div#page div.pageHeader h1{
        top: 10px;
        font-size: 23px;
    }
    div.productPage div.pHeader h2,
    div#page div.pageHeader h2{
        top: 73px;
        font-size: 15px;
    }
    div.productPage div.pContent {
        width: 100%;
        padding: 0;
    }
    #subcategory,
    #category { padding: 5px; }
    
    div.productPage div.pContent table *,
    div#page div.pageContent table *{
        display: block;
        width: 100% !important;
        height: auto;
    }
    div#page div.pageContent table .save-contact-row,
    div.productPage div.pContent table .save-contact-row{ display: none; }
    
    div.accSectionTrigger h2 { font-size: 12px; }
    
    .popupImageContainer img {
        width: 95% !important;
        height: auto !important;
        margin-top: 20px;
    }
    
    div.productPage div.pSide,
    div#page div.pSide{
        float: none;
        padding-right:0;
        margin: auto;
        margin-top: 5px;
    }
    div.contactPanel {
        clear: both;
        width: 100%;
    }
    /*HomePage*/
    .home-main {
        width: unset;
    }
    .home-dl {
        margin-top: 5px;
    }
    .home-navs {
        float: none;
        height: unset;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Footer */
    div#siteFooter {
        padding: 20px;
    }
    
    .footer { display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:25px; }
    .footer-content { padding:20px 0; }
}

@media (max-width: 500px) {
    .journals-landing__col {
        flex: 1 1 100%;
    }
}