@charset "UTF-8";
/*
PEP SASS generated stylesheet
Developed by: Anthony Otyehel
Location: Paragon CC Rotherham
Version: 1.9
*/
@import url("baseNew.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@400;600&family=Roboto:wght@300;700&display=swap");
@keyframes pulse-color {
  0% {
    transform: scale(1);
    color: #243882;
  }
  5% {
    color: #006e6a;
    transform: scale(0.9);
  }
  95% {
    color: #006e6a;
    transform: scale(0.9);
  }
  100% {
    color: #243882;
    transform: scale(1);
  }
}
/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .menu table tr td a,
  .menu table tr td a:link,
  .menu table tr td a:visited,
  .menu table tr td a {
    text-align: center;
    background: white;
  }
}
/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .menu table tr td a,
  .menu table tr td a:link,
  .menu table tr td a:visited,
  .menu table tr td a {
    text-align: center;
    background: white;
  }
}
@media screen and (max-device-width: 1200px) {
  .menu {
    background: #fff;
  }
  .menu table tr td a,
  .menu table tr td a:link,
  .menu table tr td a:visited,
  .menu table tr td a {
    text-align: left;
    background: white;
  }
  .menu table tr .menuItemCell {
    background: white;
  }
}
html {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html a, html button {
  cursor: pointer;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  background: none !important;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  min-height: 100%;
  background-image: none !important;
  background-color: #f0f0f0 !important;
}

.container {
  position: relative;
  width: 100%;
  min-width: 1200px;
  max-width: 1200px;
  background-image: none !important;
  margin: 0 auto;
  min-height: calc(100vh - 2.1em) !important;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  padding-bottom: 20px;
  height: auto;
}
.container:after {
  content: "";
  display: block;
  clear: both;
}

.header {
  position: relative;
  background-color: none;
  width: 100%;
  padding: 0 20px;
  z-index: 1;
  height: auto;
}
.header .headerLogo {
  margin-bottom: 0;
}
.header .headerLogo img {
  display: block;
  max-height: 65px;
  margin: 0;
}

html .menu {
  position: relative;
  z-index: 1;
  height: auto;
  padding: 0;
  overflow: hidden;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #f0f0f0;
  border-left: none;
  border-radius: 0;
  background-color: none;
}
html .menu table {
  position: relative;
  border-collapse: collapse;
  height: auto;
  background: none;
  background-color: #fff;
  padding: 0;
}
html .menu table tr {
  height: auto;
}
html .menu table tr td {
  position: relative;
  height: auto;
  width: auto;
  vertical-align: middle;
  padding: 0;
  color: #243882;
}
html .menu table tr td a,
html .menu table tr td a:link,
html .menu table tr td a:visited {
  height: auto;
  padding: 0.8em 1em 1em 1em;
  text-shadow: none;
  font-size: 0.8em;
  margin: 0;
  text-transform: initial;
  color: #243882;
}
html .menu table tr td a.menuItemHome:link, html .menu table tr td a.menuItemHome:visited,
html .menu table tr td a:link.menuItemHome:link,
html .menu table tr td a:link.menuItemHome:visited,
html .menu table tr td a:visited.menuItemHome:link,
html .menu table tr td a:visited.menuItemHome:visited {
  height: auto;
  padding: 0.8em 1em;
  text-shadow: none;
  background: none;
  display: block;
  text-indent: 0;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
}
html .menu table tr td a.menuItemHome:hover, html .menu table tr td a.menuItemHome:active, html .menu table tr td a.menuItemHome:focus,
html .menu table tr td a:link.menuItemHome:hover,
html .menu table tr td a:link.menuItemHome:active,
html .menu table tr td a:link.menuItemHome:focus,
html .menu table tr td a:visited.menuItemHome:hover,
html .menu table tr td a:visited.menuItemHome:active,
html .menu table tr td a:visited.menuItemHome:focus {
  background-color: transparent;
  color: #243882;
}
html .menu table tr td a.menuItemHome:hover:after, html .menu table tr td a.menuItemHome:active:after, html .menu table tr td a.menuItemHome:focus:after,
html .menu table tr td a:link.menuItemHome:hover:after,
html .menu table tr td a:link.menuItemHome:active:after,
html .menu table tr td a:link.menuItemHome:focus:after,
html .menu table tr td a:visited.menuItemHome:hover:after,
html .menu table tr td a:visited.menuItemHome:active:after,
html .menu table tr td a:visited.menuItemHome:focus:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #006e6a;
  opacity: 1;
  box-shadow: none;
}
html .menu table tr td.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #006e6a;
  opacity: 1;
  box-shadow: none;
}
html .menu table tr td a:hover,
html .menu table tr td a:active,
html .menu table tr td a:focus {
  background-color: transparent;
  color: #243882;
}
html .menu table tr td a:hover:after,
html .menu table tr td a:active:after,
html .menu table tr td a:focus:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #006e6a;
  opacity: 1;
  box-shadow: none;
}
html .content {
  position: relative;
  z-index: 1;
  display: block;
  padding: 10px 20px 0 20px;
  background: none;
}
html .content .leftColumn {
  position: relative;
  display: block;
  float: left;
  height: auto;
  width: 260px;
  padding: 20px 0 0 20px;
}
html .content .leftColumn .componentItem {
  width: 220px;
}
html .content .leftColumn .componentItem h4 {
  font-size: 1em;
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.03);
  color: #006e6a;
  padding: 0.3em;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #f0f0f0;
  border-left: none;
  border-radius: 0;
  margin: 0 0 1em 0;
  text-transform: none !important;
}
html .content .leftColumn .errorLayer {
  width: 220px;
  margin-bottom: 20px;
  padding: 1em;
  box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
}
html .content .leftColumn .errorLayer br:first-child {
  display: none;
}
html .content .leftColumn .leftColumnSection3 {
  display: block;
}
html .content .rightColumn {
  position: relative;
  display: block;
  float: right;
  height: auto;
  width: 260px;
  padding: 20px 0 0 20px;
  background-color: transparent;
}
html .content .rightColumn .componentItem {
  width: 220px;
}
html .content .rightColumn .componentItem h4 {
  width: 100% !important;
  background-color: #006e6a;
  margin: 0 0 1em 0;
}
html .content .mainColumn {
  position: relative;
  display: block;
  float: left;
  padding: 0 0 0 0;
  margin: 0;
  width: auto;
  background: none;
}
html #productDetailsCatContainer {
  height: auto;
}
html #productDetailsCatContainer .buttonhollow {
  font-size: 1em !important;
}
html div#userContainer,
html div#stockLevelContainer,
html div#basketContainer,
html div#catalogContainer,
html div#orderHistoryContainer,
html div#basketManagementContainer,
html div#myDetailsContainer,
html div#addressListContainer,
html div#checkoutContainer,
html div#report2Container {
  height: auto;
}
html div#userContainer:before,
html div#stockLevelContainer:before,
html div#basketContainer:before,
html div#catalogContainer:before,
html div#orderHistoryContainer:before,
html div#basketManagementContainer:before,
html div#myDetailsContainer:before,
html div#addressListContainer:before,
html div#checkoutContainer:before,
html div#report2Container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 260px;
  background-color: transparent;
  border-top: none;
  border-right: 1px solid #f0f0f0;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
}
html div#userContainer .content,
html div#stockLevelContainer .content,
html div#basketContainer .content,
html div#catalogContainer .content,
html div#orderHistoryContainer .content,
html div#basketManagementContainer .content,
html div#myDetailsContainer .content,
html div#addressListContainer .content,
html div#checkoutContainer .content,
html div#report2Container .content {
  padding: 0;
}
html div#userContainer .content .leftColumn,
html div#stockLevelContainer .content .leftColumn,
html div#basketContainer .content .leftColumn,
html div#catalogContainer .content .leftColumn,
html div#orderHistoryContainer .content .leftColumn,
html div#basketManagementContainer .content .leftColumn,
html div#myDetailsContainer .content .leftColumn,
html div#addressListContainer .content .leftColumn,
html div#checkoutContainer .content .leftColumn,
html div#report2Container .content .leftColumn {
  width: 260px;
}
html div#userContainer .content .mainColumn,
html div#stockLevelContainer .content .mainColumn,
html div#basketContainer .content .mainColumn,
html div#catalogContainer .content .mainColumn,
html div#orderHistoryContainer .content .mainColumn,
html div#basketManagementContainer .content .mainColumn,
html div#myDetailsContainer .content .mainColumn,
html div#addressListContainer .content .mainColumn,
html div#checkoutContainer .content .mainColumn,
html div#report2Container .content .mainColumn {
  width: calc(100% - 260px);
  padding: 10px;
}
html div#checkoutContainer .content {
  z-index: 0;
}
html div#checkoutContainer .mainColumn {
  padding-top: 20px !important;
}
html div#checkoutContainer .rightColumn {
  display: none;
}
html div#myDetailsContainer .rightColumn,
html #orderHistoryContainer .rightColumn {
  display: none !important;
}
html .basketComponent {
  position: relative;
  width: auto;
  height: auto;
  background: none;
  padding: 0;
  display: block;
  overflow: hidden;
  border: none;
  margin: 0;
  float: right;
  max-height: 5em;
}
html .basketComponent h5 {
  display: none;
}
html .basketComponent .basketTop {
  padding: 20px 0 0 2.5em;
  height: auto;
  width: auto;
  margin: 0;
  background: none;
}
html .basketComponent .basketTop h4, html .basketComponent .basketTop p {
  color: #243882;
}
html .basketComponent .basketTop p:nth-child(3):before {
  content: "£";
}
html .basketComponent .basketTop:after {
  content: "\e8cc";
  font-family: "Material Icons";
  position: absolute;
  top: 24px;
  left: 0;
  font-size: 2.5em;
  color: #243882;
}
html .basketComponent .basketTools {
  position: absolute;
  height: auto;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
html .basketComponent .basketTools button#modifybutton {
  background: none;
  font-size: 0.8em;
  border: none;
  padding: 0;
  height: auto;
  float: none;
  display: block;
  width: 100% !important;
  height: auto;
  margin: 0;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-indent: -999em;
}
html .footer {
  display: none;
}
html .customFooter {
  display: block;
  height: auto;
  padding: 0.5em;
  width: 1200px;
  margin: 0 auto;
  box-shadow: inset 0 24px 16px -24px rgba(0, 0, 0, 0.2);
}
html .customFooter p {
  display: block;
  margin: 0 0 0.2em 0;
  padding: 0;
  font-size: 0.8em;
  color: #666;
}

html .fancybox-close-small,
html .fancybox-button--close,
html .fancybox-button--zoom {
  color: #fff !important;
}
html .fancybox-close-small svg,
html .fancybox-button--close svg,
html .fancybox-button--zoom svg {
  width: 2em !important;
}
html .fancybox-close-small:hover, html .fancybox-close-small:active, html .fancybox-close-small:focus,
html .fancybox-button--close:hover,
html .fancybox-button--close:active,
html .fancybox-button--close:focus,
html .fancybox-button--zoom:hover,
html .fancybox-button--zoom:active,
html .fancybox-button--zoom:focus {
  color: #fff;
}

html #orderHistoryContainer .videoComponentVideo,
html .videoComponentVideo {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html {
  color: #243882;
}
html body, html div, html td, html b, html a, html a:link, html a:visited, html th, html span, html input, html textarea, html button {
  font-family: "Encode Sans Expanded", arial, helvetica, sans-serif !important;
}
html #orderTotalsLabels div,
html .totalCol {
  color: #000 !important;
}
html a:link, html a:visited {
  color: #212529;
}
html a:hover, html a:active, html a:focus {
  color: #212529;
}
html .mainColumn a {
  text-decoration: underline;
}

html .mainColumn .pageHeadingTitle,
html .mainColumn .pageTitle {
  clear: both;
  font-weight: bold;
  color: #243882;
  text-transform: none !important;
}

html input[type=button],
html input[type=submit],
html button,
html .button,
html table.ajaxDataTable td button.button,
html #pricebreakslink input[type=button],
html #amendQuantityButton input.button,
html #amendQuantityButtonBottom input.button,
html #orderConfirmContainer .sideBarBackLink a,
html #loginpagecontainer button.button,
html #loginPageContainer input.button,
html #userSideShow p > a,
html #userSideActions p > a {
  background: none;
  display: inline-block;
  border: 0px solid #006e6a;
  background-color: #006e6a !important;
  border-radius: 2em;
  color: #fff;
  width: auto !important;
  max-width: 100%;
  padding: 0.3em 0.75em !important;
  line-height: 1.2em;
  margin: 0;
  height: auto;
  font-size: 0.9em !important;
  font-weight: bold;
  cursor: pointer;
  background-image: none;
  text-shadow: none;
}
.tab-button html input[type=button],
.tab-button html input[type=submit],
.tab-button html button,
.tab-button html .button,
.tab-button html table.ajaxDataTable td button.button,
.tab-button html #pricebreakslink input[type=button],
.tab-button html #amendQuantityButton input.button,
.tab-button html #amendQuantityButtonBottom input.button,
.tab-button html #orderConfirmContainer .sideBarBackLink a,
.tab-button html #loginpagecontainer button.button,
.tab-button html #loginPageContainer input.button,
.tab-button html #userSideShow p > a,
.tab-button html #userSideActions p > a {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 0.9em;
  font-weight: bold;
}
html input[type=button]:hover, html input[type=button]:active, html input[type=button]:focus,
html input[type=submit]:hover,
html input[type=submit]:active,
html input[type=submit]:focus,
html button:hover,
html button:active,
html button:focus,
html .button:hover,
html .button:active,
html .button:focus,
html table.ajaxDataTable td button.button:hover,
html table.ajaxDataTable td button.button:active,
html table.ajaxDataTable td button.button:focus,
html #pricebreakslink input[type=button]:hover,
html #pricebreakslink input[type=button]:active,
html #pricebreakslink input[type=button]:focus,
html #amendQuantityButton input.button:hover,
html #amendQuantityButton input.button:active,
html #amendQuantityButton input.button:focus,
html #amendQuantityButtonBottom input.button:hover,
html #amendQuantityButtonBottom input.button:active,
html #amendQuantityButtonBottom input.button:focus,
html #orderConfirmContainer .sideBarBackLink a:hover,
html #orderConfirmContainer .sideBarBackLink a:active,
html #orderConfirmContainer .sideBarBackLink a:focus,
html #loginpagecontainer button.button:hover,
html #loginpagecontainer button.button:active,
html #loginpagecontainer button.button:focus,
html #loginPageContainer input.button:hover,
html #loginPageContainer input.button:active,
html #loginPageContainer input.button:focus,
html #userSideShow p > a:hover,
html #userSideShow p > a:active,
html #userSideShow p > a:focus,
html #userSideActions p > a:hover,
html #userSideActions p > a:active,
html #userSideActions p > a:focus {
  background-color: #000 !important;
  background-image: none !important;
  border: 0px solid #000;
  color: #fff;
  text-decoration: none;
}
.buttons html input[type=button],
.buttons html input[type=submit],
.buttons html button,
.buttons html .button,
.buttons html table.ajaxDataTable td button.button,
.buttons html #pricebreakslink input[type=button],
.buttons html #amendQuantityButton input.button,
.buttons html #amendQuantityButtonBottom input.button,
.buttons html #orderConfirmContainer .sideBarBackLink a,
.buttons html #loginpagecontainer button.button,
.buttons html #loginPageContainer input.button,
.buttons html #userSideShow p > a,
.buttons html #userSideActions p > a {
  margin-right: 0.5em !important;
}
html #pricebreakslink input[type=button],
html .descriptionlink input[type=button] {
  border: 0px solid #006e6a !important;
  background: #006e6a !important;
}
html #pricebreakslink input[type=button]:hover, html #pricebreakslink input[type=button]:active, html #pricebreakslink input[type=button]:focus,
html .descriptionlink input[type=button]:hover,
html .descriptionlink input[type=button]:active,
html .descriptionlink input[type=button]:focus {
  background-color: #000 !important;
  background-image: none !important;
  border: 0px solid #006e6a !important;
  color: #fff;
}
html a.pricebreakslinksmall {
  position: relative;
}
html a.pricebreakslinksmall input {
  text-indent: -999em !important;
  width: 1.7em !important;
}
html a.pricebreakslinksmall:after {
  content: "£";
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  right: 0;
  line-height: 1.5em;
}
html .tab-button .button {
  height: auto;
}
html table.ajaxDataTable td.buttons button.button {
  margin-right: 0.5em !important;
}
html .formfooter {
  width: auto;
  text-align: center;
}
html #productDetailsCatContainer table.detailsform tr.row1 th,
html #productDetailsCatContainer table.detailsform tr.row2 th,
html #mediaPostCarto table.detailsform tr.row1 th,
html #mediaPostCarto table.detailsform tr.row2 th,
html #productDetailsCatContainer table.webform tr.row1 th,
html #productDetailsCatContainer table.webform tr.row2 th,
html #kittable table.detailsForm tr.row1 th,
html #kittable table.detailsForm tr.row2 th,
html #productDetailsCatContainer table.detailsform tr.row1 td,
html #productDetailsCatContainer table.detailsform tr.row2 td,
html #mediaPostCarto table.detailsform tr.row1 td,
html #mediaPostCarto table.detailsform tr.row2 td,
html #productDetailsCatContainer table.webform tr.row1 td,
html #productDetailsCatContainer table.webform tr.row2 td,
html #kittable table.detailsForm tr.row1 td,
html #kittable table.detailsForm tr.row2 td {
  padding: 0.5em;
}
html tr td input[type=button] {
  border: none !important;
}

html .catalogueSearchComponent h5 {
  display: none;
}
html .catalogueSearchComponentForm {
  width: 100%;
  background-color: #fff;
}
html .catalogueSearchComponentForm #catalogueSearchComponentSearchField {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-right: 10%;
  padding: 0.4em 2.5em 0.4em 1em !important;
  font-size: 0.8em !important;
  border: none;
  background: none;
}
html .catalogueSearchComponentForm #catalogueSearchComponentSearchButton {
  width: 2em !important;
  height: 2em;
  top: 0;
  right: 0;
  padding: 0 !important;
  border-left: 1px solid #ececec;
  background-position: center !important;
  border-radius: 0;
  background: none !important;
}
html .catalogueSearchComponentForm #catalogueSearchComponentSearchButton:after {
  content: "\e8b6";
  font-family: "Material Icons";
  position: absolute;
  top: 0.25em;
  left: 0em;
  font-size: 1.6em;
  color: #999;
  text-indent: 0;
  font-weight: initial;
}
html .catalogueSearchComponentForm #catalogueSearchComponentSearchResults {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
html .catalogueSearchComponentForm #catalogueSearchComponentSearchResults a:nth-child(2n) {
  background-color: #efefef;
}
html input,
html textarea,
html select,
html input[type=radio],
html input[type=checkbox] {
  font-size: 0.8rem !important;
  padding: 0.3rem !important;
}
html .button,
html button {
  font-size: 0.8rem !important;
  padding: 0.3rem 0.5rem !important;
}
html .leftColumn input,
html .leftColumn textarea,
html .leftColumn select,
html .leftColumn input[type=radio],
html .leftColumn input[type=checkbox] {
  font-size: 0.8rem !important;
  padding: 0.3rem !important;
}
html .leftColumn .button,
html .leftColumn button {
  font-size: 0.8rem !important;
  padding: 0.3rem 0.5rem !important;
}
html .leftColumn label {
  display: block;
  font-size: 0.8em;
  clear: both;
  font-weight: bold;
}
html div.oneOffBasketComponent .button,
html div.oneOffBasketComponent button {
  margin: 0.3em auto;
}

html .componentitem .categoryTreeComponent {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
html .categoryMenuComponent {
  background: transparent !important;
}
html .categoryMenuComponent h4 {
  margin: 0 0 10px !important;
  width: 100% !important;
}
html .categoryMenuComponent ul {
  position: relative;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
html .categoryMenuComponent ul li {
  position: relative;
  background: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  font-size: 1rem !important;
}
html .categoryMenuComponent ul li.noproductlink {
  display: none;
}
html .categoryMenuComponent ul li.toplink:after {
  content: "\e5cc";
  font-family: "Material Icons";
  position: absolute;
  top: 0.05em;
  right: 0em;
  font-size: 1.5em;
  color: #999;
  text-indent: 0;
  font-weight: initial;
  text-shadow: 0 1px 0 rgb(255, 255, 255) !important;
  z-index: -1;
}
html .categoryMenuComponent ul li.backlink a {
  color: #999;
  text-transform: uppercase;
  font-size: 0.7em;
  line-height: 1em;
}
html .categoryMenuComponent ul li.backlink:after {
  content: "\e316";
  font-family: "Material Icons";
  position: absolute;
  top: 0em;
  right: 0em;
  font-size: 1.5em;
  color: #999;
  text-indent: 0;
  font-weight: initial;
  text-shadow: 0 1px 0 rgb(255, 255, 255) !important;
  z-index: -1;
}
html .categoryMenuComponent ul li a {
  display: block !important;
  padding: 0.5em 0 !important;
  color: #243882;
}
html .categoryMenuComponent ul li a:hover, html .categoryMenuComponent ul li a:active, html .categoryMenuComponent ul li a:focus {
  background-color: rgba(0, 0, 0, 0.02) !important;
  text-decoration: none !important;
  color: #0e1632;
}
html .categoryMenuComponent ul li a.toplink {
  text-indent: -9999em !important;
  height: 1em !important;
  width: 1em !important;
  font-size: 1.2em !important;
  line-height: 1em !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  position: absolute !important;
  right: 0.3em !important;
  top: 0.25em !important;
  color: #666 !important;
  text-shadow: 0 1px 0 rgb(255, 255, 255) !important;
}
html .categoryMenuComponent ul li ul {
  border-bottom: 1px solid #ddd;
  width: 98% !important;
  margin-left: 2% !important;
  padding-left: 5px !important;
  font-size: 1em !important;
}
html .categoryMenuComponent ul li ul li ul {
  border-bottom: none !important;
}
html .categoryMenuComponent ul li.active > .linkContainer > a {
  font-weight: bold !important;
  color: #243882;
}
html .categoryMenuComponent > ul {
  box-shadow: none !important;
}
html .categoryMenuComponent > ul > li {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
}
html .categoryMenuComponent > ul > li:first-child {
  border-top: none !important;
}
html .categoryMenuComponent > ul > li:last-child {
  border-bottom: none !important;
}
html div.categoryTreeComponent h4 {
  margin: 0 0 10px !important;
  width: 100% !important;
}
html div.categoryTreeComponent ul {
  position: relative;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
  border: none !important;
}
html div.categoryTreeComponent ul li {
  position: relative;
  background: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  font-size: 1rem !important;
}
html div.categoryTreeComponent ul li a {
  display: block !important;
  padding: 0.5em !important;
  color: #243882;
}
html div.categoryTreeComponent ul li a:hover, html div.categoryTreeComponent ul li a:active, html div.categoryTreeComponent ul li a:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  text-decoration: none !important;
  color: #000;
}
html div.categoryTreeComponent ul li a.toplink {
  text-indent: -9999em !important;
  height: 1em !important;
  width: 1em !important;
  font-size: 1.2em !important;
  line-height: 1em !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  position: absolute !important;
  right: 0.3em !important;
  top: 0.25em !important;
  color: #666 !important;
  text-shadow: 0 1px 0 rgb(255, 255, 255) !important;
}
html div.categoryTreeComponent ul li ul {
  border-bottom: 1px solid #ddd;
  width: 98% !important;
  margin-left: 2% !important;
  padding-left: 5px !important;
  font-size: 1em !important;
}
html div.categoryTreeComponent ul li ul li ul {
  border-bottom: none !important;
}
html div.categoryTreeComponent ul li.closedNode > .toplink {
  background-image: none !important;
}
html div.categoryTreeComponent ul li.closedNode > .toplink:after {
  content: "\e5cc";
  font-family: "Material Icons";
  position: absolute;
  top: 0em;
  left: 0em;
  font-size: 1em;
  color: #999;
  text-indent: 0;
  font-weight: initial;
  text-shadow: 0 1px 0 rgb(255, 255, 255) !important;
}
html div.categoryTreeComponent ul li.openNode {
  font-style: normal;
  font-weight: normal;
}
html div.categoryTreeComponent ul li.openNode div.linkContainer a {
  font-weight: normal;
}
html div.categoryTreeComponent ul li.openNode > .toplink {
  background-image: none !important;
}
html div.categoryTreeComponent ul li.openNode > .toplink:after {
  content: "\e5cf";
  font-family: "Material Icons";
  position: absolute;
  top: 0em;
  left: 0em;
  font-size: 1em;
  color: #999;
  text-indent: 0;
  font-weight: initial;
  text-shadow: 0 1px 0 rgb(255, 255, 255) !important;
}
html div.categoryTreeComponent ul li.active > .linkContainer > a {
  font-weight: bold !important;
  color: #000;
}
html div.categoryTreeComponent > ul > li {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
}
html div.categoryTreeComponent > ul > li:first-child {
  border-top: none !important;
}
html div.categoryTreeComponent > ul > li:last-child {
  border-bottom: none !important;
}

html div#homeContainer #ordersTable,
html div#homeContainer .pageTitle {
  display: none;
}
html div#homeContainer .datatable {
  border-collapse: collapse;
}
html div#homeContainer .datatable th {
  padding: 1em !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}
html div#homeContainer .datatable th:last-child {
  border-right: none !important;
}
html div#homeContainer .datatable th:first-child {
  border-left: none !important;
}
html div#homeContainer .datatable th div.DataTables_sort_wrapper span {
  right: 0;
}
html div#homeContainer div.ui-widget-header {
  background-color: #006e6a !important;
}
html div#homeContainer .ui-button.ui-state-default {
  color: #006e6a !important;
}
html .mainColumnSection1 {
  width: 100% !important;
}
html .datatable th,
html .datatable td {
  padding: 0.5em !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
}
html .datatable th {
  text-transform: none !important;
}
html .ordersAwaitingApprovalComponentHandler h4 {
  text-align: center;
}

html #homeContainer .slideholder,
html #homeContainer .slides {
  width: 1200px !important;
  height: auto !important;
  margin: 0 !important;
}
html #homeContainer .slides a {
  float: left;
}
html #homeContainer .slides a img {
  width: 100% !important;
  height: auto !important;
}
html #homeContainer .sliderConfigurableComponent .bx-viewport,
html #homeContainer .sliderConfigurableComponent .bx-clone {
  height: 770px !important;
}
html #homeContainer .sliderConfigurableComponent .bx-viewport {
  left: 0 !important;
  border: 0 !important;
}
html #homeContainer .sliderConfigurableComponent ul {
  padding-left: 0;
}
html #homeContainer .sliderConfigurableComponent ul li {
  width: 1200px !important;
}
html #homeContainer .sliderConfigurableComponent ul li a {
  display: block;
  width: 1200px !important;
  height: 770px !important;
}
html #homeContainer .sliderConfigurableComponent ul li a img {
  width: 1200px !important;
  height: 770px !important;
  margin: 0 !important;
}
html #homeContainer .sliderConfigurableComponent h5 {
  display: none;
}
html #homeContainer .sliderConfigurableComponent .bxslider {
  padding: 0;
}
html #homeContainer .sliderConfigurableComponent .bx-wrapper img {
  max-width: auto !important;
  width: 100% !important;
}

html body {
  min-height: auto;
}
html body.index:after, html body.indexNew:after {
  display: none;
}
html #loginPageContainer {
  width: 1200px;
  width: 1200px;
  height: 500px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  margin-top: calc((100vh - 500px) / 2);
}
html #loginPageContainer .header {
  height: 100px;
  border-bottom: 1px solid #ececec;
  display: none;
}
html #loginPageContainer .header .headerLogo img {
  display: none;
}
html #loginPageContainer .header .headerLogo:after {
  content: "";
  display: block;
  position: relative;
  width: 260px;
  height: 55px;
  background-image: url(/images/logo.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
html #loginPageContainer .content {
  width: 100%;
  padding: 0;
  margin: 0;
  height: 500px;
  overflow: hidden;
  background-color: #212529 !important;
}
html #loginPageContainer .content #newuser {
  display: none !important;
}
html #loginPageContainer .content .pageBody {
  padding: 0 3% 2% 2%;
  width: 25em;
  float: right;
  border-radius: 0.3em;
  margin: 0 auto;
  clear: both;
  display: none;
}
html #loginPageContainer .content .pageTitle {
  width: 60%;
  float: right;
  margin-right: 5%;
  display: none;
}
html #loginPageContainer .content .pageTitle .textarea {
  color: #243882;
  text-align: right;
  mix-blend-mode: multiply;
  text-transform: initial;
}
html #loginPageContainer .content .pageTitle .textarea h2 {
  font-size: 120px !important;
  line-height: 100px !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: -10px;
}
html #loginPageContainer .content .pageTitle .textarea p {
  font-size: 24px !important;
  margin: 0 !important;
}
html #loginPageContainer .content .mainColumn {
  padding: 0;
  margin: 0;
  background-image: url(/custom/contract596/login-logo-live.png) !important;
  background-size: auto !important;
  background-position: center;
  background-repeat: no-repeat;
  width: 1000px;
  height: 100%;
  background-color: #fff;
}
html #loginPageContainer .content .rightColumn {
  display: none;
}
html #loginPageContainer .content .leftColumn {
  width: 200px !important;
  height: 100%;
  background-color: #ececec !important;
  color: #666 !important;
  padding-right: 20px;
}
html #loginPageContainer .content .leftColumn .leftColumnSection1 {
  margin-left: 0 !important;
}
html #loginPageContainer .content .leftColumn .leftColumnSection2 a,
html #loginPageContainer .content .leftColumn .leftColumnSection2 .message {
  text-align: left !important;
  display: block;
}
html #loginPageContainer .content .leftColumn .leftColumnSection2 .message {
  text-align: left;
  color: #ff9900;
  margin-bottom: 1em;
}
html #loginPageContainer .content .leftColumn a {
  color: #000;
}

html #menuItemBasketCell {
  display: none;
}
html .basketComponent .basketTools button#modifybutton {
  background: transparent !important;
}

html div#orderConfirmContainer .sideBarTitle {
  display: none;
}
html div#basketContainer,
html div#checkoutContainer,
html div#orderConfirmContainer {
  height: auto;
}
html div#basketContainer:before,
html div#checkoutContainer:before,
html div#orderConfirmContainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 180px;
  background-color: rgba(0, 0, 0, 0.02);
}
html div#basketContainer:after,
html div#checkoutContainer:after,
html div#orderConfirmContainer:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 180px;
  background-color: rgba(0, 0, 0, 0.02);
}
html div#basketContainer .content,
html div#checkoutContainer .content,
html div#orderConfirmContainer .content {
  padding: 0;
  height: 100%;
  z-index: 1;
}
html div#basketContainer .content #basketMessage,
html div#checkoutContainer .content #basketMessage,
html div#orderConfirmContainer .content #basketMessage {
  color: #243882;
}
html div#basketContainer .content #basketTotalPrice,
html div#checkoutContainer .content #basketTotalPrice,
html div#orderConfirmContainer .content #basketTotalPrice {
  color: #eca935;
}
html div#basketContainer .content #DeliveryAddress_details,
html div#basketContainer .content #InvoiceAddress_details,
html div#checkoutContainer .content #DeliveryAddress_details,
html div#checkoutContainer .content #InvoiceAddress_details,
html div#orderConfirmContainer .content #DeliveryAddress_details,
html div#orderConfirmContainer .content #InvoiceAddress_details {
  padding-left: 255px;
}
html div#basketContainer .content #basketTable th, html div#basketContainer .content #basketTable td,
html div#checkoutContainer .content #basketTable th,
html div#checkoutContainer .content #basketTable td,
html div#orderConfirmContainer .content #basketTable th,
html div#orderConfirmContainer .content #basketTable td {
  text-align: left;
}
html div#basketContainer .content #basketTable th.priceCol, html div#basketContainer .content #basketTable th.totalCol, html div#basketContainer .content #basketTable th.priceHead, html div#basketContainer .content #basketTable th.totalHea, html div#basketContainer .content #basketTable td.priceCol, html div#basketContainer .content #basketTable td.totalCol, html div#basketContainer .content #basketTable td.priceHead, html div#basketContainer .content #basketTable td.totalHea,
html div#checkoutContainer .content #basketTable th.priceCol,
html div#checkoutContainer .content #basketTable th.totalCol,
html div#checkoutContainer .content #basketTable th.priceHead,
html div#checkoutContainer .content #basketTable th.totalHea,
html div#checkoutContainer .content #basketTable td.priceCol,
html div#checkoutContainer .content #basketTable td.totalCol,
html div#checkoutContainer .content #basketTable td.priceHead,
html div#checkoutContainer .content #basketTable td.totalHea,
html div#orderConfirmContainer .content #basketTable th.priceCol,
html div#orderConfirmContainer .content #basketTable th.totalCol,
html div#orderConfirmContainer .content #basketTable th.priceHead,
html div#orderConfirmContainer .content #basketTable th.totalHea,
html div#orderConfirmContainer .content #basketTable td.priceCol,
html div#orderConfirmContainer .content #basketTable td.totalCol,
html div#orderConfirmContainer .content #basketTable td.priceHead,
html div#orderConfirmContainer .content #basketTable td.totalHea {
  text-align: right;
}
html div#basketContainer .content #basketTable .pricingBaseToolTip:before,
html div#basketContainer .content #basketTable .totalCol span:before,
html div#checkoutContainer .content #basketTable .pricingBaseToolTip:before,
html div#checkoutContainer .content #basketTable .totalCol span:before,
html div#orderConfirmContainer .content #basketTable .pricingBaseToolTip:before,
html div#orderConfirmContainer .content #basketTable .totalCol span:before {
  content: "£";
}
html div#basketContainer .content #basketTotalPriceValue:before,
html div#checkoutContainer .content #basketTotalPriceValue:before,
html div#orderConfirmContainer .content #basketTotalPriceValue:before {
  content: "£";
}
html div#basketContainer .content .leftColumn,
html div#checkoutContainer .content .leftColumn,
html div#orderConfirmContainer .content .leftColumn {
  position: initial;
  height: auto;
  width: 180px;
}
html div#basketContainer .content .leftColumn .errorLayer,
html div#checkoutContainer .content .leftColumn .errorLayer,
html div#orderConfirmContainer .content .leftColumn .errorLayer {
  width: 140px;
}
html div#basketContainer .content .leftColumn #checkoutButton,
html div#basketContainer .content .leftColumn #payBySection,
html div#basketContainer .content .leftColumn .sideBarBackLink a,
html div#checkoutContainer .content .leftColumn #checkoutButton,
html div#checkoutContainer .content .leftColumn #payBySection,
html div#checkoutContainer .content .leftColumn .sideBarBackLink a,
html div#orderConfirmContainer .content .leftColumn #checkoutButton,
html div#orderConfirmContainer .content .leftColumn #payBySection,
html div#orderConfirmContainer .content .leftColumn .sideBarBackLink a {
  right: 3em;
  position: absolute;
  z-index: 1;
}
html div#basketContainer .content .leftColumn #checkoutButton + br,
html div#basketContainer .content .leftColumn #payBySection + br,
html div#basketContainer .content .leftColumn .sideBarBackLink a + br,
html div#checkoutContainer .content .leftColumn #checkoutButton + br,
html div#checkoutContainer .content .leftColumn #payBySection + br,
html div#checkoutContainer .content .leftColumn .sideBarBackLink a + br,
html div#orderConfirmContainer .content .leftColumn #checkoutButton + br,
html div#orderConfirmContainer .content .leftColumn #payBySection + br,
html div#orderConfirmContainer .content .leftColumn .sideBarBackLink a + br {
  display: none;
}
html div#basketContainer .content .rightColumn,
html div#checkoutContainer .content .rightColumn,
html div#orderConfirmContainer .content .rightColumn {
  height: auto;
}
html div#basketContainer .content .mainColumn,
html div#checkoutContainer .content .mainColumn,
html div#orderConfirmContainer .content .mainColumn {
  width: calc(100% - 180px - 180px);
  padding: 10px;
}
html div#basketContainer .content .mainColumn #basketMessage,
html div#checkoutContainer .content .mainColumn #basketMessage,
html div#orderConfirmContainer .content .mainColumn #basketMessage {
  margin: 1em auto 0 auto;
  float: none;
  position: relative;
  display: block;
}
html div#basketContainer .content .mainColumn #amendQuantityButton,
html div#basketContainer .content .mainColumn #amendQuantityButtonBottom,
html div#checkoutContainer .content .mainColumn #amendQuantityButton,
html div#checkoutContainer .content .mainColumn #amendQuantityButtonBottom,
html div#orderConfirmContainer .content .mainColumn #amendQuantityButton,
html div#orderConfirmContainer .content .mainColumn #amendQuantityButtonBottom {
  margin: 0.5em 0;
  padding: 0;
}
html div#basketContainer .content .mainColumn .printOrderLink a,
html div#checkoutContainer .content .mainColumn .printOrderLink a,
html div#orderConfirmContainer .content .mainColumn .printOrderLink a {
  position: relative;
  width: 60px;
  height: 60px;
  background-image: none !important;
}
html div#basketContainer .content .mainColumn .printOrderLink a:after,
html div#checkoutContainer .content .mainColumn .printOrderLink a:after,
html div#orderConfirmContainer .content .mainColumn .printOrderLink a:after {
  content: "\e8ad";
  font-family: "Material Icons";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  display: inline-block;
  float: none;
  font-size: 3em;
  color: #666;
  text-indent: initial;
  padding: 0;
  margin: 0;
}
html div#basketContainer .content .mainColumn .processbarnew,
html div#checkoutContainer .content .mainColumn .processbarnew,
html div#orderConfirmContainer .content .mainColumn .processbarnew {
  position: relative;
  background: none !important;
  display: block;
  width: auto;
  margin: 0 auto;
  height: auto;
  text-align: center;
  overflow: hidden;
  padding: 0.5em 0;
}
html div#basketContainer .content .mainColumn .processbarnew .section1, html div#basketContainer .content .mainColumn .processbarnew .section2, html div#basketContainer .content .mainColumn .processbarnew .section3,
html div#checkoutContainer .content .mainColumn .processbarnew .section1,
html div#checkoutContainer .content .mainColumn .processbarnew .section2,
html div#checkoutContainer .content .mainColumn .processbarnew .section3,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section1,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section2,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section3 {
  opacity: 0.3;
  position: relative;
  background: none !important;
  color: #243882;
  font-style: normal;
  width: 60px;
  height: 60px;
  display: inline-block;
  float: none;
  padding: 0;
  margin: 0 0.5em;
  font-weight: bold;
}
html div#basketContainer .content .mainColumn .processbarnew .section1:after, html div#basketContainer .content .mainColumn .processbarnew .section2:after, html div#basketContainer .content .mainColumn .processbarnew .section3:after,
html div#checkoutContainer .content .mainColumn .processbarnew .section1:after,
html div#checkoutContainer .content .mainColumn .processbarnew .section2:after,
html div#checkoutContainer .content .mainColumn .processbarnew .section3:after,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section1:after,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section2:after,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section3:after {
  content: "";
  font-family: "Material Icons";
  width: 60px;
  height: 60px;
  border: 2px solid #243882;
  border-radius: 50%;
  text-align: center;
  font-size: 40px;
  line-height: 56px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: initial;
}
html div#basketContainer .content .mainColumn .processbarnew .section1:after,
html div#checkoutContainer .content .mainColumn .processbarnew .section1:after,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section1:after {
  content: "\e8cc";
}
html div#basketContainer .content .mainColumn .processbarnew .section2:after,
html div#checkoutContainer .content .mainColumn .processbarnew .section2:after,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section2:after {
  content: "\e870";
}
html div#basketContainer .content .mainColumn .processbarnew .section3:after,
html div#checkoutContainer .content .mainColumn .processbarnew .section3:after,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section3:after {
  content: "\e876";
}
html div#basketContainer .content .mainColumn .processbarnew .section1.current, html div#basketContainer .content .mainColumn .processbarnew .section2.current, html div#basketContainer .content .mainColumn .processbarnew .section3.current,
html div#checkoutContainer .content .mainColumn .processbarnew .section1.current,
html div#checkoutContainer .content .mainColumn .processbarnew .section2.current,
html div#checkoutContainer .content .mainColumn .processbarnew .section3.current,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section1.current,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section2.current,
html div#orderConfirmContainer .content .mainColumn .processbarnew .section3.current {
  opacity: 1;
}
html div#basketContainer .content .mainColumn .pageTitle,
html div#checkoutContainer .content .mainColumn .pageTitle,
html div#orderConfirmContainer .content .mainColumn .pageTitle {
  clear: both;
  color: #243882;
}
html div#basketContainer .mainColumnSection3,
html div#checkoutContainer .mainColumnSection3,
html div#orderConfirmContainer .mainColumnSection3 {
  display: none;
}

html #userContainer .leftColumn {
  padding-right: 20px;
}
html #userContainer .rightColumn {
  display: none;
}
html #userContainer .leftColumnSection1 {
  margin-top: 0 !important;
  padding: 0;
}
html #userContainer .leftColumnSection1 #userSideSearchSection1Button {
  margin-top: 0 !important;
}
html #userContainer .leftColumnSection1 #userSideShowSection1Button,
html #userContainer .leftColumnSection1 #userSideShowSection2 {
  margin-top: -1.8em;
}
html #userContainer .leftColumnSection1 .submitButton {
  top: 0 !important;
  left: 0 !important;
  height: initial !important;
  width: initial !important;
  margin: 0 !important;
  padding: 0.3em 0.5em !important;
  font-size: 0.7rem !important;
  line-height: 1.1rem !important;
}
html #userContainer .leftColumnSection1 textarea,
html #userContainer .leftColumnSection1 select,
html #userContainer .leftColumnSection1 .textInput {
  width: 180px !important;
  max-width: 180px !important;
  min-height: 1.2em;
}
html #userContainer .leftColumnSection1 #userSideSearchSection1Label {
  display: block;
  float: none;
  font-size: 0.8rem;
  padding-bottom: 0.2rem;
  margin: 1em 0 0 0;
  font-weight: bold;
}
html #userContainer .leftColumnSection1 #userSideShowSection1Label {
  display: block;
  float: none;
  font-size: 0.7rem;
  padding: 0 0 0.2rem 1.6em;
  margin: 1em 0 0 0;
  font-weight: normal;
  line-height: 1.6em;
}
html #userContainer .leftColumnSection1 input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  vertical-align: sub;
  margin-left: 0;
}
html #userContainer .leftColumnSection1 input[type=checkbox] + span {
  font-size: 0.7rem;
  line-height: 1rem;
}
html #userContainer .leftColumnSection1 #stockLevelSideSearchSection2 {
  font-size: 0.7rem;
  line-height: 1rem;
}
html #userContainer .leftColumnSection1 #stockLevelSideSearchSection2 br {
  display: none;
}
html #userContainer .leftColumnSection2 .sideBarTitle {
  display: none;
}
html #userContainer #userSideSearch,
html #userContainer #userSideShow,
html #userContainer #userSideActions {
  border: none !important;
  margin-right: 0;
}
html .cataloguePage .fancybox-slide--iframe {
  padding: 0;
}
html .cataloguePage .fancybox-slide--iframe .fancybox-content {
  background: transparent !important;
  text-align: center !important;
  max-height: 90%;
  max-width: 90%;
}
html .cataloguePage .fancybox-is-open .fancybox-button--close {
  display: block;
}
html #catalogContainer .tab-price span:before {
  content: "£";
}
html #catalogContainer .content {
  padding-top: 10px !important;
}
html #catalogContainer .processbarnew {
  display: none;
}
html #catalogContainer #basketManagementButton {
  padding-right: 20px;
}
html #catalogContainer #basketManagementButton .button {
  display: inline-block;
  margin: 0.5em 10px;
}
html #catalogContainer #topButtons,
html #catalogContainer #orderButton {
  display: none;
}
html #catalogContainer #filterString {
  display: none;
}
html #catalogContainer #catalogTable.datatable th.minMaxHead, html #catalogContainer #catalogTable.datatable th.minMaxCol, html #catalogContainer #catalogTable.datatable th.favouriteHead, html #catalogContainer #catalogTable.datatable th.favouriteCol, html #catalogContainer #catalogTable.datatable td.minMaxHead, html #catalogContainer #catalogTable.datatable td.minMaxCol, html #catalogContainer #catalogTable.datatable td.favouriteHead, html #catalogContainer #catalogTable.datatable td.favouriteCol {
  display: none;
}
html #catalogContainer #catalogTable.datatable th.stockLevelCol, html #catalogContainer #catalogTable.datatable th.packHead, html #catalogContainer #catalogTable.datatable th.packCol, html #catalogContainer #catalogTable.datatable td.stockLevelCol, html #catalogContainer #catalogTable.datatable td.packHead, html #catalogContainer #catalogTable.datatable td.packCol {
  text-align: left;
}
html #catalogContainer #catalogTable.datatable th.priceHead, html #catalogContainer #catalogTable.datatable td.priceHead {
  text-align: right;
}
html #catalogContainer #catalogTable.datatable th.qtyCol, html #catalogContainer #catalogTable.datatable td.qtyCol {
  min-width: 5em;
}
html #catalogContainer #catalogTable.datatable th.qtyHead, html #catalogContainer #catalogTable.datatable th.qtyCol, html #catalogContainer #catalogTable.datatable td.qtyHead, html #catalogContainer #catalogTable.datatable td.qtyCol {
  text-align: center;
}
html .basketName:after {
  display: none;
}
html .basketName #basketNameContainer {
  margin: 0 auto !important;
  border: none;
  min-width: auto !important;
}
html .pane-tab-navigation a.paneviewlink,
html .pane-tab-navigation a.listviewlink {
  width: 32px !important;
  height: 32px !important;
  background-size: 80% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 1px solid #ececec !important;
  border-radius: 0 !important;
}
html .pane-tab-navigation a.paneviewlink,
html .pane-tab-navigation a.paneviewlink:link,
html .pane-tab-navigation a.paneviewlink:visited {
  position: relative;
  background-color: #fff;
  background-image: none !important;
}
html .pane-tab-navigation a.paneviewlink:after,
html .pane-tab-navigation a.paneviewlink:link:after,
html .pane-tab-navigation a.paneviewlink:visited:after {
  content: "\e5c3";
  font-family: "Material Icons";
  position: absolute;
  top: 0.07em;
  left: 0em;
  text-align: center;
  font-size: 1.6rem;
  color: #999;
  text-indent: 0;
  font-weight: initial;
  width: 100%;
  height: 100%;
}
html .pane-tab-navigation a.paneviewlink.active,
html .pane-tab-navigation a.paneviewlink:link.active,
html .pane-tab-navigation a.paneviewlink:visited.active {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.03);
}
html .pane-tab-navigation a.listviewlink,
html .pane-tab-navigation a.listviewlink:link,
html .pane-tab-navigation a.listviewlink:visited {
  position: relative;
  background-color: #fff;
  background-image: none;
}
html .pane-tab-navigation a.listviewlink:after,
html .pane-tab-navigation a.listviewlink:link:after,
html .pane-tab-navigation a.listviewlink:visited:after {
  content: "\e896";
  font-family: "Material Icons";
  position: absolute;
  top: 0.07em;
  left: 0em;
  text-align: center;
  font-size: 1.6rem;
  color: #999;
  text-indent: 0;
  font-weight: initial;
  width: 100%;
  height: 100%;
}
html .pane-tab-navigation a.listviewlink.active,
html .pane-tab-navigation a.listviewlink:link.active,
html .pane-tab-navigation a.listviewlink:visited.active {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
}
html .pane-tab-item,
html .pane-tab-item:link,
html .pane-tab-item:visited {
  position: relative;
  display: block;
  float: left;
  width: 210px;
  padding: 10px;
  border-radius: 0;
  border: 1px solid #efefef !important;
  margin: 10px;
  min-height: 400px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: #fff;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 6px 10px -6px rgba(0, 0, 0, 0.2);
  -ms-filter: none;
  /* For IE 5.5 - 7 */
  filter: none;
  outline: none;
}
html .pane-tab-item .descriptionlink,
html .pane-tab-item:link .descriptionlink,
html .pane-tab-item:visited .descriptionlink {
  background-image: none !important;
  width: 1.5em !important;
  height: 1.5em !important;
  bottom: 0 !important;
}
html .pane-tab-item .descriptionlink:after,
html .pane-tab-item:link .descriptionlink:after,
html .pane-tab-item:visited .descriptionlink:after {
  position: absolute;
  content: "\e001";
  font-family: "Material Icons";
  text-align: center;
  top: 0;
  left: 0;
  font-size: 1.5em;
  text-indent: 0;
  color: #006e6a;
}
html .pane-tab-item .descriptionlink:hover:after, html .pane-tab-item .descriptionlink:active:after, html .pane-tab-item .descriptionlink:focus:after,
html .pane-tab-item:link .descriptionlink:hover:after,
html .pane-tab-item:link .descriptionlink:active:after,
html .pane-tab-item:link .descriptionlink:focus:after,
html .pane-tab-item:visited .descriptionlink:hover:after,
html .pane-tab-item:visited .descriptionlink:active:after,
html .pane-tab-item:visited .descriptionlink:focus:after {
  color: #000;
}
html .pane-tab-item:hover,
html .pane-tab-item:active,
html .pane-tab-item:focus-within {
  padding: 10px;
  width: 210px;
  position: relative;
  outline: none;
  cursor: pointer;
  border: 1px solid #efefef !important;
  box-shadow: none;
  -webkit-transform: translate(0, 2px);
  -ms-transform: translate(0, 2px);
  transform: translate(0, 2px);
  background-color: #efefef;
}
html .pane-tab-item .tab-button {
  position: absolute;
  width: auto;
  text-align: right;
  bottom: 10px;
  left: 10px;
  right: 10px;
  height: auto;
}
html .pane-tab-item .tab-button .button,
html .pane-tab-item .tab-button .orderhistorybutton {
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
  margin: 0 0 0 0 !important;
}
html .pane-tab-item .tab-button .descriptionlink {
  text-indent: -9999em;
  text-align: left;
  height: auto;
  bottom: 5px;
  position: absolute;
  left: 0;
}
html .pane-tab-item .tab-thumbnail {
  display: table;
  margin: 0 auto;
  padding: 0;
}
html .pane-tab-item .tab-thumbnail a {
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
  background-image: url(/custom/contract596/grid2.gif);
  padding: 10px;
}
html .pane-tab-item .tab-thumbnail a img {
  position: relative;
  margin: 0 auto;
  display: block;
  max-width: 168px;
  max-height: 168px;
  box-shadow: 0 5px 7px -5px rgba(0, 0, 0, 0.4);
}
html .pane-tab-item .tab-thumbnail .outofstockLabel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(255, 255, 255, 0.8);
  line-height: 190px;
  text-align: center;
  font-weight: bold;
  color: #c00;
  cursor: default;
  z-index: 999;
}
html .pane-tab-item .tab-title {
  margin: 10px 0;
  color: #243882;
  height: auto;
  max-height: 50px;
}
html .pane-tab-item .tab-code,
html .pane-tab-item .tab-packsize,
html .pane-tab-item .tab-price,
html .pane-tab-item .tab-weight {
  margin: 5px 0;
}
html .pane-tab {
  /* 	width: 705px !important;  */
  overflow: hidden;
}

html #historycontainer {
  background: transparent;
}
html #innerhistorycontainer {
  border: none;
  box-shadow: 0 0 20px 999em rgba(0, 0, 0, 0.8);
  padding: 20px;
  height: auto;
  left: -130px !important;
}
html #innerhistorycontainer .topheader {
  padding: 1em 0;
  margin: -20px -20px 20px -20px;
  height: auto;
  background-color: #243882;
  background-image: none;
}
html #innerhistorycontainer .topheader .closebutton {
  margin-top: -0.3em;
  margin-right: 1em;
  background-color: rgba(255, 255, 255, 0.2);
}
html #innerhistorycontainer .formpane {
  height: auto;
  border: none;
}
html #innerhistorycontainer .formpane #searchdetails {
  background: #ececec;
  padding: 0.3em;
  margin-bottom: 10px;
}
html #innerhistorycontainer .formpane #historydetails .datatable {
  height: auto;
  min-height: 250px;
  border: 1px solid #ececec;
}
html #innerhistorycontainer .formpane #historydetails .datatable th {
  background-image: none;
  background-color: #006e6a;
}
html #innerhistorycontainer .formpane #historydetails .datatable tr.row1 {
  background: #ececec;
}
html #innerhistorycontainer .formpane #historydetails .datatable td input[type=button],
html #innerhistorycontainer .formpane #historydetails .datatable td .button {
  border: none;
}
html #innerhistorycontainer .formpane #historydetails .pageNumbersWrapper {
  width: 100%;
}
html #innerhistorycontainer .historyfooter {
  text-align: center;
}
html .pricebreakstable tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1);
}
html .pricebreakstable th {
  background-color: #243882;
  border: none;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0.5em;
}
html .pricebreakstable td {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/*
// Catalogue Table
*/
html #catalogTable .thumbnailHead,
html #catalogTable .thumbnailCol {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}
html #catalogTable .thumbnailHead img,
html #catalogTable .thumbnailCol img {
  max-width: 100%;
}
html #catalogTable .qtyCol {
  min-width: 10em;
  text-align: center !important;
}
html #catalogTable .priceCol:before,
html #catalogTable .totalCol:before {
  content: "£";
}

html .ui-tooltip,
html .ui-tooltip div {
  border: none !important;
  background-image: none;
}
html .ui-tooltip:after,
html .ui-tooltip div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 10px solid lemonChiffon;
  border-left: 16px solid transparent;
}
html div#productDetailsCatContainer.chili {
  height: auto;
  max-width: 1200px;
}
html div#productDetailsCatContainer.chili div.header {
  display: block;
}
html div#productDetailsCatContainer.chili div#chiliNavigationToolbar.right {
  margin: 0;
}
html div#productDetailsCatContainer.chili div#chiliNavigationToolbar.right h2 {
  padding: 0.5em;
  margin: -0.25em -0.25em 0.5em -0.25em;
}
html #productDetailsCatContainer.chili .button.chiliPDFPreview {
  border: 0px solid #006e6a;
  color: #fff;
  background-color: #006e6a;
}
html #productDetailsCatContainer.chili .button.chiliPDFPreview:hover, html #productDetailsCatContainer.chili .button.chiliPDFPreview:active, html #productDetailsCatContainer.chili .button.chiliPDFPreview:focus {
  border: 0px solid #006e6a;
  color: #fff;
  background-color: #000;
}
html #productDetailsCatContainer.chili .orderTools .button.chiliOrderTool {
  border: 1px solid #DB0010;
  color: #fff;
  background-color: #DB0010 !important;
}
html #productDetailsCatContainer.chili .orderTools .button.chiliOrderTool:hover, html #productDetailsCatContainer.chili .orderTools .button.chiliOrderTool:active, html #productDetailsCatContainer.chili .orderTools .button.chiliOrderTool:focus {
  border: 1px solid #fff;
  color: #fff;
  background-color: #DB0010 !important;
}
html #productDetailsCatContainer.chili .content {
  width: 100%;
  overflow: hidden !important;
}
html #productDetailsCatContainer.chili .content .mainColumn {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
html #productDetailsCatContainer.chili .content .mainColumn #detailspane {
  width: 48%;
  margin-right: 2%;
}
html #productDetailsCatContainer.chili .content .mainColumn #detailspane .personaliseprocessbar {
  width: fit-content;
  margin: 1em auto;
  display: block;
  position: relative;
}
html #productDetailsCatContainer.chili .content .mainColumn #imagepaneholder {
  padding-top: 20px;
  width: 48%;
  margin: 20px 0 0 0;
  margin-left: 2%;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  background-image: url(/custom/contract596/grid2.gif);
}
html #productDetailsCatContainer.chili .content .mainColumn #imagepaneholder .imagepane {
  position: relative;
  display: block;
}
html #productDetailsCatContainer.chili .content .mainColumn #imagepaneholder .imagepane .wrap {
  margin: 0 auto;
}
html #productDetailsCatContainer.chili .content .mainColumn #imagepaneholder .imagepane img {
  position: relative;
  margin: 0 auto;
  display: block;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
}
html #productDetailsCatContainer.chili .content .mainColumn #imagepaneholder .instructions {
  padding: 10px 2em;
  background-image: none;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
html #productDetailsCatContainer.chili .content .mainColumn #imagepaneholder .instructions:after {
  position: absolute;
  content: "\e001";
  font-family: "Material Icons";
  text-align: center;
  top: 8px;
  left: 10px;
  font-size: 1.5em;
  text-indent: 0;
  font-style: normal;
  color: #243882;
}
html #chiliNavigationToolbar {
  display: block;
  float: right;
  width: 260px;
  padding-top: 30px !important;
}
html #chiliNavigationToolbar .viewTools {
  display: none;
}
html #chiliNavigationToolbar .zoomTools .chiliZoomInTool,
html #chiliNavigationToolbar .zoomTools .chiliZoomOutTool {
  width: 3em !important;
  height: 3em !important;
  border-radius: 50% !important;
}
html #chiliNavigationToolbar .navigationTools .paging {
  padding-top: 30px;
}
html #chiliNavigationToolbar .navigationTools .paging .chiliNavPrevPage,
html #chiliNavigationToolbar .navigationTools .paging .chiliNavNextPage {
  width: 3em !important;
  height: 3em !important;
  border-radius: 50% !important;
}
html #externalFrameContainer {
  margin: 0 !important;
  float: left;
  width: calc(100% - 260px) !important;
  min-height: 1080px;
}
html #externalFrameContainer .chili-address-selector {
  padding: 0.5em;
  background-color: #ccc;
}
html #externalFrameContainer .chili-address-selector label {
  margin-right: 1em;
}
html #externalFrameContainer .chili-address-selector option[data-attention=No-chili] {
  display: none;
}
html div#productDetailsCatContainer.chili div#externalFrameResizer,
html div#productDetailsCatContainer.chiliAdmin div#externalFrameResizer {
  min-height: 1000px !important;
}
html div#productDetailsCatContainer.chili div.orderTools input[type=text],
html div#productDetailsCatContainer.chili div.orderTools input[type=number],
html div#productDetailsCatContainer.chili div.orderTools .ui-selectmenu-button.ui-button {
  width: 100%;
}
html div#productDetailsCatContainer.chili div.orderTools label {
  width: 125px;
}

#productDetailsCatContainer .content {
  width: 100%;
}
#productDetailsCatContainer .content .mainColumn {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
#productDetailsCatContainer .content .mainColumn .addToBasketNote {
  width: 10em;
  padding: 5px 0 0 0;
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  height: auto;
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .divider {
  position: relative;
  background: none;
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .divider:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 10px;
  border-bottom: 4px dotted #999;
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section1, #productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section2, #productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section3 {
  opacity: 0.3;
  position: relative;
  background: none !important;
  color: #243882;
  font-style: normal;
  font-weight: bold;
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section1:after, #productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section2:after, #productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section3:after {
  content: "";
  width: 60px;
  height: 60px;
  border: 2px solid #243882;
  border-radius: 50%;
  text-align: center;
  font-size: 40px;
  line-height: 56px;
  font-weight: bold;
  position: absolute;
  top: -15px;
  left: 10px;
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section1:after {
  content: "1";
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section2:after {
  content: "2";
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section3:after {
  content: "3";
}
#productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section1current, #productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section2current, #productDetailsCatContainer .content .mainColumn .personaliseprocessbar .section3current {
  opacity: 1;
}
#productDetailsCatContainer .content .mainColumn #detailspane {
  width: 48%;
  margin: 0;
  margin-right: 2%;
  margin-top: 20px;
  background-color: #ddd;
  padding: 20px;
}
#productDetailsCatContainer .content .mainColumn #detailspane .personaliseprocessbar {
  width: fit-content;
  margin: 1em auto;
  display: block;
  position: relative;
}
#productDetailsCatContainer .content .mainColumn #detailspane table {
  border: none;
}
#productDetailsCatContainer .content .mainColumn #detailspane table.detailsform {
  margin-top: 0;
}
#productDetailsCatContainer .content .mainColumn #detailspane table th {
  padding: 10px;
  text-align: left;
}
#productDetailsCatContainer .content .mainColumn #detailspane table tr.row1, #productDetailsCatContainer .content .mainColumn #detailspane table tr.row2 {
  background: #f0f0f0;
  border-bottom: 1px solid #ddd;
}
#productDetailsCatContainer .content .mainColumn #detailspane .quantityForm table.detailsform tr:nth-child(2) td:last-child {
  display: none;
}
#productDetailsCatContainer .content .mainColumn #detailspane .quantityForm tr.row1, #productDetailsCatContainer .content .mainColumn #detailspane .quantityForm tr.row2 {
  border-bottom: none;
}
#productDetailsCatContainer .content .mainColumn #detailspane #customdetails {
  padding-bottom: 0 !important;
}
#productDetailsCatContainer .content .mainColumn #detailspane #customdetails tr.row1, #productDetailsCatContainer .content .mainColumn #detailspane #customdetails tr.row2 {
  border-bottom: none;
}
#productDetailsCatContainer .content .mainColumn #detailspane .instructions {
  position: relative;
  padding: 10px 2em;
  margin: 0 0 20px 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: none;
}
#productDetailsCatContainer .content .mainColumn #detailspane .instructions:after {
  position: absolute;
  content: "\e001";
  font-family: "Material Icons";
  text-align: center;
  top: 8px;
  left: 10px;
  font-size: 1.5em;
  text-indent: 0;
  font-style: normal;
  color: #243882;
}
#productDetailsCatContainer .content .mainColumn #detailspane .nextstepbutton {
  float: right;
}
#productDetailsCatContainer .content .mainColumn #detailspane .previousstepbutton {
  float: left;
}
#productDetailsCatContainer .content .mainColumn #fileuploaddetails {
  height: auto;
}
#productDetailsCatContainer .content .mainColumn #fileuploaddetails #fileuploadlinks {
  float: left;
}
#productDetailsCatContainer .content .mainColumn #fileuploaddetails #fileuploadlinks > div {
  display: inline-block;
  padding: 0 5px;
}
#productDetailsCatContainer .content .mainColumn #fileuploaddetails #fileuploadinput,
#productDetailsCatContainer .content .mainColumn #fileuploaddetails #fileUploadReturnMessage {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 0.3em;
  text-align: left;
  margin-bottom: 0.5em;
  overflow: hidden;
}
#productDetailsCatContainer .content .mainColumn #fileuploaddetails #targetFrame iframe {
  height: 0;
}
#productDetailsCatContainer .content .mainColumn #fileuploaddetails #targetFrame {
  height: 0;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder {
  padding-top: 20px;
  width: 48%;
  margin: 20px 0 0 0;
  margin-left: 2%;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  background-image: url(/custom/contract596/grid2.gif);
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder .imagepane {
  position: relative;
  display: block;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder .imagepane .wrap {
  margin: 0 auto;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder .imagepane img {
  position: relative;
  margin: 0 auto;
  display: block;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder .instructions {
  padding: 10px 2em;
  background-image: none;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder .instructions:after {
  position: absolute;
  content: "\e001";
  font-family: "Material Icons";
  text-align: center;
  top: 8px;
  left: 10px;
  font-size: 1.5em;
  text-indent: 0;
  font-style: normal;
  color: #243882;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewPageNavigation {
  display: block;
  overflow: hidden;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewPageNavigation .pagenum {
  padding: 0;
  background: none;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewPageNavigation .pagenum a {
  margin: 0 0.2em;
  padding: 0.5em 1em;
  background-color: #006e6a;
  display: inline-block;
  border-radius: 0 0 0.3em 0.3em;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewPageNavigation .pagenum a:hover, #productDetailsCatContainer .content .mainColumn #imagepaneholder #previewPageNavigation .pagenum a:active, #productDetailsCatContainer .content .mainColumn #imagepaneholder #previewPageNavigation .pagenum a:focus {
  text-decoration: none;
  -webkit-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  transform: translate(0, -2px);
  color: #006e6a;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder .formfooter {
  margin: 3em 0 2em 0;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation {
  position: relative;
  background: #fff;
  overflow: hidden;
  padding: 15px 20px 20px 20px;
  margin-top: 20px;
  box-shadow: 0 -4px 10px -6px rgba(0, 0, 0, 0.4);
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #previewInfo {
  position: absolute;
  padding-top: 0.5em;
  z-index: 2;
  width: 17em;
  left: 50%;
  margin-left: -7em;
  text-align: center;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #backLink,
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #forwardLink {
  border: none !important;
  z-index: 2;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #backLink a,
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #forwardLink a {
  background: none;
  display: inline-block;
  border: 1px solid #1e2f6e;
  background-color: #243882;
  border-radius: 0.3em;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  width: auto !important;
  max-width: 100%;
  padding: 0.5em 1em !important;
  line-height: 1.2em;
  margin: 0;
  height: auto;
  font-size: 0.9em !important;
  font-weight: bold;
  cursor: pointer;
  background-image: none !important;
  border: none;
  text-decoration: none;
  z-index: 2;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #backLink a:hover, #productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #backLink a:active, #productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #backLink a:focus,
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #forwardLink a:hover,
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #forwardLink a:active,
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #forwardLink a:focus {
  background-color: #006e6a;
  border: none;
  color: #fff;
  -webkit-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #backLink {
  text-align: left;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation #forwardLink {
  text-align: right;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  height: 30px;
  box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.075);
  z-index: -1;
}
#productDetailsCatContainer .content .mainColumn #imagepaneholder #previewNavigation:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #fff;
  z-index: -1;
}

html #homeContainer.container {
  height: auto;
  padding-bottom: 0;
}
html div#homeContainer.userType-user .content, html div#homeContainer.userType-manager .content, html div#homeContainer.userType-admin .content {
  padding: 0 !important;
}
html div#homeContainer.userType-user .content .leftColumn,
html div#homeContainer.userType-user .content .rightColumn, html div#homeContainer.userType-manager .content .leftColumn,
html div#homeContainer.userType-manager .content .rightColumn, html div#homeContainer.userType-admin .content .leftColumn,
html div#homeContainer.userType-admin .content .rightColumn {
  background-color: rgba(0, 0, 0, 0.05);
  display: none;
}
html div#homeContainer.userType-user .content .leftColumn h4,
html div#homeContainer.userType-user .content .rightColumn h4, html div#homeContainer.userType-manager .content .leftColumn h4,
html div#homeContainer.userType-manager .content .rightColumn h4, html div#homeContainer.userType-admin .content .leftColumn h4,
html div#homeContainer.userType-admin .content .rightColumn h4 {
  display: none;
}
html div#homeContainer.userType-user .content .leftColumn .videoComponent,
html div#homeContainer.userType-user .content .rightColumn .videoComponent, html div#homeContainer.userType-manager .content .leftColumn .videoComponent,
html div#homeContainer.userType-manager .content .rightColumn .videoComponent, html div#homeContainer.userType-admin .content .leftColumn .videoComponent,
html div#homeContainer.userType-admin .content .rightColumn .videoComponent {
  margin: 0;
  padding: 0;
}
html div#homeContainer.userType-user .content .leftColumn .videoComponent img,
html div#homeContainer.userType-user .content .rightColumn .videoComponent img, html div#homeContainer.userType-manager .content .leftColumn .videoComponent img,
html div#homeContainer.userType-manager .content .rightColumn .videoComponent img, html div#homeContainer.userType-admin .content .leftColumn .videoComponent img,
html div#homeContainer.userType-admin .content .rightColumn .videoComponent img {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
html div#homeContainer.userType-user .content .leftColumn [class^=rightColumnSection],
html div#homeContainer.userType-user .content .leftColumn [class^=leftColumnSection],
html div#homeContainer.userType-user .content .rightColumn [class^=rightColumnSection],
html div#homeContainer.userType-user .content .rightColumn [class^=leftColumnSection], html div#homeContainer.userType-manager .content .leftColumn [class^=rightColumnSection],
html div#homeContainer.userType-manager .content .leftColumn [class^=leftColumnSection],
html div#homeContainer.userType-manager .content .rightColumn [class^=rightColumnSection],
html div#homeContainer.userType-manager .content .rightColumn [class^=leftColumnSection], html div#homeContainer.userType-admin .content .leftColumn [class^=rightColumnSection],
html div#homeContainer.userType-admin .content .leftColumn [class^=leftColumnSection],
html div#homeContainer.userType-admin .content .rightColumn [class^=rightColumnSection],
html div#homeContainer.userType-admin .content .rightColumn [class^=leftColumnSection] {
  margin-top: 0;
}
html div#homeContainer.userType-user .content .mainColumn, html div#homeContainer.userType-manager .content .mainColumn, html div#homeContainer.userType-admin .content .mainColumn {
  width: 100%;
  padding: 20px;
}
html div#homeContainer .sliderComponent {
  margin-top: 20px;
}
html div#homeContainer .sliderComponent .slideholder {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
html div#homeContainer .homeInfoPanel {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  padding: 10px;
}
html div#homeContainer .homeInfoPanel h2, html div#homeContainer .homeInfoPanel p {
  margin: 0 0 0.5em 0;
  padding: 0;
}
html div#homeContainer .homeInfoPanel h2, html div#homeContainer .homeInfoPanel a {
  color: #243882;
}
html div#homeContainer .homeWelcomeHolder {
  width: 100%;
  height: 600px;
  background-image: url(/custom/contract596/welcome-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
html div#homeContainer .homeWelcomeHolder .textarea {
  position: absolute;
  top: 200px;
  right: 60px;
  bottom: auto;
  left: auto;
  color: #243882;
  text-align: right;
  mix-blend-mode: multiply;
}
html div#homeContainer .homeWelcomeHolder .textarea h2 {
  font-size: 120px !important;
  line-height: 100px !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: -10px;
}
html div#homeContainer .homeWelcomeHolder .textarea p {
  font-size: 24px !important;
  margin: 0 !important;
}
html div#homeContainer .gridContainer {
  display: block;
  height: auto;
  padding: 20px 0;
  overflow: hidden;
}
html div#homeContainer .gridRow {
  display: block;
  padding: 0 0 20px 0;
  overflow: hidden;
}
html div#homeContainer .gridCol {
  display: block;
}
html div#homeContainer .gridPanel {
  position: relative;
  display: block;
  width: 100%;
  padding: 2em;
  overflow: hidden;
  text-align: left;
  background-color: #006e6a;
  border-radius: 0;
  text-align: center;
}
html div#homeContainer .gridPanel:hover, html div#homeContainer .gridPanel:focus-within {
  background-color: #00a19b;
}
html div#homeContainer .gridPanel a:link,
html div#homeContainer .gridPanel a:visited {
  font-weight: bold;
  color: #3bfff8;
}
html div#homeContainer .gridPanel a:hover,
html div#homeContainer .gridPanel a:active,
html div#homeContainer .gridPanel a:focus {
  color: #fff !important;
}
html div#homeContainer .gridPanel.altCol {
  background-color: #006e6a;
}
html div#homeContainer .gridPanel.altCol:hover, html div#homeContainer .gridPanel.altCol:focus-within {
  background-color: #00a19b;
}
html div#homeContainer .gridPanel.altCol a:link,
html div#homeContainer .gridPanel.altCol a:visited {
  font-weight: bold;
  color: #3bfff8;
}
html div#homeContainer .gridPanel.altCol a:hover,
html div#homeContainer .gridPanel.altCol a:active,
html div#homeContainer .gridPanel.altCol a:focus {
  color: #fff !important;
}
html div#homeContainer .maxWidth {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
html div#homeContainer .col1 {
  width: 100%;
}
html div#homeContainer .col2 {
  float: left;
  width: 50%;
}
html div#homeContainer .col2:first-child {
  float: left;
  padding-right: 10px;
}
html div#homeContainer .col2:last-child {
  float: right;
  padding-left: 10px;
}
html div#homeContainer .gridPanel h2:first-child {
  display: block !important;
  color: #fff;
}
html div#homeContainer .gridPanel p {
  color: #fff;
  margin: 0 0 0.5em 0;
}
html div#homeContainer .introInfo {
  position: relative;
  display: block;
  padding: 20px;
  background-color: #243882;
  color: #fff;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.3);
  margin-bottom: 40px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
html div#homeContainer .introInfo a {
  color: #212529;
  text-decoration: none;
}
html div#homeContainer .introInfo a:hover, html div#homeContainer .introInfo a:active, html div#homeContainer .introInfo a:focus {
  text-decoration: underline;
}
html div#homeContainer .introInfo .row {
  position: relative;
  display: block;
  clear: both;
  overflow: hidden;
}
html div#homeContainer .introInfo .row .col {
  display: block;
  float: left;
}
html div#homeContainer .introInfo .row .col.col3 {
  width: 33%;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
html div#homeContainer .introInfo .row .col.col3:last-child {
  border-right: none;
}
html div#homeContainer .introInfo .row .col.col3:first-child {
  border-left: none;
}

html div#myDetailsContainer .pageTitle {
  color: #243882;
}
html div#myDetailsContainer .leftColumn {
  padding-right: 20px;
}
html div#myDetailsContainer .menu {
  background-image: none;
  position: relative;
  z-index: 1;
  height: auto;
  padding: 0;
  background-color: none;
  overflow: hidden;
}
html div#myDetailsContainer .mydetailsform {
  padding-top: 20px;
}
html div#myDetailsContainer .mydetailsform #mydetailsformpart1,
html div#myDetailsContainer .mydetailsform #mydetailsformpart2,
html div#myDetailsContainer .mydetailsform #myDetailsFormPart3 {
  border: 1px solid #f0f0f0;
  background-color: #fff;
}
html div#myDetailsContainer .mydetailsform #myDetailsFormPart2Section1 > .rowEven:nth-child(5) {
  display: none;
}
html div#myDetailsContainer .mydetailsform #myDetailsFormPart3Section2 {
  display: none;
}
html div#myDetailsContainer .mydetailsform #myDetailsFormPart3Section1 .rowOdd:last-child() {
  display: none !important;
}
html div#myDetailsContainer .mydetailsform #myDetailsFormPart3Section1 > .rowOdd:nth-child(4) {
  display: none;
}

html #orderHistoryContainer .leftColumn {
  padding-right: 20px;
}
html #orderHistoryContainer .leftColumn .submitButton {
  margin-right: 0;
  float: right;
}
html #orderHistoryContainer td.carrierCol,
html #orderHistoryContainer th.carrierHead {
  display: none;
}
html #orderHistoryContainer #orderHistoryTable td, html #orderHistoryContainer #orderHistoryTable th {
  text-align: left !important;
}
html #orderHistoryContainer #orderHistoryTable td.totalCol, html #orderHistoryContainer #orderHistoryTable td.totalHead, html #orderHistoryContainer #orderHistoryTable th.totalCol, html #orderHistoryContainer #orderHistoryTable th.totalHead {
  text-align: right !important;
}
html #orderHistoryContainer #orderHistoryTable .priceCol:before,
html #orderHistoryContainer #orderHistoryTable .totalCol:before {
  content: "£";
}
html #orderHistorySide {
  padding: 0;
}
html #orderHistorySide textarea,
html #orderHistorySide select,
html #orderHistorySide .textInput {
  width: 180px !important;
  max-width: 180px !important;
  min-height: 1.2em;
}
html #orderHistorySide #orderHistorySideStatusLabel,
html #orderHistorySide #orderHistorySideSearchLabel,
html #orderHistorySide #orderHistorySideSearchIdLabel {
  display: block;
  float: none;
  font-size: 0.8rem;
  padding-bottom: 0.2rem;
  margin: 1em 0 0 0;
}
html #orderHistorySide input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  vertical-align: sub;
  margin-left: 0;
}
html #orderHistorySide input[type=checkbox] + span {
  font-size: 0.7rem;
  line-height: 1rem;
}

html #orderDetailsContainer div#invoiceAddressSection,
html #orderDetailsContainer div#deliveryAddressSection {
  margin-left: calc(35% + 0.8em) !important;
}
html #orderDetailsContainer .content {
  overflow: hidden;
  padding-bottom: 1em;
}
html #orderDetailsContainer .mainColumn {
  padding: 0 0 20px 0;
  width: 100%;
}
html #orderDetailsContainer .mainColumn hr {
  display: none;
}
html #orderDetailsContainer .mainColumn th.costCentreHead, html #orderDetailsContainer .mainColumn th.lineDeliveryHead, html #orderDetailsContainer .mainColumn th.carrierHead, html #orderDetailsContainer .mainColumn th.urgentHead {
  display: none;
}
html #orderDetailsContainer .mainColumn td.costCentreCol, html #orderDetailsContainer .mainColumn td.lineDeliveryCol, html #orderDetailsContainer .mainColumn td.lineCarrier, html #orderDetailsContainer .mainColumn td.actionCol, html #orderDetailsContainer .mainColumn td.urgentCol {
  display: none;
}
html #orderDetailsContainer .mainColumn #orderDetailsTable td, html #orderDetailsContainer .mainColumn #orderDetailsTable th {
  text-align: left;
}
html #orderDetailsContainer .mainColumn #orderDetailsTable td.priceCol, html #orderDetailsContainer .mainColumn #orderDetailsTable td.totalCol, html #orderDetailsContainer .mainColumn #orderDetailsTable td.priceHead, html #orderDetailsContainer .mainColumn #orderDetailsTable td.totalHead, html #orderDetailsContainer .mainColumn #orderDetailsTable th.priceCol, html #orderDetailsContainer .mainColumn #orderDetailsTable th.totalCol, html #orderDetailsContainer .mainColumn #orderDetailsTable th.priceHead, html #orderDetailsContainer .mainColumn #orderDetailsTable th.totalHead {
  text-align: right;
}
html #orderDetailsContainer .mainColumn #orderDetailsTable .priceCol:before,
html #orderDetailsContainer .mainColumn #orderDetailsTable .totalCol:before {
  content: "£";
}
html #orderDetailsContainer .mainColumn #orderNotes {
  margin-left: 15em;
}
html #orderDetailsContainer #instructions {
  margin-left: 15em;
}
html #orderDetailsContainer #orderTotals {
  padding-left: 0;
  padding-right: 0;
}
html #orderDetailsContainer #orderTotals label {
  width: 95%;
}
html #orderDetailsContainer #orderTotals #orderTotal span:before,
html #orderDetailsContainer #orderTotals #carriageTotal span:before,
html #orderDetailsContainer #orderTotals #finalTotal span:before {
  content: "£";
}
html #orderDetailsContainer .leftColumn {
  position: absolute;
  bottom: 0;
  vertical-align: top;
  width: 1160px;
  padding: 0;
  height: auto;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 {
  position: relative;
  text-align: left;
  width: auto;
  vertical-align: top;
  float: right;
  margin: 0 auto;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 p, html #orderDetailsContainer .leftColumn .leftColumnSection1 hr, html #orderDetailsContainer .leftColumn .leftColumnSection1 br {
  display: none;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 .sideBarTitle {
  display: none;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 .sideBarBackLink {
  float: left;
  display: block;
  width: auto;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 .button {
  float: right;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 form {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 form:nth-child(3) {
  display: none;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 form:nth-child(4) {
  display: none;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 form:nth-child(4) br {
  display: none;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 form:nth-child(4) .button {
  margin-left: 20px;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 form .sideBarBackLink {
  display: none;
}
html #orderDetailsContainer .leftColumn .leftColumnSection1 .pdfLink {
  display: none;
}

html #report1Container .mainColumn {
  margin: 0 auto;
  float: none;
}
html #report1Container .rightColumn,
html #report1Container .leftColumn {
  display: none;
}
html #report2Container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 260px;
  background-color: rgba(0, 0, 0, 0.02);
}
html #report2Container .rightColumn {
  display: none;
}
html #report2Container .leftColumn {
  padding-right: 20px;
}
html #report2Container .mainColumn {
  width: 900px;
}
html #report2Container #reportMessage {
  text-align: center;
}
html #reportFormFields select {
  background-color: transparent;
  resize: both;
}

html #stockLevelSideShow br,
html #stockLevelSideSearch br {
  display: none;
}
html #stockLevelContainer .leftColumn {
  padding-right: 20px;
}
html #stockLevelContainer .leftColumn .submitButton {
  margin-right: 0;
  float: right;
}
html #stockLevelContainer .rightColumn {
  display: none;
}
html #stockLevelContainer .leftColumnSection1 {
  padding: 0;
}
html #stockLevelContainer .leftColumnSection1 textarea,
html #stockLevelContainer .leftColumnSection1 select,
html #stockLevelContainer .leftColumnSection1 .textInput {
  width: 180px !important;
  max-width: 180px !important;
  min-height: 1.2em;
}
html #stockLevelContainer .leftColumnSection1 #stockLevelSideShowSection1Label,
html #stockLevelContainer .leftColumnSection1 #stockLevelSideSearchSection1Label {
  display: block;
  float: none;
  font-size: 0.8rem;
  padding-bottom: 0.2rem;
  margin: 1em 0 0 0;
  font-weight: bold;
}
html #stockLevelContainer .leftColumnSection1 input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  vertical-align: sub;
  margin-left: 0;
}
html #stockLevelContainer .leftColumnSection1 input[type=checkbox] + span {
  font-size: 0.7rem;
  line-height: 1rem;
}
html #stockLevelContainer .leftColumnSection1 #stockLevelSideSearchSection2 {
  font-size: 0.7rem;
  line-height: 1rem;
}

html #addressListContainer .mainColumn #addNewButton {
  margin-bottom: 1em;
}
html #addressListContainer .leftColumn {
  padding-right: 20px;
}
html #addressListContainer .leftColumn .submitButton {
  margin-right: 0;
  float: right;
}
html #addressListContainer .leftColumnSection1 {
  position: relative;
  padding: 0;
}
html #addressListContainer .leftColumnSection1 textarea,
html #addressListContainer .leftColumnSection1 select,
html #addressListContainer .leftColumnSection1 .textInput {
  width: 180px !important;
  max-width: 180px !important;
  min-height: 1.2em;
}
html #addressListContainer .leftColumnSection1 input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  vertical-align: sub;
  margin-left: 0;
}
html #addressListContainer .leftColumnSection1 .tinylink {
  font-size: 0.7rem;
  line-height: 1rem;
}
html #addressListContainer #addressListSideCatalogueButton .submitButton {
  float: right !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin-top: 1.2em !important;
}
html #addressListContainer #addressListContainer .leftColumn {
  position: relative;
}
html #addressListContainer #addressListContainer .leftColumn > div {
  padding: 0 5px !important;
}
html #addressListContainer #addressListSideCatalogue br,
html #addressListContainer #addressListSideSearchSection1 + br {
  display: none;
}
html #addressListContainer #addressListSideCatalogueSection1,
html #addressListContainer #addressListSideSearchLabel,
html #addressListContainer #addressListSideCatalogueLabel,
html #addressListContainer #addressListSideSearchLabel {
  display: block;
  float: none;
  font-size: 0.8rem;
  padding-bottom: 0.2rem;
  margin: 1em 0 0 0;
  font-weight: bold;
}
html #addressListContainer #addressListSideSearchButton {
  position: absolute;
  width: auto;
  right: 0;
}
html #addressListContainer #addressListSideCatalogueButton {
  position: absolute;
  width: auto;
  right: 0;
}
html #addressListContainer #addressListSideCatalogueButton .submitButton {
  margin-top: 0 !important;
}
html #addressListContainer #addressListSideSearchSection2 > input {
  width: 160px !important;
}

html #pdfUploadContainer {
  height: auto;
}
html #pdfUploadContainer .mainColumn {
  width: 100%;
  padding-top: 20px;
}
html #pdfUploadContainer div#renderCanvasControls input {
  color: #000;
}
html #pdfUploadContainer #fileuploadinput {
  min-height: 140px;
}
html #pdfUploadContainer #fileuploadinput button {
  display: inline-block;
  border: 1px solid #1e2f6e;
  background-color: #243882;
  background-image: none !important;
  border-radius: 0.3em;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  width: auto !important;
  max-width: 100%;
  padding: 0.3em 0.5em !important;
  line-height: 1.2em;
  margin: 0;
  height: auto;
  font-size: 0.9em !important;
  font-weight: bold;
  cursor: pointer;
  background-image: none;
  border: none;
}
html #pdfUploadContainer #detailspane h2 {
  padding: 0.5em;
  margin: -0.25em -0.25em 0.5em -0.25em;
}
html #pdfUploadContainer #imagepaneholder {
  width: auto;
  height: auto;
}
html #pdfUploadContainer #imagepaneholder .imagepane {
  position: relative;
  width: 750px;
  height: auto;
  padding: 20px 0;
}
html #pdfUploadContainer #imagepaneholder #renderCanvas {
  width: 100% !important;
  height: 100% !important;
}
html #pdfUploadContainer #imagepaneholder #renderCanvasFloatControls input.nextPage,
html #pdfUploadContainer #imagepaneholder #renderCanvasFloatControls input.previousPage {
  width: 50px !important;
  height: 50px !important;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  color: #fff;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
html #pdfUploadContainer #imagepaneholder #renderCanvasFloatControls input.nextPage {
  right: 10px;
  background-image: url(/custom/contract596/arrow_right-white.png) !important;
}
html #pdfUploadContainer #imagepaneholder #renderCanvasFloatControls input.previousPage {
  left: 10px;
  background-image: url(/custom/contract596/arrow_left-white.png) !important;
}
html #pdfUploadContainer #imagepaneholder #renderCanvasDocumentControls .pageNavigation {
  display: none;
}

html #priceMatrixContainer #carriageMatrixFlatRate,
html #priceMatrixContainer .isFlatRateHead,
html #priceMatrixContainer .isFlatRateCol {
  display: none;
}
html #priceMatrixContainer #carriageMatrixTable .activeRow {
  background-color: #ececec;
}
html #checkoutContainer {
  overflow: hidden !important;
}
html #checkoutContainer .AddressSearchBlock {
  height: auto;
}
html #checkoutContainer select#DeliveryAddress {
  max-width: 500px;
}
html #checkoutContainer .viewLink {
  display: none;
}
html #checkoutContainer #DeliveryAddressRow label,
html #checkoutContainer #InvoiceAddressRow label {
  background: none;
}
html #checkoutContainer #DeliveryAddressName,
html #checkoutContainer #invoiceAddressFixed {
  line-height: 2em;
}
html #checkoutContainer #DeliveryAddress_adhoc {
  margin-left: 0;
}
html #checkoutContainer #DeliveryAddress_adhoc label {
  width: 30%;
  margin-right: 10px;
}
html #checkoutContainer #DeliveryAddress_adhoc input[type=text] {
  width: 22em;
}
html #checkoutContainer #InvoiceAddressRow {
  margin-bottom: 0;
}
html #checkoutContainer #DeliveryAddress_chosen {
  font-size: 0.8em;
  line-height: 2em;
}
html #checkoutContainer .mainColumnSection1 > div:nth-child(5) {
  font-size: 0.8em;
  display: none;
}
html #checkoutContainer #checkoutTable th, html #checkoutContainer #checkoutTable td {
  text-align: left;
}
html #checkoutContainer #checkoutTable th.priceCol, html #checkoutContainer #checkoutTable th.totalCol, html #checkoutContainer #checkoutTable th.priceHead, html #checkoutContainer #checkoutTable th.totalHead, html #checkoutContainer #checkoutTable td.priceCol, html #checkoutContainer #checkoutTable td.totalCol, html #checkoutContainer #checkoutTable td.priceHead, html #checkoutContainer #checkoutTable td.totalHead {
  text-align: right;
}
html #checkoutContainer #checkoutTable .priceCol:before,
html #checkoutContainer #checkoutTable .totalCol:before {
  content: "£";
}
html #checkoutContainer #totalsWrapper #orderTotalsPriceValue:before,
html #checkoutContainer #totalsWrapper #orderTotalPriceCarriageValue:before,
html #checkoutContainer #totalsWrapper #orderTotalPriceTotalValue:before {
  content: "£";
}

html #productDetailsCatContainer #productdetails #productdetails_price:before,
html #productDetailsCatContainer #productdetails #productdetails_extendedprice:before {
  content: "£";
}
html #productDetailsCatContainer .personaliseprocessbar .section2 {
  width: auto !important;
}
html #productDetailsCatContainer .instructions {
  color: #243882;
}

div#productDetailsCatContainer.chili.expanded {
  min-width: 100%;
}
div#productDetailsCatContainer.chili.expanded div.content,
div#productDetailsCatContainer.chili.expanded div.mainColumn {
  min-width: 100%;
}

.chiliExpander i {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.chiliExpander i:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "\e5d0";
  font-family: "Material Icons";
  font-size: 40px;
  text-align: center;
  font-style: normal;
  line-height: 50px;
  color: #243882;
  animation: pulse-color 4s infinite;
}
.chiliExpander i.active:after {
  content: "\e5d1" !important;
}

/*# sourceMappingURL=high.css.map */