html
{
    position:relative;
    height:100%;
    webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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

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

::-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: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:13px;
}

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

form
{
    margin:0;
    padding:0;
}

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

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

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

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

#payStep1
{
    max-width:460px;
}

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

.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
{
    position:absolute;
    left:-1000px;
}

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

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

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

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

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

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

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

.promoHdrMob
{
    display:none;
}

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

#prodPromosMobile
{
    display:none;
}

#prodPromos img
{
    width:150px;
}

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

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

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

.compYield
{
    font-size:24px;
    float:right;
    color:#0071bc;
}

.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:#0071bc;
}

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

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

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

#eessFile
{
    padding:5px 0 0;
}

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

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

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

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

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

.loadForm
{
    margin-top:10px;
}

.loads, .loadForm
{
    max-width:600px;
}

.load
{
    display:table-row;
}

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

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

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

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

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

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

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

.optionPrice
{
    color:#0071BC;
    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;
}

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

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

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

.noScroll
{
    overflow:hidden;
}

.isMasked #pageMask
{
    display:block;
}

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

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

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

.dialogHeader span
{
    padding:15px 42px 15px 15px;
    line-height:1;
    font-size:16px;
    color:#999;
    display:block;
}

.dialogHeader a
{
    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;
}

#selectCylinders
{
    max-width:320px;
}

#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 .dialogHeader a: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;
}

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

#mainMenu
{
    width:170px;
    float:left;
    padding:30px 0 60px 30px;
}

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

#nav .menuDivider
{
    border-color:#404040;
    margin:0;
}

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

#mainMenu a.option
{
    color:#333;
    font-size:16px;
    font-weight:bold;
    padding:7px 10px;
    display:block;
}

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

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

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

.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 #eaeaea;
    margin:10px 0;
}

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

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

.favLink:hover
{
    background-image:url(/lib/img/star_on.png);
    opacity:0.5;
}


#muUserDetails
{
  margin-left:211px;
}

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

.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
{
    !text-transform:none;
    !font-weight:normal;
    !letter-spacing: 0;
    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.inProgress
{
    background:#0071bc;
}

.cylReturnStatus.complete
{
    background:#b3b3b3;
}

.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:16px;
    color:#b3b3b3;
    letter-spacing:0.05em;
    font-weight:bold;
    padding:18px 15px;
    outline:none;
}

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

.subMenu a.selected > span
{
    border-bottom:2px solid #ffce00;
    color:#333;
}

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

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

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

.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_dark.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;
    color:#999;
}

#faq h2
{
    font-weight:bold;
    color:#333;
    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;
}

#supCtas a
{
    width:32%;
    margin-left:2%;
    float:left;
    background-color:#f2f2f2;
    font-size:18px;
    color:#333 !important;
    font-weight:bold;
    padding:12px;
    height:183px;
    background-position:center 75%;
    background-repeat:no-repeat;
    position:relative;
}

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

#supCtas a:first-child
{
    margin:0;
}

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

.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:#333 !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;
}

#search
{
    max-width:1000px;
}

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

.sr
{
    padding:20px 0 0;
}

.searchLabel
{
    float:left;
    width:115px;
    padding:10px 0 10px 15px;
    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;
}

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

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

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

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

#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 0 5px 5px;
    display:block;
}

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

#product
{
    max-width:800px;
}

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

.mobTitle
{
    display:none;
}

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

.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-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18pt;
    color: white;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

h2
{
    font-size:20px;
    font-weight:normal;
    color:#999;
    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: #f2c400;
}

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

.srdDialog
{
    max-width:380px;
}

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

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

.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:#0071bc;
    padding-top:10px;
    display:inline-block;
}

.pmSectionInclude
{
    float:right;
}

.editable
{
    padding:6px 0 0;
}

.pmEditTitle
{
    font-weight:bold;
}

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

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

.trueThird
{
    width:33.333%;
}

.projRepHeading
{
    padding-bottom:40px;
}

#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:2px 4px;
    line-height:1;
    border:1px solid #333;
    border-radius:2px;
    margin:0 3px 3px 0;
    display:inline-block;
}

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

.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;
    color:#4D4D4D;
    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;
}

#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"]
{
    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;
}

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

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

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

#product .availability
{
    margin-bottom:100px;
}

#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:bold;
    color:#090;
}

.availability
{
    width:258px;
    float:right;
    border:1px solid #e0e0e0;
    clear:right;
    position:relative;
    margin:0 0 0 20px;
}

#selectBranchDialog .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
{
    max-width:300px;
}

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

.cylNotesBtn.hasNotes
{
    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;
    background:#f6f6f6;
}

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

.stockHeader
{
    background:#f2f2f2;
    padding:7px 3%;
    color:#777;
}

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

.thermostatDialog .radioInfo
{
    position:absolute;
    left:0;
    top:0;
    right:0;
}

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

.hvacRow
{
    padding:10px 0;
    border-top:1px solid #e0e0e0;
    color:#999;
}

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

.hvacScroll .shadow
{
    width:9px;
    top:0;
    bottom:0;
    position: absolute;
    opacity:0.5;
    transition:opacity linear 0.1s;
}

.projTypeOptions label
{
    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
{
    padding-left:44px;
    background:url(/lib/img/radio_off.png) no-repeat 15px center;
}

.hvacOptions a.radio.selected
{
    background-image:url(/lib/img/radio_on.png);
}

.hvacOptions a:hover
{
    color:#333;
    background-color:#f2f2f2;
}

#hvacCapFld
{
    font-size:18px;
    font-weight:bold;
    padding-right:48px;
    width:90px;
}

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

.ccActivateArea .hugeTickTitle h1
{
    font-size:32px;
}

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

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

#balances th
{
    border:1px solid #e0e0e0;
    background:;
    border-bottom:0;
    font-weight:normal;
    background:#fffaed;
}

#balances tr
{
    background:none;
}

#balances td
{
    border:1px solid #e0e0e0;
    border-top:0;
    font-size:15px;
    font-weight:bold;
}

.accountSummaryValues
{
    background:none !important;
    border-top:1px solid #e0e0e0;
}

.orderInfo
{
    color:#666;
    padding:0 0 8px;
}

.orderTitle
{
    font-size:18px;
    font-weight:bold;
    padding:0 0 3px;
}

#orderRight
{
    float:right;
    width:240px;
}

#cartSummary, #branchSummary
{
    padding:15px;
    background:#f2f2f2;
    border-radius:4px;
    margin:0 0 10px
}

#cartSummary .button
{
    margin:15px 0;
    display:block;
}

#orderForm
{
    border:1px solid #e0e0e0;
    border-radius:4px;
    margin:0 260px 20px 0;
    position:relative;
}

#orderForm .error
{
    font-weight:bold;
    color:#fff;
    padding:15px;
    background:#900;
    text-align:center;
}

.smallSpacer
{
    padding-top:4px;
}

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

.orderSection .half
{
    width:50%;
    float:none;
}

.orderSectionLeft
{
    width:30%;
    float:left;
    margin-right:5%;
}

.orderSectionRight
{
    width:65%;
    float:left;
}

.orderSubmitSection
{
    background:#f6f6f6;
    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;
}

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

.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:#dd001e;
    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 8px;
}

.BigButton, a.smallButton, a.BigButton, .button, a.button
{ 
    font-weight:bold;
    color:#333;
    text-transform:uppercase;
    letter-spacing:0.05em;
    background-color:#ffce00;
    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:#e0e0e0;
}

.quoteButton
{
    float:right;
    margin-right:10px;
}

.pageCount
{
    padding:8px;
}

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

.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:#333;
    text-align:center;
    font-size:16px;
    color:#ccc;
}

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

#accountHeader
{
    text-align:left;
    padding:20px 30px;
    border-bottom:1px solid #E6E6E6;
    background:#fff;
}

#reportHeader
{
    padding: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:#0071BC;
    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;
}

#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:#fff4d3;
    margin-right:0;
}

#userList
{
    padding-bottom:120px;
}

#userList.menu ul
{
    padding-left:0;
}

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

#flOptions a:hover
{
    background:#ffce00 !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;
}

.projButtons a
{
    margin-left:6px;
}

.projTitle
{
    font-size:30px;
    padding:10px 0 18px;
    clear:both;
    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;
}

.noRecords
{
    padding:20px;
    text-align:center;
    color:#ccc;
}

#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:#333;
    overflow:hidden;
    padding:32px 40px;
}

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

.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:#fffaed;
}

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

.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 #ffce00;
    padding-bottom:8px;
}

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

h2.withSpacer
{
    padding-top:30px;
}

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;
    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 94px;
    background:url(/lib/img/cc_icons.png?v=1) no-repeat left center;
    margin:0 0 15px 15px;
}

.sortSelect
{
    display:none;
}

.termsDoc
{
    text-align:left;
    max-width:900px;
    padding:30px;
    margin:auto
}

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

.withSpinner.loading
{
    background:#f2f2f2 url(/lib/img/loader1.gif) no-repeat center center !important;
}

.withSpinner.loading > span
{
    visibility:hidden;
}

.button.cancelButton
{
    background:#e0e0e0;
}

.loading .submitButton, .loading .submitButton:hover
{
    background:#f2f2f2 !important;
}

.loading .submitButton 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:400px;
}

#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
{
    max-width:300px;
}

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

.payInvCount
{
    color:#666;
    padding-top:4px;
}

#paymentTotal, .payStmtNotice, .surchargeNotice
{
    padding:20px 20px 0 20px;
    float:right;
    width:140px;
    color:#888;
}

.cardIcons
{
    background:url(/lib/img/cc_icons.png?v=1) no-repeat left center;
    width:86px;
    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;
}

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;
    background-color:#f2f2f2;
}

.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:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ie-border-radius:4px;
    outline:none;
}

#wallSelector a.whiteButton.selected
{
    background-color:#eaeaea;
    border:0;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    box-shadow:0 0 3px #bbb inset;
    -moz-box-shadow:0 0 3px #bbb inset;
    -webkit-box-shadow:0 0 3px #bbb inset;
    -o-box-shadow:0 0 3px #bbb inset;
    -ie-box-shadow:0 0 3px #bbb inset;
}

#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, #documentDialog_dialog
{
    width:860px;
    height:500px;
    overflow:hidden;
}

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

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

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

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

.no-touch .addLink:hover
{
    color:#DD001E;
}

.calcSection
{
    background:#fffaed;
/*    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 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;
}

.calcPanel
{
    background:#f2f2f2;
/*    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ie-border-radius:4px;*/
}

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

#dropInLink
{
    width:100%;
}

.half.withRightMargin
{
    margin-right:4%;
}

.panelTop
{
    padding:10px 15px;
    position:relative;
    background:#fff;
}

.cartItemName a
{
    color:#333;
}

.bigPanelTop
{
    padding-top:15px;
    padding-bottom:15px;
}

.panelBtm, .panelBtmEdit
{
    background:#f2f2f2;
    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;
}

.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
{
    border-radius:4px;
    margin:0 0 20px 0;
    border:1px solid #ddd;
}

.cartItem
{
    padding:20px 40px 20px 20px;
    border-top:1px solid #ddd;
    position:relative;
}

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

.cartItemDropBtn
{
    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);
}

.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:#0071BC 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:#444 url(/lib/img/search_icon_light.png) no-repeat 8px center;
    font-size:16px;
    width:140px;
    color:#fff;
}

.searchNew
{
    height:36px;
    position:absolute;
    left:-50px;
    top:0;
    background:url(/lib/img/search_new.png) no-repeat left center;
    width:50px;
}

.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;
    overflow:hidden;
    white-space:nowrap;
    padding:0 13px;
    border-bottom:1px solid #eaeaea;
    display:block;
    color:#333;
    position:relative;
}

.no-touch .instSearchResults .result:hover
{
    color:#333;
}

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

.instSearchLabel
{
    text-transform:uppercase;
    font-size:8px;
    position:absolute;
    right:10px;
    top:14px;
    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.srchInvoice
{
    background:#ed5598;
}

.instSearchLabel.srchUser
{
    background:#19d4c9;
}

.instSearchLabel.srchDocument
{
    background:#298ce2;
}

.instSearchLabel.srchCategory
{
    background:#c1272d;
}

.instSearchLabel.srchCylinder
{
    background:#786de8;
}

.instSearchLabel.srchOrder
{
    background:#998b7f;
}

.instSearchLabel.srchPage
{
    background:#558f74;
}

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

.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 .chevron
{
    width:44px;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background:#fff url(/lib/img/right_chevron_small.png) no-repeat center center;    
}

.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:-270px;
    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:#808080;
    font-weight:bold;
    background:url(/lib/img/cart_hdr_white.png?v=1) no-repeat 10px center;
    float:right;
    margin:14px 14px 14px 0;
}

.no-touch #cartBtn:hover
{
    background-color:#444;
    text-decoration:none;
}

#cartBtn.hasItems
{
    background-color:#ffce00;
    background-image:url(/lib/img/cart_hdr_black.png?v=1);
    color:#333;
}

.no-touch #cartBtn.hasItems:hover
{
    background-color:#dd001e;
}

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

.no-touch a.panelEdit:hover span, .no-touch .panelBtm:hover a.panelEdit span
{
    text-decoration:none;
    background:#ffce00;
    text-shadow:none;
    -moz-text-shadow:none;
    -webkit-text-shadow:none;
    -o-text-shadow:none;
    -ie-text-shadow:none;
    color:#333;
}

.panelTop label
{
    font-weight:bold;
    font-size:16px;
    color:#444;
    margin:0;
    padding:0;
    line-height:1;
}

#companyAdminArea
{
    background:#333;
    padding:10px;
    text-align:left;
    max-width:700px;
}

#companyAdminOuter
{
    background:#333;
}

#contentInner
{
    position:relative;
}

#companyAdminArea .button
{
    width:120px;
    float:right;
    padding:0;
    height:34px;
    line-height:34px;
    text-align:center;
}

#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:#000;
    color:#fff;
    height:36px;
    line-height:36px;
    padding:0 12px;
}

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

#cSearchArea
{
    padding-right:266px;
}

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

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

.tar
{
    text-align:right;
}

#configTypeMenu a:hover
{
    text-decoration:none;
    color:#DD001E;
}

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

#selectorArea h2
{
    padding:30px 20px 8px;
    margin:0;
    font-size:21px;
}

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

.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:#0071bc;
}

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

#reqForm
{
    padding:20px 20px 10px;
    background:#f6f6f6;
}

#reqForm .psFldArea
{
    min-width:120px;
    padding:0;
}

#reqForm select
{
    width:100px;
    font-size:14px;
}

#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:#FFF3CC;
    color:#806260;
    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;
}

.disabled {
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
}

.no-touch a.button.disabled:hover
{
    background-color:#ffce00;
    color:#333;
}

#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:134px;
}

.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:#0071bc;
    position:absolute;
    bottom:0;
    left:0;
}

#lennoxSalesData .bar
{
    width:116px;
    background:#0071bc;
    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;
}

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

#browseProductsForm
{
    max-width:500px;
    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; 
}

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/ie_icon.png?v=1);
}

.browserIcon.firefox
{
    background-image:url(/lib/img/firefox_icon.png?v=1);
}

.browserIcon.chrome
{
    background-image:url(/lib/img/chrome_icon.png?v=1);
}

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



/*!
 * 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;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding:0;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-bottom:1px solid #666;
    box-shadow:0 1px 2px #000;
    -moz-box-shadow:0 1px 2px #000;
    -webkit-box-shadow:0 1px 2px #000;
    -o-box-shadow:0 1px 2px #000;
    -ie-box-shadow:0 1px 2px #000;
}

.ui-menu .ui-menu-item a
{
    color:#666;
    height:36px;
    line-height:36px;
    font-size:14px;
    text-align:left;
    font-weight:bold;
    border-radius:0;
    padding:0 12px;
    border-top:1px solid #ccc;
}

.ui-menu .ui-menu-item a.ui-state-focus
{
    background:#DD001E;
    color:#fff;
    border:0;
    border-bottom:1px solid #DD001E;
}

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

.statsArea
{
    !box-shadow:0 0 5px #000 inset;
    !background:#444;
}

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

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

.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
{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:12px 12px 0 0;
    !border-radius:6px;
    float:left;
    padding:20px;
    width:200px;
    color:#4d4d4d;
}

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:#0071bc;
}

.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;
    background:#fff;
}

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

#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:#0071bc;
    font-size:16px;
    float:right;
    padding-right:12px;
}

#ceilingLoadLabel
{
    margin:0;
    top:4px;
}

.newProjBtnDt
{
    float:right;
}

.loadLabel
{
    color:#0071bc;
    font-size:13px;
    !font-weight:bold;
    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:#0071bc url(/lib/img/result_arrow.png?v=1) no-repeat center bottom;
    color:#fff;
    display:table;
    width:100%;
    color:#fff;
}

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

.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:#0071bc;
    color:#fff;
    margin:20px 0 0;
    position:relative;
}

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

#projSearch
{
    float:right;
    margin:0 50px 0 0;
}

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

#otherLoadPanels .calcPanel, #productPanels .calcPanel
{
    margin-bottom:12px;
}

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

.stockLevelPanel .branch
{
    border-bottom:1px solid #f2f2f2;
}

.stockLevelPanel .branchName, .stockLevelPanel .branchInfo, .stockLevelPanel .stockHeader, .stockLevelPanel .stock
{
    padding:7px 3%;
}

.stockLevelPanel .branchName
{
    font-weight:bold;
    font-size:14px;
}

.stockLevelPanel .branchName
{
    color:#333;
}

.branchInfo
{
    display:none;
}

.stockLevelPanel .branch .branchInfo
{
    color:#777;
    font-size:12px;
    padding:0 10px 10px 25px;
}

.stockLevelPanel .distance
{
    font-size:12px;
    color:#aaa;
    padding-left:4px;
    font-weight:normal;
}

.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:#fff url(/lib/img/chevron.png?v=1) no-repeat right center;
    display:block;
}

#branchSummary .name
{
    font-size:14px;
    font-weight:bold;
    padding:8px 0 3px;
}

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

#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
{
    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:15px;
}

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

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

#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;
  !height: 23px;
  !line-height: 24px;
  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:#292929;
    color:#fff;
    height:64px;
    position:relative;
}

#liteBody
{
    background:#fff;
    float:left;
    width:100%;
    min-height:100vh;
}

#headerlogo {
    float:left;
    height:54px;                 
    width:290px;
    margin:5px 20px;
    background:url(/lib/img/new_logo.png?v=1) left top no-repeat;
}

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

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

.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:350px;
    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;
}
*/
#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) {
  #headerlogo
  {
    background-image:url(/lib/img/hidpi/new_logo.png?v=1);
    background-size:322px;
  }
    .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;    
  }
    .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;
}

.hvacOptions a.checkbox.on
{
         background-image:url(/lib/img/hidpi/checkbox_on.png);
        background-size: 17px;   
}

.hvacOptions a.radio
{
    background-image:url(/lib/img/hidpi/radio_off.png);
    background-size:19px;
}

.hvacOptions a.radio.selected
{
    background-image:url(/lib/img/hidpi/radio_on.png);
    background-size:19px;
}
  #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;    
  }
    #searchFld, #searchFldMob, #mobSearch .searchFld
    {
        background-image:url(/lib/img/hidpi/search_icon_light.png);
        background-size:25px;
    }
  #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;      
  }
  .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;
    }

    .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;    
  }
  #payWrapper, .cardIcons
  {
    background-image:url(/lib/img/hidpi/cc_icons.png?v=1);
    background-size:86px;    
  }
  .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;
    }
  .dialogHeader a
  {
    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);
}
.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
  {
    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;

    }
    .favLink
    {
        background-image:url(/lib/img/hidpi/star_off.png);
        background-size:19px;
    }

    .favLink.favourited, .favLink:hover
    {
        background-image:url(/lib/img/hidpi/star_on.png);
        background-size:19px;
    }
  #switchLink
  {
    background-image:url(/lib/img/hidpi/switch_icon.png?v=1);
    background-size:17px;     
  }
  #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;
    }

    .returnIcon
    {
        background-size:18px;
        background-image:url(/lib/img/hidpi/return_icon.png);
    }

    .cylNotesBtn.hasNotes
    {
        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_white.png?v=1);
        background-size:23px;
    }
    #cartBtn.hasItems, .no-touch #cartBtn.hasItems:hover
    {
        background-image:url(/lib/img/hidpi/cart_hdr_black.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_dark.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;
    }
.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;
    }
    #headerlogo {
        background-image:url(/lib/img/hidpi/new_logo.png?v=1);
        background-size:322px;
    }
    .plus
    {
        background-image:url(/lib/img/hidpi/plus.png?v=1);
        background-size:9px;
    }

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

    .arDoc
    {
        background-image:url(/lib/img/hidpi/doc_icon_small.png);
        background-size:12px;
    }

  .compactRowTable .gridProdSaving
  {
    background-image:url(/lib/img/hidpi/sale_icon_small.png);
    background-size:58px;
  }
  .compactRowTable .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);
    }

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


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