body {
    width: 100%;
}

#leftnav {
    margin-top: 50px !important;
}

#fullcontent {
    width:100%;
}

h1 {
    margin-bottom: 10px !important;
}

.sys_rcnavtitle {
    margin-top: 10px;
}

.mainareadisplay h1 {
    font-size: 36px !important;
    margin-top: 0px;
    margin-bottom: 5px;
}

input[type="text"], select, textarea {
    font-size: 100%;
    border-style: solid;
    font-family: Arial;
}

.fulltextbox {
    width: 100%;
}

.posttextbox {
    width: 120px;
}

.posttextboxb {
    width: 115px;
}

.titlelistbox {
    width: 120px;
}


.formtable td {
    padding-bottom: 10px;
}

.formtable tr {
    vertical-align: top;
}

.formtable h2 {
    padding: 5px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
}

.dropdownnarrow {
    width: 98%;
}

.textboxsmall {
    width: 40px;
}

.textboxnarrow {
    width: 60px;
}

.buttonfixed {
    border-style: none;
    border-radius: 4px;
    width: inherit;
    min-width: 160px;
    background-color: #0045CC;
    color: #FFFFFF;
    margin-left: 20px;
    cursor: pointer;
    height: 28px;
    font-size: 15px;
}

    .buttonfixed:hover {
        background-color: #2373CC;
    }

.redbutton {
    background-color: #AA0000;
}

    .redbutton:hover {
        background-color: #CC0000;
    }

.greenbutton {
    background-color: #388b29;
}

    .greenbutton:hover {
        background-color: #3fbd29;
    }

.orangebutton {
    background-color: #bd8d1e;
}

    .orangebutton:hover {
        background-color: #daaf4c;
    }

.greybutton {
    background-color: #305566;
    margin-left: 0px;
    margin-right: 20px;
}

    .greybutton:hover {
        background-color: #41748B;
    }


.buttonfixed:disabled {
    color: #777777;
    background-color: #DDDDDD;
}

.buttonfixedlong {
    min-width: 190px;
}

.buttonfixedshort {
    min-width: 100px;
}

.buttonfixedtiny {
    min-width: 60px;
    font-size: 14px;
    border-style: none;
    padding: 4px;
    background-color: #345563;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
}

.smalltext {
    font-size: 0.9rem;
}

.buttonfixedsmall {
    width: 150px;
    font-size: 12px;
    margin-left: 30px;
}

.formtable hr {
    color: #00FF00;
}

.fullistbox {
    width: 100%;
}

.fulllistbox {
    width: 100px;
}

hr {
    margin-top: 3px;
}

.padlink {
    padding-right: 40px;
}
    #divBasket a, #divBasket a:hover {
        text-decoration: none !important;
    }

.padcell {
    padding-top: 10px;
}

.basket {
    border-style: none;
    width: 290px;
    background-color: #223266;
    color: #F4F4F4;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    height: 38px;
    text-decoration: none;
}




.basketholder {
    width: 200px;
    padding-left: 0px;
}

.basket i {
    width: 34px;
    font-size: 32px;
    height: 34px;
    padding-left: 5px;
    padding-top: 2px;
    vertical-align: top;
}

.basketdetail {
    display: inline-block;
    width: 200px;
    margin-left: 20px;
}

.pushright {
    text-align: right;
}

.indentpad {
    margin-left: 50px;
}

.greyback {
    margin-top: 20px;
    background-color: #F4F4F4;
    padding: 10px;
    border-style: solid;
    border-color: #AAAAAA;
    border-width: 1px;
    border-radius: 4px;
}

.groupme {
    display: inline-block;
}

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

.buttonholderplan {
    padding-top: 2px;
    text-align: right;
    padding-bottom: 15px;
}

.buttonsection {
    border-style: none;
    background-color: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    height: 100%;
    cursor: pointer;
}

.infoCV {
    display: block;
    font-size: 100%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #444444;
    background-color: #FAF3F3;
    background-image: url(images/exclaimorange.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 4px 40px 4px 40px;
    min-height: 30px;
    margin-bottom: 0px;
    color: #AA0000;
    margin-top: 46px !important;
}

.lowmargin {
    margin-top: 10px !important;
}

.infoCV ul, .validator ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 0px;
}

.infoCV li, .validator li {
    padding-left: 14px;
    text-indent: -24px;
    line-height: 1.4em !important;
}

.infoBox {
    font-size: 100%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #444444;
    background-color: #F6F6F6;
    background-image: url(images/exclaimorange.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 40px;
    min-height: 30px;
    margin-bottom: 10px;
    color: #000000;
    display: block;
}

.infoblock {
    display: block;
    margin: 10px 0px 0px 0px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    border-color: #AAAAAA;
    background-color: #FAFAFA;
}

.datebox {
    width: 150px;
}

.formlist {
    padding-top: 20px;
    display: block;
}

.padbottom {
    padding-bottom: 20px;
}

.padbottomsmall {
    padding-bottom: 10px;
}

.padleft {
    padding-left: 20px;
    display: block;
}

.padleftsmall {
    padding-left: 10px;
}

.padfullquestion {
    padding-top: 4px;
    padding-left: 30px;
    display: block;
}

.highlightblock {
    border-style: solid;
    border-width: 1px;
    border-color: #BABABA;
    background-color: #FAFAFA;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
}

.checkboxinline {
    display: inline-block;
    min-width: 180px;
    margin-bottom: 4px;
}

.checkboxinlinenotfixed {
    display: inline-block;
    margin-right: 38px;
    margin-bottom: 4px;
}

.checkboxinlinenarrow {
    display: inline-block;
    width: 100px;
    margin-bottom: 4px;
}

.repeaterheader {
    background-color: #DDDDDD;
}

.repeaterline {
    background-color: #FBFBFB;
}

.repeaterlinealternate {
    background-color: #F4F4F4;
}

.boxcover {
    background-color: #CFDEE5;
}

.wraplogin {
    border-style: solid;
    border-width: 1px;
    border-color: #444444;
    margin-top: 10px;
    padding-bottom: 4px;
    background-color: #FAFAFA;
    overflow: hidden;
}

.padlogin {
    padding-right: 20px;
    padding-left: 8px;
    padding-bottom: 4px;
    width: 46%;
    float: left;
}

.padloginright {
    width: 46%;
    float: left;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-right: 8px;
    border-width: 0px 0px 0px 1px;
    border-style: dashed;
    border-color: #444444;
}

.padlogintop {
    padding-top: 10px;
}

.loginholder {
    background-color: #F8F8F8;
    border-width: 1px;
    border-style: solid;
    border-color: #888888;
    margin-top: 10px;
}

.infoHolder {
    font-size: 100%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #444444;
    background-color: #FCF8F1;
    background-image: url(images/exclaimorange.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 4px 40px 4px 40px;
    margin-top: 46px;
}

.infoHeader {
    margin-bottom: 10px;
}

.stepfooter {
    color: #444444;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.redtext {
    color: #FF0000;
}

.padtop {
    padding-top: 20px;
}

.padtopsmall {
    padding-top: 10px;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.itemsummary {
    width: 70%;
    float: left;
}

.itemamount {
    display: inline-block;
    text-align: right;
    float: right;
}

.inline {
    display: inline-block;
}

.hrseparator {
    width: 90%;
    margin: 10px auto;
}

.hrblock {
    display: block;
    width: 90%;
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #000000;
    margin: 10px 0px 10px 20px;
}

.summaryholderpadding {
    padding-top: 20px;
}

.summaryholder {
    margin-top: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #AAAAAA;
    background-color: #F4F4F4;
    padding: 2px 2px 2px 2px;
    font-size: 90%;
    display: block;
    margin-bottom: 10px;
}

.summaryheader {
    display: block;
    font-weight: bold;
    padding-top: 10px;
}

.summaryheaderfirst {
    display: block;
    font-weight: bold;
}

.summarydetail {
    display: block;
}

.summaryfooter {
    padding-top: 12px;
    display: block;
}

.floatimage {
    float: right;
    padding: 0px 0px 10px 10px;
}

.itemadded {
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    background-color: #FAFAFA;
    margin-bottom: 10px;
    background-image: url(images/basket1.gif);
    background-repeat: no-repeat;
    background-position: 2px 8px;
    padding: 5px 5px 5px 30px;
}

    .itemadded a {
        color: #000000;
    }

.itemaddedindent {
    padding-left: 20px;
}

.addedheader {
    display: block;
    padding-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
}

.extracheck {
    display: none;
}

.text90 {
    font-size: 90%;
}

.indentline {
    padding-left: 40px;
}

.maxcharacters {
    text-align: right;
    font-size: 80%;
    padding-top: 5px;
}

.repeatertop {
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 4px;
}

.repeaterholder {
    border-style: none;
    background-color: #F4F4F4;
    padding: 4px;
}

.repeaterseparator {
    border-width: 0px;
    padding: 0px;
    width: 90%;
    margin: 0 auto;
}

.uploadholder {
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    padding: 10px;
    border-radius: 5px;
}

.formgroupheader {
    margin-bottom: 5px;
}

.questionholder {
    clear: both;
    padding-top: 8px;
}

.padtop {
    padding-top: 20px;
}

.questiongroup {
    padding-top: 20px;
}

.bulletholder {
    width: 30px;
    float: left;
    font-weight: bold;
}

.labelholder {
    width: 270px;
    float: left;
    padding-right: 20px;
}

.questionmain {
    padding-left: 30px;
    padding-right: 20px;
    width: 300px;
    float: left;
}

.questionmainsub {
    padding-left: 5px;
    width: 295px;
}

.questionsupplemental {
    padding-left: 50px;
    padding-right: 20px;
    width: 280px;
    float: left;
}

.questionfullwidth {
    display: block;
    padding-left: 25px;
}

.textboxholder {
    overflow: hidden;
    display: block;
}

.checkboxholder {
    overflow: hidden;
    display: block;
}

.checkboxblock {
    padding-left: 20px;
    display: block;
    text-indent: -20px;
    margin-bottom: 2px;
}

.textboxholderfull {
    overflow: hidden;
    display: block;
}

.clearboth {
    clear: both;
}



.infotext {
    font-size: 70%;
    color: #444444;
    display: block;
}

.infotextpad {
    padding-top: 3px;
}

.infotextinline {
    font-size: 70%;
    color: #444444;
    display: inline-block;
    margin-left: 20px;
}

.infotextlarge {
    font-size: 90%;
    padding-left: 18px;
    color: #444444;
    display: block;
}

.dropdownday {
    width: 82px;
    margin-right: 3px;
}

.dropdownmonth {
    width: 128px;
    margin-right: 3px;
}

.dropdownyear {
    width: 82px;
}

.datebox {
    width: 110px;
}

.keeptogether {
    display: inline-block;
}

.exclaimbox {
    background-image: url(images/exclaimlarge.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 125px;
    padding-bottom: 70px;
    min-height: 70px;
}

.exclaimsmall {
    background-image: url(images/exclaimorange.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 40px;
    padding-bottom: 30px;
    min-height: 30px;
    display: block;
    margin-left: 40px;
}

.marginbottom {
    margin-bottom: 20px;
}

.paddingbottomsmall {
    padding-top: 5px;
    padding-bottom: 5px;
}

.infoBox {
    font-size: 100%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #444444;
    background-color: #F6F6F6;
    background-image: url(images/exclaimorange.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 4px 40px 4px 40px;
    min-height: 30px;
    margin-top: 15px;
    color: #000000;
    display: block;
}

.documentinfo {
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    background-color: #fcfcf6;
    font-size: 15px;
    margin-left: 30px;
    padding: 5px;
}

.summaryholderpadding {
    padding-top: 20px;
}

.summaryholder {
    border-width: 1px;
    border-style: solid;
    border-color: #AAAAAA;
    background-color: #F4F4F4;
    padding: 2px 2px 2px 2px;
    font-size: 90%;
    display: block;
}

h3 {
    margin-top: 0px;
    font-size: 1.7rem;
    margin-bottom: 0.8rem;
}

#ucForm_divSummary h3 {
    margin-top: 15px;
}

.repeatertop {
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 4px;
    vertical-align: top;
}

th {
    text-align: left;
}

.questionindent {
    display: block;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.questionfullindent {
    padding-left: 50px;
    padding-right: 20px;
    width: auto;
    float: left;
}

.quantitylistbox {
    min-width: 40px;
}

.questionmainindent {
    padding-left: 30px;
    padding-right: 20px;
    width: auto;
    float: left;
}

.questioninfo {
    display: block;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 14px;
}

.linedesc {
    padding-left: 30px;
    padding-right: 20px;
    display: block;
}

.linevalue {
    width: 100px;
    padding-left: 20px;
    text-align: right;
    float: right;
}



.chkboxblocked {
    font-size: 90%;
    display: block;
    padding: 0px 0px 0px 20px;
    text-indent: -30px;
    margin-left: 30px;
}

    .chkboxblocked input {
        margin-right: 10px;
    }

.chkoption {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 12px;
    width: 105px;
}

.chkoptionmid {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 12px;
    width: 150px;
}

.chkoptionwide {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 12px;
    width: 200px;
}

.chkadvice {
    width: 270px;
    display: inline-block;
    padding-top: 10px;
    padding-left: 20px;
}

    .chkadvice input {
        margin-right: 10px;
    }

input[type=radio] + label {
    margin-right: 10px;
}

.costsummary {
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #888888;
    padding-top: 4px;
}

.chkholder {
    display: block;
    margin-left: 60px;
    margin-top: 10px;
}

.chkholdersmall {
    display: block;
    margin-left: 60px;
    text-indent: -25px;
}

.chkcopy {
    margin-left: -28px;
    color: #444444;
}

    .chkcopy input {
        margin-right: 10px;
    }

.costindicator {
    font-weight: bold;
}

.hide {
    display: none;
}

.alignimage {
    vertical-align: middle;
    margin-right: 15px;
}

.separatortext {
    font-weight: bold;
    color: #444444;
    padding-left: 32px;
}

.filesize {
    width: 99%;
}

.copybutton {
    border-style: solid;
    border-width: 1px;
    border-color: #444444;
    background-color: #888888;
    color: #FFFFFF;
    border-radius: 5px;
    min-height: 22px;
}

.pleasewait {
    border-style: solid;
    border-width: 2px;
    border-color: #F0BF4E;
    background-image: url(images/pleasewait.png);
    position: fixed;
    width: 200px;
    height: 50px;
    font-size: 24px;
    padding: 20px 0px 0px 0px;
    display: none;
    margin-top: -15px;
    margin-left: -100px;
    top: 50%;
    left: 50%;
    text-align: center;
    border-radius: 5px;
    z-index: 9999;
}

.addressfinder {
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    border-radius: 8px;
    padding: 5px 10px 10px 6px;
    background-color: #FAFAFA;
    margin-left: 30px;
    margin-right: 5px;
}

.addressfinderpcode {
    margin-left: 10px;
    margin-right: 10px;
    width: 95px;
}

.addressfindertitle {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.addressfinderbutton {
    margin-right: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #444444;
    border-radius: 4px;
    min-height: 22px;
    background-color: #888888;
    color: #FFFFFF;
}

.addressfinderlist {
    width: calc(100% - 90px);
    margin-right: 10px;
    margin-left: 0px;
}

.addressfinder .groupme ~ .groupme {
    width: calc(100% - 265px);
}

.addressfindererror {
    display: block;
    color: #AA0000;
    margin-top: 2px;
    margin-bottom: 5px;
}

.charactersused {
    font-size: 12px;
    color: #008800;
    display: inline-block;
    margin-left: 40px;
}




@media screen and (max-width:800px) {
    .groupme {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .addressfinderlist {
        width: calc(100% - 180px);
        margin-left: 90px;
    }

    .addressfinder .groupme ~ .groupme {
        width: calc(100% - 5px);
        display: block;
    }
}

@media screen and (max-width:525px) {

    .addressfinderlist {
        width: calc(100% - 90px);
        margin-left: 0px;
    }
}



@media screen and (max-width:500px) {
    .addressfinderbutton {
        float: right;
    }
}



.indent {
    margin-left: 30px;
}

.indentsmall {
    margin-left: 20px;
}

.filebutton {
    background-color: #557787;
    width: 380px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    border-color: #305567;
    padding: 5px;
    color: #FFFFFF;
    margin-left: 15px;
    font-size: 16px;
}

.filebuttonhidden {
    display: none;
}

.filebuttonholder {
    margin: 10px 0px;
}

.checklinedesc {
    display: inline-block;
    width: 40%;
    margin-left: 50px;
    max-width: 400px;
}

.checklineprice {
    width: 20%;
    max-width: 200px;
    text-align: right;
    display: inline-block;
}

.checklineoption {
    width: 60px;
    padding-left: 30px;
    display: inline-block;
}

.radiogroup {
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
    background-color: #FAFAFA;
    padding: 5px 5px 0px 5px;
    margin-bottom: 15px;
}

.radiogrouplight {
    background-color: #FEFEFE;
}

.radiogroup label {
    font-weight: bold;
    padding-left: 10px;
}

.checkboxblockwide {
    padding-left: 20px;
    display: block;
    text-indent: -30px;
    margin-bottom: 1px;
    margin-left: 10px;
}

.checkboxextend {
    padding-left: 50px;
    margin-top: 10px;
}

.dashedlist {
    list-style-type: square;
}

.nomargin {
    margin-top: 4px;
    margin-bottom: 10px;
}

.largemargin {
    margin-top: 20px;
    margin-bottom: 10px;
}

.nobottom {
    margin-bottom: 0px;
}

.noleft {
    margin-left: 0px;
}

.notop {
    margin-top: 0px;
}

.subquestion {
    font-size: 14px;
    padding-left: 20px;
}

.subtext {
    display: block;
    font-size: 14px;
    color: #555555;
    padding-left: 5px;
}

.subtextnopad {
    display: block;
    font-size: 14px;
    color: #555555;
}

.subtextpad {
    display: block;
    font-size: 14px;
    color: #555555;
    padding-left: 50px;
    padding-top: 5px;
}

.optionholder {
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
    background-color: #FAFAFA;
    padding: 5px 0px 5px 0px;
    margin-left: 30px;
}

.optionsummary {
    font-size: 85%;
}

.detailseparator {
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    width: 90%;
    margin: 20px auto 0px auto;
}

.introduction {
    font-size: 85%;
    background-color: #FAFAFA;
    border-color: #AAAAAA;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.infoarea {
    font-size: 90%;
    font-style: italic;
    margin-bottom: 10px;
}

.infobox {
    margin-top: 10px;
    font-size: 85%;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    background-color: #FEFEEC;
    color: #000000;
    padding: 5px;
}

.superscript {
    vertical-align: super;
    font-size: 75%;
}

.strongtext {
    font-weight: bold;
}

.declaration {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    background-color: #F1F1F1;
    padding: 5px;
}

.summaryinfo {
    display: block;
    border-style: solid;
    border-color: #888888;
    border-width: 1px;
    background-color: #F8F8F8;
    margin-top: 4px;
    padding: 4px;
    font-size: 85%;
}

.checkboxinfo {
    display: block;
    font-size: 80%;
    color: #000044;
    margin-left: 30px;
    margin-bottom: 8px;
}

.expiredline {
    display: block;
    font-size: 70%;
    line-height: 1.28em;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #444444;
    background-color: #FAF3F3;
    background-image: url(images/exclaimorange.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 4px 40px 4px 40px;
    min-height: 30px;
    margin: 10px 0px 10px 15px;
    color: #222222;
}

.detailtext {
    display: block;
    font-size: 80%;
    color: #222222;
    margin-top: 5px;
    margin-left: 20px;
}

.stockselect {
    display: block;
    margin: 5px 0px 10px 21px;
}

.groupsubtext {
    display: block;
    margin-left: 30px;
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 8px;
    color: #444444;
}

.dimensionlabel {
    width: 70px;
    display: inline-block;
}

.dimensiontext {
    width: 45px;
    display: inline-block;
    margin-right: 45px;
}

.timeseparator {
    display: inline-block;
    width: 12px;
    text-align: center;
}

.detailstable {
    width: 100%;
    font-size: 14px;
}

    .detailstable th {
        text-align: left;
        background-color: #e0ebff;
    }

    .detailstable tr {
        vertical-align: top;
        min-height: 20px;
    }


    .detailstable tbody tr:nth-child(even) {
        background-color: #F4F4F4;
    }

    .detailstable .rowtotal {
        background-color: #FFFFFF !important;
    }


@media screen and (max-width:665px) {
    .bulletholder {
        width: 25px;
        float: left;
    }

    .labelholder {
        float: none;
        width: auto;
        overflow: hidden;
        display: block;
    }

    .separatortext {
        padding-left: 25px;
    }

    .textboxholder {
        overflow: visible;
        display: block;
        margin-left: 25px;
        margin-top: 5px;
    }

    .checkboxholder {
        overflow: visible;
        display: block;
        margin-left: 25px;
    }

    .textboxholderfull {
        overflow: visible;
        display: block;
        margin-top: 2px;
    }

    .questionsupplemental, .questionmain {
        display: block;
        padding-left: 25px;
        padding-right: 0px;
        width: auto;
        float: none;
    }

    .padlogin {
        float: none;
        width: 97%;
    }

    .padloginright {
        float: none;
        width: 97%;
        border-left-width: 0px;
        border-top-width: 1px;
    }
}

@media screen and (max-width:500px) {
    .buttonfixed {
        min-width: 125px;
        font-size: 14px !important;
        padding: 5px 0px;
        margin-bottom: 3px;
    }
}

.MobMenu {
    display: none !important;
}

/* Styles for replacement topbar */
.sys_skipnav {
    display: none !important;
    visibility: hidden;
}

.toplinksholder {
    background-color: #000000;
    display: block;
    overflow: auto;
    padding: 6px 3px 3px 3px;
    font-size: 14px;
    color: #FFFFFF;
}

    .toplinksholder a {
        text-decoration: none;
        color: #FFFFFF;
    }

        .toplinksholder a:hover {
            text-decoration: underline;
        }

.toplinkskip {
    padding-left: 3px;
    padding-right: 20px;
    display: inline-block;
}

.toplinksignout {
    float: right;
    padding-right: 5px;
    display: inline-block;
}

.toplinksbasket {
    background-image: url(images/basket1invert.gif);
    background-repeat: no-repeat;
    padding-left: 24px;
    display: inline-block;
}

/* End of Styles for Replacement top bar */


/* Styles for Step Indicator */
.Step-indicator, .step-indicator {
    margin-top: 12px;
    margin-bottom: 0px;
    line-height: 30px;
    display: block;
}

.step {
    display: block;
    float: left;
    font-weight: bold;
    background: #e4e4e4;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    margin-right: 33px;
    position: relative;
    text-decoration: none;
    color: #666;
    cursor: default;
    font-size: 14px;
    margin-bottom: 5px;
}

    .step:before {
        content: "";
        display: block;
        width: 0;
        height: 30px;
        position: absolute;
        top: 0;
        left: -28px;
        border: 15px solid transparent;
        border-color: #e4e4e4;
        border-left-color: transparent;
    }

    .step:after {
        content: "";
        display: block;
        width: 0;
        height: 30px;
        position: absolute;
        top: 0;
        right: -28px;
        border: 15px solid transparent;
        border-left-color: #e4e4e4;
    }

    .step:first-of-type {
        /*border-radius: 2px 0 0 2px;*/
        border-radius: 0px;
        padding-left: 15px;
    }

        .step:first-of-type:before {
            display: none;
        }

    .step:last-of-type {
        border-radius: 0px;
        margin-right: 25px;
        padding-right: 15px;
    }

        .step:last-of-type:after {
            display: none;
        }

    .step.completed {
        background: #305566;
        color: #fff;
    }

        .step.completed:before {
            border-color: #305566;
            border-left-color: transparent;
        }

        .step.completed:after {
            border-left-color: #305566;
        }

    .step.current {
        background: #fdd26c;
        color: #000;
    }

        .step.current:before {
            border-color: #fdd26c;
            border-left-color: transparent;
        }

        .step.current:after {
            border-left-color: #fdd26c;
        }

.step-text {
    background-color: #EEEEEE;
    color: #000000;
    padding: 4px;
    font-size: 18px;
    display: none;
    margin-top: 10px;
}

@media screen and (max-width:700px) {
    .Step-indicator, .step-indicator {
        display: none;
    }

    .step-text {
        display: block;
    }
}



.pagecounter {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 4px;
    color: #4444AA;
}

/* End of Step Indicator Styles */

/* Product List Styles */
.productlist {
    width: 100%;
    margin-top: 10px;
    background-color: #FDFDFD;
    border-collapse: collapse;
}

    .productlist td {
        border-style: solid;
        border-width: 1px;
        padding: 2px;
        border-color: #AAAAAA;
    }

.productseparator td {
    border-style: none;
    height: 20px;
}

.productsmalltext {
    font-size: 70%;
}

.productkey {
    font-weight: bold;
    color: #444444;
    background-color: #E1E1E1;
}

.productheader {
    padding: 0px 0px 5px 0px;
    display: block;
    color: #FFFFFF;
}

.productgroup {
    background-color: #555555;
}

.productsubtext {
    color: #444444;
    font-size: 85%;
    display: block;
}

.productquantity {
    width: 30px;
    padding-left: 4px;
}
/* End of Product List Styles */

/* Item List Styles */

.itemlistbox {
    width: calc(100% - 94px);
}

.itemlisttable {
    width: 100%;
}

.itemnolist {
    background-image: url(images/exclaimorange.gif);
    border-style: solid;
    border-color: #DDDDDD;
    background-color: #F6F6F6;
    border-width: 1px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: 5px 5px 5px 45px;
    min-height: 30px;
    display: block;
    margin-left: 30px;
    margin-bottom: 10px;
}

.itemquantity {
    width: 90px;
    text-align: right;
    display: inline-block;
}

.iteminstruction {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #888888;
    padding-top: 5px;
    margin-top: 5px;
}

.itemdeletebutton {
    border-style: none;
    border-radius: 4px;
    width: 60px;
    background-color: #AA0000;
    color: #FFFFFF;
    margin-left: 20px;
    cursor: pointer;
    height: 20px;
    font-size: 14px;
}

.itemtotal {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #000000;
}
/* End of Item List Styles */

/* Grid Holder Styles */

.gridholder {
    margin-top: 10px;
    border-style: none;
    padding-left: 30px;
}

.griditem {
    display: inline-block;
    margin-bottom: 5px;
}

.gridtitle {
    display: inline-block;
    padding: 2px;
    background-color: #DDDDDD;
    width: 128px;
    height: 40px;
    vertical-align: top;
}

.gridinfo {
    display: inline-block;
    padding: 2px;
    height: 40px;
    vertical-align: top;
    width: 260px;
    background-color: #F1F1F1;
}



/* End of Grid Holder Styles */

@media screen and (max-width:700px) {
    .ui-datepicker {
        font-size: 90% !important;
    }
}

@media screen and (max-width:500px) {
    .ui-datepicker {
        font-size: 80% !important;
    }
}


/* override styles */
.bulletholdersmall {
    width: 20px;
}

.ulnomargin {
    margin-block-end: 0em;
    margin-bottom: 0px;
    margin-block-start: 0.1em;
    margin-top: 2px;
}

.formholder p {
    line-height: 1.2em !important;
}

/* end of override styles */

/* New menu styles */

.menuadditional {
    padding: 10px 0px;
}

.menuitems {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    max-width: 1500px;
    padding: 0;
    width: 100%;
}

    .menuitems li {
        background: #223266;
        border-bottom: 4px solid #cb2a81;
        height: 100px;
        margin: 0 7px 7px 0;
        width: 24%;
    }

        .menuitems li a {
            display: block;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
            color: #FFFFFF;
            text-decoration: none;
            transition: .33s ease all;
            height: 100%;
        }

            .menuitems li a:hover {
                background-color: #8F0058;
                color: #FAFAFA;
            }

            .menuitems li a:focus {
                color:#FAFAFA;
            }

.menuicon {
    vertical-align: top;
    font-size: 35px;
    width: 70px;
    height: 75px;
    padding-left: 20px;
    padding-top: 25px;
}

.menutext {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: calc(99% - 100px);
    padding-top: 10px;
}

.menuinfo {
    display: block;
    font-size: 14px;
    color: #444444;
    margin: 4px 0px 0px 24px;
}

@media screen and (max-width:1180px) {
    .menuitems li {
        width: 32%;
    }
}

@media screen and (max-width:820px) {
    .menuitems li {
        width: 48%;
    }
}

@media screen and (max-width:550px) {
    .menuitems li {
        width: 48%;
        height: 115px;
    }
    .menuicon{
        padding-left:10px;
        padding-top:15px;
    }
    .menutext {
        width: calc(99% - 85px);
    }
}
@media screen and (max-width:420px) {
   
    .menutext {
        font-size: 14px;
    }
}
@media screen and (max-width:380px) {
    .menuitems li {
        width: 98%;
        height: 70px;
    }
}
    /* End of New menu styles */