/* DEFAULTS
----------------------------------------------------------*/

body { font-size: .80em; font-family: 'Roboto', sans-serif; margin: 0px; padding: 0px; color: #302D2D; }
.body-secure { background: #ABEADF; }
.body-secure-tab { background: #D5F5EF !important; }
.body-purchasing { background: #CBD7FE; }
.body-purchasing-tab { background: #E5EBFF !important; }
.body-order-tab { background: #DDF0F7 !important; }
.body-website { background: #CCFFCC; }
.body-website-tab { background: #E6FFE6 !important; }
.body-report { background: #EAC4B0; }
.body-report-tab { background: #F5E2D8 !important; }
.dispatch-body { background: #fff; }

.bold { font-weight: bold !important; }
.darkgray { color: darkgray !important; }
.lightgrey { color: #9EA091 !important; }
.red { color: #FF3300 !important; }
.blue { color: #0000FF !important; }
.green { color: #478C47 !important; }
.black { color: #000000 !important; }
.pink { color: #FD9BDF !important; }
.orange { color: #FF9800 !important; }
.purple { color: #b231de !important; }
.white { color: #fff !important; }
.back-red { background-color: #ffcccc !important; }
.back-green { background-color: #c1ffc1 !important; }
.back-white { background-color: #fff; }
.back-red-subtle { background-color: #F3B1B1; }
.back-amber-subtle { background-color: #F3D479; }
.back-green-subtle { background-color: #76E67B; }
.date-grey-day { background-color:#ddd; }
.date-grey-month { background-color:#ccc; }
.date-grey-year { background-color:#bbb; }
.floatl { float: left !important; }
.floatr { float: right !important; }
.textr { text-align: right !important; }
.bordern { border: none !important; }
.clear { clear: both; }
.padding0 { padding: 0 !important; }
.padding2 { padding: 2px !important; }
.padding5 { padding: 5px !important; }
.padding15 { padding: 15px !important; }
.paddingt2 { padding-top: 2px !important; }
.paddingt5 { padding-top: 5px !important; }
.paddingt20 { padding-top: 20px !important; }
.paddingb20 { padding-bottom: 20px !important; }
.height160 { height: 160px !important; }
.margin0 { margin: 0 auto !important; }
.margint5 { margin-top: 5px !important; }
.marginl20 { margin-left: 20px !important; }
.paddingl5 { padding-left: 5px !important; }
.paddingl10 { padding-left: 10px !important; }
.paddingl20 { padding-left: 20px !important; }
.paddingl50 { padding-left: 50px !important; }
.paddingr2 { padding-right: 2px !important; }
.paddingr5 { padding-right: 5px !important; }
.paddingr10 { padding-right: 10px !important; }
.paddingr20 { padding-right: 20px !important; }
tr.spaceUnder>td {
  padding-bottom: 2em;
}
.font0_5 { font-size: 0.5em !important; }
.font0_8 { font-size: 0.8em !important; }
.font1 { font-size: 1em !important; }
.font1_1 { font-size: 1.1em !important; }
.font1_2 { font-size: 1.2em !important; }
.font1_3 { font-size: 1.3em !important; }
.font1_5 { font-size: 1.5em !important; }
.font1_8 { font-size: 1.8em !important; }
.font2 { font-size: 2em !important; }
.font10 { font-size: 10em !important; }
.opacity0_5 { opacity: 0.5 !important; }
.icon-link { color: #034af3; }
.nice-pad { padding: 5px 15px !important; }
.border-split { border-left: 1px solid #aaa; }
.no-underline {text-decoration:none;}
.warehouse-po { background-color: #d4c8c6; }
.warehouse-standard {background-color:#c6e8c8; }

.validation-summary {float: none; text-align: center; width: 100%; font-size: 2em; color: #FF3300}
.validation-summary ul {width: 100% !important;}
.validation-summary ul li {display:none !important;}

.completion-list {width:650px !important; border:solid 1px #555;}

select:focus{outline:none !important;}

.fixed { position: fixed; top: 50px; z-index: 99999; background: #fff; right: 0; border: 0; border-radius: 0; box-shadow: 0 5px 6px #777; }
.tabs-fixed { position: fixed; top: 66px; z-index: 99999; }
    .tabs-fixed li { height: 22px !important; float: left !important; display: list-item !important; clear: none !important; padding: 5px 10px 0 10px !important; margin: 0 5px !important; background-color: #b8be9c; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; }

table { border: 0px none #777; border-collapse: collapse; box-shadow: 0 1px 6px #999; }

a:link, a:visited { color: #034af3; transition: all 0.5s; }

a:hover { color: #fff; transition: all 0.5s; text-decoration: none; }

a:active { color: #034af3; }

p { margin-bottom: 10px; line-height: 1.6em; }

.no-link { color: #302D2D !important; text-decoration: none; }

@media print {
    .no-print, .no-print * { display: none !important; }
.divDispatchOrderSheet .THTitle { background-color: #fff !important;}
.divDispatchOrderSheet .TDFooterTitle  { background-color: #fff !important;}
.divDispatchOrderSheet .THCategory { background-color: #fff !important;}
.divDispatchOrderSheet .THHeader { background-color: #fff !important;}
.divDispatchOrderSheet .TDCustomer { background-color: #fff !important;}
.divDispatchOrderSheet .product { background-color: #fff !important;}
.divDispatchOrderSheet .TDQuantity-light { background-color: #fff !important;}
.divDispatchOrderSheet .THproduct-light { background-color: #fff !important;}
.divDispatchOrderSheet .TDFooterQuantity-light { background-color: #fff !important;}
.divDispatchOrderSheet .THFooterproduct-light { background-color: #fff !important;}
.divDispatchOrderSheet .TDQuantity-dark { background-color: #e6e6e6 !important;}
.divDispatchOrderSheet .THproduct-dark { background-color: #e6e6e6 !important;}
.divDispatchOrderNotes .THsmall { background-color: #fff !important;}
.divDispatchOrderNotes .THsmalllast { background-color: #fff !important;}
.divDispatchOrderNotes .TDsmallfirstsmall { background-color: #fff !important;}
.divDispatchOrderNotes .TDsmallwide { background-color: #fff !important;}

}

.THnormal { font-weight: normal; border: 1px solid #696969; text-align: center; }
.THdarker1 { background-color: #ACB099; }
.TDdarker1 { background-color: #AAC9CF; }
TH { border: 1px solid #696969; text-align: center; padding: 0 5px; }
.TH { border: 1px solid #696969; text-align: center; }
.textl { text-align: left !important; }
.paddingl5 { padding-left: 5px; }
.txtNewStockLevel { float: none !important; margin: 0 auto !important; width: 50px !important; height: 100% !important; }

.mce-tinymce div { padding: 0 !important; float: none !important; }
.mce-tinymce label { padding: 2px 30px; }

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px; }

h1 { font-size: 1.2em; padding-bottom: 0px; margin-bottom: 0px; }

h2 { font-size: 1.5em; font-weight: 600; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page { /* width: 960px; */ margin: 0px auto 0px auto; /*border: 1px solid #b8be9c;*/ }

.header { position: relative; margin: 0px; padding: 0px; background: #b8be9c; width: 100%; box-shadow: 0 0px 5px #000; height: 50px; z-index: 999999; }

.title h1 a:visited { color: #696969; text-decoration: none; border: none; }

.title h1 a:hover { color: #696969; text-decoration: none; border: none; }

.title a { color: #696969; text-decoration: none; border: none; }

.menu { padding: 0 50px 0 50px; display: block; float: left; text-align: left; width: auto; }
.notification-group { border: 1px solid #aaa !important; width: 195px !important; margin: 12px !important; text-align:center; float: left !important; border-radius:5px; padding:5px !important;}
.notification {display: block; float: left; }
.notification-count { position: absolute; text-align: center; width: 36px; padding-top: 4px; color: #fff; }
.notification-refresh { border-left: 1px solid #aaa; padding-left: 3px; color: #8E90DE !important; }

.ellie-notification { padding: 3px 0; margin-top: 15px; display: block; float: left; }

.trade-portal { display: block; float: left; }
.trade-portal-count { position: absolute; text-align: center; width: 36px; padding-top: 4px; color: #fff; }

.my-tasks { padding: 0 5px; margin-top: 15px; display: block; float: left; }
.my-tasks-count { position: absolute; text-align: center; width: 31px; padding-top: 4px; color: #fff; }

.header h1 { border: none; }

.main { padding: 0px 18px; margin: 0px 8px 8px 7px; min-height: 420px; }
/*.main { padding: 0 !important; margin: 0 !important;}*/

.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }

.footer { color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal; }

.print-break { page-break-after: always; clear: both; }

.width100 { width: 100% !important; }
.width60 { width: 60% !important; }
.width55 { width: 55% !important; }
.width45 { width: 45% !important; }
.width35 { width: 35% !important; }
.width30 { width: 30% !important; }

/*a { white-space: nowrap; }*/

.height100 { width: 100% !important; }

.fill-cell { width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; outline: none; }

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink { background-color: #3a4f63; width: 100%; }

div.menu { padding: 6px 0px 4px 8px; }

    div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }

    div.menu li { clear: none; height: auto; padding: 0; }

/*div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }*/

.level1 { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
    .level1.static { color: #ffffff; }
        .level1.static.highlighted { color: #000000; }
.level2 { background-color: #CAC9DA; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
    .level2.dynamic { color: #000000; }
        .level2.dynamic.highlighted { color: #ffffff; }
.level3 { background-color: #A3A3C2; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
    .level3.dynamic { color: #000000; }
        .level3.dynamic.highlighted { color: #ffffff; }



/* FORM ELEMENTS   
----------------------------------------------------------*/
.clearfloat { clear: both; border-bottom: 1px solid #3A4F63; width: 100%; }

.masterLabel { display: block; float: left; text-align: left; padding: 5px 0 0 5px; font-size: 1.5em; clear: both; text-decoration: none; color: #302D2D !important; }
.form-content { border: 1px solid #696969; width: 100%; padding: 0 !important; display: block; }
.form-content-tabs { width: 100%; padding: 0 !important; display: block; }
.divCommandButtons { font-size: 1.1em; text-align: right; float: right !important; padding: 5px 10px !important; }
.divCommandButtonsTop { font-size: 1.1em; text-align: right; float: right !important; padding: 5px 10px !important; width: auto !important; }
.divCommandButtonsTopNew { font-size: 1.1em; text-align: right; float: right !important; padding: 5px 10px !important; width: auto !important; }
.divPageTitle { font-size: 1.5em; padding-top: 10px !important; width: 100%; }
.divLinesTopLink { width: 100%; text-align: right; height: 10px; padding: 0; }
.order-lines { width: 100% !important; }

/* CLEANED UP CLASSES */

div.aspNetHidden { padding: 0; }
div.page { padding: 0; width: 100%; }
.main div { padding: 10px 0 2px 0; float: left; }

.tableDiv { width: 100% !important; }

ul { padding: 0; }
    ul.thin li { height: auto !important; }
    ul.slim li label { width:100px !important; }
li { list-style: none; padding: 0 0 1px 0; display: block; height: 25px; clear: both; }
    li.multiline { height: 80px; }
    li.multiline5 { height: 100px; display: block; }
    li.double { height: 40px; }
    li.onehalf { height: 35px; }
    li.thin { height: 15px; }

    li.title-label { padding-left: 20px; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
    li.list-item { width: 170px; padding-left: 20px; text-align: right; }
    li.hidden { display: none; height: 0; }
    li.clearli { clear: both; }
    li.actions { border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }
        li.actions a { padding-top: 2px; padding-right: 5px; display: block; float: left; }
    li.li-customer-details { height: 180px; }
    li.li-customer-warnings { height: 180px; }
    li.li-auto { height: auto !important; }
    li.li-table { padding-left: 20px; height:auto; }

label { display: block; float: left; width: 170px; text-align: right; padding: 2px 10px 0 0; }
label-wide { display: block; float: left; width: 170px; text-align: right; padding: 2px 10px 0 0; }
a.labelhyp { display: block; float: left; width: 170px; text-align: right; padding: 2px 10px 0 0; text-decoration: underline; }
    a.labelhyp:hover { text-decoration: none; }
a.lnkbtn { padding-top: 2px; }

.message-label { display: block; padding-top: 2px; }

.divStock a.labelhypnolink, .divLandedPrices a.labelhypnolink { color: #302D2D; display: block; float: left; text-align: right; padding: 2px 10px 0 0; text-decoration: none; }
    .divStock a.labelhypnolink:hover, .divLandedPrices a.labelhypnolink:hover { color: #302D2D; }

input[type=text] { display: block; float: left; width: 200px; text-align: left; }
input[type=select] { display: block; width: 200px; text-align: left; }
input.textEntry { width: 320px; border: 1px solid #ccc; }
input.passwordEntry { width: 320px; border: 1px solid #ccc; }
input[disabled='disabled'] { color: #000000; }

textarea { display: block; float: left; width: 200px; text-align: left; }

.ddl-fixed { width: 200px; }
.ddl-fixed-wide { width: 400px; }
.ddl-fixed-medium { width: 150px; }
.ddl-fixed-small { width: 50px; }

.table-plain { box-shadow: none !important; }
.table-row-plain { background-color: #fff !important; border: 1px solid #777 !important; }
.table-row-grey { background-color: #f7f7f7 !important; border: 1px solid #777 !important; }
.table-cell-plain { border: 1px solid #777 !important; }

.TH { border: 1px solid #696969; text-align: center; }
.THlast { border: 1px solid #696969; text-align: center; }
.THactions { border: 1px solid #696969; text-align: center; padding: 0 5px; }
.TDfirstthin { border: 1px solid #696969; padding: 5px; text-align: center; width: 50px; }
.TDthin { border: 1px solid #696969; padding: 5px; text-align: center; width: 65px; }
.TDxthin { border: 1px solid #696969; padding: 5px; text-align: center; width: 25px; }
.TDfirstmedium { border: 1px solid #696969; padding: 5px; text-align: center; width: 100px; }
.TDmedium { border: 1px solid #696969; padding: 5px; text-align: center; width: 90px; }
.TDfirstwide { border: 1px solid #696969; padding: 5px; text-align: center; width: 200px; }
.TDwide { border: 1px solid #696969; padding: 5px; text-align: center; width: 300px; }
.TDxwide { border: 1px solid #696969; padding: 5px; text-align: center; width: 500px; }
.TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 5px; text-align: center; width: 300px; }
.TDlastthin { border: 1px solid #696969; border-right: 1px solid #696969; padding: 5px; text-align: center; width: 100px; }
.TDHeader { border: 1px solid #696969; padding: 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }
.TRRange { border: 1px solid #696969; padding: 5px; text-align: left; background-color: #dddddd; }
.TRProduct { border: 1px solid #696969; padding: 5px; text-align: left; background-color: #B9CEB9; }
.TDRange { font-size: 1.5em; text-indent: 10px; }
.TRMain { border: 1px solid #696969; padding: 5px; text-align: left; background-color: #D1E4E2; }
.TDnolandedprice { text-align: center; background-color: #9FA9A8; }
.TDmoney { text-align:right; padding:5px; }
.TRMainPurple { border: 1px solid #696969; padding: 5px; text-align: left; background-color: #b7a8e9; }
.TRMainDropShip {
    border: 1px solid #696969;
    padding: 5px;
    text-align: left;
    background-color: #f5dfc9;
}

.TRMainTrade {
    border: 1px solid #696969;
    padding: 5px;
    text-align: left;
    background-color: #B9CEB9;
}

.TRMainUK {
    border: 1px solid #696969;
    padding: 5px;
    text-align: left;
    background-color: #D1E4E2;
}
.TRMainEU {
    border: 1px solid #696969;
    padding: 5px;
    text-align: left;
    background-color: #91d4ec;
}
.TRMainUS {
    border: 1px solid #696969;
    padding: 5px;
    text-align: left;
    background-color: #adebeb;
}

.divLandedPrices .TDProduct, .divPayments .TDProduct, .divStock .TDProduct { font-size: 1.2em; text-indent: 10px; }

.li-title { width: 120px; display: block; float: left; }
.title { text-decoration: underline; font-weight: bold; width: 100%; }
.list-block { width: 100%; padding: 0 0 20px 0; }
.list-block-header { float: left !important; padding: 0px 50px 0px 0px !important; }
    .list-block-header .title, .list-block .title { float: left !important; padding: 0px 50px 10px 0px !important; }

div.bdplite { padding: 0; float: left; }
div.divFormTitle { font-size: 1.5em; text-align: left; float: left; padding: 0; }

#divRecordDetails { display: none; }
.recorddetails { display: block; float: left; font-size: 1.0em; text-align: left; padding: 4px; }
.masterDivHide { display: block; float: right; text-align: right; padding: 10px 5px 0 0; color: #696969; text-decoration: none; }
.panMaster { clear: both; padding: 0; }

.money-text { width: 45px !important; padding: 0; float: right; }
.money-text-green { width: 45px !important; padding: 0; float: right; background-color: #c1ffc1; }
.money-text-red { width: 45px !important; padding: 0; float: right; background-color: #ffcccc; }
.money-text-thin { width: 30px !important; padding: 0; float: right; }
.money-text-thin-green { width: 30px !important; padding: 0; float: right; background-color: #c1ffc1; }
.money-text-thin-red { width: 30px !important; padding: 0; float: right; background-color: #ffcccc; }
.money-text-medium { width: 60px !important; padding: 0; float: right; }
.money-text-medium-green { width: 60px !important; padding: 0; float: right; background-color: #c1ffc1; }
.money-text-medium-red { width: 60px !important; padding: 0; float: right; background-color: #ffcccc; }
.money-text-wide-green { width: 90px !important; padding: 0; float: right; background-color: #c1ffc1; }
.money-text-wide-red { width: 90px !important; padding: 0; float: right; background-color: #ffcccc; }
.money-text-wide { width: 90px !important; padding: 0; float: right; }
.money-text-xwide { width: 150px !important; padding: 0; float: right; }

.text-money { width: 80px !important; text-align: right !important; padding-right: 5px; }
.text-medium { width: 60px !important; }
.text-small { width: 45px !important; }

.splittextleft { width: 50px !important; margin-right: 6px; }
.splittextright { width: 140px !important; }

.validationStar { color: Red; padding-left: 5px; font-size: 1.5em; }
.validationStarTable { color: Red; padding-left: 3px; font-size: 1.5em; float: left; }
.validationStarDropdown { color: Red; padding-left: 5px; font-weight:bold; }

#pnlStockLevels, #pnlPOStockLevels, #pnlPOProductUsedInOrdersUndispatched { clear: both; padding: 0; }
#divProductVariant { border-bottom: 1px solid #CCC; }

.sub-header { width: 100% !important; padding: 0 !important; }
.order-title { font-size: 1.5em; width: 100%; padding-left: 20px !important; }
.order-title-new { float: left !important; font-size: 1.5em; width: auto !important; padding: 0 20px !important; }
.clearfloat { clear: both; border-bottom: 1px solid #3A4F63; padding: 10px 0 2px 0; }

.country-selector-right { position: absolute; right: 0; padding: 20px 20px 5px 0 !important; }
.country-selector-left { position: absolute; left: 0; padding: 5px 0 5px 20px !important; }

.customer-detail-text { border: 1px solid #696969; background-color: #ffffff; display: block; float: left; width: 280px; height: 130px; margin: 0 10px 10px 0; padding-left: 5px; }
.customer-detail-info { border: 1px solid #696969; background-color: #ffffff; display: block; float: left; width: 280px; height: 130px; margin: 0 10px 10px 0; padding-left: 5px; overflow-y: scroll; }

#bulBankPayments { width: 250px; float: left; }

.divWebCategoryForm { width: 100%; }

.divCustomersList .li-tall { margin-top: 5px; }

.txtWide { width: 150px !important; }
.txtXWide { width: 800px !important; }
.txtSmall { width: 20px !important; }

.error-row { background-color: #FF4A46; }
.warning-row { background-color: #FF9800; }
.future-row { background-color: #DDC39D; }

.message-active-customer-row { background-color: #98b7d4; }
.message-active-lbtm-row { background-color: #8bc790; }
.message-deleted-customer-row { background-color: #73899d; color:#373737 }
.message-deleted-lbtm-row { background-color: #5c8560; color:#373737}

.img-calc { padding-top: 4px; }

.divCustomerForm ul { width: 450px; }

.divProductForm ul { width: 450px; }

.divProductForm .txtMediumPrice { text-align: right !important; width: 50px !important; }
.divProductForm .txtCustCode  { text-align: right !important; width: 80px !important; }
.divProductForm .update-arrow { text-decoration: none; }
.divProductForm #pnlIncomingStockEmpty { height: 20px; display: block; }
.divProductForm #imgProduct { border: 1px solid #CCC; }

.divOrderForm .message-label { display: block; padding-top: 2px; }
.divOrderForm .label-span { display: block; float: left; width: 130px; text-align: right; padding: 2px 10px 0 0; }

.divDispatchList .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 100px; }
.divDispatchList .TDwide { width: 150px; }
.divDispatchList .TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divDispatchList .TDlastsuperwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 450px; }

.divDispatchForm ul { float: right; }
.divDispatchForm .dispatch-content { border: 1px solid #696969; width: 100%; padding: 5px; display: block; }
.divDispatchForm .dispatch-title { font-size: 1.5em; float: left; width: 100%; }
.divDispatchForm .dispatch-note { display: block; float: left; }
.divDispatchForm .dispatch-warnings { display: block; float: left; }
.divDispatchForm .dispatch-selections { display: block; float: right; }
.divDispatchForm .dispatch-note-text { border: 1px solid #696969; background-color: #ffffff; display: block; float: left; width: 280px; height: 100px; margin: 0 10px 10px 0; padding-left: 5px; }
.divDispatchForm .dispatch-warnings-info { border: 1px solid #696969; background-color: #ffffff; display: block; float: left; width: 280px; height: 180px; margin: 0 10px 10px 0; padding-left: 5px; overflow: scroll; }
.divDispatchForm .footer-notes { display: block; float: left; }
.divDispatchForm .footer-actions { display: block; float: right; padding-right: 47px; }
.divDispatchForm .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 80px; }
.divDispatchForm .TDwide { width: 125px; }
.divDispatchForm .TDactions { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 80px; }
.divDispatchForm .TDRefresh { text-align: right; }
.divDispatchForm .label-medium { display: block; float: left; width: 75px; text-align: center; padding: 2px 4px 0 0; }
.divDispatchForm .label-thin { display: block; float: left; width: 50px; text-align: center; padding: 2px 4px 0 0; }
.divDispatchForm .ddl-product { float: left; width: 300px; }
.divDispatchForm .order-list { float: left; padding: 10px 10px 0px 0px; }
.divDispatchForm .dispatch-list { float: left; padding: 10px 10px 0px 0px; }
.divDispatchForm .trUnassigned { border-style: solid; border-width: 1px; background-color: #FFB9B9; border-top-color: #696969; border-right-color: #696969; border-bottom-color: #696969; border-left-color: #696969; }
.divDispatchForm .trOrders { background-color: #85CD78; }
.divDispatchForm .TROverdue { background-color: #FF4A46; text-align: center;}

.divDispatchOrder { width: 842px; }
    .divDispatchOrder ul { float: right; }
    .divDispatchOrder .order-header { width: 100%; padding: 5px; display: block; }
    .divDispatchOrder .order-content { width: 100%; padding: 5px; display: block; }
    .divDispatchOrder .order-image { font-size: 1.5em; float: left; }
    .divDispatchOrder .front-headers { padding-left: 12px; }
    .divDispatchOrder .dispatch-footer { text-align: center; width: 100%; clear: both; padding-top: 30px; }
    .divDispatchOrder .dispatch-footer-top { font-weight: bold; float: none; }
    .divDispatchOrder .dispatch-footer-bottom { clear: both; float: none; padding-top: 20px; }
    .divDispatchOrder .customer-details { display: block; float: left; padding-left: 20px; height: 130px; }
    .divDispatchOrder .customer-warnings { display: block; float: left; }
    .divDispatchOrder .order-selections { display: block; float: right; }
    .divDispatchOrder .order-totals { display: block; float: right; }
    .divDispatchOrder .footer-notes { display: block; }
    .divDispatchOrder .footer-totals { display: block; float: right; padding-right: 47px; }
    .divDispatchOrder .clearfloat-dispatch { clear: both; padding: 10px 0 2px 0; }
    .divDispatchOrder .TH { text-align: left; width: 680px; font-size: 1.5em; }
    .divDispatchOrder .THlast { text-align: center; width: 90px; font-size: 1.5em; }
    .divDispatchOrder .THsmall { text-align: left; width: 680px; font-size: 1.0em; }
    .divDispatchOrder .THsmalllast { text-align: center; width: 90px; font-size: 1.0em; }
    .divDispatchOrder .THDetails { text-align: left; width: 700px; font-size: 1.5em; }
    .divDispatchOrder .THQuantity { text-align: center; width: 100px; font-size: 1.5em; }
    .divDispatchOrder .THCost { text-align: center; width: 100px; font-size: 1.5em; }
    .divDispatchOrder .TDDetails { text-align: left; width: 700px; font-size: 1.5em; padding-top: 5px; text-indent: 10px; }
    .divDispatchOrder .TDQuantity { text-align: center; width: 100px; font-size: 1.5em; padding-top: 5px; }
    .divDispatchOrder .TDCost { text-align: right; width: 100px; font-size: 1.5em; padding-top: 5px; }
    .divDispatchOrder .TDfirstwide { width: 725px; }
    .divDispatchOrder .TDthin { width: 65px; }
    .divDispatchOrder .TDactions { text-align: center; width: 80px; }
    .divDispatchOrder .TDsmallfirstwide { text-align: left; width: 725px; font-size: 1.0em; padding-top: 5px; }
    .divDispatchOrder .TDsmallfirstsmall { text-align: left; width: 100px; font-size: 1.0em; padding-top: 5px; }
    .divDispatchOrder .TDsmallmedium { text-align: center; width: 90px; font-size: 1.0em; padding-top: 5px; }
    .divDispatchOrder .TDsmallwide { text-align: left; width: 725px; font-size: 1.0em; padding-top: 5px; }
    .divDispatchOrder .TDsmallthin { text-align: center; width: 65px; }
    .divDispatchOrder .TDsmallactions { text-align: center; width: 80px; }
    .divDispatchOrder .label-thin { display: block; float: left; width: 75px; text-align: right; padding: 2px 10px 0 0; }
    .divDispatchOrder .ddl-product { float: left; width: 300px; }
    .divDispatchOrder .label-left { font-weight: bold; display: block; float: left; }
    .divDispatchOrder .label-right { padding-top: 2px; display: block; float: right; }
    .divDispatchOrder .total-left { width: 400px; display: block; float: left; font-size: 1.5em; }
    .divDispatchOrder .total-left-bold { width: 400px; font-weight: bold; display: block; float: left; font-size: 1.5em; }
    .divDispatchOrder .total-right { width: 100px; padding-top: 2px; display: block; float: right; font-size: 1.5em; text-align: right; }
    .divDispatchOrder .total-right-bold { width: 100px; padding-top: 2px; font-weight: bold; display: block; float: right; font-size: 1.5em; text-align: right; }
    .divDispatchOrder .gift-label-left { font-weight: bold; display: block; float: left; }
    .divDispatchOrder .gift-label-right { padding-top: 2px; display: block; float: right; }
    .divDispatchOrder .gift-header { display: block; float: left; }
    .divDispatchOrder .gift-recipient { font-weight: bold; display: block; font-size: 1.5em; float: left; }
    .divDispatchOrder .gift-message { padding-top: 2px; display: block; font-size: 1.5em; float: left; }
    .divDispatchOrder p.front-title { font-weight: bold; font-size: 2.0em; }
    .divDispatchOrder p.front-section-header { font-weight: bold; font-size: 1.5em; margin: 0px; }
    .divDispatchOrder .dispatch-notes-title { font-weight: bold; font-size: 1.5em; }
    .divDispatchOrder #tabOrderLines { border: 0px; }
        .divDispatchOrder #tabOrderLines tr { border: 0px; }

.divDispatchOrderSheet p.front-title { font-weight: bold; font-size: 2.0em; }
.divDispatchOrderSheet .order-sheet-table { border-collapse: collapse; margin-bottom: 15px; }
.divDispatchOrderSheet .THTitle { width: 150px; font-size: 1em; }
.divDispatchOrderSheet .THCategory { font-size: 0.8em; border: 1px solid #666666; height: 30px; font-weight: normal; }
.divDispatchOrderSheet .THHeader { border: 1px solid #666666; width: 150px; font-size: 0.8em; text-align: right; padding-right: 3px; font-weight: normal; }
.divDispatchOrderSheet .TDCustomer { border: 1px solid #666666; width: 150px; font-size: 0.8em; text-align: right; padding-right: 3px; }
.divDispatchOrderSheet .product { position: absolute; top: 0px; left: 0px; width: 40px; height: 14px; border-top: 1px solid #666; border-collapse: collapse; padding: 0px; margin: 0px; }
.divDispatchOrderSheet .THproduct-light { border: 1px solid #666666; font-size: 0.8em; text-align: center; padding: 0px 0px 0px 0px; margin: 0px; width: 25px; font-weight: normal; }
.divDispatchOrderSheet .THproduct-dark { border: 1px solid #666666; font-size: 0.8em; text-align: center; padding: 0px 0px 0px 0px; margin: 0px; width: 25px; font-weight: normal; background-color: #e6e6e6; }
.divDispatchOrderSheet .TDQuantity-light { border: 1px solid #666666; width: 5px; text-align: center; font-size: 0.8em; }
.divDispatchOrderSheet .TDQuantity-dark { border: 1px solid #666666; width: 5px; text-align: center; font-size: 0.8em; background-color: #e6e6e6; }
.divDispatchOrderSheet .table-type-header { display: block; clear: both; width: 100%; }
.divDispatchOrderSheet .TDFooterQuantity-light { border: 1px solid #666666; width: 5px; text-align: center; font-size: 0.8em; font-weight: bold; }
.divDispatchOrderSheet .TDFooterQuantity-dark { border: 1px solid #666666; width: 5px; text-align: center; font-size: 0.8em; font-weight: bold; background-color: #e6e6e6; }
.divDispatchOrderSheet .TDFooterTitle { border: 1px solid #666666; width: 150px; font-size: 0.8em; text-align: right; padding-right: 3px; font-weight: bold; }

.divStockReport p.front-title { font-weight: bold; font-size: 2.0em; }
.divStockReport .order-sheet-table { border-collapse: collapse; margin-bottom: 15px; }
.divStockReport .THTitle { font-size: 1em; font-weight: normal; border: 1px solid #666666; }
.divStockReport .THTitleSmall { font-size: 0.8em; font-weight: normal; border: 1px solid #666666; }
.divStockReport .THTitleSmall-orange { background-color:#fed49b; font-size: 0.8em; font-weight: normal; border: 1px solid #666666; }
.divStockReport .THTitleLast { font-size: 1em; font-weight: normal; border: 1px solid #666666; border-right: 2px solid #666666; }
.divStockReport .THCategory { font-size: 0.8em; border: 1px solid #666666; border-right: 2px solid #666666; height: 30px; font-weight: normal; }
.divStockReport .THCategory-orange { background-color:#fed49b; font-size: 0.8em; border: 1px solid #666666; border-right: 2px solid #666666; height: 30px; font-weight: normal; }
.divStockReport .THHeader { border: 1px solid #666666; width: 150px; font-size: 0.8em; text-align: right; padding-right: 3px; font-weight: normal; }
.divStockReport .TDOrderSheetCategory { border: 1px solid #666666; width: 120px; font-size: 0.8em; text-align: center; padding-right: 3px; }
.divStockReport .TDProductCode { border: 1px solid #666666; width: 50px; font-size: 0.8em; text-align: center; padding-right: 3px; }
.divStockReport .TDProductName { border: 1px solid #666666; width: 150px; font-size: 0.8em; text-align: center; padding-right: 3px; }
.divStockReport .TDProductName-red { border: 1px solid #666666; width: 150px; font-size: 0.8em; text-align: center; padding-right: 3px; color: Red; }
.divStockReport .TDProductName-blue { border: 1px solid #666666; width: 150px; font-size: 0.8em; text-align: center; padding-right: 3px; color: #0066FF; }
.divStockReport .TDProductVariant { border: 1px solid #666666; width: 75px; font-size: 0.8em; text-align: center; padding-right: 3px; }
.divStockReport .TDWarehouse { border: 1px solid #666666; border-right: 2px solid #666666; width: 100px; font-size: 0.8em; text-align: center; padding-right: 3px; }
.divStockReport .product { position: absolute; top: 0px; left: 0px; width: 40px; height: 14px; border-top: 1px solid #666; border-collapse: collapse; padding: 0px; margin: 0px; }
.divStockReport .THQuantity { border: 1px solid #666666; font-size: 0.8em; text-align: center; padding: 0px 0px 0px 0px; margin: 0px; width: 25px; font-weight: normal; }
.divStockReport .THQuantityLast { border: 1px solid #666666; border-right: 2px solid #666666; font-size: 0.8em; text-align: center; padding: 0px 0px 0px 0px; margin: 0px; width: 25px; font-weight: normal; }
.divStockReport .TDQuantity-light { border: 1px solid #666666; width: 5px; text-align: center; font-size: 0.8em; }
.divStockReport .TDQuantity-orange { background-color:#fed49b ; border: 1px solid #666666; width: 5px; text-align: center; font-size: 0.8em; }
.divStockReport .TDQuantity-purple { background-color:#9b7afe ; border: 1px solid #666666; width: 5px; text-align: center; font-size: 0.8em; }
.divStockReport .TDQuantity-dark { border: 1px solid #666666; border-right: 2px solid #666666; width: 5px; text-align: center; font-size: 0.8em; background-color: #e6e6e6; }
.divStockReport .TDQuantity-dark-red { border: 1px solid #666666; border-right: 2px solid #666666; width: 5px; text-align: center; font-size: 0.8em; background-color: #e6e6e6; color: Red; }
.divStockReport .TDQuantity-dark-blue { border: 1px solid #666666; border-right: 2px solid #666666; width: 5px; text-align: center; font-size: 0.8em; background-color: #e6e6e6; color: #0066FF; }
.divStockReport .table-type-header { display: block; clear: both; width: 100%; }
.divStockReport .TDWarehouseRow { font-size: 1em; text-align: left; padding-right: 3px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
.divStockReport .report-title { font-size: 1em; }
.divStockReport .report-description { font-size: 0.8em; padding-top: 20px; padding-bottom: 20px; }
.divStockReport .purpleback {background-color: #9b7afe;}
.divStockReport .orangeback {background-color: #fed49b;}

.divDispatchOrderNotes .dispatch-notes { padding-top: 20px; }
.divDispatchOrderNotes #tabOrderNotes { border-collapse: collapse; }
.divDispatchOrderNotes .order-notes { padding-top: 20px; }
.divDispatchOrderNotes p.front-section-header { font-weight: bold; font-size: 1.5em; margin: 0px; }
.divDispatchOrderNotes .THsmall { text-align: left; width: 200px; font-size: 1.0em; }
.divDispatchOrderNotes .THsmalllast { text-align: left; width: 500px; font-size: 1.0em; }
.divDispatchOrderNotes .TDsmallfirstsmall { text-align: left; width: 200px; font-size: 1.0em; padding-top: 5px; }
.divDispatchOrderNotes .TDsmallwide { text-align: left; width: 500px; font-size: 1.0em; padding-top: 5px; }

.divSettingsList .table-title { font-size: 1.5em; font-weight: bold; padding-bottom: 10px; display: block; }
.divSettingsList .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divSettingsList .TDwide { width: 200px; }
.divSettingsList .TDmediumwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 120px; }
.divSettingsList .TDactions { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 80px; }
.divSettingsList .sort-order { width: 45px !important; padding: 0; }
.divSettingsList .description { width: 250px !important; padding: 0; }

.divReturnsList .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 100px; }
.divReturnsList .TDwide { width: 150px; }
.divReturnsList .TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }

.divPurchaseOrdersList .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 100px; }
.divPurchaseOrdersList .TDfirstmedium { width: 200px; }
.divPurchaseOrdersList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divPurchaseOrdersList .TDwide { width: 150px; }
.divPurchaseOrdersList .TDxwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divPurchaseOrdersList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divPurchaseOrderForm ul { float: right; }
.divPurchaseOrderForm .text-special-wide { width: 600px !important; padding: 0; float: right; }
.divPurchaseOrderForm .order-content { border: 1px solid #696969; width: 100%; padding: 5px; display: block; }
.divPurchaseOrderForm .purchase-order-main { display: block; float: left; padding-right: 50px; }
.divPurchaseOrderForm .purchase-order-totals { display: block; float: left; padding-right: 50px; }
.divPurchaseOrderForm .purchase-order-depositremainder { display: block; float: left; padding-right: 50px; }
.divPurchaseOrderForm .purchase-order-checks { display: block; float: left; padding-right: 50px; }
.divPurchaseOrderForm .order-selections { display: block; float: left; }
.divPurchaseOrderForm .footer-notes { display: block; float: left; }
.divPurchaseOrderForm .footer-settings { display: block; float: left; }
.divPurchaseOrderForm .footer-totals { display: block; float: right; padding-right: 47px; }
.divPurchaseOrderForm .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divPurchaseOrderForm .TDwide { width: 150px; }
.divPurchaseOrderForm .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; width: 300px; }
.divPurchaseOrderForm .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divPurchaseOrderForm .TDthinlast { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
.divPurchaseOrderForm .TDactions { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divPurchaseOrderForm .label-thin { display: block; float: left; width: 75px; text-align: right; padding: 2px 10px 0 0; }
.divPurchaseOrderForm .ddl-product { float: left; width: 400px; }
.divPurchaseOrderForm div.panel-not-div { padding: 0; float: left; }
.divPurchaseOrderForm .label-integer { color: #000000; font-weight: normal; }
.divPurchaseOrderForm .label-not-integer { color: #FF9900; font-weight: bold; }
.divPurchaseOrderForm #pnlCredit { border: 2px red solid; padding-right: 10px; }
.divPurchaseOrderForm .TROrder { background-color: #FFEAFE; text-align: center; }
.divPurchaseOrderForm .TRShipment { background-color: #FFEAFE; text-align: center; }
.divPurchaseOrderForm .TRPayment { background-color: #FFEAFE; text-align: center; }
.divPurchaseOrderForm .TDSpacer { background-color: #CBD7FE; text-align: center; }
.divPurchaseOrderForm .TROverdue { background-color: #FF4A46; text-align: center;}

.divMailingList .li-tall { margin-top: 5px; }
.divMailingList .table-title { font-size: 1.5em; font-weight: bold; padding-bottom: 10px; display: block; }
.divMailingList .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divMailingList .TDwide { width: 200px; }
.divMailingList .TDmediumwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 120px; }
.divMailingList .TDactions { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 80px; }
.divMailingList .sort-order { width: 45px !important; padding: 0; }
.divMailingList .description { width: 250px !important; padding: 0; }

.divShipmentsList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divShipmentsList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divShipmentsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divShipmentForm a.labelhypnolink { color: #302D2D; display: block; float: left; width: 130px; text-align: right; padding: 2px 10px 0 0; text-decoration: none; }
    .divShipmentForm a.labelhypnolink:hover { color: #302D2D; }
.divShipmentForm ul { float: right; }
.divShipmentForm div.panel-not-div { padding: 0; float: left; }
.divShipmentForm .text-special-wide { width: 600px !important; padding: 0; float: right; }
.divShipmentForm .order-content { border: 1px solid #696969; width: 100%; padding: 5px; display: block; }
.divShipmentForm .shipment-main { display: block; float: left; padding-right: 50px; }
.divShipmentForm .shipment-shipping { display: block; float: left; padding-right: 50px; }
.divShipmentForm .shipment-checks { display: block; float: left; padding-right: 50px; }
.divShipmentForm .supplier-checks { display: block; float: left; padding-right: 50px; }
.divShipmentForm .customer-checks { display: block; float: left; padding-right: 50px; }
.divShipmentForm .stock-transfer-checks { clear: both; display: block; float: left; padding-right: 50px; }
.divShipmentForm .shipment-financials { display: block; float: left; padding-right: 50px; }
.divShipmentForm .order-selections { display: block; float: left; }
.divShipmentForm .footer-notes { display: block; float: left; }
.divShipmentForm .footer-settings { display: block; float: left; }
.divShipmentForm .footer-totals { display: block; float: right; padding-right: 47px; }
.divShipmentForm .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divShipmentForm .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divShipmentForm .TDwide { width: 150px; }
.divShipmentForm .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 30px; }
.divShipmentForm .TDthinlast { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
.divShipmentForm .TDactions { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divShipmentForm .label-thin { display: block; float: left; width: 75px; text-align: right; padding: 2px 10px 0 0; }
.divShipmentForm .ddl-product { float: left; width: 400px; }

.divShipmentForm .label-error { color: #FF0000; font-weight: bold; }
.divShipmentForm .label-no-error { color: #000000; font-weight: normal; }
.divShipmentForm .label-integer { color: #000000; font-weight: normal; }
.divShipmentForm .label-not-integer { color: #FF9900; font-weight: bold; }
.divShipmentForm #pnlCredit { border: 2px red solid; padding-right: 10px; }
.divShipmentForm .message-label { display: block; padding-top: 2px; }

.divStock .TDmedium { width: 120px; }
.divStock .TDlastmedium { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divStock .TDlastwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divStock .TDHeader { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }
.divStock .TRYear { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; background-color: #dddddd; }
.divStock .TDYear { font-size: 1.5em; text-indent: 10px; }
.divStock .TRMonth { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; background-color: #FBF7F7; }
.divStock .TDMonth { font-size: 1.3em; text-indent: 10px; }
.divStock .TROld { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; background-color: #EFAFAF; }
.divStock .stock-history-link { padding-right: 5px; }

.divInvoicesList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divInvoicesList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divInvoicesList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divInvoice ul { width: 450px; }
.divInvoice .product-prices { height: 400px; overflow: scroll; }
.divInvoice .txtMedium { width: 50px !important; }
.divInvoice .txtMediumPrice { text-align: right !important; width: 50px !important; }
.divInvoice .txtCustCode { width: 70px !important; }
.divInvoice .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divInvoice .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divInvoice .TDwide { width: 150px; }
.divInvoice .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 30px; }
.divInvoice .TDthinlast { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
.divInvoice .TDactions { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divInvoice .dateDiv { width: 150px; padding: 0; }
.divInvoice .actionDiv { width: 150px; padding: 0; }
.divInvoice .tableLabel { text-align: left; width: auto; clear: both; }
.divInvoice .update-arrow { text-decoration: none; }
.divInvoice .paid { color: #009900; font-weight: bold; padding: 0 !important; }
.divInvoice #pnlCredit { border: 2px red solid; padding-right: 10px; }
.divInvoice .order-content { border: 1px solid #696969; width: 100%; padding: 5px; display: block; }
.divInvoice .tdSource { background-color: #6ACAAA; }
.divInvoice .tdInvoiced { background-color: #9CB2CF; }

.divWebProductsList .TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 500px; }
.divWebProductsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divWebProductForm .product-prices { height: 400px; overflow: scroll; }
.divWebProductForm .txtMedium { width: 50px !important; }
.divWebProductForm .txtMediumPrice { text-align: right !important; width: 50px !important; }
.divWebProductForm .txtCustCode { width: 70px !important; }
.divWebProductForm td { padding: 0px; border-bottom: 1px solid #CCC; margin-bottom: 2px; text-align: center; }
.divWebProductForm .tdActions { padding-left: 5px; }
.divWebProductForm .tdMedium { width: 150px; }
.divWebProductForm th { padding: 2px; border-bottom: 1px solid #CCC; margin-bottom: 2px; text-align: center; }
.divWebProductForm #divStock { width: 650px; }
.divWebProductForm #divIncomingStock { width: 750px; }
.divWebProductForm .dateDiv { width: 150px; padding: 0; }
.divWebProductForm .actionDiv { width: 150px; padding: 0; }
.divWebProductForm .tableLabel { text-align: left; width: auto; clear: both; }
.divWebProductForm #divProductPrices { width: 600px; }
.divWebProductForm #divImages { width: 1000px; }
.divWebProductForm .update-arrow { text-decoration: none; }
.divWebProductForm .cat-sort-order { clear: both !important; display: inline !important; padding-left: 10px; }
.divWebProductForm #pnlIncomingStockEmpty { height: 20px; display: block; }
.divWebProductForm .image-number { width: 100px; }
.divWebProductForm .image-display { width: 500px; }
.divWebProductForm .image-upload { width: 240px; }
.divWebProductForm .image-text { width: 200px; }
.divWebProductForm .image-actions { width: 240px; }
.divWebProductForm .image-output { max-width: 500px; }

.divCategoriesList .TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 500px; }
.divCategoriesList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divWebCategoryForm ul { width: 450px; }
.divWebCategoryForm .product-prices { height: 400px; overflow: scroll; }
.divWebCategoryForm .txtMedium { width: 50px !important; }
.divWebCategoryForm .txtMediumPrice { text-align: right !important; width: 50px !important; }
.divWebCategoryForm .txtCustCode { width: 70px !important; }
.divWebCategoryForm td { padding: 0px; border-bottom: 1px solid #CCC; margin-bottom: 2px; text-align: center; }
.divWebCategoryForm .tdActions { padding-left: 5px; }
.divWebCategoryForm .tdMedium { width: 150px; }
.divWebCategoryForm th { padding: 2px; border-bottom: 1px solid #CCC; margin-bottom: 2px; text-align: center; }
.divWebCategoryForm #divStock { width: 650px; }
.divWebCategoryForm #divIncomingStock { width: 750px; }
.divWebCategoryForm .dateDiv { width: 150px; padding: 0; }
.divWebCategoryForm .actionDiv { width: 150px; padding: 0; }
.divWebCategoryForm .tableLabel { text-align: left; width: auto; clear: both; }
.divWebCategoryForm #divProductPrices { width: 600px; }
.divWebCategoryForm #divImages { width: 1000px; }
.divWebCategoryForm .update-arrow { text-decoration: none; }
.divWebCategoryForm #pnlIncomingStockEmpty { height: 20px; display: block; }
.divWebCategoryForm .image-number { width: 100px; }
.divWebCategoryForm .image-display { width: 500px; }
.divWebCategoryForm .image-upload { width: 240px; }
.divWebCategoryForm .image-text { width: 200px; }
.divWebCategoryForm .image-actions { width: 240px; }
.divWebCategoryForm .image-output { max-width: 500px; }

.divAwardsList .TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 500px; }
.divAwardsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divBannersList .TDwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divBannersList .TDsuperwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 600px; }
.divBannersList .TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 500px; }
.divBannersList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divWebCompetitions .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 100px; }
.divWebCompetitions .TDwide { width: 150px; }
.divWebCompetitions .TDlastwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divWebCompetitions .TDlastsuperwide { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 450px; }
.divWebCompetitions .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }

.divWebCompetitionForm ul { width: 450px; }
.divWebCompetitionForm .product-prices { height: 400px; overflow: scroll; }
.divWebCompetitionForm .txtMedium { width: 50px !important; }
.divWebCompetitionForm .txtMediumPrice { text-align: right !important; width: 50px !important; }
.divWebCompetitionForm .txtCustCode { width: 70px !important; }
.divWebCompetitionForm td { padding: 0px; border-bottom: 1px solid #CCC; margin-bottom: 2px; text-align: center; }
.divWebCompetitionForm .tdActions { padding-left: 5px; }
.divWebCompetitionForm .tdWide { width: 300px; }
.divWebCompetitionForm .tdMedium { width: 150px; }
.divWebCompetitionForm th { padding: 2px; border-bottom: 1px solid #CCC; margin-bottom: 2px; text-align: center; }
.divWebCompetitionForm #divStock { width: 650px; }
.divWebCompetitionForm #divIncomingStock { width: 750px; }
.divWebCompetitionForm .dateDiv { width: 150px; padding: 0; }
.divWebCompetitionForm .actionDiv { width: 150px; padding: 0; }
.divWebCompetitionForm .tableLabel { text-align: left; width: auto; clear: both; }
.divWebCompetitionForm #divProductPrices { width: 600px; }
.divWebCompetitionForm #divImages { width: 1000px; }
.divWebCompetitionForm .update-arrow { text-decoration: none; }
.divWebCompetitionForm #pnlIncomingStockEmpty { height: 20px; display: block; }
.divWebCompetitionForm .image-number { width: 100px; }
.divWebCompetitionForm .image-display { width: 500px; }
.divWebCompetitionForm .image-upload { width: 240px; }
.divWebCompetitionForm .image-text { width: 200px; }
.divWebCompetitionForm .image-actions { width: 240px; }
.divWebCompetitionForm .image-output { max-width: 500px; }
.divWebCompetitionForm .entries-table { width: 100%; }

.divStockPaymentsList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divStockPaymentsList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divStockPaymentsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divStockPaymentForm a.labelhypnolink { color: #302D2D; display: block; float: left; width: 130px; text-align: right; padding: 2px 10px 0 0; text-decoration: none; }
    .divStockPaymentForm a.labelhypnolink:hover { color: #302D2D; }
.divStockPaymentForm ul { float: right; }
.divStockPaymentForm div.panel-not-div { padding: 0; float: left; }
.divStockPaymentForm .text-special-wide { width: 600px !important; padding: 0; float: right; }
.divStockPaymentForm .order-content { border: 1px solid #696969; width: 100%; padding: 5px; display: block; }
.divStockPaymentForm .shipment-main { display: block; float: left; padding-right: 50px; }
.divStockPaymentForm .shipment-shipping { display: block; float: left; padding-right: 50px; }
.divStockPaymentForm .shipment-checks { display: block; float: left; padding-right: 50px; }
.divStockPaymentForm .shipment-financials { display: block; float: left; padding-right: 50px; }
.divStockPaymentForm .order-selections { display: block; float: left; }
.divStockPaymentForm .footer-notes { display: block; float: left; }
.divStockPaymentForm .footer-settings { display: block; float: left; }
.divStockPaymentForm .footer-totals { display: block; float: right; padding-right: 47px; }
.divStockPaymentForm .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divStockPaymentForm .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divStockPaymentForm .TDwide { width: 150px; }
.divStockPaymentForm .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 30px; }
.divStockPaymentForm .TDthinlast { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
.divStockPaymentForm .TDactions { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divStockPaymentForm .label-thin { display: block; float: left; width: 75px; text-align: right; padding: 2px 10px 0 0; }
.divStockPaymentForm .ddl-product { float: left; width: 400px; }
.divStockPaymentForm .label-error { color: #FF0000; font-weight: bold; }
.divStockPaymentForm .label-no-error { color: #000000; font-weight: normal; }
.divStockPaymentForm .label-integer { color: #000000; font-weight: normal; }
.divStockPaymentForm .label-not-integer { color: #FF9900; font-weight: bold; }
.divStockPaymentForm #pnlCredit { border: 2px red solid; padding-right: 10px; }

.divBankPaymentsList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divBankPaymentsList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divBankPaymentsList .TDHeader { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divBankPayment ul { width: 450px; }
.divBankPayment .product-prices { height: 400px; overflow: scroll; }
.divBankPayment .txtMedium { width: 50px !important; }
.divBankPayment .txtMediumPrice { text-align: right !important; width: 50px !important; }
.divBankPayment .txtCustCode { width: 70px !important; }
.divBankPayment .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divBankPayment .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divBankPayment .TDwide { width: 150px; }
.divBankPayment .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 30px; }
.divBankPayment .TDthinlast { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
.divBankPayment .TDactions { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divBankPayment .dateDiv { width: 150px; padding: 0; }
.divBankPayment .actionDiv { width: 150px; padding: 0; }
.divBankPayment .tableLabel { text-align: left; width: auto; clear: both; }
.divBankPayment .update-arrow { text-decoration: none; }
.divBankPayment .paid { color: #009900; font-weight: bold; }
.divBankPayment #pnlCredit { border: 2px red solid; padding-right: 10px; }
.divBankPayment .order-content { border: 1px solid #696969; width: 100%; padding: 5px; display: block; }

.divStockReports .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divStockReports .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divStockReports .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divNotificationsList .li-tall { margin-top: 5px; }
.divNotificationsList .TDfirstmedium { width: 90px; }
.divNotificationsList .TDfirstwide { width: 150px; }
.divNotificationsList .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 500px; }
.divNotificationsList .TDlastwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }

.divReportSettingsList .TDmediumwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divReportSettingsList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divReportSettingsList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divReportSettingsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }
.divReportSettingsList .text-small { width: 45px !important; }

.divPriceListsList .TDmediumwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divPriceListsList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divPriceListsList .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divPriceListsList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divPriceListsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }
.divPriceListsList .text-small { width: 45px !important; }
.divPriceListsList .THheader { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; min-width: 100px; font-size: 10px; }
.divPriceListsList .THcurrency { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; font-size: 10px; }
.divPriceListsList .THpricetype { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; max-width: 50px; font-size: 10px; }
.divPriceListsList .THpricetypecurrency { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; max-width: 20px; font-size: 10px; }
.divPriceListsList .THordersheet { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; min-width: 40px; font-size: 10px; }
.divPriceListsList .THproduct { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; min-width: 290px; max-width: 300px; font-size: 10px; }
.divPriceListsList .THReportGroupTotal { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: bold; background-color: #FFCC66; min-width: 100px; }
.divPriceListsList .text-small { width: 45px !important; }
.divPriceListsList .text-wide { width: 500px !important; }
.divPriceListsList .TDReportGroupHeader { border: 1px solid #696969; text-align: center; width: 25px; font-size: 9px; padding: 0; }
.divPriceListsList .TDMonth { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; }
.divPriceListsList .TDproduct { border: 1px solid #696969; text-align: center; font-size: 12px; padding: 0; max-width: 300px; min-width: 300px; font-weight: bold; }
.divPriceListsList .TDTotal { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; font-weight: bold; }
.divPriceListsList .TDStandard { border: 1px solid #696969; text-align: center; max-width: 50px; font-size: 12px; padding: 0; }
.divPriceListsList .TDgbp { border: 1px solid #696969; text-align: center; max-width: 50px; font-size: 12px; padding: 0; }
.divPriceListsList .TDcurrency { border: 1px solid #696969; text-align: center; max-width: 50px; font-size: 12px; padding: 0; }
.divPriceListsList .THProductMonth { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: bold; background-color: #FFCC99; width: 150px; }
.divPriceListsList .thickLeft { border-left: 2px solid #696969; }
.divPriceListsList .thickRight { border-right: 2px solid #696969; }
.divPriceListsList .txtManual { width: 20px !important; font-size: 12px; }
.divPriceListsList .lblGBP { width: 20px !important; font-size: 9px; }
.divPriceListsList .lblCurrency { width: 20px !important; font-size: 9px; }
.divPriceListsList .txtTotalManual { width: 100px !important; font-size: 12px; }
.divPriceListsList .TDempty { background-color: #eee; }
.divPriceListsList .TDtotal { background-color: #FDEDC4; }
.divPriceListsList .bold { font-weight: bold; }
.divPriceListsList .update-arrow { text-decoration: none; }

.divForecastingList { width: 100% !important; }
    .divForecastingList #pagForecastingOverview { clear: both; width: 100% !important; display: block; }
    .divForecastingList .TD { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
    .divForecastingList .TDfirstthin { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
    .divForecastingList .TDmediumwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
    .divForecastingList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
    .divForecastingList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
    .divForecastingList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }
    .divForecastingList .THReportGroup { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: bold; background-color: #FFCC99; }
    .divForecastingList .THReportGroupTotal { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: bold; background-color: #FFCC66; }
    .divForecastingList .THReportGroupWarehouse { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: bold; background-color: #66FF66; }
    .divForecastingList .text-small { width: 45px !important; }
    .divForecastingList .TDReportGroupHeader { border: 1px solid #696969; text-align: center; font-size: 9px; padding: 0; height: 40px; }
    .divForecastingList .TDMonth { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; height: 20px; }
    .divForecastingList .TDMonthAlt { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; height: 20px; background-color: #EAB79C; }
    .divForecastingList .TDProduct { border: 1px solid #696969; text-align: center; font-size: 12px; padding: 0; font-weight: bold; height: 30px; }
    .divForecastingList .TDProductName { border: 1px solid #696969; text-align: center; font-size: 12px; padding: 0; font-weight: bold; height: 40px; width: 219px !important; }
    .divForecastingList .TDTotal { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; font-weight: bold; height: 30px; }
    .divForecastingList .TDTotalRow { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; font-weight: bold; height: 40px; }
    .divForecastingList .TDRev { border: 1px solid #696969; text-align: center; font-size: 12px; padding: 0 5px 0 0; font-weight: bold; height: 30px; }
    .divForecastingList .THProductMonth { border: 1px solid #696969; text-align: center; padding: 0 5px 0 0; font-weight: bold; background-color: #FFCC99; width: 150px; }
    .divForecastingList .txtManual { width: 20px !important; font-size: 12px; }
    .divForecastingList .txtTotalManual { width: 30px !important; font-size: 12px; }
    .divForecastingList .TDempty { background-color: #eee; }
    .divForecastingList .TDemptyAlt { background-color: #D3D3D3; }
    .divForecastingList .TDStandard { border: 1px solid #696969; text-align: center; font-size: 10px; padding: 0; }
    .divForecastingList .TDStandardAlt { background-color: #EAB79C; border: 1px solid #696969; text-align: center; font-size: 10px; padding: 0; }
    .divForecastingList .TDtotal { background-color: #FDEDC4; }
    .divForecastingList .TDtotalAlt { background-color: #FCE8B6; }
    .divForecastingList .TDwarehouseOrder { background-color: #CCFF99; }
    .divForecastingList .TDwarehouseShip { background-color: #CCFFCC; }
    .divForecastingList .TDwarehousePO { background-color: #C4DFC7; }
    .divForecastingList .TDwarehouseRemainder { background-color: #D0FFEC; }
    .divForecastingList .TDwarehouseOrderAlt { background-color: #BCFC7C; }
    .divForecastingList .TDwarehouseShipAlt { background-color: #AEFAAE; }
    .divForecastingList .TDwarehousePOAlt { background-color: #A9DDAF; }
    .divForecastingList .TDwarehouseRemainderAlt { background-color: #A5FAD8; }
    .divForecastingList .tableDiv th { height: 40px; }
    .divForecastingList .product-name { display: block; padding-top: 5px; }
    .divForecastingList .product-total { display: block; padding-top: 10px; }
    .divForecastingList .rev-total { display: block; padding-top: 5px; }
    .divForecastingList .TDsave { text-align: right; }
    .divForecastingList .thickLeft { border-left: 2px solid #696969; }
    .divForecastingList .thickRight { border-right: 2px solid #696969; }
    .divForecastingList .divSecond { width: 80%; overflow-x: scroll; margin-left: 200px; overflow-y: visible; padding-bottom: 20px; height: auto; }
    .divForecastingList .column-fixed { position: absolute; width: 214px; left: 0; top: auto; }
    .divForecastingList li.forecast-table { list-style: none; padding: 0 0 1px 0; display: block; height: 25px; clear: both; }


.divDimensionsList .TDmedium { width: 120px; }
.divDimensionsList .TDmediumwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divDimensionsList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divDimensionsList .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 500px; }
.divDimensionsList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divDimensionsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }
.divDimensionsList .text-small { width: 45px !important; }
.divDimensionsList .THheader { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; min-width: 100px; font-size: 10px; }
.divDimensionsList .THcurrency { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; font-size: 10px; }
.divDimensionsList .THpricetype { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; max-width: 50px; font-size: 10px; }
.divDimensionsList .THpricetypecurrency { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; max-width: 20px; font-size: 10px; }
.divDimensionsList .THordersheet { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; min-width: 40px; font-size: 10px; }
.divDimensionsList .THproduct { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: normal; background-color: #b8be9c; min-width: 290px; max-width: 300px; font-size: 10px; }
.divDimensionsList .THReportGroupTotal { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: bold; background-color: #FFCC66; min-width: 100px; }
.divDimensionsList .text-small { width: 45px !important; }
.divDimensionsList .TDReportGroupHeader { border: 1px solid #696969; text-align: center; width: 25px; font-size: 9px; padding: 0; }
.divDimensionsList .TDMonth { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; }
.divDimensionsList .TDproduct { border: 1px solid #696969; text-align: center; font-size: 12px; padding: 0; max-width: 300px; min-width: 300px; font-weight: bold; }
.divDimensionsList .TDTotal { border: 1px solid #696969; text-align: right; font-size: 12px; padding: 0 5px 0 0; width: 150px; font-weight: bold; }
.divDimensionsList .TDStandard { border: 1px solid #696969; text-align: center; max-width: 50px; font-size: 12px; padding: 0; }
.divDimensionsList .TDgbp { border: 1px solid #696969; text-align: center; max-width: 50px; font-size: 12px; padding: 0; }
.divDimensionsList .TDcurrency { border: 1px solid #696969; text-align: center; max-width: 50px; font-size: 12px; padding: 0; }
.divDimensionsList .THProductMonth { border: 1px solid #696969; text-align: center; padding: 0 5px 0 5px; font-weight: bold; background-color: #FFCC99; width: 150px; }
.divDimensionsList .thickLeft { border-left: 2px solid #696969; }
.divDimensionsList .thickRight { border-right: 2px solid #696969; }
.divDimensionsList .txtManual { width: 20px !important; font-size: 12px; }
.divDimensionsList .lblGBP { width: 20px !important; font-size: 9px; }
.divDimensionsList .lblCurrency { width: 20px !important; font-size: 9px; }
.divDimensionsList .txtTotalManual { width: 100px !important; font-size: 12px; }
.divDimensionsList .TDempty { background-color: #eee; }
.divDimensionsList .TDtotal { background-color: #FDEDC4; }
.divDimensionsList .bold { font-weight: bold; }
.divDimensionsList .update-arrow { text-decoration: none; }

.divFaultsList .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 35px; }
.divFaultsList .TDlastmedium { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divFaultsList .TDHeader { border: 1px solid #696969; border-right: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }

.divFaultForm a.labelhypnolink { color: #302D2D; display: block; float: left; width: 170px; text-align: right; padding: 2px 10px 0 0; text-decoration: none; }
    .divFaultForm a.labelhypnolink:hover { color: #302D2D; }
.divFaultForm ul { float: right; }
.divFaultForm div.panel-not-div { padding: 0; float: left; }
.divFaultForm .text-special-wide { width: 600px !important; padding: 0; float: right; }
.divFaultForm .fault-content { border: 1px solid #696969; width: 100%; padding: 5px; }
.divFaultForm .fault-title { font-size: 1.5em; width: 100%; padding-left: 20px !important; }
.divFaultForm .fault-selections, .divFaultForm .fault-details, .divFaultForm .fault-types, .divFaultForm .fault-credit, .divFaultForm .fault-delivery, .divFaultForm .fault-actions, .divFaultForm .stock-transfer-checks, .divFaultForm .shipment-financials, .divFaultForm .footer-totals { padding-right: 50px; }
.divFaultForm .fault-credit, .divFaultForm .stock-transfer-checks { clear: both; }
.divFaultForm .TDfirstthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 65px; }
.divFaultForm .TDxwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divFaultForm .TDwide { width: 150px; }
.divFaultForm .TDxthin { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 30px; }
.divFaultForm .TDthinlast { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 50px; }
.divFaultForm .TDactions { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 150px; }
.divFaultForm .label-thin { display: block; float: left; width: 75px; text-align: right; padding: 2px 10px 0 0; }
.divFaultForm .ddl-product { float: left; width: 400px; }
.divFaultForm .label-error { color: #FF0000; font-weight: bold; }
.divFaultForm .label-no-error { color: #000000; font-weight: normal; }
.divFaultForm .label-integer { color: #000000; font-weight: normal; }
.divFaultForm .label-not-integer { color: #FF9900; font-weight: bold; }
.divFaultForm #pnlCredit { border: 2px red solid; padding-right: 10px; }
.divFaultForm .message-label { display: block; padding-top: 2px; }

.divPayments .TDmedium { width: 120px; }
.divPayments .TDlastmedium { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 90px; }
.divPayments .TDlastwide { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: center; width: 300px; }
.divPayments .TDHeader { border: 1px solid #696969; padding: 0 5px 0 5px; text-align: left; font-size: 1.5em; font-weight: bold; background-color: #dddddd; }
.divPayments a.labelhypnolink { color: #302D2D; display: block; float: left; text-align: right; padding: 2px 10px 0 0; text-decoration: none; }
    .divPayments a.labelhypnolink:hover { color: #302D2D; }
.divPayments .text-money { text-align: right; width: 80px; }

.divPayments .TDEmpty { background-color: #C0C0C0; }

fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; }
    fieldset p { margin: 2px 12px 10px 10px; }
    fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }
    fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

div.accountInfo { width: 42%; }

/* MISC  
----------------------------------------------------------*/
.center { text-align: center; }
.clear { clear: both; }

.title { display: block; float: right; text-align: left; width: auto; padding: 0 10px 0 10px; }

.loginDisplay { display: block; text-align: right; float: right; font-size: 0.8em; }

    .loginDisplay a:link { }

    .loginDisplay a:visited { }

    .loginDisplay a:hover { }

.failureNotification { font-size: 1.2em; color: Red; }

.submitButton { text-align: right; padding-right: 10px; }

.table-header { background-color: #b8be9c; }

.dispb { display: block; }
.dispi { display: inline; }
.floatn { clear: both !important; }
.floatr { float: right; }

.access-error { font-size: 25px; text-align: center; font-weight: bold; padding-top: 20%; }
.task { border: 1px solid #696969; padding: 0 5px 0 5px !important; text-align: left !important; width: 400px; }

.complete-task { width: 20px; padding: 5px; }
.save-task { width: 20px; padding: 5px; }
.delete-task { width: 15px; padding: 5px; }
.task-due-date { border: 1px solid #696969; width: 210px; padding: 10px !important; }
.task-for-user { border: 1px solid #696969; width: 100px; padding: 10px !important; }
.task-actions { border: 1px solid #696969; width: 85px; padding: 10px !important; text-align: center !important; }
.to-do-title { font-size: 1.5em; float: left; width: 100%; }
.THTask { border: 1px solid #696969; text-align: center; }

/* For appearance */
.sticky-wrap { overflow-x: auto; overflow-y: hidden; position: relative; margin: 3em 0; width: 100%; }
    .sticky-wrap .sticky-thead,
    .sticky-wrap .sticky-col,
    .sticky-wrap .sticky-intersect { opacity: 0; position: absolute; top: 0; left: 0; transition: all .125s ease-in-out; z-index: 50; width: auto; /* Prevent table from stretching to full size */ }
    .sticky-wrap .sticky-thead { box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125); z-index: 100; width: 100%; /* Force stretch */ }
    .sticky-wrap .sticky-intersect { opacity: 1; z-index: 150; }
        .sticky-wrap .sticky-intersect th { background-color: #666; color: #eee; }
    .sticky-wrap td,
    .sticky-wrap th { box-sizing: border-box; }

#Menu ul li ul { display: none; }


.ui-tabs { width: 100% !important; padding: 0 !important; }
.ui-tabs-nav { float: none !important; width: 100% !important; }
    .ui-tabs-nav li { height: 22px !important; float: left !important; display: list-item !important; clear: none !important; padding: 5px 10px 0 10px !important; margin: 0 5px !important; background-color: #B9BE9C; border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; box-shadow: 1px 5px 6px #777; }
        .ui-tabs-nav li a { text-decoration: none; color: #302D2D; outline: 0; }
.ui-tabs-active { background-color: #fff !important; font-weight: bold; }
.ui-tabs-panel { width: 100% !important; /*border:1px solid #302D2D;*/ border-radius: 0.4em !important; padding: 0 0 20px 0 !important; background-color: #CAF1EA; box-shadow: 1px 5px 6px #777; }
#tabVariants.ui-tabs-panel  { padding: 0 !important; }
.tab-title { width: 100% !important; font-size: 1.2em; font-weight: bold; text-decoration: underline; }
    .tab-title span { padding: 10px 15px !important; }

.tab-sub-title { width: 100% !important; font-size: 1.0em; font-weight: bold; padding-bottom: 20px !important; }
    .tab-sub-title span { padding: 10px 15px !important; }

.break-border { border-top: 1px solid #aaa; width: 100% !important; }

thead.tableFloatingHeaderOriginal { box-shadow: 0px 1px 4px #777; }

.progress-modal { position: fixed; z-index: 999; height: 100%; width: 100%; top: 0; left: 0; background-color: Black; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.8; transition: all .3s ease .15s;}
.progress-center { z-index: 1000; margin: 100px auto; padding: 10px; width: 100%; border-radius: 10px; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; text-align:center !important;}
  
@keyframes redgreenred {
    0%   {color: darkred;}
    50%  {color: darkgreen;}
    100% {color: darkred;}
}

@keyframes greenredgreen {
    0%   {color: darkgreen;}
    50%  {color: darkred;}
    100% {color: darkgreen;}
}

@keyframes bonfire {
    0%   {color: orange; transform: rotateY(0deg);}
    10%  {color: red; transform: rotateY(50deg);}
    20% {color: darkorange; transform: rotateY(30deg);}
    30% {color: yellow; transform: rotateY(60deg);}
    40% {color: darkgoldenrod; transform: rotateY(85deg);}
    50%   {color: darkorange; transform: rotateY(20deg);}
    60%  {color: red; transform: rotateY(40deg);}
    70% {color: orange; transform: rotateY(70deg);}
    80% {color: yellow; transform: rotateY(15deg);}
    90% {color: darkgoldenrod; transform: rotateY(45deg);}
    100% {color: yellow; transform: rotateY(0deg);}
}

.redgreenred{animation: redgreenred infinite 6s;}
.greenredgreen{animation: greenredgreen infinite 6s;}  
.bonfire{animation: bonfire infinite 20s;}


/* DELIVERY NOTE - GIFT  
----------------------------------------------------------*/

.divDispatchOrder .dispath-gift-wrapper {
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    padding: 0 0 550px;
    border: dashed 2px #222222;
    box-sizing: border-box;
    min-height: 1250px;
}

    .divDispatchOrder .dispath-gift-wrapper .order-header {
        overflow: hidden;
        padding: 30px 30px 20px;
        margin: 0;
        width: auto;
        line-height: 18px;
    }

.divDispatchOrder .dispath-gift-wrapper .order-header .order-title {
    float:left;
    display:none;
}

.divDispatchOrder .dispath-gift-wrapper .order-header img {
    float: right;
    width: 130px;
}

    .divDispatchOrder .dispath-gift-wrapper .order-header .customer-details {
        float: left;
        padding: 150px 0 0 0;
        width:40%;
    }

        .divDispatchOrder .dispath-gift-wrapper .order-header .order-selections {
            float: left;
            padding: 150px 0 0 0;
            width: 40%;
        }

            .divDispatchOrder .dispath-gift-wrapper .order-header .order-selections label {
                float: left;
                width: 80px;
                text-align: left;
                padding: 0;
            }

            .divDispatchOrder .dispath-gift-wrapper .order-header .order-selections span {
                float: none;
                padding: 0;
            }

        .divDispatchOrder .dispath-gift-wrapper .order-header .customer-details span {
            padding: 0 !important;
        }


    .divDispatchOrder .dispath-gift-wrapper .gift-header {
        padding: 30px 30px 25px;
    }

        .divDispatchOrder .dispath-gift-wrapper .gift-header ul {
            float: none;
            margin: 0;
        }

            .divDispatchOrder .dispath-gift-wrapper .gift-header ul .gift-recipient {
                font-size: 16px;
            }
            .divDispatchOrder .dispath-gift-wrapper .gift-header ul .gift-message {
                font-size: 14px;
            }

    .divDispatchOrder .dispath-gift-wrapper .order-lines-wrapper {
        padding: 20px 30px 25px;
        border-bottom: dashed 2px #222222;
    }

        .divDispatchOrder .dispath-gift-wrapper .order-lines-wrapper th {
            text-align:left;
            font-weight:bold;
            padding:5px;
        }

        .divDispatchOrder .dispath-gift-wrapper .order-lines-wrapper td {
            text-align: left;
            padding: 5px;
        }

        .divDispatchOrder .dispath-gift-wrapper .order-lines-wrapper .dispatch-tagline {
            width: 600px;
            margin: 80px 0 0 0;
        }

    .divDispatchOrder .dispath-gift-wrapper .dispatch-divider {
        width: 100%;
        position: relative;
        bottom: -20px;
        z-index: -1;
    }

    .divDispatchOrder .dispath-gift-wrapper .dispatch-footer {
        background-size: 100%;
        width: auto;
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }

        .divDispatchOrder .dispath-gift-wrapper .dispatch-footer .slogan {
            width: 400px;
        }

        .divDispatchOrder .dispath-gift-wrapper .dispatch-footer p {
            font-weight: normal;
            margin: 5px 0;
        }

        .divDispatchOrder .dispath-gift-wrapper .dispatch-footer h3 {
            margin: 25px 0 0;
            font-size: 20px;
            font-weight: bold;
            font-variant: normal;
        }

        .divDispatchOrder .dispath-gift-wrapper .dispatch-footer h4 {
            margin: 0;
            font-size: 24px;
            font-weight: bold;
            font-variant: none;
        }

    .divDispatchOrder .dispath-gift-wrapper .social-icons {
        margin: 20px auto;
        display: block;
    }