body {
  padding-bottom: 37px;
  background: #d0cfcb url(/images/diagonal-425.png) bottom left repeat-x; }

header {
  font: normal 15px/40px 'DIN 2014', Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #575a5d;
  background: #fff url("/images/branding/diagonal-323.png") top left repeat-x; }

#header-logo {
  margin-top: -15px; }

.header-icon {
  color: #575a5d; }

.header-icon:hover {
  color: #575a5d; }

.location-current {
  color: #c9282d; }

.menu-header {
  font: normal 18px/24px 'Mr Eaves XL Sans', Arial, san-serif;
  font-weight: bold;
  color: #006066;
  text-transform: none;
  line-height: 1.5; }

#main-menu {
  background-color: #338085;
  min-height: 46px; }

#main-menu .navbar {
  min-height: 46px; }

#main-menu .main-menu {
  padding: 3px 14px;
  font: normal 15px/40px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #d0dedf; }

#main-menu .open > .main-menu {
  color: white;
  background-color: transparent !important; }

.menu-item {
  font: normal 13px/13px 'DIN 2014', Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px; }

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  color: white;
  background-color: #0098aa; }

.top-menu {
  margin-left: -15px; }

.top-menu-spacer {
  height: 60px; }

.badge-cart {
  background-color: #0098aa; }

#my-account-menu {
  background: #0098aa;
  border-color: #0098aa; }

.my-account-header {
  font: normal 20px/20px 'Mr Eaves XL Sans', Arial, san-serif;
  font-weight: bold;
  text-transform: none; }

.my-account-arrow {
  color: white; }

.my-account-link-text {
  font: normal 12px/12px 'DIN 2014', Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px; }

.my-account-link-text:hover {
  color: #ffcb00; }

.my-account-link-dark .my-account-link-text, .my-account-link-dark .my-account-arrow {
  font-weight: bold;
  color: #ffcb00; }

.my-account-link-dark .my-account-link-text:hover {
  color: #c9282d; }

#breadcrumb > div.hidden-xs {
  width: 100%; }

.breadcrumb-route {
  font: normal 14px/14px 'DIN 2014', Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px; }

.breadcrumb .breadcrumb-route:not(:hover) {
  color: #0098aa; }

.breadcrumb li {
  font: normal 14px/14px 'DIN 2014', Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px; }

footer {
  margin-bottom: 0; }

footer img, footer hr {
  display: none;
  /* footer logo not used on nuearpro.com */ }

.footer-links {
  text-align: left;
  border-bottom: 1px dashed #7fafb2; }

.footer-links a:first-child {
  margin-left: -8px; }

footer .top {
  font: normal 15px/40px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  background: url(/images/icons/arrow-up-gray.png) right top no-repeat;
  float: right; }

footer .top:hover {
  background-position: right bottom; }

footer a {
  font: normal 15px/40px 'Mr Eaves XL Sans', Arial, san-serif;
  font-weight: bold;
  color: #797b7d;
  text-transform: none; }

footer a:hover {
  color: #ff6f20; }

footer #social {
  font: normal 12px/31px 'DIN 2014', Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px;
  color: #9a9c9e; }

footer #copyright {
  float: left;
  margin: -50px 0 0 0;
  font: normal 12px/31px 'DIN 2014', Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px;
  color: #9a9c9e; }

a {
  color: #0098aa; }

a:hover {
  color: #ff6f20; }

dt {
  padding: 0 2px 2px 2px;
  border-bottom: 1px dashed #0098aa;
  font: normal 19px/27px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #c9282d; }

dd em {
  font-weight: normal; }

h1 {
  margin-bottom: 12px;
  font: normal 35px/43px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #006066;
  text-transform: uppercase; }

h1.form-header {
  /* used as a large header about .input-block divs */
  margin-bottom: 0;
  padding: 0 6px 2px 8px;
  color: #006066; }

h2 {
  margin-bottom: 12px;
  font: normal 27px/31px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #575a5d;
  text-transform: uppercase; }

h3 {
  padding: 0 2px 2px 2px;
  border-bottom: 1px dashed #0098aa;
  font: normal 19px/27px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #c9282d;
  text-transform: uppercase; }

h3.tipdown-headline {
  font: normal 26px/32px 'Mr Eaves XL Sans', Georgia, serif;
  font-weight: bold;
  text-transform: none;
  color: #c9282d; }

h3.underline {
  border-bottom: 1px dashed #abacae;
  /* padding: 0; */
  color: #575a5d; }

h4 {
  margin-bottom: 8px;
  font: normal 22px/30px 'Mr Eaves XL Sans', Arial, san-serif;
  font-weight: bold;
  color: #575a5d; }

h5 {
  font: normal 15px/20px 'DIN 2014', Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px; }

hr {
  height: 12px;
  margin: 30px 0;
  border-top: none;
  padding: 0;
  background: url(/images/diagonal-425.png) left top repeat-x; }

.highlight {
  background-color: #ececea;
  /* 420C @ 40% */
  -moz-border-radius: 0;
  border-radius: 0; }

.highlight h3 {
  margin: 0 0 6px 0;
  color: #575a5d; }

.highlight-red {
  background-color: #f7dfe0;
  text-align: center; }

.highlight-red h3 {
  margin-bottom: 0;
  color: #c9282d; }

.innovations div {
  width: 390px; }

.table caption, .table-caption, .data caption {
  border-bottom: 8px solid #006066;
  font: normal 38px/38px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #006066; }

.data caption em {
  font: normal 22px/30px 'Mr Eaves XL Sans', Arial, san-serif;
  font-weight: bold;
  color: #abacae;
  /* 425C @ 50% */
  text-transform: none; }

.data caption.small {
  font: normal 30px/32px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #575a5d; }

.table th, .item-list-head, .data th {
  border-top: 1px solid #fff;
  padding: 10px;
  background-color: #ccdfe0;
  font: normal 16px/16px Arial, Helvetica, sans-serif;
  color: #006066;
  text-align: left; }

.data .headerSortUp,
.data .headerSortDown {
  background: #99bfc2 url(/images/icons/tablesorter-arrows.png) right top no-repeat;
  font-weight: bold; }

.data .headerSortDown {
  background-position: right bottom; }

.table tr.alt, .data tr.alt {
  background-color: #f1f1ef; }

.data tr:hover,
.data tr.alt:hover {
  background-color: #fff5cc; }

a .link, .table .link, .data .link {
  color: #0096aa; }

a .link:hover,
.table .link:hover,
.data .link:hover,
.locations .table tr:hover .link {
  color: #ff6f20; }

.thumbs caption {
  font: normal 24px/28px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #0098aa; }

.thumbs h4 {
  font: normal 18px/22px 'Mr Eaves XL Sans', Arial, san-serif;
  font-weight: bold; }

.thumbs p {
  margin-bottom: 8px; }

.thumbs a {
  padding-right: 24px;
  background: url("/images/icons/download.png") right top no-repeat;
  font: normal 13px/15px 'DIN 2014', Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #abacae;
  text-transform: uppercase; }

.thumbs a:hover {
  background-position: right -30px;
  color: #ff6f20; }

/* for homepage 4 col login dialog */
.login .row:first-child {
  margin-top: 0; }

.login .input-block {
  margin-bottom: 0;
  background-color: #e5efef;
  /* 320C @ 15% */ }

.login .input-block h3 {
  margin: 0 0 10px 0;
  border: none;
  color: #006066; }

.login .input-block h2 {
  color: #0098aa; }

.login .input-block .toggle {
  border: 1px solid #c5e0e9; }

.home .login .input-block div label {
  text-align: left; }

.home .login .input-block input {
  width: 186px; }

.home .login .btn-log-in-to-my-account {
  margin: 25px 0 12px 0; }

.home .login p {
  margin: 20px 0; }

.home .login .btn-reset-password {
  margin: 25px 0 12px 0; }

.specs caption {
  border-bottom: 8px solid #006066;
  font: normal 36px/36px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #006066; }

.staff-bio {
  margin: 25px 0; }

.staff-bio h5 {
  margin-top: 0; }

.staff-bio img {
  display: block;
  float: left;
  padding: 0 16px 10px 0;
  background-color: #fff; }

.staff-bio p {
  margin-bottom: 0; }

.styles-list {
  padding-top: 8px;
  background: #e5efef url(/images/diagonal-323.png) left top repeat-x; }

.styles-list h3 {
  margin: 0 0 26px 0;
  padding: 0;
  font: normal 26px/32px 'Mr Eaves XL Sans', Georgia, serif;
  font-weight: bold;
  color: #006066;
  text-transform: none; }

.styles-list a span {
  position: absolute;
  top: 16px;
  right: 14px;
  font: normal 18px/22px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #575a5d;
  text-transform: uppercase;
  text-align: right; }

.styles-list a.longname span {
  top: 12px;
  font: normal 18px/22px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px; }

.styles-list a span.spec-link {
  top: auto;
  bottom: 14px;
  padding-right: 10px;
  background: url("/images/icons/arrow-right-gray.png") right center no-repeat;
  font: normal 11px/15px 'DIN 2014', Arial, Helvetica, sans-serif;
  color: #abacae;
  font-weight: 700;
  letter-spacing: 0.3px; }

.styles-list a.longname span.spec-link {
  bottom: 10px; }

.tipdown-list > h3 {
  padding: 8px 16px;
  font-size: 18px;
  color: #57969a;
  /*text-transform:uppercase;*/ }

.tipdown-list > h3:first-child {
  border: none; }

.tipdown-list > h3:hover {
  background-color: #e7e7e5; }

.tipdown-list > h3.expanded {
  color: #006066;
  background: #e5e9ef url("/images/icons/toggle-up.png") right center no-repeat; }

.tipdown-list > h3 em {
  padding-left: 10px;
  font: normal 16px/28px 'DIN 2014', Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #abacae; }

.tipdown-list > h3.expanded em {
  color: #909294; }

.tipdown dt {
  font: normal 20px/24px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px; }

#oof h1 {
  font: normal 30px/30px 'DIN 2014', Arial, san-serif;
  font-weight: 700;
  letter-spacing: 0.3px; }

/* styles for the server maintenance message on login.html
-------------------------------------------------------------------------------*/
.unavailable h2 {
  /* margin: 18px 0 10px 0; */
  font-size: 28px;
}

/* Cookie Banner */
.navbar-cookie-banner {
    background-color: #338085;
}

.navbar-cookie-banner a.link:not(:hover) {
    color: #fff;
}


/* Hack to improve iPhone video modal use */
@media only screen and (max-width: 768px) {
  #fancybox-wrap {
    max-width: 100% !important;
    left: 0 !important;
  }

  #fancybox-content {
    width: 100% !important;
    height: auto !important;
  }
}