* {
  font-family: Arial, Helvetica, sans-serif; }

html {
  font-size: 62.5%; }

body {
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; }

a {
  color: black;
  text-decoration: underline;
  cursor: pointer; }

a:hover {
  color: #BA2125; }

pre, xmp, plaintext, listing {
  font-family: 'Consolas', monospace; }

h2 {
  font-size: 20px;
  font-size: 2.0rem;
  display: inline-block; }

textarea {
  font-size: 13px;
  font-size: 1.3rem; }

.floatRight {
  float: right; }

.floatRight form {
  padding-left: 12px; }

#mainBodyHead .floatRight {
  margin-right: 5px;
  text-align: right; }

.floatLeft {
  float: left; }

.clear {
  clear: both; }

.flexWrapper {
  display: flex;
  flex-wrap: wrap; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }
/* this is to add self clearing of children divs aka. Clearfix, but named group for semantic reasons */
.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

* html .group {
  zoom: 1; }

/* IE6 */
*:first-child + html .group {
  zoom: 1; }

/* IE7 */
/* end clearfix */
.right {
  text-align: right;
  margin-left: auto;
  margin-right: 0; }

.left {
  text-align: left;
  margin-left: 0;
  margin-right: auto; }

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.blank {
  height: 12px; }

div#mainBodyHead {
  z-index: 1 !important;
  overflow: visible;
  position: static;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  margin-bottom: 6px;
  border-bottom: 1px solid #ccc;
  overflow: visible; }

div#mainBodyHead #userName, div#mainBodyHead .custName, div#mainBodyHead .cartTopLink {
  white-space: nowrap; }

div#mainBodyHead .faveListHeader {
  float: right;
  clear: right;
  position: relative;
  margin: 5px 0; }

div#mainBodyContent {
  padding-top: 6px;
  position: relative; }

.dividers span:after {
  display: inline-block;
  content: '|';
  margin: 0 3px; }

.dividers span:last-child:after {
  content: ''; }

input, select, button {
  margin-right: 5px; }

.round {
  border-radius: 5px; }

.contentPage {
  float: left;
  width: 100%; }

table td {
  vertical-align: top; }

label {
  font-weight: bold; }

table label {
  text-align: right;
  margin-left: auto;
  font-weight: bold;
  float: right;
  padding-right: 6px; }

table label.info {
  text-align: left;
  font-weight: normal;
  float: none; }

table label.vertical {
  display: block;
  text-align: left;
  font-weight: bold;
  float: none;
  margin-top: 6px; }

legend {
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #fff; }

fieldset {
  background: #fff;
  padding: 6px;
  border: none; }

fieldset.box {
  border: solid 1px #ccc;
  margin: 10px 0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  padding: 5px;
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0; }

img {
  border: none; }

.error {
  color: #f00;
  font-style: italic; }

.errorInput {
  background: #ff9f9f;
  color: #fff; }

input[type=checkbox].errorInput, input[type=radio].errorInput {
  outline: solid 1px #ff9f9f; }

input.errorInput:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ff9f9f inset;
  -webkit-text-fill-color: white; }

div.waiting {
  background: url("base/style/images/sprites.png") no-repeat -250px -100px;
  width: 48px;
  height: 48px;
  margin: 20% auto 0 auto;
  animation: spin 2s ease infinite; }

.treemenu .sel {
  color: #f00;
  font-weight: bold; }

.treeview, .treeview ul {
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

.year {
  border-radius: 2px;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  background: #c22326;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

#userName {
  font-weight: bold; }

/* Product Listing Header */
.prodList {
  clear: both; }

.listImage {
  max-width: 100px;
  max-height: 100px; }

.prodListHeader {
  background: transparent;
  margin: 12px 0 0 0;
  padding: 0;
  width: 100%; }

.prodListHeader p {
  margin: 5px; }

.prodListHeader a.prevBtn, .prodListFooter a.prevBtn {
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  background: url("base/style/images/sprites.png") no-repeat -25px -100px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: left; }

.prodListHeader a.nextBtn, .prodListFooter a.nextBtn {
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  background: url("base/style/images/sprites.png") no-repeat -50px -75px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: left; }

.prodListHeaderLeft {
  width: 33%;
  float: left;
  vertical-align: bottom;
  min-height: 1px;
  margin: 0px; }

.prodListHeaderCenter {
  width: 34%;
  float: left;
  text-align: center;
  min-height: 1px; }

.prodListHeaderRight {
  width: 33%;
  float: left;
  text-align: right; }

.prodSearchTabs {
  float: left;
  width: 100%; }

.prodSearchTabs .prodListHeader, .prodSearchTabs .prodListContent {
  width: 97%; }

/* --------- */
/* Product List Common */
.prodListContent > .prodListProd {
  border: solid 1px #ccc;
  margin: 10px 0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  padding: 5px; }

.prodListContent > .prodListProd.inCart {
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); }

/* End Product List Common */
/* ------------- */
/* --------- */
/* List View */
div[data-orient=L] .prodListContent > .prodListProd {
  line-height: 15px;
  line-height: 1.5rem; }

div[data-orient=L] .prodListContent > .prodListProd .imageCol {
  float: left;
  padding: 0 10px 10px 0; }

div[data-orient=L] .prodListContent > .prodListProd .descCol {
  float: left;
  width: 400px;
  padding: 0 10px 10px 0; }

div[data-orient=L] .prodListContent > .prodListProd .prodDesc, div[data-orient=L] .prodListContent > .prodListProd .listDesc {
  display: block;
  padding: 0 0 12px 0; }

div[data-orient=L] .prodListContent > .prodListProd .prodNum {
  display: block;
  font-weight: bold;
  color: #002261; }

div[data-orient=L] .prodListContent > .prodListProd .priceCol {
  display: inline-block;
  width: 200px;
  min-width: initial;
  text-align: left;
  float: right; }

div[data-orient=L] .prodListContent > .prodListProd .buttonRow:after {
  content: '';
  display: block;
  clear: both; }

div[data-orient=L] .prodListContent > .prodListProd input.qty {
  width: 80px;
  width: 8rem; }

div[data-orient=L] .prodListContent > .prodListProd .priceDiv {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem; }

div[data-orient=L] .prodListContent > .prodListProd .whseDiv {
  clear: both; }

div[data-orient=L] .prodListContent > .prodListProd .buttonRow {
  clear: both; }

div[data-orient=L] .prodListContent > .prodListProd .compareSpan {
  position: relative; }

div[data-orient=L] .prodListContent > .prodListProd .compareCheck {
  position: absolute;
  right: 10px; }

div[data-orient=L] .prodListContent > .prodListProd .compareBtn {
  padding-right: 25px; }

div[data-orient=L] .prodListContent > .prodListProd .moreDiv .tabs {
  margin: 10px 0 0 0; }

/* End List View */
/* ------------- */
/* --------- */
/* Grid View */
div[data-orient=G] .prodListContent > .prodListProd {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px;
  width: 300px;
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  position: relative; }

div[data-orient=G] .prodListContent > .prodListProd .imageCol {
  text-align: center; }

div[data-orient=G] .prodListContent > .prodListProd .prodDesc, div[data-orient=G] .prodListContent > .prodListProd .listDesc {
  display: block;
  padding: 0 0 12px 0;
  overflow: hidden; }

div[data-orient=G] .prodListContent > .prodListProd .prodNum {
  display: block;
  font-weight: bold;
  color: #002261; }

div[data-orient=G] .prodListContent > .prodListProd .availCodeDiv, div[data-orient=G] .prodListContent > .prodListProd .availDiv, div[data-orient=G] .prodListContent > .prodListProd .cpnDiv, div[data-orient=G] .prodListContent > .prodListProd .suggRet, div[data-orient=G] .prodListContent > .prodListProd .umDiv {
  overflow: hidden; }

div[data-orient=G] .prodListContent > .prodListProd .whseDiv, div[data-orient=G] .prodListContent > .prodListProd .umDiv, div[data-orient=G] .prodListContent > .prodListProd .qtyDiv {
  line-height: 20px;
  line-height: 2rem;
  overflow: hidden; }

div[data-orient=G] .prodListContent > .prodListProd input.qty {
  width: 80px;
  width: 8rem; }

div[data-orient=G] .prodListContent > .prodListProd .priceDiv {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  overflow: hidden; }

div[data-orient=G] .prodListContent > .prodListProd .whseDiv {
  clear: both; }

div[data-orient=G] .prodListContent > .prodListProd .buttonRow {
  clear: both;
  margin: 5px 0 0 0; }

div[data-orient=G] .prodListContent > .prodListProd .buttonRow input {
  margin-bottom: 4px; }

div[data-orient=G] .prodListContent > .prodListProd .compareSpan {
  position: relative; }

div[data-orient=G] .prodListContent > .prodListProd .compareCheck {
  position: absolute;
  right: 10px; }

div[data-orient=G] .prodListContent > .prodListProd .compareBtn {
  padding-right: 25px; }

div[data-orient=G] .prodListContent > .prodListProd .moreBtn, div[data-orient=G] .prodListContent > .prodListProd .moreDiv {
  display: none; }

/* End Grid View */
/* ------------- */
/* --------- */
/* Micro View */
div[data-orient=M] .prodListContent > .prodListProd {
  width: 160px;
  margin-right: 10px;
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  position: relative;
  text-align: center; }

div[data-orient=M] .prodListContent > .prodListProd .imageCol {
  margin: 0 auto 3px; }

div[data-orient=M] .prodListContent > .prodListProd .prodNum {
  display: block;
  color: #002261; }

div[data-orient=M] .prodListContent > .prodListProd .priceDiv {
  font-weight: bold;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 13px;
  line-height: 1.3rem;
  font-weight: normal; }

div[data-orient=M] .prodListContent > .prodListProd .buttonRow {
  clear: both;
  margin: 5px 0 0 0; }

div[data-orient=M] .prodListContent > .prodListProd .buttonRow input {
  margin-bottom: 4px; }

div[data-orient=M] .prodListContent > .prodListProd .buttonRow input[type=button].moreBtn,
div[data-orient=M] .prodListContent > .prodListProd .moreDiv,
div[data-orient=M] .prodListContent > .prodListProd .prodDescDiv,
div[data-orient=M] .prodListContent > .prodListProd .listDescDiv,
div[data-orient=M] .prodListContent > .prodListProd .cpnDiv,
div[data-orient=M] .prodListContent > .prodListProd .availCodeDiv,
div[data-orient=M] .prodListContent > .prodListProd .availDiv,
div[data-orient=M] .prodListContent > .prodListProd .whseDiv,
div[data-orient=M] .prodListContent > .prodListProd .suggRet,
div[data-orient=M] .prodListContent > .prodListProd .umDiv,
div[data-orient=M] .prodListContent > .prodListProd .qtyDiv,
div[data-orient=M] .prodListContent > .prodListProd .compareText {
  display: none; }

div[data-orient=M] .prodListContent > .prodListProd .buttonRow input[type=button] {
  display: inline-block;
  margin: 0 .3rem;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  border: none;
  text-align: left; }

div[data-orient=M] .prodListContent > .prodListProd .buttonRow .compareSpan {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  margin: 0 .3rem; }

div[data-orient=M] .prodListContent > .prodListProd input.compareCheck {
  width: 24px;
  visibility: hidden; }

div[data-orient=M] .prodListContent > .prodListProd .compareBtn {
  background: none;
  border: none;
  text-indent: -9999px;
  overflow: hidden; }

div[data-orient=M] .prodListContent > .prodListProd input.compareCheck + label {
  content: '';
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -75px -150px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0; }

div[data-orient=M] .prodListContent > .prodListProd input.compareCheck:checked + label {
  background: url("base/style/images/sprites.png") no-repeat -50px -125px;
  background-size: 500px 500px;
  box-shadow: 0 0 1px 1px #a00;
  border-radius: 12px; }

div[data-orient=M] .prodListContent > .prodListProd input.cartBtn {
  background: url("base/style/images/sprites.png") no-repeat -400px -125px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px; }

div[data-orient=M] .prodListContent > .prodListProd input.faveBtn {
  background: url("base/style/images/sprites.png") no-repeat -250px 0px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px; }

div[data-orient=M] .prodListContent > .prodListProd input.reqBtn {
  background: url("base/style/images/sprites.png") no-repeat -175px -225px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px; }

div[data-orient=M] .prodListContent > .prodListProd input.hideBtn {
  background: url("base/style/images/sprites.png") no-repeat -325px -375px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px; }

/* End Micro View */
/* ------------- */
/* ------------- */
/* Carousel View */
.prodList.rlCarousel {
  width: 680px;
  margin: 20px; }

.rlCarousel {
  position: relative; }

.rlCarouselNext, .rlCarouselPrev {
  cursor: pointer; }

.rlCarouselContainer .prodGridProd {
  width: 116px;
  margin: 0 5px 5px 5px;
  padding: 5px;
  border: none;
  vertical-align: top; }

.rlCarouselContainer .prodGridProd .prodNum, .rlCarouselContainer .prodGridProd .prodDesc, .rlCarouselContainer .prodGridProd .priceDiv {
  font-size: 11px;
  font-size: 1.1rem; }

.rlCarouselContainer .prodGridProd .prodDescDiv {
  height: 34px;
  height: 3.4rem;
  overflow: hidden; }

.rlCarouselContainer .prodGridProd .priceDiv.hasCost {
  height: 30px;
  height: 3rem; }

.rlCarouselContainer .prodGridProd .listDescDiv, .rlCarouselContainer .prodGridProd .cpnGridDiv,
.rlCarouselContainer .prodGridProd .availCodeDiv, .rlCarouselContainer .prodGridProd .faveBtn,
.rlCarouselContainer .prodGridProd .reqBtn, .rlCarouselContainer .prodGridProd .hideBtn,
.rlCarouselContainer .prodGridProd .qtyDiv .prompt, .rlCarouselContainer .prodGridProd .compareBox,
.rlCarouselContainer .whseDiv {
  display: none; }

.rlCarouselContainer .prodGridProd .qtyDiv input {
  width: 60px; }

.rlCarouselContainer .prodGridProd .qtyDiv, .rlCarouselContainer .prodGridProd .prodGridProdBtns {
  display: inline; }

.rlCarouselNav.top {
  display: none; }

.rlCarouselNav.bottom .rlCarouselPrev {
  position: absolute;
  left: -20px;
  top: 50%;
  background: url("base/style/images/sprites.png") no-repeat -25px -100px;
  background-size: 500px 500px;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  text-align: left; }

.rlCarouselNav.bottom .rlCarouselNext {
  position: absolute;
  right: -20px;
  top: 50%;
  background: url("base/style/images/sprites.png") no-repeat -50px -75px;
  background-size: 500px 500px;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  text-align: left; }

/* ----------------- */
/* End Carousel View */
div.inCart {
  background-color: #eee;
  background-image: none; }

/* Product Listing Footer */
.prodListFooter .prodListFooterLeft {
  width: 33%;
  float: left;
  clear: both;
  vertical-align: bottom;
  min-height: 1px;
  margin: 0; }

.prodListFooter .prodListFooterCenter {
  width: 34%;
  float: left;
  text-align: center;
  min-height: 1px; }

.prodListFooter .prodListFooterRight {
  width: 33%;
  float: left;
  text-align: right; }

.fullProduct {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem; }

.fullProduct .prodImg {
  float: none;
  margin: 12px 0 0 0; }

.fullProduct .prodImg img {
  max-width: 33%;
  max-height: 450px;
  overflow: hidden;
  float: left;
  margin: 0 2% 18px 0; }

.fullProduct .prodInfo .prodDesc {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #033E7D; }

.fullProduct .prodNum {
  color: #8e8e8e;
  font-weight: normal; }

.fullProduct .suggRetail {
  color: #8e8e8e; }

.fullProduct .netPrice {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #033E7D; }

.fullProduct .tabs {
  clear: both;
  position: static;
  margin: 20px; }

.fullProduct .btns .cartBtn {
  display: inline-block;
  padding: 18px;
  margin: 0 30px;
  height: auto;
  width: auto;
  border-radius: 2px;
  border: 2px solid #8b0000;
  color: #fff;
  text-decoration: none;
  font-size: 140%;
  font-weight: normal;
  text-align: center;
  background: #a90329;
  text-indent: 0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

select.defaultFaveList {
  max-width: 240px; }

.fullProduct .faveBtn, .fullProduct .reqBtn {
  background-image: none;
  text-indent: 0;
  width: auto;
  height: auto; }

.fullProduct .prodInfo {
  position: relative;
  float: left;
  width: 64%;
  max-width: 700px;
  margin: 0 0 18px 0; }

.fullProduct .prodInfo .prodDesc, .fullProduct .prodInfo .prodNum, .fullProduct .prodInfo .netPrice, .fullProduct .prodInfo .suggRetail, .fullProduct .prodInfo .qty {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 .5px 0; }

.fullProduct .prodInfo .btns {
  float: right;
  margin: 0 0 12px 12px;
  max-width: 275px;
  text-align: center; }

.fullProduct .prodInfo .btns a {
  white-space: nowrap; }

.fullProduct .prodInfo .prodData {
  max-width: 400px; }

.fullProduct .prodInfo .listDesc {
  clear: both;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 18px 0; }

.fullProduct .relProds {
  clear: both; }

.relProd .prodDesc {
  position: relative;
  top: 0;
  left: 0; }

.relProd .prodNum {
  position: relative;
  top: 0;
  left: 0; }

.accProd .prodDesc, .accProd .prodNum, .accProd .netPrice, .accProd .suggRetail, .accProd .qty {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 .5px 0; }

.subProd .prodDesc, .subProd .prodNum, .subProd .netPrice, .subProd .suggRetail, .subProd .qty {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 .5px 0; }

/* Product Options */
.prodOptions {
  clear: both;
  background: #f9f9f9;
  display: block;
  position: static;
  margin: 12px 0;
  border: solid 1px #ccc;
  border-radius: 2px;
  padding: 0 5px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

.prodOptions .prodOptionsToggle {
  padding: 12px 0 12px 12px;
  margin: 0 -12px;
  color: black;
  cursor: pointer;
  font-weight: bold; }

.prodOptions .prodOptionsToggle:after {
  content: '';
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -25px -375px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  transition: transform ease 0.2s;
  vertical-align: middle; }

.prodOptions.opened .prodOptionsToggle:after {
  transform: rotate(90deg); }

.prodOptions div.option {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  margin-right: 12px;
  margin: 0 12px 12px 0;
  min-width: 130px;
  background: #fff; }

.prodOptions div.optionTitle {
  text-align: center;
  margin-bottom: 6px;
  font-weight: bold; }

.prodOptions div.optionValues {
  max-height: 140px;
  overflow-y: auto;
  padding: 0 0 5px 5px; }

.prodOptions div.optionValues label {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  float: none;
  display: inline;
  font-weight: normal; }

/* Orientation */
.orient .sel {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

a.listBtn, a.gridBtn, a.microBtn {
  display: inline-block;
  height: 24px;
  padding: 0px 5px;
  margin-left: 3px; }

a.listBtn:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("base/style/images/sprites.png") no-repeat -275px -375px;
  background-size: 500px 500px; }

a.gridBtn:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("base/style/images/sprites.png") no-repeat -375px -275px;
  background-size: 500px 500px; }

a.microBtn:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("base/style/images/sprites.png") no-repeat -375px -300px;
  background-size: 500px 500px; }

/* Data Tables */
table.dataTable {
  border-collapse: collapse; }

table.dataTable th, table.printTable th {
  vertical-align: bottom;
  padding: 5px;
  border-bottom: 2px solid #ccc;
  background-color: #fff; }

table.dataTable tr.odd {
  background-color: #f9f9f9; }

table.dataTable tr.even {
  background-color: #fff; }

table.dataTable tr.odd td.sorting_1 {
  background-color: #eee; }

table.dataTable tr.even td.sorting_1 {
  background-color: #ddd; }

table.dataTable td, table.printTable td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

table.dataTable tr.hover td {
  cursor: pointer;
  background: #eee; }

table.dataTable tbody th, table.dataTable tbody td, table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 8px 18px 8px 5px; }

table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
  position: relative;
  background: none; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:after {
  content: '';
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat;
  background-size: 410px 410px;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 0; }

table.dataTable thead .sorting:after {
  background-position: -225px -287px; }

table.dataTable thead .sorting_desc:after {
  background-position: -287px -102px; }

table.dataTable thead .sorting_asc:after {
  background-position: -266px -123px; }

/* Compare Table */
table.compareTable th {
  vertical-align: bottom;
  padding: 5px;
  border: 1px solid #ccc;
  background: #eee; }

table.compareTable td {
  border: 1px solid #ccc;
  background: #fff; }

/* Specifications Table */
table.specTable {
  border-collapse: collapse; }

table.specTable td {
  border: 1px solid #ccc;
  padding-right: 12px;
  padding-left: 5px; }

table.specTable td.code {
  color: black;
  font-weight: bold; }

.prodNum, .prodDesc, .compareTable .prodNum {
  font-size: 14px;
  font-size: 1.4rem; }

.compareTable .prodDesc {
  font-size: 11px;
  font-size: 1.1rem;
  max-width: 240px; }

.compareTable td img {
  margin-right: 6px; }

table.compareTable th, table.compareTable td {
  width: 200px; }

table.compareTable td img {
  float: left; }

/* ui-layout */
.ui-layout-toggler-west-open {
  background: transparent url("base/style/images/close.png") no-repeat;
  border: none; }

.ui-layout-toggler-west-closed {
  background: transparent url("base/style/images/menu.png") no-repeat;
  border: none; }

.ui-layout-resizer-closed-hover, .ui-layout-resizer-open-hover {
  background: #ccc; }

/* Budget */
td.atBudget {
  background: yellow none no-repeat !important;
  color: black !important; }

td.overBudget {
  background: #f00 none no-repeat !important;
  color: #fff !important; }

.ui-autocomplete {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  max-width: 200px; }

.ui-autocomplete-loading {
  background: url("base/style/images/aajax-loader-tiny.gif") right center no-repeat; }

.relPages {
  width: 100%;
  float: left; }

.relPageContainer {
  clear: both;
  border: solid 1px transparent; }

.relPage {
  background: #fff;
  border: 1px solid #ccc;
  width: 130px;
  height: 150px;
  float: left;
  text-align: center;
  padding: 6px; }

.relPage .desc {
  font-size: 13px;
  font-size: 1.3rem; }

.cartTable {
  width: 100%; }

.cartTable th {
  border: 1px solid #ccc;
  background: #eee;
  padding: 3px 6px; }

.cartTable td {
  padding: 0 5px; }

.cartTable tr.restricted {
  background-color: #ccc; }

.cartTable tr.prodLine td {
  border-bottom: 1px solid #ccc; }

.cartTable .cartPoLine, .cartTable .qty, .cartTable .discPct {
  width: 100px;
  width: 10rem; }

.cartTable .cartComment {
  width: 540px;
  width: 54rem;
  max-width: 50%; }

.totalField {
  font-weight: bold; }

.prodPage {
  background-color: #fff; }

.prodPage .longDesc {
  margin: 6px 0; }

.compareBox {
  height: 24px;
  text-align: left; }

.compareBox label {
  float: none;
  font-weight: normal; }

.info {
  font-style: italic; }

.avail {
  font-style: italic; }

.compareTable .imageDiv .listImage {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.compareTable td {
  text-align: center; }

div#google_translate_element {
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  margin-bottom: 12px; }

/* printable */
.printable h1 {
  text-align: right; }

.printable .summary {
  margin-bottom: 40px; }

.printable .summary table {
  margin-left: auto;
  margin-right: 0; }

.printable .header {
  margin-bottom: 40px; }

.printable .header table {
  width: 100%; }

.printable .products {
  margin-bottom: 40px; }

.printable .products table {
  width: 100%; }

.printable .product {
  width: 105px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.printable .num {
  width: 105px;
  text-align: right; }

.filtOut {
  display: none; }

.icon.clearText {
  display: none;
  float: right;
  margin-top: 3px;
  margin-right: 3px; }

input.prodFilter::-ms-clear {
  display: none; }

input.prodFilter {
  vertical-align: top;
  display: inline-block;
  background: none;
  padding: 5px;
  border: none;
  width: 90%; }

input.prodFilter:focus {
  outline: none !important; }

div.filterDiv {
  margin-bottom: 1px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  clear: both;
  height: auto; }

.filter {
  margin-top: 5px;
  margin-left: 2px;
  display: inline-block;
  opacity: .4; }

.noFilter {
  clear: both; }

.compareTable .cartBtn {
  vertical-align: bottom; }

a.cartBtn {
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -400px -125px;
  background-size: 500px 500px;
  height: 24px;
  width: 24px;
  margin: 0 5px;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left; }

a.faveBtn {
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -250px 0px;
  background-size: 500px 500px;
  height: 24px;
  width: 24px;
  margin: 0 5px;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left; }

a.reqBtn {
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -175px -225px;
  background-size: 500px 500px;
  height: 24px;
  width: 24px;
  margin: 0 5px;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left; }

a.hideBtn {
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -325px -375px;
  background-size: 500px 500px;
  height: 24px;
  width: 24px;
  margin: 5px;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left; }

img.captcha {
  vertical-align: middle; }

a.captchaRefresh {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url("base/style/images/sprites.png") no-repeat -250px -100px;
  margin-left: auto;
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left; }

tr.pohHead td {
  background: none;
  border: none; }

tr.pohHead .year {
  text-align: center; }

a.excelLink {
  float: right;
  content: '';
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -225px -225px;
  background-size: 750px 750px;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0.3;
  text-align: left; }

a.printLink {
  float: right;
  content: '';
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -450px -337px;
  background-size: 750px 750px;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0.3;
  text-align: left; }

ul.adBox {
  width: 200px;
  height: 200px; }

a.adBoxButton {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #C0C0C0;
  border-radius: 10px;
  margin: 0;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left; }

a.adBoxButton.current {
  background-color: #8B0000; }

/* to standardize the size of the warehouse in the cart */
td.center select {
  width: 100%; }

#cartTabs input[type=submit], #cartTabs input#checkout, #cartTabs input#cartprint, #cartTabs input#discardCart {
  width: 160px;
  height: 40px; }

#cartTabs form table {
  width: 100%; }

.layout #btForm input#btState,
.layout #stForm input#stState,
.prodListHeader input.pg, .prodListFooter input.pg {
  width: 40px;
  width: 4rem; }

.layout #btForm input#btZip,
.layout #stForm input#stZip,
.layout #extraForm input#reqDate,
.layout #ccForm input#ccExp,
.compareTable input.numeric,
.layout form#addProductList input.qty {
  width: 80px;
  width: 8rem; }

.layout #editBlogForm input#effDate, .layout #editBlogForm input#endDate,
.layout #btForm input#btPhone, .layout #btForm input#btFax,
.layout #stForm input#stPhone, .layout #stForm input#stFax,
.layout #extraForm input#poNum, .layout #extraForm input#custRel, .layout #extraForm input#custJob,
.layout #ccForm input#ccNum,
.layout #poForm input#poNum,
.layout #loginForm input#password, .layout #loginForm input.captchInput,
.layout #newPasswordUpd input#password, .layout #newPasswordUpd input#pw2,
.layout .quoteSearch input#startDate, .layout .quoteSearch input#endDate, .layout .quoteSearch input#invStartDate, .layout .quoteSearch input#invEndDate, .layout .quoteSearch input#amtMin, .layout .quoteSearch input#amtMax, .layout .quoteSearch input#balMin, .layout .quoteSearch input#balMax,
.layout #signupForm input#custNum, .layout #signupForm input#phone, .layout #signupForm input#password, .layout #signupForm input#pw2,
.layout #userEditForm input#custNum, .layout #userEditForm input#phone, .layout #userEditForm input#password, .layout #userEditForm input#pw2 {
  width: 120px;
  width: 12rem; }

.layout #blogSearch input#search,
#topSearch input#search,
#searchBody input.searchProdList,
.layout #loginForm input#userId,
.layout #addProductList input.rlProdNum, .layout #addProductList input#newList,
.layout #newFaveForm input[type=text],
.layout #renameFaveForm input[type=text],
.layout .quoteSearch input#quoteId, .layout .quoteSearch input#orderId, .layout .quoteSearch input#custPO, .layout .quoteSearch input#prodNum, .layout .quoteSearch input#invoiceId, .layout .quoteSearch input#order, .layout .quoteSearch input#poNum {
  width: 240px;
  width: 24rem; }

.layout #editBlogForm input#title, .layout #editBlogForm input#keywords,
.layout #btForm input#btName, .layout #btForm input#btAddr1, .layout #btForm input#btAddr2, .layout #btForm input#btAddr3, .layout #btForm input#btCity, .layout #btForm input#btEmail,
.layout #stForm input#stName, .layout #stForm input#stAttn, .layout #stForm input#stAddr1, .layout #stForm input#stAddr2, .layout #stForm input#stAddr3, .layout #stForm input#stCity, .layout #stForm input#stEmail,
.layout #extraForm input#extraCustDesc,
.layout #ccForm input#ccName,
.layout #userReqForm input#name, .layout #userReqForm input#email, .layout #userReqForm input#phone, .layout #userReqForm input#prodDesc, .layout #userReqForm input#prodNum,
.layout #pwChange input#userId, .layout #sendReminder input#userId,
.layout #signupForm input#email, .layout #signupForm input#name, .layout #signupForm input#custName,
.layout #userEditForm input#email, .layout #userEditForm input#name, .layout #userEditForm input#custName {
  width: 420px;
  width: 42rem; }

.layout #editBlogForm textarea#desc,
.layout #extraForm textarea#extraComments,
.layout #userReqForm textarea#msg {
  width: 580px;
  width: 58rem; }

#editBlogForm textarea#desc,
#extraForm textarea#extraComments,
#userReqForm textarea#msg {
  height: 160px;
  height: 16rem; }

.layout #editBlogForm textarea#text {
  width: 580px;
  width: 58rem; }

#editBlogForm textarea#text {
  height: 350px;
  height: 35rem; }

/*Cart Popup*/
.cartTopLink {
  position: relative; }

#cartAmt:before {
  content: '';
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat -400px -125px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px;
  vertical-align: middle; }

.cartPopup {
  display: none;
  position: absolute;
  top: 13px;
  top: 1.3rem;
  right: 0px;
  max-width: 350px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 12px;
  z-index: 500;
  max-height: 350px;
  overflow-y: auto;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); }

.cartPopup.hover {
  display: block; }

.cartPopup #cartMenuProds .listImage {
  padding-right: 10px;
  height: 50px;
  width: 50px; }

.cartPopup #cartMenuProds .menuInfo > div {
  font-size: 11px; }

.cartPopup #cartMenuProds {
  list-style: none;
  padding: 0 0 0 5px;
  margin: 0 10px 0 0; }

.cartPopup #cartMenuProds li {
  padding: .6px 0;
  min-height: 60px;
  border-bottom: 1px solid #ccc;
  width: 310px;
  overflow: hidden; }

.cartPopup #cartMenuProds div.popupImg {
  min-height: 70px; }

.cartPopup #cartMenuProds li#merchTotal {
  height: auto;
  min-height: 25px;
  border-bottom: none !important;
  width: 250px; }

.cartPopup #cartMenuProds li div.menuInfo {
  padding-left: 10px; }

.cartPopup input#viewCartBtn {
  cursor: pointer;
  float: right;
  margin: 5px 0; }

.rlCartWrap {
  position: relative;
  float: left;
  width: 100%;
  opacity: 1; }

.rlCartWrap.busy {
  opacity: .5; }

.rlCartWrap.busy:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("base/style/images/sprites.png") no-repeat -250px -100px;
  width: 48px;
  height: 48px;
  animation: spin 2s ease infinite;
  z-index: 9999; }

.rlCart {
  clear: both;
  position: relative;
  z-index: 20;
  line-height: 26px; }

.rlCartStatusCenter {
  float: right;
  right: 50%;
  position: relative;
  margin: 0px 0px 10px 0px;
  z-index: 30; }

.rlCartStatus {
  width: auto;
  float: right;
  right: -50%;
  position: relative;
  clear: both;
  border-bottom: 1px solid #ccc; }

.rlCart table label {
  min-width: 200px; }

.rlCart .doubleFset, .rlCart .doubleFset label {
  line-height: 20px; }

.rlCartHead {
  height: 40px;
  position: relative; }

.rlCartTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1px;
  margin: 7px 0px 8px 0px;
  text-align: left; }

.rlCartToolBox {
  position: absolute;
  height: 40px;
  width: 100%;
  right: 0;
  top: 0; }

.rlCart fieldset {
  border: none !important;
  background: #f9f9f9;
  margin-bottom: 15px; }

.cartWidget {
  margin-top: 0px; }

.cartWidget + .cartWidget {
  margin-top: 5px; }

.cartPage {
  display: none;
  position: absolute; }

.cartPage.active {
  display: block;
  position: relative; }

.cartStatusDiv {
  height: 40px;
  margin: 0;
  padding: 0px 5px 0px 5px;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer; }

.cartStatusDiv.active {
  font-weight: bold; }

.cartStatusDiv.disabled {
  opacity: .25;
  cursor: default; }

.rlCart .order {
  padding-bottom: 40px; }

.rlCart .order .totalField {
  font-size: 18px; }

.cartActions {
  clear: both; }

.cartActions:after {
  content: '';
  display: table;
  clear: both; }

.cartAction {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-decoration: none;
  padding: 0 10px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #eee;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

.cartAction.cartCheckout {
  display: none; }

.cartAction.cartPrev {
  margin-right: 8px; }

.cartWhere {
  background: #fdfdfd; }

.rlCart .cartRow .tile.cartDate {
  display: block;
  float: right;
  width: 220px !important;
  min-width: 220px !important; }

/*
 *Cart Review/Confirmation
 */
.rlCartConfirmation {
  max-width: 800px;
  margin: 0 auto; }

.cart-print {
  border: 1px solid #eee;
  max-width: 700px;
  margin: 0 auto;
  padding: 10px;
  margin-top: 10px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

.cart-print ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: initial; }

.cart-print .cartRow .tile {
  width: 47.5%;
  min-width: 330px; }

.cart-print .cartRow .tile + .tile {
  width: 47.5%; }

.cart-print .totalField {
  font-size: larger;
  font-weight: bold; }

.cart-print .cartActionRow {
  margin-top: 30px;
  border: 1px solid #eee; }

.cart-print table {
  border-collapse: collapse !important;
  border-spacing: 0 !important; }

.cart-print table.printTable tr th {
  border-bottom: 2px solid black !important;
  border-collapse: collapse; }

.cart-print table.printTable tr td {
  margin: 0 !important;
  border-spacing: 0px !important;
  padding: 0 5px; }

.cart-print .listImage {
  display: none; }

.tile {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px; }

.cartRow {
  position: relative;
  width: 100%;
  display: block;
  clear: both; }

.cart-final-actions {
  margin-top: 10px; }

/*
 *End Cart Review/Confirmation
 */
iframe.viewIframe {
  width: 100%;
  height: 100%;
  border: 0; }

div.topSearch {
  position: relative;
  margin-left: 12px; }

input.topSearchBtn {
  background: url("base/style/images/sprites.png") no-repeat -200px -250px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: -28px;
  text-align: left; }

.categoryPage .pgm h2 {
  display: none; }

.crumbChild {
  display: inline-block;
  vertical-align: top;
  height: 180px;
  width: 150px;
  margin-right: 12px;
  margin-top: 12px;
  text-align: center; }

.crumbChild img {
  width: 150px;
  height: 150px; }

.crumbTrail, .productCategories {
  background: #eee;
  margin: 0 2px 5px 0;
  padding: 2px 5px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

.crumbTrail .crumb:after {
  content: ' \00BB  ';
  /* \00BB is &raquo or >> */ }

.fullProduct .crumbTrail .crumb:last-child:after {
  content: ''; }

.pageLinks {
  clear: both; }

.doubleFset {
  display: inline-block;
  width: 46%;
  box-shadow: none;
  border-radius: 0px; }

.hidden.doubleFset {
  display: none;
  border: none;
  float: left;
  width: 47%; }

.doubleFset td, .doubleFset th {
  width: 47%; }

.cartPrintWidth {
  width: 100%; }

.cartPrintWidth td, .cartPrintWidth th {
  font-size: 85%;
  border: none !important; }

.ajy-script {
  display: none; }

/* Blog */
.blogPost {
  margin-bottom: 12px; }

.blogPost .prompt {
  font-weight: bold; }

.blogPostTitle {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 5px 0; }

.blogPostTitle a {
  font-size: 18px;
  font-size: 1.8rem; }

.blogPostText {
  padding: 6px;
  margin: 18px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

#emailProductLinkForm input {
  width: 300px; }

#emailProductLinkForm textarea {
  width: 300px;
  height: 100px; }

.layout form#addProductList input.rlProdNum {
  width: 220px;
  width: 22rem; }

.layout form#addProductList input.qty {
  width: 90px;
  width: 9rem; }

.layout form#addProductCopy textarea {
  width: 450px;
  width: 45rem; }

form#addProductCopy textarea {
  height: 200px;
  height: 20rem; }

#cartProducts {
  overflow-x: auto; }

/* jQuery UI overrides */
.ui-state-focus {
  outline: none; }

.ui-tabs .ui-tabs-panel {
  padding: 12px; }

a.ui-tabs-anchor:focus {
  outline: none; }

.ui-datepicker {
  display: none; }

.ui-dialog .ui-dialog-titlebar-close {
  background: url("base/style/images/sprites.png") no-repeat -133px -66px;
  background-size: 333px 333px;
  border: none;
  width: 16px;
  height: 16px; }

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none; }

.accordion .ui-state-hover a {
  background: #900 none no-repeat !important;
  color: #fff !important; }

.ui-icon.ui-icon-circle-close {
  background-image: url("base/style/images/sprites.png");
  background-position: -200px -100px;
  background-size: 500px 500px;
  width: 24px;
  height: 24px; }

.icon {
  display: inline-block;
  background: url("base/style/images/sprites.png") no-repeat;
  background-size: 500px 500px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
  text-align: left; }

.icon-white {
  filter: invert(100%); }

.icon-user {
  background-position: -0px -0px; }

.icon-menu {
  background-position: -75px -200px; }

.icon-filter {
  background-position: -200px -250px; }

.icon-cancel {
  background-position: -200px -100px; }

.icon-backorder {
  background-position: -100px -75px; }

.icon-hold {
  background-position: -25px -300px; }

.icon-complete {
  background-position: -50px -125px; }

.icon-new {
  background-position: -300px -0px; }

.icon-picked {
  background-position: -300px -275px; }

.icon-search {
  background-position: -200px -250px; }

.icon-cart {
  background-position: -400px -125px; }

.availCode {
  display: inline-block;
  background: url("/base/style/images/prod-a.png") no-repeat;
  width: 70px;
  height: 14px;
  text-indent: -9999px;
  overflow: hidden; }

.availCode-a, .availCode-A {
  width: 70px; }

.availCode-b, .availCode-B {
  width: 56px; }

.availCode-c, .availCode-C {
  width: 42px; }

.availCode-d, .availCode-D {
  width: 28px; }

.availCode-e, .availCode-E {
  width: 14px; }

.availCode-f, .availCode-F {
  width: 0px; }

/* PHP_BLOCK: /*
 * template.php: This css page is written in PHP so that the graphic files can be
 * linked via the Locator object.
 * /

 chdir('../..');
 include 'base/include.php';
 header('Content-Type: text/css'); */
html {
  font-size: 1em; }

.font-sm {
  font-size: .75rem; }

.font-lg {
  font-size: 1.5rem; }

.mb-0 {
  margin-bottom: 0rem; }

.mb-1 {
  margin-bottom: 1rem; }

.mb-2 {
  margin-bottom: 2rem; }

.mb-3 {
  margin-bottom: 3rem; }

.mb-4 {
  margin-bottom: 4rem; }

.mt-0 {
  margin-top: 0rem; }

.mt-1 {
  margin-top: 1rem; }

.mt-2 {
  margin-top: 2rem; }

.mt-3 {
  margin-top: 3rem; }

.mt-4 {
  margin-top: 4rem; }

.m-0 {
  margin: 0; }

.pt-1 {
  padding-top: 1rem; }

.pt-2 {
  padding-top: 2rem; }

.pt-3 {
  padding-top: 3rem; }

.pt-4 {
  padding-top: 4rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pb-2 {
  padding-bottom: 2rem; }

.pb-3 {
  padding-bottom: 3rem; }

.pb-4 {
  padding-bottom: 4rem; }

ul.a {
  list-style-type: circle; }

ul.b {
  list-style-type: square; }

ol.c {
  list-style-type: upper-roman; }

ol.d {
  list-style-type: lower-alpha; }

.pl-1 {
  padding-left: 1rem; }

.pl-2 {
  padding-left: 2rem; }

.fixed {
  position: fixed; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.sticky-t0 {
  position: sticky;
  top: 0;
  z-index: 900; }

.sticky {
  position: sticky;
  z-index: 900; }

.absolute {
  position: absolute; }

.full-height {
  height: 100%; }

.full-width {
  width: 100%; }

.center-content {
  display: flex; }

.center-content > * {
  margin-left: auto;
  margin-right: auto; }

.no-wrap {
  white-space: nowrap; }

.inline-block {
  display: inline-block; }

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

@media (max-width: 1200px) {
  p-lg-absolute {
    position: absolute; } }
.fadeOver {
  height: 0px;
  overflow: hidden; }

.fadeOver:not(.in) {
  padding: 0px;
  margin: 0px;
  min-height: 0px; }

.fadeIn {
  width: 0px;
  overflow: hidden; }

.fadeOver.in {
  height: auto; }

.fadeIn.in {
  width: auto; }

.navbar-header img {
  max-height: 70px;
  padding: 10px; }

.navbar-brand img {
  max-height: 100%;
  padding: 0; }

.detailExtraImage {
  width: 300px;
  height: 300px; }

.detailExtraImage img {
  max-width: 100%; }

.groupReqList {
  min-height: 400px; }

.menu .nav > ul > li {
  margin-top: 5px;
  margin-bottom: 5px; }

.menu ul {
  overflow: auto; }

.clear-filter {
  right: 20px;
  top: 5px; }

.auto-margin {
  margin-left: auto;
  margin-right: auto; }

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

.center-line {
  width: 75%;
  margin-right: auto;
  margin-left: auto; }

.hotelMap {
  margin-left: auto;
  margin-right: auto;
  height: 300px;
  width: 100%; }

.qrLabel {
  cursor: pointer; }

.qrLabel:not(.btn) {
  margin-bottom: 0px;
  text-decoration: none;
  font-size: 12px; }

.qrLabel i {
  vertical-align: middle; }

.qrInput {
  display: none; }

.qrcode-text {
  padding-right: 1.7em;
  margin-right: 0;
  vertical-align: middle; }

.qrcode-text + .qrcode-text-btn {
  width: 1.7em;
  margin-left: -2em;
  vertical-align: middle; }

.btn-group button {
  margin-right: 0px; }

.btn-group .material-icons {
  vertical-align: middle; }

.cart-slicer-group .input-group > .input-group-prepend {
  flex: 0 0 185px; }

.cart-slicer-group .input-group .input-group-text {
  width: 100%; }

#cartSliceProduct .input-group-prepend:not(.extra-data) {
  flex: 0 0 30%; }

#cartSliceProduct .input-group .input-group-text {
  width: 100%; }

a.cartBtn {
  display: inherit;
  background: none;
  background-color: transparent;
  height: auto;
  width: auto;
  margin: auto;
  text-indent: inherit;
  overflow: auto;
  text-align: center; }

.cartForm {
  display: inline-block; }

.listImage {
  max-height: 250px;
  max-width: 200px; }

.cartTable .listImage {
  width: auto;
  max-width: 100px;
  max-height: 100px; }

.imageCol {
  display: flex; }

.imageCol > a {
  margin-left: auto;
  margin-right: auto; }

div[data-orient=L] .prodListContent > .prodListProd .priceCol {
  float: left;
  width: auto; }

.prodListProd .img-fluid {
  max-height: 425px; }

div[data-orient=G] .G100 {
  width: 100% !important; }

div[data-orient=L] .prodListContent > .prodListProd .buttonRow {
  clear: none; }

div[data-orient=L] .prodListContent > .prodListProd .buttonRow .btn {
  margin-top: 1.5rem; }

.prodDesc {
  font-size: 1rem; }

div[data-orient=L] .prodListContent > .prodListProd input.qty {
  width: 100%; }

div[data-orient=L] .prodListContent > .prodListProd .input-group > input.qty {
  width: 1%;
  margin: 0; }

.moreInfo {
  width: 100%; }

@media (max-width: 768px) {
  .priceCol .input-group-text {
    font-size: .75rem;
    padding: 0.175rem 0.25rem; } }
.flex-prod-col {
  align-self: center; }

.flex-prod-col img {
  padding-top: 24px;
  padding-bottom: 24px; }

.badge-row {
  z-index: 900;
  top: 0px; }

.badge-row .material-icons {
  line-height: 24px;
  text-align: center; }

.combo-badge {
  transform: rotate(-15deg); }

.navbar-brand {
  padding-top: .1125rem;
  padding-bottom: .1125rem;
  font-size: .5rem; }

.navbar-brand img {
  max-width: 70px; }

#topMenu .nav-item {
  padding: 2px; }

#topMenu .nav-item i {
  font-size: 18px; }

#cartAmt {
  font-size: 10px; }

.custName {
  max-width: 11rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#specialFilterToggle {
  display: none; }

#topMenu .nav-pills > .nav-item > .nav-link {
  font-size: .7rem; }

#topMenu .nav-pills > .nav-item > .nav-link > i {
  font-size: 1rem; }

.topInputs {
  padding: 5px; }

.sideMenu.collapse:not(.show) {
  display: none; }

.sideMenu.collapsing, .sideMenu.collapse.show {
  display: block; }

.navbar-header {
  display: inline-block; }

#sideContainer {
  align-self: flex-start; }

.sideMenu .input-group-text {
  width: 100%; }

@media (min-width: 576px) {
  .custName {
    max-width: 15rem; }

  #topMenu .nav-pills > .nav-item > .nav-link {
    font-size: .7rem; }

  #topMenu .nav-pills > .nav-item > .nav-link > i {
    font-size: 1rem; }

  .navbar-brand {
    margin-right: 0px;
    padding-top: .2rem;
    padding-bottom: .2rem;
    font-size: .5rem; }

  .navbar-brand img {
    max-width: 100px; }

  #cartAmt {
    font-size: 12px; } }
@media (min-width: 768px) {
  .navbar-brand img {
    max-width: 125px; } }
@media (min-width: 992px) {
  .sideMenu, .sideMenu.collapse:not(.show) {
    display: block; }

  .navbar-brand img {
    max-width: 175px; } }
.prodOptions.open {
  margin: 0; }

.prodOptions div.option {
  display: inherit; }

#prodOptions {
  overflow: auto; }

.prodOptions div.optionValues {
  max-height: max-content; }

.vend-frame {
  margin-left: auto;
  margin-right: auto; }

.closer {
  color: #9a9a9a;
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

.prodOptions {
  overflow: auto;
  margin: 0px; }

.carousel {
  background: #eee; }

.carousel-cell {
  width: 60%;
  height: 275px;
  margin-right: 10px;
  background: white no-repeat;
  border-radius: 5px;
  background-position: center center;
  background-size: contain;
  padding: 0;
  display: flex;
  opacity: .35;
  transition: opacity .5s;
  overflow: hidden; }

.gallery-cell {
  padding: 0;
  overflow: hidden;
  background-size: contain;
  background-position: center center;
  height: 80vh; }

.flickity-viewport {
  transition: height .2s ease; }

.static-banner {
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  padding: 2px 20px;
  color: white;
  pointer-events: none;
  font-size: 2rem; }

#vendorWrapper {
  position: relative; }

.startBanner {
  top: 42%;
  display: flex; }

#vendor-selector {
  position: sticky;
  top: 0;
  z-index: 900;
  background: #ddd;
  padding: 10px 0 10px 0; }

.carousel-video {
  background-image: none !important; }

.is-expanded {
  width: 60%;
  opacity: 1; }

@media (max-width: 1200px) {
  .carousel-cell:not(.is-expanded) {
    width: 80%; }

  .is-expanded {
    width: 80%;
    opacity: 1; } }
@media (max-width: 992x) {
  .carousel-cell:not(.is-expanded) {
    width: 80%; }

  .is-expanded {
    width: 80%;
    opacity: 1; } }
@media (max-width: 768px) {
  .carousel-cell:not(.is-expanded) {
    width: 80%; }

  .is-expanded {
    width: 80%;
    opacity: 1; } }
@media (max-width: 576px) {
  .carousel-cell.is-expanded {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 80%; }

  .carousel-cell:not(.is-expanded) {
    width: 80%; } }
.utilityBar .nav-item {
  padding: 10px; }

.utilityBar .moreItems a:after {
  content: none; }

.utilityBar .moreItems .dropdown-menu {
  right: 0;
  left: initial; }

#cartAmt:before {
  display: none; }

nav.navbar i.material-icons {
  vertical-align: bottom; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:after {
  background: transparent;
  width: auto;
  height: auto; }

table.dataTable thead .sorting_asc {
  background-image: none; }

.imageCol img {
  max-height: 300px; }

.repImg img {
  max-height: 350px; }

@media (max-width: 576px) {
  .utilityBar .moreItems {
    width: 100%; } }
.carousel-cell h3 {
  position: absolute;
  bottom: 0; }

.carousel-cell.flickity-bg-lazyerror h3 {
  display: block; }

.carousel-cell-image {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  transform: translateX(0px); }

.carousel-cell.flickity-bg-lazyloaded h3 {
  display: none; }

.carousel-cell.flickity-bg-lazyloaded.is-expanded h3 {
  display: block; }

@media (max-width: 768px) {
  .carousel-cell.flickity-bg-lazyloaded.is-expanded h3 {
    display: none; }

  .vend-frame {
    margin-top: 25px; }

  .vend-frame .closer {
    top: -10px;
    right: 0px; } }
.modal-body ul.pagination > li.paginate_button {
  padding: 0; }

.dataTable tr.child {
  color: #ffff; }

table.dataTable > tbody > tr.child > td.child > ul.dtr-details {
  display: block; }

table.dataTable > tbody > tr.child > td.child > ul.dtr-details li {
  display: flex;
  justify-content: space-between; }

.dataTable .sum {
  font-weight: bold; }

.return-arrow {
  bottom: .5rem;
  z-index: 1049; }

.extras .input-group-append {
  flex: 0 0 30%; }

.input-group-text.price {
  width: 100%; }

.output {
  height: 150px;
  overflow: auto; }

#context-menu {
  display: none;
  position: absolute;
  z-index: 1099; }

#context-menu.context-menu--active {
  display: block; }

.warning {
  color: orange;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

.stateMessage-link {
  font-style: italic;
  font-size: .64rem; }

.stateMessage-title {
  color: orange;
  font-size: .75rem; }

.modal-body .stateMessage-link {
  color: #81d1eb; }

.dataTables_filter label {
  color: white; }

#prodListContainer .mxgraph {
  width: 100%;
  margin-bottom: 50px;
  margin-top: 50px; }

@media (min-width: 768px) {
  #prodListContainer .mxgraph {
    max-width: 1200px; } }
.modal {
  overflow: auto !important; }

#modalDiv {
  z-index: 1052; }

#modal-full-2 {
  z-index: 1050; }

#modal-full {
  z-index: 1051; }

.modal-full .modal-dialog {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  background: #222;
  background: #222222eb; }

.modal-full .modal-header {
  border: none;
  top: 0; }

.kitProdImg {
  max-width: 100%;
  height: 100%; }

.kit-cell {
  width: 25%;
  height: 80vh; }

.kit-carousel {
  background: #000;
  visibility: hidden; }

.kit-carousel.flickity-enabled {
  visibility: visible; }

.kitImgWrap {
  height: 25vh; }

.specialExtra .card-header {
  max-height: 15vh;
  overflow-y: auto; }

@media (max-width: 1200px) {
  .kit-cell {
    width: 35%; }

  .kitProdImg {
    max-height: 300px; } }
.rep-card {
  width: 33%; }

@media (max-width: 992px) {
  .kit-cell {
    width: 40%; }

  .kitProdImg {
    max-height: 300px; }

  .rep-card {
    width: 33%; } }
@media (max-width: 768px) {
  .kit-cell {
    width: 60%; }

  .kitImgWrap {
    max-height: 300px; }

  .rep-card {
    width: 50%; } }
.collapse.priceCard {
  display: block; }

@media (max-width: 576px) {
  .kit-cell {
    width: 90%; }

  .kitImgWrap {
    max-height: 200px; }

  .kit-carousel {
    height: 80vh; }

  .rep-card {
    width: 100%; }

  .collapse.priceCard.show {
    display: block; }

  .collapse.priceCard:not(.show) {
    display: none; } }
.card-group > .card.imgCard {
  margin: 0; }

.flex-6 {
  flex: 6 !important; }

.flex-3 {
  flex: 3 !important; }

.imgCard a {
  position: relative;
  height: 300px;
  width: 300px; }

.imgCard .img-zoom {
  bottom: 5px;
  left: 5px;
  position: absolute; }

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

.tileDesc.longDesc {
  max-height: 3rem;
  overflow: hidden;
  transition: max-height 0.1s linear; }

@media (max-width: 768px) {
  .imgCard a {
    position: relative;
    height: 250px;
    width: 250px; } }
@keyframes cartedAlready {
  from {
    background-color: pink; }
  to {
    background-color: #aaa; } }
@keyframes highlight-it {
  from {
    background-color: pink; }
  to {
    background-color: initial; } }
@keyframes pulsate-it {
  0% {
    background-color: initial; }
  25% {
    background-color: #ff9f9f; }
  50% {
    background-color: initial; }
  75% {
    background-color: #ff9f9f; }
  100% {
    background-color: initial; } }
.pulse {
  animation-name: pulsate-it;
  animation-duration: .5s; }

.highlighted {
  background-color: pink;
  animation-name: hightlight-it;
  animation-duration: 1s; }

.highlighted.inCart {
  background-color: #aaa;
  animation-name: cartedAlready;
  animation-duration: 1s; }

div.inCart {
  background-color: #aaa;
  color: #eee !important; }

tr.clickable {
  cursor: pointer; }

#mainBodyContent {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

#regWrapper {
  flex: 1 0 auto; }

body {
  background-color: #333;
  color: #ccc9d5;
  font-size: 14px;
  font-weight: normal;
  font-family: Anton, sans-serif; }

legend {
  background-color: #ccc9d5;
  color: #002c58;
  font-size: 18px;
  font-weight: normal;
  font-family: Anton, sans-serif; }

.background-2 {
  background-color: #f6f6f6;
  color: #0c3566;
  font-size: 14px;
  font-weight: normal;
  font-family: Anton, sans-serif; }

.pallet-1 {
  color: #35587d;
  font-size: 12px;
  font-weight: 400;
  font-family: Roboto, sans-serif; }
  .pallet-1.cursive {
    color: #533423;
    font-size: 12px;
    font-weight: 400;
    font-family: Allura, cursive; }
  .pallet-1 b, .pallet-1 strong {
    font-weight: 700; }
.pallet-2, .pallet b, .pallet i, .pallet strong {
  color: #ccc9d5;
  font-size: 12px;
  font-weight: 400;
  font-family: Roboto, sans-serif; }
  .pallet-2.cursive, .pallet b.cursive, .pallet i.cursive, .pallet strong.cursive {
    color: #533423;
    font-size: 12px;
    font-weight: 400;
    font-family: Allura, cursive; }
  .pallet-2 b, .pallet-2 strong, .pallet b b, .pallet b strong, .pallet i b, .pallet i strong, .pallet strong b, .pallet strong strong {
    font-weight: 700; }
.pallet-3 {
  color: #002c58;
  font-size: 12px;
  font-weight: 200;
  font-family: Roboto, sans-serif; }
.pallet-4 {
  color: #002c58;
  font-size: 12px;
  font-weight: 400;
  font-family: Roboto, sans-serif; }
  .pallet-4.cursive {
    color: #002c58;
    font-size: 12px;
    font-weight: 400;
    font-family: Allura, cursive; }
  .pallet-4 b, .pallet-4 strong {
    font-weight: 700; }

h1.pallet-1, h1.pallet * {
  font-size: 35px !important; }
  h1.pallet-1 *, h1.pallet * * {
    font-size: 35px !important; }
h1.pallet-2, h1.pallet * {
  font-size: 35px !important; }
  h1.pallet-2 *, h1.pallet * * {
    font-size: 35px !important; }
h1.pallet-3, h1.pallet * {
  font-size: 35px !important; }
  h1.pallet-3 *, h1.pallet * * {
    font-size: 35px !important; }
h1.pallet-4, h1.pallet * {
  font-size: 125px !important; }
  h1.pallet-4 *, h1.pallet * * {
    font-size: 125px !important; }

h2.pallet-1 {
  font-size: 24px !important; }
  h2.pallet-1 * {
    font-size: 24px !important; }
h2.pallet-2, h2.pallet * {
  font-size: 24px !important; }
  h2.pallet-2 *, h2.pallet * * {
    font-size: 24px !important; }
h2.pallet-3, h2.pallet * {
  font-size: 24px !important; }
  h2.pallet-3 *, h2.pallet * * {
    font-size: 24px !important; }
h2.pallet-4, h2.pallet * {
  font-size: 48px !important; }
  h2.pallet-4 *, h2.pallet * * {
    font-size: 48px !important; }

h3.pallet-1 {
  font-size: 20px !important; }
  h3.pallet-1 * {
    font-size: 20px !important; }
h3.pallet-2, h3.pallet * {
  font-size: 20px !important; }
  h3.pallet-2 *, h3.pallet * * {
    font-size: 20px !important; }
h3.pallet-3, h3.pallet * {
  font-size: 20px !important; }
  h3.pallet-3 *, h3.pallet * * {
    font-size: 20px !important; }
h3.pallet-4, h3.pallet * {
  font-size: 32px !important; }
  h3.pallet-4 *, h3.pallet * * {
    font-size: 32px !important; }

h4.pallet-1, h4.pallet * {
  font-size: 18px !important; }
  h4.pallet-1 *, h4.pallet * * {
    font-size: 18px !important; }
h4.pallet-2, h4.pallet * {
  font-size: 18px !important; }
  h4.pallet-2 *, h4.pallet * * {
    font-size: 18px !important; }
h4.pallet-3, h4.pallet * {
  font-size: 18px !important; }
  h4.pallet-3 *, h4.pallet * * {
    font-size: 18px !important; }
h4.pallet-4, h4.pallet * {
  font-size: 24px !important; }
  h4.pallet-4 *, h4.pallet * * {
    font-size: 24px !important; }

nav.navbar.navbar-default {
  background-color: #35587d;
  color: #f6f6f6;
  font-size: 14px;
  font-weight: normal;
  font-family: Anton, sans-serif;
  border: 1px solid #002c58; }

nav.navbar.navbar-vsi {
  background-color: #7c9cbe;
  color: #e6e6e6;
  font-size: 14px;
  font-weight: normal;
  font-family: Anton, sans-serif;
  border: 1px solid #ccc9d5; }
  nav.navbar.navbar-vsi .navbar-nav li a {
    text-decoration: none; }
  nav.navbar.navbar-vsi .navbar-nav li a:hover {
    background-color: #35587d;
    color: #e6e6e6;
    font-size: 14px;
    font-weight: normal; }
  nav.navbar.navbar-vsi .navbar-nav li.active a {
    background-color: #0c3566;
    color: #e6e6e6;
    font-size: 14px;
    font-weight: normal; }

.dataTable {
  color: #002c58;
  font-size: 14px;
  font-weight: normal;
  font-family: Anton, sans-serif; }
  .dataTable thead {
    background-color: #ccc9d5;
    color: #002c58;
    font-size: 14px;
    font-weight: normal; }

.btn-vsi {
  background-color: #002c58;
  color: #f6f6f6;
  font-size: 16px;
  font-weight: normal;
  font-family: Anton, sans-serif;
  border-radius: 50px; }

#modalDiv .modal-content {
  background-color: #247ab8;
  color: #f6f6f6;
  font-size: 14px;
  font-weight: normal;
  font-family: Anton, sans-serif; }
  #modalDiv .modal-content .center-line * {
    color: #002c58;
    font-size: 16px;
    font-weight: normal; }
  #modalDiv .modal-content .btn-default {
    color: #002c58;
    font-size: 18px;
    font-weight: normal; }
  #modalDiv .modal-content .modal-header {
    background-color: #0c3566;
    color: #0c3566;
    font-size: 14px;
    font-weight: normal;
    border-bottom: none;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(8, 8, 8, 0.8);
    -moz-box-shadow: 0px 1px 3px 0px rgba(8, 8, 8, 0.8);
    box-shadow: 0px 1px 3px 0px rgba(8, 8, 8, 0.8); }
  #modalDiv .modal-content .modal-footer {
    border-top: 1px solid #0c3566; }
  #modalDiv .modal-content fieldset {
    background: transparent; }
  #modalDiv .modal-content .jumbotron p {
    color: #002c58;
    font-size: 14px;
    font-weight: normal; }
  #modalDiv .modal-content .jumbotron h1 {
    color: #002c58;
    font-size: 30px;
    font-weight: normal; }
  #modalDiv .modal-content .dropdown-menu {
    background-color: #333;
    color: #ccc9d5;
    font-size: 14px;
    font-weight: normal;
    font-family: Anton, sans-serif; }
  #modalDiv .modal-content table.dataTable {
    background: #002c58;
    color: #eee; }
    #modalDiv .modal-content table.dataTable a {
      color: #eee; }
      #modalDiv .modal-content table.dataTable a:focus {
        color: #5bc0de; }
      #modalDiv .modal-content table.dataTable a:hover {
        color: #5bc0de; }
    #modalDiv .modal-content table.dataTable tr, #modalDiv .modal-content table.dataTable tr.odd {
      color: #333;
      background: #eee; }
      #modalDiv .modal-content table.dataTable tr td[class^="sorting"], #modalDiv .modal-content table.dataTable tr.odd td[class^="sorting"] {
        color: #333;
        background: #ccc; }
      #modalDiv .modal-content table.dataTable tr.hover, #modalDiv .modal-content table.dataTable tr.odd.hover {
        background: #333;
        color: #eee; }
        #modalDiv .modal-content table.dataTable tr.hover td, #modalDiv .modal-content table.dataTable tr.odd.hover td {
          background: #333;
          color: #eee; }
      #modalDiv .modal-content table.dataTable tr td, #modalDiv .modal-content table.dataTable tr td a, #modalDiv .modal-content table.dataTable tr.odd td, #modalDiv .modal-content table.dataTable tr.odd td a {
        color: #002c58;
        font-size: 16px;
        font-weight: normal; }
    #modalDiv .modal-content table.dataTable tr.even {
      background: #fff;
      color: #333; }
      #modalDiv .modal-content table.dataTable tr.even a {
        color: #002c58; }
      #modalDiv .modal-content table.dataTable tr.even span {
        color: black; }
      #modalDiv .modal-content table.dataTable tr.even td[class^="sorting"] {
        color: #333;
        background: #eee; }
      #modalDiv .modal-content table.dataTable tr.even.hover {
        background: #333;
        color: #eee; }
        #modalDiv .modal-content table.dataTable tr.even.hover td {
          background: #333;
          color: #eee; }
      #modalDiv .modal-content table.dataTable tr.even td, #modalDiv .modal-content table.dataTable tr.even td a {
        color: #002c58;
        font-size: 16px;
        font-weight: normal; }
    #modalDiv .modal-content table.dataTable thead tr {
      background: #35587d;
      color: #eee; }
      #modalDiv .modal-content table.dataTable thead tr a {
        color: #ccc; }
    #modalDiv .modal-content table.dataTable thead th {
      background: #35587d;
      color: #eee; }
      #modalDiv .modal-content table.dataTable thead th a {
        color: #ccc; }
    #modalDiv .modal-content table.dataTable .child {
      background: #fff;
      color: #333; }
      #modalDiv .modal-content table.dataTable .child a {
        color: #002c58; }
      #modalDiv .modal-content table.dataTable .child span {
        color: black; }
  #modalDiv .modal-content .dataTables_paginate ul.pagination li:not(.active) a {
    color: #002c58;
    font-size: 16px;
    font-weight: normal; }
  #modalDiv .modal-content .dataTables_paginate ul.pagination li.disabled a {
    color: #555;
    font-size: 16px;
    font-weight: normal; }
  #modalDiv .modal-content div[class*="_info"] {
    color: #f6f6f6;
    font-size: 12px;
    font-weight: "normal"; }
#modalDiv .modal-header h4.modal-title {
  color: #f6f6f6;
  font-size: 18px;
  font-weight: "700"; }

.menu li {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #e6e6e6;
  color: #0c3566;
  font-size: 14px;
  font-weight: normal;
  font-family: Anton, sans-serif; }
  .menu li a {
    text-decoration: none;
    color: #002c58;
    font-size: 18px;
    font-weight: normal; }

.strikeout {
  text-decoration: line-through; }

.success {
  color: green; }

.prodListProd {
  background-color: #f6f6f6;
  color: #002c58;
  font-size: 14px;
  font-weight: normal; }
  .prodListProd .normalPrice, .prodListProd .priceDiv span {
    color: #002c58;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em; }
  .prodListProd .priceDiv.showPrice span {
    color: #216902;
    font-size: 20px;
    font-weight: bold; }

.table .subHead {
  background-color: #ccc9d5; }
  .table .subHead th {
    color: white; }
.table .titleHead h4 {
  font-weight: bold; }

#vendor-selector {
  background: #333; }

.prodListContent .inCart {
  background-color: #aaa; }

.material-icons.md-10 {
  font-size: 10px !important; }
.material-icons.md-12 {
  font-size: 12px !important; }
.material-icons.md-14 {
  font-size: 14px !important; }
.material-icons.md-16 {
  font-size: 16px !important; }
.material-icons.md-18 {
  font-size: 18px !important; }
.material-icons.md-24 {
  font-size: 24px !important; }
.material-icons.md-36 {
  font-size: 36px !important; }
.material-icons.md-48 {
  font-size: 48px !important; }

.instructions .card-body {
  color: black; }
  .instructions .card-body h* {
    color: #35587d; }

.pagination a.page-link {
  color: #002c58; }
  .pagination a.page-link.disabled {
    color: #ccc9d5; }

.return-arrow {
  color: black;
  opacity: .33; }

@media (max-width: 767px) {
  .center-line {
    width: 100%; }

  #regLogo > .center-line {
    max-width: 90% !important; } }
@media (max-width: 992px) {
  #regLogo > .center-line {
    max-width: 75% !important; } }

/*# sourceMappingURL=pallet.css.map */