/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
body#okfirst.okfirst #products h1,
body#okfirst.okfirst #products h2,
body#okfirst.okfirst #products h3,
body#okfirst.okfirst #products h4,
body#okfirst.okfirst #products h5,
body#okfirst.okfirst #products h6,
body#okfirst.okfirst #products p,
body#okfirst.okfirst #products blockquote,
body#okfirst.okfirst #products pre,
body#okfirst.okfirst #products a,
body#okfirst.okfirst #products abbr,
body#okfirst.okfirst #products address,
body#okfirst.okfirst #products cit,
body#okfirst.okfirst #products code,
body#okfirst.okfirst #products del,
body#okfirst.okfirst #products dfn,
body#okfirst.okfirst #products em,
body#okfirst.okfirst #products ins,
body#okfirst.okfirst #products q,
body#okfirst.okfirst #products samp,
body#okfirst.okfirst #products small,
body#okfirst.okfirst #products strong,
body#okfirst.okfirst #products sub,
body#okfirst.okfirst #products sup,
body#okfirst.okfirst #products b,
body#okfirst.okfirst #products i,
body#okfirst.okfirst #products hr,
body#okfirst.okfirst #products dl,
body#okfirst.okfirst #products dt,
body#okfirst.okfirst #products dd,
body#okfirst.okfirst #products ol,
body#okfirst.okfirst #products ul,
body#okfirst.okfirst #products li,
body#okfirst.okfirst #products fieldset,
body#okfirst.okfirst #products legend,
body#okfirst.okfirst #products label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
body#okfirst.okfirst #products article,
body#okfirst.okfirst #products aside,
body#okfirst.okfirst #products canvas,
body#okfirst.okfirst #products figure,
body#okfirst.okfirst #products figure img,
body#okfirst.okfirst #products figcaption,
body#okfirst.okfirst #products hgroup,
body#okfirst.okfirst #products footer,
body#okfirst.okfirst #products header,
body#okfirst.okfirst #products nav,
body#okfirst.okfirst #products section,
body#okfirst.okfirst #products audio,
body#okfirst.okfirst #products video {
  display: block;
}
body#okfirst.okfirst #products table {
  border-collapse: separate;
  border-spacing: 0;
}
body#okfirst.okfirst #products table caption,
body#okfirst.okfirst #products table th,
body#okfirst.okfirst #products table td {
  text-align: left;
  vertical-align: middle;
}
body#okfirst.okfirst #products a img {
  border: 0;
}
body#okfirst.okfirst #products :focus {
  outline: 0;
}
/* TYPOGRAPHY */
body#okfirst.okfirst #main_menu,
body#okfirst.okfirst #footer {
  line-height: 1.2;
}
body#okfirst.okfirst #products {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
body#okfirst.okfirst #products .blue {
  color: #31589d !important;
}
body#okfirst.okfirst #products .black {
  color: #000000 !important;
}
body#okfirst.okfirst #products .gray {
  color: #c9cfc0 !important;
}
body#okfirst.okfirst #products .charcoal {
  color: #555555 !important;
}
body#okfirst.okfirst #products h1,
body#okfirst.okfirst #products h2,
body#okfirst.okfirst #products h3 {
  font-weight: bold !important;
}
body#okfirst.okfirst #products h1 {
  color: #31589d !important;
  font-size: 21px !important;
  line-height: 30px !important;
}
body#okfirst.okfirst #products h2 {
  color: #31589d !important;
  font-size: 15px !important;
  line-height: 21px !important;
}
body#okfirst.okfirst #products h3 {
  color: #000000 !important;
  font-size: 13px !important;
}
body#okfirst.okfirst #products .category_title h1,
body#okfirst.okfirst #products .category_title h2 {
  color: #c9cfc0 !important;
  padding-left: 20px !important;
}
body#okfirst.okfirst #products .category_title h1 {
  font-size: 21px !important;
  line-height: 21px !important;
  margin-top: 18px !important;
  padding-top: 12px !important;
}
body#okfirst.okfirst #products .category_title h2 {
  font-size: 15px !important;
  line-height: 21px !important;
}
body#okfirst.okfirst #products h2 + h3 {
  margin-top: 21px !important;
}
body#okfirst.okfirst #products h1 + p,
body#okfirst.okfirst #products h2 + p,
body#okfirst.okfirst #products p + p,
body#okfirst.okfirst #products p:last-child {
  margin-top: 21px !important;
}
body#okfirst.okfirst #products h2.sub_category {
  clear: both;
  float: none;
  margin: 10px -20px 10px -20px;
  padding: 5px 5px 5px 20px;
  font-size: 15px;
  line-height: 15px;
  background: #dde4d4;
  color: #565656 !important;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
body#okfirst.okfirst #products p {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #000000;
}
body#okfirst.okfirst #products p + * {
  margin-top: 21px !important;
}
body#okfirst.okfirst #products a {
  color: #0857ab !important;
  font-weight: bold !important;
  text-decoration: none !important;
}
body#okfirst.okfirst #products a:visited {
  color: #0d3461 !important;
}
body#okfirst.okfirst #products a:hover {
  color: #3f7bdb !important;
}
body#okfirst.okfirst #products ul {
  margin-left: 50px !important;
}
body#okfirst.okfirst #products ul li {
  font-size: 12px !important;
  line-height: 14px !important;
  margin-bottom: 20px !important;
  list-style: disc !important;
  background: none !important;
}
body#okfirst.okfirst #products small {
  font-size: 10px !important;
}
body#okfirst.okfirst #products ul.unstyled,
body#okfirst.okfirst #products ol.unstyled {
  margin-left: 0 !important;
  list-style: none !important;
}
body#okfirst.okfirst #products ul.unstyled li,
body#okfirst.okfirst #products ol.unstyled li {
  list-style: none !important;
}
/* END TYPOGRAPHY *//* GRID - 12 COLS */
#products_container {
  width: auto;
  padding: 20px;
}
.row.separate {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: thin solid #ECECEC;
}
.row.separate:last-child {
  border-bottom: none;
}
.row.separate.dark {
  border-bottom: thin solid #b3b5ae;
}
.row.separate.dark:last-child {
  border-bottom: none;
}
/**
 * Gridpak Beta LESS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
.mixin-col {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.col {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.mixin-span_first {
  margin-left: 0;
}
/* 1. 12 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */body#okfirst.okfirst {
  /* --- Gridpak variables ---*/
  /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        
        */

}
body#okfirst.okfirst .left {
  float: left;
}
body#okfirst.okfirst .right {
  float: right;
}
body#okfirst.okfirst .margin-right {
  margin-right: 10px;
}
body#okfirst.okfirst .col {
  border-left-width: 10px;
  padding: 0 0.5px;
}
body#okfirst.okfirst div[class^='span_'] .input-block {
  width: 100%;
}
body#okfirst.okfirst .span_1 {
  width: 8.333333333333334%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_2 {
  width: 16.666666666666668%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_3 {
  width: 25%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_4 {
  width: 33.333333333333336%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_5 {
  width: 41.66666666666667%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_6 {
  width: 50%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_7 {
  width: 58.333333333333336%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_8 {
  width: 66.66666666666667%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_9 {
  width: 75%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_10 {
  width: 83.33333333333334%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_11 {
  width: 91.66666666666667%;
  border-left-width: 10px;
  padding: 0 0.5px;
  margin-left: 0;
}
body#okfirst.okfirst .span_12 {
  margin-left: 0;
  width: 100%;
}
/* END GRID - 12 COLS */
body#okfirst.okfirst.splashpage .middle {
  top: 590px;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 65px;
}
body#okfirst.okfirst #profile {
  display: block;
  position: absolute;
  right: 0px;
  border: 1px solid #547ec1;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #253e5f;
  -moz-box-shadow: inset 0 0 0 1px #395e93;
  -webkit-box-shadow: inset 0 0 0 1px #395e93;
  box-shadow: inset 0 0 0 1px #395e93;
  padding: 30px 10px 5px 10px;
  margin-top: -25px;
  font-size: 11px;
  color: #FFF;
}
body#okfirst.okfirst #profile a {
  color: #FFF;
  text-decoration: none;
}
body#okfirst.okfirst span.divider {
  height: 24px;
  width: 0px;
  border-left: 1px solid #081037;
  border-right: 1px solid #4b587b;
  margin: -7px 8px;
  display: inline-block;
}
body#okfirst.okfirst #products_menu ul {
  margin: 14px 0 0 0 !important;
}
body#okfirst.okfirst #products_menu ul a.protected {
  background: url(/images/okfirst/small_lock.png) no-repeat 179px 8px;
}
body#okfirst.okfirst #products {
  /* remove nested borders on info boxes */

  /* refactor for input errors */

}
body#okfirst.okfirst #products .left_col {
  margin: 3px 20px 0 0 !important;
}
body#okfirst.okfirst #products .right_col {
  padding: 55px 20px 20px 0 !important;
}
body#okfirst.okfirst #products .single_col {
  margin-top: 3px;
}
body#okfirst.okfirst #products .category_title {
  margin-top: -4px;
}
body#okfirst.okfirst #products .category_title h1 {
  margin-top: -5px !important;
}
body#okfirst.okfirst #products .okfirst-splash #background {
  background-color: none;
  background-image: url('/images/okfirst/splash_image.jpg');
  background-repeat: no-repeat;
  width: 779px;
  height: 471px;
  position: relative;
}
body#okfirst.okfirst #products .okfirst-splash #one {
  position: absolute;
  left: 1px;
  bottom: 15px;
  background-color: none;
  background-repeat: no-repeat;
  width: 260px;
  height: 287px;
}
body#okfirst.okfirst #products .okfirst-splash #one h4,
body#okfirst.okfirst #products .okfirst-splash #two h4,
body#okfirst.okfirst #products .okfirst-splash #three h4 {
  position: absolute;
  bottom: 23px;
  left: 70px;
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
}
body#okfirst.okfirst #products .okfirst-splash #one:hover h4,
body#okfirst.okfirst #products .okfirst-splash #two:hover h4,
body#okfirst.okfirst #products .okfirst-splash #three:hover h4 {
  bottom: 240px;
  font-size: 22px;
  left: 55px;
  letter-spacing: 1px;
}
body#okfirst.okfirst #products .okfirst-splash #one:hover h4 {
  left: 43px;
}
body#okfirst.okfirst #products .okfirst-splash #two:hover h4 {
  left: 45px;
}
body#okfirst.okfirst #products .okfirst-splash #one:hover {
  background-image: url('/images/okfirst/1_hover_v2.jpg');
}
body#okfirst.okfirst #products .okfirst-splash #two {
  position: absolute;
  left: 260px;
  bottom: 15px;
  background-color: none;
  background-repeat: no-repeat;
  width: 262px;
  height: 287px;
}
body#okfirst.okfirst #products .okfirst-splash #two:hover {
  background-image: url('/images/okfirst/2_hover_v2.jpg');
}
body#okfirst.okfirst #products .okfirst-splash #three {
  position: absolute;
  left: 521px;
  bottom: 15px;
  background-color: none;
  background-repeat: no-repeat;
  width: 259px;
  height: 287px;
}
body#okfirst.okfirst #products .okfirst-splash #three:hover {
  background-image: url('/images/okfirst/3_hover_v3.jpg');
}
body#okfirst.okfirst #products .list_background {
  background: #ebeee5;
  margin: -20px;
  margin-bottom: 20px;
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid #b3b5ae;
}
body#okfirst.okfirst #products .list_background + * {
  margin-top: 20px;
}
body#okfirst.okfirst #products .splash .col .heading {
  color: #40433c;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
}
body#okfirst.okfirst #products .box {
  border: thin solid #CCC;
  margin-left: -10px;
  margin-right: 10px;
}
body#okfirst.okfirst #products .box .box_header {
  background: #000;
  color: #FFF;
  padding: 5px 5px 5px 17px;
  margin-right: -1px;
}
body#okfirst.okfirst #products .box .box_header h3 {
  color: #FFF !important;
  font-size: 16px;
}
body#okfirst.okfirst #products .box .box_header h4 {
  font-weight: 100;
  font-size: 11px;
  margin-top: -4px;
}
body#okfirst.okfirst #products .box .box_header img:first-child {
  margin-right: 10px;
}
body#okfirst.okfirst #products .box p {
  margin: 17px;
}
body#okfirst.okfirst #products .box .buttons {
  margin: 17px;
  padding-top: 20px;
}
body#okfirst.okfirst #products .box .buttons a.button {
  width: 102px;
  margin-right: 8px;
}
body#okfirst.okfirst #products a.button {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dee5d6));
  background: -moz-linear-gradient(center top, #ffffff 5%, #dee5d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dee5d6');
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bfc4b8;
  display: inline-block;
  color: #000000 !important;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 18px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 10px;
  margin-top: -10px;
}
body#okfirst.okfirst #products a.button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dee5d6), color-stop(1, #ffffff));
  background: -moz-linear-gradient(center top, #dee5d6 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee5d6', endColorstr='#ffffff');
  background-color: #dee5d6;
}
body#okfirst.okfirst #products a.button:active {
  position: relative;
  top: 1px;
}
body#okfirst.okfirst #products a.blue_button {
  background: #31569a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #FFF !important;
  padding: 10px 18px;
  margin-right: 10px;
}
body#okfirst.okfirst #products a.blue_button:hover {
  text-decoration: none;
  background: #5781cf;
}
body#okfirst.okfirst #products .margin-top-big {
  margin-top: 25px;
}
body#okfirst.okfirst #products .spacer {
  height: 10px;
  float: none;
  clear: both;
}
body#okfirst.okfirst #products .horizontal-spacer {
  width: 15px;
  display: inline-block;
}
body#okfirst.okfirst #products .error {
  min-height: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #c91212 !important;
  background: #ffe0e0 url(/images/global/alert_icons_error.png) no-repeat 20px 10px !important;
  border: 2px solid #ffd6d6 !important;
  padding: 16px 20px 16px 70px;
  margin-bottom: 12px;
}
body#okfirst.okfirst #products .success {
  min-height: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #457525 !important;
  background: #dcfbcc url(/images/global/alert_icons_success.png) no-repeat 20px 10px !important;
  border: 2px solid #c6edb2 !important;
  padding: 16px 20px 16px 70px;
  margin-bottom: 12px;
}
body#okfirst.okfirst #products .warning {
  min-height: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #c37108 !important;
  background: #fdf18e url(/images/global/alert_icons_warning.png) no-repeat 20px 10px !important;
  border: 2px solid #f9e06b !important;
  padding: 16px 20px 16px 70px;
  margin-bottom: 12px;
}
body#okfirst.okfirst #products .info {
  min-height: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #3858b3 !important;
  background: #d7e5fd url(/images/global/alert_icons_info.png) no-repeat 20px 10px !important;
  border: 2px solid #c4d8f9 !important;
  padding: 16px 20px 16px 70px;
  margin-bottom: 12px;
}
body#okfirst.okfirst #products .error .error,
body#okfirst.okfirst #products .success .success,
body#okfirst.okfirst #products .warning .warning,
body#okfirst.okfirst #products .info .info,
body#okfirst.okfirst #products .error .error.mini,
body#okfirst.okfirst #products .success .success.mini,
body#okfirst.okfirst #products .warning .warning.mini,
body#okfirst.okfirst #products .info .info.mini {
  border: none !important;
}
body#okfirst.okfirst #products input.error,
body#okfirst.okfirst #products input.success,
body#okfirst.okfirst #products input.warning,
body#okfirst.okfirst #products input.info {
  background-image: none !important;
  padding: 6px 10px !important;
  width: 255px;
}
body#okfirst.okfirst #products .error.mini,
body#okfirst.okfirst #products .success.mini,
body#okfirst.okfirst #products .warning.mini,
body#okfirst.okfirst #products .info.mini {
  background-image: none !important;
  padding: 3px 5px !important;
}
body#okfirst.okfirst .light_blue {
  color: #c2d2fd;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  -webkit-bg-clip: padding-box;
  -moz-bg-clip: padding;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}
.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}
.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}

/**
 * form on contact page
*/
#mail td {
  padding-bottom: 5px;
}
#mail .g-recaptcha {
  margin-left: -78px;
  margin-top: -36px;
}
#mail input[name="Submit"] {
  margin-left: -78px;
}

/**
 * MIXINS
 */