@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Khand:400,600|Montserrat:400,600");
html {
  height: 100%; }

body {
  background-color: #F5F5F5;
  color: #171D1B;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Montserrat", sans-serif;
  font-size: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

a:hover, a:focus {
  text-decoration: none; }

.content a {
  color: #286073;
  font-weight: bold; }

.content a:hover, .content a:focus {
  color: #358099; }

.content a:active {
  color: #1b404d; }

.alert {
  color: #DB0000; }

.bold {
  font-weight: bold; }

.bordered-box {
  border: 1px solid #c4c4c4; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.col-centered {
  margin: 0 auto;
  float: none; }

.container-margins {
  margin: 10px auto; }

.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

:focus {
  outline: none; }

h1, h2, h3, h4 {
  color: #286073;
  font-family: "Khand", sans-serif;
  font-weight: 600;
  margin: 5px 0; }

h1 {
  font-size: 3em; }

h2 {
  font-size: 2.5em; }

h3 {
  font-size: 2em; }

h4 {
  font-size: 1.4em; }

.hdg-inline {
  display: inline-block;
  margin: 10px;
  vertical-align: middle; }

.hidden {
  display: none; }

i {
  padding: 5px; }

iframe, video {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 100%; }

img.centered-sm {
  margin: 0 auto 0 auto;
  display: block;
  width: 50%; }
  @media (min-width: 768px) {
    img.centered-sm {
      width: 100%; } }

.no-padding {
  padding: 0; }

.no-price {
  color: #DB0000; }
  .no-price::before {
    content: '* '; }

.showOnLoad {
  /*Hide until loaded - see design1.js*/
  visibility: hidden; }

.subtitle {
  font-size: 2em;
  text-align: center; }

.subtitle-sm {
  font-size: 1.4em;
  text-align: center; }

.success {
  color: #738C31; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

ul {
  list-style-type: none; }

ul.bulleted {
  list-style-type: disc; }

.user-msg {
  font-size: 1.2em;
  text-align: center; }

.cat-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

a.cat-flex-item {
  color: #286073;
  font-weight: normal;
  overflow: hidden; }

.cat-flex-item {
  background-color: #FFF;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px auto;
  padding: 10px;
  text-align: center;
  width: 45%; }
  .cat-flex-item:hover .cat-img, .cat-flex-item:focus .cat-img, .cat-flex-item:active .cat-img {
    opacity: 1;
    transition: .25s; }
  @media (min-width: 550px) {
    .cat-flex-item {
      margin: 20px;
      max-width: 25%; } }
  @media (min-width: 992px) {
    .cat-flex-item {
      max-width: 20%; } }

.cat-img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 100%;
  opacity: .75; }

.cat-img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 200px; }

.cat-title {
  font-size: 1.4em;
  margin-top: 0;
  margin-bottom: 10px; }
  @media (min-width: 600px) {
    .cat-title {
      font-size: 1.6em; } }
  @media (min-width: 768px) {
    .cat-title {
      font-size: 1.4em; } }
  @media (min-width: 992px) {
    .cat-title {
      font-size: 1.8em; } }

footer {
  background-color: #171D1B;
  padding: 0 15px; }
  footer a, footer i {
    color: #F5F5F5; }
    footer a:hover, footer a:focus, footer i:hover, footer i:focus {
      color: #738C31; }
  footer h1, footer h2, footer h3, footer h4 {
    color: #738C31; }
  footer h3 {
    font-size: 1.6em; }
    @media (min-width: 992px) {
      footer h3 {
        font-size: 1.8em; } }
  footer ul {
    padding-left: 0; }

#footer-companyinfo {
  color: #c4c4c4;
  padding-bottom: 5px; }
  #footer-companyinfo p {
    margin: 5px 0; }

#mailchimp {
  background-color: #F5F5F5;
  padding: 5px;
  max-width: 300px; }
  #mailchimp input, #mailchimp h3 {
    margin: 5px; }
  #mailchimp input {
    max-width: 95%; }

#sub-footer {
  background-color: #2e3935;
  padding: 10px;
  text-align: center; }
  #sub-footer span {
    color: #c4c4c4;
    font-size: 0.9em; }
  #sub-footer a {
    color: #c4c4c4; }
    #sub-footer a:hover {
      color: #c4c4c4;
      text-decoration: underline; }

.company-info {
  color: #FFF;
  font-size: 1.2em;
  text-align: left;
  display: inline-block;
  vertical-align: middle; }
  @media (min-width: 768px) {
    .company-info {
      font-size: 1.4em; } }
  .company-info p {
    margin: 5px; }

.dropdown-menu > li > a {
  color: #171D1B;
  text-transform: capitalize; }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #F5F5F5; }

.fa-chevron-down {
  font-size: 1rem;
  vertical-align: middle; }

header {
  background-color: #171D1B; }
  header .row {
    margin-top: 15px;
    margin-bottom: 15px; }

.header-section ul {
  padding: 0;
  margin: 0; }
  @media (min-width: 992px) {
    .header-section ul {
      margin: inherit; } }

@media (min-width: 992px) {
  .header-section .dropdown-menu {
    left: auto;
    right: 0; } }

.icon-bar-text {
  color: #171D1B;
  font-family: "Khand", sans-serif;
  font-size: 1.4em; }

.logo-container {
  display: inline-block;
  vertical-align: middle; }
  .logo-container img {
    width: 100px; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent; }

#top-right-menu li {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0; }

@media (min-width: 992px) {
  #top-right-menu {
    text-align: right;
    padding-top: 15px; } }

#top-right-menu a.dropdown-toggle {
  font-size: 1.2em; }
  #top-right-menu a.dropdown-toggle p {
    font-size: 0.8em;
    margin: 0; }

#top-right-menu .dropdown-menu li {
  display: block;
  padding: 0; }
  @media (min-width: 768px) {
    #top-right-menu .dropdown-menu li a {
      color: #171D1B; } }
  @media (min-width: 768px) {
    #top-right-menu .dropdown-menu li:hover {
      background-color: #F5F5F5;
      color: #171D1B; } }

#top-right-menu li a.dropdown-toggle {
  color: #F5F5F5; }
  #top-right-menu li a.dropdown-toggle:hover, #top-right-menu li a.dropdown-toggle:focus {
    background-color: transparent;
    color: #738C31; }

#top-right-menu .square-button-lg {
  font-size: 0.9em; }
  @media (min-width: 768px) {
    #top-right-menu .square-button-lg {
      font-size: 1em; } }

/*Needed to overwrite bootstrap navbar nested list button setting*/
#top-right-menu li > a.square-button-lg.navbar-button {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9em;
  font-weight: normal; }
  @media (min-width: 768px) {
    #top-right-menu li > a.square-button-lg.navbar-button {
      font-size: 1em; } }
  #top-right-menu li > a.square-button-lg.navbar-button:hover {
    color: #FFF; }

/***********/
.navbar {
  background-color: #FFF;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  min-height: auto !important; }

.navbar-default .navbar-nav > li > a {
  color: #171D1B;
  font-family: "Khand", sans-serif;
  font-size: 1.4em; }
  .navbar-default .navbar-nav > li > a:hover {
    color: #738C31; }
  .navbar-default .navbar-nav > li > a:focus {
    color: #738C31; }

.navbar-default .navbar-nav > .open > a {
  background-color: transparent;
  color: #738C31; }
  .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #738C31; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #171D1B;
  height: 4px;
  width: 100%; }

.navbar-default .navbar-toggle {
  border-color: transparent; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent; }

.navbar-form {
  border: none;
  box-shadow: none;
  margin-left: 0;
  margin-right: 10px; }

.navbar-form .form-group {
  display: inline-block;
  margin-right: 5px; }

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px; }

#navbar-toggle-contents:hover span {
  color: #738C31; }
  #navbar-toggle-contents:hover span:not(.icon-bar-text) {
    background-color: #738C31; }

.submenu {
  margin-left: 20px; }
  @media (min-width: 768px) {
    .submenu {
      margin-left: 0; } }

/*Written as max-width to overwrite bootstrap*/
@media screen and (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #171D1B; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
      color: #738C31; } }

.flex-borders:not(:last-child) {
  border-right: 1px solid #c4c4c4; }
  .flex-borders:not(:last-child):nth-child(even) {
    border-right: none; }
  @media (min-width: 768px) {
    .flex-borders:not(:last-child):nth-child(even) {
      border-right: 1px solid #c4c4c4; }
    .flex-borders:not(:last-child):nth-child(4n) {
      border-right: none; } }
  @media (min-width: 992px) {
    .flex-borders:not(:last-child):nth-child(4n) {
      border-right: 1px solid #c4c4c4; }
    .flex-borders:not(:last-child):nth-child(6n) {
      border-right: none; } }

.flex-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.product-img {
  margin: 0px auto 10px auto;
  display: block; }

.product-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.product-flex-item {
  margin: 0 auto 0 auto;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
  -ms-flex-preferred-size: calc(100%/2);
      flex-basis: calc(100%/2);
  max-width: calc(100%/2); }
  @media (min-width: 768px) {
    .product-flex-item {
      -ms-flex-preferred-size: calc(100%/4);
          flex-basis: calc(100%/4);
      max-width: calc(100%/4); } }
  @media (min-width: 992px) {
    .product-flex-item {
      -ms-flex-preferred-size: calc(100%/6);
          flex-basis: calc(100%/6);
      max-width: calc(100%/6); } }

.product-flex-item > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.product-flex-item a {
  max-width: 100%; }
  @media (min-width: 768px) {
    .product-flex-item a {
      font-size: 1.2em; } }

.product-flex-item .inxsqlWLDeleteBtn {
  float: right; }

.product-img-container {
  width: 125px;
  height: 125px;
  max-width: 100%;
  margin: 0 auto; }

.product-flex-item img.product-img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.product-flex-item p {
  margin-top: 12px;
  margin-bottom: 12px; }
  @media (min-width: 1200px) {
    .product-flex-item p {
      font-size: 1.2em; } }

.product-flex-item ul {
  font-size: 0.9em; }
  @media (min-width: 550px) {
    .product-flex-item ul {
      font-size: 1em; } }

.flex-bottom a {
  font-size: inherit; }

@media (min-width: 768px) {
  .flex-3 {
    -ms-flex-preferred-size: calc(100%/3);
        flex-basis: calc(100%/3);
    max-width: calc(100%/3); } }

.flex-sm p {
  font-size: 0.9em; }

.flex-sm .product-img-container {
  width: 80px;
  height: 80px; }

.flex-sm .inxsqlQuantityToOrder {
  font-size: 0.9em; }

@media (min-width: 992px) {
  .flex-sm {
    max-width: calc(100%/8); } }

@media (min-width: 992px) {
  .flex-sm.flex-borders:nth-child(6n) {
    border-right: 1px solid #c4c4c4; }
  .flex-sm.flex-borders:nth-child(8n) {
    border-right: none; } }

a.accent {
  color: #FFF;
  font-weight: normal; }
  a.accent:hover {
    color: #FFF;
    background-color: #839f38; }
  a.accent:active, a.accent:focus {
    background-color: #546624;
    color: #c4c4c4; }

a .accent:hover {
  background-color: #839f38; }

.accent {
  background-color: #738C31;
  border-radius: 3px;
  color: #FFF;
  font-size: 1.2em;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center; }

.add-description {
  border: 1px solid #286073;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center; }
  @media (min-width: 768px) {
    .add-description {
      font-size: 1.1em; } }
  @media (min-width: 992px) {
    .add-description {
      font-size: 1.2em; } }

.secondary-bg {
  background-color: #286073; }

.white-bg {
  background-color: #FFF; }

blockquote {
  position: relative; }
  @media (min-width: 768px) {
    blockquote {
      margin-left: 45%;
      width: 55%; } }

blockquote.no-img {
  margin-left: 42px;
  width: auto; }
  @media (min-width: 768px) {
    blockquote.no-img {
      margin-left: 3%; } }

blockquote:before {
  color: #286073;
  content: "\201c";
  font-size: 160px;
  position: absolute;
  top: -45px;
  left: -56px; }
  @media (min-width: 768px) {
    blockquote:before {
      font-size: 200px;
      top: -66px;
      left: -78px; } }

.blockquote-box {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .blockquote-box {
      position: relative;
      width: 80%; } }

img.blockquote-img {
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  max-width: 300px; }
  @media (min-width: 768px) {
    img.blockquote-img {
      padding: 0;
      position: absolute;
      top: 5%;
      left: -4%;
      width: 45%;
      max-width: none; } }

.border-box {
  border: 1px solid #286073;
  border-radius: 3px; }

.boxes {
  background-color: #FFF;
  border-radius: 3px;
  color: #171D1B;
  margin: 10px 0;
  padding: 10px;
  font-weight: normal; }
  .boxes img {
    width: 100px; }

.boxes.new-address {
  border: 2px dashed #c4c4c4; }
  .boxes.new-address p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #286073;
    margin: 0; }

.order-list img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100px; }

.order-list li {
  margin: 2px 0; }

.order-list ul {
  margin-top: 0; }

.order-list {
  border-top: 1px solid #848484;
  border-bottom: 1px solid #848484;
  margin: 10px 0;
  padding: 5px 0; }

.order-list ~ .order-list {
  border-top: none; }

.page-title {
  background-color: #286073;
  text-align: center; }
  .page-title h2 {
    color: #FFF; }

.parallelogram {
  background-color: #738C31;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg); }
  .parallelogram h1, .parallelogram h2, .parallelogram h3, .parallelogram h4, .parallelogram p, .parallelogram span {
    color: #FFF;
    -webkit-transform: skew(20deg);
            transform: skew(20deg); }

a.standout, a.standout-sm {
  color: #FFF;
  font-weight: normal; }
  a.standout:hover, a.standout-sm:hover {
    color: #FFF;
    background-color: #358099; }
  a.standout:active, a.standout-sm:active, a.standout:focus, a.standout-sm:focus {
    background-color: #1b404d;
    color: #c4c4c4; }

.standout, .standout-sm {
  background-color: #286073;
  border-radius: 3px;
  color: #FFF;
  display: block;
  font-size: 2em;
  padding: 20px; }

.standout-sm {
  font-size: 1.4em;
  padding: 5px; }
  @media (min-width: 768px) {
    .standout-sm {
      font-size: 2em; } }

.breadcrumbs {
  margin-bottom: 10px; }

.breadCrumb {
  display: inline;
  font-size: 1.4em; }
  .breadCrumb a {
    font-weight: normal; }

.breadCrumb::after {
  content: "/";
  color: #171D1B;
  padding: 5px; }

.breadCrumb:last-child::after {
  content: "";
  padding: 0; }

#inxsqlPsearchResetButton {
  background-color: #286073;
  color: #FFF; }

.square-button, #top-right-menu li > a.square-button-lg.navbar-button, .square-button-lg {
  box-shadow: 1px 1px 2px #848484;
  background-color: #286073;
  border: none;
  border-radius: 3px;
  color: #FFF; }
  .square-button a, #top-right-menu li > a.square-button-lg.navbar-button a, .square-button-lg a {
    color: #FFF;
    font-weight: normal; }
    .square-button a:hover, #top-right-menu li > a.square-button-lg.navbar-button a:hover, .square-button-lg a:hover {
      color: #FFF; }
  .square-button:hover, #top-right-menu li > a.square-button-lg.navbar-button:hover, .square-button-lg:hover {
    background-color: #358099; }
  .square-button:active, #top-right-menu li > a.square-button-lg.navbar-button:active, .square-button-lg:active {
    background-color: #1b404d;
    color: #c4c4c4; }

.square-button-lg {
  padding: 10px; }

.square-button i, #top-right-menu li > a.square-button-lg.navbar-button i, .square-button-lg i, .square-button-lg i {
  display: inline;
  padding: 0 5px 0 0; }

a.square-button, #top-right-menu li > a.square-button-lg.navbar-button, a.square-button-lg, a.square-button-lg {
  color: #FFF;
  font-weight: normal; }
  a.square-button:hover, #top-right-menu li > a.square-button-lg.navbar-button:hover, a.square-button-lg:hover, a.square-button:focus, #top-right-menu li > a.square-button-lg.navbar-button:focus, a.square-button-lg:focus, a.square-button-lg:hover, a.square-button-lg:focus {
    color: #FFF; }

.flex-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .flex-form div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 768px) {
      .flex-form div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .flex-form label {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .flex-form input, .flex-form select, .flex-form textarea, .flex-form ul {
    -webkit-box-flex: 3;
        -ms-flex: 3 0 auto;
            flex: 3 0 auto;
    max-width: 470px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .flex-form input, .flex-form select, .flex-form textarea, .flex-form ul {
        max-width: 380px; } }
  .flex-form textarea {
    height: 100px;
    max-width: 470px; }

form > * {
  display: block; }

.form-page {
  border-radius: 0px 0px 5px 5px;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4; }

.form-section {
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4; }

.form-title {
  border-radius: 5px 5px 0px 0px;
  text-align: center; }

form#inxsqlLoginForm {
  background-color: #FFF;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  width: 215px; }
  form#inxsqlLoginForm a {
    color: #286073;
    display: block;
    font-weight: normal; }
    form#inxsqlLoginForm a:hover {
      color: #286073;
      font-weight: bold; }
  form#inxsqlLoginForm button {
    display: block; }
  form#inxsqlLoginForm span {
    font-size: 0.9em; }
  form#inxsqlLoginForm span a {
    display: inline; }

.inline-flex-form {
  background-color: #848484;
  border: 5px solid #848484;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 768px) {
    .inline-flex-form {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.inline-flexform-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px; }
  .inline-flexform-item span {
    background-color: transparent; }

.inline-flexform-item > * {
  background-color: #FFF;
  border-top: none;
  border-right: 1px solid #848484;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 10px; }
  .inline-flexform-item > *:last-child {
    border-right: none; }

.inline-form input:not([type="radio"]):not(#CaptchaInputText) {
  width: 100%; }
  @media (min-width: 992px) {
    .inline-form input:not([type="radio"]):not(#CaptchaInputText) {
      width: 50%; } }

@media (min-width: 768px) {
  .inline-form label {
    -webkit-transform: translateY(50%);
            transform: translateY(50%); } }

input {
  border: 1px solid #c4c4c4; }

input, textarea, button, select {
  border-radius: 3px;
  margin: 5px;
  padding: 5px; }

#inxComments {
  width: 100%;
  height: 100px; }

#inxsqlLoginForm input {
  max-width: 160px; }
  @media (min-width: 768px) {
    #inxsqlLoginForm input {
      max-width: none; } }

#inxsqlLoginContainer form#inxsqlLoginForm {
  margin: 10px auto; }

#inxsqlSearchForm > * {
  display: inline-block; }

.inxsqlQuantityToOrder {
  text-align: right;
  max-width: 100px;
  min-width: 50px;
  width: 50%; }

#inxUpload {
  max-width: 100%; }

label {
  font-weight: normal; }

@media (min-width: 992px) {
  .side-form input, .side-form select {
    width: 100%; } }

@media (min-width: 992px) {
  .side-form div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

.jplist-panel > *, .jplist-pagination > * {
  display: inline-block; }

.jplist-panel i {
  padding: 0; }

.jplist-pagination button {
  background-color: transparent;
  border: none;
  line-height: 14px;
  margin: 0 0 0 2px;
  padding: 8px; }

.jplist-pagination button:not(.jplist-current):hover {
  background-color: #286073;
  color: #FFF; }

.jplist-pagination .jplist-current {
  background-color: #FFF;
  border: 1px solid #c4c4c4; }

@media (min-width: 992px) {
  .text-filter-box {
    float: right; } }

.text-filter-box .jplist-clear {
  background-color: #FFF;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  padding: 8px; }

.dataTable {
  font-size: 0.8em; }
  @media (min-width: 768px) {
    .dataTable {
      font-size: 1em; } }

.dataTables_wrapper {
  overflow-x: scroll; }
  .dataTables_wrapper .first, .dataTables_wrapper .previous, .dataTables_wrapper .next, .dataTables_wrapper .last, .dataTables_wrapper .dt-button {
    font-family: FontAwesome; }
  .dataTables_wrapper .first:after {
    content: "\f053\f053"; }
  .dataTables_wrapper .previous:after {
    content: "\f053"; }
  .dataTables_wrapper .next:after {
    content: "\f054"; }
  .dataTables_wrapper .last:after {
    content: "\f054\f054"; }
  .dataTables_wrapper .dt-button:after {
    content: "\f00d"; }
  .dataTables_wrapper .dataTables_info {
    margin: 0 5px; }
  @media (min-width: 768px) {
    .dataTables_wrapper > div:first-child {
      float: left; } }
  @media (min-width: 768px) {
    .dataTables_wrapper > div:nth-child(2) {
      float: right; } }
  .dataTables_wrapper > div:first-child > div, .dataTables_wrapper > div:nth-child(2) > div, .dataTables_wrapper > div:nth-child(4) > div {
    display: inline-block;
    float: none; }
  .dataTables_wrapper .dataTables_paginate {
    padding-top: 0px; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      border-radius: 3px;
      font-weight: normal;
      line-height: 14px;
      margin-left: 2px;
      padding: 8px; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #286073;
        background-image: none;
        border: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background-color: #1b404d;
        background-image: none;
        border: none; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
      background: #FFF;
      border: 1px solid #c4c4c4; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
      display: none; }
  .dataTables_wrapper .dt-button {
    background: #FFF;
    border: 1px solid #c4c4c4;
    line-height: 14px;
    padding: 8px; }

table {
  width: 100%; }

table a:hover {
  font-weight: bold; }

.table-col-10 {
  width: 10%; }

.table-col-20 {
  width: 20%; }

.table-col-35 {
  width: 35%; }

.table-col-50 {
  width: 50%; }

table.dataTable thead th {
  font-weight: normal; }

table.dataTable tbody td, table td {
  padding: 5px; }
  @media (min-width: 992px) {
    table.dataTable tbody td, table td {
      padding: 5px 15px; } }

table.dataTable tbody th {
  padding: 5px; }

.table-fixed {
  table-layout: fixed; }

.table-fixed input {
  width: 100%; }

td {
  text-align: center;
  border-bottom: 1px solid #c4c4c4; }

td i:hover {
  cursor: pointer; }

td img {
  max-width: 100px;
  min-width: 50px;
  width: 100%; }

td p {
  margin-top: 5px;
  margin-bottom: 5px; }

.td-description {
  text-align: left; }

.td-number {
  text-align: right; }

tfoot {
  font-weight: bold;
  font-size: 1.2em; }

thead {
  background-color: #286073;
  color: #FFF; }

th {
  font-weight: normal;
  padding: 10px; }

.th-img {
  min-width: 50px; }

.about-box {
  font-size: 1.4em;
  height: 160px;
  position: relative;
  text-align: center; }
  @media (min-width: 768px) {
    .about-box {
      font-size: 1.4em; } }
  @media (min-width: 992px) {
    .about-box {
      font-size: 1.8em; } }

.about-box span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 10px 0; }

.about-box span i {
  color: #738C31; }

#cover-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%; }
  @media (min-width: 1200px) {
    #cover-content {
      width: 1170px; } }

#cover-content h2 {
  color: #286073;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    #cover-content h2 {
      font-size: 3.5em; } }
  @media (min-width: 992px) {
    #cover-content h2 {
      margin-bottom: 0; } }

.cover-link {
  margin: 0 auto 0 auto;
  width: 75%; }
  @media (min-width: 768px) {
    .cover-link {
      width: 50%; } }
  @media (min-width: 992px) {
    .cover-link {
      top: -50%;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      width: 100%; } }

#cover-wrapper {
  overflow: hidden;
  position: relative;
  text-align: center; }

#cover-wrapper:before {
  background-image: url("images/nuts-pattern.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  background-attachment: fixed;
  opacity: 0.8; }

#cover-wrapper, #cover-wrapper:before {
  min-height: 350px; }
  @media (min-width: 768px) {
    #cover-wrapper, #cover-wrapper:before {
      min-height: 400px; } }
  @media (min-width: 992px) {
    #cover-wrapper, #cover-wrapper:before {
      min-height: 500px; } }

#home-featured-items {
  padding-top: 40px;
  padding-bottom: 40px; }

#home-featured-items .accent {
  font-size: 1.4em; }

#home-featured-items .container {
  border-radius: 3px; }

#home-spotlight {
  font-size: 1.2em;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 992px) {
    #home-spotlight {
      font-size: 1.4em; } }

select.inxsqlPsearchSelectOptions {
  max-width: 170px; }
  @media (min-width: 360px) {
    select.inxsqlPsearchSelectOptions {
      max-width: none; } }

#view-button {
  padding-top: 5px;
  width: 150px; }
  #view-button:hover {
    cursor: pointer; }

#also-bought h3, #alternate-products h3 {
  border-top: 1px solid #286073;
  color: #738C31;
  padding-top: 10px; }

#detailsBtnItemAdd {
  background-color: #738C31;
  display: block;
  font-size: 1.2em;
  margin: 10px auto;
  width: 80%; }
  #detailsBtnItemAdd:hover {
    background-color: #839f38; }

#inxsqlWishList {
  width: 198px; }

.price {
  color: #738C31;
  font-size: 1.4em;
  font-weight: bold; }

#product-attachments .fa-file-pdf-o {
  float: left; }

#purchase-info .white-bg, #product-attachments .white-bg {
  padding: 10px; }

/*//SLICK CAROUSEL//////////*/
/*//ARROWS//////////*/
/*Classes assigned to arrows are found in design1.js file*/
.slick-prev, .slick-next {
  color: #286073;
  cursor: pointer;
  opacity: .5;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 100; }
  .slick-prev:hover, .slick-next:hover {
    opacity: 1; }

.slick-prev {
  right: 95%; }

.slick-next {
  left: 95%; }

/*//DOTS//////////*/
.slick-dots {
  bottom: -25px;
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%; }
  .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px; }
  .slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: block;
    height: 20px;
    outline: none;
    padding: 5px;
    width: 20px; }
    .slick-dots li button:hover, .slick-dots li button:focus {
      outline: none; }
    .slick-dots li button:hover:before, .slick-dots li button:focus:before {
      opacity: 1; }
    .slick-dots li button:before {
      color: #286073;
      content: '•';
      font-size: 40px;
      line-height: 20px;
      height: 20px;
      opacity: .5;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      width: 20px; }

.slick-dots li.slick-active button:before {
  opacity: 1; }

.slider-main {
  margin-top: 15px; }
  .slider-main img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
    position: relative; }

.slider-main .slick-slide {
  height: 250px; }

.slider-nav {
  margin-bottom: 30px; }
  .slider-nav img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 50px;
    position: relative; }

.slider-nav .slick-slide {
  height: 60px; }

.slider-nav.slick-slider {
  height: 60px;
  padding: 0 20px; }

#inxsqlCheckoutFormContainer p.subtitle-sm {
  color: #738C31;
  padding-top: 5px; }

#inxsqlCOCardHolderName {
  width: 220px; }

#inxsqlCOComments {
  height: 100px;
  width: 100%; }

.inxsqlCOLineItemCommentInput {
  display: block;
  width: 100%; }
  @media (min-width: 1200px) {
    .inxsqlCOLineItemCommentInput {
      width: 50%; } }

#inxsqlCollectAccount {
  min-width: 200px; }

#inxsqlCollectAccountContainer {
  display: none; }

#inxsqlStatusBarContainer {
  background-color: #738C31;
  border-radius: 3px;
  color: #FFF;
  display: none;
  font-size: 1.4em;
  margin: 0 auto;
  min-height: 100px;
  padding: 39px 5px;
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 350px;
  min-width: 280px;
  z-index: 1000; }
  #inxsqlStatusBarContainer a {
    color: white;
    font-size: .75em;
    font-weight: normal;
    padding: 5px 10px;
    text-decoration: underline; }
  #inxsqlStatusBarContainer span {
    margin-bottom: 5px;
    display: block; }

#orderSummary {
  margin-bottom: 10px; }

.shipdate {
  width: 93px; }

.tabs > * {
  box-shadow: 1px -1px 1px #c4c4c4;
  border-radius: 5px 5px 0 0;
  padding: 10px; }
  @media (min-width: 992px) {
    .tabs > * {
      margin: 0;
      text-align: center; } }

.tabs > *:not(.tab-active) {
  margin: 5px 0; }
  @media (min-width: 992px) {
    .tabs > *:not(.tab-active) {
      margin: 0; } }

@media (min-width: 992px) {
  .tabs .tall {
    min-height: 60px; } }

@media (min-width: 1448px) {
  .tabs .tall {
    min-height: auto; } }

.tab-active {
  background-color: #286073;
  color: #FFF; }

.tab-inactive {
  border: 1px solid #c4c4c4;
  color: #848484; }
  @media (min-width: 992px) {
    .tab-inactive {
      border-bottom: none; } }

.account-form {
  margin: 0 auto 0 auto;
  background-color: #FFF;
  border-radius: 3px;
  padding: 10px;
  width: 250px; }

.fa-user-o {
  -webkit-transform: translateY(25%);
          transform: translateY(25%); }

input.phdyhau {
  margin-right: 5px; }

.inxsqlNewAccountPriorBusiness {
  float: right; }

#inxsqlShippingContainer .boxes {
  min-height: 215px; }
  #inxsqlShippingContainer .boxes ul {
    margin-top: 0;
    min-height: 160px; }

.noPriorBusiness, .yesPriorBusiness {
  display: none; }

.jplist-hidden {
  display: none; }