* {
  min-height: 0;
  min-width: 0;
}

html {
  position: relative;
  height: 100%;
  webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  --partner-status-color-1: #3f97c6;
  --partner-status-color-2: #d54f82;
  --partner-status-color-3: #5fb788;
  --partner-status-color-4: #8eada8;
}

body {
  margin: 0px;
  font-size: 13px;
  text-decoration: none;
  background: #024268;
  height: 100%;
}

body.withWhiteBackground {
  background: #fff;
}

body.isMasked {
  background: #000;
}

input[type="text"],
input[type="submit"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
  -webkit-appearance: none !important;
  border-radius: 8px;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #aaa;
  font-weight: normal;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #aaa;
  font-weight: normal;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #aaa;
  font-weight: normal;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #aaa;
  font-weight: normal;
}

body,
input,
textarea,
select {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

input,
select {
  margin: 0;
  padding: 0;
  outline: 0;
}

input:disabled {
  opacity: 0.5;
  background: inherit;
}

form {
  margin: 0;
  padding: 0;
}

.narrowPage {
  max-width: 600px;
  margin: 100px auto;
  padding: 0 30px;
}

#outer-wrap {
  position: relative;
  !overflow: hidden;
  width: 100%;
  height: auto !important;
  min-height: 100%;
}

.js-nav #outer-wrap {
  overflow: hidden;
}

#cart .none {
  text-align: center;
  padding: 50px 0 100px;
}

.cke_dialog {
  z-index: 5000000 !important;
}

#inner-wrap {
  width: 100%;
  padding-bottom: 100px;
  height: auto !important;
  min-height: 100%;
}

.cat:hover {
  background-color: #fcebed !important;
}

.cat4:hover {
  background-color: #f8ccd2 !important;
}

#charNav {
  padding-bottom: 10px;
  color: #999;
}

#charNav .char {
  float: left;
  width: 3.846%;
  padding: 10px 0;
  text-align: center;
}

#charNav a.char:hover {
  text-decoration: none;
  color: #fff;
  background: #dd001e;
}

.tecButtonArea {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #e0e0e0;
  font-size: 13px;
  color: #777;
}

.tecButton {
  margin: 0 20px 0 0;
  float: left;
}

.brochureCta {
  background: url(/lib/img/lennox_brochure_icon.png) no-repeat left top;
  padding: 2px 0 2px 75px;
  font-size: 14px;
  min-height: 86px;
  margin: 0 15px 0 10px;
}

.noActive {
  background: none !important;
  color: inherit !important;
  outline: none !important;
  box-shadow: none !important;
}

.isNZUser .disabledForNZUsers {
  display: none;
}

#orderBrochureDialog {
  max-width: 400px;
}

.brochureSelect {
  width: 100%;
  height: 80px;
}

#cTotal {
  font-size: 18px;
  text-align: center;
  padding: 20px;
}

#content .dialogContent,
#hlMenuMob {
  display: none;
}

#orderDetailHdr,
#orderDetailItems {
  border-collapse: collapse;
  margin: 10px 0 20px;
}

#orderDetailHdr td,
#orderDetailItems td {
  padding: 10px 0;
  border-top: 1px solid #eaeaea;
  vertical-align: top;
}

#orderDetailHdr td:first-child {
  font-weight: bold;
  padding-right: 20px;
}

#srAttachments {
  float: left;
  width: 100%;
}

#confirmServiceRequestDialog {
  max-width: 600px;
}

#newLennoxServiceRequest {
  padding-bottom: 80px;
}

#selectSRBranchDialog .branchAvail {
  display: none;
}

.cartBundleArea {
  color: #666;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
  font-size: 14px;
}

.cartBundleItemList {
  padding-top: 6px;
}

.saving {
  color: #eb0a29;
  font-weight: bold;
}

#selectSRBranchDialog .branch {
  padding: 4px 0 10px;
}

.srActionArea {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 20px 20px 20px 220px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.alertArea {
  background: #f9dde1 url(/lib/img/stop_icon.png) no-repeat 20px center;
  background-size: 48px;
  color: #d6001b;
  padding: 15px 20px 15px 100px;
  font-size: 18px;
  font-weight: bold;
  min-height: 48px;
}

.overdue {
  color: #d6001b;
}

.serviceRequestNoteArea {
  padding: 15px 20px 15px 100px;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 48px;
  font-size: 18px;
  font-weight: bold;
}

.serviceRequestNoteArea .note {
  font-weight: normal;
}

#selectedProductDescription {
  padding: 7px 8px;
  background: #f2f2f2;
  color: #666;
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

#srnPower {
  background-image: url(/lib/img/power_icon.png);
}

#srnFilters {
  background-image: url(/lib/img/filters_icon.png);
}

#srnSettings {
  background-image: url(/lib/img/large_settings_icon.png);
}

#srnOutlets {
  background-image: url(/lib/img/wind_icon.png);
}

#srnAdvise {
  background-image: url(/lib/img/large_thumbsup_icon.png);
}

.formSection {
  border-top: 2px solid #333;
  padding: 20px 0 60px;
  float: left;
  width: 100%;
  clear: left;
}

.formSection .title {
  width: 40%;
  float: left;
  clear: left;
  font-size: 21px;
  font-weight: bold;
}

.formSection .fields {
  width: 60%;
  float: left;
  max-width: 500px;
}

.formBox {
  padding: 20px;
  border: 1px solid #eaeaea;
  background: #f6f6f6;
  border-radius: 6px;
}

.smallLabel {
  padding-bottom: 6px;
}

.smallLabel.withSpacer {
  padding-top: 10px;
}

#newLennoxServiceRequest .formSection {
  max-width: 800px;
}

#newLennoxServiceRequest .noteAttachment {
  background-color: #f2f2f2;
  color: #333;
  margin-bottom: 6px;
  display: block;
  float: none;
}

.no-touch #newLennoxServiceRequest .noteAttachment:hover {
  background-color: #ebf3f9;
}

.selectionSettingsInfo {
  font-size: 14px;
  color: #777;
  padding: 60px 0 20px;
  background: url(/lib/img/selection_settings.png) no-repeat top center;
  background-size: 89px;
  text-align: center;
}

.greenCue {
  padding: 10px;
  background: #cec;
  text-align: center;
  color: #090;
  font-weight: bold;
}

.greenCue .button {
  background: #090;
  color: #fff;
}

#requestQuoteBtn {
  margin: 0 10px 0 0;
}

.submitted #requestQuoteStep1,
#requestSubmitted {
  display: none;
}

.submitted #requestSubmitted {
  display: block;
}

#quickAddArea,
#promoCodeArea {
  margin-bottom: 30px;
  padding: 20px;
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

#quickAddArea input {
  display: inline;
}

#quickAddQty {
  width: 70px;
  font-weight: bold;
}

#quickAddProductCode {
  max-width: 300px;
  font-weight: bold;
}

#quickAddButton {
  float: right;
}

#payStep1 {
  max-width: 460px;
}

#editCompany,
#addCompany,
#reportCylinder,
#cylinderReported,
#addUser,
#requestQuote {
  max-width: 300px;
}

#cylinderWarnings {
  float: left;
  margin: 0 10px 0 0;
  border-radius: 8px;
}

.unreadNotesBadge {
  height: 16px;
  line-height: 16px;
  font-weight: bold;
  font-size: 9px;
  border-radius: 8px;
  padding: 0 6px;
  position: absolute;
  top: -7px;
  right: -7px;
  background: red;
  color: #fff;
  min-width: 20px;
  box-sizing: border-box;
  text-align: center;
}

.prodInfoDialog {
  max-width: 600px;
}

#newSystemDialog {
  max-width: 330px;
}

#saveWarning {
  max-width: 260px;
}

.rqOk .paySuccessMsg {
  padding-left: 30px;
  padding-right: 30px;
}

.hlSaveArea {
  padding: 10px 10px 0;
}

.optionTypeTitle {
  text-transform: uppercase;
  float: left;
  width: 200px;
  font-weight: bold;
  color: #999;
}

.optionTitle {
  font-weight: bold;
  color: #000 !important;
  font-size: 14px;
}

a.optionTitle {
  padding-right: 14px;
  background: url(/lib/img/black_pointer.png?v=1) no-repeat right center;
}

.rackOptionSelector {
  max-width: 400px;
}

a.rackOptionSel {
  padding: 15px;
  border-top: 1px solid #e0e0e0;
  display: block;
  color: #444 !important;
  font-size: 14px;
  border-left: 4px solid #fff;
}

a.rackOptionSel:first-child {
  border: 0;
}

.no-touch a.rackOptionSel:hover {
  text-decoration: none;
  background: #444;
  color: #fff !important;
  border-left: 4px solid #444;
}

.uploadFile,
#uploadFile {
  position: absolute;
  left: -1000px;
}

a.rackOptionSel.selected {
  border-left: 4px solid #29abe2 !important;
}

.promoCodeDetails,
.usageLimit {
  display: none;
}

.promoCode_overall .promoCodeDetails,
.promoCode_company .promoCodeDetails,
.promoCode_account .promoCodeDetails,
.promoCode_user .promoCodeDetails {
  display: block;
}

#promoRules {
  margin-top: 20px;
}

.promoCodeRow {
  background: #fff;
  padding: 8px 50px 8px 8px;
  margin-bottom: 8px;
  position: relative;
  color: #999;
}

.promoCodeRow .removeBtn {
  background: url(/lib/img/hidpi/close_x.png) no-repeat center center;
  background-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 44px;
}

.promoCode {
  font-size: 16px;
  font-weight: bold;
  color: #999;
}

.active .promoCode {
  color: #333;
}

#txHistoryHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
}

#txHistoryHeader label {
  font-weight: normal;
}

#txHistoryHeader h2 {
  margin-bottom: 0;
}

#accountSummaryBody table {
  border-collapse: collapse;
}

#accountSummaryBody {
  display: flex;
  gap: 30px;
}

#accountSummaryBody > * {
  flex: 1;
  min-height: 300px;
  border: 2px solid #fff;
}

#accountSummaryBody td,
#accountSummaryBody th {
  height: 40px;
  line-height: 40px;
}

#accountSummaryBody td:first-child,
#accountSummaryBody th:first-child {
  padding-left: 20px;
}

#accountSummaryBody td:last-child,
#accountSummaryBody th:last-child {
  padding-right: 20px;
}

#accountSummaryBody tr:nth-child(2n) {
  background-color: #f3f8fb;
}

#accountSummaryBody {
  padding: 20px 0 40px;
}

#currentStatementArea {
  display: flex;
  flex-direction: column;
}

.subMenu.subSubMenu {
  border-top: 1px solid #ddd;
  position: relative;
  top: -30px;
  padding-top: 15px;
  float: none;
}

.subMenu.subSubMenu a span {
  font-weight: normal;
  text-transform: none;
}

#currentStatement {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

#downloadStatementIcon {
  background: url(/lib/img/download_statement_icon.svg) no-repeat center center;
  width: 75px;
  height: 112px;
  background-size: contain;
  margin: 0 0 20px;
}

@media (max-width: 980px) {
  #accountSummaryBody {
    flex-direction: column;
  }
}

.accountSummaryHeader {
  padding: 20px;
}

#accountSummaryBody h2 {
  padding: 0 0 10px;
  margin: 0;
}

.promoCodeRow .tag {
  float: right;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  border: 0;
  font-size: 12px;
}

.cartItemDiscount {
  color: #eb0029;
}

.promoCodeRow.active .tag {
  background: #eb0029;
}

.promoCodeRow.expired .tag {
  background: #900;
}

.promoCodeRow.invalid .tag {
  background: #666;
}

.promoBanner {
  width: 68px;
  height: 68px;
  background: url(/lib/img/on_sale.png) no-repeat left top;
  position: absolute;
  top: -6px;
  right: -6px;
  display: none;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding-horizontal: 20px;
}

#prodTableArea .promoDiscount {
  font-size: 12px;
  display: inline-block;
  padding-left: 4px;
}

#productPricingArea {
  font-size: 24px;
  font-weight: bold;
}

#productPricingInfo {
  font-size: 12px;
  color: #999;
  padding-top: 10px;
}

#promoRulesHeader {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  background: #fff;
  z-index: 1;
}

#promoRulesHeader.sticky {
  padding-left: 20px;
  padding-right: 20px;
}

#promoRules .buttons {
  padding: 12px 0 12px 30px;
  background: url(/lib/img/line-terminator.svg) no-repeat 11px center;
  background-size: 14px;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}

.promoRule {
  padding: 0 0 0 40px;
  position: relative;
  background: url(/lib/img/vert-line.svg) repeat-y 11px top;
}

.promoRule .conditions,
.promoRule .action {
  margin-top: 22px;
  background: #b9d5ea;
  padding: 8px;
  border-radius: 8px;
  position: relative;
}

.promoRule select,
.promoRule input[type="text"] {
  border: 0;
}

.promoRule .action {
  background: #c3b5c9;
}

.promoRule .condition {
  padding-right: 50px;
}

.promoRule .subArrow {
  position: absolute;
  left: -29px;
  top: -22px;
}

.promoRule select,
.promoRule input {
  background: #fff;
  margin-right: 5px;
  border: 0;
  font-weight: bold;
  padding: 7px;
}

.deleteConditionBtn {
  background: url(/lib/img/blue-close-x.svg) no-repeat center center;
  background-size: 10px;
  width: 32px;
  padding: 7px;
  box-sizing: border-box;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
}

.no-touch .deleteConditionBtn:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.promoRule .conditionsArea > div {
  margin-top: 8px;
}

.promoRule .conditionsArea > div:first-child {
  margin: 0;
}

.promoRule.hasOneCondition .deleteConditionBtn {
  display: none;
}

.promoRule .deleteBtn {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 32px;
  height: 32px;
  background: url(/lib/img/blue-close-x-bounded.svg) no-repeat center center;
  background-size: 20px;
  opacity: 0.5;
}

.no-touch .promoRule .deleteBtn:hover {
  opacity: 1;
}

.promoRule .insertBtn {
  position: absolute;
  top: -13px;
  left: -35px;
  display: none;
  width: 24px;
  height: 24px;
  background: url(/lib/img/insert-rule-icon.svg) no-repeat left top;
  background-size: 24px;
}

.no-touch .promoRule .insertBtn:hover {
  background: url(/lib/img/insert-rule-icon-hover.svg) no-repeat left top;
}

.promoRule .conditions:hover .insertBtn,
.promoRule .action:hover .insertBtn {
  display: block;
}

.promoRuleOperator {
  min-width: 130px;
}

.button.addConditionBtn {
  margin-top: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #0069b4;
}

.selectionProductName a:link,
.selectionProductName a:visited {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 8px;
  color: #333;
}

.no-touch .selectionProductName a:hover {
  text-decoration: underline;
}

.hasClearance .promoBanner {
  background-image: url(/lib/img/clearance_sash.png);
}

.internalInfo {
  padding: 20px;
  border: 1px solid #e0e0e0;
  margin-top: 20px;
}

.internalInfo .title {
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}

.internalInfo .section {
  padding-top: 15px;
}

.applicationAccount {
  font-size: 16px;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 0 5px;
  margin: 0 0 10px;
  position: relative;
}

.applicationAccountNum {
  width: 80px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  font-weight: bold;
  background: #f2f2f2;
  text-align: center;
}

#activateUserForm input[type="text"],
#activateUserForm input[type="password"] {
  max-width: 350px;
  font-size: 18px;
  padding: 10px;
}

#activateUserForm .withSpacer {
  margin-top: 20px;
}

.applicationAccountStatus {
  margin-left: 115px;
  padding: 10px 10px 10px 30px;
  background: url(/lib/img/medium_green_tick.png) no-repeat left center;
  background-size: 18px;
}

.applicationAccountWarning .applicationAccountStatus {
  background-image: url(/lib/img/hidpi/big_cross.png) !important;
}

.ticked {
  background: url(/lib/img/medium_green_tick.png) no-repeat left center;
  padding: 4px 0 4px 24px;
  background-size: 18px;
  font-size: 14px;
  color: #666;
}

.toolsHero {
  height: 140px;
  background: url(/lib/img/tools_hero.png) no-repeat center center;
  background-size: 192px;
}

.internalInfo .section .label {
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
}

.hasPromo .promoBanner,
.hasClearance .promoBanner {
  display: block;
}

#prodTableArea.hasPromos,
#gridProd.hasPromos {
  margin-right: 190px;
}

.smallInlineTick {
  background-image: url(/lib/img/huge_tick.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 14px;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 0 0 0 2px;
}

.approveStatusArea {
  padding: 40px;
  margin: 100px auto;
  background: #fff;
  max-width: 200px;
  position: relative;
  text-align: center;
}

.approveStatusArea .hugeTickTitle {
  margin: 0;
  padding-bottom: 10px;
}

.promoDiscount {
  font-weight: bold;
  color: #eb0029;
  font-size: 16px;
}

#promoImages img {
  border-radius: 8px;
}

#promoImages .slick-prev,
#promoImages .slick-next {
  position: absolute;
  top: -24px;
  color: #333;
  height: 44px;
  width: 44px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px;
}

#promoImages .slick-prev:before,
#promoImages .slick-next:before {
  display: none;
}

#promoImages .slick-prev {
  right: 60px;
  left: auto;
  background-image: url(/lib/img/arrow-prev.svg);
}

#promoImages .slick-next {
  right: 10px;
  background-image: url(/lib/img/arrow-next.svg);
}

.promoHdrMob {
  display: none;
}

.catalogSortSelector {
  max-width: 380px;
}

#prodPromos {
  width: 320px;
  float: right;
}

@media (max-width: 742px) {
  #prodPromos {
    width: 170px;
  }
}

#prodPromos button {
  display: none !important;
}

#prodPromosMobile {
  display: none;
}

#prodPromos img {
  width: 150px;
}

.productListUserOptions {
  max-height: 400px;
  overflow-y: scroll;
}

.prodRowSale {
  font-weight: bold;
  color: #eb0029;
}

.promoAd {
  padding-bottom: 15px;
  float: right;
}

.recommendedProducts {
  border-top: 1px solid #ddd;
  margin-top: 50px;
}

.productListName.swivel {
  background-size: 7px;
}

.productListName {
  font-weight: bold;
  font-size: 17px;
}

#shareProductListDialog {
  max-width: 500px;
}

.productListSwivel {
  margin: 0 0 10px;
}

.productListSwivel.swivelAreaOpen {
  margin: 0 0 30px;
}

.compactRowTable .gridProdSaving,
.cartItem .gridProdSaving {
  padding-left: 64px;
  background: url(/lib/img/sale_icon_small.png) no-repeat left center;
  margin: 4px 0 0;
  height: 17px;
  line-height: 17px;
}

.compactRowTable .gridProdSaving.clearance,
.cartItem .gridProdSaving.clearance {
  background-image: url(/lib/img/clearance_icon_small.png);
}

.qtyArea {
  padding: 10px 15px;
  background: #f2f2f2;
}

.rackOption,
.rackInfo {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.rackOption.hasWarning {
  background: #fed;
}

.rackResult .warning {
  color: #ff9900;
}

.rackResult .warning .icon {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-left: 6px;
  margin-bottom: -1px;
  background: url(/lib/img/alert_icon.png?v=1) no-repeat left top;
}

.rackResult.hasWarning {
  color: #666;
}

.rackOption.optionWarning {
  display: none;
}

.rackOption.hasWarning .optionWarning {
  display: block;
}

.rackOption .removeLink,
.optionPrice {
  float: right;
  font-weight: bold;
}

.reassignUser {
  float: right;
}

.largeSubTitle {
  font-size: 18px;
  padding: 0 0 20px;
}

.reassignRow {
  padding: 30px 0;
  border-top: 1px solid #e0e0e0;
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
}

.reassignRow .button {
  float: right;
  clear: right;
  margin: 8px 0 0;
}

.compYield {
  font-size: 24px;
  float: right;
  color: #12b898;
}

.compGuide {
  color: #666;
  float: right;
  clear: right;
}

#compressorDialog .optionNote {
  font-size: 12px;
}

#repAdjustDialog {
  max-width: 280px;
}

#repAdjustDialog input {
  width: 40px;
}

#repAdjustDialog .ajaxError {
  padding: 10px 20px;
  background: #900;
  color: #fff;
}

.prodClassPrivs a {
  display: block;
}

#prodClassPrivs {
  padding: 0 !important;
}

.repSysName {
  padding: 0 0 20px 20px;
  margin-right: 40px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.compNum {
  margin: 0 10px 8px 0;
  float: left;
}

.compressorMenu {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  margin: 10px 0;
  clear: both;
}

.compCapacity,
.compSelCapacity {
  float: right;
  color: #12b898;
}

.compressor {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
}

.removeLink {
  width: 22px;
  height: 22px;
  background: url(/lib/img/close_x.png?v=1) no-repeat center center;
}

.optionGroupTitle {
  font-size: 24px;
  color: 333;
  padding: 30px 0 15px;
}

.optionRight .optionPrice {
  width: 60px;
  margin-right: 20px;
}

#prodLookupFrm {
  float: right;
}

.loadsTitle {
  background: #fff;
}

.rackOption.isShowing .selected,
.rackOption .addLink {
  display: block;
}

.rackOption.isShowing .addLink,
.rackOption .selected {
  display: none;
}

#totalPrice,
#warningsArea {
  padding: 7px 10px;
  font-size: 18px;
  float: left;
  margin-right: 10px;
}

a.tapRow {
  padding: 10px 15px;
  border-top: 1px solid #f2f2f2;
  display: block;
  color: #333 !important;
  cursor: pointer;
}

a.tapRow:first-child {
  border: 0;
}

.no-touch a.tapRow:hover {
  background: #f6f6f6;
}

#totalPrice {
  border: 1px solid #e0e0e0;
  font-weight: bold;
  color: #12b898;
}

.moveUp,
.moveDown {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  opacity: 0.5;
}

.no-touch .moveUp:hover,
.no-touch .moveDown:hover {
  opacity: 1;
}

.moveUp {
  right: 88px;
  background: url(/lib/img/chevron_up_dark.png) no-repeat center center;
}

.moveDown {
  background: url(/lib/img/chevron_down_dark.png) no-repeat center center;
  right: 44px;
}

#rackHeaderOuter {
  height: 100px;
  position: relative;
}

#rackHeader {
  background: #fff;
  position: absolute;
  padding: 20px;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 18px;
  color: #666;
}

#eessFiles {
  padding: 5px 0 0;
}

#rackHeader .ajaxError {
  float: right;
  clear: right;
}

#warningsArea {
  background: #f90;
  color: #fff;
  float: right;
  padding: 8px 14px;
}

#productReports {
  max-width: 380px;
}

a.customerLink:link,
a.customerLink:visited {
  color: #333;
  font-weight: bold;
  display: block;
  padding: 12px 20px 12px 12px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
  background: url(/lib/img/next_icon.png) no-repeat right center;
}

a.customerLink:hover {
  background: #ffce00;
  color: #333 !important;
}

.comp {
  display: inline-block;
  padding: 3px 6px;
  background: #f0f0f0;
  margin: 0 5px 0 0;
}

.systemTitle {
  font-size: 21px;
  padding: 0 15px 0 0;
  color: #12b898;
}

.sysTitle {
  font-size: 19px;
}

.sysPrice {
  font-size: 19px;
  float: right;
  margin-right: 20px;
}

.loads {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.load {
  display: table-row;
}

.load > div {
  display: table-cell;
  padding: 7px;
  border: 1px solid #999;
  white-space: nowrap;
}

.rcComps {
  margin: 10px 0 5px;
}

.createdNotice {
  float: right;
  color: #029878;
  padding: 14px 14px 14px 36px;
  font-weight: bold;
  border-radius: 4px;
  background: #d0f1ea url(/lib/img/hidpi/tiny_tick_green.png) no-repeat 14px
    center;
  background-size: 12px;
}

.rcComp {
  padding: 8px 12px;
  border: 1px solid #999;
  color: #555;
  float: left;
  margin: 0 5px 5px 0;
  border-radius: 4px;
}

.lazyLoadingProductAvailability {
  min-height: 1em;
}

.lazyLoadingNetPrice.loading,
.lazyLoadingProductAvailability.loading {
  background: url(/lib/img/loader2.gif) no-repeat left center;
  background-size: 14px;
}

.systemHeader {
  padding: 20px;
  color: #999;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  bottom: -1px;
}

.sysSectionTitle {
  color: #333;
  font-size: 18px;
  padding: 0 0 20px;
  display: block;
}

.radioButton {
  background: url(/lib/img/radio_off.png) no-repeat 20px center !important;
}

.radioButton.selected {
  background: url(/lib/img/radio_on.png) no-repeat 20px center !important;
}

.system {
  border-bottom: 2px solid #e0e0e0;
}

.duplicateSystemButton {
  position: absolute;
  top: 0;
  right: 44px;
  width: 44px;
  height: 44px;
  background: url(/lib/img/duplicate_icon.svg) no-repeat center center;
  z-index: 10;
  opacity: 0.5;
  background-size: 18px;
}

.duplicateSystemButton:hover {
  opacity: 1;
}

.sysSection {
  padding: 40px 40px 40px 0;
  margin-left: 40px;
  border-top: 1px solid #e0e0e0;
}

.pmSectionHelp,
.helpSection {
  font-size: 13px;
  font-weight: normal;
  color: #777;
  margin: 4px 0;
}

.optionQty {
  float: right;
  font-weight: bold;
  font-size: 14px;
  width: 90px;
}

.shippingNotice {
  color: #900;
  font-weight: bold;
  padding: 0 0 15px;
}

.optionPrice {
  color: #12b898;
  font-size: 14px;
  text-align: right;
}

#rack .qty {
  font-weight: bold;
  font-size: 14px;
}

.optionRight .addLink {
  font-weight: bold;
  margin: 0;
}

.optionNote {
  color: #999;
}

.optionWarning {
  color: #f90;
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 0 18px;
  background: url(/lib/img/alert_icon.png?v=1) no-repeat left center;
}

.optionRight {
  padding-left: 220px;
}

.rackTypeArea {
  padding: 10px;
  border: 1px solid #aaa;
  float: left;
}

.hlSaveArea .button,
body,
#inner-wrap {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hlSaveArea .button {
  width: 100%;
  text-align: center;
  /*
    background-image:-webkit-gradient(linear,top, bottom, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background-image: -moz-linear-gradient(top,  #00aa00,  #008800);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
    background-image: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background-image: linear-gradient(to bottom, #00bb00 0%, #00aa00 100%);
    border-color:#007700;
    color:#fff;
    text-shadow:0 -1px 0 #090;
    -moz-text-shadow:0 -1px 0 #090;
    -webkit-text-shadow:0 -1px 0 #090;
    -o-text-shadow:0 -1px 0 #090;
    -ie-text-shadow:0 -1px 0 #090;
    cursor:pointer;
    box-shadow:0 1px 0 #0b0, 0 1px 0 #0c0 inset;
    -moz-box-shadow:0 1px 0 #00b300, 0 1px 0 #0c0 inset;
    -webkit-box-shadow:0 1px 0 #00b300, 0 1px 0 #0c0 inset;
    -o-box-shadow:0 1px 0 #00b300, 0 1px 0 #0c0 inset;
    -ie-box-shadow:0 1px 0 #00b300, 0 1px 0 #0c0 inset;
    */
}

.hlSaveArea .button:hover {
  border-color: #00558d !important;
  color: #666 !important;
}

#privTypes {
  max-width: 650px;
}

.hiddenOnDesktop {
  display: none;
}

.showOnMobile {
  display: none !important;
}

.componentInfoDialog {
  max-width: 800px;
}

@media (max-width: 610px) {
  .showOnMobile {
    display: block !important;
  }
}

#reportCylinder h3,
#cylinderReported h3 {
  margin-top: 0;
}

.componentSelectionDialog .radioArea {
  padding: 4px 0;
}

#pageMask {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 19990;
  display: none;
}

.noScroll {
  overflow: hidden;
}

.noScroll .dialogArea {
  height: auto;
  height: 90%;
}

.noScroll .dialog.baseBlock {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.noScroll .dialog .baseBlockIn {
  max-height: 100%;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.componentMoreInfo .underBackLink {
  margin-bottom: 5px;
}

.componentMoreInfo .ppProdCode {
  padding-bottom: 0;
}

.componentMoreInfo .productData {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.isMasked #pageMask {
  display: block;
}

.cmiPane {
  display: none;
  padding: 20px;
}

.cmiPane h1.underBackLink {
  padding-top: 0;
  margin-top: 0;
}

.cmiHeader,
.cmiMenu {
  background: #f2f2f2;
  position: relative;
}

.cmiHeader {
  font-weight: bold;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
}

.cmiMenu .tab {
  display: block;
  float: left;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  outline: none;
}

.componentSelection .componentMoreInfo {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: #fff;
}

.componentSelection.componentInfoOpen .componentMoreInfo {
  display: block;
}

.techOpen .cmiTech,
.productOpen .cmiProduct {
  display: block;
}

.techOpen .techTab,
.productOpen .productTab {
  background: #fff;
}

#pimProgress {
  margin-right: 560px;
  position: relative;
}

.completeLabel {
  padding: 2px 0 2px 18px;
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
  background-image: url(/lib/img/tiny_tick_green.png);
  color: #39b54a;
}

a.incompleteLabel:link,
a.incompleteLabel:visited {
  color: #333;
}

.grid .sash,
#product .sash {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 87px;
  height: 87px;
  background-repeat: no-repeat;
  background-position: left top;
  display: none;
  z-index: 1;
}

.list .sash {
  position: absolute;
  left: -8px;
  top: 3px;
  bottom: 3px;
  width: 16px;
  background-color: #d83134;
  border-radius: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
}

.list .showingClearanceSash .sash {
  background-color: #f6cf46;
  background-image: url(/lib/img/clearance_label.svg);
  display: block;
}

.list .showingOnSaleSash .sash {
  background-image: url(/lib/img/on_sale_label.svg);
  display: block;
}

.grid .showingClearanceSash .sash,
#product.showingClearanceSash .sash {
  background-image: url(/lib/img/clearance_sash.svg);
  display: block;
}

.grid .showingOnSaleSash .sash,
#product.showingOnSaleSash .sash {
  background-image: url(/lib/img/on_sale_sash.svg);
  display: block;
}

#productImageArea {
  position: relative;
}

#pimTableArea {
  margin-top: 20px;
}

.largeProgressBarArea,
.largeProgressBar,
.largeProgressLabel {
  border-radius: 4px;
  height: 28px;
}

.largeProgressLabel {
  line-height: 28px;
  font-weight: bold;
  padding: 0 10px;
  position: absolute;
}

.largeProgressBarArea {
  background: #f2f2f2;
  position: relative;
}

.largeProgressBar {
  background: #ffce00;
  position: absolute;
}

#cylinderFilters {
  padding: 10px 0 0;
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
}

.clearFiltersLink {
  float: right;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.cylFilter {
  float: left;
  margin: 0 10px 10px 0;
  height: 28px;
  line-height: 28px;
  padding: 0 28px 0 27px;
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #aaa;
  position: relative;
}

.cylFilter a {
  position: absolute;
  width: 28px;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(/lib/img/hidpi/close_x.png) no-repeat center center;
  background-size: 10px;
  opacity: 0.5;
}

.cylFilter a:hover {
  opacity: 1;
}

.dialogHeader {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}

.dialogHeader.centered,
.centered {
  text-align: center;
}

.dialogHeader.noClose span {
  padding-right: 20px;
}

#filterCylindersDialog .smallCheckbox {
  margin-right: 10px;
  position: relative;
  bottom: -2px;
}

.filterRows {
  max-height: 300px;
  overflow-y: scroll;
}

.dialogSection {
  padding: 20px;
  border-top: 1px solid #eaeaea;
}

.dialogSection:first-child {
  border: 0;
}

.loadTypePane {
  padding: 4px;
}

.loadMenu a {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

.loadMenu a span {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  border-left: 20px solid #ffce00;
  padding: 0 7px 0 10px;
  position: absolute;
  bottom: 30px;
  left: 0;
  transition: background-color linear 0.15s;
}

.loadMenu a img {
  width: 100%;
  border: 0;
  margin: 0;
  opacity: 1;
  transition: opacity linear 0.3s;
}

.loadMenu a:hover span {
  background-color: #ffce00;
}

.loadMenu a:hover img {
  opacity: 0;
}

.roomCapacityOptions input[type="radio"] {
  float: left;
  margin-top: 1px;
}

.roomCapacityOptions label {
  display: block;
  padding-left: 28px;
}

#productVolumeBreaksTitle {
  font-weight: bold;
  padding: 8px 0 5px;
}

.volumeBreak {
  padding: 6px 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f2f2f2;
}

.vbPrice {
  font-weight: bold;
}

.helpVideo {
  display: block;
  margin-top: 20px;
  width: 100%;
}

#helpVideoThumbs {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

#helpVideoButton {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.11);
  position: fixed;
  bottom: 110px;
  right: 40px;
  background: #024268 url(/lib/img/play_icon.svg) no-repeat center center;
  background-size: 25px;
  transition:
    height ease-in-out 0.15s,
    border-radius ease-in-out 0.15s;
  z-index: 5;
}

#helpVideoButton:hover {
  cursor: pointer;
}

#helpVideoButton.menuVisible {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-image: url(/lib/img/x.svg);
  background-size: 16px;
}

#helpVideoMenu {
  position: fixed;
  bottom: 171px;
  right: 40px;
  width: 260px;
  border-radius: 16px;
  border-bottom-right-radius: 0;
  background: #4d7a95;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.11);
  overflow: hidden;
  max-height: 0;
  transition: all ease-in-out 0.3s;
  box-sizing: border-box;
  display: flex;
  gap: 1px;
  flex-direction: column;
}

.menuVisible #helpVideoMenu {
  max-height: 200px;
}

#helpVideoMenu a {
  color: #fff;
  padding: 14px 14px 14px 44px;
  background: #024268 url(/lib/img/video_play.svg) no-repeat 14px center;
  background-size: 20px;
}

#helpVideoMenu a:hover {
  background-color: #000000;
}

#helpVideoMask {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
}

.menuVisible #helpVideoMask {
  display: block;
}

.midpanel a.helpVideoThumb {
  max-width: 600px;
  min-width: 300px;
  aspect-ratio: 16 / 9;
  background: #ccc;
  border-radius: 10px;
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  padding: 40px;
  font-size: 21px;
  font-weight: bold;
  flex-basis: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0069b4;
  background: radial-gradient(circle 300px at top right, #0069b4, #024268);
  color: #ffce00;
  position: relative;
}

.helpVideoThumb::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(/lib/img/video_play.svg) no-repeat center center;
}

.helpVideoThumb:hover {
  color: #ffce00 !important;
}

.helpVideoThumb:hover::after {
  background-image: url(/lib/img/video_play_hover.svg);
}

.helpVideoSpacer {
  max-width: 600px;
  min-width: 300px;
  height: 0;
  flex: 1;
  flex-basis: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 40px;
}

.fieldUnit {
  padding-left: 3px;
  font-size: 10px;
  font-weight: normal;
}

#product_favourites.mostPurchasedList .favouritedTime,
#product_favourites.mostPurchasedList .removeFavouriteLink {
  display: none;
}

.favouriteSaved {
  color: #39b54a;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
}

.favouriteSaved .tick {
  width: 13px;
  height: 11px;
  background: url(/lib/img/stock_tick_small.png) no-repeat left top;
  display: inline-block;
  margin-right: 4px;
}

.loadTypes {
  position: absolute;
  top: 89px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: #f6f6f6;
}

.loadType_cabinet .loadTemps {
  display: none;
}

.loadTypeSelectorOpen .loadForm {
  min-height: 380px;
}

.floorspaceParam,
.otherLoadRuntime {
  display: none;
}

#checkout #payment-element {
  max-width: 300px;
  float: left;
}

.hasLoadType .loadTypeWelcome,
.loadTypes,
.floorAreaCapacityOptions,
.otherLoadFavourites,
.cabinetOptions,
.loadTypeSelector,
.roomCapacityOptions,
.otherLoadCapacityOptions,
.roomTypeArea,
.designTempReadOnly,
.evapTempReadOnly,
.hasReadOnlyTemplate .designTempFld,
.hasReadOnlyTemplate .evapTempFld,
.otherLoadHeader,
.otherLoadFavourites,
.otherLoadSettings,
.usesFloorSpaceMethod .heatloadParam,
.hasReadOnlyTemplate .runtimeFld,
.runtimeReadOnly {
  display: none;
}

.loadTypeSelectorOpen .loadTypes,
.usesFloorSpaceMethod .floorAreaCapacityOptions,
.loadType_cabinet .cabinetOptions,
.hasLoadType .loadTypeSelector,
.loadType_room .roomCapacityOptions,
.loadType_other .otherLoadCapacityOptions,
.loadType_room .roomTypeArea,
.hasReadOnlyTemplate .designTempReadOnly,
.hasReadOnlyTemplate .evapTempReadOnly,
.loadType_other .otherLoadHeader,
.otherLoadFavesOpen .otherLoadFavourites,
.loadType_other .otherLoadSettings,
.usesFloorSpaceMethod .floorspaceParam,
.hasReadOnlyTemplate .runtimeReadOnly,
.loadType_other .otherLoadRuntime {
  display: block !important;
}

.manualRuntimeReadOnly {
  padding: 8px 0;
}

.usesFloorSpaceMethod .roomCapacityOptions {
  display: none !important;
}

.floorspaceTotalArea {
  padding: 4px 0 0;
  color: #666;
}

.doorsArea {
  display: none;
}

.hasLoadPerDoor .doorsArea {
  display: block;
}

.loadName {
  border: 0;
}

a.otherLoadDetailsLink,
.otherLoadFavesOpen a.otherLoadFavesLink {
  background: #fff;
  color: #333;
}

#requestRack,
#requestRack label {
  font-size: 13px;
  font-weight: normal;
}

.otherLoadFavesOpen a.otherLoadDetailsLink {
  background: none;
  color: #666;
}

.dialogSectionTitle,
.smallLabel {
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #333;
}

.otherLoadHeader {
  height: 44px;
  line-height: 44px;
  background: #f6f6f6;
  border: 0;
}

.otherLoadHeader a:link,
.otherLoadHeader a:visited {
  height: 44px;
  color: #666;
  line-height: 40px;
  float: left;
  padding: 0 20px;
  outline: none;
}

.otherLoadFavourites {
  position: absolute;
  top: 132px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 2;
}

.dialogHeader span {
  padding: 15px 42px 15px 15px;
  line-height: 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #aaa;
  display: block;
  letter-spacing: 0.02em;
}

.editLocationDialog input[type="text"],
.editLocationDialog select {
  margin: 14px 0 0;
}

.dialogClose {
  position: absolute;
  width: 42px;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(/lib/img/close_x.png?v=1) no-repeat center center;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}

div.content h1.lennox {
  padding-left: 100px;
  background: url(/lib/img/lennox_logo.png) no-repeat left center;
}

#dr .row,
#dr a.row {
  display: block;
  padding: 15px 70px 15px 66px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 15px center;
  position: relative;
}

#dr .row.folder {
  background-image: url(/lib/img/folder_large.png);
}

#dr .row.back {
  background-image: url(/lib/img/file_back_arrow.png);
}

#dr .row.file {
  background-image: url(/lib/img/file_icon.png);
}

#dr .row:first-child {
  border-top: 1px solid #e0e0e0;
}

.returnIcon {
  width: 18px;
  height: 18px;
  background: url(/lib/img/return_icon.png) no-repeat left top;
  display: inline-block;
}

#outstandingCylinders {
  margin-top: 10px;
}

.no-touch #dr a.row:hover {
  background-color: #fff4d3;
}

.no-touch #dr a.row:hover .count {
  color: #fff4d3;
}

#noCylindersSelected {
  max-width: 320px;
}

.cylClearLocation {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 38px;
  background: url(/lib/img/yellow_clear_icon.png) no-repeat left center;
  display: none;
}

.hasLocation .cylLocationFldArea:hover .cylClearLocation {
  display: block;
}

#dr .count {
  display: inline-block;
  background: #333;
  height: 18px;
  line-height: 18px;
  position: absolute;
  right: 20px;
  top: 16px;
  font-weight: bold;
  color: #fff;
  padding: 0 10px;
  border-radius: 9px;
  float: right;
  font-size: 12px;
}

#dr .fileInfo {
  position: absolute;
  right: 20px;
  top: 16px;
  color: #888;
}

#dr .empty {
  color: #afafaf;
}

#dr .empty .count {
  background: #afafaf;
}

.breadcrumb {
  color: #999;
  margin: 0 0 20px;
  font-size: 14px;
}

.no-touch .dialogClose:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.editable,
a.revertBtn {
  display: none;
}

.pmSectionInclude label {
  display: inline;
  font-weight: normal;
  font-size: 13px;
  padding-right: 8px;
}

.prodDialogSection.included {
  background: #ffe;
}

.prodDialogSection .note {
  padding-top: 5px;
}

.prodDialogSection.included .editable,
.prodDialogSection.included a.revertBtn {
  display: block;
}

.prodDialogSection.included .readable,
.prodDialogSection.included a.editBtn {
  display: none;
}

.accountApplicationArea {
  padding: 30px;
}

.accountApplicationPendingReview {
  padding: 20px;
  background: #f2f2f2;
  width: 200px;
  float: left;
  margin: 20px 20px 0 0;
  position: relative;
  border: 2px solid #f2f2f2;
}

.appliedDate {
  text-align: center;
}

.reviewOverdue {
  border-color: #a00;
}

.applicationButtonArea {
  position: fixed;
  right: 40px;
}

.applicationStepTitle {
  font-size: 24px;
  padding-bottom: 30px;
}

.reviewOverdueBadge {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}

.reviewOverdueBadge span {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 3px;
  line-height: 1;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background: #a00;
}

.reviewOverdue .reviewOverdueBadge {
  display: block;
}

.applicantName {
  font-size: 18px;
  font-weight: bold;
  padding: 30px 0;
  text-align: center;
  min-height: 100px;
}

.sectionLabel {
  border-top: 1px solid #e0e0e0;
  font-weight: bold;
  padding: 5px 0 8px;
  text-transform: uppercase;
  font-size: 13px;
  color: #999;
}

.sectionValue {
  font-size: 18px;
  padding-bottom: 30px;
}

.lsSection {
  padding: 0 0 30px;
}

.lsSection h2 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 0 0 15px;
}

.helpIcon {
  width: 25px;
  height: 14px;
  display: inline-block;
  background: url(/lib/img/info_icon.png) no-repeat center center;
}

.no-touch .helpIcon:hover {
  background-image: url(/lib/img/info_icon_red.png);
}

.dialogArea {
  margin: auto;
  overflow: visible;
  height: 0;
  z-index: 20000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  text-align: left;
}

.dialog {
  margin: 0 auto 50px;
}

.baseBlockBg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  z-index: 20001;
}
/*.dialogClose
{ width:20px; height:20px; background-position:-1px -32px; position:absolute; right:0; top:0; z-index:20003; }*/
.noClose .dialogClose {
  display: none;
}
.noTouch .dialogClose:hover {
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dialogContent {
  margin: auto;
  position: relative;
}

.tabSet {
  !border-top: 1px solid #e0e0e0;
  margin: 0 0 30px;
  text-align: center;
  background: #f6f6f6;
  color: #bbb;
}

.tabSet a {
  font-weight: bold;
  color: #333 !important;
  padding: 14px;
  font-size: 14px;
  display: inline-block;
}

.tabSet a.selected {
  border-bottom: 2px solid #ffce00;
}

.contentStatusDialog,
#droppedAtBranchDialog {
  max-width: 320px;
}

.contentStatusDialog .yesTick,
.contentStatusDialog .noTick {
  padding: 10px 0 10px 38px;
  background-position: left center;
  background-repeat: no-repeat;
}

.contentStatusDialog .yesTick {
  background-image: url(/lib/img/big_tick.png);
}

.contentStatusDialog .noTick {
  background-image: url(/lib/img/big_cross.png);
}

#cylSelectedActions {
  position: relative;
}

#cylActionSelector {
  height: 36px;
  line-height: 36px;
  background: #fff url(/lib/img/select_pointer_small.png) no-repeat right center;
  padding: 0 20px;
  border-right: 15px solid #fff;
  font-weight: bold;
  display: block;
  color: #333;
  min-width: 145px;
  outline: none;
  cursor: pointer;
  box-shadow: 0 0 1px #909090;
  border-radius: 8px;
}

.cylindersSelected #cylActionSelector {
  background-color: #0069b4;
  border-color: #0069b4;
  box-shadow: none;
  color: #fff;
}

#cylActionSelector:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #00223a;
}

.cylindersSelected #cylActionSelector:hover {
  border-color: #024268;
  background-color: #024268;
  color: #fff;
}

#cylActions {
  position: absolute;
  top: 36px;
  left: 0;
  max-height: 0;
  background: #f2f2f2;
  font-weight: bold;
  min-width: 200px;
  transition: max-height ease-out 0.15s;
  overflow: hidden;
  z-index: 4;
  border-radius: 8px;
}

#cylActions a {
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  color: #00223a;
  display: block;
  outline: none;
}

#cylActionsMask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f2f2f2;
  opacity: 0.5;
}

.multipleAccountsSelected .disabledForMultiAccount {
  opacity: 0.5;
}

.cylindersSelected #cylActionsMask {
  display: none;
}

#cylActions a:hover {
  background: #024268;
  color: #fff;
}

.cylSelectorOpen #cylActions {
  max-height: 350px;
}

.autocompleteWithinDialog {
  z-index: 21000 !important;
}

#cylindersMoreArea,
#locationsMoreArea,
#customersMoreArea {
  text-align: center;
  padding: 30px 0 0;
}

#cylindersMoreArea {
  float: left;
  width: 100%;
  margin: 10px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #f2f2f2;
}

#cylinderTable {
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
  padding-top: 20px;
}

.imageThumbnail {
  width: 140px;
}

#dialog_logo #imgUploading {
  background-image: url(/lib/img/loader2.gif);
  padding-left: 45px;
}

.logoThumbnail {
  margin: 10px auto 30px;
}

.logoThumbnail {
  width: 140px;
  height: 140px;
}

.removeImageButton {
  background: #fff url(/lib/img/hidpi/close_x.png) no-repeat center center;
  background-size: 12px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  top: 16px;
  left: -16px;
  display: block;
}

.no-touch .removeImageButton:hover {
  background-color: #d66;
  background-image: url(/lib/img/hidpi/close_icon_white.png);
}

#alertHeading {
  background: #c60c46;
  color: #fff;
  padding: 15px 20px;
  font-weight: bold;
  margin: 0 0 20px;
}

#cylinderTable .row {
  !border-bottom: 1px solid #f2f2f2;
  !box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  !align-items: stretch;
  margin: 0 30px 30px 0;
  width: 280px;
  height: 120px;
  float: left;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  !border-radius: 12px;
}

table.outlined {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

table.outlined td,
table.outlined th {
  border: 1px solid #ccc;
  padding: 10px;
}

.indicatorOn,
.indicatorOff {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-right: 4px;
}

.indicatorOn {
  background: #6d6;
}

.indicatorOff {
  background: #aaa;
}

.cylinderColorCue {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 9px;
  !height: 3px;
  background-color: #999;
  transition: all ease-out 0.1s;
  !opacity: 0.3;
}

.no-touch #cylinderTable .row:hover .cylinderColorCue {
  width: 14px;
}

.cylDetailsArea {
  !background: url(/lib/img/right_chevron_small.png) no-repeat right center;
  !border-right: 20px solid #fff;
  padding: 20px 20px 0 74px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cylSelectArea {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  padding: 10px;
  overflow: hidden;
  z-index: 1;
}

.filterButton {
  width: 34px;
  height: 34px;
  background: url(/lib/img/filter_icon.png) no-repeat center center;
  background-size: 18px;
  border: 1px solid #e0e0e0;
  display: block;
  float: right;
  margin: 0 0 0 10px;
  border-radius: 8px;
}

.cylFilterPane a {
  display: block;
  height: 44px;
  line-height: 44px;
  border-top: 1px solid #f2f2f2;
  padding: 0 20px;
  color: #333 !important;
}

.cylFilterMenu a {
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 18px;
}

.cylTypeLink,
.cylFilter_type {
  background-image: url(/lib/img/cyl_type_icon.png);
}

.cylFilterActive_type .cylTypeLink {
  background-image: url(/lib/img/cyl_type_icon_active.png);
}

.cylSizeLink,
.cylFilter_size {
  background-image: url(/lib/img/cyl_size_icon.png);
}

.cylFilterActive_size .cylSizeLink {
  background-image: url(/lib/img/cyl_size_icon_active.png);
}

.cylLocationLink,
.cylFilter_location {
  background-image: url(/lib/img/cyl_location_icon.png);
}

.cylFilterActive_location .cylLocationLink {
  background-image: url(/lib/img/cyl_location_icon_active.png);
}

.cylOwnerLink,
.cylFilter_owner {
  background-image: url(/lib/img/cyl_owner_icon.png);
}

.cylFilterActive_owner .cylOwnerLink {
  background-image: url(/lib/img/cyl_owner_icon_active.png);
}

.cylLevelLink,
.cylFilter_level {
  background-image: url(/lib/img/cyl_level_icon.png);
}

.cylFilterActive_level .cylLevelLink {
  background-image: url(/lib/img/cyl_level_icon_active.png);
}

.cylFilterPane a:first-child {
  border: 0;
}

.smallDownloadIcon {
  width: 12px;
  height: 12px;
  background: url(/lib/img/small_download_icon.png) no-repeat center center;
  background-size: 12px;
  display: inline-block;
  position: relative;
  bottom: -1px;
  margin: 0 2px 0 0;
}

#cylSearchFld {
  height: 36px;
  line-height: 36px;
  background: #f2f2f2;
  font-size: 14px;
  width: 170px;
  float: right;
  margin: 0 0 0 10px;
  border: 0;
  font-weight: bold;
}

#cylSearchForm {
  position: relative;
}

#cylSearchForm a {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 36px;
  background: url(/lib/img/hidpi/close_icon.png) no-repeat center center;
  background-size: 14px;
}

.no-touch .cylSelectArea:hover {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}

.cylSerialNum {
  font-size: 16px;
  font-weight: bold;
}

.projReportDownloadArea {
  padding: 0 0 20px;
  border-bottom: 1px solid #f2f2f2;
}

.smallAlertIcon {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url(/lib/img/small_alert_icon.png) no-repeat left top;
  margin-left: 5px;
}

.infoNotice,
.alertNotice {
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 15px 16px;
  margin: 10px 0 3px;
  padding: 15px 20px 15px 45px;
  border-radius: 4px;
}

#projReportOptions {
  font-size: 14px;
  color: #999;
}

.inline {
  display: inline;
}

.reportOptionsTitle {
  font-size: 16px;
  font-weight: bold;
  padding: 30px 0;
  border-top: 1px solid #e0e0e0;
}

#projReportOptions .option {
  padding: 16px 0 0;
}

#projReportOptions label {
  font-weight: normal;
  display: inline;
  padding-left: 10px;
}

#projReportOptions h2 {
  margin-bottom: 6px;
  margin-top: 0;
}

#projReportOptions .projSection {
  margin-bottom: 20px;
}

.projReportDownloadAreaDesktop {
  padding: 30px 0 0;
  margin: 40px 0 0;
  border-top: 1px solid #e0e0e0;
  clear: both;
}

.alertNotice {
  color: #ee1a38;
  background-color: #fdeff1;
  background-image: url(/lib/img/alert_icon_large.png);
  background-size: 18px;
}

.alertNotice a.button {
  background: #ee1a38;
  color: #fff;
  margin: 10px 8px 0 0;
}

.infoNotice {
  color: #12b898;
  background-color: #cfece1;
  background-image: url(/lib/img/hidpi/info_icon_blue.png);
  background-size: 21px;
}

.infoNotice .button {
  background-color: #12b898;
  color: #fff;
  margin: 8px 8px 0 0;
}

.no-touch .alertNotice a.button:hover {
  background: #c5162f;
}

#mainMenu {
  width: 170px;
  float: left;
  padding: 30px 15px 60px 0;
  border-right: 1px solid #f0f0f0;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#nav .menuDivider {
  border-color: rgba(255, 255, 255, 0.1);
  margin: 0;
}

#mainMenu li {
  padding: 0;
  list-style: none;
}

#mainMenu a.option {
  font-size: 16px;
  font-weight: 500;
  padding: 7px 10px 7px 15px;
  display: block;
  position: relative;
  color: #00223a;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.no-touch #mainMenu a.option:hover {
  background: #f6f6f6;
  text-decoration: none;
  cursor: pointer;
}

#mainMenu a.option.selected,
.no-touch #mainMenu a.selected.option:hover {
  background: #024268;
  color: #fff;
}

.menuUserArea,
.menuAccountArea {
  padding: 5px 10px 5px 15px;
  color: #aaa;
}

#addArea,
.addAreaMask {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

#addArea {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.addAreaMask {
  background: #000;
  opacity: 0.2;
  z-index: -1;
}

.addAreaTitle {
  font-size: 21px;
}

.addAreaActionArea {
  padding: 20px;
  background: #fff;
  z-index: 3;
  box-shadow: 0 1px 2px #000;
}

.fav {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #f0f0f0;
}

.fav:first-child {
  margin: 0;
  border: none;
  padding: 0;
}

.favTitle a:link,
.favTitle a:visited {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.favProdCode {
  color: #999;
}

.favActions {
  float: right;
}

.favActions a {
  margin: 0 0 0 20px;
}

.favDetails {
  float: left;
}

.favPrice {
  float: left;
  font-size: 16px;
}

.favInfo {
  margin-left: 100px;
}

.favImg {
  float: left;
  width: 80px;
}

.menuDivider {
  border-top: 1px solid #f0f0f0;
  margin: 10px 0;
}

.favLink {
  display: inline-block;
  padding-left: 20px;
  height: 20px;
  background: url(/lib/img/favourite_off.svg) no-repeat left center;
  background-size: 20px;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
}

.favLink.favourited {
  background-image: url(/lib/img/favourite_on.svg);
}

.favLink:hover {
  opacity: 0.5;
}

#muUserDetails {
  margin-left: 211px;
  padding-bottom: 50px;
}

.templateFields {
  max-width: 600px;
  margin: auto;
  padding: 30px 0 60px;
}

.templateFieldArea {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin: 30px 0 20px;
}

.templateForm .wide {
  float: none;
  clear: both;
  width: 100%;
  max-width: none;
  margin-top: 5px;
}

.templateForm input,
.templateForm select {
  float: right;
  max-width: 120px;
}

.templateForm label {
  float: left;
  width: 75%;
}

.templateForm h2 {
  font-weight: bold;
  color: #333;
  padding-top: 40px;
  font-size: 24px;
}

.templateForm .section {
  float: left;
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}

.templateForm .section:first-child {
  border: 0;
}

.moreOrdersArea,
.moreQuotesArea,
.morePaymentsArea {
  padding: 10px 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  margin: 30px 0;
}

.projWelcome {
  font-size: 16px;
  padding: 0 40px 40px 0;
}

/*
.hasMenu .menuShadow
{
    width:9px;
    background:url(/lib/img/menu_shadow_bg.png?v=1) repeat-y left top;
    position:absolute;
    top:62px;
    bottom:62px;
    left:191px;
}

.hasMenu .menuShadowTop
{
    width:9px;
    height:62px;
    background:url(/lib/img/menu_shadow_top.png?v=1) no-repeat left top;
    position:absolute;
    top:-62px;
    left:0;
}

.hasMenu .menuShadowBottom
{
    width:9px;
    height:62px;
    background:url(/lib/img/menu_shadow_bottom.png?v=1) no-repeat left top;
    position:absolute;
    bottom:-62px;
    left:0;
}
*/

.subMenu {
  display: block;
  padding: 0;
  margin: 0 0 50px;
  float: left;
  position: relative;
  left: -15px;
}

.subMenu li {
  padding: 0;
  list-style: none;
  float: left;
  position: relative;
}

.smallSubMenu {
  display: block;
  padding: 0;
  margin: 0 0 30px;
  position: relative;
}

.smallSubMenu li {
  padding: 0;
  list-style: none;
  display: inline-block;
}

#submissionsFilter {
  padding-bottom: 20px;
}

#submissionsFilter .selected {
  font-weight: bold;
  color: #333;
}

.skuOk,
.cylOk {
  position: absolute;
  right: 12px;
  top: 9px;
  width: 17px;
  height: 17px;
  background: url(/lib/img/checkbox_on.png) no-repeat left top;
  display: none;
}

.cylSelectedCount,
.button.cylButton {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  display: inline-block;
}

.button.cylButton {
  font-size: 10px;
}

.cylSelectedCount {
  background: #f2f2f2;
  color: #999;
  position: relative;
}

.cylSelectedCount.hasSelected {
  padding-right: 30px;
}

.cylSelectedCount.hasSelected a {
  width: 28px;
  height: 28px;
  background: url(/lib/img/close_thin.png) no-repeat center center;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.5;
}

.cylSelectedCount.hasSelected a:hover {
  opacity: 1;
}

.cylOk {
  top: 0;
  right: 0;
}

.cylReturnStatus {
  padding: 8px 10px;
  float: right;
  text-transform: uppercase;
  color: #f6f6f6;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 20px 20px;
}

.cylReturn {
  background: #f2f2f2;
  margin: 0 0 20px;
}

.cylReturnHeader {
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
}

.cylReturnStatus.status1 {
  background: #12b898;
}

.cylReturnStatus.status2 {
  background: #b3b3b3;
}

#addActivityDialog,
.supplierActivityDialog {
  max-width: 320px;
}

.cylReturnStatus.status3 {
  background: #900;
}

#systemLoadSelectionDialog .loadPane,
#systemLoadSelectionDialog .backLink {
  display: none;
}

#systemLoadSelectionDialog.roomLoad .loadTypePane,
#systemLoadSelectionDialog.cabinetLoad .loadTypePane,
#systemLoadSelectionDialog.otherLoad .loadTypePane {
  display: none;
}

#systemLoadSelectionDialog.roomLoad .roomLoadPane,
#systemLoadSelectionDialog.cabinetLoad .cabinetLoadPane,
#systemLoadSelectionDialog.otherLoad .otherLoadPane {
  display: block;
}

#systemLoadSelectionDialog.roomLoad .backLink,
#systemLoadSelectionDialog.cabinetLoad .backLink,
#systemLoadSelectionDialog.otherLoad .backLink {
  display: block;
  position: absolute;
}

.retCylinder {
  padding: 0 0 6px;
}

.retCylinder .fillLevel {
  background: none;
  padding-right: 6px;
  float: left;
  position: relative;
  top: 2px;
}

.cylReturnDetails {
  padding-left: 24px;
}

#submissionDialog,
#saveSelectionDialog {
  position: relative;
}

.okMessage {
  color: #090;
  padding: 7px 10px 7px 40px;
  font-size: 14px;
  border: 1px solid #afa;
  position: relative;
  border-radius: 4px;
  background: #efe url(/lib/img/tick.png?v=1) no-repeat 10px center;
}

.okMessage a {
  position: absolute;
  width: 40px;
  top: 0;
  bottom: 0;
  right: 0;
  color: #090;
  background: url(/lib/img/close_icon.png?v=1) no-repeat center center;
}

.subMenu a:link,
.subMenu a:visited {
  text-transform: uppercase;
  font-size: 14px;
  color: #b3b3b3;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding: 18px 15px;
  outline: none;
}

.smallSubMenu a:link,
.smallSubMenu a:visited {
  font-size: 14px;
  color: #b3b3b3;
  padding-right: 10px;
  font-weight: bold;
}

.subMenu a span,
.smallSubMenu a span {
  padding-bottom: 2px;
}

.subMenu a.selected > span,
.smallSubMenu a.selected > span {
  border-bottom: 2px solid #0069b4;
  color: #00223a;
}

.no-touch .subMenu a:hover,
.no-touch .smallSubMenu a:hover {
  color: #666;
  text-decoration: none;
  cursor: pointer;
}

#contentInner.hasMenu .midPanel {
  margin-left: 200px;
  position: relative;
}

.dialogBody {
  padding: 20px;
}

#replaceCard {
  max-width: 320px;
}

.fillLevel {
  padding: 0 10px 0 0;
  background: url(/lib/img/select_pointer_small.png) no-repeat 21px center;
  display: inline-block;
}

.fillLevel span {
  width: 17px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}

.cylinderFillOption {
  width: 25px;
  text-align: center;
  float: right;
}

.fillOptionHdr {
  width: 25px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  float: right;
}

.returnFormCyl {
  padding: 8px 0;
  border-bottom: 1px solid #f2f2f2;
}

.returnFormCyl:first-child {
  border-top: 1px solid #f2f2f2;
}

.fillLevel1 span,
.fillOption1 {
  background-image: url(/lib/img/cylinder_1.png);
}
.fillLevel2 span,
.fillOption2 {
  background-image: url(/lib/img/cylinder_2.png);
}
.fillLevel3 span,
.fillOption3 {
  background-image: url(/lib/img/cylinder_3.png);
}
.fillLevel4 span,
.fillOption4 {
  background-image: url(/lib/img/cylinder_4.png);
}

.pl .product,
.plFavouritesArea .product {
  padding: 20px;
  border-top: 1px solid #f2f2f2;
  position: relative;
  overflow: hidden;
}

#systemNameTitle {
  margin-bottom: 5px;
  font-size: 28px;
}

.no-touch .pl .product:hover .productLinkLayer,
.no-touch .plFavouritesArea .product:hover .productLinkLayer {
  background: rgba(255, 206, 0, 0.1);
}

.pl .product:first-child,
.plFavouritesArea .product:first-child {
  border: 0;
}

.pl .thumbnail,
.plFavouritesArea .thumbnail {
  width: 100px;
  float: left;
}

.pl .product img,
.plFavouritesArea .product img {
  width: 80px;
}

.pl.loading,
.results.loading {
  background: url(/lib/img/loader2.gif) no-repeat center center;
}

.pl .ppProdCode {
  padding: 0 20px;
}

.pl .noImage {
  display: none;
}

.pl .productData,
.cmiPane .productData {
  width: auto;
  float: none;
  padding: 20px;
  max-width: none;
  min-height: 0;
}

.pdProduct h1,
.pl .docType,
.pl .docSize,
.pl #pdRight {
  display: none;
}

.pl .prodInfoSection {
  font-size: 14px;
}

.projCta {
  font-size: 24px;
  font-weight: bold;
}

.guestAccess #cylAccountSelector {
  display: none;
}

a.warnings {
  color: #c60c46 !important;
  border: 1px solid #c60c46;
  font-size: 14px;
  padding: 0 10px 0 34px;
  background: url(/lib/img/small_alert_icon.png) no-repeat 10px center;
  height: 34px;
  line-height: 34px;
  font-weight: bold;
  float: right;
  margin: 4px 0 0 20px;
}

a.warnings.selected {
  background-color: #c60c46;
  color: #fff !important;
}

.no-touch a.warnings.selected:hover {
  background-color: #c60c46;
}

.no-touch a.warnings:hover {
  background-color: #fee;
}

.listTable {
  border-collapse: collapse;
  width: 100%;
}

.listTable td {
  padding: 10px;
  border: 1px solid #e0e0e0;
  width: 50%;
}

#copyProjectOptions .tabs {
  padding-top: 10px;
  display: flex;
  background: #f2f2f2;
  border-top: 1px solid #eaeaea;
}

#copyProjectOptions .tabs a {
  flex: 1;
  height: 38px;
  line-height: 38px;
  display: block;
  text-align: center;
  color: #333;
}

#copyProjectOptions .dialogSection {
  border: 0;
}

#templateSetBtn {
  background: #fff;
  border-top-right-radius: 6px;
}

#copyProjectOptions.copyProject #copyProjectBtn {
  background: #fff;
  border-top-left-radius: 6px;
}

#copyProjectOptions.copyProject #templateSetBtn {
  background: none;
}

#copyProjectSection {
  display: none;
}

#copyProjectOptions.copyProject #templateSetSelector {
  display: none;
}

#copyProjectOptions.copyProject #copyProjectSection {
  display: block;
}

.projectWarning {
  padding-left: 23px;
  background: url(/lib/img/small_alert_icon.png) no-repeat left center;
  color: #c60c46;
  font-weight: bold;
}

.standardDialog .warning {
  padding: 10px 15px 10px 43px;
  border-top: 1px solid #f2f2f2;
  font-size: 14px;
  color: #c60c46;
  background: url(/lib/img/small_alert_icon.png) no-repeat 15px 12px;
}

.heatloadAlertNotice {
  margin-right: 20px;
}

.standardDialog .warning a {
  color: #c60c46;
  text-decoration: underline;
}

.standardDialog .warning a:hover {
  color: #000;
  text-decoration: underline;
}

.standardDialog .warning:first-child {
  border: 0;
}

.productLinkLayer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.prodImgArea {
  height: 80px;
  width: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  margin: 0;
}

.prodImgDetails {
  margin: 0 0 0 90px;
  border-left: 1px solid #ddd;
  padding-left: 10px;
  min-height: 80px;
}

.imgThumb {
  padding: 10px;
  border: 1px solid #ccc;
  margin: 0 0 10px 0;
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  min-height: 80px;
  background: #f0f0f0;
  position: relative;
}

.imgThumb:hover .delete {
  display: block;
}

.prodUpdated {
  padding: 10px 0 0;
  text-align: center;
  color: #999;
  font-style: italic;
  font-family: georgia, serif;
}

.prodList .count {
  display: inline-block;
  padding: 2px 3px;
  border: 1px solid #666;
  color: #444;
  line-height: 1;
  font-size: 11px;
  border-radius: 3px;
}

.imgIntranet label,
.document label {
  font-weight: normal;
  display: inline;
  padding: 0;
  font-size: 12px;
}

.document .pdf {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  background: #4b4;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

.gridProd {
  width: 180px;
  float: left;
  margin: 0 8px 8px 0;
  padding: 0 10px 10px 6px;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}

.gridProd .promoBanner {
  top: -5px;
}

.cylinderSubHead {
  padding: 0 0 20px;
  color: #999;
}

.gridProdImage {
  max-width: 140px;
  max-height: 140px;
  display: inline;
  -webkit-transition: all 0.1s; /* Safari */
  transition: all 0.1s;
}

.gridProd:hover {
  cursor: pointer;
}

.gridProd:hover .gridProdImage {
  max-width: 160px;
  max-height: 160px;
}

.gridProdImageArea {
  width: 100%;
  height: 160px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
}

.gridProdInStock {
  color: #39b54a;
  font-weight: bold;
  padding-left: 18px;
  background: url(/lib/img/stock_tick_small.png) no-repeat left center;
}

.gridProdImageTable {
  display: table;
  width: 180px;
  height: 160px;
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
}

.gridNameArea {
  min-height: 70px;
}

.gridProdPrice {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  line-height: 1;
}

.gridPriceArea {
  padding: 8px 0 0;
}

.gridProdName {
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #000;
}

.gridProdSaving {
  color: #eb0029;
  font-weight: bold;
}

.gridProdCode {
  color: #999;
  font-size: 12px;
}

.smallAddCartBtn {
  float: right;
  background-image: url(/lib/img/cart_icon_small_light.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  padding: 9px 10px 9px 32px !important;
  position: relative;
  z-index: 1;
}

.aster {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url(/lib/img/aster.png) no-repeat center center;
}

.compactRowTable .smallAddCartBtn {
  background-position: 8px center;
  padding: 6px 8px 6px 28px !important;
}

.smallAddCartBtn:hover {
  background-image: url(/lib/img/cart_icon_small_light.png);
}

.imgThumb .delete,
.document .delete,
.docCard .delete {
  width: 24px;
  height: 24px;
  background: url(/lib/img/close_icon.png?v=1) no-repeat center center;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: absolute;
}

#supportForm {
  max-width: 600px;
  position: relative;
}

#sfContainer.feedback #sfSubtype {
  display: none;
}

#sfMenu .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: bottom;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: relative;
  bottom: -1px;
}

#sfMenu {
  margin: 20px 0;
}

.no-touch #sfMenu a:hover .icon {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

#sfMenu a.selected .icon,
.no-touch #sfMenu a.selected:hover .icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

#sfTabSupport .icon {
  background-image: url(/lib/img/support_request_icon_small.png);
}

#sfTabFeedback .icon {
  background-image: url(/lib/img/feedback_icon_small.png);
}

.grey {
  padding: 5px 0 20px;
  color: #999;
}

.sfResult {
  font-size: 16px;
  text-align: center;
  margin-top: 40px;
}

.sfResultInner {
  padding-top: 74px;
  background: url(/lib/img/huge_tick.png) no-repeat center top;
}

#faq .sectionHeader {
  font-size: 18px;
  padding: 20px 0 10px;
}

#faq h2 {
  font-weight: bold;
  margin: 0;
}

.sfLeft {
  width: 40%;
  float: left;
}

.sfRight {
  width: 40%;
  float: right;
}

.sfArea {
  padding: 10px 0 0;
  float: left;
  width: 100%;
}

.sfFooter {
  padding: 15px 0 0;
}

#submitBtn {
  margin: 15px 0 0;
  float: right;
}

#sfDesc {
  height: 120px;
}

#supCtas {
  padding: 20px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#supCtas a {
  background-color: #f2f2f2;
  font-size: 18px;
  font-weight: bold;
  padding: 12px;
  height: 183px;
  background-position: center 75%;
  background-repeat: no-repeat;
  position: relative;
  color: #00223a;
  flex: 1;
  max-width: 600px;
  min-width: 300px;
  box-sizing: border-box;
}

#supCtas .sub {
  font-size: 13px;
  opacity: 0.5;
  font-weight: normal;
  display: block;
  padding-top: 4px;
}

.supArrow {
  position: absolute;
  width: 50px;
  height: 44px;
  background: url(/lib/img/support_arrow_yellow.png) no-repeat left top;
  right: 0;
  bottom: 20px;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
}

.no-touch #supCtas a:hover {
  background-color: #ffce00;
}

.no-touch #supCtas a:hover .sub {
  color: #b08e00;
}

.no-touch #supCtas a:hover .supArrow {
  background-image: url(/lib/img/support_arrow_grey.png);
}

#supUserGuide {
  background-image: url(/lib/img/user_guide_icon_dark.png);
}

.no-touch #supUserGuide:hover {
  background-image: url(/lib/img/user_guide_icon_light.png);
}

#supLogRequest {
  background-image: url(/lib/img/support_request_icon_dark.png);
}

.no-touch #supLogRequest:hover {
  background-image: url(/lib/img/support_request_icon_light.png);
}

#supFeedback {
  background-image: url(/lib/img/feedback_icon_dark.png);
}

.no-touch #supFeedback:hover {
  background-image: url(/lib/img/feedback_icon_light.png);
}

#faq {
  padding-top: 30px;
  border-top: 1px solid #f2f2f2;
  margin-top: 30px;
}

#faq ul {
  margin: 8px 0 0;
}

.question .answer {
  display: none;
  font-size: 14px;
  color: #888;
  padding: 6px 0;
}

.question.open .answer {
  display: block;
}

.question a {
  font-size: 14px;
  color: #00223a !important;
  background: url(/lib/img/dark_swivel_closed.png) no-repeat left 9px;
  padding: 6px 0;
  display: block;
  outline: none;
}

.no-touch .question a:hover {
  background-color: #f6f6f6;
}

.question.open a {
  background-image: url(/lib/img/dark_swivel_open.png);
}

.supPhoneArea {
  float: right;
  color: #aaa;
}

.supPhone,
a.supPhone {
  font-size: 18px;
  color: #eb0029 !important;
  font-weight: bold;
  padding-left: 22px;
  background: url(/lib/img/red_phone_icon.png) no-repeat left center;
}

.question a,
.question .answer {
  padding-left: 16px;
}

#punchoutHeader {
  background-color: #333;
  color: #fff;
  padding: 0 15px;
  height: 44px;
  line-height: 44px;
  position: relative;
}

#punchoutHeader .button {
  position: absolute;
  top: 8px;
  right: 15px;
  bottom: 8px;
  line-height: 28px !important;
  background-color: #444;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.document .delete {
  display: inline-block;
  top: 2px;
  right: 2px;
}

.imgThumb .delete,
.docCard .delete {
  right: 0;
  top: 0;
  display: block;
}

.imgThumb .delete:hover,
.docCard .delete:hover,
.document .delete:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.imgThumb img {
  max-width: 80px;
  max-height: 80px;
  margin: auto;
}

.imgThumb .button {
  height: 30px;
  width: 88px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  margin: 30px 0;
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  font-weight: normal;
}

#searchPageForm {
  margin: 0 0 10px;
  display: block;
}

#quoteOptions {
  padding-left: 25px;
  color: #333;
}

#quoteOptions label {
  padding: 0 0 5px;
  display: block;
}

#coilForm .fieldArea {
  min-height: 70px;
}

#coilQuoteForm .radioOption {
  display: inline;
  padding-right: 30px;
}

#coilQuoteForm .fieldArea {
  float: left;
  width: 200px;
  padding: 20px 20px 0 0;
}

#coilQuoteForm h2 {
  color: #333;
  padding: 30px 0 10px;
  font-weight: bold;
  margin: 0;
}

#coilQuoteForm .radioArea {
  padding-top: 20px;
}

.coilImage1,
.coilImage2,
.coilImage3 {
  width: 33.333%;
  float: left;
}

.coilImage4,
.coilImage5 {
  width: 100%;
}

.sr {
  padding: 20px 0;
}

#searchResults .sr .productsPage {
  border: 0;
  padding-top: 0;
}

#searchResults .none {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

#searchHeaderArea {
  border-bottom: 1px solid #e0e0e0;
}

#searchResults {
  padding: 0 0 0 15px;
}

.searchLabel {
  float: left;
  width: 115px;
  padding: 10px 0;
  color: #333;
}

.searchLabel span {
  font-size: 18px;
  display: block;
}

.srMoreArea {
  padding: 4px 0 0 17px;
  color: #bbb;
}

.srMoreArea a {
  margin: 10px 0 0;
}

.inlinePdfIcon {
  font-size: 9px;
  display: inline-block;
  padding: 2px 4px;
  background: #333;
  color: #fff;
  line-height: 1;
  position: relative;
  top: -2px;
  margin-left: 4px;
  border-radius: 2px;
}

.no-touch a:hover .inlinePdfIcon {
  background: #dd001e;
}

.searchResult {
  padding: 12px 0 0;
  font-size: 14px;
}

.searchResult .light {
  color: #ccc;
  font-size: 14px;
}

.searchResult > a:link,
.searchResult > a:visited {
  color: #333;
  font-weight: bold;
  padding: 0 0 0 17px;
  background: url(/lib/img/chevron_small.png) no-repeat left center;
  display: inline-block;
}

.srDesc {
  color: #888;
  padding: 3px 0 0 17px;
  font-size: 13px;
}

.srFileMeta {
  padding: 3px 0 0 17px;
}

.srUrl,
.srTags {
  color: #aaa;
  padding: 3px 0 0 17px;
}

.srDesc a:link,
.srDesc a:visited {
  color: #888;
}

.srSection {
  margin: 0 0 0 150px;
}

.searchResult em {
  font-weight: bold;
  font-style: normal;
}

.searchResult .button {
}

.prodDialogSection {
  padding: 20px;
  border-top: 1px solid #ededed;
}

.prodHeader {
  color: #444;
  font-size: 16px;
  padding: 20px;
  background: #f0f0f0;
}

.prodCode {
  padding: 4px 10px;
  display: inline-block;
  background: #444;
  color: #f0f0f0;
  font-weight: bold;
  font-size: 21px;
  margin-right: 20px;
}

.productDialog {
  padding-bottom: 20px;
}

.productDialog h2 {
  color: #999;
  margin: 0 0 10px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1;
}

.unitMobText {
  font-size: 13px;
  color: #888;
  display: none;
}

.docTitleFld {
  font-size: 13px;
}

.irImageArea {
  padding: 0 0 3px;
}

.irImage {
  width: 60px;
  border: 1px solid #e0e0e0;
  float: left;
  margin: 0 10px 0 0;
}

.irImage img {
  max-width: 60px;
}

li.notSelectable a:hover {
  background: none !important;
  color: #333 !important;
  border-bottom: 0 !important;
}

.otherItemForm .labourMarkupNotice {
  display: none;
}

.otherItemForm.isLabour .labourMarkupNotice {
  display: inline;
}

.otherItemForm.isLabour .productMarkupNotice {
  display: none;
}

#cartImportForm.loading #cartImportFormBody,
#cartItemsImporting {
  display: none;
}

#cartImportForm.loading #cartItemsImporting {
  display: block;
}

#cartActions {
  float: left;
  display: flex;
  gap: 15px;
}

#selectedCustomer {
  box-shadow: #bbb 0 1px 3px;
  margin: 3px 0 0;
  position: relative;
  background-color: #f2f2f2;
}

#selectedCustomer span {
  padding: 14px;
  display: block;
}

#selectedCustomer a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 44px;
  background: url(/lib/img/hidpi/close_x.png) no-repeat center center;
  background-size: 12px;
  opacity: 0.4;
}

.no-touch #selectedCustomer a:hover {
  opacity: 1;
}

#mainMenu .new {
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -9px;
  width: 29px;
  height: 18px;
  background: url(/lib/img/new_main_desktop.png) no-repeat left top;
}

#mainMenu .new span {
  display: none;
}

#nav .new {
  right: 15px;
  height: 14px;
  top: 50%;
  margin-top: -7px;
}

#nav .new,
.subMenu .new {
  font-size: 8px;
  font-weight: bold;
  line-height: 14px;
  position: absolute;
  color: #fff;
  background: #dd001e;
  padding: 0 3px;
}

.subMenu .new {
  position: absolute;
  top: -13px;
  right: 0;
}

.newBadge,
label .new {
  font-size: 8px;
  font-weight: bold;
  line-height: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  background: #dd001e;
  padding: 0 4px;
  position: relative;
  top: -3px;
  margin: 0 3px;
}

#importLoading {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.92);
  text-align: center;
  padding-top: 100px;
  color: #999;
  z-index: 3;
}

#importLoadingPane {
  background: #fff url(/lib/img/loader2.gif) no-repeat center 30px;
  box-shadow: 0 1px 3px #bbb;
  width: 250px;
  margin: auto;
  padding-top: 80px;
}

.importLoadingHeading {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 6px;
  color: #333;
}

#importedProducts {
  width: 100%;
  margin: 10px 0 0;
  border-collapse: collapse;
}

#importedProducts td {
  border-top: 1px solid #e0e0e0;
  vertical-align: top;
  padding: 12px 8px;
}

#importedProducts tr:first-child td {
  border: 0;
}

.imgThumb .uploading {
  width: 90px;
  height: 30px;
  line-height: 30px;
  padding: 30px 0;
  font-size: 13px;
  color: #999;
  background: url(/lib/img/loader1.gif) no-repeat center 15px;
}

.uploadSelect {
  position: relative;
}

.uploadSelect .button input {
  z-index: 999;
  line-height: 0;
  font-size: 50px;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity = 0);
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  _cursor: hand;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 200px;
}

.document {
  border: 1px solid #ccc;
  margin-bottom: 12px;
  border-radius: 4px;
  background: #f0f0f0;
  position: relative;
}

.cat3 .loading {
  padding: 20px 10px 20px 30px;
  background: url(/lib/img/loader2.gif) no-repeat 10px center;
  background-size: 14px;
  color: #999;
  font-size: 16px;
}

.docThumbnail {
  max-width: 80px;
  max-height: 120px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  float: left;
}

.docCard.large .docThumbnail {
  max-width: 200px;
  max-height: 300px;
}

.docCard,
.imgThumb {
  padding: 10px;
  border: 1px solid #e0e0e0;
  position: relative;
  margin: 0 0 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: #fff;
}

.docSubHdr {
  font-size: 16px;
  padding: 0 0 10px;
}

.attachmentChanges {
  padding: 0 10px 10px;
}

.docCard {
  padding-right: 100px;
}

.docCard.large {
  padding: 10px;
}

.docCard .internalDoc {
  margin: 0;
}

.docCardEditBtn {
  position: absolute;
  top: 4px;
  right: 35px;
  font-weight: bold;
}

.docCardDesc {
  color: #999;
}

.docCardActions {
  position: absolute;
  top: 10px;
  right: 10px;
}

.docCardDetails {
  margin: 0 0 0 90px;
}

.docCard.docHasUrl .docCardDetails {
  margin: 0;
  padding-left: 10px;
  border-left: 80px solid #f2f2f2;
}

.docCard.large .docCardDetails {
  margin: 0 0 0 210px;
}

.docCard.large.docHasUrl .docCardDetails {
  margin: 0;
  padding-left: 10px;
  border-left: 200px solid #f2f2f2;
}

.docCardTitle {
  font-weight: bold;
}

.docCardMeta {
  color: #999;
}

#headeruser {
  max-width: 680px;
}

.imgThumb.draggable {
  cursor: move;
}

.cat1.withFlag {
  background: url("/lib/img/flag.png") no-repeat 5px 8px;
}

.cat2.withFlag {
  background: url("/lib/img/flag.png") no-repeat 25px 8px;
}

.cat3.withFlag {
  background: url("/lib/img/flag.png") no-repeat 45px 8px;
}

.cat4.withFlag {
  background: #f6f6f6 url("/lib/img/flag.png") no-repeat 5px 8px;
}

.flag {
  width: 15px;
  background: url("/lib/img/flag.png") no-repeat center center;
  display: inline-block;
}

#docMsg {
  padding: 0 0 10px;
  color: #900;
  font-size: 14px;
}

.docFileName {
  padding: 6px;
  width: 67%;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.newFolder {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  background: #c60c46;
  margin: 0 0 0 10px;
}

.newFolderSmall {
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background: #c60c46;
  margin: 0 5px 0 0;
}

.newFile {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
  color: #fff;
  border-radius: 2px;
  background: #c60c46;
  margin: 0 0 0 10px;
  font-weight: bold;
  font-size: 10px;
  position: relative;
  top: -2px;
}

.docTitleArea {
  border-top: 1px solid #e0e0e0;
  text-align: right;
  color: #999;
  font-weight: bold;
  font-size: 12px;
  position: relative;
}

.catFlag {
  padding-right: 15px;
  background: url(/lib/img/flag_grey.png?v=1) no-repeat right center;
  color: #777;
  font-weight: bold;
}

.docTitleLabel {
  padding: 11px 7px;
  display: block;
  width: 50px;
  border-bottom-left-radius: 4px;
}

.prodTaArea > div {
  width: 560px !important;
}

.nicEdit-main {
  width: 552px !important;
}

.docDownload {
  font-size: 11px;
  font-weight: normal;
}

.docTitleFld {
  padding: 10px 7px !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom-right-radius: 4px !important;
  background: #f6f6f6;
  width: 490px !important;
  float: right;
}

.docTitleReturn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: #e0e0e0 url(/lib/img/small_menu_icon.png?v=1) no-repeat center
    center;
}

#docURL {
  padding: 30px;
}

#docLargeURL {
  font-size: 18px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.docTitleSel {
  width: 485px;
  margin: 5px 5px 5px 0;
  float: right;
}

#docEditForm {
  padding: 30px;
}

#docEditForm label.withSpacer {
  margin-top: 17px;
}

label .charCount {
  font-size: 13px;
  font-weight: normal;
  color: #999;
  float: right;
}

label .charCount.red {
  color: #900;
}

.deHeader {
  padding: 15px 15px 15px 55px;
  background: #f2f2f2 url(/lib/img/doc_icon_large.png) no-repeat 15px 15px;
  min-height: 40px;
}

.docTitleFld:focus {
  background: #fff;
}

.docIntranetArea {
  float: right;
  padding: 3px 30px 3px 3px;
  margin: 3px;
}

.newImg {
  background: #f0f0f0;
}

.productData {
  max-width: 470px;
  padding-right: 290px;
  position: relative;
  min-height: 850px;
}

.productDialogSynced,
.productDialogSynced .delete {
  display: none;
}

.synced .productDialogSynced {
  display: block;
}

.synced .productDialog,
.synced .newImg,
.synced #docForms {
  display: none;
}

.synced .prodDialogSection {
  border: 0;
  padding-top: 0;
}

.synced .prodDialogSection:first-child {
  padding-top: 20px;
}

.synced h2 {
  font-size: 14px;
  margin: 0 0 10px;
}

#pdRight {
  position: absolute;
  top: 0;
  right: 0;
}

#editProductDialog {
  max-width: 600px;
}

#prodDescText {
  height: 100px;
}

.baseBlockIn {
  background: #fff;
  box-shadow: 0px 2px 7px #000;
  -moz-box-shadow: 0px 2px 7px #000;
  -webkit-box-shadow: 0px 2px 7px #000;
  -o-box-shadow: 0px 2px 7px #000;
  -ms-box-shadow: 0px 2px 7px #000;
  border-radius: 12px;
  overflow: hidden;
}

.prLine:first-child {
  border: none;
}

#reportHeader label {
  padding: 0 0 0 5px;
}

.lifeCycleArea {
  color: #999;
  font-size: 13px;
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}

.prodCategory {
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  padding-top: 10px;
}

.ieShadow {
  display: none;
}

.prLine .text img {
  padding: 10px 0;
  display: inline-block;
}

.rackDialog {
  max-width: 800px;
}

.rackDialog .body {
  position: relative;
}

.rackDialog .loader {
  background-color: #f2f2f2;
}

.rackResults {
  display: table;
  width: 100%;
}

.rackResult {
  display: table-row;
}

.rackResult > div {
  display: table-cell;
  border-top: 1px solid #e0e0e0;
  padding: 15px;
}

.rackResultRow:hover {
  background: #dd001e;
  color: #fff;
  cursor: pointer;
}

#projItemsTable {
  display: table;
  width: 100%;
}

#projItems .header {
  background: #777;
  color: #fff;
}

.img_200 {
  width: 200px;
}

.img_280 {
  width: 280px;
}

.itemMoreLess {
  white-space: nowrap;
}

.itemMoreLess a {
  width: 1em;
}

.itemQtyCell {
  font-weight: bold;
}

.itemPcodeCell {
  font-weight: bold;
}

.addTemplate span {
  display: none;
}

.projItem,
#projItems .header {
  display: table-row;
}

.projItem .hiddenOnMob,
#projItems .header div {
  display: table-cell;
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
}

#custSiteSearchArea {
  float: right;
  width: 220px;
  position: relative;
}

#custSiteSearch {
  height: 28px;
  line-height: 28px;
  padding: 0 7px;
}

#outer-wrap {
  transition: opacity 0.13s linear;
  -webkit-transition: opacity 0.13s linear;
  -moz-transition: opacity 0.13s linear;
}

#cylAccountSelector {
  padding-bottom: 20px;
  padding-top: 0;
}

.cylAppHeading {
  display: none;
}

.isMasked #outer-wrap {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}

.done {
  background: #cfc url(/lib/img/stock_tick_small.png) no-repeat 10px center;
  color: #39b54a;
  padding: 10px;
  font-weight: bold;
  position: relative;
}

.done a {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: url(/lib/img/close_thin.png) no-repeat center center;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.done a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.mobAccName {
  display: none;
}

#managePortalOption {
  background-image: url(/lib/img/world_grey.png?v=1);
}

#gpriv_3 {
  background-image: url(/lib/img/gpriv_3_icon.png?v=1);
}

#gpriv_4 {
  background-image: url(/lib/img/gpriv_4_icon.png?v=1);
}

#gpriv_5 {
  background-image: url(/lib/img/gpriv_5_icon.png?v=1);
}

#gpriv_6 {
  background-image: url(/lib/img/gpriv_6_icon.png?v=1);
}

#gpriv_7 {
  background-image: url(/lib/img/gpriv_7_icon.png?v=1);
}

#gpriv_8 {
  background-image: url(/lib/img/gpriv_8_icon.png?v=1);
}

#gpriv_9 {
  background-image: url(/lib/img/gpriv_9_icon.png?v=1);
}

#gpriv_12 {
  background-image: url(/lib/img/gpriv_12_icon.png?v=1);
}

#gpriv_24 {
  background-image: url(/lib/img/stack_icon.svg);
  background-size: 18px;
}

#manageUsersOption {
  background-image: url(/lib/img/users_grey.png?v=1);
}

#locationsOption {
  background-image: url(/lib/img/hidpi/location_icon.png);
  background-size: 12px;
  background-position: 2px center;
}

#userDetailsSaved,
#approverSaved,
#orderFieldsSaved {
  float: left;
  background: #090;
  color: #f2f2f2;
  display: none;
  padding: 7px 10px;
  font-size: 14px;
}

.priv0Desc {
  margin: 0 4% 0 0;
  background-image: url(/lib/img/priv_0_icon_large.png?v=1);
}

.priv1Desc {
  margin: 0 4% 0 0;
  background-image: url(/lib/img/priv_1_icon_large.png?v=1);
}

.priv2Desc {
  margin: 0 4% 0 0;
  background-image: url(/lib/img/priv_2_icon_large.png?v=1);
}

.priv3Desc {
  background-image: url(/lib/img/priv_3_icon_large.png?v=1);
}

.priv0Hdr {
  background-image: url(/lib/img/priv_0_icon.png?v=1);
}

.priv1Hdr {
  background-image: url(/lib/img/priv_1_icon.png?v=1);
}

.priv2Hdr {
  background-image: url(/lib/img/priv_2_icon.png?v=1);
}

.priv3Hdr {
  background-image: url(/lib/img/priv_3_icon.png?v=1);
}

.transitions {
  transition:
    max-height 0.2s linear,
    opacity 0.1s linear;
  -webkit-transition:
    max-height 0.2s linear,
    opacity 0.1s linear;
  -moz-transition:
    max-height 0.2s linear,
    opacity 0.1s linear;
}

#userAccountBtns {
  float: right;
}

.panelBtmInner {
  overflow: visible;
}

.split.cond_unit #splitCondUnitLink,
.split.evaporator #splitEvapLink,
.remote.condenser #remotecondenserLink,
.remote.basic_unit #remoteBasicUnitLink,
.remote.evaporator #remoteEvapLink {
  padding-bottom: 37px;
  border-bottom: 4px solid #dd001e;
}

.component .arrow {
  display: none;
}

.split.cond_unit #splitCondUnitLink .arrow,
.split.evaporator #splitEvapLink .arrow,
.remote.condenser #remotecondenserLink .arrow,
.remote.basic_unit #remoteBasicUnitLink .arrow,
.remote.evaporator #remoteEvapLink .arrow {
  display: block;
  position: absolute;
  bottom: -6px;
  width: 8px;
  height: 6px;
  left: 50%;
  margin-left: -4px;
  background: url(/lib/img/red_pointer.png?v=1) no-repeat left top;
}

.ppProdCode {
  font-size: 21px;
  color: #999;
  padding: 4px 0 30px;
}

.noImage {
  margin: auto;
  height: 200px;
  padding: 55px 0 0;
  border: 1px solid #f2f2f2;
  line-height: 200px;
  color: #bbb;
  font-size: 16px;
  text-align: center;
  background: url(/lib/img/camera.png?v=1) no-repeat center 90px;
}

.prodInfoSection {
  padding: 20px 0 0;
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
  font-size: 16px;
}

.prodInfoSection:first-child {
  border: 0;
  padding: 0;
  margin-top: 0;
}

.prodImgBlock {
  width: 285px;
  margin: 0 auto 35px auto;
}

.prodImg {
  margin: 0 auto 5px auto;
  display: block;
  max-height: 500px;
}

.prodImgLink {
  display: block;
}

.prodImgBlock .thumb {
  width: 90px;
  height: 90px;
  float: left;
  margin: 0 0 5px 5px;
}

.prodImgBlock .sep {
  height: 1px;
  margin: 0 0 5px 5px;
  background: #eaeaea;
}

.docBlock {
  padding-top: 1.2em;
}

.docBlock a {
  display: inline-block;
  background: url(/lib/img/next_icon.png?v=1) no-repeat left center;
  padding: 4px 22px;
}

.docSize {
  font-size: 12px;
}

.withNetPrice .repListPricing,
.withListPrice .repNetPricing {
  display: none;
}

.docType {
  background: #aaa;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 1px 3px;
  line-height: 1;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ie-border-radius: 3px;
  font-size: 11px;
  margin-right: 4px;
  position: relative;
  top: -1px;
}

.prodImgBlock a,
.prodImgBlock a img {
  border: 0;
}

.prodImgBlock a:hover {
  opacity: 0.7;
}

#prodPrice {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  padding: 0 0 3px;
}

.prodPrice {
  width: 140px;
  float: right;
}

.productVideoContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}

.productVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#productParts {
  display: table;
  width: 100%;
  font-size: 16px;
}

.productPart {
  display: table-row;
}

.productPart > div {
  display: table-cell;
  padding: 14px 20px;
  border-top: 1px solid #f0f0f0;
}

.productPart:first-child > div {
  border: 0;
}

.productPartLink {
  text-align: right;
}

#product {
  max-width: 980px;
}

#product .stockLevelPanel .stockHeader {
  text-align: left;
  background: none;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
}

#product .stockLevelPanel .stockHeader a {
  text-transform: none;
  font-weight: normal;
}

#product .stockLevelPanel {
  padding-bottom: 30px;
}

.yourPrice {
  color: #090;
}

#product h2 {
  margin: 8px 0 30px;
  font-weight: normal;
  color: #666;
}

.prodPrice > div {
  width: 50%;
  float: left;
}

.prodPrice .right {
  font-weight: bold;
  text-align: right;
}

a.productDocument,
a.productDocument:visited {
  padding: 14px 20px 14px 62px;
  color: #00223a !important;
  display: block;
  border-top: 1px solid #f2f2f2;
  background: url(/lib/img/pdf-icon.svg) no-repeat 20px center;
  background-size: 28px;
}

a.productDocument:first-child {
  border: 0;
}

a.productDocument span {
  opacity: 0.7;
  font-size: 11px;
  display: block;
  padding-top: 3px;
}

.systemNotice {
  border: 1px solid #e0e0e0;
  padding: 20px;
  margin: 0 auto 20px;
  background: #fff;
  max-width: 500px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
}

.creditHoldNotice {
  border: 2px solid #900;
  color: #900;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}

#creditHoldNotice .creditHoldNotice {
  margin-bottom: 20px;
}

.redNotice {
  text-align: left;
  border: 1px solid #dd001e;
  color: #dd001e;
  padding: 10px;
  margin: 0 0 10px;
}

#cart .creditHoldNotice {
  float: right;
  width: 200px;
}

.sysNoticeHdr {
  background: #eaeaea;
  color: #999;
  font-size: 12px;
  padding: 8px;
}

#BreadCrumbLine {
  height: 1px;
  width: 100%;
  border-top: 1px dotted #333;
}

#newNoticeFld {
  height: 130px;
  width: 100%;
}

#cart #addByCodeForm {
  padding: 0 20px 20px;
  float: right;
}

.addMoreProductsNotice {
  padding: 8px 20px;
}

#title {
  font-size: 18pt;
  color: white;
  height: 25px;
  text-align: center;
  vertical-align: middle;
}

h2 {
  font-size: 20px;
  font-weight: normal;
  color: #00223a;
  margin: 0 0 20px;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}

#urlField::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666;
}
#urlField:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
}
#urlField::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
}
#urlField:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666;
}

h2.userHeading {
  font-size: 26px;
  font-weight: bold;
  color: #333;
}

#banner {
  background: 0 0 no-repeat;
  background: #fff;
  height: 28px;
  width: 100%;
  overflow: hidden;
  margin-top: 23px;
}

p {
  font-weight: normal;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
  text-align: left;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

a:link,
a:visited {
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #0069b4;
}

.no-touch a:hover {
  color: #000;
  text-decoration: none;
}

.srdDialog {
  max-width: 380px;
}

.dRow {
  padding: 10px 20px;
  border-bottom: 1px solid #eaeaea;
}

.wideElement {
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dLabel {
  text-transform: uppercase;
  font-size: 10px;
  color: #999;
  font-weight: bold;
}

#addActivityDialog .dLabel {
  font-size: 11px;
  padding: 0 0 8px;
}

.dValue {
  padding-top: 4px;
  font-weight: bold;
}

.selProdImg {
  height: 118px;
  width: 160px;
  margin: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}

.unitTitle {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.15em;
  font-weight: bold;
  color: #666;
}

.unitCode,
.unitQty {
  font-size: 16px;
  font-weight: bold;
  color: #12b898;
  padding-top: 10px;
  display: inline-block;
}

.pmSectionInclude {
  float: right;
}

.editable {
  padding: 6px 0 0;
}

.pmEditTitle {
  font-weight: bold;
}

.requiredTag {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  padding: 1px 4px;
  background: #fff5cc;
  color: #333;
  margin: 0 0 0 6px;
}

#submissionDialog.approverUser .requiredTag {
  display: none;
}

.pmSectionInclude,
.pmEditTitle {
  padding: 0 0 3px;
}

.third {
  width: 32%;
  float: left;
}

.trueThird {
  width: 33.333%;
}

.projRepHeading {
  padding-bottom: 40px;
}

#assistStats {
  padding: 0 0 30px;
  color: #888;
}

#reportLegal {
  padding: 20px 0;
  margin-top: 90px;
  color: #999;
  border-color: #999;
  font-size: 12px;
}

.third.withRightMargin,
.quarter.withRightMargin {
  margin-right: 2%;
}

#pimDescField {
  height: 200px;
}

.quarter {
  width: 23.5%;
  float: left;
}

.tag {
  font-size: 10px;
  padding: 3px 5px;
  line-height: 1;
  border: 1px solid #333;
  border-radius: 2px;
  margin: 0 3px 3px 0;
  display: inline-block;
  box-sizing: border-box;
}

.brightGreenTag {
  border: 0;
  background: #0a0;
  color: #fff;
  height: 15px;
  line-height: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

.redTag {
  border: 0;
  background: #a00;
  color: #fff;
  height: 15px;
  line-height: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

.greyTag {
  border: 0;
  background: #f0f0f0;
  background: rgba(0, 0, 0, 0.08);
  font-weight: bold;
}

.greenTag {
  border: 0;
  background: #cfc;
}

.humanCheck table {
  padding: 0px;
}

#pmEdit {
  max-width: 600px;
}

.infoMsg,
.successMsg,
.warningMsg,
.errorMsg,
.validationMsg {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.infoMsg {
  color: #00529b;
  background-color: #bde5f8;
  background-image: url("../../lib/img/core/info.png");
}
.successMsg {
  color: #4f8a10;
  background-color: #dff2bf;
  background-image: url("../../lib/img/core/success.png");
}
.warningMsg {
  color: #9f6000;
  background-color: #feefb3;
  background-image: url("../../lib/img/core/warning.png");
}
.errorMsg {
  color: #d8000c;
  background-color: #ffbaba;
  background-image: url("../../lib/img/core/error.png");
}
.validationMsg {
  color: #d63301;
  background-color: #ffccba;
  background-image: url("../../lib/img/core/validation.png");
}

.LoginFormError {
  color: red;
  height: 15px;
}

.LoginFormTitle {
  text-align: Center;
  font-weight: bold;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: middle;
  text-align: center;
}

span.GreyedOut {
  color: gray;
}

div.content {
  width: auto !important;
  min-height: 600px;
  border: 0 !important;
  !background: #fff;
}

div.content h1 {
  font-size: 44px;
  font-weight: bold;
  margin: 0 0 20px;
  line-height: 1;
  letter-spacing: -0.03em;
}

div.content h1.smaller {
  font-size: 28px;
}

h1.underBackLink {
  padding-top: 20px;
}

#ContentContainer {
  margin: auto;
  /*max-width: 1000px;*/
  position: relative;
}

.midpanel table {
  width: 100%;
}
.midpanel td {
  text-align: left;
}
.midpanel th {
  text-align: left;
}
.midpanel a {
  text-align: left;
}

.midpanel select {
  text-align: left;
}

.midpanel input {
  text-align: left;
}

div.rightpanel {
  float: right;
  width: 400px;
  padding: 5px 0 4px 0;
  position: relative;
  z-index: 1;
}

.rightpanel th {
  text-align: left;
  border-bottom: 2px solid #1d7287;
}
.rightpanel a {
  text-align: left;
}

.rightpanel select {
  text-align: left;
}

.rightpanel H2 {
  font-size: 16px;
  text-align: left;
  margin: 0 0 20px;
}

table.LoginForm table {
  border: 1px;
  padding: 1px;
}

table.LoginForm tr {
  padding: 1px;
}

table.LoginForm td {
  padding: 1px;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
}

.LoginForm input {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
}

.LoginForm select {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
}

a.LoginButton {
  text-decoration: none;
  color: black;
}

input.LoginButton {
  font-size: 11px;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.LoginButton {
  font-size: 11px;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  height: 25px;
  width: 150px;
  background-color: #eeeeee;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px;
  text-align: center;
  vertical-align: middle;
}

#noticeDialog {
  max-width: 630px;
}

#addToCartDialog {
  max-width: 340px;
}

#saveSelectionDialog {
  max-width: 300px;
}

.defaultButton button {
  font-size: 11px;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  height: 25px;
  width: 200px;
  background-color: #eeeeee;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px;
  text-align: center;
}

.defaultButton td {
  text-align: center;
}

input.yourSKU {
  border: 0;
  background: none;
}

.errorMessage {
  font-size: 14px;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  height: 200px;
}

.componentResults {
  padding: 0 20px;
}

#solutionArea {
  position: relative;
}

#solutionLoading {
  padding: 50px 10px 10px 10px;
  background: url(/lib/img/loader2.gif) no-repeat center 10px;
  width: 240px;
  height: 40px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -130px;
  margin-top: -30px;
  z-index: 20;
  font-size: 16px;
  color: #999;
  display: none;
}

#selectorArea.loading #solutionLoading {
  display: block;
  visibility: visible !important;
}

.componentResults,
#solutionArea {
  background: url(/lib/img/syncing.gif) no-repeat center center;
}

#selectorArea.loading .componentResults *,
#selectorArea.loading #solutionArea * {
  visibility: hidden;
}

.uploadError {
  font-weight: bold;
  color: #900;
}

.resultPlaceholder {
  height: 100px;
}

.componentResults .row {
  cursor: pointer;
  display: table-row;
  background: #fff;
}

.componentResults .selIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/lib/img/large_radio_off.png?v=1) no-repeat left top;
}

.componentResults .cell:first-child {
  width: 16px;
}

.componentResults .cell {
  padding: 11px 10px;
  display: table-cell;
  border-bottom: 1px solid #e0e0e0;
}

.filter {
  background: #444 url(/lib/img/up_down_icon_white.png?v=1) no-repeat 15px
    center;
  color: #fff;
  font-size: 16px;
  padding: 10px 15px 10px 40px;
}

.filter a {
  float: right;
  color: #fff;
  line-height: 1;
  padding-left: 28px;
  background: url(/lib/img/white_close.png?v=1) no-repeat 5px center;
}

.componentResults .row.filtered {
  background: #ffd;
}
/*
.filterLink
{
    display:inline-block;
    width:17px;
    height:19px;
    background:url(/lib/img/up_down_icon_grey.png?v=1) no-repeat left top;
}

.filterLink:hover
{
    background-image:url(/lib/img/up_down_icon.png?v=1);
}
*/

.filtered .filterLink {
  display: none;
}

.repNote {
  font-size: 13px;
  color: #999;
}

.componentResults .header .cell {
  color: #aaa;
  background: #fff;
  font-weight: bold;
}

.componentResults .row.selected .selIcon {
  background-image: url(/lib/img/large_radio_on.png?v=1);
}

INPUT.editableField {
  font-size: 9px;
  width: 200px;
}

/* Shane's Interim Changes */

label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 4px;
}

.loginContentContainer,
.registerContentContainer {
  background: #292929;
}

#errorPage {
  text-align: left;
  font-size: 18px;
}

#loginForm #email,
#registerArea #company {
  margin: 0 0 10px;
}

#register {
  display: block;
  padding: 4px 0 0;
}

#loginArea {
  max-width: 290px;
  border-radius: 12px;
}

#passwordChanged {
  background: #090;
  color: #f2f2f2;
  padding: 10px;
  margin: 0 0 20px;
  display: none;
}

#registerArea {
  max-width: 600px;
  position: relative;
}

#registerArea input[type="text"],
#registerArea input[type="email"],
#registerArea input[type="password"] {
  margin-bottom: 20px;
}

.registerIntro {
  font-size: 16px;
  padding: 35px 35px 35px 35px;
  float: left;
  width: 200px;
}

.registerHelp {
  position: absolute;
  bottom: 0;
  left: 35px;
  bottom: 35px;
  width: 200px;
}

.pagePadding {
  padding: 20px 30px;
}

.helpNum {
  font-weight: bold;
}

.rcArea {
  min-height: 130px;
}

#userPrivs,
#muHeader {
  overflow: hidden;
  padding-left: 30px;
}

#userPrivs label {
  padding-top: 4px;
  padding-bottom: 4px;
}

#userPrivs label.withSpacer {
  margin-top: 5px;
}

#newAccountForm {
  margin-top: 40px;
}

#newAccountFormSections {
  display: flex;
  flex-wrap: wrap;
}

#newAccountFormSections h2 {
  color: #333;
  font-weight: bold;
  margin-bottom: 30px;
}

#newAccountFormSections > div {
  flex: 1;
  margin-top: 30px;
  margin-right: 50px;
  max-width: 340px;
  min-width: 240px;
}

#newAccountFormSections > div:last-child {
  margin-right: 0;
}

#registerForm {
  max-width: 200px;
  float: right;
  margin: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
}

.ccAccRow {
  padding: 0 0 3px;
}

#email,
#password,
#resetEmail {
  font-size: 16px;
  font-weight: bold;
}

#registerForm #processingForm {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-image: url(/lib/img/loader2.gif);
  background-color: #fff;
  z-index: 5;
}

.darkBg {
  background: #024268;
}

#cylSelectedActions {
  float: left;
}

#registerForm #msgbox {
  margin: 0 0 20px;
}

#registerForm .BigButton {
  margin: 30px 0 0;
}

.cylSummaryTable {
  margin-bottom: 50px;
}

#loginOptions label {
  color: #999;
}

.registerTerms {
  color: #999;
}

#loginArea,
#registerArea {
  background: #fff;
  box-shadow: 0 1px 3px #000;
  -moz-box-shadow: 0 1px 3px #000;
  -webkit-box-shadow: 0 1px 3px #000;
  -o-box-shadow: 0 1px 3px #000;
  -ie-box-shadow: 0 1px 3px #000;
  overflow: hidden;
  color: #333;
  text-align: left;
  position: relative;
  margin: 0 10px;
}

#loginArea .paySuccessMsg {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#serviceRequestBtn {
  float: right;
}

#lennoxServiceTitle {
  float: left;
}

#registerArea {
  overflow: visible;
}

.payStmtNotice {
  padding-top: 15px;
}

#registerArea .ajaxError,
#loginArea .ajaxError,
.projArea .ajaxError,
#lennoxServForm .ajaxError {
  background: #900;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 7px 10px;
  margin: 10px 0 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
}

#loginArea .ajaxError {
  margin: 0 0 20px;
}

#registerArea .backLink {
  position: absolute;
  left: 0;
  top: -50px;
}

.loginArrow {
  background: url(/lib/img/login_arrow.png?v=1) no-repeat center top;
  height: 11px;
  position: relative;
  z-index: 2;
  margin: 10px 0 0;
}

.hidden {
  display: none !important;
}

#loginHeader {
  display: block;
  font-size: 21px;
  font-weight: bold;
  color: #ffc300;
  text-align: center;
  padding: 141px 0 0;
  margin: 20px 0 0;
  background: url(/lib/img/login_logo.png?v=1) no-repeat center top;
}

#lostpassword {
  display: block;
  text-align: center;
  margin: 20px 0 0;
}

#msgbox {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
  border: 0;
  text-align: left;
}

#loginArea #msgbox {
  margin: 8px 8px 0;
}

#processingForm {
  background: url(/lib/img/loader1.gif) no-repeat center center;
}

.cellLabel {
  display: none;
}

#loginArea #processingForm {
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  height: 16px;
}

#addedToCartDialog_dialog {
  top: 10px !important;
  right: 0;
  left: auto;
  position: fixed;
  width: 500px;
}

#addedToCartDialog.user .isProject,
#addedToCartDialog.project .isCart {
  display: none;
}

#addedToCartDialog.user .isCart,
#addedToCartDialog.project .isProject {
  display: block;
}

#addedToCartDialog .productImage {
  width: 40px;
  height: 40px;
}

#addedToCartDialog .loading {
  height: 80px;
  background: url(/lib/img/loader2.gif) no-repeat center center;
}

.itemAddedHdr {
  font-weight: bold;
  font-size: 16px;
  padding: 5px 0 5px 33px;
  background: url(/lib/img/white_tick_circle.png?v=1) no-repeat left center;
}

.primaryItemArea,
.supplementaryItem {
  display: flex;
  align-items: center;
  padding: 8px 15px;
}

.primaryItemDescription,
.supplementaryItemDescription {
  width: 100%;
  font-weight: bold;
  padding: 0 20px;
}

.primaryItemQtySelector {
  display: flex;
  align-items: center;
}

.primaryItemQty {
  width: 80px;
  text-align: center;
}

.supplementaryItemsHeader {
  background: #f6f6f6;
  padding: 6px 15px;
  color: #666;
}

a.leftButton.button,
a.rightButton.button {
  width: 48%;
  padding-left: 0;
  padding-right: 0;
}

a.leftButton.button {
  float: left;
}

a.rightButton.button {
  float: right;
}

.nicEdit-panelContain {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
}

.branchAvail {
  padding: 0 10px 10px;
  color: #39b54a;
}

.ba_no_stock {
  color: #f90;
}

.prodAvail {
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0 0;
}
/*
.availability
{
    width:258px;
    float:right;
    border:1px solid #e0e0e0;
    clear:right;
    position:relative;
    margin:0 0 0 20px;
}
*/
#selectBranchDialog .availability,
#selectSRBranchDialog .availability {
  float: none;
  margin: 0;
  width: 300px;
  border: 0;
}

.savedOrder {
  margin: 0 0 20px;
  color: #999;
  background: #f2f2f2;
  padding: 10px;
}

.savedOrderRows,
.hideItemsBtn,
.savedOrder.opened .showItemsBtn {
  display: none;
}

.savedOrder.opened .savedOrderRows {
  display: block;
}

.savedOrderActions {
  float: right;
}

.savedOrderLeft {
  float: left;
}

.fillCartBtn {
  float: right;
  margin-left: 30px;
}

.fillCartBtnMob {
  margin: 15px 0 0;
}

.deleteSavedOrderBtn {
  font-size: 13px;
  font-weight: normal;
}

.showItemsBtn,
.savedOrder.opened .hideItemsBtn {
  display: inline;
}

.favCount {
  color: #999;
}

#favSort {
  float: right;
  margin-bottom: 20px;
}

.orderName {
  font-size: 21px;
  font-weight: bold;
  color: #333;
}

.savedOrderHeader {
  padding: 10px;
  background: #f2f2f2;
}

.savedOrderRows {
  box-shadow: 0 1px 2px #ccc;
}

.saveOrderCta {
  margin: 40px auto 0;
  max-width: 300px;
}

.savedOrdRow {
  padding: 7px 10px;
  border-top: 1px solid #f2f2f2;
  background: #fff;
}

.savedOrdRow:first-child {
  border: none;
}

#rejectComments {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: #f2f2f2;
  border-top: 1px solid #e0e0e0;
}

#saveOrderOk {
  text-align: center;
}

#selectBranchDialog_dialog,
#saveOrderDialog,
#selectSRBranchDialog {
  max-width: 300px;
}

.cylNotesBtn {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url(/lib/img/notes_btn_off.png) no-repeat left top;
}

.hasNotes .cylNotesBtn {
  background-image: url(/lib/img/notes_btn_on.png);
}

.cylNotesBtn:hover {
  background-image: url(/lib/img/notes_btn_over.png) !important;
}

.cylNotesDialog {
  max-width: 380px;
}

.branchForm {
  position: relative;
}

.branchFormInner {
  padding: 20px;
}

.dialogContent .branchFormInner {
  padding: 20px 20px 200px;
}

.branchDialogSimple .branchAvail {
  display: none;
}

.loadMask {
  display: none;
}

.loading .loadMask {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff no-repeat center center url(/lib/img/loader2.gif);
  opacity: 0.8;
  z-index: 3;
}

#order .loading .loadMask {
  left: -30px;
}

#resendActivation {
  max-width: 260px;
}

.searchLoading {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 34px;
  background: #fff url(/lib/img/loader6.gif) no-repeat center center;
  z-index: 1;
}

.loadingPlaceholder {
  height: 80px;
  background: url(/lib/img/loader2.gif) no-repeat center center;
}

#raLoading {
  height: 100px;
  background: #fff no-repeat center center url(/lib/img/loader2.gif);
}

.userSettingsArea label {
  padding-top: 4px;
}

#raError {
  background: #900;
  padding: 40px 20px;
  text-align: center;
  color: #fff;
}

#raSuccess {
  text-align: center;
  font-size: 16px;
  padding-top: 120px;
  background-position: center 30px;
  margin-top: 30px;
}

#raErrorText {
  margin: 0 0 20px;
  font-size: 16px;
}

.stockHeader {
  padding: 7px 3%;
  background: #f2f2f2;
  display: flex;
  justify-content: space-between;
}

.stockHeaderTitle {
  text-transform: uppercase;
  color: #777;
  font-weight: bold;
}

#suburbBtn {
  float: right;
  width: 30px;
  display: block;
}

.showOnTabMob {
  display: none;
}

#orders h1 span {
  font-size: 12px;
  color: #999;
  font-weight: normal;
  padding-left: 10px;
  letter-spacing: 0;
}

.lightGrey {
  color: #aaa;
}

.BigButton,
a.BigButton {
  font-size: 14px;
  padding: 12px 16px !important;
  border: 0;
}

.ordersSection {
  border-top: 1px solid #e0e0e0;
  padding: 4px 0 40px;
}

.ordersSectionTitle {
  color: #bbb;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 13px;
  padding: 0 0 20px;
}

.ordersRow {
  padding: 0 0 0 40px;
  margin: 0 0 30px;
  background: url(/lib/img/order_icon.png?v=1) no-repeat left 2px;
}

.trackProgress {
  font-size: 16px;
}

.orderSubmittedFooter {
  max-width: 280px;
  margin: 40px auto;
  font-size: 13px;
  color: #777;
}

.hvacHeader {
  padding: 0 0 30px;
  max-width: 1040px;
}

.hvacCapArea {
  position: relative;
  font-size: 18px;
}

.hvacCapLabel {
  position: absolute;
  left: 53px;
  top: 0;
  padding: 8px 0;
  font-size: 18px;
  color: #999;
}

.hvacHdrBtn {
  color: #999;
  font-size: 14px;
  float: right;
}

.hvacUnit {
  width: 260px;
  display: inline-block;
  margin: 10px 0 0 10px;
  vertical-align: top;
}

#hvacCapBtn {
  position: absolute;
  right: 0;
  width: 50px;
  bottom: 0;
  top: 0;
}

.hvacUnit:first-child {
  margin-left: 0;
}

.summary ul {
  padding-left: 1em;
  margin: 5px 0;
}

.hvacUnitHdr {
  background: #e6e6e6 url(/lib/img/lennox_logo.png) no-repeat 15px center;
  padding: 15px 15px 15px 118px;
  font-weight: bold;
  font-size: 18px;
}

.competeUnitDetails {
  font-size: 12px;
  color: #999;
  padding: 3px 0 0;
}

.hvacUnitPart,
.hvacUnitAdd {
  width: 50%;
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 15px !important;
}

.hvacImage {
  height: 160px;
  background-position: center center;
  background-repeat: no-repeat;
}

.centeredDialogHeading {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #666;
}

.standardDialog .radioArea input,
.radioContent.radioArea input {
  float: left;
  clear: left;
  margin: 2px 0 0;
}

.standardDialog .radioLabelArea,
.radioContent .radioLabelArea {
  padding-left: 24px;
}

.standardDialog .radioArea,
.radioContent.radioArea {
  padding-top: 10px;
}

.radioLabelArea .note {
  font-weight: normal;
}

label.withBottomMargin {
  margin-bottom: 8px;
}

#orderPickupLabel {
  font-weight: normal;
  background: url(/lib/img/pickup_icon.svg) no-repeat 35px center;
  background-size: 17px;
  padding-left: 60px;
  cursor: pointer;
}

#orderDeliveryLabel {
  font-weight: normal;
  background: url(/lib/img/delivery_icon.svg) no-repeat 35px center;
  background-size: 17px;
  padding-left: 60px;
  cursor: pointer;
}

.no-touch .radioGroupOption:hover {
  background: #f6f6f6;
}

.thermostatDialog .radioInfo {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.capitalItemWarning {
  padding: 10px 20px;
  border-top: 1px solid #eaeaea;
  color: #900;
  font-weight: bold;
}

.resetSelectionsButton {
  font-weight: bold;
  float: right;
  padding-left: 19px;
  background: url(/lib/img/reset_icon.png) no-repeat left center;
  display: block;
  background-size: 12px;
}

.resetSelectionsButton:hover {
  background-image: url(/lib/img/reset_icon_hover.png);
}

.topLink {
  border-top: 1px solid #e0e0e0;
}

.thermostatLink {
  height: 30px;
  text-align: center;
  padding: 0;
  color: #999;
}

.hvacOptions .thermostatLink a {
  color: #ffdc00;
  border: 0;
  display: inline;
  padding: 0;
}

.hvacOptions .thermostatLink a:hover {
  color: #eb0029;
  background: none;
}

.thermostatDialog .hvacOptions {
  padding-top: 190px;
  position: relative;
}

.hvacUnitPart {
  font-size: 14px;
  font-weight: bold;
}

.hvacValue {
  float: right;
  font-weight: bold;
  color: #333;
}

.smallCheckbox {
  width: 14px;
  height: 14px;
  background: url(/lib/img/small_checkbox_off.png) no-repeat left top;
  background-size: 14px;
  display: inline-block;
}

.smallCheckbox.checked,
.checked > .smallCheckbox {
  background-image: url(/lib/img/small_checkbox_on.png);
}

.accountSeparator {
  padding: 0 0 20px;
  font-size: 18px;
  clear: left;
}

.hvacRow {
  padding: 10px 0;
  border-top: 1px solid #e0e0e0;
  color: #999;
}

.accountSelector {
  font-weight: bold;
  white-space: nowrap;
}

.selectable {
  padding-right: 14px;
  background: url(/lib/img/black_pointer.png) no-repeat right center;
  color: #333 !important;
}

.selectable:hover {
  background-image: url(/lib/img/red_pointer.png);
  color: #dd001e !important;
}

.hvacDialog {
  max-width: 280px;
  padding: 0;
  position: relative;
}

#hvacResultUI {
  position: relative;
}

#hvacResultArea {
  overflow-x: hidden;
  white-space: nowrap;
  position: relative;
}

.hvacScroll {
  width: 60px;
  top: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  transition: background-color linear 0.1s;
}

#hvacLeft {
  left: 0;
  background: #fff url(/lib/img/scroll_arrow_left.png) no-repeat center center;
  background: rgba(255, 255, 255, 0.7) url(/lib/img/scroll_arrow_left.png)
    no-repeat center center;
  outline: 0;
}

#hvacRight {
  right: 0;
  background: #fff url(/lib/img/scroll_arrow_right.png) no-repeat center center;
  background: rgba(255, 255, 255, 0.7) url(/lib/img/scroll_arrow_right.png)
    no-repeat center center;
  outline: 0;
}

#deleteOrderDialog {
  max-width: 300px;
}

.hvacScroll .shadow {
  width: 9px;
  top: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.5;
  transition: opacity linear 0.1s;
}

.projTypeOptions label,
#followUpLabel {
  display: inline;
  font-weight: normal;
  font-size: 14px;
}

.no-touch .hvacScroll:hover .shadow {
  opacity: 0.7;
}

.no-touch #hvacLeft:hover,
.no-touch #hvacRight:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.hvacScroll .topMask,
.hvacScroll .btmMask {
  height: 10px;
  position: absolute;
}

.hvacScroll .topMask {
  top: 0;
  background: url(/lib/img/scroll_mask_top.png) repeat-x left top;
}

#hvacLeft .topMask,
#hvacLeft .btmMask {
  left: 0;
  right: -9px;
}

#hvacRight .topMask,
#hvacRight .btmMask {
  left: -9px;
  right: 0;
}

.hvacScroll .btmMask {
  bottom: 0;
  background: url(/lib/img/scroll_mask_bottom.png) repeat-x left top;
}

#hvacLeft .shadow {
  right: -9px;
  background: url(/lib/img/scroll_shadow_left.png) repeat-y left top;
}

#hvacRight .shadow {
  left: -9px;
  background: url(/lib/img/scroll_shadow_right.png) repeat-y left top;
}

#hvacResultInner {
  display: inline-block;
}

.hvacOptions a {
  display: block;
  padding: 12px 15px;
  font-size: 14px;
  border-top: 1px solid #eaeaea;
  color: #333;
}

.hvacOptions a:first-child {
  border: 0;
}

.hvacOptions a.checkbox {
  padding-left: 44px;
  background: url(/lib/img/checkbox_off.png) no-repeat 15px center;
}

.hvacOptions a.checkbox.on {
  background-image: url(/lib/img/checkbox_on.png);
}

.hvacOptions a.radio,
.roomLoadTypes a.radio {
  padding-left: 44px;
  background: url(/lib/img/radio_off.png) no-repeat 15px center;
}

.hvacOptions a.radio.selected,
.roomLoadTypes a.radio.selected {
  background-image: url(/lib/img/radio_on.png);
}

.hvacOptions a:hover {
  color: #333;
  background-color: #f2f2f2;
}

#sessionExpiredAppNotice {
  padding: 150px 0 0;
  text-align: center;
  font-size: 16px;
  color: #999;
}

#hvacCapFld {
  font-size: 18px;
  font-weight: bold;
  padding-right: 48px;
  width: 90px;
}

#favLists {
  max-width: 300px;
  margin-bottom: 8px;
}

#listCheckboxes {
  height: 300px;
  overflow-y: scroll;
}

#listCheckboxes > * {
  display: block;
  border-bottom: 1px solid #e0e0e0;
  height: 44px;
  line-height: 44px;
  padding-left: 42px;
  padding-right: 10px;
  text-overflow: ellipsis;
  color: #333;
  background: url(/lib/img/small_checkbox_off.png) no-repeat 15px center;
  background-size: 14px;
}

#listCheckboxes .checked {
  background-image: url(/lib/img/small_checkbox_on.png);
}

#ecPersonalDetails input {
  width: 200px;
}

#editCoolcardForm .linkedAccount {
  padding-bottom: 10px;
}

#ecLinkedAccounts,
#ecPersonalDetails {
  float: left;
}

#ecLinkedAccounts {
  padding-left: 40px;
}

.saveFooter {
  border-top: 1px solid #e0e0e0;
  margin-top: 30px;
  padding: 30px 0;
}

#cartActions {
  float: right;
}

#cartActions a {
  font-weight: 500;
}

#orderSubmitted .midpanel {
  text-align: center;
}

.hugeTickTitle {
  margin: 40px 0 0;
  font-size: 32px;
  padding: 80px 0 30px;
  background: url(/lib/img/huge_tick.png?v=1) no-repeat top center;
}

#requestSubmitted .hugeTickTitle {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.usingFloorspaceMethod .floorspaceParam {
  display: block;
}

.priceListRequested {
  background: #f2f2f2;
  padding: 10px 15px;
  float: right;
  color: #999;
}

label .note {
  font-weight: normal;
  padding-top: 4px;
}

.newHeatload h1 {
  font-size: 24px !important;
  margin: 10px 0 0 !important;
}

.ccActivateArea .hugeTickTitle h1 {
  font-size: 32px;
}

.centeredMessage {
  padding: 30px;
  text-align: center;
}

.ccActivateArea .hugeTickTitle {
  font-size: 14px;
  text-align: center;
}

.emailPending,
.approvalRequired {
  padding: 94px 20px 20px 20px;
  max-width: 240px;
  margin: 20px auto;
  font-size: 16px;
  border: 2px solid #333;
}

.mailLink {
  height: 20px;
  width: 20px;
  background: url(/lib/img/mail_icon_blue.svg) no-repeat center center;
  background-size: 18px;
  display: inline-block;
}

.no-touch .mailLink:hover {
  opacity: 0.5;
}

.emailPending {
  background: url(/lib/img/boxes.png?v=1) no-repeat center 20px;
}

.approvalRequired {
  background: url(/lib/img/approval_required.png?v=1) no-repeat center 20px;
}

.orderStatus {
  display: inline-block;
  padding: 2px 5px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  position: relative;
  bottom: 2px;
  letter-spacing: 0.05em;
  background: #333;
  color: #fff;
}

#accountEnquiryCta {
  font-size: 14px;
  color: #888;
  padding: 5px 0 0;
  margin: 20px 0 0;
  text-align: center;
}

#balances th {
  border-left: 1px solid #fff;
  font-weight: normal;
  background: #ebf3f9;
}

#balances tr {
  background: none;
}

#balances td {
  border-left: 1px solid #f2f2f2;
  font-size: 15px;
  font-weight: bold;
}

#balances th:first-child,
#balances td:first-child {
  border: 0;
}

.accountSummaryValues {
  background: none !important;
  border-top: 1px solid #e0e0e0;
}

.orderInfo {
  color: #666;
  padding: 0 0 8px;
}

.locationInfo {
  margin-top: 8px;
  padding: 15px 10px 10px;
  background: #f2f2f2;
  margin-top: -5px;
}

.orderTitle {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 3px;
}

#order #deliveryArea,
#addressArea,
#order.delivery #pickupTotal,
#order.pickup #deliveryTotal,
#order.delivery .hiddenForDelivery,
#order.pickup .hiddenForPickup {
  display: none;
}

#order.delivery #deliveryArea,
.newLocation #addressArea {
  display: block;
}

.freightNotice {
  color: #fff;
  font-size: 14px;
  background: #024268;
  padding: 20px;
}

.pickup .freightNotice {
  display: none;
}

.radioGroup {
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.radioGroupOption {
  position: relative;
}

.radioGroupOption label {
  padding: 8px 8px 8px 30px;
  border-top: 1px solid #ccc;
  display: block;
}

.radioGroupOption input {
  position: absolute;
  left: 8px;
  top: 10px;
}

.radioGroupOption:first-child label {
  border: 0;
}

#videoPlayerDialog {
  max-width: 1200px;
}

#videoPlayerDialog .dialogContents {
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  margin-bottom: 10px;
  background-color: #000;
  position: relative;
}

#videoPlayerDialog .video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}

#orderRightFixed {
  position: fixed;
  top: 250px;
  left: 684px;
  font-size: 18px;
  width: 300px;
}

.orderRightSection {
  border-top: 2px solid #333;
  padding: 10px 0 0;
  margin: 0 0 30px;
}

#orderLeft {
  width: 390px;
}

#cartSummary .button {
  margin: 15px 0;
  display: block;
}

#cartSummary > div {
  margin-bottom: 6px;
}

#order.delivery #branchSummary {
  display: none;
}

#orderForm {
  border-radius: 4px;
  margin: 0 20px 20px 0;
  position: relative;
}

#orderForm .error {
  font-weight: bold;
  color: #fff;
  padding: 15px;
  background: #900;
  text-align: center;
}

#deliveryCalculating {
  color: #999;
}

#order.updatingFreight #deliveryCost,
#deliveryCalculating {
  display: none;
}

#order.updatingFreight #deliveryCalculating {
  display: block;
}

.smallSpacer {
  padding-top: 4px;
}

.orderSection {
  padding-top: 20px;
}

.orderSectionLeft {
  width: 30%;
  float: left;
  margin-right: 5%;
}

.orderSectionRight {
  width: 65%;
  float: left;
}

.orderSubmitSection {
  text-align: right;
}

.orderSection:first-child {
  border: 0;
}

#otherDateArea {
  padding: 10px 20px;
}

#otherDateArea input {
  display: inline;
  width: 50px;
}
/*
#addToCartArea
{
    float:right;
    width:258px;
    border:1px solid #e0e0e0;
    margin:0 0 20px 20px;
    position:relative;
}
*/

#priceArea {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}

#largeAddCartBtn {
  display: block;
  width: auto;
  margin: 12px 0;
}

#qtyArea {
  padding: 10px;
}

#selectorProduct .dialogContent,
#selectorProduct .favLink,
#selectorProduct .mailLink {
  display: none;
}

.qtySelector {
  width: 120px;
}

.projItemUnit {
  float: right;
  height: 24px;
  line-height: 24px;
}

/*.qtySelector a
{
    background:#e0e0e0;
    border-radius:4px;
    color:#333;
}*/

.no-touch .qtySelector a:hover {
  background: #dd001e;
  color: #fff;
  text-decoration: none;
}

#addToCartArea .qtySelector {
  float: right;
}

.qtySelector input[type="text"] {
  width: 50px;
  margin: 0 35px;
  display: block;
  text-align: center;
  font-weight: bold;
}

a.upBtn,
a.downBtn {
  width: 30px;
  text-align: center;
}

a.upBtn {
  float: right;
}

a.downBtn {
  float: left;
}

a.greenButton,
.no-touch a.greenButton:hover {
  color: #009900;
}

a.swivel {
  padding-left: 13px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(/lib/img/swivel_closed.png?v=1);
  line-height: 1;
  color: #444;
  outline: none;
}

.swivelAreaOpen a.swivel {
  background-image: url(/lib/img/swivel_open.png?v=1);
}

.swivelContent {
  display: none;
  padding: 10px 0 0;
  margin: 0 0 0 13px;
}

.swivelAreaOpen .swivelContent {
  display: block;
}

.swivelArea .swivelContent label {
  font-size: 12px;
  padding-left: 4px;
}

.panelSummary > span,
.panelSummary > span.boxVal > span {
  color: #333;
  font-weight: 480;
  font-style: italic;
}

.panelSummary > span.boxVal {
  color: inherit;
  font-weight: normal;
  font-style: normal;
}

.noRacks {
  padding: 20px;
  color: #999;
  font-size: 16px;
  text-align: center;
  display: table-cell;
}

.bigNone {
  padding: 200px 15%;
  background: #f2f2f2;
  text-align: center;
  font-size: 14px;
  color: #999;
}

a.smallButton {
  padding: 4px 7px;
}

.button,
a.button {
  padding: 8px 15px;
  outline: none;
  text-align: center;
  border: 0;
  border-radius: 6px;
}

.no-touch .button.BigButton:hover,
.no-touch a.smallButton:hover,
.no-touch a.button.BigButton:hover,
.no-touch .button:hover,
.no-touch a.button:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.BigButton:active,
a.smallButton:active,
a.BigButton:active,
.button:active,
a.button:active {
  box-shadow: 0 0 6px #400 inset;
  -moz-box-shadow: 0 0 6px #400 inset;
  -webkit-box-shadow: 0 0 6px #400 inset;
  -o-box-shadow: 0 0 6px #400 inset;
  -ie-box-shadow: 0 0 6px #400 inset;
}

.button.tinyButton {
  font-size: 11px;
  padding: 6px 10px;
}

.BigButton,
a.smallButton,
a.BigButton,
.button,
a.button {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: #024268;
  font-size: 12px;
  cursor: pointer;
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  zoom: 1; /* Good ole IE */
}

#reportArea {
  border: 1px solid #ccc;
}

.button.lightButton {
  background: #ebf3f9;
  color: #0069b4;
}

.quoteButton {
  float: right;
  margin-right: 10px;
}

a.button.punchoutButton {
  background-color: green;
}

.pageCount {
  padding: 8px;
}

.dashPane {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  background: #fff;
  margin: 0 0 25px;
}

.srSubmitting {
  height: 300px;
  background: url(/lib/img/loader2.gif) no-repeat center center;
}

.dashPane .error {
  height: 100px;
  line-height: 100px;
  color: #909090;
  text-align: center;
}

.dashPaneHeader {
  !background: rgb(255, 255, 255);
  !background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(242, 242, 242, 1) 100%
  );
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.dashPaneTitle {
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  padding-left: 10px;
}

.dashPaneMenu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 10px;
}

.dashPaneMenu a {
  float: left;
  height: 50px;
  line-height: 50px;
  display: block;
  margin: 0 10px;
  color: #024268;
  font-size: 14px;
  font-weight: 500;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.dashTable {
  display: table;
  width: 100%;
}

.dashTableHeader {
  display: table-row;
  color: #909090;
}

.dashTableRow {
  display: table-row;
}

.dashTableHeader > div {
  border-bottom: 1px solid #e0e0e0;
}

.dashTableHeader > div,
.dashTableRow > div {
  display: table-cell;
  padding: 8px 20px;
}

.dashTableRow:nth-child(2n) {
  background: #f3f8fb;
}

.showSelected .option_selected,
.showAll .option_all {
  border-bottom: 2px solid #024268;
}

.dashPane.loading .dashPaneBody {
  background: url(/lib/img/loader2.gif) no-repeat center center;
  height: 100px;
}

.dashPane.empty .dashPaneBody,
.dashPane .none {
  height: 100px;
  text-align: center;
  line-height: 100px;
  color: #999;
}

.dashProduct {
  width: 50%;
  float: left;
  box-sizing: border-box;
  display: block;
  text-align: center !important;
}

.dashProduct .prodImg {
  width: 90px;
  height: 90px;
  margin: 10px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.showAll .selectedAccount,
.showSelected .allAccounts {
  display: none;
}

.purchCategoryChart {
  height: 18px;
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 10px;
}

.purchCategoryChart .bar {
  height: 18px;
  float: left;
}

#dashPane_purchase_categories .bar0 {
  background-color: #41b994;
}
#dashPane_purchase_categories .bar1 {
  background-color: #a24ab7;
}
#dashPane_purchase_categories .bar2 {
  background-color: #deb956;
}
#dashPane_purchase_categories .bar3 {
  background-color: #4199d0;
}
#dashPane_purchase_categories .bar4 {
  background-color: #c38a66;
}
#dashPane_purchase_categories .bar5 {
  background-color: #752de8;
}
#dashPane_purchase_categories .bar6 {
  background-color: #d04172;
}
#dashPane_purchase_categories .bar7 {
  background-color: #9ec65f;
}
#dashPane_purchase_categories .bar8 {
  background-color: #d9d9d9;
}

.categoryLegend {
  margin-top: 3px;
}

.categoryLegend span {
  display: inline-block;
  margin: 4px 10px 0 0;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #d9d9d9;
  float: left;
}

.categoryLegend .amount {
  float: right;
}

.categoryLegend .name {
  float: left;
  font-weight: 500;
}

.hvacProgressChart,
.hvacProgressBar {
  height: 4px;
  border-radius: 2px;
  background: #e5e5e5;
}

.hvacProgressChart {
  padding-right: 150px;
  overflow: hidden;
}

.hvacProgressBar {
  background: #000;
}

.partnerStatusArea {
  border-radius: 6px;
  padding: 12px;
  display: flex;
  align-items: center;
  color: #fff;
  gap: 15px;
  font-weight: bold;
  margin: 0 0 20px;
}

.partnerStatusLogo {
  background-size: 100%;
  background-position: center center;
  width: 40px;
  height: 40px;
}

.partnerStatusTickets {
  font-weight: normal;
  text-align: right;
  flex: 1;
  padding-right: 15px;
}

.hvacPointsChart {
  height: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}

.hvacPointsChartLabels {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: stretch;
}

.nextKHPPGoalLabel {
  flex: 1;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  color: var(--partner-status-color-1);
  flex-shrink: 0;
  width: 80px;
}

.futureKHPPGoalArea {
  width: 150px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  color: var(--partner-status-color-2);
  flex-shrink: 0;
}

#hvacGoalArea {
  position: relative;
}

#hvacGoalLine {
  width: 3px;
  position: absolute;
  bottom: 0;
  right: 148px;
  height: 90px;
}

#nextKHPPGoalIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 90px;
  right: 135px;
}

.partnerStatusArea .partnerStatusLogo {
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 50px;
}

#hvacCallToAction {
  font-weight: bold;
  color: var(--partner-status-color-1);
  padding-bottom: 40px;
  font-size: 16px;
}

.futureKHPPGoalIcon {
  width: 16px;
  height: 16px;
}

.partnerStatusLogo_1 {
  background-image: url(/lib/img/partner_icon_sapphire.svg);
}

.partnerStatusLogo_2 {
  background-image: url(/lib/img/partner_icon_ruby.svg);
}

.partnerStatusLogo_3 {
  background-image: url(/lib/img/partner_icon_emerald.svg);
}

.partnerStatusLogo_4 {
  background-image: url(/lib/img/partner_icon_diamond.svg);
}

.currentPartnerStatus_1 .partnerStatusArea,
.hvacProgressBar,
#hvacGoalLine {
  background: var(--partner-status-color-1);
}

.currentPartnerStatus_2 .partnerStatusArea,
.currentPartnerStatus_1 .hvacProgressBar,
.currentPartnerStatus_1 #hvacGoalLine {
  background: var(--partner-status-color-2);
}

.currentPartnerStatus_3 .partnerStatusArea,
.currentPartnerStatus_2 .hvacProgressBar,
.currentPartnerStatus_2 #hvacGoalLine {
  background: var(--partner-status-color-3);
}

.currentPartnerStatus_4 .partnerStatusArea,
.currentPartnerStatus_3 .hvacProgressBar,
.currentPartnerStatus_3 #hvacGoalLine {
  background: var(--partner-status-color-4);
}

.currentPartnerStatus_1 #hvacCallToAction,
.currentPartnerStatus_1 .nextKHPPGoalLabel {
  color: var(--partner-status-color-2);
}

.currentPartnerStatus_2 #hvacCallToAction,
.currentPartnerStatus_2 .nextKHPPGoalLabel,
.currentPartnerStatus_1 .futureKHPPGoalArea {
  color: var(--partner-status-color-3);
}

.currentPartnerStatus_3 #hvacCallToAction,
.currentPartnerStatus_3 .nextKHPPGoalLabel,
.currentPartnerStatus_2 .futureKHPPGoalArea {
  color: var(--partner-status-color-4);
}

#hvacPartnerJourney {
  margin-top: 10px;
  border-top: 1px solid #f2f2f2;
  padding: 20px 0;
  padding: 15px;
}

#hvacPartnerJourneySteps {
  display: flex;
  flex: 1;
  padding: 25px 0 10px;
}

.hvacPartnerJourneyStep {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 2px;
}

.hvacPartnerJourneyIconArea {
  padding: 0 10px;
  background: #fff;
  position: relative;
  margin-bottom: 4px;
}

.arrowHeadIcon {
  background: url(/lib/img/arrowhead.svg) no-repeat left center;
  width: 10px;
  background-size: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
}

.connectingLine {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  height: 1px;
  background: #e5e5e5;
}

.hvacPartnerJourneyStep:first-child .connectingLine {
  left: 50%;
}

.hvacPartnerJourneyStep:last-child .connectingLine {
  right: 50%;
}

.hvacPartnerJourneyStep .note {
  font-size: 11px;
}

.hvacPartnerTick {
  width: 22px;
  height: 22px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 5px;
  top: -5px;
  border-radius: 11px;
  background: #fff url(/lib/img/tick.svg) no-repeat center center;
  background-size: 60%;
}

.note.dark {
  color: #333;
}

#khppOffer {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #333;
  font-size: 13px;
  padding-bottom: 5px;
}

#khppOfferTitle {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  color: #999;
  padding: 15px 0 7px;
}

#khppOffer .note {
  font-size: 11px;
}

.khppCoinArea {
  flex-shrink: 0;
}

.khppOfferDetail {
  flex: 1;
}

.khppCoin {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.khppCoin_1 {
  background-image: url(/lib/img/khpp_coin_bronze.png);
}

.khppCoin_2 {
  background-image: url(/lib/img/khpp_coin_silver.png);
}

.khppCoin_3 {
  background-image: url(/lib/img/khpp_coin_gold.png);
}

.goldIndicator {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #fc0;
  border-radius: 5px;
}

#hvacTicketPricesForm {
  width: 100%;
}

#hvacTicketPricesForm input {
  width: 100%;
  box-sizing: border-box;
}

#partnerPointsTable th {
  text-align: left;
}

.purchaseTag,
.returnTag {
  text-transform: uppercase;
  color: #fff;
  border: 0;
  font-weight: bold;
}

.purchaseTag {
  background: #c60c46;
}

.returnTag {
  background: #41b994;
}

.dashNoticePosted {
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0 30px;
}

.dashNoticePosted span {
  display: inline-block;
  border-bottom: 1px solid #e0e0e0;
  padding: 4px 10px;
  font-weight: bold;
}

.dashNoticeArea {
  padding: 15px;
}

.dashNoticeArea.visible {
  padding-bottom: 70px;
  position: relative;
}

.dashNotices {
  display: none;
}

.dashNoticeArea.visible .dashNotices,
.dashNoticeArea.visible a.dashNoticeHideLink {
  display: block;
}

.dashNoticeArea.visible .dashNoticeCount {
  display: none;
}

a.dashNoticeHideLink {
  position: absolute;
  bottom: 0;
  height: 44px;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 44px;
  display: block;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  display: none;
}

.totalSpend {
  font-size: 24px;
  text-align: center;
  margin: 5px 0;
  font-weight: bold;
}

.totalSpendLabel {
  text-align: center;
  padding-bottom: 20px;
}

.dashAccountBalanceSection {
  width: 33.3333%;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  box-sizing: border-box;
  float: left;
  text-align: center;
}

.dashAccountBalanceSection:first-child,
.dashAccountBalanceSection4 {
  border-left: 0 !important;
}

.dashAccountBalance {
  padding: 10px;
}

.dashAccountBalance .note {
  background: #fff;
  padding: 15px 20px;
  position: relative;
  margin-top: -1px;
}

.dashAccountBalance .label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  color: #909090;
  padding: 10px 0;
}

/*
.catalogSortSelector
{
    position: absolute;
    top: 0;
    right: 0;
}
*/

.dashAccountBalance .value {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 20px;
}

.columns {
  display: flex;
}

.columns .column {
  flex: 1 1 0%;
}

.columns > *:not(:first-child) {
  margin-left: 25px;
}

#userDashboard .columns {
  padding-top: 20px;
  max-width: 1500px;
}

#hvacTicketsEarned {
  font-size: 24px;
  font-weight: bold;
  padding-left: 40px;
  background: url(/lib/img/ticket_icon.svg) no-repeat left center;
  background-size: 30px;
}

#hvacPointsEarned {
  color: #024268;
  float: right;
  font-size: 18px;
}

#loginArea .BigButton {
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 0 0;
}

.dashTableContainer {
  padding: 4px;
}

.bb,
.hvacUnitPart,
.hvacUnitAdd,
#supCtas a {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#loginTop,
#loginBtm {
  padding: 35px;
}

#loginBtm {
  background: #f2f2f2;
  text-align: center;
  font-size: 16px;
  color: #666;
}

table.loginForm td.LoginFormTitle {
  font-size: 16px;
}

.registerContentContainer input[type="text"],
.registerContentContainer input[type="email"],
.registerContentContainer input[type="password"],
.loginContentContainer input[type="text"],
.loginContentContainer input[type="email"],
.loginContentContainer input[type="password"] {
  font-size: 16px !important;
  font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
td input[type="text"],
td input[type="password"],
textarea {
  !font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 7px;
}

.loginContentContainer .BreadCrumb,
.registerContentContainer .BreadCrumb,
.loginContentContainer #BreadCrumbLine,
.registerContentContainer #BreadCrumbLine {
  display: none;
}

.loginContentContainer #headerLogo,
.registerContentContainer #headerLogo {
  float: none;
  margin: 0;
  display: inline-block;
}

.registerContentContainer #headerBar,
.loginContentContainer #headerBar {
  text-align: center;
  height: 70px;
  padding: 0;
}

.addCartCode {
  font-weight: bold;
}

#menubar li a {
  color: #dd001e !important;
}

#menubar li {
  background: #f0f0f0;
}

.no-touch #menubar li a:hover,
.no-touch #menubar li a.current:hover {
  text-decoration: none !important;
  background: #dd001e !important;
  color: #fff !important;
}

div.rightpanel {
  width: 400px;
}

.editLocationDialog {
  max-width: 320px;
}

#accountHeader {
  text-align: left;
  padding: 20px 30px;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
}

#locationTable,
#customerTable {
  display: table;
  width: 100%;
}

#customerActions {
  float: right;
}

.customerDialog {
  max-width: 350px;
}

.locationSpinner {
  padding: 5px 25px;
  background: url(/lib/img/loader6.gif) no-repeat left center;
  color: #999;
}

.geoActions,
.locationError,
.locationSpinner {
  display: none;
}

.hasLocation .geoActions,
.hasError .locationError,
.locationLoading .locationSpinner {
  display: block;
}

.locationLoading .geoActions,
.locationLoading .setGeoLocBtn,
.locationSpinner,
.hasLocation .setGeoLocBtn,
.locationLoading .locationError {
  display: none;
}

.searchAddBar {
  background: #f2f2f2;
  padding: 15px 20px;
}

.searchAddBar input {
  background: #fff;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  border: 0;
  font-size: 14px;
}

.searchAddBar a {
  padding: 0 !important;
  float: right;
}

.searchAddBar a span {
  display: block;
  width: 40px;
  height: 34px;
  background: url(/lib/img/add_plus.png) no-repeat center center;
  background-size: 16px;
}

.searchFldArea {
  margin-right: 54px;
  position: relative;
}

.searchAddBar.cannotAdd .searchFldArea {
  margin-right: 0;
}

.searchAddBar.cannotAdd a {
  display: none;
}

#cylinderRightColumn {
  width: 300px;
  float: right;
  border-left: 1px solid #e0e0e0;
}

#cylinderNotes,
#cylinderActivity {
  padding: 0 0 0 20px;
}

#cylinderActivity {
  padding-top: 20px;
  margin: 20px 0 0;
  border-top: 1px solid #e0e0e0;
}

.cylinderNoteFooter {
  color: #aaa;
  padding: 8px 0 0;
  font-size: 12px;
}

#cylinderNotes h2,
#cylinderActivity h2 {
  font-size: 21px;
  color: #333;
  font-weight: bold;
}

.remainder,
.fullLength .ellip {
  display: none;
}

.fullLength .remainder {
  display: inline;
}

.ellip a,
.remainder a {
  font-size: 12px;
  font-weight: normal;
}

.cylEvent {
  border-top: 1px solid #f2f2f2;
  padding: 20px 0;
}

.cylEvent:first-child {
  border: 0;
  padding-top: 0;
}

.cylEventTitle {
  font-weight: bold;
  font-size: 16px;
  float: left;
}

.cylEventWhen {
  color: #999;
  padding-top: 2px;
  float: right;
}

#cylinderActivity .cylEventWhen {
  float: none;
  clear: left;
}

.cylEventDetail {
  padding: 6px 15px;
  font-weight: bold;
  color: #024268;
  margin: 8px 0 0;
  font-size: 14px;
  border-left: 3px solid #024268;
}

#cylinderActivity .cylEventDetail {
  background: #f3f8fb;
  padding: 10px 15px !important;
  font-weight: bold;
  color: #024268;
  margin: 8px 20px 0 0;
  font-size: 14px;
  border-radius: 4px;
  border: 0;
}

.cylinderNote {
  padding: 0 0 15px;
}

.cylinderNoteHeader {
  padding: 8px 0;
  border-top: 1px solid #f2f2f2;
  color: #999;
}

.cylinderNoteBody {
  font-weight: bold;
  font-size: 14px;
}

.isUnseen .unseenIcon {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #04acef;
  display: inline-block;
  margin: 0 0 0 3px;
}

.eventCylinders {
  padding: 10px 0 0;
}

.eventCylinders a {
  padding: 6px 8px 6px 27px;
  color: #888;
  display: inline-block;
  background: #f2f2f2 url(/lib/img/hidpi/cylinder_2.png) no-repeat 8px center;
  background-size: 11px;
  border-radius: 4px;
  margin: 0 0 5px;
}

#cylinderActivityMoreArea {
  padding: 20px 0 0;
}

.no-touch .eventCylinders a:hover {
  background-color: #eaeaea;
  color: #888;
}

#cylinderDetails {
  padding: 0 20px 0 0;
  border-right: 1px solid #e0e0e0;
  margin: 0 300px 0 0;
}

#setCylinderLocationDialog .locIcon,
.editLocationDialog .locIcon,
#locationTable .locIcon {
  width: 9px;
  height: 13px;
  background: url(/lib/img/hidpi/location_icon.png) no-repeat left center;
  background-size: 9px;
}

.cylinderLocations {
  max-height: 450px;
  overflow-y: scroll;
}

.cylinderLocations.loading .cylinderLocationsInner {
  padding-bottom: 25px;
  margin-bottom: 25px;
  background: url(/lib/img/loader2.gif) no-repeat center bottom;
  background-size: 16px;
}

.ownersVehicle {
  padding-left: 65px;
  background: url(/lib/img/van_icon.png) no-repeat 20px center;
  background-size: 26px;
}

.ownersVehicleSmall {
  padding-left: 25px;
  background: url(/lib/img/van_icon_small.png) no-repeat left center;
  background-size: 19px;
  font-weight: bold;
}

.noLocation {
  padding-left: 65px;
  background: url(/lib/img/none_icon.png) no-repeat 24px center;
  background-size: 18px;
}

.cylinderLocTitle,
#setCylinderLocationDialog .locationName {
  font-size: 14px;
  font-weight: bold;
}

#setCylinderLocationDialog .locationName,
#setCylinderLocationDialog .locationAddress {
  display: block;
  border: 0;
  padding: 0;
}

#condensingTempArea {
  display: none;
}

.hasRemoteCondenser #condensingTempArea {
  display: block;
}

#setCylinderLocationDialog .dialogSection {
  padding-top: 15px;
  padding-bottom: 15px;
}

.locationError {
  font-weight: bold;
  color: #900;
  padding: 8px 0;
}

.locationMsg {
  float: right;
  font-size: 14px;
}

.userIcon {
  width: 10px;
  height: 11px;
  background: url(/lib/img/user_icon_outlined.png) no-repeat center center;
  background-size: 10px;
  display: inline-block;
  margin: 0 1px 0 0;
}

.locationIcon {
  width: 8px;
  height: 11px;
  background: url(/lib/img/location_icon_outlined.png) no-repeat center center;
  background-size: 8px;
  display: inline-block;
  margin: 0 1px 0 0;
}

#cylinderTable {
  !font-size: 14px;
}

.cylDescription .ownersVehicleSmall {
  padding-left: 23px;
}

a.ReadOnBtn {
  color: #dd001e;
  cursor: pointer;
}

.cylIconLarge {
  width: 33px;
  height: 48px;
  position: absolute;
  top: 20px;
  left: 24px;
  background-size: 33px;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #999;
}

.cylIconLarge.fill1 {
  background-image: url(/lib/img/cylinder_unknown_large.png);
}

.cylIconLarge.fill2 {
  background-image: url(/lib/img/cylinder_empty_large.png);
}

.cylIconLarge.fill3 {
  background-image: url(/lib/img/cylinder_partial_large.png);
}

.cylIconLarge.fill4 {
  background-image: url(/lib/img/cylinder_full_large.png);
}

.cylDetailsArea .smallAlertIcon {
  background-size: 14px;
  width: 14px;
  height: 13px;
  margin-left: 2px;
}

.gas_r134a {
  background-color: #8bd5ee;
}

.gas_r22 {
  background-color: #70e0a3;
}

.gas_r404a {
  background-color: #f95700;
}

.gas_r407c {
  background-color: #b86125;
}

.gas_r407f {
  background-color: #cdea80;
}

.gas_r408a {
  background-color: #a51890;
}

.gas_r409,
.gas_r409a {
  background-color: #b9975b;
}

.gas_r410a {
  background-color: #cf8fa4;
}

.gas_r422d {
  background-color: #97d700;
}

.gas_r438,
.gas_r438a {
  background-color: #307fe2;
}

.gas_r507,
.gas_r507a {
  background-color: #00b2a9;
}

.gas_nitrogen {
  background-color: rgb(128, 139, 150);
}

.gas_co2 {
  background-color: rgb(192, 199, 181);
}

.gas_acetylene {
  background-color: rgb(128, 0, 0);
}

.gas_oxygen {
  background-color: #000;
}

.gas_r717 {
  background-color: #ffcc3a;
}

.clearSearchIcon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 44px;
  background: url(/lib/img/hidpi/close_icon.png) no-repeat center center;
  background-size: 12px;
}

#customerTable {
  border-top: 1px solid #e0e0e0;
}

#customerDetails {
  display: table;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
}

#customerDetails > div {
  display: table-row;
}

#customerDetails > div > div {
  padding: 20px;
  display: table-cell;
  border: 1px solid #e0e0e0;
  font-size: 16px;
}

.locationDetails {
  font-size: 18px;
}

.locationSearchResults {
  background: #fff;
}

.locationRow,
.customerRow {
  display: table-row;
}

.locationRow.clickable,
.customerRow.clickable {
  background: url(/lib/img/right_chevron_small.png) no-repeat 99% center;
}

.locationRow.header,
.customerRow.header {
  font-weight: bold;
}

.locationName,
.locationAddress,
.locationActions,
.customerRow > div {
  display: table-cell;
  padding: 13px 10px;
  border-bottom: 1px solid #f0f0f0;
}

.locationName {
  min-width: 180px;
}

.locationAddress {
  width: 100%;
}

.locationActions {
  text-align: right;
}

.deleteLocationBtn {
  margin-left: 6px;
}

.selectedComponentFlag {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 6px 8px;
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
}

#reportHeader {
  padding: 20px 200px 20px 20px;
  margin: 0 0 30px;
  position: relative;
  min-height: 40px;
  background: #f6f6f6;
}

#reportHeader label {
  font-weight: normal;
  font-size: 13px;
  float: none;
  display: inline;
  text-shadow: none;
}

.repHdrSection {
  float: left;
  margin: 0 20px 0 0;
}

.repHdrSubSection {
  padding: 0 0 0 7px;
  margin: 0 0 0 6px;
  border-left: 2px solid #999;
}

.repHdrMainCheck {
  margin: 0 0 3px;
  font-size: 14px;
}

#printButton {
  position: absolute;
  top: 20px;
  right: 20px;
}

#reportOptions {
  min-height: 60px;
}

#projReport {
  padding: 20px;
  text-align: left;
  max-width: 960px;
  margin: auto;
}

#projReport table {
  border: 0;
  border-collapse: collapse;
}

#projReport td {
  vertical-align: top;
}

.prSection {
  margin-top: 60px;
  border-top: 1px solid #000;
}

.prLine {
  width: 100%;
  float: right;
  font-size: 13px;
  padding: 14px 0;
  border-top: 1px solid #ddd;
  page-break-inside: avoid;
}

.prLine.noBorder {
  border: none;
}

.prLine.heavy {
  border-top: 1px solid #000;
}

.prLine .label {
  width: 26%;
  padding-right: 4%;
  float: left;
  font-weight: bold;
  font-size: 16px;
}

.prLine .text {
  width: 70%;
  float: right;
}

.prLine.prodInfo .label {
  font-weight: normal;
}

.prLine .text table {
  border-collapse: collapse;
}

.forMoreInfo {
  padding: 10px;
  border: 1px solid #000;
}

.invalidConfig {
  font-size: 16px;
  background: #12b898;
  color: #fff;
  padding: 20px;
  text-align: center;
}

.verified {
  padding: 0 10px 60px 47px;
  background: url(/lib/img/verified_tick.png?v=1) no-repeat left top;
  min-height: 47px;
  font-size: 15px;
  line-height: 1.08;
  font-weight: bold;
}

#cueCartIcon {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url(/lib/img/cue_cart_icon.png?v=1) no-repeat left top;
  margin-right: 8px;
}

.prLine .text td {
  padding: 0;
  font-size: 13px;
  width: 50%;
}

#projReport h1 {
  font-size: 26px;
  margin-right: 40px;
  background: #f2f2f2;
  padding: 20px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}

#reportLegal td {
  padding-top: 40px;
}

.productInfo ul {
  padding-left: 1em;
}

.productInfo li {
  padding-bottom: 4px;
}

.repBlock {
  padding: 6px 0 40px;
}

.prSection td {
  padding-bottom: 40px;
}

#accountHeader .accountName {
  font-size: 21px;
  font-weight: bold;
  color: #333;
}

#accountHeader .accountNumber {
  color: #999;
  padding: 0 0 0 20px;
}

.muAddBtnArea {
  padding-right: 20px;
}

#muHeader {
  padding-bottom: 0;
  padding-top: 0;
}

.menu {
  width: 210px;
  float: left;
  text-align: left;
  margin: 0;
  padding: 20px 0;
  border-right: 1px solid #e6e6e6;
}

.menu .sectionLink {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #555;
  padding: 0 0 0 30px;
  height: 30px;
  line-height: 30px;
}

.menu .empty {
  color: #777;
  height: 24px;
  line-height: 24px;
  margin: 0 8px 15px 8px;
}

.menu .subtitle {
  font-size: 12px;
  font-weight: bold;
  color: #999;
  padding: 0 0 5px;
}

.menu ul {
  list-style: none;
  padding: 0 0 15px 30px;
  margin: 0;
}

.menu li a {
  padding: 0 14px;
  height: 32px;
  line-height: 32px;
  display: block;
  font-size: 14px;
  margin-top: 2px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#atcAdjQty {
  height: 24px;
  line-height: 24px;
  color: #999;
  text-align: right;
}

.project .cartItemArea,
.project #atcAdjQty {
  display: none;
}

.cartTotal {
  width: 135px;
  float: left;
  margin: 0 8px 0 0;
}

.cartTotalValue {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.no-touch .menu li a:hover {
  color: #333;
  background-color: #f6f6f6;
}

.no-touch .menu a:hover {
  text-decoration: none;
}

#dropInLink {
  padding: 0 !important;
}

.menu li a.selected,
.no-touch .menu li a.selected:hover {
  background: #ebf3f9;
  margin-right: 0;
}

.dateSelector input[type="text"] {
  width: 40px;
  margin-top: 10px;
}

#userList {
  padding-bottom: 120px;
}

#userList.menu ul {
  padding-left: 0;
}

#filterCylindersDialog {
  max-width: 500px;
}

.onlineOrder {
  padding: 7px;
  border-radius: 4px;
  background: #f2f2f2;
  margin: 7px 0 0;
}

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

.orderPendingApproval {
  padding: 20px;
  margin: 0 0 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

/*.cityCard #cardTypeOptions, .cityCard #cardHolderEmployeeId, .cityCard #titleLabelStandard, .digitalCard #deliveryDetails, .digitalCard #chEmailLabel, #chEmailLabelDigital*/
.cityCard #cardHolderEmployeeId,
.cityCard #titleLabelStandard,
.digitalCard #deliveryDetails,
.digitalCard #chEmailLabel,
#chEmailLabelDigital {
  display: none !important;
}

.cityCard #titleLabelContractor,
.content.cityCard #deliveryDetails,
.digitalCard #chEmailLabelDigital {
  display: block !important;
}

.cylTableHeader,
.cylTableRow {
  padding: 0 10px;
}

.cylTableHeader .third {
  color: #888;
  padding: 9px 0;
}

.cylTableRow .third {
  padding: 9px 0;
}

.cylTableRows .cylTableRow:nth-child(odd) {
  background: #f3f8fb;
}

#menuFinanceLink {
  background: url(/lib/img/menu_accounts_icon.png?v=1) no-repeat left center;
}

#menuCylindersLink {
  background: url(/lib/img/menu_cylinders_icon.png?v=1) no-repeat left center;
}

#menuCoolcardsLink {
  background: url(/lib/img/menu_coolcards_icon.png?v=1) no-repeat left center;
}

#menuPriceEnquiryLink {
  background: url(/lib/img/tools_icon.png?v=1) no-repeat left center;
}

#cylinderFillLevelDialog {
  max-width: 200px;
}

#flOptions a {
  padding: 10px 20px;
  border-top: 1px solid #e0e0e0;
  display: block;
  color: #333;
  height: 25px;
  line-height: 25px;
  background: none;
}

.no-touch #flOptions a:hover {
  background-color: #fff4d3 !important;
}

#flOptions a > span {
  margin: 0 12px 0 0;
  float: left;
}

.fl1 #flOptions a.fillLevel1,
.fl2 #flOptions a.fillLevel2,
.fl3 #flOptions a.fillLevel3,
.fl4 #flOptions a.fillLevel4 {
  background: #fffaed;
}

#flOptions a:first-child {
  border: 0;
}

.projButtons {
  float: right;
}

.assignUserList {
  background: #f6f6f6;
  font-size: 14px;
  max-height: 300px;
  overflow-y: scroll;
}

.assignUserList a {
  display: block;
  padding: 14px 20px;
  color: #333;
  border-top: 1px solid #eaeaea;
}

.no-touch .assignUserList a:hover {
  background-color: #fff4d3;
  color: #333;
}

.assignUserList a:first-child {
  border: 0;
}

.assignUserList a.assignToMe {
  font-weight: bold;
  background: url(/lib/img/user_large.png) no-repeat 20px center;
  background-size: 12px;
  padding-left: 38px;
}

.projSection {
  border-top: 2px solid #333;
  padding: 12px 0 0;
  margin: 0 0 50px;
}

.balancedMetric {
  float: left;
  width: 25%;
  font-size: 24px;
}

.sysSummaryLabel {
  width: 130px;
  float: left;
  font-weight: bold;
  clear: left;
  padding: 5px 0 0;
}

.currentShares {
  max-height: 300px;
  overflow-y: scroll;
}

.sysSummary {
  padding: 5px 0 0 150px;
}

#systemWarnings {
  max-height: 500px;
  overflow-y: scroll;
}

.sysSummary:first-child {
  padding-top: 0;
}

.systemType2 .balancedMetric {
  width: 20%;
}

.systemType3 .balancedMetric {
  width: 33.33%;
}

.balancedMetric .statLabel {
  font-size: 12px;
  color: #999;
}

.newProjArea .cardTable {
  border-radius: 0;
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.newSelectionsFilter {
  padding: 15px;
  background: #333;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.newProjHeader .subMenu {
  margin: 0 0 30px;
}

.newProjArea {
  max-width: 1024px;
}

.newProjArea h2 {
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  color: #333;
  margin: 0 0 24px;
  text-transform: uppercase;
}

.newProjArea a.cartItemDropBtn {
  top: 0;
  right: 0;
  opacity: 0.5;
}

.newProjArea a.cartItemDropBtn:hover {
  opacity: 1;
}

.projButtons a {
  margin-left: 6px;
}

.projTitle {
  font-size: 30px;
  padding: 10px 0 18px;
  font-weight: bold;
}

.highlight {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ff0;
}

.projMenu {
  list-style: none;
  margin: 0;
  border-bottom: 4px solid #666;
  float: left;
  padding: 0 20px;
  width: 100%;
}

.projMenu a.selected,
.no-touch .projMenu a.selected:hover {
  background-color: #666;
  color: #fff;
}

.projMenu a {
  display: block;
  float: left;
  padding: 8px 12px 8px 8px;
  color: #666;
  background-color: #eaeaea;
  margin-right: 2px;
  font-size: 14px;
  background-position: 12px center;
  background-repeat: no-repeat;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ie-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ie-border-top-right-radius: 4px;
  position: relative;
}
/*
.projLoadTab
{
    background-image:url(/lib/img/proj_load_icon_dark.png?v=1);
}

.projLoadTab.selected
{
    background-image:url(/lib/img/proj_load_icon_light.png?v=1);
}

.projSolutionTab
{
    background-image:url(/lib/img/proj_solution_icon_dark.png?v=1);
}

.projSolutionTab.selected
{
    background-image:url(/lib/img/proj_solution_icon_light.png?v=1);
}

.projOrderTab
{
    background-image:url(/lib/img/proj_order_icon_dark.png?v=1);
}

.projOrderTab.selected
{
    background-image:url(/lib/img/proj_order_icon_light.png?v=1);
}

.projReportTab
{
    background-image:url(/lib/img/proj_report_icon_dark.png?v=1);
}

.projReportTab.selected
{
    background-image:url(/lib/img/proj_report_icon_light.png?v=1);
}
*/
a.upsize,
a.downsize {
  width: 26px;
  height: 26px;
  border: 1px solid #999;
  color: #999;
  text-align: center;
  position: absolute;
  bottom: 25px;
  border-radius: 13px;
  line-height: 26px;
  font-weight: bold;
}

.no-touch a.upsize:hover,
.no-touch a.downsize:hover {
  color: #dd001e;
  border-color: #dd001e;
  text-decoration: none;
}

a.upsize {
  right: 20px;
}

a.downsize {
  left: 20px;
}

.mobComponentBtns {
  display: none;
}

#itemMobHeader {
  float: right;
  white-space: nowrap;
  text-align: right;
  margin: 3px 5px;
}

#itemMobHeader .button {
  display: inline-block;
  width: auto;
  float: none;
  padding: 4px 8px;
  box-shadow: none;
  margin: 0;
  font-weight: normal;
  border-color: #666;
}

.no-touch .projMenu a:hover {
  text-decoration: none;
  background-color: #e0e0e0;
}

.cylinderActivityCueNotice {
  margin-bottom: 40px;
  text-align: center !important;
}

.fromToLabel {
  font-weight: bold;
}

.noRecords {
  padding: 20px;
  text-align: center;
  color: #aaa;
}

#menuHeatloadLink {
  background: url(/lib/img/thermom_icon_large.png?v=1) no-repeat left center;
}

.rowNotice {
  background: #333;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  padding: 0 4px;
  height: 14px;
  line-height: 14px;
}

#BreadCrumbLine {
  display: none;
}

.midpanel {
  color: #00223a;
  overflow: hidden;
  padding: 32px 40px;
  border-left: 1px solid #f0f0f0;
  position: relative;
  left: -1px;
}

.withSubArrow {
  padding-left: 44px;
  margin-top: 4px;
  background: url(/lib/img/sub_arrow.png?v=1) no-repeat 20px center;
}

#dashProjects #hlMenu {
  padding: 0;
}

.realTable {
  border-collapse: collapse;
}

.realTable.withBorder {
  border: 1px solid #e0e0e0;
}

.realTable td.right,
.realTable th.right {
  text-align: right;
}

.rackRequestAttachments a {
  display: block;
  padding: 8px 12px;
  background: #fff4d3;
  margin: 0 0 2px;
  color: #333;
}

.gridTable {
  border-collapse: collapse;
  width: 100%;
}

.gridTable td,
.gridTable th {
  border: 1px solid #e0e0e0;
  padding: 6px 8px;
  text-align: center;
}

.gridTable th {
  font-weight: bold;
  background: #f6f6f6;
}

.midpanel td,
.midpanel input {
  font-size: 13px;
}

.realTable td,
.realTable th {
  padding: 9px 12px;
}

.realTable th {
  padding: 11px 12px 7px 12px;
  font-size: 13px;
  background: none;
  vertical-align: bottom;
  white-space: nowrap;
}

.realTable tr:nth-child(even) {
  background: #f3f8fb;
}

.realTable.withBorder tr:nth-child(even) {
  background: none;
}

.dialogNote {
  padding: 15px 20px;
  background: #f2f2f2;
  color: #666;
  font-size: 13px;
}

#welcomeProgressBar {
  float: left;
  width: 300px;
  margin-left: 20px;
}

#welcomeProgressBar .largeProgressBar {
  background: #b9cfe9;
}

#supplierDashboard h2 {
  font-weight: bold;
  color: #333;
  margin: 25px 0 10px;
}

#supplierDashboard.long #moreButton,
#supplierDashboard #more {
  display: none;
}

#supplierDashboard.long #more {
  display: block;
}

.realTable.withBorder th {
  padding-top: 6px;
  padding-bottom: 6px;
  background: #f2f2f2;
  color: #999;
}

.realTable.withBorder td {
  border-bottom: 1px solid #e0e0e0;
  vertical-align: top;
}

.realTable.withBorder tr:last-child td {
  border-bottom: none;
}

.projItemMobInner {
  display: none !important;
}

.AccountForm {
  max-width: 400px;
  margin: auto;
}

.savedIndicator {
  display: inline-block;
  background: #33bb33;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ie-border-radius: 3px;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 0 4px;
}

#companyMenu {
  display: block;
  background: #000;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    from(#333333),
    to(#000000)
  );
  background-image: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
  background-image: -moz-linear-gradient(top, #333333, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background-image: -ms-linear-gradient(top, #333333 0%, #000000 100%);
  background-image: -o-linear-gradient(top, #333333 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #333333 0%, #000000 100%);

  padding: 8px 30px 0 30px;
  margin: 0;
  list-style: none;
  overflow: hidden;
  float: left;
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.none {
  padding: 10px 20px;
  font-size: 14px;
  color: #999;
}

#companyMenu li {
  float: left;
  padding: 0;
  margin: 0;
}

#companyMenu a {
  display: block;
  float: left;
  padding: 12px 18px 12px 53px;
  color: #fff;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 18px center;
  margin-right: 1px;
}

.no-touch #companyMenu a:hover {
  text-decoration: none;
  background-color: #444;
}

#companyMenu a.selected,
.no-touch #companyMenu a.selected:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 2px 4px #000;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;
  -o-box-shadow: 0 2px 4px #000;
  -ie-box-shadow: 0 2px 4px #000;
}

#cmAccountsLink {
  background-image: url(/lib/img/accounts_icon.png?v=1);
}

#cmAccountsLink.selected {
  background-image: url(/lib/img/accounts_icon_dark.png?v=1);
}

#cmUsersLink {
  background-image: url(/lib/img/manage_users_icon.png?v=1);
}

#cmUsersLink.selected {
  background-image: url(/lib/img/manage_users_icon_dark.png?v=1);
}

#cmUploadLink {
  background-image: url(/lib/img/upload_icon.png?v=1);
}

#cmUploadLink.selected {
  background-image: url(/lib/img/upload_icon_dark.png?v=1);
}

#cmDetailsLink {
  background-image: url(/lib/img/details_icon.png?v=1);
}

#cmDetailsLink.selected {
  background-image: url(/lib/img/details_icon_dark.png?v=1);
}

#cmHeatloadLink {
  background-image: url(/lib/img/snowflake.png?v=1);
}

#cmHeatloadLink.selected {
  background-image: url(/lib/img/snowflake_dark.png?v=1);
}

a.backLink {
  font-weight: bold;
  display: inline-block;
  padding: 8px 10px 8px 26px;
  background: url(/lib/img/back_icon.png?v=1) no-repeat 8px center;
  position: relative;
  left: -8px;
}

a.nextLink {
  font-weight: bold;
  padding: 8px 26px 8px 10px;
  background: url(/lib/img/next_icon.png?v=1) no-repeat right center;
  float: right;
}

#importMenu {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 20px 30px 0 30px;
  font-size: 14px;
}

#importMenu li {
  padding: 0;
  float: left;
  margin-right: 30px;
}

#importMenu a,
#importMenu a:visited {
  padding: 0 0 6px;
  font-weight: bold;
  border-bottom: 3px solid #fff;
  display: block;
}

.no-touch #importMenu a:hover {
  text-decoration: none;
  border-color: #fbe0e4;
  color: #dd001e;
}

#importMenu a.selected,
.no-touch #importMenu a.selected:hover {
  border-color: #dd001e;
  text-decoration: none;
}

.no-touch tr.accountRow:hover,
.no-touch tr.lsrRow:hover {
  background: #fff4d3;
  cursor: pointer;
}

.importNoChanges {
  padding: 36px 0 0 0;
  text-align: center;
  color: #666;
  font-size: 11px;
  background: url(/lib/img/round_tick.png) no-repeat center top;
  color: #39b54a;
}

.wideError {
  background: #900;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.irActions {
  text-align: right;
  width: 76px;
}

.irActions .button {
  width: 60px;
  text-align: center;
  display: block;
}

.importStep {
  width: 180px;
  padding: 0 20px 0 36px;
  float: left;
  background-position: left top;
  background-repeat: no-repeat;
}

.importStep1 {
  background-image: url(/lib/img/step_1.png);
}

.importStep2 {
  background-image: url(/lib/img/step_2.png);
}

.importStep3 {
  background-image: url(/lib/img/step_3.png);
}

#importArea {
  position: relative;
}

.lennoxCta {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  background: #c60c46;
  margin: 15px;
}

.no-touch .lennoxCta a:hover {
  color: #fff;
}

.tapCue {
  padding: 10px;
  font-style: italic;
  text-align: center;
  color: #777;
}

#requestSaved {
  text-align: center;
  max-width: 400px;
  margin: auto;
}

#requestSaved .button {
  margin-top: 30px;
}

#switchLink {
  padding: 0 0 0 22px;
  display: inline-block;
  background: url(/lib/img/switch_icon.png?v=1) no-repeat left center;
  margin: 0 0 0 20px;
}

.leftpanel {
  padding-right: 430px;
}

#treewrapper {
  background-color: transparent !important;
}

.siteBg {
  background: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  z-index: -1;
}

#treediv {
  width: auto !important;
}

.midpanel td.AccessGrid {
  text-align: center;
}

.siteFooter {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  max-height: 60px;
  color: #888;
  text-align: left;
  padding: 10px 20px;
  border-top: 1px solid #eaeaea;
}

.footerRight {
  float: right;
}

.siteFooter a {
  color: #666;
}

.no-touch .siteFooter a:hover {
  color: #dd001e;
}

#payStatementLink {
  float: right;
}

#loginOptions {
  padding: 15px 0 0;
}

#loginOptions label {
  font-weight: normal;
  padding-left: 28px;
}

#heatloadMeta,
#projectDetails {
  max-width: 350px;
}

#loginOptions input {
  float: left;
}

#cancelCard,
#cardCancelled {
  max-width: 350px;
}

#cancelCard h3,
#cardCancelled h3 {
  margin-top: 0;
}

table.sortable th {
  cursor: pointer;
}

table.sortable th:hover {
  color: #dd001e;
}

table.sortable th.skip {
  text-decoration: none;
  cursor: default;
}

table.sortable th.skip:hover {
  color: inherit;
}

th.ascending,
th.descending {
  border-bottom: 2px solid #0069b4;
  padding-bottom: 8px;
}

.accountName {
  font-weight: bold;
  text-align: center;
  padding: 0 0 10px;
  color: #333;
}

.cylSummaryRow {
  border-top: 1px solid #e0e0e0;
  padding: 20px 0 0;
  margin: 20px 0 0;
  color: #999;
}

.cylSummaryRow:first-child {
  border: 0;
  padding: 0;
  margin: 0;
}

.stat {
  font-size: 36px;
  color: #333;
}

.lStats {
  padding: 0 0 20px;
  border-bottom: 1px solid #f6f6f6;
  margin: 0 0 20px;
}

.lValue {
  font-size: 14px;
  color: #333;
  padding: 6px 0 5px;
}

.lBarArea {
  padding: 0 0 10px;
}

#lsTablet,
#lsMobile {
  display: none;
}

.lAccount {
  background: #f2f2f2;
  padding: 10px 15px;
  margin: 0 0 3px;
}

.lGroupLabel {
  font-size: 16px;
  padding: 0 0 5px;
}

.salesValueChart {
  margin: 0 15px;
}

.salesValueChart .bar {
  height: 25px;
  background: rgb(166, 105, 153);
  margin-top: 4px;
}

.quarterStat {
  box-sizing: border-box;
  float: left;
  font-size: 11px;
  color: rgb(166, 105, 153);
}

.payArrow {
  width: 15px;
  height: 25px;
  background: url(/lib/img/pay_arrow.png?v=1) no-repeat left top;
  float: right;
  margin: 0 7px 0 0;
  position: relative;
  top: 15px;
}

#invMoreArea td {
  text-align: center;
  padding: 40px 20px;
  background: #fff;
}

#paySummary {
  float: right;
  padding: 8px;
}

#invSelectAllArea {
  float: right;
  padding: 8px;
}

.negative {
  color: #c00;
}

.selectionImage {
  float: left;
}

.selectionDetails {
  padding-left: 110px;
}

h2.withSpacer {
  padding-top: 30px;
}

h2.withSubText {
  margin-bottom: 4px;
}

select.withSpacer {
  margin-top: 20px;
}

h2.gas2goTitle {
  padding-left: 88px;
  background: url(/lib/img/gas2go_logo.png?v=1) no-repeat left center;
}

.fieldGroup {
  padding: 12px 15px 5px 15px;
  border: 1px solid #eaeaea;
  margin: 3px 0 10px;
}

.fieldGroup label {
  font-weight: normal;
}

#requestCoolcardForm {
  width: 340px;
  float: left;
}

#useMyDetails {
  padding: 5px 0 4px;
  padding-left: 18px;
  background: url(/lib/img/small_down_arrow.png) no-repeat left center;
}

.no-touch #useMyDetails:hover {
  background-image: url(/lib/img/small_down_arrow_red.png);
}

#requestCoolcardForm h2 {
  margin-bottom: 6px;
  line-height: 1;
}

#requestCoolcardForm input[type="text"],
#requestCoolcardForm input[type="email"],
#requestCoolcardForm textarea {
  margin: 3px 0 10px;
}

.formHelp {
  max-width: 500px;
  padding-left: 370px;
  padding-top: 30px;
  color: #666;
  line-height: 1.3;
}

#accountQueryForm {
  max-width: 600px;
}

#accountQueryForm textarea {
  height: 200px;
  font-size: 14px;
}

.inlineHelp {
  font-size: 14px;
  color: #999;
  padding: 0 0 20px;
}

#payWrapper {
  float: right;
  padding: 0 0 0 150px;
  background: url(/lib/img/payment-icons.svg?v=1) no-repeat left center;
  margin: 0 0 15px 15px;
}

.termsDoc {
  text-align: left;
  max-width: 900px;
  padding: 30px;
  margin: auto;
}

.sortSelect {
  float: right;
  margin: 0 10px 0 0;
}

.termsDoc p {
  padding-left: 40px;
  position: relative;
}

.prodCountry {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 2px 4px;
  background: #333;
}

.prodCountry.au {
  background: #009;
}

.prodCountry.nz {
  background: #900;
}

.peCountryArea {
  padding-bottom: 10px;
}

.peCountryArea label {
  font-weight: normal;
  display: inline;
  padding-left: 4px;
  font-size: 13px;
}

.termsLabel {
  position: absolute;
  left: 0px;
}

.ccDeliveryAddr {
  font-size: 21px;
  font-weight: bold;
}

.ccRegTitle {
  text-transform: uppercase;
  color: #999;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 10px;
}

.ccTableLabel,
.ccTableData {
  float: left;
}

.ccTableLabel {
  clear: left;
  width: 25%;
}

.ccTableData {
  font-weight: bold;
  width: 75%;
}

.coolcardMockup {
  border-radius: 20px;
  background: #f2f2f2;
  position: relative;
  width: 250px;
  height: 150px;
}

.coolcardMockup span {
  position: absolute;
  font-weight: bold;
  font-size: 18px;
  bottom: 30px;
  right: 30px;
}

.submitButton {
  position: relative;
}

.bigSpinner {
  background: #fff url(/lib/img/loader2.gif) no-repeat center center !important;
}

.withSpinner.loading {
  background: #f2f2f2 url(/lib/img/loader1.gif) no-repeat center center !important;
}

.withSpinner.loading > span {
  visibility: hidden;
}

.button.cancelButton {
  background: #e0e0e0;
  color: #333;
}

.loading .submitButton,
.loading .submitButton:hover {
  background: #f2f2f2 !important;
}

.submitButton.loading,
.submitButton.loading:hover {
  background: #f2f2f2 url(/lib/img/loader1.gif) no-repeat center center !important;
}

.loading .submitButton span,
.submitButton.loading span {
  visibility: hidden;
}

.loader {
  background: url(/lib/img/loader1.gif) no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.sectionDivider {
  background: #ededed;
  height: 1px;
  margin: 20px 0;
}

.techTitle:first-child {
  padding-top: 0;
}

.repTechInfo {
  margin-top: 20px;
}

.ccRequestDetails {
  max-width: 500px;
}

#lsrOptions {
  border-bottom: 1px solid #ccc;
}

/*
.lsrOutline
{
    padding:3px;
    display:inline-block;
    border:1px solid #999;
    border-radius:4px;
}
*/

.whiteBg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
}

.ccActivateArea {
  max-width: 600px;
  margin: 100px auto;
  color: #333;
}

#ccReplaceOk {
  text-align: center;
}

#ccReplaceOk .hugeTickTitle {
  font-size: 28px;
  padding-bottom: 14px;
  margin-top: 20px;
}

.ccCard {
  background: #f2f2f2;
  border-radius: 10px;
  height: 150px;
  position: relative;
}

.ccCardName,
.ccCardNum {
  position: absolute;
  text-align: right;
  right: 20px;
  font-weight: bold;
  font-size: 16px;
}

.ccCardName {
  bottom: 40px;
}

.ccCardNum {
  bottom: 20px;
}

#lsrOptions a {
  padding: 7px 10px;
  display: inline-block;
  color: #333;
}

.ccRequestDetails .dialogBody {
  color: #999;
}

.ccRequestDetails h2 {
  font-weight: bold;
  color: #333;
  font-size: 16px;
  margin: 10px 0;
}

.ccrdData {
  font-weight: bold;
  color: #333;
}

#lsrOptions a.selected {
  background: #fff4d3;
}

.techTitle {
  font-weight: bold;
  padding: 12px 0 4px;
}

.realTable td.ccActions {
  text-align: right;
  white-space: nowrap;
}

.moreButtonArea {
  text-align: center;
  padding: 20px 0;
}

#cancelCCRequest,
#cancelCCReplaceRequest,
#replacementCardCancelled {
  max-width: 300px;
}

#replacementCardCancelled h3 {
  margin-top: 0;
}

.checkArea {
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  font-size: 14px;
  color: #4d4d4d;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 28px;
  position: relative;
}

.checkNote {
  padding: 0 0 0 54px;
  color: #808080;
  margin: 0 0 15px;
}

#thanks {
  display: none;
}

.padded {
  padding: 15px;
}

.bigPadded {
  padding: 20px;
}

.dialogFooter {
  padding: 15px;
  background: #f0f0f0;
}

#paymentDetails {
  padding: 10px 20px 15px 34px;
  margin: 10px 0;
  border-right: 1px solid #e0e0e0;
  float: left;
  width: 220px;
}

.bgRed {
  background: #900;
}

#cardDetails {
  width: 300px;
  float: left;
}

#paymentPane .notices {
  font-size: 16px;
}

#paymentPane .notices .row {
  display: flex;
}

#paymentPane .notices .row > div {
  flex: 1;
  padding-bottom: 8px;
}

#paymentPane .notices .totalRow {
  font-weight: bold;
}

#paymentPane .notices .total {
  text-align: right;
}

#submitPaymentDetailsBtn {
  margin-top: 20px;
}

#orderPaymentArea {
  padding-top: 30px;
}

#privTypes b {
  color: #333;
}

.payInvCount {
  color: #666;
  padding-top: 4px;
}

#floorInsulRecommendation {
  padding: 10px 15px 10px 43px;
  color: #12b898;
  background: #d0f1ea url(/lib/img/info_icon_blue.png) no-repeat 15px 10px;
}

.payAmountTotal {
  margin: 8px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid #e0e0e0;
  font-weight: bold;
  color: #333;
}

a.attachFileLink {
  padding: 4px 10px 4px 15px;
  background: url(/lib/img/paperclip.png) no-repeat left center;
  color: #333;
}

.paySummary {
  padding: 20px;
  background: #f2f2f2;
  color: #888;
}

.payAmount {
  float: right;
  padding: 0 0 0 20px;
  text-align: right;
}

#paymentTotal,
.payStmtNotice,
.surchargeNotice {
  padding: 20px 20px 0 20px;
  float: right;
  width: 140px;
  color: #888;
}

.cardIcons {
  background: url(/lib/img/payment-icons.png?v=1) no-repeat left center;
  width: 140px;
  height: 27px;
  margin: 3px 0 0 -2px;
}

label.required {
  background: url(/lib/img/aster.png?v=1) no-repeat left center;
  padding-top: 4px;
  padding-left: 14px;
  margin-left: -14px;
}

.requiredIcon {
  display: inline-block;
  width: 12px;
  background: url(/lib/img/hidpi/aster.png?v=1) no-repeat top center;
  background-size: 9px;
}

label.withSpacer {
  margin-top: 10px;
}

.note {
  font-size: 12px;
  color: #999;
}

.dialogError {
  background: #c1272d url(/lib/img/alert.png?v=1) no-repeat 20px 13px;
  color: #fff;
  padding: 15px 20px 15px 50px;
}

.ajaxErrorMsg {
  font-weight: bold;
}

#submTable .more,
#submTable .showingMore .less {
  display: none;
}

#submTable .showingMore .more {
  display: inline-block;
}

.cvvIcon {
  width: 35px;
  height: 24px;
  margin-top: 14px;
  background: url(/lib/img/cvv_icon.png?v=1) no-repeat left top;
  float: right;
}

#resetSent .paySuccessMsg,
#resetSuccess .paySuccessMsg {
  padding-left: 30px;
  padding-right: 30px;
}

.payTotal {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.tick {
  background: #fff url(/lib/img/tick.png?v=1) no-repeat center center;
  height: 50px;
}

.paySuccessMsg {
  background: #fff url(/lib/img/tick.png?v=1) no-repeat center 56px;
  text-align: center;
  padding: 90px 80px 40px 80px;
  color: #999;
}

.paySuccessMsg h2 {
  font-size: 18px;
  padding: 0 0 6px;
  margin: 0;
  color: #000;
}

#hlCalcArea {
  padding-right: 0;
}

#registerForm .paySuccessMsg .BigButton {
  width: 120px;
  display: block;
  margin: 30px auto 70px;
  float: none;
}

.calc {
  padding: 20px 0;
}

.calc input[type="text"],
select {
  padding: 5px 7px;
}

.calc .padded {
  padding: 15px;
}

#prodLookupError_dialog {
  max-width: 300px;
}

#addByCode {
  padding: 10px;
  background: #f2f2f2;
}

#addByCode .button {
  font-weight: normal;
}

#abpcFld {
  display: inline-block;
  width: 100px;
}

.calcCol {
  float: left;
  display: inline;
}

#calcCol1 {
  float: left;
  display: inline;
  width: 339px; /* To fix IE9 floating bug */
}

#wallSelector {
  margin: 0 0 10px;
}

#wallSelector a.whiteButton {
  width: auto;
  margin: 0;
  font-size: 12px;
  padding: 40px 0 10px;
  text-align: center;
  float: none;
  display: block;
  background-repeat: no-repeat;
  background-position: center 5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 8px;
  outline: none;
}

#wallSelector a.whiteButton.selected {
  background-color: #f2f2f2;
}

#hlLoading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 115px;
  text-align: center;
  background: #fff url(/lib/img/large_loader.gif) no-repeat center 75px;
  z-index: 30000;
  font-size: 14px;
  color: #777;
}

#documentDialog_dialog,
#documentDialog {
  width: 860px;
  overflow: hidden;
}

#documentDialog_dialog {
  height: 560px;
}

#documentDialog {
  height: 510px;
}

#documentDialog_dialog {
  z-index: 20010;
  position: fixed;
  top: 60px !important;
}

#documentDialog .pane {
  height: 100%;
  position: relative;
}

#docSearchArea {
  height: 32px;
  position: absolute;
  right: 72px;
  top: 20px;
  width: 370px;
}

#docSearchPane {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
}

#docFindPane .closeButton {
  height: 32px;
  width: 32px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(/lib/img/large_close_x.png) no-repeat center center;
  opacity: 0.5;
}

#docFindPane .closeButton:hover {
  opacity: 1;
}

#docSearchPane.hasQuery {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

#docFindHeader h1 {
  margin: 0;
}

#docFindHeader {
  padding: 20px;
  height: 32px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

#docSearch {
  display: block;
  font-size: 16px;
  border: 0;
  padding: 0 8px 0 29px;
  float: none;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background: url(/lib/img/search_icon_small_light.png) no-repeat 8px center;
}

a.docResult {
  padding: 6px 8px;
  border-top: 1px solid #eaeaea;
  display: block;
  cursor: pointer;
}

.docSidebar,
#ddSidebar {
  width: 220px;
  top: 73px;
  bottom: 0;
  left: 0;
  background: #333;
  color: #fff;
  position: absolute;
}

#ddSidebar {
  top: 0;
}

.readOnlyServiceRequest .formSection {
  border-top: 1px solid #e0e0e0;
  padding-bottom: 20px;
}

.readOnlyServiceRequest .formSection .title {
  font-size: 18px;
}

.readOnlyServiceRequest .formSection:first-child {
  border-top: 2px solid #333;
}

#srBody {
  display: flex;
  gap: 30px;
}

#srNotes {
  flex: 1;
  flex-basis: 270px;
  flex-grow: 0;
}

.srNoteActions {
  padding-top: 5px;
  color: #999;
}

.srNoteContent {
  color: #666;
  font-size: 14px;
}

.serviceRequestNote {
  padding-top: 20px;
}

#srNotesHeader {
  display: flex;
  justify-items: stretch;
}

.srNoteHeader {
  display: flex;
  justify-items: stretch;
  border-top: 1px solid #e0e0e0;
  padding: 7px 0 12px;
  color: #999;
}

.srNoteHeader > div,
#srNotesHeader > div {
  flex: 1;
}

a.wrAddProductBtn {
  height: 44px;
  line-height: 44px;
  padding: 0 20px 0 30px;
  display: inline-block;
  color: #00223a;
  background: url(/lib/img/add_icon.svg) no-repeat left center;
  font-weight: 500;
}

.wrProduct {
  margin-bottom: 4px;
  padding-right: 28px;
  position: relative;
}

.wrProduct.noDelete .closeBtn {
  display: none;
}

#warrantyRegistrationsLoading {
  padding: 8px 22px;
  background: url(/lib/img/loader2.gif) no-repeat left center;
  background-size: 16px;
}

#warrantyRegistrations {
  padding: 8px 0 0;
}

.warrantyRegistration {
  padding: 8px;
  border-radius: 6px;
  background: #f2f2f2;
  margin: 0 0 8px;
}

.warrantyRegistrationDialog {
  max-width: 800px;
}

input.hasFilter {
  border: 1px solid #f00;
}

@media (max-width: 650px) {
  #warrantyRegistrationForm .formSection > * {
    float: none;
  }

  #warrantyRegistrationForm .fields {
    width: auto;
  }

  #warrantyRegistrationForm .formSection {
    float: none;
  }

  #warrantyRegistrationForm .formSection .title {
    padding-bottom: 30px;
    width: auto;
  }

  #srBody {
    display: block;
    padding: 20px;
  }

  #warrantyRegistrationForm .button {
    width: 100%;
    box-sizing: border-box;
  }
}

#lennoxServiceRequest,
#lennoxServiceRequestForm,
#serviceAgentDeclined {
  flex: 1;
}

.readOnlyServiceRequest .formSection {
  border-top: 1px solid #e0e0e0;
  padding-bottom: 20px;
}

.readOnlyServiceRequest .formSection .title {
  font-size: 18px;
}

.readOnlyServiceRequest .formSection:first-child {
  border-top: 2px solid #333;
}

#srBody {
  display: flex;
  gap: 30px;
}

#srNotes {
  flex: 1;
  flex-basis: 270px;
  flex-grow: 0;
}

.srNoteActions {
  padding-top: 5px;
  color: #999;
}

.srNoteContent {
  color: #666;
  font-size: 14px;
}

.serviceRequestNote {
  padding-top: 20px;
}

#srNotesHeader {
  display: flex;
  justify-items: stretch;
}

.srNoteHeader {
  display: flex;
  justify-items: stretch;
  border-top: 1px solid #e0e0e0;
  padding: 7px 0 12px;
  color: #999;
}

.srNoteHeader > div,
#srNotesHeader > div {
  flex: 1;
}

a.wrAddProductBtn {
  height: 44px;
  line-height: 44px;
  padding: 0 20px 0 30px;
  display: inline-block;
  color: #00223a;
  background: url(/lib/img/add_icon.svg) no-repeat left center;
  font-weight: 500;
}

.wrProduct {
  margin-bottom: 4px;
  padding-right: 28px;
  position: relative;
}

.wrProduct.noDelete .closeBtn {
  display: none;
}

#warrantyRegistrationsLoading {
  padding: 8px 22px;
  background: url(/lib/img/loader2.gif) no-repeat left center;
  background-size: 16px;
}

#warrantyRegistrations {
  padding: 8px 0 0;
}

.warrantyRegistration {
  padding: 8px;
  border-radius: 6px;
  background: #f2f2f2;
  margin: 0 0 8px;
}

.warrantyRegistrationDialog {
  max-width: 800px;
}

input.hasFilter {
  border: 1px solid #f00;
}

@media (max-width: 650px) {
  #warrantyRegistrationForm .formSection > * {
    float: none;
  }

  #warrantyRegistrationForm .fields {
    width: auto;
  }

  #warrantyRegistrationForm .formSection {
    float: none;
  }

  #warrantyRegistrationForm .formSection .title {
    padding-bottom: 30px;
    width: auto;
  }

  #srBody {
    display: block;
    padding: 20px;
  }

  #warrantyRegistrationForm .button {
    width: 100%;
    box-sizing: border-box;
  }
}

#lennoxServiceRequest,
#lennoxServiceRequestForm,
#serviceAgentDeclined {
  flex: 1;
}

#docSearchResults .note {
  display: block;
  padding: 1px 0 0;
}

#docSearchResults a.docBrowseRow {
  padding-top: 4px;
  padding-bottom: 4px;
}

.docSidebar h2 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 8px;
}

.docSidebar .note {
  color: #777;
  margin: 0 0 15px;
}

#docBrowseHeader a,
#docEditHeader a {
  display: block;
  padding: 11px 20px;
  color: #ccc;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #444;
}

#docEditHeader a:first-child {
  border-top: 1px solid #444;
}

.docLabel {
  border-radius: 2px;
  line-height: 11px;
  height: 11px;
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 9px;
  font-weight: bold;
  padding: 0 2px;
  border: 1px solid;
}

/*
.docLabel.docLabelPdf
{
    border-color:#66aad7;
    color:#66aad7;
}
*/

#docBrowseArea .subPane {
  background: #fff;
}

#docURLField {
  height: 200px;
  margin: 0 0 10px;
}

.no-touch #docBrowseHeader a:hover,
.no-touch #docEditHeader a:hover {
  color: #fff;
  -moz-transition: all linear 0.2s;
}

#docBrowseHeader a.selected,
#docEditHeader a.selected {
  background: #444;
  color: #fff;
  -moz-transition: all linear 0.2s;
}

#documentDialog .dialogFooter {
  color: #999;
  background: #fff;
  border-top: 1px solid #e6e6e6;
}

#documentDialog #docUploading,
#documentDialog #docMsg {
  padding: 210px 0 0;
  background: #fff;
  text-align: center;
  color: #777;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#docUploadMsg {
  color: #900;
  font-size: 18px;
  padding: 0 0 20px;
}

#documentDialog #docUploading {
  background: #fff url(/lib/img/loader2.gif) no-repeat center 160px;
}

#docFindUpload,
#docFindURL {
  width: 49%;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  margin: 8px 0 0;
}

#docFindURL {
  color: #fff;
  background: #444;
}

#docFindURL,
#docFindUpload {
  display: block;
  width: 100%;
  border: 0;
}

#deType {
  width: 100%;
}

#ddRight {
  position: absolute;
  left: 220px;
  top: 0;
  right: 0;
  bottom: 0;
}

#addAttachmentsArea a {
  display: block;
  padding: 0 10px;
  color: #333;
}

#addAttachmentsArea a:hover,
#docProdSearchArea a.selected {
  background: #fff4d3;
}
/*
.level1
{
    background:#fff;
}

.level2, .level1.open
{
    background:#f2f2f2;
}

.level3, .level2.open
{
    background:#e0e0e0;
}

.level4, .level3.open
{
    background:#ccc;
}
*/

.level2 {
  margin-left: 8px;
}

.level3 {
  margin-left: 16px;
}

.level4 {
  margin-left: 32px;
}

.ddCenter {
  position: absolute;
  width: 320px;
  top: 0;
  bottom: 0;
  left: 0;
}

.ddFarRight {
  position: absolute;
  width: 320px;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f6f6f6;
}

#newDocArea,
#docActions {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.currentProdAttachArea {
  position: absolute;
  top: 45px;
  left: 0;
  bottom: 0;
  right: 0;
}

#currentProdAttachments {
  padding: 0 15px;
}

#currentProdAttachments .none {
  width: 200px;
  font-size: 13px;
  background: #fff4d3;
  color: #afa483;
  padding: 15px !important;
  margin: 140px auto;
  border-radius: 6px;
}

#currentProdAttachments .none {
  padding: 0;
}

#addAttachmentsArea a.addProdAttachmentLink {
  position: relative;
  padding-left: 60px;
  font-size: 11px;
  color: #777;
}

#addAttachmentsArea a.addProdAttachmentLink b {
  color: #333;
  font-size: 14px;
}

#addAttachmentsArea a.addProdAttachmentLink .icon {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 50px;
  bottom: 4px;
  background: #ffce00 url(/lib/img/add_button.png) no-repeat center center;
}

#addAttachmentsArea a.addProdAttachmentLink.added .icon {
  background-image: url(/lib/img/dark_tick.png);
}

#attachBrowse {
  position: absolute;
  top: 95px;
  bottom: 0;
  left: 5px;
  right: 0;
  border-top: 1px solid #e0e0e0;
}

#attachBrowseInner {
  padding: 10px 5px 10px 0;
}

#docProdSearchFldArea,
#docSearchFldArea {
  position: relative;
}

#docProdSearchArea a.clearSearch,
#docSearchPane a.clearSearch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  padding: 0;
  background: url(/lib/img/close_icon_trans.png) no-repeat center center;
  z-index: 2;
  display: none;
  opacity: 0.5;
}

#docProdSearchArea a.clearSearch:hover,
#docSearchPane a.clearSearch:hover {
  opacity: 1;
}

#docProdSearchArea.hasQuery .clearSearch,
#docSearchPane.hasQuery .clearSearch {
  display: block;
}

.scrollPaneInner.loading {
  padding-bottom: 40px;
  margin-bottom: 20px;
  background: url(/lib/img/loader2.gif) no-repeat center bottom;
}

#docSearch.loading,
#docProdSearch.loading {
  background-image: url(/lib/img/loader6.gif);
}

.internalDoc {
  display: inline-block;
  border: 1px solid #ccc;
  color: #bbb;
  font-size: 9px;
  padding: 2px 4px;
  line-height: 1;
  border-radius: 3px;
  margin-left: 3px;
}

#approvalRequiredPane {
  text-align: center;
}

#approvalRequiredPane h1 {
  margin-top: 80px;
  padding-top: 150px;
  background: url(/lib/img/large_tick_grey.png) no-repeat center top;
}

#ddDetailsReadOnly {
  padding: 30px;
}

.ddDetailsLabel {
  color: #999;
}

.ddDetailsData {
  padding: 3px 0 0;
}

.ddDetailsRow {
  padding: 30px 0 0;
}

.ddDetailsRow:first-child {
  padding: 0;
}

.progressChartLarge {
  margin: 0 15px;
}

.progressChartLarge .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}

.progressChartLarge .background_1 {
  width: 20%;
  background: rgb(187, 187, 187);
}

.progressChartLarge .background_2 {
  width: 40%;
  background: rgb(204, 204, 204);
}

.progressChartLarge .background_3 {
  width: 60%;
  background: rgb(221, 221, 221);
}

.progressChartLarge .background_4 {
  width: 80%;
  background: rgb(238, 238, 238);
}

.progressChartLarge .background_5 {
  width: 100%;
  background: rgb(242, 242, 242);
}

.sections_6.progressChartLarge .background_1 {
  width: 16.66%;
}

.sections_6.progressChartLarge .background_2 {
  width: 33.33%;
}

.sections_6.progressChartLarge .background_3 {
  width: 50%;
}

.sections_6.progressChartLarge .background_4 {
  width: 66.66%;
}

.sections_6.progressChartLarge .background_5 {
  width: 83.33%;
}

.sections_6.progressChartLarge .background_6 {
  width: 100%;
  background: rgb(249, 249, 249);
}

.barArea {
  padding: 6px 0;
  position: relative;
}

.barArea .bar {
  height: 22px;
  position: relative;
}

.labelArea {
  position: relative;
  height: 35px;
}

#noLennoxData {
  padding: 20px;
  text-align: center;
}

#noLennoxData img {
  width: 100%;
  max-width: 400px;
  margin: 0 0 30px;
}

.noSales {
  display: inline-block;
  padding: 5px 10px;
  background: #333;
  font-weight: bold;
  color: #fff;
  font-size: 21px;
  margin: 0 0 30px;
}

.columnChart {
  padding: 30px 0 0;
}

.columnDataArea,
.columnXLabelArea {
  padding: 0 20px 0 50px;
  position: relative;
}

.columnXLabelArea {
  padding-top: 10px;
}

.columnYLabelArea {
  position: absolute;
  left: 0px;
  right: 0;
  height: 24px;
  border-bottom: 1px solid #e0e0e0;
}

.columnYLabel {
  background: #fff;
  height: 24px;
  line-height: 24px;
  color: #ccc;
  font-size: 10px;
  position: relative;
  bottom: -12px;
  width: 30px;
  text-align: right;
  padding: 0 5px 0 0;
}

.columnWrapper {
  float: left;
  position: relative;
  text-align: center;
}

.columnDataArea .columnWrapper {
  height: 300px;
}

.columnArea {
  position: absolute;
  top: 0;
  width: 40%;
  bottom: 0;
}

.currentSalesColumn {
  left: 50%;
}

.prevSalesColumn {
  left: 10%;
}

.salesLegend {
  margin: 0 0 8px;
  float: left;
  width: 100%;
}

.salesLegend > div {
  height: 20px;
  color: #999;
  line-height: 20px;
  float: left;
}

.salesLegendPrevious {
  font-size: 40px;
  color: #999;
  padding: 0 4px 0 0;
}

.salesLegendCurrent {
  font-size: 40px;
  color: rgb(166, 105, 153) !important;
  padding: 0 4px 0 15px;
}

.columnArea.prevSalesColumn .column,
.salesValueChart .prevSalesBar {
  background-color: #999;
}

.columnArea .column {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(166, 105, 153);
}

.columnLabel {
  padding: 5%;
  font-size: 10px;
  color: #888;
}

.progressChartLabelArea {
  text-align: center;
  padding: 8px 0 0;
  width: 30px;
  position: absolute;
  top: 0;
  border-left: 1px solid #f2f2f2;
}

.progressChartLabel {
  color: #999;
  font-size: 10px;
  background: #fff;
  position: relative;
  left: -15px;
}

.columnValue {
  position: absolute;
  left: 0;
  right: 0;
  padding: 7px 0;
  color: #999;
  font-weight: bold;
  font-size: 11px;
}

.label1of11,
.label1of7 {
  left: 0%;
}

.label2of7 {
  left: 16.66%;
}

.label3of7 {
  left: 33.33%;
}

.label4of7 {
  left: 50%;
}

.label5of7 {
  left: 66.66%;
}

.label6of7 {
  left: 83.33%;
}

.label2of11 {
  left: 10%;
}

.label3of11 {
  left: 20%;
}

.label4of11 {
  left: 30%;
}

.label5of11 {
  left: 40%;
}

.label6of11 {
  left: 50%;
}

.label7of11 {
  left: 60%;
}

.label8of11 {
  left: 70%;
}

.label9of11 {
  left: 80%;
}

.label10of11 {
  left: 90%;
}

.label11of11,
.label7of7 {
  left: 100%;
  margin-left: -1px;
}

.barArea .target {
  background: #000;
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 2px;
  margin-left: -1px;
}

.barLabel {
  position: absolute;
  color: #666;
  font-size: 12px;
  line-height: 32px;
  top: 0;
  bottom: 0;
  padding-left: 7px;
  font-weight: bold;
}

.barLabel.rightBarLabel {
  right: 8px;
}

.lennoxAccountSummary {
  background: #f6f6f6;
  width: 100%;
  border: 5px solid #f6f6f6;
}

.lennoxAccountSummary td {
  border: 0;
  margin: 0;
}

.biLabel {
  font-size: 12px;
  color: rgb(166, 105, 153);
}

.lennoxAccountSummary td.withBiBar {
  border-left: 4px solid rgb(163, 163, 163);
  padding-left: 7px;
}

.hvacSalesNotice {
  background: rgb(232, 247, 251);
  padding: 12px 20px;
  font-size: 14px;
  text-align: center;
}

#salesValueTable {
  width: 100%;
}

#salesValueTable td,
#salesValueTable th {
  font-size: 12px;
  padding: 8px 4px;
}

#salesValueTable th,
#salesValueTableFooter td {
  background: #333;
  color: #fff;
  font-weight: normal;
}

#totalPointsTracker .bar,
#sqldSalesTracker .bar {
  background: rgb(255, 206, 18);
}

#equipmentPointsTracker .bar {
  background: rgb(235, 64, 64);
}

#ddDelete {
  padding: 8px 15px;
  display: block;
  margin: 0 0 10px;
  text-align: center;
}

.ddAttachedProd {
  padding: 4px 10px;
  background: #ffce00;
  margin: 0 0 3px;
  font-size: 12px;
  color: #996e00;
  position: relative;
}

.ddAttachedProd .close {
  width: 30px;
  height: 30px;
  background: url(/lib/img/close_thin.png) no-repeat center center;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.5;
}

.no-touch .ddAttachedProd .close:hover {
  opacity: 1;
}

.arDoc {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  background: url(/lib/img/doc_icon_small.png) no-repeat left top;
}

.arPane {
  width: 50%;
  float: left;
  height: 400px;
}

#docSavedPane.pane {
  z-index: 3;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #39b54a url(/lib/img/large_tick_white.png) no-repeat center center;
}

#docSaveError {
  position: absolute;
  top: -130px;
  left: 0;
  right: 0;
  padding: 15px;
  font-size: 16px;
  background: #f2f2f2;
  color: #333;
  text-align: center;
  z-index: 3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: top 0.2s ease-out;
  -moz-transition: top 0.2s ease-out;
  -ms-transition: top 0.2s ease-out;
  -o-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
}

#docSaveError a {
  display: none;
}

#docSaveError.open {
  top: 0;
}

#docSaveError.error {
  background: #fa0;
  color: #fff;
  font-weight: bold;
}

#docSaveError.error a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 60px;
  background: url(/lib/img/close_icon_white.png) no-repeat center center;
}

.arInner {
  padding: 50px;
}

#ddDelete .icon {
  display: inline-block;
  width: 13px;
  height: 15px;
  margin: 0 6px -2px 0;
  background: url(/lib/img/trash_icon_yellow.png) no-repeat center center;
}

.no-touch #ddDelete:hover .icon {
  background-image: url(/lib/img/trash_icon_red.png);
}

.arMeta {
  color: #999;
  padding: 2px 0 0;
}

.arPane h1 {
  font-size: 21px;
  line-height: 1;
  margin: 0;
  padding: 0 0 30px;
}

.arFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 30px;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  height: 40px;
}

#docPreviewImage {
  margin: 30px 30px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  position: relative;
  display: inline-block;
}

#previewNav {
  width: 50px;
  height: 21px;
  position: absolute;
  bottom: 5%;
  left: 50%;
  margin-left: -25px;
  display: none;
}

#previewImg {
  max-width: 260px;
  max-height: 375px;
  display: block;
  margin: 0;
}

#docPreviewImage:hover #previewNav {
  display: block;
}

#previewPrev {
  float: left;
}

#previewNext {
  float: right;
}

.ddAttachedProd b {
  font-size: 14px;
  color: #333;
}

#docFindURL {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 50px;
  height: 32px;
  line-height: 32px;
}

#docURLForm {
  position: relative;
}

#addURLBtn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  width: 40px;
  line-height: 32px;
}

#docActions .button {
  width: 100%;
}

#hlLoading.done {
  background-image: url(/lib/img/big_tick.png?v=1);
  color: #009245;
}

#hlLoading.error {
  background-image: url(/lib/img/big_cross.png?v=1);
  color: #c1272d;
}

.docClassFilter {
  width: 40%;
}

#docTypeFilter {
  width: 25%;
}

.docClassLevel2 {
  width: 210px;
  background: #ffde22;
}

.docClassLevel3 {
  width: 210px;
  background: #ffee55;
}

#docsBrowseArea {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto !important;
}

#docsBrowseFilters {
  height: 36px;
  background: #f6f6f6;
}

#docClassFilterPane {
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  bottom: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  display: none;
}

.warning_severity1 {
  border-left: 5px solid #000;
}

.warning_severity2 {
  border-left: 5px solid #c00;
}

.warning_severity3 {
  border-left: 5px solid #f60;
}

.warning_severity4 {
  border-left: 5px solid #fc0;
}

.warning_severity5 {
  border-left: 5px solid #ff0;
}

.classFilterOpen #docClassFilterPane {
  display: block;
}

#docClassFilterPane a {
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 1;
  padding: 3px 20px;
}

#docClassFilterPane a.selected {
  font-weight: bold;
}

.no-touch #docClassFilterPane a:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.4);
}

#docClassFilterPane > div {
  float: left;
  height: 100%;
  padding: 3px 0;
}

#docTypeFilterSelector,
#docTypeFilterPane {
  width: 170px;
}

#docClassLevel1,
#docClassFilterSelector {
  width: 220px;
}

#docClassLevel1,
#docTypeFilterPane {
  background: #ffce00;
}

#docTypeFilterPane {
  position: absolute;
  left: 220px;
  top: 36px;
  z-index: 1;
  display: none;
}

.typeFilterOpen #docTypeFilterPane {
  display: block;
}

#docTypeFilterPane a {
  padding: 6px 20px;
  color: #333;
  display: block;
}

.no-touch #docTypeFilterPane a:hover {
  background: #fff4d3;
}

#docsBrowseFilters a {
  height: 36px;
  line-height: 36px;
  color: #666;
  padding: 0 40px 0 20px;
  display: block;
  font-size: 12px;
  border-right: 1px solid #e0e0e0;
  background: url(/lib/img/chevron_down.png) no-repeat right center;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}

.noPreview {
  padding: 178px 0;
  text-align: center;
  margin: 30px 30px 0;
  color: #999;
  border: 1px solid #ccc;
  text-align: center;
}

#docClassFilterSelector .doneBtn {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  height: auto;
  width: auto;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  display: none;
  font-size: 12px;
}

.classFilterOpen #docClassFilterSelector .doneBtn {
  display: inline-block;
}

.classFilterOpen #docClassFilterSelector,
.typeFilterOpen #docTypeFilterSelector {
  background-color: #e0e0e0;
}

.scrollable {
  overflow-y: scroll;
}

#addingToCartDialog {
  text-align: center;
}

#docBrowseArea .scrollable {
  height: 100%;
}

#docBrowseArea {
  position: absolute;
  top: 73px;
  bottom: 0;
  right: 0;
  left: 220px;
}

#docBrowseArea .none {
  padding: 130px 0;
  text-align: center;
  color: #ccc;
}

a.docBrowseRow {
  border-top: 1px solid #f6f6f6;
  padding: 8px 15px 8px 34px;
  background: url(/lib/img/doc_icon_small.png) no-repeat 15px center;
  display: block;
  cursor: pointer;
  color: #333;
}

a.docBrowseRow:first-child {
  border: 0;
}

.docRowMeta {
  float: right;
  color: #999;
  font-size: 13px;
}

.docResult.docBrowseRow {
  border-top: 1px solid #f2f2f2;
  background-position: 10px 10px;
  padding-left: 30px;
}

.docResult.docBrowseRow.url,
a.docBrowseRow.url,
.docLinkIcon {
  background-image: url(/lib/img/url_icon_small.png?v=1);
}

.docLinkIcon {
  width: 12px;
  height: 15px;
  display: inline-block;
  position: relative;
  bottom: -2px;
  margin: 0 0 0 4px;
}

.docResult.docBrowseRow:first-child {
  border-top: 1px solid #eaeaea;
}

.dialogContent.dialogLoading {
  height: 100px;
  background: #fff url(/lib/img/loader2.gif) no-repeat center center;
}

.no-touch a.docBrowseRow:hover,
.no-touch a.docResult:hover,
#docSearchResults a.selected {
  background-color: #fff4d3;
  color: inherit;
}

a.addLink {
  height: 22px;
  line-height: 22px;
  background: url(/lib/img/add_icon.png?v=1) no-repeat 3px center;
  padding: 0 26px;
  display: inline-block;
  margin: 10px 0 0;
  color: #333;
}

.addSprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/lib/img/add_icon.png) no-repeat left top;
  position: relative;
  bottom: -2px;
  margin-right: 3px;
}

.attachSprite {
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url(/lib/img/paperclip.png) no-repeat left top;
  margin-right: 3px;
  position: relative;
  bottom: -2px;
}

.no-touch .addLink:hover {
  color: #dd001e;
}

.calcSection {
  /*    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    -ie-border-radius:6px;*/
  padding: 12px;
  width: 300px;
  margin: 0 15px 15px 0;
  position: relative;
  overflow: visible;
}

.calcSection .bigRounded {
  border-radius: 8px;
}

#noNotes {
  padding-top: 140px;
  background: url(/lib/img/notes_hero.png) no-repeat top center;
  background-size: 202px;
  text-align: center;
  margin-top: 40px;
}

#noNotes div {
  font-weight: bold;
  font-size: 19px;
  color: #333;
  padding-bottom: 6px;
}

.calcSection h2 {
  color: #777;
  font-size: 18px;
  text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  -o-text-shadow: 0 1px 0 #fff;
  -ie-text-shadow: 0 1px 0 #fff;
  margin: 0 0 12px;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

.nonStandardSelections {
  background: #f2f2f2;
  padding: 20px;
}

.incompleteSystemCue {
  font-size: 19px;
  padding: 115px 20px;
  margin: 20px 0 0;
  background: url(/lib/img/checkboard.png) no-repeat center 20px;
  text-align: center;
  font-weight: bold;
}

.selectionDataUpdated {
  padding: 10px 0 0;
  border-top: 1px solid #e0e0e0;
  text-align: center;
  clear: both;
}

.mobileParamsLink,
.mobileParamsBtn {
  display: none !important;
}

.ciPrice {
  font-size: 19px;
  float: right;
  text-align: right;
}

.calcPanel {
  background: #f2f2f2;
  /*    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ie-border-radius:4px;*/
  position: relative;
}

/*
.calcPanel .baseBlockIn
{
    -moz-box-shadow:0px 1px 4px #666;
    -webkit-box-shadow:0px 1px 4px #666;
    -o-box-shadow:0px 1px 4px #666;
    -ie-box-shadow:0px 1px 4px #666;
    box-shadow:0px 1px 4px #666;
}
*/

/*
.calcPanelOpen
{
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;    
}
*/
.noPanels {
  border: 3px dashed #ddd;
  color: #999;
  font-size: 14px;
  background: #f8f8f8;
}

.noPanels > div {
  display: table;
  width: 100%;
}

.noPanels > div > div {
  height: 150px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.calcPanel label {
  font-weight: normal;
  font-size: 14px;
  padding: 0 0 6px;
  color: #333;
}

.calcPanel input[type="text"] {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 1;
}

#projDashMenu a {
  padding-left: 12px;
}

.calcPanel select {
  font-size: 14px;
  width: 100%;
  padding: 5px 7px;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

.rule {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #fff;
  height: 0;
  margin: 10px 0 0;
}

.dimLeft {
  width: 30%;
  float: left;
}

.dimRight {
  width: 70%;
  float: left;
}

.wideDivider {
  width: 300px;
  margin: 20px 0 0 -15px;
  height: 1px;
  background: #ccc;
  border-bottom: 1px solid #fff;
}

.calcPanel.withSpacer {
  margin-top: 12px;
}

.customAreaOpen select {
  box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  -webkit-box-shadow: 0 0 2px #999;
  -o-box-shadow: 0 0 2px #999;
  -ie-box-shadow: 0 0 2px #999;
}

.customAreaOpen {
  background: #f2f2f2;
  box-shadow:
    0 0 3px #888 inset,
    0 1px 0 #fff;
  -moz-box-shadow:
    0 0 3px #888 inset,
    0 1px 0 #fff;
  -webkit-box-shadow:
    0 0 3px #888 inset,
    0 1px 0 #fff;
  -o-box-shadow:
    0 0 3px #888 inset,
    0 1px 0 #fff;
  -ie-box-shadow:
    0 0 3px #888 inset,
    0 1px 0 #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
  overflow: hidden;
}

#forgotPasswordForm .backLink {
  margin: -8px 0 0 -8px;
}

.customContent {
  padding: 9px 12px 12px;
}

.customAreaOpenOnLoad .customContent {
  display: block;
}

.half {
  width: 48%;
  float: left;
}

.trueHalf {
  width: 50%;
}

.lrb {
  border-right: 1px solid #eaeaea;
}

#selectedComponents {
  border-top: 1px solid #eaeaea;
}

.priceFldArea {
  position: relative;
}

.priceLabel {
  position: absolute;
  bottom: 28px;
  color: #aaa;
  left: 30px;
}

#dropInLink {
  width: 100%;
}

.half.withRightMargin {
  margin-right: 4%;
}

.panelTop {
  padding: 10px 15px;
  position: relative;
  border-bottom: 1px solid #fff;
}

.cartItemName a {
  color: #333;
}

.bigPanelTop {
  padding-top: 15px;
  padding-bottom: 15px;
}

.panelBtm,
.panelBtmEdit {
  color: #666;
  position: relative;
  cursor: pointer;
}

.smallGrey {
  font-size: 12px;
  color: #888;
}

#selector .cell.first {
  padding-left: 20px;
  padding-right: 0;
}

.highlightArrow {
  width: 32px;
  height: 28px;
  background: url(/lib/img/highlight_arrow.png?v=1) no-repeat left top;
  position: absolute;
  right: -27px;
  bottom: 15px;
}

.customContent label {
  font-size: 13px;
  padding-left: 4px;
}

.panelBtm {
  padding: 10px 45px 10px 15px;
  /*    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;*/
}

.panelBtmEdit {
  padding: 15px;
  display: none;
  /*    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;*/
}

.panelBtmEdit .button {
  display: block;
  text-align: center;
  margin: 12px 0 0;
}

.bigRounded {
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -o-border-radius: 14px;
  -ie-border-radius: 14px;
}

.rounded {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ie-border-radius: 6px;
}

.smallRounded {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
}

#userList .button {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

.mobileDivider {
  display: none;
}

#cart {
  min-width: 600px;
  max-width: 1000px;
}

.subItem {
  background: #f6f6f6;
  color: #777;
}

#cartItems,
.cardTable {
  border-radius: 4px;
  border: 1px solid #ddd;
  margin: 0 0 30px;
}

.cartItem,
.cardTable .row {
  padding: 20px 40px 20px 20px;
  border-top: 1px solid #ddd;
  position: relative;
}

.cartItem:first-child,
.cardTable .row:first-child {
  border: 0;
}

.cartItemName {
  font-size: 14px;
  margin-right: 400px;
  font-weight: bold;
  font-size: 16px;
}

#cartColHeader {
  color: #999;
  font-size: 13px;
  padding: 0 40px 10px 0;
}

.costLabel {
  float: right;
  width: 80px;
}

#cartQtyLabel {
  width: 150px;
  float: right;
}

.cartItemName .partNumber {
  font-weight: normal;
  font-size: 14px;
  color: #999;
}

.cartItemQty {
  float: right;
  width: 150px;
  font-weight: bold;
}

.cartItemPriceEa,
.cartItemPriceTotal,
.cartItemGST,
.cartItemUnit {
  width: 80px;
  float: right;
  font-weight: bold;
  font-size: 14px;
}

.qtySelector a.button {
  height: 24px;
  line-height: 24px;
  padding: 0;
}

.qtySelector .qtyFld {
  height: 24px;
  line-height: 24px;
  padding: 0;
}

.nextStepCue {
  padding: 5px 10px;
  background: #04acef;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
}

.withTopMargin {
  margin-top: 5px;
}

.addAreaActionArea .qtySelector {
  width: auto;
}

.addAreaActionArea .qtySelector a.button,
.addAreaActionArea .qtySelector .qtyFld {
  height: 36px;
  line-height: 36px;
  padding: 0;
}

.addAreaActionArea .qtySelector input[type="text"] {
  display: inline-block;
  margin: 0;
}

.cartItemDropBtn,
.cardTable .row .dropBtn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background: url(/lib/img/close_x.png?v=1) no-repeat center center;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}

.cardTable .row .dropBtn {
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  opacity: 0.5;
}

.cartItemDropBtn:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

#envRh {
  border-top: 1px solid #d0d0d0;
  color: #777;
  padding-top: 10px;
  margin-top: 12px;
  text-align: center;
}

#muCompanyHeader {
  padding: 20px 30px;
  font-size: 16px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

#evapKTD {
  padding: 8px 0;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

#incompleteCue {
  padding: 40px 30px 30px;
  background: #12b898 url(/lib/img/large_arrow_up.png?v=1) no-repeat center 15px;
  color: #fff;
  font-size: 21px;
  text-align: center;
}

#evapKTDArea {
  color: #999;
}

#addedToCartDialog {
  position: relative;
}

#addedToCartDialog .closeIcon {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/lib/img/close_icon_white.png?v=1) no-repeat center center;
}

.headerRight {
  position: absolute;
  top: 14px;
  right: 14px;
}

#searchPageFld {
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  padding: 15px 20px;
}

.userCueNotice {
  margin-bottom: 20px;
  padding: 15px 20px !important;
  margin-left: 30px;
}

#searchFld,
.searchLayer .searchFld {
  height: 36px;
  line-height: 36px;
  padding: 0 12px 0 40px;
  border: 0;
  background: #f2f2f2 url(/lib/img/search-icon.svg) no-repeat 8px center;
  background-size: 26px;
  font-size: 16px;
  width: 140px;
}

#processingDialog,
#okDialog {
  max-width: 280px;
  padding: 30px;
}

#backButton {
  display: none;
}

.showingExistingImport #adminImportForm {
  display: none;
}

.showingExistingImport #backButton {
  display: block;
}

.importLoading {
  background: url(/lib/img/loader2.gif) no-repeat left center;
  padding: 5px 0 5px 40px;
  font-size: 18px;
  color: #999;
}

#adminImportForm {
  display: block;
}

#adminImportMoreArea,
#projectNotesMoreArea {
  padding: 10px;
  text-align: center;
}

.importError {
  background: #900;
  color: #fff;
  padding: 10px;
  margin: 0 0 30px;
}

.notApplied {
  color: #999;
}

.importApplied {
  color: #090;
  font-weight: bold;
}

.ajaxSuccessNotice {
  background: #090;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
}

.searchNew {
  height: 36px;
  position: absolute;
  left: -50px;
  top: 0;
  background: url(/lib/img/search_new.png) no-repeat left center;
  width: 50px;
}

.selectorUpdatedCue {
  padding: 6px 12px;
  font-weight: normal;
  float: left;
}

.searchForm {
  position: relative;
}

.searchFormDesktop {
  float: right;
  margin: 14px 14px 14px 0;
}

.searchBtn.button {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 50px;
  text-align: center;
  padding: 0;
}

.placeholder {
  color: #aaa;
}

#searchFld.placeholder,
#searchFldMob.placeholder {
  color: #999;
}
/*
.searchFld::-webkit-input-placeholder
{
    color:#FFF;
}

.searchFld:-moz-placeholder
{
    color:#FFF;
}

.searchFld::-moz-placeholder
{
    color:#FFF;
}

.searchFld:-ms-input-placeholder
{
    color:#FFF;
}
*/

#badResults {
}

#globalPromoHdr {
  float: right;
  width: 128px;
  margin: 14px 14px 14px 0;
}

.searchLayer {
  top: 0;
  right: 0;
  z-index: 300;
  position: absolute !important;
  width: 450px;
}

.searchLayer .baseBlockIn {
  background-color: #f2f2f2 !important;
}

.searchLayer .searchForm {
  background: #fff;
  border-bottom: 1px solid #dadada;
}

.searchLayer .none {
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  font-size: 13px;
  color: #bbb;
  text-align: center;
  padding: 0;
}

#searchMask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 19;
}

.searchLayer .searchFld {
  margin: 15px 0 15px 15px;
  display: inline-block;
}

#newMobSearchFld {
  margin-right: 44px;
}

.instSearchResults {
  !overflow: hidden;
  !background: #fff url(/lib/img/search_bg.png) no-repeat left top;
  !height: 0;
  transition: height linear 0.2s;
}

.instSearchResults a:active {
  color: #dd001e !important;
}

.searchLayer.opened .instSearchResults {
  !height: 450px;
}

.instSearchResults .result {
  !height: 44px;
  !line-height: 44px;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 90px 10px 13px;
  border-bottom: 1px solid #eaeaea;
  display: block;
  color: #00223a;
  position: relative;
}

.no-touch .instSearchResults .result:hover {
  color: #00223a;
}

.instSearchResults a.result:focus {
  color: #333;
  border-left: 3px solid #eb0029;
  padding-left: 10px;
  outline: 0;
}

.instSearchResults .info {
  font-size: 12px;
  color: #aaa;
  !padding-left: 3px;
  padding-top: 3px;
  display: block;
}

.instSearchLabel {
  text-transform: uppercase;
  font-size: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  !bottom: 14px;
  height: 16px;
  line-height: 16px;
  width: 56px;
  text-align: center;
  color: #fff;
  z-index: 3;
  border-radius: 2px;
}

.instSearchLabel.srchProduct {
  background: #d08900;
}

.instSearchLabel.srchCoolcard {
  background: #81c22b;
}

.instSearchLabel.srchProject {
  background: #30a896;
}

.instSearchLabel.srchLocation {
  background: #990066;
}

.instSearchLabel.srchCustomer {
  background: #666699;
}

.instSearchLabel.srchInvoice {
  background: #ed5598;
}

.instSearchLabel.srchUser {
  background: #19d4c9;
}

.instSearchLabel.srchDocument {
  background: #298ce2;
}

.instSearchLabel.srchCategory {
  background: #c1272d;
}

.instSearchLabel.srchCylinder {
  background: #786de8;
}

.instSearchLabel.srchBrand {
  background: #d96b6b;
}

.instSearchLabel.srchOrder {
  background: #998b7f;
}

.instSearchLabel.srchPage {
  background: #558f74;
}

.instSearchLabel.srchCompany {
  background: #000000;
}

.instSearchLabel.srchAccount {
  background: #339;
}

.instSearchLabel.srchServiceRequest {
  background: #2aa;
}

.searchLayer .close {
  width: 36px;
  height: 36px;
  background: #fff url(/lib/img/large_close_x.png) no-repeat center center;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
}

.no-touch .searchLayer .close:hover {
  background-color: #f2f2f2;
}

.instSearchResultsArea {
  position: relative;
  overflow: hidden;
}

.companyGuestHeader {
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
  background: #333;
  color: #fff;
  position: relative;
}

.companyGuestHeader.isAMGuest {
  background: #f2c400;
  color: #664500;
  padding-right: 70px;
}

.assistScope {
  padding-left: 20px;
  color: #666;
  background: url(/lib/img/info_icon.png) no-repeat left 1px;
}

.assistScopeArea {
  padding: 0 0 20px;
}

.assistStat {
  width: 33.33%;
  float: left;
  padding: 0 20px 20px;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}

.assistStat:first-child {
  border-left: 0;
}

.companyGuestHeader a.specialHdrBtn {
  display: none;
}

.companyGuestHeader.isAMGuest a.specialHdrBtn {
  display: block;
  color: #664500;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  border: 2px solid #664500;
  top: 6px;
  right: 6px;
  bottom: 6px;
  padding: 0 10px;
  line-height: 24px;
  background: #f2c400;
}

.companyGuestHeader.isAMGuest a:hover {
  border-color: #dd001e;
  color: #dd001e;
}

.instSearchResults .result .mask {
  width: 108px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(/lib/img/right_fade_out_white.png) no-repeat left top;
}

.instSearchResults .result .mask {
  display: none;
}

.instSearchResults .result .image {
  width: 56px;
  height: 35px;
  position: absolute;
  top: 8px;
  right: 13px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.instSearchResults .result .chevron {
  width: 44px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff url(/lib/img/right_chevron_small.png) no-repeat center center;
}

.instSearchResults .result .chevron {
  display: none;
}

.searchSurveyBtns,
.searchSurveySubmitted {
  padding: 12px 54px;
  color: #808080;
  background: #f2f2f2;
  text-align: center;
  font-size: 14px;
  position: relative;
}

#searchSurveyDialog {
  max-width: 320px;
}

#searchSurveyDialog textarea {
  margin: 8px 0 0;
}

.searchSurvey {
  visibility: hidden;
}

.searchLayer.hasQuery .searchSurvey {
  visibility: visible;
}

.searchSurveySubmitted {
  background: #090;
  color: #fff;
  font-weight: bold;
}

.searchSurveyBtns a {
  transition: background-color linear 0.07s;
}

.no-touch .searchSurveyBtns a:hover {
  background-color: #e0e0e0;
}

.badResults {
  padding: 20px;
  background: #555;
  color: #fff;
  position: absolute;
  bottom: 0;
  margin-bottom: -320px;
  left: 0;
  right: 0;
  z-index: 5;
  transition: margin ease-out 0.15s;
}

.badResults .closer {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #777;
  background-position: center center;
  z-index: 5;
  font-size: 24px;
}

.no-touch .badResults .closer:hover {
  color: #fff;
}

.badResults textarea {
  margin-top: 10px;
  height: 70px;
  border: 0;
  background: #333;
  color: #fff;
  font-size: 14px;
}

#mobSearch.hasBadResults .badResults {
  margin-bottom: 0;
}

#mobSearch.hasBadResults .bad {
  background-color: #666;
}

.searchSurvey .good {
  position: absolute;
  width: 44px;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(/lib/img/thumbs_up.png) no-repeat center center;
}

.searchSurvey .bad {
  position: absolute;
  width: 44px;
  top: 0;
  bottom: 0;
  left: 0;
  background: url(/lib/img/thumbs_down.png) no-repeat center center;
}

.searchTypeHdr {
  padding-top: 10px;
}

#cartBtn {
  padding: 0 10px 0 40px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  color: #00223a;
  font-weight: bold;
  background: #f2f2f2 url(/lib/img/cart_hdr_black.png?v=1) no-repeat 10px center;
  float: right;
  margin: 14px 14px 14px 0;
  border-radius: 8px;
}

.no-touch #cartBtn:hover {
  background-color: #e0e0e0;
  text-decoration: none;
}

#cartBtn.hasItems {
  background-color: #024268;
  background-image: url(/lib/img/cart_hdr_white.png?v=1);
  color: #fff;
}

.no-touch #cartBtn.hasItems:hover {
  background-color: #0069b4;
}

a.panelEdit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: right;
  color: #444;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  background: url(/lib/img/transparent.png?v=1); /* Ugly IE hack*/
}

a.panelEdit span {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    from(#f2f2f2),
    to(#eaeaea)
  );
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #eaeaea 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2, #eaeaea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#eaeaea');
  background-image: -ms-linear-gradient(top, #f2f2f2 0%, #eaeaea 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #eaeaea 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0%, #eaeaea 100%);
  background-color: #eaeaea;
  border-bottom-right-radius: 12px;
}

.no-touch a.panelEdit:hover span,
.no-touch .panelBtm:hover a.panelEdit span {
  text-decoration: none;
  background: #0069b4;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -o-text-shadow: none;
  -ie-text-shadow: none;
  color: #fff;
}

.panelTop label {
  font-weight: bold;
  font-size: 16px;
  color: #444;
  margin: 0;
  padding: 0;
  line-height: 1;
}

#companyAdminArea {
  padding: 15px;
  text-align: left;
  !max-width: 700px;
  background-color: #024268;
}

#companyAdminOuter {
  position: relative;
  z-index: 1;
}

#contentInner {
  position: relative;
}

#companyAdminArea .button {
  width: 120px;
  float: right;
  padding: 0;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #00223a;
  color: #fff;
  font-size: 11px;
}

.no-touch #companyAdminArea .button:hover {
  background-color: #0069b4;
}

#companyAdminArea .button:active {
  box-shadow:
    0 1px 0 #444,
    0 0 6px #000 inset;
  -moz-box-shadow:
    0 1px 0 #444,
    0 0 6px #000 inset;
  -webkit-box-shadow:
    0 1px 0 #444,
    0 0 6px #000 inset;
  -o-box-shadow:
    0 1px 0 #444,
    0 0 6px #000 inset;
  -ie-box-shadow:
    0 1px 0 #444,
    0 0 6px #000 inset;
}

#requestCoolcardForm label {
  display: inline;
  font-size: 13px;
}

#companySearch {
  font-size: 18px;
  font-weight: bold;
  border: 0;
  background: #00223a;
  color: #fff;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
}

#editCompanyBtn {
  float: right;
}

#editCompanyBtn {
  margin: 0 10px 0 0;
}
/*
#multiEditArea
{
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0px;
    z-index: 4;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    background: #fff;
}*/

#multiEditArea {
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.15);
  margin-top: 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  position: sticky;
  top: 20px;
  z-index: 4;
  background: #fff;
}

#selectedProductLabel {
  padding: 0 15px;
  flex: 1;
  font-weight: bold;
}

#editManyBtn {
  flex-grow: 0 !important;
  margin: 10px;
}

#cSearchArea {
  margin-right: 260px;
  position: relative;
}

#cSearchArea a.button {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0 12px 0 28px;
  height: 26px;
  line-height: 26px;
  width: auto;
  background: #0069b4 url(/lib/img/chevron-left-white.svg) no-repeat 12px center;
  background-size: 6px;
  color: #fff;
  border-radius: 4px;
}

#cSearchArea a.button:hover {
  background-color: #fff;
}

#configTypeMenu,
#reqText,
#reqForm {
  border-bottom: 1px solid #cccccc;
}

#solutionArea {
  background: #fff;
}

#configTypeMenu {
  padding: 20px 20px 0 20px;
  background: #fff;
}

#configTypeMenu a {
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  position: relative;
  bottom: -1px;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}

#assistNavAccount {
  border-right: 0;
}

.assistNavTitle a {
  font-size: 14px;
}

.assistAccName {
  float: right;
  font-weight: normal;
  font-size: 13px;
}

.componentResults {
  display: table;
  width: 100%;
}

.tar {
  text-align: right;
}

#configTypeMenu a:hover {
  text-decoration: none;
  color: #dd001e;
}

#itemCount,
.count {
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  background: #b3b3b3;
  color: #fff;
  padding: 0 7px;
  height: 16px;
  line-height: 16px;
  margin: 0 0 0 5px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ie-border-radius: 8px;
}

.subMenu a:hover #itemCount {
  background: #666;
}

.subMenu a.selected #itemCount {
  background: #333;
  color: #fff;
}

.selected #itemCount {
  background: #eaeaea;
  color: #666;
}

.componentSelectionDialog {
  max-width: 800px;
}

.productActions a {
  height: 44px;
  line-height: 44px;
  border-top: 1px solid #f2f2f2;
  display: block;
  padding: 0 16px 0 50px;
  background-position: 16px center;
  display: block;
  width: auto;
  font-weight: medium;
}

.no-touch .productActions a:hover {
  color: #0069b4;
}

.productBackArea {
  padding: 0 0 20px;
}

.productActions a:first-child {
  border: 0;
}

.productContent {
  display: none;
  margin: 10px 0 40px;
}

.productSectionTitle {
  font-weight: medium;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #f0f0f0;
  position: relative;
  padding-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productContent .label {
  font-weight: bold;
  padding-bottom: 6px;
}

.no-touch .productSectionTitle:hover {
  cursor: pointer;
}

.productSectionTitle .disclosureIcon {
  background: rgba(0, 105, 180, 0.11) url(/lib/img/plus.svg) no-repeat center
    center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
  display: block;
}

.productSection.expanded .disclosureIcon {
  background-image: url(/lib/img/minus.svg);
}

.no-touch .productSectionTitle:hover .disclosureIcon {
  background-color: rgba(0, 105, 180, 0.3);
}

.productLeft {
  max-width: 600px;
  clear: left;
  font-size: 16px;
  padding-right: 380px;
  padding-top: 40px;
}

.productSpecRow {
  display: flex;
  padding: 14px 20px;
  border-top: 1px solid #f2f2f2;
}

.productSpecRow > * {
  flex: 1;
}

.productSpecRow .value {
  text-align: right;
}

.productImages {
  float: left;
}

.productImg {
  padding-right: 380px;
  max-width: 600px;
}

.productImage {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.productImg .productImage {
  display: none;
  float: none;
  height: 0;
  padding-bottom: 70%;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  position: relative;
}

.productImg .productImage > div,
.productImg .productImageThumbnail > div,
.productImgInset {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 7%;
  right: 7%;
  bottom: 7%;
  left: 7%;
}

.productImg .productImage.selected {
  display: block;
}

.productImg .productImageThumbnails {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.productImg .productImageThumbnail,
.dummyThumbnail {
  width: 17%;
  height: 0;
  flex: 1;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 17%;
}

.productImg .productImageThumbnail {
  padding-bottom: 17%;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  margin-top: 3%;
  position: relative;
  transition: all linear 0.1s;
}

.productImg .productImageThumbnail.selected {
  border-color: #00223a;
}

.no-touch .productImg .productImageThumbnail:hover {
  transform: scale(1.1);
  border-color: #ccc;
  cursor: pointer;
}

.productName {
  font-size: 32px;
  font-weight: bold;
}

.prodRightSection {
  float: right;
  clear: right;
  width: 340px;
  box-sizing: border-box;
  margin-top: 30px;
  border: 0;
}

.mobTitle {
  display: none;
}

.onlineOnlyCartNotice {
  border: 1px solid #e0e0e0;
  color: #eb0029;
  color: #333;
  padding: 20px;
  border-radius: 6px;
  margin: 0 0 30px;
  text-align: center;
}

.mobileImages {
  display: none;
}

.onlineOnlyFlag {
  background: #eb0029;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  font-weight: bold;
  border-radius: 3px;
  padding: 0 4px;
  color: #fff;
  display: inline-block;
  position: relative;
  top: -3px;
}

.bundleAndSaveButton {
  display: block;
  width: 80px;
  height: 80px;
  background: url(/lib/img/bundle_and_save_button.png) no-repeat center center;
  background-size: cover;
  margin: 0 0 20px;
}

.bundledItemProductCode {
  color: #999;
  flex-shrink: 0;
  padding-left: 10px;
}

.bundleHeader {
  width: 100%;
  display: flex;
}

.readOnlyProject .disabledWhenReadonly {
  display: none;
}

@media (max-width: 770px) {
  .prodRightSection {
    float: none;
    clear: none;
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }

  .productImg {
    padding: 20px;
  }

  .productLeft {
    padding: 20px;
  }

  .mobileImages {
    display: block;
  }

  .desktopImages {
    display: none;
  }
}

.selectedProductImage {
  max-width: 140px;
  max-height: 140px;
  float: left;
  margin-right: 20px;
}

.selectedProductDetails {
  padding-left: 160px;
}

.selectedProductCode {
  font-weight: bold;
  font-size: 19px;
}

.componentOptionArea {
  border-top: 1px solid #eaeaea;
}

.lockIcon {
  width: 9px;
  height: 12px;
  background: url(/lib/img/lock_icon.png) no-repeat left top;
  background-size: 9px;
  display: inline-block;
}

#systemParamsDialog {
  max-width: 260px;
}

#settingsFixedNote {
  font-weight: bold;
  color: #333;
  padding-top: 8px;
}

.lockedSetting,
#settingsFixedNote {
  display: none;
}

.isLocked #settingsFixedNote {
  display: block;
}

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

.lockedSetting {
  margin-left: 4px;
}

#systemParamsDialog .radioArea {
  padding-top: 0;
}

.systemLoadSection {
  padding: 10px 15px;
  border-top: 1px solid #f2f2f2;
}

a.addOptions {
  padding: 10px 15px 10px 40px;
  background: url(/lib/img/add_icon.png) no-repeat 15px center;
  display: block;
  color: #333;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

.no-touch a.addOptions:hover {
  color: #333;
  background-color: #ffce00;
}

.multiloadEvapTitle {
  font-size: 16px;
}

.cmiProduct,
.cmiTech {
  position: absolute;
  left: 0;
  right: 0;
  top: 88px;
  bottom: 0;
}

#useDefaultSelectionsBtn,
#recommendedSelectionsBadge {
  float: right;
  padding: 0 0 0 19px;
  line-height: 1;
}

#useDefaultSelectionsBtn {
  background: url(/lib/img/tiny_yellow_arrow.png) no-repeat left center;
  background-size: 12px;
  color: #333;
}

#recommendedSelectionsBadge {
  background: url(/lib/img/tiny_grey_tick.png) no-repeat left center;
  background-size: 12px;
  color: #999;
}

.componentSelectionDialog .body {
  position: relative;
  min-height: 600px;
  background: url(/lib/img/selector_modal_bg.png) repeat-y left top;
}

.componentInfoDialog {
  min-height: 600px;
}

.componentSelectionDialog .selectionResultsScrollArea {
  position: absolute;
  top: 0;
  left: 260px;
  right: 0;
  bottom: 0;
  min-height: 500px;
  overflow-y: scroll;
}

.componentSelectionDialog .results.loading {
  height: 200px;
}

.componentSelectionDialog .filter {
  font-size: 14px;
}

.componentSelectionDialog label {
  font-size: 12px;
}

.componentSelectionDialog .radioLabel {
  font-weight: normal;
  font-size: 13px;
}

.componentSelectionDialog form {
  float: left;
  width: 220px;
  padding: 20px;
}

.componentSelectionDialog form select {
  width: 100%;
}

#selectorArea h2 {
  padding: 30px 20px 8px;
  margin: 0;
  font-size: 21px;
}

.componentSelectionDialog .results .none {
  text-align: center;
  padding: 60px 30px;
}

#selectorArea.split #configTypeSplit,
#selectorArea.remote #configTypeRemote,
#selectorArea.dropin #configTypeDropin {
  background: #f6f6f6;
  color: #333;
  border-color: #ccc;
}

#selectorArea.split .hiddenForSplit,
#selectorArea.remote .hiddenForRemote,
#selectorArea.dropin .hiddenForDropin {
  display: none !important;
}

.optionArea {
  display: none;
}

.cond_unit #condUnitArea,
.condenser #condArea,
.basic_unit #basicUnitArea,
.evaporator #evapArea,
.dropin #dropInArea {
  display: block;
}

.psText {
  padding: 0 20px 20px;
  font-size: 16px;
}

.psText a {
  margin: 0 0 0 20px;
  float: right;
}

#reqText span {
  font-family: georgia;
  font-style: italic;
}

#reqText {
  padding-top: 20px;
  background: #f6f6f6;
  text-align: center;
}

.keyMetrics {
  padding: 10px 0;
  position: relative;
}

a.itemLink {
  display: inline-block;
  position: relative;
  z-index: 29;
}

a.itemInfoLink {
  background: #fff url(/lib/img/prod_info_icon.png?v=1) no-repeat 12px center;
  color: #333;
  padding-left: 38px;
}

.ifBalanced {
  display: none;
}

.balanced .ifBalanced {
  display: inline;
}

#orderFields label {
  display: inline;
  font-size: 13px;
}

.ofArea {
  padding-top: 15px;
}

.ofOptions {
  padding: 5px 0 0 24px;
}

#balancedSource {
  display: none;
}

.component {
  float: left;
  text-align: center;
  position: relative;
}

a.componentLink {
  display: block;
  background: #fff;
  text-align: center;
  padding: 20px !important;
  border-bottom: 1px solid #eaeaea;
  outline: none;
}

a.componentLink:hover {
  text-decoration: none;
}

.psText b {
  font-weight: 600;
}

.standardDialog {
  max-width: 320px;
}

.standardDialog .dialogHeader {
  height: 44px;
  line-height: 44px;
}

.standardDialog .backLink {
  position: absolute;
  left: 0;
  height: 44px;
  line-height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 10px;
  font-size: 12px;
}

.standardDialog .wideButton {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center !important;
  float: none;
}

#projectWarningsDialog {
  max-width: 850px;
}

.rbdr {
  border-right: 1px solid #e0e0e0;
}

.component,
.metric,
.componentResults,
#docSearch,
.borderBox {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.metric {
  width: 20%;
  float: left;
  padding: 5px 0 5px 20px;
  color: #12b898;
}

.remoteMetrics .metric {
  width: 16.66%;
}

.noSelections {
  padding: 20px;
  background: #ffecca;
  text-align: center;
  font-size: 16px;
  padding: 40px;
}

.metval {
  display: block;
  font-size: 21px;
}

.psForm {
  padding: 0 20px;
}

.cat {
  border-top: 1px solid #eee;
}

.catInner {
  padding: 5px 0;
}

.cat1 {
  padding-left: 20px;
}

.cat2 {
  padding-left: 40px;
}

.cat3 {
  padding-left: 60px;
}

.cat4 {
  padding: 5px 20px;
  background: #f6f6f6;
}

.cat .cat4:first-child {
  margin-top: 5px;
}

.psForm a {
  float: right;
  margin: 0 0 40px 18px;
}

.psFldArea {
  float: left;
  height: 70px;
  padding: 0 20px 0 0;
  position: relative;
}

#reqForm {
  padding: 20px 20px 10px;
  background: #f6f6f6;
}

#reqForm .psFldArea {
  min-width: 120px;
}

#reqForm select {
  width: 100px;
  font-size: 14px;
}

.greyTooltip {
  background: #333;
  color: #fff;
  padding: 7px;
  font-size: 13px;
}

.tooltip {
  position: absolute;
  display: none;
  top: 65px;
  left: 0;
  z-index: 1;
}

td.focussed {
  position: relative;
}

td.focussed .tooltip {
  display: inline-block;
  top: 50px;
  background: #c60c46;
}

.split .focussed .splitTooltip,
.remote .focussed .remoteTooltip,
.split .psFldArea a.splitHelpIcon,
.remote .psFldArea a.remoteHelpIcon {
  display: inline-block;
}

.psFldArea a.helpIcon {
  display: inline-block;
  float: none;
  margin: 0;
  display: none;
}

#reqForm input {
  width: 70px;
  font-size: 16px;
  font-weight: bold;
}

#prmsAssigned,
#prmsUnassigned {
  border-top: 1px solid #e0e0e0;
}

#prmsAssigned .assignBtn,
#prmsUnassigned .unassignBtn {
  display: none;
}

#prmsUnassigned .prmsAccRow {
  background: #f2f2f2;
}

.prmsAccRow {
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
}

.prmsAccNo {
  float: left;
  width: 100px;
  height: 24px;
  line-height: 24px;
}

.prmsAccName {
  padding: 0 100px;
  height: 24px;
  line-height: 24px;
}

.prmsAccBtn {
  width: 80px;
  float: right;
}

.prmsAccBtn .button {
  float: right;
}

.cueNotice {
  background: #d0f1ea;
  color: #029878;
  padding: 20px 30px;
  text-align: left;
  font-size: 14px;
}

.cueNoticeDark {
  background: #efe3bc;
}

.cueNotice h2 {
  margin: 0 0 6px;
  font-size: 18px;
}

.infoIcon {
  width: 20px;
  background: url(/lib/img/info_icon.png?v=1) no-repeat center center;
}

.no-touch .infoIcon:hover {
  text-decoration: none;
  background: url(/lib/img/info_icon_red.png?v=1) no-repeat center center;
}

.heavyRule {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #fff;
}

.privTypesSection {
  width: 22%;
  float: left;
  background-position: lef top;
  background-repeat: no-repeat;
  padding-top: 37px;
}

.noProducts {
  padding: 80px 0;
  text-align: center;
  font-size: 18px;
  clear: both;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: #ccc;
}

#privTypes {
  color: #888;
}

#privTypes h3 {
  margin-bottom: 4px;
  color: #333;
}

#userDetailsFormArea,
#orderApprovalForm {
  max-width: 800px;
}

#userDetailsFormArea {
  margin-bottom: 30px;
}

.disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.no-touch a.button.disabled:hover {
  background-color: #0069b4;
  color: #fff;
}

#accountAccess {
  border-collapse: collapse;
  width: 100%;
  float: left;
  width: 100%;
}

#accountAccess label {
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  color: #777;
}

.privAccName {
  font-size: 16px;
  font-weight: bold;
  clear: both;
  padding: 0 0 5px;
}

.accPriv {
  float: left;
  width: 150px;
}

.accPrivRow {
  padding: 15px 0 0;
}

.accRow,
.accRowHdr {
  border-bottom: 1px solid #e0e0e0;
  float: left;
  width: 100%;
}

.accCell {
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.accCell {
  float: right;
  width: 45%;
}

.accCell.grey {
  float: right;
  width: 13%;
}

.accRowHdr .accCell {
  padding-top: 42px;
  padding-bottom: 15px;
  border: 0;
  background-repeat: no-repeat;
  background-position: center 14px;
  font-size: 12px;
  font-weight: normal;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.accCell.bottom {
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-btmleft: 6px;
  -moz-border-radius-btmright: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#accountAccess .grey {
  background-color: #f2f2f2;
  text-align: center;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
}

#accountAccess input[type="checkbox"] {
  z-index: -1;
}

#accountAccess a {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 20;
  zoom: 1;
}

#sdChart {
  height: 180px;
  position: relative;
  width: 244px;
  margin: 50px auto;
}

#lennoxSalesData .column {
  color: #12b898;
  position: absolute;
  bottom: 0;
  left: 0;
}

#lennoxSalesData .bar {
  width: 116px;
  background: #12b898;
  margin: 4px 0;
}

#lennoxSalesData .column.previous {
  color: #bbb;
  left: 128px;
}

#lennoxSalesData .column.previous .bar {
  background: #bbb;
}

#lennoxSalesData .column {
  float: left;
  text-align: center;
}

.no-touch #accountAccess a:hover {
  background: rgba(0, 0, 0, 0.03);
}

#prodCode {
  width: 170px;
}

.invisible {
  visibility: hidden;
}

.cabinetLoadLink {
  background-image: url(/lib/img/generic_cabinet_icon.png);
}

.otherLoadLink {
  background-image: url(/lib/img/other_load_icon.png);
}

.customRoomLink {
  background-image: url(/lib/img/generic_room_icon.png);
}

.roomType1 {
  background-image: url(/lib/img/room_type_1.png?v=1);
}
.roomType2 {
  background-image: url(/lib/img/room_type_2.png?v=1);
}
.roomType3 {
  background-image: url(/lib/img/room_type_3.png?v=1);
}
.roomType4 {
  background-image: url(/lib/img/room_type_4.png?v=1);
}
.roomType5 {
  background-image: url(/lib/img/room_type_5.png?v=1);
}
.roomType6 {
  background-image: url(/lib/img/room_type_6.png?v=1);
}
.roomType7 {
  background-image: url(/lib/img/room_type_7.png?v=1);
}

#productSelectors a {
  background-size: 62px;
  background-position: center 20px;
}

#otherTools a {
  background-size: 45px;
  background-position: center 10px;
}

#tools h2 {
  font-size: 18px;
  font-weight: bold;
}

#shareReportButton {
  float: right;
}

.evaporatorButton {
  background-image: url(/lib/img/evaporator_icon.png);
}

.condensingUnitButton {
  background-image: url(/lib/img/condensing_unit_icon.png);
}

.basicUnitButton {
  background-image: url(/lib/img/basic_unit_icon.png);
}

.condenserButton {
  background-image: url(/lib/img/condenser_icon.png);
}

.dropInUnitButton {
  background-image: url(/lib/img/dropin_icon.png);
}

.coilQuoteButton {
  background-image: url(/lib/img/coil_icon.png);
}

.systemLoadName {
  font-size: 16px;
  font-weight: bold;
}

.loadTypes a span,
.loadTypeSelector span {
  background-size: 34px;
  margin: 0;
  border: 0;
  padding: 10px 8px 10px 56px;
  text-align: left;
  background-position: 11px center;
  height: auto;
  float: none;
  width: auto;
  display: inline-block;
  clear: left;
  background-repeat: no-repeat;
  color: #333;
}

.loadTypeSelectorLabel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 44px;
  padding-left: 45px;
}

.loadTypeSelector span {
  height: 44px;
  line-height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-touch .loadTypeSelector:hover {
  background: #f2f2f2;
  cursor: pointer;
}

.loadTypes a img,
.loadTypeSelector img {
  width: 24px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 12px;
}

.cabinetLink {
  background-image: url(/lib/img/cabinet_icon.png);
  background-size: 24px !important;
  background-position: 14px center;
}

.otherLoadLink {
  background-image: url(/lib/img/other_Load_icon.png);
  background-size: 24px !important;
  background-position: 15px center !important;
}

.customTemplate {
  background-image: url(/lib/img/custom_icon.png);
  background-size: 24px !important;
  background-position: 14px center;
}

.loadTypes a {
  display: block;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0;
  position: relative;
  color: #333;
}

.no-touch .loadTypes a:hover {
  background: #ebf3f9;
  color: #333;
}

.loadTypeWelcome,
.systemParamsWelcome {
  background: #12b898;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.loadTypeWelcome {
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
}

.systemParamsWelcome {
  padding: 15px;
}

.cabinetLink,
.otherLoadLink {
  font-weight: bold;
}

.loadTypeSelector {
  height: 44px;
  padding: 0;
  position: relative;
  font-weight: bold;
  background-color: #f6f6f6;
}

.loadTypeSelector .selectArrow {
  width: 24px;
  height: 8px;
  background: url(/lib/img/chevron_down.png) no-repeat left top;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}

.titleDivider {
  background: #f2f2f2;
  padding: 5px 15px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
}

.systemRowHeader {
  background: rgba(0, 0, 0, 0.05);
  padding: 10px 88px 10px 20px;
  position: relative;
}

a.systemClickMask {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.3;
  background: transparent;
}

#systems .cardTable {
  position: relative;
  transition: background linear 0.05s;
}

.no-touch #systemList .cardTable:hover {
  cursor: pointer;
  background: #fff4d3;
}

.systemRowHeader .note {
  color: rgba(0, 0, 0, 0.4);
}

#shareProductListDialog .radioArea {
  padding: 0;
}

.clickable {
  cursor: pointer;
  transition: background linear 0.05s;
}

.no-touch .clickable:hover {
  background-color: #fff4d3;
}

.no-touch .cartItemDropBtn,
.cardTable .row .dropBtn:hover {
  opacity: 1;
}

#systemLoadSelectionDialog label {
  font-weight: normal;
}

.cabinetOptions label {
  display: inline;
  padding-left: 4px;
}

.loadTypes a.radio {
  padding-left: 20px;
  background-position: left center;
}

.roomLoadTypes a span {
  padding-left: 50px;
}

.cabinetOptions .radioSet {
  padding: 20px 20px 4px 20px;
  border-top: 1px solid #e0e0e0;
}

.cabinetOptions .half {
  padding-bottom: 16px;
}

#browseProductsForm {
  max-width: 380px;
  margin: 0 0 30px;
}

#browseProductsForm select {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

#browsers {
  background: #fff;
  margin: 30px 0 0;
}

#urlField {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 11px;
  padding: 6px 8px;
}

#lennoxServForm {
  max-width: 400px;
}

#lennoxServForm label {
  margin: 12px 0 8px;
  padding-left: 14px;
}

#lennoxServForm .fieldArea {
  margin-left: 14px;
}

#urlBtn {
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.loadFavourites .row {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}

a.loadFavourite {
  padding: 10px 20px;
  color: #333;
  display: block;
  position: relative;
  margin-right: 40px;
  border-left: 3px solid #fff;
}

.no-touch a.loadFavourite:hover {
  border-color: #fc0;
  color: #333;
}

.deleteFaveBtn {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  border-left: 1px solid #f2f2f2;
  width: 40px;
  background: url(/lib/img/close_icon.png) no-repeat center center;
  opacity: 0.5;
}

.deleteFaveBtn:hover {
  opacity: 1;
}

.newDialog h3 {
  padding: 5px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background: #333;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin: 0;
}

.newDialog label {
  color: #333;
}

a.browserIcon {
  display: block;
  padding: 100px 0 20px;
  background-repeat: no-repeat;
  background-position: center 20px;
  text-align: center;
  color: #999;
}

.browserIcon.ie {
  background-image: url(/lib/img/edge-logo.png);
  background-size: 60px;
}

.browserIcon.firefox {
  background-image: url(/lib/img/firefox-logo.png);
  background-size: 60px;
}

.browserIcon.chrome {
  background-image: url(/lib/img/chrome-logo.png);
  background-size: 60px;
}

.csvLink {
  width: 50px;
  height: 30px;
  background: url(/lib/img/csv_icon.png?v=1) no-repeat center center;
  float: right;
}

.no-touch .csvLink:hover {
  text-decoration: none;
  background: url(/lib/img/csv_icon_over.png?v=1) no-repeat center center;
}

.pdfLink {
  width: 30px;
  height: 20px;
  background: url(/lib/img/pdf_icon.png?v=1) no-repeat center center;
  display: inline-block;
}

.no-touch .pdfLink:hover {
  background: url(/lib/img/pdf_icon_over.png?v=1) no-repeat center center;
}

.downloadLink {
  width: 20px;
  height: 20px;
  background: url(/lib/img/download_icon_blue.svg) no-repeat center center;
  background-size: 20px;
  display: inline-block;
}

.no-touch .downloadLink:hover {
  opacity: 0.5;
}

/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */

/* Component containers
----------------------------------*/
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 1em;
}
.ui-widget-content {
  background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png?v=1)
    50% top repeat-x;
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png?v=1) 50%
    50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png?v=1) 50% 50%
    repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png?v=1) 50% 50%
    repeat-x;
  font-weight: bold;
  color: #c77405;
}
.ui-state-hover a,
.no-touch .ui-state-hover a:hover {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png?v=1) 50% 50%
    repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png?v=1)
    50% top repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png?v=1)
    50% 50% repeat;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1)
    50% 50% repeat;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(images/ui-bg_flat_10_000000_40x100.png?v=1) 50% 50%
    repeat-x;
  opacity: 0.2;
  filter: Alpha(Opacity=20);
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/*!
 * jQuery UI Autocomplete 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
  width: 1px;
} /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.2em 0.4em;
  line-height: 1.5;
  zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/*!
 * jQuery UI Button 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
} /* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em;
} /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
} /* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* jQuery UI mods - Shane Clasie */

.ui-autocomplete {
  background: #fff;
  padding: 0;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1;
  overflow: hidden;
}

.ui-menu .ui-menu-item a {
  color: #00223a;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  border-radius: 0;
  padding: 0 12px;
  border-top: 1px solid #f2f2f2;
}

.ui-menu .ui-menu-item:first-child a {
  border: 0;
}

.ui-menu .ui-menu-item a.ui-state-focus {
  background: #f6f6f6;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

#adminDash h2 {
  font-size: 21px;
  font-weight: normal;
  padding: 20px 0 5px;
}

#adminDash h2:first-child {
  margin-top: 0;
  padding-top: 0;
}

.barChart {
  float: left;
  margin: 15px 15px 0;
}

.barChart .bars {
  height: 50px;
  position: relative;
  float: left;
  background: #def url(/lib/img/bar_bg.png?v=1);
}

.barChart .bars div {
  width: 12px;
  margin: 0 2px;
  float: left;
  background: #39f;
  position: relative;
  margin-top: 1px;
}

.barChart .labels {
  float: left;
  clear: left;
}

.barChart .labels div {
  width: 16px;
  float: left;
  text-align: center;
  color: #999;
  font-size: 10px;
  padding: 4px 0;
}

.barChart .labels div:last-child {
  font-weight: bold;
  color: #f90;
}

.chartTitle {
  text-align: center;
  font-size: 13px;
  color: #666;
  padding: 0 0 6px 0;
}

table.aDash {
  border: 1px solid #ddd;
  border-collapse: collapse;
  width: 100%;
  color: #666;
  max-width: 1100px;
}

table.aDash th {
  background: #f6f6f6;
  font-weight: normal;
  border-top: 1px solid #e0e0e0;
}

table.aDash tr.topRow th {
  font-weight: bold;
}

table.aDash th,
table.aDash td {
  border-right: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
  vertical-align: top;
  text-align: center;
}

table.aDash td {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}

table.aDash tr th:last-child,
table.aDash tr td:last-child {
  border-right: none;
}

.cnTable {
  width: 100%;
  font-size: 14px;
  text-align: right;
  border-collapse: collapse;
}

.cnTable th {
  padding: 10px 20px;
  font-weight: normal;
  color: #999;
}

.cnTable td,
.cnTable th {
  border-bottom: 1px solid #f0f0f0;
}

.cnTable td {
  width: 100px;
  padding: 0;
  font-weight: bold;
}

.cnTable td.cnName {
  width: auto;
  text-align: left;
  font-weight: normal;
  padding: 10px 20px;
}

.cnStat a {
  display: block;
  padding: 10px 20px;
}

.no-touch .cnStat a:hover {
  background: #f2f2f2;
  text-decoration: none;
  color: #dd001e;
}

.cnStat a.selected {
  background: #dd001e;
  color: #fff;
  border-bottom: 1px solid #dd001e;
  position: relative;
  bottom: -1px;
}

.cnTable td.cnDetailArea {
  color: #333;
  text-align: left;
  font-weight: normal;
  padding: 10px 20px;
  background: #f2f2f2;
}

.aDashDetailTable {
  border-collapse: collapse;
  color: #999;
  width: 100%;
}

.aDashDetailTable td {
  vertical-align: top;
  padding: 6px 10px;
  border-bottom: 1px solid #f2f2f2;
}

.aDashDetailTable tr:last-child td {
  border: 0;
}

.aDashDetailTable tr td:last-child {
  font-weight: bold;
  color: #333;
}

.p-BillingAddressForm {
  display: none !important;
}

.paymentInvoices span {
  display: inline-block;
  padding: 5px 8px;
  background: #f0f0f0;
  margin: 10px 5px 0 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ie-border-radius: 6px;
}

#payment-form #submit {
  height: 50px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  box-model: border-box;
  color: #fff;
  background: #0069b4;
  border: 0;
  margin: 20px 0 0;
  position: relative;
  cursor: pointer;
}

#payment-form #button-text {
  line-height: 50px;
}

#payment-form #submit #spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f2f2f2 url(/lib/img/loader1.gif) no-repeat center center;
}

.faded {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.veryFaded {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;
  filter: alpha(opacity=40) !important;
}

.hlSaveArea {
  display: none;
}

.hlCanSave .hlSaveArea {
  display: block;
}

.projRepTitle {
  font-size: 26px;
  margin: 0 0 60px;
  font-weight: bold;
}

.repLogo {
  width: 200px;
  text-align: center;
  font-size: 24px;
  float: left;
}

.projRepHeading {
  font-size: 38px;
  margin: 0 0 0 30px;
  font-weight: 200;
  padding: 10px 30px;
  letter-spacing: 0.05em;
  float: left;
  border-left: 1px solid #000;
}

#hlTitleArea {
  display: block;
  color: #333;
  font-size: 24px;
  text-align: left;
}

.no-touch #hlTitleArea:hover {
  text-decoration: none;
}

a.whiteButton {
  margin: 20px 20px 0 0;
  float: left;
  padding: 20px;
  width: 200px;
  color: #00223a;
}

a.hlMenuButton {
  width: 90px;
  height: 50px;
  padding: 66px 20px 0 20px;
  background-position: center 14px;
  background-repeat: no-repeat;
  text-align: center;
  font-size: 13px;
}

a.hlMenuButton.addTemplate {
  background: url(/lib/img/add_template_icon.png) no-repeat left top;
  border-color: #fff;
}

#otherTools a.danfossButton {
  background: url(/lib/img/Danfoss-logo.svg) no-repeat center 18px;
  background-size: 90px;
}

#hlMenuArea h2 {
  font-weight: bold;
  color: #333;
  padding: 30px 0;
  margin: 0;
}

.no-touch a.whiteButton:hover,
.no-touch a.savedHlRow:hover {
  background-color: #fff8e4;
  text-decoration: none;
}

#outOfBounds {
  padding: 20px;
  font-size: 18px;
}

#hlMenu {
  clear: left;
}

.prodInfoDialog h4 {
  margin: 10px 0 4px;
}

.prodInfoDialog h4:first-child {
  margin-top: 0;
}

#hlData {
  display: none;
}

.repItemPrice {
  font-weight: bold;
  float: right;
}

.savedHlTitle {
  font-size: 16px;
  color: #000;
  padding: 0 0 4px;
  font-weight: bold;
}

a.savedHlRow {
  display: block;
  padding: 7px 12px;
  color: #aaa;
  border-bottom: 1px solid #f0f0f0;
}

#nav,
#nav-open-btn {
  display: none;
}

.savedHlResult {
  color: #12b898;
}

.userSettingsArea,
.userPwdArea {
  margin: 0 0 30px 0;
}

#hlCalcArea .projHeader {
  padding-right: 40px;
}

.userSettingsArea {
  max-width: 700px;
  min-width: 500px;
  margin: 0 0 30px;
}

.userPwdArea {
  width: 300px;
}

.component.noSelection .hideOnNoSel {
  visibility: hidden;
}

.component.noSelection .unitCode {
  background: none;
  color: #aaa;
}

.psFldArea input[type="checkbox"] {
  margin: 7px 0;
}

#ilCue .none {
  text-align: center;
  font-family: georgia, serif;
  font-style: italic;
  padding: 40px;
}

#addCartCue {
  padding: 10px;
  text-align: center;
}

.plus {
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(/lib/img/plus.png?v=1) no-repeat left top;
  margin: 0 7px;
}

.olBtnArea {
  padding: 10px;
}

.infoSmallRedIcon {
  background: url(/lib/img/info_small_red.png) no-repeat center center;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-left: 4px;
}

#ilCue {
  font-size: 16px;
}

#otherLoadMenu {
  background: #f2f2f2;
}

#otherLoadMenu a.whiteButton {
  float: left;
  width: 32%;
  font-size: 13px;
  padding: 50px 0 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  text-align: center;
  background-position: center 10px;
  background-repeat: no-repeat;
  margin: 0;
  background-color: #fff;
  border-radius: 8px;
}

.no-touch #otherLoadMenu a.whiteButton:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

#otherLoadMenu .olBtnRow a.whiteButton {
  margin: 0 0 2% 2%;
}

#otherLoadMenu .olBtnRow a.whiteButton:first-child {
  margin-left: 0;
}

#solidInsertBtn {
  background-image: url(/lib/img/ol_solid_icon.png?v=1);
}

#glassInsertBtn {
  background-image: url(/lib/img/ol_glass_icon.png?v=1);
}

#lightsBtn {
  background-image: url(/lib/img/ol_lights_icon.png?v=1);
}

#occupantsBtn {
  background-image: url(/lib/img/ol_people_icon.png?v=1);
}

#forkliftsBtn {
  background-image: url(/lib/img/ol_forklifts_icon.png?v=1);
}

#motorsBtn {
  background-image: url(/lib/img/ol_motors_icon.png?v=1);
}

#otherBtn {
  background-image: url(/lib/img/ol_other_icon.png?v=1);
}

.closeBtn {
  width: 20px;
  height: 20px;
  background: url(/lib/img/close_icon.png?v=1) no-repeat center center;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -10px;
}

.no-touch .closeBtn:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.calcSection h2 span {
  color: #12b898;
  font-size: 16px;
  float: right;
  padding-right: 12px;
}

#ceilingLoadLabel {
  margin: 0;
  top: 4px;
}

.newProjBtnDt {
  float: right;
  margin: 0 0 0 20px;
}

.loadLabel {
  color: #12b898;
  font-size: 13px;
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  line-height: 30px;
}

.calcSection > .loadLabel {
  top: 10px;
  margin: 0;
}

.loadLabel.noClose {
  right: 15px;
}

#calcAreaOuter {
  text-align: left;
  margin-right: 255px;
}

/*
#hlCalcArea
{
    padding:0 0 200px;
}
*/

#hlCalcArea .padded {
  padding: 20px;
}

#results .value {
  float: right;
  color: #333;
  margin-top: 10px;
  font-weight: bold;
}

#results .label {
  float: left;
  clear: both;
  font-weight: bold;
  margin-top: 10px;
  color: #333;
}

#results .smallVals .label {
  font-weight: normal;
  padding-left: 5px;
  margin-top: 2px;
  color: #667279;
}

#results .label a {
  font-weight: normal;
}

#results .smallVals .value {
  font-size: 13px;
  color: #667279;
  margin-top: 2px;
  font-weight: normal;
}

.designLoad {
  background: #12b898 url(/lib/img/result_arrow.png?v=1) no-repeat center bottom;
  color: #fff;
  display: table;
  width: 100%;
  color: #fff;
  border-top-left-radius: 12px;
}

.designLoad > div {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}

.newHlGenerics {
  float: left;
  margin-right: 40px;
}

.newHlGenerics .divider {
  clear: both;
  padding: 8px;
}

.newHlSpecifics {
  float: left;
}

.hlTemplateDialog {
  max-width: 360px;
}

.hlTemplateDialog .cueNotice {
  padding: 12px;
  margin: 0 0 15px;
}

.hlTemplateDialog .note {
  padding-top: 2px;
}

.hlTemplateDialog .subMenu a:link,
.hlTemplateDialog .subMenu a:visited {
  font-size: 13px;
  border: 0;
  color: #333;
  text-transform: none;
  padding: 15px 0;
  letter-spacing: 0;
  display: block;
  text-align: center;
  transition: all linear 0.1s;
}

.hlTemplateDialog .subMenu a span {
  background-image: url(/lib/img/large_radio_off.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 5px -3px 0;
  padding: 0;
  border: 0;
}

.hlTemplateDialog .subMenu a:hover {
  background: #f8f8f8;
}

.hlTemplateDialog .subMenu a.selected span {
  background-image: url(/lib/img/large_radio_on.png);
}

.hlTemplateDialog .subMenu a.selected:link,
.hlTemplateDialog .subMenu a.selected:visited {
  background-color: #fff;
}

.hlTemplateDialog .subMenu {
  background: #f6f6f6;
  border: 0;
  width: 100%;
  left: 0;
  margin: 0;
}

#editTemplates .customHlTemplate {
  background-color: #ffce00;
}

a.customRoom {
  background-size: 24px !important;
  font-size: 14px !important;
  background-position: 13px center !important;
}

.prodOptions {
  transition: opacity linear 0.1s;
}

.prodOptions label {
  font-weight: normal;
}

.hlTemplateDialog .subMenu.options_2 li {
  width: 50%;
}

.editTemplateArea {
  display: none;
}

.hlTemplateDialog.isEditing .editTemplateArea {
  display: block;
}

.hlTemplateDialog.isEditing .viewTemplateArea {
  display: none;
}

.tData {
  font-size: 18px;
}

.hlTemplateDialog label {
  font-size: 13px;
}

.hlTemplateDialog select {
  width: 100%;
}

.hlDialogSelectLeft {
  width: 28%;
  float: left;
  margin-right: 2%;
}

.hlDialogSelectRight {
  width: 70%;
  float: left;
}

a.customHlTemplate {
  background-image: url(/lib/img/large_cog_icon.png);
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  width: 120px;
}

a.customHlTemplate.longTitle {
  font-size: 12px;
  line-height: 1.1;
}

a.customHlTemplate.extraLongTitle {
  font-size: 10px;
  line-height: 1;
}

#designLoadOuter {
  font-size: 24px;
}

#results {
  padding: 10px 20px 20px 20px;
}

#errorPage,
.termsDoc {
  background: #fff;
}

#priceInfo {
  color: #eb0029;
  padding: 4px 0 8px;
}

#resultAreaOuter {
  width: 235px;
  float: right;
  background: #12b898;
  color: #fff;
  margin: 20px 0 0;
  position: relative;
}

#resultArea,
#resultAreaOuter {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.hlDownloadArea {
  padding: 20px 20px 0 20px;
  background: #12b898;
  border-top-left-radius: 12px;
}

#incomplete,
#requiredFlds,
#outOfBounds,
#demoLargeRoom {
  font-size: 18px;
  padding: 30px;
}

.isDemoAccount.largeRoom .calcSection h2 span,
.isDemoAccount.largeRoom .loadLabel {
  display: none;
}

#resultArea {
  background: #cce3f2;
  color: #666;
}

.radioLabel {
  font-size: 13px;
  display: inline;
}

#projSearchFld {
  width: 160px;
  font-weight: bold;
  padding-right: 34px;
}

.projSrchFldArea {
  float: left;
  position: relative;
}

#projSrchFldArea {
  margin-right: 80px;
}

#projSrchFldArea input {
  padding-right: 34px;
}

#filterInputBtn {
  position: absolute;
  right: 0;
}

.hasProjFilter input,
.hasSiteFilter input {
  border-color: #0b0 !important;
  background-color: #efe;
}

.projSrchFldArea a,
#projSrchFldArea a {
  display: none;
}

.hasProjFilter a,
#projSrchFldArea.hasProjFilter a,
.hasSiteFilter a,
#custSiteSearchArea.hasSiteFilter a {
  display: block;
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 34px;
  background: url(/lib/img/close_icon_trans.png?v=1) no-repeat center center;
}

.clearanceIcon {
  background: url(/lib/img/clearance_icon.png) no-repeat center 3px;
}

#projSearch > input {
  float: left;
}

.multiloadEvapActions {
  padding: 8px 0 0;
}

.editLoadBtn {
  margin: 10px 0 0;
}

.loadTitle {
  font-size: 19px;
  padding: 0 0 4px;
}

#projects .subMenu {
  float: left;
}

#multiloadEquipment .wideButton {
  margin: 0 0 5px;
}

#projSearch {
  float: right;
}

#projSearchMob {
  padding: 0 0 15px;
  margin: 0 0 15px;
}

#projItems .header > div {
  border: none;
}

.repWarning {
  color: #000;
  border: 2px solid #000;
  padding: 7px;
  margin: 0 0 20px;
  text-align: center;
  font-weight: bold;
}

#imgUploading {
  background: url(/lib/img/loader1.gif) no-repeat left center;
  padding: 8px 0 8px 22px;
  color: #999;
}

#otherParams {
  max-width: 400px;
}

#otherLoadPanels .calcPanel,
#productPanels .calcPanel {
  margin-bottom: 12px;
}

a.noteAttachment {
  padding: 6px 48px 6px 35px;
  display: block;
  color: #888;
  position: relative;
  float: left;
  clear: left;
}

a.noteAttachment.nonImageAttachment {
  background: url(/lib/img/paperclip.png) no-repeat 12px center;
}

.noteUploadError {
  color: #900;
  font-weight: bold;
  padding: 0 0 8px 0;
}

.noteAttachment:first-child {
  border: 0;
}

.noteAttachment img {
  max-width: 20px;
  max-height: 20px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -10px;
  border-radius: 6px;
}

a.deleteButton {
  background: url(/lib/img/close_x.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  opacity: 0.5;
}

a.deleteButton:hover {
  opacity: 1;
}

a.systemDeleteBtn {
  bottom: default;
  height: 40px;
}

a.noteAttachment .deleteBtn {
  display: none;
  background: url(/lib/img/close_icon.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  opacity: 0.5;
}

.noteAttachments a.noteAttachment:hover .deleteBtn {
  display: inline-block;
}

.noteAttachments a.noteAttachment:hover .deleteBtn {
  display: inline-block;
}

.deleteNoteBtn,
.editNoteBtn {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-color: #ffce00;
  background-position: left top;
  display: inline-block;
}

.noteActionArea {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 7px;
}

.projNote:hover .noteActionArea {
  display: block;
}

.deleteNoteBtn {
  background-image: url(/lib/img/bin_btn.png);
}

.editNoteBtn {
  background-image: url(/lib/img/edit_btn.png);
  margin-right: 5px;
}

.editNoteBtn:hover,
.deleteNoteBtn:hover {
  background-color: #dd001e;
}

.noteAttachments a.noteAttachment:hover .deleteBtn:hover {
  opacity: 1;
}

.noteAttachmentUploadArea {
  padding: 15px;
}

.noteAttachmentArea {
  border-top: 1px solid #f2f2f2;
  background: #f2f2f2;
  border-bottom: 1px solid #e0e0e0;
}

.noteAttachmentArea a.noteAttachment {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  display: block;
  float: none;
  margin-left: 15px;
}

.addSystem {
  padding: 150px 20px 40px 20px;
  background: url(/lib/img/system_hero.png) no-repeat center 10px;
  text-align: center;
}

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

.projNoteAttachments {
  background: #f6f6f6;
  padding: 7px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#projectNotes {
  max-width: 800px;
  margin: auto;
}

#selectProductDialog_dialog {
  max-width: 400px;
  height: 60%;
}

#selectProductDialog {
  position: relative;
}

#selectProductDialog_dialog .baseBlock,
#selectProductDialog_dialog .baseBlockIn,
#selectProductDialog .scrollArea,
#selectProductDialog.dialogContent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#selectProductDialog .dialogHeader {
  height: 44px;
}

.browseAreaHeader,
.browseAreaHeader span {
  height: 44px;
  line-height: 44px;
}

.browseAreaHeader {
  position: relative;
  background: #f6f6f6;
}

.plHeader a {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  float: left;
  padding-left: 20px;
}

.plHeader a.selected {
  color: #333;
}

.plSearchArea {
  padding: 7px;
  height: 30px;
}

.plSearchArea input {
  height: 30px;
  line-height: 30px;
  border: 0;
  background: #f2f2f2;
  padding: 0 10px;
  display: block;
}

.browseAreaHeader span {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  padding: 0;
  overflow: hidden;
  display: block;
}

#selectProductDialog_dialog .baseBlock {
  top: 20px;
}

.plLists .pl a {
  display: block;
  padding: 12px 20px;
  color: #333;
  border-bottom: 1px solid #f2f2f2;
  font-weight: bold;
}

.no-touch .plLists .pl a:hover {
  background: rgba(255, 206, 0, 0.1);
}

.pl,
.plFavouritesArea {
  overflow-y: scroll;
  top: 90px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.plFavouritesArea {
  top: 109px;
}

.plFavouritesArea.loading {
  background: url(/lib/img/loader2.gif) no-repeat center center;
}

.productFavouriteLists {
  height: 34px;
}

.browseAreaHeader a.backLink {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 0 !important;
  background-position: center center;
}

.sr .productsPage {
  display: block;
  padding-top: 20px;
}

#searchResults .subMenu {
  margin-bottom: 20px;
}

.systemInfo {
  position: relative;
  padding-right: 100px;
}

.systemInfo .gasIcon {
  width: 65px;
  position: absolute;
  top: 0;
  right: 0;
}

#lowGwpNotice,
#highGwpNotice {
  font-size: 13px;
  margin: 15px 0 0;
}

#lowGwpNotice .note,
#highGwpNotice .note {
  padding-top: 3px;
}

#lowGwpNotice {
  padding-left: 68px;
  background: url(/lib/img/low-gwp-logo.svg) no-repeat -3px -3px;
  background-size: 60px;
}

#highGwpNotice strong {
}

#integrationsIntro {
  padding-top: 20px;
}

#integrationLogos {
  padding-top: 50px;
}

#integrationHeader {
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin-bottom: 60px;
  justify-content: space-between;
  margin-top: 60px;
}

.integrationSection {
  display: flex;
  gap: 40px;
  padding: 40px;
}

.integrationSection > div {
  flex: 1;
}

.integrationDescription {
  padding-right: 40px;
  border-right: 1px solid #e0e0e0;
}

#integrationHeader > div {
  min-height: 200px;
}

.integrationSetting {
  display: flex;
  flex-direction: column;
}

.integrationButton {
  margin-top: auto;
}

.integrationSetting .tag {
  font-size: 14px;
  padding: 6px 8px;
  height: auto;
  line-height: 1;
  margin-top: 10px;
}

.integrationDescription h2 {
  font-weight: bold !important;
  font-size: 24px;
}

#integrationHeading {
  width: 50%;
  position: relative;
}

#integrationHeading .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  max-width: 400px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#integrationDescription {
  padding-left: 40px;
  border-left: 1px solid #e0e0e0;
  flex: 0 0 50%;
  box-sizing: border-box;
}

#activateInvoiceIntegrationDialog {
  max-width: 400px;
}

#activateInvoiceIntegrationDialog input {
  margin-top: 6px;
}

#integrationInvoiceEmail {
  width: 180px;
}

@media (max-width: 400px) {
  #integrationInvoiceEmail {
    width: 100px;
  }
}

.integrationLink {
  display: block;
  padding: 20px;
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}

.integrationLogo {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 20px;
  bottom: 20px;
  width: 150px;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}

.simproLogo {
  background-image: url(/lib/img/simpro.svg);
}

.arofloLogo {
  background-image: url(/lib/img/aroflo.svg);
}

.projNote {
  margin: 20px 0 0;
}

.newProjArea .cartItemName,
.newProjArea .cartItemPriceTotal {
  font-size: 19px;
  font-weight: normal;
}

a.button.saveButton {
  background: #090;
  color: #fff;
}

.newHeatload {
  padding: 20px 0 0 20px;
}

#systemLoad .heatloadSection {
  padding-left: 0;
  padding-right: 0;
  margin: 12px 0 0;
}

.outOfStock {
  color: #900;
}

.newProjArea .cartItemPriceTotal {
  text-align: right;
  width: 120px;
}

.newProjArea .cartItemGST,
.newProjArea .cartItemPriceEa {
  display: none;
}

.newProjArea #cartFooter {
  border: 0;
  background: none;
}

.newProjArea .cartTotalValue {
  font-weight: normal;
  font-size: 19px;
}

.newProjArea #selectedBranch {
  padding-top: 0;
}

.newProjArea #selectedBranch,
.newProjArea #cartTotalArea {
  padding-left: 0;
  padding-right: 0;
}

.newProjArea #selectedBranch .branchName {
  font-weight: normal;
  font-size: 19px;
  padding-bottom: 6px;
  display: inline-block;
}

.systemTypeName {
  font-size: 17px;
  font-weight: normal;
  line-height: 1;
  padding: 0 0 4px;
  display: block;
}

.projNoteHeader {
  padding: 8px;
  color: #aaa;
  border-bottom: 1px solid #f2f2f2;
  font-size: 12px;
  margin: 3px 3px 0 3px;
}

.sectionButton {
  float: right;
  padding: 7px;
  margin-left: 6px;
}

.projNoteBody {
  padding: 15px;
  position: relative;
  font-size: 19px;
}

.projSection .sectionRows {
  border-top: 1px solid #e0e0e0;
}

.projSection .sectionRows a {
  display: block;
  color: #333;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  transition: padding ease-out 0.3s;
}

.no-touch .projSection .sectionRows a:hover {
  background: #fff4d3;
  padding-left: 10px;
}

.optionItem {
  padding: 10px 40px 10px 15px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}

a.systemTitle {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.stockLevelPanel .branch {
  border-bottom: 1px solid #f2f2f2;
}

.stockLevelPanel .branchName,
.stockLevelPanel .branchInfo,
.stockLevelPanel .stockHeader,
.stockLevelPanel .stock {
  padding: 10px 3%;
}

.stockLevelPanel .branchName {
  font-weight: bold;
  font-size: 13px;
}

.stockLevelPanel .branchName {
  color: #333;
}

.branchInfo {
  display: none;
}

.branchAvail {
  font-weight: bold;
}

.branchAvail .limitedStock {
  padding-left: 0;
  background: none;
}

.branchAvail .inStock,
#overallStockLevel .available {
  color: #090;
}

#selectedBranchHeader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 34, 58, 0.03);
  font-weight: bold;
  font-size: 14px;
}

#selectedBranchSpacer {
  height: 40px;
}

#overallStockLevel {
  text-align: center;
  padding: 20px;
}

#overallStockLevel .available,
.product .available,
.prodAvail .available {
  padding-left: 24px;
  background: url(/lib/img/hidpi/tiny_tick_green.png) no-repeat left center;
  background-size: 15px;
  display: inline-block;
  font-size: 16px;
}

.product .available,
.prodAvail .available {
  font-size: 14px;
  color: #090;
}

.product .availableToOrder,
.prodAvail .availableToOrder,
#overallStockLevel .availableToOrder {
  padding-left: 24px;
  background: url(/lib/img/tiny_grey_tick.png) no-repeat left center;
  background-size: 15px;
  display: inline-block;
  font-size: 14px;
  color: #999;
}

#overallStockLevel .limitedStock {
  padding-left: 24px;
  font-size: 16px;
  background-size: 14px;
}

.stockLevelPanel .branch .branchInfo {
  color: #777;
  padding: 0 10px 10px 25px;
}

.stockLevelPanel .distance {
  font-size: 12px;
  color: #aaa;
  padding-left: 4px;
  font-weight: normal;
}

.limitedStock {
  font-weight: bold;
  color: #090 !important;
  padding-left: 17px;
  background: url(/lib/img/hidpi/phone_icon.png) no-repeat left center;
  background-size: 12px;
}

.branchSwivel {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/lib/img/dark_swivel_closed.png?v=1) no-repeat left top;
  margin: 0 5px 0 0;
}

.open .branchSwivel {
  background-image: url(/lib/img/dark_swivel_open.png?v=1);
}

.branch.open .branchInfo {
  display: block;
}

.branchName a,
.branchName a:hover {
  color: #333;
}

.branch.selectable {
  background-color: #fff;
  background-image: url(/lib/img/chevron.png?v=1) !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: 12px !important;
  display: block;
}

#branchSummary .name {
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0 3px;
}

.notesIcon {
  background: url(/lib/img/notes.svg) no-repeat center center;
  width: 12px;
  height: 12px;
  background-size: 12px;
  position: absolute;
  left: 32px;
  bottom: 20px;
}

.orderSectionRight label {
  font-weight: normal;
  font-size: 13px;
  display: inline;
  padding-left: 5px;
}

#branchSummary .address {
  font-size: 12px;
  color: #888;
}

.no-touch .branch.selectable:hover {
  text-decoration: none;
  background-color: #fffaed;
}

#cartFooter {
  margin: 0 0 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #f2f2f2;
}

#cart.isDelivery #selectedBranch,
#deliveryCostNotice {
  display: none;
}

#cart.isDelivery #deliveryCostNotice {
  display: block;
}

#deliveryCostNotice {
  padding: 20px;
}

#cart.isDelivery .prodAvail {
  visibility: hidden;
}

#selectedBranch {
  padding: 20px;
}

#returnCylindersDialog {
  max-width: 360px;
}

#cartTotalArea {
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}

#cartTotalArea .button {
  float: right;
}

#selectedBranch .branchName {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

#selectedBranch .label,
#promoCodeArea .label {
  font-size: 11px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
  color: #999;
  letter-spacing: 0.05em;
}

.stockLevelPanel .none {
  text-align: center;
  padding: 30px 0;
}

.ui-autocomplete-loading {
  background: url(/lib/img/loader1.gif) no-repeat 96% center;
}

.stockLevelPanel .stock {
  float: right;
  padding-left: 20px;
}

.stockLevelPanel .stock {
  text-align: right;
  font-size: 13px;
}

.locIcon {
  width: 12px;
  height: 17px;
  background: url(/lib/img/location_icon.png?v=1) no-repeat left top;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 7px;
}

.pageSection {
  border-top: 1px solid #f0f0f0;
  padding: 8px 0 25px;
}

.pageSection div {
  font-size: 14px;
}

.pageSectionArea {
  padding: 10px 0 0;
}

.pageSection .title {
  text-transform: uppercase;
  color: #999;
  padding: 0 0 8px;
  font-weight: bold;
  font-size: 12px;
}

#flOptions.dialogSection {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#flOptions.dialogSection a {
  border-color: #f2f2f2;
  padding-left: 60px;
}

#flOptions .dialogSectionTitle {
  padding-left: 20px;
}

#cylinderDetail h1 {
  font-size: 36px;
  margin: 0 0 45px;
}

.greyText {
  color: #999;
}

.cylinderType {
  font-size: 22px;
  padding: 0 0 5px;
}

.cylinderInvDetails {
  padding: 0 0 30px;
}

.pageSectionBtn {
  float: right;
  margin: 0 0 20px;
}

.pageSectionContent,
.pageSectionContent div {
  font-size: 18px !important;
  padding: 5px 0 0;
}

#availError {
  padding: 10px 0 0;
  color: #900;
}

.stock .available {
  color: #090;
}

.stock .unavailable {
  color: #bbb;
}

.stock .unknown {
  color: #999;
}

.boxVal {
  padding: 1px 4px;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ie-border-radius: 3px;
}

.customArea {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ie-border-radius: 3px;
  box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -o-box-shadow: 0 1px 0 #fff;
  -ie-box-shadow: 0 1px 0 #fff;
}

#locationDetails .quarter {
  width: 25%;
  text-align: center;
  font-size: 12px;
}

#locationDetails span {
  padding: 3px 0 0;
  display: inline-block;
}

#locationDetails .quarter > div {
  margin: 2px;
  background: #f6f6f6;
  padding: 6px;
}

#locationDetails {
  color: #666;
}

#basicWallsSel {
  background-image: url(/lib/img/walls_basic.png?v=1);
}

#perimWallsSel {
  background-image: url(/lib/img/walls_perimeter.png?v=1);
}

#listWallsSel {
  background-image: url(/lib/img/walls_list.png?v=1);
}

#walls .panelTop label {
  font-size: 14px;
  padding: 0 0 8px;
}

.vital.highlighted {
  border: 1px solid #99c6e4;
  background: #f5f9fc;
}

.radioArea {
  padding: 15px 0 10px;
}

#newSystemDialog .radioArea {
  cursor: pointer;
}

#dialogs > div {
  display: none;
}

/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: block;
  width: 100% !important;
  vertical-align: middle;
  zoom: 1;
  *display: block;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: -9999px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

.chzn-container.chzn-with-drop .chzn-drop {
  left: 0;
}

/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(20%, #ffffff),
    color-stop(50%, #f6f6f6),
    color-stop(52%, #eeeeee),
    color-stop(100%, #f4f4f4)
  );
  background-image: -webkit-linear-gradient(
    top,
    #ffffff 20%,
    #f6f6f6 50%,
    #eeeeee 52%,
    #f4f4f4 100%
  );
  background-image: -moz-linear-gradient(
    top,
    #ffffff 20%,
    #f6f6f6 50%,
    #eeeeee 52%,
    #f4f4f4 100%
  );
  background-image: -o-linear-gradient(
    top,
    #ffffff 20%,
    #f6f6f6 50%,
    #eeeeee 52%,
    #f4f4f4 100%
  );
  background-image: linear-gradient(
    #ffffff 20%,
    #f6f6f6 50%,
    #eeeeee 52%,
    #f4f4f4 100%
  );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #bbb;
  -webkit-box-shadow:
    0 0 3px #ffffff inset,
    0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
    0 0 3px #ffffff inset,
    0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow:
    0 0 3px #ffffff inset,
    0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 6px 6px 6px 8px;
  color: #000;
  text-decoration: none;
}

.no-touch .chzn-container-single a.chzn-single:hover {
  text-decoration: none;
}

.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("/lib/img/chosen-sprite.png") -42px 1px no-repeat;
}
.no-touch .chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.no-touch .chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url("/lib/img/chosen-sprite.png") no-repeat 0px 5px;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url("/lib/img/chosen-sprite.png") no-repeat 100% -20px;
  background:
    url("/lib/img/chosen-sprite.png") no-repeat 100% -20px,
    -webkit-gradient(
        linear,
        0 0,
        0 100%,
        color-stop(1%, #eeeeee),
        color-stop(15%, #ffffff)
      );
  background:
    url("/lib/img/chosen-sprite.png") no-repeat 100% -20px,
    -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background:
    url("/lib/img/chosen-sprite.png") no-repeat 100% -20px,
    -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background:
    url("/lib/img/chosen-sprite.png") no-repeat 100% -20px,
    -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background:
    url("/lib/img/chosen-sprite.png") no-repeat 100% -20px,
    linear-gradient(#eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}
.chzn-container-single .chzn-drop {
  margin-top: -1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  left: -9999px;
}
/* @end */

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(1%, #eeeeee),
    color-stop(15%, #ffffff)
  );
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(20%, #f4f4f4),
    color-stop(50%, #f0f0f0),
    color-stop(52%, #e8e8e8),
    color-stop(100%, #eeeeee)
  );
  background-image: -webkit-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  background-image: -moz-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  background-image: -o-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  background-image: linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  -webkit-box-shadow:
    0 0 2px #ffffff inset,
    0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow:
    0 0 2px #ffffff inset,
    0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow:
    0 0 2px #ffffff inset,
    0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    color-stop(20%, #f4f4f4),
    color-stop(50%, #f0f0f0),
    color-stop(52%, #e8e8e8),
    color-stop(100%, #eeeeee)
  );
  background-image: -webkit-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  background-image: -moz-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  background-image: -o-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  background-image: -ms-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  background-image: linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eeeeee 100%
  );
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("/lib/img/chosen-sprite.png") -42px 1px no-repeat;
}
.no-touch
  .chzn-container-multi
  .chzn-choices
  .search-choice
  .search-choice-close:hover {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #666;
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 40;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url("/lib/img/chosen-sprite.png") no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url("/lib/img/chosen-sprite.png") no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  /*  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb; */
}
.chzn-container-active.chzn-with-drop .chzn-single {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(20%, #eeeeee),
    color-stop(80%, #ffffff)
  );
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
  background: transparent;
  border-left: none;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
  background-position: -18px 4px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl {
  text-align: right;
}
.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}

.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}
.chzn-rtl .chzn-choices li {
  float: right;
}
.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
}
.chzn-rtl .chzn-search {
  left: 9999px;
}
.chzn-rtl.chzn-with-drop .chzn-search {
  left: 0px;
}
.chzn-rtl .chzn-drop {
  left: 9999px;
}
.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
  border-right: none;
}
.chzn-rtl .chzn-search input {
  background: #fff url("/lib/img/chosen-sprite.png") no-repeat -30px -20px;
  background:
    url("/lib/img/chosen-sprite.png") no-repeat -30px -20px,
    -webkit-gradient(
        linear,
        0 0,
        0 100%,
        color-stop(1%, #eeeeee),
        color-stop(15%, #ffffff)
      );
  background:
    url("/lib/img/chosen-sprite.png") no-repeat -30px -20px,
    -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background:
    url("/lib/img/chosen-sprite.png") no-repeat -30px -20px,
    -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background:
    url("/lib/img/chosen-sprite.png") no-repeat -30px -20px,
    -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background:
    url("/lib/img/chosen-sprite.png") no-repeat -30px -20px,
    linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px;
}
.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
  background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 144dpi) {
  .chzn-rtl .chzn-search input,
  .chzn-container-single .chzn-single abbr,
  .chzn-container-single .chzn-single div b,
  .chzn-container-single .chzn-search input,
  .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
  .chzn-container .chzn-results-scroll-down span,
  .chzn-container .chzn-results-scroll-up span {
    background-image: url("/lib/img/chosen-sprite_2x.png") !important;
    background-repeat: no-repeat !important;
    background-size: 52px 37px !important;
  }
}
/* @end */

#title {
  font-family: Verdana, Arial, Haettenschweiler;
  font-size: 18pt;
  color: white;
  height: 25px;
  text-align: center;
  vertical-align: middle;
}

#headerbar {
  background: #fff;
  height: 64px;
  position: relative;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

#liteBody {
  background: #fff;
  float: left;
  width: 100%;
  min-height: 100vh;
}

#headerlogo {
  float: left;
  height: 44px;
  width: 100px;
  margin: 10px 18px 10px 15px;
  background: url(/lib/img/kirby_logo_on_white.svg?v=1) left center no-repeat;
  background-size: 100px;
}

#smartaccessLogo {
  float: left;
  height: 44px;
  width: 150px;
  margin: 10px 20px 10px 0;
  background: url(/lib/img/smartaccess_logo.svg) left center no-repeat;
  background-size: 120px;
}

#orLogo {
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  margin: 0;
  height: 70px;
  background: url(/lib/img/mobile_header.png?v=1) no-repeat center top;
}

#docProdSearch {
  width: 100%;
  border: 0;
  background: url(/lib/img/search_icon_small_light.png) no-repeat 8px center;
  padding-left: 30px;
}

#ddProdAttachmentsPane h2 {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: bold;
  color: #333;
  font-size: 16px;
}

#docProdSearchArea {
  position: absolute;
  background: #fff;
  left: 15px;
  right: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  z-index: 1;
  margin: 15px 0 0;
}

#docProdSearchArea .none,
#docSearchPane .none {
  border-top: 1px solid #eaeaea;
}

#docProdSearchResults a:first-child {
  border-top: 1px solid #eaeaea;
}

#docFileMeta {
  padding: 10px 30px 30px;
  font-size: 13px;
  color: #999;
}

.prevPages {
  float: right;
}

.capItem {
  background: #fed;
}

#balanced {
  margin: 20px auto;
  color: #777;
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 90%;
  max-width: 800px;
}

.balancedSummary {
  padding: 10px 20px;
  text-align: center;
}

#balanced .keyMetrics {
  padding: 0;
  border-top: 1px solid #e0e0e0;
}

#balanced .metval {
  font-size: 18px;
}

.isKiosk .csvLink {
  display: none !important;
}

.isKiosk .logoutOption {
  display: none;
}

#kioskPdfWrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

#assignServiceAgent {
  max-width: 450px;
}

#kioskPdfHeader {
  height: 30px;
  padding: 20px;
  background: #333;
  color: #fff;
}

#kioskPdfIframeArea {
  top: 70px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

#kioskPdfIframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.productsPage {
  display: flex;
  border-top: 1px solid #f0f0f0;
}

.filterButtonArea {
  text-align: center;
}

.pasteResultsHeader {
  padding: 8px 20px;
  background: #f2f2f2;
}

.pasteToCartTextarea {
  height: 150px;
  margin: 8px 0 0;
}

.dialogContent .productCode {
  padding: 8px 20px 8px 40px;
  border-bottom: 1px solid #f2f2f2;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 14px;
}

.productCode.success {
  background-image: url(/lib/img/hidpi/big_tick.png);
}

.productCode.failure {
  background-image: url(/lib/img/hidpi/big_cross.png);
}

.desktopFilterButtonArea {
  display: block;
  height: 44px;
  background: #333;
  color: #fff;
  padding: 0 7px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.desktopFilterButtonArea a {
  height: 30px;
  display: block;
  color: #333;
  line-height: 30px;
  background: #fff;
  padding: 0 12px;
  border-radius: 6px;
}

.desktopFilterButtonArea a:hover {
  background: #eee;
}

.productsPage .productFilterButton {
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  border: 1px solid #e0e0e0;
  color: #333;
  display: inline-block;
  margin: auto;
  padding: 0 20px;
}

.no-touch .productsPage .productFilterButton:hover {
  border-color: #ccc;
}

.productsPage .productFilterButton.hasActiveFilters {
  background: #333;
  color: #fff;
  border-color: #333;
}

.productsPageHeader {
  padding: 20px 16px 0 16px;
  margin: 0 !important;
  box-sizing: border-box;
  min-height: 108px;
}

.productsLeftSection {
  width: 324px;
  flex-shrink: 0;
  padding-right: 40px;
}

.productsLeftSection > * {
  margin-bottom: 24px;
}

.filterSelectedCount {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  background: #333;
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  min-width: 16px;
  margin-left: 3px;
  position: relative;
  top: -1px;
}

.productFilters {
  max-width: 324px;
  padding-bottom: 14px;
}

.productFiltersHeader {
  padding: 10px 16px 24px;
  font-weight: bold;
  position: relative;
}

.productCategories {
  padding-bottom: 20px;
}

.productCategories .productFiltersHeader {
  padding-bottom: 10px;
}

.productFiltersHeader .filterActions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 16px;
  display: block;
  font-weight: normal;
  white-space: nowrap;
}

.productFilterHeader {
  font-weight: bold;
  padding: 16px;
  border-top: 1px solid #f0f0f0;
  background: url(/lib/img/top_arrow.svg) no-repeat 96% center;
}

.selected .productFilterHeader {
  background: url(/lib/img/down_arrow.svg) no-repeat 96% center;
}

.productFilterOptionsArea {
  overflow: scroll;
  max-height: 0;
  transition: max-height ease-in-out 0.2s;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.productFilterOptionsArea::-webkit-scrollbar {
  display: none;
}

.productFilter.selected .productFilterOptionsArea {
  height: auto;
  max-height: 400px;
}

.productFilterOptions {
  display: flex;
  flex-direction: column;
}

.productFilter .productFilterOptions {
  padding: 0 0 14px;
}

.productFilterOption {
  display: flex;
  padding: 10px 40px 10px 16px;
  position: relative;
  transition: all linear 0.2s;
}

.no-touch .productFilterHeader:hover {
  cursor: pointer;
  background-color: #f8f9fb;
}

.no-touch .productFilterOption:hover {
  cursor: pointer;
  background: #f8f9fb;
}

.productFilters .productFilterOption {
  padding-left: 46px;
}

.productFilters .checkbox {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -10px;
  background-image: url(/lib/img/check-card.svg);
  background-size: 20px;
  background-position: left top;
}

.productFilterOption.selected .checkbox {
  background-image: url(/lib/img/check-card-on.svg);
}

.productFilterOptionCount {
  font-size: 12px;
  opacity: 50%;
}

.shadowBox {
  background-color: #fff;
  box-shadow: 0 8px 40px rgba(2, 66, 104, 0.1);
}

.productLayoutSelector {
  float: right;
}

.productLayoutSelector .selected {
  font-weight: bold;
}

.productListHeader {
  padding: 20px 0 0;
  margin-bottom: 40px;
  height: 46px;
}

.productsPage .bpFavLink {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 44px;
  height: 44px;
  display: block;
  padding: 0;
  background-position: center center;
  background-color: #fff;
}

.productsPage .bpFavLink:hover {
  opacity: 1;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.productsPage .promoDiscount {
  font-size: 13px;
  padding-left: 2px;
}

.productsPage .productsSection {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.productsPage .product.placeholder {
  visibility: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 0px !important;
  margin: 0 !important;
  border: 0 !important;
}

.productsPage #prodPromos {
  margin-bottom: 24px;
  float: none;
  width: 100%;
}

.productsPage.grid .products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 24px;
}

.productsPage.grid .product {
  flex: 1;
  max-width: 370px;
  min-width: 230px;
  margin-bottom: 24px;
  padding: 16px;
  transition: transform linear 0.1s;
  height: 350px;
  position: relative;
  background: #fff;
}

.no-touch .productsPage.grid .product:hover {
  cursor: pointer;
  transform: scale(1.03);
}

.productsPage.grid .productCode {
  font-size: 12px;
  padding-top: 3px;
}

.productsPage h2 {
  font-weight: bold;
  color: #000;
  font-size: 28px;
  margin: 0;
  padding-bottom: 24px;
}

.productCrumbtrail {
  padding-bottom: 20px;
}

.productOrderingArea .lazyLoadingNetPrice {
  font-size: 15px;
}

.productOrderingArea .button {
  border-radius: 6px;
}

.productsPage.list .products {
  background: #fff;
  box-shadow: 0 15px 60px rgba(2, 66, 104, 0.1);
  border-radius: 14px;
  display: block;
  max-width: 900px;
  padding: 16px;
}

.productsPage.list .product {
  background: transparent;
  padding: 10px 170px 10px 114px;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  position: relative;
  display: block;
  border-top: 1px solid #f2f2f2;
  max-width: auto;
  width: auto;
  transition: all linear 0.1s;
}

.classImage {
  max-width: 260px;
  max-height: 180px;
  margin: 30px 0;
}

.classDescription li {
  margin-left: 16px;
}

.productsSortSelect {
  height: 50px;
  line-height: 50px;
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #fff;
  padding: 0 20px;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(/lib/img/top_arrow.svg);
  background-size: 20xp;
  background-repeat: no-repeat;
  background-position: 180px center;
  width: 220px;
  transition: all linear 0.15s;
}

.no-touch .productsSortSelect:hover {
  border: 1px solid #999;
  cursor: pointer;
}

.button.productsPaginationBtn {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 40px;
  padding: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 15px center;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background-image: url(/lib/img/fa-right.svg);
  background-size: 20px;
}

.button.productsNextBtn {
  right: 130px;
}

.productsPage .pageCount {
  position: fixed;
  bottom: 60px;
  right: 266px;
  font-size: 13px;
  text-align: right;
  background: #fff;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  z-index: 1;
}

.button.productsPrevBtn {
  right: 192px;
  transform: scaleX(-1);
}

.no-touch .productsPage.list .product:hover {
  background: #f6f6f6;
  cursor: pointer;
  border-radius: 6px;
}

.productsPage.list .product:first-child {
  border: 0;
}

.productsPage.list .promoDiscount {
  display: block;
}

.productsPage.list .productImage {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 54px;
  top: 50%;
  margin-top: -20px;
}

.productsPage.list .productImage.placeholder {
  background-size: 70px;
}

.productsPage.list .favLink {
  position: absolute;
  left: 5px;
  width: 44px;
  top: 5px;
  bottom: 5px;
  height: auto;
  background-color: transparent;
}

.no-touch .productsPage.list .favLink:hover {
  background-color: #fff;
}

.productsPage.list .productCode {
  opacity: 50%;
  font-size: 12px;
}

.productsPage.list .productOrderingArea {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  text-align: right;
}

.productsPage.list .productDescription {
  font-weight: bold;
}

.productsPage.list .lazyLoadingNetPrice {
  padding-right: 15px;
}

.productDescriptionContent {
  line-height: 1.4;
}

.productsPage .productDescription {
  font-size: 14px;
}

.productLayoutSelector {
  width: 108px;
  display: flex;
  justify-content: space-between;
}

.productLayoutSelector a {
  width: 46px;
  height: 46px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 12px 12px;
  display: block;
  border-radius: 8px;
  transition: all linear 0.15s;
}

.productsPage.list .gridLayoutButton {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  background-image: url(/lib/img/grid-mode.svg);
}

.productsPage.grid .gridLayoutButton {
  background-color: #00223a;
  background-image: url(/lib/img/grid-mode-active.svg);
}

.productsPage.list .listLayoutButton {
  background-color: #00223a;
  background-image: url(/lib/img/list-mode-active.svg);
}

.productsPage.grid .listLayoutButton {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  background-image: url(/lib/img/list-mode.svg);
}

.no-touch .productsPage.list .gridLayoutButton:hover,
.no-touch .productsPage.grid .listLayoutButton:hover {
  border: 1px solid #999;
}

.productsPage.grid .productImage {
  width: auto;
  height: 170px;
  background: #f8f9fb;
  border-radius: 10px;
  flex: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.productsPage.grid .productImage.placeholder {
  background-size: 140px;
}

.productsPage.grid .productImage.hasImage {
  background-color: transparent;
}

.productsPage.grid .productFooter {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.productsPage.grid .productOrderingArea {
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.productsPage.grid .productDetails {
  flex: 1;
  height: 180px;
}

.productsPage.grid .productDescription {
  font-weight: bold;
  padding-top: 16px;
}

.productsPage.grid .productCode {
  opacity: 0.5;
}

.registration {
  padding: 15px;
  border: 1px solid #e0e0e0;
  margin: 0 0 20px;
}

.regButtons {
  float: right;
}

.approveRegDialog,
.declineRegDialog {
  max-width: 300px;
}

.checkPadded {
  padding: 0 0 0 22px;
}

.complete .hugeTickTitle {
  font-size: 18px;
  text-align: center;
  color: #666;
}

.chooseCompany {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.newCompanyArea {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 8px 15px 15px;
  margin: 0 10px;
}

.newCompanyArea label {
  font-size: 13px;
  line-height: 1;
}

.consCompanyHdr {
  margin: 20px 0 0;
}

.consCompanyName {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 10px;
}

#docIcon {
  padding: 15px 15px 25px 53px;
  background: url(/lib/img/large_doc_icon.png) no-repeat 15px 15px;
  font-size: 16px;
  color: #ccc;
  min-height: 57px;
  font-weight: bold;
}

#docIcon.url {
  background-image: url(/lib/img/link_icon_large.png);
}

.consDomain {
  padding: 0 30px 0 5px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #99c6e4;
  margin: 3px 0 0;
  float: left;
  border-radius: 4px;
  background: #e0eef7;
  color: #155671;
  position: relative;
}

.consDomainDelete {
  height: 24px;
  line-height: 24px;
  width: 24px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/lib/img/close_icon_trans.png) no-repeat center center;
}

.consDomains {
  margin: 0 0 10px 30px;
  color: #999;
}

.consUserName {
  width: 20%;
  float: left;
  font-weight: bold;
}

.consUserRole {
  width: 35%;
  float: left;
}

.consUserEmail {
  width: 30%;
  float: left;
}

.consUserExpiry {
  width: 15%;
  float: left;
}

.consUser {
  background: #f2f2f2;
  padding: 7px 10px;
  margin: 0 0 1px 30px;
}

.consUserCount {
  margin: 0 0 5px 30px;
  color: #999;
}

#registerRight {
  background: #fff;
  float: right;
}

.consActResult {
  display: none;
  height: 600px;
  text-align: center;
}

/*
#headeruser {
    display:table;
    height:87px;
    float:right;
    margin:0 30px;
}

#headeruser div
{
    display:table-cell;
    vertical-align:middle;
    font-size:14px;
    text-align:right;
}

#headeruser a:link
{
    display:inline-block;
    padding:10px 8px 8px 32px;
    margin-bottom:2px;
    color: #fff;
}
#headeruser a:visited
{
    color: #fff;
    padding:10px 8px 8px 32px;
    margin-bottom:2px;
}
#headeruser a:hover
{
    text-decoration:none;
    background-color:#000;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ie-border-radius:4px;    
}

.userSettingsLink
{ 
    background:url(/lib/img/user_settings_icon.png?v=1) no-repeat 8px center;
    margin-left:8px;
}

.adminDashLink
{ 
    background:url(/lib/img/chart_icon.png?v=1) no-repeat 8px center;
    margin-left:8px;
}

.prodMgrLink
{ 
    background:url(/lib/img/prod_mgr_icon.png?v=1) no-repeat 8px center;
    margin-left:8px;
}

.projectDashLink
{ 
    background:url(/lib/img/project_icon.png?v=1) no-repeat 8px center;
    margin-left:8px;
}

.logoutLink
{
    background:url(/lib/img/logout_icon.png?v=1) no-repeat 8px center;
}
*/

.selectedComponentBox .techTitle {
  padding: 5px 0 3px;
}

@media (min-width: 600px) {
  .systemType1 #selectedComponentContainer {
    display: flex;
    align-items: stretch;
  }

  .systemType1 .selectedComponentArea {
    flex-grow: 1;
    margin-left: 30px;
  }

  .systemType1 .selectedComponentArea {
    flex-basis: 50%;
  }

  .systemType1 .selectedComponentArea:first-child {
    margin-left: 0;
  }

  .systemType1 .selectedProductDetails {
    padding: 160px 0 0;
  }

  .balancedMetric {
    font-size: 28px;
  }

  .systemType1 .selectedProductImage {
    max-width: 60%;
  }
}

@media (min-width: 890px) {
  .systemType2 #selectedComponentContainer {
    display: flex;
    align-items: stretch;
  }

  .systemType2 .selectedComponentArea {
    flex-grow: 1;
    margin-left: 30px;
  }

  .systemType2 .selectedComponentArea {
    flex-basis: 33.333333%;
  }

  .systemType2 .selectedComponentArea:first-child {
    margin-left: 0;
  }

  .systemType2 .selectedProductDetails {
    padding: 160px 0 0;
  }

  .systemType2 .selectedProductImage {
    max-width: 60%;
  }
}

@media (max-width: 900px) {
  #userDashboard .columns {
    display: block;
  }

  #userDashboard .column {
    margin: 0 20px;
  }

  .dashPane {
    margin-bottom: 20px;
  }
}

@media (max-width: 900px) {
  .dashPaneMenu {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    width: 100%;
    border: 0;
  }

  .dashPaneMenu a {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    padding: 0 15px;
  }

  .dashAccountBalance > div {
    float: none;
    width: auto;
    border-left: 0;
    border-right: 0;
  }
}

#banner {
  background: 0 0 no-repeat;
  background: #000;
  height: 28px;
  width: 100%;
  overflow: hidden;
  margin-top: 23px;
}

@media (-webkit-min-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6/2),
  (min--moz-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  .docBlock a {
    background-image: url(/lib/img/hidpi/next_icon.png?v=1);
    background-size: 16px;
  }

  a.itemInfoLink {
    background-image: url(/lib/img/hidpi/prod_info_icon.png?v=1);
    background-size: 20px;
  }
  #loginHeader {
    background-image: url(/lib/img/hidpi/login_logo.png?v=1);
    background-size: 261px;
  }
  #basicWallsSel {
    background-image: url(/lib/img/hidpi/walls_basic.png?v=1);
    background-size: 56px;
  }
  #perimWallsSel {
    background-image: url(/lib/img/hidpi/walls_perimeter.png?v=1);
    background-size: 56px;
  }
  #addedToCartDialog .closeIcon {
    background-image: url(/lib/img/hidpi/close_icon_white.png?v=1);
    background-size: 12px;
  }
  #listWallsSel {
    background-image: url(/lib/img/hidpi/walls_list.png?v=1);
    background-size: 56px;
  }
  .closeBtn,
  .okMessage a {
    background-image: url(/lib/img/hidpi/close_icon.png?v=1);
    background-size: 14px;
  }
  .highlightArrow {
    background-image: url(/lib/img/hidpi/highlight_arrow.png?v=1);
    background-size: 32px;
  }
  #approvalRequiredPane h1 {
    background-image: url(/lib/img/hidpi/large_tick_grey.png);
    background-size: 111px;
  }
  #hvacLeft {
    background-size: 43px;
    background-image: url(/lib/img/hidpi/scroll_arrow_left.png);
  }

  #hvacRight {
    background-size: 43px;
    background-image: url(/lib/img/hidpi/scroll_arrow_right.png);
  }

  .hvacScroll .topMask {
    background-size: 26px;
    background-image: url(/lib/img/hidpi/scroll_mask_top.png);
  }
  .hvacScroll .btmMask {
    background-size: 26px;
    background-image: url(/lib/img/hidpi/scroll_mask_bottom.png);
  }

  #hvacLeft .shadow {
    background-size: 9px;
    background-image: url(/lib/img/hidpi/scroll_shadow_left.png);
  }

  #hvacRight .shadow {
    background-size: 9px;
    background-image: url(/lib/img/hidpi/scroll_shadow_right.png);
  }
  #solidInsertBtn {
    background-image: url(/lib/img/hidpi/ol_solid_icon.png?v=1);
    background-size: 44px;
  }
  #glassInsertBtn {
    background-image: url(/lib/img/hidpi/ol_glass_icon.png?v=1);
    background-size: 44px;
  }
  .infoSmallRedIcon {
    background: url(/lib/img/hidpi/info_small_red.png);
    background-size: 13px;
  }
  #lightsBtn {
    background-image: url(/lib/img/hidpi/ol_lights_icon.png?v=1);
    background-size: 44px;
  }
  .importStep1 {
    background-image: url(/lib/img/hidpi/step_1.png);
    background-size: 26px;
  }

  .importStep2 {
    background-image: url(/lib/img/hidpi/step_2.png);
    background-size: 26px;
  }

  .importStep3 {
    background-image: url(/lib/img/hidpi/step_3.png);
    background-size: 26px;
  }
  .hvacUnitHdr {
    background-image: url(/lib/img/hidpi/lennox_logo.png);
    background-size: 90px;
  }
  .selectable {
    background-image: url(/lib/img/hidpi/black_pointer.png);
    background-size: 8px;
  }
  #ddDelete .icon {
    background-image: url(/lib/img/trash_icon_yellow.png);
    background-size: 13px;
  }

  .no-touch #ddDelete:hover .icon {
    background-image: url(/lib/img/hidpi/trash_icon_red.png);
    background-size: 13px;
  }
  .selectable:hover {
    background-image: url(/lib/img/hidpi/red_pointer.png);
    background-size: 8px;
  }
  #occupantsBtn {
    background-image: url(/lib/img/hidpi/ol_people_icon.png?v=1);
    background-size: 44px;
  }
  .emailPending {
    background-image: url(/lib/img/hidpi/boxes.png?v=1);
    background-size: 81px;
  }
  .hvacOptions a.checkbox {
    background-image: url(/lib/img/hidpi/checkbox_off.png);
    background-size: 17px;
  }

  #dr .row.folder {
    background-image: url(/lib/img/hidpi/folder_large.png);
    background-size: 39px;
  }

  .brochureCta {
    background-image: url(/lib/img/hidpi/lennox_brochure_icon.png);
    background-size: 66px;
  }

  .hvacOptions a.checkbox.on {
    background-image: url(/lib/img/hidpi/checkbox_on.png);
    background-size: 17px;
  }

  .hvacOptions a.radio,
  .roomLoadTypes a.radio {
    background-image: url(/lib/img/hidpi/radio_off.png);
    background-size: 19px;
  }

  .hvacOptions a.radio.selected,
  .roomLoadTypes a.radio.selected {
    background-image: url(/lib/img/hidpi/radio_on.png);
    background-size: 19px;
  }

  .assistScope {
    background-image: url(/lib/img/hidpi/info_icon.png);
    background-size: 14px;
  }

  #templateSetsHeader {
    padding: 20px;
    background: #f2f2f2;
    font-size: 19px;
  }

  .templateSetName {
    font-size: 19px;
  }

  #templateSets a span {
    color: #999;
  }

  .templateShare {
    background: #333;
    color: #fff;
    padding: 0 44px 0 10px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    margin: 1px 0 0;
    position: relative;
    text-overflow: ellipsis;
    font-weight: bold;
    overflow: hidden;
  }

  .shareLoading {
    height: 34px;
    background: #f2f2f2 url(/lib/img/loader1.gif) no-repeat center center;
    margin: 1px 0 0;
  }

  .noTemplateShares {
    background: #cfc;
    border-radius: 4px;
    color: #090;
    font-size: 13px;
    padding: 10px;
  }

  .templateShare a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 24px;
    font-weight: 100;
    background: #333;
  }

  .templateArea .row a {
    float: right;
  }

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

  .templateHeaderType {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
  }

  .content .templateHeader h1 {
    margin: 0 0 10px;
  }

  .templateHeaderDesc {
    font-size: 13px;
    color: #999;
  }

  .addButton {
    padding: 10px 20px;
    background: #f2f2f2;
    display: block;
  }

  #newTemplateSet,
  #editTemplateSet,
  #shareTemplateSet {
    max-width: 380px;
  }
  .radioButton {
    background-image: url(/lib/img/hidpi/radio_off.png) !important;
    background-size: 19px !important;
  }

  .radioButton.selected {
    background-image: url(/lib/img/hidpi/radio_on.png) !important;
    background-size: 19px !important;
  }
  #forkliftsBtn {
    background-image: url(/lib/img/hidpi/ol_forklifts_icon.png?v=1);
    background-size: 44px;
  }
  #motorsBtn {
    background-image: url(/lib/img/hidpi/ol_motors_icon.png?v=1);
    background-size: 44px;
  }
  #otherBtn {
    background-image: url(/lib/img/hidpi/ol_other_icon.png?v=1);
    background-size: 44px;
  }
  #nav-open-btn {
    background-image: url(/lib/img/hidpi/mobile_nav_icon.png?v=1);
    background-size: 20px;
  }
  .optionWarning {
    background: url(/lib/img/hidpi/alert_icon.png?v=1) no-repeat left center;
    background-size: 14px;
  }
  h2.gas2goTitle {
    background-image: url(/lib/img/hidpi/gas2go_logo.png?v=1);
    background-size: 79px;
  }
  .loginArrow {
    background-image: url(/lib/img/hidpi/login_arrow.png?v=1);
    background-size: 24px;
  }
  .addSystem {
    background-image: url(/lib/img/hidpi/system_hero.png);
    background-size: 258px;
  }
  .designLoad {
    background-image: url(/lib/img/hidpi/result_arrow.png?v=1);
    background-size: 18px;
  }
  #managePortalOption {
    background-image: url(/lib/img/hidpi/world_grey.png?v=1);
    background-size: 18px;
  }
  #viewCompanyOption {
    background-image: url(/lib/img/hidpi/eye_grey.png?v=1);
    background-size: 18px;
  }
  .approvalRequired {
    background-image: url(/lib/img/hidpi/approval_required.png?v=1);
    background-size: 127px;
  }
  #manageUsersOption {
    background-image: url(/lib/img/hidpi/users_grey.png?v=1);
    background-size: 18px;
  }
  .infoIcon {
    background-image: url(/lib/img/hidpi/info_icon.png?v=1);
    background-size: 14px;
  }
  #sfTabSupport .icon {
    background-image: url(/lib/img/hidpi/support_request_icon_small.png);
    background-size: 19px;
  }

  #sfTabFeedback .icon {
    background-image: url(/lib/img/hidpi/feedback_icon_small.png);
    background-size: 19px;
  }

  .sfResultInner {
    background-image: url(/lib/img/hidpi/huge_tick.png);
    background-size: 54px;
  }

  .supArrow {
    background-image: url(/lib/img/hidpi/support_arrow_yellow.png);
    background-size: 50px;
  }

  .question a {
    background-image: url(/lib/img/hidpi/dark_swivel_closed.png);
    background-size: 10px;
  }

  .cylClearLocation {
    background-image: url(/lib/img/hidpi/yellow_clear_icon.png);
    background-size: 38px;
  }

  .deHeader {
    background-image: url(/lib/img/hidpi/doc_icon_large.png);
    background-size: 31px;
  }

  .question.open a {
    background-image: url(/lib/img/hidpi/dark_swivel_open.png);
    background-size: 10px;
  }

  .aster {
    background-image: url(/lib/img/hidpi/aster.png);
    background-size: 9px;
  }

  .no-touch #supCtas a:hover .supArrow {
    background-image: url(/lib/img/hidpi/support_arrow_grey.png);
    background-size: 50px;
  }

  .helpIcon {
    background-image: url(/lib/img/hidpi/info_icon.png);
    background-size: 14px;
  }

  #docIcon {
    background-image: url(/lib/img/hidpi/large_doc_icon.png);
    background-size: 28px;
  }

  #supUserGuide {
    background-image: url(/lib/img/hidpi/user_guide_icon_dark.png);
    background-size: 57px;
  }

  .no-touch #supUserGuide:hover {
    background-image: url(/lib/img/hidpi/user_guide_icon_light.png);
    background-size: 57px;
  }

  #supLogRequest {
    background-image: url(/lib/img/hidpi/support_request_icon_dark.png);
    background-size: 77px;
  }

  .no-touch #supLogRequest:hover {
    background-image: url(/lib/img/hidpi/support_request_icon_light.png);
    background-size: 77px;
  }

  #supFeedback {
    background-image: url(/lib/img/hidpi/feedback_icon_dark.png);
    background-size: 84px;
  }

  .no-touch #supFeedback:hover {
    background-image: url(/lib/img/hidpi/feedback_icon_light.png);
    background-size: 84px;
  }
  .supPhone,
  a.supPhone {
    background-image: url(/lib/img/hidpi/red_phone_icon.png);
    background-size: 16px;
  }
  .priv0Desc {
    background-image: url(/lib/img/hidpi/priv_0_icon_large.png?v=1);
    background-size: 30px;
  }
  .priv1Desc {
    background-image: url(/lib/img/hidpi/priv_1_icon_large.png?v=1);
    background-size: 30px;
  }
  .priv2Desc {
    background-image: url(/lib/img/hidpi/priv_2_icon_large.png?v=1);
    background-size: 30px;
  }
  #addAttachmentsArea a.addProdAttachmentLink .icon {
    background-image: url(/lib/img/hidpi/add_button.png);
    background-size: 39px;
  }

  #addAttachmentsArea a.addProdAttachmentLink.added .icon {
    background-image: url(/lib/img/hidpi/dark_tick.png);
    background-size: 14px;
  }
  .priv3Desc {
    background-image: url(/lib/img/hidpi/priv_3_icon_large.png?v=1);
    background-size: 30px;
  }
  #cueCartIcon {
    background-image: url(/lib/img/hidpi/cue_cart_icon.png?v=1);
    background-size: 14px;
  }
  .priv0Hdr {
    background-image: url(/lib/img/hidpi/priv_0_icon.png?v=1);
    background-size: 22px;
  }
  .priv1Hdr {
    background-image: url(/lib/img/hidpi/priv_1_icon.png?v=1);
    background-size: 22px;
  }
  .priv2Hdr {
    background-image: url(/lib/img/hidpi/priv_2_icon.png?v=1);
    background-size: 22px;
  }
  .priv3Hdr {
    background-image: url(/lib/img/hidpi/priv_3_icon.png?v=1);
    background-size: 22px;
  }
  a.backLink {
    background-image: url(/lib/img/hidpi/back_icon.png?v=1);
    background-size: 16px;
  }
  a.nextLink {
    background-image: url(/lib/img/hidpi/next_icon.png?v=1);
    background-size: 16px;
  }
  label.required {
    background-image: url(/lib/img/hidpi/aster.png?v=1);
    background-size: 9px;
  }
  .cvvIcon {
    background-image: url(/lib/img/hidpi/cvv_icon.png?v=1);
    background-size: 35px;
  }
  a.docBrowseRow {
    background-image: url(/lib/img/hidpi/doc_icon_small.png);
    background-size: 12px;
  }
  .docResult.docBrowseRow.url,
  a.docBrowseRow.url,
  .docLinkIcon {
    background-image: url(/lib/img/hidpi/url_icon_small.png?v=1);
    background-size: 12px;
  }
  .dialogClose {
    background-image: url(/lib/img/hidpi/close_x.png?v=1);
    background-size: 12px;
  }
  #browseProductsForm div {
    background-image: url(/lib/img/hidpi/sub_arrow.png?v=1) !important;
    background-size: 15px;
  }
  #dr .row.folder {
    background-image: url(/lib/img/hidpi/folder_large.png);
    background-size: 39px;
  }
  .pdfLink {
    background-image: url(/lib/img/hidpi/pdf_icon.png?v=1);
    background-size: 30px;
  }
  .no-touch .pdfLink:hover {
    background-image: url(/lib/img/hidpi/pdf_icon_over.png?v=1);
    background-size: 30px;
  }
  .branchSwivel {
    background-image: url(/lib/img/hidpi/dark_swivel_closed.png?v=1);
    background-size: 10px;
  }

  .open .branchSwivel {
    background-image: url(/lib/img/hidpi/dark_swivel_open.png?v=1);
    background-size: 10px;
  }
  .promoBanner {
    background-size: 68px;
    background-image: url(/lib/img/hidpi/on_sale.png);
  }

  .smallAlertIcon,
  a.warnings,
  .standardDialog .warning,
  .projectWarning {
    background-size: 18px;
    background-image: url(/lib/img/hidpi/small_alert_icon.png);
  }
  .hasClearance .promoBanner {
    background-size: 68px;
    background-image: url(/lib/img/hidpi/clearance_sash.png);
  }
  .clearanceIcon {
    background-image: url(/lib/img/hidpi/clearance_icon.png);
    background-size: 50px;
  }
  .addLink,
  .addSprite,
  a.addOptions {
    background-image: url(/lib/img/hidpi/add_icon.png?v=1);
    background-size: 16px;
  }
  .filter a {
    background-image: url(/lib/img/hidpi/white_close.png?v=1);
    background-size: 17px;
  }
  .importNoChanges {
    background-size: 31px;
    background-image: url(/lib/img/hidpi/round_tick.png);
  }
  #switchLink {
    background-image: url(/lib/img/hidpi/switch_icon.png?v=1);
    background-size: 17px;
  }
  .completeLabel {
    background-image: url(/lib/img/hidpi/tiny_tick_green.png);
    background-size: 12px;
  }
  #menuFinanceLink {
    background-image: url(/lib/img/hidpi/menu_accounts_icon.png?v=1);
    background-size: 24px;
  }
  #menuCylindersLink {
    background-image: url(/lib/img/hidpi/menu_cylinders_icon.png?v=1);
    background-size: 24px;
  }
  #menuCoolcardsLink {
    background-image: url(/lib/img/hidpi/menu_coolcards_icon.png?v=1);
    background-size: 24px;
  }
  #menuPriceEnquiryLink {
    background-image: url(/lib/img/hidpi/tools_icon.png?v=1);
    background-size: 24px;
  }
  #cmAccountsLink {
    background-image: url(/lib/img/hidpi/accounts_icon.png?v=1);
    background-size: 29px;
  }
  #cmAccountsLink.selected {
    background-image: url(/lib/img/hidpi/accounts_icon_dark.png?v=1);
    background-size: 29px;
  }
  #cmUsersLink {
    background-image: url(/lib/img/hidpi/manage_users_icon.png?v=1);
    background-size: 29px;
  }
  #cmUsersLink.selected {
    background-image: url(/lib/img/hidpi/manage_users_icon_dark.png?v=1);
    background-size: 29px;
  }
  .fillLevel {
    background-image: url(/lib/img/hidpi/select_pointer_small.png);
    background-size: 6px;
  }
  .fillLevel1 span,
  .fillOption1 {
    background-image: url(/lib/img/hidpi/cylinder_1.png);
    background-size: 17px;
  }
  .fillLevel2 span,
  .fillOption2 {
    background-image: url(/lib/img/hidpi/cylinder_2.png);
    background-size: 17px;
  }
  .fillLevel3 span,
  .fillOption3 {
    background-image: url(/lib/img/hidpi/cylinder_3.png);
    background-size: 17px;
  }
  .fillLevel4 span,
  .fillOption4 {
    background-image: url(/lib/img/hidpi/cylinder_4.png);
    background-size: 17px;
  }
  #cmDetailsLink {
    background-image: url(/lib/img/hidpi/details_icon.png?v=1);
    background-size: 29px;
  }
  .imgThumb .delete,
  .document .delete,
  .docCard .delete {
    background-image: url(/lib/img/hidpi/close_icon.png?v=1);
    background-size: 14px;
  }
  .no-touch .helpIcon:hover {
    background-image: url(/lib/img/hidpi/info_icon_red.png);
    background-size: 14px;
  }
  #cmDetailsLink.selected {
    background-image: url(/lib/img/hidpi/details_icon_dark.png?v=1);
    background-size: 29px;
  }
  #cmUploadLink {
    background-image: url(/lib/img/hidpi/upload_icon.png?v=1);
    background-size: 29px;
  }
  #cmUploadLink.selected {
    background-image: url(/lib/img/hidpi/upload_icon_dark.png?v=1);
    background-size: 29px;
  }
  .cylNotesBtn {
    background-image: url(/lib/img/hidpi/notes_btn_off.png);
    background-size: 28px;
  }

  .deleteNoteBtn {
    background-image: url(/lib/img/hidpi/bin_btn.png);
    background-size: 34px;
  }

  .editNoteBtn {
    background-image: url(/lib/img/hidpi/edit_btn.png);
    background-size: 34px;
  }

  .returnIcon {
    background-size: 18px;
    background-image: url(/lib/img/hidpi/return_icon.png);
  }

  .hasNotes .cylNotesBtn {
    background-image: url(/lib/img/hidpi/notes_btn_on.png);
    background-size: 28px;
  }

  .cylNotesBtn:hover {
    background-image: url(/lib/img/hidpi/notes_btn_over.png) !important;
    background-size: 28px;
  }
  #dr .row.back {
    background-image: url(/lib/img/hidpi/file_back_arrow.png);
    background-size: 39px;
  }
  #useMyDetails {
    background-image: url(/lib/img/hidpi/small_down_arrow.png);
    background-size: 13px;
  }

  .no-touch #useMyDetails:hover {
    background-image: url(/lib/img/hidpi/small_down_arrow_red.png);
    background-size: 13px;
  }
  .hlTemplateDialog .subMenu a span {
    background-image: url(/lib/img/hidpi/large_radio_off.png);
    background-size: 16px;
  }

  .hlTemplateDialog .subMenu a.selected span {
    background-image: url(/lib/img/hidpi/large_radio_on.png);
    background-size: 16px;
  }
  .userSettingsLink {
    background-image: url(/lib/img/hidpi/user_settings_icon.png?v=1);
    background-size: 16px;
  }
  .logoutLink {
    background-image: url(/lib/img/hidpi/logout_icon.png?v=1);
    background-size: 16px;
  }

  #mobSearch .close {
    background-image: url(/lib/img/hidpi/large_close_x.png);
    background-size: 14px;
  }

  .instSearchResults .result .chevron {
    background-image: url(/lib/img/hidpi/right_chevron_small.png);
    background-size: 9px;
  }

  .searchSurvey .good {
    background-image: url(/lib/img/hidpi/thumbs_up.png);
    background-size: 24px;
  }

  .searchSurvey .bad {
    background-image: url(/lib/img/hidpi/thumbs_down.png);
    background-size: 24px;
  }

  .adminDashLink {
    background-image: url(/lib/img/hidpi/chart_icon.png?v=1);
    background-size: 16px;
  }
  .projectDashLink {
    background-image: url(/lib/img/hidpi/project_icon.png?v=1);
    background-size: 16px;
  }
  .no-touch .infoIcon:hover {
    background-image: url(/lib/img/hidpi/info_icon_red.png?v=1);
    background-size: 14px;
  }
  #cartBtn {
    background-image: url(/lib/img/hidpi/cart_hdr_black.png?v=1);
    background-size: 23px;
  }
  #cartBtn.hasItems,
  .no-touch #cartBtn.hasItems:hover {
    background-image: url(/lib/img/hidpi/cart_hdr_white.png?v=1);
    background-size: 23px;
  }
  /*    .projLoadTab
    {
        background-image:url(/lib/img/hidpi/proj_load_icon_dark.png?v=1);
        background-size:32px;
    }

    .projLoadTab.selected
    {
        background-image:url(/lib/img/hidpi/proj_load_icon_light.png?v=1);
        background-size:32px;
    }

    .projSolutionTab
    {
        background-image:url(/lib/img/hidpi/proj_solution_icon_dark.png?v=1);
        background-size:32px;
    }

    .projSolutionTab.selected
    {
        background-image:url(/lib/img/hidpi/proj_solution_icon_light.png?v=1);
        background-size:32px;
    }

    .projOrderTab
    {
        background-image:url(/lib/img/hidpi/proj_order_icon_dark.png?v=1);
        background-size:32px;
    }

    .projOrderTab.selected
    {
        background-image:url(/lib/img/hidpi/proj_order_icon_light.png?v=1);
        background-size:32px;
    }

    .projReportTab
    {
        background-image:url(/lib/img/hidpi/proj_report_icon_dark.png?v=1);
        background-size:32px;
    }

    .projReportTab.selected
    {
        background-image:url(/lib/img/hidpi/proj_report_icon_light.png?v=1);
        background-size:32px;
    }
*/
  .smallAddCartBtn {
    background-image: url(/lib/img/hidpi/cart_icon_small_light.png);
    background-size: 15px;
  }

  .gridProdInStock {
    background-image: url(/lib/img/hidpi/stock_tick_small.png);
    background-size: 13px;
  }
  .smallAddCartBtn:hover {
    background-image: url(/lib/img/hidpi/cart_icon_small_light.png);
    background-size: 15px;
  }
  .roomType1 {
    background-image: url(/lib/img/hidpi/room_type_1.png?v=1);
    background-size: 56px;
  }
  .roomType2 {
    background-image: url(/lib/img/hidpi/room_type_2.png?v=1);
    background-size: 56px;
  }
  .roomType3 {
    background-image: url(/lib/img/hidpi/room_type_3.png?v=1);
    background-size: 56px;
  }
  .roomType4 {
    background-image: url(/lib/img/hidpi/room_type_4.png?v=1);
    background-size: 56px;
  }
  .roomType5 {
    background-image: url(/lib/img/hidpi/room_type_5.png?v=1);
    background-size: 56px;
  }
  .roomType6 {
    background-image: url(/lib/img/hidpi/room_type_6.png?v=1);
    background-size: 56px;
  }
  .roomType7 {
    background-image: url(/lib/img/hidpi/room_type_7.png?v=1);
    background-size: 56px;
  }
  #docIcon.url {
    background-image: url(/lib/img/hidpi/link_icon_large.png);
    background-size: 31px;
  }
  #floorInsulRecommendation {
    background-image: url(/lib/img/hidpi/info_icon_blue.png);
    background-size: 21px;
  }
  #mainMenu .new {
    background-size: 29px;
    background-image: url(/lib/img/hidpi/new_main_desktop.png);
  }
  .ddAttachedProd .close {
    background-image: url(/lib/img/hidpi/close_thin.png);
    background-size: 12px;
  }
  .dialogError {
    background-image: url(/lib/img/hidpi/alert.png?v=1);
    background-size: 21px;
  }
  .paySuccessMsg,
  .okMessage {
    background-image: url(/lib/img/hidpi/tick.png?v=1);
    background-size: 20px;
  }
  form .loader {
    background-image: url(/lib/img/loader3.gif);
    background-size: 16px;
  }
  .hasProjFilter a,
  #projSrchFldArea.hasProjFilter a {
    background-image: url(/lib/img/hidpi/close_icon_trans.png?v=1);
    background-size: 14px;
  }
  .swivel {
    background-image: url(/lib/img/hidpi/dark_swivel_closed.png?v=1);
    background-size: 10px;
  }
  .open .swivel {
    background-image: url(/lib/img/hidpi/dark_swivel_open.png?v=1);
    background-size: 10px;
  }
  #gpriv_3 {
    background-image: url(/lib/img/hidpi/gpriv_3_icon.png?v=1);
    background-size: 18px;
  }
  .plus {
    background-image: url(/lib/img/hidpi/plus.png?v=1);
    background-size: 9px;
  }

  a.noteAttachment.nonImageAttachment,
  .attachSprite {
    background-image: url(/lib/img/hidpi/paperclip.png);
    background-size: 10px;
  }
  a.cartItemDropBtn,
  a.deleteButton,
  .cardTable .row .dropBtn {
    background-image: url(/lib/img/hidpi/close_x.png);
    background-size: 12px;
  }

  #gpriv_4 {
    background-image: url(/lib/img/hidpi/gpriv_4_icon.png?v=1);
    background-size: 18px;
  }
  a.customHlTemplate {
    background-image: url(/lib/img/hidpi/large_cog_icon.png);
    background-size: 36px;
  }
  .done {
    background-image: url(/lib/img/hidpi/stock_tick_small.png);
    background-size: 13px;
  }

  .done a {
    background-image: url(/lib/img/hidpi/close_thin.png);
    background-size: 12px;
  }
  .moveUp {
    background-size: 12px;
    background-image: url(/lib/img/hidpi/chevron_up_dark.png);
  }

  .moveDown {
    background-image: url(/lib/img/hidpi/chevron_down_dark.png);
    background-size: 12px;
  }
  #cylActionSelector {
    background-image: url(/lib/img/hidpi/select_pointer_small.png);
    background-size: 6px;
  }
  .arDoc {
    background-image: url(/lib/img/hidpi/doc_icon_small.png);
    background-size: 12px;
  }
  .contentStatusDialog .yesTick {
    background-image: url(/lib/img/hidpi/big_tick.png);
    background-size: 28px;
  }
  .contentStatusDialog .noTick {
    background-image: url(/lib/img/hidpi/big_cross.png);
    background-size: 28px;
  }
  .compactRowTable .gridProdSaving,
  .cartItem .gridProdSaving {
    background-image: url(/lib/img/hidpi/sale_icon_small.png);
    background-size: 58px;
  }
  .compactRowTable .gridProdSaving.clearance,
  .cartItem .gridProdSaving.clearance {
    background-image: url(/lib/img/hidpi/clearance_icon_small.png);
    background-size: 58px;
  }
  .cylSelectedCount.hasSelected a {
    background-size: 12px;
    background-image: url(/lib/img/hidpi/close_thin.png);
  }
  div.content h1.lennox {
    background-image: url(/lib/img/hidpi/lennox_logo.png?v=1);
    background-size: 90px;
  }

  #gpriv_5 {
    background-image: url(/lib/img/hidpi/gpriv_5_icon.png?v=1);
    background-size: 18px;
  }

  #gpriv_6 {
    background-image: url(/lib/img/hidpi/gpriv_6_icon.png?v=1);
    background-size: 18px;
  }
  #gpriv_7 {
    background-image: url(/lib/img/hidpi/gpriv_7_icon.png?v=1);
    background-size: 18px;
  }
  #gpriv_8 {
    background-image: url(/lib/img/hidpi/gpriv_8_icon.png?v=1);
    background-size: 18px;
  }
  #gpriv_12 {
    background-image: url(/lib/img/hidpi/gpriv_12_icon.png?v=1);
    background-size: 18px;
  }
  .csvLink {
    background-image: url(/lib/img/hidpi/csv_icon.png?v=1);
    background-size: 30px;
  }
  .searchNew {
    background-image: url(/lib/img/hidpi/search_new.png);
    background-size: 43px;
  }
  .no-touch .csvLink:hover {
    background-image: url(/lib/img/hidpi/csv_icon_over.png?v=1);
    background-size: 30px;
  }

  .componentResults .selIcon {
    background-image: url(/lib/img/hidpi/large_radio_off.png?v=1);
    background-size: 16px;
  }

  .componentResults .row.selected .selIcon {
    background-image: url(/lib/img/hidpi/large_radio_on.png?v=1);
    background-size: 16px;
  }
  .locIcon {
    background-size: 12px;
    background-image: url(/lib/img/hidpi/location_icon.png?v=1);
  }

  .noteAttachments a.noteAttachment:hover .deleteBtn {
    background-image: url(/lib/img/hidpi/close_icon.png);
    background-size: 14px;
  }

  .incompleteSystemCue {
    background-image: url(/lib/img/hidpi/checkboard.png);
    background-size: 138px;
  }

  .itemAddedHdr {
    background-size: 26px;
    background-image: url(/lib/img/hidpi/white_tick_circle.png?v=1);
  }

  #docProdSearchArea a.clearSearch,
  #docSearchArea a.clearSearch {
    background-image: url(/lib/img/hidpi/close_icon_trans.png);
    background-size: 14px;
  }
}

#projReport {
  max-width: 900px;
  margin: auto;
}

.projIdArea {
  clear: both;
  float: right;
  margin: 60px 0 0 60px;
  width: 200px;
}

@media print {
  #reportArea {
    color: #000 !important;
  }
  body {
    width: 900px;
    background: #fff;
  }
  #projReport h1 {
    background: #f2f2f2;
  }
  #headerbar,
  #companyAdminOuter,
  #companyMenu,
  #accountHeader,
  #accountMenu,
  .projHeader,
  #reportHeader,
  .siteFooter,
  #nav,
  .cueNotice {
    display: none !important;
  }
  #projReport {
    display: block !important;
  }
  div.midpanel.withMenu {
    border: none;
    padding: 0;
    margin: 0;
  }
  .projArea {
    padding: 0 !important;
  }
  div.content {
    padding-bottom: 0 !important;
  }
  .columnArea .column,
  .lBarArea .bar,
  .barArea .bar {
    height: 0;
    border-top: 20px solid rgb(166, 105, 153);
  }

  #totalPointsTracker .bar,
  #sqldSalesTracker .bar {
    border-color: rgb(255, 206, 18);
  }

  .lBarArea .bar.prevSalesBar {
    border-color: #999;
  }
  h1.lennox,
  .subMenu {
    display: none !important;
  }

  .barArea .target {
    box-sizing: border-box;
    border: 1px solid #000;
  }
  .salesLegend > div {
    color: #999 !important;
  }
  .salesLegendCurrent {
    color: rgb(166, 105, 153) !important;
  }
}

.lennoxSRHeader {
  padding-top: 30px;
}

/* Preload images */
body:after {
  content: url(../img/close.png?v=1) url(../img/loading.gif)
    url(../img/prev.png?v=1) url(../img/next.png?v=1);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png?v=1) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png?v=1) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png?v=1) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.ui-autocomplete .ui-menu-item {
  overflow: hidden !important;
}

.ui-autocomplete .ui-menu-item a {
  font-weight: normal !important;
  font-size: 13px !important;
}

@media screen and (min-width: 1400px) {
  #cylinderRightColumn {
    width: 621px;
  }

  #cylinderNotes,
  #cylinderActivity {
    width: 280px;
    float: left;
  }

  #cylinderActivity {
    padding: 0 0 20px 20px;
    margin: 0 0 20px 20px;
    border-left: 1px solid #e0e0e0;
    border-top: 0;
  }

  #cylinderDetails {
    margin-right: 621px;
  }
}

@media (max-width: 960px) {
  .productFiltersInner {
    overflow: scroll;
  }

  .productListHeader {
    padding: 0 0 20px;
    border-bottom: 1px solid #f2f2f2;
  }

  .button.productsNextBtn {
    right: 110px;
  }

  .button.productsPrevBtn {
    right: 172px;
  }

  .productsPage .pageCount {
    right: 246px;
  }

  .productsPage.grid .product {
    max-width: none;
  }

  .productsPage .productListHeader {
    margin-bottom: 20px;
  }

  .productsPage .filterButtonArea {
    margin-bottom: 20px;
  }

  .productsPage {
    flex-direction: column;
  }

  .clearAllFiltersBtn {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    margin-right: 24px;
    display: inline-block;
  }

  .productFilters .filterActions {
    height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .productFilters .productFiltersHeader {
    background: #ccc;
    height: 44px;
    line-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .productsPage .productFilters {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    bottom: 0;
    z-index: 10000;
    border-radius: 0;
    margin: 0;
    padding: 0;
    transition: all ease-in-out 0.2s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  .productsPage .productFilters.open {
    right: 0;
  }

  .productsPage .productsLeftSection {
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0;
  }

  #prodPromos {
    display: none;
  }

  .productsPage .productFilterButton {
    position: absolute;
    top: 0;
    right: 122px;
    display: block !important;
    border-radius: 8px;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
  }
}

@media (max-height: 740px) {
  #helpVideoButton {
    right: 20px;
    bottom: 80px;
  }

  #helpVideoMenu {
    bottom: 141px;
    right: 20px;
  }

  .productsPage .pageCount {
    right: 226px;
    bottom: 30px;
  }

  .button.productsNextBtn {
    right: 90px;
    bottom: 10px;
  }

  .button.productsPrevBtn {
    right: 152px;
    bottom: 10px;
  }
}

/*# sourceMappingURL=main-9dd73e9e94.css.map */