@charset "utf-8";
/* CSS Document */

body {
    margin-top:0px;
    margin-left:0px;
    margin-right:25px;
}

a img {
    border:0px;
}

textarea {resize:none}

.header {
    position:absolute;
    color:white;
    padding:2px;
    border:1px solid black;
    background:#91AECC;
    padding-left:5px;
    padding-right:5px;
    left:16px;
    top:-10px;
}

.bodyHeader {
    padding:0px;
    width:100%;
}

.ordCust {
    position:absolute;
    top:25px;
}

.mainDiv {
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    left:5px;
    /*    border-bottom:1px solid #5C87BA;
    border-left:1px solid #5C87BA;
    border-right:1px solid #5C87BA;*/
}

.divLabels {
    color:white;
    padding-left:15px;
    font-size:14px;
}

.fontSizeTen {
    position:absolute;
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}

.fontSizeEleven {
    position:absolute;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.fontSizeElevenRelative {
    position:relative;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.fontSizeTwelveRelative {
    position:relative;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

/* fontSizeTwelve:relative or absolute position both cause trouble for IE8 Job Files Advanced Search popup */
.fontSizeTwelve {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

.fontSizeThirteen {
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
}

.fontSizeElevenDisabled, .fontSizeElevenDisabledSoldTo, .fontSizeElevenDisabledShipTo {
    position:absolute;
    font-size:11px;
}

.fontSizeThirteenDisabled {
    position:absolute;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#dcdcdc;
}

.divTabs {
    position:absolute;
    padding:5px;
    width:181px;
    height:26px;
    background-image:url('../images/blanktab.gif');
    font-size:15px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-repeat:no-repeat;
    padding-left:10px;
}

.sec-menu-new-item, .sec-menu-new-item-dis {
    position:relative;
    float:left;
    overflow:hidden;
    margin-right:-14px;
    white-space:nowrap;
    background : url('../images/sec-menu-new-item-left.gif') no-repeat left top;
    height:28px;
    cursor:pointer;
    color:black;
}

.ordReaderTitle {
    position:absolute;
    left:65px;
    top:2px;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
}

.orderReaderBox {
    position:relative;
    width:100%;
    border-bottom:3px solid gray;
    padding-top:5px;
}

.sec-menu-new-item div, .sec-menu-new-item-dis div {
    display:block;
    padding:0px 31px 0px 10px;
    /*    font-size : 90%;*/
    background : url('../images/sec-menu-new-item-right.gif') no-repeat right top;
}

.sec-menu-new-item div span {
    display: block;
    background : url('../images/sec-menu-new-item.gif') repeat-x left top;
    height:28px;
    padding:6px;
}

.sec-menu-new-item-dis div span {
    display:block;
    background: url('../images/sec-menu-new-item.gif') repeat-x left top;
    height:28px;
    padding:6px;
    color:white;
}

.calendar {
    background-color:white;
    border:1px solid black;
    font-family:Arial;
    font-size:12px;
}

.calendar td {
    border:1px solid black;
    text-align:right;
}

.mainTitle {
    position:relative;
    top:-8px;
    left:-5px;
    font-size:12pt;
    color:#595959;
    font-style:italic;
    font-weight:bold;
    font-family:Arial;
}

.promptAlign {
    padding-top:2px;
}

.gridCellTen {
    position:relative;
    float:left;
    padding-left:2px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    border:1px solid #f0f0f0;
    padding-right:2px;
    padding-top:2px;
    cursor:default;
    height:15px;
}

.gridCellTenAuto {
    position:relative;
    float:left;
    padding-left:2px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    border:1px solid #f0f0f0;
    padding-right:2px;
    padding-top:2px;
    cursor:default;
    min-height:18px;
    height:auto;
}

.gridCellTwelve {
    position:relative;
    float:left;
    padding-left:2px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    border:1px solid #f0f0f0;
    padding-top:2px;
    cursor:default;
    height:22px;
    background-color:inherit;
}

.gridInputTen {
    font-size:10px;
    margin:0px;
    border:none;
    height:100%;
    width:100%;
    padding-top:0px;
    margin-top:0px;
}

.gridInputTwelve {
    font-size:12px;
    margin:0px;
    border:none;
    height:100%;
    width:90%;
    padding-top:0px;
    margin-top:0px;
}

.gridColumnTen {
    position:static;
    background-color:lightblue;
    border-bottom:2px solid #a0a0a0;
    border-top:2px solid #f0f0f0;
    border-right:1px solid #a0a0a0;
    border-left:1px solid #ffffff;
    padding-left:2px;
    padding-right:2px;
    font-family:sans-serif;
    font-size:12px;
    color:blue;
    float:left;
    overflow-y:visible;
    overflow-x:hidden;
    cursor:default;
}

.gridColumnTen td {
    border-bottom:2px solid #a0a0a0;
    border-top:2px solid #f0f0f0;
    border-right:1px solid #a0a0a0;
    border-left:1px solid #ffffff;
}

.gridColumnTwelve {
    position:static;
    background-color:lightblue;
    border-bottom:2px solid #a0a0a0;
    border-top:2px solid #f0f0f0;
    border-right:1px solid #a0a0a0;
    border-left:1px solid #ffffff;
    padding-left:2px;
    font-family:sans-serif;
    font-size:12px;
    color:blue;
    float:left;
    overflow-y:visible;
    overflow-x:hidden;
    cursor:default;
}

.gridTextTwelve {
    display:block;
    padding:4px 2px 0 0;
}

.brandTableHeaderTen {
    background-color:lightblue;
    font-family:sans-serif;
    font-size:12px;
    color:blue;
}

.brandTableHeaderTen td {
    border-bottom:2px solid #a0a0a0;
    border-top:1px solid #f0f0f0;
    border-right:1px solid #a0a0a0;
    border-left:1px solid #ffffff;
}

.brandTableRowTen {
    background-color:lightyellow;
    height:20px;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Primary Book Menu, new-Level
// --------------------------------------------------------------------------------------------------------------------
*/

.primary-menu-single-container {
    width:100%;
    margin-left:11px;
    padding-top:5px;
}

.primary-menu-single {
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding-top:5px;
    /*font-size:x-small;*/
    font-size:12px;
    color:black;
    list-style:none;
}

.primary-menu-single-item
{
    margin:0;
    padding:0px;
    display:inline;
    border-bottom:1px white solid;
    /*font-size:x-small;*/

}

/* margin controls spacing between */
.primary-menu-single-item a {
    margin:0;
    padding:1px;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid black;
    color:black;
    text-decoration:none;
    background-image:url('../images/buttonbackgroundDown.gif');
    background-repeat:repeat;
    background-position:left bottom;
}

.primary-menu-single-item a:hover {
    color:black;
    background-color:#89608B;
    border-top:1px solid #6699CC;
    border-left:1px solid #6699CC;
    border-right:1px solid black;
    background-image:url('../images/buttonbackgroundDown.gif');
    background-repeat:repeat;
    background-position:left bottom;
}

.primary-menu-single-item-active {
    margin-right:4px;
    padding:5px 5px;
    display:inline;
    height:20px;
    color:#FFFFFF;
    font-weight:bold;
    border-top:1px solid #6699CC;
    border-left:1px solid #6699CC;
    border-right:1px solid black;
    background-color:#699ABF;
    background-repeat:repeat;
    background-position:left bottom;
}

.primary-menu-single-item-active a {
    margin:0;
    padding:6px 5px;
    display:inline;
    background-color:white;
    color:#095AA6;
    text-decoration:none;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Secondary Book Menu, Single-Level
// --------------------------------------------------------------------------------------------------------------------
*/

.secondary-menu-single-container {
    width:100%;
    margin-left:11px;
    padding-top:5px;
    background-color:#699ABF;
}

.secondary-menu-single {
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding-top:6px;
    padding-left:5px;
    left:5px;
    /*font-size:x-small;*/
    font-size:12px;
    font-weight:bold;
    color:#095AA6;
    list-style:none;
}

.secondary-menu-single-item {
    margin:0;
    top:7px;
    padding:0px;
    display:inline;
    border-bottom:1px white solid;
    /*font-size:x-small;*/
}

/* margin controls spacing between */
.secondary-menu-single-item a {
    margin:0;
    padding:1px 5px;
    background-image:url('../images/buttonbackgroundDown.gif');
    background-repeat:repeat;
    background-position:left bottom;
    border-right:1px solid black;
    color:black;
    font-weight:normal
}

.secondary-menu-single-item a:hover {
    color:black;
    background-color:white;
    text-decoration:none;
}

.secondary-menu-single-item-active {
    margin-right:4px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    display:inline;
    color:black;
    font-weight:bold;
    background-color:white;
    border-right:1px solid black;
}

.secondary-menu-single-item-active a {
    margin:0;
    padding:6px 5px;
    display:inline;
    background-color:white;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Primary Book Menu, Single-Level
// --------------------------------------------------------------------------------------------------------------------
*/

.pri-menu-new-container {
    position:relative;
    width:100%;
    height:33px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-left:20px;
    margin-bottom:-1px;
    overflow:hidden;
}

.pri-menu-new-item-hover {
    text-decoration:none;
    color:yellow;
}

.pri-menu-new-item-act {
    position:relative;
    float:left;
    overflow:hidden;
    margin-right:10px;
    white-space:nowrap;
    background :url('../images/pri-menu-new-item-act-left.gif') no-repeat left top;
    height:33px;
    color:black;
    cursor:default;
}

.pri-menu-new-item-act div {
    display:block;
    padding: 0px 4px 0px 4px;
    /*    font-size : 90%;*/
    background : url('../images//pri-menu-new-item-act-right.gif') no-repeat right top;
}

.pri-menu-new-item-act div span {
    display:block;
    background : url('../images//pri-menu-new-item-act.gif') repeat-x left top;
    padding:6px;
    height:33px;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Secondary Menu, Single-Level
// --------------------------------------------------------------------------------------------------------------------
*/

.sec-menu-new-container {
    width:100%;
    position:relative;
    height:28px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    /*    background:#aeb6c1;*/
    margin-bottom:-1px;
    padding-left:10px;
    overflow:hidden;
    z-index:1;
}

.sec-menu-new-item-hover {
    color:blue;
    text-decoration:none;
    border:1px solid black;
}

.sec-menu-new-item-act {
    position:relative;
    float:left;
    overflow:hidden;
    margin-right:-14px;
    white-space:nowrap;
    background : url('../images/tabc-white-left.gif') no-repeat left top;
    height:28px;
    z-index:1;
    cursor:default;
}

.sec-menu-new-item-act div {
    display:block;
    padding:0px 31px 0px 10px;
    color:#333;
    /*    font-size : 90%;*/
    background : url('../images/tabc-white-right.gif') no-repeat right top;
}

.sec-menu-new-item-act div span {
    display:block;
    background : url('../images/tabc-white-mid.gif') repeat-x left top;
    height:28px;
    padding:6px;
}

.sec-menu-new-end, .sec-menu-new-end-dis {
    position:relative;
    float:left;
    overflow:hidden;
    margin-left:30px;
    white-space:nowrap;
    height:27px;
    margin-bottom:1px;
}

.sec-menu-new-end-dis a:hover, .sec-menu-new-end-dis a:visited, .sec-menu-new-end-dis a:link {
    color:lightgrey;
    text-decoration:none;
}

.gridDetailRowDisabled {
    background-color:#ffffa0;
}


.gridDetailRow {
    background-color:#ffffe0;
}

.gridDetailRowEmphasized {
    background-color:orange;
}

.userName {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:black;
}

.userList {
    font:caption;
    font-size:11px;
    font-weight:normal;
    cursor:pointer;

    padding:1px;
}

.userListSelected {
    background-color:Highlight;
    color:HighlightText;
}

.userListOver {
    background-color:Highlight;
}

.shopCartAmount {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:black;
}

.freightCell {
}

.readOnlyText {
    background-color:#dcdcdc;
}

.ciCombo20 {
    min-height:20px;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    margin:5px;
}

.ciCombo18 {
    min-height:18px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.myContainer {
    width:100%;
    position:relative;
    overflow-y:auto
}

.myContainer-img {
    opacity:0.5;
    filter:Alpha(Opacity=50);
}

.jobSubToolBar {
    margin-right:-1px;
    padding-top:5px!important;
    padding-right:25px;
    overflow:hidden;
    border:0px solid black;
    float:left;
    height:22px;
}

.headingJob {
    position:relative;
}

.headingJob td {
    font-size:12px;
    font-weight:bold;
    font-family:sans-serif;
}

#orderListPopupID td {
    padding-left:3px;
    padding-right:3px;
}
#orderHeaderPopupID td {
    padding-left:3px;
    padding-right:3px;
}

.button-disabled {
    opacity:0.5;
    filter:Alpha(Opacity=50);
    cursor:default;
}

/*
.waiting {
    opacity:0;
    filter:Alpha(Opacity=0);
    background-color:white;
    cursor:progress;
}
*/

@keyframes fadeIn {
  99% {
    visibility:hidden;
  }
  100% {
    visibility:visible;
  }
}

.accessoryRow {
    background-color:#C0DCC0;
}

.errorRow {
    background-color:#FF0012;
}

.cautionRow {
    background-color:#FFAE00;
}

/* specific to the ordCust page */
#custSoldToShipToDivUnused {                     /*--Customer Sold/Ship To--*/
    position:relative;
    width:425px;
    z-index:1;
    top:0px;
    margin-top:0px;
    left:0px;
    float:left;
}

#custSoldToShipToDiv {                     /*--Customer Sold/Ship To--*/
    position:relative;
    width:580px;
    z-index:1;
    top:0px;
    margin-top:0px;
    left:0px;
    float:left;
}

#custGeneralDiv {                   /*--general--*/
    position:relative;
    left:0px;
    top:7px;
    width:825px;
    height:140px;
    z-index:3;
}

#installationLocationDiv {
    position:relative;
    left:10px;
    top:0px;
    width:235px;
    height:243px;
    z-index:4;
}

#purchaseOrderDiv {
    position:relative;
    left:10px;
    top:0px;
    width:235px;
    height:243px;
    z-index:4;
}

#purchaseOrderDivA {
    position:relative;
    left:0;
    top:0;
    width:235px;
    height:335px;
    z-index:4;
    margin:12px 10px 10px 2px;
}
#shippingInfoDiv {
    position:relative;
    left:10px;
    top:0px;
    margin-top:12px;
    width:251px;
    min-height:153px;
    z-index:5;
    float:left;
}
#shippingDateDiv {
    position:relative;
    left:0px;
    top:0px;
    margin-top:12px;
    width:272px;
    height:153px;
    z-index:6;
    float:left;
}
#shippingDateDivA {
    position:relative;
    left:0px;
    top:0px;
    margin-top:12px;
    width:450px;
    min-height:203px;
    z-index:6;
    float:left;
}

#additionalNetPricedDiv {
    position:relative;
    left:0px;
    top:0px;
    margin-top:12px;
    margin-left:0;
    width:385px;
    height:165px;
    z-index:8;
}

#additionalNetPricedDivA {
    position:relative;
    left:0;
    top:0;
    margin:2px 0 0 3px;
    width:385px;
    height:165px;
    z-index:8;
}

#MiscDivUnused {                   /*--miscellaneous--*/
    position:relative;
    left:10px;
    top:0px;
    margin-top:12px;
    width:125px;
    height:80px;
    z-index:7;
}
#MiscDivUnusedA {                   /*--miscellaneous--*/
    position:relative;
    left:10px;
    top:0px;
    margin-top:12px;
    width:155px;
    height:80px;
    z-index:7;
}
#specialnstructionsDivUnused {
    position:relative;
    left:0px;
    top:0px;
    margin-top:12px;
    width:220px;
    height:238px;
}
#specialnstructionsDivA {
    position:relative;
    left:0px;
    top:0px;
    margin-top:12px;
    width:280px;
    height:275px;
}
#specialnstructionsDivB {
    position:relative;
    left:0px;
    top:0px;
    margin:12px 0 0 10px;
    width:430px;
    height:165px;
}
#repInfoDivNotUsed {
    position:relative;
    left:20px;
    top:0px;
    margin-top:12px;
    width:305px;
    height:238px;
    z-index:9;
}
#repInfoDivA {
    position:relative;
    left:10px;
    top:0px;
    margin-top:12px;
    width:290px;
    height:335px;
    z-index:9;
}
#repInfoDivB {
    position:relative;
    left:0;
    top:0;
    margin-top:12px;
    width:285px;
    height:214px;
    z-index:9;
}

#freightDivNotUsed {
    position:relative;
    left:0px;
    top:0px;
    width:670px;
    z-index:9;
}

#freightDiv {
    position:relative;
    left:0px;
    top:0px;
    width:775px;
}

#estimatedTaxDiv {                  /*--estimatedtax - modine --*/
    position:relative;
    left:20px;
    top:0px;
    margin-top:12px;
    width:240px;
    height:238px;
    z-index:10;
}
#estimatedTaxDivA {                  /*--estimatedtax - airedale --*/
    position:relative;
    left:10px;
    top:12px;
    width:385px;
    height:163px;
    z-index:10;
}
#factorySupervisedDiv {                 /*--factorysupervised--*/
    position:relative;
    left:0px;
    top:0px;
    margin-top:12px;
    margin-right:10px;
    width:431px;
    height:340px;
    z-index:11;
}

.IGroup {
    position:relative;
    width:100%;
    padding-bottom:5px;
    overflow:visible;
}

.IGroup_label {
    z-index:1;
    background-color:white;
    position:relative;
    top:0px;
    margin-left:16px;
    margin-right:16px;
    float:left;
    color:blue;
    padding:2px;
    font-family:arial;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;

/*    max-width:calc(100% - 2.5em); LF is this used anywhere? Not in chrome */
}

.IGroup_client {
    position:relative;
    border:2px solid gray;
    padding:7px 3px 3px 3px;
}

/*------classes for MsgBox popup---------------*/
.msgBox {
    position:absolute;
    width:500px;
    border:1px solid black;
    z-index:30000;
    background-color:white;
}

.msgBoxHeader {
    width:500px;
    color:white;
    font-weight:bold;
}

.msgBoxText {
    padding:10px;
}

.standardText,.msgBoxText, .msgBoxHeader {
    font-size:14px;
    font-family:sans-serif;
}

.inputDisabled, .fontSizeElevenDisabled, .fontSizeElevenDisabledSoldTo, .fontSizeElevenDisabledShipTo {
    background-color:#dcdcdc;
}

.inputLbl {
    display:inline-block;
    width:75px;
    text-align:right;
    padding:0 4px 5px 0;
}

.fontSizeElevenDisabledSoldTo {
    left:75px;
    width:200px;
}

.fontSizeElevenDisabledShipTo {
    left:355px;
    width:200px;
}

.ordDetailRow {
    display:none;
    background-color:#ddeeff;
}

.ordCustInf {
    position:absolute;
    color:#808080;
}

.ordCustTable {
    position:absolute;
    left:15px;
}

.ordCustAlignRight {
    text-align:right;
    font-size:11px;
}

.ordCustPadBordRight {
    padding-right:5px;
    border-right:0px;
}

/* fancy menu popup box */
div#popwrapper {
    width:750px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #0054A0;
    margin-top:10px;
    margin-bottom:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    position:absolute;
    left:220px;
    top:77px;
    background-color:white;
}


div#popheader {
    width:745px;
    height:35px;
    background:#084c8b;
    color:#FFFFFF;
    text-align:left;
    padding:10px 0 0 5px;
    font-weight:bold;
}

div#poppic {
    width:300px;
    height:400px;
    background:#FFFFFF;
    float:left;
}

div#poplit {
    width:432px;
    height:135px;
    padding:0px 8px 0 8px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.7em;
    /* color:#392D83; */
    color:#000000;
    float:right;
    background:#FFFFFF;
    /*	background:#D6D7D9; */
    top:5px;
}

div#poptxt {
    width:432px;
    height:265px;
    padding:0 8px 0 8px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.7em;
    /* color:#392D83; */
    color:#000000;
    float:right;
    overflow:auto;
    background:#FFFFFF;
    /* background:#D6D7D9; */
    margin-bottom:4px;
}

div#popwrapper #popheader h1 {
    font-size:1.125em;
    border:none;
    text-transform:uppercase;
}

div#popwrapper h1 {
    font-size:1.25em;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#0054A0;
    text-transform:uppercase;
}

.blueline {
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#0054A0;
}

div#poplit h1 {
    margin-bottom:0px;
}

div#popwrapper ul {
    margin:15px;
    padding:0;
    list-style-position:inside;
    list-style-type:disc;
}

div#popwrapper li {
    margin:0px;
    text-indent:-15px;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfloats {
    clear:both;
}

/* main menu tabs */
.topMenu {
    font-family:sans-serif;
    font-size:12px;
}

.topMenu-active {
    color:white;
    font-family:sans-serif;
    padding:5px;
    cursor:pointer;
    border:1px solid black;
    font-weight:bold;
    font-size:12px;
    background-color:#0054a0;
}

.topMenu-active:hover {
    text-decoration:underline !important;
}

.topMenu-selected {
    color:#084c8b;
    padding:5px;
    border:1px solid black;
    font-weight:bold;
    font-size:12px;
    font-family:Arial, san-serif;
    background-color:#ffc211;
}

.whiteMenu-active {
    color:black;
    font-family:sans-serif;
    padding:2px 6px;
    cursor:pointer;
    border:2px solid #aaaaaa;
    font-weight:bold;
    font-size:12px;
    background-color:white;
    min-width:75px;
    text-align:center;
}

.whiteMenu-selected {
    color:#084c8b;
    padding:2px 6px;
    border:2px solid #aaaaaa;
    font-weight:bold;
    font-size:12px;
    font-family:Arial, san-serif;
    background-color:#ffc211;
    min-width:75px;
    text-align:center;
}

/*
    F A N C Y    M E N U
*/

.product-menu {
    position:relative;
    color:#084c8b;
    font-family:sans-serif;
    font-size:12px;
    z-index:100;
    height:25px;
    font-weight:bold;
    width:650px;
    padding-left:5px;
}

.product-menu div {
    font-weight:bold;
    float:left;
    margin-right:20px;
    z-index:30000;
    margin-right:20px;
}

.product-menu div div {
    font-weight:normal;
    position:absolute;
    z-index:30001;
    display:none;
}

.product-menu div div span {
    position:relative;
    border-top:1px solid #0c3da0;
    border-left:1px solid #0c3da0;
    border-right:1px solid #0c3da0;
    top:1px;
    background-color:white;
    padding-right:5px;
    font-weight:bold;
}

.product-menu div div table {
    background-color:white;
    border:1px solid #0c3da0;
    padding-right:3px;
}

.product-menu div div table div {
    font-weight:normal;
    position:relative;
    display:block;
    width:100%;
}

.product-menu div div table div div {
    position:absolute;
    left:110px;
    top:-10px;
    display:none;
}

.product-menu div div table span {
    border:none;
    font-weight:normal;
}

.menuSubHeader {
    background-color:#084c8b;
    color:white;
    font-size:12px;
    font-weight:bold;
    padding-left:5px;
    white-space:nowrap;
}

.icon-menu {
    color:#084c8b;
    background-color:white;
    font-family:sans-serif;
    font-size:12px;
    font-weight:bold;
    position:relative;
    z-index:25;
    cursor:pointer;
    border:1px solid #0c3da0;
}

/*
    I N P U T   B O X E S
*/

.tblBody {
    background-color:#E4EFF9;
    border:1px solid #D7DADD;
}

.brandTblCell {
    border:1px solid #E4EFF9;
    height:20px;
}
.cartWord{
    font-weight:bold;
    font-family:sans-serif;
    font-size:16px;
    position:absolute;
    left:40px;
    top:5px;
    width:100px;
    padding-left:5px;
    padding-top:0px;
}

/* Selector classes */
.traceTable {
    background-color:white;
    border-collapse:collapse;
}

.traceTable td {
    border:1px solid black;
}

table.brandTable {
    background-color:white;
    border-collapse:collapse;
    width:100%;
}

table.brandTable td {
    padding:2px;
    border:1px solid black;
}

.warrantyData {
    background-color:white;
    border-collapse:collapse;
    border-spacing:0;
}

.warrantyData td {
    border:1px solid black;
    min-width:9em;
    padding:0;
}

.warrantyDataReadOnly {
    padding:2px 3px;
    background-color:lightgrey;
}

.warrantyDataInput {
    border-width:0px;
    border-style:none;
    width:97%;
}

.hotspot {
    opacity:0.5;
    filter:alpha(opacity=50);
    position:absolute;
    z-index:2;
    display:none;
    cursor:default;
}

.boxsized {
    padding:0;
    margin:0;
    vertical-align:middle;
    height:20px;
    line-height:20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-indent:2px;
}

.legend-color {
    position:relative;
    vertical-align:bottom;
}
.legend-color span {
    padding-left:36px;
}
.legend-color .color-box {
    width:18px;
    height:10px;
    display:inline-block;
    position:absolute;
    left:12px;
    top:4px;
}

.salesReportFilter {
    margin:2px;
    border-radius:5px;
    padding:2px 6px 1px;
    vertical-align:middle;
    min-height:15px;
    background-color:#0054a0;
    color:white;
}

.selectedReportFilter {
    margin:2px;
    border-radius:5px;
    padding:2px 6px 1px;
    min-height:15px;
    vertical-align:middle;
    background-color:#ffc211;
    color:#084c8b;
}

.disabledReportFilter {
    margin:2px;
    border-radius:5px;
    padding:2px 6px 1px;
    vertical-align:middle;
    min-height:15px;
    background-color:#507AA0;
    color:white;
}

.reportFilterBox {
    width:148px;
    height:72px;
    padding:18px;
    border-width:1px;
    border-style:dashed;
    border-color:white;
    font-family:sans-serif;
    font-size:9pt;
    visibility:hidden;
}

.reportFilterSeparator {
    width:12px;
    height:120px;
    border:0;
    border-style:none;
}

.toolbarlbl {
    font-family:sans-serif;
    font-size:9pt;
}

/*
    classes for scrolling notes
*/

.noteGridCell {
    position:relative;
    float:left;
    font-family:sans-serif;
    font-size:12px;
    font-weight:normal;
    /*    border:1px solid #f0f0f0; */
    padding:1px 2px;
    cursor:default;
    background-color:inherit;
    min-height:15px;
    border:1px solid #f0f0f0;
    white-space:normal;     /* this keeps the white space from being inherited from parent */
    flex:0 0 auto;
}

.noteGridTextVarHeight {
    padding-top:2px;
}

.noteDetailRow {
    background-color:#ffffe0;
    overflow-y:hidden;
    display:-ms-flex;
    display:-webkit-flex;
    display:flex;
}

.lightRedCell {
    background-color:#ffc7ce !important;
}

@-o-viewport {
  width:device-width;
}

@-ms-viewport {
  width:device-width;
}

@viewport {
  zoom:1;
}

.productContextMenu {
  display:none;
  position:absolute;
  z-index:10;
}

.productContextMenu--active {
  display:block;
}

.leftPointingTriangle {
    width: 0;
    height: 0;
    border-top: 6px solid transparent; /* top half */
    border-bottom: 6px solid transparent;  /* bottom half */
    border-right: 8px solid #C3C3C3; /* Color of the triangle and width */
    position:relative;
    top:2px;
}

.rightPointingTriangle {
    width: 0;
    height: 0;
    border-top: 6px solid transparent; /* top half */
    border-bottom: 6px solid transparent; /* bottom half */
    border-left: 8px solid #C3C3C3; /* Color of the triangle and width */
    position:relative;
    top:2px;
}

.downPointingTriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px; /* height then half-width */
    border-color: #C3C3C3 transparent transparent transparent;
    position:relative;
    top:5px;
    left:2px;
}

.upPointingTriangle {
    width: 0;
    height: 0;
    border-left: 6px solid transparent; /* left half*/
    border-right: 6px solid transparent; /* right half */
    border-bottom: 8px solid #C3C3C3; /* height */
    position:relative;
    top:5px;
    left:2px;
}

.labelBlock {
    display:inline-block;
    padding:2px 0 0;
    margin:3px;
    position:relative;
}