@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,700i,900');
.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
html {
  font-size: 100%;
}
* {
  word-wrap: break-word !important;
}
button {
  font-family: 'Roboto', sans-serif !important;
}
body {
  margin: 0;
  padding: 0;
  background: white;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3em;
  color: #141823;
  /*fixend*/

}
body .row-fluid {
  margin-bottom: 30px;
}
body .row-fluid:last-child {
  margin-bottom: 0px;
}
body .section-container-main-navigation {
  margin-bottom: 20px;
}
table.tableFixedLayout {
  table-layout: fixed;
  width: 100%;
}
.sb-site-container {
  background-color: transparent !important;
  z-index: inherit !important;
}
.inline {
  margin-bottom: 0px;
}
.inline.purchase-list-top-buttons li {
  margin-top: 3px;
  margin-bottom: 3px;
}
label.inline {
  display: inline;
}
.sb-slidebar {
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
}
a,
a:link,
a:hover,
a:visited,
a:active {
  text-decoration: none;
  color: #0c4da2;
}
a:hover,
a:link:hover,
a:hover:hover,
a:visited:hover,
a:active:hover {
  color: #0c4da2;
  text-decoration: underline;
}
a.active,
a:link.active,
a:hover.active,
a:visited.active,
a:active.active {
  text-decoration: underline;
  color: #0c4da2;
  cursor: default;
}
h1 {
  font-size: 2.6em;
  line-height: 1.25em;
  color: #141823;
  margin: 10px 0 30px 0;
}
h2 {
  font-size: 2.6em;
  line-height: 1.25em;
  color: #141823;
  margin: 40px 0;
}
h3 {
  font-size: 2em;
  line-height: 1.25em;
  color: #141823;
  margin: 20px 0;
}
h4 {
  font-size: 1.75em;
  line-height: 1.25em;
  color: #141823;
  margin: 15px 0;
}
p:empty {
  margin-bottom: 0;
}
.form-horizontal.large-form-titles .control-label {
  width: 260px;
}
.form-horizontal.large-form-titles .controls {
  margin-left: 280px;
}
.required {
  color: #cc0000;
}
.small {
  font-size: 85%;
}
.strong {
  font-weight: 700;
}
.hide,
.hidden {
  display: none;
}
.hide[class*="span"],
.hidden[class*="span"] {
  display: none;
}
.hide[class*="span"]:first-child + [class*="span"],
.hidden[class*="span"]:first-child + [class*="span"] {
  margin-left: 0;
}
ul.inline > li.hide,
ul.inline > li.hidden,
ol.inline > li.hide,
ol.inline > li.hidden {
  display: none;
}
span.visible-desktop {
  display: inline;
}
.v-margin {
  margin: 5px 0;
}
.no-margin {
  margin: 0 !important;
}
.tab-content {
  overflow: visible;
}
.nowrap {
  white-space: nowrap !important;
}
.pointer-cursor,
.cursorhand {
  cursor: pointer;
}
.default-cursor {
  cursor: default;
}
.default-shopping-cart {
  background-color: #ffffcc;
}
.btn {
  border: 1px solid #0c4da2 !important;
  background: #0c4da2;
  color: white !important;
  padding: 0 10px !important;
  line-height: 37px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: 0s !important;
  -moz-transition: 0s !important;
  -o-transition: 0s !important;
  transition: 0s !important;
  overflow: hidden;
  margin-top: 0 !important;
  white-space: normal;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.btn:hover {
  background: #072b5b !important;
  border: 1px solid #072b5b !important;
}
.btn:active {
  background: #1d1d1d !important;
}
.btn:focus {
  background: #0c4da2;
}
.btn .caret {
  margin-top: 17px;
}
.btn.btn-vspacer {
  margin-bottom: 5px !important;
}
.btn.btn-link {
  border: 0 !important;
  background: none !important;
  text-shadow: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #0c4da2 !important;
  text-decoration: none !important;
}
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus {
  color: #0c4da2 !important;
  text-decoration: underline !important;
}
.btn.btn-large {
  font-size: 2em;
  padding: 10px 20px !important;
}
.btn.btn-mini {
  font-size: 12.5px !important;
}
.btn.btn-mini .caret {
  margin-left: 3px;
  margin-top: 6px;
}
.btn.btn-mini.dropdown-toggle {
  border-left: 1px solid black !important;
  margin-left: 4px !important;
}
.btn.addtopurchaselist-caret .caret {
  border-bottom-color: white;
  border-top-color: white;
}
.btn.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-secondary {
  background-color: #0c4da2 !important;
  border: 1px solid #0c4da2 !important;
  color: white !important;
}
.btn-secondary:hover {
  background: #1064d1 !important;
  border: 1px solid #1064d1 !important;
}
.btn-secondary:active {
  background: #083673 !important;
}
.btn-secondary:focus {
  background-color: #0c4da2 !important;
}
.btn-secondary.dropdown-toggle {
  border-left: 1px solid white !important;
}
.btn-primary {
  background-color: #ff9000 !important;
  border: 1px solid #ff9000 !important;
  color: white !important;
}
.btn-primary:hover {
  background: #ffa633 !important;
  border: 1px solid #ffa633 !important;
}
.btn-primary:active {
  background: #cc7300 !important;
}
.btn-primary:focus {
  background-color: #ff9000 !important;
}
.btn-view-more {
  height: 60px;
  line-height: 60px !important;
  margin-top: 40px;
  margin-bottom: 20px;
}
.btn-view-more:before {
  content: "↓";
  float: left;
}
.btn-view-more:after {
  content: "↓";
  float: right;
}
.btn-networks li {
  padding: 0 !important;
}
.btn-group > .btn {
  font-size: 0.9rem !important;
}
.nav-pills li a,
.nav-tabs li a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.nav-pills li a.selected-panel,
.nav-tabs li a.selected-panel {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #0c4da2 !important;
  color: white !important;
}
.nav-pills li a.selected-panel:hover,
.nav-tabs li a.selected-panel:hover {
  color: white !important;
  background: #0c4da2 !important;
  cursor: default;
}
.nav-pills li a:hover,
.nav-tabs li a:hover {
  background: #b4d2f9 !important;
}
.nav-pills li.active a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #0c4da2 !important;
  color: white !important;
}
.nav-pills li.active a:hover {
  color: white !important;
  background: #0c4da2 !important;
  cursor: default;
}
.datepicker table tr td span.active {
  background: #ff9000 !important;
  color: white !important;
}
.datepicker td,
.datepicker th {
  text-align: center !important;
}
.datepicker .icon-arrow-left,
.datepicker .icon-arrow-right {
  color: #141823;
  font-family: FontAwesome;
  font-style: normal;
  line-height: 20px;
}
.datepicker .icon-arrow-left:after {
  content: "\f0d9";
}
.datepicker .icon-arrow-right:after {
  content: "\f0da";
}
.datepicker-days .active {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: none !important;
  background-color: #0c4da2 !important;
  color: white !important;
}
.input-prepend,
.input-append {
  align-items: stretch;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.input-prepend > .add-on,
.input-append > .add-on,
.input-prepend > li.add-on,
.input-append > li.add-on {
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
  padding: 4px 5px;
}
.append-prepend-container {
  display: inline-block;
}
.append-prepend-container .input-append,
.append-prepend-container .input-prepend {
  justify-content: end;
}
.well-box {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.well-box .row-fluid {
  margin: 0;
}
.well-box .btn {
  margin-bottom: 0;
}
.well-box hr {
  border-color: #e0e0e0;
}
.modal .modal-header h3 {
  color: #141823;
}
.modal iframe.span12 {
  margin-left: 0px;
}
.modal-footer .input-append + .btn {
  margin-left: 5px;
}
.boxshad {
  background: none transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box {
  padding: 10px;
  margin-bottom: 10px;
}
.box form {
  margin-bottom: 0;
}
.box .control-group:last-child {
  margin-bottom: 0;
}
.alert {
  padding: 10px;
}
.alert.alert-businessaccount {
  color: black;
}
.alert.alert-businessaccount > h4 {
  font-size: 1.25em;
  font-weight: bold;
}
.alert.alert-businessaccount > h4:before {
  width: 15px;
  height: 18px;
  text-align: center;
  content: "!";
  font-size: 1.25em;
  display: inline-block;
  background: black;
  color: white;
  margin-right: 10px;
  padding: 7px 10px 10px 10px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.alert.alert-businessaccount h4 {
  color: black;
}
.alert.alert-businessaccount .collapse.in {
  margin-top: 15px;
}
.alert.alert-businessaccount .table tr:first-child td.contentText {
  background: none !important;
  border: 0 !important;
}
.alert.alert-businessaccount .table td {
  text-align: left;
  border: 0;
}
.alert.alert-businessaccount .table table {
  background: white;
}
.alert.alert-businessaccount .table table th {
  background: black;
  color: white;
}
.alert.alert-businessaccount .table table td {
  border: 1px solid #999999;
}
.alert.alert-important:before {
  width: 15px;
  height: 18px;
  text-align: center;
  content: "!";
  font-size: 1.25em;
  display: inline-block;
  background: black;
  color: white;
  margin-right: 10px;
  padding: 7px 10px 10px 10px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/* warning message with a large icon based on Bootstrap5 */

.caption--large-icon {
  display: flex;
  align-items: center;
}
.caption--large-icon .icon {
  margin-right: 12px;
  position: static;
}
.ajaxloading-container {
  width: 100%;
  text-align: center;
}
.notify-option .ajaxloading-container {
  width: 50%;
  display: inline-block;
}
.basket-pop .ajaxloading-container {
  padding: 10px 0;
  min-height: 30px;
}
.ajaxloading-big {
  background: transparent url('/ContentEcom/images/ajax-loader-big.gif');
  width: 32px;
  height: 32px;
  margin: auto;
}
.ajaxloading-small {
  background: transparent url('/ContentEcom/images/ajax-loader-small.gif');
  width: 16px;
  height: 16px;
  margin: auto;
}
.area-red {
  border: 1px dashed #ff0008;
  padding: 7px;
}
.break {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.popover {
  z-index: 1039 !important;
  max-width: 265px;
  min-width: 235px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.popover .popover-title {
  background-color: #ff9000;
  color: white;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 5px 4px;
  font-size: 1em !important;
  min-height: 0 !important;
  line-height: normal !important;
}
.popover .popover-content {
  padding: 4px 4px;
}
.popover .popover-close {
  color: white;
  font-weight: bold;
  font-size: 1.25em;
  cursor: pointer;
  padding-left: 5px;
  line-height: normal;
  margin-top: -4px;
}
.popover .popover-close:hover {
  color: #bfbfbf;
}
.table-condensed td {
  vertical-align: top;
}
.table-condensed td:first-child {
  text-align: left;
}
.table-condensed td:last-child {
  text-align: right;
}
.table-ehf hr {
  margin: 3px 0;
}
.table-listing h5.well {
  margin-bottom: 0;
  color: #666666;
  font-weight: normal;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  border-bottom: 0;
}
.table-listing .sortup span:after {
  content: "▲";
  text-decoration: none !important;
  font-size: 0.6em;
  margin-left: 3px;
}
.table-listing .sortdown span:after {
  content: "▼";
  text-decoration: none !important;
  font-size: 0.6em;
  margin-left: 3px;
}
.table-listing .table tr:nth-child(even) {
  background-color: #f3f3f3;
}
.table-listing .table tr.substitute {
  border: 1px solid #999999;
  border-top-width: 20px;
}
.table-listing .table tr.substitute > td:first-child:before {
  color: white;
  padding: 3px 7px;
  font-size: 0.75em;
  font-weight: 700;
  position: absolute;
  display: block;
  content: "Substitut ▼";
  margin-top: -31px;
  margin-left: -10px;
}
.table-listing .table table td {
  border-top: 0 !important;
  padding: 3px 0 !important;
}
.table-listing .table table tr {
  border: 0;
}
.table-listing .table table tr:nth-child(even) {
  background-color: transparent;
}
.table-listing .table .table-row-active {
  background-color: #fff9cf !important;
}
.table-listing .table-info {
  display: block;
  position: relative;
  margin-top: -12px;
  margin-bottom: 20px;
}
.table-listing .table-info.muted {
  color: #666666;
}
.table-listing .table-ehf tr,
.table-listing .table-ehf td {
  border: none !important;
  background-color: transparent !important;
  text-align: right;
}
.pagination {
  margin-top: 0;
}
.pagination .fa {
  vertical-align: baseline;
}
.catalog-page {
  margin-top: 60px;
}
textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='time'],
input[type='week'],
input[type='text'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='url'] {
  height: 39px;
  line-height: 39px;
  padding: 0 8px;
  margin: 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  resize: none;
  box-sizing: border-box;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea.input-mini,
input[type='text'].input-mini,
input[type='password'].input-mini,
input[type='datetime'].input-mini,
input[type='datetime-local'].input-mini,
input[type='date'].input-mini,
input[type='time'].input-mini,
input[type='week'].input-mini,
input[type='text'].input-mini,
input[type='number'].input-mini,
input[type='email'].input-mini,
input[type='tel'].input-mini,
input[type='url'].input-mini {
  text-align: center;
  padding: 0;
}
.input-prepend textarea,
.input-prepend input[type='text'],
.input-prepend input[type='password'],
.input-prepend input[type='datetime'],
.input-prepend input[type='datetime-local'],
.input-prepend input[type='date'],
.input-prepend input[type='time'],
.input-prepend input[type='week'],
.input-prepend input[type='text'],
.input-prepend input[type='number'],
.input-prepend input[type='email'],
.input-prepend input[type='tel'],
.input-prepend input[type='url'],
.input-append textarea,
.input-append input[type='text'],
.input-append input[type='password'],
.input-append input[type='datetime'],
.input-append input[type='datetime-local'],
.input-append input[type='date'],
.input-append input[type='time'],
.input-append input[type='week'],
.input-append input[type='text'],
.input-append input[type='number'],
.input-append input[type='email'],
.input-append input[type='tel'],
.input-append input[type='url'] {
  margin-bottom: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  margin-bottom: 0;
}
fieldset select,
fieldset textarea,
fieldset input[type="text"],
fieldset input[type="password"],
fieldset input[type="datetime"],
fieldset input[type="datetime-local"],
fieldset input[type="date"],
fieldset input[type="month"],
fieldset input[type="time"],
fieldset input[type="week"],
fieldset input[type="number"],
fieldset input[type="email"],
fieldset input[type="url"],
fieldset input[type="search"],
fieldset input[type="tel"],
fieldset input[type="color"],
fieldset .uneditable-input,
fieldset button,
fieldset .btn {
  margin-bottom: 5px;
}
textarea {
  min-height: 75px !important;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.2em !important;
  resize: none;
  overflow-y: scroll;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.uneditable-input.span12 {
  width: 100%;
}
.typeahead li {
  text-align: left;
}
.typeahead a {
  font-weight: 600 !important;
  text-decoration: none;
  color: black !important;
  text-align: left;
}
.typeahead a strong {
  font-weight: 300 !important;
  color: #666666 !important;
}
.typeahead .active a {
  background-image: none !important;
  background-color: black !important;
  color: white !important;
}
.typeahead .active a strong {
  color: white !important;
}
select {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
#formQuestion select,
#frmAddressEdit select,
.form-download-center select,
#frmGiftCertificate select,
.form-customer-service-search select,
#frmCheckout select {
  height: 39px;
}
.qty-container select {
  margin-bottom: 0px;
  width: auto;
  height: 39px;
}
.input-mini {
  width: 45px;
}
.table-striped tr.alert > td {
  background: none transparent !important;
}
.checkbox img,
.radio img {
  vertical-align: top;
}
/*********************************************/

/*     FLEXBOX ADDRESS SELECTOR CHECKOUT     */

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

#checkoutShippingAddressSelector,
#fbContainer,
.ejs-fbContainer,
.ejs-fb-container {
  margin-bottom: 5px;
}
#checkoutShippingAddressSelector .ejs-fb-container input,
#fbContainer .ejs-fb-container input,
.ejs-fbContainer .ejs-fb-container input,
.ejs-fb-container .ejs-fb-container input {
  margin-bottom: 0px;
}
#checkoutShippingAddressSelector #fbContainer input,
#fbContainer #fbContainer input,
.ejs-fbContainer #fbContainer input,
.ejs-fb-container #fbContainer input {
  margin-bottom: 0px;
}
#checkoutShippingAddressSelector .ffb-input,
#fbContainer .ffb-input,
.ejs-fbContainer .ffb-input,
.ejs-fb-container .ffb-input {
  height: 39px;
  /* required for webkit browsers (Safari, Chrome) */
  box-sizing: border-box;
  padding: 0px 8px;
  border: solid 1px #cccccc;
  width: -webkit-calc(100% - 39px) !important;
  width: calc(100% - 39px) !important;
  color: #141823;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
#checkoutShippingAddressSelector .ffb-arrow,
#fbContainer .ffb-arrow,
.ejs-fbContainer .ffb-arrow,
.ejs-fb-container .ffb-arrow {
  background: none #0c4da2;
  position: relative;
  border: solid 1px #0c4da2;
  box-sizing: border-box;
  height: 39px;
  width: 39px;
  cursor: pointer;
}
#checkoutShippingAddressSelector .ffb-arrow:hover,
#fbContainer .ffb-arrow:hover,
.ejs-fbContainer .ffb-arrow:hover,
.ejs-fb-container .ffb-arrow:hover {
  background-color: #1064d1;
  border: solid 1px #1064d1;
}
#checkoutShippingAddressSelector .ffb-arrow:before,
#fbContainer .ffb-arrow:before,
.ejs-fbContainer .ffb-arrow:before,
.ejs-fb-container .ffb-arrow:before {
  content: "\f0d7";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  color: white;
  font-size: 16px;
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -5px;
}
#checkoutShippingAddressSelector .ffb,
#fbContainer .ffb,
.ejs-fbContainer .ffb,
.ejs-fb-container .ffb {
  border: solid 1px #cccccc;
  border-top: 0px;
  width: -webkit-calc(100% - 39px) !important;
  width: calc(100% - 39px) !important;
}
#checkoutShippingAddressSelector .ffb .content .row,
#fbContainer .ffb .content .row,
.ejs-fbContainer .ffb .content .row,
.ejs-fb-container .ffb .content .row {
  height: auto;
  margin-left: 0px;
  padding: 8px;
  color: #141823;
  font-size: 0.85em;
  border-bottom: solid 1px #cccccc;
}
#checkoutShippingAddressSelector .ffb .content .row.ffb-sel,
#fbContainer .ffb .content .row.ffb-sel,
.ejs-fbContainer .ffb .content .row.ffb-sel,
.ejs-fb-container .ffb .content .row.ffb-sel {
  background-color: #ff9000;
  color: white;
}
#checkoutShippingAddressSelector .ffb .content .row .ffb-match,
#fbContainer .ffb .content .row .ffb-match,
.ejs-fbContainer .ffb .content .row .ffb-match,
.ejs-fb-container .ffb .content .row .ffb-match {
  color: #141823;
}
#checkoutShippingAddressSelector .ffb .box,
#fbContainer .ffb .box,
.ejs-fbContainer .ffb .box,
.ejs-fb-container .ffb .box {
  text-align: center;
  border: 0px;
  background: none transparent;
  cursor: default;
}
#checkoutShippingAddressSelector .ffb .paging,
#fbContainer .ffb .paging,
.ejs-fbContainer .ffb .paging,
.ejs-fb-container .ffb .paging {
  padding: 5px;
}
#checkoutShippingAddressSelector {
  clear: both;
}
/*******************************************/

/*          FONT-AWESOME: ICONS            */

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

[class^="icon-"],
[class*=" icon-"] {
  width: auto;
  height: auto;
  background: none transparent;
  margin-top: 0px;
}
.fa {
  /*
  *  Overriding the font-family that is added by the latest version
  */
  font-family: 'FontAwesome' !important;
  font-weight: normal !important;
}
.fa,
.fa-brands {
  color: #0c4da2;
  font-size: 22px !important;
  vertical-align: middle;
  /*
 *	 This icon has been changed with the latest version. Reverting to version 4 unicode
 */

  /*
  *  These fontAwesome should be overwritten with the newest version
  */

  /*
  *  Setting X icon for Twitter
  */

  /*
  *  Setting X in a square icon for Twitter in a square
  */

  /*facebook-square
  *  Setting updated Facebook square icon
  */

}
.fa.fa-small,
.fa-brands.fa-small {
  font-size: 14px !important;
}
.fa.fa-xsmall,
.fa-brands.fa-xsmall {
  font-size: 11px !important;
}
.fa.fa-large,
.fa-brands.fa-large {
  font-size: 35px !important;
}
.fa.fa-inverted,
.fa-brands.fa-inverted {
  color: white;
}
.fa.fa-tag,
.fa-brands.fa-tag {
  color: #f20707;
}
.fa.fa-error-color,
.fa-brands.fa-error-color {
  color: #b94a48 !important;
}
.fa.fa-warning-color,
.fa-brands.fa-warning-color {
  color: #c09853 !important;
}
.fa.fa-stack-1x,
.fa-brands.fa-stack-1x {
  font-size: 1em !important;
}
.fa.fa-stack-2x,
.fa-brands.fa-stack-2x {
  font-size: 2em !important;
}
.fa.fa-stack-3x,
.fa-brands.fa-stack-3x {
  font-size: 3em !important;
}
.fa.fa-stack-4x,
.fa-brands.fa-stack-4x {
  font-size: 4em !important;
}
.fa.fa-stack-5x,
.fa-brands.fa-stack-5x {
  font-size: 5em !important;
}
.fa.fa-pencil:before,
.fa-brands.fa-pencil:before {
  content: "\f040" !important;
}
.fa.fa-facebook-square,
.fa-brands.fa-facebook-square,
.fa.fa-twitter,
.fa-brands.fa-twitter,
.fa.fa-twitter-square,
.fa-brands.fa-twitter-square {
  font-family: 'Font Awesome 6 Brands' !important;
}
.fa.fa-twitter:before,
.fa-brands.fa-twitter:before {
  content: "\e61b" !important;
}
.fa.fa-twitter-square:before,
.fa-brands.fa-twitter-square:before {
  content: "\e61a" !important;
}
.fa.fa-facebook-square:before,
.fa-brands.fa-facebook-square:before {
  content: "\f082" !important;
}
.customer-panel .fa,
.customer-panel .fa-brands {
  margin-top: -3px;
}
.btn .fa,
.btn .fa-brands {
  line-height: 0.6em;
}
.btn .fa.fa-search,
.btn .fa-brands.fa-search,
.btn .fa.fa-search-plus,
.btn .fa-brands.fa-search-plus,
.btn .fa.fa-shopping-cart,
.btn .fa-brands.fa-shopping-cart {
  position: relative;
  top: -2px;
}
.layout-type .fa,
.layout-type .fa-brands {
  color: #bbbbbb;
}
.active .fa,
.active .fa-brands {
  color: #0c4da2;
}
.alert-info .fa,
.alert-info .fa-brands {
  color: #3a87ad;
}
.alert-error .fa,
.alert-error .fa-brands {
  color: #b94a48;
  margin-top: -2px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-success .fa,
.alert-success .fa-brands {
  color: #468847;
  margin-top: -2px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-warning .fa,
.alert-warning .fa-brands {
  color: #c09853;
  margin-top: -2px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.icon-custom {
  width: 27px;
  height: 27px;
  line-height: 27px;
  overflow: hidden;
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat 0 0;
}
.icon-custom.icon-user {
  background-position: 0px -90px;
}
.icon-custom.icon-cog {
  background-position: 0px -137px;
}
.icon-custom.icon-caretd {
  background-position: 0px -327px;
  width: 14px;
  height: 8px;
}
.icon-custom.icon-caretr {
  background-position: 0px -374px;
  width: 8px;
  height: 14px;
}
.icon-custom.icon-search {
  background-position: 0px 0px;
}
.icon-custom.icon-shopping-cart {
  background-position: 0px -187px;
  width: 25px;
  height: 19px;
}
.icon-custom.icon-home {
  background-position: 0px -467px;
  width: 21px;
  height: 20px;
}
.icon-custom.icon-questionmark {
  background-position: 0px -839px;
  width: 26px;
  height: 26px;
}
.icon-custom.icon-layout-grid {
  background-position: 0px -746px;
  width: 30px;
  height: 30px;
}
.icon-custom.icon-layout-grid.active {
  background-position: -51px -746px;
}
.icon-custom.icon-layout-list {
  background-position: 0px -793px;
  width: 30px;
  height: 30px;
}
.icon-custom.icon-layout-list.active {
  background-position: -51px -793px;
}
.icon-custom.icon-layout-cat {
  background-position: 0px -886px;
  width: 30px;
  height: 30px;
}
.icon-custom.icon-layout-cat.active {
  background-position: -51px -886px;
}
.icon-custom.icon-promo {
  background-position: -152px -280px;
  width: 14px;
  height: 14px;
}
.icon-specials {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1020;
}
.icon-specials .label-promo {
  background: transparent none;
}
img.img200 {
  width: 200px;
}
img.img150 {
  width: 150px;
}
img.img100 {
  width: 100px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */

}
.help-icon i {
  vertical-align: middle !important;
}
#backtotop {
  bottom: 70px;
  display: none;
  position: fixed;
  right: 30px;
  z-index: 1039;
}
#backtotop a {
  background: #0c4da2;
  border: 0 none;
  color: white;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  width: 45px;
  height: 45px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}
#backtotop a:hover {
  box-shadow: none;
  opacity: 0.8;
}
.text-center {
  text-align: center !important;
}
.box-ehf-popup hr {
  margin: 5px 0;
}
.box-ehf-popup .muted {
  display: inline-block;
  margin-top: 10px;
  border-top: 1px solid #dff0d8;
  padding: 1px 4px;
  background: #dff0d8;
  color: #529138;
}
.box-ehf-popup td {
  border: 0px;
}
.modal {
  z-index: 1050 !important;
}
.statusBarBackdrop {
  z-index: 9999 !important;
}
/******** HEADER *********/

.header-banner {
  background: #ff9000;
  color: white;
  margin-bottom: 20px;
  padding: .75em 0;
}
header .row-fluid {
  margin-bottom: 0;
}
header .row-fluid [class*="span"] {
  min-height: 1px;
}
header .logos > a {
  display: inline-block;
  max-width: 100%;
}
.header-nav {
  float: right;
  margin-top: 8px;
}
.header-nav li {
  margin-left: 8px;
}
/***** TOP SECTION *****/

.header-topsection {
  margin-top: 21px;
  margin-bottom: 10px !important;
  position: relative;
}
.header-topsection .row-fluid {
  margin-bottom: 0;
}
.header-topsection .btn {
  text-transform: uppercase;
}
.header-topsection .nav {
  margin: 0;
}
.header-topsection input[type='text'] {
  font-size: 15px;
  color: #666666;
  height: 37px;
  line-height: 37px;
  vertical-align: middle;
}
.header-topsection .input-append {
  width: 100%;
}
.header-topsection .search {
  position: relative;
}
.header-topsection .search .advanced-search {
  font-size: 0.9em;
  display: block;
  margin-right: 90px;
  float: right;
}
.header-topsection .search form {
  margin: 0;
  display: inline-block;
}
.header-topsection .search form.form-categoryquicksearch .btn-categoryquicksearch:focus,
.header-topsection .search form.form-categoryquicksearch .btn-categoryquicksearch:active {
  background: #b36500;
  border-color: #b36500;
}
.header-topsection .search .form-search input[type='text']::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #141823 !important;
}
.header-topsection .search .form-search input[type='text']:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #141823 !important;
  opacity: 1;
}
.header-topsection .search .form-search input[type='text']::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #141823 !important;
  opacity: 1;
}
.header-topsection .search .form-search input[type='text']:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #141823 !important;
}
.header-topsection .search .form-search input[type='text']::placeholder {
  color: #141823 !important;
}
.header-topsection .search .icon-custom {
  margin-top: -5px;
}
.header-topsection .search .icon-search {
  width: 24px;
  height: 27px;
  margin-top: -3px;
}
.header-topsection .search .icon-caretd,
.header-topsection .search .icon-caretr {
  margin-top: 3px;
  width: 14px;
  height: 8px;
}
.header-topsection .search .icon-caretr {
  height: 14px;
  margin-top: 2px !important;
  margin-left: 5px;
}
.header-topsection .search .btn-go {
  margin-left: 0;
}
.header-topsection .login-text {
  min-height: 23px;
  line-height: 23px;
  margin-top: 7px;
  letter-spacing: 0px;
  font-size: 0.85em;
  color: #0c4da2;
}
.header-topsection .wide50 {
  width: 50%;
  float: left;
}
.header-topsection .nav-myaccount {
  margin-right: 1px;
}
.header-topsection .nav-myaccount .nav-header {
  text-align: left;
}
.header-topsection .nav-myaccount .diffLink:link,
.header-topsection .nav-myaccount .diffLink:visited {
  color: #e5e5e5 !important;
}
.header-topsection .nav-myaccount .diffLink:hover,
.header-topsection .nav-myaccount .diffLink:active {
  color: #ff9000 !important;
}
.header-topsection .nav-myservices .dropdown > .btn,
.header-topsection .nav-myaccount .dropdown > .btn {
  background: none;
  border-color: #ffd399 !important;
}
.header-topsection .nav-myservices .dropdown > .btn:hover,
.header-topsection .nav-myaccount .dropdown > .btn:hover {
  background: #0c4da2 !important;
}
.header-topsection .order-express {
  text-transform: uppercase;
  font-size: 1.15em;
}
.header-topsection .order-express a {
  color: black;
}
.header-topsection .order-express a:hover {
  text-decoration: underline;
}
.header-topsection .dropdown-menu {
  min-width: 210px;
  z-index: 1500 !important;
}
.header-topsection .nav-header {
  text-shadow: none;
  font-size: 0.9em;
  background: #282828;
  border-bottom: 1px solid #818181 !important;
  padding-left: 10px !important;
}
.header-topsection .nav-tabs {
  border: 0;
}
.header-topsection .nav-tabs .btn {
  text-align: left;
}
.header-topsection .nav-tabs li {
  margin-bottom: 0;
  width: 100%;
}
.header-topsection .nav-tabs li a {
  margin: 0;
}
.header-topsection .nav-tabs li .icon-custom {
  margin-top: -4px;
}
.header-topsection .nav-tabs li .icon-custom.icon-caretd {
  margin-top: 16px;
  float: right;
}
.header-topsection .nav-tabs li .icon-custom.icon-user,
.header-topsection .nav-tabs li .icon-custom.icon-cog {
  width: 26px;
  height: 27px;
}
.header-topsection .nav-tabs li.open .dropdown-menu {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  background: #b36500;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.header-topsection .nav-tabs li.open .dropdown-menu .btn {
  background: #ff9000 !important;
  border: 5px solid #b36500 !important;
  letter-spacing: 0;
  text-align: center;
}
.header-topsection .nav-tabs li.open .dropdown-menu .btn:hover {
  background: #e68200 !important;
  filter: none !important;
}
.header-topsection .nav-tabs li.open .dropdown-menu .divider {
  background: transparent;
  border: 0;
  border-top: 1px solid #818181;
}
.header-topsection .nav-tabs li.open .dropdown-menu li {
  width: auto;
}
.header-topsection .nav-tabs li.open .dropdown-menu a {
  color: #e5e5e5;
  border-bottom: 1px solid #0363b5;
  text-decoration: none;
  padding: 6px 10px;
  white-space: normal;
}
.header-topsection .nav-tabs li.open .dropdown-menu a:hover {
  background: #d8d8d8 !important;
  color: #141823;
  filter: none !important;
}
.header-topsection .nav-tabs li.open .dropdown-menu .dropdown-submenu:hover > a,
.header-topsection .nav-tabs li.open .dropdown-menu .dropdown-submenu:focus > a {
  background: none !important;
  background-image: none !important;
}
.header-topsection .customer-panel {
  margin-top: -30px;
}
.categoryquicksearch-popup {
  background: #b36500;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  color: white;
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 1000;
}
.categoryquicksearch-popup h3 {
  color: white;
  margin: 0px 0px 10px 0px;
}
.cart {
  background: #e5e5e5;
  padding: 8px;
  font-weight: 400;
  cursor: pointer;
  min-height: 39px !important;
}
.cart:hover {
  background: #fefefe;
}
.cart strong {
  font-weight: 700;
  font-size: 1.5em;
  display: inline-block;
  margin-right: 5px;
}
.cart .cart-info {
  height: auto !important;
}
.cart .cart-info .cart-products-qty-lbl {
  display: inline-block;
  font-size: 1em;
}
.cart .cart-info .cart-products-qty,
.cart .cart-info .cart-products-qty-lbl {
  top: 0;
  text-transform: none;
}
.cart + .cart-quote,
.basket-pop + .cart-quote,
.order-express + .cart-quote {
  margin-top: 5px;
}
.basket-pop {
  display: none;
  background: white;
  position: absolute;
  z-index: 1041;
  box-sizing: border-box;
  top: auto;
  left: 0;
  width: 1170px;
  border: 1px solid #ff9000;
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
}
body .basket-pop {
  margin-top: 10px;
}
.basket-pop .basketpop-previewsection,
.basket-pop .basketpop-pricesection {
  padding: 1em !important;
}
.basket-pop .basketpop-header {
  background: #ff9000;
}
.basket-pop .basketpop-header h3 {
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.5em;
  font-weight: 700;
  color: white;
  white-space: nowrap;
}
.basket-pop .basketpop-header .basket-close {
  margin-top: 5px;
  margin-right: 5px;
}
.basket-pop .basketpop-header .basket-close .icon-remove {
  background-image: url("/ContentEcom/images/glyphicons-halflings-white.png");
}
.basket-pop .basketpop-information {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid #dff0d8;
  background: #dff0d8;
  color: #529138;
}
.basket-pop .alert {
  margin-bottom: 0;
}
.basket-pop .basketpop-body {
  padding-top: 20px;
}
.basket-pop .basketpop-body .span4 {
  margin-top: 0;
}
.basket-pop .basketpop-body ul {
  width: 100%;
}
.basket-pop .basketpop-body ul li {
  vertical-align: middle;
}
.basket-pop .basketpop-body .basketpop-item {
  min-height: 50px;
}
.basket-pop .basketpop-body .basketpop-item li {
  padding-left: 0px;
  padding-right: 0px;
}
.basket-pop .basketpop-body .basketpop-item .basketpop-photo {
  min-width: 50px;
  padding-bottom: 2px;
}
.basket-pop .basketpop-body .basketpop-item .basketpop-qty {
  width: 45px;
  text-align: center;
}
.basket-pop .basketpop-body .basketpop-item .basketpop-description {
  width: 191px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.basket-pop .basketpop-body .basketpop-item .basketpop-price {
  width: 85px;
  text-align: right;
  white-space: nowrap;
}
.basket-pop .btn {
  margin-top: 2px !important;
}
.basket-pop .btn i {
  margin-top: -2px;
  margin-left: 5px;
}
.basket-pop:before {
  content: "▲";
  position: absolute;
  width: 0;
  height: 0;
  color: #ff9000;
  margin-top: -14px;
  right: 85px;
}
.basket-pop.basket-pop-fixed {
  position: fixed !important;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body .basket-pop.basket-pop-fixed {
  margin-top: 60px;
}
.basket-pop.basket-pop-fixed:before {
  right: 40px !important;
}
.basket-pop .basket-tools {
  margin-top: 26px;
}
.empty-basket-message .text-center {
  min-height: 38px;
  line-height: 36px;
}
#divShippingMethodCalculate li {
  margin-bottom: 10px;
}
#divShippingMethodCalculate li:last-child {
  margin-bottom: 0px;
}
/***** NAVIGATION ******/

/*
.main-navigation-position {
    height: 52px;
}

.main-navigation-mobile-disabled {
    display: none;
}

.main-navigation {
    position: absolute;
    margin: auto;
    padding: 0;
    width: 100%;
    top: 193px;
    height: 51px;
    z-index: 1030;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;


    .main-navig-search {
        display: none;
        text-align: center;

        form {
            margin-bottom: 0;
            border-bottom: 1px solid #fff;
        }

        input {
            width: 1073px;
            border: 1px solid #ececce;
            height: 51px;
            line-height: 51px;
            padding-left: 20px;
            text-align: center;
            font-family: 'Oxygen', sans-serif;
            font-weight: 400;
            color: #666;
            font-size: 18px;
            background: @customIconSprites 22px -684px;
            background-color: #ffffdf;
            margin: auto;
        }

        .typeahead {
            width: 100%;
            text-align: left;
        }

        .btn {
            height: 53px;
            width: 63px;
            margin-right: -1px;
        }

        .icon-custom {
            height: 26px;
            width: 26px;
            vertical-align: middle;
            margin-left: 3px;
            float: left;
        }

        .icon-caretr {
            margin-top: 6px;
            width: 9px;
            height: 14px;
        }
    }

    .navbar {
        height: 51px;
        margin-bottom: 0;
    }

    .row-fluid {
        margin-bottom: 0;
    }

    .alert {
        -webkit-border-radius: 0px!important;
        -moz-border-radius: 0px!important;
        border-radius: 0px!important;
        margin-bottom: 0px;
    }
}
*/

.f-nav {
  position: fixed !important;
  width: 1170px;
  top: 0;
  left: 50%;
  margin-left: -585px;
  padding: 0;
  z-index: 1040;
  margin-top: 0px !important;
  -webkit-transform: translate3d(0, 0, 0);
}
.f-nav .navbar {
  height: auto;
}
.f-nav .submenu {
  margin-left: 0px !important;
}
.navbar {
  margin-bottom: 0;
}
.navbar .navbar-inner {
  border: 0px;
  background-color: #0c4da2;
  padding: 0;
  min-height: 0;
  background-image: none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.navbar .navbar-inner a {
  font-size: 1.35em;
  line-height: 40px;
}
.navbar .navbar-inner .icon-custom {
  float: left;
}
.navbar .navbar-inner .icon-home {
  float: none;
}
.navbar .navbar-inner .menu-home {
  display: none;
  border-left: 0;
  margin-left: 0;
}
.navbar .navbar-inner .btn-cart,
.navbar .navbar-inner .btn-services,
.navbar .navbar-inner .btn-account,
.navbar .navbar-inner .btn-search,
.navbar .navbar-inner .btn-quote {
  padding: 15px 14px;
  line-height: 32px;
}
.navbar .navbar-inner .btn-cart .icon-custom,
.navbar .navbar-inner .btn-services .icon-custom,
.navbar .navbar-inner .btn-account .icon-custom,
.navbar .navbar-inner .btn-search .icon-custom,
.navbar .navbar-inner .btn-quote .icon-custom {
  width: 22px;
  height: 21px;
  margin-top: 2px;
}
.navbar .navbar-inner .btn-cart,
.navbar .navbar-inner .btn-quote {
  padding: 10px 14px;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: none;
  color: white;
  border: 0;
}
.navbar .navbar-inner .btn-cart .icon-custom,
.navbar .navbar-inner .btn-quote .icon-custom {
  width: 25px;
}
.navbar .navbar-inner .nav {
  width: 100%;
  position: inherit;
}
.navbar .navbar-inner .nav > li:first-child {
  text-indent: 0px !important;
}
.navbar .navbar-inner .nav > li {
  filter: none !important;
}
.navbar .navbar-inner .nav > li > a {
  color: white;
  text-shadow: none;
  padding: 5px 15px;
}
.navbar .navbar-inner .nav > li > a:hover {
  text-shadow: none;
}
.navbar .navbar-inner .nav .dropdown-toggle {
  text-indent: 0px !important;
}
.navbar .navbar-inner .nav .dropdown-toggle .caret {
  margin-top: 22px;
  margin-left: 5px;
  color: white;
  border-bottom-color: white !important;
  border-top-color: white !important;
}
.navbar .navbar-inner .nav .dropdown-menu {
  background: #0c4da2;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  padding: 0;
  z-index: 1500;
}
.navbar .navbar-inner .nav .dropdown-menu li a {
  line-height: normal;
  padding: 5px 15px;
  text-indent: 0px !important;
  text-transform: none;
}
.navbar .navbar-inner .nav .dropdown-menu li a:hover,
.navbar .navbar-inner .nav .dropdown-menu li a:focus {
  background-image: none !important;
  background: white;
  color: #0c4da2;
  filter: none !important;
}
.navbar .navbar-inner .nav .dropdown-menu:after {
  border-bottom-color: #0c4da2 !important;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu {
  filter: none !important;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu a {
  text-indent: 0px !important;
  filter: none !important;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu a:after {
  margin-top: 5px;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu a:focus {
  background: none !important;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
  margin-top: 0px;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu .dropdown-submenu a:after {
  display: none;
}
.navbar .navbar-inner .nav .banner-menu .level2 {
  box-shadow: none !important;
  width: 250px;
}
.navbar .navbar-inner .nav .banner-menu .level2 .level3 {
  width: 920px;
  box-shadow: none !important;
  position: absolute;
}
.navbar .navbar-inner .nav .banner-menu .level2 .level3 li {
  min-width: 150px;
  float: left;
}
.navbar .navbar-inner .nav .dropdown-menu > li > a:hover,
.navbar .navbar-inner .nav .dropdown-menu > li > a:focus,
.navbar .navbar-inner .nav .dropdown-submenu:hover > a,
.navbar .navbar-inner .nav .dropdown-submenu:focus > a {
  background: #ff9000 !important;
  background-image: none !important;
  color: white !important;
}
.navbar .navbar-inner .nav-quicklinks .nav > li > a {
  padding: 5px;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar-inverse .nav li.bigmenu.open > .dropdown-toggle,
.navbar-inverse .nav li.bigmenu.active > .dropdown-toggle,
.navbar-inverse .nav li.bigmenu.open.active > .dropdown-toggle,
.navbar-inverse .nav li > a:hover {
  background-color: #083673;
}
.navbar .navbar-inner .nav .dropdown-menu > li > a {
  color: white;
  font-weight: 300;
  font-size: 1em;
}
.navbar .navbar-inner .nav .dropdown-menu > li > a:hover {
  background-color: #083673 !important;
}
.navbar .nav > li > .dropdown-menu {
  margin-top: 0px;
}
.navbar .nav > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu:before {
  display: none;
}
.btn-navbar {
  float: left !important;
}
/*button fix for iphone*/

.navbar .navbar-inner .nav .dropdown-menu li a {
  position: relative !important;
  z-index: 1000000 !important;
}
.nav-rightlinks ul {
  margin-bottom: 0;
}
.nav-rightlinks ul li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
.nav-rightlinks ul a {
  border: 0 !important;
}
/******* SUBMENU ******/

.submenu {
  display: none;
  position: absolute;
  height: auto;
  background: white;
  width: 1170px;
  z-index: 1500;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  left: 0;
}
.submenu .nav-inner-items {
  position: relative !important;
  height: auto;
  /*same here include inner items in compiling flow and set height auto*/

}
.submenu.open {
  display: block;
}
.submenu .submenu-left {
  background: #0363b5;
  float: left;
}
.submenu .submenu-left > ul > li > a {
  margin-top: 0;
  margin-bottom: 0;
}
.submenu .submenu-left > ul > li > a.has-content:after {
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;
  margin-top: 5px;
  width: 0;
  height: 0;
}
.submenu .submenu-left > ul > li.opened > a {
  background-color: #083673;
}
.submenu .nav {
  margin: 0;
  width: 227px;
  min-height: 320px;
  background: #0363b5;
}
.submenu .nav .expand.opened .submenu-bigcontent {
  display: block !important;
}
.submenu .nav .expand > a {
  text-indent: 0px !important;
  color: white !important;
}
.submenu .nav .expand > a:hover {
  text-decoration: none;
  background-color: #024883 !important;
}
.submenu .nav-stacked > li {
  float: none !important;
}
.submenu .nav-stacked > li > a {
  text-transform: none;
  font-weight: 300;
  font-size: 1em;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.submenu .nav-stacked > li > a:hover {
  background: #0363b5;
}
.submenu .nav-stacked > li.opened > a {
  background: #0363b5;
}
.submenu .catcolor {
  border-left: 2px solid #cccccc;
  padding-left: 7px;
}
.submenu .ajaxloading-container {
  position: absolute;
  top: 0;
  left: 228px;
  width: 892px;
  background: white !important;
  padding: 20px 10px 20px 40px !important;
  text-align: left !important;
}
.submenu .ajaxloading-container .ajaxloading-big,
.submenu .ajaxloading-container .ajaxloading-small {
  margin: 0 !important;
}
.submenu .submenu-bigcontent {
  position: absolute;
  top: 0;
  left: 228px;
  width: 901px;
  background: white;
  padding: 0 10px 0 30px;
  border: none;
  /*remove default styles which may spoil actual bigcontent’s size so it blends with submenu bg*/
  border-left: none;
  min-height: 318px;
}
.ie8 .submenu .submenu-bigcontent {
  width: 672px;
}
.submenu .submenu-bigcontent h3 {
  font-size: 1.7em;
  color: #0363b5;
}
.submenu .submenu-bigcontent h3 a {
  text-decoration: none;
}
.submenu .submenu-bigcontent a {
  line-height: 1.5em;
  text-transform: none;
  font-weight: 300;
  font-size: 1em;
  background-color: transparent !important;
  color: #435a66 !important;
}
.ie8 .submenu .submenu-bigcontent a {
  line-height: 0.9em;
  font-size: 0.9em;
}
.submenu .submenu-bigcontent a:hover {
  background-color: transparent !important;
}
.submenu .submenu-bigcontent .bigcontent-tophighlight {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.submenu .submenu-bigcontent .bigcontent-tophighlight ul > li {
  width: 18%;
  text-align: center;
  vertical-align: top;
}
.submenu .submenu-bigcontent .bigcontent-tophighlight ul > li a {
  display: inline-block;
}
.submenu .submenu-bigcontent .bigcontent-categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.submenu .submenu-bigcontent .span4 {
  margin: 0;
  width: 33%;
}
/******* HOME PAGE ******/

.flexslider {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
.flexslider .flex-direction-nav a {
  color: white;
  width: 42px !important;
  height: 42px !important;
  background-image: none !important;
  text-indent: 0 !important;
  line-height: 42px;
  text-align: center !important;
  background-image: url(/themecms/theme/img/bg_direction_nav.png);
}
.flexslider .flex-direction-nav a.flex-prev:before {
  font-family: FontAwesome;
  content: "\f104" !important;
  color: #333333;
  font-size: 55px;
}
.flexslider .flex-direction-nav a.flex-next:before {
  font-family: FontAwesome;
  content: "\f105" !important;
  color: #333333;
  font-size: 55px;
}
/***** CATEGORY ****/

#CategoryDescription {
  margin-bottom: 20px;
}
#ListingCategories {
  margin-bottom: 30px;
}
#showSubCategories,
#hideSubCategories {
  text-decoration: underline;
}
#showSubCategories.active,
#hideSubCategories.active {
  color: #999999;
  text-decoration: none;
}
.category-listing {
  list-style: none;
}
.category-listing i {
  position: absolute;
  margin-left: -20px;
  margin-top: 3px;
}
.category-listing li {
  margin-bottom: 7px;
}
.category-listing li a:link,
.category-listing li a:visited {
  color: #0c4da2;
}
.category-listing .opened .iconplus {
  display: none;
  visibility: hidden;
}
.category-listing .closed .iconminus {
  display: none;
  visibility: hidden;
}
.category-listing .closed ul {
  display: none;
  visibility: hidden;
}
.category-listing ul {
  margin-top: 7px;
}
.category-listing ul a {
  color: #e5e5e5;
}
.category-listing .btn-link {
  color: black;
  text-decoration: underline;
  font-size: 1.1em;
}
.category-listing .btn-link:hover {
  color: #666666;
  text-decoration: none;
}
.category-listing .box-photo {
  position: relative;
  text-align: center;
}
.category-listing .box-info .box-info-title {
  text-align: center;
}
.category-listing .box-info .box-info-title a {
  font-size: 1.3em;
  margin: .4em;
  display: inline-block;
}
.category-listing .box-info .box-info-description {
  text-align: center;
  font-size: .9em;
  margin: .2em .4em;
}
.categories-results li {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 5px;
  width: 24% !important;
  margin-left: 5px !important;
}
.categories-results li .btn {
  background: none !important;
  color: black !important;
  border: none !important;
  padding: 5px 0 !important;
  font-size: .95em;
  line-height: normal !important;
  text-align: left !important;
  text-decoration: underline !important;
  font-weight: normal !important;
}
.categories-results li .btn:hover {
  text-decoration: none !important;
  color: #1a1a1a !important;
}
.categories-results-accordion {
  -webkit-box-shadow: 0 0 7px #cccccc;
  -moz-box-shadow: 0 0 7px #cccccc;
  -o-box-shadow: 0 0 7px #cccccc;
  box-shadow: 0 0 7px #cccccc;
}
.categories-results-accordion a {
  text-decoration: none;
  font-weight: bold;
}
.categories-results-accordion a.accordion-toggle {
  background: black !important;
  color: white !important;
  padding: 15px !important;
}
.categories-results-accordion a.accordion-toggle:after {
  content: " ▼";
  float: right;
}
.categories-results-accordion a.collapsed:after {
  content: " ►";
  float: right;
}
/***** PRODUCT ****/

.zoomContainer {
  -ms-touch-action: none !important;
}
.flexslider {
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}
#cmdSortResult,
#cmdEnterBy {
  width: 145px;
}
.product-qty-confirmation thead td {
  line-height: normal;
}
.product-qty-confirmation thead td.code-produit {
  width: 60px;
}
.product-qty-confirmation thead td.qte {
  width: 65px;
}
.product-qty-confirmation td {
  line-height: 40px;
}
.product-qty-confirmation td.qte {
  text-align: center;
}
.product-detail a {
  cursor: pointer;
}
.product-detail .product-image {
  position: relative;
}
.product-detail .product-image #carousel img {
  width: 80px;
}
.product-detail .product-image .product-detail-gallery-thumbs {
  max-height: 375px;
}
.product-detail .product-image .product-detail-gallery-thumbs li {
  float: none !important;
}
.product-detail .product-image #product-detail-gallery-thumbs {
  margin: 15px 0;
  position: relative;
}
.product-detail .product-image #product-detail-gallery-thumbs .slides img {
  width: 80px !important;
}
.product-detail .product-image #product-detail-gallery-thumbs .flex-direction-nav a {
  display: block;
  width: 20px;
  height: 80px;
  opacity: 0.6;
  background: #999999;
  color: white;
  text-align: center;
  line-height: 70px;
  font-weight: bold;
  font-size: 2em;
  top: 20px;
}
.product-detail .product-image #product-detail-gallery-thumbs .flex-direction-nav a.flex-next {
  right: 0;
}
.product-detail .product-image #product-detail-gallery-thumbs .flex-direction-nav a.flex-next:before {
  content: ">";
}
.product-detail .product-image #product-detail-gallery-thumbs .flex-direction-nav a.flex-prev {
  left: 0;
}
.product-detail .product-image #product-detail-gallery-thumbs .flex-direction-nav a:before {
  content: "<";
  font-size: 24px;
}
.product-detail .contentProductDescriptionNoteText {
  display: inline-block;
  margin-top: 10px;
  border-radius: 9px;
  padding: 2px 9px;
  color: white;
  background-color: black;
}
.product-detail .product-enlarge i {
  position: relative;
  top: 2px;
  left: 9px;
}
.product-detail .price {
  font-size: 2em;
}
.product-detail .price-per-quantity .price {
  font-size: 1.3em;
}
.product-detail .price-per-quantity td {
  padding: 5px;
}
.product-detail .nav-tabs {
  margin-bottom: -1px;
}
.product-detail .tab-content {
  padding: 10px;
  border: 1px solid #dddddd;
  overflow: visible;
}
.product-detail .tab-content > .tab-pane {
  overflow: hidden;
}
.product-detail .box-qty {
  padding: 20px 0;
}
.product-detail .box-qty.has-preferred-store {
  padding: 0;
  text-align: left;
}
.product-detail .addtocart-section {
  margin: 20px 0;
}
.product-detail .addtocart-section li {
  margin: 0 0 5px 0;
  padding-left: 0;
}
.product-detail .addtocart-section.text-right li {
  padding-right: 0;
  vertical-align: top;
}
.product-detail .addtocart-section .dropdown-menu li {
  margin: 0;
}
.product-detail table.attribute-grid th:first-child,
.product-detail table.attribute-grid td:first-child {
  min-width: 40px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.product-detail .addtocart-qte-section > li,
.product-detail .addtocart-qte-section .control-label {
  margin-bottom: 0;
}
.product-detail .product-review a {
  cursor: pointer;
}
.product-detail .product-review .review-user-rating .btn {
  float: right;
}
.product-detail .product-review .review-listing-header {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-top: 10px;
}
.product-detail .product-review .review-user-name {
  padding-left: 10px;
}
.product-detail .product-review .review-user-name span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.product-detail .product-review .review-user-desc-rating-stars {
  margin-bottom: 5px;
}
.product-detail .product-review .review-user-desc-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.product-detail .product-review .review-user-desc-date {
  margin-bottom: 15px;
}
.product-detail .product-review .review-user-desc-content {
  margin-bottom: 5px;
}
.product-detail .product-review .review-user-rate {
  margin: 15px 0 5px 0;
}
.product-detail .rating a {
  cursor: default;
}
.product-detail .review-user-desc-rating-stars {
  cursor: default !important;
}
.product-detail .notify-option .product-notification-checkbox:checked + .fa:before {
  content: "\f046";
}
.review-stars {
  display: block;
  width: 120px;
  height: 18px;
  background: url(/ContentEcom/images/review_stars.png) 0 0;
}
.review-stars.review-stars-pos-1,
.review-stars.review-stars-fix-1 {
  background-position: 0 -100%;
}
.review-stars.review-stars-pos-2,
.review-stars.review-stars-fix-2 {
  background-position: 0 -200%;
}
.review-stars.review-stars-pos-3,
.review-stars.review-stars-fix-3 {
  background-position: 0 -300%;
}
.review-stars.review-stars-pos-4,
.review-stars.review-stars-fix-4 {
  background-position: 0 -400%;
}
.review-stars.review-stars-pos-5,
.review-stars.review-stars-fix-5 {
  background-position: 0 -500%;
}
.review-stars a {
  float: left;
  display: block;
  width: 24px;
  height: 18px;
}
.review-stars a:hover {
  cursor: pointer;
}
/* responsive review stars while maintaining 120/18 proportion */

.review-stars-scalable-container {
  max-width: 120px;
}
.review-stars-scalable {
  padding-top: 15%;
  /* 120:18 ratio */
  position: relative;
  width: 100%;
}
.review-stars-scalable > .review-stars {
  background-size: 100%;
  margin-top: 0;
  margin-bottom: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: unset;
}
.review-stars-scalable .review-stars-by-user > a {
  width: 20%;
  height: 100%;
}
#productRatingPartialContainer .rating a {
  cursor: pointer;
}
#productRatingPartialContainer .review-stars {
  cursor: default !important;
}
#productImagePopUpBodyDiv {
  max-height: 600px;
  position: relative;
  text-align: center;
}
#productImagePopUpBodyDiv h4 {
  margin-top: 0;
}
#productImagePopUpBodyDiv a {
  position: absolute;
  top: 50%;
  background-image: url("/ContentEcom/images/bg_direction_nav.png");
  display: block;
  width: 27px;
  height: 27px;
  text-indent: -9999px;
  cursor: pointer;
}
#productImagePopUpBodyDiv a.next-img {
  background-position: 27px 0;
  right: 15px;
}
.zoomLens {
  border: 0 !important;
}
#ProductPageForm .product-detail-options {
  float: right;
}
@media screen and (max-width: 767px) {
  .productpage-Availability-qty,
  .productpage-Availability-label {
    text-align: left !important;
  }
}
/**************************************************/

/*  PRODUCT PAGE WITH RIGHT INFORMATION */

.product-detail.product-detail-right-information p:last-child {
  margin-bottom: 0px;
}
.product-detail.product-detail-right-information #productRatingPartialContainer {
  margin-bottom: 30px;
}
.product-detail.product-detail-right-information #productRatingPartialContainer:last-child {
  margin-bottom: 0px;
}
.product-detail.product-detail-right-information .product-brand {
  margin-top: 0px;
}
.product-detail.product-detail-right-information .information-attributes li {
  margin-bottom: 5px;
}
.product-detail.product-detail-right-information .information-attributes li:last-child {
  margin-bottom: 0px;
}
.product-detail.product-detail-right-information .right-price-section {
  border: solid 4px #ff9000;
  padding: 20px;
}
.product-detail.product-detail-right-information .right-price-section .row-fluid {
  margin-bottom: 20px;
}
.product-detail.product-detail-right-information .right-price-section .row-fluid .purchase-list-row {
  margin-bottom: 5px;
}
.product-detail.product-detail-right-information .right-price-section .row-fluid:last-child {
  margin-bottom: 0px;
}
.product-detail.product-detail-right-information .right-price-section hr {
  border-top: solid 1px #dddddd;
}
.product-detail.product-detail-right-information .right-price-section .price-per-quantity {
  width: 100%;
  max-width: 300px;
}
.product-detail.product-detail-right-information .right-price-section .retail-price-value {
  margin-top: 10px;
}
.product-detail.product-detail-right-information .right-price-section .retail-price-value:first-child {
  margin-top: 0px;
}
.product-detail.product-detail-right-information .right-price-section .attribute-title {
  padding-top: 3px;
}
.product-detail.product-detail-right-information .right-price-section select {
  width: 100%;
}
.product-detail.product-detail-right-information .right-price-section .box-qty {
  padding: 0px;
}
.product-detail.product-detail-right-information .right-price-section .box-qty ul.unstyled {
  margin-bottom: 0px;
}
.product-detail.product-detail-right-information .right-price-section #ProductPageForm {
  margin-bottom: 0px;
}
.product-detail.product-detail-right-information .right-price-section .addtocart-section {
  margin-top: 0px;
}
.product-detail.product-detail-right-information .right-price-section .addtocart-section li {
  padding: 0px;
  margin: 0px;
}
.product-detail.product-detail-right-information .right-price-section .addtocart-section .input-addtocart-section {
  width: 85px;
  float: left;
}
.product-detail.product-detail-right-information .right-price-section .addtocart-section .button-addtocart-section {
  width: calc(100% - 85px);
  float: right;
}
.product-detail.product-detail-right-information .right-price-section .purchase-list-row .btn-group {
  display: block;
}
.product-detail.product-detail-right-information .right-price-section .purchase-list-row .btn-group > .btn:first-child {
  width: 85%;
  box-sizing: border-box;
}
.product-detail.product-detail-right-information .right-price-section .purchase-list-row .btn-group > .btn + .dropdown-toggle {
  width: 15%;
  box-sizing: border-box;
}
.product-detail.product-detail-right-information .product-review {
  border: solid 0px transparent;
}
.product-detail.product-detail-right-information .product-review h5 {
  border: solid 0px transparent;
  padding: 0px;
}
.product-detail.product-detail-right-information .product-review .review-user-rating .span3:first-child {
  padding: 0px;
}
/* ENDPRODUCTPAGERIGHTINFORMATION */

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

/*  PRODUCT PAGE 2020, 2021 LAYOUTS */

.product-detail--2020-1 .row-fluid:last-child,
.product-detail--2020-2 .row-fluid:last-child,
.product-detail--2021-1 .row-fluid:last-child,
.product-detail--2021-2 .row-fluid:last-child,
.product-detail--2020-1 p:last-child,
.product-detail--2020-2 p:last-child,
.product-detail--2021-1 p:last-child,
.product-detail--2021-2 p:last-child {
  margin-bottom: 0;
}
.product-detail--2020-1 .row-fluid div[class*="span"],
.product-detail--2020-2 .row-fluid div[class*="span"],
.product-detail--2021-1 .row-fluid div[class*="span"],
.product-detail--2021-2 .row-fluid div[class*="span"] {
  min-height: 0 !important;
}
.product-detail--2020-1 .product-image__image,
.product-detail--2020-2 .product-image__image,
.product-detail--2021-1 .product-image__image,
.product-detail--2021-2 .product-image__image {
  width: 100%;
}
.product-detail--2020-1 .product-detail__product-title,
.product-detail--2020-2 .product-detail__product-title,
.product-detail--2021-1 .product-detail__product-title,
.product-detail--2021-2 .product-detail__product-title {
  margin-bottom: 0px !important;
}
.product-detail--2020-1 .product-brand,
.product-detail--2020-2 .product-brand,
.product-detail--2021-1 .product-brand,
.product-detail--2021-2 .product-brand {
  margin-top: 0;
}
.product-detail--2020-1 .rating:after,
.product-detail--2020-2 .rating:after,
.product-detail--2021-1 .rating:after,
.product-detail--2021-2 .rating:after {
  content: "";
  display: block;
  clear: both;
}
.product-detail--2020-1 .rating > .row-fluid,
.product-detail--2020-2 .rating > .row-fluid,
.product-detail--2021-1 .rating > .row-fluid,
.product-detail--2021-2 .rating > .row-fluid {
  float: left;
  width: 48.717948717948715%;
  *width: 48.664757228587014%;
  margin-bottom: 0;
}
.product-detail--2020-1 .rating > .row-fluid:only-child,
.product-detail--2020-2 .rating > .row-fluid:only-child,
.product-detail--2021-1 .rating > .row-fluid:only-child,
.product-detail--2021-2 .rating > .row-fluid:only-child {
  width: 100%;
}
.product-detail--2020-1 .rating > .row-fluid:nth-child(2),
.product-detail--2020-2 .rating > .row-fluid:nth-child(2),
.product-detail--2021-1 .rating > .row-fluid:nth-child(2),
.product-detail--2021-2 .rating > .row-fluid:nth-child(2) {
  margin-left: 2.564102564102564%;
  *margin-left: 2.5109110747408616%;
}
.product-detail--2020-1 #productReviewsPartialContainer.product-review,
.product-detail--2020-2 #productReviewsPartialContainer.product-review,
.product-detail--2021-1 #productReviewsPartialContainer.product-review,
.product-detail--2021-2 #productReviewsPartialContainer.product-review {
  background-color: transparent !important;
}
.product-detail--2020-1 .addtocart-section,
.product-detail--2020-2 .addtocart-section,
.product-detail--2021-1 .addtocart-section,
.product-detail--2021-2 .addtocart-section {
  margin-top: 0 !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .product-detail--2020-1 .product-page-image-col,
  .product-detail--2020-2 .product-page-image-col {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .product-detail--2020-1 .product-page-info-col,
  .product-detail--2020-2 .product-page-info-col {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
}
.product-detail--2020-1 .configuration-attributes > .row-fluid,
.product-detail--2020-2 .configuration-attributes > .row-fluid {
  margin-bottom: 15px;
}
.product-detail--2020-1 .configuration-attributes > .row-fluid:last-child,
.product-detail--2020-2 .configuration-attributes > .row-fluid:last-child {
  margin-bottom: 0;
}
@media (max-width: 979px) {
  .product-detail--2020-2 .thumbnails-gallery .product-image-thumbnails {
    margin-top: 15px;
  }
}
@media (min-width: 980px) {
  .product-detail--2020-2 .thumbnails-gallery .product-image-thumbnails {
    float: left;
    width: 80px;
    margin-right: 15px;
  }
}
.product-detail--2020-2 .thumbnails-gallery .slick-next,
.product-detail--2020-2 .thumbnails-gallery .slick-prev {
  background-color: #0c4da2;
  color: white;
  border: 0;
}
@media (max-width: 979px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-next,
  .product-detail--2020-2 .thumbnails-gallery .slick-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 980px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-next,
  .product-detail--2020-2 .thumbnails-gallery .slick-prev {
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }
}
.product-detail--2020-2 .thumbnails-gallery .slick-next .fa,
.product-detail--2020-2 .thumbnails-gallery .slick-prev .fa {
  color: white !important;
}
@media (max-width: 979px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-next {
    left: auto;
    right: 0;
  }
}
@media (min-width: 980px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-next {
    margin-bottom: 0;
    margin-top: 3px;
  }
}
@media (min-width: 980px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-slide {
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .product-detail--2020-2 .thumbnails-gallery .slick-slide:first-child {
    margin-top: 0;
  }
}
@media (max-width: 979px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-slide {
    margin-left: 3px;
    margin-right: 3px;
  }
}
@media (max-width: 979px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-slider {
    position: relative;
  }
}
@media (max-width: 979px) {
  .product-detail--2020-2 .thumbnails-gallery .slick-list {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.product-detail--2020-2 .thumbnails-gallery .slides {
  visibility: hidden;
}
@media (min-width: 980px) {
  .product-detail--2020-2 .thumbnails-gallery .product-image-main-image {
    float: right;
    width: calc(100% - 95px);
  }
}
.product-detail--2020-2 .thumbnails-gallery #product-detail-gallery-thumbs {
  margin-top: 0 !important;
}
@media (min-width: 980px) {
  .product-detail--2020-2 #zoom-info,
  .product-detail--2020-2 #enlarge-info {
    margin-left: 95px;
  }
}
.product-detail--2020-2 .information-attribute {
  margin-bottom: 15px;
}
.product-detail--2020-2 .information-attribute:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  /* larger product image modal */
  
  .modal.modal-product-image {
    bottom: 10%;
    margin-left: -465px;
    max-height: 980px;
    overflow-y: auto;
    width: 930px;
  }
  #productImagePopUpBodyDiv {
    max-height: 900px;
  }
}
@media screen and (min-width: 768px) {
  .product-page-col--sticky {
    padding-bottom: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  .product-detail--2021-1 .addtocart-section .btn-block,
  .product-detail--2021-2 .addtocart-section .btn-block {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .row-fluid.product-image__mosaic-row,
  .row-fluid.product-image__big-gallery-row {
    margin-bottom: 10px;
  }
  .product-image__mosaic-row > .span6 {
    float: left;
    margin-left: 2.127659574468085%;
    width: 48.93617021276595%;
  }
  .product-image__mosaic-row > .span6:first-child {
    margin-left: 0;
  }
  .product-image__big-gallery-row > .span4 {
    float: left;
    margin-left: 2.564102564102564%;
    width: 31.623931623931625%;
  }
  .product-image__big-gallery-row > .span4:first-child {
    margin-left: 0;
  }
}
/**************************************************/

.productbox {
  padding: 5px 5px 10px 5px;
  margin-bottom: 10px;
  position: relative;
}
.productbox.list-layout .box-photo {
  position: relative;
}
.productbox .unstyled li {
  padding: 0;
}
.productbox .product-img {
  cursor: pointer;
}
.productbox .qty-container {
  margin: 15px 0 15px 0;
}
.productbox .price-container {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.productbox .price-container:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.productbox .product-rating {
  margin: 8px 0;
}
.productbox .btn-link {
  padding: 0px !important;
  line-height: normal !important;
  text-align: left !important;
}
.productbox small .btn-link {
  font-size: 1em;
}
.productbox p {
  margin-top: 10px;
}
.pricePerQuantity-Qty {
  white-space: nowrap;
}
.grid-layout {
  text-align: center;
}
.grid-layout .productbox {
  position: relative;
}
.grid-layout .productbox .box-info {
  display: block;
}
.grid-layout .productbox .box-info a {
  line-height: normal;
  margin-bottom: 5px;
}
.grid-layout .productbox .box-qty {
  min-height: 0 !important;
}
.grid-layout .productbox .product-title {
  color: black;
  font-weight: 700;
  margin-bottom: 15px;
  word-wrap: break-word;
}
.grid-layout .productbox .box-photo {
  margin: 0 auto 10px auto;
  max-width: 100% !important;
}
.grid-layout .productbox .box-price {
  margin-top: 10px;
}
.grid-layout .productbox .box-price table {
  margin: 0 auto;
}
.grid-layout .product-rating {
  text-align: center;
}
.grid-layout .review-stars-scalable-container {
  margin-right: auto;
  margin-left: auto;
}
#PowerSearchSection {
  padding-left: 0px !important;
  margin-top: 0;
}
#PowerSearchSection .ps-item {
  clear: left;
}
.product {
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}
.product img {
  margin-bottom: 20px;
}
.product .product-title {
  display: inline-block;
  width: 100%;
  color: black;
  font-weight: 700;
  font-size: 1.25em;
  margin-bottom: 15px;
  min-height: 50px;
}
.product strong {
  font-size: 1.35em;
  color: red;
  display: block;
  margin-bottom: 5px;
}
.product label.inline {
  display: inline;
}
.product .row-fluid {
  margin-bottom: 15px;
}
.product .row-fluid:last-child {
  margin-bottom: 0;
}
.list-layout {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0 !important;
}
.list-layout .strong,
.list-layout .price,
.list-layout .product-title a {
  font-size: 1.35em;
}
.list-layout .product-title a {
  font-weight: bold;
}
.list-layout .box-price {
  border-left: 1px solid #e5e5e5;
  padding-left: 25px;
}
.list-layout .box-price .price-per-quantity.table-condensed td:last-child {
  text-align: left !important;
  padding-left: 0;
}
.list-layout .box-price .btn.btn-mini .caret {
  margin-top: 8px;
  border-top: 4px solid #0c4da2 !important;
}
.list-layout .box-price .btn.btn-mini.dropdown-toggle {
  border-left: 1px solid #0c4da2 !important;
}
.list-layout .box-price table {
  width: 100%;
}
.list-layout .box-price .ehf-footer {
  margin-top: 10px;
}
.list-layout .box-price .btn.btn-mini.dropdown-toggle:first-child {
  border-left: 0 !important;
  margin-left: 0 !important;
}
.list-layout .product-brand {
  text-align: center;
}
.list-layout .addtocart,
.list-layout .addtoquote {
  margin-bottom: 5px;
}
.list-layout li:last-child > .addtocart,
.list-layout li:last-child > .addtoquote {
  margin-bottom: 0;
}
/* table layout */

.table--product .inline > li {
  margin-right: 2px;
  margin-bottom: 5px;
  padding-right: 0;
  padding-left: 0;
}
.table--product .table.price-per-quantity {
  width: 100%;
}
.table--product .table.price-per-quantity:last-child {
  margin-bottom: 0;
}
.table__cell--product-code {
  min-width: 60px;
}
.table__cell--product-code .table__text {
  word-wrap: anywhere !important;
}
@media screen and (max-width: 767px) {
  .table--product .table__cell {
    min-height: 10px;
  }
}
/* table layout end */

.purchaseListDropdown,
.controlListDropdown {
  position: relative;
}
.multiplePurchaseListDropdown {
  position: relative;
}
.addtopurchaselist-multiple,
.addtorecurringorder-multiple {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  background: #b36500;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.addtopurchaselist-multiple li a,
.addtorecurringorder-multiple li a {
  border-bottom: 1px solid #0363b5;
  color: #e5e5e5;
  font-weight: 300;
  padding: 6px 10px;
  text-decoration: none;
  white-space: normal;
}
.addtopurchaselist-multiple li a:hover,
.addtorecurringorder-multiple li a:hover {
  background: #d8d8d8 !important;
  color: #e5e5e5;
  filter: none !important;
}
.addtopurchaselist-multiple li a:hover .fa,
.addtorecurringorder-multiple li a:hover .fa {
  color: #e5e5e5;
}
.addtopurchaselist-multiple li a.default-list,
.addtorecurringorder-multiple li a.default-list {
  font-weight: bold;
}
.addtopurchaselist-multiple li.divider,
.addtorecurringorder-multiple li.divider {
  background: #0363b5;
}
.addto-multiple.dropdown-menu {
  border-radius: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.addto-multiple.dropdown-menu.pull-right > li > a:after {
  border-color: transparent #141823 transparent transparent;
  float: left;
  margin-right: 0;
  margin-left: -15px;
}
.addto-multiple.dropdown-menu.pull-right > li > a:hover:after,
.addto-multiple.dropdown-menu.pull-right > li > a:active:after,
.addto-multiple.dropdown-menu.pull-right > li > a:focus:after {
  border-color: transparent #e5e5e5 transparent transparent;
}
.addto-multiple.dropdown-menu.pull-right .dropdown-submenu > .dropdown-menu {
  right: 100%;
  left: auto;
}
.addto-multiple.dropdown-menu > li > a {
  background: none !important;
  color: #141823;
  margin: 0;
}
.addto-multiple.dropdown-menu > li > a:after {
  border-left-color: #141823;
  border-width: 5px;
  margin-right: -15px;
}
.addto-multiple.dropdown-menu > li > a:hover,
.addto-multiple.dropdown-menu > li > a:active,
.addto-multiple.dropdown-menu > li > a:focus {
  background: #d8d8d8 !important;
  color: #e5e5e5;
  filter: none !important;
}
.addto-multiple.dropdown-menu > li > a:hover:after,
.addto-multiple.dropdown-menu > li > a:active:after,
.addto-multiple.dropdown-menu > li > a:focus:after {
  border-left-color: #e5e5e5;
}
.addto-multiple.dropdown-menu > li > a:hover .fa,
.addto-multiple.dropdown-menu > li > a:active .fa,
.addto-multiple.dropdown-menu > li > a:focus .fa {
  color: #e5e5e5;
}
.addto-multiple.dropdown-menu .dropdown-menu {
  margin: -1px 0 0;
}
.product-detail .addtocart-section.text-right .addto-multiple.dropdown-menu {
  text-align: left;
}
.breadcrumb {
  margin: 0;
  border-radius: 0;
}
.breadcrumb li {
  text-shadow: none !important;
}
.breadcrumb .divider {
  color: black !important;
}
.filter-options li {
  margin: 0 0 10px 15px;
}
.filter-options li select {
  margin-bottom: 0;
  margin-left: 5px;
}
.filter-options .layout-type .icon-custom {
  vertical-align: middle;
}
.filter-options .layout-type .fa {
  margin-left: 10px;
  vertical-align: middle;
}
.filter-options .layout-type a:last-child {
  margin-right: 0px;
}
.filter-options > ul > li:first-child {
  margin-left: 0;
  padding-left: 0;
}
/****** Add to cart v2 ******/

/* product is in purchase list */

.add-to-preferred-list {
  background: none;
  border: 0;
  padding: 0;
}
.fa.add-to-preferred-list-icon {
  color: #dd0000 !important;
  font-size: 25px !important;
}
.is-in-purchaselist .fa.add-to-preferred-list-icon:before {
  content: "\f004";
}
.productbox .product-actions,
.product-image .product-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1020;
}
.productbox.productbox-promo .product-actions {
  top: 50px;
}
.product-detail.is-in-promo .product-actions {
  top: 60px;
}
/* product is in cart */

.product-image-container {
  display: inline-block;
  position: relative;
}
.product-image-container .in-cart-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.in-cart-indicator {
  display: none;
}
.is-in-cart .in-cart-indicator {
  display: block;
}
.fa.in-cart-icon {
  color: #ff9000 !important;
  font-size: 90px !important;
  text-shadow: 0px 0px 3px #999999;
}
.list-layout .fa.in-cart-icon {
  font-size: 80px !important;
}
.complementary-products-section .fa.in-cart-icon {
  font-size: 40px !important;
}
.is-touchspin.is-in-cart .product-main-image,
.is-touchspin.is-in-cart .product-image__mosaic-row img {
  opacity: .5;
}
/* toggle qty field with touchspin */

.btn-addtocart-toggle-spinner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* qty field with touchspin */

.qty-container-spinner,
.form-inline .qty-container-spinner {
  display: none;
}
.qty-container-spinner.show,
.form-inline .qty-container-spinner.show {
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.modal-footer .qty-container-spinner.input-append {
  margin-bottom: 0;
}
.modal-footer .qty-container-spinner.show {
  display: inline-block;
}
.qty-container-spinner {
  position: relative;
  /* uom */

  /* uom dropdown */

  /* validation */

}
.grid-layout .qty-container-spinner,
.complementary-product .qty-container-spinner {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.qty-container-spinner.inline > li {
  margin-bottom: 0;
  padding: 0;
}
.qty-container-spinner .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.qty-container-spinner .input-group input {
  margin-top: 0;
  margin-bottom: 0;
}
.qty-container-spinner .input-group .btn {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 1 !important;
  min-height: 0;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: auto !important;
  height: 100%;
}
.qty-container-spinner .input-group .btn .fa {
  vertical-align: baseline;
}
.qty-container-spinner .input-group-btn-vertical .btn {
  height: 50%;
  margin-left: 0;
}
.qty-container-spinner .add-on,
.qty-container-spinner li.add-on {
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
  padding: 4px 5px;
}
.qty-container-spinner select {
  height: auto !important;
  min-height: auto !important;
}
.qty-container-spinner .field-validation-error {
  top: 100%;
}
.qty-container-spinner .popover {
  line-height: normal;
}
/* Fix for old theme commpatibility */

#ProductPageForm .qty-container-spinner .input-group .btn {
  margin: 0 !important;
}
.span9 .grid-layout .fa.in-cart-icon {
  font-size: 70px !important;
}
.span9 .list-layout .fa.in-cart-icon {
  font-size: 60px !important;
}
@media screen and (min-width: 1200px) {
  .product-detail .fa.in-cart-icon {
    font-size: 140px !important;
  }
  .product-detail .product-image__mosaic .fa.in-cart-icon {
    font-size: 240px !important;
  }
}
@media screen and (max-width: 1199px) {
  /* Fix for old theme commpatibility */
  
  .grid-layout .productbox .box-price .qty-container.qty-container-spinner > li button.btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 980px) {
  .grid-layout .fa.in-cart-icon {
    font-size: 70px !important;
  }
  .list-layout .fa.in-cart-icon {
    font-size: 60px !important;
  }
  .product-image__mosaic .fa.in-cart-icon {
    font-size: 180px !important;
  }
  .span9 .grid-layout .fa.in-cart-icon {
    font-size: 50px !important;
  }
  .span9 .list-layout .fa.in-cart-icon {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 979px) and (min-width: 768px) {
  .grid-layout .fa.in-cart-icon,
  .complementary-products-section .fa.in-cart-icon {
    font-size: 50px !important;
  }
  .list-layout .fa.in-cart-icon {
    font-size: 40px !important;
  }
  .product-image__mosaic .fa.in-cart-icon {
    font-size: 120px !important;
  }
  .span9 .grid-layout .fa.in-cart-icon {
    font-size: 40px !important;
  }
  .span9 .list-layout .fa.in-cart-icon {
    font-size: 30px !important;
  }
  .span9 .btn.bootstrap-touchspin-up,
  .span9 .btn.bootstrap-touchspin-down {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and (max-width: 767px) {
  .complementary-products-section .fa.in-cart-icon {
    font-size: 90px !important;
  }
  .qty-container-spinner .btn {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: auto;
  }
  .qty-container-spinner input {
    max-width: 70px;
  }
}
/****** END Add to cart v2 ******/

footer {
  color: #666666;
  line-height: 1.5em;
  margin-bottom: 40px;
}
footer .footerListTitle {
  font-size: 1.5em;
}
footer h3 {
  font-size: 1.6em;
  letter-spacing: normal;
}
footer .chat {
  margin: 20px 0 !important;
}
footer ul > li {
  margin-bottom: 4px;
}
footer .networks {
  margin-left: 10px;
}
footer .networks li {
  padding: 0 5px;
}
footer .networks li a {
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat;
  width: 36px;
  height: 36px;
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}
footer .networks .facebook a {
  background-position: -205px 0px;
}
footer .networks .facebook a:hover {
  background-position: -256px 0px;
}
footer .networks .twitter a {
  background-position: -205px -47px;
}
footer .networks .twitter a:hover {
  background-position: -256px -47px;
}
footer .networks .youtube a {
  background-position: -205px -93px;
}
footer .networks .youtube a:hover {
  background-position: -256px -93px;
}
footer .networks-text {
  line-height: 36px;
}
.product-brand {
  width: 100%;
  margin-top: 15px;
}
/***** PRICING ***/

.pricing strong {
  font-size: 1.85em;
  line-height: 1.5em;
}
.strike {
  text-decoration: line-through;
}
.product-navigation .divider {
  float: left;
  width: 1px;
  height: 150px;
  border-left: 1px solid black;
}
.product-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.product-navigation ul a {
  display: block;
  clear: both !important;
}
.product-navigation li {
  margin: 0 !important;
  padding: 10px;
}
.product-navigation li:first-child {
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
}
.product-navigation li:last-child {
  padding-left: 20px;
}
.complementary-product .productbox a {
  display: block;
  margin-bottom: 5px;
}
.complementary-product .productbox .dropdown-menu a {
  margin: 0;
}
.complementary-product .productbox > span {
  display: block;
  margin: 5px 0;
}
.complementary-product h5 {
  display: block;
  padding: 10px;
  font-weight: 300;
  color: white;
  background: #ff9000;
  text-align: center;
  /*
        &:before {
            content: "";
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #000;
            position: relative;
            left: 46%;
            top: 54px;
            }*/

}
.customerservice-maintenance .fa {
  color: inherit;
  margin-right: 5px;
}
.customerservice-box {
  background-color: #32688a;
  color: white !important;
  z-index: 1100;
  width: 100%;
  min-height: 32px;
  padding: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
.customerservice-box.hidden {
  border: 0;
  height: 0;
  min-height: 0;
  padding: 0;
}
.customerservice-box .fa {
  color: white !important;
}
.customerservice-box .btn {
  background: #333333 !important;
  color: white !important;
  border: 0 !important;
  margin: 3px;
  box-sizing: border-box;
}
.customerservice-box .btn .fa {
  color: white !important;
  margin-right: 5px;
  font-size: 14px !important;
  position: relative;
  top: 1px;
}
.customerservice-box .btn:hover,
.customerservice-box .btn:active,
.customerservice-box .btn:focus {
  border: 0 !important;
}
.customerservice-box .fa-user,
.customerservice-box .fa-users {
  margin-right: 10px;
  color: white;
}
.customerservice-box.themepreview-box {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.basket-list .alert-purchaserulevalidation {
  padding-right: 14px;
}
.basket-list h3 {
  margin: 0;
  font-size: 1em;
}
.basket-list a.remove {
  display: block;
  min-width: 30px;
  min-height: 30px;
}
.basket-list .basket-list-header div {
  font-size: 1.1em;
  text-align: center;
}
.basket-list .basket-list-header div:first-child {
  text-align: left;
}
.basket-list .basket-tools {
  display: block;
  margin: 10px 0 !important;
}
.basket-list .basket-tools a {
  display: block;
  height: 40px;
}
.basket-list .basket-tools a.btn {
  height: auto;
}
.basket-list .basket-list-item {
  position: relative;
  padding: 10px;
}
.basket-list .basket-list-item:nth-child(2n) {
  background: #ededed;
}
.basket-list .basket-list-item.alert-error {
  background: #f2dede !important;
}
.basket-list .basket-list-item .basket-item-img {
  text-align: center;
}
.basket-list .basket-list-item .basket-item-title {
  text-align: left;
}
.basket-list .basket-list-item .basket-item-title h3 {
  font-weight: bold;
  margin-top: 0;
}
.basket-list .basket-list-item .basket-item-title h3 a {
  text-decoration: underline;
}
.basket-list .basket-list-item .basket-item-title p {
  margin-top: 10px;
}
.basket-list .basket-list-item .basket-item-comments {
  line-height: normal;
}
.basket-list .basket-list-item .basket-item-comments .basket-item-comment {
  margin: 0 5% 10px 0;
  width: 95%;
}
.basket-list .basket-list-item .basket-item-comments .icon-remove {
  cursor: pointer;
}
.basket-list .basket-list-item .basket-item-comments h5 {
  border-bottom: 1px dashed #cccccc;
}
.basket-list .basket-list-item .basket-item-comments ul li {
  margin-bottom: 5px;
}
.basket-list .basket-list-item .basket-item-comments ul li:last-child {
  margin-bottom: 0px;
}
.basket-list .basket-list-item .basket-item-comments [id^=comment] {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
.basket-list .basket-list-item .basket-item-comments .basket-item-comments-add {
  margin-top: 20px;
}
.basket-list .basket-list-item .basket-item-comments .basket-item-comments-add textarea {
  line-height: 1em !important;
  width: 95%;
  min-height: 80px;
  margin-bottom: 10px;
}
.basket-list .basket-list-item .basket-item-stock {
  text-align: center;
  line-height: 40px;
}
.basket-list .basket-list-item .basket-item-tools {
  line-height: 40px;
  text-align: right;
}
.basket-list .basket-list-item .basket-item-subprice {
  text-align: center;
}
.basket-list .basket-list-item .basket-item-qty {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.basket-list .basket-list-item .basket-item-qty input {
  padding: 0 9px;
  text-align: center;
  width: 30px;
}
.basket-list .basket-list-item .basket-item-qty .popover-content {
  line-height: 20px;
  font-weight: 400;
  font-size: 0.75em;
}
.basket-list .basket-list-item .basket-item-qty .basket-item-qty-inc a {
  box-sizing: border-box;
  display: inline-block !important;
  line-height: 38px !important;
  padding: 0 !important;
  text-align: center;
  width: 40px;
  height: 40px;
  min-height: 0 !important;
}
.basket-list .basket-list-item .basket-item-qty .basket-item-qty-inc a:hover,
.basket-list .basket-list-item .basket-item-qty .basket-item-qty-inc a:focus {
  text-decoration: none;
}
.basket-list .basket-list-item .basket-item-qty .basket-item-qty-inc input {
  border: 1px solid #999999;
  line-height: 40px;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 40px;
}
.basket-list .basket-list-item .basket-item-bo {
  text-align: center;
}
.basket-list .basket-list-item .basket-item-price {
  text-align: center;
}
.basket-list .basket-list-item .basket-item-price h3 {
  font-size: 1.7em;
  min-height: 40px;
  line-height: 40px;
}
.basket-list .basket-list-controls {
  padding-top: 20px;
}
.basket-list .basket-list-sidebar .shipping-address {
  padding-bottom: 5px;
  border-bottom: 1px solid #999999;
}
.basket-list .basket-list-sidebar .coupon {
  padding-bottom: 5px;
  border-bottom: 1px solid #999999;
}
.basket-list .basket-list-sidebar .coupon input {
  margin-bottom: 5px;
}
.basket-list .basket-list-sidebar .coupon .icon-remove {
  margin-top: 2px;
}
.basket-list .basket-list-sidebar a {
  cursor: pointer;
}
.basket-list .basket-list-sidebar a:hover {
  text-decoration: none;
}
.basket-list .basket-list-sidebar a i {
  margin-top: 16px;
  float: right;
}
.basket-list .basket-list-sidebar a i.icon-chevron-down {
  display: none;
}
.basket-list .basket-list-sidebar a i.icon-chevron-up {
  display: block;
}
.basket-list .basket-list-sidebar a i.icon-shopping-cart {
  margin-top: 9px;
}
.basket-list .basket-list-sidebar a.collapsed i.icon-chevron-down {
  display: block;
}
.basket-list .basket-list-sidebar a.collapsed i.icon-chevron-up {
  display: none;
}
.basket-list .basket-totals {
  border: 0;
}
.basket-list .basket-totals .table {
  margin-bottom: 20px;
}
.basket-list .basket-totals .table tr td:first-child {
  width: 70%;
  text-align: right;
}
.basket-list .basket-totals .table tr td:last-child {
  white-space: nowrap;
  text-align: right;
}
.basket-list .basket-totals .table tr.total td {
  background: #ededed;
}
.basket-list .coupon-form input {
  border-right: 0 !important;
}
.basket-list .coupon-list > div {
  margin-top: 5px;
  padding: 3px 0;
}
.basket-list .coupon-list > div span {
  display: block;
  margin: 0 0 5px 5px;
}
.basket-list .coupon-list > div span.label {
  text-align: center;
}
.basket-list .coupon-list > div .coupon-list-item-remove {
  float: right;
}
.basket-list .coupon-list > div .coupon-list-item-remove i {
  margin: 0 !important;
}
/* PURCHASE LIST */

#purchaseListResults .list-options .hidden-desktop a,
#frmBasketMerge .list-options .hidden-desktop a {
  display: inline-block;
  width: auto;
}
.item-table-list-number-cell {
  width: 100px;
}
/* CHECKOUT */

.checkout input {
  margin-bottom: 5px;
}
.checkout .radio,
.checkout .checkbox {
  clear: both;
  float: left;
}
.checkout .payment-gift-certificate .radio + div {
  float: left;
  clear: both;
}
.checkout .radio input[type="radio"],
.checkout .checkbox input[type="checkbox"] {
  margin-top: 3px;
}
.checkout .comment-list {
  text-align: left;
  margin-left: 100px;
  word-wrap: break-word;
}
.checkout .checkout-accordion {
  margin: 0 0 15px 0;
}
.checkout .checkout-accordion .checkout-step-number {
  float: left;
  background: white;
  color: #999999;
  font-weight: normal;
  text-shadow: 0px 0px black;
  padding: 8px 12px;
  margin: 4px 8px 0 0;
  font-size: 1.3333em;
  border-radius: 3px;
  vertical-align: middle;
}
.checkout .checkout-accordion .sales-condition-accordion > div {
  padding: 0px !important;
  border: 0px !important;
}
.checkout .checkout-accordion .checkout-accordion-title {
  background: #ff9000;
}
.checkout .checkout-accordion .checkout-accordion-title a {
  color: white;
}
.checkout .checkout-accordion .checkout-accordion-title a:hover {
  text-decoration: none !important;
}
.checkout .checkout-accordion .checkout-accordion-title h4 {
  margin: 8px 0;
  font-size: 1.3em;
  color: white;
}
.checkout .checkout-accordion .checkout-accordion-title .fa {
  color: inherit;
}
.checkout .checkout-accordion .checkout-accordion-content form,
.checkout .checkout-accordion .checkout-accordion-content .row-fluid,
.checkout .checkout-accordion .checkout-accordion-content .alert {
  margin: 0;
}
.checkout .checkout-accordion .checkout-accordion-content .row-fluid {
  margin-bottom: 10px;
}
.checkout .checkout-accordion .checkout-accordion-content .row-fluid:last-child {
  margin-bottom: 0;
}
.checkout .commentCustomizerLine td {
  padding: 0px !important;
  border-top: 0px !important;
  background-color: transparent !important;
}
.checkout .commentCustomizerLine td .comment-list {
  margin-left: 30px;
}
.checkout .commentCustomizerLine td li {
  margin: 6px 0px;
}
.checkout .commentCustomizerLine td li:last-child {
  margin-bottom: 0px;
}
.checkout .order-review-content table td:first-child {
  width: 80px;
  text-align: center;
}
.checkout .order-review-content table .table-ehf {
  float: right;
}
.checkout .order-review-content table .order-review-content-picture,
.checkout .order-review-content table .order-review-content-description {
  text-align: left;
  word-wrap: break-word;
}
.checkout .order-review-content table .order-review-content-qty,
.checkout .order-review-content table .order-review-content-bo,
.checkout .order-review-content table .order-review-content-qty-to-ship {
  text-align: center;
}
.checkout .order-review-content table .order-review-content-price,
.checkout .order-review-content table .order-review-content-subtotal {
  text-align: right;
}
.checkout .order-review-content table .order-review-content-price .table-ehf td,
.checkout .order-review-content table .order-review-content-subtotal .table-ehf td {
  border: none;
  background: white;
}
.checkout #standingOfferAutorityInfo > p {
  margin-top: 25px;
}
.checkout .sales-conditions div {
  width: auto !important;
  font-size: 12px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .is-coupon-item .order-review-content-price {
    display: none;
  }
}
.Checkout .order-review-totals .table {
  margin-bottom: 20px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .Checkout .order-review-totals .table {
    min-width: 360px;
  }
}
.order-review-totals .table tr td {
  width: auto;
}
.order-review-totals .table tr td:last-child {
  white-space: nowrap;
  text-align: right;
}
.order-review-totals .table tr td:first-child {
  width: 70%;
  text-align: right;
}
.order-review-totals .table tr.total td {
  background: #ededed;
}
@media screen and (min-width: 768px) {
  .form-select-token {
    width: auto !important;
    min-width: 220px;
  }
}
/* TRACKING DOCUMENTS */

/* adding vertical spacing between back and toolbar buttons on mobile   */

@media screen and (max-width: 767px) {
  .document-toolbar {
    margin-top: 10px;
  }
}
/* replicating bootstrap4's vertical alignment to handle buttons falling on multiple lines on lower resolutions */

.inline-buttons {
  margin-top: -5px;
  margin-bottom: -5px;
}
.inline-buttons > .inline-buttons__item {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .inline-buttons > .inline-buttons__item {
    /*  because of bootstrap2's .inline on the ul, li stays inline-block on lower res, which makes them not stack. This fixes it.   */
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .order-review-content-picture {
    width: 150px;
  }
}
.order-review-content-picture .ordre-review-product-picture {
  max-width: 150px;
}
/* MY ACCOUNT */

.contentText {
  margin-top: 15px;
}
.login-box .lostpassword-container {
  display: inline-block;
  float: left;
  margin-bottom: 0 !important;
}
.label .icon {
  vertical-align: bottom;
}
/* SHOPPING CART */

.basket-item-comments {
  word-wrap: break-word;
}
.basket-item-comments .accordion-group {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px;
}
.basket-item-comments .accordion-group .accordion-heading a:after {
  content: "▼";
  font-size: 9px;
  margin-left: 3px;
  position: relative;
  top: -1px;
  display: inline-block;
}
.basket-item-comments .accordion-group .accordion-heading a.collapsed:after {
  content: "▲";
}
#frmOrderLines .alert {
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
#btnCollapseAllAttributes button strong,
#btnExpandAllAttributes button strong {
  font-size: 1.4em;
  margin-right: 5px;
}
/************************************
	Replicate the Bootstrap flexbox columns
*/

.flex-row {
  display: flex;
  flex-basis: 0;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-right: -15px;
  margin-left: -15px;
}
.flex-row:not(:last-child) {
  margin-bottom: 15px;
}
.flex-row__inner {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
/****** STORE LOCATOR ********/

.address-results > .findastorebox > li {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .flex-row--store-search {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .flex-row__inner--use-location {
    padding-right: 30px;
    border-right: 1px solid #e5e5e5;
  }
}
@media (max-width: 767px) {
  .currentLocation-search {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .flex-row__inner--search-address:not(:first-child) {
    padding-left: 30px;
  }
}
.flex-row__inner--search-address-button {
  width: auto;
  max-width: none;
  padding-left: 0px;
}
.flex-row--store-results {
  flex-wrap: wrap;
  margin-top: -15px;
  margin-bottom: -15px;
}
.flex-row__inner--store {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .flex-row__inner--store {
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .flex-row__inner--store {
    max-width: 33%;
  }
}
.flex-row__inner--store .boxshad {
  width: 100%;
}
@media (max-width: 768px) {
  .find-a-store-category-and-service .row-fluid > [class*="span"]:not(:last-child) {
    margin-bottom: 30px;
  }
}
.find-a-store-navigation-section {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .flex-row--search-all-stores {
    flex-wrap: wrap;
  }
}
.flex-row__inner--search-all-button {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .flex-row__inner--search-all-button {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .flex-row__inner--search-all-button {
    width: auto;
  }
}
/***************************************/

/*	STORE LOCATOR STORE INFO PAGE	*/

@media (max-width: 768px) {
  .store-info {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 0;
    flex-direction: column;
    align-items: stretch;
  }
}
.store-info__item--has-icon {
  position: relative;
}
.store-info__item--has-icon > .icon {
  position: absolute;
  top: 4px;
}
.store-info__item--has-icon > .icon.fa-map-marker {
  top: 3px;
  left: 2px;
}
.store-info__item--has-icon > .store-info__wrapper {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .store-info__details {
    order: 2;
  }
}
.store-info__item {
  margin-bottom: 15px !important;
}
.store-info__item:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .store-info__map {
    order: 1;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .store-info__services-and-categories .store-info__services-list {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .store-info__opening-hours .opening-hours {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .store-info__opening-hours .opening-exceptions {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
/***************************************/

/*	PREFERRED STORE SELECTED IN HEADER	*/

@media screen and (max-width: 767px) {
  .has-preferred-store {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .has-preferred-store .popover {
    position: absolute !important;
    box-sizing: border-box;
    width: 98% !important;
    margin-left: 1% !important;
  }
}
@media screen and (min-width: 768px) {
  .has-preferred-store .popover {
    min-width: 450px;
  }
}
.header-nav__preferred-store .fa {
  vertical-align: baseline !important;
  font-size: inherit !important;
  line-height: auto !important;
}
.header-nav__preferred-store .fa.fa-small {
  font-size: 65% !important;
  vertical-align: middle !important;
  margin-top: -4px;
}
.header-nav__preferred-store .store-info li {
  margin-left: 0;
  padding: 0 !important;
}
.header-nav__preferred-store .icon--store-status,
.header-nav__preferred-store .store-info__status {
  color: #cc0000;
}
.header-nav__preferred-store .store-info__item--name.is-opened .icon--store-status,
.header-nav__preferred-store .store-info__item--name.is-opened .store-info__status {
  color: #009900;
}
.header-nav__preferred-store .store-info__item hr {
  margin: 0px !important;
  border-top-color: #0c4da2;
}
@media screen and (max-width: 767px) {
  .header-nav__preferred-store .store-info__item--buttons .btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
.tooltip--my-preferred-store {
  z-index: 1050;
}
.product-detail__preferred-store-quantity .product-detail__separator {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top-color: #dddddd;
  border-bottom: 0px;
}
/* TOOLTIP */

.field-validation-error,
.input-mini ~ .error,
.ejs-qtyinput ~ .error {
  z-index: 1020;
  position: absolute;
  display: block;
  visibility: visible;
  opacity: .9;
  filter: alpha(opacity=90);
  margin-left: 0px;
  margin-top: -3px;
  vertical-align: middle;
  max-width: 200px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #b94a48;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font: normal 11px Arial, sans-serif;
  padding: 9px 10px;
  white-space: normal !important;
}
.qty-container .field-validation-error,
.qty-container .input-mini ~ .error,
.qty-container .ejs-qtyinput ~ .error {
  min-width: 100px;
}
.field-validation-error:before,
.input-mini ~ .error:before,
.ejs-qtyinput ~ .error:before {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 4px solid #b94a48 !important;
  border-right: 4px solid transparent !important;
  border-left: 4px solid transparent !important;
  position: absolute !important;
  margin-left: 0px !important;
  margin-top: 0px !important;
  top: -4px !important;
}
@media screen and (max-width: 767px) {
  body.Ecom-ShoppingCart .field-validation-error,
  body.Ecom-ShoppingCart .input-mini ~ .error,
  body.Ecom-ShoppingCart .ejs-qtyinput ~ .error {
    left: 50%;
    transform: translateX(-50%);
  }
}
body.Ecom-ShoppingCart .field-validation-error:before,
body.Ecom-ShoppingCart .input-mini ~ .error:before,
body.Ecom-ShoppingCart .ejs-qtyinput ~ .error:before {
  display: none !important;
}
.field-validation-valid {
  display: none;
}
.modal fieldset .row-fluid {
  position: relative;
}
/****** FORMS ********/

#formCreateAccount .captcha .text-center,
#formNewsletter .captcha .text-center,
#formQuestion .captcha .text-center,
.add-credit-card .address-edit .captcha .text-center {
  text-align: left !important;
}
#formCreateAccount .captcha > .row-fluid > .span6 + .span6 > .row-fluid:first-child,
#formNewsletter .captcha > .row-fluid > .span6 + .span6 > .row-fluid:first-child,
#formQuestion .captcha > .row-fluid > .span6 + .span6 > .row-fluid:first-child,
.add-credit-card .address-edit .captcha > .row-fluid > .span6 + .span6 > .row-fluid:first-child {
  margin-bottom: 5px;
}
#frmMyProfile legend {
  margin-top: 30px;
}
#frmMyProfile fieldset:first-child > legend {
  margin-top: 0;
}
/****** STATUS BAR ********/

.statusbar {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  margin-left: 0 !important;
  text-align: center !important;
  background: black !important;
  background: rgba(0, 0, 0, 0.9) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)" !important;
  z-index: 10000 !important;
}
.statusbar .modal-body {
  padding-top: 50px;
  padding-bottom: 20px;
}
.statusbar .modal-body ul {
  list-style: none;
}
.statusbar .modal-body a {
  color: white;
}
.statusbar .modal-body a:hover {
  color: #e6e6e6;
}
.statusbar .close {
  float: none !important;
  color: white;
  text-shadow: none !important;
  opacity: 1 !important;
  font-size: 0.85em;
  padding: 15px 0px 10px 0px;
  background: transparent !important;
  border: 0px !important;
  -webkit-appearance: none;
}
.statusbar .close:hover {
  opacity: 0.4 !important;
}
.statusbar .multipleMessage,
.statusbar .multipleMessageScroll {
  max-height: 240px;
}
.statusbar .multipleMessage h3,
.statusbar .multipleMessageScroll h3 {
  margin-bottom: 5px !important;
}
.statusbar .statusBarArrows a {
  display: block;
  height: 39px;
  text-indent: -10000px !important;
}
.statusbar #lnkStatusBarArrowsExpand {
  background: url(/ContentEcom/images/animated-arrows.gif) no-repeat 50% bottom;
}
.statusbar #lnkStatusBarArrowsCollapse {
  display: none;
  background: url(/Content/images/animated-arrowsup.gif) no-repeat 50% top;
}
.statusbar h3 {
  font-size: 1.15em;
  margin-bottom: 30px !important;
  color: white !important;
}
.statusbar i {
  vertical-align: middle !important;
  margin-right: 8px;
  margin-top: -3px;
  width: 32px !important;
  height: 32px !important;
}
.statusbar .yes,
.statusbar .no {
  float: none !important;
  color: #878787 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  background: transparent !important;
  -webkit-apparance: none !important;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #282828 !important;
  padding: 5px 15px 3px 5px !important;
  margin: 0px 5px;
}
.statusbar .yes:hover,
.statusbar .no:hover {
  color: white !important;
  background: transparent !important;
  border-color: #878787 !important;
}
.statusbar .yes i,
.statusbar .no i {
  width: 16px !important;
  height: 16px !important;
}
.statusbar .icon-statusbar-success {
  width: 26px;
  height: 27px;
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat -461px -46px !important;
}
.statusbar .icon-statusbar-warning {
  width: 26px;
  height: 27px;
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat -461px 0px !important;
}
.statusbar .icon-statusbar-error {
  width: 26px;
  height: 27px;
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat -461px -93px !important;
}
.statusbar .icon-yes-circle {
  width: 24px !important;
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat -461px -140px !important;
}
.statusbar .icon-no-circle {
  width: 24px !important;
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat -461px -187px !important;
}
.statusbar .icon-loading {
  background: transparent url(/ContentEcom/images/statusbar-loader.gif) no-repeat 0 0 !important;
}
.modal .modal-body,
.modal iframe {
  -webkit-overflow-scrolling: touch;
}
.ejs-add-credit-card-modal.modal .modal-body,
.ejs-add-credit-card-modal.modal iframe {
  min-height: 460px;
}
.ejs-update-credit-card-modal.modal .modal-body,
.ejs-update-credit-card-modal.modal iframe {
  min-height: 460px;
}
.ejs-update-bank-account-modal.modal .modal-body,
.ejs-update-bank-account-modal.modal iframe {
  min-height: 460px;
}
.ejs-add-bank-account-modal.modal .modal-body,
.Checkout .ejs-add-credit-card-modal.modal .modal-body,
.ejs-add-bank-account-modal.modal iframe,
.Checkout .ejs-add-credit-card-modal.modal iframe {
  min-height: 525px;
}
/************************************/

/*		CREDIT CARD ADD MODAL		*/

html.has-creditcard-modal,
html.has-creditcard-modal body {
  overflow: hidden;
}
@media screen and (min-width: 1550px) {
  .modal.modal--add-credit-card.fade.in {
    top: 5%;
  }
}
@media screen and (min-width: 980px) and (max-width: 1549px) {
  .modal.modal--add-credit-card.fade.in {
    top: 2%;
  }
}
.modal.modal--add-credit-card.is-screen-edit.is-associated .modal-card-btn-associate {
  display: none;
}
.modal.modal--add-credit-card.is-screen-edit.is-associated .modal-card-btn-confirm {
  display: inline-block;
}
.modal.modal--add-credit-card.is-screen-edit .modal-card-btn-associate {
  display: inline-block;
}
.modal.modal--add-credit-card.is-screen-edit .modal-card-btn-confirm {
  display: none;
}
.modal.modal--add-credit-card.is-screen-edit .modal__wrapper.modal__wrapper--card-slider {
  left: 0;
}
.modal.modal--add-credit-card.is-screen-associate .modal-card-btn-edit {
  display: inline-block;
}
.modal.modal--add-credit-card.is-screen-associate .modal__wrapper.modal__wrapper--card-slider {
  left: -100%;
  left: -webkit-calc(-100% - 15px);
  left: calc(-100% - 15px);
}
.modal.modal--add-credit-card.is-screen-associate .modal__wrapper.modal__wrapper--card-slider .modal__inner {
  box-sizing: border-box;
  padding-right: 1px;
  padding-left: 1px;
}
.modal.modal--add-credit-card .modal-card-btn-edit,
.modal.modal--add-credit-card .modal-card-btn-associate {
  display: none;
}
.modal.modal--add-credit-card form,
.modal.modal--add-credit-card .well,
.modal.modal--add-credit-card .address-select,
.modal.modal--add-credit-card .address-display.unstyled:last-child {
  margin-bottom: 0;
}
.modal.modal--add-credit-card .row-fluid {
  margin-bottom: 10px;
}
.modal.modal--add-credit-card .row-fluid:last-child {
  margin-bottom: 0 !important;
}
.modal.modal--add-credit-card .modal__body {
  overflow-x: hidden;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
.modal.modal--add-credit-card .modal__footer:before,
.modal.modal--add-credit-card .modal__footer:after {
  display: none;
}
.modal.modal--add-credit-card .modal__footer .inline > li {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal.modal--add-credit-card .modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .modal.modal--add-credit-card .modal__footer .inline {
    margin-right: 10px;
  }
  .modal.modal--add-credit-card .modal__footer .inline:last-child {
    margin-right: 0;
  }
  .modal.modal--add-credit-card .modal__footer .inline.text-left > li {
    padding-left: 0;
  }
  .modal.modal--add-credit-card .modal__footer .inline.text-right > li {
    padding-right: 0;
  }
  .modal.modal--add-credit-card .modal__footer .inline > li {
    width: auto;
  }
}
.modal.modal--add-credit-card .address-select__item:last-child > label {
  margin-bottom: 0;
}
.modal.modal--add-credit-card .field-validation-error {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .modal.modal--add-credit-card {
    width: 724px;
    margin-left: -362px;
  }
}
.add-card-complete-form {
  overflow: hidden;
}
.modal__wrapper.modal__wrapper--card-slider {
  overflow: hidden;
  position: relative;
  left: 0;
  /* no -webkit-transition because of bug in old IOS versions with CSS transitions and calc */
  transition: left .3s;
  width: 200%;
  width: -webkit-calc(200% + 30px);
  width: calc(200% + 30px);
}
.modal__wrapper.modal__wrapper--card-slider .modal__inner {
  float: left;
  margin-right: 0;
  margin-right: -webkit-calc(15px);
  margin-right: calc(15px);
  width: 50%;
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
}
/********************************************/

/*					RETURNS					*/

.table-return-types label:last-child {
  margin-bottom: 0px;
}
.returnDetailLink {
  padding-left: 20px;
}
.returnDetailLink > span,
.returnDetailLink > a {
  vertical-align: middle;
}
.formInputSectionFull > textarea,
.formInputSectionFull > input {
  width: 100% !important;
}
/*********************************************/

@media screen and (max-width: 552px) {
  .ejs-add-credit-card-modal.modal .modal-body,
  .ejs-add-credit-card-modal.modal iframe {
    min-height: 700px;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 552px) {
  .ejs-update-credit-card-modal.modal .modal-body,
  .ejs-update-credit-card-modal.modal iframe {
    min-height: 700px;
    overflow-y: scroll;
  }
}
@media screen and (min-width: 768px) {
  .navbar .navbar-inner .nav .submenu-left .nav a,
  .navbar .navbar-inner .nav .nav-inner-items a {
    width: 228px;
    box-sizing: border-box;
  }
}
/* isk gift certificate*/

.searchGift,
.redeem-gift-certificate {
  font-size: 21px;
  padding: 4px 0;
}
.icon-gift-certificate {
  background-position: -100px -505px;
  width: 47px;
  height: 41px;
  vertical-align: middle;
  margin-top: -2px;
}
.tab-content {
  overflow: visible;
}
.pointer-cursor,
.cursorhand {
  cursor: pointer;
}
.contentText a {
  color: #1571b0;
}
.contentTextHighlight {
  margin-top: 30px;
  font-weight: bold;
}
.main-navigation .main-navig-search {
  display: none;
  text-align: center;
}
.main-navigation .main-navig-search form {
  margin-bottom: 0;
  position: relative;
}
.main-navigation .main-navig-search input,
.main-navigation .main-navig-search .typeahead {
  width: 1073px;
}
.main-navigation .main-navig-search input {
  width: 1073px;
  border: 1px solid #ececce;
  height: 51px;
  line-height: 51px;
  padding-left: 20px;
  text-align: center;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  color: #666666;
  font-size: 18px;
  background: transparent url('/ContentEcom/images/icons-sprites.png') no-repeat 22px -684px;
  background-color: #ffffdf;
  margin: auto;
}
.main-navigation .main-navig-search .typeahead {
  width: 100%;
  text-align: left;
}
.main-navigation .main-navig-search .btn {
  height: 53px;
  width: 63px;
  margin-right: -1px;
}
.main-navigation .main-navig-search .icon-custom {
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-left: 3px;
  float: left;
}
.main-navigation .main-navig-search .icon-caretr {
  margin-top: 6px;
  width: 9px;
  height: 14px;
}
.main-navigation .navbar .navbar-inner .nav-quicklinks ul.nav {
  text-align: right;
  position: static;
  display: block;
  float: none;
}
.main-navigation .navbar .navbar-inner .nav-quicklinks ul.nav li {
  float: none;
  display: inline-block;
}
.main-navigation .navbar .navbar-inner .nav-quicklinks ul.nav li:first-child {
  text-indent: 0;
}
.main-navigation .navbar .navbar-inner .nav-quicklinks ul.nav li:last-child {
  margin-right: 0;
}
.main-navigation:not(.f-nav) .navbar .navbar-inner .nav-collapse.collapse.span10 {
  width: 100%;
}
.navbar .nav {
  left: auto !important;
}
.navbar-inner .container.row-fluid {
  margin-bottom: 0;
}
.navbar-inner .nav-quicklinks {
  display: none;
}
.navbar-inner .nav-quicklinks .nav {
  margin: 0;
}
.navbar-inner .nav-quicklinks .nav li {
  padding: 0;
}
.navbar-inner .nav-quicklinks .nav li .icon-custom {
  float: none;
}
.navbar-inner .nav-quicklinks .nav li a {
  line-height: auto;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.navbar-inner .nav-quicklinks .nav li a:hover {
  background: none transparent !important;
}
.navbar-inner .nav-quicklinks .nav li.dropdown {
  position: static;
}
.navbar-inner .nav-quicklinks .nav li.open .box {
  background: #333333;
  border-right: 1px solid #2a2d2d;
  border-left: 1px solid #2a2d2d;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: #333333;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu .btn {
  background: #ff9933 !important;
  border: 1px solid #ff9933 !important;
  margin: 10px 5px 0px 5px;
  letter-spacing: 0;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu .btn:hover {
  background: #ffb033 !important;
  border: 1px solid #ffb033 !important;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu .nav-header {
  padding: 10px 10px 5px 10px;
  font-size: 1em;
  font-weight: 400;
  color: #999999;
  text-shadow: 0px 0px 0px black;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu .divider {
  background: transparent;
  border: 0;
  border-top: 1px solid #818181;
  margin-bottom: 1px;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu li {
  width: auto;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu a {
  color: white;
  border-bottom: 1px solid #3f3f3f;
  text-decoration: none;
  padding: 6px 10px !important;
  white-space: normal;
  font-size: 1em;
  text-transform: none;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu a:hover {
  background: #474747 !important;
}
.navbar-inner .nav-quicklinks .nav li .dropdown-menu:after {
  content: '';
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #333333 !important;
  position: absolute;
  top: -6px;
  left: 10px;
}
.well.well-sm {
  padding: 10px;
}
.well.well-sm:last-child {
  margin-bottom: 0px;
}
.checkout-customized-comment {
  margin-top: 10px !important;
}
.checkout-customized-comment ul {
  margin-bottom: 0px;
}
.checkout-customized-comment ul li {
  margin-bottom: 5px;
}
.checkout-customized-comment ul li:last-child {
  margin-bottom: 0px;
}
.nav-rightlinks ul {
  margin-bottom: 0;
}
.nav-rightlinks ul li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
.nav-rightlinks ul a {
  border: 0px !important;
}
@media screen and (min-width: 1200px) {
  .btn-navbar {
    display: none !important;
  }
}
@media screen and (min-width: 980px) and (max-width: 1200px) {
  .main-navigation .main-navig-search input {
    width: 843px;
  }
  .navbar-inverse .nav-rightlinks a {
    padding: 0 7px;
    font-size: 0.9em;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .f-nav.main-navigation {
    padding: 0px !important;
  }
  .f-nav.main-navigation .main-navig-search input {
    width: 627px !important;
  }
  .nav-quicklinks .icon-custom {
    margin-top: -2px !important;
  }
}
@media screen and (max-width: 767px) {
  .nav-rightlinks {
    display: none !important;
  }
}
@media print {
  a[href]:after,
  .section-container-main-navigation,
  .header-topsection,
  .header-nav,
  footer {
    display: none !important;
  }
}
header .container {
  position: relative;
}
/*****************************************/

/*                         KLOUD PAY            */

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

@media screen and (min-width: 768px) {
  .amount-textbox,
  [data-priceDisplay="true"] {
    text-align: right !important;
  }
}
.invoicePaymentDetails:last-child {
  margin-bottom: 0px;
}
.invoicePaymentDetails > li {
  margin-bottom: 10px;
}
.invoicePaymentDetails > li:last-child {
  margin-bottom: 0px;
}
.documentSearchAdvancedSearch .span4 {
  padding-bottom: 30px;
}
.documentSearchAdvancedSearch .span4:last-child {
  padding-bottom: 0px;
}
.documentSearchAdvancedSearch .span4:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.KPLLayoutKP header {
  margin-bottom: 30px;
  padding-top: 15px;
}
.KPLLayoutKP .header-nav {
  text-align: right;
}
.KPLLayoutKP .header-nav .dropdown-menu > li {
  text-align: left;
  margin-left: 0px;
}
.KPLLayoutKP .header-nav .dropdown-menu > li > a:hover,
.KPLLayoutKP .header-nav .dropdown-menu > li > a:active,
.KPLLayoutKP .header-nav .dropdown-menu > li > a:focus {
  color: #141823;
  filter: none;
  background: none transparent;
}
.KPLLayoutKP .noclickLabel > a,
.KPLLayoutKP .noclickLabel > a:link,
.KPLLayoutKP .noclickLabel > a:hover,
.KPLLayoutKP .noclickLabel > a:active,
.KPLLayoutKP .noclickLabel > a:visited,
.KPLLayoutKP .noclickLabel > a:focus {
  text-decoration: none !important;
  color: #141823 !important;
  cursor: normal !important;
}
.kp-pageTitle {
  margin-bottom: 10px;
}
.KPTDashboard .tooltip.in {
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.KPTDashboard .tooltip.right .tooltip-arrow {
  border-right-color: #ff9000;
}
.KPTDashboard .tooltip-inner {
  background-color: #ff9000;
  color: white;
}
.KPTDashboard .input-append,
.KPTDashboard .input-prepend {
  margin: 0px;
}
.KPTDashboard .input-append textarea,
.KPTDashboard .input-prepend textarea,
.KPTDashboard .input-append input[type="text"],
.KPTDashboard .input-prepend input[type="text"],
.KPTDashboard .input-append input[type="password"],
.KPTDashboard .input-prepend input[type="password"],
.KPTDashboard .input-append input[type="datetime"],
.KPTDashboard .input-prepend input[type="datetime"],
.KPTDashboard .input-append input[type="datetime-local"],
.KPTDashboard .input-prepend input[type="datetime-local"],
.KPTDashboard .input-append input[type="date"],
.KPTDashboard .input-prepend input[type="date"],
.KPTDashboard .input-append input[type="time"],
.KPTDashboard .input-prepend input[type="time"],
.KPTDashboard .input-append input[type="week"],
.KPTDashboard .input-prepend input[type="week"],
.KPTDashboard .input-append input[type="number"],
.KPTDashboard .input-prepend input[type="number"],
.KPTDashboard .input-append input[type="email"],
.KPTDashboard .input-prepend input[type="email"],
.KPTDashboard .input-append input[type="tel"],
.KPTDashboard .input-prepend input[type="tel"],
.KPTDashboard .input-append input[type="url"],
.KPTDashboard .input-prepend input[type="url"] {
  height: 30px !important;
  line-height: 20px !important;
  min-height: 0px !important;
  padding-top: 2px;
  padding-bottom: 2px;
  min-width: 95px;
}
.KPTDashboard .input-append .add-on,
.KPTDashboard .input-prepend .add-on {
  background-color: #0c4da2;
  color: white;
  text-shadow: none;
}
.kp-summarybox {
  padding: 20px;
  text-align: center;
  border: solid 1px #0c4da2;
}
.kp-summarybox.kp-invertedbox {
  background-color: #ff9000;
  color: white;
  border-color: #ff9000;
}
.kp-summarybox.kp-invertedbox h3,
.kp-summarybox.kp-invertedbox p,
.kp-summarybox.kp-invertedbox a,
.kp-summarybox.kp-invertedbox a:link,
.kp-summarybox.kp-invertedbox a:hover,
.kp-summarybox.kp-invertedbox a:active,
.kp-summarybox.kp-invertedbox a:visited,
.kp-summarybox.kp-invertedbox a:focus,
.kp-summarybox.kp-invertedbox .fa {
  color: white !important;
}
.kp-summarybox h3,
.kp-summarybox p {
  margin-bottom: 10px;
}
.kp-summarybox h3:last-child,
.kp-summarybox p:last-child {
  margin-bottom: 0px;
}
.kp-summarybox h3 {
  margin-top: 0px;
  font-size: 18px;
  line-height: 1.1em;
}
.kp-summarybox .kp-summarybox-total-amount {
  font-size: 34px;
  line-height: 1.1em;
}
.kp-summarybox .kp-summarybox-credit-amount {
  font-size: 34px;
  line-height: 1.1em;
}
.kp-summarybox .kp-summarybox-total-history,
.kp-summarybox .kp-summarybox-credit-history {
  font-size: 12px;
  line-height: 1.1em;
}
.kp-summary-table td {
  padding: 10px 5px;
}
.kp-summary-table td.kp-pricecell {
  text-align: right;
}
.kp-table-total--summary {
  border-top: solid 3px #ff9000;
}
body .row-fluid.kp-results-header {
  margin-bottom: 10px;
}
.kp-results-resultsperpage {
  text-align: right;
}
.kp-invoice-table td,
.kp-credit-table td,
.kp-invoice-table th,
.kp-credit-table th {
  vertical-align: middle;
}
.kp-invoice-table td span:after,
.kp-credit-table td span:after,
.kp-invoice-table th span:after,
.kp-credit-table th span:after {
  font-family: "fontawesome";
  font-size: 8px;
  line-height: 8px;
  position: relative;
  top: -2px;
  left: 4px;
}
.kp-invoice-table td.sortdown span:after,
.kp-credit-table td.sortdown span:after,
.kp-invoice-table th.sortdown span:after,
.kp-credit-table th.sortdown span:after {
  content: "\f078";
}
.kp-invoice-table td.sortup span:after,
.kp-credit-table td.sortup span:after,
.kp-invoice-table th.sortup span:after,
.kp-credit-table th.sortup span:after {
  content: "\f077";
}
.kp-invoice-table.table-striped tbody > tr.selected > td,
.kp-credit-table.table-striped tbody > tr.selected > td,
.kp-invoice-table.table-striped tbody > tr:nth-child(2n+1).selected > td,
.kp-credit-table.table-striped tbody > tr:nth-child(2n+1).selected > td,
.kp-invoice-table.table-striped tbody > tr.selected > th,
.kp-credit-table.table-striped tbody > tr.selected > th,
.kp-invoice-table.table-striped tbody > tr:nth-child(2n+1).selected > th,
.kp-credit-table.table-striped tbody > tr:nth-child(2n+1).selected > th {
  background-color: #ffffcc !important;
}
.kp-invoice-headerTotals td,
.kp-invoice-headerTotals th {
  text-align: right;
  background-color: #0c4da2;
  color: white;
  vertical-align: middle;
}
.inverted-header {
  color: white;
}
.inverted-header .kp-invoice-total-headers {
  text-align: right;
}
.inverted-header .kp-invoice-total-headers[data-price="false"] {
  text-align: left;
}
.inverted-header th,
.inverted-header td {
  background-color: #ff9000;
  color: white;
}
.fa.termsAmount-icon {
  margin-right: 4px;
  line-height: 1em !important;
  color: #ff9000 !important;
}
table td.kp-invoice-dataAmount {
  vertical-align: middle;
}
table td.kp-invoice-dataAmount:last-child {
  white-space: nowrap;
}
table td.kp-invoice-dataAmount:last-child .kp-invoiceInfo-mobile {
  white-space: normal;
  color: white;
  background-color: #ff9000;
}
table td.kp-invoice-dataAmount input {
  max-width: 100px;
}
.tooltip {
  white-space: normal;
}
@media screen and (min-width: 1200px) {
  .inverted-header .kp-invoice-total-headers {
    white-space: nowrap;
    font-size: 85%;
  }
  html[lang="en"] .inverted-header .kp-invoice-total-headers {
    font-size: 90%;
  }
  table td.kp-invoice-dataAmount {
    white-space: nowrap;
  }
  .kp-invoice-headerTotals td,
  .kp-invoice-headerTotals th {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1199px) {
  .kp-invoiceNumber {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
  }
}
.kp-invoiceInfo-mobile {
  color: white;
  background-color: #0c4da2;
  padding: 6px;
  font-size: 0.7em;
  line-height: 1.3em;
  margin-top: 4px;
}
table td.kp-invoice-dataAmount {
  text-align: right;
}
.kp-table-total td,
.kp-table-total th {
  text-align: right;
}
.unselectedFilter {
  opacity: 0.35;
}
.kp-InvoiceFilters input {
  display: none;
}
.kpInvoiceFilters-noresults {
  display: none;
}
td.kp-PaymentPopup-Amount,
th.kp-PaymentPopup-Amount {
  text-align: right;
}
.kp-PaymentPopup-TermDiscount small {
  font-size: 70%;
  line-height: 1em;
}
@media screen and (min-width: 768px) {
  .kp-invoice-table {
    position: relative;
    left: 50%;
    transform: translate(-50%);
  }
  table .kp-checkboxCell {
    width: 50px;
    text-align: center;
    box-sizing: border-box;
  }
  .kpInvoiceFilters-noresults {
    display: none !important;
  }
  .kp-invoice-dataAmount.hidden-phone {
    display: table-cell;
  }
  .kp-topButtons-right {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .kp-invoice-table.flip-scroll,
  .kp-credit-table.flip-scroll {
    border: 0px;
    margin-bottom: 0px;
  }
  .kp-invoice-table.flip-scroll tr:not(:last-child),
  .kp-credit-table.flip-scroll tr:not(:last-child) {
    margin-bottom: 15px;
  }
  .kp-invoice-table.table-striped tbody > tr:not(.selected) > td,
  .kp-credit-table.table-striped tbody > tr:not(.selected) > td,
  .kp-invoice-table.table-striped tbody > tr:not(.selected) > th,
  .kp-credit-table.table-striped tbody > tr:not(.selected) > th {
    background-color: transparent;
  }
  table td.kp-invoice-dataAmount {
    text-align: right;
  }
  table td.kp-invoice-dataAmount .input-append > input {
    width: 120px;
  }
  .kp-filterHidden {
    display: none !important;
  }
  .mobilePayThisInvoice .fa-check-square-o,
  .mobilePayAll .fa-check-square-o,
  .mobileCreditAll .fa-check-square-o,
  .mobileApplyThisCredit .fa-check-square-o {
    display: none;
  }
  .ejs-kpInvoiceLine.selected .mobilePayThisInvoice .fa-check-square-o,
  .ejs-kpCreditLine.selected .mobileApplyThisCredit .fa-check-square-o,
  .mobilePayAll.selected .fa-check-square-o,
  .ejs-btnCreditAll.selected .fa-check-square-o {
    display: inline-block;
  }
  .ejs-kpInvoiceLine.selected .mobilePayThisInvoice .fa-square-o,
  .ejs-kpCreditLine.selected .mobileApplyThisCredit .fa-square-o,
  .mobilePayAll.selected .fa-square-o,
  .ejs-btnCreditAll.selected .fa-square-o {
    display: none;
  }
}
.ejs-search-panel-select .fa {
  -webkit-transition: width 0.2s, height 0.2s, -webkit-transform 0.2s, top 0.2s;
  /* Safari */
  transition: width .2s, height .2s, transform .2s, top .2s;
  position: relative;
  top: 1px;
}
.ejs-search-panel-select.opened .fa {
  transform: rotate(180deg);
  position: relative;
  top: 2px;
}
.table--pay-oldest-first {
  font-size: 0.9em;
}
.table--pay-oldest-first td {
  padding: 4px;
}
.table--pay-oldest-first .input-append textarea,
.table--pay-oldest-first .input-append input[type="text"],
.table--pay-oldest-first .input-append input[type="password"],
.table--pay-oldest-first .input-append input[type="datetime"],
.table--pay-oldest-first .input-append input[type="datetime-local"],
.table--pay-oldest-first .input-append input[type="date"],
.table--pay-oldest-first .input-append input[type="time"],
.table--pay-oldest-first .input-append input[type="week"],
.table--pay-oldest-first .input-append input[type="number"],
.table--pay-oldest-first .input-append input[type="email"],
.table--pay-oldest-first .input-append input[type="tel"],
.table--pay-oldest-first .input-append input[type="url"] {
  min-width: 80px;
  width: 80px;
}
.table--pay-oldest-first .input-prepend,
.table--pay-oldest-first .input-append {
  flex-wrap: nowrap;
}
.kp-invoice-dataDueDate {
  white-space: nowrap;
}
/*  END KLOUDPAY    */

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

/*		PAYMENT EXTENSION SECURE PAGE	*/

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

.LayoutKPECreditCardSecureLink .main-section-container {
  margin-bottom: 30px;
}
.LayoutKPECreditCardSecureLink .kpe-pci-frame {
  border: solid 1px #d8d8d8;
  height: 530px;
  width: 100%;
}
.LayoutKPECreditCardSecureLink .secure-add-card__header {
  padding: 30px 0 !important;
  height: auto !important;
  text-align: center !important;
}
.LayoutKPECreditCardSecureLink .secure-add-card__logo {
  display: inline-block !important;
  float: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.LayoutKPECreditCardSecureLink .secure-add-card__logo .logo__img {
  width: auto !important;
}
.LayoutKPECreditCardSecureLink .kpe-pci-container {
  border: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
  padding: 0;
  width: 100%;
}
.LayoutKPECreditCardSecureLink .btn-primary .fa {
  color: white !important;
}
.LayoutKPECreditCardSecureLink h1,
.LayoutKPECreditCardSecureLink h2,
.LayoutKPECreditCardSecureLink h3,
.LayoutKPECreditCardSecureLink h4,
.LayoutKPECreditCardSecureLink h5 {
  margin-top: 0 !important;
  display: block !important;
}
.LayoutKPECreditCardSecureLink h1:last-child,
.LayoutKPECreditCardSecureLink h2:last-child,
.LayoutKPECreditCardSecureLink h3:last-child,
.LayoutKPECreditCardSecureLink h4:last-child,
.LayoutKPECreditCardSecureLink h5:last-child {
  margin-bottom: 0px !important;
}
.LayoutKPECreditCardSecureLink .kpe-bigsection-title {
  font-size: 1.375rem;
}
.LayoutKPECreditCardSecureLink .address-edit__item {
  margin-bottom: 10px;
}
.LayoutKPECreditCardSecureLink .address-edit__item:last-child {
  margin-bottom: 0;
}
.LayoutKPECreditCardSecureLink .address-edit__item input,
.LayoutKPECreditCardSecureLink .address-edit__item select {
  margin-bottom: 5px;
}
.LayoutKPECreditCardSecureLink .secure-add-card__title {
  margin-top: 30px !important;
  margin-bottom: 60px !important;
}
.LayoutKPECreditCardSecureLink .secure-add-card__desc {
  margin-bottom: 60px !important;
}
.LayoutKPECreditCardSecureLink .btn-large .fa {
  margin-right: 8px;
  top: -1px;
}
.LayoutKPECreditCardSecureLink footer {
  padding: 30px 0 !important;
  margin: 0 !important;
  background-image: none !important;
  background-color: #ff9000 !important;
  color: white !important;
}
.LayoutKPECreditCardSecureLink footer a:link,
.LayoutKPECreditCardSecureLink footer a:active,
.LayoutKPECreditCardSecureLink footer a:hover,
.LayoutKPECreditCardSecureLink footer a:visited {
  color: white !important;
}
.LayoutKPECreditCardSecureLink footer *,
.LayoutKPECreditCardSecureLink footer .container {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: none transparent !important;
  min-height: 0px !important;
}
.LayoutKPECreditCardSecureLink .secure-link__footer-sep {
  display: inline-block;
  margin-left: 25px;
  margin-right: 25px;
}
@media screen and (min-width: 769px) {
  .LayoutKPECreditCardSecureLink .kpe-default-card {
    display: flex;
    flex-wrap: no-wrap;
    align-items: center;
  }
  .LayoutKPECreditCardSecureLink .kpe-default-card__label,
  .LayoutKPECreditCardSecureLink .kpe-default-card__checkbox {
    min-height: 0;
  }
  .LayoutKPECreditCardSecureLink .kpe-default-card__label label,
  .LayoutKPECreditCardSecureLink .kpe-default-card__checkbox label {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .LayoutKPECreditCardSecureLink footer {
    text-align: center !important;
  }
  .LayoutKPECreditCardSecureLink footer [class*="span"] {
    margin-bottom: 15px !important;
  }
  .LayoutKPECreditCardSecureLink footer [class*="span"]:last-child {
    margin-bottom: 0 !important;
  }
  .LayoutKPECreditCardSecureLink footer .text-right {
    text-align: center !important;
  }
}
.LayoutKPECreditCardSecureLink .kpe-paynow-details-table th,
.LayoutKPECreditCardSecureLink .kpe-paynow-details-table td {
  text-align: left;
  vertical-align: top;
}
.LayoutKPECreditCardSecureLink .kpe-paynow-details-table tr:not(:last-child) th,
.LayoutKPECreditCardSecureLink .kpe-paynow-details-table tr:not(:last-child) td {
  padding-bottom: 10px;
}
.LayoutKPECreditCardSecureLink .kpe-paynow-details-table td {
  padding-left: 20px;
}
.LayoutKPECreditCardSecureLink .kpe-paynow-termsamount {
  font-size: 0.7em;
  font-style: italic;
}
/*****************************/

/*  QUANTITY BY WAREHOUSE */

.quantity-per-warehouse .table {
  margin-bottom: 0;
}
.modal .quantity-per-warehouse .table {
  border: 1px solid #dddddd;
}
.table__row.table__row--sticky .table__cell {
  background-color: white;
  position: sticky;
  top: 0;
}
.modal .table__row.table__row--sticky .table__cell {
  position: static;
}
.product-detail__quantity-by-warehouse,
.productbox__quantity-by-warehouse {
  max-height: 300px;
  overflow-y: auto;
}
.button.button--auto {
  width: auto !important;
}
.button.button--px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.caption .icon {
  position: relative;
  top: -1px;
}
/**********************/

/*  VIDEO FROM CMS  */

.video.video--cms {
  max-width: 100%;
}
/****************************************/

/*	PROMOTION ICON MANAGED BY CUSTOMER	*/

.promotion-icon,
.fee-icons {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1020;
}
.promotion-icon.promotion-icon--image,
.fee-icons.promotion-icon--image {
  max-width: 30px;
}
.fee-icons {
  right: auto;
  left: 5px;
}
.Ecom-PurchaseListPage .fee-icons {
  top: 25px;
}
.fee-icons__icon {
  display: inline-block;
}
.fee-icons__icon--text {
  padding: 3px 5px;
}
.fee-icons__icon--image {
  max-width: 30px;
}
/*******************************/

/*	TIME SLOTS POPUP SELECTOR	*/

.modal-backdrop {
  z-index: 1041;
}
@media screen and (min-width: 768px) {
  .modal.modal--time-slot-selector {
    width: 724px;
    margin-left: 0;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) {
  .modal.modal--time-slot-selector.fade.in {
    top: 5%;
  }
}
@media screen and (min-width: 980px) {
  .modal.modal--time-slot-selector {
    width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .modal.modal--time-slot-selector {
    width: 1170px;
  }
}
.flex-row--time-slots-popup {
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  .flex-row--time-slots-popup {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1200px) {
  .flex-row__inner--time-slots-popup-left {
    flex: 0 0 300px;
    max-width: 300px;
    border-right: solid 1px #e0e0e0;
  }
}
.flex-row__inner--time-slots-popup-right {
  width: 100%;
}
.modal__wrapper--shipping-methods:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 1200px) {
  .time-slot-selector .separator {
    display: none;
  }
}
.time-slot-selector__wrapper {
  margin-top: 30px;
  border-top: solid 1px #e0e0e0;
  padding-top: 30px;
}
.shipping-methods__shipping-method:not(:last-child) {
  margin-bottom: 15px;
}
.shipping-methods__description {
  padding-left: 20px;
}
.time-slots-no-results {
  display: block;
  text-align: center;
  position: relative;
  top: 50px;
  font-weight: bold;
}
/********************************/

/*	TIME SLOT DATE TIME PICKER	*/

.flex-row__time-slot-selector {
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .flex-row__time-slot-selector {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .flex-row__inner--time-slots-calendar {
    width: auto;
    flex: 0 0 auto;
  }
}
.time-slot-selector__date-picker:not(:last-child) {
  margin-bottom: 15px;
}
.time-slot-selector__date-picker .datepicker {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .time-slot-selector__date-picker .datepicker {
    width: auto;
  }
}
.time-slot-selector__date-picker .datepicker .table-condensed {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .time-slot-selector__date-picker .datepicker .table-condensed {
    width: auto;
  }
}
.time-slot-selector__date-picker .day {
  padding: 10px !important;
  cursor: pointer;
  color: #ff9000 !important;
}
.time-slot-selector__date-picker .day.disabled {
  color: #dddddd !important;
  cursor: not-allowed !important;
}
.time-slot-selector__date-picker .day.active {
  background-color: #ff9000 !important;
  background-image: none !important;
  border: 0;
  color: white !important;
}
.time-slot-selector__date-picker .day:hover {
  background: none transparent !important;
}
.time-slot-selector__date-picker .day .list__item:not(:last-child) {
  margin-bottom: 5px;
}
.time-slot-selector__legend .list__item:not(:last-child) {
  margin-bottom: 10px;
}
.time-slot-selector__legend-color {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-color: #ff9000;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.time-slot-selector__legend-color--not-available {
  background-color: #dddddd;
}
.table--time-slots-rows td.table__cell:first-child {
  padding-left: 0;
}
.table--time-slots-rows td.table__cell:last-child {
  padding-right: 0;
}
.table--time-slots-rows td.table__cell--time-slot-row-select {
  text-align: center;
}
.radio--time-slot-select {
  display: inline-block;
  text-align: left;
}
.radio--time-slot-select:last-child {
  margin-bottom: 0;
}
/************************************/

/*		TIME SLOTS IN CHECKOUT		*/

.time-slots-details__information:not(:last-child) {
  margin-bottom: 10px;
}
.time-slots-details__information .icon {
  position: relative;
  top: -2px;
}
/****************************************/

/*	CREDIT CARD ADD WITH ADDRESS	    */

@media screen and (min-width: 768px) and (max-width: 979px) {
  .row-fluid .credit-card__image {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .row-fluid .credit-card__edit {
    width: 100%;
    clear: left;
    margin-left: 0;
    margin-top: 15px;
  }
}
#AddCardModal .pci-frame {
  border: 0;
}
@media (max-width: 570px) {
  #AddCardModal .pci-frame {
    height: 655px;
  }
}
.fee-list__desc-icon {
  margin-left: 3px;
}
/********************/

/*	PRICE CHECKER	*/

.pricechecker-btn-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: 0;
  padding: 0;
  vertical-align: baseline;
}
.pricechecker-btn-icon .fa {
  font-size: 1.25em !important;
  vertical-align: baseline;
}
.price-checker-title {
  text-align: left;
}
.price-checker-title .fa {
  font-size: 1em !important;
  vertical-align: baseline;
}
.price-checker-accordion {
  margin-bottom: 0;
  max-width: 420px;
}
.price-checker-accordion .accordion-heading {
  text-align: left;
}
.price-checker-accordion .table.price-checker-table {
  min-width: auto;
  width: 100%;
}
.price-checker-accordion .table.price-checker-table th,
.price-checker-accordion .table.price-checker-table td {
  white-space: normal;
}
.price-checker-accordion .table.price-checker-table td:last-child {
  white-space: normal !important;
  /*
        Some errors messages or long code without spaces can break 
        the boundaries of the container.
      */
  overflow-wrap: anywhere !important;
}
.price-checker-accordion .price-checker-accordion .price-checker-table {
  margin-bottom: 0;
}
.pricechecker-modal {
  text-align: left;
}
.pricechecker-modal .modal-header {
  overflow: hidden;
}
.pricechecker-modal-textarea {
  min-height: 300px !important;
  width: 100%;
}
.price-checker-order-line,
.price-checker-shipping-cell,
.price-checker-total-cell {
  display: none;
}
/* PERSONAL INFORMATION MESSAGE */

.alert-personal-information {
  position: relative;
  padding-left: 50px;
}
.Ecom-FindAStore .alert-personal-information {
  margin-top: 1rem;
}
.alert-personal-information .fa {
  position: absolute;
  top: 0.5rem;
  left: 0.8125rem;
}
/*
 *  BOTTOM COOKIE MESSAGE
*/

.personal-info-message {
  position: fixed;
  top: 100%;
  background-color: white;
  border-top: solid 1px #e0e0e0;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}
.personal-info-message__container {
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 767px) {
  .personal-info-message__container .personal-info-message__message {
    padding-right: 15px !important;
  }
}
.personal-info-message__container .btn-secondary {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .personal-info-message__container .btn-secondary {
    display: block;
    position: static;
    margin-top: 15px !important;
    width: 100%;
  }
}
.personal-info-message__container .fa {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 30px !important;
}
/* BOGO AND FREE PRODUCTS */

.coupon-price {
  line-height: 1;
  margin-top: 4px;
}
.coupon-title {
  margin-top: 4px;
}
.coupon-title .fa.fa-tag {
  color: inherit;
}
/* Maintenance page */

.maintenance-content-wrapper {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  padding: 0 5px;
}
.maintenance-content {
  max-width: 850px;
  padding-bottom: 10vh;
}
.maintenance-content p:not(:last-child) {
  margin-bottom: 1rem;
}
.maintenance-content-title {
  margin-top: 0;
}
.maintenance-content-logo {
  margin-top: 1rem;
}
.EcomLMaintenance {
  border: 0;
}
.EcomLMaintenance > .container {
  /* Adjust "powered by" at the bottom */
  max-width: 850px;
  padding: 0 5px;
  position: fixed;
  right: 15px;
  bottom: 10px;
  left: 15px;
}
.EcomLMaintenance .main-section-container {
  border: 0;
  margin: 0;
  padding: 0;
}
.EcomLMaintenance .sb-site-container,
.EcomLMaintenance .main-section,
.EcomLMaintenance #main-section,
.EcomLMaintenance .section-body-container {
  border-top: 0;
  border-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.EcomLMaintenance .section-body-container > .row-fluid {
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .EcomLMaintenance {
    padding-right: 15px;
    padding-left: 15px;
  }
  .EcomLMaintenance .main-section {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
/* Large desktop */

@media screen and (min-width: 1200px) {
  .header-topsection form.form-search {
    width: 85%;
  }
  .header-topsection form input[type='text'] {
    width: 85%;
  }
  .header-topsection form .typeahead {
    width: 75%;
  }
  .form-advanced-search .typeahead {
    min-width: 870px;
  }
  #TellAFriendSectionModalBody {
    max-height: 500px;
  }
}
/* Desktop 1024x768 screen support */

@media screen and (min-width: 980px) and (max-width: 1199px) {
  body {
    letter-spacing: 0;
  }
  h2 {
    font-size: 2.3em;
    line-height: 1.25em;
  }
  .basket-pop {
    width: 940px;
  }
  .basket-pop .basketpop-description {
    width: 112px !important;
  }
  .basket-pop .basketpop-price {
    width: 80px !important;
  }
  .basket-pop:before {
    right: 70px;
  }
  .header-topsection .nav-myaccount span,
  .header-topsection .nav-myservices span {
    display: inline-block;
    width: 75px;
    white-space: normal;
    line-height: 1.1em;
    font-size: 1em;
    position: absolute;
    margin-top: 3px;
  }
  .header-topsection .nav-myaccount .icon-caretd,
  .header-topsection .nav-myservices .icon-caretd {
    margin-top: 16px !important;
  }
  .header-topsection .btn-searchink .icon-caretr {
    width: 11px !important;
  }
  .header-topsection form.form-search {
    width: 82%;
  }
  .header-topsection form input[type='text'] {
    width: 82% !important;
  }
  .header-topsection form .typeahead {
    width: 70%;
  }
  .navbar-inverse .nav-rightlinks a {
    padding: 0 7px;
    font-size: 0.9em;
  }
  .f-nav {
    width: 940px;
    margin-left: -470px;
  }
  .f-nav .submenu {
    margin-left: -42px;
  }
  .main-navigation .main-navig-search input,
  .main-navigation .main-navig-search .typeahead {
    width: 843px;
  }
  .submenu {
    width: 940px;
  }
  .submenu .nav-stacked > li > a {
    font-size: 1em;
  }
  .submenu .ajaxloading-container {
    width: 662px;
  }
  .submenu .submenu-bigcontent {
    width: 672px;
    padding: 0 10px 20px 30px;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight ul > li {
    width: 18%;
    text-align: center;
    vertical-align: top;
  }
  .submenu .submenu-bigcontent .span4 {
    margin: 0;
    width: 33%;
  }
  .grid-layout .btn {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .form-advanced-search .typeahead {
    min-width: 700px;
  }
  #TellAFriendSectionModalBody {
    max-height: 500px;
  }
  .product-detail:not(class*="product-detail--202") .zoomContainer {
    width: 300px !important;
    height: 300px !important;
  }
  .product-detail:not(class*="product-detail--202") .zoomContainer .zoomWindow {
    width: 300px !important;
    height: 300px !important;
  }
  .flyerinfo .flyer-btn .icon-download-alt {
    display: none;
  }
  #fbContainer .paging .btn {
    line-height: normal !important;
    min-height: 0 !important;
    padding: 0 10px !important;
  }
  .ejs-fb-container .paging .btn {
    line-height: normal !important;
    min-height: 0 !important;
    padding: 0 10px !important;
  }
  .basket-list .basket-list-item .basket-item-price h3 {
    font-size: 1.2em;
  }
  .checkout .order-review-totals .table {
    min-width: 290px;
  }
}
@media screen and (max-width: 979px) {
  .nav-header {
    text-align: center;
  }
  .nav-menu .brand {
    font-size: 1.25em;
    padding-left: 0;
  }
  .main-navigation-position {
    padding: 18px 5px;
  }
  #backtotop {
    bottom: 20px !important;
    right: 10px !important;
  }
  #backtotop.focused {
    display: none !important;
  }
  .btn-group {
    margin-bottom: 5px;
  }
  .flyerinfo .flyer-btn a {
    font-size: 12px;
  }
  .flyerinfo .flyer-btn a .icon-download-alt {
    display: none;
  }
  .navbar .navbar-inner .btn-cart,
  .navbar .navbar-inner .btn-services,
  .navbar .navbar-inner .btn-account,
  .navbar .navbar-inner .btn-search,
  .navbar .navbar-inner .btn-quote {
    padding: 5px 10px !important;
    margin: 0px;
  }
  #fbContainer .paging .btn {
    line-height: normal !important;
    min-height: 0 !important;
    padding: 0 7px !important;
  }
  #fbContainer .paging input {
    padding: 10px 2px;
  }
  .ejs-fb-container .paging .btn {
    line-height: normal !important;
    min-height: 0 !important;
    padding: 0 7px !important;
  }
  .ejs-fb-container .paging input {
    padding: 10px 2px;
  }
  #PowerSearchSection {
    margin-top: 0;
    padding-left: 0!important;
  }
  .grid-layout .product-view-add-to-cart,
  .list-layout .product-view-add-to-cart,
  .complementary-products-section .product-view-add-to-cart {
    margin-top: 5px;
    text-align: center;
    width: 100px;
  }
  .grid-layout .product-view-add-to-cart button,
  .list-layout .product-view-add-to-cart button,
  .complementary-products-section .product-view-add-to-cart button {
    width: 100px;
  }
}
/* Everything but mobile */

@media screen and (min-width: 768px) {
  .table td.text-center,
  .table th.text-center {
    text-align: center;
  }
  .table td.text-right,
  .table th.text-right {
    text-align: right;
  }
  .purchaselist-listview .col-check,
  .purchaselist-listview .col-delete,
  .purchaselist-listview .col-qty {
    text-align: center !important;
  }
  .purchaselist-listview .col-price {
    text-align: right !important;
  }
  /* Fix for tooltips in listings */
  
  .productbox .qty-container li {
    position: relative;
  }
  .grid-layout > .span3:nth-child(3) .popover.right,
  .grid-layout > .span3:nth-child(4) .popover.right,
  .list-layout .popover.right,
  .complementary-products-section .popover.right {
    right: 120% !important;
    left: auto !important;
  }
  .grid-layout > .span3:nth-child(3) .popover.right .arrow,
  .grid-layout > .span3:nth-child(4) .popover.right .arrow,
  .list-layout .popover.right .arrow,
  .complementary-products-section .popover.right .arrow {
    right: -11px !important;
    left: auto !important;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}
/* Portrait tablet to landscape and desktop */

@media screen and (min-width: 768px) and (max-width: 979px) {
  .field-validation-error {
    display: block;
  }
  .field-validation-error:before {
    position: absolute;
    left: 10%;
    top: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 2px 4px 2px;
    border-color: transparent transparent #b94a48 transparent;
  }
  body {
    letter-spacing: 0;
  }
  h2 {
    font-size: 1.75em;
    font-weight: 400;
    line-height: 1.25em;
  }
  .cart .cart-icon {
    margin-left: 10px;
    margin-right: 10px;
  }
  .cart .cart-caret {
    display: none;
  }
  .basket-pop {
    width: 724px;
  }
  .basket-pop .row-fluid .span6 {
    width: 100%;
    margin-left: 0;
  }
  .basket-pop .basketpop-pricesection .span6 {
    width: 100%;
    margin: 0;
  }
  .basket-pop .btn-secondary {
    width: 100% !important;
  }
  .basket-pop .btn-large {
    width: 99% !important;
    font-size: 0.90em !important;
  }
  .basket-pop .btn-large i {
    display: none;
  }
  .basket-pop .basketpop-photo {
    text-align: left;
  }
  .basket-pop .basketpop-description {
    width: 307px !important;
    text-align: left;
  }
  .basket-pop .basketpop-price {
    width: 80px !important;
  }
  .basket-pop .basketpop-btn {
    float: right;
  }
  .basket-pop:before {
    right: 55px;
  }
  .header-nav li {
    margin-left: 0;
    padding-left: 5px !important;
    padding-right: 4px !important;
  }
  .header-nav a {
    font-size: 0.85em;
  }
  .header-topsection .nav-myaccount span,
  .header-topsection .nav-myservices span {
    display: inline-block;
    width: 72px;
    white-space: normal;
    line-height: 1.1em;
    font-size: 0.85em;
    position: absolute;
    margin-top: 6px;
  }
  .header-topsection form.form-search {
    width: 76%;
  }
  .header-topsection form input[type='text'] {
    width: 75% !important;
  }
  .login-text {
    font-size: 0.95em;
  }
  .navbar .btn-navbar {
    display: none;
  }
  .nav-collapse {
    height: auto !important;
    overflow: visible !important;
    float: left;
    clear: none;
  }
  .nav-collapse .nav {
    float: left;
  }
  .nav-collapse .nav > li {
    float: left;
  }
  .nav-collapse a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
  }
  .f-nav {
    width: 724px;
    padding: 0;
    margin-left: -362px;
  }
  .f-nav .nav > li > a {
    font-size: 1em!important;
  }
  .f-nav .container {
    width: 100%;
  }
  .f-nav.main-navigation {
    padding: 0px!important;
  }
  .f-nav.main-navigation .main-navig-search input,
  .f-nav.main-navigation .main-navig-search .typeahead {
    width: 627px!important;
  }
  .f-nav .submenu {
    margin-left: -42px;
  }
  .nav-quicklinks a {
    padding: 10px 10px !important;
  }
  .nav-quicklinks .icon-custom {
    margin-top: -2px !important;
  }
  .product {
    padding: 10px 5px;
  }
  .product a {
    font-size: 1.05em;
  }
  .product strong {
    font-size: 1.15em;
  }
  .table-listing table {
    font-size: .85em;
  }
  .span2.complementary-products-section {
    margin-left: 0;
    width: 100%;
  }
  .span2.complementary-products-section .productbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    width: 22.92817679558011%;
  }
  .span2.complementary-products-section .productbox:nth-child(4n+1) {
    margin-left: 0;
  }
  .list-layout .box-price {
    padding-left: 20px;
  }
  .grid-layout .productbox .box-price {
    min-height: 150px;
  }
  /*.main-section .row-fluid {
  		margin-bottom: 5px !important;
  	}*/
  
  .main-section .grid-layout .span2 {
    width: 31.914893617021278% !important;
    *width: 31.861702127659576% !important;
    margin-left: 2.127659574468085% !important;
  }
  .main-section .grid-layout .span2:first-child,
  .main-section .grid-layout .span2:nth-child(4) {
    margin-left: 0 !important;
  }
  .basket-list .basket-list-item .basket-item-qty .basket-item-qty-inc a {
    width: 30px;
  }
  .basket-list .basket-list-item .basket-item-qty .basket-item-qty-inc input {
    width: 40px;
  }
  .basket-list .basket-list-item .basket-item-price h3 {
    font-size: 1em;
  }
  .form-advanced-search .typeahead {
    min-width: 538px;
  }
  .product-detail:not(class*="product-detail--202") .zoomContainer {
    width: 228px !important;
    height: 228px !important;
  }
  .product-detail:not(class*="product-detail--202") .zoomContainer .zoomWindow {
    width: 228px !important;
    height: 228px !important;
  }
  .submenu {
    width: 719px;
  }
  .submenu .submenu-bigcontent {
    width: 450px;
  }
  footer {
    padding-top: 20px;
  }
}
/* Landscape phone to portrait tablet */

@media screen and (max-width: 767px) {
  header,
  .main-section,
  footer {
    margin-left: 5px;
    margin-right: 5px;
  }
  h1 {
    font-size: 1.8em;
  }
  .row-fluid [class*="span"] {
    min-height: 0px;
  }
  .flip-scroll table,
  .flip-scroll thead,
  .flip-scroll tbody,
  .flip-scroll th,
  .flip-scroll td,
  .flip-scroll tr {
    display: block;
  }
  .flip-scroll thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .flexslider .flex-direction-nav {
    display: none;
  }
  .main-section .btn {
    display: block;
    margin-bottom: 5px;
    width: 100%;
    box-sizing: border-box;
  }
  .main-section .btn:last-child {
    margin-bottom: 0px;
  }
  .main-section #fbContainer .btn {
    display: inline-block;
  }
  .main-section .ejs-fb-container .btn {
    display: inline-block;
  }
  .main-section .pull-right,
  .main-section .pull-left {
    float: none;
  }
  .flip-scroll {
    display: block;
  }
  .flip-scroll tr {
    border: 1px solid #cccccc;
  }
  .flip-scroll tr td {
    border: none;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    padding-left: 40%;
    white-space: normal;
    text-align: left;
  }
  .flip-scroll tr td.list-options {
    padding-left: 5%;
    text-align: right !important;
  }
  .flip-scroll tr td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 35%;
    padding-right: 10px;
    white-space: normal;
    word-break: keep-all;
    text-align: left;
    font-weight: bold;
    content: attr(data-title);
    font-size: 10px;
    line-height: 12px;
  }
  .field-validation-error:before {
    position: absolute;
    left: 10%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 2px 4px 2px;
    border-color: transparent transparent #b94a48 transparent;
  }
  .field-validation-error {
    display: block;
  }
  .basket-pop-fixed {
    position: relative;
  }
  .ellipsis {
    position: relative;
    height: 100px;
    padding-right: 22px;
    overflow: hidden;
  }
  .ellipsis:after {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 4px;
    font-size: 2em;
  }
  .search {
    margin-bottom: 15px;
  }
  .search .advanced-search {
    font-size: 1.1em !important;
    letter-spacing: 0;
    margin: 10px 3% 10px 0 !important;
  }
  .search .form-search {
    width: 100%;
    float: left;
  }
  .search .form-search input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border: 0;
    margin-right: -40px;
  }
  .search .btn-go {
    background-position: -90px -547px;
    height: 40px;
    width: 40px;
  }
  .search .btn-go:hover {
    background-position: -90px -547px !important;
  }
  .section-container-main-navigation {
    height: auto !important;
  }
  .main-navigation {
    position: relative;
    padding: 5px;
    top: 0;
    width: auto;
    height: auto;
    background: white;
  }
  .main-navigation .navbar {
    width: auto;
    height: auto;
  }
  .main-navigation .navbar .navbar-inner {
    border-width: 0px!important;
    min-height: 0!important;
  }
  .main-navigation .navbar .navbar-inner .container {
    width: 100%!important;
  }
  .main-navigation .navbar .navbar-inner .btn-navbar {
    line-height: 0!important;
    padding: 7px 10px!important;
    margin: 0px!important;
  }
  .main-navigation .navbar .navbar-inner li {
    border-left: 0!important;
    border-right: 0!important;
  }
  .main-navigation .navbar .navbar-inner li a {
    border-left: 0!important;
    border-right: 0!important;
  }
  .main-navigation .navbar .navbar-inner li:first-child > a {
    -webkit-box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
  }
  .main-navigation .navbar .navbar-inner .dropdown-menu li {
    border: 0!important;
  }
  .main-navigation .navbar .navbar-inner .dropdown-menu li a,
  .main-navigation .navbar .navbar-inner .dropdown-menu li a:link,
  .main-navigation .navbar .navbar-inner .dropdown-menu li a:hover,
  .main-navigation .navbar .navbar-inner .dropdown-menu li a:visited,
  .main-navigation .navbar .navbar-inner .dropdown-menu li a:active {
    text-align: center;
    font-size: 16px!important;
    font-weight: 400!important;
    text-indent: 0!important;
    padding: 10px 20px!important;
    border: 0!important;
    border-bottom: 1px solid #0a428a !important;
    text-transform: uppercase!important;
    background: #083673;
  }
  .main-navigation .navbar .navbar-inner .dropdown-menu li a:hover,
  .main-navigation .navbar .navbar-inner .dropdown-menu li a:focus {
    background: #0a428a !important;
  }
  .main-navigation .navbar .navbar-inner .dropdown-menu li.dropdown-submenu a {
    text-indent: 0!important;
  }
  .main-navigation .navbar .navbar-inner .dropdown-menu li .dropdown-submenu a:link,
  .main-navigation .navbar .navbar-inner .dropdown-menu li .dropdown-submenu a:hover,
  .main-navigation .navbar .navbar-inner .dropdown-menu li .dropdown-submenu a:visited,
  .main-navigation .navbar .navbar-inner .dropdown-menu li .dropdown-submenu a:active {
    text-indent: 0!important;
    font-size: 16px;
    font-weight: 300!important;
    padding: 10px 0!important;
    background: #072b5b !important;
    color: #cccccc !important;
  }
  .main-navigation .navbar .navbar-inner .dropdown-menu li .dropdown-submenu a:hover,
  .main-navigation .navbar .navbar-inner .dropdown-menu li .dropdown-submenu a:focus {
    text-decoration: none;
    background: #0a428a !important;
  }
  .main-navigation .submenu {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .main-navigation .submenu .nav {
    min-height: 0;
  }
  .main-navigation .submenu .submenu-left li > a {
    text-align: center;
    font-size: 16px!important;
    padding: 10px 20px!important;
    border-bottom: 1px solid #0a428a !important;
    text-transform: uppercase;
    background: #083673;
  }
  .main-navigation .submenu .submenu-left li > a:after {
    display: none;
  }
  .main-navigation .submenu .submenu-left li > a.has-content:after {
    border: 0;
    content: "+";
    display: block;
    float: none;
    margin-top: 0;
    width: auto;
    height: auto;
  }
  .main-navigation .submenu .submenu-left li:first-child > a {
    -webkit-box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
  }
  .main-navigation .submenu .submenu-left li.opened > a:after {
    right: 21px!important;
    content: "-" !important;
  }
  .main-navigation .submenu .submenu-content .bigcontent-categories li a {
    font-size: 16px;
    font-weight: 300 !important;
    padding: 10px 0!important;
    border-bottom: 1px solid #052043 !important;
    background: #083673 !important;
    color: #cccccc !important;
  }
  .main-navigation .submenu .submenu-content .bigcontent-categories li a:hover,
  .main-navigation .submenu .submenu-content .bigcontent-categories li a:focus {
    background: #0a428a !important;
  }
  .main-navigation .submenu .submenu-content .bigcontent-categories li:first-child > a {
    -webkit-box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 4px 5px -3px rgba(0, 0, 0, 0.7);
  }
  .nav-rightlinks {
    display: none !important;
  }
  .header-nav {
    width: 100%;
    text-align: center;
  }
  .navbar-inner {
    background-color: white;
  }
  .navbar-inner .row-fluid {
    margin-bottom: 0;
  }
  .header-topsection .span6,
  .header-topsection .span4,
  .header-topsection .span2 {
    float: left !important;
  }
  .header-topsection .customer-panel {
    margin-top: 0;
    width: 100%;
  }
  .header-topsection .customer-panel .nav-myservices .dropdown-menu {
    width: 200% !important;
  }
  .header-topsection .customer-panel.span4 {
    width: 77%;
  }
  .header-topsection .span2 {
    width: 22%;
  }
  .header-topsection .cart {
    height: auto;
    margin-top: 0;
    line-height: 35px;
  }
  .header-topsection .cart .cart-icon {
    margin-left: 5px !important;
  }
  .header-topsection .cart .cart-products-qty {
    margin: 0 10px;
    font-size: 1.5em;
    font-weight: 700;
  }
  .header-topsection .cart .cart-products-qty-lbl {
    padding: 0;
    margin-left: 5px;
  }
  .header-topsection .cart .fa.visible-phone {
    display: inline-block !important;
    margin-left: 5px;
  }
  .header-topsection .cart + .cart-quote,
  .header-topsection .basket-pop + .cart-quote,
  .header-topsection .order-express + .cart-quote {
    margin-top: 5px;
  }
  .header-topsection .search form {
    display: block !important;
  }
  .header-topsection .search form .btn-go {
    width: 15%;
  }
  .header-topsection .search form input[type='text'] {
    padding-left: 13%;
    width: 67% !important;
    text-align: center;
  }
  .header-topsection .search form.form-categoryquicksearch {
    width: 50px;
    position: absolute;
    top: 0;
  }
  .basket-pop {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 1px;
  }
  .basket-pop .basketpop-header .span11 {
    float: left;
    width: auto;
  }
  .basket-pop .basketpop-header .span1 {
    float: right;
    width: auto;
  }
  .basket-pop .basketpop-body .basketpop-photo {
    width: 10% !important;
  }
  .basket-pop .basketpop-body .basketpop-description {
    width: 55% !important;
    font-size: 0.90em;
  }
  .basket-pop .basketpop-body .basketpop-qty {
    width: 10% !important;
    font-size: 0.90em;
  }
  .basket-pop .basketpop-body .basketpop-price {
    width: 15% !important;
    font-size: 0.90em;
  }
  .basket-pop .basketpop-body .basketpop-pricesection .span5 {
    float: left;
    width: auto;
  }
  .basket-pop .basketpop-body .basketpop-pricesection .span7 {
    float: right;
    width: auto;
  }
  .basket-pop .basket-tools {
    margin-top: 0;
  }
  .basket-pop .basket-tools a {
    width: 100% !important;
  }
  .basket-pop .btn {
    margin-top: 2px;
  }
  .basket-pop:before {
    display: none;
  }
  .typeahead {
    width: 97% !important;
  }
  .typeahead a {
    padding: 5px 10px!important;
  }
  .nav-myaccount .dropdown-menu a,
  .nav-myservices .dropdown-menu a {
    padding: 10px 10px !important;
  }
  .nav-myaccount .dropdown-menu a.btn,
  .nav-myservices .dropdown-menu a.btn {
    padding: 6px 10px !important;
  }
  .nav-myservices .dropdown-menu {
    left: -100%;
    width: 249.6% !important;
  }
  .nav-myservices .divider {
    display: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 0 !important;
  }
  .nav-collapse .nav .level2 {
    margin: 0;
  }
  .nav-collapse .nav .level2 > li a {
    border-radius: 0;
    padding: 10px 5px;
    line-height: 40px;
    background: #ff9000;
    color: white;
  }
  .nav-collapse .nav .level2 .expand.dropdown-submenu > a:active,
  .nav-collapse .nav .level2 .expand.dropdown-submenu > a:focus {
    background: #ff9000 !important;
  }
  .nav-collapse .nav .level2 .expand.dropdown-submenu > a:after {
    border: 0;
  }
  .nav-collapse .nav .level2 .level3 {
    margin: 0;
  }
  .nav-collapse .nav .level2 .level3.opened {
    display: block !important;
  }
  .nav-collapse .nav .level2 .level3 li a {
    background: #ff9000;
    color: white;
    border-radius: 0;
    display: block;
  }
  .nav-collapse .nav .dropdown-submenu {
    text-indent: 5px;
  }
  .nav-collapse .nav .dropdown-submenu a {
    border-radius: 0;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 0;
  }
  .login-text {
    display: none;
  }
  .logos {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }
  .navbar .brand {
    text-decoration: none;
    color: white;
    font-weight: 700;
    border: 0;
  }
  .navbar b {
    display: none !important;
  }
  .navbar a {
    color: white;
    border-bottom: 1px solid #2b2d2c;
    padding: 20px 0px;
  }
  .navbar .submenu-left {
    float: none;
  }
  .navbar .bigcontent-tophighlight {
    display: none;
  }
  .navbar .expand > a {
    position: relative;
  }
  .navbar .expand > a:after {
    content: " +";
    font-size: 2em;
    font-weight: 700;
    margin-top: 0 !important;
    margin-right: 0 !important;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    height: auto;
  }
  .navbar .expand.opened > a:after {
    content: " -";
  }
  .navbar .nav {
    margin-bottom: 0;
  }
  .navbar .nav > li {
    position: relative;
  }
  .navbar .nav > li > a {
    padding: 10px 5px !important;
    border-radius: 0;
  }
  .btn-navbar {
    background: #ff9000 !important;
    padding: 7px 10px !important;
    line-height: 37px !important;
    margin-top: 10px !important;
  }
  .btn-navbar .icon-bar {
    width: 12px !important;
    height: 3px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .category-listing {
    list-style: none;
    margin: 0 0 5px 0;
  }
  .category-listing .iconplus,
  .category-listing .iconminus {
    display: none;
    visibility: hidden;
  }
  .category-listing > li {
    margin: 0;
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
  }
  .category-listing > li:first-child {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #cccccc !important;
  }
  .category-listing > li:last-child {
    border-radius: 0 0 5px 5px;
  }
  .category-listing > li a {
    display: block;
    width: 100%;
    text-decoration: none !important;
    margin: 0;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
  }
  .category-listing > li a:hover,
  .category-listing > li a:active,
  .category-listing > li a:focus {
    color: white !important;
    background: #1064d1 !important;
  }
  .category-listing > li ul {
    margin-left: 0;
  }
  .category-listing > li ul li {
    list-style: none;
  }
  .category-listing > li ul li a {
    min-height: 25px;
    line-height: 25px;
  }
  .category-listing .closed ul {
    display: none;
    visibility: hidden;
  }
  .form-horizontal .control-label {
    display: block;
    float: none;
    text-align: left;
    margin-bottom: 3px;
    text-indent: 0px;
  }
  .form-horizontal .controls {
    display: block;
    margin-left: 0px;
  }
  .btn {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .table--product .btn {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  footer {
    padding-top: 15px !important;
  }
  footer .networks {
    margin-left: 0;
  }
  footer .networks-text {
    display: block;
    width: 100%;
  }
  footer .row-fluid {
    margin-bottom: 10px;
  }
  .submenu {
    display: none;
    position: relative;
    width: 100%;
  }
  .submenu.submenu-opened {
    display: block;
  }
  .submenu .nav {
    width: 100%;
  }
  .submenu .nav-stacked > li {
    position: relative;
  }
  .submenu .nav-stacked > li > a {
    background: none !important;
  }
  .submenu .nav-stacked > li > a:hover {
    background: #484848;
  }
  .submenu .nav-stacked > li.opened > a {
    background-color: #484848 !important;
    background: none !important;
  }
  .submenu .submenu-left a {
    padding: 15px 24px !important;
    margin: 0 !important;
    background: #333333;
    background-image: none !important;
    border-bottom: 1px solid #3f3f3f;
    color: white !important;
  }
  .submenu .submenu-left a:hover {
    background: #3f3f3f;
  }
  .submenu .ajaxloading-container {
    position: relative;
    left: 0;
    width: 100%;
    padding: 0;
    min-height: 30px;
  }
  .submenu .submenu-bigcontent {
    position: relative;
    left: 0px !important;
    width: 100%;
    padding: 0;
    min-height: 0 !important;
  }
  .submenu .submenu-bigcontent h3 {
    display: none;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight {
    border: 0;
    padding: 0;
    margin: 0;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight ul li {
    width: 100%;
    text-align: left;
    padding: 0;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight ul li br {
    display: none;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight ul li a {
    padding: 10px 24px 10px 32px !important;
    display: block;
    text-decoration: none;
    color: white;
    background: #666666 !important;
    background-image: none !important;
    border-bottom: 1px solid #6e6e6e;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight ul li a:first-child {
    display: none;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight ul li a:hover {
    background: #6e6e6e !important;
  }
  .submenu .submenu-bigcontent .bigcontent-tophighlight ul li a:after {
    content: "";
  }
  .submenu .submenu-bigcontent .bigcontent-categories li {
    padding-left: 0;
    text-indent: 0;
  }
  .submenu .submenu-bigcontent .bigcontent-categories li a {
    padding: 10px 24px 10px 32px !important;
    display: block;
    text-decoration: none;
    color: white;
    background: #666666 !important;
    background-image: none !important;
    border-bottom: 1px solid #6e6e6e;
  }
  .submenu .submenu-bigcontent .bigcontent-categories li a:hover {
    background: #6e6e6e !important;
  }
  .submenu .submenu-bigcontent .bigcontent-categories li:before {
    content: "";
  }
  .submenu .submenu-bigcontent .bigcontent-categories .span4 {
    width: 100%;
  }
  .list-layout.productbox {
    background: white;
    -webkit-box-shadow: 0 0 7px #cccccc;
    -moz-box-shadow: 0 0 7px #cccccc;
    -o-box-shadow: 0 0 7px #cccccc;
    box-shadow: 0 0 7px #cccccc;
    border-bottom: 0;
    margin-bottom: 10px !important;
    padding: 10px 0;
  }
  .list-layout.productbox .box-photo,
  .list-layout.productbox .box-info,
  .list-layout.productbox .box-price {
    text-align: center;
  }
  .list-layout.productbox .box-photo {
    margin-bottom: 10px;
  }
  .list-layout.productbox .box-photo img {
    width: 50%;
  }
  .list-layout.productbox .box-price {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
  }
  .list-layout.productbox .box-price table {
    margin: 15px auto 0 auto;
  }
  .basket-item-comments .cancel-add-new-comment {
    float: right;
  }
  .grid-layout .span2 .productbox {
    position: relative;
    min-height: 0 !important;
  }
  .grid-layout .span2 .productbox .box-info {
    display: block;
    min-height: 0;
  }
  .grid-layout .span2 .productbox .box-info a {
    height: auto;
    line-height: normal;
    margin-bottom: 0;
  }
  .grid-layout .span2 .productbox .box-info .product-title {
    min-height: 0;
  }
  .grid-layout .span2 .productbox .box-price {
    min-height: 0;
  }
  .grid-layout .span2 .productbox .box-qty {
    min-height: 0;
  }
  .grid-layout .span2.row-fluid {
    margin-bottom: 0 !important;
  }
  .productbox .box-price .btn {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: auto;
  }
  .grid-layout .product-view-add-to-cart,
  .list-layout .product-view-add-to-cart,
  .complementary-products-section .product-view-add-to-cart {
    width: auto;
  }
  .addto-multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .addto-multiple.dropdown-menu > li > a:after {
    border-color: #141823 transparent transparent transparent;
  }
  .addto-multiple.dropdown-menu > li > a:hover:after,
  .addto-multiple.dropdown-menu > li > a:active:after,
  .addto-multiple.dropdown-menu > li > a:focus:after {
    border-color: #e5e5e5 transparent transparent transparent;
  }
  .addto-multiple.dropdown-menu .dropdown-submenu > .dropdown-menu {
    right: auto !important;
    left: auto !important;
  }
  .addto-multiple .dropdown-submenu:hover > .dropdown-menu {
    display: none;
  }
  .dropdown-menu.addtopurchaselist-multiple,
  .dropdown-menu.addtorecurringorder-multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  .product-detail .product-image {
    text-align: center;
  }
  .product-detail .product-image .flex-direction-nav a {
    width: 30px !important;
  }
  .product-detail .product-attributes-container .product-attributes-config select {
    width: 100%;
    margin-bottom: 10px;
  }
  .product-detail .addthis_button {
    margin-left: 15px;
  }
  #purchaseListResults .flip-scroll td:before {
    line-height: 12px;
  }
  #purchaseListResults .list-options {
    padding-left: 10%;
  }
  #btnCreatePurchaseList,
  #btnMergePurchaseLists,
  #btnRenamePurchaseList,
  #btnSchedulePurchaseLists,
  #addPurchaseListToCart .btn,
  #purchaseListActions .btn {
    width: 100%;
    margin-bottom: 5px;
  }
  #addPurchaseListToCart,
  #purchaseListActions {
    float: none;
  }
  .filter-options li {
    margin: 5px 0;
  }
  #listViewTableBody .ejs-product {
    min-height: 30px;
  }
  #listViewTableBody .price-per-quantity td {
    min-height: 0;
  }
  #ProductPageForm .product-detail-options {
    float: none;
  }
  #ProductPageForm .product-detail-options .btn-group {
    width: 100%;
    margin-bottom: 5px;
  }
  #ProductPageForm .product-detail-options .btn-group .dropdown-menu {
    width: 100% !important;
    margin-bottom: 5px;
  }
  #ProductPageForm .product-detail-options .btn-group .addtopurchaselist {
    width: 76%;
  }
  #ProductPageForm .product-detail-options .btn-group .addtopurchaselist-caret {
    width: 10%;
  }
  #ProductPageForm .product-detail-options button {
    margin-bottom: 5px;
    width: 100%;
  }
  #ProductPageForm .product-detail-options button.addtopurchaselist {
    width: 85%;
  }
  #ProductPageForm .product-detail-options button.dropdown-toggle {
    width: 15%;
  }
  .form-advanced-search #cmdAdvancedSearch {
    width: 100%;
  }
  .form-advanced-search .typeahead {
    width: 97% !important;
  }
  .account-icons li {
    margin: 5px 0;
  }
  .account-icons a {
    display: block;
    background: #0c4da2;
    color: white;
    padding: 10px;
    text-decoration: none;
  }
  .account-icons a:hover {
    background: #1064d1;
    color: white;
  }
  .alert-purchaserulevalidation .btn,
  .basket-list-item .btn {
    width: 100%;
    margin-top: 10px;
  }
  .basket-list .basket-list-item .basket-item-comments .basket-item-comment {
    margin-right: 0;
    width: 100%;
  }
  .checkout .comment-list {
    margin-left: 30px;
  }
  .checkout .order-review-content table td:first-child {
    width: auto;
    text-align: center;
  }
  .checkout .order-review-content table td:first-child.commentCustomizerLine {
    padding-left: 0px;
    width: 100%;
    text-align: left;
  }
  .checkout .order-review-content table td:first-child.commentCustomizerLine tr {
    border: 0px !important;
  }
  .checkout .order-review-content table td:before {
    width: 38%;
  }
  .checkout .order-review-content table .order-review-content-picture,
  .checkout .order-review-content table .order-review-content-description {
    text-align: center;
  }
  .checkout .order-review-content table .order-review-content-qty,
  .checkout .order-review-content table .order-review-content-bo,
  .checkout .order-review-content table .order-review-content-qty-to-ship {
    text-align: center;
  }
  .checkout .order-review-content table .order-review-content-price,
  .checkout .order-review-content table .order-review-content-subtotal {
    text-align: center;
  }
  .checkout .payment-gift-certificate {
    border: 1px solid #dddddd;
    margin: 15px 0 0;
    padding: 15px;
  }
  #fbContainer .paging {
    text-align: center;
  }
  #fbContainer .paging .page,
  #fbContainer .paging a {
    width: 10%;
  }
  .ejs-fb-container .paging {
    text-align: center;
  }
  .ejs-fb-container .paging .page,
  .ejs-fb-container .paging a {
    width: 10%;
  }
  .ejs-find-a-store-result #map-canvas {
    height: 400px;
  }
  .ejs-find-a-store-result #map-canvas img {
    max-width: none;
  }
  .product-detail .product-review {
    border: 0;
  }
  .product-detail .product-review .review-listing-header {
    border: 0;
    padding-top: 0;
  }
  .product-detail .product-review .review-user-rating {
    text-align: center;
  }
  .product-detail .product-review .review-user-rating .review-stars,
  .product-detail .product-review .review-user-rating .review-stars-scalable-container {
    margin: 0 auto;
  }
  .product-detail .product-review .review-user-rating .btn {
    float: none;
  }
  .product-detail .product-review .review-user-rating .span2 {
    margin-bottom: 20px;
  }
  .product-detail .product-review .review-user-rating .span2:first-child {
    padding-left: 0;
  }
  .product-detail .product-review .review-user-name {
    padding-left: 0;
  }
  .powersearch-section.sb-slidebar {
    padding: 10px;
    background: white;
    color: #141823;
  }
  .powersearch-section.sb-slidebar h5 {
    margin-top: 20px;
    padding-left: 10px;
    line-height: 40px;
    background: #d9d9d9;
  }
  .powersearch-section.sb-slidebar h5:first-child {
    margin-top: 0;
  }
  .powersearch-section.sb-slidebar label {
    min-height: 30px;
    padding-top: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #d9d9d9;
  }
  .image-category-listing .span3 {
    margin-bottom: 20px;
  }
  .modal .modal-body {
    max-height: 250px;
  }
  .modal-footer {
    text-align: center;
  }
  .modal-footer .btn + .btn {
    margin-left: 0px;
  }
  .product-detail .modal-footer .btn {
    width: 100%;
  }
  .popover {
    left: 0px !important;
    margin-left: 0px !important;
    max-width: 100% !important;
    position: static !important;
  }
  .popover .arrow {
    display: none;
  }
  .inline.purchase-list-top-buttons > li {
    display: block;
    padding: 0px;
  }
  .customerservice-box .btn {
    display: block;
    width: auto;
  }
  /*** Form alignment ***/
  
  #frmCheckStatus .row-fluid,
  .form-advanced-search-bottom .row-fluid,
  #formCreateAccount .row-fluid,
  #formNewsletter .row-fluid,
  #formTellAFriend .row-fluid,
  #frmProductReview .row-fluid,
  #frmMyProfile .row-fluid,
  #frmAddressEdit .row-fluid,
  .form-download-center .row-fluid,
  #frmGiftCertificate .row-fluid,
  .form-customer-service-search .row-fluid,
  #frmUserEdit .row-fluid,
  #frmCheckout .row-fluid,
  .add-credit-card .address-edit .row-fluid,
  #formQuestion .row-fluid,
  #frmCheckStatus [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  .form-advanced-search-bottom [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #formCreateAccount [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #formNewsletter [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #formTellAFriend [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #frmProductReview [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #frmMyProfile [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #frmAddressEdit [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  .form-download-center [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #frmGiftCertificate [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  .form-customer-service-search [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #frmUserEdit [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #frmCheckout [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  .add-credit-card .address-edit [class*="span"] .row-fluid:last-child [class*="span"]:last-child,
  #formQuestion [class*="span"] .row-fluid:last-child [class*="span"]:last-child {
    margin-bottom: 0;
  }
  #frmCheckStatus [class*="span"],
  .form-advanced-search-bottom [class*="span"],
  #formCreateAccount [class*="span"],
  #formNewsletter [class*="span"],
  #formTellAFriend [class*="span"],
  #frmProductReview [class*="span"],
  #frmMyProfile [class*="span"],
  #frmAddressEdit [class*="span"],
  .form-download-center [class*="span"],
  #frmGiftCertificate [class*="span"],
  .form-customer-service-search [class*="span"],
  #frmUserEdit [class*="span"],
  #frmCheckout [class*="span"],
  .add-credit-card .address-edit [class*="span"],
  #formQuestion [class*="span"] {
    margin-bottom: 30px;
  }
  #frmCheckStatus input[class*="span"],
  .form-advanced-search-bottom input[class*="span"],
  #formCreateAccount input[class*="span"],
  #formNewsletter input[class*="span"],
  #formTellAFriend input[class*="span"],
  #frmProductReview input[class*="span"],
  #frmMyProfile input[class*="span"],
  #frmAddressEdit input[class*="span"],
  .form-download-center input[class*="span"],
  #frmGiftCertificate input[class*="span"],
  .form-customer-service-search input[class*="span"],
  #frmUserEdit input[class*="span"],
  #frmCheckout input[class*="span"],
  .add-credit-card .address-edit input[class*="span"],
  #formQuestion input[class*="span"],
  #frmCheckStatus textarea[class*="span"],
  .form-advanced-search-bottom textarea[class*="span"],
  #formCreateAccount textarea[class*="span"],
  #formNewsletter textarea[class*="span"],
  #formTellAFriend textarea[class*="span"],
  #frmProductReview textarea[class*="span"],
  #frmMyProfile textarea[class*="span"],
  #frmAddressEdit textarea[class*="span"],
  .form-download-center textarea[class*="span"],
  #frmGiftCertificate textarea[class*="span"],
  .form-customer-service-search textarea[class*="span"],
  #frmUserEdit textarea[class*="span"],
  #frmCheckout textarea[class*="span"],
  .add-credit-card .address-edit textarea[class*="span"],
  #formQuestion textarea[class*="span"],
  #frmCheckStatus select[class*="span"],
  .form-advanced-search-bottom select[class*="span"],
  #formCreateAccount select[class*="span"],
  #formNewsletter select[class*="span"],
  #formTellAFriend select[class*="span"],
  #frmProductReview select[class*="span"],
  #frmMyProfile select[class*="span"],
  #frmAddressEdit select[class*="span"],
  .form-download-center select[class*="span"],
  #frmGiftCertificate select[class*="span"],
  .form-customer-service-search select[class*="span"],
  #frmUserEdit select[class*="span"],
  #frmCheckout select[class*="span"],
  .add-credit-card .address-edit select[class*="span"],
  #formQuestion select[class*="span"],
  #frmCheckStatus .uneditable-input[class*="span"],
  .form-advanced-search-bottom .uneditable-input[class*="span"],
  #formCreateAccount .uneditable-input[class*="span"],
  #formNewsletter .uneditable-input[class*="span"],
  #formTellAFriend .uneditable-input[class*="span"],
  #frmProductReview .uneditable-input[class*="span"],
  #frmMyProfile .uneditable-input[class*="span"],
  #frmAddressEdit .uneditable-input[class*="span"],
  .form-download-center .uneditable-input[class*="span"],
  #frmGiftCertificate .uneditable-input[class*="span"],
  .form-customer-service-search .uneditable-input[class*="span"],
  #frmUserEdit .uneditable-input[class*="span"],
  #frmCheckout .uneditable-input[class*="span"],
  .add-credit-card .address-edit .uneditable-input[class*="span"],
  #formQuestion .uneditable-input[class*="span"] {
    margin-bottom: 0;
  }
  #frmCheckStatus .form-addressblock .row-fluid:not(:last-child) input,
  .form-advanced-search-bottom .form-addressblock .row-fluid:not(:last-child) input,
  #formCreateAccount .form-addressblock .row-fluid:not(:last-child) input,
  #formNewsletter .form-addressblock .row-fluid:not(:last-child) input,
  #formTellAFriend .form-addressblock .row-fluid:not(:last-child) input,
  #frmProductReview .form-addressblock .row-fluid:not(:last-child) input,
  #frmMyProfile .form-addressblock .row-fluid:not(:last-child) input,
  #frmAddressEdit .form-addressblock .row-fluid:not(:last-child) input,
  .form-download-center .form-addressblock .row-fluid:not(:last-child) input,
  #frmGiftCertificate .form-addressblock .row-fluid:not(:last-child) input,
  .form-customer-service-search .form-addressblock .row-fluid:not(:last-child) input,
  #frmUserEdit .form-addressblock .row-fluid:not(:last-child) input,
  #frmCheckout .form-addressblock .row-fluid:not(:last-child) input,
  .add-credit-card .address-edit .form-addressblock .row-fluid:not(:last-child) input,
  #formQuestion .form-addressblock .row-fluid:not(:last-child) input,
  #frmCheckStatus .form-addressblock .row-fluid:not(:last-child) textarea,
  .form-advanced-search-bottom .form-addressblock .row-fluid:not(:last-child) textarea,
  #formCreateAccount .form-addressblock .row-fluid:not(:last-child) textarea,
  #formNewsletter .form-addressblock .row-fluid:not(:last-child) textarea,
  #formTellAFriend .form-addressblock .row-fluid:not(:last-child) textarea,
  #frmProductReview .form-addressblock .row-fluid:not(:last-child) textarea,
  #frmMyProfile .form-addressblock .row-fluid:not(:last-child) textarea,
  #frmAddressEdit .form-addressblock .row-fluid:not(:last-child) textarea,
  .form-download-center .form-addressblock .row-fluid:not(:last-child) textarea,
  #frmGiftCertificate .form-addressblock .row-fluid:not(:last-child) textarea,
  .form-customer-service-search .form-addressblock .row-fluid:not(:last-child) textarea,
  #frmUserEdit .form-addressblock .row-fluid:not(:last-child) textarea,
  #frmCheckout .form-addressblock .row-fluid:not(:last-child) textarea,
  .add-credit-card .address-edit .form-addressblock .row-fluid:not(:last-child) textarea,
  #formQuestion .form-addressblock .row-fluid:not(:last-child) textarea,
  #frmCheckStatus .form-addressblock .row-fluid:not(:last-child) select,
  .form-advanced-search-bottom .form-addressblock .row-fluid:not(:last-child) select,
  #formCreateAccount .form-addressblock .row-fluid:not(:last-child) select,
  #formNewsletter .form-addressblock .row-fluid:not(:last-child) select,
  #formTellAFriend .form-addressblock .row-fluid:not(:last-child) select,
  #frmProductReview .form-addressblock .row-fluid:not(:last-child) select,
  #frmMyProfile .form-addressblock .row-fluid:not(:last-child) select,
  #frmAddressEdit .form-addressblock .row-fluid:not(:last-child) select,
  .form-download-center .form-addressblock .row-fluid:not(:last-child) select,
  #frmGiftCertificate .form-addressblock .row-fluid:not(:last-child) select,
  .form-customer-service-search .form-addressblock .row-fluid:not(:last-child) select,
  #frmUserEdit .form-addressblock .row-fluid:not(:last-child) select,
  #frmCheckout .form-addressblock .row-fluid:not(:last-child) select,
  .add-credit-card .address-edit .form-addressblock .row-fluid:not(:last-child) select,
  #formQuestion .form-addressblock .row-fluid:not(:last-child) select,
  #frmCheckStatus .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  .form-advanced-search-bottom .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #formCreateAccount .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #formNewsletter .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #formTellAFriend .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #frmProductReview .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #frmMyProfile .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #frmAddressEdit .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  .form-download-center .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #frmGiftCertificate .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  .form-customer-service-search .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #frmUserEdit .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #frmCheckout .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  .add-credit-card .address-edit .form-addressblock .row-fluid:not(:last-child) .uneditable-input,
  #formQuestion .form-addressblock .row-fluid:not(:last-child) .uneditable-input {
    margin-bottom: 10px;
  }
}
/* Landscape phones and down */

@media screen and (max-width: 480px) {
  .cart-icon {
    margin-left: 20% !important;
  }
  .header-topsection .nav-tabs li .icon-custom.icon-caretd {
    margin-right: -8px;
  }
  .header-topsection .span4 {
    width: 72% !important;
  }
  .header-topsection .span2 {
    width: 27.6% !important;
  }
  .basket-pop .basketpop-description {
    width: 45% !important;
  }
  .basket-pop .basketpop-photo {
    display: none;
  }
  #btnSchedulePurchaseLists,
  .btn-link {
    line-height: 24px !important;
  }
  #LoginForm .btn {
    display: block;
  }
  #ListingProducts .row-fluid {
    margin-bottom: 0;
  }
  .login-box .btn-primary,
  .login-box .btn-secondary {
    width: 100%;
    margin-top: 10px !important;
  }
  .category-listing li {
    border: none;
  }
  .productbox {
    padding: 5px;
  }
  .productbox .box-info ul {
    margin-bottom: 0;
  }
  .btn-group .addtopurchaselist {
    width: 75%;
  }
  .btn-group .addtopurchaselist-caret {
    width: 11%;
  }
  .main-section .nav-tabs > li > a,
  .main-section .nav-pills > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 360px) {
  .header-topsection .span4 {
    width: 72% !important;
  }
  .header-topsection .span2 {
    width: 27.6% !important;
  }
  #lstCurrencySelector {
    margin-top: 15px;
  }
}
/* Mobile Phone Portrait */

@media screen and (max-width: 320px) {
  .header-topsection .nav-myaccount span,
  .header-topsection .nav-myservices span {
    letter-spacing: 0;
  }
  .nav-myaccount span,
  .nav-myservices span {
    display: none !important;
  }
  #lstCurrencySelector {
    margin-top: 15px;
  }
  .checkoutCommentSection {
    padding-left: 0px !important;
    font-size: 0.85em;
    line-height: 1em;
  }
}
/* RETINA */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}
/**************************************************/

/*  PRODUCT PAGE WITH RIGHT INFORMATION */

@media screen and (max-width: 1199px) {
  .product-detail.product-detail-right-information .right-price-section .attribute-title,
  .product-detail.product-detail-right-information .right-price-section .attribute-value {
    width: 100%;
    margin-left: 0px;
  }
  .product-detail.product-detail-right-information .right-price-section .addtocart-section .button-addtocart-section {
    width: 100%;
    margin-top: 5px;
  }
}
@media screen and (max-width: 979px) {
  .product-detail.product-detail-right-information .right-price-section {
    padding: 10px;
  }
  .purchaseInformationSection,
  .descriptionInformationSection {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .descriptionInformationSection {
    margin-bottom: 30px;
  }
}
/* ENDPRODUCTPAGERIGHTINFORMATION */

/*---- HACKS FOR IE8 ----*/

.ie8 * {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}
.ie8 .btn {
  padding: 0 8px !important;
}
.ie8 .header-topsection .form-search-input {
  width: 300px;
}
.ie8 .header-topsection .form-searchink {
  display: inline;
}
.ie8 .header-topsection .search .btn-searchink.opened {
  left: 60px !important;
}
.ie8 .header-topsection .search .searchink-popup {
  width: 200px;
}
.ie8 .header-topsection .search .searchink-popup select {
  max-width: 170px;
}
.ie8 .header-topsection .nav-myaccount,
.ie8 .header-topsection .nav-myservices {
  letter-spacing: normal;
}
.ie8 .header-topsection .nav-myaccount a,
.ie8 .header-topsection .nav-myservices a {
  font-size: 12px;
}
.ie8 .header-topsection .nav-tabs li .icon-custom.icon-cog {
  width: 23px;
}
.ie8 .basket-pop {
  max-width: 940px;
}
.ie8 .basket-pop .basketpop-body .basketpop-pricesection .basketpop-modify,
.ie8 .basket-pop .basketpop-body .basketpop-pricesection .basketpop-select {
  letter-spacing: normal;
  font-size: 10px;
  height: 35px;
}
.ie8 .navbar-inner a {
  font-size: 1em;
}
.ie8 .submenu {
  width: 940px;
  z-index: 10000;
}
.ie8 .submenu .submenu-bigcontent {
  width: 672px;
}
.ie8 .submenu .submenu-bigcontent a {
  line-height: 0.9em;
  font-size: 0.9em;
}
.ie8 .productbox {
  border: 1px solid #cccccc;
}
.ie8 .complementary-product .productbox .qty-container input {
  width: 39px !important;
}
.ie8 .complementary-product h5:before {
  top: 73px;
  left: 40%;
}
html {
  font-size: 100%;
}
body {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
.reset-style {
  all: initial;
}
.reset-style * {
  all: unset;
}
/*------------------------------------*\
    RESELLER TOOLS - METROSALES ML
\*------------------------------------*/

/*------------------------------------*\
    #STYLE UPDATES - METROSALES
\*------------------------------------*/

.checkout #frmCheckout .row-fluid {
  margin-bottom: 5px!important;
}
.checkout .checkout-accordion .checkout-accordion-title h4 {
  margin: 0;
}
.checkout .checkout-accordion .checkout-accordion-content #checkoutShippingAddressNew {
  min-height: unset;
}
.checkout .checkout-accordion .checkout-accordion-content #checkoutShippingAddressExisting .span6:first-of-type > .row-fluid:first-of-type {
  display: none;
}
.checkout .checkout-accordion .checkout-accordion-content #BillingAddress_Address2 {
  display: none;
}
#checkoutShippingAddressSelector {
  float: left;
  width: 100%;
}
#shoppingCartPopup .ejs-order-express-link small {
  color: #0c4da2;
}
.product-ms-code {
  font-weight: bold;
}
#main-section .row-fluid {
  margin-bottom: 10px !important;
}
#main-section h1 {
  margin-bottom: 10px;
}
#main-section hr {
  margin: 10px 0;
}
/*-----------------------------------------*\
    #SIDEBAR PRODUCT LISTS - METROSALES
\*-----------------------------------------*/

.ms-complementary-products .span10 {
  width: 75%;
}
.ms-complementary-products .span2.complementary-products-section {
  width: 21%;
}
#suggestedProductsForm {
  border-color: #cdcdcd;
  border-width: 0 1px 1px;
  padding: 5px;
  border-style: solid;
}
.sidebar-scroll {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.sidebar-scroll > .product-sidebar-arrow.fa {
  color: #555555;
  font-size: 2.5rem !important;
  background: #c8c8c8;
  position: absolute;
  width: 50%;
  text-align: center;
  z-index: 10;
  top: 0;
  border: 1px solid #adadad;
}
.sidebar-scroll > .product-sidebar-arrow.fa:hover {
  background: #adadad;
  cursor: pointer;
}
.sidebar-scroll > .product-sidebar-arrow.fa-angle-up {
  left: 0;
}
.sidebar-scroll > .product-sidebar-arrow.fa-angle-down {
  right: 0;
}
.sidebar-scroll > div {
  position: relative;
  top: 0;
}
/*------------------------------------*\
    #CATEGORY LISTS - METROSALES
\*------------------------------------*/

.category-listing li {
  list-style-type: none;
}
.category-listing li:not(.opened) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
ul.category-listing > li.opened {
  background: rgba(211, 211, 211, 0.25);
  padding: 0.5em 0 0 0.5em;
}
ul.category-listing > li.closed {
  padding: 0.5em;
}
ul.category-listing > li > ul {
  background: rgba(211, 211, 211, 0.25);
  margin: 5px 0 10px 10px;
}
ul.category-listing > li > ul a {
  padding: 0.5em;
}
ul.category-listing > li > ul li:hover {
  background: #0363b5;
}
ul.category-listing > li > ul li:hover a {
  color: white;
}
ul.category-listing > li:not(.opened):not(.closed) a {
  padding: 0.5em;
}
ul.category-listing > li:not(.opened):hover {
  background: #0363b5;
}
ul.category-listing > li:not(.opened):hover a {
  color: white;
}
ul.category-listing > li a {
  display: block;
  width: calc(100% - 1em);
  font-size: 1.25em;
}
/*------------------------------------*\
    #NAVBAR - METROSALES
\*------------------------------------*/

.bigcontent-categories li {
  margin: 0 !important;
}
.bigcontent-categories li:hover {
  background: #0363b5 !important;
}
.bigcontent-categories li > a {
  display: block;
  width: 100% !important;
  padding: .1875em .375em;
}
.bigcontent-categories li > a:hover {
  color: white !important;
  font-style: italic;
}
/*------------------------------------*\
    #MODAL BOX - METROSALES
\*------------------------------------*/

#statusBar {
  margin-top: 35vh;
}
#statusBar h3 {
  text-transform: none !important;
  letter-spacing: 0.1em;
}
#statusBar h3 b {
  font-size: 1.2em;
  text-transform: uppercase;
}
/*------------------------------------*\
    #DASHBOARD PAGE - METROSALES
\*------------------------------------*/

.Ecom-Dashboard .contentText hr {
  border: 4px #c8c8c8;
}
.Ecom-Dashboard .contentText hr:first-child {
  border-top-style: solid;
}
.Ecom-Dashboard .contentText hr:last-child {
  border-bottom-style: solid;
}
.dashboardHeader {
  margin: 0 0 10px 0;
  text-align: center;
}
.dashboardHeader > li {
  display: inline-block;
  list-style-type: none;
  text-align: center;
  max-width: 170px;
  vertical-align: top;
  margin: 5px 10px;
}
.dashboardHeader > li > a {
  font-weight: bold;
}
.dashboardHeader > li > span {
  font-size: .8em;
}
/*------------------------------------*\
    #PRODUCT PAGE - METROSALES
\*------------------------------------*/

.information-attribute {
  font-weight: bold;
}
.configuration-attributes > li.attribute-title {
  font-weight: bold;
  padding: 3px;
}
.configuration-attributes > li.attribute-title:not(:first-child) {
  margin: 5px 0 0;
}
.configuration-attributes::before {
  content: "Configure Your Product";
  background-color: #ff9000;
  color: white;
  padding: 2px 5px;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  text-align: center;
}
#myTab {
  background: none;
}
#myTab > li {
  background: #0c4da2;
}
/*#ProductPageForm {
  	td:nth-child(5), th:nth-child(5) {
    	display: none;  
  	}
}*/

/*------------------------------------*\
    #VIEW FRAME - METROSALES
\*------------------------------------*/

#loading {
  background: url(/img/common/loading-2.gif?fv=9580ED6D7CB2E65DCEE8F133F6E460B9-13140) no-repeat center center;
  height: 100px;
  width: 100px;
  position: fixed;
  z-index: 2000;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
  display: none;
}
a.viewFrame.noImage {
  all: unset;
}
.viewFrame:not(.noImage) {
  display: block;
  background: url("/img/common/adobe-acrobat-pdf-file-256.png?fv=143E9351677D447E3AE74F4455995333-22638") no-repeat center top;
  background-size: 50px;
  text-align: center;
  font-weight: bold;
  color: #0088cc;
  font-variant: all-small-caps;
  font-size: 1.2em;
  line-height: 115px;
  height: 65px;
  width: 100px;
  margin-top: 5px;
}
.viewFrame:not(.noImage).specSheet:after,
.viewFrame.specSheet::after {
  content: "Spec Sheet";
}
#frameClose {
  position: absolute;
  left: 79%;
  top: 3px;
  z-index: 3000;
}
#altFrameView {
  color: white;
  position: relative;
  display: block;
  float: left;
  z-index: 2000;
}
#altFrameLink {
  color: #ffa200;
}
#frameContainer {
  position: fixed;
  background: rgba(64, 64, 64, 0.64);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1500;
}
#frame {
  position: fixed;
  display: block;
  z-index: 1800;
  height: 95%;
  width: 60%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  margin-left: 0px;
  margin-top: 0px;
  overflow-y: hidden;
  background: #404040 !important;
}
/*------------------------------------*\
    #ACCOUNT PAGE - METROSALES
\*------------------------------------*/

.account-icons a {
  display: block;
  color: white;
  font-size: 1.2em;
  padding: 10px;
}
.account-icons a:hover {
  color: white;
}
.account-icons li {
  margin: 5px;
  background: #0c4da2;
}
.account-icons li:hover {
  background: #0363b5;
}
/*------------------------------------*\
    #TEXT
\*------------------------------------*/

.muted {
  color: #555555;
}
.price {
  color: #0c4da2;
  font-weight: 900;
}
/*------------------------------------*\
    #LINKS
\*------------------------------------*/

a[href^="tel:"] {
  color: inherit;
  text-decoration: inherit;
}
/*------------------------------------*\
    #TITLES
\*------------------------------------*/

h1,
h2,
h3,
h4,
h5 {
  text-transform: uppercase;
}
h4,
h5,
h6 {
  font-weight: 500;
  margin-bottom: .27273em;
}
h1 {
  font-weight: 500;
  font-size: 32px;
  font-size: 2rem;
}
h2 {
  font-weight: 400;
  margin-bottom: .42308em;
  font-size: 26px;
  font-size: 1.625rem;
}
h2.product-showcase-title {
  background: #0c4da2;
  color: white;
  font-weight: 500;
  margin-top: .83333em;
  padding: .5em 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}
h3 {
  font-weight: 400;
  margin-bottom: .27273em;
  font-size: 22px;
  font-size: 1.375rem;
}
h4 {
  font-size: 18px;
  font-size: 1.125rem;
}
h5,
h6 {
  font-size: 16px;
  font-size: 1rem;
}
/*------------------------------------*\
    #FORMS
\*------------------------------------*/

label,
input,
button,
select,
textarea {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  font-size: 16px;
  font-size: 1rem;
}
select,
#formQuestion select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  height: 40px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*------------------------------------*\
    #SPRITES AND ICONS
\*------------------------------------*/

.active .fa {
  color: #0363b5 !important;
}
.icon-layout-grid .fa,
.icon-layout-list .fa,
.icon-layout-cat .fa {
  color: #0c4da2;
}
/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/

.btn {
  border: 0 !important;
  line-height: normal !important;
  padding: .78571em 20px !important;
  text-transform: uppercase;
}
.btn:hover,
.btn:active,
.btn:focus {
  background: #0363b5 !important;
  border: 0 !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #ffa200 !important;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background: #0363b5 !important;
}
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
  background: none !important;
}
.btn.btn-small {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  font-size: 12px;
  font-size: 0.75rem;
}
.btn.btn-large,
.btn.btn-view-more {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  font-size: 18px;
  font-size: 1.125rem;
}
.btn.btn-tellafriend {
  line-height: 40px !important;
  padding: 0 !important;
  width: 45px;
  height: 40px;
}
.btn .fa {
  line-height: normal !important;
  vertical-align: baseline;
  font-size: 18px !important;
  font-size: 1.125rem !important;
}
.btn .fa.fa-search,
.btn .fa.fa-shopping-cart {
  top: 0;
}
/*------------------------------------*\
    #TABS
\*------------------------------------*/

.nav-tabs,
.product-detail .nav-tabs {
  background: #0c4da2;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.nav-tabs strong,
.product-detail .nav-tabs strong {
  color: white;
  margin-right: 3px;
}
.nav-tabs > li,
.product-detail .nav-tabs > li {
  margin: 0;
}
.nav-tabs > li.active > a,
.product-detail .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.product-detail .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:active,
.product-detail .nav-tabs > li.active > a:active,
.nav-tabs > li.active > a:focus,
.product-detail .nav-tabs > li.active > a:focus {
  background: #0363b5 !important;
  border: 0;
  color: white;
}
.nav-tabs > li > a,
.product-detail .nav-tabs > li > a {
  border: 0;
  color: white;
  margin: 0;
  padding: 1em 1.78571em .78571em;
  text-transform: uppercase;
}
.nav-tabs > li > a:hover,
.product-detail .nav-tabs > li > a:hover,
.nav-tabs > li > a:active,
.product-detail .nav-tabs > li > a:active,
.nav-tabs > li > a:focus,
.product-detail .nav-tabs > li > a:focus {
  background: #0363b5 !important;
  border: 0;
  color: white;
}
.nav-tabs + .tab-content,
.product-detail .nav-tabs + .tab-content {
  border-color: #cdcdcd;
  border-width: 0 1px 1px;
  padding: 20px;
}
/*------------------------------------*\
    #BREADCRUMB
\*------------------------------------*/

.breadcrumb {
  background: none;
  padding-right: 0;
  padding-left: 0;
}
.breadcrumb > li > .divider {
  padding: 0 .5em;
}
/*------------------------------------*\
    #GENERIC ELEMENTS
\*------------------------------------*/

.well {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus {
  background: #0363b5;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  display: none;
}
.owl-carousel .owl-prev .fa,
.owl-carousel .owl-next .fa {
  color: #555555;
  font-size: 60px !important;
  font-size: 3.75rem !important;
}
.owl-carousel .owl-prev {
  left: 0;
}
.owl-carousel .owl-next {
  right: 0;
}
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/

.main-section-container {
  width: auto;
}
/*------------------------------------*\
    #HEADER
\*------------------------------------*/

header .logos {
  margin: 17px 0 0;
}
header .search .advanced-search {
  font-size: 12px;
  font-size: 0.75rem;
}
header .search > .row-fluid {
  line-height: 1;
}
header form.form-search {
  margin: 0;
  position: relative;
  width: 100%;
}
header form.form-search input[type="text"],
header form.form-search .btn-go {
  height: 35px;
  line-height: 35px;
}
header form.form-search input[type="text"] {
  padding: 0 36px 0 14px;
  width: 85.1%;
}
header form.form-search .btn-go {
  background: none;
  border: 0;
  padding: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
}
header form.form-search .btn-go > .fa {
  color: #555555;
  line-height: 35px;
  vertical-align: baseline;
}
.typeahead {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.typeahead > .active > a {
  background: #0c4da2;
}
.header-nav {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.header-nav > li {
  line-height: normal !important;
  margin: 0 0 0 .57143em;
  padding: 0 !important;
}
.header-nav a {
  color: #141823;
  font-size: 1.4em;
}
.header-nav select {
  height: auto;
  padding: 0;
}
.header-nav .divider:last-child {
  display: none;
}
.header-nav .fa {
  color: inherit;
  font-size: 1em !important;
  vertical-align: baseline;
}
.header-nav .fa.fa-small {
  font-size: .78571em !important;
}
.header-nav .dropdown-menu {
  text-align: left;
}
.header-nav .dropdown-menu li {
  margin: 0;
}
.cart {
  background: none;
  color: #0c4da2;
  font-weight: 700;
  min-height: 0 !important;
}
.cart:hover,
.cart:active,
.cart:focus {
  background: none;
}
body .basket-pop {
  margin-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .basket-pop .btn {
  height: auto;
  line-height: normal !important;
  padding: .78571em 20px !important;
  text-transform: uppercase;
}
body .basket-pop .basket-tools {
  margin-top: 24px;
}
.header-banner {
  background: #e5e5e5;
  padding: 3px 0;
}
.header-banner > .container {
  position: relative;
}
.header-left-content p,
.header-right-content p {
  margin-bottom: 0;
}
.header-left-content p:last-child,
.header-right-content p:last-child,
.header-left-content p:empty,
.header-right-content p:empty {
  margin-bottom: 0;
}
.header-left-content p,
.header-right-content p {
  color: black !important;
}
.header-left-content {
  padding: .25em 0 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.header-right-content {
  font-weight: 500;
  margin-bottom: 2px;
  font-size: 23px;
  font-size: 1.4375rem;
}
.header-right-content a {
  color: inherit;
}
.header-middle {
  padding: 8px 0;
}
/*------------------------------------*\
    #SEARCH FORMS
\*------------------------------------*/

header form.form-search input[type="text"],
.main-navigation .main-navig-search input {
  background: #f6f6f6;
  border-color: #555555;
}
header form.form-search input[type="text"]:focus,
.main-navigation .main-navig-search input:focus {
  background: white;
}
header form.form-search input[type="text"]::-webkit-input-placeholder,
.main-navigation .main-navig-search input::-webkit-input-placeholder {
  color: #555555 !important;
  font-variant: small-caps;
  opacity: 0.5;
}
header form.form-search input[type="text"]::-moz-placeholder,
.main-navigation .main-navig-search input::-moz-placeholder {
  color: #555555 !important;
  font-variant: small-caps;
  opacity: 0.5;
}
header form.form-search input[type="text"]:-ms-input-placeholder,
.main-navigation .main-navig-search input:-ms-input-placeholder {
  color: #555555 !important;
  font-variant: small-caps;
  opacity: 0.5;
}
header form.form-search input[type="text"]::placeholder,
.main-navigation .main-navig-search input::placeholder {
  color: #555555 !important;
  font-variant: small-caps;
  opacity: 0.5;
}
/*------------------------------------*\
    #MAIN NAVIGATION
\*------------------------------------*/

body .section-container-main-navigation {
  margin-bottom: 10px;
}
/* All levels */

/* First level */

.navbar .navbar-inner .nav-collapse > .nav > li > a {
  padding-right: 1.5em;
  padding-left: 1.5em;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  /* hover state */

}
.navbar .navbar-inner .nav-collapse > .nav > li.open > a.dropdown-toggle,
.navbar .navbar-inner .nav-collapse > .nav > li > a:hover,
.navbar .navbar-inner .nav-collapse > .nav > li > a:active,
.navbar .navbar-inner .nav-collapse > .nav > li > a:focus {
  background: #0363b5;
}
/* Submenus and left category menu  */

.navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a,
.navbar .navbar-inner .nav .dropdown-menu > li > a {
  background: #0363b5;
  font-weight: 400;
  line-height: normal;
  width: 270px;
  white-space: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:hover,
.navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:active,
.navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:focus,
.navbar .navbar-inner .nav .dropdown-menu > li > a:hover,
.navbar .navbar-inner .nav .dropdown-menu > li > a:active,
.navbar .navbar-inner .nav .dropdown-menu > li > a:focus,
.navbar .navbar-inner .nav .submenu .submenu-left > ul > li.opened > a,
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu:hover > a,
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu:focus > a {
  background: white !important;
  color: #0c4da2 !important;
}
.navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:hover:after,
.navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:active:after,
.navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:focus:after,
.navbar .navbar-inner .nav .dropdown-menu > li > a:hover:after,
.navbar .navbar-inner .nav .dropdown-menu > li > a:active:after,
.navbar .navbar-inner .nav .dropdown-menu > li > a:focus:after,
.navbar .navbar-inner .nav .submenu .submenu-left > ul > li.opened > a:after,
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu:hover > a:after,
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu:focus > a:after {
  border-left-color: #0c4da2;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu a:after,
.submenu .submenu-left > .nav > li > a.has-content:after {
  border-left-color: white;
  margin-top: 7px;
}
.navbar .navbar-inner .nav .dropdown-menu,
.submenu {
  border: solid #cccccc;
  border-width: 0 1px 1px;
}
/* Submenus */

.navbar .navbar-inner .nav .dropdown-menu > li > a {
  padding: .9375em .9375em .9375em 1.3125em;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
  border: 1px solid #cccccc;
  margin-top: -1px;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu > .dropdown-menu > li:first-child > a {
  padding-top: 1.125em;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu > .dropdown-menu > li:last-child > a {
  padding-bottom: 1.125em;
}
.navbar .navbar-inner .nav .dropdown-menu .dropdown-submenu > .dropdown-menu > li > a {
  background: white;
  color: #141823;
  padding: .6875em 2em;
}
/* Category menu  */

.submenu .submenu-left > .nav > li > a {
  padding: .5em .9375em .5em 1.3125em;
}
.submenu .submenu-bigcontent {
  background: none;
  left: 270px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.submenu .submenu-bigcontent h3 {
  margin: .61538em 0 .34615em;
  font-size: 26px;
  font-size: 1.625rem;
}
.submenu .submenu-bigcontent h3 > a {
  color: #141823 !important;
  font-weight: 500;
  text-transform: uppercase;
}
.submenu .submenu-bigcontent li {
  line-height: normal;
  margin: 0 0 .375em;
}
.submenu .submenu-bigcontent a {
  color: #141823 !important;
  font-weight: 400;
}
.submenu .submenu-bigcontent a:hover,
.submenu .submenu-bigcontent a:active,
.submenu .submenu-bigcontent a:focus {
  background: none !important;
}
/* Fixed navigation */

.f-nav {
  right: 0;
  left: 0;
  margin-left: 0;
  width: auto;
}
.f-nav .navbar .navbar-inner .nav-quicklinks .nav > li > a {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
}
.f-nav .navbar .navbar-inner .nav-quicklinks .nav > li > a > .fa {
  margin-right: .52632em;
  vertical-align: baseline;
  font-size: 19px !important;
  font-size: 1.1875rem !important;
}
.f-nav .main-navig-search {
  padding: 0 0 5px;
}
/*------------------------------------*\
    #HOMEPAGE
\*------------------------------------*/

.homepage .section-container-main-navigation {
  margin-bottom: 0;
}
.homepage h1 {
  margin-bottom: .3125em;
}
.homepage .productbox {
  padding-bottom: 10px !important;
}
.homepage .productbox.configurable .product-ms-code,
.homepage .productbox.configurable .product-code {
  display: none;
}
.homepage .productbox .product-brand,
.homepage .productbox .product-code,
.homepage .productbox .box-price,
.homepage .productbox .box-qty {
  display: none;
}
.homepage .productbox .box-photo {
  margin: 0;
}
.homepage .productbox .product-title,
.homepage .productbox .product-title > a {
  margin: 0 0 2px !important;
  min-height: 0 !important;
}
.homepage .productbox ul.unstyled {
  margin-bottom: 0;
}
.homepage-top-carousel .owl-prev {
  left: 10px;
}
.homepage-top-carousel .owl-next {
  right: 10px;
}
.homepage-slide-content {
  background: #ffa200;
  padding: 25px 30px 25px;
  position: absolute;
  top: 50%;
  right: 0;
  width: 36.33%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.homepage-slide-content h2 {
  font-weight: 300;
  margin-bottom: 2px;
  font-size: 32px;
  font-size: 2rem;
}
.homepage-slide-content h2:first-child {
  margin-top: 0;
}
.homepage-slide-content .ms-btn-container {
  text-align: center;
}
.homepage-slide-content .ms-btn-container a:not(:last-child) {
  margin-bottom: 5px;
}
.homepage-slide-content .btn.btn-slide {
  background: none !important;
  border: 2px solid #141823 !important;
  color: #141823 !important;
  padding: 6px 28px 3px !important;
  font-size: 16px !important;
  font-size: 1rem !important;
}
.home-categories {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.home-cat-box {
  background: #f6f6f6;
  border: 1px solid #cccccc;
  display: block;
  line-height: 1.2;
  position: relative;
  width: 17.7%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.125rem;
}
.home-cat-box:hover {
  background: #e5e5e5;
  text-decoration: none !important;
}
.home-cat-box:hover > .home-cat-title {
  background: #0363b5;
}
.home-cat-box > .home-cat-title {
  background: #0c4da2;
  color: white;
  display: block;
  margin: 0 0 .44444em;
  padding: .33333em 0 .277778em;
}
.no-flexbox .home-cat-box {
  float: left;
  margin: 0 2.76% 0 0;
  min-height: 154px;
}
.no-flexbox .home-cat-box:last-child {
  margin-right: 0;
}
.home-cat-more {
  color: #141823;
  display: block;
  font-weight: 500;
  padding: 0 15%;
  position: absolute;
  top: 50%;
  text-align: left;
  text-transform: uppercase;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home-reseller-btns {
  padding: 76px 0 0;
}
.home-reseller-btns .btn-block {
  font-weight: 500;
  padding: .625em .9375em .4375em 1.875em !important;
  text-align: left;
  margin-bottom: 44px;
  font-size: 16px;
  font-size: 1rem;
}
.home-reseller-btns .btn-block:last-child,
.home-reseller-btns .btn-block:empty {
  margin-bottom: 0;
}
.home-reseller-btns .btn-block .fa {
  font-size: 1.375em !important;
  margin: 0 0 0 2px;
}
.showcase-left .productbox,
.showcase-carousel .owl-stage-outer {
  border: 1px solid #cacaca;
}
.showcase-left form,
.showcase-carousel form,
.showcase-left h2.product-showcase-title,
.showcase-carousel h2.product-showcase-title {
  margin-bottom: 0;
}
.showcase-left .owl-next,
.showcase-carousel .owl-next {
  right: 25px;
}
.showcase-left .owl-prev,
.showcase-carousel .owl-prev {
  left: 25px;
}
.showcase-left .productbox {
  margin-right: 1px;
}
.showcase-carousel .productbox {
  border: 0 !important;
}
/*------------------------------------*\
    #FLEXSLIDER
\*------------------------------------*/

.flexslider {
  margin-bottom: 26px !important;
}
.flexslider .flex-control-nav.flex-control-paging {
  bottom: 10.72555% !important;
  line-height: 1 !important;
  right: 1.36752% !important;
  text-align: right !important;
  z-index: 2 !important;
}
.flexslider .flex-control-nav.flex-control-paging > li {
  margin: 0 0 0 7px !important;
}
.flexslider .flex-control-nav.flex-control-paging > li > a {
  background: white !important;
  font-size: 0 !important;
  width: 9px !important;
  height: 9px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  /* hover state */

  /* active state */

  /* hover and active state */

}
.flexslider .flex-control-nav.flex-control-paging > li > a.flex-active {
  background: #0c4da2 !important;
}
/*------------------------------------*\
    #PRODUCT LISTING
\*------------------------------------*/

#ListingProducts .productbox .product-ms-code,
#ListingProducts .productbox .product-code {
  display: none;
}
#ListingProducts .productbox:not(.configurable) .product-ms-code {
  display: block;
}
#ListingProducts .productbox.configurable .product-ms-code,
#ListingProducts .productbox.configurable .product-code {
  display: none !important;
}
#ListingHeader .filter-by .input-small {
  min-width: 118px;
}
/* Grid and List Layout */

.grid-layout .productbox .product-title,
.list-layout.productbox .product-title > a {
  color: #141823;
  line-height: 1.15 !important;
  font-size: 16px;
  font-size: 1rem;
}
.grid-layout .productbox,
.list-layout.productbox {
  border: 1px solid #cecece;
}
.grid-layout .productbox .price,
.list-layout.productbox .price {
  font-size: 18px;
  font-size: 1.125rem;
}
/* Grid Layout */

.grid-layout .productbox {
  padding-right: 10px;
  padding-bottom: 16px;
  padding-left: 10px;
}
.grid-layout .productbox small {
  font-size: 14px;
  font-size: 0.875rem;
}
.grid-layout .productbox .box-info .product-title {
  margin: 0 0 1.375em;
  min-height: 2.3125em;
}
.grid-layout .productbox .box-info .product-code {
  margin: 0 0 .8125em;
}
.grid-layout .productbox .box-price .price-container {
  border-color: #cecece;
  margin: 10px 0 0;
  padding: 0 0 18px;
}
.grid-layout .productbox .box-price .qty-container {
  margin: 10px 0 14px;
}
.grid-layout .productbox .box-price .qty-container .btn.addtocart {
  background: #0c4da2 !important;
  color: white !important;
  line-height: 40px;
  padding: 0 !important;
  width: 47px;
  height: 40px;
}
.grid-layout .productbox .box-price .qty-container .btn.addtocart:hover,
.grid-layout .productbox .box-price .qty-container .btn.addtocart:active,
.grid-layout .productbox .box-price .qty-container .btn.addtocart:focus {
  background: #0363b5 !important;
}
.grid-layout .productbox .box-price .qty-container .btn.addtocart .fa {
  font-size: 20px !important;
  font-size: 1.25rem !important;
}
.grid-layout .productbox .box-qty small {
  color: #555555;
}
.grid-layout .productbox .box-qty ul {
  margin: 0;
}
/* List Layout */

.list-layout.productbox {
  margin: 0 0 22px !important;
  padding: 15px 0 7px;
}
.list-layout.productbox small {
  color: #555555;
}
.list-layout.productbox .box-price {
  border-color: #cecece;
  padding-left: 25px;
}
.list-layout.productbox .btn.addtocart {
  background: #0c4da2 !important;
  color: white !important;
  padding: 0 !important;
  width: 47px;
  height: 40px;
}
.list-layout.productbox .btn.addtocart:hover,
.list-layout.productbox .btn.addtocart:active,
.list-layout.productbox .btn.addtocart:focus {
  background: #0363b5 !important;
}
.list-layout.productbox .btn.addtocart .fa {
  font-size: 20px !important;
  font-size: 1.25rem !important;
}
.list-layout.productbox .btn-group > .btn {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}
.list-layout.productbox .product-code {
  margin: 0 0 .71429em;
  font-size: 14px;
  font-size: 0.875rem;
}
.list-layout.productbox .product-desc {
  margin: 0 0 .625em;
}
.list-layout.productbox .price-per-quantity.table-condensed .text-left {
  text-align: left !important;
}
/* Purchase list dropdown */

.addtopurchaselist-multiple {
  background: #0c4da2;
}
.addtopurchaselist-multiple > li.divider {
  display: none;
}
.addtopurchaselist-multiple > li > a {
  color: white;
}
/*------------------------------------*\
    #POWER SEARCH
\*------------------------------------*/

#PowerSearchSection label {
  color: #0c4da2;
  margin-bottom: .5em;
}
.ps-sectiontitle {
  margin: .75em 0 .625em;
}
/*------------------------------------*\
    #PRODUCT PAGE
\*------------------------------------*/

.product-detail .product-brand img {
  width: 60%;
}
.product-detail .product-details-desc .viewFrame {
  margin-top: 15px;
}
.product-detail .price {
  font-size: 28px;
  font-size: 1.75rem;
}
.review-stars,
.product-detail .review-stars {
  background: url('/themecms/theme/img/review-stars.png');
}
#zoom-info small.muted {
  color: #555555;
}
#enlarge-info > .fa {
  color: #555555;
  vertical-align: baseline;
}
#enlarge-info > .btn-link {
  color: #555555 !important;
  text-transform: none;
}
#enlarge-info > .btn-link > small {
  font-size: 1em !important;
}
/*------------------------------------*\
    #PRODUCT SELECTOR
\*------------------------------------*/

#frmProductSelector .pagination {
  font-size: 12px;
  font-size: 0.75rem;
}
/*------------------------------------*\
    #DASHBOARD
\*------------------------------------*/

h4.dashboard-title {
  min-height: 2.5em;
}
.metsales-dashboard-layout {
  text-align: left;
}
.metsales-dashboard-layout .productbox {
  padding: 10px 0;
}
.metsales-dashboard-layout .box-photo,
.metsales-dashboard-layout .box-qty,
.metsales-dashboard-layout .box-info {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.metsales-dashboard-layout .box-photo {
  margin-bottom: 0;
}
.metsales-dashboard-layout .product-title {
  margin-top: 0;
}
.metsales-dashboard-layout .product-title a {
  color: inherit;
}
.metsales-dashboard-layout .qty-container li {
  padding: 0 !important;
}
.metsales-dashboard-layout .qty-container .input-mini,
.metsales-dashboard-layout .qty-container .btn.addtocart {
  height: 30px;
}
.metsales-dashboard-layout .qty-container .input-mini {
  font-size: 12px;
  font-size: 0.75rem;
}
.metsales-dashboard-layout .qty-container .btn.addtocart {
  padding: 0 !important;
  width: 30px;
}
.metsales-dashboard-layout .qty-container .btn.addtocart .fa {
  font-size: 16px !important;
  font-size: 1rem !important;
}
.metsales-dashboard-layout .product-brand {
  margin-top: 0;
}
.metsales-dashboard-layout .metsales-productbox-toprow .box-photo,
.metsales-dashboard-layout .metsales-productbox-toprow .box-qty {
  float: left;
}
.metsales-dashboard-layout .metsales-productbox-toprow .box-qty {
  padding-right: 5px;
}
.metsales-dashboard-layout .metsales-productbox-bottomrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.metsales-dashboard-layout .metsales-productbox-bottomrow .box-info {
  padding: 0 8px;
}
.metsales-dashboard-layout .metsales-productbox-bottomrow .box-info:last-child {
  border-left: 1px solid #cecece;
}
.metsales-dashboard-layout .metsales-productbox-bottomrow .box-info .unstyled {
  margin-bottom: 0;
}
/*------------------------------------*\
    #TRACKING
\*------------------------------------*/

/*------------------------------------*\
    #FOOTER
\*------------------------------------*/

footer {
  margin: 43px 0 0;
}
footer > .container {
  width: auto;
}
footer ul {
  margin: 0 0 34px;
}
footer ul > li {
  margin-bottom: 1em;
}
footer ul > li > a {
  color: white !important;
}
footer .footer-title {
  font-weight: 500;
  margin: 0 0 1.0625em;
  text-transform: uppercase;
}
.footer-top {
  background: #e5e5e5;
  padding: 11px 0 5px;
}
.footer-top h4 {
  margin-bottom: .83333em;
}
.footer-middle {
  background: #0c4ca3;
  color: white;
  padding: 35px 0 23px;
}
.footer-bottom {
  color: #141823;
  padding: 8px 0 10px;
}
.footer-bottom p {
  font-size: 14px;
  font-size: 0.875rem;
}
.footer-bottom p:last-child {
  margin-bottom: 0;
}
.footer-bottom p a {
  color: inherit;
}
.footer-partners {
  margin-bottom: 13px;
  padding: 0 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.footer-partner-more {
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
}
/*------------------------------------*\
    #LANGUAGE SPECIFIC STYLING
\*------------------------------------*/

/*------------------------------------*\
    #IE8
\*------------------------------------*/

/*------------------------------------*\
    #IE8
\*------------------------------------*/

.sm-chat-btn,
.sm-send-email-btn {
  background-color: white !important;
}
.sm-chat-btn.sm-queue-state-online {
  background-color: #ff9000 !important;
}
.sm-chat-btn.sm-queue-state-away,
.sm-chat-btn.sm-queue-state-lunch,
.sm-chat-btn.sm-queue-state-backinfew {
  background-color: #0c4da2 !important;
}
#backtotop {
  z-index: 500;
}
/*------------------------------------*\
    #MEDIA QUERIES
\*------------------------------------*/

@media screen {
  
}
@media screen and (max-width: 767px) {
  .ms-ad-section > div {
    width: 100% !important;
    max-height: 500px;
  }
  #shoppingCartPopup .basketpop-pricesection .row-fluid:first-child {
    border-top: 1px solid gray;
    padding-top: 2%;
  }
  header,
  .main-section,
  footer {
    margin-right: 0;
    margin-left: 0;
  }
  .header-banner,
  header > .container,
  .main-navigation,
  .main-section,
  .footer-top,
  .footer-middle,
  .footer-bottom {
    padding-right: 15px;
    padding-left: 15px;
  }
  header .search {
    padding: 0 10%;
  }
  header .search > .row-fluid {
    line-height: normal;
  }
  header .search .advanced-search {
    margin: 0 !important;
    font-size: 16px !important;
    font-size: 1rem !important;
  }
  header form.form-search {
    float: none !important;
    width: auto !important;
  }
  header form.form-search input[type="text"] {
    border: 1px solid #555555;
    margin: 0;
    width: 100%;
  }
  header .logos {
    margin-bottom: 15px;
  }
  body .basket-pop {
    margin-top: 5px;
  }
  .header-left-content,
  .header-right-content {
    margin-bottom: 1em;
    text-align: center;
  }
  .main-navigation .navbar .navbar-inner li a {
    width: auto !important;
  }
  .main-navigation .navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a,
  .main-navigation .navbar > .navbar-inner .nav-collapse .nav .dropdown-menu li > a,
  .main-navigation .level2 .expand.dropdown-submenu > a {
    background: #0363b5;
  }
  .main-navigation .navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:active,
  .main-navigation .navbar > .navbar-inner .nav-collapse .nav .dropdown-menu li > a:active,
  .main-navigation .level2 .expand.dropdown-submenu > a:active,
  .main-navigation .navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:hover,
  .main-navigation .navbar > .navbar-inner .nav-collapse .nav .dropdown-menu li > a:hover,
  .main-navigation .level2 .expand.dropdown-submenu > a:hover,
  .main-navigation .navbar .navbar-inner .nav .submenu .submenu-left > .nav > li > a:focus,
  .main-navigation .navbar > .navbar-inner .nav-collapse .nav .dropdown-menu li > a:focus,
  .main-navigation .level2 .expand.dropdown-submenu > a:focus {
    background: white !important;
  }
  .main-navigation .submenu .submenu-content .bigcontent-categories li,
  .main-navigation .navbar .navbar-inner .dropdown-menu li.dropdown-submenu li.dropdown-submenu {
    margin: 0;
  }
  .main-navigation .submenu .submenu-content .bigcontent-categories li a,
  .main-navigation .navbar .navbar-inner .dropdown-menu li.dropdown-submenu li.dropdown-submenu a {
    background: white !important;
    color: #141823 !important;
    font-weight: 400 !important;
  }
  .main-navigation .submenu .submenu-content .bigcontent-categories li a:active,
  .main-navigation .navbar .navbar-inner .dropdown-menu li.dropdown-submenu li.dropdown-submenu a:active,
  .main-navigation .submenu .submenu-content .bigcontent-categories li a:hover,
  .main-navigation .navbar .navbar-inner .dropdown-menu li.dropdown-submenu li.dropdown-submenu a:hover,
  .main-navigation .submenu .submenu-content .bigcontent-categories li a:focus,
  .main-navigation .navbar .navbar-inner .dropdown-menu li.dropdown-submenu li.dropdown-submenu a:focus {
    color: #0c4da2 !important;
    background: white !important;
  }
  .home-categories {
    display: block;
  }
  .home-cat-box {
    display: inline-block;
    margin: 0 2% 2%;
    vertical-align: top;
    width: 154px;
    height: 155px;
  }
  .home-reseller-btns {
    padding-top: 0;
  }
  .home-reseller-btns .pull-right {
    float: right !important;
  }
  .homepage-slide-content {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .owl-carousel.homepage-top-carousel .owl-item img.homepage-slide-img {
    width: 100% !important;
  }
  .account-icons a {
    border: 1px solid #0c4da2 !important;
    background: #0c4da2;
    color: white !important;
    padding: 0 10px !important;
    line-height: 37px !important;
    text-decoration: none !important;
    text-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    -o-transition: 0s !important;
    transition: 0s !important;
    overflow: hidden;
    margin-top: 0 !important;
    white-space: normal;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 0 !important;
    line-height: normal !important;
    padding: .78571em 20px !important;
    text-transform: uppercase;
    background-color: #0c4da2 !important;
  }
  .account-icons a:hover {
    background: #072b5b !important;
    border: 1px solid #072b5b !important;
  }
  .account-icons a:active {
    background: #1d1d1d !important;
  }
  .account-icons a:focus {
    background: #0c4da2;
  }
  .account-icons a .caret {
    margin-top: 17px;
  }
  .account-icons a.btn-vspacer {
    margin-bottom: 5px !important;
  }
  .account-icons a.btn-link {
    border: 0 !important;
    background: none !important;
    text-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #0c4da2 !important;
    text-decoration: none !important;
  }
  .account-icons a.btn-link:hover,
  .account-icons a.btn-link:active,
  .account-icons a.btn-link:focus {
    color: #0c4da2 !important;
    text-decoration: underline !important;
  }
  .account-icons a.btn-large {
    font-size: 2em;
    padding: 10px 20px !important;
  }
  .account-icons a.btn-mini {
    font-size: 12.5px !important;
  }
  .account-icons a.btn-mini .caret {
    margin-left: 3px;
    margin-top: 6px;
  }
  .account-icons a.btn-mini.dropdown-toggle {
    border-left: 1px solid black !important;
    margin-left: 4px !important;
  }
  .account-icons a.addtopurchaselist-caret .caret {
    border-bottom-color: white;
    border-top-color: white;
  }
  .account-icons a.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: not-allowed;
  }
  .account-icons a:hover,
  .account-icons a:active,
  .account-icons a:focus {
    background: #0363b5 !important;
    border: 0 !important;
  }
  .account-icons a-primary:hover,
  .account-icons a-primary:active,
  .account-icons a-primary:focus {
    background: #ffa200 !important;
  }
  .account-icons a-secondary:hover,
  .account-icons a-secondary:active,
  .account-icons a-secondary:focus {
    background: #0363b5 !important;
  }
  .account-icons a-link:hover,
  .account-icons a-link:active,
  .account-icons a-link:focus {
    background: none !important;
  }
  .account-icons a.btn-small {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .account-icons a.btn-large,
  .account-icons a.btn-view-more {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .account-icons a.btn-tellafriend {
    line-height: 40px !important;
    padding: 0 !important;
    width: 45px;
    height: 40px;
  }
  .account-icons a .fa {
    line-height: normal !important;
    vertical-align: baseline;
    font-size: 18px !important;
    font-size: 1.125rem !important;
  }
  .account-icons a .fa.fa-search,
  .account-icons a .fa.fa-shopping-cart {
    top: 0;
  }
  .account-icons a:hover {
    background: #1064d1 !important;
    border: 1px solid #1064d1 !important;
  }
  .account-icons a:active {
    background: #083673 !important;
  }
  .account-icons a:focus {
    background-color: #0c4da2 !important;
  }
  .account-icons a.dropdown-toggle {
    border-left: 1px solid white !important;
  }
  .account-icons a:hover,
  .account-icons a:active,
  .account-icons a:focus {
    border: 0 !important;
  }
  h4.dashboard-title {
    min-height: 0;
    text-align: center;
  }
  .metsales-dashboard-layout {
    text-align: center;
  }
  .metsales-dashboard-layout > div {
    display: inline-block;
    max-width: 300px;
  }
  footer {
    text-align: center;
  }
  footer .footer-title {
    margin-top: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .main-navigation {
    background: #0c4da2;
  }
  .showcase-left .grid-layout > div {
    float: left;
    margin: 0 2.5974% 0 0;
    width: 31.55844%;
  }
  .showcase-left .grid-layout > div:last-child {
    margin-right: 0;
  }
  td.tracking-num {
    max-width: 200px;
  }
}
@media screen and (max-width: 979px) and (min-width: 768px) {
  .header-nav {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .header-right-content {
    font-size: 14px;
    font-size: 0.875rem;
  }
  body .basket-pop {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .f-nav .nav a[title="Contact Us"] {
    display: none;
  }
  .nav a[title="Brands"],
  .nav a[title="About Us"] {
    display: none;
  }
  .home-cat-box {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .home-reseller-btns {
    padding-top: 65px;
  }
  .home-reseller-btns .btn-block {
    padding-left: 12px !important;
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .home-reseller-btns .btn-block:last-child,
  .home-reseller-btns .btn-block:empty {
    margin-bottom: 0;
  }
  .home-reseller-btns .btn-block .fa {
    font-size: 1em !important;
  }
  .homepage-slide-content {
    padding: 10px;
  }
  .homepage-slide-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .homepage-slide-content p {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .basket-list .basket-list-item .basket-item-price h3 {
    white-space: nowrap;
    font-size: 16px;
    font-size: 1rem;
  }
  .list-layout.productbox .btn.addtocart {
    margin-top: 5px !important;
  }
  .metsales-dashboard-layout {
    text-align: center;
  }
  .metsales-dashboard-layout .metsales-productbox-toprow .box-photo,
  .metsales-dashboard-layout .metsales-productbox-toprow .box-qty {
    float: none;
    margin-bottom: 10px;
    width: 100%;
  }
  .metsales-dashboard-layout .metsales-productbox-bottomrow {
    display: block;
  }
  .metsales-dashboard-layout .metsales-productbox-bottomrow .box-info {
    margin-bottom: 10px;
    width: 100%;
  }
  .metsales-dashboard-layout .metsales-productbox-bottomrow .box-info:last-child {
    border-left: 0;
  }
}
@media screen and (max-width: 979px) {
  #ms-navBtnContainer,
  #ms-navInfoContainer {
    width: 100% !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 980px) {
  .header-right-content {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .section-container-main-navigation .nav a[title="About Us"] {
    display: none;
  }
  .home-reseller-btns .btn-block {
    margin-bottom: 28px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .home-reseller-btns .btn-block:last-child,
  .home-reseller-btns .btn-block:empty {
    margin-bottom: 0;
  }
  .homepage-slide-content {
    padding: 20px;
  }
  .basket-list .basket-list-item .basket-item-price h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .metsales-dashboard-layout .qty-container {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  #shoppingCartPopup {
    max-width: 420px;
    right: 0;
    left: auto;
  }
  #shoppingCartPopup:not(.basket-pop-fixed) {
    margin-top: 10px;
  }
  #shoppingCartPopup.basket-pop-fixed {
    /*left: calc(~"100% - 230px");*/
    left: 75%;
  }
  #shoppingCartPopup .basketpop-body {
    margin-top: 0;
    padding-top: 0;
  }
  #shoppingCartPopup .basketpop-item {
    margin: 0;
    width: 100%;
    margin-bottom: 5px;
  }
  #shoppingCartPopup .basketpop-previewsection {
    width: 100% !important;
  }
  #shoppingCartPopup .basketpop-photo {
    min-width: auto;
  }
  #shoppingCartPopup .basketpop-description {
    width: 36% !important;
    margin-left: 1% !important;
  }
  #shoppingCartPopup .basketpop-qty {
    width: 11%;
  }
  #shoppingCartPopup .basketpop-price {
    width: 30% !important;
    font-size: 0.95em;
    margin-left: 1%;
  }
  #shoppingCartPopup .basketpop-pricesection {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin-left: 0 !important;
  }
  #shoppingCartPopup .basketpop-pricesection .row-fluid:first-child > div:last-child {
    border-top: 1px solid gray;
    padding-top: 5px;
  }
}
@media screen and (min-width: 980px) {
  #shoppingCartPopup .basketpop-description {
    width: 45% !important;
  }
  #shoppingCartPopup .basketpop-price {
    width: 25% !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .main-navigation.f-nav .nav a[title="Brands"],
  .main-navigation.f-nav .nav a[title="About Us"] {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .product-sections .section-Images {
    display: none;
  }
  .product-sections .section-Info {
    display: flex;
    align-items: baseline;
  }
  .product-sections .section-Info > div {
    width: 38%;
  }
  .product-sections .section-Info .ms-section-Images {
    display: block;
  }
  .product-sections .section-bg {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  
}