@charset "utf-8";
/* Base */

body {font-family: Helvetica, Arial, sans-serif; font-size:12px; margin:0;}
p {font-size:12px; margin: 8px 5px; color:#262626;}
h1 {font-size:1.5em; font-weight:bold; margin: 14px 5px; color:#262626;}
h2 {font-size:1.4em; font-weight:bold; margin: 14px 5px; color:#262626;}
h3 {font-size:1.3em; font-weight:bold; margin: 12px 5px; color:#525252;}
h4 {font-size:1.2em; font-weight:bold; margin: 12px 5px; color:#525252; border-bottom: 1px solid #525252;}
ul {font-size:12px; list-style-position:outside; margin-left:5px; margin-top: 10px; padding-left: 5px;}
li {font-size:12px; list-style-position:outside; margin-left:5px; padding-left: 5px; margin-bottom: 10px; list-style-type:disc;}
img {border:none;}
a:link {color:#003399; text-decoration:none; font-weight:bold;}
a:visited {color:#003399; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
video {width:100%; height: 100%; object-fit: cover; position: absolute;}

/* Top Bar */

.topWrap {background-color: #fff; max-width: 1536px; margin: 0 auto;}
.topBar {width:100vw; margin: 0; padding: 8px 0; background-color:#D1D1D1; height:12px;}
.topNav {width:99vw; position: sticky; top:0; z-index: 1000; background-color: #ffffff;}
.topRight {text-align: right;}
.topIcons {font-size: 1.2em !important; float: right !important; text-align: right !important; margin: 20px 10px 0 0;}
.topIcons a {padding:5px 10px 0 10px; text-align: right;}
.topLinksRight {float:right; width: 30vw; text-align:right !important; vertical-align: middle; padding: 0; margin: 0 12px 0 0;}
.midRow {clear:both;}
.topNav a {color:#333333;}
.iconImg {vertical-align:baseline;}
.contactIcon {width: 40vw; float:left;}
.contactMenu {float:left;}
.contactHeader {padding:4px 0; text-align:center; border-bottom:1px solid #000;}
.topMobile {width:50vw; text-align:right; float:right; display:none; margin-top:17px; height:36px;}
.topMobile a {padding:8px; margin: 8px 0px 8px 3px; color:#333333; font-size:18px;}

/* Main Navigation Menu */

.mobileMenu {display: none; float:right; width:20px; height: 25px; padding: 8px; margin-right: 1vw;}
.closeMobileNav {display: none;}
.mainNav {display: flex; float:left; padding: 0; font-size: 1.15em; background-color: #fff; width: 98%; max-width:1536px; margin: 0 1% 0 0; text-align: center; justify-content: space-around; vertical-align: middle;}
.midRow {padding: 0 0 12px; background-color: #fff; margin: 0;}
.mainNav ul {display: flex; justify-content: space-between; padding: 0; margin: 0; list-style-type: none; float:left; list-style-position: inside;}
.mainNav li {list-style-type: none; padding: 0; margin: 0; float:left;}
.mainNav a:link {padding: 10px 8px 8px; text-align: center; float:left; color: #262626; border-bottom: 2px solid #fff; margin: 0 !important;}
.mainNav a:visited {color: #262626; border-bottom: 2px solid #fff;}
.mainNav a:hover {border-bottom: 2px solid #003399; text-decoration: none; font-weight: bolder;}
.mainNav a:active {}
.productBalcony {background-color:#eaecf0; border-bottom: 1px solid #cccccc; text-align:center; color:#667085; padding: 0px 6px; margin: 0 auto 0 auto; clear:both; vertical-align: middle;}
.productBalcony ul {padding: 0 6px; margin: 0; list-style-type: none; float:left;}
.productBalcony li {list-style-type: none; padding: 0; margin: 0; float:left;}
.productBalcony a:link {float: left; text-align: center; color: #525252; padding: 10px; border-bottom: 2px solid #eaecf0;}
.productBalcony a:visited {color: #525252; border-bottom: 2px solid #eaecf0;}
.productBalcony a:hover {text-decoration: none; font-weight: bolder; border-bottom: 2px solid #003399; color: #003399;}
.productBalcony a:active {border-bottom: 2px solid #003399;}
.productLinks {width:1536px; margin: 0 auto 0 auto; display: flex; justify-content: space-around;}


/* Site Wrapper */

#mainWrapper {max-width:1536px; margin: 0 auto 0 auto;}

/* Logo Banner */

.logoBanner {height: 75px; background-color:#FFF;}
.logoleft {float:left; width: 50%; text-align: left; margin-bottom: 8px;}

/* Global */

.globalLinks {width: 32%; float:left;}
.globalLinks img {float:none !important; border:1px solid #000 !important;}
.globalLinks p {margin-bottom:30px; font-size:1.2em;}
.globalWrap {width:99%; background-image:url(../images/global/world-background.jpg); background-position:center;background-repeat:none;}

/* Top 60/40 Banner */
.mainHomeFeature {width: 100%; position:relative;}
.mainHomeFeatureText {
    width: 360px;
    position: absolute;
    padding-left: 15px;
    left: 1px;
}
.mainHomeFeatureVideo {width:500px; height: 281px; position: absolute; right:5px; top:65px;}
.mainHomeFeatureImage {width:30%; position: absolute; top: 70px; left: 35%;}
.mainHomeBackground {width: 100%; overflow: hidden;}
.mainHomeBackground img {object-fit: cover; height: 360px;}
.blogHomeFeature {width:40%; float: right;}

/* Feature */
.homeAnnounce {border: 1px solid #cc0000; margin-bottom: 5px; padding: 8px; text-align: center; background-color: #fcfcfc;}
.homeAnnounce p {color: #cc0000; font-weight: bold;}
.homeFeature {padding:0; margin-right:5px; float:left; margin-top:0; display:block;}
.homeFeatureTitle {background-color:#003399; font-size:1.5em; color:#ffffff; margin:0; padding: 12px; font-weight:bolder; margin-bottom: 12px;}
.homeFeatureIMG {z-index:0; }
.homeFeatureIMG img {margin:0px; width:100%; height: auto; object-fit: cover; }
.homeFeatureText {float:left; width:35%; position:absolute; padding:0;}
.homeFeatureText h1 {color:#003399;}
.homeFeatureText ul {margin-left:15px; font-size:1.1em !important; font-weight:bold;}
.homeFeatureText li {}

/* Conversion Tool */

#ConversionTool {border: 1px solid #eaecf0; text-align: left !important;}
.conversionField {width: 80px; padding: 4px; font-size:1em; border: 1px solid #666666; margin: 4px 0;}
.conversionAngle {width: 40px; padding: 4px; font-size:1em; border: 1px solid #666666; margin: 4px 0;}
.conversionDropDown {padding: 3px; background-color: #F4F4F4; font-size:1em; border: 1px solid #666666; margin: 4px 0;}
.result {font-weight:bold; padding: 4px; width: 100px; overflow-x: scroll; color:#003399; border: 1px solid #666666; margin: 4px 0;}
.separate {border-bottom:1px solid #6A6A6A; margin:5px; padding:8px 2px;}
#toolWindow {float: right; height: 26px; width: 26px; text-align:center; margin-top:0;}
#toolWindow a {font-size:18px; color:#333333; text-decoration:none;}

/* Sizing Menu */

.sizingList {width:170px; margin-right:15px; text-align:center; float:left; padding:0;}
.sizingList img {float:none; margin:0;}
.sizingMobile {display:none;}

/* Sizing Tools */
.sizingWrap {border:1px solid #cccccc; padding:5px; margin: 5px; float:left; clear:left;}
.sizingWrap h3 {color:#ffffff;}
.sizingTools {width:32%; height:200px; float:left; border:1px solid #cccccc; margin:5px; text-align:center;}
#FullReportOverlay h3 {border-bottom:1px solid #000000; color:#262626;}
.sizingToolTip {box-shadow:4px 4px 4px #666666; padding:8px; width: 425px; border:1px solid #cccccc; background-color:#ffffff; }
.sizingBtn {height:40px; border-top:1px solid #cccccc; padding:8px; margin-top: 10px; margin-bottom:10px;}
.sizingBtn input[type=button] {padding: 8px; color: #003399; background-color:#d1d1d1; border:1px solid #c5c5c5; margin:5px; text-align:center; min-width:70px; font-weight:bold; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;}
.sizingBtn input[type=button]:hover {color: #FFFFFF; background-color:#003399; border-color:#003399; box-shadow: 4px 4px 4px #666666; margin:3px 7px 7px 3px; text-decoration:none;}

/* Search Bar */

.searchBar {height: 55px; border-top:1px solid #003399; border-bottom:1px solid #003399;}
.searchBarForms {padding-top:0px;}
.searchBarSelect {width:120px; font-size:14px; margin:0px; padding:4px; border: 1px solid #CCCCCC;}
.searchBox {float:right; width: 28%; text-align:right !important; vertical-align: middle; padding: 0; margin: 10px 12px 10px 0; padding-right:12px !important;}
.OMsearch input {padding: 2px 5px !important;}
.OMsearch button {padding: 2px !important;}
#siteSearchButton {height:32px !important; width: 32px !important; background-color: #003399 !important; font-size: 12px;}
#siteSearch {height: 32px !important; font-size: 12px; width: 90%;}
.ss360-custom-search .ss360-custom-search__searchbutton {height:32px !important; width: 32px !important; background-color: #003399 !important;}
.ss360-custom-search .ss360-custom-search__searchbox {height: 32px !important;}
.ss360-custom-search {justify-content: flex-end !important; padding: 2px 0 2px 0 !important;}
.unibox__suggest-heading {font-size: 1em !important;}
.unibox-n-section {font-size: 12px !important;}
.ss360-layer--overlay {max-width: 1100px !important;}
.ss360-layer__content .ss360-n-section .ss360-layer__content--tabs {overflow-x: scroll !important;}
.ss360-n-section .ss360-suggests__header a {font-size: 1em !important;}
.ss360-suggests__link .ss360-ac-c {font-size: 1em !important;}
.unibox-tc-c button {color:#525252 !important;}
.searchField {width:150px; margin: 5px 0px; padding:5px;}
.supportPhone {width: 400px; float:right; text-align:center; font-size:14px; font-weight:bold; padding-top: 20px;}
.supportChat {width: 130px; float:right; margin-top:10px;}
.searchBtnIcon {height:26px; width:26px; background-repeat:no-repeat; margin:0; background-color:#003399; border:none; background-image: url("../images/mainContent/search-glass.png"); vertical-align: middle; }
#mobileSearch {border-bottom:1px solid #003399; width:100%; text-align:center; float:none; clear:both;}

/* Product Balcony Menu */

.productCenter80 > div {display:inline-block;}
.productCenter80 {text-align:center; margin: 0px auto; width:80%;}
.productCenter70 > div {display:inline-block;}
.productCenter70 {text-align:center; margin: 0px auto; width:70%;}
.productCenter > div {display:inline-block;}
.productCenter {text-align: center; margin: 0px auto; width:90%}
.productList {width:auto; float:left; margin:0 0 10px 0; text-align:left;}
.productIMG {width:125px; float:right; text-align:left; margin:0px;}
.offerBar {width:100%; border-bottom:1px solid #003399; clear:both; text-align:center; padding: 4px 0; }
.offer {padding-left:38px; padding-top:4px; padding-bottom:4px; font-weight:bold; text-transform:uppercase; font-style:italic; font-size:1.2em; background-image:url(../images/mainContent/free-shipping-icon-sm-blk.png); background-repeat:no-repeat;}

/* Banners */
.videoBanner {width: 100%; height: 450px; position:relative;}

/* Breadcrumb Menu */

.breadCrumbBar {border-bottom:#cccccc 1px solid; padding:8px 5px; font-weight:bold; height:20px;}
.breadCrumbBar ol {margin: 0; padding: 0; float:left; width: 95%;}
.breadCrumbBar li {float:left; margin: 0 5px 0 0; list-style-type:none; font-size:1em; text-wrap:none; }

/* Product Banner */
.productBanner {width:100%; height:200px; margin-bottom: 12px; display: flex; justify-content: space-between; border-bottom: 1px solid #d0d5dd;}
.productBanner img {float:left; margin-right: 10px;}
.productBannerText {float: left; width:55%;}
.productBannerVideo {width:350px; float:right; margin-left: 10px;}
.productBannerVideo video {height:200px; width:350px; object-fit: cover; }

/* Special Controls */

.clearFloat {float: none; clear:both; margin-bottom:2px;} /* Used after float objects within a div to prevent wrapping */
.mobileShow {display:none;} /* Used for Mobile-Only content */
.mobileHide {} /* Used to hide content in Mobile view */
.scrollHold {float:right; position:fixed; top:0%; right:0%; z-index:99999; width:5px; height:5px;} /* Used to prevent scrolling during Tab events */

/* Main Content Area */

.mainContent {clear:both;}
.mainContent p {font-size:1.1em;}
.mainContent ul li {font-size:1.1em;}
.mobileTitle {text-align:center; display:none;} /* Used to move h1 Title to the top for mobile, will not display on PC */
.centerContent {text-align:center;} /* Used to center content within a wrapper */
.centerContent ul li {text-align:left;}
.contentLeft {width:65%; float:left; padding-left:5px;} /* content div to float left */
.contentLeft p {font-size:1.1em;}
.contentLeft ul li {margin-left:12px;}
.contentRight {width:65%; float:right; padding-left:5px;} /* content div to float right */
.contentRight p {font-size:1.1em;}
.contentRight ul li {margin-left:12px;}
/* Home Page */
.fullWidth {width: 100%; clear: both; margin-top: 5px;}
.fullWidth h1 {font-size: 2em;}
.fullWidth h2 {font-size: 1.8em; padding: 10px; margin: 0 0 20px 0;  text-align:left; color: #262626; border-top: 2px solid #003399;}
.fullWidth p {font-size: 1.3em; margin-top: 1em;}
.fullWidth ul li {font-size: 1.3em; list-style-type: none;}
.fullWidthSub {width: 100%; clear: both; margin: 20px 0 20px 0; padding-top: 10px;}
.fullWidthSub h1 {font-size: 2em;}
.fullWidthSub h2 {font-size: 1.5em; border-top: 1px solid #003399; padding: 12px 8px; margin: 0 0 20px 0;  text-align:left; color: #262626;}
.fullWidthSub p {font-size: 1.1em; margin-top: .5em;}
.fa-li {color: #667085;}
.twoColumnLeft {width: 49%; margin-right: 1%; float: left;}
.twoColumnRight {width: 49%; margin-left: 1%; float: left;}
.threeColumnLeft {width: 32%; margin-right: 1%; float: left;}
.threeColumnCenter {width: 33%; float: left;}
.threeColumnRight {width: 32%; margin-left: 1%; float: left;}
.homeProduct {width: 31%; margin: 1%; float:left; text-align: center;}
.homeProductFull {width: 98%; margin: 1%; float:left; text-align: center;}
/*.homeProduct img {width:75%; height: auto;}*/
.homeImgRight {width: 45%; margin-left: 1%; float: right;}
.homeImgRight img {width: 100%;}
.homeImgRightSmall {width: 30%; margin-left: 1%; float: right;}
.homeImgRightSmall img {width: 100%;}
.focusText {font-size: 1.2em;}
.highlightText {color: #666;}
.appVideo {float: right; margin-left: 10px; width: 25vw; position: relative; height: 300px;}
/* Overview page Items */
.productCat {width:74%; float:left; margin:5px 0 5px 5px; border: 1px solid #cccccc; padding: 0 4px 4px 4px;}
.productCat h2 {border-bottom:1px solid #003399; border-left:4px solid #003399; padding:4px 0 4px 8px; border-bottom-left-radius:5px; text-align:left;}
.productTypes {margin: 0 4px 10px 4px; clear: both; padding-bottom:8px; float: none; width: 99%;}
.productTypes img {float:left; margin-right:6px;}
.productDescription {float:left; margin:0 5px; width: 75%; text-align:left;}
.productDescription li {margin-left:12px;}
/* Sub-category page Items */
.productSeries {width:74%; float:right; margin:5px 5px 5px 0; border: 1px solid #cccccc; padding: 0 4px 4px 4px;}
.productSeries h2 {border-bottom:1px solid #003399; border-left:4px solid #003399; padding:4px 0 4px 8px; border-bottom-left-radius:5px; text-align:left;}
.productSeries ul li {text-align:left; margin-left:12px;}
.productSeries3Column {width:32%; padding: 0 4px 8px 4px; float:left;} /* used for 3 series columns */
.productSeries2Column {width:49%; padding: 0 4px 8px 4px; float:left;} /* used for 2 series columns */
.leadTime {background-image:url(../images/mainContent/short-lead-time-icon-sm-blue.png); background-repeat:no-repeat; background-position:5px 0px; padding: 9px 0px 10px 55px; margin-bottom:5px;}
.leadTime p {font-size:1em !important; font-style:italic; font-weight: bold; margin: 0px } 
.officeLocations h2 {border-bottom:1px solid #003399; border-left:4px solid #003399; padding:4px 0 4px 8px; border-bottom-left-radius:5px; text-align:left;}
.officeLocations h3 {border-bottom: 1px solid #003399;}
.officeLocations h4 {font-size:1.1em; font-weight:bold; color:#262626;}
.officeColumns {width:19%; float:left; margin:5px;}
.appColumns {width:23%; float:left; margin:5px; text-align:center; border:1px solid #cccccc;}
.pdfMarker {background-image:url(../images/mainContent/pdf-icon-black-24px.png); background-repeat:no-repeat; padding:1px 0 0 26px; margin-top:5px;}
.videoList {padding: 5px; clear:both;}
.videoThumb {border:1px solid #cccccc; float:left; width:225px; height: 175px; margin:5px; text-align:center;}
.tradeShows {margin:5px; padding:5px; border:1px solid #cccccc;}
.tradeShows h3 {border-bottom: 1px solid #003399 !important;}
.tradeShows img {float:right;}

/* Image Options */

.topImgRight {width:30%; float:right; text-align:center;} /* div used for top product image on LM pages - must wrap around image */
.imgRight img {float:right; margin-left:10px; margin-bottom:10px;} /* div used to float images right with content - must wrap around image */
.imgLeft img {float:left; margin-right:10px; margin-bottom:10px;} /* div used to float images left with content - must wrap around image */
.productImgRight img {float:right; margin-left:10px; margin-bottom:10px;} /* div used for Product images floating right - must wrap around image */
.productImgLeft img {float:left; margin-right:10px; margin-bottom:10px;} /* div used for Product images floating leftt - must wrap around image */
.mobileFullIMG {border:none; width:auto;} /* div container for images needed fullsize in Mobile View */
.mobileFullIMG img {float:none; width:auto;}
.whiteImgBorder img {border:1px solid #cccccc; box-shadow: 4px 4px 4px #666666;}/* div container for white images that require separation/border from content */

/* Buttons and Controls */

.downloadBtn {float:none; height:48px; margin-bottom:8px; clear:left;} /* div container for Learn More and related buttons */
.downloadBtn ul {margin:0; padding:0; list-style-type:none;}
.downloadBtn li {margin:0; padding:0; list-style-type:none; font-size:1em;}
.downloadBtn a:link {padding: 10px 0; color: #f2f4f7; background-color:#003399; float:left; margin:5px 1%; text-align:center; width: 47%;}
.downloadBtn a:visited {color: #f2f4f7; background-color:#003399;}
.downloadBtn a:hover {color: #FFFFFF !important; background-color:#0055CC; text-decoration:none;}
.downloadBtn a:active {}
.searchBtn {width:65%; float:left;} /* div container for Request Info, Search by Spec and related buttons */
.searchBtn ul {margin:0px; padding:0px; list-style-type:none;}
.searchBtn li {margin:0px; padding:0px; list-style-type:none; font-size:1em;}
.searchBtn a:link {padding: 12px; color: #f2f4f7; background-color:#003399; float:left; margin:5px; text-align:center; min-width:70px;}
.searchBtn a:visited {color: #f2f4f7; background-color:#003399; border:1px solid #d1d1d1;}
.searchBtn a:hover {color: #FFFFFF !important; background-color:#0055CC; text-decoration:none;}
.searchBtn a:active {}
.learnBtn {float:none; height:48px; margin-bottom:8px; clear:left;} /* div container for Learn More and related buttons */
.learnBtn ul {margin:0; padding:0; list-style-type:none;}
.learnBtn li {margin:0; padding:0; list-style-type:none; font-size:1em !important;}
.learnBtn a:link {padding: 10px; color: #f2f4f7; background-color:#003399; float:left; margin:5px; text-align:center; min-width:70px; text-transform: none !important; font-size: 1em !important;}
.learnBtn a:visited {color: #f2f4f7; background-color:#003399;}
.learnBtn a:hover {color: #FFFFFF !important; background-color:#0055CC; text-decoration:none;}
.learnBtn a:active {}
.compareBtn {float:none; height:50px; margin-bottom:8px; clear:left;} /* div container for Compare Banner */
.compareBtn ul {margin:0; padding:0; list-style-type:none;}
.compareBtn li {margin:0; padding:0; list-style-type:none; font-size:1em;}
.compareBtn a:link {padding: 10px 0; color: #f2f4f7; background-color:#003399; float:left; margin:5px 0; text-align:center; width:99%; font-size:1.2em;}
.compareBtn a:visited {color: #f2f4f7;}
.compareBtn a:hover {color: #FFFFFF !important; background-color:#0055CC; text-decoration:none;}
.compareBtn a:active {}

.quickSelect {width:65%; float:left; background-color:#d1d1d1; margin-bottom:12px; font-size:12px; padding-left:2px;} /* div container for Quick Select buttons */
.quickSelect select {padding:6px; border:1px solid #cccccc; background-color:#ffffff; }
.quickSelect a:link {padding: 10px; color: #f2f4f7; background-color:#003399; float:left; text-align:center; min-width:70px;}
.quickSelect a:visited {color: #f2f4f7; background-color:#003399; border:1px solid #c5c5c5;}
.quickSelect a:hover {color: #FFFFFF !important; background-color:#0055CC; text-decoration:none;}
.quickSelect a:active {}
.quickView {width:100%; height:30px; text-align:center; margin-top:8px; clear:both;} /* div container for Quick View buttons */
.quickView a:link {padding: 6px 10px; color:#f2f4f7; background-color:#003399; float: none; text-align:center; min-width:70px;}
.quickView a:visited {color: #f2f4f7; background-color:#003399;}
.quickView a:hover {color: #FFFFFF; background-color:#0055CC; text-decoration:none;}
.quickView a:active {}
.sizes {padding:4px;} /* div container for product size markers - must use ul list */
.sizes ul {list-style-type:none; padding:0; margin:0;}
.sizes li {float: left; list-style-type:none; background-color:#ffffff; color:#003399 !important; border: 1px solid #003399; margin: 2px; padding: 6px 12px; font-weight: bold;}
.selectorList {border: 1px solid #cccccc; padding:4px; background-color:#ffffff;} /* div container for primary selector links into CatNav */
.selectorList ul {margin:0; padding:0; list-style-type:none;}
.selectorList li {margin:0; padding:0; list-style-type:none; font-size:1em;}
.selectorList a:link {float:left; color:#ffffff !important; text-decoration:none; font-weight:normal; padding: 6px; background-color:#003399; border:1px solid #cccccc; font-size:12px; margin:2px;}
.selectorList a:visited {text-decoration:none; color:#ffffff !important;}
.selectorList a:hover {background-color:#ffffff; color:#000000 !important; border-color:#003399; box-shadow: 4px 4px 4px #666666; margin: 0 4px 4px 0; text-decoration:none;}
.selectorList a:active {box-shadow:3px 3px 3px #666666; color:#000000 !important;}
.signupBtn {width:150px; margin:5px; float:right; clear:right;}
.hs-button {padding: 12px !important; color: #003399 !important; background-color:#d1d1d1 !important; border:1px solid #c5c5c5 !important; margin:5px !important; text-align:center; background-image:none !important; font-weight:bold !important; text-decoration:none !important; outline:none !important; text-shadow:none !important; box-shadow:none !important;}
.hs-button:hover {color: #FFFFFF !important; background-color:#003399 !important; border-color:#003399 !important; box-shadow: 4px 4px 4px #666666 !important; margin:3px 7px 7px 3px !important; text-decoration:none;}

/* Tabbed Content */

.tabArea {width:75%; float:left; margin:5px 0 0 5px;} /* div container to offset tabbed content */
.tabArea h2 {border-bottom:1px solid #003399; border-left:4px solid #003399; padding:4px 0 4px 8px; border-bottom-left-radius:5px;}
.tabArea h3 {}
.tabArea h4 {border:none;}
.tabContentRow {margin:8px 0; border:1px solid #cccccc; padding: 4px;} /* div container to separate content within a tab, use to keep related text and images grouped together in various views */
.tabContentRow img {margin: 8px 8px 8px 0;}
.tabColumns {width:49%; height:auto; float:left;} /* use to create 2 column tabbed content */
.afterColumn {clear:both;} /* use to clear after 2 column content to return to single column - add as breaking div */
.tabMobileScroll {border:none;} /* use for wide content; tables or images that need to become scrollable in mobile view */

/* Ancillary Content */

.articleContent {width: 75%; float:left; margin:5px 0 0 5px;} /* use for tech article body content */
.pdfLink {float:right; margin: 0 0 5px 5px; padding: 4px;}

/* Promotion/Sidebar Content */

.promoRight {width:24%; float:right;} /* right sidebar */
.promoRight ul li {text-align:left; margin-left:6px; padding-left:6px; list-style-type:none;}
.promoLeft {width:24%; float:left;} /* left sidebar */
.promoLeft ul li {text-align:left; margin-left:6px; padding-left:6px; list-style-type:none;}
.promoTop {font-weight: bold; border:1px single #d0d5dd; background-color: #003399; margin:5px 5px 0 5px; padding:.5em .5em .5em .7em; color:#ffffff !important; line-height: 1.3; text-align:center; font-size:1.3em;} /* section topper */
.promoWrap {border: 1px solid #d0d5dd; margin:0 5px 5px 5px; text-align:center;} /* div container for sidebar content, should be after promoTop */

.whiteTitleLink a {color:#ffffff !important; font-weight:normal !important;}
.whiteTitleLink a:link {color:#ffffff !important; font-weight:normal;}
.whiteTitleLink a:visited {color:#ffffff !important;}
.whiteTitleLink a:hover {color:#ffffff !important;}
.whiteTitleLink a:active {color:#ffffff !important;}
.blogPosts {
	text-align:left;
	padding-left:15px;
	padding-right: 5px;
}
.fw-container {padding: 0; margin: 5px;}
.fw-feed-item-title {line-height: 1px !important; font-size:1.1em !important;}
.blogPosts .fw-feed-item {padding:5px !important; font-size:1.1em !important;}


/* Quick View Pop Up Content */

.previewProduct {height:auto !important; width:90%;} /* div container for Quick View product info */
.previewFrame {height:auto; min-height: 500px; width:100%; padding:10px; border:none;} /* div container for content iFrame */
.quickFormFrame {height:100%; width:100%; border:none;} 
.previewContent {width:100%;}
.previewContent img {float:right;}
.previewContent ul li {margin-left:18px;}
.previewColumns {float:left; padding:5px; margin-right:5px;}
.previewLeft {text-align:left;}
.previewLeft img {float:none;}
.compareProduct {height:auto; max-height: 700px !important; overflow-y: scroll; overflow-x: scroll; width:98%; background-color:#F2F4F7;}

/* Map */
#map {height:100%}
#mapWrapper {width:75%; height:500px; margin:0; padding:0;}

/* Footer */

.footerBar {width: 100%; margin: none; padding: 8px 0; background-color:#003399;}
.footerNav {margin: 0 auto; color: #F2F4F7; display: flex; justify-content: space-between; max-width: 1536px;}
.footerNav a {color: #F2F4F7;}
.footerNav p {color: #F2F4F7;}
.footerColumn {width:20%; float:left;}
.footerColumn li {margin-top:10px;}
.footerColumn h4 {border-bottom: #F2F4F7 solid 1px; color:#F2F4F7;}
.footerCopy {max-width:1536px; width: 100%; margin: 0 auto; height: 36px; color:#F2F4F7; text-align: center;}
.socialIcons {max-width:1536px; width: 100%; margin: 0 auto; display: flex; justify-content: center; padding: 0;}
.socialIcons img {margin:10px;}

/* 
  -----------------------------------
  Tab Panel Magic 3
  by Project Seven Development
  www.projectseven.com
  Style Theme: 4 - Charcoal
  -----------------------------------
*/
.p7TP3-04 {
	margin: 0 auto;
}
.p7TP3-04:after {
	content: ".";
	font-size: 0px;
	display: inline;
	overflow: hidden;
	line-height: 1;
}
.p7TP3-04 img {
	vertical-align: top;
}
/*Triggers construct - including arrows*/
.p7TP3-04 .p7TP3tabs_04.no-tabs {
	display: none;
}
.p7TP3tabs_04 {
	position: relative;
	z-index: 10;
	overflow: hidden;
	zoom: 1;
	background-image: url(img/tp3_04_tabs.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.p7TP3_arrows_04 .p7TP3_arrow_L, .p7TP3_arrows_04 .p7TP3_arrow_R {
	float: left;
	position: relative;
	z-index: 10;
}
.p7TP3_arrows_04 .p7TP3_arrow_R {
	float: right;
}
.p7TP3_arrows_04 a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: left center;
}
.p7TP3_arrows_04 .p7TP3_arrow_L a {
	background-image: url(img/tp3_04_west.png);
	border-right: 1px solid #000;
}
.p7TP3_arrows_04 .p7TP3_arrow_R a {
	background-image: url(img/tp3_04_east.png);
	border-left: 1px solid #000;
}
.p7TP3_arrows_04 a:hover, .p7TP3_arrows_04 a:focus {
	outline: 0;
	background-position: -26px center;
}
.p7TP3_arrows_04 a.off {
	display: block;
	background-position: -52px center;
	cursor: default;
}
/*Trigger and Arrows Font Size, top, and bottom padding*/
.p7TP3_arrows_04 a, .p7TP3_tabs_04 a, .p7TP3_tabs_04 a:visited {
	font-size: inherit;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}
/*Trigger Viewport*/
.p7TP3-04 .p7TP3tabs_viewport {
	position:relative;
	overflow:hidden;
	zoom: 1;
}
/*Trigger Wrapper*/
.p7TP3-04 .p7TP3tabs_wrapper {
	position:relative;
}
/*Trigger UL*/
.p7TP3_tabs_04 {
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 10;
	zoom: 1;
}
.p7TP3_tabs_04 a img {
	border: 0;
}
.p7TP3_tabs_04 li {
	float: left;
	list-style-type: none;
	margin-left: 0px;
	position: relative;
}
.p7TP3_tabs_04 .tp3first {
	margin-left: 0;
}
.p7TP3_tabs_04 a, .p7TP3_tabs_04 a:visited {
	display: block;
	color: #EDEDED;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
	background-image: url(img/tp3_04_tabs.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.p7TP3_tabs_04 .tp3first a {
	border-left: 0;
}
.p7TP3_tabs_04 a:hover, .p7TP3_tabs_04 a:focus {
	outline: 0;
	color: #FFF;
}
.p7TP3_tabs_04 a.open, .p7TP3_tabs_04 a.open:visited {
	text-decoration: none;
	color: #000;
	background-repeat: no-repeat;
	background-position: 0 -122px;
	border-bottom-color: transparent;
}

/*Toolbars*/
.p7TP3-04.tools-top {
	padding-top: 0px;
}
.p7TP3-04.tools-bottom {
	padding-bottom: 0px;
}
.p7TP3-04-tools {
	position: relative;
	text-align: center;
	padding: 6px 0px;
	overflow: hidden;
}

/*Paginator*/
.p7TP3-04 .p7TP3-04-pags {
	overflow: hidden;
}
.p7TP3-04 .p7TP3-04-pags ul {
	margin: 0px;
	padding: 0;
	display: inline-block;
}
.p7TP3-04 .p7TP3-04-pags li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
	margin: 3px;
}
.p7TP3-04 .p7TP3-04-pags ul a {
	text-decoration: none;
	display: block;
	color: #666666;
	background-color: #666666;
	font-size: 0px;
	line-height: 0px;
	padding: 5px;
	border-radius: 100%;
	border: none !important;
}
.p7TP3-04 .p7TP3-04-pags ul a:hover, .p7TP3-04 .p7TP3-04-pags ul a.down {
	background-color: #E39658;
}
/*Prev-Next Arrows*/

.p7TP3-04 .p7TP3-04-arrows a {
	text-decoration: none;
	position: absolute;
	z-index: 10;
	display: block;
	opacity: .35;
	font-size: 0px;
	color: rgba(255,255,255,0);
}
.p7TP3-04 .p7TP3-04-arrows a:hover {
	opacity: 1;
}
.p7TP3-04 .p7TP3-04-arrow-prev {
	left: 3px;
	top: 42%;
	background-image: url(img/p7tp3-prev-dark.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 14px;
}

.p7TP3-04.v-slide .p7TP3-04-arrow-prev {
	left: auto;
	top: 6px;
	background-image: url(img/p7tp3-up-dark.png);
	height: 14px;
	width: 25px;
	right: 6px;
}

.p7TP3-04 .p7TP3-04-arrow-next {
	right: 3px;
	top: 42%;
	background-image: url(img/p7tp3-next-dark.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 14px;
}

.p7TP3-04.v-slide .p7TP3-04-arrow-next {
	right: 3px;
	top: auto;
	bottom: 6px;
	background-image: url(img/p7tp3-down-dark.png);
	height: 14px;
	width: 25px;
}
/*Pause-Play Control*/
.p7TP3-04-pause-play {
	float: right;
	font-size: 13px;
}
.p7TP3-04-pause-play a {
	display: block;
	text-decoration: none;
	color: #666666;
	text-transform: uppercase;
}
.p7TP3-04-pause-play a:hover {
	color: #E39658;
}

/*Panels*/
/*Outer Wrapper*/
.p7TP3cwrapper_04 {
	background-color: #FFF;
	position: relative;
	top: -1px;
}
/*Panels Viewport*/
.p7TP3cwrapper_04 .p7TP3_vp { filter: none;}

/*Individual panels*/
.p7TP3_content_04 {
	padding: 20px;
	color: #000;
	font-size: inherit;
	line-height: 1.5em;
}
/* 
  -----------------------------------
  Tab Panel Magic 3
  by Project Seven Development
  www.projectseven.com
  Style Theme: 6 - Basic
  -----------------------------------
*/
.p7TP3-06 {
	width: auto;
	margin: 0 auto;
}
.p7TP3-06:after {
	content: ".";
	font-size: 0px;
	display: inline;
	overflow: hidden;
	/*line-height: 1;*/
}
.p7TP3-06 img {
	vertical-align: top;
}
/*Triggers construct - including arrows*/
.p7TP3-06 .p7TP3tabs_06.no-tabs {
	display: none;
}
.p7TP3tabs_06 {
	position: relative;
	z-index: 10;
	overflow: hidden;
	zoom: 1;
}
.p7TP3_arrows_06 .p7TP3_arrow_L, .p7TP3_arrows_06 .p7TP3_arrow_R {
	display:none;
}
.p7TP3_arrows_06 .p7TP3_arrow_R {
	float: right;
}
.p7TP3_arrows_06 a {
	display: block;
	text-decoration: none;
	color: #CCC;
	text-indent: -9999px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #B8C0D1;
}
.p7TP3_arrows_06 .p7TP3_arrow_L a {
	background-image: url(img/tp3_06_west.jpg);
}
.p7TP3_arrows_06 .p7TP3_arrow_R a {
	background-image:url(../../images/mainContent/mgm-right-medium.gif);
	background-color:#ffffff !important;
	padding: 10px 0;
	border:1px solid #ffffff;
	background-position:center center;
}
.p7TP3_arrows_06 a:hover, .p7TP3_arrows_06 a:focus {
	outline: 0;
}
.p7TP3_arrows_06 .p7TP3_arrow_R a.off {
	display: block;
	background-position: -26px 0px;
	cursor: default;
}
.p7TP3_arrows_06 .p7TP3_arrow_L a.off {
	display: block;
	background-position: -26px 0px;
	cursor: default;
}
/*Trigger and Arrows Font Size, top, and bottom padding*/
.p7TP3_arrows_06 a, .p7TP3_tabs_06 a, .p7TP3_tabs_06 a:visited {
	font-size: inherit;
	/*padding-top: 10px !important;
	padding-bottom: 10px !important;*/
}
.p7TP3_arrows_06 a {
	/*padding-top: 5px !important;
	padding-bottom: 5px !important;*/
}
/*Trigger Viewport*/
.p7TP3-06 .p7TP3tabs_viewport {
	position:relative;
	overflow:hidden;
	zoom: 1;
}
/*Trigger Wrapper*/
.p7TP3-06 .p7TP3tabs_wrapper {
	position:relative;
}
/*Trigger UL*/
.p7TP3_tabs_06 {
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 10;
	zoom: 1;
}
.p7TP3_tabs_06 a img {
	border: 0;
}
.p7TP3_tabs_06 li {
	float: left;
	list-style-type: none;
	margin-bottom:0px !important;
	margin-left:2px !important;
	margin-right:0px !important;
	padding:0px !important;
	position: relative;
}
.p7TP3_tabs_06 .tp3first {

}
.p7TP3_tabs_06 a, .p7TP3_tabs_06 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 12px !important;
	border: 1px solid #cccccc;
	background-color: #eaecf0;
	/*border-top-left-radius:5px;
	border-top-right-radius:5px;*/
}
.p7TP3_tabs_06 .tp3first a {
	border-left: 0;

}
.p7TP3_tabs_06 a:hover, .p7TP3_tabs_06 a:focus .p7TP3_tabs_06 a:active{
	outline: 0;
	color: #FFF;
	background-color: #003399;
	border-color: #cccccc;
}
.p7TP3_tabs_06 a.open, .p7TP3_tabs_06 a.open:visited {
	color: #ffffff;
	border-bottom-color: transparent;
	background-color: #003399;
	font-weight: bold;
}
/*Toolbars*/
.p7TP3-06.tools-top {
	padding-top: 0px;
}
.p7TP3-06.tools-bottom {
	padding-bottom: 0px;
}
.p7TP3-06-tools {
	position: relative;
	text-align: center;
	padding: 6px 0px;
	overflow: hidden;
}

/*Paginator*/
.p7TP3-06 .p7TP3-06-pags {
	overflow: hidden;
}
.p7TP3-06 .p7TP3-06-pags ul {
	margin: 0px;
	padding: 0;
	display: inline-block;
}
.p7TP3-06 .p7TP3-06-pags li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
	margin: 3px;
}
.p7TP3-06 .p7TP3-06-pags ul a {
	text-decoration: none;
	display: block;
	color: #333333;
	background-color: #333333;
	font-size: 0px;
	line-height: 0px;
	padding: 5px;
	border-radius: 100%;
	border: none !important;
}
.p7TP3-06 .p7TP3-06-pags ul a:hover, .p7TP3-06 .p7TP3-06-pags ul a.down {
	background-color: #8F9DB8;
}
/*Prev-Next Arrows*/

.p7TP3-06 .p7TP3-06-arrows a {
	text-decoration: none;
	position: absolute;
	z-index: 10;
	display: block;
	opacity: .35;
	font-size: 0px;
	color: rgba(255,255,255,0);
}
.p7TP3-06 .p7TP3-06-arrows a:hover {
	opacity: 1;
}
.p7TP3-06 .p7TP3-06-arrow-prev {
	left: 3px;
	top: 42%;
	background-image: url(img/p7tp3-prev-dark.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 14px;
}

.p7TP3-06.v-slide .p7TP3-06-arrow-prev {
	left: auto;
	top: 6px;
	background-image: url(img/p7tp3-up-dark.png);
	height: 14px;
	width: 25px;
	right: 6px;
}

.p7TP3-06 .p7TP3-06-arrow-next {
	right: 3px;
	top: 42%;
	background-image: url(img/p7tp3-next-dark.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 14px;
}

.p7TP3-06.v-slide .p7TP3-06-arrow-next {
	right: 3px;
	top: auto;
	bottom: 6px;
	background-image: url(img/p7tp3-down-dark.png);
	height: 14px;
	width: 25px;
}
/*Pause-Play Control*/
.p7TP3-06-pause-play {
	float: right;
	font-size: 13px;
}
.p7TP3-06-pause-play a {
	display: block;
	text-decoration: none;
	color: #666666;
	text-transform: uppercase;
}
.p7TP3-06-pause-play a:hover {
	color: #8F9DB8;
}

/*Panels*/
/*Outer Wrapper*/
.p7TP3cwrapper_06 {
	background-color: #FFF;
	position: relative;
	top: -1px;
	border: 1px solid #cccccc;
}
/*Panels Viewport*/
.p7TP3cwrapper_06 .p7TP3_vp {filter: none;}

/*Individual panels*/
.p7TP3_content_06 {
	background-color:#ffffff;
	clear:both;
	padding: 6px;
	color: #000;
	font-size: inherit;
	line-height: 1.5em;
}
/* 
  -----------------------------------
  Tab Panel Magic 3
  by Project Seven Development
  www.projectseven.com
  Style Theme: 16 - Cabernet
  -----------------------------------
*/
.p7TP3-16 {
	width: auto;
	margin: 0 auto;
}
.p7TP3-16 img {
	vertical-align: top;
}
/*Triggers construct - including arrows*/
.p7TP3-16 .p7TP3tabs_16.no-tabs {
	display: none;
}
.p7TP3tabs_16 {
	position: relative;
	z-index: 10;
	overflow: hidden;
	zoom: 1;
}
.p7TP3_arrows_16 .p7TP3_arrow_L, .p7TP3_arrows_16 .p7TP3_arrow_R {
	float: left;
	position: relative;
	z-index: 10;
	display:none;
}
.p7TP3_arrows_16 .p7TP3_arrow_R {
	float: right;
	display:none;
}
.p7TP3_arrows_16 a {
	display: none;
	text-decoration: none;
	color: #CCC;
	text-indent: -9999px;
	width: 24px;
	background-repeat: no-repeat;
	background-position: 0px center;
}
.p7TP3_arrows_16 .p7TP3_arrow_L a {
	background-image: url(img/tp3_16_west.gif);
}
.p7TP3_arrows_16 .p7TP3_arrow_R a {
	background-image: url(img/tp3_16_east.gif);
	background-color: #fff !important;
	padding: 10px 4px;
}
.p7TP3_arrows_16 .p7TP3_arrow_L a:hover {
	background-image: url(img/tp3_16_west_over.gif);
}
.p7TP3_arrows_16 .p7TP3_arrow_R a:hover {
	background-image: url(img/tp3_16_east_over.gif);
}
.p7TP3_arrows_16 a:hover, .p7TP3_arrows_16 a:focus {
	outline: 0;
}
.p7TP3_arrows_16 .p7TP3_arrow_R a.off {
	display: none;
	cursor: default;
	background-image: url(img/tp3_16_east_down.gif);
}
.p7TP3_arrows_16 .p7TP3_arrow_L a.off {
	display: none;
	cursor: default;
	background-image: url(img/tp3_16_west_down.gif);
}
/*Trigger and Arrows Font Size, top, and bottom padding*/
.p7TP3_arrows_16 a, .p7TP3_tabs_16 a, .p7TP3_tabs_16 a:visited {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
/*Trigger Viewport*/
.p7TP3-16 .p7TP3tabs_viewport {
	position:relative;
	overflow:hidden;
	zoom: 1;
}
/*Trigger Wrapper*/
.p7TP3-16 .p7TP3tabs_wrapper {
	position: relative;
	z-index: 10;
}
/*Trigger UL*/
.p7TP3_tabs_16 {
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 10;
	zoom: 1;
}
.p7TP3_tabs_16 a img {
	border: 0;
}
.p7TP3_tabs_16 li {
	float: left;
	list-style-type: none;
	position: relative;
	margin:0 !important;
	padding:0px;
}
.p7TP3_tabs_16 .tp3first {}
.p7TP3_tabs_16 a, .p7TP3_tabs_16 a:visited {
	display: block;
	color: #003399;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #F2F4F7;
	border:1px solid #999999;
	margin-bottom:0px !important;
	margin-left:2px !important;
	margin-right:0px !important;
}
.p7TP3_tabs_16 .tp3first a {
	/*border-radius: 5px 0px 0px 0px;*/
}
.p7TP3_tabs_16 .tp3last a {
	/*border-radius: 0px 5px 0px 0px;*/
	border-right:1px solid #999999;
}
.p7TP3_tabs_16 a:hover, .p7TP3_tabs_16 a:focus {
	outline: 0;
	color: #ffffff;
	background-color:#003399;
}
.p7TP3_tabs_16 a.open, .p7TP3_tabs_16 a.open:visited {
	color: #ffffff;
	background-color: #003399;
	z-index: 10;
	border-bottom-color: transparent;
	box-shadow: none;
}

/*Toolbars*/
.p7TP3-16.tools-top {
	padding-top: 0px;
}
.p7TP3-16.tools-bottom {
	padding-bottom: 0px;
}
.p7TP3-16-tools {
	position: relative;
	text-align: center;
	padding: 6px 0px;
	overflow: hidden;
}

/*Paginator*/
.p7TP3-16 .p7TP3-16-pags {
	overflow: hidden;
}
.p7TP3-16 .p7TP3-16-pags ul {
	margin: 0px;
	padding: 0;
	display: inline-block;
}
.p7TP3-16 .p7TP3-16-pags li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
	margin: 3px;
}
.p7TP3-16 .p7TP3-16-pags ul a {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: #000000;
	font-size: 0px;
	line-height: 0px;
	padding: 5px;
	border-radius: 100%;
	border: none !important;
}
.p7TP3-16 .p7TP3-16-pags ul a:hover, .p7TP3-16 .p7TP3-16-pags ul a.down {
	background-color: #003399;
}
/*Prev-Next Arrows*/

.p7TP3-16 .p7TP3-16-arrows a {
	text-decoration: none;
	position: absolute;
	z-index: 10;
	display: block;
	opacity: .35;
	font-size: 0px;
	color: rgba(255,255,255,0);
}
.p7TP3-16 .p7TP3-16-arrows a:hover {
	opacity: 1;
}
.p7TP3-16 .p7TP3-16-arrow-prev {
	left: 3px;
	top: 42%;
	background-image: url(img/p7tp3-prev-dark.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 14px;
}

.p7TP3-16.v-slide .p7TP3-16-arrow-prev {
	left: auto;
	top: 6px;
	background-image: url(img/p7tp3-up-dark.png);
	height: 14px;
	width: 25px;
	right: 6px;
}

.p7TP3-16 .p7TP3-16-arrow-next {
	right: 3px;
	top: 42%;
	background-image: url(img/p7tp3-next-dark.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 14px;
}

.p7TP3-16.v-slide .p7TP3-16-arrow-next {
	right: 3px;
	top: auto;
	bottom: 6px;
	background-image: url(img/p7tp3-down-dark.png);
	height: 14px;
	width: 25px;
}
/*Pause-Play Control*/
.p7TP3-16-pause-play {
	float: right;
	font-size: 13px;
}
.p7TP3-16-pause-play a {
	display: block;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
}
.p7TP3-16-pause-play a:hover {
	color: #DE553D;
}


/*Panels*/
/*Outer Wrapper*/
.p7TP3cwrapper_16 {
	background-color: #FFF;
	position: relative;
	top: -1px;
	z-index: 3;
}
.p7TP3-16.no-scroll .p7TP3cwrapper_16 {
	/*border-radius: 0px 5px 5px 5px;*/
}
.p7TP3-16.no-tabs .p7TP3cwrapper_16 {
	/*border-radius: 5px 5px 5px 5px;*/
}
/*Panels Viewport*/
.p7TP3cwrapper_16 .p7TP3_vp {filter: none;}

/*Individual panels*/
.p7TP3_content_16 {
	padding: 6px;
	color: #000;
	line-height: 1.5em;
	border: 1px solid #999999;
	/*border-top-right-radius:5px;*/
	margin:0px;

}
.p7TP3_content_16 a {
}
.p7TP3_content_16 a:hover, .p7TP3_content_16 a:focus {
}
/* 
  -----------------------------------
  Tab Panel Magic 3
  by Project Seven Development
  www.projectseven.com
  Content Column Structures
  -----------------------------------
*/

/*Turn off Padding in existing TPM content pabnels*/
.p7TP3content {
	padding: 0px !important;
}

/*Conditionally add padding to default content panels*/
.p7tp3-col-wrapper.no-columns {
	padding: 12px 12px;
}

/*Conditionally remove padding to default content panels that contain multi-column structures*/
.no-columns, .multi-columns {font-size: inherit;}
.p7tp3-col-wrapper.multi-columns {
	padding: 0px;
}
/*Default content padding*/
.p7tp3-column-content {
	padding: 20px 28px;
	display: block;
}

.p7tp3-col-wrapper {
	zoom: 1;
}

/*Clear Floats for Column Structures inside content panels*/
.p7tp3-col-wrapper:before, .p7tp3-col-wrapper:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.p7tp3-col-wrapper:after {
	clear: both;
}

/*Various column widths*/
.width-50 {
	width: 50%;
	float: left;
}
.width-25 {
	float: left;
	width: 25%;
}
.sidebar-left.width-main-75 {
	width: 75%;
	float: right;
}
.sidebar-left.width-25 {
	width: 25%;
	float: right;
	font-size: .9em;
}
.sidebar-right.width-main-75 {
	width: 75%;
	float: left;
}
.sidebar-right.width-25 {
	width: 25%;
	float: left;
	font-size: .9em;
}
.width-33 {
	width: 33.333%;
	float: left;
}
.width-22 {
	width: 22%;
	float: left;
	font-size: .85em;
}
.push-left-56 {
	position: relative;
	left: -56%;
}
.width-56 {
	width: 56%;
	float: left;
}
.push-right-22 {
	position: relative;
	left: 22%;
}


/*Column separators (vertical border)*/
.border-left {
	border-left: 1px solid #000;
}
.p7TP3cwrapper_14 .border-left {
	border-left: 6px solid #FFF;
}

/* 
  ------------------------------------------------
  PVII Magic Box
  Copyright (c) 2015 Project Seven Development
  www.projectseven.com
  Theme 01
  ------------------------------------------------
*/

/* Overlay */
.p7MBX-01.dark.p7mbx-overlay.transparency { background-color: rgba(255,255,255,0.80); }
.p7MBX-01.light.p7mbx-overlay.transparency { background-color: rgba(0,0,0,0.80); }


/* Text trigger link */
.mbx-external { transition: color linear .3s 0s; }
.mbx-external {color: #DF3B3D;}
.mbx-external:hover {color: #999;}
.mbx-external img {}
.mbx-external img:hover {}
.mbx-external img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

/* ------------ loading image ------------------- */
.p7mbx-loading {
	background-color: #fff;
	background-image: url("img/p7mbx_loading.gif");
	border-radius: 8px;
	box-shadow: 0 0 30px #000;
	display: none;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	opacity: 0.6;
	position: fixed;
	top: 50%;
	width: 50px;
	z-index: 99999919;
}


/* ---------------- Thumbnails ---------------- */
div.mbx-thumbs ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
div.mbx-thumbs li {
	list-style-type: none;
	display: inline-block;
	margin: 6px;
	vertical-align: middle;
}
div.mbx-thumbs li.mbx-content-link a {
	padding: 12px;
	font-size: 100%;
	text-decoration: none;
	display: block;
	max-width: 240px;
	min-height: 140px;
}
div.mbx-thumbs li { transition: transform linear .2s 0s; }
div.mbx-thumbs li:hover {
	transform: scale(1.3);
	position: relative;
	z-index: 2;
}

div.mbx-thumbs li img {
	border: 1px solid #FFF;
	height: auto !important;
	width: auto !important;
	max-height: 300px;
	max-width: 300px;
}

/* ---------------- toolbar ------------------- */
.p7MBX-01 .p7mbx-toolbar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 6px 0px;
	z-index: 99999991;
	text-align: right;
	font-size: 0px;
}
.p7MBX-01.dark .p7mbx-toolbar {
	background-color: #000;
	background: rgba(0,0,0,0.85);
}
.p7MBX-01.light .p7mbx-toolbar {
	background-color: #FFF;
	background: rgba(255,255,255,0.95);
}
.p7mbx-toolbar { display: none; }
.p7mbx-toolbar:after {
	content: "";
	display: table;
	clear: both;
}
.p7mbx-toolbar ul {
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}
.p7mbx-toolbar li {
	list-style-type: none;
	float: left;
}
.p7mbx-toolbar img { border: 0; }
.p7mbx-toolbar em { display: none; }
.p7mbx-toolbar a {
	display: block;
	width: 16px;
	height: 28px;
	outline: 0;
	opacity: .7;
	margin: 3px;
	background-repeat: no-repeat;
}
.p7mbx-toolbar a.close { margin: 0 20px 0 40px; }
.p7mbx-toolbar a:hover { opacity: 1; }
.p7MBX-01.dark .p7mbx-toolbar a.previous { background-image: url(img/p7mbx-left-dark.png); }
.p7MBX-01.light .p7mbx-toolbar a.previous { background-image: url(img/p7mbx-left-light.png); }
.p7MBX-01.dark .p7mbx-toolbar a.pause {
	background-image: url(img/p7mbx-pause-dark.png);
	width: 25px;
}
.p7MBX-01.light .p7mbx-toolbar a.pause { background-image: url(img/p7mbx-pause-light.png); }
.p7MBX-01.dark .p7mbx-toolbar a.pause.play {
	background-image: url(img/p7mbx-play-dark.png);
	width: 25px;
}
.p7MBX-01.light .p7mbx-toolbar a.pause.play {
	background-image: url(img/p7mbx-play-light.png);
	width: 25px;
}
.p7MBX-01.dark .p7mbx-toolbar a.next { background-image: url(img/p7mbx-right-dark.png); }
.p7MBX-01.light .p7mbx-toolbar a.next { background-image: url(img/p7mbx-right-light.png); }
.p7MBX-01.dark .p7mbx-toolbar a.close {
	background-image: url(img/p7mbx-close-dark.png);
	width: 25px;
}
.p7MBX-01.light .p7mbx-toolbar a.close {
	background-image: url(img/p7mbx-close-light.png);
	width: 25px;
}


/* In-Box Close Button */
.p7MBX-01 .p7mbx-ex {
	position: absolute;
	z-index: 99999991;
	top: 10px;
	right: 6px;
}
.p7MBX-01 .p7mbx-ex.set-low {
	top: 14px;
	right: 14px;
}
.p7MBX-01.matting .p7mbx-ex.set-low {
    top: 18px;
    right: 18px;
} 
.p7MBX-01 .p7mbx-ex a {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	height: 28px;
	width: 28px;
	text-decoration: none;
	opacity: .5;
	transition: opacity linear .2s 0s;
}
.p7MBX-01.dark .p7mbx-ex a { background-image: url(img/mbx-ex-dark.png); }
.p7MBX-01 .p7mbx-ex a:hover { opacity: 1; }
.p7MBX-01.light .p7mbx-ex a { background-image: url(img/mbx-ex-light.png); }


/* Large Arrows */
.p7MBX-01 .p7mbx-arrows { display: block; }
.p7MBX-01 .arrow-left,
.p7MBX-01 .arrow-right {
	position: absolute;
	top: 45%;
	z-index: 99999991;
}
.p7MBX-01 .arrow-left { left: 0px; }
.p7MBX-01 .arrow-right { right: 0px; }
.p7MBX-01 .arrow-left a,
.p7MBX-01 .arrow-right a {
	display: block;
	text-decoration: none;
	font-size: 0px;
	opacity: .6;
	height: 48px;
	width: 48px;
	background-repeat: no-repeat;
	background-size: cover;
}

.p7MBX-01 .p7mbx-arrows a {
	transition: opacity linear .35s .1s;
}

.p7MBX-01.matting .arrow-left { left: 0px; }
.p7MBX-01.matting .arrow-right { right: 0px; }
 

.p7MBX-01 .arrow-left a:hover,
.p7MBX-01 .arrow-right a:hover { opacity: 1; }
.p7MBX-01.light .arrow-left a { background-image: url(img/mbx-arrow-l-light.png); }
.p7MBX-01.light .arrow-right a { background-image: url(img/mbx-arrow-r-light.png); }
.p7MBX-01.dark .arrow-left a { background-image: url(img/mbx-arrow-l-dark.png); }
.p7MBX-01.dark .p7mbx-arrows .arrow-right a { background-image: url(img/mbx-arrow-r-dark.png); }


/*Slide*/
.p7MBX-01.matting .mbx-slide { padding: 12px; }
.p7MBX-01.light.border .mbx-slide { border: 1px solid #FFF; }
.p7MBX-01.dark.border .mbx-slide { border: 1px solid #000; }
.p7MBX-01.light .mbx-slide { background-color: #FFF; }
.p7MBX-01.dark .mbx-slide { background-color: #000; }


/* Content Slide */
.mbx-slide.mbx-cnt h1,
.mbx-slide.mbx-cnt h2,
.mbx-slide.mbx-cnt h3 { margin: 0px; }
.p7MBX-01 .mbx-slide .p7mbx-content-slide { padding: 20px 42px 16px 42px; }
.p7MBX-01.light .mbx-slide .p7mbx-content-slide {
	background-color: #FFF;
	margin-top:25px;
	color: #DDD;
}
.p7MBX-01.dark .mbx-slide .p7mbx-content-slide {
	background-color: #FFF;
	color: #000;
}
.p7MBX-01 .mbx-slide .p7mbx-content-slide img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.p7MBX-01.light .mbx-slide.mbx-cnt { background-color: #FFF; }
.p7MBX-01.dark .mbx-slide.mbx-cnt { background-color: #000; }


/* Caption and Description */
.p7MBX-01 .mbx-caption {
	padding: 12px 10px 12px 10px;
	text-align: center;
}
.p7MBX-01.matting .mbx-caption.caption-top { padding: 0px 10px 12px 10px; }
.p7MBX-01.matting .mbx-caption.caption-bottom { padding: 12px 10px 0px 10px; }
.p7MBX-01 .mbx-description {
	padding: 12px 10px 0px 10px;
	text-align: left;
}
.p7MBX-01 .mbx-description {
	padding: 12px 10px 12px 10px;
}
.p7MBX-01.matting .mbx-description.description-top { padding: 0px 10px 12px 10px; }
.p7MBX-01.matting .mbx-description.description-bottom { padding: 12px 10px 0px 10px; }

/************* Padding if Close button is "In-Box" *************/
.p7MBX-01.close-in-box .mbx-description.description-top,
.p7MBX-01.close-in-box .mbx-caption.caption-top { padding-right: 36px; }

.p7MBX-01.light .mbx-caption,
.p7MBX-01.light .mbx-description { color: #000; }
.p7MBX-01.dark .mbx-caption,
.p7MBX-01.dark .mbx-description { color: #BBB; }
.p7MBX-01.dark .mbx-description a { color: #BBB; }
.p7MBX-01.dark .mbx-description a:hover { color: #FFF; }
.p7MBX-01.light .mbx-description a { color: #000; }
.p7MBX-01.light .mbx-description a:hover { color: #7983BE; }


/* Rounded */
.p7MBX-01.rounded .p7mbx-toolbar a,
.p7MBX-01.rounded .mbx-slide,
.p7MBX-01.rounded .mbx-slide.mbx-image img { border-radius: 5px; }
.p7MBX-01.rounded .mbx-slide.mbx-image img { border-radius: 0px 0px 5px 5px; }
.p7MBX-01.matting.rounded .mbx-slide.mbx-image img { border-radius: 5px 5px 5px 5px; }
.p7MBX-01.rounded .mbx-slide .p7mbx-content-slide { border-radius: 0px 0px 5px 5px; }
.p7MBX-01.rounded.matting .mbx-slide .p7mbx-content-slide { border-radius: 5px 5px 5px 5px; }
.mbx-rounded { border-radius: 3px; }


/*Shadow */
.p7MBX-01.shadow .p7mbx-toolbar,
.p7MBX-01.shadow .mbx-slide { box-shadow: 0px 0px 30px #000; }


/* iFrame Video rules */
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0px;
	overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* DO NOT EDIT */
.p7mbx-list { display: none; }
.mbx-image a img { border: none; }

.mbx-slide-container {position: fixed !important; top:10px; left:10%;}

@media only screen and (min-width: 1361px) and (max-width: 1534px) {
.topWrap {min-width: 1360px; background-color: #fff;}
.topNav {min-width:1350px;}
.mainNav {min-width: 1350px;}
.productLinks {width:100vw !important;}
.productBalcony {width:100vw;}
.breadCrumbBar {min-width:1350px;}
.fullWidth {min-width: 1360px;}
.fullWidthSub {min-width: 1360px;}
.videoBanner {min-width: 1360px; height: 400px;}
.mainContent {min-width: 1350px; padding:0 5px;}
#mainWrapper {min-width:1350px;}
.videoBanner {min-width:1360px;}
.footerBar {width:100vw; margin: 0; min-width:1360px;}
.footerColumn {min-width: 250px;}
.socialIcons {width: 100%; text-align:center; float:none; clear:both;}
}

/*Small Monitor Query*/
@media only screen and (min-width: 1000px) and (max-width: 1360px) {

.topWrap {min-width: 1270px;}
.topNav {position: relative;}
.mainNav {min-width: 1260px;}
.searchBox {width: 25%;}
.productLinks {min-width: 1270px; width:100% !important;}
.fullWidth {min-width: 1270px;}
.fullWidthSub {min-width: 1270px;}
.productBalcony {width:100%;}
.videoBanner {min-width: 1270px; height: 350px;}
.breadCrumbBar {min-width:1270px;}
.mainContent {min-width: 1260px; padding:0 5px;}
#mainWrapper {min-width:1260px; margin: 0;}
.footerBar {width:100vw; margin: 0; min-width:1270px;}
.footerColumn {min-width: 250px;}
}
/*Smartphone Media Query*/
@media only screen and (min-width: 0px) and (max-width: 999px) {
video {width: 85vw!important;}
.review1 {display:none;}
.review2 {display:none;}
.review3 {display:block;}
body {margin:3px;}
.topNav {position: relative; width:100% !important; height:auto;}
.topWrap {width: 100%;}
.topBar {display:none;}
.topMobile  {display:block;}
.mobileMenu {display: block; float:right; width:20px; height: 20px; padding: 5px 5px 10px 5px; margin-right: 5px; background-color: none; font-size: 1.4em;}
.closeMobileNav {display: block; float: right; margin: 0 10px 0 0; font-size: 1.5em;}
.searchBox {clear: both; float: none !important; width:95%; margin: 0; text-align: left !important;}
.search {float: none !important; text-align: left !important; flex: none !important; width: 95%; padding: 5px; height: auto; z-index: 1000;}
.searchField {width: 75%; border:1px solid #cccccc;}
/*.unibox.unibox-n-section.unibox--fullwidth.unibox--active.unibox--layout-1 {display: none !important;}*/
.ss360-custom-search {justify-content: none !important; float: none !important; flex: none !important;}
.midRow {display: none; float: none;}
.midRow.show {display: block; margin: 0; padding: 8px 5px; background-color:#D0D5DD; min-width: 300px; width: 98%;}
.mainNav {display: block; float: none; text-align: left; flex:none; background-color:none; width:100%; font-size:1em; margin: 0;}
.mainNav ul {padding: 0; margin: 0; list-style-type: none;}
.mainNav li {list-style-type: none; padding: 10px; clear: left; float: none; width:100%;}
.mainNav a:link {flex:none; float:left; width: 98%; text-align: left; color: #000; background-color: none; border:none;}
.mainNav a:visited {color: #000; border:none;}
.mainNav a:hover {color:#003399; text-decoration: none; font-weight: bolder; background-color: #D0D5DD; border: none;}
.mainNav a:active {}
#mainWrapper {width: 100%; margin:0 0 0 0; clear:both;}
.logoleft {}
.logoleft img {max-width: 75%; height: auto;}
.topIcons {display: none;}
.sizingList {display:none;}
.sizingMobile {display:block;}
.productBanner {display: none;}
.videoBanner {display: none;}
.compareProduct {max-height: 600px !important; width:85% !important}
#ConversionTool {padding:0px;}
#toolWindow {display:none;}
.topLinksRight {float: none; width: 100%; margin:0;}
.fullWidth {float: none;}
.twoColumnLeft {width: 100%; margin-right: 0; float: none; clear:both;}
.twoColumnRight {width: 100%; margin-left: 0; float: none; clear:both;}
.threeColumnLeft {width: 100%; margin-right: 0; float: none; clear:both;}
.threeColumnCenter {width: 100%; float: none; clear:both;}
.threeColumnRight {width: 100%; margin-left: 0; float: none; clear:both;}
.offerBar {display: none;}
.productBalcony {display: none;}
.breadCrumbBar {display: none;}
.mainContent {min-height:400px;}
.mainContent h1 {font-size:14px !important;}
.mainContent h2 {font-size:14px !important;}
.mainContent h3 {font-size:14px !important;}
.mainContent h4 {font-size:12px !important;}
.mainContent p {font-size:12px !important; line-height:125%;}
.mainContent li {font-size: 12px !important;}
.searchBtn {clear:both;}
.tabArea h1 {font-size:14px;}
.tabArea h2 {font-size:14px;}
.tabArea h3 {font-size:14px;}
.tabArea h4 {font-size:12px;}
.tabArea p {font-size:12px;}
.tabContentRow img {width:100%; height:auto; max-width:300px; margin:5px auto;}
.mobileTitle {display:block; clear:both; border-bottom:1px solid #000000;}
.mobileHide {display:none;}
.mobileShow {display:block;}
.appVideo {display:none;}
.topImgRight {float:none; width:100%; text-align:center;}
.topImgRight img {width:100%; height:auto; float:none; max-width:300px; margin: auto;}
.imgRight img {float:none; clear:both; width:75%; height:auto;}
.imgLeft img {float:none; clear:both; width:75%; height:auto;}
.productImgRight {text-align:center;}
.productImgLeft {text-align:center;}
.productImgRight img {float:none; clear:both; width:50%; height:auto; max-width:200px;}
.productImgLeft img {float:none; clear:both; width:50%; height:auto; max-width:200px}
.sizes {display:none;}
.productCat {float:none; width:97%; border:none;}
.productCat img {float:none; clear:both; width:65%; height:auto; max-width:200px;}
.productTypes {width: 97%; float:none; border:1px solid #cccccc; margin-bottom: 6px; text-align:center;}
.productTypes img {float:none;}
.productTypes p {text-align:left;}
.productTypes ul li {text-align:left;}
.productSeries {float:none; width:97%; border:none;}
.productSeries3Column {width: 97%; float:none; border:1px solid #cccccc; margin-bottom: 6px;}
.productSeries2Column {width: 97%; float:none; border:1px solid #cccccc; margin-bottom: 6px;}
.leadTime p {font-size:1em !important; font-style:italic; font-weight: bold; margin: 0px} 
.contentLeft {width:100%; float:none; clear:both;}
.contentLeft p {font-size:12px;}
.contentRight {width:100%; float:none; clear:both;}
.tabArea {width:100%; float:none;}
.p7TP3tabs_viewport {overflow-x:scroll !important;}
.tabColumns {width:100%; float:none;}
.promoRight {width:100%; float:none; clear:both;}
.promoRight img {width:80%; height:auto; max-width:200px; margin:5px auto;}
.promoRight ul li {list-style-type:none;}
.promoLeft {width:100%; float:none; clear:both;}
.promoLeft img {width:80%; height:auto; max-width:200px; margin:5px auto;}
.promoLeft ul li {list-style-type:none;}
.learnBtn {width:100%; float:none; clear:both;}
.learnBtn a {float:none; padding: 6px; font-size:12px;}
.searchBtn {width:100%; float:none;}
.searchBtn a {float:none; padding: 6px; font-size:12px;}
.quickSelect {display:none;}
.previewContent {width:100%; height:65%; overflow-y:scroll;}
.previewContent img {float:none; clear:both; width:90%; height:auto; max-width:200px;}
.previewColumns {width:100%; float:none;}
.tabMobileScroll {width:100%; overflow-x:scroll; height:auto;}
.tabMobileScroll table {min-width:700px !important;}
.tabMobileScroll img {float:none;}
.mobileFullIMG {width:100%; overflow-x:scroll; height:auto;}
.mobileFullIMG img {float:none;}
.officeColumns {width:100%; float:none;}
.promoTop {font-size:14px;}
.promoWrap {font-size:12px;}
.signupBtn {width:98%; float:none;}
.articleContent {width:100%; float:none;}
.articleContent img {width:95%; height:auto;}
.footerBar {width:100%; margin: 0;}
.footerNav {width:98%;}
.footerColumn {float:none; width:100%;}
.footerColumn li {margin-top:10px; display:none;}
.footerColumn h4 {border:none; font-size:13px;}
.socialIcons {width:90%; float:none; text-align:center; margin-top: 5px;}
.footerCopy {width:98%; font-size:.75em;}
.p7TP3_tabs_06 a, .p7TP3_tabs_06 a:visited {padding: 6px !important; border-bottom: 1px solid #ffffff !important; background-color: #ffffff !important;}
.p7TP3_tabs_06 .tp3first a {border-left: 1px solid #cccccc !important;}
.p7TP3_tabs_06 .tp3last a {border-left: 1px solid #cccccc !important;}
.p7TP3_tabs_06 a:hover, .p7TP3_tabs_06 a:focus .p7TP3_tabs_06 a:active{outline: 0; color: #003399 !important; background-color: #ffffff !important; border-color: #cccccc;}
.p7TP3_tabs_06 a.open, .p7TP3_tabs_06 a.open:visited {color: #003399 !important; border-bottom-color: transparent; background-color: #ffffff !important; font-weight: bold;}
.p7TP3cwrapper_06 {border:none !important;}
.p7tp3-col-wrapper.no-columns {padding:8px 5px !important;}
.sizingWrap {max-width:900px; min-width:500px; float:none; overflow-y:scroll;}
.sizingTools {width:46%; float:left;}
.appColumns {width:48%; float:left; margin:5px;}
.videoList {overflow:scroll;}
.videoThumb {width:200px; padding:2px;}
.p7tp3-column {
	width: auto !important;
	float: none !important;
	position: static !important;
}
.p7tp3-column-content {
	padding: 10px 16px 2px 16px;
	height: auto !important;
	max-height: 888678px !important;
	border: none !important;
}
.p7tp3-column-content h2 {
	margin: 0px;
}
.border-left {
	border-left: none;
}
.p7TP3cwrapper_12.arrows_on, .p7TP3cwrapper_16.arrows_on, .p7TP3cwrapper_07.arrows_on {
	/*border-radius: 4px 4px 4px 4px;*/
}
.p7tp3-col-wrapper:before, .p7tp3-col-wrapper:after {
	display: none;
}

body { -webkit-text-size-adjust: none; }
.p7mbx-slide-wrapper { margin: 2.5em 0 !important; }
.mbx-slide-container.mbx-cnt {
	width: auto !important;
	max-width: none !important;
}
div.mbx-thumbs { text-align: center; }

}

@media only screen and (max-device-width: 480px) {
body {
	-webkit-text-size-adjust: none;
	font-size: 16px;
}
.mobileMenu {display: block;}
.closeMobileNav {display: block;}

}

@media only screen and (max-device-width: 480px) and (orientation : landscape) {
body {
	-webkit-text-size-adjust: none;
	font-size: 12px;
}
.p7mbx-toolbar a {
	width: 12px !important;
	height: 18px !important;
	background-size: contain;
	background-position: center;
}
.mobileMenu {display: block;}
}

@media only screen and (max-device-width: 480px) { 
div.mbx-thumbs li, .mbx-external img { transition: none !important; }
div.mbx-thumbs li:hover, .mbx-external img:hover {transform: none !important; position: static !important;}
.mobileMenu {display: block;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
div.mbx-thumbs li, .mbx-external img { transition: none !important; }
div.mbx-thumbs li:hover, .mbx-external img:hover {transform: none !important; position: static !important;}
.mobileMenu {display: block;}
}