BODY {
  font-family: arial, verdana, sans serif;
  color: #000000;
  background-color: #FFFFFF ;
  margin-top: 0px;
  padding-top: 0px;
}

/* Prevent truncation of whitespace */
.list td, .orderfield {
  white-space: pre-wrap;
}

.blue {
  color:#25aae1;
}

.texthoverorange {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/Open-edi.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverorange .overlay {
  position:relative;
  top:0px;
  width:190px;
  height:200px;
  background:#fe9404;
  opacity:0;
}

.texthoverorange:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image: none;
  color: white;
  text-align: center;
  vertical-align:middle;
  cursor: pointer;
  padding:26px;
}

.texthoverblue {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/system-int.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverblue .overlay {
  position:relative;
  top:0px;
  width:190px;
  height:200px;
  background:#25aae1;
  opacity:0;
}

.texthoverblue:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image:none;
  color: white;
  text-align: center;
  vertical-align:middle;
  cursor: pointer;
  padding:26px
}

.texthovergreen {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/innovation.png) no-repeat;
  border:0px solid #fe9404;
}

.texthovergreen .overlay {
  position: relative;
  top:0px;
  width:190px;
  height:200px;
  background:#33b20c;
  opacity:0;
}

.texthovergreen:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image:none;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding:26px
}

.texthoverred {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/business-intel.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverred .overlay {
  position: relative;
  top:0px;
  width:190px;
  height:200px;
  background:#c72527;
  opacity:0;
}

.texthoverred:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image: none;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding:26px;
}

.texthoverpurple {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/data-man.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverpurple .overlay{
  position:relative;
  top:0px;
  width:190px;
  height:200px;
  background:#a829e9;
  opacity:0;
}

.texthoverpurple:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image:none;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  PADDING:26px;
}

DIV {
  -moz-box-sizing: border-box;
}

.cmscontentdiv {
  color:#000000;
  background-color: #FFFFFF ;
  padding-top: 6px;
}

.copyright {
  font-size: 10pt;
}

TABLE.cmsbodytable {
  width:100%;
  height:100%;
  vertical-align:top;
}

td.cmsbody {
  padding:0 0 0 44px;
  vertical-align:top;
}

TABLE.cmsbody {
  width:100%;
  height:100%;
  vertical-align:top;
}

html body a {
  text-decoration:none;
}

html body a:hover {
  text-decoration:none;
}

html body table.cmsbodytable tbody tr td table.cmsbodytable {
  margin-top:0px;
  padding-top:0px;
}

DIV.cmsbody {
  overflow:hidden;
}

td.cmsmenu {
  padding-top: 12px;
  vertical-align: top;
  width: 200px;
}

div.cmsmenu{
  vertical-align: top;
  width: 100%;
}

.navigation {
  font-size: 8px;
  background-color: #f4f4f4;
  color:#000000;
}

table.loginbox {
  width:100%;
  margin:0;
  padding:10px;
}

.loginbox p {
  text-align:center;
  padding:5px;
}

.navigation tr td.title {
  background:#25AAE2;
  color:#fff;
  font-size:16px;
  height:45px;
  padding:0 10px;
  margin:0;
  vertical-align:middle;
  border-bottom:7px solid #fff;
}

input.loginbox {
  border:none;
  background-color:#FFFFFF;
  color:#000000;
  font-size:12px;
}

table.navigation {
  color:#000000;
  text-align:center;
  max-width:249px;
  min-width:160px;
}

.navigation > table {
  padding:5px;
}

.navigation label {
  font-size:13px;
  float:left;
  width:75px;
  height:38px;
  background:#fff;
  color:#666;
  display:inline-block;
  font-weight:bold;
  height:38px;
  line-height: 38px;
  padding-left: 27px;
  margin:5px 2px 0 5px;
}

.navigation input {
  float:left;
  width:125px;
  height:38px;
  background:#fff;
  float:left;
  height:38px;
  width: 130px;
  margin:5px 0 5px 0;
  color:#666;
  padding-left: 5px;
}

.navigation label.login{background:#fff url(../templates/include/images/login.png) no-repeat 5px 10px;}
.navigation label.user{background:#fff url(../templates/include/images/login.png) no-repeat 8px -36px;}
.navigation label.passwd{background:#fff url(../templates/include/images/login.png) no-repeat 8px -82px;}
.navigation tr td input[type=submit]{background:#25AAE2;color:#fff;font-size:18px;text-align:center;width:123px;height:35px; line-height:35px;margin:10px 60px 10px 60px;border-bottom: 2px solid #018DC8;cursor:pointer;}
.navigation tr td input[type=submit]:hover,.navigation tr td input[type=submit]:active{border-bottom:2px solid #25AAE2;}

.navigation tr td logout[type=submit]{clear: both;FLOAT: center;text-align:center;font-size: 9pt; PADDING:8px; padding-left: 4px; padding-right: 4px; margin: 10px; border: 1px solid #25AAE2;background: #25AAE2;color: #ffffff;TEXT-DECORATION: none;DISPLAY: block;font-weight:bold;}
.navigation tr td logout[type=submit]:hover,.navigation tr td input[type=submit]:active{border-bottom:2px solid #25AAE2;}

.main .container {
  padding-top: 48px;
}

.home .cmscontentdiv {
  margin-top: -8px;
  position: relative;
  text-align: center;
}

.title,
.sub-heading,
.intro {
  color: #203864;
  font-weight: normal;
  margin-top: 0;
}

.title {
  font-size: 51px;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 6px;
}

.sub-heading {
  font-size: 39px;
}

.intro {
  font-size: 23px;
  margin-bottom: 14px;
}

.meeting {
  padding-left: 27px;
}

.image-caption {
  bottom: -30px;
  color: #203864;
  font-size: 20px;
  left: 15px;
  margin-top: 0;
  position: absolute;
}

h2.open{
  color: #203864;
  font-size: 23px;
  margin-top: 44px;
  margin-bottom: 0;
}

h2.open span{color: #14a9e4; font-weight:bold;}
div.bottom img.replace{float:left;margin:10px 10px 41px 0;}
div.bottom img.edi{float:right;margin:0;padding:0;margin:10px 0 41px 0;}

.header {
  color: #FFFFFF;
  text-align:right;
  font-size: 16px;
  font-weight: bold;
  height:110px;
  background:#000000;
}

.linebox {
  position:relative;
  float: left;
  width: 100%;
  margin: 10px 0 0;
}

.header .line {
  background: url("../templates/include/images/2border-top.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0);
  bottom: -7px;
  height:7px;
  width:auto;
  text-align:center;
  margin:auto;
  position:relative;
  z-index:10
}

.linebox .orange{position:relative; background:orange; height:7px;z-index:0;width:50%;float:left; bottom: -7px;}
.linebox .purple{position:relative; background:#A829E9; height:7px;z-index:0;width:50%;float:right;}
.footer .line{  background: url("../templates/include/images/2border-top.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0); top:-7px; height:7px;width:auto;text-align:center; margin:auto;position:relative;z-index:10}
.footer .linebox .orange{position:relative; background:orange; height:7px;z-index:0;width:50%;float:left; top: -7px;}
.footer .linebox .purple{position:relative; background:#A829E9; height:7px;z-index:0;width:50%;float:right;top: -14px;}

/*.line:before{position:absolute;right:100%;content:' '; background:#FE9404;height:5px; width:100%; }
.line:after{position:absolute;left:100%;content:' '; background:#A829E9;height:5px; width:100%; }*/

.headerbar{
  color: #FFFFFF;
  background-color: #4D4D4D;
  text-align:right;
  font-weight: bold;
}
.headerlogo1
{
  color: #FFFFFF;
  background-color: #000000;
  text-align:left;
  font-family: verdana, arial, sans serif;
  font-size: 18px;
  font-weight: bold;
}
.logo {
  /*float:left;*/
  text-align:left;
}

.logo a img {
  border:none;
  width: 300px;
}

TABLE.logo
{
  border-top: 2px white solid;
}
.banner
{
  background-color: #92B6DA;
}
TABLE.banner
{
  border-top: 2px white solid;
}
TR.footer
{

}
.footer
{
  height:315px;
  color: #949494;
  background: #3f3f3f;
}
.footer td .container{

  padding-top:10px;
}

.box1{width:650px;margin:10px 20px;float:left;text-align:left;position:relative;}
.box1 h2,.box2 h2{border-bottom:1px solid #626262;color:#fff;font-size:16px;line-height:35px;}
.box1 h2 span,.box2 h2 span{border-bottom:4px solid #25aae1;padding:0 17px 7px 0;}
.box2{width:150px;margin:10px 20px;float:right;text-align:left;}

.box1 .addr{
  background: url("../templates/include/images/map.png") no-repeat scroll 5px 11px rgba(0, 0, 0, 0);line-height: 150%;padding: 10px 25px;width:400px;}
  .box1 .emails{padding-left:20px;background:url(../templates/include/images/mail.png) no-repeat 0 15px;padding: 10px 25px;line-height: 150%;width:400px;}
  .box1 .phone{padding-left:25px;background:url(../templates/include/images/phone.png) no-repeat 0 3px; line-height: 150%;width:190px;position:absolute;top:70px;left:400px;}
  /*.box1 .globe{padding-left:25px;background:url(../templates/include/images/globe.png) no-repeat 0 1px; line-height: 150%;width:190px;position:absolute;top:152px;left:400px;}*/
  .box1 .globe{padding-left:25px;background:url(../templates/include/images/globe.png) no-repeat 0 1px; line-height: 150%;width:190px;position:absolute;top:232px;left:400px;}ul.footer-menu{padding:0;}
  ul.footer-menu li{list-style:none;padding:5px 0;}

  .copyr{
    border-top: 1px solid #626262;
    font-size: 12px;
    padding: 24px 0;
    text-align: right;
  }
  .copyr a img{
    float: right;
    margin: -14px 0 0 10px;}
    .footer a{
      color: #FFFFFF;
      font-size: 14px;
    }
    .footer a:hover{color:#25aae1;text-decoration:none;}
    A.header
    {
      color: #000000;
      font-size: 10pt;
    }
    /*.linkbutton { background-color: white; border: blue 1px solid; color: #996633; font-size: 8pt; padding-left: 4px; padding-right: 4px; margin: 1px; height:16px }*/
    .linkbutton {
      clear: both;
      FLOAT: center;
      margin:5px;
      PADDING:6px;
      text-align:center;
      border: 1px solid #FFAA00;
      background: #FFAA00;
      color: #ffffff;
      TEXT-DECORATION: none;
      font-weight:bold;
      font-size: 9pt;
    }
    .linkbutton:hover {
      clear: both;
      FLOAT: center;
      margin:px;
      PADDING:6px;
      text-align:center;
      border: 1px solid #FFAA00;
      background: #eef;
      color: #000000;
      TEXT-DECORATION: none;
      font-weight:bold;
      font-size: 9pt;
    }
    .nav {color:#000000;padding: 4px; text-align: left;}
    a.nav{display: block;
      margin: 0;
      padding: 0;
      text-align: left;}
      a.nav:hover{text-decoration:none;color: #b9b8b8;}
      .nav:hover {}
        .navon { DISPLAY: block; PADDING:8px; BACKGROUND: #FFAA00; COLOR: #ffffff; TEXT-DECORATION: none;font-weight:bold; text-align: left;}
        .navboxouter
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        .navboxinner
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        TABLE.navboxouter
        {
          border-right: 2px white solid;
        }

        .navboxouter
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        .navboxinner
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        TABLE.navboxouter
        {
          border-right: 2px white solid;
        }

        .breadcrumbtrail
        {
          font-size: 9pt;
          font-style: italic;
          color: #FFFFFF;
          background-color: #4D4D4D;
        }
        .folderlinks
        {
          font-size: 9pt;
          font-style: italic;
          color: #000000;
        }
        .pagetitle
        {
          font-size: 18pt;
          font-weight: bold;
          font-style: italic;
          color: #FFFFFF;
        }
        .pagedescription
        {
          font-size: 14pt;
          font-weight: bold;
          font-style: italic;
          color: #FFFFFF;
        }
        .newsbox
        {
          background-color: #FFFFFF;
        }
        .newboxtitle
        {
          font-size: 10pt;
          font-style: italic;
          color: #FFFFFF;
        }
        .newsboxbody
        {
          background-color: #FFFFFF;
        }
        INPUT, SELECT, TEXTAREA
        {
          background-color: white;
          border: gray 1px solid;
          /*color: #996633;*/
          color: #000000;
          font-size: 10pt;
        }
        INPUT.checkbox
        {
          border: 1px solid #25AAE2;
          background-color: transparent;
          color: #000000;
        }
        TD, P
        {
          font-size: 10pt;
        }
        A
        {
          font-size: 10pt;
          color: #000000;
          text-decoration: underline;
        }
        A:link
        {
          text-decoration: none;
        }
        A:visited
        {
          text-decoration: none;
        }
        A:active {
          text-decoration: none;
        }
        A:hover
        {
          text-decoration: underline;
        }
        SPAN.year {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFF;
          color: #555555;
          width:10 ;
          cursor:hand ;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
        }
        SPAN.yearover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFF;
          color: #555555;
          width:10 ;
          cursor:hand ;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
        }
        DIV.month {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFD;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #555555;
          width:30 ;
          cursor:hand ;
        }
        DIV.monthover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFD;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #555555;
          width:30 ;
          cursor:hand ;
        }
        DIV.monthselected {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #999981;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          width:30 ;
        }
        SPAN.monthyear {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-weight:bold;
          background-color: #EDF1E2;
          color: #999981;
          cursor:default ;
          width:40 ;
        }
        DIV.dayother {
          background-color: #FFFFFD;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #BABAA3;
          width: 26 ;
        }
        DIV.dayout {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        DIV.dayover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        DIV.dayselected {
          background-color: #999981;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          width: 26 ;
          cursor:hand ;
        }
        DIV.dayheader {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-style:normal ;
          text-decoration:none ;
          background-color: #FFFFFD;
          color: #BABAA3;
          width: 26;
        }
        DIV.dayheadermac {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-style:normal ;
          text-decoration:none ;
          background-color: #EDF1E2;
          color: #BABAA3;
          width: 184;
        }
        SPAN.dayother {
          background-color: #FFFFFD;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #BABAA3;
          width: 26 ;
        }
        SPAN.dayout {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        SPAN.dayover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        SPAN.dayselected {
          background-color: #999981;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          width: 26 ;
          cursor:hand ;
        }
        SPAN.dayheader {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-style:normal ;
          text-decoration:none ;
          background-color: #FFFFFD;
          color: #BABAA3;
          width: 26;
        }

        /* icomconnect V2 formats */

        /* List formats */

        TABLE.list
        {
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          spacing:0;
          padding:0;
          width:100%;
          /*border : solid 1 black ;*/
          background-color: #ffffff;
        }
        TTD.list
        {
          background-color: #f4f4f4;
          color: #000000;
          horizontal-align:left;
        }
        TR.list
        {
          text-decoration:none;
          background-color: #f4f4f4;
          border: solid 1 #4D4D4D;
          color: #000000;
          line-height:18px;
        }
        TD.actionlink
        {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        TD.actionlink:hover
        {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        TD.checkbox
        {
          text-align:center;
          line-height:14px;
        }

        TD.checkbox:hover {
          border: 1px solid #25AAE2;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }

        TD.pricecolumn
        {
          text-align:right;
          font-weight: bold;
        }

        /* general form layout */
        div.spacer {
          clear: both;
        }
        div.orderrow {
          height:16px;
          clear: both;
          line-height:12px;
          margin: 0px auto ;
        }
        div.orderrow span.orderlabel {
          float: left;
          width: 160px;
          text-align: left;
          font-weight: bold;
        }
        div.orderrow span.orderfield {
          color:black;
          float: left;
          width: 200px;
          text-align: left;
        }
        div.doublewidthrow {
          height:16px;
          clear: both;
          line-height:12px;
          margin: 0px auto ;
        }
        div.doublewidthrow span.doublewidthlabel {
          float: left;
          width: 110px;
          text-align: left;
          font-weight: bold;
        }
        div.doublewidthrow span.doublewidthfield {
          float: left;
          width: 200px;
          text-align: left;
        }
        div.widerow {
          height:16px;
          clear: both;
          line-height:12px;
          margin: 0px auto ;
        }
        div.widerow span.widelabel {
          float: left;
          width: 200px;
          text-align: left;
          font-weight: bold;
        }
        div.widerow span.widefield {
          float: left;
          width: 98%;
          text-align: left;
        }

        INPUT.inputform {
          clear: both;
          FLOAT: center;
          margin:5px;
          PADDING:6px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          /*DISPLAY: block;*/
        }
        INPUT.inputform:hover {
          clear: both;
          FLOAT: center;
          margin:5px;
          PADDING:6px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          /*DISPLAY: block;*/
        }
        INPUT.inputform:focus {
          clear: both;
          FLOAT: center;
          margin:5px;
          PADDING:6px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          /*DISPLAY: block;*/
        }
        /* button formats */
        DIV.formbuttons
        {
          clear: both;
          FLOAT: center; width:100%;
          margin:5px;
          padding-top:4px;
          text-align:center;
        }

        SPAN.formbuttons
        {
          padding:10;
        }
        /* OpenEDI buttons and fields */
        INPUT.formbutton {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        INPUT.formbutton:hover {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        INPUT.formbutton:focus {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }

        .listitem {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        .listitem:hover {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        .listitem:focus {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        .listitem {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        .listitem:hover {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        .listitem:focus {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        .formfield {
          border: 1px solid #25AAE2;
          background: #ffffff;
          color: #000000;
          margin:3px;
          PADDING:4px;
          font-size: 10pt;
        }
        .formfield:hover {
          border: 1px solid #25AAE2;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formfield:focus {
          border: 1px solid #25AAE2;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formdropdown {
          border: 1px solid #006;
          background: #ffffff;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formdropdown:hover {
          border: 1px solid #f00;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formdropdown:focus {
          border: 1px solid #f00;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }

        /* general subsection title format*/
        .navigationbutton {
          DISPLAY: block; PADDING:8px; border: 1px solid #33AA00; BACKGROUND: #33AA00; /*BACKGROUND: #FFAA00;*/ COLOR: #ffffff; TEXT-DECORATION: none;font-weight:bold; text-align: center;font-size: 9pt;
        }

        .navigationbutton:hover {
          DISPLAY: block; PADDING:8px; border: 1px solid #FFAA00; background: #eef; color: #000000; TEXT-DECORATION: none;font-weight:bold; text-align: center;font-size: 9pt;
        }

        .navigationbutton:focus {
          DISPLAY: block; PADDING:8px; border: 1px solid #FFAA00; background: #eef; color: #000000; TEXT-DECORATION: none;font-weight:bold; text-align: center;font-size: 9pt;
        }

        /* general subsection title format */

        DIV.titlebar
        {
          clear: both;
          color:white;
          background-color:#4D4D4D;
          width:100%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.formheader
        {
          margin-top:4px;
          color:white;
          background-color:#4D4D4D;
          width:100%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.formdescription
        {
          FLOAT: left; WIDTH: 100%;
          padding:3px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.playformdescription
        {
          FLOAT: left; WIDTH: 100%;
          padding:3px;
          font-family:arial, verdana, sans serif;
          font-size: 8px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }

        /* order formats */

        DIV.orderbackground
        {
          background-color:#FFFFFF;
        }
        DIV.ordertitlebar
        {
          color:white;
          background-color:#FFFFFF;
          width:100%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.orderformheaderWARN
        {
          margin-top:4px;
          color:white;
          background-color:red;
          width:97.2%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.orderformheader
        {
          margin-top:4px;
          color:white;
          background-color:#4D4D4D;
          width:97.2%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.orderformdescription
        {
          FLOAT: left; WIDTH: 96%;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.orderheader
        {
          WIDTH: 96% ;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-top : solid 1 black ;
          border-left : solid 1 black ;
          border-right: solid 1 black ;
          border-bottom : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.orderheaderleft
        {
          FLOAT: left; WIDTH: 47.25%;;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }

        DIV.orderheaderright
        {
          FLOAT: left; WIDTH: 47.25%;;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-right : solid 1 black ;
          border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.ordersupplier
        {
          FLOAT: left; WIDTH: 47.25%;
          /* height:170px; */
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.ordercustomer
        {
          FLOAT: left; WIDTH: 47.25%;
          /* height:170px; */
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-right : solid 1 black ;
          border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.orderlocation
        {
          width:100%;
          /*border : solid 1 black ;*/
        }
        DIV.orderinfo
        {
          FLOAT: left; WIDTH: 96%;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }

        TD.cataloglabel
        {
          width:200px;
          padding-left:8px;
          font-weight: bold;
        }
        TABLE.catalogitems
        {
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:18px;
          spacing:0;
          padding:0;
          width:100%;
          border : solid 1 gray ;
          background-color:#FFFFFF;
        }
        TABLE.orderitems
        {
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:18px;
          spacing:0;
          padding:0;
          width:100%;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        TR.orderitems
        {
          text-decoration:none;
          background-color: #f4f4f4;
          border: solid 1 #4D4D4D;
          line-height:18px;
          height:18px;
          color: #000000;
        }
        TR.orderitems-removed
        {
          text-decoration: line-through ;
          background-color: #f4f4f4;
          border: solid 1 #4D4D4D;
          line-height:18px;
          height:18px;
          color: #000000;
        }

        /* Use following if orderitems field has altrows="true"
        TR.orderitemseven
        {
        text-decoration:none;
        background-color: #E0EEEE;
        border: solid 1 #003366;
        color: #3266cc;
      }
      TR.orderitemsodd
      {
      text-decoration:none;
      background-color: #E0EEEE;
      border: solid 1 #003366;
      color: #3266cc;
    }
    */

    /* invoice formats */

    DIV.invoicebackground
    {
      background-color:#FFFFFF;
    }
    DIV.invoicelabel
    {
      font-weight: bold;
    }
    DIV.invoiceformheader
    {
      margin-top:4px;
      color:white;
      background-color:#4D4D4D;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.invoiceformdescription
    {
      FLOAT: left; WIDTH: 96%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoiceheader
    {
      WIDTH: 90% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoiceaddressbox
    {
      padding:4px;
      margin-bottom:4px;
      background-color:#FFFFFF;
    }

    DIV.invoicesupplier
    {
      FLOAT: left;
      WIDTH: 47.25%;;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicecustomer
    {
      FLOAT: left;
      WIDTH: 47.25%;;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicesupplierbox2
    {
      clear: both;
      FLOAT: left;
      WIDTH: 47.25%;
      /*height:300px;*/
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:25px;
      /*border-top: solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicecustomerbox2
    {
      FLOAT: left;
      WIDTH: 47.25%;
      /*height:300px;*/
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:25px;
      /*border-top: solid 1 black ;
      border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicelocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.invoiceinfo
    {
      FLOAT: left; WIDTH: 96%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }

    TABLE.invoiceitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.invoiceitems
    {
      text-decoration:none;
      background-color: #f4f4f4;
      border: solid 1 #4D4D4D;
      color: #000000;
      line-height:18px;
      height:18px;
    }
    TR.invoiceitems-removed
    {
      text-decoration: line-through ;
      background-color: #f4f4f4;
      border: solid 1 #4D4D4D;
      line-height:18px;
      height:18px;
      color: #000000;
    }

    /* remittance formats */

    DIV.remittancebackground
    {
      background-color:#FFFFFF;
    }
    DIV.remittanceformheader
    {
      margin-top:4px;
      color:white;
      background-color:#4D4D4D;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.remittanceformdescription
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittanceheader
    {
      WIDTH: 96% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittancesupplier
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittancecustomer
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittancelocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.remittanceinfo
    {
      FLOAT: left; WIDTH: 96%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }

    TABLE.remittanceitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.remittanceitems
    {
      text-decoration:none;
      background-color: #f4f4f4;
      border: solid 1 #4D4D4D;
      color: #000000;
      line-height:18px;
      height:18px;
    }

    /* shippingnote formats */

    DIV.shippingnotebackground
    {
      background-color:#FFFFFF;
    }
    DIV.shippingnoteformheader
    {
      margin-top:4px;
      color:white;
      background-color:blue;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.shippingnoteformdescription
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnoteheader
    {
      WIDTH: 100% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnotesupplier
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnotecustomer
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnotelocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.shippingnoteinfo
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }

    TABLE.shippingnoteitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.shippingnoteitems
    {
      text-decoration:none;
      background-color: #E0EEEE;
      border: solid 1 #4D4D4D;
      color: #000000;
      line-height:18px;
      height:18px;
    }

    /* customs formats */

    div.container {
      width:1092px;
      margin:auto;
      text-align: center;
      padding: 19px 0;
    }

    ul.menu{float:right;    margin-top: 30px;}
    ul.menu li{display:inline; float:left;width:100px;list-style:none; }
    ul.menu li a{color:#fff;font-size:16px;font-weight:normal;}
    ul.menu li a:hover{color:#25aae1;text-decoration:none;}
    .clearfix{clear:both;line-height:0;}

    DIV.customsbackground
    {
      background-color:#CCCCCC;
    }
    DIV.customstitlebar
    {
      color:white;
      background-color:#FFFFFF;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.customsformheader
    {
      margin-top:4px;
      color:white;
      background-color:#FFFFFF;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.customsformdescription
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customsheader
    {
      WIDTH: 100% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customssupplier
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customscustomer
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customslocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.customsinfo
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }

    TABLE.customsitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.customsitems
    {
      text-decoration:none;
      background-color: #E0EEEE;
      border: solid 1 #4D4D4D;
      line-height:18px;
      height:18px;
      color: #000000;
    }
    TR.customsitems-removed
    {
      text-decoration: line-through ;
      background-color: #E0EEEE;
      border: solid 1 #4D4D4D;
      line-height:18px;
      height:18px;
      color: #000000;
    }

    /* Use following if customsitems field has altrows="true"
    TR.customsitemseven
    {
    text-decoration:none;
    background-color: #E0EEEE;
    border: solid 1 #003366;
    color: #3266cc;
  }
  TR.customsitemsodd
  {
  text-decoration:none;
  background-color: #E0EEEE;
  border: solid 1 #003366;
  color: #3266cc;
}
*/

/* ----------------------------- 11/09/17 Logged out refresh ----------------------------- */

*, *::after, *::before {
  box-sizing: border-box;
}

.refreshwrap {
  float: left;
  width: 100%;
  padding-right: 32px;
  display: flex;
  flex-flow: row wrap;
}

.homecard {
  float: left;
  padding: 16px 32px;
  font-family: 'Work Sans', sans-serif;
  background-color: #ffffff;
  border-left: 6px solid #FB9101;
  text-align: left;
  margin: 78px 0 0 30px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  width: 400px;
}

.homecard > h1 {
  font-weight: 300;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 34px;
}

.homecard > h1:last-of-type {
  margin-bottom: 16px;
}

.homecard > span {
  float: left;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
}

.homecard > a {
  margin-top: 24px;
  float: left;
  padding: 8px 16px;
  background-color: red;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.homecard > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

body.home > table > tbody > tr.main {
  background-image: url(../templates/include/images/homebackground.jpg);
  background-size: cover;
  background-position: center;
}

body.home .bottom {
  margin-top: 100px;
}

body.home .homebottomtext {
  position: absolute;
  top: 820px;
  left: 0;
  right: 0;
  padding: 16px;
  background-color: #000;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
}

.navigation tr td.title,
.navigation tr td input[type=submit],
.navigation tr td logout[type=submit] {
  background-color: #FB9101;
  border: 0px;
  border-radius: 0px;
}

.navigation tr td input[type=submit],
.navigation tr td logout[type=submit] {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.navigation tr td input[type=submit]:hover,
.navigation tr td input[type=submit]:active,
.navigation tr td logout[type=submit]:focus,
.navigation tr td logout[type=submit]:active,
.navigation tr td logout[type=submit]:hover {
  background-color: #F57C00;
  border: 0px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

tr.footer > td > .linebox, .header .linebox > div {
  display: none;
}

body.home .cmsbody > .cmscontentdiv {
  background-color: transparent;
}

tr.header {
  border-bottom: 3px solid #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

tr.header .linebox {
  margin-top: 15px;
  border-bottom: 3px solid #fff;
}

.navigation label.login, .navigation label.user, .navigation label.passwd {
  background-color: transparent;
  width: 110px;
  margin-left: 0px;
}

.gs1footer {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 150px;
  background-color: #ffffff;
  padding: 0;
  border-top-left-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.gs1footer > img {
  float: left;
  width: 100%;
}



table.navigation tbody > tr > td > table {
  padding: 6px;
  background-color: #fff;
  width: 175px;
}

.navigation input {
  border-bottom: 2px solid #706f6f;
}

.cmsmenu > .navigation {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.cmscontentdiv {
  float: left;
  width: 100%;
  background: transparent;
  margin: 24px 0px;
}

.navigation tr td.title {
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  letter-spacing: 0;
  font-weight: 600;
}

.logo a img {
  float: left;
  padding: 6px 0;
}

.col-xs-12 {
  float: left;
  width: 100%;
}

.col-xs-6 {
  float: left;
  width: 50%;
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
}

.col-xs-3 {
  float: left;
  width: 25%;
}

.refreshwrap .col-xs-12 {
  margin-bottom: 32px;
}

.refreshwrap .refreshcard {
  float: left;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  position: relative;
  display: flex;
  flex-flow: column wrap;
}

.refreshwrap .refreshcard > h1 {
  float: left;
  width: 100%;
  padding: 16px;
  margin: 0;
  color: #fff;
  background-color: #FB9101;
  font-size: 20px;
  letter-spacing: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.refreshwrap .refreshcard > h3 {
  float: left;
  width: 100%;
  padding: 16px;
  margin: 0;
  color: #fff;
  background-color: #FB9101;
  font-size: 18px;
  letter-spacing: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}

.cardcontent {
  float: left;
  width: 100%;
  padding: 16px;
}

.refreshwrap > .col-xs-3 {
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  flex-flow: row wrap;
}

.refreshwrap > div:nth-of-type(2) {
  padding-left: 0px;
}

.refreshwrap > div:last-of-type {
  padding-right: 0px;
}

.cardcontent p {
  float: left;
  width: 100%;
  margin: 0 0 16px;
}

.cardcontent p:last-of-type {
  margin: 0px;
}

td.cmsmenu {
  padding-top: 32px;
}

.cardcontent > a {
  float: left;
  margin-top: 16px;
  color: #FB9101;
}

.cardcontent > p > a {
  color: #fb9101;
}

.cardcontent > a:hover,
.cardcontent > a:focus,
.cardcontent > a:active {
  color: #F57C00;
}

.col-xs-3 .refreshcard .cardcontent {
  padding: 16px 16px 48px;
  position: relative;
  flex: 1 1 auto;
}

ul.menu li a:hover {
  color: #fb9101;
}

.cardcontent > ul {
  float: left;
  margin-bottom: 0px;
}

.cardcontent > ul > li {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}

.cardcontent > ul > li:last-of-type {
  margin-bottom: 0px;
}

.refreshwrap.faqpage .col-xs-3 .refreshcard .cardcontent {
  padding: 16px;
}

.refreshwrap.faqpage .col-xs-3 .refreshcard {
  margin-bottom: 32px;
}

.refreshwrap.faqpage > div:nth-of-type(4n+2) {
  padding-left: 0px;
}

.refreshwrap.faqpage > div:nth-of-type(4n+5) {
  padding-right: 0px;
}

.refreshwrap.faqpage .cardcontent ul {
  margin-top: 0px;
  padding-left: 16px;
  float: left;
  width: 100%;
}

.refreshwrap.faqpage .cardcontent ul li {
  margin-bottom:
}

.refreshwrap.faqpage .cardcontent ul li span {
  float: left;
  width: 100%;
  word-break: break-word;
}

.refreshwrap.faqpage .cardcontent ul li > span:first-of-type {
  margin-bottom: 6px;
}

tr.main {
  background-color: #EEEEEE;
}

.refreshwrap p,
.refreshwrap span,
.refreshwrap a,
.refreshwrap li {
  font-size: 15px;
  line-height: 21px;
  float: left;
}

.refreshwrap p > a {
  float: none;
}

table.navigation {
  max-width: none;
}

td.cmsmenu {
  padding-bottom: 36px;
  padding-left: 36px;
}

.copyr > a.footertransalis {
  float: left;
  width: 180px;
  margin-top: -14px;
  margin-right: 32px;
}

.copyr > a.footertransalis > img {
  float: left;
  width: 100%;
  margin: 0px;
}

.copyr {
  text-align: left;
}

.cardcontent > h4 {
  float: left;
  width: 100%;
  margin: 12px 0 6px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Work Sans',sans-serif;
}

.navon {
  background-color: #fb9101;
  margin: 0 -22px 0 -20px;
}

.navigation tr td input[type=submit] {
  font-size: 17px;
  height: auto;
  margin-top: 16px;
}

.navigation tr td logout[type=submit] {
  font-size: 14px;
}

.comingsoon-image {
  padding-top: 24px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  margin-top: 24px;
}

.leadpara {
  font-size: 1.29rem;
  font-weight: 300;
  line-height: 1.35;
}


.loggedin .cmscontentdiv,
.forgottenpassword .cmscontentdiv {
  padding: 0px 36px 0 0;
  margin: 29px 0;
}

.loggedin .cmscontentdiv > table,
.forgottenpassword .cmscontentdiv > table {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-collapse: collapse;
}

.loggedin .cmscontentdiv > table > tbody > tr > td,
.forgottenpassword .cmscontentdiv > table > tbody > tr > td {
  padding: 0;
}

.loggedin .cmscontentdiv > table > tbody > tr > td > form,
.forgottenpassword .cmscontentdiv > table > tbody > tr > td > form {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:first-of-type > td,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td,
.editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td {
  padding: 0px;
}

.supplierhome .cmscontentdiv > table > tbody > tr > td > h1,
.loggedin .formheader,
.page-individual form > div[name=formheader],
.page-rdn-individual .cmscontentdiv .orderformheader,
.page-history .cmscontentdiv > table > tbody > tr > td > h3,
.page-histrdn-individual .cmscontentdiv .orderformheader,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:first-of-type > td > div.cmsbody > h3,
.changenotify .cmscontentdiv > table > tbody > tr > td > h3,
.changepassword .cmscontentdiv > table > tbody > tr > td > h3,
.changesettings .cmscontentdiv > table > tbody > tr > td > h3,
.processadmin .cmscontentdiv > table > tbody > tr > td > h3,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td > div.cmsbody > h3,
.editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td > div.cmsbody > h3,
.forgottenpassword .cmscontentdiv > table > tbody > tr > td > h1 {
  float: left;
  width: 100%;
  padding: 16px;
  color: #ffffff;
  background-color: #fb9101;
  text-align: left;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0px;
}

.supplierhome .cmscontentdiv > table > tbody > tr > td > h1,
.forgottenpassword .cmscontentdiv > table > tbody > tr > td > h1 {
  margin: 0 0 16px;
}

.supplierhome .cmscontentdiv > table > tbody > tr > td > p,
.forgottenpassword .cmscontentdiv > table > tbody > tr > td > p {
  float: left;
  width: 100%;
  margin: 0 0 12px;
  padding: 0 16px;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > p {
  float: left;
  width: 100%;
  padding: 0 16px;
}

.supplierhome .cmscontentdiv > table > tbody > tr > td > p > a {
  color: #fb9101;
  font-weight: bold;
}

.supplierhome .cmscontentdiv > table > tbody > tr > td > p > a:hover {
  color: #C85E00;
}

.supplierhome .homepagenews {
  float: left;
  width: 100%;
  margin: 16px 0 0;
  padding: 16px;
}

.supplierhome .homepagenews > h3 {
  float: left;
  width: 100%;
  margin: 16px 0 0;
  color: #706f6f;
  border-bottom: 2px solid #706f6f;
  padding-bottom: 6px;
  font-size: 1.3rem;
}

.supplierhome .homepagenews > div {
  float: left;
  width: 100%;
  padding: 16px 0;
}


.supplierhome .homepagenews > div:not(:last-of-type) {
  border-bottom: 1px solid #706f6f;
}

.argoscolor {
  color: #fb9101;
}

form .formdescription {
  padding: 16px;
}

.page-results form .formdescription {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.4;
}

form div[name=filter] {
  float: left;
  width: 100%;
  padding: 16px;
}

form div[name=filter] > .titlebar,
form > .titlebar {
  float: left;
  width: 100%;
  background-color: transparent;
  color: #706f6f;
  text-align: left;
  padding: 0 0 8px;
  margin: 16px 0;
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 2px solid #706f6f;
}

form > .titlebar {
  border-bottom: 0px;
  padding: 0 16px 10px;
  position: relative;
}

form > .titlebar::after {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 2px;
  background-color: #706f6f;
  content: "";
}

form div[name=filter] > .orderrow {
  float: left;
  width: 33.333333%;
  height: auto;
  line-height: initial;
  clear: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 16px;
  margin: 0 0 16px;
}

form div[name=filter] > .orderrow > .orderfield {
  width: auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
  flex: 1;
}

form div[name=filter] > .orderrow > .orderfield > .formfield {
  border: 1px solid #706f6f;
  width: 100%;
  margin: 0px;
  padding: 8px 32px 8px 8px;
}

form div[name=filter] > .orderrow > .orderfield > .formfield:focus,
form div[name=filter] > .orderrow > .orderfield > .formfield:active {
  border: 1px solid #fb9101;
  background: transparent;
}

form div[name=filter] > .orderrow > .orderfield > img {
  position: absolute;
  right: 8px;
}

form div[name=filter] > a {
  float: right;
  margin: 16px 16px 16px 0;
  padding: 8px 16px;
  color: #fff;
  background-color: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

form div[name=filter] > a:hover,
form div[name=filter] > a:focus,
INPUT.formbutton:hover,
INPUT.formbutton:focus {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.page-search form > .titlebar,
.page-search form > table.list,
.page-search form div[name=filter] > a,
.page-results form > .titlebar,
.changenotify .cmscontentdiv > table > tbody > tr > td > hr {
  display: none;
}

INPUT.formbutton {
  padding: 8px 16px;
  border-radius: 0;
  border: 0px;
  background-color: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
}

INPUT.formbutton:hover,
INPUT.formbutton:focus {
  border: 0px;
  background-color: #fb9101;
  color: #ffffff;
  padding: 8px 16px;
}

.page-results form > table.list,
.page-individual div[name=orderinfo] > table.orderitems,
.page-individual div[name=orderinfo] > table.invoiceitems,
.processadmin .cmscontentdiv > table > tbody > tr > td > form > table {
  border-collapse: collapse;
  padding: 16px;
  margin-top: 16px;
}

.page-results form > table.list > tbody > tr > th,
.page-results form > table.list > tbody > tr > th > a,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr > th,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr > th,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > th,
.productcatalogue form#frmUpdateLocations > table.catalogitems > tbody > tr:first-of-type > td > b,
.processinfo form#frmUpdateItems > table > tbody > tr > th,
.editusers form#frmUpdateItems > table > tbody > tr > td > b {
  text-align: left;
  color: #706f6f;
  font-size: 11px;
}

.page-results form > table.list > tbody > tr.list:hover {
  background-color: #eeeeee;
}

.page-results form > table.list > tbody > tr > th:first-of-type,
.page-results form > table.list > tbody > tr.list > td:first-of-type,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr > th:first-of-type,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems > td:first-of-type,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr > th:first-of-type,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td:first-of-type,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > th:first-of-type,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td:first-of-type {
  padding-left: 16px;
}


.page-results form > table.list > tbody > tr > th:last-of-type,
.page-results form > table.list > tbody > tr.list > td:last-of-type,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr > th:last-of-type,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems > td:last-of-type,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr > th:last-of-type,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td:last-of-type,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > th:last-of-type {
  padding-right: 16px;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td:last-of-type {
  padding: 16px;
}

.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td:last-of-type {
  padding: 10px 16px;
}

.page-results form > table.list > tbody > tr > th:last-of-type,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > th:last-of-type {
  text-align: center;
}

.page-results form > table.list > tbody > tr.list,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems {
  background-color: transparent;
}

.page-results form > table.list > tbody > tr.list > td,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems > td,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td {
  padding: 16px 0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
}

.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems > td.pricecolumn,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td.pricecolumn,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems > td.pricecolumn > input.formfield,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td.pricecolumn > input.formfield {
  text-align: right;
}

.page-results form > table.list > tbody > tr.list > td:last-of-type,
.page-results form > table.list > tbody > tr.list > td:last-of-type {
  text-align: center;
}

.page-results form > table.list > tbody > tr:first-of-type,
.page-individual div[name=orderinfo] > table.orderitems > tbody > tr:first-of-type,
.page-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:first-of-type,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr:first-of-type > th,
.processadmin .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr {
  border-bottom: 1px solid #e0e0e0;
}

.page-ackorders-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:nth-last-of-type(2),
.page-invoices-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:nth-last-of-type(2),
.page-rdn-individual div[name=orderinfo] > table.orderitems > tbody > tr:nth-last-of-type(2),
.page-histinv-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:nth-last-of-type(2),
.page-histrdn-individual .cmscontentdiv div[name=orderinfo] > table.orderitems > tbody > tr:nth-last-of-type(2),
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:first-of-type {
  display: none;
}

.page-ackorders-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:last-of-type > td.pricecolumn,
.page-invoices-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:last-of-type > td.pricecolumn,
.page-rdn-individual div[name=orderinfo] > table.orderitems > tbody > tr:last-of-type > td.pricecolumn,
.page-histinv-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:last-of-type > td.pricecolumn,
.page-histrdn-individual .cmscontentdiv div[name=orderinfo] > table.orderitems > tbody > tr:last-of-type > td.pricecolumn {
  padding: 16px 0;
}

.page-ackorders-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:last-of-type > td:last-of-type,
.page-invoices-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:last-of-type > td:last-of-type,
.page-rdn-individual div[name=orderinfo] > table.orderitems > tbody > tr:last-of-type > td:last-of-type,
.page-histinv-individual div[name=orderinfo] > table.invoiceitems > tbody > tr:last-of-type > td:last-of-type,
.page-histrdn-individual .cmscontentdiv div[name=orderinfo] > table.orderitems > tbody > tr:last-of-type > td:last-of-type {
  padding-right: 16px;
}

.page-ackorders-individual div[name=orderinfo] > table.invoiceitems > tbody > tr > th:nth-last-of-type(-n+5),
.page-ackorders-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td:nth-last-of-type(5),
.page-ackorders-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td:nth-last-of-type(5) > input,
.page-invoices-individual div[name=orderinfo] > table.invoiceitems > tbody > tr > th:nth-last-of-type(-n+5),
.page-invoices-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td:nth-last-of-type(5),
.page-invoices-individual div[name=orderinfo] > table.invoiceitems > tbody > tr.invoiceitems > td:nth-last-of-type(5) > input,
.page-rdn-individual div[name=orderinfo] > table.orderitems > tbody > tr > th:nth-last-of-type(-n+2),
.page-individual div[name=orderinfo] > table[name=debittotals] > tbody > tr > th,
.page-histinv-individual div[name=orderinfo] > table.invoiceitems > tbody > tr > th:nth-last-of-type(-n+4),
.page-histrdn-individual .cmscontentdiv div[name=orderinfo] > table.orderitems > tbody > tr > th:nth-last-of-type(-n+2) {
  text-align: right;
}

.page-results form > table.list > tbody > tr.list > td.actionlink {
  margin: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background: transparent;
  padding: 0;
}

.page-results form > table.list > tbody > tr.list > td.actionlink > a {
  float: left;
  width: auto;
  padding: 8px 16px;
  color: #fff;
  background-color: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
}

.page-results form > table.list > tbody > tr.list > td.actionlink > a:hover,
.page-results form > table.list > tbody > tr.list > td.actionlink > a:focus {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


TD.checkbox:hover {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background: transparent;
  margin: 0;
  padding: 16px 16px 16px 0;
}

.page-results form > table.list > tbody > tr > th > a {
  position: relative;
  padding: 8px 0;
  float: left;
  font-size: 12px;
}

.processinfo form#frmUpdateItems > table > tbody > tr > th,
.processinfo form#frmUpdateItems > table > tbody > tr > td,
.processinfo form#frmUpdateItems > table > tbody > tr > td > input {
  padding: 8px;
}

.processinfo form#frmUpdateItems > table > tbody > tr > td > input {
  float: left;
  width: 100%;
  padding: 8px;
  margin: 0px;
}

.page-results form > table.list > tbody > tr > th > a:hover:after {
  background-image: url(../templates/include/images/sort.svg);
  content: "";
  right: -18px;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div:first-of-type {
  text-align: left !important;
  flex: 0 0 auto;
  padding: 16px;
  width: auto !important;
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap {
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 16px;
  border: 1px solid #BDBDBD;
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span {
  width: auto !important;
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span > a {
  float: left;
  height: 24px;
  width: 24px;
  border: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 5px 0px;
  text-align: center;
  color: #706f6f;
}



.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span:first-of-type > a {
  background-image: url(../templates/include/images/previous.png);
  background-color: #BDBDBD;
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span:last-of-type > a {
  background-image: url(../templates/include/images/next.png);
  background-color: #BDBDBD;
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span:first-of-type > a:hover,
.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span:first-of-type > a:focus,
.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span:last-of-type > a:hover,
.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span:last-of-type > a:focus {
  background-color: #fb9101;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.page-results form > table.list > tbody > tr:last-of-type > td.buttons > div > div.listbutton-wrap > span > a:hover {
  color: #fb9101;
}

.page-individual form > .formbuttons,
.page-results form > .formbuttons {
  float: left;
  width: 100%;
  margin: 0;
  padding: 16px;
  display: flex;
  flex-flow: row wrap;
  text-align: left;
}

.page-individual form .formbuttons > .formbuttons,
.page-results form .formbuttons > .formbuttons {
  padding: 0 8px 16px;
  flex: 1;
}

.page-individual form .formbuttons > .formbuttons > .formbutton,
.page-results form .formbuttons > .formbuttons > .formbutton {
  margin: 0px;
  padding: 8px;
  width: 100%;
}

.page-individual form > div[name=formdescription] {
  float: left;
  width: 100%;
  padding: 16px;
  margin-bottom: 16px;
}

.page-individual form > div > .titlebar,
.page-individual form > div[name=orderinfo] > div > .titlebar,
.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div > .titlebar,
.page-rdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation] > .titlebar,
.page-histrdn-individual .cmscontentdiv > table > tbody > tr > td > div > .titlebar,
.page-histrdn-individual .cmscontentdiv > table > tbody > tr > td > div > div > .titlebar,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(2) > td > div {
  float: left;
  width: 100%;
  background-color: transparent;
  color: #706f6f;
  text-align: left !important;
  padding: 0 16px 10px;
  margin: 16px 0 !important;
  font-size: 1rem !important;
  font-weight: bold;
  position: relative;
}

.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=creditheader] > .titlebar,
.page-histrdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=creditheader] > .titlebar,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(2) > td > div {
  padding: 0 0 10px;
}

.page-individual form > div > .titlebar::after,
.page-individual form > div[name=orderinfo] > div > .titlebar::after,
.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div > .titlebar::after,
.page-rdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation] > .titlebar::after,
.page-histrdn-individual .cmscontentdiv > table > tbody > tr > td > div > .titlebar::after,
.page-histrdn-individual .cmscontentdiv > table > tbody > tr > td > div > div > .titlebar::after,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(2) > td > div::after {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 2px;
  background-color: #706f6f;
  content: "";
}

.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=creditheader] > .titlebar::after,
.page-histrdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=creditheader] > .titlebar::after,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(2) > td > div::after {
  left: 0;
  right: 0;
}

.page-individual form > div[name=orderheader],
.page-individual form > div[name=orderinfo],
.page-individual form > div[name=audit],
.page-individual form > div[name=locationinfo],
.page-rdn-individual .cmscontentdiv div[name=orderheader],
.page-rdn-individual .cmscontentdiv div[name=creditheader],
.page-rdn-individual .cmscontentdiv div[name=orderinfo],
.page-rdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation],
.page-histrdn-individual .cmscontentdiv div[name=orderheader],
.page-histrdn-individual .cmscontentdiv div[name=creditheader],
.page-histrdn-individual .cmscontentdiv div[name=orderinfo],
.page-histrdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation] {
  float: left;
  width: 100%;
  padding: 0;
  line-height: initial;
  margin-bottom: 16px;
}

.page-rdn-individual .cmscontentdiv div[name=creditheader],
.page-histrdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=creditheader] {
  padding: 0 16px;
}

.page-individual form > div[name=supplier],
.page-individual form > div[name=customer],
.page-individual form > div[name=supplier2],
.page-individual form > div[name=customer2],
.page-individual form > div[name=orderinfo] > div[name=delivery],
.page-individual form > div[name=orderinfo] > div[name=orderlocation],
.page-rdn-individual .cmscontentdiv div[name=supplier],
.page-rdn-individual .cmscontentdiv div[name=customer],
.page-histrdn-individual .cmscontentdiv div[name=supplier],
.page-histrdn-individual .cmscontentdiv div[name=customer] {
  float: left;
  width: 50%;
  padding: 0;
  line-height: initial;
  margin-bottom: 16px;
}

.page-individual form > div[name=orderinfo] > div[name=delivery],
.page-individual form > div[name=orderinfo] > div[name=orderlocation] {
  margin-top: 16px;
}

.page-individual form > div[name=orderheader] > .orderrow,
.page-individual form > div[name=orderinfo] > .orderrow,
.page-individual form > div[name=locationinfo] > .orderrow,
.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=orderheader] > .orderrow,
.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > .orderrow,
.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div[name=orderlocation] > .widerow,
.page-histrdn-individual .cmscontentdiv div[name=orderheader] > .orderrow,
.page-histrdn-individual .cmscontentdiv div[name=orderinfo] > .orderrow,
.page-histrdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation] > .widerow {
  float: left;
  width: 50%;
  padding: 0 16px;
  clear: none;
  height: auto;
  margin: 0 0 6px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.page-individual form > div[name=audit] > .orderrow {
  float: left;
  width: 33.333333%;
  padding: 0 16px;
  clear: none;
  height: auto;
  margin: 0 0 6px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.page-individual form > div[name=supplier] > .orderrow,
.page-individual form > div[name=customer] > .orderrow,
.page-individual form > div[name=supplier2] > .orderrow,
.page-individual form > div[name=customer2] > .orderrow,
.page-individual form > div[name=orderinfo] > div[name=delivery] > .orderrow,
.page-individual form > div[name=orderinfo] > div[name=orderlocation] > .orderrow,
.page-individual form > div[name=supplier] > .doublewidthrow,
.page-individual form > div[name=customer] > .doublewidthrow,
.page-individual form > div[name=supplier2] > .doublewidthrow,
.page-individual form > div[name=customer2] > .doublewidthrow,
.page-individual form > div[name=orderinfo] > div[name=delivery] > .doublewidthrow,
.page-individual form > div[name=orderinfo] > div[name=orderlocation] > .doublewidthrow,
.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=supplier] > .orderrow,
.page-rdn-individual .cmscontentdiv > table > tbody > tr > td > div[name=customer] > .orderrow,
.page-histrdn-individual .cmscontentdiv div[name=customer] > .orderrow,
.page-histrdn-individual .cmscontentdiv div[name=supplier] > .orderrow {
  float: left;
  width: 100%;
  padding: 0 16px;
  clear: none;
  height: auto;
  margin: 0 0 6px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.page-individual .orderrow > span.orderlabel,
.page-individual .doublewidthrow > span.doublewidthlabel,
.page-rdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation] > .widerow > .widelabel {
  min-height: 12px;
}

.page-individual .doublewidthrow > span.doublewidthlabel,
.page-rdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation] > .widerow > .widelabel {
  float: left;
  width: 160px;
  text-align: left;
  font-weight: bold;
}

.page-rdn-individual .cmscontentdiv div[name=orderinfo] > div[name=orderlocation] > .widerow > .widelabel {
  width: 225px;
}



.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems > td > a {
  float: left;
  width: auto;
  padding: 8px 16px;
  background-color: #fb9101;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.page-individual div[name=orderinfo] > table.orderitems > tbody > tr.orderitems > td > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.box1 h2 span, .box2 h2 span {
  border-bottom: 0px;
}

.box1 h2, .box2 h2 {
  border-bottom: 2px solid #ffffff;
}

.page-individual .orderfield > input.formfield {
  border: 1px solid #706f6f;
  float: left;
  width: 100%;
  position: relative;
  background: transparent;
  padding: 4px 8px;
  margin: 0;
}

.page-individual .orderfield > input.formfield:hover,
.page-individual .orderfield > input.formfield:focus {
  border: 1px solid #fb9101;
}

.page-individual .orderfield {
  position: relative;
}

.page-individual .orderfield > img {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.formfield {
  border: 1px solid #706f6f;
}

.formfield:hover {
  border: 1px solid #fb9101;
  background-color: transparent;
}

div[name=vatinfo] {
  float: left;
  width: 100%;
  padding: 16px 16px 0;
}

#jvcalendarpanel0 {
  z-index: 999999;
  top: 0;
  border: 1px solid #706f6f !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

div.month,
div.dayheader,
div.dayother,
div.dayout,
span.year {
  border: 1px solid #706f6f;
}

div.monthselected,
div.dayselected,
span.monthyear,
div.dayover,
div.monthover,
span.yearover {
  background-color: #fb9101;
  border: 1px solid #706f6f;
}

span.monthyear,
div.dayover,
div.monthover,
span.yearover {
  color: #ffffff;
}

div.dayheader,
div.dayout {
  color: #706f6f;
}

div.dayother {
  color: #bdbdbd;
}

span.year {
  color: #fb9101;
}

.page-history .cmscontentdiv > table > tbody > tr > td > table.list {
  padding: 16px;
}

.page-history .cmscontentdiv > table > tbody > tr > td > table.list > tbody > tr {
  display: block;
  float: left;
  width: 20%;
}

.page-history .cmscontentdiv > table > tbody > tr > td > table.list > tbody > tr > td {
  display: block;
  float: left;
}

.page-history .cmscontentdiv > table > tbody > tr > td > table.list > tbody > tr > td > a {
  padding: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  border: 0px;
  background-color: #fb9101;
  position: relative;
  height: 75px;
}

.page-history .cmscontentdiv > table > tbody > tr > td > table.list > tbody > tr > td > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color: #fb9101;
  color: #fff;
  border: 0px;
}

.page-history .cmscontentdiv > table > tbody > tr > td > table.list > tbody > tr > td > a > .histtitle {
  position: absolute;
  left: 0;
  top: 50%;
  width: 60%;
  padding: 2px 16px 16px;
  text-align: left;
  line-height: 1.4;
  transform: translateY(-50%);
}

.page-history .cmscontentdiv > table > tbody > tr > td > table.list > tbody > tr > td > a > .histnum {
  position: absolute;
  right: 0;
  width: 40%;
  padding: 16px 12px;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  border-left: 2px solid #fff;
  line-height: 40px;
  font-size: 16px;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td:first-of-type,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td:first-of-type,
.editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td:first-of-type {
  padding: 32px 0 36px 36px;
  vertical-align: top;
  width: 200px;
}


.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody,
.editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody {
  padding-top: 29px;
  padding-right: 36px;
  padding-bottom: 29px;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody,
.editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-collapse: collapse;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td,
.editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td {
  padding: 16px;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table.catalogitems > tbody {
  display: flex;
  flex-flow: column wrap;
  height: 220px;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:nth-of-type(3) > table {
  float: right;
  margin: 12px 0 36px;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:nth-of-type(3) > table > tbody > tr > td > a {
  float: left;
  width: auto;
  margin: 0 8px;
  padding: 8px 16px;
  font-size: 13px;
  background: #fb9101;
  border: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:nth-of-type(3) > table > tbody > tr > td > a:hover,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td:last-of-type > a.linkbutton:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: #fff;
  border: 0;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems,
.productcatalogue form#frmUpdateLocations > table.catalogitems,
.editusers form#frmUpdateItems > table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 24px;
  float: left;
}

.editusers form#frmUpdateItems > table {
  margin-top: 0px;
}


.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td:last-of-type > a.linkbutton {
  float: left;
  width: 100%;
  margin: 0;
  padding: 8px;
  border: 0;
  background: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > p {
  float: left;
  width: 100%;
  margin: 16px 0;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > p > input[type=submit],
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > p > input[type=reset],
.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div > a,
.productcatalogue.prodcat-editloc > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div > a {
  float: right;
  width: auto;
  padding: 8px 16px;
  border-radius: 0;
  background: #fb9101;
  border: 0;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  clear: none;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > p > input[type=submit]:hover,
.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > p > input[type=reset]:hover,
.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div > a:hover,
.productcatalogue form#frmUpdateLocations > table.catalogitems > tbody > tr > td > .linkbutton:hover,
.productcatalogue form#frmUpdateLocations > p > input:hover,
.productcatalogue.prodcat-editloc > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: #fff;
  border: 0;
}

.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div {
  display: block;
  float: right;
}

.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td {
  border: 0px;
}

.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td > form#frmUpdateItems > table.catalogitems > tbody > tr {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody {
  display: flex;
  flex-flow: column wrap;
  height: 500px;
  width: 100%;
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td > input,
.productcatalogue form#frmUpdateLocations > table.catalogitems > tbody > tr > td > input {
  float: left;
  padding: 8px 2px;
  margin: 0 2px;
  max-width: 280px;
}

.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody > tr > td > input {
  width: 300px;
  float: left;
  padding: 8px;
}

.productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:last-of-type {
  float: left;
  width: 100%;
  margin-bottom: 0px;
}

.productcatalogue form#frmUpdateLocations > table.catalogitems > tbody > tr > td {
  padding: 16px 0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  vertical-align: middle;
}

.productcatalogue form#frmUpdateLocations > table.catalogitems > tbody > tr > th {
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 0;
  text-align: left;
}

.productcatalogue form#frmUpdateLocations > table.catalogitems > tbody > tr > td > .linkbutton {
  float: left;
  width: auto;
  padding: 8px 7px;
  margin: 0 0 0 8px;
  background: #fb9101;
  border: 0;
  font-size: 12px;
  clear: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.productcatalogue form#frmUpdateLocations > p {
  float: left;
  width: 100%;
  margin: 16px 0;
}

.productcatalogue form#frmUpdateLocations > p > input {
  float: right;
  padding: 8px 16px;
  margin: 0 0 0 8px;
  background: #fb9101;
  border: 0;
  font-size: 12px;
  clear: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  border-radius: 0;
  color: #ffffff;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > p:last-of-type {
  margin-bottom: 24px;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form {
  padding: 16px;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > form,
.processadmin .cmscontentdiv > table > tbody > tr > td > form {
  padding: 16px 0;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(2) > td {
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > form > table,
.processadmin .cmscontentdiv > table > tbody > tr > td > form > table {
  float: left;
  width: 100%;
}

.processadmin .cmscontentdiv > table > tbody > tr > td > form > table {
  margin: 0 0 16px;
}

.processadmin .cmscontentdiv > table > tbody > tr > td > form > b {
  float: left;
  width: 100%;
  padding: 0 16px;
}

.processadmin .cmscontentdiv > table > tbody > tr > td > form > b > p {
  margin: 0px;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > form > p,
.changesettings .cmscontentdiv > table > tbody > tr > td > p:last-of-type {
  float: left;
  width: 100%;
  padding: 0 16px;
  margin: 0;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > p:last-of-type {
  padding: 16px;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > form > table > tbody {
  display: flex;
  flex-flow: column wrap;
  height: 375px;
}

.processadmin .cmscontentdiv > table > tbody > tr > td > form > table > tbody,
.editusers form#frmUpdateItems > table > tbody {
  display: flex;
  flex-flow: column nowrap;
}

.processadmin .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr,
.editusers form#frmUpdateItems > table > tbody > tr {
  display: flex;
  flex-flow: row nowrap;
  padding: 0 16px;
  align-items: center;
}

.editusers form#frmUpdateItems > table > tbody > tr {
  padding: 0px;
}

.processadmin .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr > td {
  padding: 8px 0;
  flex: 0 0 25%;
}

.editusers form#frmUpdateItems > table > tbody > tr > td {
  flex: 0 1 16.666666%;
  padding: 8px;
  margin: 0px;
  border-bottom: 1px solid #e0e0e0;
  height: 43px;
}

.editusers form#frmUpdateItems > table > tbody > tr:first-of-type > td {
  height: 29px;
}

.editusers form#frmUpdateItems > table > tbody > tr > td > input,
.editusers form#frmUpdateItems > table > tbody > tr > td > b,
.editusers form#frmUpdateItems > table > tbody > tr > td > a,
.editusers form#frmUpdateItems > table > tbody > tr > td > select {
  float: left;
  width: 100%;
  margin: 0px;
}

.editusers form#frmUpdateItems > table > tbody > tr > td > a {
  border: 0;
  padding: 6px 16px;
  clear: none;
  background: #fb9101;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.editusers form#frmUpdateItems > table > tbody > tr > td > select {
  margin: 2px 0;
}

.processadmin .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr > td:first-of-type {
  flex: 0 0 33.333333%;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr {
  flex: 0 1 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 6px;
  padding: 0 16px;
  width: 50%;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr > td {
  flex: 0 0 50%;
}

.changesettings .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr > td > input {
  float: left;
  width: 100%;
  margin: 0;
  padding: 8px;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:first-of-type,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(2) > td:first-of-type {
  display: none;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(3) > td:first-of-type,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(4) > td:first-of-type {
  width: 150px;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(3) > td:last-of-type > input[type=text] {
  padding: 8px;
  height: auto !important;
  margin: 8px 0;
  width: 300px !important;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(3) > td:last-of-type > input[type=button] {
  padding: 8px 16px;
  height: auto !important;
  border-radius: 0;
  background: #fb9101;
  border: 0;
  margin: 8px;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  width: auto !important;
  cursor: pointer !important;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(3) > td:last-of-type > input[type=button]:hover,
.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(4) > td:last-of-type > input#remove:hover,
.editusers form#frmUpdateItems > table > tbody > tr > td > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: #fff;
  border: 0;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(4) > td:last-of-type > select {
  width: 300px !important;
  padding: 8px;
  margin-bottom: 12px;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(4) > td:last-of-type > select > option {
  margin-bottom: 8px;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:nth-of-type(4) > td:last-of-type > input#remove {
  width: 300px !important;
  border: 0;
  margin: 0;
  border-radius: 0px;
  background: #fb9101;
  padding: 8px 16px;
  clear: none;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer !important;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:last-of-type {
  justify-content: flex-end;
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:last-of-type > td > input,
.changepassword .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr > td > input[type=submit] {
  float: left;
  margin: 0;
  width: auto !important;
  height: auto !important;
  cursor: pointer !important;
  padding: 8px 16px;
  clear: none;
  border: 0px;
  background: #fb9101;
  border-radius: 0px;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.changenotify .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr:last-of-type > td > input:hover,
.changepassword .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr >td > input[type=submit]:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: #fff;
  border: 0;
}

.changepassword .cmscontentdiv > table > tbody > tr > td > p {
  float: left;
  width: 100%;
  padding: 0 16px;
}

.changepassword .cmscontentdiv > table > tbody > tr > td > form {
  padding: 0 16px 16px;
}


.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:first-of-type,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:nth-of-type(4) {
  display: none;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p {
  float: left;
  width: 100%;
  margin: 0px;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div {
  float: left;
  width: 100%;
  padding: 0 0 16px;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table > tbody {
  display: flex;
  flex-flow: column nowrap;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table > tbody > tr {
  display: flex;
  flex-flow: row nowrap;
  padding: 4px 0;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table > tbody > tr > td {
  flex: 0 0 25%;
  padding: 0;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table > tbody > tr > td > a {
  clear: none;
  float: left;
  width: auto;
  padding: 8px 16px;
  margin: 0;
  border: 0;
  background: #fb9101;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table > tbody > tr > td > a:hover,
.processinfo form#frmUpdateItems > table > tbody > tr > td > a:hover,
.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: #fff;
}

.processinfo form#frmUpdateItems,
.processinfo form#frmUpdateItems > table {
  float: left;
  width: 100%;
  border-collapse: collapse;
}

.processinfo form#frmUpdateItems > table > tbody > tr > td > a {
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 16px;
  border: 0;
  font-size: 12px;
  clear: none;
  background: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.processinfo form#frmUpdateItems > p {
  float: left;
  width: 100%;
  margin: 16px 0;
}

.processinfo form#frmUpdateItems > p > input {
  float: right;
  width: auto;
  margin: 0 16px 0 0;
  font-size: 12px;
  cursor: pointer !important;
}

.processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > div > a {
  float: left;
  width: auto;
  clear: none;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  background: #fb9101;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.processinfo form#frmUpdateItems > table > tbody {
  display: flex;
  flex-flow: column nowrap;
}

.processinfo form#frmUpdateItems > table > tbody > tr {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  align-items: center;
}

.processinfo form#frmUpdateItems > table > tbody > tr > td,
.processinfo form#frmUpdateItems > table > tbody > tr > th {
  flex: 1 1 200px;
}

.editusers form#frmUpdateItems > p {
  float: left;
  width: 100%;
  margin: 16px 0;
}

.editusers form#frmUpdateItems > p > input {
  float: right;
}

.forgottenpassword .cmscontentdiv > table > tbody > tr > td > form > table.inputform {
  float: left;
  width: 100%;
  padding: 16px;
}

.forgottenpassword .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr > td > input[type=text] {
  clear: none;
  float: left;
  width: auto;
  margin: 0;
  padding: 8px 16px;
  border: 1px solid #706f6f;
  background: #fff;
  text-align: left;
  font-size: 12px;
}

.forgottenpassword .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr > td > input[type=text]:hover {
  border: 1px solid #fb9101;
  background: #fff;
}

.forgottenpassword .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr > td > input[type=submit] {
  float: left;
  clear: none;
  margin: 0;
  padding: 8px 16px;
  border-radius: 0px;
  border: 0;
  background: #fb9101;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.forgottenpassword .cmscontentdiv > table > tbody > tr > td > form > table.inputform > tbody > tr > td > input[type=submit]:hover,
.home .cmsmenu tr > td.nav > a.nav:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: #fff;
}

.home .cmsmenu tr > td.nav > a.nav {
  float: left;
  width: 100%;
  padding: 8px 16px;
  background-color: #fb9101;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p:last-of-type {
  float: left;
  width: 100%;
}

.logo a > img:nth-of-type(2),
.logo a > img:nth-of-type(3) {
  height: 75px;
  width: auto;
  margin-left: 16px;
}

a.nav:hover {
  color: #fb9101;
}

.header ul.menu > li {
  width: auto;
  margin: 0 12px;
}

.header ul.menu > li:last-of-type {
  margin-right: 0px;
}

.comingsoon-home {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.supplierhome .cmscontentdiv > table > tbody > tr > td > p,
.supplierhome .cmscontentdiv > table > tbody > tr > td > p > a {
  font-size: 20px;
}

.supplierhome .cmscontentdiv > table > tbody > tr > td > p {
  color: #706f6f;
}

TD, P {
  font-size: 14px;
}

.page-search .formdescription {
  font-size: 13px;
  line-height: 1.4;
}


/* =================== After Christmas Edits =================== */

.disabledmessage {
  float: left;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.disabledmessage > h1 {
  color: #fff;
  background-color: #fb9101;
  padding: 16px;
  float: left;
  width: 100%;
  margin: 0;
}

.disabledmessage > p {
  padding: 16px;
  float: left;
  width: 100%;
}

.disabledmessage > p > a {
  color: #fb9101;
}

table.loginbox {
  padding: 0px;
}

table.navigation > tbody > tr > td > table.navigation > tbody > tr > td > table > tbody > tr:last-of-type {
  display: none;
}

form > table.loginbox > tbody > tr {
  padding-bottom: 16px;
  float: left;
  width: 100%;
}

form > table.loginbox > tbody > tr > td:first-of-type {
  background-color: transparent;
  min-width: 110px;
  margin-left: 0px;
  font-size: 13px;
  padding: 0 0 0 29px;
  color: #706f6f;
  text-transform: capitalize;
  font-weight: 600;
}

form > table.loginbox > tbody > tr:nth-last-of-type(2) > td:last-of-type {
  float: left;
  width: 100%;
  padding: 0 62px;
}

form > table.loginbox > tbody > tr > td > input.loginbox {
  margin: 0;
  cursor: pointer;
}

form > table.loginbox > tbody > tr:last-of-type > td {
  color: red;
}

form > table.loginbox > tbody > tr:first-of-type > td:first-of-type {
  background: #fff url(../templates/include/images/login.png) no-repeat 1px 11px;
}

form > table.loginbox > tbody > tr:nth-of-type(2) > td:first-of-type {
  background: #fff url(../templates/include/images/login.png) no-repeat 1px -35px;
}

form > table.loginbox > tbody > tr:nth-of-type(3) > td:first-of-type {
  background: #fff url(../templates/include/images/login.png) no-repeat 1px -81px;
}

table.cmsbodytable > tbody > tr > td > div.cmsmenu > table.navigation > tbody > tr > td > table.navigation > tbody > tr > td > table > tbody > tr > td {
  background-color: transparent;
}

table.cmsbodytable > tbody > tr > td > div.cmsmenu > table.navigation > tbody > tr > td > table.navigation > tbody > tr > td > table > tbody > tr > td.navon {
  background-color: #fb9101;
}

table.cmsbodytable > tbody > tr > td > div.cmsmenu > table.navigation > tbody > tr > td > table.navigation > tbody > tr > td > table > tbody > tr > td > table.loginbox > tbody > tr > td > a {
  float: left;
  width: 100%;
  padding: 8px 16px;
  background-color: #fb9101;
  color: #fff;
  text-transform: capitalize;
  margin-top: 12px;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

table.cmsbodytable > tbody > tr > td.cmsmenu > div.cmsmenu > table.navigation > tbody > tr > td > table.navigation > tbody > tr > td > table > tbody > tr > td > table.loginbox > tbody > tr > td > a:hover,
.page-search .formbuttons > .formbuttons > input:hover,
.page-results .formbuttons > .formbuttons > input:hover,
.page-individual .formbuttons > .formbuttons > input:hover,
.productcatalogue table.cmsbody > tbody > tr > td > div > a.linkbutton:hover,
.productcatalogue table.cmsbody > tbody > tr > td > div > div > a.linkbutton:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.page-search form#frmOrderList > div.list > .orderrow > .orderfield > input {
  border: 1px solid #706f6f;
  width: 100%;
  margin: 0px;
  padding: 8px 32px 8px 8px;
}

.page-search .formbuttons > input {
  padding: 8px 16px;
  border-radius: 0;
  border: 0px;
  background-color: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
  color: #ffffff;
  TEXT-DECORATION: none;
  font-weight: bold;
  font-size: 9pt;
  margin: 5px;
  text-align: center;
}

.page-results .formbuttons > .formbuttons,
.page-individual .formbuttons > .formbuttons {
  padding: 0 8px 16px;
  flex: 1;
}

.page-results .formbuttons > .formbuttons > input,
.page-individual .formbuttons > .formbuttons > input {
  margin: 0px;
  padding: 8px;
  width: 100%;
  border-radius: 0;
  border: 0px;
  background-color: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
  color: #fff;
}

.page-individual .orderfield > input {
  border: 1px solid #706f6f;
  float: left;
  width: 100%;
  position: relative;
  background: transparent;
  padding: 4px 8px;
  margin: 0;
}

.page-individual table[name=orderitems] tr.invoiceitems > td > input {
  background: #ffffff;
  color: #000000;
  margin: 3px;
  padding: 4px;
  font-size: 10pt;
  border: 1px solid #706f6f;
}

.page-individual.page-invoicedorder-individual form > div[name=orderinfo] > div.orderrow,
.page-rdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow,
.page-histrdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow {
  width: 33.333333%;
}

.page-rdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow,
.page-histrdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow {
  float: left;
  padding: 0 16px;
  clear: none;
  height: auto;
  margin: 0 0 6px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 12px;
}

.page-rdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow > .widelabel,
.page-histrdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow > .widelabel {
  float: left;
  width: 160px;
  text-align: left;
  font-weight: bold;
  min-height: 12px;
}

.page-rdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow > .widefield,
.page-histrdn-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div.widerow > .widefield {
  color: black;
  float: left;
  width: 200px;
  text-align: left;
}

.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div > .titlebar,
.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div > .titlebar {
  float: left;
  width: 100%;
  background-color: transparent;
  color: #706f6f;
  text-align: left !important;
  padding: 0 16px 10px;
  margin: 16px 0 !important;
  font-size: 1rem !important;
  font-weight: bold;
  position: relative;
}

.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div > .titlebar {
  margin-top: 36px !important;
}

.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div > .titlebar::after,
.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div > .titlebar::after {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 2px;
  background-color: #706f6f;
  content: "";
}

.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div > .orderrow,
.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div[name=orderinfo] > div > .orderrow {
  float: left;
  width: 50%;
  padding: 0 16px;
  clear: none;
  height: auto;
  margin: 0 0 6px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 12px;
}

.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div.ordersupplier > .orderrow,
.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > div.ordercustomer > .orderrow {
  width: 100%;
}

.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > .orderformdescription {
  float: left;
  width: 100%;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
  margin-top: 46px;
}

.page-invoicedorder-individual div.cmscontentdiv > table > tbody > tr > td > .orderformdescription::before {
  content: "Acknowledged Order";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 16px;
  color: #ffffff;
  background-color: #fb9101;
  text-align: left;
  font-weight: bold;
  font-size: 1.2rem;
  margin: -46px 0px 0;
}

.productcatalogue table.cmsbody > tbody > tr > td > div > a.linkbutton,
.productcatalogue table.cmsbody > tbody > tr > td > div > div > a.linkbutton {
  float: left;
  width: auto;
  margin: 0 8px;
  padding: 8px 16px;
  font-size: 13px;
  background: #fb9101;
  color: #fff;
  border: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.productcatalogue table.cmsbody > tbody > tr > td > div > div {
  float: left;
  margin-bottom: 36px;
}

.productcatalogue form#frmUpdateItems  table.catalogitems {
  border-collapse: collapse;
  width: 100%;
  margin-top: 24px;
  float: left;
}

.productcatalogue form#frmUpdateItems  table.catalogitems > tbody > tr > th {
  text-align: left;
  color: #706f6f;
  font-size: 11px;
  border-bottom: 1px solid #e0e0e0;
}

.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > th:first-of-type,
.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > td:first-of-type {
  padding-left: 16px;
}

.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > th:last-of-type,
.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > td:last-of-type {
  padding-right: 16px;
  text-align: center;
}

.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > td {
  padding: 16px 0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
}

.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > td:last-of-type {
  padding: 16px;
}

.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > td > input {
  float: left;
  padding: 8px 2px;
  margin: 0 2px;
  max-width: 280px;
}

.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > td:last-of-type > a.linkbutton {
  float: left;
  width: 100%;
  margin: 0;
  padding: 8px;
  border: 0;
  background: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.productcatalogue form#frmUpdateItems table.catalogitems > tbody > tr > td:last-of-type > a.linkbutton:hover,
.productcatalogue form#frmUpdateItems > p > input[type=submit]:hover,
.productcatalogue form#frmUpdateItems > p > input[type=reset]:hover,
.processadmin form > b > p > input[type=submit]:hover,
.processadmin form > b > p > input[type=reset]:hover,
.processinfo form#frmUpdateItems > p > input[type=submit]:hover,
.processinfo form#frmUpdateItems > p > input[type=reset]:hover,
.editusers form#frmUpdateItems > p > input[type=submit]:hover,
.editusers form#frmUpdateItems > p > input[type=reset]:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: #ffffff;
}

.productcatalogue form#frmUpdateItems > p {
  float: left;
  width: 100%;
  margin: 16px 0;
}

.productcatalogue form#frmUpdateItems > p > input[type=submit],
.productcatalogue form#frmUpdateItems > p > input[type=reset] {
  float: right;
  width: auto;
  padding: 8px 16px;
  border-radius: 0;
  background: #fb9101;
  border: 0;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  clear: none;
  margin-left: 16px;
  color: #fff;
  font-weight: 600;
}

.productcatalogue td.cmsbody > table.cmsbody > tbody > tr > td > div > p:last-of-type {
  float: left;
  width: 100%;
}

.changepassword form > table.inputform input.inputform {
  border: 1px solid #706f6f;
  background: transparent;
  color: #000000;
  margin: 3px;
  padding: 4px;
  font-size: 10pt;
}

.changepassword form > table.inputform > tbody > tr > td > input[type=submit] {
  color: #ffffff;
}

.changesettings form#frmUpdateItems > p > input[type=submit],
.changesettings form#frmUpdateItems > p > input[type=reset],
.processadmin form > b > p > input[type=submit],
.processadmin form > b > p > input[type=reset],
.processinfo form#frmUpdateItems > p > input[type=submit],
.processinfo form#frmUpdateItems > p > input[type=reset] {
  padding: 8px 16px;
  border-radius: 0;
  border: 0px;
  background-color: #fb9101;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
  color: #ffffff;
  TEXT-DECORATION: none;
  font-weight: bold;
  font-size: 9pt;
  text-align: center;
  margin: 5px;
}


.editusers form#frmUpdateItems > table > tbody > tr > th {
  flex: 0 1 16.666666%;
  padding: 8px;
  margin: 0px;
  border-bottom: 1px solid #e0e0e0;
  height: 29px;
  text-align: left;
  color: #706f6f;
  font-size: 11px;
}

.editusers form#frmUpdateItems > table > tbody > tr > td {
  flex: 0 1 16.666666%;
  padding: 8px;
  margin: 0px;
  border-bottom: 1px solid #e0e0e0;
  height: 43px;
}

.editusers form#frmUpdateItems > table > tbody > tr > td > input {
  border: 1px solid #706f6f;
  padding: 4px;
}

.editusers form#frmUpdateItems > p > input[type=submit],
.editusers form#frmUpdateItems > p > input[type=reset] {
  border: 0;
  padding: 6px 16px;
  clear: none;
  background: #fb9101;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  color: #fff;
  margin-left: 16px;
  font-weight: 600;
}

.page-invoice-new div[name=orderinfo] > table.invoiceitems > tbody > tr:first-of-type {
  display: table-row !important;
}

.page-invoice-new div[name=orderinfo] > table.invoiceitems > tbody > tr > th,
.page-invoice-new div[name=orderinfo] > table.invoiceitems > tbody > tr > td,
.page-invoice-new div[name=orderinfo] > table.invoiceitems > tbody > tr > td > input {
  text-align: left !important;
}

#jvcalendarpanel2 {
  z-index: 999999;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.productcatalogue form#frmUpdateLocations > table.catalogitems > tbody > tr > td > input {
  max-width: 110px;
}

.comingsoon-wrap {
  float: left;
  width: 100%;
  margin-top: 32px;
}

.comingsoon-wrap > .comingsoon-home {
  float: left;
  width: 50%;
  margin: 0px;
}

.comingsoon-wrap > div {
  float: left;
      width: 40%;
      margin-top: 50px;
      margin-left: 16px;
      color: #706f6f;
}

.comingsoon-wrap > div > h3 {
  margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 2px solid #706f6f;
font-size: 2.6rem;
font-weight: 400;
font-family: 'Work Sans', sans-serif;
}

.comingsoon-wrap > div > p:first-of-type {
  margin: 32px 0 8px;
}

.comingsoon-wrap > div > p {
    font-size: 18px;
    margin: 16px 0 0;
}

.comingsoon-wrap > div > p > a {
  color: #fb9101;
  font-size: 18px;
}

.comingsoon-wrap > div > p > a:hover {
  color: #F57C00;
}




.refreshwrap.termsandconditions span {
  float: none;
}

.refreshwrap.termsandconditions h3 {
  margin-top: 32px;
}

.refreshwrap.termsandconditions .cardcontent > ol > li:first-of-type > h3 {
  margin-top: 0;
}

.refreshwrap.termsandconditions ol {
  counter-reset: item;
  border-collapse: collapse;
}

.refreshwrap.termsandconditions li {
  display: table-row;
  float: none;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
}

.refreshwrap.termsandconditions li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  display: table-cell;
  padding-right: 8px;
}

.refreshwrap.termsandconditions .cardcontent > ol > li:before {
  font-weight: bold;
  font-size: 1.17em;
  content: counter(item)'.';
  padding-right: 0px;
}

.refreshwrap.termsandconditions.cookiepolicy table {
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 24px;
  float: left;
}

.refreshwrap.termsandconditions.cookiepolicy table th, .refreshwrap.termsandconditions.cookiepolicy table td {
  border: 1px solid black;
  padding: 6px;
}

.refreshwrap.termsandconditions.cookiepolicy table th {
  font-size: 0.8rem;
  text-align: left;
}

.refreshwrap.termsandconditions.cookiepolicy table > tbody > tr > td:first-of-type {
  font-weight: bold;
}

.refreshwrap.termsandconditions a, .refreshwrap.privacypolicy a {
  color: #fb9101;
}



/* Gartner Barcelona Message */


.barcelona-wrap {
    padding: 48px 16px 16px;
    width: 100%;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 2px;
}

.barcelona-image {
  grid-column: 1/2;
  background-image: url(../templates/include/images/49194142__m.jpg);
  background-size: cover;
  background-position: center;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.barcelona-content {
  grid-column: 2/3;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  padding: 24px;
}

.barcelona-content > span {
  font-size: 1.6rem;
  margin-bottom: 16px;
  width: 100%;
}

.barcelona-content > span:nth-of-type(2) {
  margin-bottom: 36px;
}

.barcelona-content > a {
  font-size: 1.2rem;
  padding: 16px;
  background-color: #2196f3;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  margin-top: 16px;
}

.barcelona-content > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.barcelona-content > p {
  margin-top: 0px;
  font-size: 1.1rem;
  font-weight: 400;
}

.barcelona-content > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  margin-bottom: 16px;
}

.barcelona-content > div > span {
  margin-bottom: 16px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.barcelona-content > div > span::before {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #000;
  display: block;
  content: "";
  margin-right: 12px;
  flex: 0 0 6px;
}



/* ================ Cookie Banner ==================== */

  .cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fb9101;
    color: #fff;
    z-index: 9999;
    border-top: 3px solid #fff;
  }

  .cookie-banner-inner {
    padding: 16px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  .cookie-banner-inner > span {
    width: 75%;
    margin-bottom: 0;
  }

  .cookie-banner-inner > span > a {
    color: #fff;
    text-decoration: underline;
  }
  .cookie-banner-inner > span > a:hover {
    color: #c8c8c8;
  }

  .cookie-banner-inner .cookie-button {
    padding: 8px 16px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
  }

  .cookie-banner-inner .cookie-button:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }

  .cookie-banner-inner .cookie-button#cookie-accept {
    background-color: green; 
  }

  .cookie-banner-inner .cookie-button#cookie-reject {
    background-color: red; 
  }

  .edit-cookies {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top-right-radius: 2px;
    background-color: #fff;
    border: 3px solid #fb9101;
    border-left: 0;
    border-bottom: 0;
    padding: 8px 16px;
    z-index: 9999;
    color: #fb9101;
    font-weight: 600;
    line-height: 35px;
    cursor: pointer;
  }

  .edit-cookies:hover {
    color: #ffffff;
    background-color: #fb9101;
    border: 3px solid #fff;
    border-left: 0;
    border-bottom: 0;
  }

  .cookie-banner > .container {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
  }

  .cookie-banner-inner > span, .cookie-banner-inner > span > a {
    font-size: 1rem;
    line-height: 1.3;
  }



/* ================ BEGIN: Supplier Home - Marketing ==================== */



.marketing-wrap {
  float: left;
  width: 100%;
  margin: 29px 0;
  padding-right: 36px;
  box-sizing: border-box;
  max-width: 1150px;
  min-width: 768px;
  font-family: 'Work Sans', sans-serif;
}

.marketing-inner {
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 2px;
}

.marketing-inner .marketing-left img, .marketing-inner .marketing-left iframe {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.marketing-inner .marketing-right {
    padding: 50px;
}

.marketing-inner .marketing-right .marketing-content {
    display: flex;
    align-content: space-between;
    flex-direction: column;
    height: 100%;
}

.marketing-inner .marketing-right .title h1 {
    margin-top: 0;
    font-size: 2rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.2;
    color: #000;
}

.marketing-inner .marketing-right .marketing-content {
    line-height: 1.5;
}

.marketing-inner .marketing-right .marketing-content .btn {
    margin-bottom: 0;
    margin-top: auto;
}

.marketing-inner .marketing-right .marketing-content .btn a {
    background-color: #00aae0;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 20px;
    margin: 50px 0 0;
    line-height: auto;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
}


/* ================ END: Supplier Home - Marketing ==================== */



/* =================== Internet Explorer Syling =================== */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .refreshwrap, .refreshwrap .refreshcard, .refreshwrap > .col-xs-3 {
    display: block;
    flex-flow: none;
  }

  .refreshwrap.faqpage > .col-xs-3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}



/* =================== Microsoft Edge Syling =================== */

@supports (-ms-ime-align: auto) {
  .productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > p > table.catalogitems > tbody,
  .changesettings .cmscontentdiv > table > tbody > tr > td > form > table > tbody,
  .productcatalogue.prodcat-editcustomers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:last-of-type > td > form#frmUpdateItems > table.catalogitems > tbody {
    height: auto;
  }

  .changesettings .cmscontentdiv > table > tbody > tr > td > form,
  .processadmin .cmscontentdiv > table > tbody > tr > td > form,
  .forgottenpassword .cmscontentdiv > table > tbody > tr > td > form {
    padding: 16px;
  }

  .changesettings .cmscontentdiv > table > tbody > tr > td > form > table > tbody > tr > td > input {
    margin-bottom: 8px;
  }


  .supplierhome .cmscontentdiv > table > tbody > tr > td > h1,
  .loggedin .formheader,
  .page-individual form > div[name=formheader],
  .page-rdn-individual .cmscontentdiv .orderformheader,
  .page-history .cmscontentdiv > table > tbody > tr > td > h3,
  .page-histrdn-individual .cmscontentdiv .orderformheader,
  .productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr:first-of-type > td > div.cmsbody > h3,
  .changenotify .cmscontentdiv > table > tbody > tr > td > h3,
  .changepassword .cmscontentdiv > table > tbody > tr > td > h3,
  .changesettings .cmscontentdiv > table > tbody > tr > td > h3,
  .processadmin .cmscontentdiv > table > tbody > tr > td > h3,
  .processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td > div.cmsbody > h3,
  .editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td > div.cmsbody > h3,
  .forgottenpassword .cmscontentdiv > table > tbody > tr > td > h1 {
    margin: -2px -2px 16px -2px;
    width: calc(100% + 4px);
  }

  .loggedin .cmscontentdiv > table,
  .forgottenpassword .cmscontentdiv > table,
  .productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody,
  .processinfo > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody,
  .editusers > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody {
    border-collapse: separate;
  }

  tr.list,
  tr.orderitems,
  table.catalogitems {
    border: 0px;
  }

  .productcatalogue > table.cmsbodytable > tbody > tr.main > td > table.cmsbodytable > tbody > tr > td.cmsbody > table.cmsbody > tbody > tr > td > div.cmsbody {
    overflow: visible;
  }

  .navon {
    font-size: 13px;
  }



}

@media screen and (min-width: 2200px) {
  body.home > table > tbody > tr.main {
    background-size: unset;
  }
}