/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Simple Grid Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/ Project Page - http://thisisdallas.github.com/Simple-Grid/ Author - Dallas Bass Site - dallasbass.com */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0px; } /* BEGIN #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ #NBpage, #NBheader { /* Content Columns */ /*sj 07-30-15 need simple grid CSS with higher specificity to overide Bootstrap CSS that is setting width for form elements that use classes such as col-1-1 .... example on http://stage.av-iq.com/avcat/CTL13146/index.cfm?myiq-dashboard*/ /* Layout Columns */ /* Pushing blocks */ /* Pulling blocks */ /*sj 01-15-16 THESE ARE NOT IN THE ORIGINAL CSS BUT IT DOESN'T MAKE SENSE TO HAVE PUSHING BLOCKS WITHOUT PULLING BLOCKS*/ } #NBpage [class*='col-'], #NBheader [class*='col-'] { float: left; padding-right: 4.386%; /* column-space */ } #NBpage .grid, #NBheader .grid { width: 100%; max-width: 1140px; /*sj 11-07-14 min-width: 755px;*/ margin: 0 auto; /*sj 11-14-14 THIS IS CAUSING ISSUES WITH POP OUT WINDOWS IN THE PAGE BEING CUT OFF overflow: hidden;*/ } #NBpage .grid:after, #NBheader .grid:after { content: ""; display: table; clear: both; } #NBpage .grid-pad, #NBheader .grid-pad { padding-top: 2.632%; padding-left: 4.386%; /* grid-space to left */ padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 4.386%-4.386%=0 */ } #NBpage .grid-pad-bottom, #NBheader .grid-pad-bottom { padding-bottom: 2.632%; } #NBpage .grid-pad-top, #NBheader .grid-pad-top { padding-top: 2.632%; } #NBpage .grid-pad-top-0, #NBheader .grid-pad-top-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding-top: 0; } #NBpage .grid-pad-left, #NBheader .grid-pad-left { padding-left: 2.632%; } #NBpage .grid-pad-left-0, #NBheader .grid-pad-left-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding-left: 0; } #NBpage .grid-pad-right, #NBheader .grid-pad-right { padding-right: 2.632%; } #NBpage .grid-pad-right-0, #NBheader .grid-pad-right-0 { padding-right: 0; } #NBpage .grid-pad-0, #NBheader .grid-pad-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding: 0; } #NBpage .grid-margin-bottom, #NBheader .grid-margin-bottom { margin-bottom: 2.632%; } #NBpage .grid-margin-top, #NBheader .grid-margin-top { margin-top: 2.632%; } #NBpage .grid-margin-left, #NBheader .grid-margin-left { margin-left: 2.632%; } #NBpage .grid-margin-right, #NBheader .grid-margin-right { margin-right: 2.632%; } #NBpage .grid-margin-bottom-auto, #NBheader .grid-margin-bottom-auto { margin-bottom: auto; } #NBpage .grid-margin-top-auto, #NBheader .grid-margin-top-auto { margin-top: auto; } #NBpage .grid-margin-left-auto, #NBheader .grid-margin-left-auto { margin-left: auto; } #NBpage .grid-margin-right-auto, #NBheader .grid-margin-right-auto { margin-right: auto; } #NBpage .push-right, #NBheader .push-right { float: right; } #NBpage .col-1-1, #NBheader .col-1-1 { width: 100%; } #NBpage input.col-1-1, #NBheader input.col-1-1 { width: 100%; } #NBpage .col-2-3, #NBpage .col-8-12, #NBheader .col-2-3, #NBheader .col-8-12 { width: 66.66%; } #NBpage .col-1-2, #NBpage .col-6-12, #NBheader .col-1-2, #NBheader .col-6-12 { width: 50%; } #NBpage .col-1-3, #NBpage .col-4-12, #NBheader .col-1-3, #NBheader .col-4-12 { width: 33.33%; } #NBpage .col-1-4, #NBpage .col-3-12, #NBheader .col-1-4, #NBheader .col-3-12 { width: 25%; } #NBpage .col-1-5, #NBheader .col-1-5 { width: 20%; } #NBpage .col-1-6, #NBpage .col-2-12, #NBheader .col-1-6, #NBheader .col-2-12 { /*sj causes issues in some browsers. 4x16.667=100.002 width: 16.667%;*/ width: 16.6669%; } #NBpage .col-1-7, #NBheader .col-1-7 { width: 14.28%; } #NBpage .col-1-8, #NBheader .col-1-8 { width: 12.5%; } #NBpage .col-1-9, #NBheader .col-1-9 { width: 11.1%; } #NBpage .col-1-10, #NBheader .col-1-10 { width: 10%; } #NBpage .col-1-11, #NBheader .col-1-11 { width: 9.09%; } #NBpage .col-1-12, #NBheader .col-1-12 { width: 8.33%; } #NBpage .col-11-12, #NBheader .col-11-12 { width: 91.66%; } #NBpage .col-10-12, #NBheader .col-10-12 { width: 83.333%; } #NBpage .col-9-12, #NBheader .col-9-12 { width: 75%; } #NBpage .col-5-12, #NBheader .col-5-12 { width: 41.66%; } #NBpage .col-7-12, #NBheader .col-7-12 { width: 58.33%; } #NBpage .push-2-3, #NBpage .push-8-12, #NBheader .push-2-3, #NBheader .push-8-12 { margin-left: 66.66%; } #NBpage .push-1-2, #NBpage .push-6-12, #NBheader .push-1-2, #NBheader .push-6-12 { margin-left: 50%; } #NBpage .push-1-3, #NBpage .push-4-12, #NBheader .push-1-3, #NBheader .push-4-12 { margin-left: 33.33%; } #NBpage .push-1-4, #NBpage .push-3-12, #NBheader .push-1-4, #NBheader .push-3-12 { margin-left: 25%; } #NBpage .push-1-5, #NBheader .push-1-5 { margin-left: 20%; } #NBpage .push-1-6, #NBpage .push-2-12, #NBheader .push-1-6, #NBheader .push-2-12 { margin-left: 16.667%; } #NBpage .push-1-7, #NBheader .push-1-7 { margin-left: 14.28%; } #NBpage .push-1-8, #NBheader .push-1-8 { margin-left: 12.5%; } #NBpage .push-1-9, #NBheader .push-1-9 { margin-left: 11.1%; } #NBpage .push-1-10, #NBheader .push-1-10 { margin-left: 10%; } #NBpage .push-1-11, #NBheader .push-1-11 { margin-left: 9.09%; } #NBpage .push-1-12, #NBheader .push-1-12 { margin-left: 8.33%; } #NBpage .pull-2-3, #NBpage .pull-8-12, #NBheader .pull-2-3, #NBheader .pull-8-12 { margin-right: 66.66%; } #NBpage .pull-1-2, #NBpage .pull-6-12, #NBheader .pull-1-2, #NBheader .pull-6-12 { margin-right: 50%; } #NBpage .pull-1-3, #NBpage .pull-4-12, #NBheader .pull-1-3, #NBheader .pull-4-12 { margin-right: 33.33%; } #NBpage .pull-1-4, #NBpage .pull-3-12, #NBheader .pull-1-4, #NBheader .pull-3-12 { margin-right: 25%; } #NBpage .pull-1-5, #NBheader .pull-1-5 { margin-right: 20%; } #NBpage .pull-1-6, #NBpage .pull-2-12, #NBheader .pull-1-6, #NBheader .pull-2-12 { margin-right: 16.667%; } #NBpage .pull-1-7, #NBheader .pull-1-7 { margin-right: 14.28%; } #NBpage .pull-1-8, #NBheader .pull-1-8 { margin-right: 12.5%; } #NBpage .pull-1-9, #NBheader .pull-1-9 { margin-right: 11.1%; } #NBpage .pull-1-10, #NBheader .pull-1-10 { margin-right: 10%; } #NBpage .pull-1-11, #NBheader .pull-1-11 { margin-right: 9.09%; } #NBpage .pull-1-12, #NBheader .pull-1-12 { margin-right: 8.33%; } /* END #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ /*SimpleGrid for tablets*/ @media only screen and (min-width: 481px) and (max-width: 800px) { /* BEGIN #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ #NBpage, #NBheader { /* Content Columns */ /* Layout Columns */ /* Pushing blocks */ /*added to overide -push classes on desktop css*/ /* Pulling blocks */ /*sj THESE ARE NOT IN THE ORIGINAL CSS BUT IT DOESN'T MAKE SENSE TO HAVE PUSHING BLOCKS WITHOUT PULLING BLOCKS*/ } #NBpage .tab-grid-pad-bottom, #NBheader .tab-grid-pad-bottom { padding-bottom: 2.632%; } #NBpage .tab-grid-pad-top, #NBheader .tab-grid-pad-top { padding-top: 2.632%; } #NBpage .tab-grid-pad-top-0, #NBheader .tab-grid-pad-top-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding-top: 0; } #NBpage .tab-grid-pad-left, #NBheader .tab-grid-pad-left { padding-left: 2.632%; } #NBpage .tab-grid-pad-left-0, #NBheader .tab-grid-pad-left-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding-left: 0; } #NBpage .tab-grid-pad-right, #NBheader .tab-grid-pad-right { padding-right: 2.632%; } #NBpage .tab-grid-pad-right-0, #NBheader .tab-grid-pad-right-0 { padding-right: 0; } #NBpage .tab-grid-pad-0, #NBheader .tab-grid-pad-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding: 0; } #NBpage .tab-grid-margin-bottom, #NBheader .tab-grid-margin-bottom { margin-bottom: 2.632%; } #NBpage .tab-grid-margin-top, #NBheader .tab-grid-margin-top { margin-top: 2.632%; } #NBpage .tab-grid-margin-left, #NBheader .tab-grid-margin-left { margin-left: 2.632%; } #NBpage .tab-grid-margin-right, #NBheader .tab-grid-margin-right { margin-right: 2.632%; } #NBpage .tab-grid-margin-bottom-0, #NBheader .tab-grid-margin-bottom-0 { margin-bottom: 0; } #NBpage .tab-grid-margin-top-0, #NBheader .tab-grid-margin-top-0 { margin-top: 0; } #NBpage .tab-grid-margin-left-0, #NBheader .tab-grid-margin-left-0 { margin-left: 0; } #NBpage .tab-grid-margin-right-0, #NBheader .tab-grid-margin-right-0 { margin-right: 0; } #NBpage .tab-push-right, #NBheader .tab-push-right { float: right; } #NBpage .tab-col-1-1, #NBheader .tab-col-1-1 { width: 100%; } #NBpage input.tab-col-1-1, #NBheader input.tab-col-1-1 { width: 100%; } #NBpage .tab-col-2-3, #NBpage .tab-col-8-12, #NBheader .tab-col-2-3, #NBheader .tab-col-8-12 { width: 66.66%; } #NBpage .tab-col-1-2, #NBpage .tab-col-6-12, #NBheader .tab-col-1-2, #NBheader .tab-col-6-12 { width: 50%; } #NBpage .tab-col-1-3, #NBpage .tab-col-4-12, #NBheader .tab-col-1-3, #NBheader .tab-col-4-12 { width: 33.33%; } #NBpage .tab-col-1-4, #NBpage .tab-col-3-12, #NBheader .tab-col-1-4, #NBheader .tab-col-3-12 { width: 25%; } #NBpage .tab-col-1-5, #NBheader .tab-col-1-5 { width: 20%; } #NBpage .tab-col-1-6, #NBpage .tab-col-2-12, #NBheader .tab-col-1-6, #NBheader .tab-col-2-12 { width: 16.6669%; } #NBpage .tab-col-1-7, #NBheader .tab-col-1-7 { width: 14.28%; } #NBpage .tab-col-1-8, #NBheader .tab-col-1-8 { width: 12.5%; } #NBpage .tab-col-1-9, #NBheader .tab-col-1-9 { width: 11.1%; } #NBpage .tab-col-1-10, #NBheader .tab-col-1-10 { width: 10%; } #NBpage .tab-col-1-11, #NBheader .tab-col-1-11 { width: 9.09%; } #NBpage .tab-col-1-12, #NBheader .tab-col-1-12 { width: 8.33%; } #NBpage .tab-col-11-12, #NBheader .tab-col-11-12 { width: 91.66%; } #NBpage .tab-col-10-12, #NBheader .tab-col-10-12 { width: 83.333%; } #NBpage .tab-col-9-12, #NBheader .tab-col-9-12 { width: 75%; } #NBpage .tab-col-5-12, #NBheader .tab-col-5-12 { width: 41.66%; } #NBpage .tab-col-7-12, #NBheader .tab-col-7-12 { width: 58.33%; } #NBpage .tab-push-0, #NBheader .tab-push-0 { margin-left: 0; } #NBpage .tab-push-2-3, #NBpage .tab-push-8-12, #NBheader .tab-push-2-3, #NBheader .tab-push-8-12 { margin-left: 66.66%; } #NBpage .tab-push-1-2, #NBpage .tab-push-6-12, #NBheader .tab-push-1-2, #NBheader .tab-push-6-12 { margin-left: 50%; } #NBpage .tab-push-1-3, #NBpage .tab-push-4-12, #NBheader .tab-push-1-3, #NBheader .tab-push-4-12 { margin-left: 33.33%; } #NBpage .tab-push-1-4, #NBpage .tab-push-3-12, #NBheader .tab-push-1-4, #NBheader .tab-push-3-12 { margin-left: 25%; } #NBpage .tab-push-1-5, #NBheader .tab-push-1-5 { margin-left: 20%; } #NBpage .tab-push-1-6, #NBpage .tab-push-2-12, #NBheader .tab-push-1-6, #NBheader .tab-push-2-12 { margin-left: 16.667%; } #NBpage .tab-push-1-7, #NBheader .tab-push-1-7 { margin-left: 14.28%; } #NBpage .tab-push-1-8, #NBheader .tab-push-1-8 { margin-left: 12.5%; } #NBpage .tab-push-1-9, #NBheader .tab-push-1-9 { margin-left: 11.1%; } #NBpage .tab-push-1-10, #NBheader .tab-push-1-10 { margin-left: 10%; } #NBpage .tab-push-1-11, #NBheader .tab-push-1-11 { margin-left: 9.09%; } #NBpage .tab-push-1-12, #NBheader .tab-push-1-12 { margin-left: 8.33%; } #NBpage .tab-pull-0, #NBheader .tab-pull-0 { margin-right: 0; } #NBpage .tab-pull-2-3, #NBpage .tab-pull-8-12, #NBheader .tab-pull-2-3, #NBheader .tab-pull-8-12 { margin-right: 66.66%; } #NBpage .tab-pull-1-2, #NBpage .tab-pull-6-12, #NBheader .tab-pull-1-2, #NBheader .tab-pull-6-12 { margin-right: 50%; } #NBpage .tab-pull-1-3, #NBpage .tab-pull-4-12, #NBheader .tab-pull-1-3, #NBheader .tab-pull-4-12 { margin-right: 33.33%; } #NBpage .tab-pull-1-4, #NBpage .tab-pull-3-12, #NBheader .tab-pull-1-4, #NBheader .tab-pull-3-12 { margin-right: 25%; } #NBpage .tab-pull-1-5, #NBheader .tab-pull-1-5 { margin-right: 20%; } #NBpage .tab-pull-1-6, #NBpage .tab-pull-2-12, #NBheader .tab-pull-1-6, #NBheader .tab-pull-2-12 { margin-right: 16.667%; } #NBpage .tab-pull-1-7, #NBheader .tab-pull-1-7 { margin-right: 14.28%; } #NBpage .tab-pull-1-8, #NBheader .tab-pull-1-8 { margin-right: 12.5%; } #NBpage .tab-pull-1-9, #NBheader .tab-pull-1-9 { margin-right: 11.1%; } #NBpage .tab-pull-1-10, #NBheader .tab-pull-1-10 { margin-right: 10%; } #NBpage .tab-pull-1-11, #NBheader .tab-pull-1-11 { margin-right: 9.09%; } #NBpage .tab-pull-1-12, #NBheader .tab-pull-1-12 { margin-right: 8.33%; } /* END #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ /* END media query */ } /*SimpleGrid for mobile*/ @media only screen and (min-width: 50px) and (max-width: 480px) { /* BEGIN #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ #NBpage, #NBheader { /* added 2-7-18 by sjaps */ /* Content Columns */ /* Layout Columns */ /* Pushing blocks */ /*added to overide -push classes on desktop css*/ /* Pulling blocks */ /*sj THESE ARE NOT IN THE ORIGINAL CSS BUT IT DOESN'T MAKE SENSE TO HAVE PUSHING BLOCKS WITHOUT PULLING BLOCKS*/ } #NBpage .mobile-grid-pad-bottom, #NBheader .mobile-grid-pad-bottom { padding-bottom: 2.632%; } #NBpage .mobile-grid-pad-top, #NBheader .mobile-grid-pad-top { padding-top: 2.632%; } #NBpage .mobile-grid-pad-top-0, #NBheader .mobile-grid-pad-top-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding-top: 0; } #NBpage .mobile-grid-pad-left, #NBheader .mobile-grid-pad-left { padding-left: 2.632%; } #NBpage .mobile-grid-pad-left-0, #NBheader .mobile-grid-pad-left-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding-left: 0; } #NBpage .mobile-grid-pad-right, #NBheader .mobile-grid-pad-right { padding-right: 2.632%; } #NBpage .mobile-grid-pad-right-0, #NBheader .mobile-grid-pad-right-0 { padding-right: 0; } #NBpage .mobile-grid-pad-0, #NBheader .mobile-grid-pad-0 { /* migrated from base-bad-css.cfm on 04-07-17 by sj */ padding: 0; } #NBpage .mobile-grid-margin-bottom, #NBheader .mobile-grid-margin-bottom { margin-bottom: 2.632%; } #NBpage .mobile-grid-margin-bottom-0, #NBheader .mobile-grid-margin-bottom-0 { margin-bottom: 0; } #NBpage .mobile-grid-margin-top, #NBheader .mobile-grid-margin-top { margin-top: 2.632%; } #NBpage .mobile-grid-margin-top-0, #NBheader .mobile-grid-margin-top-0 { margin-top: 0; } #NBpage .mobile-grid-margin-left, #NBheader .mobile-grid-margin-left { margin-left: 2.632%; } #NBpage .mobile-grid-margin-left-0, #NBheader .mobile-grid-margin-left-0 { margin-left: 0; } #NBpage .mobile-grid-margin-right, #NBheader .mobile-grid-margin-right { margin-right: 2.632%; } #NBpage .mobile-grid-margin-right-0, #NBheader .mobile-grid-margin-right-0 { margin-right: 0; } #NBpage .mobile-grid-margin-0, #NBheader .mobile-grid-margin-0 { margin: 0; } #NBpage .mobile-push-right, #NBheader .mobile-push-right { float: right; } #NBpage .mobile-col-1-1, #NBheader .mobile-col-1-1 { width: 100%; } #NBpage input.mobile-col-1-1, #NBheader input.mobile-col-1-1 { width: 100%; } #NBpage .mobile-col-2-3, #NBpage .mobile-col-8-12, #NBheader .mobile-col-2-3, #NBheader .mobile-col-8-12 { width: 66.66%; } #NBpage .mobile-col-1-2, #NBpage .mobile-col-6-12, #NBheader .mobile-col-1-2, #NBheader .mobile-col-6-12 { width: 50%; } #NBpage .mobile-col-1-3, #NBpage .mobile-col-4-12, #NBheader .mobile-col-1-3, #NBheader .mobile-col-4-12 { width: 33.33%; } #NBpage .mobile-col-1-4, #NBpage .mobile-col-3-12, #NBheader .mobile-col-1-4, #NBheader .mobile-col-3-12 { width: 25%; } #NBpage .mobile-col-1-5, #NBheader .mobile-col-1-5 { width: 20%; } #NBpage .mobile-col-1-6, #NBpage .mobile-col-2-12, #NBheader .mobile-col-1-6, #NBheader .mobile-col-2-12 { width: 16.6669%; } #NBpage .mobile-col-1-7, #NBheader .mobile-col-1-7 { width: 14.28%; } #NBpage .mobile-col-1-8, #NBheader .mobile-col-1-8 { width: 12.5%; } #NBpage .mobile-col-1-9, #NBheader .mobile-col-1-9 { width: 11.1%; } #NBpage .mobile-col-1-10, #NBheader .mobile-col-1-10 { width: 10%; } #NBpage .mobile-col-1-11, #NBheader .mobile-col-1-11 { width: 9.09%; } #NBpage .mobile-col-1-12, #NBheader .mobile-col-1-12 { width: 8.33%; } #NBpage .mobile-col-11-12, #NBheader .mobile-col-11-12 { width: 91.66%; } #NBpage .mobile-col-10-12, #NBheader .mobile-col-10-12 { width: 83.333%; } #NBpage .mobile-col-9-12, #NBheader .mobile-col-9-12 { width: 75%; } #NBpage .mobile-col-5-12, #NBheader .mobile-col-5-12 { width: 41.66%; } #NBpage .mobile-col-7-12, #NBheader .mobile-col-7-12 { width: 58.33%; } #NBpage .mobile-push-0, #NBheader .mobile-push-0 { margin-left: 0; } #NBpage .mobile-push-2-3, #NBpage .mobile-push-8-12, #NBheader .mobile-push-2-3, #NBheader .mobile-push-8-12 { margin-left: 66.66%; } #NBpage .mobile-push-1-2, #NBpage .mobile-push-6-12, #NBheader .mobile-push-1-2, #NBheader .mobile-push-6-12 { margin-left: 50%; } #NBpage .mobile-push-1-3, #NBpage .mobile-push-4-12, #NBheader .mobile-push-1-3, #NBheader .mobile-push-4-12 { margin-left: 33.33%; } #NBpage .mobile-push-1-4, #NBpage .mobile-push-3-12, #NBheader .mobile-push-1-4, #NBheader .mobile-push-3-12 { margin-left: 25%; } #NBpage .mobile-push-1-5, #NBheader .mobile-push-1-5 { margin-left: 20%; } #NBpage .mobile-push-1-6, #NBpage .mobile-push-2-12, #NBheader .mobile-push-1-6, #NBheader .mobile-push-2-12 { margin-left: 16.667%; } #NBpage .mobile-push-1-7, #NBheader .mobile-push-1-7 { margin-left: 14.28%; } #NBpage .mobile-push-1-8, #NBheader .mobile-push-1-8 { margin-left: 12.5%; } #NBpage .mobile-push-1-9, #NBheader .mobile-push-1-9 { margin-left: 11.1%; } #NBpage .mobile-push-1-10, #NBheader .mobile-push-1-10 { margin-left: 10%; } #NBpage .mobile-push-1-11, #NBheader .mobile-push-1-11 { margin-left: 9.09%; } #NBpage .mobile-push-1-12, #NBheader .mobile-push-1-12 { margin-left: 8.33%; } #NBpage .mobile-pull-0, #NBheader .mobile-pull-0 { margin-right: 0; } #NBpage .mobile-pull-2-3, #NBpage .mobile-pull-8-12, #NBheader .mobile-pull-2-3, #NBheader .mobile-pull-8-12 { margin-right: 66.66%; } #NBpage .mobile-pull-1-2, #NBpage .mobile-pull-6-12, #NBheader .mobile-pull-1-2, #NBheader .mobile-pull-6-12 { margin-right: 50%; } #NBpage .mobile-pull-1-3, #NBpage .mobile-pull-4-12, #NBheader .mobile-pull-1-3, #NBheader .mobile-pull-4-12 { margin-right: 33.33%; } #NBpage .mobile-pull-1-4, #NBpage .mobile-pull-3-12, #NBheader .mobile-pull-1-4, #NBheader .mobile-pull-3-12 { margin-right: 25%; } #NBpage .mobile-pull-1-5, #NBheader .mobile-pull-1-5 { margin-right: 20%; } #NBpage .mobile-pull-1-6, #NBpage .mobile-pull-2-12, #NBheader .mobile-pull-1-6, #NBheader .mobile-pull-2-12 { margin-right: 16.667%; } #NBpage .mobile-pull-1-7, #NBheader .mobile-pull-1-7 { margin-right: 14.28%; } #NBpage .mobile-pull-1-8, #NBheader .mobile-pull-1-8 { margin-right: 12.5%; } #NBpage .mobile-pull-1-9, #NBheader .mobile-pull-1-9 { margin-right: 11.1%; } #NBpage .mobile-pull-1-10, #NBheader .mobile-pull-1-10 { margin-right: 10%; } #NBpage .mobile-pull-1-11, #NBheader .mobile-pull-1-11 { margin-right: 9.09%; } #NBpage .mobile-pull-1-12, #NBheader .mobile-pull-1-12 { margin-right: 8.33%; } /* END #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ /* END media query */ } @font-face { font-family: 'aviqon'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype'); font-weight: normal; font-style: normal; } [class^="aviqon-"], [class*=" aviqon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'aviqon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aviqon-social-instagram-circular:before { content: "\e905"; } .aviqon-pencil:before { content: "\e627"; } .aviqon-file-text:before { content: "\e62c"; } .aviqon-location:before { content: "\e62f"; } .aviqon-print:before { content: "\e629"; } .aviqon-list-unordered:before { content: "\e625"; } .aviqon-sphere:before { content: "\e624"; } .aviqon-link:before { content: "\e900"; } .aviqon-checkbox-checked:before { content: "\e907"; } .aviqon-social-facebook-circular:before { content: "\e909"; } .aviqon-social-linkedin-circular:before { content: "\e90e"; } .aviqon-file-pdf:before { content: "\e62b"; } .aviqon-file-word:before { content: "\e62a"; } .aviqon-binocular:before { content: "\e628"; } .aviqon-viewall:before { content: "\e61d"; } .aviqon-close:before { content: "\e608"; } .aviqon-talk:before { content: "\e60a"; } .aviqon-close2:before { content: "\e617"; } .aviqon-warning:before { content: "\e618"; } .aviqon-warning2:before { content: "\e619"; } .aviqon-warning3:before { content: "\e61a"; } .aviqon-warning4:before { content: "\e61b"; } .aviqon-plus:before { content: "\e61c"; } .aviqon-check-circle:before { content: "\f058"; } .aviqon-check-circle-o:before { content: "\f05d"; } .aviqon-square-o:before { content: "\f096"; } .aviqon-square:before { content: "\f0c8"; } .aviqon-user:before { content: "\e616"; } .aviqon-twitter:before { content: "\e615"; } .aviqon-search:before { content: "\e60e"; } .aviqon-AV-iQ:before { content: "\e600"; color: #dd1f29; } .aviqon-play:before { content: "\e61e"; } .aviqon-stop:before { content: "\e61f"; } .aviqon-checkbox-unchecked2:before { content: "\e620"; } .aviqon-youtube:before { content: "\e601"; } .aviqon-help:before { content: "\e621"; } .aviqon-warning5:before { content: "\e622"; } .aviqon-arrow-left:before { content: "\e602"; } .aviqon-arrow-down:before { content: "\e603"; } .aviqon-arrow-up:before { content: "\e604"; } .aviqon-arrow-right:before { content: "\e605"; } .aviqon-arrow-left2:before { content: "\e606"; } .aviqon-arrow-down2:before { content: "\e607"; } .aviqon-arrow-up2:before { content: "\e609"; } .aviqon-arrow-right2:before { content: "\e60b"; } .aviqon-arrow-left22:before { content: "\e60c"; } .aviqon-arrow-down22:before { content: "\e60d"; } .aviqon-arrow-up22:before { content: "\e60f"; } .aviqon-arrow-right22:before { content: "\e610"; } .aviqon-menu:before { content: "\e611"; } .aviqon-dot:before { content: "\e612"; } .aviqon-facebook:before { content: "\e613"; } .aviqon-linkedin:before { content: "\e614"; } .aviqon-mail:before { content: "\e62d"; } .aviqon-checkbox-unchecked:before { content: "\e906"; } .aviqon-arrow-down22-bottom-align:before { content: "\e901"; } .aviqon-record:before { content: "\e62e"; } .aviqon-globe-outline:before { content: "\e623"; } .aviqon-minus:before { content: "\e626"; } .aviqon-social-twitter-circular:before { content: "\e908"; } .aviqon-x:before { content: "\e908"; } /* sj created 8/16/17 by combining avcat/nomad/css/_contact.scss avcat/nomad/css/basic_templates/_modal_basic_mrc.scss */ /* EXIT MESSAGE only used in RRCs 8/16/17 */ .ExitMessageModalWrapper.overlay:before { content: " "; width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.7); } .ExitMessageModalWindow { display: none; z-index: 200; position: fixed; left: 50%; top: 50%; padding: 10px 20px; border: 5px solid #999; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* updated to absolute file path since different SCSS may compile this to different locations */ /* background:#fff url(../exitmessage/ExitMessage_2x.jpg) no-repeat; */ /* this is only being used in one catalog type. absolute file path no longer needed. sj 11-30-17 background:#fff url('http://cdn.av-iq.com/avcat/nomad/exitmessage/exitmessage_2x.jpg') no-repeat; */ background: #fff url("../../exitmessage/exitmessage_2x.jpg") no-repeat; background-size: 300px 600px; background-position: -5px -5px; width: 300px; height: 600px; } .ExitMessageModalWrapper.overlay .ExitMessageModalWindow { display: block; } .ExitMessageClose { position: absolute; top: -20px; right: -20px; } .ExitMessageClose img { width: 40px; height: 40px; } img.ExitMessageImageLink { width: 100%; height: 100%; } /* CONTACT */ .ContactModalWrapper.overlay:before { content: " "; width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.7); } .ContactModalWindow { display: none; z-index: 200; position: fixed; left: 50%; top: 50%; width: 70%; padding: 10px 20px; background: #FFF; border: 5px solid #999; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .ContactModalWrapper.overlay .ContactModalWindow { display: block; } /* added for mobile friendly version on 1-26-18 */ @media only screen and (min-width: 50px) and (max-width: 480px) { .ContactModalWindow { width: 100%; } } #modal_wrapper_contact_info.overlay:before { content: " "; width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.7); } #modal_window_contact_info { display: none; z-index: 200; position: fixed; left: 50%; top: 50%; width: 70%; padding: 10px 20px; background: #000; border: 5px solid #999; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } #modal_wrapper_contact_info.overlay #modal_window_contact_info { display: block; } /* ZIP CODE */ .ZipModalWrapper.overlay:before { content: " "; width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #FFF; background: rgba(0, 0, 0, 0.7); } .ZipModalWindow { display: none; z-index: 200; position: fixed; left: 50%; top: 50%; width: 70%; padding: 10px 20px; background: #FFF; border: 5px solid #999; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .ZipModalWrapper.overlay .ZipModalWindow { display: block; } /* temp hide for 2015 homepage */ /* this class has been moved to home.cfm and will only be loaded when "show-card" is in the URL .HideHomepage2017 { display: none; } */ .homepage-header { padding: 10px; letter-spacing: 0.5px; } @media (max-width: 480px) { .homepage-header { padding: 5px; } } .main-background-image { background: url("homepage-background.jpg"); background-size: cover; background-position: center; } .flex-container { display: flex; min-height: 1px; } .flex-wrap { flex-wrap: wrap; } .flex-dir-row { flex-direction: row; } .flex-dir-col { flex-direction: column; } .justify-center { justify-content: center; } .align-center { align-items: center; } .slider__main { position: relative; } .slider__container { display: flex; overflow: hidden; } .slide { flex-basis: 33.3333%; min-width: 33.3333%; flex-grow: 0; flex-shrink: 1; padding: 1.5rem; transition: margin .5s ease; } @media (max-width: 650px) { .slide { flex-basis: 100%; min-width: 100%; } } .slide__content { display: flex; flex-direction: column; height: 100%; text-align: center; padding: 1em 1.5em; background: #FFF; } .slider__navigation { text-align: center; padding-bottom: 1em; } .slider__navigation-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; border-radius: 50%; border: 2px solid #ddd; display: inline-block; transition: background-color .3s ease; } .slider__navigation-dot.active { background-color: #ddd; } .slider__navigation-dot:hover { background-color: #ddd; } .slider__controls button { height: 65px; background: rgba(0, 0, 0, 0.7); border: none; } .slider__controls button i { font-size: 2em; color: #FFF; } .slider__controls-previous { position: absolute; left: 0; top: 50%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; transform: translate(0, -50%); } .slider__controls-next { position: absolute; right: 0; top: 50%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; transform: translate(0, -50%); } .fade-in { opacity: 0; animation: fade-in .3s ease-in forwards; } @keyframes fade-in { to { opacity: 1; } } .flex-card { flex: 1; margin: 1.4% 1.4% 3.7% 1.4%; padding: 1.4%; border: 1px solid #333; background: #000; transition: transform 0.3s ease; } #featuredManufacturerDiv { width: 100%; background: linear-gradient(to bottom right, #000, #fff); padding: 2.8%; } .flex-card-manufacturer { flex: 1; margin: 1.4%; padding: 1.4%; } .flex-card-manufacturer img { width: 100%; height: auto; } @media screen and (max-width: 500px) { .flex-mobile-col { flex-direction: column; } .flex-mobile { flex-basis: 100%; } } .home-featured__background-image { background: url(https://cdn.av-iq.com/avcat/nomad/css-images/rrcs/welcome-card/homepage-bg.png); background-size: cover; background-position: center; } /* BEGIN welcome-card-1.cfm */ #WelcomeCardBackground { background-image: url("../../css-images/rrcs/welcome-card/welcomecardbackground.jpg"); background-size: cover; /* sj 4/2/18 */ background-position: center; } #WelcomeIconBackground { text-shadow: 2px 2px #000000; } #WelcomeIconBackground a { text-shadow: none; } .IconSize1 { width: 5em; } .IconSize2 { width: 5em; } .IconSize3 { width: 5em; } .IconSize4 { width: 5em; } .IconSize5 { width: 5em; } /* data svg css created with http://www.grumpicon.com/ */ .IconProductResearchBG { padding-top: 6em; background-position-x: 26%; background-size: 33%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20100%20100%22%20x%3D%220px%22%20y%3D%220px%22%3E%3Ctitle%3EArtboard%201%3C/title%3E%3Cpath%20d%3D%22M1.26%2C65.59V16.88A4%2C4%2C0%2C0%2C1%2C4.13%2C13l3.35-1h0l8-2.4V29.23l9.11-1.72V6.87l8.19-2.46L41%2C1.93l.22-.05.22%2C0a4%2C4%2C0%2C0%2C1%2C1.45%2C0l.22%2C0%2C.22.05L80.17%2C13A4%2C4%2C0%2C0%2C1%2C83%2C16.88V38.2a27.4%2C27.4%2C0%2C0%2C0-8%2C.06H75V19.88l-28.8-8.66v60l6-1.79a27.29%2C27.29%2C0%2C0%2C0%2C2.41%2C7.7L43.31%2C80.53a4%2C4%2C0%2C0%2C1-2.32%2C0L4.13%2C69.45A4%2C4%2C0%2C0%2C1%2C1.26%2C65.59Zm90.6-15.21a19.59%2C19.59%2C0%2C0%2C1-12.72%2C34.5%2C19.34%2C19.34%2C0%2C0%2C1-8-1.72l-9.84%2C13.4a4.12%2C4.12%2C0%2C1%2C1-6.64-4.88l9.84-13.39a19.63%2C19.63%2C0%2C0%2C1-4.89-14.51%2C18.54%2C18.54%2C0%2C0%2C1%2C1.75-6.69%2C19.6%2C19.6%2C0%2C0%2C1%2C30.46-6.7Zm-6%2C5.78A11.25%2C11.25%2C0%2C0%2C0%2C79.21%2C54a11.56%2C11.56%2C0%2C0%2C0-1.74.13%2C11.33%2C11.33%2C0%2C1%2C0%2C8.42%2C2.07Z%22%3E%3C/path%3E%3C/svg%3E"); } .IconBlueprintsBG { padding-top: 6em; background-position-x: 26%; background-size: 31%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2059%2059%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%3E%3Ctitle%3E17%20-Blueprints-%20%28Solid%29%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-838.000000%2C%20-469.000000%29%22%20fill%3D%22%23FFFFFF%22%3E%3Cg%20transform%3D%22translate%28838.000000%2C%20469.000000%29%22%3E%3Cpath%20d%3D%22M56.7269%2C46.8522%20C56.6429%2C46.7742%2056.5609%2C46.6942%2056.4719%2C46.6212%20C56.3859%2C46.5482%2056.2929%2C46.4832%2056.2029%2C46.4152%20C56.1129%2C46.3472%2056.0259%2C46.2762%2055.9329%2C46.2132%20C55.8359%2C46.1472%2055.7339%2C46.0902%2055.6349%2C46.0292%20C55.5409%2C45.9722%2055.4499%2C45.9112%2055.3529%2C45.8582%20C55.2489%2C45.8002%2055.1389%2C45.7522%2055.0309%2C45.7002%20C54.9339%2C45.6532%2054.8389%2C45.6012%2054.7389%2C45.5592%20C54.6249%2C45.5102%2054.5069%2C45.4722%2054.3909%2C45.4302%20C54.2919%2C45.3932%2054.1939%2C45.3522%2054.0919%2C45.3202%20C53.9649%2C45.2802%2053.8329%2C45.2512%2053.7019%2C45.2182%20C53.6069%2C45.1942%2053.5149%2C45.1652%2053.4189%2C45.1452%20C53.2649%2C45.1132%2053.1079%2C45.0942%2052.9509%2C45.0722%20C52.8729%2C45.0622%2052.7979%2C45.0452%2052.7199%2C45.0372%20C52.4829%2C45.0132%2052.2429%2C45.0002%2051.9999%2C45.0002%20C50.0429%2C45.0002%2048.2719%2C45.8072%2046.9999%2C47.1052%20L46.9999%2C8.0002%20L46.9999%2C7.0002%20C46.9999%2C4.2432%2049.2429%2C2.0002%2051.9999%2C2.0002%20C54.7569%2C2.0002%2056.9999%2C4.2432%2056.9999%2C7.0002%20L56.9999%2C47.1052%20C56.9909%2C47.0962%2056.9799%2C47.0882%2056.9709%2C47.0782%20C56.8929%2C46.9992%2056.8089%2C46.9272%2056.7269%2C46.8522%20M51.9999%2C0.0002%20C48.1409%2C0.0002%2044.9999%2C3.1402%2044.9999%2C7.0002%20L41.9999%2C7.0002%20L41.9999%2C20.0002%20C41.9999%2C20.5522%2041.5529%2C21.0002%2040.9999%2C21.0002%20L35.9999%2C21.0002%20L35.9999%2C21.9992%20C35.9999%2C22.5522%2035.5529%2C22.9992%2034.9999%2C22.9992%20C34.4469%2C22.9992%2033.9999%2C22.5522%2033.9999%2C21.9992%20L33.9999%2C18.0002%20C33.9999%2C17.4482%2034.4469%2C17.0002%2034.9999%2C17.0002%20C35.5529%2C17.0002%2035.9999%2C17.4482%2035.9999%2C18.0002%20L35.9999%2C19.0002%20L39.9999%2C19.0002%20L39.9999%2C7.0002%20L22.9999%2C7.0002%20L22.9999%2C19.0002%20L25.9999%2C19.0002%20L25.9999%2C18.0002%20C25.9999%2C17.4482%2026.4469%2C17.0002%2026.9999%2C17.0002%20C27.5529%2C17.0002%2027.9999%2C17.4482%2027.9999%2C18.0002%20L27.9999%2C21.9992%20C27.9999%2C22.5522%2027.5529%2C22.9992%2026.9999%2C22.9992%20C26.4469%2C22.9992%2025.9999%2C22.5522%2025.9999%2C21.9992%20L25.9999%2C21.0002%20L21.9999%2C21.0002%20C21.4469%2C21.0002%2020.9999%2C20.5522%2020.9999%2C20.0002%20L20.9999%2C7.0002%20L15.9999%2C7.0002%20L15.9999%2C15.0002%20L16.9999%2C15.0002%20C17.5529%2C15.0002%2017.9999%2C15.4482%2017.9999%2C16.0002%20C17.9999%2C16.5522%2017.5529%2C17.0002%2016.9999%2C17.0002%20L12.9999%2C17.0002%20C12.4469%2C17.0002%2011.9999%2C16.5522%2011.9999%2C16.0002%20C11.9999%2C15.4482%2012.4469%2C15.0002%2012.9999%2C15.0002%20L13.9999%2C15.0002%20L13.9999%2C7.0002%20L0.9999%2C7.0002%20C0.4469%2C7.0002%20-0.0001%2C7.4482%20-0.0001%2C8.0002%20L-0.0001%2C31.0002%20L13.9999%2C31.0002%20L13.9999%2C25.0002%20L12.9999%2C25.0002%20C12.4469%2C25.0002%2011.9999%2C24.5522%2011.9999%2C24.0002%20C11.9999%2C23.4482%2012.4469%2C23.0002%2012.9999%2C23.0002%20L16.9999%2C23.0002%20C17.5529%2C23.0002%2017.9999%2C23.4482%2017.9999%2C24.0002%20C17.9999%2C24.5522%2017.5529%2C25.0002%2016.9999%2C25.0002%20L15.9999%2C25.0002%20L15.9999%2C32.0002%20C15.9999%2C32.5522%2015.5529%2C33.0002%2014.9999%2C33.0002%20L-0.0001%2C33.0002%20L-0.0001%2C37.0002%20L12.9999%2C37.0002%20C13.5529%2C37.0002%2013.9999%2C37.4482%2013.9999%2C38.0002%20C13.9999%2C45.1682%208.1679%2C51.0002%200.9999%2C51.0002%20L-0.0001%2C51.0002%20L-0.0001%2C58.0002%20C-0.0001%2C58.5522%200.4469%2C59.0002%200.9999%2C59.0002%20L14.9999%2C59.0002%20L14.9999%2C46.0002%20C14.9999%2C45.4482%2015.4469%2C45.0002%2015.9999%2C45.0002%20L22.9999%2C45.0002%20L22.9999%2C44.0002%20C22.9999%2C43.4482%2023.4469%2C43.0002%2023.9999%2C43.0002%20C24.5529%2C43.0002%2024.9999%2C43.4482%2024.9999%2C44.0002%20L24.9999%2C48.0002%20C24.9999%2C48.5522%2024.5529%2C49.0002%2023.9999%2C49.0002%20C23.4469%2C49.0002%2022.9999%2C48.5522%2022.9999%2C48.0002%20L22.9999%2C47.0002%20L16.9999%2C47.0002%20L16.9999%2C59.0002%20L38.9999%2C59.0002%20L38.9999%2C47.0002%20L32.9999%2C47.0002%20L32.9999%2C48.0002%20C32.9999%2C48.5522%2032.5529%2C49.0002%2031.9999%2C49.0002%20C31.4469%2C49.0002%2030.9999%2C48.5522%2030.9999%2C48.0002%20L30.9999%2C44.0002%20C30.9999%2C43.4482%2031.4469%2C43.0002%2031.9999%2C43.0002%20C32.5529%2C43.0002%2032.9999%2C43.4482%2032.9999%2C44.0002%20L32.9999%2C45.0002%20L39.9999%2C45.0002%20C40.5529%2C45.0002%2040.9999%2C45.4482%2040.9999%2C46.0002%20L40.9999%2C59.0002%20L52.0599%2C59.0002%20C55.8869%2C59.0002%2058.9999%2C55.8872%2058.9999%2C52.0002%20L58.9999%2C7.0002%20C58.9999%2C3.1402%2055.8599%2C0.0002%2051.9999%2C0.0002%22%3E%3C/path%3E%3Cpath%20d%3D%22M11.9551%2C39%20L0.0001%2C39%20L0.0001%2C49%20L1.0001%2C49%20C6.7281%2C49%2011.4481%2C44.599%2011.9551%2C39%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .IconManagementBG { padding-top: 6em; background-position-x: 26%; background-size: 41%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M36.4%2C32.9c-0.5%2C0-1%2C0.4-1%2C1v2.6c0%2C0.5%2C0.4%2C1%2C1%2C1h2.2c0.3%2C1.5%2C0.9%2C3%2C1.7%2C4.2l-1.5%2C1.5c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l1.9%2C1.9%20%20c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3s0.5-0.1%2C0.7-0.3l1.5-1.5c1.3%2C0.8%2C2.7%2C1.4%2C4.2%2C1.7v2.2c0%2C0.5%2C0.4%2C1%2C1%2C1h2.6h0c0.5%2C0%2C1-0.4%2C1-1v-2.2%20%20c1.5-0.3%2C3-0.9%2C4.2-1.7l1.5%2C1.5c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3s0.5-0.1%2C0.7-0.3l1.9-1.9c0.4-0.4%2C0.4-1%2C0-1.4l-1.5-1.5%20%20c0.8-1.3%2C1.4-2.7%2C1.7-4.2h2.2h0c0.5%2C0%2C1-0.4%2C1-1v-2.6c0-0.5-0.4-1-1-1h0h-2.2c-0.3-1.5-0.9-3-1.7-4.2l1.5-1.5c0.4-0.4%2C0.4-1%2C0-1.4%20%20L59.4%2C24c-0.2-0.2-0.4-0.3-0.7-0.3c-0.2%2C0-0.5%2C0.1-0.7%2C0.3l-1.5%2C1.5c-1.3-0.8-2.7-1.4-4.2-1.7v-2.2c0-0.5-0.4-1-1-1h0h-2.6%20%20c-0.5%2C0-1%2C0.4-1%2C1v2.2c-1.5%2C0.3-3%2C0.9-4.2%2C1.7L42%2C24c-0.2-0.2-0.4-0.3-0.7-0.3c-0.2%2C0-0.5%2C0.1-0.7%2C0.3l-1.9%2C1.9%20%20c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l1.5%2C1.5c-0.8%2C1.3-1.4%2C2.7-1.7%2C4.2H36.4z%20M46.9%2C33.7l1.8%2C1.8l4.3-4.3l1.9%2C1.9l-4.3%2C4.3l-1.9%2C1.9l-1.9-1.9%20%20l-1.8-1.8L46.9%2C33.7z%20M99%2C69.1v10.3H1V69.1c0.1-7.6-0.2-11.7%2C4.7-13.5c4.5-1.7%2C7.2-3.5%2C7.2-3.5l3.5%2C10.9l0.5%2C1.5l1.5-4.4%20%20c-3.6-5%2C0.3-5.2%2C0.9-5.2v0h0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0v0c0.7%2C0%2C4.5%2C0.2%2C0.9%2C5.2l1.5%2C4.4l0.5-1.5l3.5-10.9%20%20c0%2C0%2C2.1%2C1.4%2C5.8%2C2.9c0.7-0.6%2C1.6-1.1%2C2.7-1.5c5.2-2%2C8.3-4%2C8.3-4l4%2C12.6l0.5%2C1.7l1.8-5.1c-4.1-5.7%2C0.3-6%2C1.1-6v0h0c0%2C0%2C0%2C0%2C0%2C0%20%20c0%2C0%2C0%2C0%2C0%2C0h0h0h0v0c0.8%2C0%2C5.2%2C0.3%2C1.1%2C6l1.8%2C5.1l0.5-1.7l4-12.6c0%2C0%2C3.1%2C2%2C8.3%2C4c1.1%2C0.4%2C2%2C0.9%2C2.7%2C1.5c3.6-1.5%2C5.8-2.9%2C5.8-2.9%20%20l3.5%2C10.9l0.5%2C1.5l1.5-4.4c-3.6-5%2C0.3-5.2%2C0.9-5.2v0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0v0c0.7%2C0%2C4.5%2C0.2%2C0.9%2C5.2%20%20l1.5%2C4.4l0.5-1.5l3.5-10.9c0%2C0%2C2.7%2C1.8%2C7.2%2C3.5C99.2%2C57.4%2C98.9%2C61.5%2C99%2C69.1z%20M68.9%2C37.8c-0.5%2C0-0.8%2C0.4-0.8%2C0.8v2.3%20%20c0%2C0.5%2C0.4%2C0.8%2C0.8%2C0.8h1.9c0.3%2C1.3%2C0.8%2C2.6%2C1.5%2C3.6l-1.3%2C1.3c-0.3%2C0.3-0.3%2C0.9%2C0%2C1.2l1.6%2C1.6c0.3%2C0.3%2C0.9%2C0.3%2C1.2%2C0l1.3-1.3%20%20c1.1%2C0.7%2C2.3%2C1.2%2C3.6%2C1.5v1.9c0%2C0.5%2C0.4%2C0.8%2C0.8%2C0.8h2.3c0.5%2C0%2C0.8-0.4%2C0.8-0.8v-1.9c1.3-0.3%2C2.6-0.8%2C3.6-1.5l1.3%2C1.3%20%20c0.3%2C0.3%2C0.9%2C0.3%2C1.2%2C0l1.6-1.6c0.3-0.3%2C0.3-0.9%2C0-1.2L89%2C45.4c0.7-1.1%2C1.2-2.3%2C1.5-3.6h1.9c0.5%2C0%2C0.8-0.4%2C0.8-0.8v-2.3%20%20c0-0.5-0.4-0.8-0.8-0.8h-1.9c-0.3-1.3-0.8-2.6-1.5-3.6l1.3-1.3c0.3-0.3%2C0.3-0.9%2C0-1.2l-1.6-1.6c-0.3-0.3-0.9-0.3-1.2%2C0l-1.3%2C1.3%20%20c-1.1-0.7-2.3-1.2-3.6-1.5V28c0-0.5-0.4-0.8-0.8-0.8h-2.3c-0.5%2C0-0.8%2C0.4-0.8%2C0.8v1.9c-1.3%2C0.3-2.6%2C0.8-3.6%2C1.5l-1.3-1.3%20%20c-0.3-0.3-0.9-0.3-1.2%2C0l-1.6%2C1.6c-0.3%2C0.3-0.3%2C0.9%2C0%2C1.2l1.3%2C1.3c-0.7%2C1.1-1.2%2C2.3-1.5%2C3.6H68.9z%20M80.6%2C34.5c2.9%2C0%2C5.2%2C2.3%2C5.2%2C5.2%20%20c0%2C2.9-2.3%2C5.2-5.2%2C5.2s-5.2-2.3-5.2-5.2C75.4%2C36.9%2C77.8%2C34.5%2C80.6%2C34.5z%20M7.6%2C37.8c-0.5%2C0-0.8%2C0.4-0.8%2C0.8v2.3%20%20c0%2C0.5%2C0.4%2C0.8%2C0.8%2C0.8h1.9c0.3%2C1.3%2C0.8%2C2.6%2C1.5%2C3.6l-1.3%2C1.3c-0.3%2C0.3-0.3%2C0.9%2C0%2C1.2l1.6%2C1.6c0.3%2C0.3%2C0.9%2C0.3%2C1.2%2C0l1.3-1.3%20%20c1.1%2C0.7%2C2.3%2C1.2%2C3.6%2C1.5v1.9c0%2C0.5%2C0.4%2C0.8%2C0.8%2C0.8h2.3c0.5%2C0%2C0.8-0.4%2C0.8-0.8v-1.9c1.3-0.3%2C2.6-0.8%2C3.6-1.5l1.3%2C1.3%20%20c0.3%2C0.3%2C0.9%2C0.3%2C1.2%2C0l1.6-1.6c0.3-0.3%2C0.3-0.9%2C0-1.2l-1.3-1.3c0.7-1.1%2C1.2-2.3%2C1.5-3.6h1.9c0.5%2C0%2C0.8-0.4%2C0.8-0.8v-2.3%20%20c0-0.5-0.4-0.8-0.8-0.8h-1.9c-0.3-1.3-0.8-2.6-1.5-3.6l1.3-1.3c0.3-0.3%2C0.3-0.9%2C0-1.2l-1.6-1.6c-0.3-0.3-0.9-0.3-1.2%2C0L25%2C31.4%20%20c-1.1-0.7-2.3-1.2-3.6-1.5V28c0-0.5-0.4-0.8-0.8-0.8h-2.3c-0.5%2C0-0.8%2C0.4-0.8%2C0.8v1.9c-1.3%2C0.3-2.6%2C0.8-3.6%2C1.5l-1.3-1.3%20%20c-0.3-0.3-0.9-0.3-1.2%2C0l-1.6%2C1.6c-0.3%2C0.3-0.3%2C0.9%2C0%2C1.2l1.3%2C1.3c-0.7%2C1.1-1.2%2C2.3-1.5%2C3.6H7.6z%20M19.4%2C34.5c2.9%2C0%2C5.2%2C2.3%2C5.2%2C5.2%20%20c0%2C2.9-2.3%2C5.2-5.2%2C5.2s-5.2-2.3-5.2-5.2C14.1%2C36.9%2C16.5%2C34.5%2C19.4%2C34.5z%22%3E%3C/path%3E%3C/svg%3E"); } .IconAboutBG { padding-top: 6em; background-position-x: 26%; background-size: 31%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M35.8%2C37.2c-3%2C0-5.4-2.4-5.3-5.4c0-3%2C2.4-5.3%2C5.4-5.3c2.9%2C0%2C5.3%2C2.4%2C5.3%2C5.4C41.1%2C34.8%2C38.7%2C37.2%2C35.8%2C37.2z%20M28.2%2C55.1%20%20c-0.3%2C1.9-0.6%2C3.8-0.9%2C5.7c-0.4%2C2.8%2C2.3%2C5.4%2C4.4%2C5.7c1.3%2C0.2%2C2.6%2C0.2%2C3.9%2C0.2c2.8%2C0%2C5.1-1.2%2C7-3.2c0.3-0.3%2C0.6-0.8%2C0.7-1.3%20%20c0.2-0.8-0.4-1.3-1.2-1c-0.5%2C0.2-1%2C0.6-1.5%2C0.8c-0.6%2C0.2-1.3%2C0.5-2%2C0.6c-0.8%2C0.1-1.4-0.3-1.6-1.1c-0.2-0.6-0.2-1.2-0.2-1.8%20%20c0.1-1.3%2C0.4-2.5%2C0.6-3.8c0.7-3.8%2C1.4-7.6%2C2.1-11.4c0.2-1%2C0.4-2.1%2C0.3-3.1c0-1.2-0.8-1.8-2-1.8c-1.7%2C0-3.5%2C0-5.2%2C0%20%20c-1.6%2C0-3.3%2C0-4.9%2C0c-0.4%2C0-0.8%2C0-1.2%2C0.1c-0.8%2C0.1-1.1%2C0.5-1.2%2C1.1c-0.1%2C0.5%2C0.2%2C1.1%2C0.9%2C1.3c0.6%2C0.2%2C1.2%2C0.2%2C1.8%2C0.3%20%20c1.4%2C0.2%2C1.8%2C0.7%2C1.8%2C2.1c0%2C0.2%2C0%2C0.4-0.1%2C0.6C29.3%2C48.4%2C28.7%2C51.7%2C28.2%2C55.1z%20M62.2%2C22.4V16c0-0.8-0.5-1.6-1.2-2%20%20c-0.2-0.2-0.6-0.3-0.9-0.3c0%2C0-0.1%2C0-0.2%2C0H9.3c-0.5%2C0-0.9%2C0.2-1.3%2C0.4c-0.7%2C0.4-1.1%2C1.2-1.1%2C2v6.4c0%2C0%2C0%2C40.1%2C0%2C55.8%20%20c0%2C0.8%2C0%2C1.5%2C0%2C2.2V81c0%2C1.5%2C1.2%2C2.7%2C2.7%2C2.7h16h0.1h21.2c1.6%2C0.8%2C3.1%2C1.7%2C4.7%2C2.7c0.5%2C0.4%2C1.2%2C0.8%2C1.9%2C1.2c0.8%2C0.4%2C1.6%2C0.9%2C2.1%2C1.3%20%20c2.1%2C1.5%2C4.3%2C2.5%2C7.2%2C3c0.2%2C0.1%2C1%2C0.3%2C2.1%2C0.7c-1.4%2C1.6-3.4%2C2.6-5.6%2C2.6H46.4H34.3h-8.9H9.2c-3.9%2C0-7.1-3.2-7.1-7.1v-0.2v-3.4v-6.1%20%20V22.6V11.3c0-3.1%2C1.9-5.7%2C4.5-6.8c0.9-0.4%2C1.9-0.6%2C2.9-0.6h25h25c1%2C0%2C2%2C0.2%2C2.9%2C0.4c2.6%2C1.1%2C4.5%2C3.8%2C4.5%2C6.8v11.3v29.8%20%20c-1%2C0.3-1.9%2C0.5-2.7%2C0.7l-2-2.5V22.4z%20M29.1%2C89.4c0%2C0.3%2C0.1%2C0.6%2C0.2%2C0.9c0.3%2C0.6%2C1%2C1%2C1.7%2C1h7.1c1%2C0%2C1.9-0.9%2C2-1.9%20%20c0-0.4-0.1-0.7-0.3-1c-0.1-0.1-0.2-0.2-0.3-0.3c-0.4-0.4-0.9-0.6-1.4-0.6H31c-0.7%2C0-1.4%2C0.4-1.7%2C1C29.2%2C88.8%2C29.1%2C89.1%2C29.1%2C89.4z%20%20%20M96.2%2C78.8c-0.4-1-1.1-2.5-1.6-4.3c-1-7-4.7-14.2-6.1-16.8c-0.3-0.7-0.9-1.1-1.6-1.3c-12.7-3-23.9%2C1.3-23.9%2C1.3l-1.9-2.4%20%20c-1.5-2-3.1-3.9-4.6-5.9c-1.7-2.2-3.3-4.3-5-6.4c-1.2-1.5-3.2-1.8-4.7-0.8c-1.5%2C1.1-1.9%2C2.9-0.9%2C4.6c4.4%2C7.8%2C8.8%2C15.5%2C13%2C23.3%20%20c0.4%2C0.9%2C0.8%2C1.8%2C0.9%2C2.8c0.2%2C2-0.1%2C3.7-2%2C3c-2.2-0.8-7-3.2-8.1-3.3c-1.8-0.3-3.7-0.4-5.5%2C0.5c-0.8%2C0.4-1.7%2C1.4-2%2C2.2%20%20c-0.6%2C1.6-0.2%2C2.6%2C1.4%2C3.1c3.6%2C1.2%2C7%2C3%2C10.2%2C5.1c1.2%2C0.8%2C3%2C1.7%2C4.2%2C2.6c1.8%2C1.3%2C3.6%2C1.9%2C5.6%2C2.3c0%2C0%2C7.9%2C1.6%2C14.3%2C6.5%20%20c2.1%2C1.6%2C5%2C1.5%2C7-0.1L97%2C84.9c1-0.9%2C1.3-2.4%2C0.6-3.6L96.2%2C78.8z%22%3E%3C/path%3E%3C/svg%3E"); } .PositionIntegrators { float: left; margin-left: 4.33%; padding-right: 4.386%; width: 44.33%; } .PositionManufacturers { float: left; margin-left: 2.667%; padding-right: 4.386%; width: 44.33%; } .IntMfrBoxBorder { border: 5px solid #000000; } /* sj 12-14-17 split into tablet and mobile @media only screen and (min-width:50px) and (max-width:800px) { .IconProductResearchBG { background-size: 25%; background-position-x:40%; } .IconBlueprintsBG { background-size: 24%; background-position-x:39%; } .IconManagementBG { background-size: 33%; background-position-x:35%; } .IconAboutBG { background-size: 23%; background-position-x:42%; background-position-y: 17%; } .PositionIntegrators { margin-left:0; width:49.66%; } .PositionManufacturers { margin-left: 0; padding-right: 2.386%; width: 48.66%; } }*/ /* tablet */ @media only screen and (min-width: 481px) and (max-width: 800px) { .IconProductResearchBG { background-size: 25%; background-position-x: 40%; } .IconBlueprintsBG { background-size: 24%; background-position-x: 39%; } .IconManagementBG { background-size: 33%; background-position-x: 35%; } .IconAboutBG { background-size: 23%; background-position-x: 42%; background-position-y: 17%; } .PositionIntegrators { margin-left: 0; width: 49.66%; } .PositionManufacturers { margin-left: 0; padding-right: 2.386%; width: 48.66%; } } /* mobile */ @media only screen and (min-width: 50px) and (max-width: 480px) { .IconSize1 { width: 5em; } .IconSize2 { width: 5em; } .IconSize3 { width: 5em; } .IconSize4 { width: 5em; } .IconSize5 { width: 5em; } /* data svg css created with http://www.grumpicon.com/ */ .IconProductResearchBG { padding-top: 0; padding-left: 3em; line-height: 3em; background-position-x: 1%; background-size: 10%; background-position-y: 57%; } .IconBlueprintsBG { padding-top: 0; padding-left: 3em; line-height: 3em; background-position-x: 1%; background-size: 8%; background-position-y: 41%; } .IconManagementBG { padding-top: 0; padding-left: 3em; line-height: 3em; background-position-x: 0; background-size: 10%; background-position-y: 40%; } .IconAboutBG { padding-top: 0; padding-left: 3em; line-height: 3em; background-position-x: 1%; background-size: 10%; background-position-y: 40%; } } /* END welcome-card-1.cfm */ /* need to add to generic tablet styles */ /* moved to base-bad-css.cfm on 11/16/17 by sjaps @media only screen and (min-width:481px) and (max-width:800px) { .tab-clear-left {clear: left;} } */ /* BEGIN welcome-card-2.cfm */ .HomepageFeaturedProductImageSize { height: 250px; /* sj 7/11/18 */ display: flex; justify-content: center; align-items: center; } .HomepageFeaturedProductImageSize img { max-height: 250px; } /* sj 7/11/18 .HomepageFeaturedProductImagePosition a { position: absolute; bottom: 0; left: 0; max-height: 100%; height: 250px; text-align: center; width: 100%; } */ @media only screen and (min-width: 50px) and (max-width: 800px) { .HomepageFeaturedProductImageSize { height: 180px; } .HomepageFeaturedProductImageSize img { max-height: 180px; } } /* END welcome-card-2.cfm */ /* welcome-card-3.cfm */ /* 1 of 2 CASE STUDIES */ #CaseStudyBackground1 { /* DEFAULT DESKTOP STANDARD RESOLUTION 1140x500 (target dimensions) */ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative; height: 645px; background-image: url("https://cdn.av-iq.com/avcat/nomad/images/rrcs/featuredcasestudies/2025-07-01-acoustix.jpg"); /* DEFAULT DESKTOP HIGH RESOLUTION 2280x1000 (target dimensions) */ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #CaseStudyBackground1 #CaseStudyBackground1 { /* 2025-07-01-acoustix */ background-image: url("https://cdn.av-iq.com/avcat/nomad/images/rrcs/featuredcasestudies/2025-07-01-acoustix-tablet.jpg"); } } @media only screen and (min-width: 481px) and (max-width: 800px) { #CaseStudyBackground1 { /* DEFAULT TABLET STANDARD RESOLUTION 800x500 (target dimensions) */ /* 2025-07-01-acoustix */ background-image: url("https://cdn.av-iq.com/avcat/nomad/images/rrcs/featuredcasestudies/2025-07-01-acoustix-tablet.jpg"); /* 2025-07-01-acoustix */ height: 453px; /* DEFAULT TABLET HIGH RESOLUTION 1600x1000 (target dimensions) */ } } @media only screen and (min-width: 481px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 481px) and (max-width: 800px) and (min-resolution: 192dpi) { #CaseStudyBackground1 { background-image: url("https://cdn.av-iq.com/avcat/nomad/images/rrcs/featuredcasestudies/2025-07-01-acoustix-tablet@2x.jpg"); } } @media only screen and (min-width: 50px) and (max-width: 480px) { #CaseStudyBackground1 { /* DEFAULT MOBILE STANDARD RESOLUTION 480x500 (target dimensions) */ /* 2025-07-01-acoustix */ background-image: url("https://cdn.av-iq.com/avcat/nomad/images/rrcs/featuredcasestudies/2025-07-01-acoustix-mobile.jpg"); /* 2025-07-01-acoustix */ height: 500px; /* 2025-07-01-acoustix */ background-position: -5em 0em; /* DEFAULT TABLET HIGH RESOLUTION 960x1000 (target dimensions) */ } } @media only screen and (min-width: 50px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 50px) and (max-width: 480px) and (min-resolution: 192dpi) { #CaseStudyBackground1 { /* 2025-07-01-acoustix */ background-image: url("https://cdn.av-iq.com/avcat/nomad/images/rrcs/featuredcasestudies/2025-07-01-acoustix-mobile@2x.jpg"); } } /* 2 of 2 CASE STUDIES */ /* 2021-10-01-keycode */ /* DEFAULT TABLET STANDARD RESOLUTION 800x500 (target dimensions) */ /* 2021-10-01-keycode */ /* 2021-10-01-keycode */ /* DEFAULT TABLET HIGH RESOLUTION 1600x1000 (target dimensions) */ /* DEFAULT MOBILE STANDARD RESOLUTION 480x500 (target dimensions) */ /* 2021-10-01-keycode */ /* 2021-10-01-keycode */ /* 2021-10-01-keycode */ /* DEFAULT TABLET HIGH RESOLUTION 960x1000 (target dimensions) */ /* 2021-10-01-keycode */ .CaseStudyLink { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 100; } #CaseStudyInfo1 { position: absolute; bottom: 6em; left: 0; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 0.5em; width: 86%; } .CaseStudySeeMore { position: absolute; bottom: 0; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 0.5em; width: 100%; z-index: 200; } .CaseStudySeeMore a.font-secondary { color: #FFFFFF; } /* tablet */ @media only screen and (min-width: 481px) and (max-width: 800px) { #CaseStudyInfo1, #CaseStudyInfo2 { bottom: 4em; width: 90%; } } /* mobile */ @media only screen and (min-width: 50px) and (max-width: 480px) { #CaseStudyInfo1, #CaseStudyInfo2 { bottom: 5em; width: 90%; } } /* welcome-card-4.cfm */ .BrandRankColumn { display: block; float: left; margin-right: 1%; border: 1px solid #000000; /* width: 39%; sj 4/25/18 need wider column for wider ad */ width: 49%; -webkit-box-shadow: 0 3px 10px #000000; box-shadow: 0 3px 10px #000000; } /* added 11/16/17*/ .BrandRankColumn div span { display: inline-block; } .BrandRankColumn div:first-child { padding: 0.255em; background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(30, 79, 160, 0.25))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(30, 79, 160, 0.25)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(30, 79, 160, 0.25)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(30, 79, 160, 0.25)); } .BrandRankColumn div:nth-child(even) { background: #ecf5f7; } /* edited 11/16/17 .BrandRankColumn div span:first-child { display: inline-block; padding-right: 1em; text-align: right; width: 2.5em; } */ .BrandRankColumn div span:first-child { text-align: right; vertical-align: top; width: 6%; } /* added 11/16/17 */ .BrandRankColumn div span:nth-child(2) { width: 85%; padding: 0 2%; } .BrandRankColumn div span:nth-child(3) { width: 4%; } .BrandRankColumn .brand-rank-row:hover { background: #000000; cursor: pointer; color: #000; } .BrandRankColumn .brand-rank-row:hover span { color: #000; } .brand-rank-row { border-top: 1px solid #000000; } /* sj 4/25/18 update class name .SkyscraperAdColumn { display: block; float: left; text-align: right; width: 20%; } .SkyscraperAdColumn img { max-width: 100%; } */ .AdColumn { display: block; float: right; text-align: right; width: 300px; } .AdColumn img { max-width: 100%; } @media (max-width: 800px) { .AdColumn--homepage { display: flex; flex-wrap: wrap; justify-content: center; } } /* data URI ranking arrows added by sj on 09-22-17 */ .ranking-position-key { display: inline-block; height: 13px; background-size: 13px 13px; background-repeat: no-repeat; position: relative; top: 7px; margin: 0 0 0 20px; width: 13px; } .ranking-position-list { float: right; width: 13px; height: 13px; background-size: 13px 13px; background-repeat: no-repeat; margin: 7px 7px 0 0; } .ranking-down-image { background-image: url("data:image/png;base64,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"); } .ranking-same-image { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN8AAADeCAYAAAC9pdWJAAAPcElEQVR4nO3de6wU5R3G8e8C9sgRwQpo8YYVFeRSikZbNRjjBfBSFG1BbWps1VjbxmirraZJq00aK6UX2ybek6qN1moFifWC12rURqOAcBAothUvFAUriujRA9s/fjvHdc/unpndmXln5n0+yebIObszPzzz8L7zzjvvlMrlQYhTQ4HRldeewK7ALpWvO1W9OoEOYAiwXc02PgY2A93AFuCdqtd64M3K11eBVyqvdxP8O0k/SqUeSgpfaoYDk4FJwERgAjAGC5oLbwIvAyuAZZXXUmCjo3q8ovAlZwfgYOBw4FBgCrCb04rCewNYAjwNPAU8B7zvtKICUvji0wkcCRyLhe1A+nYN8+pj4AXgGeAh4HGsayttUPjaMw44DpgBHAFs77ac1HwIPAE8ANwPrHRbTj4pfNGNB2YDc7DwiYXvDuBOoMtxLbmh8IUzBjgDC9wEx7VkXRcWxNuwwRxpQOFrrAOYBZwDHAWU3JaTO2XgUeBGYD52CUSqKHx9jQXOA87ELg1I+zYCtwDXAasc15IZCt8npgIXAycCAxzXUlTbgHuBecCTjmtxzvfwDQROwUJ3iONafPMsFsK7ga2Oa3HC1/ANwEYsL8e6meLOKuAKbJBmm+NaUlUq9XjVxSphLd1S4HYUvCwYi42MLgVOxbOBLV9aviOBX2EzTyS7FgM/AB5zXUjSfGj59sXOKx5DwcuDKdglirux312hFTV8Q4CrsIu+sxzXItHNwn5387DfZSEVsds5G/gtMMp1IRKLdcBF2KBMYRRttHMv4FpssrMUz/3A+diNwLlXlHO+EvZLWY6CV2THYTf8nk9BRkXz3vJ9DrgZmOa6EEnVIuAsrEuaS3lv+WYCL6Lg+Wgadm1wputC2pHH8HUC1wD3ACMd1yLujMSOgWuxYyJ38tbtHIfdtDnRdSGSKcuxGTKrXRcSVt66nadhi/koeFJrInZsnOS6kCjyEL6BwFxsPmZhL7hK24ZiN+7+HDtmMi/r3c6hwF+A6a4LkVx5EJtskdmFgbN+kX1P4G/YIrMiUS3Dbo5e67qQerJ8zncg8A8UPGndJGyt0cxOqM9i+E4A/k5+VniW7NoNO5ZOcF1IPVkL3+nYSbMGViQuQ4AFwDdcF1IrS+E7B7iV4iyzLtkxCJuG+D3XhVTLSvguAK4nJ0PEkksl4PfAJa4LCWQhfD8CrqYgM9Ul8+YCl7ouAtxf57sAC55I2i7E4bHn+jrf2cANqMUTN8rAucBNLnbuMnynAX9C53ji1lZsFPT2tHfsKnwzgbvQqKZkw8fAV4GFae7URfgmYTNXcnn/lRTWFuyJwi+mtcO0p5ftAdyHgifZ04nNI94jzZ2mFb5hWPBS/cuJRBA0DsPS2mEa4RuI3RakSdKSdZOw9UFTGQhMI3w/Q4scSX5Mx47ZxCU94HIytu6+ruVJnpSxJ1otSGoHSY927o89BDG1PrRIjDZhD01NZFGmJEc7O7EWT8GTvBqG3d6W2Oh8UuH7NTAhoW2LpGU8diwnIolu50xsMVORojiJmGfAJHHONwqbJTAizo2KOLYRuwwR27Mh4j7nKwF/RMGT4hmOHduxjtrHGb7z0PU8Ka5pwHfi3GBc3c69sPXyd4xjYyIZtRkbSGx7LdA4u53XouBJ8Q0BrotrY3GEbw56Iqz4YwZ2M3jb2u12DgVWYqOcIr5Yhz2uruVnQcTR7fwxCp74ZxR27LelnZZvDNAFdLRbhEgOdWPPBVzTyofbbfnmoeCJvzqAX7azgVZbvqOAR9rZsUhBHEMLWWh1elkJeB6YEvWDIgW0GDgIuwcwtFa7nbNQ8EQCU7AbbyOL2vINAJZiJ5oiYpYDk4FtYT/QSss3BwVPpNZELBuRRGn5BmEJHxt1JyIeWI3N++wJ8+aoLd+pKHgijeyPLTsfWpSW7wU00CLSTOiRzygt33QUPJH+TCHCPa1hw3dRa7WIeCd0VsJ0Ow/A5nBq4VuR/pWxgZeXmr0pbLfzXBQ8kbBKWGb6f2M/Ld9ngNfRokgiUWwAdgc+avSGMC3fqSh4IlGNwLLTVH/hOzueWkS80292mnU798FuFNT5nkh0ZWA/4OV6P+yv2/l1FDyRVpWAM5q9oVn4Zsdbi4h3mmaoUfgmoLsXRNo1kSZP62oUPrV6IvFomKVGAy4vYesSikh7VlEnS40GXMbVe7OItGQsDfJUL3zTk61FxDt1M1UvfMcnXIiIb+pmqvacbzD2FM7BaVQk4okPsAdsfhB8o94531EoeCJxG4xl61Nqw3dMOrWIeOfo2m/Uhu/wlAoR8U2fbFWf83UCm7AlAkUkXj3AMGAL9D3n+xIKnkhSBmEZ61UdPnU5RZJ1WPUfqsN3aMqFiPimYfi+mHIhIr6ZXP2HIHwjgd3Sr0XEK7tjWQM+Cd8kN7WIeKc3awqfSLoUPhFH+oTvAEeFiPimN2tB+PZ2U4eId/YO/qNULg/qwG510DKBIskrA4NLpZ7uAVgSFTyRdJSotH5B+EQkPZ8HC99ox4WI+GY0WPh2dVyIiG92BQvfcMeFiPhmZ1D4RFwYARa+kf28UUTiNRLU8om40Nvt3NlxISK+GQ4Wvg7HhYj4pgMsfEMcFyLimx3AwjfQcSEivtkObGJ12XUlIr4plXpKzZ7JLiIJUvhEHFH4RNK3GSx8mx0XIuKbrWDh2+q4EBHfdINaPhEXPgQLX7fjQkR809vtfNtxISK+2QgWvo2OCxHxzdtg4XvLcSEivnkL1PKJuLABdM4n4kJvt3O940JEfLMeLHyvOy5ExDevg4VvreNCRHyzFix8rzguRMQ3r4CFbxO63CCSlrewzPXeUrTGXS0iXunNWhC+FY4KEfFNb9aC8C1zVIiIb3qzpvCJpEvhE3GkT/jeAta5qUXEG29QdWWhegGlxenXIuKVJdV/qA7fMykXIuKbp6v/MKDRD0Qkdp/KWKlcHhT8dyd25X1Q7SdEpG09wDBgC0Cp1POplm8LOu8TScoLVIIXqF2xWl1PkWT0yVZt+B5KqRAR3zxc+43qcz6Awdgt7tunVZGIBz7EHr/+QfCN2nM+Kj98Is2qRDzwBFXBC9R7StF9ydci4pX7632zXvgeTLgQEd88UO+b9cK3ElidbC0i3vgnlqk+Gj0c86/J1SLilbsa/UDhE0nW3Y1+UHupodpKYGwi5Yj4YQ2wX70f1LvUUO22ZOoR8UbTDDVr+fbBkluKuyIRD5SB/WmwMmB/Ld+/gEeTqErEA4/Sz5KczcIHcFN8tYh4pd/sNOt2AnQArwEj4qpIxAMbgN2Bjxq9ob9uJ0A3cGucVYl44FaaBC/QX8sHcADQhQZeRMIoAxOAl5q9KUzLR2Uji+KoSsQDi+gneIEw4QP4Teu1iHgldFbCdDvBupzPA1NarUjEA4uBg7CuZ1Nhu51UNja3napEPDCXEMELhG35wJYU7MKu2ovIp63GBlp6wrw5SstHZaOXt1CUiA+uIGTwAlFaPrABmqXAxCgfEim4LuALwLawH4ja8lHZ+OURPyNSdD8lQvACUVs+0MinSLUlwIFEGGiB1lo+Kju5pIXPiRTRJUQMXqCV8AE8Aixo8bMiRbGAOitRh9VKtzOwL7Acu/NBxDfdwCRsdbLIWu12BtYAV7fxeZE8+x0tBi/QTssHMBRbaGlUOxsRyZn/YouLvdvqBtpt+ajs/PttbkMkby6ijeAF2m35AvcBx8WxIZGMexCY0e5GSqWe2MK3Fzb4smMcGxPJqM3YTJZ/t7uhOLqdgbXAZTFtSySrLiWG4AXiavnAZr48CBwb1wZFMuRhYBotXlCvFWe3MzAKWAYMj3OjIo5txK7prYtrg3F2OwPrgG/FvE0R184mxuAF4g4fwELg+gS2K+LC9cA9SWw47m5noBN4DhifxMZFUrICOAR4P+4NJ9HtDGwBTgE2JbR9kaRtwo7h2IMXSCp8AKuAbxLT6JBIisrYsbsqyZ0kGT6A+cCVCe9DJG5XYsduopI656s2EJt+Ni3pHYnEYBFwPLA1yZ0kcZ2vkWHAk9i1EpGsWgZMJYWxiiQHXGptwv41eS2l/YlE9Rp2jKY2SJhW+MD+cjOxkVCRLNmCHZupNg5phg9sLfvTibi4qEiCerBjcnHaO047fGAzYM4k4RNakRC2YsfiQhc7dxE+gNuB89A1QHGnDHwbOxadcBU+sAfGX+hw/+K3i4AbXRbgMnxgK0Bd6rgG8c9lZGDlPdfhA7gKawHVBZU0/BD4hesiIJ0ZLmGdC1yDzYgRiVsZuAD4g+tCIN0ZLmGdAdyMPYhTJC5bsZu8b3FdSCCL4QM4ERuBGuK6ECmEzdh1vHtdF1Itq+EDe6j8QmA314VIrq0DvoI90i5T0pzbGdXzwKHYRFeRViwDvkwGgxfIavjA1gKdit3iIRLFIuzYWeu6kGayHD745G6Iea4LkVwoYzfCpnp3Qquyes5Xz+nYSlIaiJF63gXOIoU70OOQ5QGXRiYCdwLjXBcimbICW+wo0TVX4pTlAZdGlmMjoVoXVAI3AAeTo+AF8tbyVTsZ+x8/wnUh4sQGbFbUAteFtCKPLV+1BdjjmjQa6p+HsN99LoMXyHP4wC6izgC+C7znuBZJ3nvY73o6CTw7IW157nbWGg1cSwxPDZVMegA4H/iP4zpikfduZ61XsEdTn0YB/lWUXuuwy0zHUZDgBYoUvsAdwFjgV8BHjmuR1n2E/Q7HA392XEsiitTtrGdfYC4wy3UhEsl87KbXNa4LSUrRup31rMEuvh4NLHFci/RvKfZYgVMocPACRQ9f4FHgQOBr2IV6yZYu7HczBbuM4IWidzvrGYANyvwEOzcUd1YDV2DndNsc15KqPM7tjNNArHtzMfb0UUnPs9idKvPxdPVy38NXbSoWwhPxpyuetm3YUg7zsCdWeU3h62sstpL2mcBwx7UUxUZs4aLryOHk56QofI11YJcnzgGOAkpuy8mdMjbIdSPWtex2W072KHzhjMGWNJwDTHBcS9Z1YZMcbgNedlxLpil80Y0HZmNB1A29ZiUWuDux8EkICl97xmHzDWcARwDbuy0nNR8CT2ATne/HwicRKXzx6QSOBI4FDscuFhflf2wP9uDIp7AL4I+jpwu3TeFLzg7Y0gZTgcOAycAopxWFtw6b5vU0dkngOeB9pxUVkMKXrhFYCCdVXuOxid+ulsHYgM2fXIEtMLsMC90GR/V4ReHLhp2AvSqvPYFdgV0qX3eqegF8tvK1A+vqgnUBg6H8/1W+vlP1Wg+8Wfn6KraQ7NrKz8SRUqmH/wOBKDOYHXUTBwAAAABJRU5ErkJggg=="); } .ranking-up-image { background-image: url("data:image/png;base64,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"); } /* begin news logos */ .home-news-logos { display: flex; height: 5em; } .home-news-logos a { display: flex; align-items: center; width: 33.33%; /* fix logo width - nh */ } .home-news-logos a img { width: 200px; max-width: 100%; margin: 0 auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: bicubic; } .home-news-logos a:nth-child(1) { border-right: 2px solid #e0dcdc; margin-right: 2.193%; padding-right: 2.193%; } .home-news-logos a:nth-child(2) { border-right: 2px solid #e0dcdc; margin-right: 2.193%; padding-right: 2.193%; } .home-news-logos a:nth-child(3) { border-right: 2px solid #e0dcdc; margin-right: 2.193%; padding-right: 2.193%; } .home-news-logos a:last-child { padding-right: 4.386%; } /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ /* sj 6/25/18 delete .home-news-logos-9959 and recompile after css on live has been cleared from cache */ .home-news-logos-9959 { display: flex; height: 5em; } .home-news-logos-9959 a { display: flex; align-items: center; width: 33.33%; } .home-news-logos-9959 a img { width: 200px; max-width: 100%; margin: 0 auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: bicubic; } .home-news-logos-9959 a:nth-child(1) { border-right: 2px solid #e0dcdc; margin-right: 2.193%; padding-right: 2.193%; } .home-news-logos-9959 a:nth-child(2) { border-right: 2px solid #e0dcdc; margin-right: 2.193%; padding-right: 2.193%; } .home-news-logos-9959 a:nth-child(3) { /* remove right border -nh */ margin-right: 2.193%; padding-right: 2.193%; } .home-news-logos-9959 a:last-child { padding-right: 4.386%; } /* end news logos */ @media only screen and (min-width: 50px) and (max-width: 800px) { /* sj 4/25/18 wider ad on right requires narrower column*/ .BrandRankColumn { width: 49%; margin-bottom: 2em; } .BrandRankColumn div span:first-child { width: 8%; } .BrandRankColumn div span:nth-child(2) { width: 80%; } .BrandRankColumn div span:nth-child(3) { width: 8%; } /* sj 4/25/18 wider ad requires moving it below rankings in tablet/mobile */ .AdColumn { clear: both; float: unset; text-align: center; width: 100%; } } .hidden { display: none; } /* HIDE NAV FOR DESKTOP */ #mobile-nav { display: none; } /* HIDE NAV FOR TABLET */ @media only screen and (min-width: 481px) and (max-width: 800px) { #mobile-nav { display: none; } } /* BEGIN SHOW AND STYLE NAV FOR MOBILE */ @media only screen and (min-width: 50px) and (max-width: 480px) { #mobile-nav { display: block; position: relative; width: 100%; } #mobile-nav-top-row { background: white; height: 3em; position: absolute; padding: 2%; width: 100%; } #mobile-hamburger { float: left; width: 25%; } #mobile-hamburger object { margin: .3em 0 0 0; } #mobile-logo { float: left; text-align: center; width: 50%; } #mobile-logo object { height: 100%; } #mobile-region { float: left; height: 100%; text-align: right; width: 25%; } #mobile-region object { margin: .3em 0 0 0; } #mobile-nav-bottom-row { background: white; height: 3em; position: absolute; padding: 2%; top: 3em; width: 100%; } #mobile-search-wrapper input[type=text] { width: 77%; } #mobile-search-wrapper input[type=text].FormComboFlexText { left: .3em; } #mobile-nav-popout-wrapper { display: block; position: absolute; left: 0; overflow: hidden; top: 6em; width: 100%; } /* HAMBURGER POPOUT - MAIN */ #mobile-nav-hamburger-popout { background: white; color: black; position: relative; height: 0px; opacity: 0; overflow: hidden; top: -500px; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; transition: all .6s; width: 100%; } #mobile-nav-hamburger-popout.show { -moz-transform: none; -ms-transform: none; -webkit-transform: none; height: auto; transform: none; opacity: 1; top: 0; z-index: 100; } #mobile-nav-hamburger-popout a { color: black; text-decoration: none; } .mobile-nav-hamburger-login { background: #ecf5f7; border-bottom: #000000 1px solid; font-weight: bold; line-height: 3em; padding: 2%; } .mobile-nav-hamburger-has-sub { border-bottom: #000000 1px solid; font-weight: bold; line-height: 3em; padding: 2%; } .mobile-nav-hamburger-has-sub .aviqon-arrow-right22 { line-height: 3em; } .mobile-nav-hamburger-no-sub { border-bottom: #000000 1px solid; font-weight: lighter; line-height: 3em; padding-left: 2%; } #MobileTopNavAboutDropdown, #MobileTopNavResourcesDropdown { max-height: 0; transition: max-height 0.5s ease; padding-bottom: 0; overflow: hidden; } #MobileTopNavAboutDropdown a, #MobileTopNavResourcesDropdown a { display: block; padding-left: 2%; } #MobileTopNavAboutDropdown.mobile-about-dropdown--show { max-height: 100vh; } #MobileTopNavResourcesDropdown.mobile-resources-dropdown--show { max-height: 100vh; } /* HAMBURGER POPOUT - SUBMENUS */ .mobile-nav-hamburger-submenu-back { border-bottom: #000000 1px solid; font-weight: bold; line-height: 2em; padding: 2%; position: relative; } .mobile-nav-hamburger-submenu-back span { position: absolute; right: 2%; top: .5em; } /* HAMBURGER POPOUT - SUBMENUS - CATEGORIES */ #mobile-nav-hamburger-cats { background: white; color: black; height: 0px; opacity: 0; overflow: hidden; position: relative; top: -500px; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; transition: all .6s; } #mobile-nav-hamburger-cats.show { -moz-transform: none; -ms-transform: none; -webkit-transform: none; height: auto; transform: none; opacity: 1; top: 0; z-index: 100; } #mobile-nav-hamburger-cats.show .mobile-nav-hamburger-submenu-heading { font-size: 1.445em; color: #ACACAC; padding: 2%; } #mobile-nav-hamburger-cats.show .mobile-nav-hamburger-submenu-link { padding: 2% 2% 2% 8%; } #mobile-nav-hamburger-cats.show .mobile-nav-hamburger-submenu-link a { color: black; text-decoration: none; } /* this works for dev*/ .mobile-nav-hamburger-cat-heading { font-size: 1.445em; color: #ACACAC; padding: 2%; } .mobile-nav-hamburger-cat-link { padding: 2% 2% 2% 8%; } .mobile-nav-hamburger-cat-link a { color: black; text-decoration: none; } /* HAMBURGER POPOUT - SUBMENUS - MANUFACTURERS*/ #mobile-nav-hamburger-mfr { background: white; color: black; position: relative; height: 0px; opacity: 0; overflow: hidden; top: -500px; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; transition: all .6s; } #mobile-nav-hamburger-mfr.show { -moz-transform: none; -ms-transform: none; -webkit-transform: none; height: auto; transform: none; opacity: 1; top: 0; z-index: 100; } .mobile-nav-hamburger-mfr-heading { font-size: 1.445em; color: #ACACAC; display: inline-block; padding: 2%; text-decoration: none; } .mobile-nav-hamburger-mfr-link { padding: 2% 2% 2% 8%; } a.mobile-mfr-all { text-decoration: none; } a.mobile-mfr-basic { text-decoration: none; } a.mobile-mfr-premium { border-bottom: 2px dotted #212c2e; color: #212c2e; text-decoration: none; } a.mobile-nav-mfr-back { float: right; display: inline-block; line-height: 2em; padding-right: 2%; } #mobile-alpha-section { padding: 2% 2% 2% 8%; } a.mobile-alpha-link { background: #000; border: 1px solid #000; border-radius: 5px; color: black; display: inline-block; margin: .2em .1em; min-width: 1.5em; padding: .1em .2em; text-align: center; text-decoration: none !important; } /* REGION POPOUT */ /* base-top-nav-region-selector-mobile.cfm */ #mobile-nav-region-popout { background: white; color: black; border-bottom: #000000 1px solid; height: 0px; overflow: hidden; opacity: 0; top: -500px; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; transition: all .6s; width: 100%; } #mobile-nav-region-popout.show { -moz-transform: none; -ms-transform: none; -webkit-transform: none; position: relative; height: auto; transform: none; opacity: 1; top: 0; z-index: 100; } .mobile-nav-region-link { padding: 2%; } .mobile-nav-region-link object { margin-right: 2%; } .mobile-nav-region-link a { color: black; text-decoration: none; } /* SEARCH POPOUT */ #mobile-nav-search-popout { background: black; color: white; height: 0px; opacity: 0; overflow: hidden; padding: 2%; position: relative; top: -500px; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; transition: all .6s; width: 100%; } #mobile-nav-search-popout.show { -moz-transform: none; -ms-transform: none; -webkit-transform: none; height: auto; transform: none; opacity: 1; top: 0; z-index: 100; } .mobile-nav-search-popout-button { background: white; border-radius: 1em; color: black; margin: 0 auto .5em; padding: 2%; text-align: center; width: 100%; } } /* END SHOW AND STYLE NAV FOR MOBILE */ /* benefit bullet points */ ul#IntMfr-BenefitsBullets li { margin-bottom: 20px; } ul#IntMfr-BenefitsBullets li:last-child { margin-bottom: 0; } /* testimonials carousel */ .IntMfr-quotemarks { margin: 2em 0 1em 0; width: 10%; height: auto; } .IntMfr-wrapper { width: 100%; position: relative; } /** * Padding is set relative to the width * of the element, so here padding-top:60% is * a percentage of the width. This allows us * to set the height as a ratio of the width * */ .IntMfr-carousel { width: 100%; position: relative; /* sj: Using the padding-top value to determine height of the carousel appears to work fine for desktop view but cuts off the bottom of the text in tablet view. Set height differently or set font size smaller when viewed on tablet. */ padding-top: 60%; /*overflow: hidden;*/ /* sj javascript will set height based on the tallest ".slide-content" */ /*height: 400px;*/ /* sj */ margin-bottom: 30px; } .IntMfr-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /** * ========================== * Animation styles * */ .IntMfr-slide { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; opacity: 0; /* sj */ transition: opacity 1s ease; } .IntMfr-slide.active { opacity: 1; } .IntMfr-slide-content { margin: 0 20px; } /* screenshots */ .IntMfr-screenshot_thumbnail { /* cursor: zoom-in; */ /*height: 469px;*/ height: 433px; overflow: hidden; /* added by steph japs 11-07-17 */ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: bicubic; } .IntMfr-screenshot_enlarge { transition: all .2s ease-in-out; } .IntMfr-screenshot_enlarge:hover { transform: scale(1.4); } @media only screen and (min-width: 50px) and (max-width: 800px) { .IntMfr-screenshot_thumbnail { height: 320px; } } /* pricing */ .IntMfr-pricing_header_wrapper { background-color: #f0f0f0; border-radius: 2em 2em 0 0; } .IntMfr-pricing_header { background-image: url("../../images/home/pricing_header.png"); /* sj 9-10-18 background-size: contain; */ background-size: cover; background-repeat: no-repeat; background-position: top left; min-height: 210px; } .IntMfr-pricing_text_1 { font-size: 1em; line-height: 2em; text-transform: uppercase; text-shadow: 1px 1px #000; } .IntMfr-pricing_text_2 { font-size: 3em; line-height: 1em; margin-top: .5em; text-shadow: 2px 2px #000; } .IntMfr-pricing_text_3 { text-transform: lowercase; text-shadow: 1px 1px #000; } .IntMfr-pricing_content { background-color: #f0f0f0; border-radius: 0 0 1.5em 1.5em; padding-bottom: 1em; } .IntMfr-pricing_items:nth-of-type(even) { background-color: rgba(180, 180, 180, 0.25); } .IntMfr-pricing_items p:first-child { padding: .5em; } .IntMfr-pricing_items p:nth-child(2) { padding: 0 .5em .5em .5em; } .IntMfr-pricing_items p:nth-child(3) { padding: 0 .5em .5em .5em; } @media only screen and (min-width: 50px) and (max-width: 800px) { /* .IntMfr-pricing_header { background-image:url("../../images/home/pricing_header.svg"); background-size: cover !important; } */ .IntMfr-pricing_header { min-height: 155px; } .IntMfr-pricing_text_2 { font-size: 2.4em; margin-top: .1em; } } /*sj 07-29-16 created from avcat/nomad/css/nb_styles.css glyphfont code moved to nomad/css/shared_templates/_glyphont.scss */ /* Global Content Formatting and Styles */ body { background: #000; color: #000; line-height: 1.44em; font-family: 'Lato', arial, sans-serif; font-size: 18px; /*sj this is the base font size. All of the font sizes defined after this will (with em units) will be relative to 18px. This will be fine for the treatment CSS for the AV-iQ site. It will most likely cause problems when having ems in the catalog CSS since that base font size will be determined by the treatments, which will vary from treatment to treatment.*/ margin: 0; padding: 0; } /*BEGIN GENERAL PAGE ELEMENTS BASED ON STYLE GUIDE*/ a { cursor: pointer; text-decoration: underline; } a:link { color: #58a1ec; } a:visited { color: #716c90; } a:hover, a:focus, a:active { color: #2a6fb6; } /*RECALCULATED EM UNITS ON 10-29-14 h1{color:#212c2e;font-size:2.29em} h2{color:#acacac;font-size:1.86em} h3{color:#fffffF;font-size:1.11em} */ h1 { color: #212c2e; font-size: 1.778em; line-height: 1.23em; } h2 { color: #acacac; font-size: 1.444em; line-height: 1.23em; } h3 { color: #000; font-size: 1.111em; line-height: 1.23em; } .clear-fix { clear: both; line-height: 1px; } /*END GENERAL PAGE ELEMENTS BASED ON STYLE GUIDE*/ /* sj 07-29-16 created from avcat/nomad/css/nb_catalog_large.css */ /* Generic classes and common page elements */ /* demo page here: http://www.av-iq.com/avcat/CTL1642/index.cfm?user=style */ /* BEGIN #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ /* #NBpage, #NBheader { */ form * { background: transparent; /*WAIT TO DECIDE IF I WANT TO USE PIE behavior: url(PIE.htc);*/ } /* NOT DOING CUSTOM STYLES FOR CHECKBOXES AND RADIO BUTTONS YET input { -webkit-appearance: none; -moz-appearance: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin: 0; margin-bottom: 0; } */ form { width: 100%; margin: 0 auto; padding: 0; } select { height: 40px; padding: .444em; outline: solid transparent; width: 100%; } select, option { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #919191; color: #2a2a2a; font-size: 1em; } select:hover, option:hover { background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%, #d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ cursor: pointer; } label { display: block; width: 100%; margin: 0 auto; color: #212c2e; } /* added because similar selector in nb_normalize.css not working*/ input[disabled] { cursor: default !important; opacity: .5; } input[type=text], input[type=password], textarea { display: block; margin: 0 auto; padding: .333em; background-color: #FFF; border: 1px solid #000000; font-family: 'Lato', arial, sans-serif; font-size: 1em; color: #8f8f8f; -webkit-border-radius: .25em; -moz-border-radius: .25em; border-radius: .25em; width: 100%; max-width: 100%; } input[type=submit], input[type=button], button[type=submit], button[type=button] { padding: .333em; background: #000000; color: white; border: none; float: left; margin-right: 1.333em; margin-top: .625em; -webkit-border-radius: .25em; -moz-border-radius: .25em; border-radius: .25em; } input:focus, textarea:focus { background-color: #ecf5f7; } /*FIGURE OUT REQUIRED FIELDS LATER. I BELIEVE EVIK HAS SOMETHING ALREADY. input[type=text].NBrequired { padding-left:2em; } input.required { background: url(required.png) no-repeat .333em .333em; } */ input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover { background-color: #ecf5f7; } /*NOT DOING CUSTOM STYLES FOR CHECKBOX AND RADIO BUTTONS YET input[type=checkbox], input[type=radio]{ border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin: 0; } */ /* sj 06-05-17 */ /* Required form classes for http://www.av-iq.com/avcat/ctl1642/index.cfm?register */ input.Req, select.Req { border: #000000 1px solid; } .Req.ReqErr { background-color: rgba(226, 32, 25, 0.2); } /* BEGIN BUTTON STYLES */ input[type=submit].NB1button, input[type=button].NB1button, button[type=submit].NB1button, button[type=button].NB1button { background-color: #f3f3f3; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #919191; color: #000; font-size: 1em; height: 2.222em; padding: 0 1em; } input[type=submit].NB1button:hover, input[type=button].NB1button:hover, button[type=submit].NB1button:hover, button[type=button].NB1button:hover { background-color: #727272; cursor: pointer; } input[type=submit].NB2button, input[type=button].NB2button, button[type=submit].NB2button, button[type=button].NB2button { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #919191; color: #2a2a2a; font-size: 1em; height: 2.222em; padding: 0 1em; } input[type=submit].NB2button:hover, input[type=button].NB2button:hover, button[type=submit].NB2button:hover, button[type=button].NB2button:hover { background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%, #d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ cursor: pointer; } input[type=submit].NB3button, input[type=button].NB3button, button[type=submit].NB3button, button[type=button].NB3button { background-color: #f3f3f3; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #919191; color: #000; font-size: 1em; height: 2.222em; margin-right: 0; margin-top: 0; padding: 0 1em; } input[type=submit].NB3button:hover, input[type=button].NB3button:hover, button[type=submit].NB3button:hover, button[type=button].NB3button:hover { background-color: #727272; cursor: pointer; } input[type=submit].NB4button, input[type=button].NB4button, button[type=submit].NB4button, button[type=button].NB4button { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #919191; color: #2a2a2a; font-size: 1em; height: 2.222em; margin-right: 0; margin-top: 0; padding: 0 1em; } input[type=submit].NB4button:hover, input[type=button].NB4button:hover, button[type=submit].NB4button:hover, button[type=button].NB4button:hover { background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%, #d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ cursor: pointer; } input[type=submit].NB5button, input[type=button].NB5button, button[type=submit].NB5button, button[type=button].NB5button { background: white; border-radius: 0; color: #000; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #919191; font-size: 1em; height: 1.556em; margin-right: 0; margin-top: 0; padding: .1em .5em; } input[type=submit].NB5button:hover, input[type=button].NB5button:hover, #button[type=submit].NB5button:hover, button[type=button].NB5button:hover { background: #e9e9e9; cursor: pointer; } input[type=submit].NB6button, input[type=button].NB6button, button[type=submit].NB6button, button[type=button].NB6button { background: white; border-radius: 0; color: #000000; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #919191; font-size: 1em; height: 1.556em; margin-right: 0; margin-top: 0; padding: .1em .5em; } input[type=submit].NB6button:hover, input[type=button].NB6button:hover, button[type=submit].NB6button:hover, button[type=button].NB6button:hover { background: #e9e9e9; cursor: pointer; } input[type=submit].NB7button, input[type=button].NB7button, button[type=submit].NB7button, button[type=button].NB7button { background: white; border-radius: 0; color: #2673B7; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #919191; font-size: 1em; height: 1.556em; margin-right: 0; margin-top: 0; padding: .1em .5em; } input[type=submit].NB7button:hover, input[type=button].NB7button:hover, button[type=submit].NB7button:hover, button[type=button].NB7button:hover { background: #e9e9e9; cursor: pointer; } input[type=submit].NB8button, input[type=button].NB8button, button[type=submit].NB8button, button[type=button].NB8button { background: #000000; border-radius: 0; color: #000; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 1em; height: 1.556em; margin-right: 0; margin-top: 0; padding: .1em .5em; } input[type=submit].NB8button:hover, input[type=button].NB8button:hover, button[type=submit].NB8button:hover, button[type=button].NB8button:hover { background: #727272; cursor: pointer; } /* END BUTTON STYLES */ /* BEGIN ZIP SEARCH */ .FormCombo1 { position: relative; height: 2.222em; border: 1px solid #AAA; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em .2em .2em .2em; -webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -moz-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; } input[type=text].FormCombo1text { -webkit-appearance: none; -moz-appearance: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin: 0; } input[type=submit].FormCombo1button, input[type=button].FormCombo1button, button[type=submit].FormCombo1button, button[type=button].FormCombo1button { position: absolute; right: 0px; height: 2.5em; border: none; background-color: #000000; -webkit-border-radius: 0 .2em .2em 0; -moz-border-radius: 0 .2em .2em 0; border-radius: 0px .2em .2em 0px; -webkit-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); color: #000; font-size: .889em; line-height: 2.5em; padding: 0 1em; /*added to overide default values*/ margin: 0; } input[type=submit].FormCombo1button:hover, input[type=button].FormCombo1button:hover, button[type=submit].FormCombo1button:hover, button[type=button].FormCombo1button:hover { background-color: #727272; } input[type=text].FormCombo1text { position: absolute; float: right; height: 2.5em; font-size: .889em; color: #b4b4b4; outline: solid transparent; padding-left: 1em; /* moved from base-bad-css.cfm on 04-07-17 by sj */ /* width:60%;*/ width: 70%; box-shadow: none; } /* END ZIP SEARCH */ /* BEGIN search with and icon on the input line */ .FormCombo2 { position: relative; height: 2.222em; border: 1px solid #AAA; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em .2em .2em .2em; -webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -moz-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; } input[type=text].FormCombo2text { -webkit-appearance: none; -moz-appearance: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /* moved from base-bad-css.cfm on 04-07-17 by sj */ /* padding: 0;*/ padding: 0 6.5em 0 0; margin: 0; } input[type=submit].FormCombo2button, input[type=button].FormCombo2button, button[type=submit].FormCombo2button, button[type=button].FormCombo2button { position: absolute; right: 0px; height: 2.5em; border: none; background-color: #000000; -webkit-border-radius: 0 .2em .2em 0; -moz-border-radius: 0 .2em .2em 0; border-radius: 0px .2em .2em 0px; -webkit-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); color: #FFF; font-size: .889em; line-height: 2.5em; padding: 0 1em; /*added to overide default values*/ margin: 0; } input[type=submit].FormCombo2button:hover, input[type=button].FormCombo2button:hover, button[type=submit].FormCombo2button:hover, button[type=button].FormCombo2button:hover { background-color: #727272; } input[type=text].FormCombo2text { position: absolute; left: 3em; float: right; height: 2.5em; font-size: .889em; color: #b4b4b4; outline: solid transparent; /* moved from base-bad-css.cfm on 04-07-17 by sj */ width: 75%; } .FormCombo2icon { position: absolute; left: .6em; line-height: 1.9em; font-size: 1.2em; } /* END search with and icon on the input line */ /* sj 04-06-17 BEGIN .FormCombo3 moved from base-bad-css.cfm by sj 04-07-17 */ .FormCombo3 { position: relative; height: 2.222em; border: 1px solid #AAA; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em .2em .2em .2em; -webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -moz-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; } input[type=text].FormCombo3text { -webkit-appearance: none; -moz-appearance: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin: 0; } input[type=submit].FormCombo3button, input[type=button].FormCombo3button, button[type=submit].FormCombo3button, button[type=button].FormCombo3button { position: absolute; right: 0px; height: 2.5em; border: none; background-color: #000000; -webkit-border-radius: 0 .2em .2em 0; -moz-border-radius: 0 .2em .2em 0; border-radius: 0px .2em .2em 0px; -webkit-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); color: #000; font-size: .889em; line-height: 2.5em; padding: 0 1em; /*added to overide default values*/ margin: 0; } input[type=submit].FormCombo3button:hover, input[type=button].FormCombo3button:hover, button[type=submit].FormCombo3button:hover, button[type=button].FormCombo2button:hover { background-color: #727272; } input[type=text].FormCombo3text { position: absolute; left: 3em; float: right; height: 2.5em; font-size: .889em; color: #b4b4b4; outline: solid transparent; /*new*/ padding-right: 3.5em; } .FormCombo3icon { position: absolute; left: .6em; line-height: 1.9em; font-size: 1.2em; } /* sj 04-06-17 END .FormCombo3 moved from base-bad-css.cfm by sj 04-07-17 */ /* sj 04-06-17 BEGIN .FormComboFlex moved from base-bad-css.cfm by sj 04-07-17 */ .FormComboFlex { position: relative; height: 2.222em; border: 1px solid #AAA; background: #FFF; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em .2em .2em .2em; /* -webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -moz-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; */ } .FormComboFlexIcon { position: absolute; left: .6em; line-height: 1.9em; font-size: 1.2em; } /* use col-0-0 classes to set width and add left and right margin */ input[type=text].FormComboFlexText { position: absolute; left: 3em; height: 2.5em; font-size: .889em; color: #b4b4b4; outline: solid transparent; } input[type=text].FormComboFlexText { -webkit-appearance: none; -moz-appearance: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin: 0; } input[type=submit].FormComboFlexButton, input[type=button].FormComboFlexButton, button[type=submit].FormComboFlexButton, button[type=button].FormComboFlexButton { position: absolute; right: 0px; height: 2.5em; border: none; background-color: #000000; -webkit-border-radius: 0 .2em .2em 0; -moz-border-radius: 0 .2em .2em 0; border-radius: 0px .2em .2em 0px; -webkit-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); color: #FFF; font-size: .889em; line-height: 2.5em; padding: 0 1em; margin: 0; } /* sj 04-06-17 END .FormComboFlex moved from base-bad-css.cfm by sj 04-07-17 */ /* moved from base-bad-css.cfm on 04-07-17 by sj */ /* GET RID OF CLEAR "X" FOR INPUT FIELD OF IE BROWSERS */ input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } .NBdivButton1 { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #919191; color: #2a2a2a; font-size: 1em; padding: .5em 1em; text-decoration: none !important; } .NBdivButton1:hover { background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%, #d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ cursor: pointer; } .NBdivButton2 { background: white; border: 1px solid #919191; font-size: 1em; padding: .1em .5em; text-decoration: none !important; } .NBdivButton2:hover { background: #e9e9e9; cursor: pointer; } .NBdivButton3 { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #919191; color: #2a2a2a; font-size: 1em; padding: .1em .5em; text-decoration: none !important; } .NBdivButton3:hover { background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%, #d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ cursor: pointer; } .NBdivButton4 { background: #000000; color: white; cursor: pointer; font-size: 1em; padding: .1em .5em; text-decoration: none; } .NBdivButton4:hover { background: #727272; cursor: pointer; } .NBdivButton5 { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: 1px solid #969696; color: #2a2a2a; font-size: 1em; padding: .25em; text-decoration: none !important; } .NBdivButton5 a:link, .NBdivButton5 a:visited, .NBdivButton5 a:hover, .NBdivButton5 a:focus, .NBdivButton5 a:active { color: #2a2a2a; text-decoration: none !important; } .NBdivButton5:hover { background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%, #d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%, #d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ cursor: pointer; } /* BEGIN NBdivButton6 moved from base-bad-css.cfm by sj 04-07-17 */ .NBdivButton6 { color: #ffffff; background: #000000; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border: none; font-size: 1em; padding: .5em 1em; text-decoration: none !important; } .NBdivButton6:hover { background: #727272; cursor: pointer; } .NBdivButton6.disabled { background-color: #5a5a5a !important; color: white !important; } .NBdivButton6.disabled:hover { cursor: default !important; } .NBdivButton7 { background: #ffffff; color: #000000; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; box-shadow: inset 0px 0px 0px 3px #000000; font-size: 1em; padding: .5em 1em; text-decoration: none !important; } .NBdivButton7:hover { background: #000000; color: #ffffff; cursor: pointer; } .NBdivButton7.disabled { background-color: #5a5a5a !important; color: white !important; } .NBdivButton7.disabled:hover { cursor: default !important; } /* END NBdivButton6 moved from base-bad-css.cfm by sj 04-07-17 */ .NBnoMargin { margin: 0; } .NBul { list-style: none; padding: 0; margin: 0; } .NBli { color: #1e1e1e; padding-left: 1em; text-indent: -.7em; } .NBli:before { content: "\2022 "; margin-right: .2em; color: #969696; } .bg-primary { background-color: #000000; } /*red*/ .bg-secondary { background-color: #000000; } /*blue*/ .bg-neutral-dark { background-color: #fffffF; } /*dark gray*/ .bg-neutral-medium { background-color: #000000; } /*medium gray*/ .bg-neutral-light { background-color: #ecf5f7; } /*light gray*/ .bg-color-rgb-0 { background-color: black; } .bg-color-rgb-30 { background-color: #1e1e1e; } .bg-color-rgb-60 { background-color: #3c3c3c; } .bg-color-rgb-90 { background-color: #5a5a5a; } .bg-color-rgb-120 { background-color: #787878; } .bg-color-rgb-150 { background-color: #969696; } .bg-color-rgb-180 { background-color: #b4b4b4; } .bg-color-rgb-210 { background-color: #d2d2d2; } .bg-color-rgb-240 { background-color: #f0f0f0; } .bg-color-rgb-255 { background-color: white; } .bg-gradient-linear-to-right { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(30, 79, 160, 0.25))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(30, 79, 160, 0.25) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(30, 79, 160, 0.25) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(30, 79, 160, 0.25) 100%); } .bg-gradient-linear-to-top { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(30, 79, 160, 0.25))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(30, 79, 160, 0.25) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(30, 79, 160, 0.25) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(30, 79, 160, 0.25) 100%); } .box-shadow-1 { box-shadow: 0 0 1px #333; } .box-shadow-2 { box-shadow: 0 0 2px #333; } .box-shadow-3 { box-shadow: 0 0 3px #333; } .box-shadow-4 { box-shadow: 0 0 4px #333; } .box-shadow-5 { box-shadow: 0 0 5px #333; } .box-shadow-6 { box-shadow: 0 0 1px 2px #333; } .box-shadow-7 { box-shadow: 0 0 3px 2px #333; } .box-shadow-8 { box-shadow: 0 0 5px 4px #333; } .box-shadow-9 { box-shadow: 0 0 5px 8px #333; } .box-shadow-10 { box-shadow: 0 0 8px 10px #333; } .box-shadow-11 { box-shadow: 0 0 10px 10px #333; } .box-shadow-12 { box-shadow: 0 5px 15px 10px #333; } @media only screen and (min-width: 50px) and (max-width: 480px) { .mobile-box-shadow-none { box-shadow: none; } } .border-top { border-top: 1px solid; } .border-right { border-right: 1px solid; } .border-bottom { border-bottom: 1px solid; } .border-left { border-left: 1px solid; } .border-primary { border-color: #000000; } /*red*/ .border-secondary { border-color: #000000; } /*blue*/ .border-neutral-dark { border-color: #fffffF; } /*dark gray*/ .border-neutral-medium { border-color: #000000; } /*medium gray*/ .border-neutral-light { border-color: #ecf5f7; } /*light gray*/ .border-color-rgb-0 { border-color: black; } .border-color-rgb-30 { border-color: #1e1e1e; } .border-color-rgb-60 { border-color: #3c3c3c; } .border-color-rgb-90 { border-color: #5a5a5a; } .border-color-rgb-120 { border-color: #787878; } .border-color-rgb-150 { border-color: #969696; } .border-color-rgb-180 { border-color: #b4b4b4; } .border-color-rgb-210 { border-color: #d2d2d2; } .border-color-rgb-240 { border-color: #f0f0f0; } .border-color-rgb-255 { border-color: white; } .border-radius-0-25em { border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; } .border-inset-primary { box-shadow: inset 0px 0px 0px 3px #000000; } .border-inset-white { box-shadow: inset 0px 0px 0px 3px #000; } .border-width-1 { border-width: 1px; } .border-width-2 { border-width: 2px; } .border-width-3 { border-width: 3px; } .border-width-4 { border-width: 4px; } .border-width-5 { border-width: 5px; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .display-none { display: none; } /* added 1-4-18 by sjaps */ .display-block { display: block; } .display-inline-block { display: inline-block; } /* CREATES EVEN SPACING FOR ELEMENTS ON A SINGLE LINE */ .flex-space-around { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .float-left { float: left; } .float-right { float: right; } .font-important { color: #e22019; } /*red*/ /*for RRCs this is the same as font-primary. This will probably not be the case for all catalogs*/ a.font-important { color: #000000; } /*red*/ /*for RRCs this is the same as font-primary. This will probably not be the case for all catalogs*/ .font-primary { color: #000000; } /*red*/ a.font-primary { color: #000000; } /*red*/ .font-secondary { color: #000000; } /*blue*/ a.font-secondary { color: #000000; } /*blue*/ .font-neutral-dark { color: #000000; } /*dark gray*/ a.font-neutral-dark { color: #000000; } /*dark gray*/ .font-neutral-medium { color: #000000; } /*medium gray*/ a.font-neutral-medium { color: #000000; } /*medium gray*/ .font-neutral-light { color: #ecf5f7; } /*light gray*/ a.font-neutral-light { color: #ecf5f7; } /*light gray*/ .font-color-green { color: green; } .font-color-primary-heading { color: #212c2e; } .font-color-rgb-0 { color: black; } a.font-color-rgb-0 { color: black; } .font-color-rgb-30 { color: #1e1e1e; } a.font-color-rgb-30 { color: #1e1e1e; } .font-color-rgb-60 { color: #3c3c3c; } a.font-color-rgb-60 { color: #3c3c3c; } .font-color-rgb-90 { color: #5a5a5a; } a.font-color-rgb-90 { color: #5a5a5a; } .font-color-rgb-120 { color: #787878; } a.font-color-rgb-120 { color: #787878; } .font-color-rgb-150 { color: #969696; } a.font-color-rgb-150 { color: #969696; } .font-color-rgb-180 { color: #b4b4b4; } a.font-color-rgb-180 { color: #b4b4b4; } .font-color-rgb-210 { color: #8f8f8f; } a.font-color-rgb-210 { color: #d2d2d2; } .font-color-rgb-240 { color: #f0f0f0; } a.font-color-rgb-240 { color: #f0f0f0; } .font-color-rgb-255 { color: #FFF; } a.font-color-rgb-255 { color: white; } h1.font-color-rgb-255 { color: #000; } /*font size based on 18px*/ .font-size-12 { font-size: .667em; } /*12px*/ .font-size-14 { font-size: .778em; } /*14px*/ .font-size-16 { font-size: .889em; } /*16px*/ .font-size-18 { font-size: 1em; } /*18px*/ .font-size-20 { font-size: 1.111em; } /*20px*/ .font-size-22 { font-size: 1.222em; } /*22px*/ .font-size-24 { font-size: 1.333em; } /*24px*/ .font-size-26 { font-size: 1.444em; } /*26px*/ .font-size-28 { font-size: 1.556em; } /*28px*/ .font-size-32 { font-size: 1.778em; } /*32px*/ .font-size-36 { font-size: 2em; } /*36px*/ /* sj 09-25-2017 */ .font-style-italic { font-style: italic; } .font-weight-light { font-weight: 300; } .font-weight-medium { font-weight: 400; } .font-weight-bold { font-weight: 700; } .padding-0 { padding: 0; } /*based on the font size inherited by element.*/ .line-height-0-6em { line-height: .6em; } .line-height-0-7em { line-height: .7em; } .line-height-0-8em { line-height: .8em; } .line-height-0-9em { line-height: .9em; } .line-height-1em { line-height: 1em; } .line-height-1-2em { line-height: 1.2em; } .line-height-1-4em { line-height: 1.4em; } .line-height-1-6em { line-height: 1.6em; } .line-height-1-8em { line-height: 1.8em; } .line-height-2em { line-height: 2em; } .line-height-3em { line-height: 3em; } .margin-0 { margin: 0; } .max-width-100 { max-width: 100%; height: auto; } .iframe-100 iframe { display: block; max-width: 100%; } .padding-0 { padding: 0; } .position-relative { position: relative; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-align-justify { text-align: justify; } .text-decoration-none { text-decoration: none; } .text-decoration-underline { text-decoration: underline; } .text-overflow-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-transform-capitalize { text-transform: capitalize; } .text-transform-lowercase { text-transform: lowercase; } .text-transform-uppercase { text-transform: uppercase; } /* moved .vertical-align-top and vertical-align-bottom from base-bad-css.cfm on 04-07-17 by sj */ .vertical-align-top { vertical-align: top; } .vertical-align-middle { vertical-align: middle; } .vertical-align-bottom { vertical-align: bottom; } .width-100 { height: auto; width: 100%; } .word-wrap-break-word { word-wrap: break-word; } .NBsubtitle { color: #8F8F8F; } .h1DarkBG { color: #000; } .h2DarkBG { color: #AABBC0; } .h3DarkBG { color: #7F9297; } .DarkBG { color: #EAEEEF; } .highlighted-block { background-color: #ecf5f7; } .table-block { border: 1px solid #acacac; color: #212c2e; } .special-section-label { background-color: #000000; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; color: #000; display: inline-block; font-size: .889em; font-weight: 700; line-height: 2em; padding: 0 2%; } /*BEGIN Product Detail Tabs*/ .ProdDetailTab { background-color: #eef3f4; color: #000000; cursor: pointer; font-size: 1em; line-height: 3em; padding: 0; text-align: center; } /* sj 06-13-17 font size smaller when there are 6 tabs */ .ProdDetailTab:nth-last-child(6):first-child { font-size: .889em; } .ProdDetailTab:nth-last-child(6):first-child ~ div { font-size: .889em; } /* sj 06-13-17 font size smaller when there are more than 6 tabs */ .ProdDetailTab:nth-last-child(n+7):nth-last-child(-n+10):first-child { font-size: .667em; } .ProdDetailTab:nth-last-child(n+7):nth-last-child(-n+10):first-child ~ div { font-size: .667em; } .ProdDetailTabActive { background-color: #d6e1e3; color: #000; } .ProdDetailInfo { background-color: #d6e1e3; } /*END Product Detail Tabs*/ /*BEGIN Product Detail Image Slider*/ #ProductSliderGoLeft .aviqon-arrow-left2 { font-size: 1.8em; line-height: 2em; } #ProductSliderGoRight .aviqon-arrow-right2 { font-size: 1.8em; line-height: 2em; } /*END Product Detail Image Slider*/ /* BEGIN MANUFACTURER ALL PAGE */ .MfrLogoWrapper { margin-top: 1em; } .MfrLogoWrapper a img { margin: 1px 0; padding: 0 2.3%; } .MfrColumnCount { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } .MfrLinkWrap { display: block; } .MfrLinkMargin { display: inline-block; margin-top: 10px; overflow: hidden; } a.MfrBasicLink { line-height: 1em; } a.MfrPremiumLink, a:link.MfrPremiumLink { border-bottom: 2px dotted #212c2e; /*same color as body text. RRC will be #212c2e ... Treated will be $color1*/ color: #212c2e; /*same color as body text. RRC will be #212c2e ... Treated will be $color1*/ text-decoration: none; } a:visited.MfrPremiumLink { border-bottom: 2px dotted rgba(33, 44, 46, 0.6); /*same color as body text. RRC will be #212c2e ... Treated will be $color1*/ color: rgba(33, 44, 46, 0.6); /*same color as body text. RRC will be #212c2e ... Treated will be $color1*/ text-decoration: none; } a:hover.MfrPremiumLink, a:focus.MfrPremiumLink, a:active.MfrPremiumLink { border-bottom: 2px dotted rgba(33, 44, 46, 0.8); /*same color as body text. RRC will be #212c2e ... Treated will be $color1*/ color: rgba(33, 44, 46, 0.8); /*same color as body text. RRC will be #212c2e ... Treated will be $color1*/ text-decoration: none; } /* END MANUFACTURER ALL PAGE */ /*BEGIN Showroom News*/ .NewsVideoTab { background-color: #eef3f4; color: #000000; cursor: pointer; font-size: 1em; line-height: 3em; padding: 0; text-align: center; } .NewsVideoTabActive { background-color: #d6e1e3; color: #fffffF; } .NewsVideoInfo { background-color: #d6e1e3; } /*END Showroom News*/ /*Product Spotlight*/ .spotlight-coin-slider { position: absolute; bottom: 0.75em; right: 1em; } .spotlight-height { height: 7em; } /*Leaderboard Ad*/ .leaderboard-height { height: 7em; } /*9959 Europe translation*/ #Flags { background-color: #ecf5f7; max-width: 1140px; min-width: 1075px; margin: 0px auto; text-align: center; padding: 0.25em; height: 2em; color: black; } #Flags a { text-decoration: none; } /*BEGIN Showroom Header for Basic customers*/ .HeaderRrcBasicWrapper { background-color: #40484b; } .HeaderRrcBasicInfo { background-color: white; border: 1px solid #5a6466; } .HeaderRrcBasicCol1 { background-color: #fffffF; border-right: 1px solid #5a6466; color: #000; min-height: 18em; } .HeaderRrcBasicCol2 { background-color: white; color: black; min-height: 18em; } /*END Showroom Header for Basic customers*/ /*BEGIN Showroom Header for Premium customers*/ .HeaderRrcPremiumWrapper { background-color: #40484b; } .HeaderRrcPremiumInfo { background-color: #fffffF; border: 1px solid #5a6466; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; } .HeaderRrcPremiumCol1 { background-color: white; color: black; height: 22em; } .HeaderRrcPremiumLogo { text-align: center; } .HeaderRrcPremiumWebsite { border-top: 1px solid rgba(90, 100, 102, 0.75); text-align: center; } .HeaderRrcPremiumAddress { border-top: 1px solid rgba(90, 100, 102, 0.75); } .HeaderRrcPremiumSocial { border-top: 1px solid rgba(90, 100, 102, 0.75); } .HeaderRrcPremiumSocial div { display: inline-block; /* commented out based on code in base-bad-css.cfm on 04-07-17 by sj font-size: 3em; */ width: 20%; } .HeaderRrcPremiumCol2 { background-color: #fffffF; border-right: 1px solid #5a6466; color: #000; height: 22em; } .HeaderRrcPremiumCol3 { background-color: #f0f0f0; color: white; height: 22em; } .HeaderRrcPremiumSpotlight { background-color: white; } /*END Showroom Header for Premium customers*/ /*BEGIN PREMIUM SHOWROOM TABS*/ .ShowTabMenu { /*colors*/ background-color: #40484b; } .ShowTabLeft { border-radius: .25em .25em 0 0; -moz-border-radius: .25em .25em 0 0; -webkitborder-radius: .25em .25em 0 0; display: inline-block; float: left; margin: 0 .5em 0 0; padding: .75em; position: relative; /*colors*/ background: #5a6466; color: white; } /* added by sjaps on 1-11-18 so when there is only one tab, it is hidden */ .ShowTabMenu div div a:only-of-type { display: none; } .ShowTabLeft:hover { /*colors*/ background: rgba(90, 100, 102, 0.75); color: white; } .ShowTabActive .ShowTabLeft { /*colors*/ background: white; color: #5a6466; } .ShowSearchbar { padding: .25em; } .ShowSearchbar .FormCombo2 { /*colors*/ background-color: white; } /*END PREMIUM SHOWROOM TABS*/ /*BEGIN Sort By drop down menus*/ .SelectBoxSBWrapper, .SelectBoxSBWrapper:active { background: white; background: -moz-linear-gradient(top, white 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); background: -webkit-linear-gradient(top, white 0%, #ececec 100%); background: -o-linear-gradient(top, white 0%, #ececec 100%); background: -ms-linear-gradient(top, white 0%, #ececec 100%); background: linear-gradient(to bottom, white 0%, #ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##ffffff', endColorstr='##ececec',GradientType=0 ); background-color: white; border: 1px solid #969696; border-radius: 5px; color: black; height: 40px; position: absolute; padding: .444em; transition: height .12s linear; text-decoration: none; width: 100%; } .SelectBoxSBWrapper:hover, .SelectBoxSBWrapper:focus { color: black; /*sj 02-08-16 HEIGHT ON NEXT LINE WILL NEED TO BE DELETED ONCE THE NEW SHOWROOM HAS ROLLED LIVE*/ height: 8em; text-decoration: none; z-index: 1; } /* BEGIN DEFINE HEIGHT FOR DROPDOWN MENU */ a.SelectBoxSBWrapper:hover.SelectBoxHeight8em, a.SelectBoxSBWrapper:focus.SelectBoxHeight8em { height: 8em; } a.SelectBoxSBWrapper:hover.SelectBoxHeight12em, a.SelectBoxSBWrapper:focus.SelectBoxHeight12em { height: 13em; } /* END DEFINE HEIGHT FOR DROPDOWN MENU */ .SelectBoxSBWrapper .SelectBoxSBOptionsWrapper, .SelectBoxSBWrapper .SelectBoxSBOptionsWrapper:active { color: black; height: 0; opacity: 0; transform: scale(1, 0); text-decoration: none; transition-property: height, transform, opacity; transition-duration: .06s, .06s, .06s; -webkit-transition-duration: .06s, .06s, .06s; transition-timing-function: linear, linear, linear; -webkit-transition-timing-function: linear, linear, linear; } .SelectBoxSBWrapper:hover .SelectBoxSBOptionsWrapper, .SelectBoxSBWrapper:focus .SelectBoxSBOptionsWrapper { color: black; height: auto; opacity: 1; transform: scale(1, 1); text-decoration: none; transition-duration: .12s, .12s, .12s; -webkit-transition-duration: .12s, .12s, .12s; transition-timing-function: linear, linear, linear; -webkit-transition-timing-function: linear, linear, linear; transition-delay: .12s; } .SelectBoxSBOptionsWrapper { padding: 1em 0 0 0; } .SelectBoxOption { text-align: right; } .SelectBoxDefaultBoxTxt { cursor: default; float: left; } .SelectBoxSortByValue { cursor: default; } .SelectBoxNonDefault, .SelectBoxNonDefault:active { cursor: pointer; padding: 0 18px 0 0; text-decoration: none; } .SelectBoxNonDefault:hover, .SelectBoxNonDefault:focus { text-decoration: underline; } .SelectBoxSBLWrapper, .SelectBoxSBLWrapper:active { background: white; background: -moz-linear-gradient(top, white 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)); background: -webkit-linear-gradient(top, white 0%, #ececec 100%); background: -o-linear-gradient(top, white 0%, #ececec 100%); background: -ms-linear-gradient(top, white 0%, #ececec 100%); background: linear-gradient(to bottom, white 0%, #ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##ffffff', endColorstr='##ececec', GradientType=0 ); background-color: white; border: 1px solid #969696; border-radius: 5px; color: black; height: 32px; position: absolute; padding: .444em; transition: height .12s linear; text-decoration: none; width: 100%} .SelectBoxSBLWrapper:hover, .SelectBoxSBLWrapper:focus { color: black; height: auto; text-decoration: none; z-index: 1; } a.SelectBoxSBLWrapper:hover.SelectBoxHeight8em, a.SelectBoxSBLWrapper:focus.SelectBoxHeight8em { height: 8em; } a.SelectBoxSBLWrapper:hover.SelectBoxHeight12em, a.SelectBoxSBLWrapper:focus.SelectBoxHeight12em { height: 13em; } .SelectBoxSBLWrapper .SelectBoxSBLOptionsWrapper, .SelectBoxSBLWrapper .SelectBoxSBLOptionsWrapper:active { color: black; height: 0; opacity: 0; transform: scale(1, 0); text-decoration: none; transition-property: height, transform, opacity; transition-duration: .06s, .06s, .06s; -webkit-transition-duration: .06s, .06s, .06s; transition-timing-function: linear, linear, linear; -webkit-transition-timing-function: linear, linear, linear; } .SelectBoxSBLWrapper:hover .SelectBoxSBLOptionsWrapper, .SelectBoxSBLWrapper:focus .SelectBoxSBLOptionsWrapper { color: black; height: auto; opacity: 1; transform: scale(1, 1); text-decoration: none; transition-duration: .12s, .12s, .12s; -webkit-transition-duration: .12s, .12s, .12s; transition-timing-function: linear, linear, linear; -webkit-transition-timing-function: linear, linear, linear; transition-delay: .12s; } .SelectBoxSBLWrapper { font-size: 14px; text-decoration: none !important; } .SortByLine { line-height: 1.3em; } .SortByLineWrapper { padding-top: 1%; padding-bottom: 1%; padding-left: 4.386%; padding-right: 0px; width: 22%; } .removetp { padding-top: .5% !important; padding-bottom: .5% !important; } .SelectBoxSBLOptionsWrapper { padding: 1em 0 0 0; } /*END Sort By drop down menus*/ /*BEGIN arrow transitions for newsdetail.cfm and videodetail.cfm*/ .LeftTransition { -webkit-transition: margin 1s; /* For Safari 3.1 to 6.0 */ transition: margin 1s; } .LeftTransition:hover { margin: 0 .5em 0 0; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .RightTransition { -webkit-transition: margin 1s; /* For Safari 3.1 to 6.0 */ transition: margin 1s; } .RightTransition:hover { margin: 0 0 0 .5em; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /*END arrow transitions for newsdetail.cfm and videodetail.cfm*/ /*BEGIN blurred text for products-results-dummy.cfm*/ .blur-text { text-shadow: 0 0 5px rgba(210, 210, 210, 0.5); letter-spacing: -.25em; opacity: .5; } /*END blurred text for products-results-dummy.cfm*/ /*sj 10-23-15 BEGIN TEMP FIX FOR NEW SHOWROOM MENU*/ .ShowroomHighlight { font-size: .778em; font-weight: bold; text-decoration: none; } #jsShowroomTier2CatsWrapper { font-size: .778em; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats { display: block; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats a { color: #212c2e; display: inline-block; font-weight: bold; line-height: 1.2em; padding: .5em 0; text-decoration: none; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats:hover a { color: #000000; text-decoration: none; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats:hover a:hover { color: #2a6fb6; text-decoration: none; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats .jsShowroomTier3CatsWrapper { font-weight: normal; padding: 0 0 0 1em; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats .jsShowroomTier3CatsWrapper { height: 0; transform: scale(1, 0.5); opacity: 0; transition-property: height,transform, opacity; transition-duration: 0, 3s, 3s; -webkit-transition-duration: 0, 3s, 3s; transition-timing-function: linear, linear; -webkit-transition-timing-function: linear, linear; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats:hover .jsShowroomTier3CatsWrapper { height: auto; transform: scale(1, 1); opacity: 1; transition-duration: .25s, .25s, .5s; -webkit-transition-duration: .25s, .25s, .5s; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats .jsShowroomTier3CatsWrapper .jsShowroomTier3Cats { display: none; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats:hover .jsShowroomTier3CatsWrapper .jsShowroomTier3Cats { display: block; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats.CurrentCat a { color: #000000; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats.CurrentCat a:hover { color: #2a6fb6; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats.CurrentCat .jsShowroomTier3CatsWrapper { display: block; height: auto; transform: scale(1, 1); opacity: 1; transition-duration: .25s, .25s, .5s; -webkit-transition-duration: .25s, .25s, .5s; } #jsShowroomTier2CatsWrapper .jsShowroomTier2Cats.CurrentCat .jsShowroomTier3CatsWrapper .jsShowroomTier3Cats { display: block; font-weight: bold; line-height: 1.2em; } /*sj 10-23-15 END TEMP FIX FOR NEW SHOWROOM MENU*/ /* BEGIN FIND A RESELLER/SOURCE FORM IN SHOWROOM */ .Boxy_ZipCityState_zip { background-color: #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; padding-top: 6.632%; padding-right: 2.632%; padding-bottom: 6.632%; padding-left: 2.632%; width: 33.33%; } .Boxy_ZipCityState_or { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; padding-top: 7.632%; padding-right: 0; padding-bottom: 6.632%; text-align: center; width: 16.6669%; } .Boxy_ZipCityState_city { background-color: #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; padding-top: 2.632%; padding-right: 2.632%; padding-left: 2.632%; width: 50%; } .Boxy_ZipCityState_state { background-color: #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; margin-bottom: 2.632%; padding-bottom: 2.632%; padding-right: 2.632%; padding-left: 2.632%; width: 50%; } /* END FIND A RESELLER/SOURCE FORM IN SHOWROOM */ /* BEGIN MENU ANIMATION FOR CATEGORIES PAGE */ .CatAnimation.CatCollapsedClass { transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: translateY rotateX(90deg); -moz-transform: translateY rotateX(90deg); -o-transform: translateY rotateX(90deg); /* modified height and overflow because category page in IE can be much longer than the product because of hidden content in the 'more manufacturers' toggle sjaps 01-19-18 height: 0; */ height: 0 !important; overflow: hidden; transition: transform, height; transition-duration: .25s, .1s; transition-delay: 0s, .25s; transition-timing-function: linear, linear; } .CatAnimation { transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: translateY rotateX(0deg); -moz-transform: translateY rotateX(0deg); -o-transform: translateY rotateX(0deg); height: 100%; transition: transform, height; transition-duration: .5s, .1s; transition-delay: 0s, 0s; transition-timing-function: linear, linear; } /* END MENU ANIMATION FOR CATEGORIES PAGE */ .Hidden { display: none; } /* CATEGORY SEARCH PAGE MORE MANUFACTURERS SECTION */ .iqOverflowHidden { overflow: hidden; } .SearchTogSymOpened:after { content: "(\2013)"; } .SearchTogSymClosed:after { content: "(+)"; } /* ACTIVE SUBCATEGORY BOLDED IN LEFT MENU OF CATGORY PAGE EXAMPLE: http://www.av-iq.com/avcat/ctl1642/index.cfm?subcategory=display-enclosures */ .iqNarrowSubCatActive { background-color: #d2d2d2; padding: .4em; } .iqNarrowSubCatActive:hover { background-color: #b4b4b4; } /* AJAX SPINNER */ #CatSearchResultsDiv { position: relative; } #iqLoading { /*background-image: url(../nomad/css-images/spinner.gif);*/ background-image: url("../../css-images/spinner.gif"); background-repeat: no-repeat; background-position: center; z-index: 100; position: fixed; top: 25%; } .iqLoadingSubCat { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; height: 500px; width: 728px; } /* PROJECT LIST BUTTON POPOUT */ .ProjectListPopOut { position: absolute; right: 7%; width: 23em; z-index: 10; } /* PROJECT LIST DASHBOARD EXPORTS DROPDOWN */ .project-exports-dropdown { position: absolute; top: 35px; right: -1px; z-index: 999; display: none; width: 250%; padding: .5em; background: #FFF; text-align: left; border: 1px solid #ccc; } .project-exports-dropdown.open { display: flex; flex-direction: column; } /* VIEW ALL MANS DROPDOWN */ .view-all-dropdown { position: absolute; top: 35px; right: -1px; z-index: 999; display: none; width: auto; padding: .5em; white-space: nowrap; background: #FFF; text-align: center; border: 1px solid #ccc; } .view-all-dropdown.open { display: flex; flex-direction: column; } /* VIEW ALL TRADE SHOW DROPDOWN */ .trade-show-dropdown { position: absolute; top: 35px; right: -1px; z-index: 999; display: none; width: auto; padding: .5em; white-space: nowrap; background: #FFF; text-align: center; border: 1px solid #ccc; } .trade-show-dropdown.open { display: flex; flex-direction: column; } /* BEGIN MODAL WINDOW */ .modal-bg-color-rgb-0 { background-color: black; } .modal-bg-color-rgb-30 { background-color: #1e1e1e; } .modal-bg-color-rgb-60 { background-color: #3c3c3c; } .modal-bg-color-rgb-90 { background-color: #5a5a5a; } .modal-bg-color-rgb-120 { background-color: #787878; } .modal-bg-color-rgb-150 { background-color: #969696; } .modal-bg-color-rgb-180 { background-color: #b4b4b4; } .modal-bg-color-rgb-210 { background-color: #d2d2d2; } .modal-bg-color-rgb-240 { background-color: #f0f0f0; } .modal-bg-color-rgb-255 { background-color: white; } .modal-border-top { border-top: 1px solid; } .modal-border-right { border-right: 1px solid; } .modal-border-bottom { border-bottom: 1px solid; } .modal-border-left { border-left: 1px solid; } .modal-border-color-rgb-0 { border-color: black; } .modal-border-color-rgb-30 { border-color: #1e1e1e; } .modal-border-color-rgb-60 { border-color: #3c3c3c; } .modal-border-color-rgb-90 { border-color: #5a5a5a; } .modal-border-color-rgb-120 { border-color: #787878; } .modal-border-color-rgb-150 { border-color: #969696; } .modal-border-color-rgb-180 { border-color: #b4b4b4; } .modal-border-color-rgb-210 { border-color: #d2d2d2; } .modal-border-color-rgb-240 { border-color: #f0f0f0; } .modal-border-color-rgb-255 { border-color: white; } .modal-cursor-default { cursor: default; } .modal-cursor-pointer { cursor: pointer; } .modal-float-left { float: left; } .modal-float-right { float: right; } .modal-font-color-rgb-0 { color: black; } a.modal-font-color-rgb-0 { color: black; } .modal-font-color-rgb-30 { color: #1e1e1e; } a.modal-font-color-rgb-30 { color: #1e1e1e; } .modal-font-color-rgb-60 { color: #3c3c3c; } a.modal-font-color-rgb-60 { color: #3c3c3c; } .modal-font-color-rgb-90 { color: #5a5a5a; } a.modal-font-color-rgb-90 { color: #5a5a5a; } .modal-font-color-rgb-120 { color: #787878; } a.modal-font-color-rgb-120 { color: #787878; } .modal-font-color-rgb-150 { color: #969696; } a.modal-font-color-rgb-150 { color: #969696; } .modal-font-color-rgb-180 { color: #b4b4b4; } a.modal-font-color-rgb-180 { color: #b4b4b4; } .modal-font-color-rgb-210 { color: #d2d2d2; } a.modal-font-color-rgb-210 { color: #d2d2d2; } .modal-font-color-rgb-240 { color: #f0f0f0; } a.modal-font-color-rgb-240 { color: #f0f0f0; } .modal-font-color-rgb-255 { color: white; } a.modal-font-color-rgb-255 { color: white; } /*font size based on 18px*/ .modal-font-size-12 { font-size: .667em; } /*12px*/ .modal-font-size-14 { font-size: .778em; } /*14px*/ .modal-font-size-16 { font-size: .889em; } /*16px*/ .modal-font-size-18 { font-size: 1em; } /*18px*/ .modal-font-size-20 { font-size: 1.111em; } /*20px*/ .modal-font-size-24 { font-size: 1.333em; } /*24px*/ .modal-font-size-26 { font-size: 1.444em; } /*26px*/ .modal-font-size-28 { font-size: 1.556em; } /*28px*/ .modal-font-size-32 { font-size: 1.778em; } /*32px*/ .modal-font-size-36 { font-size: 2em; } /*36px*/ .modal-font-weight-light { font-weight: 300; } .modal-font-weight-medium { font-weight: 400; } .modal-font-weight-bold { font-weight: 700; } .modal-font-style-italic { font-style: italic; } .modal-padding-0 { padding: 0; } /*based on the font size inherited by element.*/ .modal-line-height-0-6em { line-height: .6em; } .modal-line-height-0-7em { line-height: .7em; } .modal-line-height-0-8em { line-height: .8em; } .modal-line-height-0-9em { line-height: .9em; } .modal-line-height-1em { line-height: 1em; } .modal-line-height-1-2em { line-height: 1.2em; } .modal-line-height-1-4em { line-height: 1.4em; } .modal-line-height-1-6em { line-height: 1.6em; } .modal-line-height-1-8em { line-height: 1.8em; } .modal-line-height-2em { line-height: 2em; } .modal-line-height-3em { line-height: 3em; } .modal-margin-0 { margin: 0; } .modal-max-width-100 { max-width: 100%; height: auto; } .modal-padding-0 { padding: 0; } .modal-position-relative { position: relative; } .modal-text-align-left { text-align: left; } .modal-text-align-center { text-align: center; } .modal-text-align-right { text-align: right; } .modal-text-decoration-none { text-decoration: none; } .modal-text-decoration-underline { text-decoration: underline; } .modal-text-transform-capitalize { text-transform: capitalize; } .modal-text-transform-lowercase { text-transform: lowercase; } .modal-text-transform-uppercase { text-transform: uppercase; } /* Set maximum image height so modal window doesn' get too tall */ .ModalImage1 { max-height: 250px; } /* END MODAL WINDOW */ /* moved from base-bad-css.cfm by sj 04-07-17 */ /* THIS IS TO FORCE TAGS TO HAVE A HEIGHT OF 1PX*/ .height1px { font-size: 1px; height: 1px; } /* } */ /* END #NBpage and #NBheader TAGS FOR SPECIFICITY WRAPPED AROUND ALL TAGS added 04-07-17 by sj */ /* sj 07-29-16 created from avcat/nomad/css/nb_catalog_medium.css */ /* Generic classes and common page elements - medium screen */ /* demo page here: http://www.av-iq.com/avcat/CTL1642/index.cfm?user=style */ /* min-width changed to 50px until we have a functioning _rrc_catalog_small.scss that covers @media only screen and (min-width:50px) and (max-width:480px) @media only screen and (min-width:481px) and (max-width:800px) { */ @media only screen and (min-width: 481px) and (max-width: 800px) { /* BEGIN #NBpage, #NBheader (necessary for higher specificity to overide treatment code) */ /* #NBpage, #NBheader{ */ .NBdivButton2 { font-size: .778em; } .tab-display-block { display: block; } .tab-display-none { display: none; } /* .tab-display-inline-block moved from base-bad-css.cfm by sj 04-07-17 */ .tab-display-inline-block { display: inline-block; } /*font size based on 18px*/ .tab-font-size-10 { font-size: .556em; } /*10px*/ .tab-font-size-12 { font-size: .667em; } /*12px*/ .tab-font-size-14 { font-size: .778em; } /*14px*/ .tab-font-size-16 { font-size: .889em; } /*16px*/ .tab-font-size-18 { font-size: 1em; } /*18px*/ .tab-font-size-20 { font-size: 1.111em; } /*20px*/ .tab-font-size-22 { font-size: 1.222em; } /*22px*/ .tab-font-size-24 { font-size: 1.333em; } /*24px*/ .tab-font-size-28 { font-size: 1.556em; } /*28px*/ .tab-font-size-36 { font-size: 2em; } /*36px*/ /*based on the font size inherited by element.*/ .tab-line-height-0-6em { line-height: .6em; } .tab-line-height-0-7em { line-height: .7em; } .tab-line-height-0-8em { line-height: .8em; } .tab-line-height-0-9em { line-height: .9em; } .tab-line-height-1em { line-height: 1em; } .tab-line-height-1-2em { line-height: 1.2em; } .tab-line-height-1-4em { line-height: 1.4em; } .tab-line-height-1-6em { line-height: 1.6em; } .tab-line-height-1-8em { line-height: 1.8em; } .tab-line-height-2em { line-height: 2em; } .tab-line-height-3em { line-height: 3em; } /*sj 01-15-16*/ .tab-text-align-left { text-align: left; } .tab-text-align-center { text-align: center; } .tab-text-align-right { text-align: right; } .tab-text-align-justify { text-align: justify; } /*sj 12-11-14 this is a bandaid fix for the Find A Reseller button on the manufacturer page that shouldn't be on this page anyway and should get removed soon.*/ .ListWrapper { right: .3em; } .FindResellerButton { bottom: 2.6em !important; left: 22em !important; } /*Product Spotlight*/ .spotlight-height { height: 9em; } .spotlight-coin-slider { top: 11em; right: 0.5em; } /*Leaderboard Ad*/ .leaderboard-height { height: 8em; } /*9959 Europe translation*/ #Flags { font-size: .667em; max-width: 800px; min-width: 768px; /*optimized for a 768px iPad viewport*/ } /* moved from base-bad-css.cfm on 04-07-17 by sj */ input[type=text].FormCombo1text { width: 60%; } input[type=text].FormCombo2text { width: 70%; } /* END #NBpage, #NBheader (for higher specificity) */ /* } */ /* END media query */ } @media only screen and (min-width: 50px) and (max-width: 480px) { input[type=text].FormCombo1text { width: 60%; } input[type=text].FormCombo2text { width: 70%; padding: 0; } .NBdivButton2 { font-size: .778em; } .mobile-bg-color-rgb-0 { background-color: black; } .mobile-bg-color-rgb-30 { background-color: #1e1e1e; } .mobile-bg-color-rgb-60 { background-color: #3c3c3c; } .mobile-bg-color-rgb-90 { background-color: #5a5a5a; } .mobile-bg-color-rgb-120 { background-color: #787878; } .mobile-bg-color-rgb-150 { background-color: #969696; } .mobile-bg-color-rgb-180 { background-color: #b4b4b4; } .mobile-bg-color-rgb-210 { background-color: #d2d2d2; } .mobile-bg-color-rgb-240 { background-color: #f0f0f0; } .mobile-bg-color-rgb-255 { background-color: white; } .mobile-border-top { border-top: 1px solid; } .mobile-border-right { border-right: 1px solid; } .mobile-border-bottom { border-bottom: 1px solid; } .mobile-border-left { border-left: 1px solid; } .mobile-border-primary { border-color: #000000; } /*red*/ .mobile-border-secondary { border-color: #000000; } /*blue*/ .mobile-border-neutral-dark { border-color: #fffffF; } /*dark gray*/ .mobile-border-neutral-medium { border-color: #000000; } /*medium gray*/ .mobile-border-neutral-light { border-color: #ecf5f7; } /*light gray*/ .mobile-border-color-rgb-0 { border-color: black; } .mobile-border-color-rgb-30 { border-color: #1e1e1e; } .mobile-border-color-rgb-60 { border-color: #3c3c3c; } .mobile-border-color-rgb-90 { border-color: #5a5a5a; } .mobile-border-color-rgb-120 { border-color: #787878; } .mobile-border-color-rgb-150 { border-color: #969696; } .mobile-border-color-rgb-180 { border-color: #b4b4b4; } .mobile-border-color-rgb-210 { border-color: #d2d2d2; } .mobile-border-color-rgb-240 { border-color: #f0f0f0; } .mobile-border-color-rgb-255 { border-color: white; } .mobile-display-block { display: block; } .mobile-display-none { display: none !important; } .mobile-display-inline-block { display: inline-block; } /* sj added on 12-13-17 */ .mobile-display-inline { display: inline; } /* sj added 01-12-18 */ .mobile-float-left { float: left; } .mobile-float-none { float: none; } .mobile-float-right { float: right; } /*font size based on 18px*/ .mobile-font-size-10 { font-size: .556em; } /*10px*/ .mobile-font-size-12 { font-size: .667em; } /*12px*/ .mobile-font-size-14 { font-size: .778em; } /*14px*/ .mobile-font-size-16 { font-size: .889em; } /*16px*/ .mobile-font-size-18 { font-size: 1em; } /*18px*/ .mobile-font-size-20 { font-size: 1.111em; } /*20px*/ .mobile-font-size-22 { font-size: 1.222em; } /*22px*/ .mobile-font-size-24 { font-size: 1.333em; } /*24px*/ .mobile-font-size-26 { font-size: 1.444em; } /*26px*/ .mobile-font-size-28 { font-size: 1.556em; } /*28px*/ .mobile-font-size-36 { font-size: 2em; } /*36px*/ /* sj 2-7-2018 */ .mobile-font-style-italic { font-style: italic; } /* sj 2-7-2018 */ .mobile-font-weight-light { font-weight: 300; } .mobile-font-weight-medium { font-weight: 400; } .mobile-font-weight-bold { font-weight: 700; } /*based on the font size inherited by element.*/ .mobile-line-height-0-6em { line-height: .6em; } .mobile-line-height-0-7em { line-height: .7em; } .mobile-line-height-0-8em { line-height: .8em; } .mobile-line-height-0-9em { line-height: .9em; } .mobile-line-height-1em { line-height: 1em; } .mobile-line-height-1-2em { line-height: 1.2em; } .mobile-line-height-1-4em { line-height: 1.4em; } .mobile-line-height-1-6em { line-height: 1.6em; } .mobile-line-height-1-8em { line-height: 1.8em; } .mobile-line-height-2em { line-height: 2em; } .mobile-line-height-3em { line-height: 3em; } .mobile-margin-0 { margin: 0; } .mobile-max-width-100 { max-width: 100%; height: auto; } .mobile-padding-0 { padding: 0; } .mobile-position-relative { position: relative; } .mobile-text-align-left { text-align: left; } .mobile-text-align-center { text-align: center; } .mobile-text-align-right { text-align: right; } .mobile-text-align-justify { text-align: justify; } .mobile-text-decoration-none { text-decoration: none; } .mobile-text-decoration-underline { text-decoration: underline; } .mobile-text-overflow-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mobile-text-transform-capitalize { text-transform: capitalize; } .mobile-text-transform-lowercase { text-transform: lowercase; } .mobile-text-transform-uppercase { text-transform: uppercase; } /* moved .vertical-align-top and vertical-align-bottom from base-bad-css.cfm on 04-07-17 by sj */ .mobile-vertical-align-top { vertical-align: top; } .mobile-vertical-align-middle { vertical-align: middle; } .mobile-vertical-align-bottom { vertical-align: bottom; } .mobile-width-100 { height: auto; width: 100%; } .mobile-word-wrap-break-word { word-wrap: break-word; } /*BEGIN Product Detail Tabs*/ .ProdDetailTab { display: block; float: none; width: 100%; border-radius: .25em .25em .25em .25em; -moz-border-radius: .25em .25em .25em .25em; -webkitborder-radius: .25em .25em .25em .25em; margin: 0 0 .5em 0; } /* sj 06-13-17 font size smaller when there are 6 tabs */ /* sj 06-13-17 font size smaller when there are more than 6 tabs */ .ProdDetailInfo { border-radius: .25em .25em .25em .25em; -moz-border-radius: .25em .25em .25em .25em; -webkitborder-radius: .25em .25em .25em .25em; } /*END Product Detail Tabs*/ /*BEGIN Product Detail Image Slider*/ /*END Product Detail Image Slider*/ /* BEGIN MANUFACTURER ALL PAGE */ .MfrColumnCount { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } /* END MANUFACTURER ALL PAGE */ /*BEGIN Showroom News*/ /*END Showroom News*/ /*Product Spotlight*/ .spotlight-coin-slider { bottom: 0; right: 0.75em; } /* sj 03-07-18 .spotlight-height { height: 9em } .spotlight-coin-slider { position: absolute; right: 1em; text-align: right; top: 8.5em; } comment these spotlight styles out -nh 3/13/2019 */ /*Leaderboard Ad*/ .leaderboard-height { height: 8em; } /*9959 Europe translation*/ /*BEGIN Showroom Header for Basic customers*/ .HeaderRrcBasicCol1 { min-height: initial; } .HeaderRrcBasicCol2 { min-height: initial; } /*END Showroom Header for Basic customers*/ /*BEGIN Showroom Header for Premium customers*/ .HeaderRrcPremiumCol1 { height: auto; } .HeaderRrcPremiumCol2 { border-right: 0; height: auto; } .HeaderRrcPremiumCol3 { height: auto; } /*END Showroom Header for Premium customers*/ /*BEGIN PREMIUM SHOWROOM TABS*/ .ShowTabMenu { /*colors*/ } .ShowTabMenu a { text-decoration: none; } .ShowTabLeft { /*colors*/ display: block; float: none; width: 100%; border-radius: .25em .25em .25em .25em; -moz-border-radius: .25em .25em .25em .25em; -webkitborder-radius: .25em .25em .25em .25em; margin: .5em .5em .5em 0; text-align: center; } .ShowTabLeft:hover { /*colors*/ } .ShowTabActive .ShowTabLeft { /*colors*/ } .ShowSearchbar .FormCombo2 { /*colors*/ } /*END PREMIUM SHOWROOM TABS*/ /* PROJECT LIST BUTTON POPOUT */ .ProjectListPopOut { right: 0%; width: 100%; } /* END media query */ } /*sj 07-29-16 created from part of avcat/nomad/css/nb_layout_large.css*/ /* Layout (global rules for all sizes) */ /*BEGIN ELEMENTS FOUND ON ALL PAGES*/ #NBpage { background: #FFF; color: #212c2e; margin: 0px auto; position: relative; max-width: 1140px; min-width: 1075px; /*currently the top products dropdown nav breaks at a width of 1075px*/ } /*END ELEMENTS FOUND ON ALL PAGES*/ /*BEGIN HEADER*/ #NBheader { background: #fffffF; position: relative; height: 141px; margin: 0 auto; max-width: 1140px; min-width: 1075px; } #NBlogo { border: none; cursor: pointer; width: 580px; position: absolute; left: 4.5%; top: 1em; } #NBlogo img { /* added to make scaled down image NOT blurry: sj on 9-14-17 */ /* image-rendering: -moz-crisp-edges; sj 11/30/17 this is making the image have jagged edges in Firefox: */ /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: bicubic; /* IE (non-standard property) */ } #NBmenuLinks { font-size: 0.889em; line-height: 2em; margin: 0; padding: 0; list-style-type: none; position: absolute; top: 1.17em; right: 31.5%; width: 20em; } #NBmenuLinks li { display: inline; margin: 0 0 0 1.5em; } #NBmenuLinks li a { color: #7f9297; } #NBmenuLinks li a:link { text-decoration: none; } #NBmenulinks li a:hover { text-decoration: underline; } #NBheaderTitle { font-size: 0.9em; line-height: 1.5em; position: absolute; top: 1.7em; left: 24%; width: 28%; margin: 0; padding: 0; } #NBlogin { border: 0.08em solid #7f9297; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; font-size: 0.889em; line-height: 2em; position: absolute; top: 2.5em; right: 4.3%; margin: 0; padding: 0; } #NBlogin #login { display: inline-block; float: left; margin: 0 0.5em 0 0; padding: 0 0 0 0.2em; } #login .aviqon-user { color: #000; padding: 0 0.5em; } #NBlogin #signup { background: url("../../css-images/nbsprite_2x.png") -888px -8px no-repeat; background-size: 1496px 180px; display: inline-block; float: right; margin: 0 1em 0 0; padding: 0 0 0 2.7em; } #NBlogin a { color: #000; text-decoration: none; } #NBlogin a:hover { text-decoration: underline; } .NEWsearch1 { left: 4.4%; top: 5em; position: absolute; width: 28%; } @media (max-width: 1124px) { .NEWsearch1 { width: 23%; } } form.NEWsearch1form { position: relative; background-color: white; height: 2.222em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em 0.2em 0.2em 0.2em; } input[type="text"].NEWsearch1text { -webkit-appearance: none; -moz-appearance: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin: 0; } input[type="submit"].NEWsearch1button { position: absolute; right: 0px; height: 2.5em; border: none; background-color: #000000; -webkit-border-radius: 0 0.2em 0.2em 0; -moz-border-radius: 0 0.2em 0.2em 0; border-radius: 0px 0.2em 0.2em 0px; -webkit-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); color: #FFF; font-size: 0.889em; line-height: 2.5em; padding: 0 1em; /*added to overide default values*/ margin: 0; } input[type="submit"].NEWsearch1button:hover { background-color: #727272; } input[type="text"].NEWsearch1text { float: right; height: 2.5em; font-size: 0.889em; color: #b4b4b4; background: #eee; outline: solid transparent; padding-left: 3em; } input[type="text"].NEWsearch1text:hover { background-color: transparent; } .NEWsearch1icon { position: absolute; left: 0.6em; line-height: 1.9em; font-size: 1.2em; } #NBmenuDrop { font-size: 0.9em; position: absolute; bottom: 1em; margin: 0; padding: 0; right: 4.6%; width: 60%; } #NBmenuDrop ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } #NBmenuDrop a { color: #000; margin: 0 1em; text-decoration: none; } #NBmenuDrop .aviqon-arrow-down22 { font-size: 1em; left: 0.5em; position: relative; top: 0.15em; } #NBregions { display: block; position: absolute; top: 2.2em; right: 4.39%; } #NBregions #RegionCurrent { border: 0.08em solid #7f9297; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; font-size: 0.889em; line-height: 2em; margin: 0; padding: 0; position: relative; text-align: right; float: right; } #NBregions:hover #RegionCurrent { cursor: pointer; } #NBregions #RegionCurrent img { margin: 0 0 0 0.5em; position: relative; top: 0.3em; height: 24px; width: 35px; } #NBregions #RegionOptions { background-color: #000; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; margin: 0; padding: 0 0.25em; float: right; clear: both; margin-top: 0.3em; margin-right: -0.6em; border: 1px solid black; position: relative; z-index: 999; } #NBregions #RegionOptions .TopMenuArrow { z-index: 100; width: 9px; height: 9px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; margin: 0 0 0 88%; position: relative; top: -3px; } #NBregions #RegionOptions #RegionFlags a { text-decoration: none; } #NBregions #RegionOptions #RegionFlags img { border: 2px solid white; padding: 0.1em; text-decoration: none; height: 27px; width: 39px; } #NBregions #RegionOptions #RegionFlags img:hover { border: 2px solid limegreen; text-decoration: none; } #NBregions #RegionOptions #RegionFlags .CSShoverLanguage:hover img { border: 2px solid limegreen; text-decoration: none; } .CSShoverLanguage { position: relative; } .LanguageOptions { position: absolute; left: -73%; top: 1.3em; z-index: 100; } .LanguageOptionsArrow { z-index: 100; width: 7px; height: 7px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; margin: 0 0 0 41%; position: relative; top: 4px; } .LanguageOptionsBox { border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; background: white; color: black; font-size: 0.778em; font-weight: bold; line-height: 1.4em; padding: 0.25em 1.5em 0.25em 0.5em; width: 8em; border: 1px solid black; } .LanguageOptionsBox a { display: block; } .LanguageOptionsBox a span.aviqon-sphere { color: white; padding: 0 0.5em 0 0; } .LanguageOptionsBox a:hover span.aviqon-sphere { color: limegreen; padding: 0 0.5em 0 0; } .LanguageOptionsBox a span { color: black; } /* BEGIN HOMEPAGE HEADER OVERRIDES */ #NBheader.NoSearchHeader #NBlogo { height: 65px; width: 566px; } #NBheader.NoSearchHeader #NBlogo img { height: 65px; width: 566px; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: bicubic; } #NBheader.NoSearchHeader #NBmenuDrop { left: 2.39%; position: absolute; } #NBheader.NoSearchHeader #NBmenuLinks { position: absolute; bottom: 1em; left: auto; right: 2%; /* sj 4/2/18 left: 70.5%; right: auto; */ top: auto; } #NBheader.NoSearchHeader #TopNavProdWindow .TopMenuArrow { margin: 0 0 0 4%; z-index: -1; } #NBheader.NoSearchHeader #TopNavMansWindow { left: 2%; } #NBheader.NoSearchHeader #TopNavMansWindow .TopMenuArrow { margin: 0 0 0 25%; } /* END HOMEPAGE HEADER OVERRIDES */ #TopNavAboutButton { position: relative; } #TopNavAboutWindow { /* display: none; */ position: absolute; top: 35px; right: 10px; min-width: 185px; z-index: 100; border-radius: 5px; background: #fff; box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.75); } #TopNavAboutWindow::after { content: ""; position: absolute; top: -10px; right: 30px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFF; } #TopNavAboutWindow a { display: block; color: #000; margin: 0; padding: 0.223em 1.5em; } #TopNavAboutWindow a:first-child { border-radius: 5px 5px 0 0; } #TopNavAboutWindow a:last-child { border-radius: 0 0 5px 5px; } #TopNavAboutWindow a:hover { background: #000000; color: #fff; } #TopNavResourceButton { position: relative; } #TopNavResourceWindow { /* display: none; */ position: absolute; top: 35px; left: 50%; transform: translateX(-50%); z-index: 100; border-radius: 5px; background: #fff; box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.75); width: 200px; text-align: center; } #TopNavResourceWindow::after { content: ""; position: absolute; top: -10px; right: 89px; width: 0; height: 0; border-left: 10px solid transparent;fffffff border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #TopNavResourceWindow a { display: block; color: #ffffffffffff; margin: 0; padding: 0.223em 1.5em; } #TopNavResourceWindow a:first-child { border-radius: 5px 5px 0 0; } #TopNavResourceWindow a:last-child { border-radius: 0 0 5px 5px; } #TopNavResourceWindow a:hover { background: #000000; color: #fff; } /*END HEADER*/ /* BEGIN STYLES FOR PRODUCT COMPARISON BUTTON */ .ProductComparisonButton { position: relative; } .ProductComparisonButton::before { content: ''; display: block; position: absolute; bottom: 100%; left: -.10em; z-index: 99; width: 100%; height: 10px; background: transparent; } .ProductComparisonButton.out-of-viewport-pseudo::before { top: 100%; } .ProductComparisonPopOut { display: none; position: absolute; z-index: 9999; background: #eef3f4; bottom: 120%; left: -65%; width: 225%; max-height: 275px; font-size: .778em; border: 1px solid #AAA; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em .2em .2em .2em; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; -box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 5px #DDD; } .ProductComparisonPopOut::after { content: ''; display: block; position: absolute; z-index: 99999; left: 47.5%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; } @media only screen and (min-width: 481px) and (max-width: 800px) { .ProductComparisonPopOut::after { bottom: -7px; left: 46.5%; } } .ProductComparisonPopOut.out-of-viewport::after { content: ''; display: block; position: absolute; z-index: 99999; bottom: 100%; left: 47.5%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; transform: rotate(180deg); } @media only screen and (min-width: 481px) and (max-width: 800px) { .ProductComparisonPopOut.out-of-viewport::after { top: -7px; left: 46.5%; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .ProductComparisonPopOut { left: -115%; width: 325%; } } .ProductComparisonHeader { border-bottom: 1px solid #b4b4b4; margin: 0; padding: .5em; font-size: 1.2em; text-align: left; } .ProductComparisonList { overflow-y: scroll; max-height: 162px; } .ProductComparisonRow:nth-child(odd) { background: rgba(180, 180, 180, 0.4); } .ProductComparisonFooter { clear: both; border-top: 1px solid #b4b4b4; } /* END STYLES FOR PRODUCT COMPARISON BUTTON */ /*BEGIN FOOTER*/ #NBfooter { background: #fffffF; color: #7f9297; min-height: 329px; position: relative; margin: 2.632% auto 0; max-width: 1140px; min-width: 1075px; } #NBfooter a { color: #7f9297; text-decoration: none; } #NBfooter a:hover { text-decoration: underline; } #NBfooterNav { position: absolute; left: 4.39%; top: 3.33em; } #NBfooterNav .NBfooterNavCols { display: inline-block; margin: 0; padding: 0; position: relative; } #NBfooterNav .NBfooterNavCols li { list-style-type: none; margin: 0 4.056em 0 0; } #NBsocialMedia { margin: 0; padding: 0; position: absolute; right: 4.39%; top: 3.33em; } #NBsocialMedia li { display: inline-block; list-style-type: none; } #NBsocialMedia li a { border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; display: inline-block; height: 5em; margin: 0 0 0 0.83em; padding: 0; width: 5em; } #NBsocialMedia li a.NBfacebook { background: url("../../css-images/facebook-icon.png") 20px no-repeat #000000; } #NBsocialMedia li a.NByoutube { background: url("../../css-images/socialmediasprite_2x.png") 0 0 no-repeat #000000; background-size: 299px 91px; } #NBsocialMedia li a.NBtwitter { background: url("../../css-images/socialmediasprite_2x_twitter_updated_logo.png") -105px 0 no-repeat #000000; background-size: 299px 91px; } #NBsocialMedia li a.NBlinkedin { background: url("../../css-images/socialmediasprite_2x.png") -208px 0 no-repeat #000000; background-size: 299px 91px; } /* added by sjaps 1-10-18 */ #NBdesktopMobileToggle { display: block; float: left; font-size: 0.667em; margin: 16em 0 0 0; text-align: center; width: 100%; } #NBcopyright { background: url("../../css-images/rrcs/newbay_white_small.png") 0 0 no-repeat; background-size: 119px 45px; font-size: 0.88em; height: 45px; line-height: 3.5em; padding: 0 0 0 8.8em; position: absolute; left: 4.39%; bottom: 3em; } .aviq-copyright-logo { height: 3em; } @media (max-width: 480px) { .aviq-copyright-logo { width: 100%; height: auto; padding-right: 4.386%; padding-top: 4.386%; } } .aviq-copyright-text { padding: 1em; } @media (max-width: 480px) { .aviq-copyright-text { display: block; text-align: center; } } /*END FOOTER*/ /*sj 07-29-16 created from part of avcat/nomad/css/nb_layout_medium.css */ /* Layout Medium Screens */ @media only screen and (min-width: 481px) and (max-width: 800px) { #NBpage { max-width: 800px; min-width: 768px; /*optimized for a 768px iPad viewport*/ overflow: hidden; } /*BEGIN HEADER*/ #NBheader { background: #fffffF; position: relative; height: 110px; max-width: 800px; min-width: 768px; /*optimized for a 768px iPad viewport*/ } #NBheader { /*NBregions added 07-07-15*/ /*sj 07-29-15 languages always visible .CSShoverLanguage .LanguageOptions { opacity: 0; } .CSShoverLanguage:hover .LanguageOptions { opacity: 1; }*/ } #NBheader #NBlogo { border: none; cursor: pointer; width: 380px; position: absolute; } #NBheader #NBmenuLinks { font-size: 0.6em; line-height: 0.722em; margin: 0; padding: 0; list-style-type: none; position: absolute; top: 2.3em; right: 32%; width: 20em; } #NBheader #NBmenuLinks li { display: inline; margin: 0 0 0 1.5em; } #NBheader #NBmenuLinks li a { color: #7f9297; } #NBheader #NBmenuLinks li a:link { text-decoration: none; } #NBheader #NBmenulinks li a:hover { text-decoration: underline; } #NBheader #NBlogin { border: 1px solid #7f9297; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; font-size: 0.6em; line-height: 3em; position: absolute; top: 3.1em; /*Changed to make room for Regions div with flags right:3%;*/ right: 10%; margin: 0; padding: 0; } #NBheader #NBlogin #login { display: inline-block; float: left; margin: 0 0.5em 0 0; padding: 0 0 0 0.5em; } #NBheader #NBlogin #signup { background: url("../../css-images/nbsprite_2x.png") -888px -8px no-repeat; background-size: 1496px 180px; display: inline-block; float: right; margin: 0 1em 0 0; padding: 0 0 0 3.7em; } #NBheader #NBlogin a { color: #000; text-decoration: none; } #NBheader #NBlogin a:hover { text-decoration: underline; } #NBheader .NEWsearch1 { font-size: 14px; top: 5em; } #NBheader form.NEWsearch1form { position: relative; background-color: white; height: 2.222em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em 0.2em 0.2em 0.2em; } #NBheader input[type="text"].NEWsearch1text { -webkit-appearance: none; -moz-appearance: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin: 0; } #NBheader input[type="submit"].NEWsearch1button { position: absolute; right: 0px; height: 2.5em; border: none; background-color: #000000; -webkit-border-radius: 0 0.2em 0.2em 0; -moz-border-radius: 0 0.2em 0.2em 0; border-radius: 0px 0.2em 0.2em 0px; -webkit-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0px rgba(255, 255, 255, 0.4); color: #000; font-size: 0.889em; line-height: 2.5em; padding: 0 1em; /*added to overide default values*/ margin: 0; } #NBheader input[type="submit"].NEWsearch1button:hover { background-color: #727272; } #NBheader input[type="text"].NEWsearch1text { float: right; height: 2.5em; font-size: 0.789em; color: #b4b4b4; outline: solid transparent; padding-left: 3em; } #NBheader input[type="text"].NEWsearch1text:hover { background-color: transparent; } #NBheader .NEWsearch1icon { position: absolute; left: 0.6em; line-height: 1.9em; font-size: 1.2em; } #NBheader #NBmenuDrop { font-size: 0.65em; position: absolute; margin: 0; padding: 0; } #NBheader #NBmenuDrop a { color: #000; margin: 0 1em; text-decoration: none; } #NBheader #NBmenuDrop .aviqon-arrow-down22 { font-size: 1em; left: 0.5em; position: relative; top: 0.15em; } #NBheader #NBregions { display: block; position: absolute; top: 1.9em; right: 3%; } #NBheader #NBregions #RegionCurrent { border: 0.08em solid #7f9297; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; font-size: 0.889em; margin: 0; padding: 0; position: relative; text-align: right; float: right; } #NBheader #NBregions:hover #RegionCurrent { cursor: pointer; } #NBheader #NBregions #RegionCurrent img { margin: 0 0 0 0.25em; position: relative; top: 0.15em; height: 15px; width: 25px; } #NBheader #RegionCurrent span.aviqon-arrow-down2 { position: relative; top: 0.2em; } #NBheader #NBregions #RegionOptions { background-color: #000; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; margin: 0; padding: 0 0.25em; float: right; clear: both; margin-top: 0.3em; margin-right: -0.6em; /*sj 07-29-15 */ border: 1px solid black; } #NBheader #NBregions #RegionOptions .TopMenuArrow { z-index: 100; /*sj 07-29-15 width: 7px;*/ width: 9px; /*sj 07-29-15 height: 7px;*/ height: 9px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; margin: 0 0 0 88%; position: relative; top: -3px; } #NBheader #NBregions #RegionOptions #RegionFlags a { text-decoration: none; } #NBheader #NBregions #RegionOptions #RegionFlags img { border: 2px solid white; padding: 0.1em; text-decoration: none; height: 27px; width: 39px; } #NBheader #NBregions #RegionOptions #RegionFlags img:hover { border: 2px solid limegreen; text-decoration: none; } #NBheader #NBregions #RegionOptions #RegionFlags .CSShoverLanguage:hover img { border: 2px solid limegreen; text-decoration: none; } #NBheader .CSShoverLanguage { position: relative; } #NBheader .LanguageOptions { position: absolute; left: -73%; top: 1.3em; z-index: 100; } #NBheader .LanguageOptionsArrow { z-index: 100; width: 7px; height: 7px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; margin: 0 0 0 46%; position: relative; /*sj 07-29-15 top: 3px;*/ top: 4px; } #NBheader .LanguageOptionsBox { border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; background: white; color: black; font-size: 0.778em; font-weight: bold; line-height: 1.4em; padding: 0.25em 1.5em 0.25em 0.5em; /*sj 07-28-15*/ width: 8em; /*sj 07-29-15*/ border: 1px solid black; } #NBheader .LanguageOptionsBox a span.aviqon-sphere { color: white; padding: 0 0.5em 0 0; } #NBheader .LanguageOptionsBox a:hover span.aviqon-sphere { color: limegreen; padding: 0 0.5em 0 0; } #NBheader .LanguageOptionsBox a span { color: black; } /* BEGIN HOMEPAGE HEADER OVERRIDES (some previous css overwritten with higher specificity) */ #NBheader.NoSearchHeader #NBlogo { height: 52px; width: 460px; } #NBheader.NoSearchHeader #NBlogo img { height: 52px; width: 460px; } #NBheader.NoSearchHeader #NBmenuDrop { left: 1%; position: absolute; bottom: 1em; } #NBheader.NoSearchHeader #NBmenuLinks { position: absolute; bottom: 1.4em; /* sj 4/3/18 left: 62%; right: auto; */ left: auto; right: 3%; top: auto; font-size: 0.778em; text-align: right; } /* END HOMEPAGE HEADER OVERRIDES (some previous css overwritten with higher specificity) */ #TopNavAboutWindow { right: 0; } #NBmenuDrop #TopNavAboutWindow a { display: block; color: #000; margin: 0; padding: 0.223em 1.5em; transition: background 0.3s ease; } #TopNavAboutWindow a:first-child { border-radius: 5px 5px 0 0; } #TopNavAboutWindow a:last-child { border-radius: 0 0 5px 5px; } #NBmenuDrop #TopNavResourceWindow a { display: block; color: #FFF; margin: 0; padding: 0.223em 1.5em; } /*END HEADER*/ /*BEGIN FOOTER*/ #NBfooter { background: #fffffF; color: #7f9297; min-height: 225px; position: relative; /*sj 04-01-15 margin:0 auto;*/ margin: 2.632% auto 0; max-width: 800px; min-width: 768px; /*optimized for a 768px iPad viewport*/ overflow: hidden; } #NBfooter a { color: #7f9297; text-decoration: none; } #NBfooter a:hover { text-decoration: underline; } #NBfooterNav { position: absolute; left: 3%; top: 1.33em; } #NBfooterNav .NBfooterNavCols { display: inline-block; font-size: 0.667em; margin: 0; padding: 0; position: relative; } #NBfooterNav .NBfooterNavCols li { list-style-type: none; margin: 0 4em 0 0; } #NBsocialMedia { margin: 0; padding: 0; position: absolute; right: 3%; top: 1.33em; } #NBsocialMedia li { display: inline-block; list-style-type: none; } #NBsocialMedia li a { border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; display: inline-block; height: 3.333em; margin: 0 0 0 0.83em; padding: 0; width: 3.333em; } #NBsocialMedia li a.NBfacebook { background: url("../../css-images/facebook-icon.png") 12px no-repeat #000000; background-size: 35px; } #NBsocialMedia li a.NByoutube { background: url("../../css-images/socialmediasprite_2x.png") 0 0 no-repeat #000000; background-size: 200px 60px; } #NBsocialMedia li a.NBtwitter { background: url("../../css-images/socialmediasprite_2x_twitter_updated_logo.png") -71px 0 no-repeat #000000; background-size: 200px 60px; } #NBsocialMedia li a.NBlinkedin { background: url("../../css-images/socialmediasprite_2x.png") -139px 0 no-repeat #000000; background-size: 200px 60px; } /* added by sjaps 1-10-18 */ #NBdesktopMobileToggle { display: block; float: left; font-size: 0.667em; margin: 12em 0 0 0; text-align: center; width: 100%; } #NBcopyright { background: url("../../css-images/rrcs/newbay_white_small.png") 0 0 no-repeat; background-size: 79px 30px; font-size: 0.611em; line-height: 3.4em; padding: 0 0 0 8em; position: absolute; left: 3%; bottom: 0.2em; } /*END FOOTER*/ } /* sj 12-04-17 created from _rrc_sitelayout_small.scss */ /* header and footer for mobile */ /* Layout Small Screens */ @media only screen and (min-width: 50px) and (max-width: 480px) { #NBpage { max-width: 480px; min-width: 50px; overflow: hidden; /* added to make room for mobile nav. sjaps 1-26-18 */ position: relative; top: 6em; } /*BEGIN HEADER*/ #NBheader { display: none; } #NBlogo { display: none; } #NBmenuLinks { display: none; } #NBlogin { display: none; } .NEWsearch1 { display: none; } #NBmenuDrop { display: none; } #NBregions { display: none; } /* BEGIN HOMEPAGE HEADER OVERRIDES (some previous css overwritten with higher specificity) */ .NoSearchHeader #NBlogo { display: none; } .NoSearchHeader #NBmenuDrop { display: none; } .NoSearchHeader #NBmenuLinks { display: none; } /* END HOMEPAGE HEADER OVERRIDES (some previous css overwritten with higher specificity) */ /*END HEADER*/ /*BEGIN FOOTER*/ #NBfooter { /* sj 1/3/18 background:#fffffF; color:#7f9297; min-height:225px; position:relative; margin: 2.632% auto 0; max-width:800px; min-width:768px; overflow: hidden; */ background: #FFF; color: #000; min-height: 288px; position: relative; max-width: 480px; min-width: 0; width: 100%; } #NBfooter a { /* color:#7f9297; text-decoration:none; */ color: #000; text-decoration: none; } #NBfooter a:hover { text-decoration: underline; } #NBfooterNav { /* sj 1/3/18 position: absolute; left: 3%; top:1.33em; */ position: relative; left: 3%; top: 1em; float: left; width: 75%; line-height: 1.6em; } #NBfooterNav .NBfooterNavCols { /* sj 1/3/18 display:inline-block; font-size:.667em; margin:0; padding:0; position:relative; */ display: inline; font-size: .667em; margin: 0; padding: 0; position: relative; } #NBfooterNav .NBfooterNavCols li { list-style-type: none; margin: 0 4em 0 0; } #NBsocialMedia { /* sj 1/3/18 margin:0; padding:0; position: absolute; right: 3%; top:1.33em; */ position: relative; left: auto; top: 1em; float: right; width: 25%; right: 0; padding-right: 4.386%; } #NBsocialMedia li { /* display:inline-block; list-style-type:none; */ float: right; } #NBsocialMedia li a { /* border-radius:.2em; -moz-border-radius:.2em; -webkit-border-radius:.2em; display:inline-block; height:3.333em; margin:0 0 0 .83em; padding:0; width:3.333em; */ border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; display: inline-block; height: 2.333em; margin: 0 0 0 .83em; padding: 0; width: 2.333em; } #NBsocialMedia li a.NBfacebook { background: url("../../css-images/facebook-icon.png") 9px no-repeat #000000; background-size: 24px; } #NBsocialMedia li a.NByoutube { /* background:url('../../css-images/socialmediasprite_2x.png') 0 0 no-repeat #000000; background-size:200px 60px; */ background: url("../../css-images/socialmediasprite_2x.png") -2px 0 no-repeat #000000; background-size: 150px 45px; } #NBsocialMedia li a.NBtwitter { /* background:url('../../css-images/socialmediasprite_2x.png') -71px 0 no-repeat #000000; background-size:200px 60px; */ background: url("../../css-images/socialmediasprite_2x_twitter_updated_logo.png") -54px 0 no-repeat #000000; background-size: 150px 45px; } #NBsocialMedia li a.NBlinkedin { /* background:url('../../css-images/socialmediasprite_2x.png') -139px 0 no-repeat #000000; background-size:200px 60px; */ background: url("../../css-images/socialmediasprite_2x.png") -105px 0 no-repeat #000000; background-size: 150px 45px; } /* added by sjaps 1-4-18 */ #NBdesktopMobileToggle { display: block; float: left; font-size: .667em; margin: 3em 0 0 0; text-align: center; width: 100%; } #NBcopyright { /* sj 1/3/18 background:url('../../css-images/rrcs/newbay_white_small.png') 0 0 no-repeat; background-size:79px 30px; font-size:.611em; line-height:3.4em; padding:0 0 0 8em; position: absolute; left: 3%; bottom:.2em; */ background: url("../../css-images/rrcs/newbay_white_small.png") 0 0 no-repeat; background-size: 57px 22px; font-size: .611em; height: auto; line-height: 2.4em; padding: 0 0 0 6em; position: relative; left: auto; bottom: auto; float: left; display: block; margin: 3em 0 0 1em; } /*END FOOTER*/ } /* sj 07-29-16 created from avcat/nomad/css/nb_layout_large */ /* Unique content formatting for Homepage and Registration Page */ /*BEGIN HOMEPAGE*/ .NBsection { border-bottom: 2px solid #e0dcdc; text-align: center; } .NBsection h1 { color: #222d30; font-size: 1.555em; font-weight: 300; } .NBsection h2 { color: #8f8f8f; font-size: 1em; font-weight: 200; line-height: 1em; margin-top: -.556em; } .title-tag--homepage, .title-tag--aboutpage { border-bottom: 2px solid #e0dcdc; text-align: center; } .title-tag--homepage h2, .title-tag--aboutpage h2 { color: #222d30; font-size: 1.555em; font-weight: 300; } .title-tag--homepage h3, .title-tag--aboutpage h3 { color: #8f8f8f; font-size: 1em; font-weight: 200; line-height: 1em; margin-top: -.556em; } /*BEGIN WELCOME SLIDES*/ /* no longer used on homepage. sjaps 12-04-17 #NBwelcome{ height: 428px; text-align: center; } #NBwelcome a { text-decoration: none; } #Slider { width: 4000px; position: relative; } #NBwelcome #SliderWrapper #ViewPort #Slider a, #NBwelcome #SliderWrapper #ViewPort #Slider a:link, #NBwelcome #SliderWrapper #ViewPort #Slider a:hover, #NBwelcome #SliderWrapper #ViewPort #Slider a:focus, #NBwelcome #SliderWrapper #ViewPort #Slider a:active{ color:#000000 } .Slide { height: 428px; width: 1140px; float: left; } #Slide1 { background: url(../../css-images/HomepageSlides/Slide1_09-11-15_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size:1140px 428px; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 h1{ color: #000; display: inline-block; font-size:2.4em; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 h1 img{ height: 33px; width:120px; } #Slide2 { background: url(../../css-images/HomepageSlides/Slide2_09-11-15_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size:1140px 428px; } .NewProductContainer { height: 11em; } .NewProductImage { height: 11em; text-align: right; } .NewProductImage img { max-width:100%; max-height: 100%; } #Slide3 { background: url(../../css-images/HomepageSlides/Slide3_09-11-15b_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size:1140px 428px; } .CaseStudyImage { height: 11em; text-align: right; } .CaseStudyImage img { border:1px solid #767676; max-width:100%; max-height: 100%; } .CaseStudyText{ height: 11em; } .NBwelcomeMenu { color: #000; display: inline-block; margin:60px 1em 0; width: 25%; position: relative; bottom: 11em; } .NBwelcomeMenu .NBwelcomeMenuArrow { width: 10px; height: 10px; border: 1px solid rgba(0,0,0,.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0,0,0,.12); box-shadow: 1px -1px 2px rgba(0,0,0,.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: transparent; margin: 0 0 0 50%; position: relative; top: 6px; opacity: 0; } .NBwelcomeMenu:hover .NBwelcomeMenuArrow { background: #000000; opacity: 1; } .NBwelcomeMenu_active .NBwelcomeMenuArrow { background: #000000; opacity: 1; } .NBwelcomeMenuText { background-color: rgba(30,30,30,.4); border: 2px solid #767676; line-height: 3em; } .NBwelcomeMenu:hover .NBwelcomeMenuText { background-color: #000000; border: 2px solid #000000; } .NBwelcomeMenu_active .NBwelcomeMenuText { background-color: #000000; border: 2px solid #000000; } #SliderWrapper { height: 428px; text-align: center; } #ViewPort { height: 428px; width: 1140px; overflow: hidden; float: left; } */ /*END WELCOME SLIDES*/ /*BEGIN FEATURED MANUFACTURERS*/ #NBfeaturedMfr { text-align: center; margin: 1em 0; } #NBfeaturedMfr a { text-decoration: none; } #NBfeaturedMfr a img { border: none; margin: .2em 2%; height: 60px; width: 120px; } #NBfeaturedMfr #NBfeaturedMfrText { color: #c8c8c8; font-size: .889em; text-align: center; } /*END FEATURED MANUFACTURERS*/ /*BEGIN 'YOUR SEARCH ENDS HERE' SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBgraphic{ background: url(../../css-images/YourSearchEndsHere2.jpg) no-repeat top right; height: 583px; padding: 3em 0 0 0; } #NBgraphicTitle { color:#000000; font-size:2em; font-weight: 200; text-align: center; } #NBgraphicTagline { color:#8a9294; font-size:1em; font-weight: 200; line-height: 3em; text-align: center; } #NBgraphicList { float: right; margin:0 5% 0 0; padding: 0; width:22%; } #NBgraphicList li{ list-style: none; margin: 0 0 1em; } #NBgraphicList li h4 { color: #000; font-size: 1em; line-height: 1.25em; margin: 0; } #NBgraphicList li div{ color: #5c686b; font-size: .889em; font-weight: 200; line-height: 1em; } */ /*END 'YOUR SEARCH ENDS HERE' SECTION*/ /*BEGIN MAIN CATEGORIES SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBcatWrapper {margin: 0 0 2.8em 0;} .NB_CatTile h3 { font-size: 1.09em; font-weight:normal; margin-top: .31em; } .NB_CatTile p {font-size: .7em; line-height:1.24em; margin-bottom: .39em } .NB_CatTile p.NB_CatTileSubLinks {height: 4em; overflow: hidden;} .NB_CatTile p.NB_CatTileBrowseAll {} .NB_CatTile .NB_CatTileLinks {font-size: .7em; line-height:1.24em; margin-bottom:.39em } .NB_CatTile a {color: #5C6769; font-weight:bold; } .NB_CatTile { background-repeat: no-repeat; } .NB_CatTileContent img{ max-width: 97%; } .NB_CatTile_container {margin-left:2.86em} .NB_CatTile_container .NB_CatTile { width: 33%; float: left; margin-top:2.8em;} .NB_CatTile_container .NB_CatTile .NB_CatTileContent {padding-right: 12.245%;} */ /*END MAIN CATEGORIES SECTION*/ /*BEGIN PROVIDERS SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBproviders{ background-color: #ecf5f7; position: relative; } #NBproviders #NBprovidersWorker{ } #NBprovidersFind { display: inline-block; float: left; width:30%; } #NBproviders #NBprovidersFind h2{ color: #2a2a2a; font-size:1.334em; } #NBproviders #NBprovidersFind p{ color: #5b6466; font-size:.778em ; line-height: 1.2em; } #NBproviders #NBprovidersFind ul{ padding: 0; } #NBproviders #NBprovidersFind ul li{ font-size: .889em; list-style: none; } #NBproviders #NBprovidersFind ul li select { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); border-radius: .2em; -moz-border-radius:.2em; -web-kit-radius:.2em; height: 40px; color: #000; padding: .444em; outline: solid transparent; width:90%; } #NBproviders #NBprovidersFind ul li select:hover { background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(213,213,213,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(213,213,213,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); cursor: pointer; } #NBproviders #NBprovidersFind ul li option{ background-color: #000; color:#000; padding:.278em; text-align: center; } #NBproviders #NBprovidersFind .NBsearch { position: relative; width:90%; } #NBproviders #NBprovidersFind .NBsearch .NBsearchInput { width:55%; } #NBproviders #NBprovidersFind .NBsearch .NBsearchInput input{ font-size:1em; line-height: 2em; padding: 0 0 0 1em; } #NBproviders #NBprovidersFind .NBsearch .NBsearchBttn{ font-size:.889em; height:2.5em; line-height:2.5em; padding: 0 1em; } #NBproviders #NBprovidersFeatured{ background-color:#000; border:1px solid #bfbfbf; color: #a7a7a7; float: left; font-size: .778em; line-height: 3em; margin: 3em 0; padding: 0 0 1em 0; text-align: center; width: 38%; } #NBproviders #NBprovidersFeatured span{ display: block; } #NBproviders #NBprovidersFeatured a { margin: 1%; } #NBproviders #NBprovidersFeatured img { height: 60px; margin: .1em .1em 1em .1em; width: 120px; } */ /*END PROVIDERS SECTION*/ /*BEGIN NEWS SECTION*/ /* no longer used on homepage. sjaps 12-04-17 .NBnewsLogoBox {height: 5.3em; line-height: 7em;} .NBnewsLogo1 {max-height: 40%} .NBnewsLogo2 {max-height: 45%} .NBnewsLogo3 {max-height: 55%} .NBnewsLogo4 {max-height: 60%} .NBnewsLogo5 {max-height: 60%} .NBnewsLogo6 {max-height: 50%} .NBnewsLogo7 {max-height: 45%} .NBnewsLogo8 {max-height: 40%} .NBnewsRSSoverflow {height: 3em;overflow: hidden;} .NBnewsRSStitle {display:table-cell; height:3em; vertical-align:middle;} .NBnewsRSStitle a {display: block;} .NBnewsRSSarrow {display:table-cell; height:3em; vertical-align:middle;} */ /*NO BANNER ADS ON HOMEPAGE AT THIS TIME 01-07-15 .NBbannerAd { background: url(../../css-images/Dummy970x90.png) no-repeat; display: block; height: 90px; margin: 1em auto; width: 970px; }*/ /*END NEWS SECTION*/ /*BEGIN REGISTRATION PAGE - created by sj 05-18-15*/ #IQgradient { background: #dceef4; /* Old browsers */ background: -moz-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dceef4), color-stop(53%, white), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #dceef4 0%, white 53%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceef4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .ipadguy { background-image: url("../../css-images/iPadguy-solo.png"); background-repeat: no-repeat; background-position: 0 5em; background-size: 277px; } /*END REGISTRATION PAGE*/ /*END HOMEPAGE*/ /*sj 07-29-16 created from part of avcat/nomad/css/nb_layout_medium.css */ /* Unique content formatting for Homepage and Registration Page - medium screens*/ @media only screen and (min-width: 481px) and (max-width: 800px) { /*BEGIN HOMEPAGE*/ .NBsection { border-bottom: 2px solid #e0dcdc; text-align: center; } .NBsection h1 { color: #222d30; font-size: 1.555em; font-weight: 300; } .NBsection h2 { color: #8f8f8f; font-size: 1em; font-weight: 200; line-height: 1em; margin-top: -0.556em; } .title-tag--homepage, .title-tag--aboutpage { border-bottom: 2px solid #e0dcdc; text-align: center; } .title-tag--homepage h2, .title-tag--aboutpage h2 { color: #222d30; font-size: 1.555em; font-weight: 300; } .title-tag--homepage h3, .title-tag--aboutpage h3 { color: #8f8f8f; font-size: 1em; font-weight: 200; line-height: 1em; margin-top: -0.556em; } /*BEGIN WELCOME SLIDES*/ /* no longer used on homepage. sjaps 12-04-17 #NBwelcome{ background-image: url(../../css-images/NBheroBanner_2x.jpg) no-repeat center; background-size:800px 381px; height: 381px; text-align: center; } #NBwelcome a { text-decoration: none; } #Slider { width: 4000px; position: relative; } #NBwelcome #SliderWrapper #ViewPort #Slider a, #NBwelcome #SliderWrapper #ViewPort #Slider a:link, #NBwelcome #SliderWrapper #ViewPort #Slider a:hover, #NBwelcome #SliderWrapper #ViewPort #Slider a:focus, #NBwelcome #SliderWrapper #ViewPort #Slider a:active{ color:#000000 } .Slide { min-height: 366px; max-height: 381px; min-width: 768px; max-width: 800px; float: left; } #Slide1 { background: url(../../css-images/HomepageSlides/Slide1_09-11-15_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size: 1015px 381px; background-position: -24px 0; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 h1{ color: #000; display: inline-block; font-size:2.2em; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 h1 img{ height: 32px; width:120px ; } #Slide2 { background: url(../../css-images/HomepageSlides/Slide2_09-11-15_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size: 1015px 381px; background-position: -70px 0; } .ellipses { display: block; overflow: hidden; text-overflow:ellipses; white-space: nowrap; } .NewProductContainer { height: 10em; vertical-align: middle; display: table-cell; } .NewProductImage { height: 10em; text-align:right; } .NewProductImage img { max-height: 10em; max-width: 100%; } #Slide3 { background: url(../../css-images/HomepageSlides/Slide3_09-11-15b_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size: 1015px 381px; } .CaseStudyImage { height: 10em; text-align: right; } .CaseStudyImage img { border:1px solid #767676; max-width:100%; max-height: 100%; } .CaseStudyText{ height: 10em; } .NBwelcomeMenu { color: #000; display: inline-block; width: 25%; position: relative; bottom: 9em; } .NBwelcomeMenu .NBwelcomeMenuArrow { width: 10px; height: 10px; border: 1px solid rgba(0,0,0,.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0,0,0,.12); box-shadow: 1px -1px 2px rgba(0,0,0,.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: transparent; margin: 0 0 0 50%; position: relative; top: 6px; opacity: 0; } .NBwelcomeMenu:hover .NBwelcomeMenuArrow { background: #000000; opacity: 1; } .NBwelcomeMenu_active .NBwelcomeMenuArrow { background: #000000; opacity: 1; } .NBwelcomeMenuText { border: 2px solid #767676; font-size:.778em; line-height: 3em; } .NBwelcomeMenu:hover .NBwelcomeMenuText { background-color: #000000; border: 2px solid #000000; } .NBwelcomeMenu_active .NBwelcomeMenuText { background-color: #000000; border: 2px solid #000000; } #SliderWrapper { height: 428px; text-align: center; } #ViewPort { height: 366px; max-width: 800px; min-width: 768px; overflow: hidden; float: left; } */ /*END WELCOME SLIDES*/ /*BEGIN FEATURED MANUFACTURERS*/ #NBfeaturedMfr { text-align: center; margin: 1em 0; } #NBfeaturedMfr a { text-decoration: none; } /* sj 3/7/18 #NBfeaturedMfr a:first-child { display: none; } #NBfeaturedMfr a:last-child { display:none; } */ #NBfeaturedMfr a img { border: none; margin: 0.2em 2%; height: 60px; width: 120px; } #NBfeaturedMfr #NBfeaturedMfrText { color: #c8c8c8; font-size: 0.667em; text-align: center; } /*END FEATURED MANUFACTURERS*/ /*BEGIN 'YOUR SEARCH ENDS HERE' SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBgraphic{ background: url(../../css-images/YourSearchEndsHere2_2x.jpg) no-repeat top right; background-size: 800px 457px; height: 457px; padding: 3em 0 0 0; } #NBgraphicTitle { color:#000000; font-size:1.556em; font-weight: 100; text-align: center; } #NBgraphicTagline { color:#8a9294; font-size:1em; font-weight: 100; line-height: 1.667em; text-align: center; } #NBgraphicList { float: right; margin:2em 2% 0 0; padding: 0; width:27%; } #NBgraphicList li{ list-style: none; margin: 0 0 1em; } #NBgraphicList li h4 { color: #000; font-size: .889em; line-height: 1.667em; margin: 0; } #NBgraphicList li div{ color: #5c686b; font-size: .667em; font-weight: 100; line-height: 1.2em; } */ /*END 'YOUR SEARCH ENDS HERE' SECTION*/ /*BEGIN MAIN CATEGORIES SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBcatWrapper {margin: 0 0 2.8em 0;} .NB_CatTile h3 { font-size: 1.09em; font-weight:normal; margin-top: .31em; } .NB_CatTile p {font-size: .7em; line-height:1.24em; margin-bottom: .39em } .NB_CatTile p.NB_CatTileSubLinks {height: 4em; overflow: hidden;} .NB_CatTile p.NB_CatTileBrowseAll {} .NB_CatTile .NB_CatTileLinks {font-size: .7em; line-height:1.24em; margin-bottom:.39em } .NB_CatTile a {color: #5C6769; font-weight:bold; } .NB_CatTile { background-repeat: no-repeat; } .NB_CatTileContent img{ max-width: 99%; } .NB_CatTile_container {margin-left:2.86em} .NB_CatTile_container .NB_CatTile { width: 33%; float: left; margin-top:2.8em;} .NB_CatTile_container .NB_CatTile .NB_CatTileContent {padding-right: 12.245%;} */ /*END MAIN CATEGORIES SECTION*/ /*BEGIN PROVIDERS SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBproviders{ background-color: #ecf5f7; position: relative; } #NBproviders #NBprovidersWorker{ display: none; } #NBprovidersFind { display: inline-block; float: left; margin: 1.2em .5em 1.2em 5%; width:40%; } #NBproviders #NBprovidersFind h2{ color: #2a2a2a; font-size:1.334em; } #NBproviders #NBprovidersFind p{ color: #5b6466; font-size:.778em ; line-height: 1.2em; } #NBproviders #NBprovidersFind ul{ padding: 0; } #NBproviders #NBprovidersFind ul li{ font-size: .889em; list-style: none; } #NBproviders #NBprovidersFind ul li select { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); border-radius: .2em; -moz-border-radius:.2em; -web-kit-radius:.2em; height: 40px; color: #000; padding: .444em; outline: solid transparent; width:90%; } #NBproviders #NBprovidersFind ul li select:hover { background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(213,213,213,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(213,213,213,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); cursor: pointer; } #NBproviders #NBprovidersFind ul li option{ background-color: #000; color:#000; padding:.278em; text-align: center; } #NBproviders #NBprovidersFind .NBsearch { position: relative; width:90%; } #NBproviders #NBprovidersFind .NBsearch .NBsearchInput { width:55%; } #NBproviders #NBprovidersFind .NBsearch .NBsearchInput input{ font-size:1em; line-height: 2em; padding: 0 0 0 1em; } #NBproviders #NBprovidersFind .NBsearch .NBsearchBttn{ font-size:.889em; height:2.5em; line-height:2.5em; padding: 0 1em; } #NBproviders #NBprovidersFeatured{ background-color:#000; border:1px solid #bfbfbf; color: #a7a7a7; float: left; font-size: .778em; line-height: 3em; margin: 3em 0; padding: 0 0 1em 0; text-align: center; width: 44%; } #NBproviders #NBprovidersFeatured span{ display: block; } #NBproviders #NBprovidersFeatured a { margin: 1%; } #NBproviders #NBprovidersFeatured img { height: 40px; margin: .1em .1em 1em .1em; width: 80px; } */ /*END PROVIDERS SECTION*/ /*BEGIN NEWS SECTION*/ /* no longer used on homepage. sjaps 12-04-17 .NBnewsLogoBox {height: 5.3em; line-height: 7em;} .NBnewsLogo1 {max-height: 40%} .NBnewsLogo2 {max-height: 45%} .NBnewsLogo3 {max-height: 55%} .NBnewsLogo4 {max-height: 60%} .NBnewsLogo5 {max-height: 60%} .NBnewsLogo6 {max-height: 50%} .NBnewsLogo7 {max-height: 45%} .NBnewsLogo8 {max-height: 40%} .NBnewsRSSoverflow {height: 3em;overflow: hidden;} .NBnewsRSStitle {display:table-cell; height:3em; vertical-align:middle;} .NBnewsRSStitle a {display: block;} .NBnewsRSSarrow {display:none;} */ /*END NEWS SECTION*/ /*BEGIN REGISTRATION PAGE - created by sj 05-18-15*/ #IQgradient { background: #dceef4; /* Old browsers */ background: -moz-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dceef4), color-stop(53%, white), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #dceef4 0%, white 53%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceef4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .ipadguy { background-image: url("../../css-images/iPadguy-solo.png"); background-repeat: no-repeat; background-position: 0 5em; background-size: 175px; } /*END REGISTRATION PAGE*/ /*END HOMEPAGE*/ } /* sj 12-04-17 created from _rrc_customcontent_small.scss */ /* for homepage mobile view */ /*Uniquely formated page content for small screens*/ @media only screen and (min-width: 50px) and (max-width: 480px) { /*BEGIN HOMEPAGE*/ .NBsection { border-bottom: 2px solid #e0dcdc; text-align: center; } .NBsection h1 { color: #222d30; font-size: 1.555em; font-weight: 300; } .NBsection h2 { color: #8f8f8f; font-size: 1em; font-weight: 200; line-height: 1em; margin-top: -0.556em; } .title-tag--homepage, .title-tag--aboutpage { border-bottom: 2px solid #e0dcdc; text-align: center; } .title-tag--homepage h2, .title-tag--aboutpage h2 { color: #222d30; font-size: 1.555em; font-weight: 300; } .title-tag--homepage h3, .title-tag--aboutpage h3 { color: #8f8f8f; font-size: 1em; font-weight: 200; line-height: 1em; margin-top: -0.556em; } /*BEGIN WELCOME SLIDES*/ /* no longer used on homepage. sjaps 12-04-17 #NBwelcome{ background-image: url(../../css-images/NBheroBanner_2x.jpg) no-repeat center; background-size:800px 381px; height: 381px; text-align: center; } #NBwelcome a { text-decoration: none; } #Slider { width: 4000px; position: relative; } #NBwelcome #SliderWrapper #ViewPort #Slider a, #NBwelcome #SliderWrapper #ViewPort #Slider a:link, #NBwelcome #SliderWrapper #ViewPort #Slider a:hover, #NBwelcome #SliderWrapper #ViewPort #Slider a:focus, #NBwelcome #SliderWrapper #ViewPort #Slider a:active{ color:#000000 } .Slide { min-height: 366px; max-height: 381px; min-width: 768px; max-width: 800px; float: left; } #Slide1 { background: url(../../css-images/HomepageSlides/Slide1_09-11-15_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size: 800px 381px; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 h1{ color: #000; display: inline-block; font-size:2.2em; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 h1 img{ height: 32px; width:120px ; } /*sj 09-14-15 #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 h3{ color: #000; font-size: .889em; line-height: 1.4em; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 .NBsearch { display: inline-block; margin: 1.8em auto 0; position: relative; height:2.778em; width:50%; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 .NBsearch .NBsearchInput input{ font-size:.889em; position: absolute; left:14%; bottom:.8em; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 .NBsearch .NBsearchInput input:focus { outline-style:none; } #NBwelcome #SliderWrapper #ViewPort #Slider #Slide1 .NBsearch .NBsearchBttn { background-color:#000000; border-radius:0 .2em .2em 0; -moz-border-radius:0 .2em .2em 0; -webkit-border-radius:0 .2em .2em 0; color:#000; display:inline-block; float:right; font-size:1em; height:2.778em; line-height:2.8em; padding: 0 1em; } #Slide2 { background: url(../../css-images/HomepageSlides/Slide2_09-11-15_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size: 1015px 381px; background-position: -70px 0; } .ellipses { display: block; overflow: hidden; text-overflow:ellipses; white-space: nowrap; } .NewProductContainer { } .NewProductImage { height: 9em; text-align: center; } .NewProductImage img { max-height: 9em; max-width: 100%; } .NewProductText { } #Slide3 { background: url(../../css-images/HomepageSlides/Slide3_09-11-15b_2x.jpg) no-repeat scroll center center rgba(0, 0, 0, 0); background-size: 1015px 381px; } .CaseStudyImage { height: 9em; text-align: center; } .CaseStudyImage img { border:1px solid #767676; max-width:100%; max-height: 100%; } .CaseStudyText{ } .NBwelcomeMenu { color: #000; display: inline-block; width: 25%; position: relative; bottom: 9em; } .NBwelcomeMenu .NBwelcomeMenuArrow { width: 10px; height: 10px; border: 1px solid rgba(0,0,0,.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0,0,0,.12); box-shadow: 1px -1px 2px rgba(0,0,0,.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: transparent; margin: 0 0 0 50%; position: relative; top: 6px; opacity: 0; } .NBwelcomeMenu:hover .NBwelcomeMenuArrow { background: #000000; opacity: 1; } .NBwelcomeMenu_active .NBwelcomeMenuArrow { background: #000000; opacity: 1; } .NBwelcomeMenuText { border: 2px solid #767676; font-size:.778em; line-height: 3em; } .NBwelcomeMenu:hover .NBwelcomeMenuText { background-color: #000000; border: 2px solid #000000; } .NBwelcomeMenu_active .NBwelcomeMenuText { background-color: #000000; border: 2px solid #000000; } #SliderWrapper { height: 428px; text-align: center; } #ViewPort { height: 366px; max-width: 800px; min-width: 768px; overflow: hidden; float: left; } */ /*END WELCOME SLIDES*/ /*BEGIN FEATURED MANUFACTURERS*/ #NBfeaturedMfr { text-align: center; margin: 1em 0; } #NBfeaturedMfr a { text-decoration: none; } /* sj 3/7/18 #NBfeaturedMfr a:first-child { display: none; } #NBfeaturedMfr a:last-child { display:none; } */ #NBfeaturedMfr a img { border: none; margin: 0.2em 2%; height: 60px; width: 120px; } #NBfeaturedMfr #NBfeaturedMfrText { color: #c8c8c8; font-size: 0.667em; text-align: center; } /*END FEATURED MANUFACTURERS*/ /*BEGIN 'YOUR SEARCH ENDS HERE' SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBgraphic{ background: url(../../css-images/YourSearchEndsHere2_2x.jpg) no-repeat top right; background-size: 800px 457px; height: 457px; padding: 3em 0 0 0; } #NBgraphicTitle { color:#000000; font-size:1.556em; font-weight: 100; text-align: center; } #NBgraphicTagline { color:#8a9294; font-size:1em; font-weight: 100; line-height: 1.667em; text-align: center; } #NBgraphicList { float: right; margin:2em 2% 0 0; padding: 0; width:27%; } #NBgraphicList li{ list-style: none; margin: 0 0 1em; } #NBgraphicList li h4 { color: #000; font-size: .889em; line-height: 1.667em; margin: 0; } #NBgraphicList li div{ color: #5c686b; font-size: .667em; font-weight: 100; line-height: 1.2em; } */ /*END 'YOUR SEARCH ENDS HERE' SECTION*/ /*BEGIN MAIN CATEGORIES SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBcatWrapper {margin: 0 0 2.8em 0;} .NB_CatTile h3 { font-size: 1.09em; font-weight:normal; margin-top: .31em; } .NB_CatTile p {font-size: .7em; line-height:1.24em; margin-bottom: .39em } .NB_CatTile p.NB_CatTileSubLinks {height: 4em; overflow: hidden;} .NB_CatTile p.NB_CatTileBrowseAll {} .NB_CatTile .NB_CatTileLinks {font-size: .7em; line-height:1.24em; margin-bottom:.39em } .NB_CatTile a {color: #5C6769; font-weight:bold; } .NB_CatTile { background-repeat: no-repeat; } .NB_CatTileContent img{ max-width: 99%; } .NB_CatTile_container {margin-left:2.86em} .NB_CatTile_container .NB_CatTile { width: 33%; float: left; margin-top:2.8em;} .NB_CatTile_container .NB_CatTile .NB_CatTileContent {padding-right: 12.245%;} */ /*END MAIN CATEGORIES SECTION*/ /*BEGIN PROVIDERS SECTION*/ /* no longer used on homepage. sjaps 12-04-17 #NBproviders{ background-color: #ecf5f7; position: relative; } #NBproviders #NBprovidersWorker{ display: none; } #NBprovidersFind { display: inline-block; float: left; margin: 1.2em .5em 1.2em 5%; width:40%; } #NBproviders #NBprovidersFind h2{ color: #2a2a2a; font-size:1.334em; } #NBproviders #NBprovidersFind p{ color: #5b6466; font-size:.778em ; line-height: 1.2em; } #NBproviders #NBprovidersFind ul{ padding: 0; } #NBproviders #NBprovidersFind ul li{ font-size: .889em; list-style: none; } #NBproviders #NBprovidersFind ul li select { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); border-radius: .2em; -moz-border-radius:.2em; -web-kit-radius:.2em; height: 40px; color: #000; padding: .444em; outline: solid transparent; width:90%; } #NBproviders #NBprovidersFind ul li select:hover { background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(213,213,213,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(213,213,213,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(213,213,213,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=0 ); cursor: pointer; } #NBproviders #NBprovidersFind ul li option{ background-color: #000; color:#000; padding:.278em; text-align: center; } #NBproviders #NBprovidersFind .NBsearch { position: relative; width:90%; } #NBproviders #NBprovidersFind .NBsearch .NBsearchInput { width:55%; } #NBproviders #NBprovidersFind .NBsearch .NBsearchInput input{ font-size:1em; line-height: 2em; padding: 0 0 0 1em; } #NBproviders #NBprovidersFind .NBsearch .NBsearchBttn{ font-size:.889em; height:2.5em; line-height:2.5em; padding: 0 1em; } #NBproviders #NBprovidersFeatured{ background-color:#000; border:1px solid #bfbfbf; color: #a7a7a7; float: left; font-size: .778em; line-height: 3em; margin: 3em 0; padding: 0 0 1em 0; text-align: center; width: 44%; } #NBproviders #NBprovidersFeatured span{ display: block; } #NBproviders #NBprovidersFeatured a { margin: 1%; } #NBproviders #NBprovidersFeatured img { height: 40px; margin: .1em .1em 1em .1em; width: 80px; } */ /*END PROVIDERS SECTION*/ /*BEGIN NEWS SECTION*/ /* no longer used on homepage. sjaps 12-04-17 .NBnewsLogoBox {height: 5.3em; line-height: 7em;} .NBnewsLogo1 {max-height: 40%} .NBnewsLogo2 {max-height: 45%} .NBnewsLogo3 {max-height: 55%} .NBnewsLogo4 {max-height: 60%} .NBnewsLogo5 {max-height: 60%} .NBnewsLogo6 {max-height: 50%} .NBnewsLogo7 {max-height: 45%} .NBnewsLogo8 {max-height: 40%} .NBnewsRSSoverflow {height: 3em;overflow: hidden;} .NBnewsRSStitle {display:table-cell; height:3em; vertical-align:middle;} .NBnewsRSStitle a {display: block;} .NBnewsRSSarrow {display:none;} */ /*END NEWS SECTION*/ /*BEGIN REGISTRATION PAGE - created by sj 05-18-15*/ #IQgradient { background: #dceef4; /* Old browsers */ background: -moz-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dceef4), color-stop(53%, white), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dceef4 0%, white 53%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #dceef4 0%, white 53%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceef4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #IQgradient .aviqon-check-circle-o { display: none; } .ipadguy { background-image: none; } /*END REGISTRATION PAGE*/ /*END HOMEPAGE*/ } /* sj 08-03-16 created from avcat/nomad/topnav/search.css */ /*Site Search in Header*/ .SearchBold { color: BLACK; font-weight: bold; } .SearchResultImage { height: 50px; width: 50px; float: left; margin: 5px; } .SearchResultProduct { color: GRAY; } .SearchResultModel { color: SILVER; } .Spinner { background-image: url(../css-images/spinner.gif); background-size: 20px 20px; height: 20px; width: 20px; float: right; } /* sj 10-12-16 moved to avcat/css/rrc_templates/_rrc_catalog_large.scss .Hidden { display: none; } */ #SearchResults { background-color: #FFF; border: 1px solid #ecf5f7; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; box-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); -moz-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); position: absolute; left: 8%; top: 130px; width: 87%; z-index: 100; } #SearchResults a { color: #000000; text-decoration: none; } #SearchResults a:hover { text-decoration: underline; } .NoCompanyImage { margin: .27em .27em; float: left; padding: 0px; width: 100px; height: 40px; background-color: #f0f0f0; } .CompanyImage { margin: .27em .27em; float: left; padding: 0px; width: 100px; height: 40px; background-color: #000; } .Header { background-color: #d6dddf; color: #85959a; font-size: .78em; padding: 0 1em; text-transform: uppercase; } .Result { padding: 1px; color: black; } #CategoryResults { padding: .27em .56em; } #UserKeywordResults { padding: .27em .56em; } #CompaniesResults { padding: .27em .56em; } #ProductsResults { padding: .27em .56em; } /*BEGIN CSS FOR TABLETS*/ @media all and (max-width: 800px) and (min-width: 50px) { #SearchResults { top: 118px; } } /* sj 08-03-16 created from avcat/nomad/topnav/products.css */ /* THIS FILE ALSO USED BY BASIC CATALOGS avcat/nomad/css/basic_templates/basic.scss */ /* THIS FILE ALSO USED BY BASIC CATALOGS avcat/nomad/css/basic_templates/basic.scss */ /* THIS FILE ALSO USED BY BASIC CATALOGS avcat/nomad/css/basic_templates/basic.scss */ /* THIS FILE ALSO USED BY BASIC CATALOGS avcat/nomad/css/basic_templates/basic.scss */ /* THIS FILE ALSO USED BY BASIC CATALOGS avcat/nomad/css/basic_templates/basic.scss */ /*Products Menu*/ #TopNavProdWindow { position: absolute; top: 130px; left: 2.5%; margin: 10px 0 0 0; background-color: #FFF; border: solid #ecf5f7; border-width: 0 3px 3px; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; box-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); -moz-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); width: 95%; z-index: 100; } #TopNavProdWindow .TopMenuArrow { z-index: 100; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; /* sj 04-10-17 should have been adjusted when Case Studies link was moved in top nav margin:0 0 0 54%; */ margin: 0 0 0 59%; position: relative; top: -8px; left: -225px; } .MenuWrapper { float: left; margin: -16px 0 0 0; width: 26%; } .MenuNewProduct { background-color: #ecf5f7; border-bottom: 2px solid #d3e0e3; color: #FFF; display: block; font-size: .833em; float: left; width: 86%; line-height: 1.8em; height: 30px; } .MenuNewProduct a { text-decoration: none; color: #333; width: 100%; padding-left: 1em; display: inline-block; } .MenuNewProduct a:hover { color: #FFF; background: #000000; } .MenuWrapper .MenuItem { text-decoration: none; } .MenuWrapper .MenuItem:hover { cursor: pointer; } .MenuWrapper .MenuItem .MenuText { background-color: #ecf5f7; border-bottom: 2px solid #d3e0e3; color: #000; display: block; font-size: .833em; padding: 0 0 0 1em; float: left; width: 86%; /* sj 08-12-16 for shorter product menu change this to line-height: 1.8em; */ /* sj 08-28-17 line-height: 2.8em; */ line-height: 1.8em; /* sj 08-12-16 for shorter product menu change this to height: 30px; */ /* sj 08-28-17 height: 40px; */ height: 30px; } .MenuWrapper .MenuItem:hover .MenuText { background-color: #000000; color: #FFF; display: block; } .MenuWrapper .MenuItem .MenuArrow { width: 0; height: 0; float: left; /* sj 08-12-16 for shorter product menu change this to border-top: 14px solid #000; border-left: 5px solid #000; border-bottom: 14px solid #000; */ /* sj 08-28-17 border-top: 20px solid #000; border-left: 10px solid #000; border-bottom: 20px solid #000; */ border-top: 14px solid #FFF; border-left: 5px solid #FFF; border-bottom: 14px solid #FFF; /* sj 08-12-16 for shorter product menu comment out width */ /* sj 08-28-17 width:10px; */ } .MenuWrapper .MenuItem:hover .MenuArrow { border-left: 10px solid #000000; } .SubMenuWrapper { float: left; margin: -1em 0 0 0; width: 72%; /* sj 08-28-17 overide default text color for RRC page */ color: #FFF; } .SubMenuItem a { text-decoration: none; } .SubMenuItem a:hover { text-decoration: underline; } .SubMenuItem h1 { font-size: 1.57em; clear: both; } .SubMenuItem h2 { border-bottom: silver 1px solid; clear: both; color: #000; font-size: 1.14em; width: 100%; /* sj 08-12-16 for shorter product menu add this margin: .5em 0 .25em; */ /* sj 08-28-17 */ margin: .5em 0 .25em; } /* sj 08-12-16 for shorter product menu add this .SubMenuItem h3 { margin: .5em 0 .25em; } */ /* sj 08-29-17 */ .SubMenuItem h3 { margin: 0; } .SubMenuSubCats { /* sj 08-29-17 margin:0; */ margin: 0 0 1em 0; padding: 0; } .SubMenuSubCats li { display: inline-block; text-align: center; vertical-align: top; width: 24%; /* sj 08-12-16 for shorter product menu change to font-size: .833em; line-height: 1.111em; */ /* sj 08-28-17 font-size: 1em; line-height: 1.2em; */ font-size: .833em; line-height: 1.111em; } .SubMenuSubCats li img { display: block; max-width: 100%; border-right: #e7e7e7 1px solid; padding: 0 8% 16% 0; width: 100%; /*added 12-02-14 to fix Firefox issue*/ } .SubMenuSubCats li:last-child img { border-right: none; } .SubMenuSubCats li a { display: inline-block; width: 100%; /*added 12-02-14 to fix Firefox issue*/ word-wrap: break-word; /*sj 01-20-15 wraps long words (like German words)*/ } /* sj 08-29-17 will be deprecated after compact menu rolls Live */ .NBmoreCats { list-style-type: disc; margin: 0; padding: 0; } /* sj 08-29-17 will be deprecated after compact menu rolls Live */ .NBmoreCats li { display: inline-block; padding: .5em 0; width: 48%; /* sj 08-12-16 for shorter product menu change to font-size: .833em; line-height: 1.111em; */ /* sj 08-28-17 font-size: 1em; line-height: 1.2em; */ font-size: .833em; line-height: 1.111em; } /* sj 08-29-17 will be deprecated after compact menu rolls Live */ .NBmoreCats li:before { color: #4e5e63; content: "\2022 "; margin-right: .2em; } .SubMenuImage { text-align: center; background-color: WHITE; display: inline-block; height: auto; width: 24%; position: relative; overflow: hidden; min-height: 113px; } .SubMenuImageInfo { background-color: rgba(0, 0, 0, 0.9); height: 100%; width: 100%; position: absolute; top: 80px; /* this number needs to match the HideInfoFromTop variale in the JavaScript */ overflow: hidden; color: WHITE; min-height: 113px; } .SubMenuImageInfoCompany { font-size: .7em; font-weight: BOLD; line-height: 260%; } .SubMenuImageInfoModel { font-size: .6em; line-height: 125%; } .SubMenuImageInfoProduct { font-size: .6em; line-height: 125%; } .MenuItem.MenuItemActive { cursor: pointer; } .MenuItem.MenuItemActive .MenuText { background-color: #000000; color: #FFF; display: block; } .MenuItem.MenuItemActive .MenuArrow { border-left: 10px solid #000000; } /* sj 08-29-17 CHANGE FEATURED PRODUCT/MORE CATEGORIES LAYOUT */ #SubMenuBox1 { display: inline-block; float: left; margin-right: 4%; width: 48%; } #SubMenuBox2 { display: inline-block; float: right; width: 48%; } #SubMenuMoreCategories ul { list-style-type: disc; padding-left: 20px; } #SubMenuMoreCategories li { font-size: .833em; line-height: 1.5em; } .SubMenuFeaturedProducts { border: 1px solid #d2d2d2; padding: 20px 20px 0 20px; } /*BEGIN CSS FOR TABLETS*/ @media all and (max-width: 800px) and (min-width: 50px) { #TopNavProdWindow { top: 100px; } #TopNavProdWindow .TopMenuArrow { /* sj 04-10-17 should have been adjusted when Case Studies link was moved in top nav margin: 0 0 0 49%; */ margin: 0 0 0 56%; left: -140px; } .MenuWrapper { /*width: 30%;*/ } .MenuWrapper .MenuItem .MenuText { font-size: .778em; } .SubMenuWrapper { /*width:65%;*/ } .SubMenuSubCats li { font-size: .667em; } /* sj 08-29-17 will be deprecated after compact menu rolls Live */ .NBmoreCats li { font-size: .667em; line-height: 1em; } } /*END CSS FOR TABLETS*/ /* sj 08-03-16 created from avcat/nomad/topnav/mans.css */ /*Manufacturers Menu*/ #NBheader #TopNavMansWindow { height: 645px; width: 600px; position: absolute; top: 140px; left: 27%; background-color: #FFF; border: solid #ecf5f7; border-width: 0 3px 3px; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; box-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); -moz-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: -0.5em 0.5em 1em 0 rgba(0, 0, 0, 0.75); width: 70%; z-index: 100; } #NBheader #TopNavMansWindow .TopMenuArrow { z-index: 100; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; /* sj 04-10-17 should have been adjusted when Case Studies link was moved in top nav margin:0 0 0 60%; */ margin: 0 0 0 63%; position: relative; top: -8px; left: -290px; } @media (max-width: 1070px) { #NBheader #TopNavMansWindow .TopMenuArrow { left: -315px; } } #NBheader #TopNavMansSearchWrap { background: #FFF; border: 1px solid #999; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; -moz-box-shadow: inset 1px 4px 9px #d6d6d6; -webkit-box-shadow: inset 1px 4px 9px #d6d6d6; box-shadow: inset 1px 4px 9px #d6d6d6; display: inline-block; height: 40px; margin: 0 4%; position: relative; width: 92%; } #NBheader #TopNavMansFilterBox { background: #ecf5f7; float: left; height: 110px; margin: -18px 0 0 0; position: relative; width: 75%; z-index: 101; } #NBheader #TopNavMansFilterBox input { border: 0px; background-color: transparent; font-size: 1em; position: absolute; left: 12%; bottom: .3em; width: 80%; } #NBheader #TopNavMansFilterBox input:focus { outline-style: none; } #NBheader #TopNavMansSearchBttn { border-radius: .2em 0 0 .2em; -moz-border-radius: .2em 0 0 .2em; -webkit-border-radius: .2em 0 0 .2em; -moz-box-shadow: inset 1px 4px 9px #d6d6d6; -webkit-box-shadow: inset 1px 4px 9px #d6d6d6; box-shadow: inset 1px 4px 9px #d6d6d6; border-right: 1px solid #999; float: left; height: 40px; text-align: center; width: 40px; } #NBheader #TopNavMansSeeAll { float: left; line-height: 3em; text-align: right; width: 45%; } #NBheader #TopNavMansFind { color: #273134; float: left; line-height: 3em; text-indent: 1.5em; width: 50%; } #NBheader #TopNavMansSearchResults { float: left; font-size: 1em; height: 530px; overflow-y: scroll; overflow-x: hidden; width: 75%; } #NBheader #TopNavMansSearchResults a { color: #000000; display: block; line-height: 1.5em; padding: 0 1em; } #NBheader #TopNavMansFeatured { color: #798798; font-size: 1em; float: right; height: 645px; line-height: 3em; margin: -13px 0 0 0; min-width: 120px; text-align: center; text-transform: capitalize; width: 25%; } #NBheader #TopNavMansFeatured a { display: block; line-height: normal; } /*BEGIN CSS FOR TABLETS*/ @media all and (max-width: 800px) and (min-width: 50px) { #NBheader #TopNavMansWindow { left: 22%; top: 110px; width: 75%; } #NBheader #TopNavMansWindow .TopMenuArrow { /* sj 04-10-17 should have been adjusted when Case Studies link was moved in top nav*/ margin: 0 0 0 65%; left: -220px; } } .g-translate__wrapper { display: flex; width: 310px; align-items: center; position: absolute; right: 2.7em; top: .5em; } .g-translate__flags { display: flex; align-items: center; } .g-translate__select { display: flex; width: 55%; margin-left: .5em; } .g-translate__select select { padding: 0; font-size: 12px; height: initial; } @media only screen and (min-width: 481px) and (max-width: 800px) { .g-translate__wrapper { width: 230px; right: 3%; } .g-translate__select select { font-size: 10px; } } @media only screen and (min-width: 50px) and (max-width: 480px) { .g-translate__wrapper { position: static; width: 100%; } .g-translate__flags { width: 50%; justify-content: space-between; } .g-translate__select { width: 50%; } } /*NOT USING .ItemCount RIGHT NOW BUT IT MAY COME BACK AT SOME POINT .ItemCount { position:absolute; top: -10px; right: 10px; color: WHITE; border: 1px black solid; border-radius: 5px; padding: 0 3px; background: RED; }*/ .HiddenClass { display: none; } .MultiColumn3 { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } .NBtabLeft { display: inline-block; float: left; font-size: .9em; margin: 0 1px 0 0; padding: .5em; position: relative; } .NBtabRight { display: inline-block; float: right; font-size: .9em; padding: .5em; position: relative; } .NBtabActive { background: #ecf5f7; color: #969696; } .NBtabInactive { background: #DAE5E7; color: #2673B7; } .NBtabContent1 { background: #ecf5f7; color: #000; } /*sj 07-14-15 #NBpage .NBtabContent1 label just for MRCs*/ #NBpage .NBtabContent1 label { color: #000; font-size: .889em; } a.NBalphaLink { background: #000; border: 1px solid #000; border-radius: 5px; display: inline-block; margin: .2em .1em; min-width: 1.5em; padding: .1em .2em; text-align: center; text-decoration: none !important; /*!important only needed for MRCs*/ } a.NBalphaLinkSelected { background-color: black; color: white; border: 1px solid white; cursor: default; } /*BEGIN COLOR CODED LABELS*/ .DashProductBG { background: #000000; } .DashProductDot { color: #000000; } .DashArticleBG { background: green; } .DashArticleDot { color: green; } .DashDocumentBG { background: #000000; } .DashDocumentDot { color: #000000; } .DashVideoBG { background: #000000; } .DashVideoDot { color: #000000; } .DashProductLabel { position: absolute; bottom: 28%; color: white; } .DashArticleLabel { position: absolute; bottom: 28%; color: white; } .DashDocumentLabel { position: absolute; bottom: 28%; color: white; } .DashVideoLabel { position: absolute; bottom: 28%; color: white; } .DashRotate { -moz-transform: rotate(270deg); -moz-transform-origin: bottom left; -webkit-transform: rotate(270deg); -webkit-transform-origin: bottom left; -o-transform: rotate(270deg); -o-transform-origin: bottom left; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } /*END COLOR CODED LABELS*/ /* PROJECT COST ESTIMATOR (PCE) BUTTON */ .NBdivButton2.ViewPCEButtonDisabled { cursor: default; opacity: .5; } .NBdivButton2.ViewPCEButtonDisabled:hover { cursor: default; } /*BEGIN MEDIA QUERY FOR TABLET*/ @media only screen and (min-width: 481px) and (max-width: 800px) { .NBtabLeft { font-size: .667em; } .NBtabRight { font-size: .667em; } .DashProductLabel { font-size: .778em; line-height: 1.2em; } .DashArticleLabel { font-size: .778em; line-height: 1.2em; } .DashDocumentLabel { font-size: .778em; line-height: 1.2em; } .DashVideoLabel { font-size: .778em; line-height: 1.2em; } } /* END MEDIA QUERY FOR TABLET */ /* BEGIN MEDIA QUERY FOR MOBILE */ @media only screen and (min-width: 50px) and (max-width: 480px) { .MultiColumn3 { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } .NBtabLeft { display: block; float: none; border-radius: .25em .25em .25em .25em; -moz-border-radius: .25em .25em .25em .25em; -webkitborder-radius: .25em .25em .25em .25em; margin: .5em 0; text-align: center; } .NBtabRight { display: block; float: none; border-radius: .25em .25em .25em .25em; -moz-border-radius: .25em .25em .25em .25em; -webkitborder-radius: .25em .25em .25em .25em; margin: .5em 0 .5em 0; text-align: center; } #NBpage .NBtabContent1 label { margin: 2.632% 0; } .DashProductLabel { position: relative; } .DashArticleLabel { position: relative; } .DashDocumentLabel { position: relative; } .DashVideoLabel { position: relative; } .DashRotate { -moz-transform: none; -moz-transform-origin: initial; -webkit-transform: none; -webkit-transform-origin: initial; -o-transform: none; -o-transform-origin: initial; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); } /* END MEDIA QUERY FOR MOBILE */ } /* This is pagination CSS created before nomad. As of 9-7-16 it is used for pagination on Search Results page and possibly other pages. Eventually this will be deprecated. */ /*this wraps around EVERYTHING*/ .iqPaginWrapper { display: inline-block; line-height: 140%; margin: 0 0 10px 0; vertical-align: baseline; width: 100%; } /*this wraps around select boxes and should float left*/ .iqPaginOptions { color: #000; display: inline-block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: baseline; } /*this wraps around text and select box for types of sorting*/ .iqPaginItems { display: inline-block; float: left; padding: 0 10px 0 0; } .iqPaginItemsTxt { font-weight: bold; } /*this wraps around text and select box for number of pages*/ .iqPaginSort { display: inline-block; float: left; } .iqPaginSortTxt { font-weight: bold; } /*BEGIN Items Per Page and Sort By drop down menus*/ .iqPaginIPPWrapper { border-radius: 5px; border: 1px solid #000; background-color: #ccc; border: solid #000 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); background-image: -o-linear-gradient(top, #fff, #ccc); margin: 16px 10px 0 0; overflow: hidden; padding: 0 5px; postition: relative; font-size: 12px; text-transform: capitalize; width: 140px; float: left; } .iqPaginIPPWrapper:hover { background-color: #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999'); background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); background: -moz-linear-gradient(top, #ccc, #999); background-image: -o-linear-gradient(top, #ccc, #999); } .iqPaginIPPOptionsWrapper { background-color: #000; border-width: 0px; border-color: #000; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; /*possibly need for when actually used in catalog code*/ float: left; /*possibly need for when actually used in catalog code*/ height: 0px; opacity: .95; overflow: hidden; position: absolute; width: 140px; z-index: 10; } .iqPaginSBWrapper { border-radius: 5px; border: 1px solid #000; background-color: #ccc; border: solid #000 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); background-image: -o-linear-gradient(top, #fff, #ccc); display: block; /*possibly need for when actually used in catalog code*/ float: left; /*possibly need for when actually used in catalog code*/ margin: 16px 10px 0 0; overflow: hidden; padding: 0 5px; postition: relative; font-size: 12px; text-transform: capitalize; width: 20em; } .iqPaginSBWrapper:hover { background-color: #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999'); background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); background: -moz-linear-gradient(top, #ccc, #999); background-image: -o-linear-gradient(top, #ccc, #999); } .iqPaginSBOptionsWrapper { background-color: #e4e8ed; border-width: 0px; border-color: #000; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 0px; opacity: .95; overflow: hidden; position: absolute; width: 19em; z-index: 10; } .iqPaginOption { text-align: right; padding: 0 5px; } .iqPaginDefault { line-height: 140%; cursor: default; } .iqPaginDefaultBoxTxt { color: #000; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0; } .iqPaginNonDefault { border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; line-height: 21px; padding: 0 20px 0 0; } .iqPaginNonDefault:hover { background-color: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); background-image: -o-linear-gradient(top, #fff, #ccc); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; } /*BEGIN Items Per Page and Sort By drop down menus*/ /*BEGIN PAGE NUMBER WRAPPER*/ /*this wraps around page numbers and should float right*/ .iqPaginPages { float: right; text-align: right; } .iqPaginPagesTxt { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; vertical-align: baseline; } .iqPaginPagesNum { float: right; } .iqPaginBox { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #000; float: left; padding: 0 5px; margin-right: 5px; overflow: hidden; } .iqPaginBoxOn { background: #efefef; border: 1px solid #000; color: #000; cursor: default; font-weight: bold; } .iqPaginBoxOn:hover { background: #000; color: #FFF; } .iqPaginBoxActive { background: #000; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; } .iqPaginBoxActive:hover { background: #333; color: #FFF; } .iqPaginBoxInactive { -moz-opacity: .2; -webkit-opacity: .2; opacity: .2; background: #000; border: 1px solid #000; cursor: default; } .iqPaginFirstPage { background: #ccc; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .iqPaginLastPage { background: #ccc; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-right: 0; } .iqPaginPrevPage { background: #efefef; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .iqPaginNextPage { background: #efefef; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #ItemsPerPageValue { background-image: url(../../images/iqIconArrowDown.png); background-repeat: no-repeat; background-position: right center; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 15px 0 0; } #SortByValue { background-image: url(../../images/iqIconArrowDown.png); background-repeat: no-repeat; background-position: right center; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 15px 0 0; } /* MOBILE FRIENDLY addd 1-24-18 by sjaps */ @media only screen and (min-width: 50px) and (max-width: 480px) { .iqPaginOptions { display: block; float: left; } .iqPaginPages { float: left; text-align: left; display: block; margin: 1em 0; } } /* CASE STUDIES CSS used in RRCs */ /* BEGIN #NBpage */ #NBpage { /* used for Case Study Search search criteria */ /* .jsCrumb { */ /* for hiding crumbs when one or no filters are selected*/ /* FEATURED */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* the featured classes are also used by featured videos. sj 10-25-17 */ /* Case Studies Detail Page */ /* Case Study Detail Tab Count */ /* IMAGE GALLERY */ /* prevent video iframe from overlapping thumbnails */ /* default thumbnail for images */ /* default thumbnail for video */ /* 5 to 18 images */ /* 19 to 1000 images */ /* FEATURED PRODUCTS */ /* BEGIN TABLET CSS */ /* END TABLET CSS */ /* BEGIN MOBILE CSS */ /* END MOBILE CSS */ } #NBpage .CaseStudySearchImage { max-height: 200px; } #NBpage .CaseStudySearchCrumb { padding: 5px; margin: 5px; float: left; } #NBpage .CaseStudySearchCrumb.CaseStudySearchCrumbLast { float: none; } #NBpage .CaseStudySearchCrumb:nth-last-child(n+1):nth-last-child(-n+2):first-child { display: none; } #NBpage .CaseStudyKeywords { position: absolute; top: -35px; left: 0; z-index: 100; } #NBpage .CaseStudyKeywordsArrow { z-index: 100; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.3); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; margin: 0 0 0 26%; position: relative; top: 10px; } #NBpage .CaseStudyMarkets { position: absolute; top: -35px; left: -9%; z-index: 100; } #NBpage .CaseStudyMarketsArrow { z-index: 100; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.3); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; margin: 0 0 0 50%; position: relative; top: 10px; } #NBpage .CaseStudyMarketsOptions { padding: 1em; } #NBpage .CaseStudyApplications { position: absolute; top: -35px; left: 0; z-index: 100; } #NBpage .CaseStudyApplicationsArrow { z-index: 100; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.3); border-width: 1px 1px 0 0; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.12); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: white; margin: 0 0 0 72%; position: relative; top: 10px; } #NBpage .CaseStudyApplicationsOptions { padding: 1em; } #NBpage .CaseStudiesFeaturedWrapper { background-color: #ecf5f7; border: #c3d3d6 1px solid; max-width: 1140px; margin: 0 auto; padding-top: 2.632%; padding-left: 2.632%; padding-right: 2.632%; padding-bottom: 2.632%; width: 100%; } #NBpage .CaseStudiesFeaturedWrapper div .CaseStudiesFeaturedText:before { content: "Featured"; } #NBpage .CaseStudyDetailTab { background-color: #eef3f4; color: #000000; cursor: pointer; font-size: 1em; line-height: 3em; text-align: center; } #NBpage .CaseStudyDetailTabActive { background-color: #d6e1e3 !important; color: #fffffF; } #NBpage .CaseStudyDetailInfo { background-color: #d6e1e3; } #NBpage .CaseStudyTabCount { background-color: #eef3f4; color: #000000; cursor: pointer; display: inline-block; float: left; font-size: 1em; line-height: 3em; padding-right: 4.386%; text-align: center; } #NBpage .CaseStudyTabCount:nth-last-child(1):first-child { display: none; } #NBpage .CaseStudyTabCount:nth-last-child(2):first-child { width: 50%; } #NBpage .CaseStudyTabCount:nth-last-child(2):first-child ~ div { width: 50%; } #NBpage .CaseStudyTabCount:nth-last-child(3):first-child { width: 33.33%; } #NBpage .CaseStudyTabCount:nth-last-child(3):first-child ~ div { width: 33.33%; } #NBpage .CaseStudyTabCount:nth-last-child(4):first-child { width: 25%; } #NBpage .CaseStudyTabCount:nth-last-child(4):first-child ~ div { width: 25%; } #NBpage .CaseStudyTabCount:nth-last-child(5):first-child { width: 20%; } #NBpage .CaseStudyTabCount:nth-last-child(5):first-child ~ div { width: 20%; } #NBpage .CaseStudyTabCount:nth-last-child(6):first-child { width: 16.666%; } #NBpage .CaseStudyTabCount:nth-last-child(6):first-child ~ div { width: 16.666%; } #NBpage .CaseStudyLargeImageWrapper { height: 400px; } #NBpage .CaseStudyLargeImageWrapper iframe { display: block; width: 100%; /* added 6/28/18 by sjaps */ max-height: 400px; } #NBpage .CaseStudyThumbnailActive { border: solid 2px #000000; padding: 2px; } #NBpage .CaseStudyGalleryImg { cursor: pointer; width: auto; max-height: 75px; max-width: 100%; } #NBpage .CaseStudyVideoThumbnail { cursor: pointer; width: auto; max-height: 75px; max-width: 100%; } #NBpage .CaseStudyVideoOverlay { cursor: pointer; position: absolute; color: white; opacity: .8; font-size: 2em; top: 25%; left: 0; width: 100%; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } #NBpage .CaseStudyGalleryImg:nth-last-child(n+5):nth-last-child(-n+18):first-child { width: auto; max-height: 35px; max-width: 50px; } #NBpage .CaseStudyGalleryImg:nth-last-child(n+5):nth-last-child(-n+18):first-child ~ img { width: auto; max-height: 35px; max-width: 50px; } #NBpage .CaseStudyGalleryImg:nth-last-child(n+19):nth-last-child(-n+1000):first-child { width: auto; max-height: 17px; max-width: 50px; } #NBpage .CaseStudyGalleryImg:nth-last-child(n+19):nth-last-child(-n+1000):first-child ~ img { width: auto; max-height: 17px; max-width: 50px; } #NBpage .FeaturedProductCount:nth-child(3n+1) { clear: left; } @media only screen and (min-width: 481px) and (max-width: 800px) { #NBpage #CaseStudySearch .FormCombo3 input[type=text].FormCombo3text { font-size: .778em; margin: 0.2em 0 0 0; } #NBpage #CaseStudySearch .NBdivButton1 { font-size: .778em; } #NBpage .CaseStudyMarkets { top: -27px; } #NBpage .CaseStudyMarketsOptions { font-size: .778em; } #NBpage .CaseStudyApplications { top: -27px; } #NBpage .CaseStudyApplicationsOptions { font-size: .778em; } } @media only screen and (min-width: 50px) and (max-width: 480px) { #NBpage { /* SEARCH FORM */ /* Case Study Detail Tab Count */ /* IMAGE GALLERY */ } #NBpage .CaseStudyKeywords { display: none; } #NBpage .CaseStudyMarkets { top: -75px; left: 0%; } #NBpage .CaseStudyApplications { top: -20px; } #NBpage .CaseStudyMarketsArrow { margin: 0 0 0 50%; } #NBpage .CaseStudyTabCount { display: block; float: none; width: 100%; border-radius: .25em .25em .25em .25em; -moz-border-radius: .25em .25em .25em .25em; -webkitborder-radius: .25em .25em .25em .25em; margin: 0 0 .5em 0; } #NBpage .CaseStudyTabCount:nth-last-child(2):first-child { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(2):first-child ~ div { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(3):first-child { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(3):first-child ~ div { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(4):first-child { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(4):first-child ~ div { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(5):first-child { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(5):first-child ~ div { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(6):first-child { width: 100%; } #NBpage .CaseStudyTabCount:nth-last-child(6):first-child ~ div { width: 100%; } #NBpage .CaseStudyDetailInfo { border-radius: .25em .25em .25em .25em; -moz-border-radius: .25em .25em .25em .25em; -webkitborder-radius: .25em .25em .25em .25em; } #NBpage .CaseStudyLargeImageWrapper { height: auto; } } /* END #NBpage */