@charset "UTF-8";
/*
	Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
	Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
  display: inline-block;
}

/*
	Prevents modern browsers from displaying `audio` without controls.
	Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
	Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4.
	Known issue: no IE 6 support.
*/
[hidden] {
  display: none;
}

/*
	Addresses `font-family` inconsistency between `textarea` and other form elements.
*/
html,
button,
input,
select,
textarea {
  color: #222;
  font-family: Arial, sans-serif;
}

html,
body {
  margin: 0;
  overflow-x: hidden;
}

/*
	1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units.
	2. Prevents iOS text size adjust after orientation change, without disabling user zoom.
*/
html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
  min-width: 1200px;
  position: relative;
}

body {
  font-size: 0.75em;
  line-height: 1.4;
  color: #333333;
  padding: 0;
  margin: 0;
  background-color: #2c2c2c;
}

::selection,
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
	Remove annoying outline on focused elements in webkit browsers (it even does it to div layers)
*/
*:focus {
  outline: none;
}

/*
	Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted;
}

/*
	Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
	Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
  font-style: italic;
}

/*
	Addresses styling not present in IE 6/7/8/9.
*/
mark {
  background: #ff0;
  color: #000;
}

/*
	Addresses margins set differently in IE 6/7.
*/
p,
pre {
  margin: 1em 0;
}

/*
	Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
	Improves readability of pre-formatted text in all browsers.
*/
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
	Addresses CSS quotes not supported in IE 6/7.
*/
q {
  quotes: none;
}

/*
	Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
  content: "";
  content: none;
}

/*
	Addresses inconsistent and variable font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
	Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
  font-size: 55%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.55em;
}

sub {
  bottom: 0;
}

/*
	Addresses margins set differently in IE 6/7.
	Addresses paddings set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

/*
	Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

.hidden + hr {
  display: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 2.5em 0;
  padding: 0;
}

hr:last-child {
  display: none;
}

/*
	Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
*/
img {
  border: 0;
  vertical-align: middle;
  background: transparent;
}

/*
	Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
  overflow: hidden;
}

/*
	Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
  margin: 0;
}

/*
	Corrects margin displayed oddly in IE 6/7.
*/
form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
	Corrects color not being inherited in IE 6/7/8/9.
	Corrects text not wrapping in Firefox 3.
 */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

/*
	Corrects font size not being inherited in all browsers.
	Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome.
	Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

/*
	Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet.
*/
button,
input {
  line-height: 1;
}

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

/*
	Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
	Corrects inability to style clickable `input` types in iOS.
	Improves 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;
  cursor: pointer;
}

/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
  cursor: default;
}

/*
	Addresses box sizing set to content-box in IE 8/9.
	Removes excess padding in IE 8/9.
*/
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/*
	Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
	Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof).
*/
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*
	Removes inner padding and search cancel button in Safari 5 and Chrome on OS X.
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
	Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder {
  color: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.pointer {
  cursor: pointer;
}

.noDefault {
  cursor: pointer;
}

.plo-open-overlay {
  cursor: pointer;
}

@font-face {
  font-family: "Proxima N W01 Thin Reg";
  src: url(/fonts/37994fca-b67e-41db-94b3-44077c62810a.eot?) format("eot"), url(/fonts/da176885-bee9-49f7-88f0-d7ad9229ddd7.woff) format("woff"), url(/fonts/1861a7b7-09a5-4efd-b681-5214784ded39.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima N W01 Reg";
  src: url("/fonts/64017d81-9430-4cba-8219-8f5cc28b923e.woff2") format("woff2"), url("/fonts/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima N W01 Bold";
  src: url("/fonts/0d416408-95c6-4ad7-b08d-e60573d3b37d.woff2") format("woff2"), url("/fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "franklin_gothic_pro-medium-webfont";
  src: url("/fonts/franklin_gothic_pro-medium-webfont.eot?") format("eot"), url("/fonts/franklin_gothic_pro-medium-webfont.woff") format("woff"), url("/fonts/franklin_gothic_pro-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "franklin_gothic_pro-book-webfont";
  src: url("/fonts/franklin_gothic_pro-book-webfont.eot?") format("eot"), url("/fonts/franklin_gothic_pro-book-webfont.woff") format("woff"), url("/fonts/franklin_gothic_pro-book-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "franklin_gothic_pro-demi-webfont";
  src: url("/fonts/franklin_gothic_pro-demi-webfont.eot?") format("eot"), url("/fonts/franklin_gothic_pro-demi-webfont.woff") format("woff"), url("/fonts/franklin_gothic_pro-demi-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "beechcraft";
  src: url("/fonts/beechcraft.eot?h8et1r");
  src: url("/fonts/beechcraft.eot?h8et1r#iefix") format("embedded-opentype"), url("/fonts/beechcraft.ttf?h8et1r") format("truetype"), url("/fonts/beechcraft.woff?h8et1r") format("woff"), url("/fonts/beechcraft.svg?h8et1r#beechcraft") format("svg");
  font-weight: normal;
  font-style: normal;
}
i[class^=beechcraft-], i[class*=" beechcraft-"] {
  font-family: "beechcraft";
  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;
}

.beechcraft-baron-takeoff:before {
  content: "\e800";
}

.beechcraft-bonanza-takeoff:before {
  content: "\e801";
}

.beechcraft-kingair-takeoff:before {
  content: "\e802";
}

.beechcraft-kingair:before {
  content: "\e803";
}

.beechcraft-baron:before {
  content: "\e804";
}

.beechcraft-bonanza:before {
  content: "\e805";
}

.beechcraft-load:before {
  content: "\e806";
}

.beechcraft-next:before {
  content: "\e807";
}

.beechcraft-prev:before {
  content: "\e80b";
}

.beechcraft-range:before {
  content: "\e80f";
}

.beechcraft-seating:before {
  content: "\e810";
}

.beechcraft-service:before {
  content: "\e811";
}

.beechcraft-speed:before {
  content: "\e812";
}

.beechcraft-speed {
  display: inline-block;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

@font-face {
  font-family: "cessna";
  src: url("/fonts/cessna.eot?19ltt4");
  src: url("/fonts/cessna.eot?#iefix19ltt4") format("embedded-opentype"), url("/fonts/cessna.ttf?19ltt4") format("truetype"), url("/fonts/cessna.woff?19ltt4") format("woff"), url("/fonts/cessna.svg?19ltt4#cessna") format("svg");
  font-weight: normal;
  font-style: normal;
}
i[class^=cessna-], i[class*=" cessna-"] {
  font-family: "cessna";
  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;
}

.cessna-arrow-left:before {
  content: "\e600";
}

.cessna-arrow-right:before {
  content: "\e601";
}

.cessna-caravan:before {
  content: "\e602";
}

.cessna-jet:before {
  content: "\e603";
}

.cessna-load:before {
  content: "\e604";
}

.cessna-range:before {
  content: "\e605";
}

.cessna-seating:before {
  content: "\e606";
}

.cessna-service:before {
  content: "\e607";
}

.cessna-single:before {
  content: "\e608";
}

.cessna-speed:before {
  content: "\e609";
}

.cessna-speed {
  display: inline-block;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.cessna-takeoff-caravan:before {
  content: "\e60a";
}

.cessna-takeoff-jet:before {
  content: "\e60b";
}

.cessna-takeoff-single:before {
  content: "\e60c";
}

@font-face {
  font-family: "cessna2018";
  src: url("/fonts/cessna2018.eot?upksy6");
  src: url("/fonts/cessna2018.eot?upksy6#iefix") format("embedded-opentype"), url("/fonts/cessna2018.ttf?upksy6") format("truetype"), url("/fonts/cessna2018.woff?upksy6") format("woff"), url("/fonts/cessna2018.svg?upksy6#cessna2018") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=cessna2018-], [class*=" cessna2018-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "cessna2018" !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;
}

.cessna2018-caravan-nav:before {
  content: "\e900";
}

.cessna2018-denali-nav:before {
  content: "\e901";
}

.cessna2018-jet-nav:before {
  content: "\e904";
}

.cessna2018-piston-nav:before {
  content: "\e905";
}

.cessna2018-service-nav:before {
  content: "\e906";
}

.cessna2018-skycourier-nav:before {
  content: "\e907";
}

@font-face {
  font-family: "cessna2018B";
  src: url("/fonts/cessna2018B.eot?d3ut9b");
  src: url("/fonts/cessna2018B.eot?d3ut9b#iefix") format("embedded-opentype"), url("/fonts/cessna2018B.ttf?d3ut9b") format("truetype"), url("/fonts/cessna2018B.woff?d3ut9b") format("woff"), url("/fonts/cessna2018B.svg?d3ut9b#cessna2018B") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=cessna2018B-], [class*=" cessna2018B-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "cessna2018B" !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;
}

.cessna2018B-longitude-nav:before {
  content: "\e300";
}

.cessna2018B-preowned-nav:before {
  content: "\e301";
}

/* BRAND FONTS FOR VIS ID 2022*/
@font-face {
  font-family: "Canela";
  src: url("/fonts/Canela-Light-Web.woff2") format("woff2"), url("/fonts/Canela-Light-Web.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Pilat";
  src: url("/fonts/PilatWide-Heavy.woff2") format("woff2"), url("/fonts/PilatWide-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: block;
}
h1 {
  color: #333333;
  font-size: 1.875em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}

h2 {
  color: #c7c7c7;
  font-size: 1.3em;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
}

h3 {
  font-size: 7.4em;
  color: #0077bc;
  text-transform: uppercase;
  font-weight: 100;
  margin: 0;
  line-height: 1;
}

h2,
h3 {
  font-family: "Proxima N W01 Thin Reg";
}

h4 {
  font-family: "Proxima N W01 Reg";
  font-size: 1.25em;
  margin: 1.33em 0;
  color: #999999;
}

h4 a {
  font-weight: normal;
  color: #0077bc;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

a, .hoverTxt {
  color: #3f80b5;
  text-decoration: none;
  font-weight: bold;
}

a:hover, .hoverTxt:hover a:focus,
a:active {
  color: #999999;
  outline: 0;
  text-decoration: none;
}

p {
  margin: 0 0 0.75em 0;
}

ul {
  display: block;
  list-style-position: inside;
  list-style-type: none;
  padding-left: 0px;
  line-height: 2em;
  margin-top: 0px;
}

#nav-header-bg {
  height: 85px;
  width: 100%;
  position: absolute;
  background: #ffffff url("/img/global/css-img/hdr-bg-gradient.png") repeat-x; /* Old browsers */
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
}

header {
  width: 100%;
  z-index: 1;
  top: 0;
}

.wrapped {
  margin: 0 auto;
  width: 960px;
  padding: 22px 10px 0 10px;
}

.info {
  padding: 0 15px;
}

.four-column {
  width: 205px;
  float: left;
  margin-right: 20px;
}

.five-column {
  width: 20%;
  float: left;
}

.rule {
  border-top: 2px solid #d9d9d9;
  margin-top: 40px;
}

.toprule {
  border-top: 1px solid #c2c2c2;
}

.doublerule {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}

.shadow-bottom {
  padding-bottom: 5px;
  position: relative;
}
.shadow-bottom:after {
  content: "";
  background: url(/img/global/css-img/Masthead-Gradient.png) repeat-x;
  width: 100%;
  position: absolute;
  bottom: -38px;
  left: 0;
  height: 38px;
}

.padded {
  padding-top: 20px;
}

.left-padded {
  padding-left: 1.5em;
}

.filters a {
  border-right: 2px solid #c2c2c2;
  margin-left: -4px;
  padding: 0 0.75em;
}
.filters a:first-child {
  border-left: 2px solid #c2c2c2;
}
.filters a .active {
  color: #333;
}

.load-more {
  display: none;
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}
.load-more:after {
  border-top: 1px solid #c2c2c2;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
.load-more a {
  background-color: rgb(244, 244, 244);
  display: inline-block;
  padding: 0 3.5em 0 1em;
  z-index: 1;
  position: relative;
}
.load-more a:after {
  background-image: url("/img/global/css-img/cessna-WhyCessna-FINAL-button.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  height: 23px;
  width: 24px;
  margin-top: -12px;
}

.sitemappery {
  width: 22.5%;
  float: left;
  margin-right: 20px;
  border-right: 1px solid #c2c2c2;
}

.last {
  margin-right: 0px;
  border-right: none;
}

.sitemappery ul li a {
  font-weight: normal;
}

.sitemappery ul li ul li {
  margin-left: 10px;
}

/* for full-bleed content area */
.shaded {
  background: #f7f8f8 url("/img/global/css-img/hdr-drawer-bg-gradient.png") repeat-x; /* Old browsers */
  background: -moz-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f8f8), color-stop(100%, #e9eaea)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f7f8f8 0%, #e9eaea 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f7f8f8", endColorstr="#e9eaea",GradientType=0 ); /* IE6-9 */
}

.family-masthead {
  height: 400px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.masthead-wrap {
  position: relative;
  margin: 0 auto;
}

.family-mast-image,
.family-headlines {
  position: absolute;
  top: 0;
  left: 50px;
}

.family-headlines h3 {
  font-size: 6.75em;
}

.family-headlines p {
  color: #333333;
  font-size: 1.15em;
  width: 360px;
  z-index: 1;
}

.family-headlines {
  margin-left: 42px;
  margin-top: 70px;
}

.family-mast-image img {
  padding-left: 100px;
  z-index: 9999;
}

.planeFront {
  position: relative;
}

.masthead-buttons {
  margin: 10px 0px 0 -5px;
}

.light-gradient {
  position: relative;
  overflow: hidden;
  background-color: #f4f4f4;
  width: 100%;
}

.family-left {
  width: 215px;
  float: left;
}

.family-right {
  float: right;
  padding-bottom: 40px;
  width: 745px;
}

.family-buttons {
  height: 55px;
  margin-left: 25px;
}

.dark-block {
  background-color: #3f3f3f;
  color: #f4f4f4;
  float: left;
  width: 177px;
  padding: 0 20px 15px;
  margin: 0;
}

.dark-block h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-transform: none;
  background-color: #2c2c2c;
  display: block;
  margin: 0 -20px;
  padding: 8px 20px;
}

.dark-block h2 div {
  color: #FFF;
  font-size: 9px;
  font-weight: 400;
}

.dark-block h2 .reset {
  cursor: pointer;
  cursor: hand;
}

.dark-block p {
  margin: 15px 0 0;
}

.dark-block .filter,
.dark-block .selected-plane {
  background: url("/img/global/css-img/sidebar-right-divider.jpg") 0 0 repeat-x;
  border-bottom: 1px solid #535353;
  margin: 0 -20px;
  padding: 10px 20px;
  position: relative;
}

.dark-block .filter b {
  font-size: 9px;
  text-transform: uppercase;
}

.dark-block .filter .range {
  font-size: 9px;
  position: absolute;
  top: 13px;
  right: 20px;
}

.slider {
  background: #333;
  background: transparent url("/img/family/css-img/track-bg.gif") 0 50% repeat-x;
  border: none;
  height: 10px;
  margin-top: 7px;
  position: relative;
}

.slider .ui-slider-range {
  background: #98CAEC;
  background: transparent url("/img/family/css-img/slider-bg.gif") 0 50% repeat-x;
  height: 10px;
  position: relative;
}

.slider .ui-slider-handle {
  background: #EEE;
  background: transparent url("/img/family/css-img/slider-knob.png") 0 0 no-repeat;
  margin-left: -4px;
  height: 14px;
  width: 14px;
  position: absolute;
  top: -1px;
  border: none;
}

.slider .ui-slider-handle:last-child {
  margin-left: -10px;
}

.noMatch {
  padding-top: 15px;
  margin-left: 20px;
  width: 100%;
  text-align: center;
}

.noMatch-hidden {
  display: none;
}

.noMatch-visible {
  display: block;
}

.noMatch .reset {
  cursor: pointer;
}

.dark-block .gray-btn {
  font-size: 11px;
}

.selected-plane {
  cursor: hand;
  cursor: pointer;
  position: relative;
}

.selected-plane:after {
  content: "";
  background: url("/img/family/css-img/remove-plane.gif") no-repeat;
  height: 16px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
}

.selected-plane span {
  display: inline-block;
  width: 150px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}

.darkbox-contact {
  border-top: 1px solid #363636;
  padding-top: 5px;
  margin-top: 5px;
}

.stuck {
  position: fixed;
  top: 27px;
}

/*=== LONGFORM TEMPLATE ==*/
.service-what {
  padding-bottom: 50px;
}

.longform-masthead {
  background: url("/img/global/css-img/cessna-ServiceLP-F-Masthead.jpg") repeat center 0;
  position: relative;
  overflow: hidden;
  height: 490px;
  width: 100%;
}

.longform-masthead .mast-plane {
  float: right;
  padding-top: 0;
  position: relative;
  z-index: 8;
}

.longform-headlines {
  position: absolute;
  top: 75px;
  width: 985px;
  left: 150px;
}

.longform-headlines h1 {
  margin-bottom: 0;
}

.longform-stats {
  position: absolute;
  margin: 0;
  width: 100%;
  top: 135px;
}

ul.longform-stats li {
  display: block;
  float: left;
  /*color: #ffffff;*/
  text-align: left;
  padding-left: 40px;
  width: 300px;
  line-height: 1.25em;
}

ul.longform-stats li:first-child {
  padding-left: 45px;
  width: 260px;
}

ul.longform-stats li h2 {
  /*color: #ffffff;*/
  padding: 10px 0 10px 0;
}

ul.longform-stats .sky-btn {
  margin: 10px 0 10px 0;
}

.longform-left {
  width: 48%;
  float: left;
  padding-right: 10px;
}

.longform-right {
  width: 48%;
  float: right;
  margin-left: 10px;
}

.longform-section {
  margin: 10px 10px 45px 0;
  padding-top: 25px;
}

.sidetable {
  margin-top: 5px;
}

.progs {
  display: inline-block;
  margin-top: 10px;
  width: 170px;
}

.model-name-result {
  font-weight: bold;
}

.lightbold {
  font-weight: bold;
  font-size: 14px;
}

.app-img {
  float: left;
  padding-right: 10px;
}

.app-desc {
  float: right;
  width: 340px;
}

.service-what h4 {
  margin: 0 0 10px 0 !important;
  font-size: 18px !important;
}

.service-first {
  background: url("/img/global/css-img/gradient-bg-service.jpg") repeat-x center 0;
  position: relative;
  overflow: hidden;
  background-color: #f4f4f4;
  width: 100%;
  padding: 40px 0;
}

.service-gradient {
  background: url("/img/global/css-img/gradient-bg-group2.jpg") repeat-x center 0;
  position: relative;
  overflow: hidden;
  background-color: #f4f4f4;
  width: 100%;
  padding: 40px 0;
}

.teams-prev {
  float: left;
  width: 23px;
  height: 35px;
  display: none;
  background: url("/img/global/css-img/icn-green-lft.png");
  text-indent: -10000em;
  outline: none;
  margin-right: 10px;
  margin-top: 190px;
}

.teams-prev:focus,
.teams-next:focus {
  outline: none;
}

.teams-prev.disabled,
.teams-next.disabled {
  visibility: hidden;
}

.teams-next {
  float: left;
  width: 23px;
  height: 35px;
  display: none;
  background: url("/img/global/css-img/icn-green-rt.png");
  text-indent: -10000em;
  outline: none;
  margin-left: 10px;
  margin-top: 190px;
}

.teams-carousel-wrapper {
  float: left;
  width: 862px;
  margin: 40px 0;
  overflow: hidden;
}

.teams-carousel .team {
  background-color: #363636;
  float: left;
  border-bottom: 10px solid #2b2b2b;
  border-top: 10px solid #2b2b2b;
  margin: 0 5px 0 5px;
  width: 205px;
  min-height: 350px;
}

.teams-carousel .team h2 {
  text-transform: none;
  font-size: 18px;
  color: #a7a7a7;
  padding: 8px 10px 8px 10px;
  background-color: #2b2b2b;
  margin-bottom: 0;
}

.teams-carousel .team ul {
  line-height: 1;
  margin-bottom: 0;
}

.teams-carousel .team ul li {
  padding: 10px 10px 10px 10px;
  background: url("/img/global/css-img/sidebar-right-divider.jpg") repeat-x;
  background-position: top;
}

.teams-carousel .team p {
  color: #A7A7A7;
  line-height: 1;
  margin-bottom: 3px;
}

.teams-carousel .team p span {
  color: white;
}

.teams-carousel .team img {
  margin-left: 2px;
}

.teams-carousel .team a {
  display: inline-block;
  margin-top: 5px;
  word-break: break-all;
}

.infos-carousel-wrapper {
  float: left;
  width: 630px;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}

.infos-carousel .team {
  background-color: #202020;
  float: left;
  margin: 0 5px 0 10px;
  width: 190px;
  min-height: 190px;
}

.infos-carousel .team h2 {
  text-transform: none;
  font-size: 18px;
  color: #a7a7a7;
  padding: 7px 10px 5px 10px;
  background: url("/img/global/css-img/h2-scroll-rptr.jpg") repeat-x;
  margin-bottom: 0;
}

.infos-carousel .team ul {
  display: block;
  margin-bottom: 0;
  background-color: #2b2b2b;
}

.infos-carousel .team ul li {
  padding: 10px 10px 7px 10px;
  background: url("/img/global/css-img/sidebar-right-divider.jpg") repeat-x;
  background-position: top;
  margin-bottom: 10px;
}

.infos-carousel .team img {
  margin-left: 0;
  display: block;
  background-color: #202020;
}

.pager-section .teams-prev,
.pager-column .teams-prev,
.pager-section .teams-next,
.pager-column .teams-next {
  margin-top: 100px;
}

.quote-namer {
  font-weight: bold;
  display: block;
}

.quote-creds {
  font-style: italic;
}

/* === Why Cessna edits to LONGFORM TEMPLATE === */
.awards {
  border-collapse: separate;
  border-spacing: 40px;
  margin-left: -40px;
}

table.awards td {
  border-top: 2px solid #d2d2d2;
  vertical-align: top;
  padding: 2px 0;
  width: 45%;
}

/*=== Pre-Owned Jets FAMILY EDITS ===*/
.fam-price-call {
  font-size: 1.1em;
  padding-left: 2px;
}

.fam-bold {
  font-weight: bold;
}

.rightcol-content {
  margin-top: 10px;
}

.pagination {
  float: right;
  text-align: right;
  margin-right: 15px;
  color: #333333;
  margin-bottom: 5px;
}

.pagination > * {
  display: inline-block;
  vertical-align: middle;
}

.previous-page,
.next-page {
  cursor: hand;
  cursor: pointer;
}

.current-page {
  text-align: center;
  background-color: white;
  padding: 2px 7px;
  margin: 0 8px 0 6px;
}

.pages {
  margin-left: 25px;
}

.pages + .family-buttons {
  text-align: right;
}

.pages + .family-buttons .pagination {
  float: none;
}

/*off by default each page gets turned on via jquery*/
.page {
  display: none;
}

.owned {
  display: inline-block;
  width: 195px;
  float: none;
  padding: 15px;
  background-color: #ffffff;
  margin: 0 0 20px 16px;
  border: 1px solid #cdcdcd;
  font-size: 0.8em;
}

.owned:hover {
  margin: -5px -1px 19px 15px;
}

.owned:nth-child(3n+1) {
  margin-left: 0;
}

.owned:nth-child(3n+1):hover {
  margin-left: -1px;
  margin-right: -1px;
}

/* IE8 compat. */
.owned:first-child,
.owned.shift {
  margin-left: 0;
}

.owned:first-child:hover,
.owned.shift:hover {
  margin-left: -1px;
  margin-right: -1px;
}

.owned-pic img {
  margin: 8px -15px 8px -15px;
}

/*=== RIGHT and LEFT SIDEBAR TEMPLATE===*/
.rightcol-gradient {
  background: url("/img/global/css-img/gradient-bg-group2.jpg") repeat-x center 0;
  position: relative;
  border-top: 3px solid #ffffff;
  overflow: hidden;
  background-color: #f4f4f4;
  width: 100%;
}

.rightcol-section {
  margin: 10px 0 35px 20px;
}

.basic-section {
  margin: 10px 0 35px 0;
  padding-top: 30px;
  margin-top: 25px;
}

.center {
  margin: auto;
  width: 600px;
  text-align: center;
  padding-bottom: 40px;
}

.shadowstrip {
  background: url("/img/global/css-img/Masthead-Gradient.png") no-repeat center 0;
}

.rightcol-section h2 {
  color: #333;
}

.rightcol-photo h2 {
  display: inline-block;
  font-size: 3em;
  color: #333333;
  display: inline;
  line-height: 1.15em;
  width: 775px;
}

.rightcol-photo .light-btn {
  float: right;
  margin-top: 6px;
}

.rightcol-photo img {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  padding: 2px 0;
  width: 100%;
  height: auto;
  margin-top: 5px;
}

.share-print-email {
  float: right;
  margin: 15px 35px 15px 0;
}

.model-gradient .share-print-email {
  margin: 0 0 15px;
}

.page-share-btns img {
  padding-right: 7px;
}

.page-share-btns {
  cursor: pointer;
}

.share-btn-divider {
  text-align: center;
  margin: 0 7.5px;
}

a.gray-btn {
  margin: 0;
  margin-top: 10px;
}

.rightcol-leftchunk {
  float: left;
  width: 690px;
  padding-bottom: 20px;
}

.rightcol-leftchunk h1 {
  color: #3f80b5;
}

div.rightcol-section.toprule div.rightcol-leftchunk, div.rightcol-leftchunk.toprule {
  width: 710px;
}

.pager-column {
  float: right;
  width: 700px;
  padding-bottom: 20px;
}

.pager-column > div {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}

.pager-section {
  padding-bottom: 40px;
}

.rightcol-content p {
  margin: 0 0 10px 0;
}

.preowned-stats {
  margin-bottom: 30px;
  margin-left: -20px;
  background: url("/img/pre-owned/css-img/img-model-mast-divider.png") no-repeat;
  background-position: 99% 90%;
}

ul.preowned-stats li {
  display: inline-block;
  width: 95px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  padding: 0 10px;
  background: url("/img/pre-owned/css-img/img-model-mast-divider.png") no-repeat;
  background-position: 0% 90%;
}

.details-buttons {
  margin-top: 25px;
  padding-bottom: 25px;
}

.details-buttons .light-btn {
  margin-right: 9px;
}

.dark-bold {
  color: #333333;
  font-weight: bold;
  font-size: 14px;
}

.dark-bold + p {
  margin-top: 0.75em;
}

.preowned-tbl-specs {
  border: 1px solid #afafaf;
  width: 335px;
  float: left;
  margin-right: 15px;
}

.preowned-tbl-specs td {
  padding: 6px 10px;
  border: 1px solid #afafaf;
}

.pre-spec-left {
  background-color: #e5e5e5;
  width: 135px;
  color: #333333;
}

.fullscreen {
  float: right;
  margin-bottom: 5px;
}

.fullscreen img {
  height: 34px;
  width: 33px;
}

.lefty-text {
  width: 230px;
  float: left;
  margin: 0 10px 0 0;
}

.righty-text {
  width: 230px;
  float: right;
}

.right-img {
  margin: 0 0 10px 10px;
}

.left-img {
  margin: 10px 10px 10px 0;
}

.right-img img {
  padding-bottom: 10px;
}

.lefty-text ul li {
  list-style-image: url("/img/global/css-img/bullet.png");
  margin: 7px 0 7px 15px;
  line-height: 1.2em;
}

.more-photos {
  width: 1000px;
}

.more-photos img {
  margin-right: 20px;
  float: left;
}

/* These items will always be in rows of tjhree, so just add .last to the third element. */
.tiler {
  display: inline-block;
  width: 31.33%;
  margin: 0 3% 0 -4px;
  vertical-align: top;
}

.tiler:first-child,
.tiler.shift {
  margin-left: 0;
}

/* IE8 compat. */
.tiler:nth-child(4n+1) {
  margin-left: 0;
}

.rightcol-leftchunk .tiler.last {
  margin-right: 0;
}

.last {
  margin-right: 0;
}

.tiler p {
  margin-bottom: 10px;
}

.tiler img {
  height: auto;
  max-width: 100%;
}

.team-title {
  display: block;
  min-height: 45px;
  line-height: 1.5em;
}

.team-info {
  margin-bottom: 15px;
}

.team-info img {
  float: left;
  margin-right: 15px;
}

.team-stuff {
  min-height: 60px;
}

.team-name {
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}

.team-phone {
  display: block;
  margin-bottom: 15px;
}

/* SIDEBARS */
.right-sidebar-gray {
  background-color: #3f3f3f;
  float: right;
  margin-left: 0;
  border-bottom: 10px solid #2b2b2b;
  border-top: 10px solid #2b2b2b;
  color: #ffffff;
}

.right-sidebar-gray h2 {
  font-family: Arial, sans serif;
  text-transform: none;
  font-size: 18px;
  color: #a7a7a7;
  padding: 0 10px 8px 20px;
  background-color: #2b2b2b;
  margin-bottom: 0;
}

.right-sidebar-gray ul {
  margin-bottom: 0;
}

.right-sidebar-gray ul li {
  padding: 10px 10px 10px 20px;
  background: url("/img/global/css-img/sidebar-right-divider.jpg") repeat-x;
  background-position: top;
}

.contact-sidebar {
  background-color: #3f3f3f;
  float: right;
  margin-left: 0;
  border-bottom: 10px solid #2c2c2c;
  border-top: 10px solid #2c2c2c;
  color: #d3d3d3;
}

.contact-sidebar p {
  line-height: 1.25em;
  margin-top: 4px;
}

.contact-sidebar h2 {
  text-transform: none;
  font-size: 18px;
  color: #ffffff;
  padding: 5px 0;
  margin-bottom: 0;
}

.contact-sidebar ul {
  margin-bottom: 0;
}

.contact-sidebar ul li {
  padding: 10px 10px 20px 20px;
  background: url("/img/global/css-img/sidebar-right-divider.jpg") repeat-x;
  background-position: top;
}

.contact-sidebar li li {
  padding: 10px 20px;
  line-height: 1.5;
}

.contact-phone {
  font-size: 14px;
  font-weight: normal;
}

.contact-sidebar .gray-btn {
  margin: 1em 0 0.5em;
  padding: 2px 7px 1px 7px;
}

.right-sidebar-gray .gray-btn {
  padding: 2px 7px 1px 7px;
}

li.socialbar {
  line-height: 1;
  margin: 0;
  padding: 20px !important;
}

.socialbar ul li {
  padding: 10px 10px 5px 20px;
  background: url("/img/global/css-img/sidebar-right-divider.jpg") repeat-x;
  background-position: top;
}

.socialbar a {
  color: #dddddd;
  display: block;
}

.socialbar img {
  height: 35px;
  margin-right: 10px;
  width: 36px;
}

.left-sidebar-gray {
  background-color: #3f3f3f;
  float: left;
  margin-left: 0;
  border-bottom: 10px solid #2b2b2b;
  border-top: 10px solid #2b2b2b;
  color: #ffffff;
}

.left-sidebar-gray h2 {
  font-family: Arial, sans serif;
  text-transform: none;
  font-size: 18px;
  color: #a7a7a7;
  padding: 0 10px 8px 20px;
  background-color: #2b2b2b;
  margin-bottom: 0;
}

.left-sidebar-gray ul {
  margin-bottom: 0;
}

.left-sidebar-gray ul li {
  background: url("/img/global/css-img/sidebar-right-divider.jpg") repeat-x;
  background-position: top;
}

.left-sidebar-gray li a {
  display: block;
  padding: 8px 10px 8px 20px;
  color: #999999;
  font-weight: normal;
  outline: none;
  padding-right: 10px;
}

.left-sidebar-gray li a:hover,
.left-sidebar-gray li a.active {
  color: #ffffff;
  background: url("/img/global/css-img/subnav-hover-marker.png") 95% 50% no-repeat;
  background-color: #202020;
}

.narrowbar {
  width: 218px;
}

.widebar {
  width: 400px;
}

/* THUMBNAIL PAGE TEMPLATE */
.gallery-container {
  width: 990px;
  overflow: hidden;
  margin-bottom: 20px;
}

.gallery-block {
  width: 200px;
  padding: 10px;
  background-color: #ffffff;
  margin: 10px 24px 20px 0;
  border: 1px solid #cdcdcd;
  float: left;
  display: block;
}

.tall {
  min-height: 380px;
}

.short {
  min-height: 270px;
}

.gallery-block.last {
  margin-right: 0;
}

.gallery-block h2 {
  font-family: "Proxima N W01 Thin Reg";
  font-size: 2.25em;
  color: #333;
  line-height: 1;
  margin: 10px 0;
}

.download a {
  background: url("/img/global/css-img/DownloadButton.png") no-repeat;
  display: block;
  height: 30px;
  padding: 7px 0 0 40px;
  line-height: 1;
  color: #333;
  font-weight: normal;
  margin-bottom: 5px;
}

/*VIDEO LANDING PAGE */
.video-filters {
  margin-bottom: 20px;
}

.video-filters b,
.video-filters a {
  color: #666;
  display: inline-block;
  margin: 0 1em;
}

.video-filters a {
  font-weight: 400;
}

.video-filters input {
  margin-right: 0.5em;
  pointer-events: none;
  -ms-pointer-events: none;
}

.video-block {
  margin-top: 0;
}

.video-block h4 {
  margin: 1em 0 0.25em;
}

.video-block span {
  color: #AAA;
}

.video-block p {
  margin: 0;
}

.video-block a {
  display: block;
  margin: 1.5em 0 0;
}

.video-block a:after {
  content: "›";
  margin-left: 0.5em;
}

.video-block .item .backstretch {
  background-color: #DDD;
  height: 125px;
  margin-bottom: 1.25em;
}

.video-block .item {
  display: inline-block;
  margin-left: -4px;
  margin-right: 2%;
  width: 23.5%;
  vertical-align: top;
}

.video-block .item:first-child {
  margin-left: 0;
}

.video-block .item.shift {
  margin-right: 0;
}

.video-block .item:nth-child(4n+4) {
  margin-right: 0;
}

#videoPopper {
  display: none;
}

/* SEARCH RESULTS	*/
.search-results h4 {
  margin: 0;
}

.search-results .right-sidebar-gray .lightbold {
  color: #a7a7a7;
  line-height: 1.3em;
  font-size: 1.3em;
}

.search-results .results-header {
  padding: 0;
}

.search-results h3 {
  color: #0077bc;
  font-size: 1.6em;
  text-transform: none;
  margin-bottom: 10px;
}

.next-articles {
  text-align: center;
  padding-bottom: 50px;
}

.next-articles hr {
  margin: 0;
}

.next-articles img {
  margin-top: -24px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

/* 50% gray filter over images*/
.inactive {
  position: relative;
  display: inline-block;
}

.inactive img {
  vertical-align: top;
}

.img-overlay {
  display: none;
}

.clearfix {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   Color picker
   ========================================================================== */
#colorpickerHeader {
  background: #FFF url("../flash/assets/img/bar_gradient_ra.jpg") repeat-x;
  width: 935px;
  height: 28px;
  padding-bottom: 6px;
}

#colorpickerHeaderClose {
  background: url("../flash/assets/img/close_btn_ra.png") 0 0 no-repeat;
  float: right;
  height: 24px;
  width: 56px;
  margin: 3px 10px 0 0;
}

/* Holder */
.holder span {
  margin: 0 5px;
}
.holder a {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  padding: 4px;
  width: 2px;
  height: 17px;
  background-image: url("/img/Campaign/bullet.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.holder a:hover {
  background-color: #222;
}
.holder a.jp-previous {
  background-image: url("/img/Campaign/previous.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.holder a.jp-next {
  background-image: url("/img/Campaign/next.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.holder a.jp-current, .holder a.jp-current:hover {
  font-weight: bold;
  cursor: default;
  background-image: url("/img/Campaign/current.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.holder a.jp-disabled, .holder a.jp-disabled:hover {
  color: #bbb;
}

.DownloadTiles {
  margin-top: 10px;
}

#itemContainer {
  height: 78px;
}

#itemContainer li {
  float: left;
  width: 270px;
}
#itemContainer li img {
  float: left;
  margin-right: 10px;
}

.DownloadPager {
  text-align: right;
}

.secondaryContentMargin {
  width: 810px;
}

.downloadBtn {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #35524D;
  margin: 12px 0 0 0 !important;
}

.campaignContent h2 {
  color: #FFFFFF;
  font-size: 1.5em;
}

.DownloadTiles h2 {
  text-transform: none !important;
  font-size: 1.7em;
}

.freeRangeHTML {
  color: #FFFFFF;
}

.arrowPrev {
  cursor: move;
}

.arrowNext {
  cursor: move;
}

.before-text {
  z-index: 30;
  float: left;
  display: block;
  position: absolute;
  bottom: 0;
  font-size: 20pt;
  font-family: "Proxima N W01 Thin Reg";
  left: 5px;
  color: #fff;
}

.after-text {
  z-index: 30;
  float: right;
  display: block;
  position: absolute;
  bottom: 0;
  font-size: 20pt;
  font-family: "Proxima N W01 Thin Reg";
  right: 5px;
  color: #fff;
}

#model-before-after-white-bg {
  background: url("/img/model/css-img/bg-specs-gradient.jpg") no-repeat scroll 0 0 #F4F4F4;
  border-top: 2px solid #fff;
  font-size: 1.1em;
  overflow: hidden;
  padding-bottom: 40px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}
#model-before-after-white-bg h2 {
  color: #333;
  font-family: "Proxima NSimSun W01 Bold";
  font-size: 18px;
  text-transform: uppercase;
}

#model-before-after-black-bg {
  background: url("/img/Mods/int_alpine_bg.jpg") repeat-x scroll center 0 transparent;
  border-top: 2px solid #fff;
  font-size: 1.1em;
  overflow: hidden;
  padding-bottom: 40px;
  padding-top: 20px;
  position: relative;
  width: 100%;
  color: #fff;
}
#model-before-after-black-bg h2 {
  color: #fff;
  font-family: "Proxima NSimSun W01 Bold";
  font-size: 18px;
  text-transform: uppercase;
}

#model-additional-info-white-bg {
  background-color: #F4F4F4;
  font-size: 1.1em;
  overflow: hidden;
  padding-bottom: 40px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}

.hots {
  position: relative;
  z-index: 5;
  display: block;
  background: transparent url("/img/Configurator/hot_spot.png") center top no-repeat;
  width: 63px;
  height: 63px;
  cursor: pointer;
}
.hots:hover {
  background-image: url("/img/Configurator/hot_spot_hover.png");
}

.popupCircle {
  cursor: pointer;
  position: absolute;
  height: 325px;
  width: 325px;
  display: none;
}
.popupCircle .popupHeader {
  margin: 2px 0;
  font-weight: bold;
  text-transform: uppercase;
}
.popupCircle .popupDescription {
  margin: 0;
  font-size: 10px;
  color: #959595;
  font-weight: bold;
}
.popupCircle .popupText {
  position: absolute;
  display: block;
  width: 195px;
  height: 60px;
  top: 205px;
  left: 70px;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
}

.gray-btn {
  font-weight: bold;
  color: #555555;
  text-shadow: 0 1px 1px #e2e2e2;
  background: url("/img/global/css-img/btn-bg-gray.jpg") repeat-x;
  display: inline-block;
  outline: none;
  margin-left: 10px;
  padding: 2px 15px 1px 15px;
  line-height: 22px;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px #e2e2e2;
}

.gray-btn:hover {
  text-decoration: none;
  color: #cccccc;
  text-shadow: 0 1px 1px #333;
  background: url("/img/global/css-img/btn-over-gray.jpg") repeat-x;
}

.gray-btn.active {
  text-decoration: none;
  color: #cccccc;
  text-shadow: 0 1px 1px #333;
  background: url("/img/global/css-img/btn-over-gray.jpg") repeat-x;
}

a.gray-btn {
  margin: 0;
}

.range-map {
  background-color: #3f3f3f;
  height: 100%;
  height: calc(100vh - 38px);
  display: grid;
  grid-template-rows: auto 1fr;
}

.range-map .header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  gap: 0.5rem;
}

.range-map .main {
  position: relative;
}

.range-map h1 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  /*float: left;*/
  /*background: url(/img/range-map/cessna-logo.png) no-repeat;*/
  /*height: 56px;*/
  /*text-align: right;*/
  /*width: 176px;*/
  /*line-height: 67px;*/
  /*margin-top: 8px;*/
  /*margin-left: 26px;*/
}

.range-map .logo-img {
  display: inline-block;
  vertical-align: middle;
  width: 12em;
  margin-right: 2em;
}

.range-map .logo-link {
  cursor: pointer;
  order: 0;
  /*float: left;*/
  /*padding: 2em;*/
  /*width: 26em;*/
  /*height: 56px;*/
  /*width: 53px;*/
}

/*.ie8 .range-map h1 span.logo-link {
    width: 30px;
}*/
.range-map h1 span.bold {
  font-family: "Proxima N W01 Bold";
}

.range-map h1 span.regular {
  font-family: "Proxima N W01 Reg";
}

/* Fix updates to jquery-ui default styling */
.ui-menu .ui-menu-item-wrapper {
  /* position: relative; */
  /* padding: 3px 1em 3px 0.4em; */
  text-decoration: none;
  display: block;
  padding: 0.4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: normal;
}

.ui-menu .ui-state-active,
.ui-menu.ui-widget-content .ui-state-active,
.ui-menu .ui-button.ui-state-active:hover {
  border: 0;
  background: none;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0;
}

.range-map #map_canvas {
  height: 100%;
}

.range-map div.divider-black-gray {
  border-top: 1px solid #343434;
  border-bottom: 1px solid #505050;
}

/*.range-map .print 
    {
        display: none;
    }*/
.range-map #aircrafts {
  position: relative;
  /*height: 100%;*/
  height: calc(100% - 8rem);
}

.range-map #left-sidebar, .range-map #print {
  width: 300px;
  /*position: fixed;*/
  /*float: left;*/
  z-index: 9999;
  background-color: #3f3f3f;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  color: #fff;
}

.range-map #left-sidebar h2, .range-map #print h2 {
  font-size: 13px;
  font-family: arial;
  color: #fff;
  padding: 18px 0px 18px 23px;
  border-top: 1px solid #484848;
  border-bottom: 1px solid #383838;
  text-transform: capitalize;
}

.range-map #left-sidebar div input[type=checkbox], .range-map #print div input[type=checkbox] {
  margin-left: 10px;
}

.range-map #left-sidebar input[type=checkbox].css-checkbox, .range-map #print input[type=checkbox].css-checkbox {
  filter: alpha(opacity=0);
  opacity: 0;
}

.range-map #left-sidebar input[type=checkbox].css-checkbox + label.css-label, .range-map #print input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 20px;
  height: 16px;
  display: inline-block;
  line-height: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

.range-map #left-sidebar input[type=checkbox].css-checkbox + label.css-label.checked.blue, .range-map #print input[type=checkbox].css-checkbox + label.css-label.checked.blue {
  background-position: 0 -17px;
}

.range-map #left-sidebar input[type=checkbox].css-checkbox + label.css-label.checked.orange, .range-map #print input[type=checkbox].css-checkbox + label.css-label.checked.orange {
  background-position: 0 -35px;
}

.range-map #left-sidebar input[type=checkbox].css-checkbox + label.css-label.checked.red, .range-map #print input[type=checkbox].css-checkbox + label.css-label.checked.red {
  background-position: 0 -53px;
}

.range-map #left-sidebar input[type=checkbox].css-checkbox + label.css-label.checked.yellow, .range-map #print input[type=checkbox].css-checkbox + label.css-label.checked.yellow {
  background-position: 0 -71px;
}

.range-map #left-sidebar .css-label, .range-map #print .css-label {
  background-image: url(/img/range-map/checkboxs.png);
}

.range-map span.line {
  background-image: url(/img/range-map/color-lines.png);
  width: 29px;
  height: 6px;
  display: inline-block;
  margin-left: 11px;
}

.range-map span.line.blue {
  background-position: 0 0;
}

.range-map span.line.orange {
  background-position: 0 -6px;
}

.range-map span.line.red {
  background-position: 0 -12px;
}

.range-map span.line.yellow {
  background-position: 0 -18px;
}

.range-map #left-sidebar div.open {
  background-color: #4b4b4b;
}

.range-map #left-sidebar .sliderValues .maxValue {
  float: right;
}

.range-map .aircraft-details-template, .aircraft-details {
  background-color: #4b4b4b;
  /*color: #fff;*/
  color: #D3D3D3;
  display: none;
  margin-top: -20px;
  padding: 30px 10px 10px 23px;
}

.range-map span.range {
  float: right;
  margin-right: 15px;
  font-size: 11px;
}

.range-map div.sliderBlock,
.range-map div.links {
  clear: both;
  padding-top: 10px;
}

.range-map div.passengers,
.range-map div.occupants {
  float: left;
  font-size: 10px;
}

.range-map div.passengers {
  width: 67%;
  padding-right: 3px;
}

.range-map div.occupants {
  width: 58%;
}

.range-map div.pilots,
.range-map div.speedTypes {
  margin-top: 10px;
  font-size: 11px;
  float: left;
  border-left: 1px solid #3f3f3f;
  padding-left: 7px;
}

.range-map div.pilots {
  width: 28%;
  padding-left: 0px;
}

.range-map div.speedTypes {
  width: 32%;
}

.range-map div.speedType {
  clear: both;
}

.range-map div.speedType.lastChild {
  margin-top: 8px;
}

.range-map div.speedType label {
  float: right;
  width: 81%;
  line-height: 10px;
}

.range-map div.payload {
  clear: both;
  padding-top: 10px;
  font-size: 10px;
}

.range-map div.passengers div.slider,
.range-map div.passengers div.sliderValues {
  width: 93%;
}

.range-map div.payload div.slider,
.range-map div.payload div.sliderValues {
  width: 95%;
}

.range-map div.occupants div.slider,
.range-map div.occupants div.sliderValues {
  width: 86%;
}

.range-map .aircraft-details .links a {
  color: #999;
  font-size: 12px;
  font-weight: normal;
}

.range-map .hide-menu {
  width: 93px;
  height: 34px;
  /*margin-left: 300px;*/
  /*margin-top: 30px;*/
  background-color: #3f3f3f;
  text-align: center;
  /*float: left;*/
  opacity: 0.8;
  filter: alpha(opacity=80);
  line-height: 32px;
  position: absolute;
  top: 0;
  right: -93px;
  z-index: 10;
}

.range-map .hide-menu span {
  color: #fff;
  font-size: 11px;
  margin-right: 16px;
  cursor: pointer;
  display: block;
}

.range-map .hide-menu span.arrow {
  width: 16px;
  height: 17px;
  margin-left: 71px;
  margin-top: -24px;
}

.range-map .hide-menu span.arrow.hide {
  background: url(/img/range-map/show-hide-arrow.png) no-repeat 0 0;
}

.range-map .hide-menu span.arrow.show {
  background: url(/img/range-map/show-hide-arrow.png) no-repeat 0 -17px;
}

.range-map a.assumptionsLnk {
  cursor: pointer;
  float: right;
  padding-right: 2px;
}

.range-map .assumptions-box {
  /*width: 698px;*/
  /*margin-left: 430px;*/
  max-height: 179px;
  background-color: #3f3f3f;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  max-width: 30rem;
}

.range-map .assumptions-hide {
  background-color: #2a2a2a;
  /*float: left;*/
  width: 130px;
  height: 33px;
  text-align: center;
  line-height: 35px;
  /*margin-top: -33px;*/
  color: #999999;
  cursor: pointer;
  position: absolute;
  top: -33px;
  right: 0;
}

.range-map .assumptions {
  display: none;
  margin: 0 19px;
  font-size: 13px;
  color: #999;
}

.range-map .assumptions ul {
  line-height: 1em;
  padding-left: 10px;
  padding-bottom: 0;
  margin: 0;
}

.range-map .assumptions li {
  font-size: 10px;
}

.range-map .assumptions .generalAssuptions {
  margin-bottom: 11px;
  padding: 7px 0 7px 20px;
}

.range-map .assumptions .generalAssuptions span.title {
  font-weight: bold;
}

.range-map .assumptions .modelsAssumptions-wrapper {
  margin-top: 11px;
  overflow: auto;
  height: 84px;
}

/* fix jquery-ui overwrite of widget border styles */
.range-map .slider.ui-widget.ui-widget-content {
  border: 0;
}

/*mg begin */
.range-map .assumptions .modelsAssumptions div.assumption-detail {
  display: inline;
  float: right;
  padding-right: 5px;
}

/*mg end */
.range-map .assumptions .modelsAssumptions div.assumption-wrapper {
  position: relative;
  z-index: 10;
  padding: 7px 0 7px 22px;
  background-color: #4b4b4b;
  border-bottom: 2px solid #555;
  border-top: 1px solid #3f3f3f;
  margin-bottom: 10px;
}

.range-map .assumptions .modelsAssumptions div.assumption-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-bottom: 1px solid #3f3f3f;
  border-top: 2px solid #555;
}

.range-map .assumptions .modelsAssumptions span {
  color: #fff;
}

.range-map .origin {
  order: 0;
  /*margin: 34px 0 9px 2em;*/
  /*text-align: center;*/
  color: #cecece;
  /*float: left;*/
}

.range-map .origin label, .range-map .origin span {
  /*float: left;*/
  line-height: 34px;
  margin-right: 8px;
}

.range-map .origin input {
  /*width: 300px;*/ /*mg*/
  width: auto;
  border: 0px;
  background-color: #252525;
  color: #fff;
  padding: 0.5rem;
  /*padding-left: 10px;*/
  /*padding-top: 10px;*/
  /*padding-bottom: 5px;*/
  /*float: left;*/
}

.ui-autocomplete {
  max-height: 500px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  /*mg overflow-x: hidden; */
  overflow-x: auto;
}

.ui-autocomplete.ui-widget-content {
  border: 0px;
  background: #2a2a2a 50% 50% repeat-x;
  color: #999;
  width: 218px !important;
}

.ui-autocomplete.ui-widget-content .ui-state-focus {
  color: #FFF;
  background: none;
  border-color: #2a2a2a;
}

.ui-autocomplete.ui-widget-content a {
  color: #999;
  padding-left: 5px;
}

.ui-autocomplete.ui-widget-content a:hover {
  color: #fff;
  font-weight: normal;
}

.ui-autocomplete.ui-widget-content .autocompleteAc {
  font-size: 10px;
  margin-left: 40px;
}

.ui-autocomplete.ui-corner-all {
  border-radius: 0;
}

.range-map .hide-next {
  cursor: pointer;
}

.range-map .hiddenText {
  color: #999999;
  padding-right: 5px;
  font-weight: normal;
}

.range-map .shownText {
  color: #ffffff;
  padding-right: 5px;
  font-weight: bold;
}

.range-map .advance-options {
  border-top: 1px solid #262626;
}

.range-map .advance-options .hide-next {
  border-bottom: 2px solid #272727;
  background-color: #2a2a2a;
  padding: 17px 0 15px 22px;
  font-size: 13px;
}

.range-map .advance-options-content {
  border-top: 1px solid #303030;
  border-bottom: 1px solid #3e3e3e;
  background-color: #2a2a2a;
  display: none;
}

.range-map .advance-options-content div.maptype {
  width: 74px;
  cursor: pointer;
  float: left;
  vertical-align: bottom;
  margin: 20px 9px 40px 9px;
  padding-top: 46px;
  text-align: center;
  font-size: 10px;
}

.range-map .advance-options-content div.maptype.roadmap {
  margin-left: 22px;
  background: url(/img/range-map/maptype-roadmap.jpg) no-repeat;
}

.range-map .advance-options-content div.maptype.satellite {
  background: url(/img/range-map/maptype-satellite.jpg) no-repeat;
}

.range-map .advance-options-content div.maptype.terrain {
  background: url(/img/range-map/maptype-terrain.jpg) no-repeat;
}

.range-map .advance-options-content div.mapSelected {
  border: 2px solid #fff;
}

.range-map .header .window-panel {
  order: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.range-map .header div.close-range-map, .range-map .header div.home-range-map {
  width: 17px;
  height: 17px;
  background: url(/img/range-map/close-range-map.jpg) no-repeat;
  /*float: right;*/
  /*margin: 10px 19px 0 0;*/
  cursor: pointer;
}

.range-map .header div.action-panel {
  order: 0;
  /*float: left;*/
  /*margin-left: 50px;*/
  /*margin-top: 41px;*/
}

.range-map .header div.action-panel span {
  cursor: pointer;
  padding-left: 22px;
  margin-left: 14px;
  margin-right: 14px;
  padding-top: 1px;
  color: #999999;
}

.range-map .header div.action-panel span.print {
  background: url(/img/range-map/print-range-map.jpg) no-repeat;
}

.range-map .header div.action-panel span.email {
  background: url(/img/range-map/mail-range-map.jpg) no-repeat;
}

.range-map .metrics {
  overflow: hidden;
  color: #999999;
  font-size: 10px;
  padding: 0 0 13px 22px;
  border-bottom: 1px solid #393939;
}

.range-map .metrics label {
  margin-left: 5px;
}

/*.range-map .metrics p, .metrics span{
            margin: 10px 0 10px 24px;
        }*/
.range-map .metrics .metricsLabel {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: 11px;
}

.range-map .metrics input[type=radio],
.range-map .aircraft input[type=radio] {
  filter: alpha(opacity=0);
  opacity: 0;
}

.range-map .metrics input[type=radio].radiobtn + label.css-label,
.range-map .aircraft input[type=radio].radiobtn + label.css-label-radio {
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
}

.range-map .aircraft input[type=radio].radiobtn + label.css-label-radio,
.range-map .aircraft input[type=radio].rbtn-h + label.css-label-radio {
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 13px;
}

.range-map #left-sidebar .metrics .css-label {
  background-image: url(/img/range-map/radios.png);
  padding-bottom: 2px;
  padding-top: 2px;
}

.range-map #left-sidebar .aircraft .css-label-radio {
  background-image: url(/img/range-map/aircrafts-radios.png);
}

.range-map #left-sidebar .aircraft .rbtn-h + label.css-label-radio {
  background-image: url(/img/range-map/aircraft-radio-unchecked.png);
}

.range-map #left-sidebar .metrics input[type=radio].radiobtn + label.css-label.checked, .range-map #left-sidebar .aircraft input[type=radio].radiobtn + label.css-label-radio.checked {
  background-position: 0 -16px;
}

.range-map #left-sidebar .aircraft input[type=radio].radiobtn + label.css-label-radio.checked {
  background-position: 0 -15px;
}

.range-map #left-sidebar .aircraft input[type=radio].rbtn-h + label.css-label-radio.checked {
  background-image: url(/img/range-map/aircrafts-radios-h.png);
  background-position: -13px 0;
}

.indaircraft {
  margin-bottom: 7px;
}

.range-map-reset {
  /*float: right;*/
  /*margin-right: 1.5em;*/
}

.range-map-reset .gray-btn:hover {
  cursor: pointer;
}

.range-map span.line + img {
  display: none;
}

.range-map span.line + img + img {
  display: none;
}

.mCustomScrollbar-index {
  height: 100%;
}

.printableAssumptions {
  display: none !important;
}

.printableWhiteBackground {
  display: none !important;
}

@media only screen and (max-width: 1024px) {
  .mobile {
    min-width: 100%;
  }
  .range-map {
    min-width: 100%;
  }
  .range-map #left-sidebar {
    /*width: 300px;*/
    width: 285px;
    /*height:auto;*/
    /*height: calc(100% - 16rem);*/
    z-index: 10;
    position: absolute;
  }
  .range-map .hide-menu {
    /*margin-left: 0px;*/
  }
  .range-map #left-sidebar .metrics {
    font-size: 1.1em;
    padding: 15px;
  }
  .range-map #left-sidebar .metrics p {
    margin: 0 19px 0.75em 0;
    float: left;
  }
  .range-map #aircrafts {
    /*height: 275px;*/
    height: calc(100% - 11rem);
  }
  .range-map .assumptions-box {
    /*width: 698px;*/
    /*margin-left: 300px;*/
  }
  .range-map .assumptions-hide {
    font-size: 1rem;
  }
  .range-map .assumptions {
    font-size: 15px;
  }
  .range-map .assumptions li {
    font-size: 12px;
  }
  .range-map .logo-link {
    flex-basis: 50%;
  }
  .range-map .origin {
    order: 1;
    flex-basis: 50%;
    /*margin: 0px 0 9px 2em;*/
  }
  .range-map .header div.action-panel {
    order: 1;
    flex-basis: 40%;
  }
}
/*@media only screen and (max-device-width : 1024px) and (orientation: landscape){
    .range-map #left-sidebar{
        width: 30%;
    }
}*/
div.range-map .origin span.go {
  background: url("/img/range-map/go-button.png") repeat scroll 0 0 transparent;
  cursor: pointer;
  /*float: left;*/
  height: 31px;
  margin-left: 10px;
  margin-top: -1px;
  width: 35px;
}

/* Containers and wrappers */
.contact-overlay {
  background: #FFF;
  padding: 10px;
}

.contactWrapper {
  background: #3f3f3f;
  margin: 0;
  padding: 0;
}

.form-wrapper {
  background: #fff;
  width: 100%;
  margin: 0 auto;
}

/* collapse containers and triggers */
.collapsePanelHeader {
  cursor: pointer;
}

.collapse1 {
  padding: 14px 20px;
  font-size: 13px;
  background-color: #2c2c2c;
  right: 0;
  position: absolute;
}

.collapse2 {
  color: #3f80b5;
  padding: 14px 20px;
  font-size: 13px;
  font-weight: 700;
  background-color: #e5e5e5;
  float: left;
}

.toggleIconOpen,
.toggleIconClosed {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-left: 10px;
  position: relative;
}

.toggleIconOpen {
  border-bottom: 6px solid #FFF;
  top: -10px;
}

.toggleIconClosed {
  border-top: 6px solid #FFF;
  top: 11px;
}

.collapse2 .toggleIconClosed {
  border-top: 6px solid #AAA;
}

.collapse2 .toggleIconOpen {
  border-bottom: 6px solid #AAA;
}

.addressInfo {
  display: none;
}

/* general form styling */
form.contactForms {
  width: 837px;
  margin: 0 auto;
  padding-top: 30px;
  position: relative;
}

fieldset .spaceFields {
  margin: 10px 0px;
}

.contact-overlay input[type=checkbox] {
  margin-right: 10px;
  margin-top: 2px;
}

.fieldErrorText {
  color: #FF0000 !important;
}

.fieldErrorBorder {
  border-color: #FF0000 !important;
}

.errorCopy {
  color: #FF0000 !important;
  display: none;
}

/* form header section */
.form-header {
  height: 91px;
  background: url("/img/global/CSS-img/img-contact-header-bg.png") repeat-x;
  color: #AAA;
}

.form-header .logo {
  float: left;
  margin: 10px 22px 0 20px;
}

.form-header h2 {
  padding-top: 30px;
  color: #FFF;
}

.form-header .close-btn {
  float: right;
  margin: 10px 10px 0 0;
}

/* general styles and layout nudges */
.text-bold {
  font-weight: bold;
}

.non-bold-italic {
  font-weight: normal;
  font-style: italic;
}

.bold-title {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}

.indented {
  margin-left: 130px;
}

.close-btn {
  cursor: pointer;
}

.label-bold {
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
  color: #333333;
}

.label-bold-left-align {
  text-align: left;
  padding-right: 10px;
  font-weight: bold;
  color: #333333;
}

.fivepxbtm {
  margin-bottom: 10px;
}

.baseContactInfo {
  margin-top: 15px;
}

.contact-overlay input[type=text],
#comments, #acComments {
  margin-bottom: 10px;
  padding: 5px 8px;
  width: 447px;
}

.short-textfield {
  width: 200px;
}

/*phone*/
.contact-overlay input[type=radio] {
  margin-right: 5px;
}

.phoneTypeInfo label, .contactPrefInfo label {
  margin-right: 20px;
}

.phoneTypeInfo {
  margin-bottom: 10px;
  margin-top: 5px;
}

.contactPrefInfo {
  margin-bottom: 10px;
  margin-top: 10px;
}

.contactPrefInfo hr {
  display: block;
  margin: 20px 20px 20px 0;
}

.contact-overlay select {
  margin-bottom: 15px;
  width: auto;
}

.programSelection .collapsePanelContent {
  width: 837px;
  background-color: #2c2c2c;
}

.programSelection legend {
  margin: 10px 0;
}

.collapsePanelContent {
  clear: both;
}

.collapsePanelContent label {
  width: 140px;
  line-height: 1.3;
}

.aircraftInfo {
  width: 615px;
}

.aircraftInfo legend {
  padding-left: 130px;
  margin-left: 0;
  margin-bottom: 15px;
}

/*hack*/
.additionalContactInfo .collapsePanelContent {
  margin-left: -20px;
  padding-top: 20px;
}

.selectionLists {
  padding-top: 15px;
  padding-bottom: 20px;
  color: #cccccc;
}

.selectionLists h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 6px;
  background-color: #2c2c2c;
  text-align: center;
}

.programSelection .selectionLists div {
  background-color: #3f3f3f;
  width: 195px;
  margin-left: 11px;
}

.programSelection .threebythree div {
  width: 264px;
}

.programSelection .selectionLists ul {
  border-top: 1px solid black;
}

.programSelection .threebythree ul {
  min-height: 100px;
  border-top: 1px solid black;
}

.programSelection .selectionLists ul li {
  padding: 5px 0 5px 15px;
  background: url("/img/global/css-img/contact-options-divider.png") repeat-x;
  background-color: #3f3f3f;
  background-position: bottom;
}

.programSelection .selectionLists ul li input {
  margin: 5px 9px 0px 0px;
  vertical-align: top;
  width: 18px;
}

.programSelection .selectionLists div:last-child {
  min-width: 50px;
}

.programSelection li input,
.programSelection li label {
  display: inline-block;
  width: 140px;
}

/* check box area fancy boxes BREAKS with long lines of tex. will require some hacks to support, likely.

.colored-check[type=checkbox] + label:before
{
    content: "  ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/img/global/css-img/contact-checkbox.png') no-repeat;
    margin-left: -27px;
}
.colored-check[type=checkbox]:checked  + label:before
{
    background: url('/img/global/css-img/contact-checkbox.png') -18px top no-repeat;
}

 */
/* check box area blob buttons */
.chosen-item {
  background: #2c2c2c url("/img/global/CSS-img/btn-contact-close-selected-x.png") right center no-repeat;
  border-radius: 6px;
  color: #cccccc;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  padding: 4px 30px 4px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.chosen-items {
  width: 650px;
}

#submitContact, #submitInProcess {
  margin-top: 35px;
  margin-bottom: 25px;
}

.agreeSubmit .line {
  margin-top: 15px;
}

/*submit button*/
.contact-overlay input[type=submit] {
  font-weight: bold;
  color: #1f76bc;
  text-shadow: 0px 1px 1px #ffffff;
  background: url("/img/global/css-img/btn-bg-light.jpg") repeat-x;
  display: inline-block;
  outline: none;
  padding: 2px 12px 1px 12px;
  line-height: 22px;
  box-shadow: 0px 2px 5px 1px #c3c3c3, inset 0px 1px 1px #e2e2e2;
}

.contact-overlay input[type=submit]:hover {
  text-decoration: none;
  color: #666;
  background: url("/img/global/css-img/btn-over-light.jpg") repeat-x;
}

/** additional contact state select. initially hidden, in place of an input field. changes to this select if certain countries are chosen */
#stateOrProvinceSel {
  display: none;
}

/*sidebar*/
.contact-overlay .contact-sidebar {
  margin-top: 52px;
  color: #cccccc;
}

.contact-overlay .contact-sidebar h2 {
  font-weight: bold;
  font-size: 16px;
  padding: 0;
}

.contact-overlay .contact-sidebar ul li {
  padding: 10px 18px;
  cursor: pointer;
}

.contact-overlay .contact-open-overlay {
  color: #7f9921;
  font-weight: 700;
}

.contact-overlay .contact-open-overlay {
  color: #3f80b5;
  font-weight: 700;
}

.contact-overlay .contact-open-overlay:hover {
  color: #999999;
  outline: 0;
  text-decoration: none;
}

.contact-overlay .contact-sidebar img {
  margin: 10px 0;
}

#serialNumber {
  width: inherit;
}

/*** success view **/
#successView {
  display: none;
}

#successView h1 {
  margin-left: 30px;
  color: #FFF;
}

#successView p {
  margin: 30px 0px 0px 30px;
  padding-bottom: 30px;
  color: #FFF;
}

.processing {
  background: #333;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.processing:after {
  background: url("/img/global/CSS-img/loadingFPO.gif") no-repeat;
  content: "";
  height: 16px;
  width: 16px;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
}

.language-selector {
  z-index: 9999;
}
.language-selector img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: auto;
}
.language-selector #current-language {
  margin-top: 2px;
  cursor: pointer;
}
.language-selector #current-language a {
  width: 16px;
  height: 16px;
  background: url("/img/Country/arrow.png") no-repeat 0 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 2px -2px 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  padding: 0;
  line-height: inherit;
}
.language-selector #current-language a:hover {
  background-position: 0 -16px;
}
.language-selector #current-language .open a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.language-selector #languages {
  width: 20px;
  position: absolute;
  z-index: 2;
  font-size: 14px;
  cursor: pointer;
  vertical-align: top;
}
.language-selector #languages a {
  padding: 0;
  line-height: inherit;
}

#global-header-drawer {
  font-size: 12px;
  z-index: 100;
  position: relative;
}
#global-header-drawer * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#global-header-drawer .drawer .products {
  text-align: center;
}
#global-header-drawer .open .drawer {
  height: auto;
}
#global-header-drawer .inner {
  width: 960px;
  padding: 0 10px;
  margin: 0 auto;
}

#global-header-drawer .bar .inner,
#global-header-drawer .drawer .inner {
  width: auto;
}

/* Top Bar
    -------------------------------------- */
#global-header-drawer .bar {
  height: 38px;
  background: #f7f8f8 url("/img/global/css-img/hdr-drawer-bg-gradient.png") repeat-x;
  background: -moz-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f8f8), color-stop(100%, #e9eaea));
  background: -webkit-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%);
  background: -o-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%);
  background: -ms-linear-gradient(top, #f7f8f8 0%, #e9eaea 100%);
  background: linear-gradient(to bottom, #f7f8f8 0%, #e9eaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f8f8",endColorstr="#e9eaea",GradientType=0);
}
#global-header-drawer .bar .inner a {
  display: inline-block;
  padding: 0 1em;
  line-height: 37px;
  height: 37px;
}
#global-header-drawer .bar .txtav-logo {
  width: 122px;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
  background: no-repeat 5px center;
}
#global-header-drawer .bar .txtav-logo span {
  visibility: hidden;
}
#global-header-drawer .bar .toggle-drawer {
  margin-left: 0;
  font-family: "Proxima N W01 Reg", sans-serif;
  letter-spacing: 0.05em;
  font-size: 0.7em;
  text-transform: uppercase;
  color: #333;
  float: right;
}
#global-header-drawer .bar .toggle-drawer:hover {
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #f2f2f2 0%, #c9c9c9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #c9c9c9));
  background: -webkit-linear-gradient(top, #f2f2f2 0%, #c9c9c9 100%);
  background: -o-linear-gradient(top, #f2f2f2 0%, #c9c9c9 100%);
  background: -ms-linear-gradient(top, #f2f2f2 0%, #c9c9c9 100%);
  background: linear-gradient(to bottom, #f2f2f2 0%, #c9c9c9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#c9c9c9",GradientType=0);
}
#global-header-drawer .bar .toggle-drawer:hover span {
  background-position: 0 -5px;
}
#global-header-drawer .bar .toggle-drawer span {
  width: 8px;
  height: 5px;
  top: -1px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  background: url("/img/global/css-img/hdr-drawer-arrow.png") no-repeat 0 0;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  -ms-transition: -ms-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
#global-header-drawer.open .bar .toggle-drawer span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* Drawer
    -------------------------------------- */
#global-header-drawer .drawer {
  background-color: #FFF;
  overflow: hidden;
  position: relative;
  height: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#global-header-drawer .drawer h4 {
  margin-bottom: 0.4em;
  font-size: 1.1rem;
}
#global-header-drawer .drawer a {
  color: #B2B2B2;
}
#global-header-drawer .drawer a:hover {
  color: #222;
}
#global-header-drawer .drawer .unit {
  margin: 2em 0;
  height: 122px;
}
#global-header-drawer .drawer .unit ul {
  list-style-type: none;
  margin: 0;
}
#global-header-drawer .drawer .centered {
  text-align: center;
  margin-left: -2px !important;
  border-left: 1px solid #EEE;
  padding-top: 30px;
}
#global-header-drawer .drawer .centered a {
  font-size: 0.9em;
  font-weight: normal;
}
#global-header-drawer .drawer .centered span {
  color: #EEE;
  padding: 0 5px;
}
#global-header-drawer .drawer .centered .site {
  margin-bottom: 2em;
  display: inline-block;
  position: relative;
  width: 152px;
  height: 73px;
}
#global-header-drawer .drawer .centered img.grayscale {
  position: absolute;
  -ms-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

#global-header-drawer .drawer .centered:hover img.grayscale,
#global-header-drawer.default .active.centered img.grayscale {
  -ms-opacity: 0;
  opacity: 0;
}

/* IE adjustments
    -------------------------------------- */
/* IE 8 does not support opacity, let alone transitions, so we'll just hide it on hover */
.ie8 #global-header-drawer .drawer .centered:hover img.grayscale,
.ie8 #global-header-drawer.default .drawer .active.centered img.grayscale {
  display: none;
}

@media only screen and (min-width: 40.063em) {
  body #global-header-drawer .bar .inner {
    max-width: 960px;
  }
  body #global-header-drawer .bar .inner .toggle-drawer {
    margin-left: 20px;
    font-size: 0.95em;
    float: none;
  }
  body #global-header-drawer .drawer .products {
    text-align: left;
  }
  body #global-header-drawer .drawer .inner {
    max-width: 800px;
  }
  body #global-header-drawer .drawer .size1of4 {
    width: 25%;
    float: left;
  }
  body #global-header-drawer .drawer ul li a {
    display: inline-block;
    text-align: left;
  }
  body #global-header-drawer.open .drawer {
    height: 201px;
  }
}
.scInsertionHandleCenter {
  height: auto !important;
}

.cookie-disclaimer {
  background-color: #f7f8f8;
  text-align: center;
  padding: 1em;
}
.cookie-disclaimer p {
  font-size: 0.9em;
  margin-bottom: 10px;
}
.cookie-disclaimer input {
  margin-bottom: 0;
  padding: 0.5em 1em !important;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 30px;
  overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
  /*width:16px;*/
  width: 30px; /*MARKG*/
  height: 100%;
  top: 0;
  right: 0;
  background-color: #2e2e2e;
}

/*MARKG*/
.mCSB_scrollTools {
  background-color: #2e2e2e;
}

/*.mCSB_draggerContainer {background-color: #000000;}*/
/*MARKG*/
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; /**/
  width: 30px;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 9px;
  height: 100%;
  margin: 0 auto; /*MARKG*/
  border: 1px solid #222222;
  box-shadow: 0px 1px 5px 1px #272727, inset 0px 1px 1px #222222;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 9px;
  height: 100%;
  margin: 0 auto; /*MARKG*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right;
}

.mCustomScrollBox {
  -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: #2e2e2e; /* rgba fallback */ /*background:rgba(0,0,0,0.4);*/
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #98caec; /* rgba fallback */ /*background:rgba(255,255,255,0.75);*/
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #98caec;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #98caec;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  /*MARKG*/
  width: 16px; /**/
  background-image: url(/img/global/css-img/mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; /*  	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)  	*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; /*  	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)  	*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px; /*  	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)  	*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px; /*  	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)  	*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff; /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #fff; /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff; /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #fff; /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #fff; /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: #000; /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}