/*---Reset styles---*/
/*
 *  Reset
 *
 *  This File provides a MASTER reset to MOST CSS
 *  objects to bring MOST elements to about the same
 *  rendering cross browser and cross platform.
 *
 *  This Reset is from: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
/* fieldset, */ form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */

table th:first-child {
  border-top-left-radius: 4px;
}

table th:last-child {
  border-top-right-radius: 4px;
}

.ajs-error {
  color: white;
}
.ajs-success {
  color: white;
}

.b-row {
  margin-right: -15px;
  margin-left: -15px;
}

body {
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
blockquote,
q {
  quotes: '' '';
}
fieldset {
  border: 1px solid #666666;
}
hr {
  border: 0;
  border: 1px solid #cccccc;
}
/*
 * This file provides a "BASE" to define most of the common
 * css/html attributes.  This is applied AFTER a reset.
 * This is the default base used by YUI2.  This should make
 * MOST grade "A" browsers appear remarkably similar.
 *
 * This file is from: http://developer.yahoo.com/yui/base/
 *
 * This file has been expanded to provide a good deal of
 * generic classes that can be applied to many other items
 * including Gradients/Frames/Popouts/Rotational Transformations.
 */

/* base.css, part of YUI's CSS Foundation */
@viewport {
  width: device-width;
  height: device-height;
}
body {
  background-color: #ffffff; /* tan #E6E6DC; */
  font-family: Roboto, -apple-system, 'Helvetica Neue', sans-serif;
  line-height: 110%;
}
h1 {
  /*18px via YUI Fonts CSS foundation*/
  font-size: 138.5%;
}
h2 {
  /*16px via YUI Fonts CSS foundation*/
  font-size: 123.1%;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  /*bringing boldness back to headers and the strong element*/
  font-weight: bold;
}
abbr,
acronym {
  /*indicating to users that more info is available */
  border-bottom: 1px dotted #000;
  cursor: help;
}
em {
  /*bringing italics back to the em element*/
  font-style: italic;
}

ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
}
ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
}

caption {
  /*coordinated marking to match cell's padding*/
  /*centered so it doesn't blend in to other content*/
  text-align: center;
}

/* Fixed width font display */
pre,
code {
  font-family: 'Courier New', Courier, 'Nimbus Mono L', monospace;
}
/*Remove the Confluence menu bar from the B2B interface*/
div#zen-toolbar-hotspot {
  display: none !important;
}
/*Reset*/
html,
body,
div,
section,
nav,
header,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  text-decoration: none;
}
:focus {
  outline: 0;
}
body {
  color: #666;
  background: white;
  font-family: 'Helvetica neue', arial, sans-serif;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
blockquote,
q {
  quotes: '' '';
}
div {
  -moz-box-sizing: inherit;
}
input,
textarea,
select {
  border: none;
  padding: 0;
  margin: 0; /*-webkit-appearance:none; -moz-appearance:none;*/
  border-radius: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #efebe4;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #efebe4;
  opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #efebe4;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #efebe4;
}
/*Brs master*/
.clear-fix {
  clear: both;
}
.hidden {
  display: none;
}
/************/
/*Path*/
/************/
.path {
  margin: 0 1rem;
}
.path div,
.path p {
  color: #9ea0a0;
  width: 100%;
  cursor: default;
  margin-bottom: 0;
}
.path div span,
.path p span {
  margin: 0 0.5rem;
}
.path div strong,
.path p strong {
  color: #595959;
}
/*Global styles*/
.orange {
  color: blue;
}
a.orange:hover {
}
.orangeFlyout {
  color: #ee8900;
  display: inline-block;
  float: right;
  margin: 0px 1em 0px 0px;
}
.pointer {
  cursor: pointer;
}
#cartBlock {
  display: none;
}
table {
  width: 100%;
  color: black;
}

table th,
table tbody tr.footerRow {
  text-transform: capitalize;
  background-color: #313131;
  color: #fff;
  font-weight: bold;
  padding: 5px 8px;
  text-align: left;
  vertical-align: middle;
  height: 30px;
  font-weight: 500;
  font-family: Roboto, -apple-system, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 15px;
}
table th.center,
table td.center {
  text-align: center;
}
table tr {
  color: black;
}
table td {
  font: inherit;
  padding: 8px;
  vertical-align: middle;
}
.realOptions table td {
  max-width: 50px;
  text-wrap: wrap;
}
table td a {
  color: #ee8900;
}
table td a.radio {
  margin: 0 !important;
}
/***************/
/*Master styles*/
/***************/
:focus {
  outline: 0;
}
body {
  font-size: 83%;
  line-height: 1;
  color: black;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
blockquote,
q {
  quotes: '' '';
}
fieldset {
  border: 1px solid #666666;
}
hr {
  border: 0;
  border: 1px solid #cccccc;
}
/*
 * This file provides a "BASE" to define most of the common
 * css/html attributes.  This is applied AFTER a reset.
 * This is the default base used by YUI2.  This should make
 * MOST grade "A" browsers appear remarkably similar.
 *
 * This file is from: http://developer.yahoo.com/yui/base/
 *
 * This file has been expanded to provide a good deal of
 * generic classes that can be applied to many other items
 * including Gradients/Frames/Popouts/Rotational Transformations.
 */

/* base.css, part of YUI's CSS Foundation */
@viewport {
  width: device-width;
  height: device-height;
}
body {
  background-color: #ffffff; /* tan #E6E6DC; */
  font-family: Arial, sans-serif;
  line-height: 110%;
}
h1 {
  /*18px via YUI Fonts CSS foundation*/
  font-size: 138.5%;
}
h2 {
  /*16px via YUI Fonts CSS foundation*/
  font-size: 123.1%;
}
h3 {
  /*14px via YUI Fonts CSS foundation*/
  font-size: 108%;
}
h1,
h2,
h3 {
  /* top & bottom margin based on font size */
  margin: 1em 0 0.4em 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  /*bringing boldness back to headers and the strong element*/
  font-weight: bold;
}
abbr,
acronym {
  /*indicating to users that more info is available */
  border-bottom: 1px dotted #000;
  cursor: help;
}
em {
  /*bringing italics back to the em element*/
  font-style: italic;
}
blockquote,
ul,
ol,
dl {
  /*giving blockquotes and lists room to breath*/
}
ol,
ul,
dl {
  /*bringing lists on to the page with breathing room */
}
ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
}
ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
}
li {
}
dl dd {
  /*giving UL's LIs generated numbers*/
}
th,
td {
  /*borders and padding to make the table readable*/
  /* Prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
th {
  /*distinguishing table headers from data cells*/
  /*font-weight:bold;
  text-align:center;*/
}
caption {
  /*coordinated marking to match cell's padding*/
  margin-bottom: 0.5em;
  /*centered so it doesn't blend in to other content*/
  text-align: center;
}

/* Fixed width font display */
pre,
code {
  font-family: 'Courier New', Courier, 'Nimbus Mono L', monospace;
}
/* BRS Assignments */

#mypreferences input {
  border: solid 1px #666666 !important;
}
table tbody td.smallText {
  font-size: 1ex;
}
td.vAlign {
  vertical-align: middle;
}
input[type='button'],
input[type='submit'] {
  border-radius: 3px;
  background-color: #434346;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  border-style: none;
  padding: 0.7rem 1.3rem;
}
input[type='button']:hover:enabled,
input[type='submit']:hover:enabled,
input[type='button']:focus:enabled,
input[type='submit']:focus:enabled {
  background-color: #ee8900;
  cursor: pointer;
}
input[type='button']:active,
input[type='submit']:active {
  position: relative;
  top: 1px;
}
input.large {
  font-size: 2.2ex;
}
/* Set background color for focused input elements */
input[type='text']:focus {
  background-color: rgb(239, 238, 201);
}
input[type='password']:focus {
  background-color: rgb(239, 238, 201);
}
header {
  margin: 0 auto;
  position: relative;
  /* background-color: #2f5568; green */
  /* background-color: #3F5667; */ /* blue  #3F5667 */
  background-color: #ffffff;
  /* color: #7d7d7e; */
  color: #ffffff;
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  font-height: 2ex;
  font-family: Arial, sans-serif;

  /* prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
header.specialHeaderText {
  background-color: #434346;
  color: #ffffff;
  text-align: center;
  font-size: 1.25em;
  padding: 10px;
  font-family: Arial, sans-serif;

  /* prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
a {
  color: #3f5667;
}
a:hover {
  color: #e58e1a;
}
.r-actionbuttonarea,
.l-actionbuttonarea {
  text-align: center;
}
.r-actionbuttonarea {
  float: right;
  padding: 0.5em;
}
.l-actionbuttonarea {
  float: left;
  padding: 0.5em;
}

/* Left Column */
.leftNavigation {
  /* width: 15%; */
  width: 215px;
  /* min-width: 164.5px;  min-width: 212px */
  font-family: Arial, sans-serif;
  background-color: #7d7d7e;
  color: #ffffff;
  float: left;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /* margin-left: 2.5em; */
}
.leftNavigation header,
.leftNavigation div.subHeader {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  background-color: #434247;
  /* background-color: #434346; */
  color: #fff;
  padding: 13px 0 13px 29px;
  text-transform: uppercase;

  /* prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
.leftNavigation div.subHeader {
  background-color: #58585a;
  /* color: #2F5568; */
}
.leftNavigation .list,
.activeList {
  color: #fff;
  font-size: 12px;
  display: block;
  line-height: 1.2em;
  text-decoration: none;
  padding: 6px 0px 6px 29px;
  /* prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
.leftNavigation .list:hover {
  color: #f68a1e;
  background-color: #434247;
}
.leftNavigationNI {
  width: 215px;
  font-family: Arial, sans-serif;
  background-color: #7d7d7e;
  color: #ffffff;
  float: left;
}
.leftNavigationNI header,
.leftNavigationNI div.subHeader {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  background-color: #434247;
  color: #fff;
  padding: 13px 0 13px 29px;
  text-transform: uppercase;
  /* prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
.leftNavigationNI div.subHeader {
  background-color: #58585a;
}
.leftNavigationNI .list,
.activeList {
  color: #fff;
  font-size: 12px;
  display: block;
  line-height: 1.2em;
  text-decoration: none;
  padding: 6px 0px 6px 29px;
  /* prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
.leftNavigationNI .list:hover {
  color: #f68a1e;
  background-color: #434247;
  /* border-bottom: 1px solid #E58E1A; */
}
.activeList {
  color: #e58e1a;
  /* border-bottom: 1px solid #E58E1A ; */

  /* prevent padding from increasing width */
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
/* Center Column */
/* .maincontent{;float: left;margin:0 0 0 .5em;width: 73%;}  */
/* Right Column */
.rightcontent {
  float: left;
  margin: 0;
}
/* General */
.redlink,
.bluelink,
.greenlink,
.whitelink {
  font-size: 1.75ex;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}
.redlink,
.redtext {
  color: #820202;
}
.bluelink,
.bluetext {
  color: #004283;
}
.greenlink,
.greentext {
  color: #377712;
}
.whitelink,
.whitetext {
  color: #ffffff;
}
.hotitem {
  color: #377712;
  font-style: italic;
  font-weight: bold;
}
.clear {
  clear: both;
}
.spanLabel1 {
  width: 1em;
}
.spanLabel2 {
  width: 2em;
}
.spanLabel3 {
  width: 3em;
}
.spanLabel4 {
  width: 4em;
}
.spanLabel5 {
  width: 5em;
}
.spanLabel6 {
  width: 6em;
}
.spanLabel {
  width: 8em;
}
.spanLabel10 {
  width: 10em;
}
.spanLabel11 {
  width: 11em;
}
.spanLabel12 {
  width: 12em;
}
.spanLabel13 {
  width: 13em;
}
.spanLabel14 {
  width: 14em;
}
.spanLabel15 {
  width: 15em;
}
.spanLabel16 {
  width: 16em;
}
.spanLabel18 {
  width: 18em;
}
span[class^='spanLabel'] {
  float: left;
  text-align: right;
  margin: 0.25em;
  display: inline-block;
}
span[class^='spanLabel'] + span {
  display: inline-block;
  margin: 0.25em;
}
span[class^='spanLabel'] + select {
  margin: 0.5em;
}
.loadingMessageContainer {
  display: none;
  vertical-align: middle;
  position: fixed;
  left: 40%;
  top: 40%;
  background: #e4e4e4;
  padding: 100px;
  border: 2px solid #ee8900;
  opacity: 0.8;
  z-index: 9999;
}
.loading {
  background: url(/styles/images/loading_orange.gif) no-repeat center center;
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  margin: auto;
}
.loading.md {
  background-size: 100% auto;
  width: 25px;
  height: 25px;
}
.loading.sm {
  background-size: 100% auto;
  width: 16px;
  height: 16px;
}
.loadingtext {
  text-align: center;
  padding: 0.5em;
}
.vhCenter {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.b-rowhover,
.trSelected {
  background-color: #c6c6c6;
  padding: 1px;
  border-style: inset;
  /*  border: 1px solid #CCCCCC;   */
}
.printButton {
  width: 7em;
  height: 2.75em;
  color: #fff;
  text-align: center;
}
.upperCase {
  text-transform: uppercase;
}
.paidfreight {
  color: #820202 !important;
}
.freefreight {
  color: #24b24a !important;
}
.freefreightaddonfees {
  color: #004283 !important;
}
.grayButton {
  background-color: #9b9b9b;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  padding: 7px 12px;
  border: none;
}

.grayButton:hover {
  background-color: #f68a1e;
  color: white !important;
}

.greyButton.disabled {
  background-color: #c4c4c4 !important;
  cursor: default;
}
.productsMenu .newlogentry {
  background-image: url('/graphics/new_icon.png') !important;
  background-repeat: no-repeat;
  background-position: right 0px top;
}
.newlogentry {
  background-image: url('/graphics/newtext.png');
  /* background-position: left top, right bottom;
    background-repeat: no-repeat; */
  /* color: #ffffff; */
}
#pageTitle {
  width: 100%;
  height: 30px;
  margin: 0 0 1em 0;
  background-color: #434346;
  color: #ffffff;
  text-align: center;
}
#pageTitle .pagetitleprintarea {
  width: 10%;
  float: left;
}
#pageTitle .pagetitletextarea {
  width: 80%;
  padding: 0.5em 0;
  float: left;
  margin: auto;
  text-align: center;
  font-size: 12pt;
}

/* Set message box header and body text */
.error > header,
.message > header,
.success > header,
.warning > header {
  text-align: left;
  /* background-color: #A3A48F; */
  text-transform: Uppercase;
  font-size: 14px;
  font-weight: bold;
}
/* Icons */
.brslogo,
.help,
.undo,
.close {
  background-repeat: no-repeat;
  margin: auto;
  cursor: pointer;
}
.brslogo {
  background-image: url('/styles/logos/brs_logo_test.png');
  width: 130px;
  height: 82px;
}
.help {
  background-image: url('/styles/icons/question-icon-15px.png');
  width: 15px;
  height: 15px;
}
.help:hover {
  background-image: url('/styles/icons/question-icon-hover-15px.png');
}

.promotionsHighlight {
  color: #f68a1e;
  cursor: pointer;
  font: 13px/13px Helvetica, arial;
}

.undo {
  background-image: url('/styles/icons/undo-icon-15px.png');
  width: 15px;
  height: 15px;
}
.undo:hover {
  background-image: url('/styles/icons/undo-icon-15px-hover.png');
}
.close {
  background-image: url('/styles/icons/close-x-icon-25px.png');
  width: 25px;
  height: 25px;
}
.close:hover {
  background-image: url('/styles/icons/close-x-icon-25px-hover.png');
}
.expandList,
.collapseList {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
}
.expandList {
  background-image: url('/styles/icons/bullet_toggle_plus_16x16.png');
}
.collapseList {
  background-image: url('/styles/icons/bullet_toggle_minus_16x16.png');
}

.helpModalArea,
#estFrtBreakDownArea {
  float: right;
  margin: 0 0 0 0.25em;
}
.helpModal,
.expandIcon {
  float: left;
}
/* Provide a way to frame images */
img.present {
  background-color: #fff;
  padding: 0.4em;
  margin: 0.8em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 3px 4px #444;
  -webkit-box-shadow: 0px 3px 4px #444;
  box-shadow: 0px 3px 4px #444;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#444444')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#444444');
}
.hilite {
  background-color: #fff95f;
  color: #000;
}
.cancelbutton-red-16x16 {
  width: 16px;
  height: 16px;
  text-align: center;
  color: #820202;
  font-weight: bold;
  line-height: 16px;
  font-size: 15px;
  font-family: Arial, sans-serif;
  cursor: pointer;
}
.cancelbutton-red-16x16:hover {
  color: #fff;
  background: #820202;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset -3px -3px 3px rgba(087, 087, 087, 0.5);
  box-shadow: inset -3px -3px 3px rgba(087, 087, 087, 0.5);
}
.cancelbutton-blue-16x16 {
  width: 16px;
  height: 16px;
  text-align: center;
  color: #70add3;
  font-weight: bold;
  line-height: 16px;
  font-size: 15px;
  font-family: arial, sans-serif;
  cursor: pointer;
}
.cancelbutton-blue-16x16:hover {
  color: #fff;
  background: #70add3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset -3px -3px 3px rgba(087, 087, 087, 0.5);
  box-shadow: inset -3px -3px 3px rgba(087, 087, 087, 0.5);
}
.cancelbutton-bluepng-16x16 {
  display: block;
  width: 16px;
  height: 16px;
  margin: 4px auto;
  color: #339;
  font-weight: bold;
  text-decoration: none;
  background: transparent url(/styles/images/q-sprites.gif) 0 -64px no-repeat;
}
.cancelbutton-bluepng-16x16:hover {
  background-position: -32px -64px;
  cursor: pointer;
}

.cancelbutton-tanpng-16x16 {
  display: block;
  background-image: url('/styles/icons/close-x-icon-16px.png');
  width: 16px;
  height: 16px;
}
.cancelbutton-tanpng-16x16:hover {
  background-image: url('/styles/icons/close-x-icon-16px-hover.png');
  cursor: pointer;
}
.redbutton {
  /* fallback/image non-cover color */
  background-color: #b23426;
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#b23426),
    to(#932b20)
  );
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #b23426, #932b20);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #b23426, #932b20);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #b23426, #932b20);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #b23426, #932b20);
  display: block;
  height: 39px;
  width: 159px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 3px 3px 4px #444;
  -webkit-box-shadow: 3px 3px 4px #444;
  box-shadow: 3px 3px 4px #444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
  color: #fff;
  line-height: 39px;
  text-decoration: none;
  font-size: 13px;
}
.redbutton:hover {
  /* fallback/image non-cover color */
  background-color: #b23426;
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#932b20),
    to(#b23426)
  );
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #932b20, #b23426);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #932b20, #b23426);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #932b20, #b23426);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #932b20, #b23426);
  display: block;
  height: 39px;
  width: 159px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 3px 3px 4px #444;
  -webkit-box-shadow: 3px 3px 4px #444;
  box-shadow: 3px 3px 4px #444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
  color: #fff;
  line-height: 39px;
  text-decoration: none;
  font-size: 13px;
}
#colorKey {
  padding: 0.5em 0 0 0.5em;
  color: #3f4f5a;
  font-weight: bold;
}
.closeout {
  color: #b81f24;
}
.flyer {
  color: #3951a3;
}
.allocated {
  color: #ee8900 !important;
}
.oversize {
  font-weight: bold;
  color: #000;
}
.new,
.newitem {
  color: #377712 !important;
}
.salesgreen {
  color: #377712;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.smallText {
  font-size: 12px;
  line-height: auto;
}
/*Instaserarch*/
body .autoSuggest .right {
  padding: 0;
  text-align: left;
}

a:hover,
a:active {
  color: #ff7733;
  text-decoration: none;
}
div.pagetitle {
  height: 30px;
  margin: 0 0 1em 0;
  background-color: #434346;
  color: #ffffff;
  padding: 0.5em;
  text-align: center;
}
div.pagetitletext1 {
  width: 100%;
  height: 30px;
  margin: 0 0 1em 0;
  position: relative;
  background-color: #434346;
  color: #ffffff;
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  font-height: 2ex;
}
div.pagetitlepadded {
  height: 50px;
  margin: 0 0 1em 0;
  background-color: #0075bf;
  color: #ffffff;
  padding: 0.5em;
  text-align: center;
}
div.pagetitleprint {
  width: 10%;
  float: left;
}
div.pagetitletextfull {
  width: 98%;
  margin: auto;
  text-align: center;
  padding: 0.5em 0 0 0;
  font-size: 12pt;
}
div.pagetitletext {
  width: 80%;
  float: left;
  margin: auto;
  text-align: center;
  padding: 0.5em 0 0 0;
  font-size: 12pt;
}
div.pagetitletext span.pttmain {
  color: #ffffff;
  font-size: 12pt;
}
div.pagetitletext span.pttsub {
  margin: 0 0 0 1em;
  color: #efeec9;
  font-size: 10pt;
  text-decoration: italic;
}

/* --------------------------------------------- */
/* END Default (ws/tools/title.p / default.css   */
/* --------------------------------------------- */

/* Bread Crumbs */
#breadCrumbLinks {
  padding: 5px 0px 15px 0px;
  width: 100%;
  display: block;
  margin: 0 0 0 2.5em;
}
#breadCrumbLinks span {
  display: inline-block;
  padding: 1px 35px 1px 10px;
  font-size: 12px;
  line-height: 24px;
  background-color: #c5c3c4;
  color: #000000;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#breadCrumbLinks span.subcrumb {
  /* background: url('/styles/icons/close-x-icon-25px.png') right no-repeat; */
  background-color: #c5c3c4;
}
#breadCrumbLinks span.navbreadcrumb {
  color: #000000;
  /*background-image: url('/styles/icons/close-x-icon-16px.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;*/
}
#breadCrumbLinks span.navbreadcrumb:hover {
  cursor: pointer;
  font-weight: bold;
}
#breadCrumbLinks span.navbreadcrumb:hover {
  /*color: #D98719;
    background-image: url('/styles/icons/close-x-icon-16px-hover.png');*/
}

#breadCrumbLinks img {
  margin-bottom: -10px;
}

/* TAG USED FOR COMPARE ITEMS */
@media only screen and (min-width: 270px) and (max-width: 1080px) {
  .hide-768 {
    display: block !important;
    white-space: normal;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .specsStyling .grayBackground:nth-child(even) {
    padding-left: 15px;
    margin-left: 15px;
    width: 91.8% !important;
  }
}

@media only screen and (min-width: 270px) and (max-width: 1081px) {
  .hide-768 {
    display: block !important;
    white-space: normal;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .specsStyling .grayBackground:nth-child(even) {
    padding-left: 15px;
    margin-left: 15px;
    width: 91.8% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
}

/***********************
Modal Window
EXAMPLE:
<div class="modalwindow">
    <div class="overlay-container">
        <div class="window-container zoomout">
            <h3>Hello I'm zoom OUT modal window</h3>
            I'm coming using scale transform, using transform: scale() <br>
            From <strong>scale(1.2)</strong> to scale(1) with transition property make me looks like <strong>come from you</strong>
            <img src="http://www.webstuffshare.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  <br>
            <span class="close">Close Me</span>
        </div>
    </div>
</div>
***********************/
.modalwindow h2 {
  margin: 2em;
  font-family: 'Oleo Script';
  font-weight: normal;
  font-size: 30px;
  color: #673717;
}
.modalwindow a,
.modalwindow a:visited {
  display: block;
  margin-top: 2em;
  font-family: 'Oleo Script';
  font-size: 20px;
  color: #673717;
  text-decoration: none;
}
.modalwindow a:hover {
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.modalwindow .button {
  display: inline-block;
  margin-right: 0.5em;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4),
    0px 0px 25px rgba(0, 0, 0, 0.3);

  padding: 20px 20px;
  border: 1px solid #562f15;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-shadow: 1px 1px 1px #7f130a;
  border-radius: 3px;
  cursor: pointer;
  background: rgb(147, 80, 36);
  background: -moz-linear-gradient(
    top,
    rgba(147, 80, 36, 1) 19%,
    rgba(106, 58, 26, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(19%, rgba(147, 80, 36, 1)),
    color-stop(100%, rgba(106, 58, 26, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(147, 80, 36, 1) 19%,
    rgba(106, 58, 26, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(147, 80, 36, 1) 19%,
    rgba(106, 58, 26, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(147, 80, 36, 1) 19%,
    rgba(106, 58, 26, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(147, 80, 36, 1) 19%,
    rgba(106, 58, 26, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#935024', endColorstr='#6a3a1a',GradientType=0 );
}
.modalwindow .button:hover {
  background: rgb(167, 91, 41);
  background: -moz-linear-gradient(
    top,
    rgba(167, 91, 41, 1) 19%,
    rgba(126, 69, 31, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(19%, rgba(167, 91, 41, 1)),
    color-stop(100%, rgba(126, 69, 31, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(167, 91, 41, 1) 19%,
    rgba(126, 69, 31, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(167, 91, 41, 1) 19%,
    rgba(126, 69, 31, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(167, 91, 41, 1) 19%,
    rgba(126, 69, 31, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(167, 91, 41, 1) 19%,
    rgba(126, 69, 31, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a75b29', endColorstr='#7e451f',GradientType=0 );
}
.modalwindow .button:active {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3), inset 0px 0px 20px #412410;
}
.modalwindow .overlay-container {
  display: none;
  content: ' ';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(127, 127, 127, 0)),
    color-stop(100%, rgba(127, 127, 127, 0.9))
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
}
.modalwindow .window-container {
  display: block;
  background-color: #f9f9f4;
  font-family: Arial, Sans-serif;
  margin: 8em auto;
  width: 500px;
  padding: 20px 20px 20px;
  text-align: left;
  z-index: 3;
  border-radius: 3px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  -ms-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  opacity: 0;
}
.modalwindow .overlay-container .window-container #modalTitle {
  text-transform: Uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #2f5568;
  padding: 0 0 1em 0;
  text-align: center;
}
.modalwindow .overlay-container .window-container #modalText {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}
.modalwindow .overlay-container .window-container #modalClose {
  width: 25%;
  margin: auto;
}
.modalwindow .zoomin {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.modalwindow .zoomout {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.modalwindow .window-container-visible {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.modalwindow .window-container h3 {
  margin: 1em 0 0.5em;
  font-family: 'Oleo Script';
  font-weight: normal;
  font-size: 25px;
  text-align: center;
}
.modalwindow .close {
  float: right;
  position: relative;
  top: -30;
  right: -30;
}
/* Modal Dialogs (from BREZ) */
#dialogs {
  display: none;
}
/* By Class */
.modalpopup {
  /* display: none; */
  position: fixed;
  top: 250px;
  left: 50%;
  margin-top: -75px;
  margin-left: -250px;
  background-color: #58585a;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  width: 500px;
  /* height: 150px; */
  text-align: center;
  z-index: 35;
  border-radius: 3px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  -ms-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  padding: 15px;
}
.modalpopup h3 {
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.modalpopup div {
  margin: 15px auto !important;
}
.modalpopup p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: left;
  line-height: 14.5px;
}
.modalpopup button.close {
  position: relative;
  margin-top: 1em;
}
.modalpopup img.closeX {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
.modalpopup .window-container-visible {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Set tables with different colors due to background of modal */
.modalpopup table thead tr {
  background-color: #7d7d7e;
}
.modalpopup table thead th {
  background-color: #7d7d7e;
  color: #ffffff;
}
.modalpopup table tbody tr:nth-child(even) {
  background-color: #c6c6c6;
  color: #000000;
}
.modalpopup table tbody tr:hover {
  background-color: inherit;
}
.modalpopup li {
  margin-bottom: 7px;
  line-height: 15px;
}
.modalSpotLight {
  content: ' ';
  z-index: 30;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(127, 127, 127, 0)),
    color-stop(100%, rgba(127, 127, 127, 0.9))
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  background: radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0) 0%,
    rgba(127, 127, 127, 0.9) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
}
/*Invoices detail*/
.defaultPage table tbody tr.invoice_detail {
  background-color: #fff;
  border-top: solid 2px #ddd;
  border-bottom: solid 2px #ddd;
}
.defaultPage table tbody tr.invoice_detail:hover {
  background-color: #fff;
}
.defaultPage table tbody tr.invoice_detail table tbody tr:nth-child(even) {
  background-color: #fff;
}
.defaultPage table tbody tr.invoice_detail table tr:hover {
  background-color: #fff;
}
.defaultPage table tbody tr.invoice_detail td {
  font-size: 12px;
}
.defaultPage table tbody tr.invoice_detail td {
  font-size: 12px;
}
.defaultPage table tbody tr.invoice_detail td.buttonsHeader {
  border-bottom: 1px solid #ddd;
}
.defaultPage table tbody tr.invoice_detail td.buttonsHeader span {
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  margin: 3px 0 0;
  text-align: center;
  width: 70%;
}
.defaultPage table tbody tr.invoice_detail td a.invoice_detail_close {
  border: 1px solid #ddd;
  border-radius: 20px;
  color: #aaa;
  float: right;
  font-size: 10px;
  font-weight: bold;
  height: 14px;
  padding: 3px;
  text-align: center;
  width: 14px;
  line-height: 14px;
}
.defaultPage table tbody tr.invoice_detail td.invoiceSubtitle {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 13px;
}
.defaultPage .invoice_detail table.invoiceItemDetail {
  border: 1px solid #dddddd;
}
.defaultPage
  table
  tbody
  tr.invoice_detail
  table.invoiceItemDetail
  td.buttonsHeader
  span {
  text-align: left;
  margin: 0;
}
.defaultPage .invoice_detail_shipment_tracking b {
  float: right;
  margin-left: -70px;
}
.defaultPage .invoice_detail table.invoiceItemDetail th {
  background-color: #eaeaea;
  padding: 8px;
  color: #666;
}

.invoice_detail_shipment_general {
  font-weight: bold;
}

/* By IDs */
.modalBackdropSolid {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
}
.modalBackdropDark {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  display: none;
}
.modalBackdropClear {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
/* This is used to add template code into the page and not visible */
.template {
  display: none;
}
.allHide {
  display: none;
}
.inv-num,
#custListTbl tr {
  cursor: pointer;
}
/*Layout*/
html {
}
body {
  background-color: #fff;
}
.center {
  max-width: 100%;
  /*width: 1064px; We need this to be dynamic in order to have a responsive website, if we need fixed size for any page, that exception should be done on that particular page*/
  margin: 0 auto;
  /*padding:0 20px;*/
}
/*Header*/
.header {
  float: left;
  width: 100%;
  position: relative;
}

@media only screen and (min-width: 759px) and (min-height: 500px) {
  .header.stuck {
    top: 0px;
    width: 1024px;
    z-index: 100;
    background-color: white;
    position: fixed;
  }

  .stickyContainer {
    margin-top: 161px;
  }
}

#logo img {
  max-height: 70px;
  float: left;
}

div.customerMenu {
  background: rgba(27, 27, 27, 0.9);
  width: 100%;
}
div.customerMenu p {
  text-align: right;
  font: 13px/20px Helvetica, arial;
  cursor: default;
  min-height: 20px;
  padding: 5px;
}
div.customerMenu p {
  color: white !important;
}
div.customerMenu p a {
  color: white;
}
.customerMenu img {
  width: 24px;
}
div.customerMenu p span#custName,
div.customerMenu a.myAccount a {
  /*color:#ee8900;*/
}
/*div.customerMenu p a{
	color:#313131;
}*/
div.customerMenu p a:hover {
  color: #ee8900;
}
div.customerMenu p a.myAccount {
  color: #ee8900;
}
/*Main menu*/
a.toggleMainMenu {
  width: 30px;
  height: 30px;
  background: url(/styles/images/mobile-menu.jpg) no-repeat 0 0;
  float: right;
  clear: right;
  display: none;
}
ul.mainMenu {
  float: right;
  font-size: 0;
  position: relative;
  z-index: 20;
  width: 70%;
  margin-right: 13px;
  margin-top: 5px;
  text-align: right;
}
ul.mainMenu > li {
  font-size: 14px;
  position: relative;
  height: 22px;
  list-style: none;
  display: inline-block;
}
ul.mainMenu > li > a {
  font: 13px/13px Helvetica, arial;
  color: #313131;
  display: block;
  padding: 5px 10px 4px;
  text-transform: uppercase;
}
ul.mainMenu > li > span {
  padding: 5px 10px 4px;
}
ul.mainMenu > li:active > a {
  box-shadow: 0 5px 0 0 #ee8900;
  background-color: GhostWhite;
  color: #ee8900;
}
ul.mainMenu > li > a:hover,
ul.mainMenu > li:hover > a,
ul.mainMenu > li:hover > span {
  background-color: GhostWhite;
  color: #ee8900;
}
ul.mainMenu > li > ul {
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  top: 22px;
  padding: 5px;
  z-index: 100;
}
ul.mainMenu > li:hover > ul {
  display: block;
}
ul.mainMenu > li > ul > li {
  float: left;
  width: 100%;
  list-style: none;
}
ul.mainMenu > li > ul > li > a {
  display: block;
  font: 13px/13px Helvetica, arial;
  color: #313131;
  white-space: nowrap;
  padding: 5px 10px;
}
ul.mainMenu > li > ul > li:hover > a {
  color: #ee8900;
  background-color: #f8f9f3;
}
/*Cart*/
div.cart {
  float: right;
  margin: 10px 0 0;
  padding: 0;
  margin-right: 8px;
  width: 50%;
  position: relative;
}
div.cartImage {
  background: url(/styles/images/cart.png) no-repeat 95% 0px;
  height: 30px;
  width: 130px;
  background-size: 20px auto;
}
div.cart span {
  float: right;
  width: 100%;
  font: 14px/14px Helvetica, arial;
  color: #313131;
  text-align: right;
  margin: 0 0 3px;
}
div.cart > span {
  float: right;
  width: auto;
  margin: 0 10px;
}
div.cart span span {
  float: none;
  width: auto;
  color: #820202;
}
div.cart span span#cartItems {
  color: #313131;
}
div.cart span span.paidfreight {
  color: #820202;
}
div.cart span span.freefreight {
  color: #24b24a;
}
div.cart span span.freefreightaddonfees {
  color: #004283;
}
div.cart a,
div.cart span {
  color: #ee8900;
  float: right;
  font: bold 13px/15px Helvetica, arial;
  margin-top: -1px;
  padding-top: 3px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
div.cart a.cartLink {
  background: url(/images/shopping_cart_icon.jpg) no-repeat;
  background-size: 20px;
  padding-left: 24px;
  float: right;
}
div.header div.cart a:hover {
  color: #df7205;
}
.help_contact {
  float: left;
  margin-right: 5px;
}
/*Shout Box*/
.shoutBoxWrapper {
  display: inline;
  position: relative;
  float: right;
  margin: 0 0 20px;
}

.shoutBox {
  padding: 6px 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #c5c3c4;
  width: 280px;
  cursor: pointer;
  float: right;
  border-radius: 3px;
  z-index: 10;
}

.messageBox {
  display: none;
  padding: 0px 4px;
  background: #ffffff;
  width: 280px;
  border: 1px solid #ccc;
  border-radius: 6px;
  position: absolute;
  right: 0px;
  top: 40px;
  z-index: 10;
  max-height: 200px;
  overflow: auto;
  z-index: 9999;
}

.messageBox .messageSuccess {
  padding: 5px 5px;
  color: darkgreen;
  font-size: 14px;
  line-height: 14px;
  list-style-type: none;
}

.messageBox .messageWarning {
  padding: 5px 5px;
  color: rgb(173, 75, 0);
  font-size: 14px;
  line-height: 14px;
  list-style-type: none;
}

.messageBox .messageError {
  padding: 5px 5px;
  color: darkred;
  font-size: 14px;
  line-height: 14px;
  list-style-type: none;
}
/*Products menu*/
.lastLiMyAccount {
  margin-top: 10px;
}
ul.productsMenu > li {
  list-style-type: none;
  display: block;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
}
.productsMenu {
  padding-left: 20px;
  padding-right: 20px;
  float: right;
}
ul.productsMenu > li > a {
  color: black;
  line-height: 1.5em;
}
ul.productsMenu > li ul li {
  list-style-type: none;
}
ul.productsMenu > li ul li a {
  font: 12px/13px Helvetica, arial;
  color: black;
  white-space: nowrap;
  line-height: 1.5em;
}
ul.productsMenu > li ul li a span {
  font-size: 10px;
}
#logoutlink {
  font-size: 12px;
}
ul.productsMenu > li a:hover {
  color: #ee8900;
}
.menuActive {
  color: #ee8900;
  font-weight: bold;
}
.productsMenu li ul li:nth-child(1),
.productsMenu li ul li:nth-child(2) {
  display: block;
}
.menurootlink {
  font-weight: bold !important;
}
.float-right {
  float: right;
}
.fullwidthSearch {
  width: 100%;
  height: 40px;
  background-color: rgba(27, 27, 27, 0.9);
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.fullwidthSearch div {
  padding-left: 0;
  padding-right: 0;
}
.fullWidthTd {
  padding: 0px;
  padding-top: 3px;
}

/*Old code*/
div.topmenuselect2 {
  height: 3px;
  width: 50%;
  margin: auto;
  background-color: red;
}
.topmenuselect {
  border: 3px solid #ee8900;
  width: 50%;
  margin: auto;
}
/* --------------------------------- */
/* Main Menu (ws/mn/brsmainmenu.html */
/* --------------------------------- */
#mainMenuBody {
  width: 1024px;
  margin: auto;
}
#bodyContainer {
  width: 100%;
}
#mainMenuBody > div {
  margin: 0;
}
#mainHeaderArea > div,
#mainHeaderArea > div {
  padding: 0 0 0 1em;
}
#mainNavArea {
  width: 100%;
  background-color: #7d7d7e;
  color: #ffffff;
  height: 40px;
  padding: 0;
}
#nav2 {
  white-space: nowrap;
  float: left;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}

#nav2 a {
  text-decoration: none;
  color: #000;
}
/* --------------------- */
/* BEGIN Navigation Menu */
/* --------------------- */
ul#brsMainMenu a {
  font-family: Arial, Sans-serif; /* new change */
  font-size: 14px;
  font-weight: normal;
}
ul#brsMainMenu ul li a {
  font-size: 12px;
  font-weight: normal;
}
ul#brsMainMenu,
ul#brsMainMenu ul {
  margin: 0;
  list-style: none;
  padding: 0;
  background-color: #7d7d7e;
}
ul#brsMainMenu ul {
  visibility: hidden;
  position: absolute;
  left: 0;
  opacity: 0;
  -moz-transition: all 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s;
  -moz-box-shadow: 3.5px 3.5px 5px #000000;
  -webkit-box-shadow: 3.5px 3.5px 5px #000000;
  box-shadow: 3.5px 3.5px 5px #000000;
  background-color: #7d7d7e;
  padding: 0 10px 10px;
}
ul#brsMainMenu li:hover > ul {
  visibility: visible;
  opacity: 1;
}
ul#brsMainMenu li {
  position: relative;
  display: block;
  white-space: nowrap;
  font-size: 0;
  float: left;
}
ul#brsMainMenu li:hover {
  /* z-index:1; */
}
ul#brsMainMenu ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
ul#brsMainMenu {
  position: relative;
  display: inline-block;
  zoom: 1;
  padding: 0;
  *display: inline;
}
* html ul#brsMainMenu li a {
  display: inline-block;
}
ul#brsMainMenu > li {
  margin: 0;
}
ul#brsMainMenu a:active,
ul#brsMainMenu a:focus {
  outline-style: none;
}
ul#brsMainMenu a {
  display: block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  padding: 10px;
  background-color: #7d7d7e;
  font-size: 12pt;
  border-width: 0;
}
ul#brsMainMenu ul li {
  float: none;
  margin: 10px 0 0;
}
ul#brsMainMenu ul li.sublastgroup {
  border-bottom: 1px solid #7d7d7e;
}
ul#brsMainMenu ul a {
  text-align: left;
  padding: 4px;
  background-color: #434346;
  background-image: none;
  border-width: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #ffffff;
  text-decoration: none;
}
ul#brsMainMenu li:hover > a {
  color: #ee8900;
  color: #434346; /* top level - product search etc */
  /**
	text-shadow:#FFF 0 0 1px;
	text-decoration:none;
	*/
}
ul#brsMainMenu span {
  /*
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	border: 1px solid blue;
	*/
}
ul#brsMainMenu ul span {
  /*
	background-image:url("arrowsub.png");
	padding-right:12px;
	*/
}
ul#brsMainMenu ul li:hover > a {
  background-color: #d5d5cc;
  background-image: none;
  color: #2e5568;
  text-decoration: none;
}
ul#brsMainMenu li.topfirst > a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}
ul#brsMainMenu li.toplast > a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
ul#brsMainMenu,
ul#brsMainMenu ul,
ul#brsMainMenu ul li {
  border: 0;
}
ul#brsMainMenu ul {
  padding: 0;
}
ul#brsMainMenu ul li {
  padding: 0;
  margin: 0;
}
ul#brsMainMenu ul li > a {
  padding: 10px 10px 10px 10px;
}
ul#brsMainMenu ul li:hover {
  /*background-color: #535355;*/
}
ul#brsMainMenu ul li:hover > a {
  background-color: #434346;
  color: #ee8900;
}

ul#brsMainMenu li ul li.submenuroot > a:after {
  /* content: '>'; */
  /*
	display:-moz-inline-stack;
	display:inline-block;
	*/
  /* *display:inline; */
  /* vertical-align:middle; */
  /* background:url(arrow.png) 0 0 no-repeat; */
  width: 10px;
  height: 10px;
  margin-left: 0px;
  float: right;
}
ul#brsMainMenu li ul li.submenuroot > a {
  width: 80%;
}
ul#brsMainMenu li ul li.submenuroot {
  /* width: 5px; */
  /* height: 5px; */
  display: block;
  overflow: visible;
  background-image: url('/styles/icons/submenu_arrowright-12px.png');
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 10px;
  background-color: #434346 !important;
}
ul#brsMainMenu li ul li.submenuroot:hover {
  background-image: url('/styles/icons/submenu_arrowright-12px-hover.png');
  background-color: #535355 !important;
  cursor: pointer;
}
ul#brsMainMenu li ul li.submenuroot:hover a {
  background-color: #535355 !important;
}
ul#brsMainMenu li ul li.submenuroot:hover ul li a {
  background-color: #535355 !important;
  cursor: pointer;
}

/*****************************/
/* BEGIN External Menu Links */
/*****************************/
mainSiteBar {
}
#navLinks {
  height: 31px; /* 30 + 1 to make up for the subtracted pixel above */
  z-index: 99;
  color: #fff;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;

  border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
}
ul#externalMenuLinks a {
  font-family: Arial, Sans-serif; /* new change */
}
ul#externalMenuLinks,
ul#externalMenuLinks ul {
  margin: 0;
  list-style: none;
  padding: 0;
  background-color: #ffffff; /* green #3f5566; */
  border: none;
  z-index: 999;
}
ul#externalMenuLinks ul {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 0;
  opacity: 0;
  border: none;
  padding: 0 3px 3px;
}
ul#externalMenuLinks li:hover > ul {
  visibility: visible;
  opacity: 1;
}
ul#externalMenuLinks li {
  position: relative;
  display: block;
  white-space: nowrap;
  font-size: 0;
  float: left;
}
ul#externalMenuLinks li:hover {
  /* z-index:1; */
}
ul#externalMenuLinks {
  font-size: 0;
  /* z-index:999; */
  position: relative;
  display: inline-block;
  zoom: 1;
  padding: 0;
  float: right;
}
* html ul#externalMenuLinks li a {
  display: inline-block;
}
ul#externalMenuLinks > li {
  margin: 0 0 0 0;
}
ul#externalMenuLinks ul > li {
  margin: 10px 0 0;
}
ul#externalMenuLinks a:active,
ul#externalMenuLinks a:focus {
  outline-style: none;
}
ul#externalMenuLinks a {
  display: block;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  color: #7d7d7e; /* gray / black */ /* color:#F8F9F3; */
  cursor: pointer;
  padding: 4px 10px 6px 10px;
  margin-top: 6px;
  /* background-color:#3F5667; */
  background-repeat: repeat;
  padding: 0;
}
ul#externalMenuLinks ul li {
  float: none;
  margin: 3px 0 0;
}
ul#externalMenuLinks ul a {
  text-align: left;
  padding: 4px 10px;
  border: none;
  font-size: 12px;
  color: #2e5568;
  text-decoration: none;
}
ul#externalMenuLinks li:hover > a {
  background-color: #f8f9f3;
  border: none;
  color: #e79736;
  text-decoration: none;
}
ul#externalMenuLinks span {
  display: block;
  overflow: visible;
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 19px;
}
ul#externalMenuLinks li.topfirst:hover > a {
  background-color: #f8f9f3;
  border: none;
}
ul#externalMenuLinks ul li:hover > a {
  background-color: #f8f9f3;
  border: none;
  color: #e79736;
  text-decoration: none;
}

/* ------------------------------- */
/* ---- Shift Dropdown Area ------ */
/* ------------------------------- */
ul#externalMenuLinks li.topfirst ul {
  /*
	width: 390px;
	margin: 0 0 0 5px;
	*/
}

ul#externalMenuLinks li.toplast ul {
  left: -60%;
  /*
	width: 390px;
    */
}
ul#externalMenuLinks li.topmenu ul {
  /*
	width: 415px;
	left: -60%;
	float: left;
	*/
}

/* --------------------------- */
/* ---- Add Padding to UL ---- */
/* --------------------------- */
ul#externalMenuLinks li ul {
  padding: 0;
}
ul#externalMenuLinks li ul div {
  padding: 10px;
}

/* ------------------------------- */
/* ---- Style Image Container ---- */
/* ------------------------------- */
ul#externalMenuLinks li ul div.imageContainer {
  float: left;
  margin: 0 20px 0;
}

/* ------------------------------- */
/* ---- Set Rounded Corners   ---- */
/* ------------------------------- */
ul#externalMenuLinks {
  -moz-border-radius-bottom-left: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottom-right: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
ul#externalMenuLinks li.topfirst,
ul#externalMenuLinks li.topfirst > a {
  -moz-border-radius-bottom-left: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;

  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/***************************/
/* END External Menu Links */
/**************************/

/* ------------------- */
/* END Navigation Menu */
/* ------------------- */
#mainHeaderArea {
  background-color: #ffffff;
  height: 142px;
  margin: 0 0 0 0;
}
#mainLogoArea {
}
#mainLogoArea:hover {
  cursor: pointer;
}
#mainGreetingArea {
  width: 65%;
  height: 130px;
  color: #7d7d7e;
  font-size: 12pt;
  font-weight: bold;
  float: right;
  position: relative;
}
#logoutlink:hover {
  color: #ee8900;
  cursor: pointer;
}
#custGreeting {
  float: right;
  padding: 0.5em 0 0.5em 0.5em;
}
#mainGreetingArea a,
#mainGreetingArea span#custName {
  text-decoration: none;
  font-weight: bold;
  color: #ee8900;
}
#mainMenuArea {
  background-color: #e7e7dd;
  height: 8em;
  width: 88.5%;
  float: left;
}
#menuContainer {
  width: 60%;
  float: left;
}

#cartTotal {
  /* color: #24b24a; */
  font-size: 11pt;
  font-weight: bold;
}
#main {
  height: 600px;
  min-height: 600px;
  overflow: auto;
}
.zoomin {
  -moz-transform: scale(5, 1);
  -webkit-transform: scale(5, 1);
  -o-transform: scale(5, 1);
  transform: scale(5, 1);
  /*
    height: 100%;
    width: 100%; */
}
.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}
.spanSpacer {
  margin: 0 0.25em 0 0.25em;
}
.spanSpacerLR /* no left padding */ {
  margin: 0 0.25em 0 0;
}
.spanSpacerNR /* no right padding */ {
  margin: 0 0 0 0.25em;
}
.subLinks {
  margin: 0 0.5 0 0;
  float: left;
}
.subLinkImage {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  float: left;
}

#linkViewCart:hover a,
#linkChangeCart:hover a {
  /*color: #E58E1A;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 					Footer
 */
#footer {
  width: 100%;
  /* background-color: #2f5568; */
  background-color: #7d7d7e;
  position: relative;
  color: #c6c6c6;
  font-size: 14px;
  padding: 0 0 3em 0;
}
#footContent > div {
}
#footContent {
  width: 99%;
  margin: 0 auto;
}

#footContent img {
  margin: 0px auto;
  display: block;
}
#footContent img#footText2 {
  margin: auto;
  display: block;
}
#footContent ul li {
  background: url('/styles/icons/links_arrow.png') no-repeat 1px 7px transparent;
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 1px 16px;
  vertical-align: middle;
  line-height: 20px;
}
#footContent ul li:hover {
  background: url('/styles/icons/links_arrow-hover.png') no-repeat 1px 7px
    transparent;
  /* color: #f68b1f; */
  color: #ffffff;
  cursor: pointer;
}
#footContent ul li a,
#footerContactInfo a {
  color: #c6c6c6;
  text-decoration: none;
}
#footContent ul li a:hover,
#footerContactInfo a:hover {
  color: #ffffff;
}

#footerContentArea1 {
  width: 73%;
  height: 50%;
  float: left;
}
#footerLinks {
}
#footerLinks ul {
  list-style: none;
  padding: 0 0.5em 0 0.5em;
  float: left;
}
#footerLinks ul li {
  margin: 0.25em 0 0.25em 0;
  list-style: none;
}
#footerContactInfo {
  width: 33%;
  height: 3.5em;
  margin: auto;
  padding: 0.5em 0.5em 0.5em 1em;
}
#footerContactInfo > div {
  padding: 0.5em;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
#footerContentArea2 {
  width: 25%;
  height: 50%;
  float: left;
  line-height: 1.5em;
}
#footerContentArea3 {
  margin: 1em 0;
  font-size: 12px;
}
#footerContentArea3 > span {
  display: block;
  line-height: 1.5em;
  clear: both;
  text-align: center;
}
.page-container {
  float: left;
  width: 100%;
}

.scrollableDonations {
  overflow-y: scroll;
  max-height: calc(100vh - 300px);
  margin-bottom: 30px;
}

.printDonationsButton {
  position: relative;
  float: right;
  top: -25px;
}

.printableSection {
  display: none;
}

#confluence-iframe {
  display: none;
  width: 100%;
  height: 1610px;
}
.viewCart #mainContent {
  float: left;
  width: 75%;
  margin-left: 3%;
}
.toggleShipmentsGlyph {
  font-size: 22px;
}
tr.primaryRow:hover {
  background-color: #ebe4da !important;
}
.b-rowHighLight {
  border: 0 !important;
}
.odd {
  background-color: #eee;
}
table.breztbl input[type='text'] {
  text-align: center;
  background-color: #eee;
  color: #000;
  /*padding-left: 5px;*/
  height: 1.2em;
  border: 1px solid #888;
  border-radius: 3px;
}
table.breztbl .trackChgQty {
  width: 3.5em;
}
.question {
  float: right;
  background: url(/styles/images/question.png) no-repeat 0 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.toolTip {
  background-color: rgba(88, 88, 91, 0.8);
  border-radius: 6px;
  color: #fff;
  font: 14px/18px Helvetica, arial;
  left: 60px;
  padding: 12px;
  position: absolute;
  top: 30px;
  width: 218px;
  z-index: 9999;
  display: none;
  opacity: 1 !important;
}
.productDetailsModal.modal-dialog {
  width: 75%;
}

.toolTip.number {
  left: auto;
  right: -60px;
  top: 80px;
}
span.question[data-id='cartTooltip'] {
  float: right !important;
  width: 18px !important;
  margin: -2px 6px 5px;
}
#cartTooltip {
  top: 140px;
  left: inherit;
  right: 0;
}
.cartList {
  -webkit-appearance: menulist !important;
}
#cartSummaryArea1 {
  margin-bottom: 10px;
  float: right;
}
/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
  border: 5px solid #888;
  width: 100px;
  height: 100px;
  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.4);
  cursor: crosshair;
  z-index: 10;
  background-color: #ffffff;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
  border: 1px solid #888;
  width: 500px;
  height: 200px;
  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.4);
  z-index: 999;
  background-color: #ffffff;
  /* background-size:100% auto; */
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
  border: none;
  box-shadow: none;
  z-index: 999;
}

/* CSS for captions */
.cloudzoom-caption {
  display: none; /* CSS captions should be hidden initially */
  text-align: left;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-family: sans-serif;
  font-size: 11px;
}

/* A blank image */
.cloudzoom-blank {
  background-image: url(/styles/images/blank.png);
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
  background-image: url(/styles/images/ajax-loader.gif);
  width: 32px;
  height: 32px;
}
.webHelp {
  margin-top: 10px;
  text-align: right;
  float: right;
  margin-top: 10px;
}
.webHelpLink {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid white;
  font-size: 1.1em !important;
  font-weight: normal !important;
  font-family: inherit;
}
.salesRepLink {
  margin-right: 20px;
  font-size: 1.1em !important;
  font-weight: normal !important;
  font-family: inherit;
}
.webHelp {
  width: 13%;
}
.withinRes {
  width: 22%;
  display: inline-block;
}
.manSearchLabel {
  margin-left: 10px;
}

.withinRes {
  margin-left: 8px;
}
.withinRes label {
  font-weight: normal !important;
  margin-top: 10px;
  font-size: 13px;
  vertical-align: middle;
}
.withinRes span {
  margin-top: -2px !important;
}

.salesRepModal {
  left: -6%;
  font-size: 1.35em;
}
.salesRepModal th,
.salesRepModal td {
  padding: 3.5px;
}
.salesRepModal table {
  margin: 25px;
}
.salesRepModal table.salesRepTable {
  margin: 10px 0 0;
}
.salesRepModal .modalTitle h3 {
  margin: 0.6em 0 0.4em;
}
.salesRepTable tr:hover {
  background: none !important;
}
.salesRepModal table tr th {
  background: none;
  font-weight: bold;
  text-align: center;
}
.salesRepModal .right {
  text-align: right;
  font-weight: bold;
}
.salesRepModal .left {
  text-align: left;
}

/* MODAL */
.modalOverlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)';
  z-index: 9999;
}

.modalContainer,
.iframeModalContainer {
  position: fixed;
  margin: 10% 0 20% 49%;
  background: #fff;
  padding: 20px;
}
.iframeModalContainer {
  height: 75%;
}
.iframeModalContainer .closeModal {
  background-image: url('/images/close.png');
  width: 32px;
  height: 32px;
  background-size: 40px;
  position: absolute;
  top: -10px;
  right: -15px;
}

/*MODAL NEW*/
@media screen and (max-width: 650px) {
  .modalContainer,
  .iframeModalContainer {
    width: 87%;
    margin-left: 8%;
  }
  .header.stuck {
    width: 100% !important;
  }
  .shoutBoxWrapper {
    margin-top: 10px;
  }
}

.modalContainer .modalTitle {
  background: gray;
  padding: 7px;
  text-align: center;
  font-weight: bold;
  color: orange;
}

.modalContainer .modalButtons {
  margin-top: 10px;
  text-align: center;
  clear: both;
}

.modalContainer.addVerifyModal {
  left: 50%;
  margin: 0 0 0 -300px;
  padding: 20px;
  top: 100px;
  width: 600px;
}

.modalContainer.addVerifyModal textarea {
  border: 1px solid;
  margin: 10px 20px;
  padding: 2px 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.modalContainer.freightTableModal {
  left: 50%;
  margin: 0 0 0 -380px;
  padding: 30px;
  top: 40px;
  width: 700px;
}

.modalContainer.freightTableModal table {
  margin-right: 40px;
}

.modalContainer.freightTableModal table.freightTable3 {
  margin-right: 0;
}

.modalContainer.freightTableModal .grayButton {
  float: right;
  clear: both;
  margin-top: 20px;
}

.modalContainer.earnings {
  text-align: center;
  left: 55%;
  margin: 0 0 0 -300px;
  padding: 20px;
  top: 100px;
  width: 450px;
}

.modalContainer.earnings .popupHeader {
  background-image: url('/graphics/brr/popup_header.jpg');
  background-repeat: no-repeat;
  height: 59px;
}

.modalContainer.earnings .earningsHeader {
  background-image: url('/graphics/brr/earnings_header.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 27px;
  margin: 15px 0;
}

.modalContainer.earnings .diamond {
  background-image: url('/graphics/brr/diamond_earnings.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 252px;
}

.modalContainer.earnings .gold {
  background-image: url('/graphics/brr/gold_earnings.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 252px;
}

.modalContainer.earnings .platinum {
  background-image: url('/graphics/brr/platinum_earnings.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 252px;
}

.modalContainer.earnings .silver_bronze {
  background-image: url('/graphics/brr/silver_bronze_earnings.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 252px;
}

.modalContainer.earnings .earningsStatus {
  margin: 5px 0px;
  padding: 0px 10px;
  background-color: #eee;
}

.modalContainer.earnings .earningsStatus table {
  border-spacing: 15px;
  border-collapse: separate;
}

.modalContainer.earnings .earningsStatus table tr:nth-child(1) td {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  border-bottom: solid 2px #ccc;
  padding: 10px;
}

.modalContainer.earnings .earningsStatus table tr:nth-child(2) td {
  text-align: center;
  font-size: 16px;
  padding: 0px;
}

.modalContainer.earnings .earningsStatus span#percentIncrease {
  color: #377712;
  font-weight: bold;
}

.modalContainer.earnings .earningsStatus span#percentDecrease {
  color: #f68a21;
  font-weight: bold;
}

.modalContainer.priceMatrixModal,
.modalContainer.lastShippedModal {
  left: 50%;
  margin: 0 0 0 -385px;
  padding: 10px;
  top: 40px;
  width: 750px;
}

.modalContainer.hotButton,
.modalContainer.mergingOrders,
.modalContainer.orderEntryItemsFound {
  text-align: center;
  left: 50%;
  margin: 0 0 0 -300px;
  padding: 20px;
  top: 80px;
  width: 650px;
}

.modalContainer.reloginModal,
.modalContainer.mergingCarts,
.modalContainer.allocatedItem,
.modalContainer.ADEmail,
.modalContainer.emailCurrentStatement {
  margin-left: 35%;
  text-align: center;
}

.modalContainer.mergingOrders h3,
.modalContainer.orderEntryItemsFound h3,
.modalContainer.ADEmail h3,
.modalContainer.emailCurrentStatement h3,
.modalContainer.hotButton h3 {
  font-weight: bold;
  margin: 0 0 20px 0;
}

.modalContainer.reloginModal p,
.modalContainer.mergingCarts p,
.modalContainer.mergingOrders p,
.modalContainer.orderEntryItemsFound p,
.modalContainer.allocatedItem p,
.modalContainer.ADEmail p,
.modalContainer.emailCurrentStatement p,
.modalContainer.hotButton p {
  margin-bottom: 20px;
  text-align: left;
}

.modalContainer.emailCurrentStatement input[type='text'],
.modalContainer.ADEmail input[type='text'],
.modalContainer.mergingOrders select,
.modalContainer.emailCurrentStatement select,
.modalContainer.hotButton select,
.modalContainer.hotButton textarea {
  border: 1px solid #888;
  background-color: #eee;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 2px 5px;
  margin: 0 5px;
}

.modalContainer.mergingCarts input[type='button'],
.modalContainer.mergingOrders input[type='button'],
.modalContainer.allocatedItem input[type='button'],
.modalContainer.ADEmail input[type='button'],
.modalContainer.emailCurrentStatement input[type='button'],
.modalContainer.hotButton input[type='button'] {
  margin: 0px 5px;
}

.modalContainer.invalidStateModal,
.modalContainer.isHazmatModal {
  margin-left: 33%;
  width: 35%;
  overflow: scroll;
  height: 500px;
}

.modalContainer.invalidStateModal p,
.modalContainer.isHazmatModal p {
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

.modalContainer.invalidStateModal .modalButtons,
.modalContainer.isHazmatModal .modalButtons {
  width: 95%;
  margin: 5px auto;
  text-align: center;
}

.modalContainer.invalidStateModal .modalButtons .greyButton,
.modalContainer.isHazmatModal .modalButtons .greyButton {
  margin-right: 1%;
}

.modalContainer.invalidStateModal #invalidItemsTable {
  width: 90%;
  margin: 20px auto;
}

.iframeModalContainer {
  width: 90%;
  margin-left: 5%;
  margin-top: 70px;
}

.iframeModal {
  width: 100%;
  height: 100%;
}

#fast-search {
  float: left;
  border: 1px solid orange;
  margin-right: 10px;
  margin-top: -8px;
}

#search-input {
  width: 100px;
  margin-left: 10px;
  height: 29px;
  padding: 0 5px;
}

#toggle-search {
  width: 18px;
  height: 24px;
  background: url('/images/search-icon-hi.png');
  background-size: 18px;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-left: 6px;
}

input.search-box {
  background: url('/images/search-icon-hi.png');
  background-repeat: no-repeat;
  background-color: white;
  background-size: auto 75%;
  text-indent: 25px;
  background-position: 2% 5px;
}

input::-webkit-input-placeholder {
  color: gray;
  font-style: italic;
}
input::-moz-placeholder {
  color: gray;
  font-style: italic;
}
input:-moz-placeholder {
  /* Older versions of Firefox */
  color: gray;
  font-style: italic;
}
input:-ms-input-placeholder {
  color: gray;
  font-style: italic;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *            Search Fields
 */

#searchRow {
  padding-top: 3px;
}
#searchRow ul.dropdown-menu li {
  list-style-type: none;
}
#searchRow ul.dropdown-menu > .active > a,
#searchRow ul.dropdown-menu > .active > a:focus,
#searchRow ul.dropdown-menu > .active > a:hover {
  background-image: none;
  background-color: #f68a1e;
  color: #313131 !important;
}
#searchRow ul.dropdown-menu {
  top: 33px !important;
  left: 74px;
  min-width: 75%;
}
#searchReset1,
#searchReset2 {
  display: inline;
  padding: 7px 12px;
}
.noresults {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
}

.webhelp {
  display: inline;
  margin-right: 10px;
  font-size: smaller;
  margin-top: -25px;
}
.webhelp a {
  color: white;
  font-weight: normal;
  letter-spacing: 2px;
}
.myAccount {
  display: inline-block;
}
.customerMenu {
  display: block;
  color: white;
}
.header .navbar-default {
  background: none !important;
  margin: 0 !important;
  border-radius: none !important;
  min-height: 12px !important;
  border: none !important;
}
.floatMenu {
  text-align: right;
  width: 100%;
}
.floatMenu .navbar-right {
  width: 100%;
}
.floatMenu > a,
.floatMenu > span,
.floatMenu #linkChangeCust {
  padding-top: 5px;
  padding-bottom: 5px;
}
.floatMenu #linkChangeCust {
  display: inline-block !important;
}
.floatMenu .navbar-collapse {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.floatMenu .navbar {
  min-height: 12px !important;
  height: auto !important;
  border: none !important;
  box-shadow: none !important;
}
.floatMenu .navbar-toggle {
  margin-right: 0px !important;
}
.floatMenu .navbar-toggle:hover {
  background-color: orange !important;
  color: white !important;
}
.megaMenu {
  display: none;
  width: 100%;
  background-color: #eee;
  position: absolute;
  opacity: 1;
  z-index: 25;
  padding-bottom: 20px;
  padding-top: 10px;
  left: 0;
  margin-top: 2px;
}
.megaSelectDropdown {
  float: none !important;
  display: inline-block !important;
  position: static !important;
}
.navbar-nav > li > a {
  text-shadow: none !important;
  line-height: inherit !important;
  padding: 0 !important;
}
#linkChangeCust {
  padding-bottom: 2px;
  cursor: pointer;
  margin-right: 0;
  margin-left: 0;
  padding-right: 5px;
  padding-left: 5px;
}
#linkChangeCust:hover {
  color: #ee8900;
  background: #eee;
}
#linkChangeCust:hover .megaMenu {
  display: block;
}
.floatMenu .loyaltyLink {
  display: inline-block;
}
#shoppingOptions {
  height: 100% !important;
  width: 22%;
  color: white;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding-top: 7px;
  font-size: 16px;
  float: left;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#shoppingOptions:hover {
  text-decoration: none;
}
#shoppingOptions span.text {
  height: 100%;
  padding-top: 2px;
}
#searchCatButtonText {
  text-transform: capitalize;
  font-weight: bold;
}
#shoppingOptionsMega {
  width: 22%;
  position: absolute;
  background-color: #404040;
  z-index: 5;
  text-align: left;
  color: white;
  z-index: 100;
  overflow: visible !important;
}

#shoppingOptions:hover {
  color: #ee8900;
}
/****shop dropdown****/
#shoppingOptionsMega a {
  margin-left: 15%;
}
ul.linkContent a,
a.extraParam {
  margin-left: 0px !important;
}
.categories {
  list-style-type: none;
}
.categories li {
  list-style-type: none;
}
.category {
  width: 100%;
  background: -webkit-radial-gradient(
    #313131,
    #313131,
    #404040
  ); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(
    #313131,
    #313131,
    #404040
  ); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(
    #313131,
    #313131,
    #404040
  ); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#313131, #313131, #404040); /* Standard syntax */
  height: 40px;
}
.category a {
  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  color: white;
  text-transform: uppercase;
}
.subcategory {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}
.subcategory > a {
  font-size: 14px;
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  color: white;
}
.subcategory a.loyaltyLink {
  display: inline-block;
  padding-bottom: 10px;
}
.subcategory a.loyaltyLink span {
  display: inline-block;
  float: left;
}
.brandmapLink {
  font-style: italic;
  padding-top: 4px;
}
.category-flyout {
  position: absolute;
  left: 100%;
  top: 10px;
  width: 353%;
  background-color: white;
  border: 3px solid #ddd;
  height: 500px;
  min-height: 250px;
}
.category-flyout .b-row:nth-child(1) {
  height: 36%;
}
.category-flyout .b-row:nth-child(1) ul.linkContent {
  text-align: left;
  width: 25%;
}
.category-flyout .b-row:nth-child(1) ul.linkContent:nth-child(1),
.category-flyout .b-row:nth-child(1) ul.linkContent:nth-last-child(1) {
  text-align: left;
  margin-left: 20px;
  width: 18%;
}
.category-flyout .b-row:nth-child(2) {
  height: 46%;
}
.category-flyout .b-row {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
}
.category-flyout .b-row:nth-child(1) {
  padding-top: 5px;
}
.category-flyout .b-row:nth-child(2) {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.category-flyout .b-row:nth-child(3) {
  height: 10%;
}
.category-flyout .b-row:nth-child(2) img {
  height: 175px;
  float: left;
  margin-right: 50px;
}
.category-flyout .b-row:nth-child(2) img:last-child {
  margin-right: 10px;
}
.category-flyout .b-row:nth-child(1) ul a {
  color: #313131;
}
.category-flyout .b-row:nth-child(1) ul {
  display: block;
  float: left;
}

.category-flyout .b-row:nth-child(1) ul.linkContent:nth-child(1) {
  height: 100%;
}
.category-flyout .b-row:nth-child(3) img {
  height: 50px;
  float: left;
}
.linkContent .floatingLis {
  display: block;
  clear: both;
  overflow: hidden;
  height: 20px;
  font-weight: normal !important;
  line-height: 18px;
}
.floatingLis a {
  font-size: 12px;
  font-weight: normal !important;
}
.floatingLis a:hover {
  color: #ee8900 !important;
}
.linkContent .featuredLinks a {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  color: black !important;
  text-transform: uppercase;
  margin-left: 0;
  text-align: left;
}
.linkContent {
  margin-right: 5px;
}
.subcat-promos,
.subcat-flyers {
  display: none;
  position: absolute;
  right: -100%;
  background-color: #404040;
  text-align: left;
  margin-top: -22px;
  width: 100%;
  padding-left: 10px;
}
.subcat-promos a,
.subcat-flyers a {
  margin-left: 0px !important;
  width: 85%;
}
.sub-menu:hover > .subcat-promos {
  display: block;
}
.sub-menu:hover > .subcat-flyers {
  display: block;
}
.category-flyout {
  display: none;
}

/**************************/
/* checkboxes and Labels */
input[id='inResults'] + label {
  margin: 0.25em 0 0 0;
}
input[id='useWildcard'] + label {
  margin: 0.25em 0.45em 0 0;
}
#useWildcard,
#inResults {
  margin: 0.25em 0;
}

.dimSearchSuggContainer {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9999;
}

.autoSuggest * {
  padding: 0;
  margin: 0;
  list-style: none;
}
.autoSuggest {
  float: left;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 0 0 1px #ddd, 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.autoSuggest .left {
  float: left;
  width: 50%;
  box-shadow: 1px 0 0 0 #ddd;
  background-color: #fff;
  word-wrap: break-word;
}
.autoSuggest .left h2 {
  color: #313131;
  float: left;
  font: bold 15px/19px Helvetica, arial;
  margin: 0 0 8px;
  width: 100%;
  background-color: #eaeaea;
  padding: 5px 5% 3px;
  width: 90%;
}
.autoSuggest .left ul {
  float: left;
  width: 100%;
}
.autoSuggest .left ul li {
  float: left;
  width: 90%;
  padding: 10px 5%;
  color: #313131;
  font: 13px/16px Helvetica, arial;
  position: relative;
}
.autoSuggest .left ul li:nth-child(even) {
  background-color: #eaeaea;
}
.autoSuggest .left ul li a {
  color: #313131;
  font: 12px/14px Helvetica, arial;
  text-decoration: none;
  padding: 0 0 0 10px;
  display: block;
}
.autoSuggest .left ul li a span {
  text-decoration: underline;
  position: absolute;
  left: 5%;
  line-height: 26px;
}
.autoSuggest .right {
  float: left;
  width: 50%;
  padding: 20px 5% 5px;
  box-shadow: inset 1px 0 0 0 #ddd;
}
.autoSuggest .right dl {
  float: left;
  width: 100%;
  margin: 0 0 10px;
}
.autoSuggest .right dl dt {
  color: #313131;
  float: left;
  font: bold 15px/19px Helvetica, arial;
  margin: 0 0 8px;
  width: 100%;
  background-color: #eaeaea;
  padding: 5px 5% 3px;
  width: 90%;
}
.autoSuggest .right dl dd {
  float: left;
  width: 100%;
  font: 13px/16px Helvetica, arial;
  margin-bottom: 4px;
}
.autoSuggest .right dl dd a {
  color: #ff9b2e;
  font: 12px/14px Helvetica, arial;
  text-decoration: none;
  padding: 0 5%;
  display: block;
}

a.loyaltyLink {
  color: white !important;
}

.earningHelp {
  padding: 15px;
  background-color: #eee;
  margin: 19px;
}

.ui-tabs div.ui-tabs-panel {
  float: left;
  background-color: transparent;
  border: 1px solid #a8a6a6;
}

/* Default Page */
.defaultPage {
  float: left;
  width: 100%;
}
.defaultPage .path div,
.defaultPage .path p {
  width: 98%;
}
.defaultPage .printBar {
  background-color: #eaeaea;
  float: left;
  margin: 0 0 20px;
  padding: 10px 10% 11px;
  text-align: center;
  width: 80%;
  position: relative;
}
.defaultPage .printBar span {
  color: #313131;
  display: inline-block;
  font: bold 16px/19px Helvetica, arial;
  margin: 6px 0 0;
}
.defaultPage .printBar input {
  position: absolute;
  left: 1%;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.defaultPage p {
  color: #313131;
  float: left;
  font: 13px/16px Helvetica, arial;
  margin: 0 0 10px;
  width: 100%;
}
.defaultPage a {
  font: 13px Helvetica, arial;
  color: #ff9b2e;
}
.defaultPage .filters {
  border-bottom: 1px solid #ddd;
  float: left;
  margin: 0 0 20px;
  padding: 0 1% 20px;
  width: 98%;
}
.defaultPage .filters label {
  color: #313131;
  float: left;
  font: bold 16px/22px Helvetica, arial;
  margin: 0 10px 0 0;
  padding: 5px 0 0;
  width: auto;
}
.defaultPage .filters select {
  background-color: #eaeaea;
  color: #313131;
  float: left;
  font: 12px/18px Helvetica, arial;
  height: 27px;
  margin: 2px 20px 0 0;
  outline: medium none;
  padding: 7px 0.5% 6px;
  text-transform: uppercase;
}
.defaultPage .tabs {
  float: left;
  width: 100%;
  margin: 0 0 20px;
}
.defaultPage ul.tabsNav {
  float: left;
  position: relative;
  width: 100%;
}
.defaultPage ul.tabsNav li {
  background-color: #eaeaea;
  box-shadow: 0 0 0 1px #ddd inset;
  float: left;
  list-style: none;
  margin-bottom: -1px;
  margin-right: -1px;
}
.defaultPage ul.tabsNav li.active {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
}
.defaultPage .tabs ul.tabsNav li a {
  color: #313131;
  display: block;
  font: bold 15px/19px Helvetica, arial;
  padding: 10px 21px 6px;
  text-transform: uppercase;
}
.defaultPage .tabContent {
  box-shadow: 0 0 0 1px #ddd inset;
  float: left;
  margin: 0 0 20px;
  padding: 10px 1%;
  width: 98%;
  color: #313131;
  font: 13px/16px Helvetica, arial;
}
.defaultPage .tableScroll {
  float: left;
  width: 100%;
  overflow: auto;
  margin: 0 0 20px;
}
.defaultPage .tableScroll table {
  float: left;
  width: 100%;
}
.defaultPage .tableScroll table th {
  font-size: 12px;
  padding: 12px 18px 10px 10px;
}
.defaultPage .tableScroll table td {
  font-size: 12px;
  padding: 8px 10px 7px;
}
.defaultPage .b-row {
  float: left;
  width: 100%;
  margin: 0 0 10px;
}
.defaultPage .b-row .twoCols {
  float: left;
  width: 49%;
}
.defaultPage .b-row .twoCols.lst {
  float: right;
}
.defaultPage .b-row .threeCols {
  float: left;
  margin-right: 2%;
  width: 32%;
}
.defaultPage .b-row .threeCols.lst {
  margin-right: 0;
}
.defaultPage .b-row .fourCols {
  float: left;
  margin-right: 2%;
  width: 23.5%;
}
.defaultPage .b-row .fourCols.lst {
  margin-right: 0;
}
.defaultPage ul.list {
  float: left;
  width: 100%;
  margin: 0 0 20px;
}
.defaultPage ul.list li {
  float: left;
  width: 98%;
  padding: 5px 1%;
  color: #313131;
  font: 13px/16px Helvetica, arial;
  list-style: none;
}
.defaultPage ul.list.split li {
  width: 48%;
  padding: 5px 1%;
}
.defaultPage ul.list.stripes li:nth-child(even) {
  background-color: #eaeaea;
}
.defaultPage label {
  color: #313131;
  float: left;
  font: bold 14px/19px Helvetica, arial;
  margin: 0 15px 10px 0;
}
.defaultPage label span.help {
  display: inline-block;
  background: url(/styles/images/question.png) no-repeat;
  height: 18px;
  width: 18px;
  margin: 0 0 -5px;
}
.defaultPage input[type='text'],
.defaultPage input[type='password'] {
  background-color: #eaeaea;
  color: #313131;
  float: left;
  font: 13px/22px Helvetica, arial;
  height: 27px;
  padding: 2px 2% 0;
  margin: 0 0 20px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  border: 1px solid #313131;
}

.defaultPage textarea {
  background-color: #eaeaea;
  color: #313131;
  font: 13px/22px Helvetica, arial;
  padding: 2px 2% 0;
  margin: 0 0 20px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.defaultPage input.date {
  background: url(/styles/images/calendar.png) no-repeat scroll 98.5% 2px
    #eaeaea;
}
.defaultPage input[type='text']:focus {
  background-color: #f4f4f4;
}
.defaultPage select {
  background-color: #eaeaea;
  color: #313131;
  float: left;
  font: 12px/18px Helvetica, arial;
  height: 27px;
  margin: 2px 20px 20px 0;
  outline: none;
  padding: 7px 0.5% 6px;
  text-transform: uppercase;
  border: 1px solid #313131;
}
.defaultPage a.radio {
  color: #313131;
  float: left;
  font: 14px/18px Helvetica, arial;
  margin: 0 25px 10px 0;
  padding: 2px 0 0 25px;
  background: url(/styles/images/radio.png) no-repeat 0 0;
}
.defaultPage a.radio.active {
  background-position: 0 -22px;
}
.defaultPage a.checkbox {
  background: url(/styles/images/checkbox.jpg) no-repeat 0 0 transparent;
  color: #313131;
  display: block;
  float: left;
  font: 14px/17px Helvetica, arial;
  height: 17px;
  padding: 4px 0 0 32px;
  margin: 0 0 20px;
}
.defaultPage a.checkbox.checked {
  /* background-position:0 -21px; */
  background-color: #ee8900;
  border-color: #ee8900 !important;
}
input[type='checkbox'].brsCB {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
input[type='checkbox'].label {
  margin: 0;
}
input[type='checkbox'].brsCB + label span {
  border: 2px solid grey;
  border-radius: 2px;
  padding: 8px;
  margin: 0px 10px -5px 0;
  display: inline-block;
  position: relative;
}

input[type='checkbox'].brsCB:checked + label span {
  background-color: #ee8900;
  border-color: #ee8900;
}

.brsCB:checked + label span::before {
  position: absolute;
  left: -25%;
  top: 35%;
  height: 50%;
  width: 2px;
  background-color: white;
  content: '';
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}

.brsCB:checked + label span::after {
  position: absolute;
  left: -25%;
  bottom: 15%;
  height: 2px;
  width: 85%;
  background-color: white;
  content: '';
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}

input[type='checkbox'] {
  accent-color: orange;
}

input[type='radio'].brsRB {
  display: none;
}
input[type='radio'].label {
  margin: 0;
}
input[type='radio'].brsRB + label span {
  background: transparent url('/styles/images/radio.png') no-repeat scroll 0px
    0px;
  color: #313131;
  display: inline-block;
  float: left;
  font: 14px/17px Helvetica, arial;
  height: 21px;
  padding: 4px 15px 0px 20px;
  margin: 0;
}

input[type='radio'].brsRB:checked + label span {
  background-position: 0px -22px;
}

.ui-datepicker-calendar tbody {
  background-color: white;
}
.defaultPage input.balckBtn,
.defaultPage input.greyBtn {
  background-color: #434346;
  border-radius: 3px;
  border-style: none;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  float: left;
  margin: 0 0 20px;
  padding: 10px 10px 8px;
  text-transform: uppercase;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.defaultPage input.balckBtn:hover {
  background-color: #ff9b2e;
}
.defaultPage input.greyBtn {
  background-color: #ddd;
  color: #888;
}
.defaultPage input.greyBtn:hover {
  background-color: #434346;
  color: #fff;
}
.defaultPage span.spanLabel {
  color: #313131;
  font: bold 14px/19px Helvetica, arial;
  margin: 5px 10px 20px 0;
}
.defaultPage span[class^='spanLabel'] + select {
  margin: 0 10px 20px 0;
}
/* Short codes presentation */
.defaultPage.shortCodes .b-row {
  background-color: #eaeaea;
  min-height: 55px;
  padding: 40px 0 0;
  text-align: center;
}
.defaultPage.shortCodes .b-row .twoCols {
  min-height: 55px;
}
.defaultPage.shortCodes > label,
.defaultPage.shortCodes input[type='text'],
.defaultPage.shortCodes > select,
.defaultPage.shortCodes a.radio,
.defaultPage.shortCodes a.checkbox,
.defaultPage.shortCodes input.balckBtn,
.defaultPage.shortCodes input.greyBtn {
  clear: left;
}

.filterContainer {
  margin-top: 25px;
}

/* #filterText {
  border: 1px solid gray;
  padding: 5px;
} */

/* BRSTAB */
.hotlistHeader,
.detailHeader {
  text-align: right;
  font-weight: bold;
  /*padding-right: 5px;*/
}
.productDetailTabs > .ui-widget-header {
  border: none;
  background: none;
}
.productDetailTabs.ui-widget-content {
  background: none;
  border: none;
}
.productDetailTabs > ul > li {
  line-height: 14px;
}
.ui-tabs div.ui-tabs-panel {
  background-color: transparent;
  border: 1px solid #a8a6a6;
  width: 95%;
}
.productDetailTabs > ul > li.ui-tabs-active {
  background-color: #fff;
  border: 1px solid #a8a6a6;
  border-bottom: none;
}
.orangeUnderline {
  border-bottom: 1px solid orange;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.blackUnderline {
  border-bottom: 1px solid #bebebe;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.specsStyling .grayBackground:nth-child(even) {
  padding-left: 15px;
  margin-left: 15px;
  width: 97.9%;
}

.grayBackground:nth-child(even) {
  display: block;
  background-color: #ebebeb;
  width: 100%;
  box-sizing: border-box;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  overflow-x: hidden;
  overflow-y: hidden;
}

.grayBackground:nth-child(odd) {
  display: block;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  overflow-x: hidden;
  overflow-y: hidden;
}

tr.secondaryRow.odd td div.productDetailTabs > ul.tabList > li.ui-tabs-active {
  background-color: #fff;
}
.productDetailTabs li.ui-state-default {
  background: none;
  /*   background-color: #d6d6cd; */
  background-color: #9ea0a0;
}
.productDetailTabs .ui-tabs-panel tr td {
  /*vertical-align: top;*/
  padding: 5px !important;
}
.productDetailTabs ul.ui-tabs-nav {
  padding-left: 18px;
}
.brsTab .brsTabButtons {
  text-align: right;
}
.brsTab .allowLocChange {
  display: none;
}
.brsTab .brsTabPartFor {
  float: left;
  margin-top: 5px;
}
.brsTab .changeLoc {
  float: left;
  display: inline-block;
  margin-bottom: -6px;
  margin-left: 5px;
  margin-top: 3px;
}

/* -------------------------------------- */
/* ---- Set report specific values   ---- */
/* -------------------------------------- */
#reportInputArea {
  margin-bottom: 0.5em;
}
div.lastReportInputRow {
  margin-top: 0.5em;
}
table#reportData.globalReport {
  height: 500px;
}
#btnRunReport.reportsRunButton {
  float: right;
}
#reportLinkButtons {
  margin: 0.2em 0.2em 0 0.2em;
  float: right;
}
#reportActionArea {
  margin-bottom: 0.5em;
  position: absolute;
  z-index: 24;
  right: 0px;
}
#reportActionMenu {
  background-color: #434346;
  padding: 0;
}
#reportActionList {
  padding: 0 10px 0 10px;
  cursor: pointer;
}
#reportActionButtons {
  margin: 0.2em 0 0 0.2em;
  float: right;
}
#reportData thead tr th.reportdec,
#reportData tbody tr td.reportdec {
  text-align: right;
}

div.reportTotals,
table tbody tr.reportTotals,
#reportData tbody tr.reportTotals td {
  font-weight: bold;
  font-size: 1.1em;
  color: #000000;
}

/* Report run button dropdown area */
div.up-arrow ul {
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
}
div.up-arrow ul li {
  list-style-type: none;
  padding: 0.5em;
  width: 100%;
}
div.up-arrow ul li a {
  color: #000000;
}
div.up-arrow ul li a:hover {
  color: #ee8900;
}
/*
div.up-arrow ul li:hover{
    background-color: gray;
}
*/
div.up-arrow {
  display: inline-block;
  position: relative;
  background: #ffffff;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  top: 3px;
  right: -3px;
  width: 98%;
  border: 1px solid #eeeeee;
  width: 53%;
  float: right;
}
div:hover.up-arrow {
  /* background-color: gray; */
}
div.up-arrow:after {
  content: '';
  display: block;
  position: absolute;
  left: 110px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.packBNotif {
  color: red;
  font-size: 18px;
  margin-top: 1px;
}

/*DataTables*/
.dataTables_filter {
  margin: 10px;
}
.dataTables_wrapper .dataTables_filter input {
  background: url('/images/search-icon-hi.png');
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 2% 5px;
  background-color: #eee !important;
  text-indent: 25px;
  color: #000;
  padding-left: 5px;
  width: 65%;
  height: 28px;
  /* border: 1px solid #DDD; */
  font-size: 14px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.bx-wrapper .bx-controls-direction a {
  z-index: 9998 !important;
}

.fancybox-lock .fancybox-overlay {
  z-index: 9999;
}

.redInput {
  border: 2px solid #820202 !important;
}

.subparentmenulink {
  margin-top: 15px;
  display: inline-block;
}

.custloglink {
  float: none !important;
}
/*#confluence-iframe{
  margin-top:-9px !important;
}*/
/*********************************/
/***** bootstrap override ********/
/*********************************/
div.container {
  width: 100%; /* need to check on responsivness - default= 1170px in bootstrap */
}
span.reportScreenInputs,
span.reportScreenInputs12 {
  text-align: right;
}
div.reportScreenRunButton {
  padding-right: 0;
  margin-bottom: 0.5em;
}
span.reportSceenInputs {
  width: 8em;
}
span.reportScreenInputs12 {
  width: 12em;
}
.brs-hide {
  display: none;
}
.btn-default {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px !important;
  text-shadow: none;
  font-weight: normal !important;
  font-family: inherit !important;
  text-shadow: none !important;
}
.btn-default:hover {
  color: white !important;
  font-size: 12px !important;
  font-family: inherit !important;
  text-shadow: none;
  font-weight: normal !important;
}
.btn-gray {
  background-color: #313131 !important;
  color: white;
  background-image: none !important;
}
.btn-gray:hover,
.btn-gray:focus {
  color: white;
  background-color: #ee8900 !important;
}
.ui-widget {
  font-size: inherit !important;
}
.ui-tabs div.ui-tabs-panel {
  border: 1px solid #a8a6a6 !important;
}
.down-arrow-orange {
  background-image: url('/graphics/orangecaret.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: 10px 10px;
  cursor: pointer;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid white;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid white;
  margin-left: -18px;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid white;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
  margin-right: -18px;
  float: right;
}
.ui-dialog {
  overflow: visible !important;
  z-index: 101;
}
.ui-widget-content {
  border: none !important;
}
.ui-widget-content {
  background: none !important;
}
#dialog-message,
#dialog-message1,
#dialog-message2,
.ui-dialog-buttonpane {
  background-color: white !important;
  margin: 0 !important;
}
.glyphicon {
  color: #f68a1e;
}
a:hover,
a:focus {
  color: #f68a1e !important;
}
.buyerPlanner {
  color: #f68a1e !important;
  font-size: 12px !important;
  margin-left: 5px;
}
.buyerPlanner:hover {
  color: #f68a1e !important;
  font-size: 12px !important;
}
.ui-widget-header {
  border: none !important;
  background: none !important;
  background-color: white !important;
}
.ui-dialog-title {
  font-size: 24px !important;
  font-weight: normal !important;
  color: #777 !important;
}
.ui-dialog-titlebar {
  border-radius: 0px !important;
}
.ui-dialog-buttonpane {
  padding: 10px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  background-image: url('/images/close.png') !important;
  background-size: 100%;
  background-repeat: no-repeat;
}
.tab-content {
  padding: 20px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li > a {
  background-color: #ddd;
  color: #313131;
  border-color: #eee #eee #ddd;
  font-size: inherit;
}
.nav-tabs > li > a:hover {
  font-size: inherit;
}
.dropdown-menu {
  z-index: 99 !important;
  list-style-type: none;
}
.dropdown-menu li {
  list-style-type: none !important;
}
.dropdown-backdrop {
  z-index: 10 !important;
}
.play_overlay {
  background: url('/styles/images/play_button.png') no-repeat;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 30px;
}
.background-orange {
  background-image: none !important;
  background-color: #f68a1e !important;
  color: white !important;
}
.btn-grey-background {
  background-image: none !important;
  background-color: #313131 !important;
  color: white !important;
}
.btn-grey-background:hover {
  background-image: none !important;
  background-color: #f68a1e !important;
  color: white !important;
}
.close:hover {
  background-image: none !important;
}
.margin-right {
  margin-right: 20px !important;
}
.doneLink:hover {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  cursor: pointer;
}

div .smallerAlert {
  padding-top: 0px;
  padding-bottom: 0px;
}

.messageObjGroup {
  display: inline-block;
  width: 100%;
}

.messageButton {
  float: right;
  margin-bottom: 5px;
  padding: 5px 5px;
}

#notifyAlerts,
#notifyAlerts:hover {
  font-size: 14px !important;
  font-weight: normal !important;
  font-family: inherit;
}
#notifyAlerts:hover,
#notifyAlerts:focus,
#notifyAlerts:active {
  color: black !important;
}
#breadCrumbs span {
  cursor: pointer;
}
#clearExclusions {
  position: absolute;
  right: 3px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 18px;
  cursor: pointer;
}
#clearExclusionsDiv {
  width: 100%;
}
.form-control:focus {
  border-color: rgba(246, 138, 31, 0.6) !important;
  outline: 0px none;
  box-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.075) inset,
    0px 0px 8px rgba(246, 138, 31, 0.6) !important;
}
.table-striped > tbody > tr[style='display:table-row;']:nth-of-type(2n + 1) {
  background-color: #eee !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #eee !important;
}
.table-striped > tbody > tr:hover {
  background-color: #ebe4da !important;
}
.table-striped > tbody > tr.noHover:hover,
.table-striped > tbody > tr.noHover {
  background-color: white !important;
}
.table-striped > tbody > tr.footerRow {
  background-color: #313131 !important;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border: none !important;
}
.table a.white {
  color: white !important;
}
div.panel.panel-default.gryBack {
  background-color: #eee;
}
html
  > body.ng-scope
  > div.center.ng-scope
  > div.page-container
  > div#BOCancelBody.backOrderCancel.ng-scope
  > div.ng-scope
  > div#messageBoxSpacingDiv.clear.ng-scope {
  clear: none;
}
#messageBoxSpacingDiv {
  margin-bottom: 2rem;
}
.detailImageContainer {
  width: 55% !important;
  float: left;
  clear: both;
  margin-top: 15px;
}
.detailImageContainer p {
  text-decoration: underline;
}
.messageBox ul li,
.popover-content ul li {
  list-style: none !important;
}
.successInput {
  border-color: #3c763d !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.successInput:focus {
  border-color: #3c763d !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.thumbPreview {
  max-width: 50px;
  max-height: 50px;
  display: inline;
}
.paddingCartPreview {
  padding: 10px;
}
.productDetailsTabOne p {
  width: 99%;
  display: inline-block;
}
.productDetailsTabOne p span:first-child {
  text-align: right;
  padding-right: 5px !important;
}
.productDetailsTabOne p span {
  padding-left: 5px !important;
}
.productDetailsTabOne h3 {
  font-size: 20px;
}
.priceStrike {
  text-decoration: line-through;
}
.productDetailsTabOne a {
  font-family: Verdana, Arial, sans-serif /*{ffDefault}*/ !important;
  font-size: 1em !important;
}
.productDetailsTabOne,
.ui-tabs div.ui-tabs-panel {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
.carousel-indicators {
  display: none;
}
.bs-datepicker-head {
  background-color: #ddd;
  text-align: center;
}
.bs-datepicker-body {
  background-color: white;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span,
.bs-datepicker-body table td span[class*='select-']:after,
.bs-datepicker-body table td[class*='select-'] span:after {
  background-color: #ddd;
}

.bs-datepicker-body table td.week span {
  color: #ddd;
}

.bs-datepicker-head {
  background-color: #ddd !important;
}
bs-datepicker-container {
  z-index: 50;
}

.input-group-addon.searchHighlighter {
  background-color: #f68a1e;
  color: white;
}

.hotlistEmailLI {
  display: inline-table;
  margin-left: 10px;
  text-decoration: underline;
}

#cellCarrier {
  margin-top: 5px;
}

.hlInfoText {
  margin-top: 10px;
}

.hlItemDesc {
  font-weight: bold;
}

.hlInstructions {
  border: 1px solid lightgray;
  border-radius: 10px;
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.missingHLInfo {
  margin-left: 20px;
  font-size: 12px;
}

#shipmentOptions li {
  list-style: none;
}

.editNotif {
  color: #be0009;
}

#noPromoLabel {
  font-size: 16px;
  font-weight: normal;
}

.accountPayItem .accountPay {
  color: #f68a1e;
  font-weight: bold;
}

ul.productsMenu > li ul li a.orangeColor {
  color: #f68a1e;
  font-weight: bold;
}

.plsNote {
  color: red;
  text-decoration: underline;
}

.searchNoteBox {
  border: 1px solid red;
  padding: 5px;
}

/*
 * Some CSS flex helpers
 */

:root {
  --gutter-width: 1rem;
  --outer-margin: 2rem;
  --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1);
  --half-gutter-width: calc((var(--gutter-width) * 0.5));
  --xs-min: 30;
  --sm-min: 48;
  --md-min: 64;
  --lg-min: 75;
  --screen-xs-min: var(--xs-min) em;
  --screen-sm-min: var(--sm-min) em;
  --screen-md-min: var(--md-min) em;
  --screen-lg-min: var(--lg-min) em;
  --container-sm: calc(var(--sm-min) + var(--gutter-width));
  --container-md: calc(var(--md-min) + var(--gutter-width));
  --container-lg: calc(var(--lg-min) + var(--gutter-width));
  --space-xs: 2px;
  --space-sm: 4px;
  --space-md: 6px;
  --space-lg: 8px;
  --space-xl: 12px;
}

.flex-row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: var(--gutter-compensation, -0.5rem);
  margin-left: var(--gutter-compensation, -0.5rem);
}

@custom-media --sm-viewport only screen and (min-width: 48em);
@custom-media --md-viewport only screen and (min-width: 64em);
@custom-media --lg-viewport only screen and (min-width: 75em);

.flex-col,
.flex-col-1,
.flex-col-2,
.flex-col-3,
.flex-col-4,
.flex-col-5,
.flex-col-6,
.flex-col-7,
.flex-col-8,
.flex-col-9,
.flex-col-10,
.flex-col-11,
.flex-col-12,
.flex-col-offset-0,
.flex-col-offset-1,
.flex-col-offset-2,
.flex-col-offset-3,
.flex-col-offset-4,
.flex-col-offset-5,
.flex-col-offset-6,
.flex-col-offset-7,
.flex-col-offset-8,
.flex-col-offset-9,
.flex-col-offset-10,
.flex-col-offset-11,
.flex-col-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: var(--half-gutter-width, 0.5rem);
  padding-left: var(--half-gutter-width, 0.5rem);
}

.flex-col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.flex-col-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.flex-col-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.flex-col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.flex-col-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.flex-col-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.flex-col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.flex-col-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.flex-col-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.flex-col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.flex-col-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.flex-col-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.flex-col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.flex-col-offset-0 {
  margin-left: 0;
}

.flex-col-offset-1 {
  margin-left: 8.33333333%;
}

.flex-col-offset-2 {
  margin-left: 16.66666667%;
}

.flex-col-offset-3 {
  margin-left: 25%;
}

.flex-col-offset-4 {
  margin-left: 33.33333333%;
}

.flex-col-offset-5 {
  margin-left: 41.66666667%;
}

.flex-col-offset-6 {
  margin-left: 50%;
}

.flex-col-offset-7 {
  margin-left: 58.33333333%;
}

.flex-col-offset-8 {
  margin-left: 66.66666667%;
}

.flex-col-offset-9 {
  margin-left: 75%;
}

.flex-col-offset-10 {
  margin-left: 83.33333333%;
}

.flex-col-offset-11 {
  margin-left: 91.66666667%;
}

.flex-start {
  justify-content: flex-start;
  text-align: start;
}

.flex-center {
  justify-content: center;
  text-align: center;
}

.flex-end {
  justify-content: flex-end;
  text-align: end;
}

.flex-top {
  align-items: flex-start;
}

.flex-middle {
  align-items: center;
}

.flex-bottom {
  align-items: flex-end;
}

.flex-around {
  justify-content: space-around;
}

.flex-between {
  justify-content: space-between;
}

.flex-first {
  order: -1;
}

.flex-last {
  order: 1;
}

.important-message {
  color: #cc0000;
}

.panel-heading-year {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
}

.panel-heading-year:hover,
.panel-button-catalog:hover {
  color: #e58e1a;
  background-color: #f5f5f5;
}

.in-stock-buttons {
  border-color: #eeeeee;
  border-radius: 6px;
  margin-left: 5px;
  padding: 5px;
  color: #f68a1e;
  font-weight: bold;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: inherit !important;
}

/* TODO: this isn't working in PaginationBar.vue */
.pagination-bar label {
  margin-bottom: 0px;
}

.readonly-field {
  /* border: 1px lightgrey solid;
  padding: 1rem;
  border-radius: 4px; */
}

.readonly-field > div:first-child {
  font-weight: bold;
}