body {
    margin: 0;
    padding: 0;
    font-family: Geneva,Verdana,Lucida Sans,Lucida Sans Unicode,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;

    /* This is here because it works in conjunction with .extendFull (cheating to give header and footer at full length) */
    overflow-x: hidden;
}

/* Dropdown list for Nav buttons - Nicholas Manios */
a.menuItemProgram {
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;
    overflow: hidden;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    color: #000000;
}
a.menuItemProgramSelected {
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;
    overflow: hidden;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    color: #FFFFFF;
}
.menuItemProgramDiv:hover a.menuItemProgram {
    color: #FFFFFF;
    background-color: #949CA1;
}

.menuItemProgramDiv {
    margin-right: 10px;
    margin-left: 10px;
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    /*color: #000000;*/
    background-color: rgba(255, 255, 255, 0.25);
}
.menuItemProgramDiv:hover {
    /*color: #FFFFFF;*/
    background-color: #949CA1;
}
.menuItemProgramSelectedDiv {
    margin-right: 10px;
    margin-left: 10px;
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    /*color: #FFFFFF;*/
    background-color: #949CA1;
}

a.menuItemAdmin {
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;
    overflow: hidden;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    color: #000000;
}
a.menuItemAdminSelected {
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;
    overflow: hidden;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    color: #FFFFFF;
}
.menuItemAdminDiv:hover a.menuItemAdmin {
    color: #FFFFFF;
    background-color: #000000;
}

.menuItemAdminDiv {
    margin-right: 10px;
    margin-left: 10px;
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    /*color: #000000;*/
    background-color: rgba(255, 255, 255, 0.25);
}
.menuItemAdminDiv:hover {
    /*color: #FFFFFF;*/
    background-color: #000000;
}
.menuItemAdminSelectedDiv {
    margin-right: 10px;
    margin-left: 10px;
    width: 160px;
    display: inline-block;
    line-height: 60px;
    font-size: 22px;
    text-align: center;

    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    height: 66px;

    /*color: #FFFFFF;*/
    background-color: #000000;
}

.MenuOrder1 {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 16px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.MenuOrder2 {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 16px;
    line-height: 14px;
}

.BatteryLookupMenuEN {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 14px;
    line-height: 17px;
}
.BatteryLookupMenuFR {    
    font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 9px;
    line-height: 11px;
}

.dropdown-program-content {
    display: none;
    margin-top: -23px;
    position: absolute;
    left: 0;

    /*background-color: #949CA1;*/
    background-color: rgba(148, 156, 161, .95);

    width: 1100px;
    height: 130px;
    padding-top: 16px;
    padding-bottom: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
}

.dropdown-admin-content {
    display: none;
    margin-top: -23px;
    position: absolute;
    left: 0;

    /*background-color: #000000;*/
    background-color: rgba(0, 0, 0, .95);

    width: 1100px;
    height: 190px;
    padding-top: 16px;
    padding-bottom: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
}

.dropdown-content .linkDiv {
    display: inline-block;
    /*margin: 5px;*/
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 18px;
    color: white;
    text-align: left;
    padding-left: 12px;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
    width: 300px;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.25);
}
.dropdown-content .linkDiv:hover {
    background-color: rgba(255, 255, 255, 255);
    color: darkgray;
}

.dropbtn:hover .dropdown-content {
    display: block;
}

.dropdown-program-content .linkDiv {
    display: inline-block;
    margin: 5px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 18px;
    color: white;
    text-align: left;
    padding-left: 12px;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
    width: 300px;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.25);
}
.dropdown-program-content .linkDiv:hover {
    background-color: rgba(255, 255, 255, 255);
    color: darkgray;
}

.dropbtn:hover .dropdown-program-content {
    display: block;
}

.dropdown-admin-content .linkDiv {
    display: inline-block;
    margin: 5px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 18px;
    color: white;
    text-align: left;
    padding-left: 12px;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
    width: 300px;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.25);
}
.dropdown-admin-content .linkDiv:hover {
    background-color: rgba(255, 255, 255, 255);
    color: darkgray;
}

.dropbtn:hover .dropdown-admin-content {
    display: block;
}
/* END - Dropdown list for Nav buttons - Nicholas Manios */

.extendFull {
    padding-left: 3000px;
	margin-left: -3000px;

    padding-right: 3000px;
	margin-right: -3000px;
}

#maincontainer {
    position: relative;
    margin: 0 auto;
    width: 1100px;
}

#topsection {
    width: 100%;
}

.navButtons-container {
    position: relative;
    margin: 0 auto;
    width: 1100px;
}

.navButtons {
    position: absolute;
    right: 0;
}

.navButtonsDisabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.85;
}

#contentwrapper {
    /*float: left;
    width: 1100px;*/
}

#contentcolumn {
    /*NIK (2015-01-20): left margin too big. shrinking from 450px to 230px*/
    /*margin: 0 200px 0 230px;*/
    /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
    /*margin: 0 200px 0 450px;*/
}

#leftcolumn {
    /*float: left;
    width: 230px; /*Width of left column
    margin-left: -100%;*/
}

#rightcolumn {
    /*float: left;
    width: 200px; /*Width of right column
    margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
}

#page_position_content {
    margin-top: -1px;
    width: 0.01px;
}

.position_content, .excludeFromNormalFlow /* used when child content is larger than parent */ {
    float: left;
}

/* Page Layout and Proper Spacing - Nicholas Manios*/
.navbar-inverse {
    background-color: transparent;
}

.grey-background {
    background-color: transparent;
    background: transparent linear-gradient(to right, #DCDCDC, #C8C8C8 100%);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    border-style: none;
    border-color: transparent;
    background-size: 100% auto !important;
    height: 169px;

    /*margin-left: -200%;
    width: 400%;*/
}

.headerImage {
    position: absolute;
    top: 0px;
}

.menuButtons {
    position: absolute;
    top: 140px;

    width: 100%;

    text-align: left;
    padding-left: 325px;
}

.footerFirstDiv {
    min-height: 50px;
}

#footer {
    /*clear: left;*/
    min-height: 330px;
    background-image: url('../Assets/SharedImages/whiteBg1x50.png');
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat-x;
    border-style: none;
    border-color: transparent;
    background-color: rgba(165, 165, 165, 0.15);

    /*margin-left: -200%;
    width: 400%;*/
}

.footerImage {
    position: absolute;
    /*left: 230px;*/
    left: 0px;
    float: left;
}

.footerEastPennImage {
    position: absolute;
    /*left: 620px;*/
    left: 390px;
    float: left;
    width: 390px;
}

.footer-container {
    position: absolute;
    /*left: 770px;*/
    left: 540px;
    float: left;
}

.footerContent {
    margin-top: 20px;
}


.servicingBranch {
    line-height: 22px;
    color: #1F1F1F;
    font-family: Geneva,Verdana,Lucida Sans,Lucida Sans Unicode,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
}
.PendingOrdersText {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size: 18px;
    padding: 4px;
    margin: 0px;
    font-weight: 500;
    line-height: 1.1;
}
/* END - Page Layout and Proper Spacing - Nicholas Manios*/

/*##############################################################################*/
.paragraph1518 {
    color: #000;
    font-family: Geneva,Verdana,Lucida Sans,Lucida Sans Unicode,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
}

.paragraph1518b {
    color: #000;
    font-family: Geneva,Verdana,Lucida Sans,Lucida Sans Unicode,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
}


.paragraph-Small {
    color: #1F1F1F;
    font-family: Geneva,Verdana,Lucida Sans,Lucida Sans Unicode,sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
}

.paragraph-1619 {
    color: #1F1F1F;
    font-family: Geneva,Verdana,Lucida Sans,Lucida Sans Unicode,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
}

.copyRights {
    color: #000;
    font-family: Geneva,Verdana,Lucida Sans,Lucida Sans Unicode,sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
}


/* ####### responsive layout CSS ####### */

/*@media (max-width: 1000px) { /* 1st level responsive layout break point- drop right column down

    #leftcolumn {
        margin-left: -100%;
    }

    #rightcolumn {
        float: none;
        width: 100%;
        margin-left: 0;
        clear: both;
    }

    #contentcolumn {
        margin-right: 0; /*Set margin to LeftColumnWidth
    }
}

@media (max-width: 600px) { /* 2nd level responsive layout break point- drop left column down 
    #leftcolumn {
        float: none;
        width: 100%;
        clear: both;
        margin-left: 0;
    }

    #contentcolumn {
        margin-left: 0;
    }
}*/

/* Generic Tags - Nicholas Manios*/
/* KIBUM20160525 : Do not set p tag. This inteferes static pages. */
/*p {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    padding: 0px;
    margin: 0px;
}*/

h1 {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 28px;
    padding: 0px;
    margin: 0px;
}

h2 {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 26px;
    padding: 0px;
    margin: 0px;
}

h3 {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 24px;
    padding: 0px;
    margin: 0px;
}

h4 {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 22px;
    padding: 0px;
    margin: 0px;
}

h5 {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}

.requiredField {
    color: #C72026;
    font-weight: bold;
}

.requiredFieldOrder {
    text-align: right;
    vertical-align: middle;
    color: #C72026;
}

.requiredField-normal {
    color: #C72026;
    font-weight: normal;
}

/* END - Generic Tags - Nicholas Manios*/

/* Grid Styles - Nicholas Manios*/
.grid {
    width: 1100px;
    border-collapse: collapse;
    font-size: 13px;
}
.grid1200 {
    width: 1200px;
    border-collapse: collapse;
    font-size: 13px;
}

#pageRow td {
    background-color: darkgray;
}

#pageRowData {
    text-align: right;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
    padding-right: 10px;
}

Form {
    display: inline;
}

#pageSizeTextBox {
    width: 30px;
}

#headerRow {
    background-color: #5B5B5B;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    justify-content: center;
    color: white;
    height: 55px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
}

th {
    text-align: center;
    font-weight: normal;
}

tr {
    padding: 10px;
    background-color: #FFFFFF;
    height: 40px;
}

td {
    table-layout: fixed;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    border: 0px;
}

.display-mode {
    table-layout: fixed;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.newRow {
    background-color: darkgray;
}

.lastColumn {
    width: 90px;
}

.gridUpdateButton {
    border: none;
    display: inline;
    cursor: pointer;
    margin: 1px 0px 1px 0px;
    padding: 0px;
    height: 32px;
    width: 32px;
    background-image: url(/assets/SharedImages/admin-update.png);
}

.gridUpdateButton:hover {
    background-image: url(/assets/SharedImages/admin-update-hover.png);
}

.gridEditButton {
    border: none;
    display: inline;
    cursor: pointer;
    margin: 1px 0px 1px 0px;
    padding: 0px;
    height: 32px;
    width: 32px;
    background-image: url(/assets/SharedImages/admin-edit.png);
}

.gridEditButton:hover {
    background-image: url(/assets/SharedImages/admin-edit-hover.png);
}

.gridEditText {
    border: none;
    display: inline;
    cursor: pointer;
    margin: 0px 0px 1px 0px;
    padding: 0px;
    line-height: 24px;
    height: 42px;
    width: 70px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 15px;
    background-image: none;
    background-color: #FFFFFF;
}

.gridEditText:hover {
    background-color: #E9B813;
}

.gridDeleteButton {
    border: none;
    display: inline;
    cursor: pointer;
    margin: 1px 0px 1px 0px;
    padding: 0px;
    height: 32px;
    width: 32px;
    background-image: url(/assets/SharedImages/admin-delete.png);
}

.gridDeleteButton:hover {
    background-image: url(/assets/SharedImages/admin-delete-hover.png);
}

.gridDeleteText, .confirmDeleteOrderButton {
    border: none;
    display: inline;
    cursor: pointer;
    margin: 0px 0px 1px 0px;
    padding: 0px;
    line-height: 24px;
    height: 42px;
    width: 70px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 15px;
    background-image: none;
    background-color: #FFFFFF;
    color: #1A3CBD;
}

.gridDeleteText:hover, .confirmDeleteOrderButton:hover {
    color: white;
    background-color: red;
}

.gridCancelButton {
    border: none;
    display: inline;
    cursor: pointer;
    margin: 1px 0px 1px 0px;
    padding: 0px;
    height: 32px;
    width: 32px;
    background-image: url(/assets/SharedImages/admin-cancel.png);
}

a.detailsButton {
    text-decoration: none;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:14px;
}

a.detailsButtonSmall {
    text-decoration: none;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

a.gridButton {
    text-decoration: none;
}

.gridDetailsButton {
    display: inline-block;
    width: 64px;
    height: 32px;
    text-decoration: none;
    text-align: center;
    color: #000000;
    line-height: 25px;
    padding-left: 5px;
    padding: 5px;
}

.gridDetailsButton:hover {
    text-decoration: none;
    background-color:  #E9B813;
}

.gridDetailsButtonSmall {
    display: inline-block;
    width: 64px;
    height: 22px;
    text-decoration: none;
    text-align: center;
    color: #000000;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
}

.gridDetailsButtonSmall:hover {
    text-decoration: none;
    background-color:  #E9B813;
}

.gridCancelButton:hover {
    background-image: url(/assets/SharedImages/admin-cancel-hover.png);
}

.gridAdminFont {
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;    
}

.gridAdminFontGrayed {
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
    color: gray;
}

#quantitySelector {
    margin: 1px;
    padding: 1px;
    font-family: Trebuchet MS;
	font-size: 15px;
}

.digitUnits {
    text-align: center;
}
/* END - Grid Styles - Nicholas Manios*/

/* Admin Page Filter Dropdowns - Nicholas Manios*/
.customerPicker {
    width: 300px;
    margin: 10px 0px 10px 0px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.regionPicker {
    width: 300px;
    margin: 10px 0px 10px 0px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.districtPicker {
    width: 300px;
    margin: 10px 0px 10px 0px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.newCustomerPicker {
    width: 140px;
    margin: 10px 0px 10px 0px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.newDealerPicker {
    width: 140px;
    margin: 10px 0px 10px 0px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.newDistrictPicker {
    width: 140px;
    margin: 10px 0px 10px 0px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.newRegionPicker {
    width: 140px;
    margin: 10px 0px 10px 0px;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.checkBox {
    margin: 3px;
    width: 100%;
}

.editBox {
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.comboBox {
    padding: 0px;
    margin: 0px;
}

.userCheckBox {
    margin: 0px 0px 0px 8px;
}

.userEditBox {
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.userComboBox {
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size: 13px;
}
/* END - Admin Page Filter Dropdowns - Nicholas Manios*/

/* Report/Program/Admin Landing Page Links - Nicholas Manios*/
.linkContainer {
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 1100px;
    width: 1100px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.linkDiv {
    display: inline-block;
    margin: 5px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 23px;
    color: white;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
    width: 31.8%;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.25);
}

.linkDiv:hover {
    background-color: rgba(255, 255, 255, 255);
    color: darkgray;
}

.linkContainerMain, .linkContainerMainBMSADMIN {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 50px;
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: 1000px;
    width: 1000px;
    height: 225px;
}

.linkContainerMainBMSADMIN {
    background-repeat: repeat;
    height: 285px;
}

.linkDivMain1, .linkDivMain2 {
    display: inline-block;
    margin-top: 38px;
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom: 0px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 23px;
    color: white;
    text-align: center;
    text-decoration: none;
    line-height: 60px;
    height: 60px;
    width: 308px;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.25);
}

.linkDivMain2 {
    margin-top: 15px;
}

.linkDivMain1:hover, .linkDivMain2:hover {
    background-color: rgba(255, 255, 255, 255);
    color: darkgray;
}

.linkDivMainFrench {
    font-size: 20px;
}

.landingPageTitleContainer {
    width: 560px;
    min-height: 46px;
    background-color: transparent;
    top: auto;
    padding-top: 20px;
    position: relative;
    margin-left: 50px;
}

.H1 {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 28px;
    line-height: 19px;
}

.paragraph, .paragraph13, .paragraph14 {
    color: #1F1F1F;
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 15px;
}

.paragraphText, .paragraphText14 {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 16px;
}

.paragraph14 {
    font-size: 14px;
    padding-top: 1px;
}

.paragraphText14 {
    font-size: 14px;
}

.paragraph13 {
    font-size: 13px;
    padding-top: 1px;
}

.paragraphText13 {
    font-size: 13px;
}

.spacer {
    width: 0.01px;
    margin-left: 394px;
    margin-top: 182px;
}
/* END - Report/Program/Admin Landing Page Links - Nicholas Manios*/

/* Order Detail Modal Popup Table - Nicholas Manios*/
.orderDetailsTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 17px;
}

.orderDetailsTable .orderHeader {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    color: #000000;
    font-size: 15px;
    text-align: center;
    line-height: 17px;
}

.orderDetailsTable .orderInfo {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 15px;
    line-height: 17px;
}

.orderDetailsTable .grandTotal {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    line-height: 17px;
}

.billToShipTo {
    vertical-align: top;
}

#excelButtonDiv {
    display: block;

    margin: 7px -6px 1px 1px;
    padding: 0px;

    width: 72px;
    height: 40px;

    background-image: url(/assets/SharedImages/excel-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#excelButtonDiv:hover {
    background-image: url(/assets/SharedImages/excel-icon-hover.png);
}

.excelButtonHeader {
    float: right;
    padding-right: 20px;
    width: 140px;
}

.ExportToExcelImg
{
    padding-left:8px;
    padding-right:15px;
    float: right;
}

.orderDetail {
    font-size: 11px;
}

.money, .digit {
    text-align: right;
    width: 75px;
}

.total {
    /*background-color: #D3D3D3;*/
    background-color: lightgrey;
}

.grandTotal {
    background-color: #E9B813;
}

@media screen {
    #printSection {
        display: none;
    }
}

/* Settings to print the Order Details Modal Window*/
@media print {
    body * {
        visibility: hidden;
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .orderDetailsTable {
        font-size: 18px;
    }

    .orderHeader {
        font-size: 20px;
        border-bottom: 1px solid black;
    }

    .customerInfoHeader {
        border-right: 1px solid black;
    }

    .customerInfo {
        border-right: 1px solid black;
    }

    .orderInfo {
        font-size: 16px;
    }

    .billToShipTo {
        vertical-align: top;
        height: 50px;
    }

    .orderDetail {
        line-height: 16px;
        font-size: 16px;
    }

    .total {
        border-top: 2px double black;
    }
}
/* END - Order Detail Modal Popup Table - Nicholas Manios*/

/* Order Page - Nicholas Manios*/
.orderHeaderContainer {
    width: 1000px;
    height: 250px;
    background-color: lightgray;
    border: 1px solid black;
    margin-top: 20px;
    margin-left: 50px;
    background-color: #E4E4E4;
}

.reviewOrderHeaderContainer {
    width: 1000px;
    height: 200px;
    background-color: #E9B813;
    border: 1px solid black;
    margin-top: 20px;
    margin-left: 50px;
}

.orderBillToDiv {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    padding: 5px;
    text-overflow: ellipsis;
}

.orderBillToText {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    min-height: 70px;
    max-height: 70px;
    padding: 5px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
}

.orderBillToAddress {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 14px;
    line-height: 14px;
    padding-left: 5px;
}

.orderTextBoxDiv {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 120px;
    padding: 5px;
    margin-top: 10px;
}

.orderTextBox {
    width: 125px;
}

.orderTextAreaDiv {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    height: 140px;
    padding: 5px;
    background-color: white;
    border: 1px solid #A5A5A5;
    border-top: none;
}

.orderTextArea {
    min-height: 80px;
    min-width: 250px;
    max-height: 80px;
    max-width: 250px;
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 11px;
    font-weight: normal;
    border: none;
}

.orderPO {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 14px;
    margin-bottom: 0px;
}

.orderDateRequired {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 12px;
}

#orderBookingOrderEN {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

#orderBookingOrderFR {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

#bookingOrderDiv {
    margin-top: 8px;
    width: 160px;
}

.orderShippingInstr {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    margin: 0px;
}

.orderMessageDiv {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    padding: 2px;
}

.orderMessage {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    width: 220px;
}

.orderMessage-small {
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 11px !important;
    font-weight: normal;
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    width: auto !important;
}

.orderMidContainer {
    width: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
}

.orderOrganizedList {
    margin-top: 15px;
    display: inline-block;
    width: 415px;
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 12px;
}

.orderOrganizedList li {
    font-weight: bold;
    color: #7F7F7F;
}

.orderOrganizedListReviewOrder {
    margin-top: 15px;
    display: inline-block;
    width: 600px;
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 12px;
}

.orderOrganizedListReviewOrder li {
    font-weight: bold;
    color: #7F7F7F;
}

.orderLookupMessage {
    margin-top: 10px;
    display: inline-block;
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 12px;
    width: 560px;
    text-align: justify;
    padding-left: 10px;
    color: #7F7F7F;
}

.orderGrid {
    width: 1100px;
    max-width: none;
}

.orderCheckbox {
    display: inline-block;
    margin-right: 2px;
}

.orderNumber {
    width: 50px;
    border: 1px solid grey;
}

.placeOrderContainer {
    width: 1000px;
    background-color: #E9B813;
    border: 1px solid black;
    margin-top: 20px;
    margin-left: 50px;
}

.placeOrderChild{
    border: 1px solid black;
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    width: 430px;
    margin: 20px;
}

a.placeOrderChildButton{
    text-decoration: none;
}

.placeOrderChildButtonDiv{
    background-color: #69A928;
    padding: 10px;
    color: #FFFFFF;
}

.placeOrderChildButtonDiv:hover{
    background-color: #FFFFFF;
    color: #69A928;
}

.orderPageMessage1{
    width: 500px;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 15px;
    font-family: Geneva, Verdana, Lucida Sans, Lucida Sans Unicode, sans-serif;
    font-size: 13px;
    color: #1F1F1F;
}
/* END - Order Page - Nicholas Manios*/

/* Buttons */
.button, .buttonReview {
    width: 200px;
    height: 50px;
    vertical-align: top;
    display: inline-block;
    line-height: 18px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;

    border: none;
    cursor: pointer;
    padding: 5px;

    color: black;
    background-color: lightgray;
}

.buttonModify {
    width: 180px;
    height: 47px;
    display: inline;
    vertical-align: top;
    float: left;
    line-height: 14px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 17px;
    padding: 5px;
    margin-top: 0px;
    margin-left: 120px;
    
    text-align: center;
    border: none;
    cursor: pointer;

    color: black;
    background-color: white;
}

.buttonModify:hover {
    color: white;
    background-color: #C72026;
}
.button:disabled {
    cursor: default;
    color: darkgray;
    background-color: lightgray;
}
.button:disabled:hover {
    cursor: default;
    color: darkgray;
    background-color: lightgray;
}
.button:hover {
    color: #FFFFFF;
    background-color: black;
}
.buttonReview:disabled {
    cursor: default;
    color: darkgray;
    background-color: lightgray;
}
.buttonReview:disabled:hover {
    cursor: pointer;
    color: #FFFFFF;
    background-color: black;
}
.buttonReview:hover {
    color: #FFFFFF;
    background-color: black;
}

.buttonSelected {
    width: 200px;
    height: 50px;
    vertical-align: top;
    display: inline-block;
    line-height: 18px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;

    border: none;
    cursor: default;
    padding: 5px;

    color: black;
    background-color: #E9B813;
}

.indentedSelectBatteries {
    text-indent: -20px;
}
.indentedReviewOrder {
    text-indent: 2px;
}
.indentedPlaceOrder {
    text-indent: -30px;
}

.buttonConfirmDiv {
    text-align: center;
    width: 350px;
    height: 38px;
}

.buttonConfirm {
    width: 90px;
    height: 36px;
}

/* END - Buttons */

/* START - Order page */
.ItemNumHeader
{
    padding-left:15px;
    font-size: 15px;
    width: 160px;
    font-weight: normal;
}

.GroupSizeHeader
{
	z-index: 83;
	width: 70px;
	min-height: 37px;
	line-height: 18px;
	font-size: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	margin-right: -10000px;
	margin-top: 11px;
}

.CCAHeader
{
	z-index: 83;
	width: 70px;
	min-height: 37px;
	line-height: 18px;
	font-size: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	margin-right: -10000px;
	margin-top: 11px;
}

.RCHeader
{
	z-index: 83;
	width: 70px;
	min-height: 37px;
	line-height: 18px;
	font-size: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	margin-right: -10000px;
	margin-top: 11px;
}

.PriceHeader
{
	z-index: 83;
	width: 80px;
	min-height: 37px;
	line-height: 18px;
	font-size: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	margin-right: -10000px;
	margin-top: 11px;
}

.QTYHeader
{
	z-index: 83;
	width: 100px;
    padding-right: 10px;
	min-height: 37px;
	line-height: 18px;
	font-size: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	margin-right: -10000px;
	margin-top: 11px;
}

.orderTD {
    font-family: Trebuchet MS;
	font-size: 15px;
	text-align: center;
    color: black;
}
.orderTDBold {
    font-family: Trebuchet MS;
	font-size: 15px;
    font-weight: bold;
	text-align: center;
    color: black;
}
/* END - Order page */

.mDialog .bms-dialog-move-button {
    position: absolute;
    width: 17px;
    height: 18px;
    cursor: move;
    left: 0.3em;
    margin-top: .1em;
    margin-right: .5em;
}

/* START - Battery Lookup */
.orderBatteryLookupContainer {
    /*margin-bottom: 20px;*/
}

.BatteryLookupDetails {
    font-family: Trebuchet MS;
	font-size: 15px;
    display: inline-block;
}

.BatteryLookupButtonHeader {
    padding: 0px;
    width: 230px;
}

.orderGridFiller {
    width: 280px;
}

.orderBatteryLookupButton {
    width: 230px;
    height: 55px;
    display: inline;
    float: left;
    vertical-align: top;
    line-height: 14px;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 16px;
    padding: 5px;
    margin-top: 0px;

    text-align: center;
    border: none;
    cursor: pointer;
    color: white;
    background-color: darkgray;
    border-color: darkgray;
}

.orderBatteryLookupButton:hover {
    color: #FFFFFF;
    background-color: black;
}

.blankHeight15 {
    height: 15px;
}

.carMake {
    text-align: right;
    width: 135px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.carYear {
    font-weight: bold;
    width: 85px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.carCustomerPartCode {
    width: 140px;
    padding-right: 10px;
    padding-bottom: 10px;
}

/* END - Battery Lookup */

.ui-widget, .ui-dialog, .ui-widget-content, .ui-dialog-content, .ui-dialog-title {
    font-family: Trebuchet MS;
	font-size: 15px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS;
	font-size: 15px;
}

/* ########################### Grid Section START     ############################ */

.NowrapValue {
    white-space: nowrap;
}

.HeaderColumnStyle
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    font-weight: normal;
    vertical-align:middle;
    text-align:center;
}
.HeaderColumnStyleReduced
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    font-weight: normal;
    vertical-align:middle;
    text-align:center;
    color:#FFFFFF;
}

.HeaderColumnLeftAligned
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    font-weight: normal;
    vertical-align:middle;
    text-align:left;
}
.HeaderColumnLeftAlignedReduced
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    font-weight: normal;
    vertical-align:middle;
    text-align:left;
}
.HeaderColumnLeftWideStyle
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:14px;
    font-weight: normal;
    vertical-align:middle;
    text-align:left;
    width:100px;
    padding-bottom:5px;
}

.RowItemLeftStyle
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    vertical-align:middle;
    text-align:left;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}
.RowItemLeftStyleReduced
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    vertical-align:middle;
    text-align:left;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}
.RowItemLeftWide
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    vertical-align:middle;
    text-align:left;
    width:90px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
    
}
.RowItemLeftStyleLong
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    vertical-align:middle;
    text-align:left;
    width:220px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}

.RowItemLeftStyleLongReduced
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    vertical-align:middle;
    text-align:left;
    width:220px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}

.RowItemCenterStyle
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    vertical-align:middle;
    text-align:center;
    width:70px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}
.RowItemCenterStyleReduced
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    vertical-align:middle;
    text-align:center;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}

.RowItemRightStyle
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    vertical-align:middle;
    text-align:right;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}
.RowItemRightStyleReduced
{
    padding-left:10px;
    padding-right:10px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    vertical-align:middle;
    text-align:right;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}
.RowItemLeftNoRecordFound
{
    padding-left:30px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:20px;
    vertical-align:middle;
    text-align:left;
    width:60px;
    color:#FF0000;
    padding-bottom:9px;
    padding-top:9px;
    font-weight:bold;
    
}
.FooterItemStyleRight
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    vertical-align:middle;
    text-align:right;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
    font-weight:bold;
    background:#E9B813;
}
.FooterItemStyleCentered
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:15px;
    vertical-align:middle;
    text-align:center;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
    font-weight:bold;
    background:#E9B813;
}
.FooterItemStyleCenteredReduced
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    vertical-align:middle;
    text-align:center;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
    font-weight:bold;
    background:#E9B813;
}

.FooterItemStyleRightReduced
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:12px;
    vertical-align:middle;
    text-align:right;
    width:60px;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
    font-weight:bold;
}

.LinkRowItemStyle
{
    padding-left:6px;
    padding-right:6px;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    font-size:14px;
    vertical-align:middle;
    text-align:left;
    width:60px;
    font-weight:bold;
    color:#000000;
    padding-bottom:4px;
    padding-top:0px;
}

.DetailsBTN 
{
    padding-left:15px;
    height: 30px;
    width: 20px;
}

.DetailsBTNSmall
{
    padding-left:15px;
    height: 16px;
    width: 20px;
}

.lnkDetail   
{
    z-index:400;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
    padding-left:10px;
    padding-right:10px;
    vertical-align:middle;
    text-align:left;
    font-size:15px;
}

.lnkDetail:hover  
{
	font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;
	background-color: #E9B813;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px; 
	vertical-align:middle;
    text-align:left;
	font-size:15px;
}

.ExportToExcelButton
{
	width:65px;
    padding-left:0px;  
    padding-right:5px;
    height: 35px;
    vertical-align:middle;
    text-align:right;
    font-family:Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;    
}

.GridFooter
{
	width: 1100px;
	border-style: none;
	border-color: #E9B813;
	background-color: #E9B813;
	position: relative;
	margin-right: -10000px;
	height: 53px;
}

/* ########################### Grid Section END       ############################ */

#reportDateFrom:hover
{
	background-color: #C8C8C8;
	min-height: 0px;
	margin: 0px;
}
#reportDateTo:hover
{
	background-color: #C8C8C8;
	min-height: 0px;
	margin: 0px;
}

.nowrapColumn {
    white-space: nowrap;
}

.emptyWhiteColumn {
    background-color: white;
    padding: 0px;
    width: 1px;
}

.reportEmptyFooter {
    height: 80px;
}

.adminEmptyFooter {
    height: 100px;
}

/* Open Orders Report*/
.openOrder100 {
    width: 125px;
}
.openOrder105 {
    width: 115px;
}
.openOrder105FR {
    width: 170px;
}
.openOrder110 {
    width: 95px;
}
.openOrder115 {
    width: 95px;
}
.openOrder115FR {
    width: 120px;
}

.openOrder200 {
    width: 75px;
}
.openOrder205 {
    width: 230px;
}
.openOrder210 {
    width: 85px;
}
.openOrder215 {
    width: 65px;
}
.openOrder220 {
    width: 20px;
}

.openOrder300 {
    width: 200px;
}
.openOrder305 {
    width: 50px;
}
.openOrder310 {
    width: 55px;
}
.openOrder315 {
    width: 75px;
}
.openOrder320 {
    width: 10px;
}
.openOrder325 {
    width: 60px;
}

.openDet100 {
    width: 140px;
}
.openDet105 {
    width: 80px;
}
.openDet110 {
    width: 70px;
}
.openDet115 {
    width: 75px;
}

.openDet200 {
    width: 600px;
}
.openDet205 {
    position: absolute;
    left: 630px;
    top: 10px;
}
.openDet210 {
    width: 320px;
    height: 260px;
}
.openDet215 {
    width: 320px;
    border: solid 1px;
    vertical-align: top;
    padding: 10px;
}
.openDet220 {
    width: 320px;
    height: 260px;
}
.openDet225 {
    color: #4f6b72;
    width: 80px;
    font-size: 14px;
    font-weight: bold;
    vertical-align:top;
}
.openDet230 {
    color: #4f6b72;
    width: 200px;
    font-size: 14px;
    vertical-align:top;
}

.his100 {    
    width: 70px;
}
.his105 {
    width: 75px;
}
.his110 {    
    width: 80px;
}
.his110FR {    
    width: 120px;
}
.his115 {    
    width: 85px;
}
.his120 {
    width: 110px;
}
.his120FR {
    width: 170px;
}
.his125 {
    width: 110px;
}
.his130 {
    width: 80px;
}

.his200 {    
    width: 60px;
}
.his205 {    
    width: 220px;
}
.his210 {    
    width: 73px;
}
.his215 {    
    width: 63px;
}
.his220 {    
    width: 70px;
}

.his300 {
    width: 150px;
}

.hisdet100 {
    width: 120px;
    font-size: 16px;
}
.hisdet105 {
    width: 115px;
    font-size: 16px;
}
.hisdet110 {
    width: 80px;
    font-size: 16px;
}
.hisdet200 {
    color: #4f6b72;
    width: 130px;
    font-size: 14px;
    font-weight: bold;
    vertical-align:top;
}
.hisdet205 {
    color: #4f6b72;
    width: 200px;
    font-size: 14px;
    vertical-align:top;
}

.hisdet300 {
    width: 450px;
    background-color: white;
}
.hisdet305 {
    position: absolute;
    left: 490px;
    top: 8px;
}
.hisdet310 {
    width: 350px;
    height: 260px;
}
.hisdet315 {
    width: 350px;
    border: solid 1px;
    vertical-align: top;
    padding: 10px;
}
.hisdet320 {
    width: 350px;
    height: 260px;
}
.hisdet325 {
    height: 3px;
}
.hisdet330 {
    height: 30px;
}

.hisFont {
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
}

.pa100 {
    width: 300px;
}
.pa105 {
    width: 60px;
}
.pa110 {
    width: 80px;
}
.pa115 {
    width: 50px;
}
.pa120 {
    width: 360px;
}

.pa200 {
    width: 65px;
}
.pa205 {
    width: 240px;
}
.pa210 {
    width: 120px;
}
.pa215 {
    width: 60px;
}
.pa220 {
    width: 80px;
}
.pa225 {
    width: 70px;
}

.pa300 {
    width: 170px;
}
.pa305 {
    width: 50px;
}
.pa310 {
    width: 185px;
}
.pa315 {
    width: 60px;
}
.pa320 {
    width: 70px;
}
.pa325 {
    width: 4px;
}

.padet100 {
    width: 150px;
}
.padet105 {
    width: 80px;
}
.padet110 {
    width: 95px;
}
.padet115 {
    width: 75px;
}
.padet120 {
    width: 75px;
}

.padet200 {
    width: 700px;
}
.padet205 {
    position: absolute;
    left: 730px;
    top: 40px;
}
.padet210 {
    width: 300px;
    height: 260px;
}
.padet215 {
    width: 300px;
    border: solid 1px;
    vertical-align: top;
    padding: 10px;
}
.padet220 {
    width: 300px;
    height: 260px;
}
.padet225 {
    color: #4f6b72;
    width: 80px;
    font-size: 14px;
    font-weight: bold;
    vertical-align:top;
}
.padet230 {
    color: #4f6b72;
    width: 200px;
    font-size: 14px;
    vertical-align:top;
}

.unitShipped100 {
    width: 190px;
}
.unitShipped105 {
    width: 60px;
}
.unitShipped110 {
    width: 90px;
}
.unitShipped115 {
    width: 580px;
}

.unitShipped200 {
    width: 270px;
}
.unitShipped205 {
    width: 90px;
}
.unitShipped210 {
    width: 80px;
}
.unitShipped215 {
    width: 135px;
}

.unitShipped300 {
    width: 210px;
}
.unitShipped305 {
    width: 60px;
}
.unitShipped310 {
    width: 100px;
}

.unitShippedDet100 {
    width: 140px;
}
.unitShippedDet105 {
    width: 105px;
}

.outStanding100 {
    width: 210px;
}
.outStanding105 {
    width: 100px;
}
.outStanding110 {
    width: 140px;
}

.outStanding200 {
    width: 60px;
}
.outStanding205 {
    width: 350px;
}
.outStanding210 {
    width: 80px;
}

.outStanding300 {
    width: 240px;
}
.outStanding305 {
    width: 60px;
}
.outStanding310 {
    width: 90px;
}

.outStandingDet100 {
    width: 210px;
}
.outStandingDet105 {
    width: 110px;
}
.outStandingDet110 {
    width: 90px;
}

/* ########################### Order Confirmation Email - START ############################ */

.orderConfirmEmailEN {
    height: 72px;
}

.orderConfirmEmailFR {
    height: 92px;
}

#orderEmailTitle1 {
    width: 210px;
    font-size: 20px;
    font-family: Trebuchet
}

#orderEmailTitle2EN {
    width: 210px;
    font-size: 20px;
    font-family: Trebuchet
}

#orderEmailTitle2FR {
    width: 210px;
    font-size: 16px;
    font-family: Trebuchet
}

#orderEmailAddress {
    width: 310px;
    font-size: 16px;
    font-family: Trebuchet
}

#orderEmailSend {
    width: 100px;
    height: 44px;
    font-size: 16px;
    font-family: Trebuchet
}

#orderEmailContinue {
    width: 180px;
    height: 44px;
    font-size: 16px;
    font-family: Trebuchet
}

#orderEmailSend:hover,  #orderEmailContinue:hover {
    background-color: #E9B813;
}

#orderEmailSend:disabled:hover, #orderEmailContinue:disabled:hover {
    cursor: default;
    background-color: buttonface;
}

/* ########################### Order Confirmation Email - END ############################ */