*
{
    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;
}

.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 .1s; /* Safari */
    transition: all .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;
}

.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:280px;
}

#addedToCartDialog
{
    background-color:#555;
    color:#fff;
    padding:10px;
}

#addedToCartDialog.user .isProject, #addedToCartDialog.project .isCart
{
    display:none;
}

#addedToCartDialog.user .isCart, #addedToCartDialog.project .isProject
{
    display:block;
}

.itemAdded
{
    padding:7px 12px;
    background:#666;
    margin:7px 0;
    font-size:14px;
}

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

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

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

.pageCount
{
    padding:8px;
}

.dashPane
{
    box-shadow: 0 2px 6px rgba(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;
}

#paySummary
{
    float:right;
    padding:8px;
    display:none;
}

.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 .2s ease-out;
    -moz-transition:top .2s ease-out;
    -ms-transition:top .2s ease-out;
    -o-transition:top .2s ease-out;
    transition:top .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;
}

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

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

.cartItemPriceEa, .cartItemPriceTotal, .cartItemGST
{
    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 .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 .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: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .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: .50;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: .20;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:.2em .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: .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: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .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: .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: .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: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .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:.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;
}

#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:.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:.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,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(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,.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-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-581743135d.css.map */