@charset "UTF-8";
/**************

DO NOT OVERWRITE CSS IN THE MAIN.CSS FILE. Main.css is compiled using SASS and any changes may be overwritten by future updates.
Please create your own css file and use it to make your changes.

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

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

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

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

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

.content a:focus img {
  opacity: 0.8; }

.content a:active {
  color: #3f0209; }

.alert {
  color: #A94442; }

.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; }

input:focus, select:focus, textarea:focus {
  outline: 2px solid #6b6b6b; }

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

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h4 {
  font-size: 1.2em; }

.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%; } }

.center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.m0 {
  margin: 0px; }

.mtb0 {
  margin-top: 0;
  margin-bottom: 0; }

.mr1 {
  margin-right: 1rem; }

.mb1 {
  margin-bottom: 1rem; }

.mtb1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.no-padding {
  padding: 0; }

.p0 {
  padding: 0; }

.p1 {
  padding: 1rem; }

.ptb1 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

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

.overflow-hidden {
  overflow: hidden; }

.primary {
  color: #710310; }

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

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

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

.success {
  color: #918E85; }

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

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

.text-xs {
  font-size: 12px; }

.text-sm {
  font-size: 14px; }

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 {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 10px 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: .75;
    transition: .25s; }
  @media (min-width: 550px) {
    .cat-flex-item {
      margin: 10px;
      max-width: 25%; } }
  @media (min-width: 992px) {
    .cat-flex-item {
      max-width: 20%; } }

.cat-img-container {
  height: 100px;
  width: 100px; }
  @media (min-width: 768px) {
    .cat-img-container {
      height: 140px;
      width: 140px; } }

.cat-img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
  position: relative;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

.cat-title {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 10px;
  width: 100%; }
  @media (min-width: 768px) {
    .cat-title {
      font-size: 1.2em; } }
  @media (min-width: 992px) {
    .cat-title {
      font-size: 1.4em; } }

footer {
  background-color: #000;
  font-size: 0.889em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  @media (min-width: 768px) {
    footer {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; } }
  footer a, footer i {
    color: #F5F5F5; }
    footer a:hover, footer a:focus, footer i:hover, footer i:focus {
      color: #918E85; }
  footer h1, footer h2, footer h3, footer h4 {
    color: #918E85; }
  footer ul {
    padding-left: 0; }
  footer .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (min-width: 992px) {
      footer .footer {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
  footer .footer-menu {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
    padding: 0 7.5px; }
    @media (min-width: 768px) {
      footer .footer-menu {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        max-width: none; } }
    @media (min-width: 992px) {
      footer .footer-menu {
        -webkit-box-flex: initial;
            -ms-flex: initial;
                flex: initial; } }
    footer .footer-menu > div {
      margin-bottom: 15px; }

#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: #524F40;
  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; }
  #sub-footer #inxsql-dots {
    vertical-align: middle;
    width: 20px; }

/*Header*/
header {
  background-color: #000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /*Makes entire header visible for IE*/ }
  header .row {
    margin-top: 15px;
    margin-bottom: 15px; }

.header {
  transition: 0.25s; }

.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; } }

.logo-container {
  display: inline-block;
  transition: 0.25s;
  vertical-align: middle;
  width: 250px; }
  @media (min-width: 768px) {
    .logo-container {
      width: 400px; } }
  @media (min-width: 992px) {
    .logo-container {
      width: 400px; } }
  @media (min-width: 1200px) {
    .logo-container {
      width: 500px; } }
  .logo-container img {
    max-width: 100%; }

.company-info {
  color: #FFF;
  font-size: 1.2em;
  text-align: left;
  display: inline-block;
  vertical-align: middle; }
  .company-info p {
    margin: 5px; }

#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: 7.5px; } }

#top-right-menu a.dropdown-toggle {
  color: #F5F5F5;
  font-size: 1em;
  display: inline-block;
  padding: 2.5px; }
  #top-right-menu a.dropdown-toggle:hover, #top-right-menu a.dropdown-toggle:focus {
    background-color: transparent; }
  #top-right-menu a.dropdown-toggle:hover, #top-right-menu a.dropdown-toggle:focus {
    color: #918E85; }
  #top-right-menu a.dropdown-toggle p {
    font-size: 0.8em;
    margin: 0; }

#top-right-menu i.fa-search {
  padding: 0; }
  @media (min-width: 768px) {
    #top-right-menu i.fa-search {
      padding: 0 5px 0 0; } }

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

#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; }

/*End Header*/
@media (min-width: 768px) {
  .dropdown-menu {
    font-size: 1em; } }

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

.dropdown-toggle:focus {
  outline: 2px solid #6b6b6b; }

.navbar {
  background-color: #FFF;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  min-height: auto !important; }
  .navbar i.fa-chevron-down {
    font-size: 10px;
    padding: 0;
    padding-left: 5px;
    vertical-align: middle; }

.navbar-default .navbar-collapse {
  border-color: transparent; }
  @media (min-width: 768px) {
    .navbar-default .navbar-collapse {
      padding-left: 0; } }

.navbar-default .navbar-nav > li > a {
  color: #000;
  font-family: "Khand", sans-serif;
  font-size: 1.4em;
  padding-top: 10px;
  padding-bottom: 10px; }
  .navbar-default .navbar-nav > li > a:hover {
    color: #918E85; }
  .navbar-default .navbar-nav > li > a:focus {
    color: #918E85; }

@media (min-width: 768px) {
  .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0; } }

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

.navbar-default .navbar-toggle {
  border-color: transparent; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
    height: 4px;
    width: 100%; }
  .navbar-default .navbar-toggle .icon-bar-text {
    color: #000;
    font-family: "Khand", sans-serif;
    font-size: 0.889em; }

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

.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: #000; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
      color: #918E85; } }

@media (min-width: 992px) {
  #fixedHeader {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2; } }

@media (min-width: 992px) {
  #fixedHeader ~ .content {
    padding-top: 141px; } }

@media (min-width: 1200px) {
  #fixedHeader ~ .content {
    padding-top: 157px; } }

@media (min-width: 1590px) {
  #fixedHeader ~ .content {
    padding-top: 157px; } }

@media (min-width: 992px) {
  .stickymenu .header {
    font-size: 0.75em; }
    .stickymenu .header > .row {
      margin-top: 4px;
      margin-bottom: 4px; }
    .stickymenu .header .dropdown-menu {
      font-size: 1rem; }
    .stickymenu .header #top-right-menu {
      padding-top: 0; }
  .stickymenu .logo-container {
    width: calc(250px / 2); } }
  @media (min-width: 992px) and (min-width: 768px) {
    .stickymenu .logo-container {
      width: calc(400px / 2); } }
  @media (min-width: 992px) and (min-width: 992px) {
    .stickymenu .logo-container {
      width: calc(400px / 2); } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .stickymenu .logo-container {
      width: calc(500px / 2); } }

/* The Modal (background) */
.modal {
  position: fixed;
  /* Stay in place */
  z-index: 200;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
  visibility: hidden;
  /* Hidden by default */
  opacity: 0; }

.modal.open {
  visibility: visible;
  opacity: 1;
  transition: opacity 300ms; }

/* Modal Content (Image) */
.modal-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  z-index: 2; }

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

.product-list-view {
  background-color: #FFF; }

.product-list-item {
  border-bottom: 1px solid #c4c4c4;
  font-size: 0.889em;
  margin: 10px;
  padding: 10px 0px; }
  @media (min-width: 992px) {
    .product-list-item {
      font-size: 1em; } }
  .product-list-item > div {
    padding-right: 10px;
    padding-left: 10px; }
  .product-list-item:last-child {
    border-bottom: none; }
  @media (min-width: 992px) {
    .product-list-item .add-to-cart {
      text-align: right; } }
  .product-list-item .main-item-info > div {
    display: inline-block;
    vertical-align: top; }
  .product-list-item .main-item-info div:first-child {
    margin-right: 10px;
    width: 25%;
    max-height: 75px;
    max-width: 75px; }
    @media (min-width: 992px) {
      .product-list-item .main-item-info div:first-child {
        max-height: 100px;
        max-width: 100px; } }
  .product-list-item .main-item-info div:nth-child(2) {
    width: 69%; }
    .product-list-item .main-item-info div:nth-child(2) span {
      display: block; }
  .product-list-item .main-item-info p {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .product-list-item .product-img {
    max-height: 100%;
    max-width: 100%; }
  .product-list-item ul {
    margin: 0px; }

.flex-borders:not(:last-child) {
  border-right: none;
  border-bottom: 1px solid #c4c4c4; }
  .flex-borders:not(:last-child):nth-child(even) {
    border-right: none; }
  @media (min-width: 550px) {
    .flex-borders:not(:last-child) {
      border-right: 1px solid #c4c4c4;
      border-bottom: none; }
      .flex-borders:not(:last-child):nth-child(2n) {
        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(3n) {
      border-right: none; } }
  @media (min-width: 992px) {
    .flex-borders:not(:last-child):nth-child(3n) {
      border-right: 1px solid #c4c4c4; }
    .flex-borders:not(:last-child):nth-child(4n) {
      border-right: none; } }
  @media (min-width: 1590px) {
    .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;
  font-size: 0.889em;
  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%/1);
      flex-basis: calc(100%/1);
  max-width: calc(100%/1); }
  @media (min-width: 550px) {
    .product-flex-item {
      -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%/3);
          flex-basis: calc(100%/3);
      max-width: calc(100%/3); } }
  @media (min-width: 992px) {
    .product-flex-item {
      -ms-flex-preferred-size: calc(100%/4);
          flex-basis: calc(100%/4);
      max-width: calc(100%/4); } }
  @media (min-width: 1590px) {
    .product-flex-item {
      -ms-flex-preferred-size: calc(100%/6);
          flex-basis: calc(100%/6);
      max-width: calc(100%/6);
      font-size: 1em; } }

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

.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: 0.5em;
  margin-bottom: 0.5em; }

.product-flex-item ul {
  font-size: 0.9em;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  @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 {
  font-size: 0.889em; }
  .flex-sm .product-img-container {
    width: 80px;
    height: 80px; }
  @media (min-width: 1200px) {
    .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; } }

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

.statusbar {
  background-color: #918E85;
  border-radius: 3px;
  color: #FFF;
  font-size: 1.2em;
  padding: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 250px;
  max-width: 100%;
  max-height: 100%;
  overflow-y: auto;
  z-index: 1000; }
  .statusbar a {
    color: #FFF;
    font-size: .75em;
    font-weight: normal;
    padding: 5px 10px;
    text-decoration: underline; }
    .statusbar a:hover {
      color: #FFF; }
  .statusbar span {
    margin-bottom: 5px;
    display: block; }

.statusbar.statusbar-white {
  background-color: #FFF;
  border: 1px solid #c4c4c4;
  box-shadow: 3px 3px 5px #848484;
  color: #000; }
  .statusbar.statusbar-white a {
    color: #710310;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none; }
    .statusbar.statusbar-white a:hover {
      color: #a30417; }

a.accent {
  color: #FFF;
  font-weight: normal; }
  a.accent:hover {
    color: #FFF;
    background-color: #a9a7a0; }
  a.accent:active, a.accent:focus {
    background-color: #77746c;
    color: #c4c4c4; }

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

.accent {
  background-color: #918E85;
  border-radius: 3px;
  color: #FFF;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center; }

.add-description {
  border-top: 1px solid #710310;
  border-bottom: 1px solid #710310;
  margin-top: 10px;
  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: #710310; }

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

.product-list-container, .inxsqlItemGridViewContainer,
.form-section, .form-page,
.jsCheckoutContainer, .order-list, #orderSummary table,
#purchase-info, #product-specs table, #product-attachments {
  background-color: #FFF; }

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

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

blockquote:before {
  color: #710310;
  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; } }
  @media (min-width: 1590px) {
    img.blockquote-img {
      width: 32%; } }

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

.boxes-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .boxes-flex > div {
    margin-top: 1em;
    margin-bottom: 1em; }

.boxes {
  background-color: #FFF;
  border-radius: 3px;
  border: 1px solid #c4c4c4;
  padding: 10px;
  font-weight: normal;
  height: 100%; }

.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: #710310;
    margin: 0;
    position: relative;
    text-align: center; }

.order-list .order-img-container {
  display: block;
  width: 100px;
  height: 100px;
  max-width: 100%; }

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

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

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

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

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

.page-title {
  background-color: #710310;
  text-align: center;
  width: 100%; }
  .page-title h1 {
    color: #FFF;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 15px; }

.parallelogram {
  background-color: #918E85;
  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: #a30417; }
  a.standout:active, a.standout-sm:active, a.standout:focus, a.standout-sm:focus {
    background-color: #3f0209;
    color: #c4c4c4; }

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

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

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

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

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

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

.inxsqlBtnQuickOrderAddBulk {
  display: block;
  margin: 10px auto; }

#inxsqlPsearchResetButton, #inxsqlPsearchLoadButton {
  background-color: #710310;
  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: #710310;
  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: #a30417; }
  .square-button:active, #top-right-menu li > a.square-button-lg.navbar-button:active, .square-button-lg:active, .square-button:focus, #top-right-menu li > a.square-button-lg.navbar-button:focus, .square-button-lg:focus {
    background-color: #3f0209;
    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; }

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

.button-link, .button-icon {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #710310;
  cursor: pointer;
  font-weight: bold;
  margin: auto;
  padding: 0;
  text-align: left; }
  .button-link:hover, .button-icon:hover {
    color: #a30417; }
  .button-link:focus, .button-icon:focus {
    color: #a30417; }
  .button-link:active, .button-icon:active {
    color: #3f0209; }

.button-icon:focus {
  opacity: 0.8; }

a.button {
  margin: 5px;
  padding: 5px; }

a.square-button, #top-right-menu li > a.square-button-lg.navbar-button, a.square-button-lg, a.square-button-lg {
  color: #FFF;
  display: inline-block;
  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; }

a.button.inline-flexform-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.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; } }
    @media (min-width: 1590px) {
      .flex-form input, .flex-form select, .flex-form textarea, .flex-form ul {
        max-width: 540px; } }
  .flex-form .inxsqlRfqCollectionInfo {
    -webkit-box-flex: 3;
        -ms-flex: 3 0 auto;
            flex: 3 0 auto; }
    @media (min-width: 768px) {
      .flex-form .inxsqlRfqCollectionInfo {
        max-width: 270px; } }
    @media (min-width: 992px) {
      .flex-form .inxsqlRfqCollectionInfo {
        max-width: 380px; } }
    @media (min-width: 1200px) {
      .flex-form .inxsqlRfqCollectionInfo {
        max-width: 470px; } }
    @media (min-width: 1590px) {
      .flex-form .inxsqlRfqCollectionInfo {
        max-width: 580px; } }
    .flex-form .inxsqlRfqCollectionInfo > input {
      max-width: 100%; }
  .flex-form textarea {
    height: 100px; }

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: #710310;
    display: block;
    font-weight: normal; }
    form#inxsqlLoginForm a:hover {
      color: #710310;
      font-weight: bold; }
  form#inxsqlLoginForm button {
    display: block; }
  form#inxsqlLoginForm span {
    font-size: 0.9em; }
  form#inxsqlLoginForm span a {
    display: inline; }

.inline-form-items > * {
  display: inline-block; }

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

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

@media (min-width: 768px) {
  .inline-form li > label {
    -webkit-transform: none;
            transform: none; } }

.inline-form .custom ul {
  margin: 0; }

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

.inline-form .custom .custom-label {
  -webkit-transform: none;
          transform: none; }
  @media (min-width: 992px) {
    .inline-form .custom .custom-label {
      margin-bottom: 15px; } }

input, select, textarea {
  border: 1px solid #c4c4c4; }

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

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

.inxsqlInvalidInput {
  border: 1px solid #A94442;
  background: #fff0f2; }

#inxsqlLoginForm input {
  max-width: 95%; }

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

#inxsqlSearchForm input {
  max-width: 225px; }

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

#inxUpload {
  max-width: 100%; }

@media (min-width: 768px) {
  .jsQOBulkContainer {
    text-align: center; } }

label {
  font-weight: normal; }

.noPriorBusiness, .yesPriorBusiness {
  display: none; }
  .noPriorBusiness.displayForm, .yesPriorBusiness.displayForm {
    display: block; }

.robot-captcha {
  margin-bottom: 20px; }
  .robot-captcha > div > div {
    margin: 0 auto; }

#quick-order {
  background-color: #EFEFEF;
  padding: 10px; }
  #quick-order .subtitle-sm {
    margin-right: 15px; }
  #quick-order .block {
    display: block; }

@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; } }

/*Form Error Styling*/
.flex-form div.has-error {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-form .form-error {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center; }

.has-error .form-error {
  color: #DB0000; }

.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-selected) {
  border: 1px solid transparent; }
  .jplist-pagination button:not(.jplist-selected):hover, .jplist-pagination button:not(.jplist-selected):focus {
    border: 1px solid #c4c4c4;
    color: #000; }

.jplist-pagination .jplist-selected {
  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: 3px; }
  .text-filter-box .jplist-clear:hover, .text-filter-box .jplist-clear:focus {
    box-shadow: 0 0 0 2px #6b6b6b; }

.jplist-disabled {
  display: none; }

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

/*Sort styling*/
table.dataTable thead th {
  position: relative;
  background-image: none !important;
  /* Remove the DataTables bootstrap integration styling */ }

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #c4c4c4; }

table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
  color: #FFF; }

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
  color: #FFF; }

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
  content: ""; }

.dataTables_wrapper .paginate_button {
  font-weight: normal; }

.dataTables_wrapper .first, .dataTables_wrapper .previous, .dataTables_wrapper .paginate_button.next, .dataTables_wrapper .last, .dataTables_wrapper .dt-button {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

.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;
    line-height: 14px;
    margin-left: 2px;
    padding: 8px; }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
      background-color: #710310;
      background-image: none;
      border: none; }
    .dataTables_wrapper .dataTables_paginate .paginate_button:active {
      background-color: #3f0209;
      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.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  background: none;
  border: none;
  color: #918E85;
  box-shadow: none;
  content: '\f13a';
  font-family: 'Font Awesome 5 Free';
  font-size: 20px;
  font-weight: bold; }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  background: none;
  color: #918E85;
  content: '\f139'; }

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  height: 20px;
  width: 20px;
  line-height: 20px; }

table.dataTable > tbody > tr.child ul.dtr-details > li {
  padding: 0.25em 0; }

.dtr-title {
  padding-right: 0.5em; }

table.dataTable tbody td.child {
  padding: 0.5em 1em;
  text-align: left; }

#datatablePSearch.dataTable > tbody > tr.child li[data-dtr-index="1"] span.dtr-title {
  display: none; }

#datatable.dataTable > tbody > tr.child li[data-dtr-index="1"] span.dtr-title {
  display: none; }

#datatableWishlist.dataTable > tbody > tr.child li[data-dtr-index="1"] span.dtr-title {
  display: none; }

#datatableWishlist.dataTable > tbody > tr.child li[data-dtr-index="2"] span.dtr-title {
  display: none; }

/*****************/
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: 3px; }
  @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: 60px;
  min-width: 40px;
  width: 100%; }
  @media (min-width: 768px) {
    td img {
      max-width: 75px;
      min-width: 50px; } }
  @media (min-width: 992px) {
    td img {
      max-width: 100px; } }

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: #710310;
  color: #FFF; }

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

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

.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: #918E85; }

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

#cover-content h1 {
  color: #710310;
  margin-bottom: 20px;
  text-shadow: 3px 2px 1px #F9F9F9; }
  @media (min-width: 768px) {
    #cover-content h1 {
      font-size: 3.5em; } }
  @media (min-width: 992px) {
    #cover-content h1 {
      margin-bottom: 0; } }
  @media (min-width: 1400px) {
    #cover-content h1 {
      font-size: 4.5em; } }

.cover-link {
  margin: 0 auto 0 auto;
  width: 75%; }
  @media (min-width: 768px) {
    .cover-link {
      width: 50%; } }
  @media (min-width: 992px) {
    .cover-link {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      left: 78%;
      width: 25%; } }

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

#cover-wrapper:before {
  background-image: url("images/BaumBuilding1958.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;
  opacity: 0.65; }

#cover-wrapper, #cover-wrapper:before {
  min-height: 350px; }
  @media (min-width: 768px) {
    #cover-wrapper, #cover-wrapper:before {
      min-height: 450px; } }
  @media (min-width: 992px) {
    #cover-wrapper, #cover-wrapper:before {
      min-height: 600px; } }
  @media (min-width: 1200px) {
    #cover-wrapper, #cover-wrapper:before {
      min-height: 800px; } }
  @media (min-width: 1900px) {
    #cover-wrapper, #cover-wrapper:before {
      min-height: 1100px; } }

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

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

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

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

#inxsqltandc {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  padding: 10px;
  position: fixed;
  bottom: 0;
  text-align: center;
  width: 100%;
  z-index: 1000000; }
  #inxsqltandc a {
    color: #FFF;
    font-weight: normal;
    text-decoration: underline; }
    #inxsqltandc a:hover {
      font-weight: bold; }
  #inxsqltandc .square-button, #inxsqltandc #top-right-menu li > a.square-button-lg.navbar-button, #top-right-menu #inxsqltandc li > a.square-button-lg.navbar-button, #inxsqltandc .square-button-lg {
    background-color: #918E85; }
    #inxsqltandc .square-button:hover, #inxsqltandc #top-right-menu li > a.square-button-lg.navbar-button:hover, #top-right-menu #inxsqltandc li > a.square-button-lg.navbar-button:hover, #inxsqltandc .square-button-lg:hover {
      background-color: #a9a7a0; }

#view-button {
  padding-top: 5px;
  max-width: 200px; }
  #view-button:hover {
    cursor: pointer; }
  #view-button:focus {
    outline: 2px solid #6b6b6b; }

#psearch-filter-menu {
  display: none; }
  @media (min-width: 768px) {
    #psearch-filter-menu {
      display: block; } }

#psearch-filter-show {
  margin-left: 0; }

.psearch-filters {
  font-size: 0.889em; }
  .psearch-filters button {
    padding: 7px;
    vertical-align: middle; }
  .psearch-filters select, .psearch-filters button, .psearch-filters .psearch-spec-filters {
    margin: 5px 0px; }
  @media (min-width: 992px) {
    .psearch-filters > div {
      display: table; } }
  .psearch-filters .filter-heading {
    border-bottom: 2px solid #710310;
    display: table;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px; }

.psearch-spec-filters {
  background: #FFF;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  padding: 5px;
  vertical-align: middle; }
  @media (min-width: 768px) {
    .psearch-spec-filters {
      width: 100%; } }
  .psearch-spec-filters:hover {
    cursor: default; }
  .psearch-spec-filters:focus {
    box-shadow: 0 0 0 2px #6b6b6b; }
  .psearch-spec-filters .current-spec-value {
    display: block; }
  .psearch-spec-filters .dropdown-spec-menu {
    background: #FFF;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    display: none;
    padding: 5px;
    position: absolute;
    top: 110%;
    left: 0;
    min-width: 100%;
    max-height: 260px;
    overflow: auto;
    z-index: 200;
    white-space: nowrap; }
    .psearch-spec-filters .dropdown-spec-menu > label {
      display: block;
      margin: 0px;
      padding: 2.5px; }
      .psearch-spec-filters .dropdown-spec-menu > label:hover {
        background-color: #F5F5F5; }
    .psearch-spec-filters .dropdown-spec-menu.open {
      display: block; }
  @media (min-width: 768px) {
    .psearch-spec-filters i {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }
  @media (min-width: 768px) {
    .psearch-spec-filters .spec-type {
      display: inline-block;
      overflow: hidden;
      vertical-align: middle;
      width: 90%; } }

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

@media (min-width: 768px) {
  #psearch-grid-view .flex-borders:not(:last-child) {
    border-right: 1px solid #c4c4c4;
    border-bottom: none; }
    #psearch-grid-view .flex-borders:not(:last-child):nth-child(2n) {
      border-right: none; } }

@media (min-width: 992px) {
  #psearch-grid-view .flex-borders:not(:last-child):nth-child(2n) {
    border-right: 1px solid #c4c4c4; }
  #psearch-grid-view .flex-borders:not(:last-child):nth-child(3n) {
    border-right: none; } }

@media (min-width: 992px) and (min-width: 1200px) {
  #psearch-grid-view .flex-borders:not(:last-child):nth-child(3n) {
    border-right: 1px solid #c4c4c4; }
  #psearch-grid-view .flex-borders:not(:last-child):nth-child(4n) {
    border-right: none; } }

@media (min-width: 768px) {
  #psearch-grid-view .product-flex-item {
    -ms-flex-preferred-size: calc(100%/2);
        flex-basis: calc(100%/2);
    max-width: calc(100%/2); } }

@media (min-width: 992px) {
  #psearch-grid-view .product-flex-item {
    -ms-flex-preferred-size: calc(100%/3);
        flex-basis: calc(100%/3);
    max-width: calc(100%/3); } }

@media (min-width: 1200px) {
  #psearch-grid-view .product-flex-item {
    -ms-flex-preferred-size: calc(100%/4);
        flex-basis: calc(100%/4);
    max-width: calc(100%/4); } }

.specs-table-hidden {
  display: none; }

.specs-table {
  font-size: 0.889em;
  margin-bottom: 10px;
  max-width: 400px; }
  .specs-table td {
    border: none;
    padding: 0px;
    text-align: left; }
    .specs-table td:first-child {
      padding-right: 5px; }

#also-bought h3, #alternate-products h3 {
  border-top: 1px solid #710310;
  color: #918E85;
  padding-top: 10px; }

#detailsBtnItemAdd {
  background-color: #918E85;
  display: block;
  font-size: 1em;
  margin: 10px auto;
  width: 80%; }
  #detailsBtnItemAdd:hover {
    background-color: #a9a7a0; }

#inxsqlWishList {
  font-size: 0.889em;
  width: 198px; }

.price {
  color: #918E85;
  font-size: 1.2em;
  font-weight: bold; }

.price-promo {
  display: inline-block;
  font-size: 0.889em;
  white-space: nowrap; }
  .price-promo span:first-child {
    color: #E00000; }
  .price-promo span:nth-child(2) {
    text-decoration: line-through #E00000; }

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

#product-description ul {
  list-style-type: disc; }

/*#product-specs td {
    text-align: left;
}*/
@media (min-width: 768px) {
  #purchase-info {
    margin: 0 auto;
    float: none; } }

@media (min-width: 992px) {
  #purchase-info {
    margin: auto;
    float: left; } }

#purchase-info table {
  font-size: 0.889em;
  margin-bottom: 0.5em; }

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

/*//SLICK CAROUSEL//////////*/
/*//ARROWS//////////*/
/*Classes assigned to arrows are found in Waterford.js file*/
.slick-prev, .slick-next {
  color: #710310;
  cursor: pointer;
  opacity: .5;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1; }
  .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;
    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: #710310;
      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; }

#enImgSlider .slick-prev, #enImgSlider .slick-next, #enImgSlider .slick-dots li button:before {
  color: #f1f1f1; }

#enImgSlider .enImgSlider-container img {
  display: block;
  margin: 0 auto;
  max-width: 100%; }

#enImgNav {
  margin-top: 20px;
  text-align: center; }
  #enImgNav .enImgNav-container {
    display: inline-block;
    margin: 5px;
    width: 50px; }

#inxsqlCheckoutFormContainer {
  border: 1px solid #c4c4c4; }

#inxsqlCheckoutFormContainer p.subtitle-sm {
  color: #918E85;
  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; }

#inxnotloggedinforms .bordered-box {
  background-color: #FFF;
  padding: 15px;
  margin-bottom: 15px; }

#inxnotloggedinforms .checkout-title {
  border-bottom: 2px solid #710310;
  font-size: 1.2em;
  font-weight: bold; }

#inxnotloggedinforms button, #inxnotloggedinforms form#inxsqlLoginForm {
  display: block;
  margin: 0 auto;
  max-width: 100%; }

#inxsqlQuickOrderItem {
  max-width: 150px; }
  @media (min-width: 400px) {
    #inxsqlQuickOrderItem {
      max-width: none; } }

.inxsqlStatusBarContainer {
  display: none; }

.inxsqlUpdateBtn:hover, .jsBtnRemove:hover {
  cursor: pointer; }

#NewCenposPlugin {
  background-color: #FFF;
  border: 1px solid #c4c4c4;
  height: 1090px; }
  @media (min-width: 435px) {
    #NewCenposPlugin {
      height: 880px; } }
  @media (min-width: 1200px) {
    #NewCenposPlugin {
      height: 720px; } }

#cenposPayIFrameId {
  border: none;
  height: 100%;
  margin: 0; }

#orderSummary {
  margin-bottom: 10px; }

.shipdate {
  width: 110px; }

.tabs > * {
  border-radius: 5px 5px 0 0;
  font-size: 0.8em;
  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 {
  box-shadow: 1px -1px 2px #c4c4c4;
  background-color: #710310;
  border-bottom: 1px solid #710310;
  color: #FFF; }

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

#account-boxes i {
  font-size: 2.5em;
  padding: 0; }

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

#user-icon {
  -webkit-transform: translateY(25%);
          transform: translateY(25%); }

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

#inxsqlLotHistoryContainer {
  padding: 20px 0;
  text-align: left; }
  @media (min-width: 992px) {
    #inxsqlLotHistoryContainer {
      text-align: center; } }
  #inxsqlLotHistoryContainer button {
    display: block;
    margin: 5px auto; }
  #inxsqlLotHistoryContainer .row {
    border-bottom: 1px solid #c4c4c4;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px; }
  #inxsqlLotHistoryContainer span {
    display: inline; }

.inxsqlNewAccountPriorBusiness {
  float: right; }

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

#inxsqlWishListSelectorContainer {
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  padding: 0.5em;
  text-align: center; }
  #inxsqlWishListSelectorContainer p {
    margin: 0; }
  #inxsqlWishListSelectorContainer p.subtitle-sm, #inxsqlWishListSelectorContainer select {
    display: inline-block;
    vertical-align: middle; }

#tax-icons {
  position: relative;
  left: -5px; }
  #tax-icons .fa-dollar-sign {
    position: relative;
    left: 5px; }
  #tax-icons .fa-percentage {
    font-size: 2.2em;
    position: relative;
    top: 5px;
    right: 3px;
    -webkit-text-stroke: 1px white; }

#wishlist-title p {
  margin-right: 15px; }

@media (min-width: 768px) {
  #wishlist-title > * {
    display: inline-block;
    vertical-align: middle; } }

/*BAUM's Colors for future reference
	primary: $darkred: #710310; .content a is primary; hover,focus,active is primary-light;
	secondary: $black: #000;
	accent: $taupe: #918E85; accent light is 10%
	sub-footer: $dark-taupe: #524F40; */
#banner {
  overflow: hidden;
  position: absolute;
  background: transparent;
  width: 100%; }
  #banner p {
    color: #710310;
    font-family: "Khand", sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 3px 2px 1px #F9F9F9;
    display: inline-block;
    position: relative;
    text-align: center;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    left: 100%;
    white-space: nowrap;
    -webkit-animation: slidein 12s linear 2, stop 8s linear 24s forwards;
            animation: slidein 12s linear 2, stop 8s linear 24s forwards; }
    @media (min-width: 768px) {
      #banner p {
        font-size: 2.25em; } }
    @media (min-width: 1200px) {
      #banner p {
        -webkit-animation: slidein 21s linear 2, stop 14s linear 42s forwards;
                animation: slidein 21s linear 2, stop 14s linear 42s forwards; } }

@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    left: 100%; }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    left: 0%; } }

@keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    left: 100%; }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    left: 0%; } }

@-webkit-keyframes stop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    left: 100%;
    white-space: normal; }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    white-space: normal; } }

@keyframes stop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    left: 100%;
    white-space: normal; }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    white-space: normal; } }

/*Button Gradients*/
.square-button, #top-right-menu li > a.square-button-lg.navbar-button, .square-button-lg, .square-button-lg, #top-right-menu li > a.square-button-lg.navbar-button {
  background: linear-gradient(to bottom, #ba0315 0%, #710310 43%, #140000 100%); }

.square-button:hover, #top-right-menu li > a.square-button-lg.navbar-button:hover, .square-button-lg:hover, .square-button-lg:hover, #top-right-menu li > a.square-button-lg.navbar-button:hover {
  background: linear-gradient(to bottom, #88020f 0%, #3f0209 43%, #140000 100%); }

.square-button:active, #top-right-menu li > a.square-button-lg.navbar-button:active, .square-button-lg:active, .square-button-lg:active, #top-right-menu li > a.square-button-lg.navbar-button:active {
  background: linear-gradient(to bottom, #88020f 0%, #3f0209 43%, #140000 100%); }

/**************************/