/*
    MS Green            #97d700
    MS Orange           #ff6900
    MS Grey             #75787b
    MS Light Grey       #97999B 
    Cream Background    #f9f9f7
    Button              #fe6b00
    Button Hover        #fb4f00
    Dark Green          #00aa13
    Dark Orange         #d14124 

    Large Screen Layout @media (min-width: 1081px)
    Small Screen Layout @media (max-width: 1080px)
*/

.page {
}

a {
   color: #75787b;
   cursor: pointer;
   text-decoration: none;
}

   a:hover {
      color: #75787b;
      cursor: pointer;
      text-decoration: underline;
   }

   a:visited {
      color: #75787b;
      cursor: pointer;
   }

iframe {
}

input {
   background-color: white;
   border: 2px solid #d9d9d6;
   border-radius: 0;
   color: #717375;
   font-size: small;
   margin-bottom: 6px;
   margin-top: 6px;
   padding-top: 4px;
   padding-bottom: 4px;
}

   input::placeholder {
      color: #97999b;
   }

select {
   background-color: white;
   border: 2px solid #d9d9d6;
   border-radius: 0;
   color: #717375;
   font-size: small;
   height: 40px;
   margin-bottom: 6px;
   margin-top: 6px;
   padding-top: 4px;
   padding-bottom: 4px;
}

   select::placeholder {
      color: #97999b;
   }

textarea {
   background-color: white;
   border: 2px solid #d9d9d6;
   border-radius: 0;
   color: #717375;
   font-size: small;
   height: 50px;
   margin-bottom: 6px;
   margin-top: 6px;
   padding-top: 4px;
   padding-bottom: 4px;
}

   textarea::placeholder {
      color: #97999b;
   }

.linkButton {
   display: inline-block;
   line-height: 40px;
}

   .linkButton a {
      background-color: #fe6b00;
      border-radius: .25rem;
      color: white !important;
      cursor: pointer;
      font-size: 12px;
      padding: 10px;
      text-decoration: none;
   }

      .linkButton a:hover {
         background-color: #fb4f00;
         color: white;
         text-decoration: none;
      }

      .linkButton a:visited {
         color: white;
         text-decoration: none;
      }

.linkButtonSecondary {
   display: inline-block;
   line-height: 40px;
}

   .linkButtonSecondary a {
      background-color: #97999b;
      border-radius: .25rem;
      color: white !important;
      cursor: pointer;
      font-size: 12px;
      padding: 10px;
      text-decoration: none;
   }

      .linkButtonSecondary a:hover {
         background-color: #fb4f00;
         color: white;
         text-decoration: none;
      }

      .linkButtonSecondary a:visited {
         color: white;
         text-decoration: none;
      }

.checkBoxLabel {
   cursor: pointer;
}

.toggleSwitch {
   cursor: pointer;
   display: inline-block;
}

   .toggleSwitch .toggleSwitchText {
      display: inline-block;
   }

   .toggleSwitch .toggleSwitchTextRight {
      display: inline-block;
      margin-left: 2px;
   }

   .toggleSwitch .toggleSwitchImage {
      display: inline-block;
   }

.singleImageContent {
   text-align: center;
}

   .singleImageContent img {
      max-width: 600px;
      width: 100%;
   }

.topBanner .topBannerLeft {
}

.topBanner .topBannerRight {
   text-align: right;
}

.userBanner {
   background-color: #d9d9d6;
   color: white;
   font-size: 13px;
   font-weight: bold;
   padding-top: 8px;
   padding-bottom: 8px;
}

   .userBanner .customerDetails {
      color: #75787b;
      cursor: pointer;
      display: inline-block;
      float: left;
   }

      .userBanner .customerDetails .switchAccount {
         text-decoration: underline;
      }

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

   .userBanner a {
      color: #75787b;
   }

.orderEditBanner {
   background-color: #97d700;
   color: #75787b;
   font-size: 13px;
   font-weight: bold;
   padding-top: 8px;
   padding-bottom: 8px;
}

   .orderEditBanner .orderDetails {
      display: inline-block;
      float: left;
   }


.appHeader {
   background-color: white;
}

   .appHeader .headerSearch {
      font-size: 12px;
      text-align: center;
   }

      .appHeader .headerSearch .searchBar {
         background-image: url('https://medicalsupermarketcdn.blob.core.windows.net/resources/Shop/SearchBarSprite.png');
         background-repeat: repeat-x;
         border: 1px solid #d9d9d6;
         display: inline-block;
         height: 53px;
         padding-top: 12px;
         position: relative;
         text-align: left;
         width: 100%;
      }

      .appHeader .headerSearch .searchInput {
         border: none;
         float: left;
         font-size: 16px;
         outline: none;
         margin-left: 5px;
         padding-right: 80px;
         width: 98%;
      }

      .appHeader .headerSearch .searchInput {
         margin-top: 0px;
      }

      .appHeader .headerSearch .searchButton {
         background-color: transparent;
         border: none;
         border-left: 1px solid #d9d9d6;
         margin-right: 5px;
         position: absolute;
         right: 0px;
         width: 60px;
      }

         .appHeader .headerSearch .searchButton img {
            height: 26px;
         }

      .appHeader .headerSearch .validation-errors {
         position: absolute;
      }

@media (min-width: 1081px) {
   /* Large Screen Layout - Horizontal Header Bar */
   .appHeader .headerSearch .validation-errors {
      top: 120px;
   }
}

@media (max-width: 1080px) {
   /* Small Screen Layout - Vertical Header Bar */
   .appHeader .headerSearch .validation-errors {
      top: 180px;
   }
}

.appHeader .searchDropDown {
   background-color: white;
   border-left: 1px solid #d9d9d6;
   border-right: 1px solid #d9d9d6;
   border-bottom: 1px solid #d9d9d6;
   min-width: 200px;
   padding: 0 5px 5px 5px;
   position: absolute;
   text-align: left;
   top: 53px;
   width: 100%;
   z-index: 99 !important;
}

@media (min-width: 1081px) {
   /* Large Screen Layout - Horizontal Header Bar */
   .appHeader .searchDropDown {
   }
}

@media (max-width: 1080px) {
   /* Small Screen Layout - Vertical Header Bar */
   .appHeader .searchDropDown {
   }
}

.appHeader .searchDropDown .searchSuggestion {
}

   .appHeader .searchDropDown .searchSuggestion a {
      font-size: 14px;
      font-weight: bold;
   }

   .appHeader .searchDropDown .searchSuggestion img {
      max-height: 30px;
      max-width: 30px;
   }

.appHeader .searchDropDown .suggestedProducts {
   padding: 5px;
}

   .appHeader .searchDropDown .suggestedProducts .suggestedProduct {
      border-top: 1px solid #d9d9d6;
      padding: 5px;
   }

      .appHeader .searchDropDown .suggestedProducts .suggestedProduct .productThumbnail {
         text-align: center;
      }

      .appHeader .searchDropDown .suggestedProducts .suggestedProduct .productName {
         font-size: 14px;
         font-weight: bold;
      }

.appHeader .searchDropDown .closeSearchDropDown {
   border-top: 1px solid #d9d9d6;
   padding: 5px;
   text-align: right;
}

   .appHeader .searchDropDown .closeSearchDropDown .closeText {
      cursor: pointer;
   }

.appHeader .headerOptionText {
   font-size: 14px;
   font-weight: bold;
}



.appHeader .basketStatusWithContents {
   background: url('https://medicalsupermarketcdn.blob.core.windows.net/resources/Shop/BasketBackground@2x.png');
   background-size: 60px 60px;
   background-repeat: no-repeat;
   color: #ff6900;
   font-weight: bold;
   height: 60px;
   margin-right: 15px;
   padding-left: 4px;
   padding-top: 12px;
   width: 60px;
}

.appHeader .basketStatusTotal {
   font-weight: bold;
}

@media (min-width: 1081px) {
   /* Large Screen Layout - Horizontal Header Bar */
   .appHeader .smallScreen {
      display: none;
      visibility: hidden;
   }

   .appHeader .largeScreen {
      padding-top: 10px;
      visibility: visible;
   }

      .appHeader .largeScreen .layoutTable {
         width: 100%;
      }

         .appHeader .largeScreen .layoutTable .headerLogo {
            text-align: left;
            width: 300px;
         }

         .appHeader .largeScreen .layoutTable .headerSearch {
         }

         .appHeader .largeScreen .layoutTable .headerOptionsX3 {
            text-align: right;
            width: 390px;
         }

         .appHeader .largeScreen .layoutTable .headerOptionsX4 {
            text-align: right;
            width: 470px;
         }

         .appHeader .largeScreen .layoutTable .headerOption {
            cursor: pointer;
            display: inline-block;
            text-align: center;
            vertical-align: top;
         }

            .appHeader .largeScreen .layoutTable .headerOption img {
               width: 60px;
            }

         .appHeader .largeScreen .layoutTable .headerOptionDivide {
            display: inline-block;
            margin: 0px 20px;
            padding: 0px;
            width: 1px;
            text-align: center;
            vertical-align: middle;
         }

         .appHeader .largeScreen .layoutTable .basketStatusWithContents {
            display: inline-block;
         }
}

@media (max-width: 1080px) {
   /* Small Screen Layout - Vertical Header Bar */
   .appHeader .largeScreen {
      display: none;
      visibility: hidden;
   }

   .appHeader .smallScreen {
      border-bottom: solid 1px #d9d9d6;
      padding-bottom: 10px;
      padding-top: 10px;
      visibility: visible;
   }

      .appHeader .smallScreen .headerLogo {
         text-align: center;
      }

      .appHeader .smallScreen .headerSearch {
         text-align: center;
      }

      .appHeader .smallScreen .headerOptions {
         text-align: center;
      }

         .appHeader .smallScreen .headerOptions .layoutTable {
            padding: 0;
            width: 100%;
         }

            .appHeader .smallScreen .headerOptions .layoutTable .headerOptionX3 {
            }

               .appHeader .smallScreen .headerOptions .layoutTable .headerOptionX3 img {
                  width: 60px;
               }

            .appHeader .smallScreen .headerOptions .layoutTable .headerOptionX4 {
            }

               .appHeader .smallScreen .headerOptions .layoutTable .headerOptionX4 img {
                  width: 60px;
               }

            .appHeader .smallScreen .headerOptions .layoutTable .headerOptionDivide {
               margin: 0px 10px;
            }

      .appHeader .smallScreen .layoutTable .basketStatusWithContents {
         display: inline-block;
      }
}

.alertViewer {
   font-size: 14px;
}

   .alertViewer .alertTitle {
   }

   .alertViewer .alertIcon {
      max-height: 32px;
   }

   .alertViewer .alertMessage {
      font-size: 16px;
      text-align: left;
   }

.applicationLogo {
}

   .applicationLogo img {
      width: 100%;
      max-width: 266px;
   }


.quickBuy {
   background-color: white;
   margin: 0 auto;
   width: fit-content;
}

.quickBuyInput {
   display: table-cell;
   padding: 16px;
   width: fit-content;
}

.quickBuy label {
   font-size: 14px;
   font-weight: bold;
}

.quickBuy .quickBuyQuantity {
   width: 80px;
}

.quickBuy .quickBuyProductCode {
}

.quickBuy .hideQuickBuy {
   display: table-cell;
}

.tout {
}


   .tout .toutHtml {
   }

   .tout .toutImage {
   }

      .tout .toutImage img {
         width: 100%;
      }

.toutFullWidth {
   text-align: center;
}

.toutHalfWidthLeft {
   text-align: left;
}

.toutHalfWidthRight {
   text-align: right;
}

.price {
   display: inline-block;
}

.priceLayout {
   border-spacing: 0;
   line-height: 0.8;
   padding: 0;
}

   .priceLayout .pounds {
      font-size: 16px;
      font-weight: bold;
      vertical-align: bottom;
   }

   .priceLayout .pence {
      font-size: 10px;
      font-weight: bold;
      padding-bottom: 1px;
      vertical-align: bottom;
   }

   .priceLayout .reducedPrice {
      color: #CF341D;
   }

   .priceLayout .reducedFromPrice {
      margin-left: 10px;
      text-decoration: line-through;
   }

   .priceLayout .vatDetail {
      font-size: 10px;
      font-weight: normal;
   }

   .priceLayout .vatDetailAbove {
      text-align: right;
   }

   .priceLayout .vatDetailBelow {
      text-align: left;
   }

   .priceLayout .vatDetailRight {
      padding-bottom: 1px;
      padding-left: 6px;
      vertical-align: bottom;
   }

   .priceLayout .vatDetailFarRight {
      text-align: right;
      vertical-align: bottom;
      width: 100%;
   }

.buyProduct {
}

   .buyProduct input {
      border: none;
      margin: 0;
      padding: 0;
      text-align: center;
      width: 100%;
   }

   .buyProduct .buyProductButton {
      background-color: #fe6b00;
      border-radius: .25rem;
      color: white !important;
      cursor: pointer;
      font-size: 12px;
      height: 32px;
      padding: 7px;
      text-align: center;
      width: 100%;
   }

   .buyProduct .buyProductInLine {
      margin: 4px 0px;
   }

      .buyProduct .buyProductInLine .quantityContainer {
         border: 1px solid #d9d9d6;
         display: inline-block;
         font-size: 0;
         height: 32px;
         text-align: center;
         vertical-align: middle;
         width: 81px;
      }

         .buyProduct .buyProductInLine .quantityContainer .quantityAdjust {
            cursor: pointer;
            display: inline-block;
            font-size: 18px;
            height: 32px;
            padding-top: 2px;
            width: 20px;
         }

         .buyProduct .buyProductInLine .quantityContainer .quantityValue {
            border-left: 1px solid #d9d9d6;
            border-right: 1px solid #d9d9d6;
            display: inline-block;
            font-size: 18px;
            height: 32px;
            padding-top: 2px;
            width: 38px;
         }



      .buyProduct .buyProductInLine .spacer {
         display: inline-block;
         vertical-align: middle;
         width: 5px;
      }

      .buyProduct .buyProductInLine .buttonContainer {
         display: inline-block;
      }

         .buyProduct .buyProductInLine .buttonContainer .buyProductButton {
         }

   .buyProduct .buyProductWrapped {
      display: inline-block;
      margin: 4px 0px;
   }

      .buyProduct .buyProductWrapped .quantityContainer {
         border: 1px solid #d9d9d6;
         font-size: 0;
         text-align: center;
         vertical-align: middle;
         width: 81px;
      }

         .buyProduct .buyProductWrapped .quantityContainer .quantityAdjust {
            cursor: pointer;
            display: inline-block;
            font-size: 18px;
            width: 20px;
         }

         .buyProduct .buyProductWrapped .quantityContainer .quantityValue {
            border-left: 1px solid #d9d9d6;
            border-right: 1px solid #d9d9d6;
            display: inline-block;
            font-size: 18px;
            width: 38px;
         }

      .buyProduct .buyProductWrapped .buttonContainer {
      }

         .buyProduct .buyProductWrapped .buttonContainer .buyProductButton {
            margin-top: 5px;
         }

.addProductToBasketIcon {
   margin-bottom: 4px;
   margin-left: 4px;
   max-width: 16px;
   max-height: 16px;
}

.addToBasketAlert {
   color: #75787b;
}

.addedToBasketTable {
   width: 100%;
}

   .addedToBasketTable .thumbnail {
      text-align: left;
      height: 160px;
      width: 160px;
      vertical-align: middle;
   }

      .addedToBasketTable .thumbnail .productThumbnail {
         height: auto !important;
      }

   .addedToBasketTable .details {
      text-align: left;
      vertical-align: middle;
   }

      .addedToBasketTable .details .productName {
         font-size: 16px;
         font-weight: bold;
      }

      .addedToBasketTable .details .quantityAdded {
         font-size: 16px;
      }


.menuBar {
   background-color: white;
}


@media (min-width: 1081px) {
   /* Large Screen Layout */
   .menuBar {
      border-top: solid 1px #d9d9d6;
      border-bottom: solid 1px #d9d9d6;
      margin-top: 10px;
   }
}

@media (max-width: 1080px) {
   /* Small Screen Layout */
   .menuBar {
   }
}

.menuBar .subMenu {
   background-color: rgba(0, 0, 0, .5);
   height: 100%;
   left: 0;
   position: absolute;
   width: 100%;
   z-index: 99 !important;
}

   .menuBar .subMenu .subMenuContent {
      background-color: white;
      border: 1px solid #d9d9d6;
      margin: 0 auto;
      max-width: 1180px;
      padding: 0 16px 16px 16px;
   }

.menuBar .subMenuHeader {
   background-color: #75787b;
   font-size: 13px;
   text-align: center;
}

.menuBar .subMenu .subMenuHeader a {
   color: white;
   cursor: pointer;
   font-size: 13px;
   font-weight: bold;
}

.menuBar .subMenu .menuLevel1 {
   font-size: 13px;
   font-weight: bold;
   padding-top: 16px;
}

.menuBar .subMenu .menuLevel2 {
   font-size: 13px;
   padding-left: 10px;
}

.nav-bar {
}

.navbar-nav {
}

@media (max-width: 1080px) {
   /* Small Screen Layout */
   .navbar-nav {
      padding-left: 50px;
   }
}

.nav-link {
   cursor: pointer;
   font-size: 14px;
   font-weight: bold;
   height: 50px;
   line-height: 50px;
   margin-left: 20px;
   margin-right: 20px;
   padding: 0;
   text-align: center;
}

@media (max-width: 1080px) {
   /* Small Screen Layout */
   .nav-link {
      text-align: left;
   }
}

.nav-link-menuName {
   display: inline-block;
   line-height: 20px;
   max-width: 110px;
   vertical-align: middle;
}

.singlePanelPageLayout {
   padding-bottom: 10px;
}

.contentHeaderContainer {
   background-image: url('https://medicalsupermarketcdn.blob.core.windows.net/resources/Shop/PageHeaderBackground.png');
   background-position: center;
   background-repeat: no-repeat;
   color: white;
   margin-bottom: 30px;
}

@media (min-width: 1081px) {
   /* Large Screen Layout */
   .contentHeaderContainer {
      background-image: url('https://medicalsupermarketcdn.blob.core.windows.net/resources/Shop/PageHeaderBackground.png');
      background-position: center;
      background-repeat: no-repeat;
      height: 120px;
   }
}

@media (max-width: 1080px) {
   /* Small Screen Layout */
   .contentHeaderContainer {
      background-color: #98999b;
      padding-bottom: 16px;
   }
}

.contentHeaderContainer a {
   color: white;
}

.contentHeaderContainer .breadcrumbTrail {
   font-size: 14px;
   padding-top: 20px;
}

   .contentHeaderContainer .breadcrumbTrail .breadcrumbHome {
      display: inline-block;
   }

   .contentHeaderContainer .breadcrumbTrail .breadcrumb {
      border-left: 1px solid white;
      display: inline-block;
      margin-left: 15px;
      padding-left: 15px;
   }

.contentHeader h1 {
   font-size: 32px;
   font-weight: bolder;
}

.contentHeader h2 {
   font-size: 32px;
   font-weight: bolder;
}

.homePageRotator {
   position: relative;
   width: 100%;
   padding-bottom: 44.90%;
   margin-top: 20px;
}

   .homePageRotator .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
      border: 1px solid #f9f9f7;
   }

.homePageGraphics {
}

   .homePageGraphics .responsive-iframe {
      margin-top: 20px;
   }


   .homePageGraphics .homePageGraphic {
      padding-top: 20px;
   }

   .homePageGraphics img {
      width: 100%;
      max-height: 360px;
   }

.homePageText {
   background-color: #D9D9D6;
   color: #75787B;
   margin-top: 20px;
   padding-bottom: 20px;
   padding-top: 20px;
}

   .homePageText h1 {
      text-align: center;
   }

.shaddowPanel {
   box-shadow: 10px 10px #d9d9d6;
   background-color: white;
   margin-bottom: 10px;
   margin-right: 10px;
}

   .shaddowPanel .shaddowPanelContent {
      padding: 5px;
   }

.customerSelectionPage {
   padding: 30px;
}

   .customerSelectionPage .searchInput {
   }

   .customerSelectionPage .searchButton {
      background-color: white;
      border: none;
   }

   .customerSelectionPage .additionalOptions {
      padding-top: 5px;
   }

   .customerSelectionPage .logOutForm {
      display: inline-block;
   }

   .customerSelectionPage .searchButton img {
      background-color: white;
      border: none;
      max-height: 26px;
   }

   .customerSelectionPage .customerList {
   }

   .customerSelectionPage .customerListItem {
      font-size: 18pt;
      font-weight: bold;
   }

@media (max-width: 1080px) {
   /* Small Screen Layout */
   .customerSelectionPage .customerListItem {
      font-size: 12pt;
      font-weight: bold;
   }
}

.contentLink {
}

   .contentLink a {
      color: #75787b;
      text-decoration: none;
   }

      .contentLink a:hover {
         text-decoration: none;
      }

      .contentLink a:visited {
         color: #75787b;
      }

.productCategoryHeader {
   color: #75787b;
   font-size: 14px;
   margin-top: 30px;
   margin-bottom: 30px;
}

   .productCategoryHeader .productCategoryName {
   }

.productCategoryList {
   margin-bottom: 10px;
}

.productCategoriesListItem {
   cursor: pointer;
   margin-bottom: 20px;
   height: 300px;
   padding: 10px;
}

   .productCategoriesListItem .productCategoryImage {
      margin-bottom: 10px;
      height: 150px;
      text-align: center;
      white-space: nowrap;
   }

      .productCategoriesListItem .productCategoryImage .aligner {
         display: inline-block;
         height: 100%;
         vertical-align: middle;
      }

      .productCategoriesListItem .productCategoryImage img {
         max-height: 150px;
         max-width: 100px;
         vertical-align: middle;
      }

   .productCategoriesListItem .productCategoryName {
      font-size: 17pt;
      font-weight: bold;
      margin-bottom: 20px;
      min-height: 80px;
      text-align: left;
   }


   .productCategoriesListItem .viewRange {
      font-size: 20pt;
      font-weight: bold;
      text-align: left;
   }

.productCategoryHeader {
}

   .productCategoryHeader .productCategoryDescription {
   }

   .productCategoryHeader .productCategoryImage {
      text-align: center;
   }

      .productCategoryHeader .productCategoryImage img {
         height: 150px;
      }

.readMoreOrLessText {
   color: #ff6900;
   cursor: pointer;
}

.productListOptions {
}

   .productListOptions .shaddowPanelContent {
      padding: 0px;
   }

   .productListOptions .productListOptionsTitle {
      background-color: #97999b;
      color: white;
      cursor: pointer;
      height: 30px;
      font-size: 14px;
      font-weight: bold;
      padding-left: 5px;
      padding-top: 5px;
   }

      .productListOptions .productListOptionsTitle img {
         float: right;
         padding-right: 5px;
         padding-top: 5px;
      }

   .productListOptions .productListOptionsContent {
      max-height: 200px;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 11px;
   }

      .productListOptions .productListOptionsContent .productListSortBy {
         font-size: 14px;
         font-weight: bold;
      }

         .productListOptions .productListOptionsContent .productListSortBy .sortOrderItem {
            cursor: pointer;
            margin-left: 5px;
            margin-right: 5px;
            font-weight: normal;
         }

         .productListOptions .productListOptionsContent .productListSortBy .sortOrderItemSelected {
            color: #ff6900;
            font-weight: bold;
         }

   .productListOptions .productListRefineByHeader {
      font-size: 14px;
      font-weight: bold;
      margin-top: 20px;
   }

   .productListOptions .productListRefineBy {
      font-size: 14px;
      margin-top: 10px;
   }

      .productListOptions .productListRefineBy .refinementGroup {
      }

      .productListOptions .productListRefineBy .refinementHeader {
         font-weight: bold;
      }

      .productListOptions .productListRefineBy .refinementOption {
      }

         .productListOptions .productListRefineBy .refinementOption span {
            cursor: pointer;
         }

.productList {
   margin-bottom: 20px;
   margin-top: 30px;
}

.productListItem {
   margin-bottom: 6px;
   min-height: 460px;
}

   .productListItem .productListItemContent {
      height: 490px;
      padding: 20px;
   }


   .productListItem .productListItemTop {
      min-height: 120px;
   }

   .productListItem .productListItemImage {
      background-color: white;
      height: 200px;
      margin-bottom: 4px;
      margin-top: 2px;
      text-align: center;
   }

      .productListItem .productListItemImage img {
         height: 200px;
         max-width: 100%;
         object-fit: contain;
      }

   .productListItem .productListItemProductName {
      color: #75787b;
      font-size: 20px;
      font-weight: bold;
      text-align: left;
   }

   .productListItem .productListItemVariantName {
      color: #75787b;
      font-size: 17pt;
      font-weight: bold;
      text-align: left;
   }

   .productListItem .productDecals {
      height: 20px;
      margin-bottom: 6px;
      margin-top: 6px;
   }

   .productListItem .productListItemPurchase {
   }

   .productListItem .productListItemPurchaseLeft {
   }

   .productListItem .productListItemPurchaseRight {
      text-align: right;
   }

   .productListItem .productListItemPackSize {
      color: #75787b;
      font-size: 14px;
      height: 21px;
      margin-top: 10px;
   }

   .productListItem .pricesStartFrom {
      color: #75787b;
      font-size: 14px;
      margin-top: 40px;
   }

   .productListItem .productListItemPrice {
      color: #75787b;
      font-weight: bold;
   }

      .productListItem .productListItemPrice .poa {
         padding-bottom: 10px;
         padding-top: 10px;
      }

      .productListItem .productListItemPrice .price {
         margin-top: 12px
      }

      .productListItem .productListItemPrice .pounds {
         font-size: 26px;
      }

      .productListItem .productListItemPrice .pence {
         font-size: 18px;
      }

      .productListItem .productListItemPrice .vatDetail {
         font-size: 12px;
         padding-top: 12px;
      }

   .productListItem .productListItemVatDetail {
      color: #75787b;
      font-size: 12px;
      font-weight: normal;
   }

   .productListItem .productListItemProductCode {
      color: #75787b;
      font-size: 10px;
      margin-top: 10px;
   }

.productDecals {
   width: 100%;
}

   .productDecals .row {
      --bs-gutter-x: 0;
   }

   .productDecals .decal {
   }

      .productDecals .decal img {
         width: 100%;
      }

.productPage {
   padding: 8px;
}

   .productPage .productDecals {
      margin-bottom: 16px;
      margin-top: 10px;
      max-height: 20px;
   }

   .productPage .productImages {
      margin-top: 14px;
   }

      .productPage .productImages .currentImage img {
         height: auto;
         max-height: 360px;
         width: 100%;
      }


   .productPage h1 {
      font-size: 21px;
      font-weight: bold;
      line-height: 24px;
      margin-top: 30px;
   }

   .productPage h2 {
      font-size: 14px;
   }

   .productPage h3 {
      font-size: 21px;
   }

   .productPage h4 {
      font-size: 16px;
   }

   .productPage .productInformationSummary {
   }

   .productPage .poaText {
      font-size: 46px;
      font-weight: bold;
      margin-top: 36px;
   }

   .productPage .poaButton {
      margin-bottom: 10px;
      margin-top: 10px;
   }

   .productPage .productPrice {
      margin-bottom: 8px;
      margin-top: 30px;
   }

      .productPage .productPrice .pounds {
         font-size: 46px;
         font-weight: bold;
      }

      .productPage .productPrice .pence {
         font-size: 32px;
         font-weight: bold;
      }

      .productPage .productPrice .vatDetail {
         font-size: 18px;
         font-weight: bold;
      }

      .productPage .productPrice .reducedFromPrice {
         font-size: 24px;
      }

   .productPage .signUpPrompt {
      color: #ff6900;
   }

      .productPage .signUpPrompt a {
         color: #ff6900;
         font-weight: bold;
         text-decoration: underline;
      }

   .productPage .packSize {
      font-size: 21px;
      margin-bottom: 10px;
   }

   .productPage .productCode {
      font-size: 16px;
      margin-bottom: 10px;
   }

   .productPage .favoriteProduct {
      margin-top: 10px;
      font-size: 14px;
   }

   .productPage .outOfStock {
      color: #ff6900;
   }

   .productPage .supplier {
      font-size: 14px;
      font-weight: bold;
      margin-top: 10px;
   }

   .productPage .leadTime {
      font-size: 14px;
      font-weight: bold;
   }

   .productPage .inStock {
      font-size: 14px;
      font-weight: bold;
   }

   .productPage .outOfStock {
      font-size: 14px;
      font-weight: bold;
   }

   .productPage .tabs {
      background-color: #d9d9d6;
      border-left: 2px solid #d9d9d6;
      border-right: 2px solid #d9d9d6;
      border-top: 2px solid #d9d9d6;
      display: inline-block;
      margin-top: 20px;
   }

      .productPage .tabs .tab {
         color: white;
         cursor: pointer;
         display: inline-block;
         padding: 5px 10px;
      }

      .productPage .tabs .tabSelected {
         background-color: white;
         color: #75787b;
         font-weight: bold;
      }

   .productPage .tabPages {
      margin-bottom: 20px;
   }

      .productPage .tabPages .tabPage {
         border: 2px solid #d9d9d6;
         color: #75787b;
         padding: 20px;
      }

      .productPage .tabPages .productInformationDescription {
      }

      .productPage .tabPages .furtherInformation {
      }

         .productPage .tabPages .furtherInformation .oemDetails {
         }

         .productPage .tabPages .furtherInformation .oemName {
         }

         .productPage .tabPages .furtherInformation .oemProductCode {
         }

         .productPage .tabPages .furtherInformation .attributeGroup {
            font-size: 12pt;
            font-weight: bold;
         }

         .productPage .tabPages .furtherInformation .attributeDetails {
            margin-left: 20px;
         }

         .productPage .tabPages .furtherInformation .attributeTypeDescription {
         }

         .productPage .tabPages .furtherInformation .attributeDescription {
            font-weight: bold;
         }

      .productPage .tabPages .productDownloads {
      }

         .productPage .tabPages .productDownloads .productFileGroup {
            font-weight: bold;
         }

         .productPage .tabPages .productDownloads .productFile {
            margin-left: 20px;
         }

   .productPage .productDescriptionOnly {
   }

   .productPage .descriptinoOnlyPoa {
      margin-bottom: 20px;
      text-align: right;
   }

/* Product Variants */

.productVariants a:hover {
   text-decoration: none;
}

@media (min-width: 1081px) {
   /* Large Screen Layout - Horizontal */
   .productVariants .smallScreen {
      display: none;
      visibility: hidden;
   }

   .productVariants .largeScreen {
      visibility: visible;
      border: 2px solid #d9d9d6;
      max-height: 500px;
      margin-top: 20px;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 10px;
   }

      .productVariants .largeScreen h3 {
         font-size: 16pt;
         font-weight: bold;
      }

      .productVariants .largeScreen .table {
         display: table;
         padding: 0px;
         width: 100%;
      }

         .productVariants .largeScreen .table a {
            padding: 0px;
         }

         .productVariants .largeScreen .table .columnHeaders .columnHeader {
            color: #75787b;
            font-size: 11pt;
            font-weight: bold;
            padding-bottom: 10px;
         }

         .productVariants .largeScreen .table .detailRow {
            border-top: 2px solid #d9d9d6;
            display: table-row;
            font-size: 11pt;
            font-weight: normal;
            min-height: 30px;
            vertical-align: middle;
         }

         .productVariants .largeScreen .table .detailCell {
            display: table-cell;
            vertical-align: middle;
         }

         .productVariants .largeScreen .table .productCodeColumn {
            padding-right: 5px;
         }

         .productVariants .largeScreen .table .productNameColumn {
            padding-right: 5px;
         }

         .productVariants .largeScreen .table .packSizeColumn {
            padding-right: 5px;
         }

         .productVariants .largeScreen .table .leadTimeColumn {
            max-width: 120px;
            padding-right: 5px;
         }

         .productVariants .largeScreen .table .priceColumn {
         }

            .productVariants .largeScreen .table .priceColumn .pounds {
               font-size: 18pt;
            }

            .productVariants .largeScreen .table .priceColumn .pence {
               font-size: 13pt;
            }

         .productVariants .largeScreen .table .buyColumn {
            height: 60px;
            min-width: 190px;
            text-align: right;
         }

            .productVariants .largeScreen .table .buyColumn .buyProduct {
               display: inline-block;
            }
}

@media (max-width: 1080px) {
   /* Small Screen Layout - Vertical */
   .productVariants .largeScreen {
      display: none;
      visibility: hidden;
   }

   .productVariants .smallScreen {
      visibility: visible;
      border: 2px solid #d9d9d6;
      max-height: 300px;
      margin-top: 20px;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 10px;
   }

      .productVariants .smallScreen .columnHeaders {
         font-weight: bold;
      }

         .productVariants .smallScreen .columnHeaders .columnHeader {
         }

         .productVariants .smallScreen .columnHeaders .yourPrice {
            font-weight: bold;
         }

         .productVariants .smallScreen .columnHeaders .vatDetail {
            font-size: 8pt;
            font-weight: normal;
         }

      .productVariants .smallScreen .productVariant {
         border-top: 2px solid #d9d9d6;
         padding-top: 10px;
      }

         .productVariants .smallScreen .productVariant h3 {
            font-size: 12pt;
            font-weight: bold;
         }

         .productVariants .smallScreen .productVariant .details {
         }

            .productVariants .smallScreen .productVariant .details .productDetail {
               font-size: 10pt;
            }


         .productVariants .smallScreen .productVariant .buyAndPricinglayout {
            padding: 0;
            width: 100%;
         }

            .productVariants .smallScreen .productVariant .buyAndPricinglayout .buyColumn {
            }

            .productVariants .smallScreen .productVariant .buyAndPricinglayout .pricingColumn {
               text-align: right;
               vertical-align: bottom;
            }

            .productVariants .smallScreen .productVariant .buyAndPricinglayout .price {
            }

               .productVariants .smallScreen .productVariant .buyAndPricinglayout .price .pounds {
                  color: #75787b;
                  font-size: 26px;
               }

               .productVariants .smallScreen .productVariant .buyAndPricinglayout .price .pence {
                  color: #75787b;
                  font-size: 20px;
                  font-weight: bold;
               }
}

/* Favorite Product */

.favoriteProduct {
   color: #00aa13;
   cursor: pointer;
   font-weight: bold;
}

   .favoriteProduct img {
      margin-bottom: 6px;
   }

   .favoriteProduct .removeFromFavoritesText {
   }

   .favoriteProduct .addToFavoritesText {
   }

/* Product Thumbnail */

.productThumbnail {
   display: inline-block;
   height: 110px;
   width: 110px;
}

   .productThumbnail img {
      max-height: 110px;
      max-width: 110px;
   }

/* Product Images */

.productImages {
}


   .productImages .currentImage {
      background-color: white;
      position: relative;
      text-align: center;
   }

      .productImages .currentImage .imageNavigationNext {
         cursor: pointer;
         height: 100%;
         position: absolute;
         right: 0px;
         top: 0px;
         width: 10%;
         z-index: 999;
      }

         .productImages .currentImage .imageNavigationNext img {
            object-fit: contain;
            width: 100%;
         }

      .productImages .currentImage .imageNavigationPrevious {
         cursor: pointer;
         height: 100%;
         position: absolute;
         left: 0px;
         top: 0px;
         width: 10%;
         z-index: 999;
      }

         .productImages .currentImage .imageNavigationPrevious img {
            object-fit: contain;
            width: 100%;
         }

      .productImages .currentImage img {
         cursor: pointer;
         height: 300px;
         min-height: 300px;
         object-fit: contain;
         width: 300px;
      }

   .productImages .clickToEnlarge {
      cursor: pointer;
      font-size: 10pt;
   }

   .productImages .additionalImages {
      height: 90px;
      overflow-x: auto;
      overflow-y: hidden;
   }

      .productImages .additionalImages .additionalImagesContainer {
         height: 90px;
      }

      .productImages .additionalImages .additionalImage {
         cursor: pointer;
         display: inline-block;
      }

         .productImages .additionalImages .additionalImage img {
            height: 60px;
            margin: 10px;
            object-fit: contain;
            width: 60px;
         }

   .productImages .imageWarning {
      font-size: 8pt;
   }

/* Product Image Viewer */

.productImageViewer {
   text-align: center;
}

   .productImageViewer img {
      height: 90%;
      object-fit: contain;
      width: 90%;
   }

/* Products Of Interest */

.productsOfInterest {
   border: 2px solid #d9d9d6;
   margin-top: 40px;
   max-height: 500px;
   padding: 10px;
   overflow-x: hidden;
   overflow-y: auto;
}

   .productsOfInterest h3 {
      font-size: 16pt;
      font-weight: bold;
   }

/* Product Of Interest */

.productOfInterest {
   border-bottom: 2px solid #d9d9d6;
   font-size: 10pt;
   margin-left: 2px;
   margin-right: 2px;
   padding-top: 16px;
   padding-bottom: 16px
}

   .productOfInterest a:hover {
      text-decoration: none;
   }

   .productOfInterest .thumbnailImage {
      width: 60px;
   }

      .productOfInterest .thumbnailImage img {
         height: 50px;
         object-fit: contain;
         width: 50px;
      }

   .productOfInterest .productName {
      font-weight: bold;
   }

   .productOfInterest .supplierDetails {
   }

   .productOfInterest .productDetails {
   }

      .productOfInterest .productDetails .buyAndPricinglayout {
         padding: 0;
         width: 100%;
      }

         .productOfInterest .productDetails .buyAndPricinglayout .buyColumn {
         }

         .productOfInterest .productDetails .buyAndPricinglayout .pricingColumn {
            text-align: right;
            vertical-align: bottom;
         }

            .productOfInterest .productDetails .buyAndPricinglayout .pricingColumn .price {
            }

               .productOfInterest .productDetails .buyAndPricinglayout .pricingColumn .price .vatDetail {
                  font-size: 10px;
                  padding-bottom: 8px;
               }

               .productOfInterest .productDetails .buyAndPricinglayout .pricingColumn .price pounds {
                  font-size: 16px;
                  font-weight: bold;
               }

               .productOfInterest .productDetails .buyAndPricinglayout .pricingColumn .price pence {
                  font-size: 10px;
                  font-weight: bold;
               }

.stockAlert {
   color: #75787b;
   font-size: 14px;
}

   .stockAlert a {
      color: #ff6900 !important;
      font-weight: bold;
      text-decoration: none;
   }

      .stockAlert a:hover {
         color: #ff6900 !important;
         font-weight: bold;
         text-decoration: underline !important;
      }

   .stockAlert .alreadyInPlaceForUser {
   }

   .stockAlert .requestForUser {
   }

   .stockAlert .requestForUser {
   }

   .stockAlert .requestStockAlertInput {
   }

      .stockAlert .requestStockAlertInput a {
      }

   .stockAlert .stockAlertInput {
   }

      .stockAlert .stockAlertInput .stockAlertEmailAddress {
      }

      .stockAlert .stockAlertInput .stockAlertButton {
         background-color: transparent;
         border: none;
         color: #ff6900;
         font-size: 14px;
         font-weight: bold;
         margin-bottom: 0px;
         margin-top: 0px;
         padding: 0px;
      }

         .stockAlert .stockAlertInput .stockAlertButton:hover {
            text-decoration: underline !important;
         }

.tableWrapper {
   width: 100%;
   overflow-x: auto;
}

.loadingSpinner {
   text-align: center;
}

.alignLeft {
   text-align: left;
}

.alignRight {
   text-align: right;
}

/* Validation Issues */
.validationIssues {
   color: red;
}

/* Checkout Pages */

.checkoutPage {
   padding: 30px;
   font-size: 12px;
}

.termsAndConditions {
   cursor: pointer;
   margin-bottom: 30px;
}

   .termsAndConditions:hover {
      text-decoration: underline;
   }

.controlledProductMessage {
   padding-top: 15px;
}

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

.totalDisplay {
   border-top: 2px solid #d9d9d6;
   font-size: 12pt;
   font-weight: bold;
   margin-bottom: 50px;
   text-align: right;
}

   .totalDisplay .contentArea {
      display: inline-block;
      max-width: 500px;
   }

   .totalDisplay .detailRow {
      display: table-row;
   }

      .totalDisplay .detailRow .subtotal {
      }

      .totalDisplay .detailRow .discount {
      }

      .totalDisplay .detailRow .shipping {
      }

      .totalDisplay .detailRow .creditCardHandling {
      }

      .totalDisplay .detailRow .vat {
      }

      .totalDisplay .detailRow .label {
         display: table-cell;
         font-weight: bold;
         padding-left: 36px;
         padding-top: 18px;
         text-align: left;
         width: 300px;
      }

      .totalDisplay .detailRow .annotationText {
         font-size: 10pt;
      }

      .totalDisplay .detailRow .value {
         display: table-cell;
         font-weight: bold;
         padding-right: 36px;
         padding-top: 18px;
         text-align: right;
         width: 200px;
      }

   .totalDisplay .totalDivide {
      height: 4px;
      margin-bottom: 18px;
      margin-top: 18px;
   }

   .totalDisplay .orderTotalSpacer {
      height: 26px;
   }

   .totalDisplay .orderTotalRow {
      display: table-row;
      font-size: 18pt;
      padding-top: 26px;
      width: 500px;
   }

      .totalDisplay .orderTotalRow .label {
         border-top: 2px solid #ff6900;
         display: table-cell;
         padding-left: 36px;
         padding-top: 18px;
         text-align: left;
         width: 300px;
      }

      .totalDisplay .orderTotalRow .value {
         border-top: 2px solid #ff6900;
         display: table-cell;
         padding-right: 36px;
         padding-top: 18px;
         text-align: right;
         width: 200px;
      }

         .totalDisplay .orderTotalRow .value .pounds {
         }

         .totalDisplay .orderTotalRow .value .pence {
            font-size: 12pt;
         }

@media (min-width: 1081px) {
   /* Large Screen Layout - Horizontal Header Bar */

}

@media (max-width: 1080px) {
   /* Small Screen Layout - Vertical Header Bar */
   .totalDisplay .detailRow .label {
      padding-left: 0;
   }

   .totalDisplay .detailRow .value {
      padding-right: 0;
   }

   .totalDisplay .orderTotalRow .label {
      padding-left: 0;
   }

   .totalDisplay .orderTotalRow .value {
      padding-right: 0;
   }
}
/* Basket */


.basketPage {
}

.basketHeader {
}

@media (min-width: 1081px) {
   /* Large Screen Layout - Horizontal Header Bar */
   .basketHeader {
      padding: 36px;
   }
}

@media (max-width: 1080px) {
   /* Small Screen Layout - Vertical Header Bar */

   .basketHeader {
      padding-bottom: 36px;
   }

      .basketHeader .valueForSingleLine {
      }

      .basketHeader .valueForMultiLine {
      }
}



.basketHeader .labelForSingleLine {
   font-size: 14px;
   font-weight: bold;
}

.basketHeader .labelForMultiLine {
   font-size: 14px;
   font-weight: bold;
   vertical-align: top;
}

@media (max-width: 600px) {
   .basketHeader .labelForSingleLine {
      margin-top: 10px;
   }

   .basketHeader .labelForMultiLine {
      margin-top: 10px;
   }
}

.basketHeader .valueForSingleLine {
   font-size: 14px;
   font-weight: normal;
}

.basketHeader .valueForMultiLine {
   font-size: 14px;
   font-weight: normal;
   vertical-align: top;
}


.basketSupplierHeader {
   background-color: #97999b;
   color: white;
   font-size: 14px;
   font-weight: bold;
   margin-top: 30px;
   padding: 5px;
}

.basketSupplierShippingRates {
}

   .basketSupplierShippingRates .basketSupplierShippingRate {
      font-weight: bold;
   }

   .basketSupplierShippingRates .basketSupplierShippingRateDescription {
      font-size: 10pt;
      font-weight: normal;
   }

.basketSupplierHandlingTypes {
}

   .basketSupplierHandlingTypes .basketSupplierHandlingType {
      margin-bottom: 20px;
   }

      .basketSupplierHandlingTypes .basketSupplierHandlingType .basketSupplierHandlingTypeName {
         color: #ff6900;
         font-weight: bold;
      }

      .basketSupplierHandlingTypes .basketSupplierHandlingType .basketSupplierHandlingTypeDescription {
         font-size: 10pt;
         font-weight: normal;
      }

.basketProduct {
   border-top: 2px solid #d9d9d6;
   font-size: 10pt;
   margin-bottom: 10px;
   padding-bottom: 14px;
   padding-left: 36px;
   padding-right: 36px;
   padding-top: 16px;
}

   .basketProduct a {
      color: #75787b;
   }

      .basketProduct a:hover {
         color: #75787b;
         text-decoration: none;
      }

      .basketProduct a:visited {
         color: #75787b;
      }

   .basketProduct .basketProductDetailsColumn {
   }

      .basketProduct .basketProductDetailsColumn .productName {
         font-weight: bold;
      }

      .basketProduct .basketProductDetailsColumn .productDetails {
         font-size: 8pt;
         line-height: 20px;
      }

   .basketProduct .basketProductThumbnailColumn {
      text-align: center;
   }

      .basketProduct .basketProductThumbnailColumn .productThumbnail {
         display: inline;
      }

      .basketProduct .basketProductThumbnailColumn img {
         height: 100px;
         object-fit: contain;
         width: 100px;
      }

   .basketProduct .basketProductQuantityColumn {
      text-align: center;
   }

      .basketProduct .basketProductQuantityColumn .quantityText {
         font-weight: bold;
      }

      .basketProduct .basketProductQuantityColumn .quantityControl {
         display: inline-block;
         margin: 4px 0px;
      }

         .basketProduct .basketProductQuantityColumn .quantityControl .quantityContainer {
            border: 1px solid #d9d9d6;
            font-size: 0;
            text-align: center;
            vertical-align: middle;
            width: 81px;
         }

            .basketProduct .basketProductQuantityColumn .quantityControl .quantityContainer .quantityAdjust {
               cursor: pointer;
               display: inline-block;
               font-size: 18px;
               width: 20px;
            }

            .basketProduct .basketProductQuantityColumn .quantityControl .quantityContainer .quantityValue {
               border-left: 1px solid #d9d9d6;
               border-right: 1px solid #d9d9d6;
               display: inline-block;
               font-size: 16px;
               font-weight: normal;
               padding-bottom: 1px;
               padding-top: 1px;
               width: 38px;
            }

               .basketProduct .basketProductQuantityColumn .quantityControl .quantityContainer .quantityValue input {
                  border: none;
                  margin: 0;
                  padding: 0;
                  text-align: center;
                  width: 100%;
               }


      .basketProduct .basketProductQuantityColumn .readOnlyQuantityValue {
         border: 1px solid #d9d9d6;
         display: inline-block;
         margin-top: 4px;
         padding: 4px 8px;
         text-align: center;
         width: 80px;
      }

      .basketProduct .basketProductQuantityColumn .removeProduct {
         cursor: pointer;
         margin-top: 5px;
      }

   .basketProduct .basketProductPriceColumn {
      text-align: right;
   }

      .basketProduct .basketProductPriceColumn .basketProductPrice {
         font-weight: bold;
      }

      .basketProduct .basketProductPriceColumn .basketProductVat {
         font-size: 8pt;
      }

.basketPage .inputLabel {
}

.basketPage .inputControl {
}

   .basketPage .inputControl .inputPromotionCode {
      max-width: 500px;
      width: 100%;
   }

   .basketPage .inputControl .inputEmailAddress {
      max-width: 500px;
      width: 100%;
   }

   .basketPage .inputControl .inputPurchaseOrderReference {
      max-width: 300px;
      width: 100%;
   }

   .basketPage .inputControl .inputComments {
      height: 50px;
      width: 100%;
   }

.basketPage .basketOptions button {
   margin-right: 10px;
}

/* Bill To Page */

.billToPage {
}

/* Ship To Page */

.shipToPage {
   padding-bottom: 10px;
}

   .shipToPage .termsAndConditions {
      cursor: pointer;
      margin-bottom: 30px;
   }

   .shipToPage .saveAddress {
   }

      .shipToPage .saveAddress .checkBoxLabel {
      }

   .shipToPage .shipToOptions {
   }

      .shipToPage .shipToOptions button {
         margin-right: 10px;
      }

/* Terms and Conditions Viewer */

.termsAndConditionsViewer {
}

   .termsAndConditionsViewer .tacDescription {
      font-weight: bold;
   }

   .termsAndConditionsViewer .tacContent {
      border: 1px solid black;
      font-size: small;
      padding: 5px;
   }

/* Address Selection  */

.savedAddresses {
   cursor: pointer;
   margin-bottom: 10px;
   margin-top: 10px;
}

   .savedAddresses .shipToBillTo {
      font-size: 14px;
      font-weight: bold;
   }

   .savedAddresses .orSelectShipTo {
      font-size: 14px;
      font-weight: bold;
      margin-top: 20px;
   }

   .savedAddresses .savedAddress {
      padding: 10px;
   }

   .savedAddresses .offeredAddress {
      border: 2px solid #d9d9d6;
      min-height: 250px;
      padding: 10px;
   }

      .savedAddresses .offeredAddress .addressLines {
         min-height: 215px;
      }

      .savedAddresses .offeredAddress .addressDecal {
         height: 15px;
         margin-top: 10px;
      }

         .savedAddresses .offeredAddress .addressDecal img {
            height: 15px;
         }

   .savedAddresses .validatedPharmacyAddress {
      font-weight: bold;
   }

   .savedAddresses .addNewAddress {
      cursor: pointer;
      font-weight: bold;
      min-height: 250px;
      padding: 50px 10px 10px;
      text-align: center;
   }

      .savedAddresses .addNewAddress img {
         max-width: 40px;
      }

   .savedAddresses .addressSelectionRequired {
      color: red;
      margin-bottom: 10px;
      margin-top: 10px;
   }


/* Edit Address */

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

   .editAddress .inputLabel {
      font-weight: bold;
   }

   .editAddress input {
      background-color: white;
      border: 2px solid #d9d9d6;
      border-radius: 0;
      margin-bottom: 6px;
      margin-top: 6px;
      padding-top: 4px;
      padding-bottom: 4px;
   }

   .editAddress select {
      background-color: white;
      border: 2px solid #d9d9d6;
      border-radius: 0;
      height: 40px;
      margin-bottom: 6px;
      margin-top: 6px;
      padding-top: 4px;
      padding-bottom: 4px;
   }

   .editAddress .inputControl input {
      max-width: 500px;
      width: 100%
   }

   .editAddress .inputControl select {
      max-width: 500px;
      width: 100%
   }

   .editAddress .inputControl .title {
   }

   .editAddress .inputControl .firstName {
   }

   .editAddress .inputControl .lastName {
   }

   .editAddress .inputControl .jobTitle {
   }

editAddress .inputControl .telephoneNumber {
}

.editAddress .inputControl .companyName {
}

.editAddress .inputControl .addressLine1 {
}

.editAddress .inputControl .addressLine1 {
}

.editAddress .inputControl .addressLine2 {
}

.editAddress .inputControl .townOrCity {
}

.editAddress .inputControl .countyOrState {
}

.editAddress .inputControl .postOrZipCode {
   text-transform: uppercase;
}

.editAddress .inputControl .country {
}

.editAddress .addressLookup {
   margin-bottom: 6px;
}

   .editAddress .addressLookup .inputControl .addressSearchInput {
      margin-bottom: 0px;
      max-width: 100%;
   }

.editAddress .addressSearchResults {
   border-bottom: 2px solid #d9d9d6;
   border-left: 2px solid #d9d9d6;
   border-right: 2px solid #d9d9d6;
   max-height: 95px;
   overflow-y: auto;
   padding: 4px;
   width: 100%;
}

   .editAddress .addressSearchResults .addressSearchResult {
      font-weight: bold;
      cursor: pointer;
      padding-bottom: 4px;
      padding-top: 4px;
   }

.editAddress .addressLookupError {
   color: red;
   padding: 10px;
}

.editAddress .validationIssues {
}

   .editAddress .validationIssues .validationIssue {
   }


/* Options */

.optionsAboveContents {
   margin-top: 20px;
   margin-bottom: 20px;
}

   .optionsAboveContents .optionsLeft {
   }

      .optionsAboveContents .optionsLeft button {
         margin-bottom: 5px;
         margin-right: 5px;
      }

   .optionsAboveContents .optionsRight {
      text-align: right;
   }

      .optionsAboveContents .optionsRight button {
         margin-bottom: 5px;
         margin-left: 5px;
      }

.optionsBelowContents {
   margin-top: 10px;
}

   .optionsBelowContents .optionsLeft {
   }

      .optionsBelowContents .optionsLeft button {
         margin-bottom: 5px;
         margin-right: 5px;
      }

   .optionsBelowContents .optionsRight {
      text-align: right;
   }

      .optionsBelowContents .optionsRight button {
         margin-bottom: 5px;
         margin-left: 5px;
      }

@media (min-width: 1081px) {
   /* Large Screen Layout - Horizontal Header Bar */

}

@media (max-width: 600px) {
   /* Small Screen Layout - Vertical Header Bar */
   .optionsBelowContents .optionsRight {
      text-align: left;
   }

      .optionsBelowContents .optionsRight button {
         margin-bottom: 5px;
         margin-left: 0px;
         margin-right: 5px;
      }
}

/* Shipping Page */

.shippingPage {
}

   .shippingPage .termsAndConditions {
      margin-bottom: 15px;
   }

   .shippingPage .shippingRates {
      margin-bottom: 10px;
   }

      .shippingPage .shippingRates .chooseYourShippingOption {
         font-size: 14px;
         font-weight: bold;
      }

   .shippingPage .shippingRateOffered {
      border: 1px solid #97999b;
      border-radius: .25rem;
      color: #97999b;
      cursor: pointer;
      margin-top: 10px;
      padding: 5px;
      width: fit-content;
   }

      .shippingPage .shippingRateOffered:hover {
         border: 1px solid #fe6b00;
         color: #fe6b00;
      }

   .shippingPage .shippingRateSelected {
      background-color: #fe6b00;
      border-radius: .25rem;
      color: white;
      font-weight: bold;
      margin-top: 10px;
      padding: 5px;
      width: fit-content;
   }

   .shippingPage .shippingRateDescription {
      font-size: 10pt;
      font-weight: normal;
      padding-left: 6px;
      padding-top: 5px;
   }

/* Confirmation Page */

.confirmationPage {
}

   .confirmationPage .orderDetails {
   }

      .confirmationPage .orderDetails .orderDetail {
      }

         .confirmationPage .orderDetails .orderDetail .label {
            color: #97d700;
         }

         .confirmationPage .orderDetails .orderDetail .value {
            font-weight: bold;
         }

   .confirmationPage .addresses {
      font-weight: bold;
      margin-top: 20px;
   }

      .confirmationPage .addresses .addressTitle {
         color: #97d700;
         font-weight: bold;
      }

      .confirmationPage .addresses .billTo {
      }

      .confirmationPage .addresses .shipTo {
      }

   .confirmationPage .promotion {
      margin-bottom: 8px;
      text-align: right;
   }

      .confirmationPage .promotion .promotionApplied {
         color: #97d700;
      }

      .confirmationPage .promotion .promotionEntry {
      }

      .confirmationPage .promotion .havePromotionCode {
      }

      .confirmationPage .promotion .havePromotionCode {
         cursor: pointer;
      }



   .confirmationPage .creditCardChargeRate {
      text-align: right;
   }

      .confirmationPage .creditCardChargeRate .creditCardChargePercentage {
         font-weight: bold;
      }

      .confirmationPage .creditCardChargeRate .orderTotalWithHandlingCharge {
         font-weight: bold;
      }

   .confirmationPage .termsAndConditionsAgreement {
      text-align: right;
   }

      .confirmationPage .termsAndConditionsAgreement .termsAndConditionsAgreementText {
         cursor: pointer;
      }

      .confirmationPage .termsAndConditionsAgreement .viewTermsAndConditions {
         color: #97d700;
         cursor: pointer;
         font-weight: bold;
      }

   .confirmationPage .validationIssues {
      text-align: right;
   }

   .confirmationPage .registeredUserOptions {
   }

      .confirmationPage .registeredUserOptions .registeredUserOption {
      }

         .confirmationPage .registeredUserOptions .registeredUserOption .reorderReminderInput {
            width: 50px;
         }

         .confirmationPage .registeredUserOptions .registeredUserOption .registeredUserOptionText {
         }

   .confirmationPage .payByCreditCard {
      background-color: black;
      border: 1px solid transparent;
      border-radius: .25rem;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      height: 32px;
      margin-bottom: 5px;
      margin-left: 5px;
      padding: 3px .75rem;
      text-align: center;
      vertical-align: middle;
   }

      .confirmationPage .payByCreditCard img {
      }

      .confirmationPage .payByCreditCard .creditCardLogo {
         height: 26px;
      }

      .confirmationPage .payByCreditCard .applePayLogo {
         height: 20px;
         margin-left: 4px;
      }

   .confirmationPage .paymentWarningMessage {
      padding-top: 30px;
   }

/* Order Received Page */

.orderReceivedPage {
}

   .orderReceivedPage .orderDetails {
      font-size: 18px;
   }

      .orderReceivedPage .orderDetails .customerOrderNumber {
         color: #97d700;
         font-weight: bold;
      }

   .orderReceivedPage .orderReceivedMessage {
      margin-bottom: 20px;
      margin-top: 20px;
   }

/* Content Page */

.contentPage {
}

   .contentPage .videoAboveContent {
      width: 100%;
   }

   .contentPage .content {
      width: 100%;
   }

   .contentPage .videoBelowContent {
      width: 100%;
   }


   .contentPage .graphicTile {
      padding-top: 20px;
   }

/* Enquiry Page */

.enquiryPage {
   padding: 30px;
}

   .enquiryPage .topContent {
      margin-bottom: 20px;
   }

   .enquiryPage .enquiryReference {
   }

      .enquiryPage .enquiryReference h2 {
         font-size: 16pt;
      }

      .enquiryPage .enquiryReference .requiredFieldsNote {
         color: #fe6b00;
         text-align: right;
      }

   .enquiryPage .enquiryForm {
   }

      .enquiryPage .enquiryForm .enquiryInput {
         margin-bottom: 10px;
      }

         .enquiryPage .enquiryForm .enquiryInput .inputLabel {
            padding-right: 5px;
         }

            .enquiryPage .enquiryForm .enquiryInput .inputLabel label {
               padding-right: 5px;
            }

         .enquiryPage .enquiryForm .enquiryInput .inputControl {
         }

            .enquiryPage .enquiryForm .enquiryInput .inputControl input {
               max-width: 500px;
               width: 100%
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl textarea {
               max-width: 500px;
               width: 100%
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl select {
               max-width: 500px;
               width: 100%
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryCompanyName {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryContactName {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryContactEmail {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryContactTelephone {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryDateTimeInput {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryNumberInput {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquirySelectionInput {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryTextInput {
            }

            .enquiryPage .enquiryForm .enquiryInput .inputControl .enquiryInputValidation {
               color: red;
               margin-left: 10px;
               vertical-align: middle;
            }

      .enquiryPage .enquiryForm .validationSummary {
      }

      .enquiryPage .enquiryForm .actionButtons {
      }

   .enquiryPage .bottomContent {
      margin-top: 20px;
      margin-bottom: 20px;
   }

   .enquiryPage .submissionContent {
      margin-bottom: 20px;
   }

/* Action Pages */

.actionPage {
}

   .actionPage .viewOrderProducts {
      padding-left: 30px;
      padding-right: 30px;
   }

      .actionPage .viewOrderProducts .viewOrderProduct {
         padding-right: 24px;
      }

   .actionPage .viewOrderTotal {
      padding-left: 30px;
      padding-right: 30px;
   }

   .actionPage .optionsBelowContents {
      padding: 26px;
   }

   .actionPage .activeSessionsOptions {
   }

      .actionPage .activeSessionsOptions button {
      }

   .actionPage .options {
      text-align: right;
   }


      .actionPage .options button {
         margin: 2px;
         width: 110px;
      }

      .actionPage .options .approveButton {
         background-color: #00AA13 !important;
         border-color: #00AA13 !important;
      }

         .actionPage .options .approveButton:hover {
            background-color: #31B700 !important;
            border-color: #31B700 !important;
         }

      .actionPage .options .declineButton {
         background-color: #D14124 !important;
         border-color: #D14124 !important;
      }

         .actionPage .options .declineButton:hover {
            background-color: #FC4C02 !important;
            border-color: #FC4C02 !important;
         }

   .actionPage .errorDetails {
      color: red;
      padding: 30px;
   }

.budgetApprovalPage {
}

.signOffPage {
}


/* User Pages */
.userPage {
   font-size: 14px;
   padding-bottom: 10px;
}

   .userPage h2 {
      font-size: 16px;
      font-weight: bold;
      padding-bottom: 20px;
      padding-top: 20px;
   }

.userPageLabel {
   font-size: 14px;
   font-weight: bold;
}

.userPageLabelForMultiLine {
   font-size: 14px;
   font-weight: bold;
   padding-right: 16px;
   vertical-align: top;
}

.userPageValue {
   font-size: 14px;
   font-weight: normal;
}

.userPageImportantValue {
   color: #ff6900;
   font-size: 14px;
   font-weight: bold;
}

.userPageMultiLineValue {
   font-size: 14px;
   font-weight: normal;
   vertical-align: top;
}

/* Account Page */

.myAccountPage {
   padding: 30px;
}

   .myAccountPage .btn {
      height: 40px;
      width: 100%;
   }

   .myAccountPage .welcomePanel .welcomeMessage {
      font-size: 14pt;
      font-weight: bold;
   }

   .myAccountPage .welcomePanel .userFirstName {
      font-size: 40pt;
      font-weight: bolder;
   }

   .myAccountPage .welcomePanel .userName {
      font-size: 12pt;
      padding-bottom: 20px;
   }

   .myAccountPage .welcomePanel .buyingGroup {
      font-size: 12pt;
      padding-bottom: 10px;
      padding-top: 10px;
   }

   .myAccountPage .welcomePanel .customer {
      font-size: 12pt;
      padding-bottom: 10px;
   }

   .myAccountPage .financialsPanel {
      background-color: #f9f9f7;
      border-radius: .25rem;
      font-size: 12pt;
      padding: 10px 20px 20px 20px;
   }

      .myAccountPage .financialsPanel .onStop {
         font-size: 14pt;
         font-weight: bold;
         margin-top: 10px;
         text-align: center;
      }

      .myAccountPage .financialsPanel .label {
         font-size: 11pt;
         margin-top: 10px;
         padding-top: 4px;
      }

      .myAccountPage .financialsPanel .value {
         font-size: 14pt;
         font-weight: bold;
         margin-top: 10px;
         text-align: right;
      }

      .myAccountPage .financialsPanel .balance {
         margin-top: 10px;
      }

         .myAccountPage .financialsPanel .balance .label {
            font-size: 12pt;
            font-weight: bold;
         }

         .myAccountPage .financialsPanel .balance .value {
            font-weight: bold;
            text-align: right;
         }

   .myAccountPage .divide {
      border-top: 1px solid #75787b;
      margin-top: 10px;
   }

   .myAccountPage .accountPagePanel {
      margin-top: 20px;
   }

      .myAccountPage .accountPagePanel .panelIcon {
         text-align: center;
      }

      .myAccountPage .accountPagePanel .panelTitle {
         font-weight: bold;
         padding-bottom: 10px;
         padding-top: 20px;
         text-align: center;
      }

      .myAccountPage .accountPagePanel .panelButton {
         margin-bottom: 10px;
      }

      .myAccountPage .accountPagePanel .linkButtonSecondary {
         text-align: center;
         width: 100%;
      }

         .myAccountPage .accountPagePanel .linkButtonSecondary a {
            display: inline-block;
            min-height: 40px;
            padding: 0px;
            width: 100%;
         }

/* Budget Page */
.budgetPage {
   padding: 30px;
}

   .budgetPage .inputInflationRate {
      width: 100px;
   }

   .budgetPage .inputBudgetAmount {
      width: 100px;
   }

   .budgetPage .currentYear {
      font-size: 14pt;
      font-weight: bold;
      margin-bottom: 30px;
   }

   .budgetPage .editCurrentYear {
      font-size: 14pt;
      font-weight: bold;
      text-align: right;
   }

      .budgetPage .editCurrentYear a {
         color: #ff6900;
      }

         .budgetPage .editCurrentYear a:hover {
            color: #ff6900;
         }

         .budgetPage .editCurrentYear a:visited {
            color: #ff6900;
         }


   .budgetPage .otherYears {
      font-size: 12pt;
   }

      .budgetPage .otherYears .otherYear {
         margin-left: 10px;
      }

   .budgetPage .budgetCategories {
   }

.budgetCategoryDisplay {
   margin-top: 20px;
}

   .budgetCategoryDisplay .budgetCategoryName {
      font-size: 12pt;
      font-weight: bold;
      margin-bottom: 20px;
   }

   .budgetCategoryDisplay .budgetCategoryDisplayLayout {
      width: 100%;
   }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .column1 {
         width: 40%;
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .column2 {
         text-align: center;
         width: 20%;
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .column3 {
         text-align: right;
         width: 40%;
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .budgetCategoryName {
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .calendarPeriodDescription {
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .budgetAmount {
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .spendToDate {
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .amountOfBudgetUsed {
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .value {
         font-weight: bold;
      }

      .budgetCategoryDisplay .budgetCategoryDisplayLayout .overBudget {
         color: red;
      }

   .budgetCategoryDisplay .detailsToggle {
      cursor: pointer;
      font-weight: bold;
   }

   .budgetCategoryDisplay .details {
   }

      .budgetCategoryDisplay .details .detailsTable {
      }

         .budgetCategoryDisplay .details .detailsTable .columnHeader {
            font-weight: bold;
            padding: 6px;
         }

         .budgetCategoryDisplay .details .detailsTable .rowHeader {
            padding-right: 6px;
         }

         .budgetCategoryDisplay .details .detailsTable .rowValue {
            font-weight: bold;
            text-align: right;
         }

   .budgetCategoryDisplay .referenceBudgetKeys {
   }

      .budgetCategoryDisplay .referenceBudgetKeys .referenceBudgetKey {
      }

         .budgetCategoryDisplay .referenceBudgetKeys .referenceBudgetKey .keyLine {
            display: inline-block;
            height: 3px;
            margin-bottom: 4px;
            width: 60px;
         }

         .budgetCategoryDisplay .referenceBudgetKeys .referenceBudgetKey .consumerDescription {
         }

.budgetCategoryEdit {
   border-bottom: 2px solid #d9d9d6;
   margin-top: 20px;
   padding-bottom: 20px;
}

   .budgetCategoryEdit .budgetCategoryName {
      font-size: 12pt;
      font-weight: bold;
      margin-bottom: 20px;
   }


   .budgetCategoryEdit .categoriesToggle {
      cursor: pointer;
      font-weight: bold;
   }

   .budgetCategoryEdit .categories {
   }

      .budgetCategoryEdit .categories .category {
      }

   .budgetCategoryEdit .rollBudgetCategory {
   }

      .budgetCategoryEdit .rollBudgetCategory .userInput {
      }

      .budgetCategoryEdit .rollBudgetCategory .actions {
         text-align: right;
      }

.budgetCategoryEditYear {
}


   .budgetCategoryEditYear .budgetCategoryEditYearLayout {
      width: 100%;
   }

      .budgetCategoryEditYear .budgetCategoryEditYearLayout .userInputColumn {
         vertical-align: middle;
      }

      .budgetCategoryEditYear .budgetCategoryEditYearLayout .referenceValuesColumn {
         font-size: 8pt;
         text-align: right;
         vertical-align: middle;
         width: 300px;
      }

         .budgetCategoryEditYear .budgetCategoryEditYearLayout .referenceValuesColumn .referenceValuesLayout {
            width: 300px;
         }

            .budgetCategoryEditYear .budgetCategoryEditYearLayout .referenceValuesColumn .referenceValuesLayout .referenceValueLabel {
               text-align: right;
            }

            .budgetCategoryEditYear .budgetCategoryEditYearLayout .referenceValuesColumn .referenceValuesLayout .referenceValue {
               padding-left: 20px;
               text-align: right;
            }

.budgetCategoryEditPeriods {
}

   .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout {
      width: 100%;
   }

      .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsRowHeaderColumn {
         text-align: left;
         width: 180px;
      }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsRowHeaderColumn .periodName {
         }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsRowHeaderColumn .priorYearBudget {
            font-size: 8pt;
         }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsRowHeaderColumn .priorYearSpend {
            font-size: 8pt;
         }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsRowHeaderColumn .budgetAmount {
            font-size: 14px;
            padding-top: 16px;
         }

      .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsColumn {
      }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsColumn .periodName {
            font-weight: bold;
            text-align: center;
         }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsColumn .priorYearBudget {
            font-size: 8pt;
            text-align: center;
         }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsColumn .priorYearSpend {
            font-size: 8pt;
            text-align: center;
         }

         .budgetCategoryEditPeriods .budgetCategoryEditPeriodsLayout .budgetCategoryEditPeriodsColumn .budgetAmount {
            text-align: center;
         }


.rollAllBudgetCategories {
   border-bottom: 2px solid #d9d9d6;
   border-top: 2px solid #d9d9d6;
   margin-top: 20px;
   padding-bottom: 12px;
   padding-top: 12px;
}

   .rollAllBudgetCategories .userInput {
   }

   .rollAllBudgetCategories .actions {
      text-align: right;
   }

/* Manage Users */

.manageUsersPage {
   padding: 30px;
}

   .manageUsersPage .createNewUser {
   }

   .manageUsersPage .manageUsers {
      padding-top: 10px;
   }

/* Manage User */

.manageUser {
}

   .manageUser .detailsColumn {
      margin-bottom: 6px;
      margin-top: 6px;
   }

      .manageUser .detailsColumn .fullName {
         font-weight: bold;
      }

      .manageUser .detailsColumn .jobRole {
      }

      .manageUser .detailsColumn .userName {
      }

      .manageUser .detailsColumn .telephoneNumber {
      }

   .manageUser .actionButton {
      margin-bottom: 6px;
      margin-top: 6px;
   }

   .manageUser .lockedOut {
   }

   .manageUser .editMode {
      margin-bottom: 30px;
   }

      .manageUser .editMode .userDetails {
      }

         .manageUser .editMode .userDetails .fullName {
            font-weight: bold;
         }

         .manageUser .editMode .userDetails .userName {
         }

         .manageUser .editMode .userDetails .inputLabel {
            margin-top: 5px;
         }
         .manageUser .editMode .userDetails .inputControl {
            
         }

         .manageUser .editMode .userDetails .inputControl input {
            width: 100%;
         }

      .manageUser .editMode .actionButtons {
         margin-top: 5px;
      }

.createNewUserPage {
   padding: 30px;
}

   .createNewUserPage .userDetails {
      margin-bottom: 20px;
   }

      .createNewUserPage .userDetails .inputLabel {
      }

      .createNewUserPage .userDetails .inputControl {
      }

         .createNewUserPage .userDetails .inputControl .inputFirstName {
         }

         .createNewUserPage .userDetails .inputControl .inputLastName {
         }

         .createNewUserPage .userDetails .inputControl .inputEmailAddress {
            width: 300px;
         }

/* Pending Orders */

.pendingOrdersPage {
   padding: 30px;
}

   .pendingOrdersPage .pendingOrders {
   }

   .pendingOrdersPage .noPendingOrders {
   }


.pendingOrder {
   border-top: 2px solid #d9d9d6;
   padding: 16px;
}

   .pendingOrder .pendingOrderDetails {
   }

      .pendingOrder .pendingOrderDetails .label {
         color: #75787b;
         font-size: 14px;
         font-weight: bold;
         vertical-align: top;
      }

      .pendingOrder .pendingOrderDetails .spacer {
         width: 16px;
      }

      .pendingOrder .pendingOrderDetails .value {
         font-size: 14px;
      }

      .pendingOrder .pendingOrderDetails .importantValue {
         color: #ff6900;
         font-size: 14px;
         font-weight: bold;
      }

      .pendingOrder .pendingOrderDetails .trackingSummary {
      }

   .pendingOrder .pendingOrderActions {
   }

      .pendingOrder .pendingOrderActions .pendingOrderAction {
         height: 36px;
      }


/* Saved Baskets Page */
.savedBasketsPage {
   padding: 30px;
}

   .savedBasketsPage .noSavedBaskets {
      padding: 30px;
   }

/* Saved Basket */

.savedBasket {
   padding: 16px;
}

.firstBasket {
}

.notFirstBasket {
   border-top: 2px solid #d9d9d6;
}


.savedBasket .savedBasketDetails {
   padding-top: 8px;
}

   .savedBasket .savedBasketDetails .label {
      color: #75787b;
      font-size: 14px;
      font-weight: bold;
   }

   .savedBasket .savedBasketDetails .spacer {
      width: 16px;
   }

   .savedBasket .savedBasketDetails .value {
      font-size: 14px;
   }

.savedBasket .savedBasketActions {
}

   .savedBasket .savedBasketActions .savedBasketAction {
      height: 36px;
   }

.savedBasketPage {
   padding: 30px;
}

   .savedBasketPage .savedBasket {
      padding-left: 38px;
      padding-right: 38px;
   }

   .savedBasketPage .savedBasketActions {
      margin-top: 16px;
   }

/* Standing Orders Page */

.standingOrdersPage {
   padding: 30px;
}

   .standingOrdersPage .noStandingOrders {
      padding: 30px;
   }

/* Standing Order */

.standingOrder {
   padding: 16px;
}

.firstOrder {
}

.notFirstOrder {
   border-top: 2px solid #d9d9d6;
}


.standingOrder .standingOrderDetails {
   padding-top: 8px;
}

   .standingOrder .standingOrderDetails .label {
      color: #75787b;
      font-size: 14px;
      font-weight: bold;
      text-align: right;
   }

   .standingOrder .standingOrderDetails .spacer {
      width: 16px;
   }

   .standingOrder .standingOrderDetails .value {
      font-size: 14px;
   }

   .standingOrder .standingOrderDetails .notActive {
      color: #ff6900;
      text-align: left;
   }

.standingOrder .standingOrderActions {
}

   .standingOrder .standingOrderActions .standingOrderAction {
      height: 36px;
   }

/* Standing Order Page */

.standingOrderPage {
   padding: 30px;
}

   .standingOrderPage .standingOrder {
      padding-left: 38px;
      padding-right: 38px;
   }

   .standingOrderPage .actions {
      margin-bottom: 16px;
   }

      .standingOrderPage .actions button {
         margin-right: 16px;
      }

   .standingOrderPage .standingOrderProducts {

   }

/* Standing Order Header */

.standingOrderHeader {
   margin-bottom: 16px;
}

   .standingOrderHeader .inputLabel {
      font-weight: bold;
      margin-top: 16px;
   }

   .standingOrderHeader .inputLabelNote {
      font-weight: normal;
   }


   .standingOrderHeader .inputValue {
      
   }

      .standingOrderHeader .inputValue .isActive {
         color: #97d700;
         font-weight: bold;
      }

      .standingOrderHeader .inputValue .notActive {
         color: #ff6900;
         font-weight: normal;
      }

   .standingOrderHeader .inputControl {
      
   }

   .standingOrderHeader .inputControl textarea {
      height: 100px;
   }

   .standingOrderHeader .availableAddresses {
      border: solid 1px #d9d9d6;
      padding: 10px;
   }

      .standingOrderHeader .availableAddresses .availableAddressesTitle {
         font-weight: bold;
         margin-bottom: 10px;
         margin-top: 10px;
      }

      .standingOrderHeader .availableAddresses .customerAddress {
         border: solid 1px #d9d9d6;
         cursor: pointer;
         padding: 5px;
      }

      .standingOrderHeader .availableAddresses .addressSelectionOptions {
         margin-top: 10px;
      }

   .standingOrderHeader .validatedPharmacyAddress {
      font-weight: bold;
   }

   /* Standing Order Product */
   .standingOrderProduct {
      border-top: 2px solid #d9d9d6;
      font-size: 10pt;
      margin-bottom: 10px;
      padding-bottom: 14px;
      padding-left: 36px;
      padding-right: 36px;
      padding-top: 16px;
   }

   .standingOrderProduct a {
      color: #75787b;
   }

      .standingOrderProduct a:hover {
         color: #75787b;
         text-decoration: none;
      }

      .standingOrderProduct a:visited {
         color: #75787b;
      }

   .standingOrderProduct .standingOrderProductDetailsColumn {
   }

      .standingOrderProduct .standingOrderProductDetailsColumn .productName {
         font-weight: bold;
      }

      .standingOrderProduct .standingOrderProductDetailsColumn .productDetails {
         font-size: 8pt;
         line-height: 20px;
      }

   .standingOrderProduct .standingOrderProductThumbnailColumn {
      text-align: center;
   }

      .standingOrderProduct .standingOrderProductThumbnailColumn .productThumbnail {
         display: inline;
      }

      .standingOrderProduct .standingOrderProductThumbnailColumn img {
         height: 100px;
         object-fit: contain;
         width: 100px;
      }

   .standingOrderProduct .standingOrderProductQuantityColumn {
      text-align: center;
   }

      .standingOrderProduct .standingOrderProductQuantityColumn .quantityText {
         font-weight: bold;
      }

      .standingOrderProduct .standingOrderProductQuantityColumn .quantityControl {
         display: inline-block;
         margin: 4px 0px;
      }

         .standingOrderProduct .standingOrderProductQuantityColumn .quantityControl .quantityContainer {
            border: 1px solid #d9d9d6;
            font-size: 0;
            text-align: center;
            vertical-align: middle;
            width: 81px;
         }

            .standingOrderProduct .standingOrderProductQuantityColumn .quantityControl .quantityContainer .quantityAdjust {
               cursor: pointer;
               display: inline-block;
               font-size: 18px;
               width: 20px;
            }

            .standingOrderProduct .standingOrderProductQuantityColumn .quantityControl .quantityContainer .quantityValue {
               border-left: 1px solid #d9d9d6;
               border-right: 1px solid #d9d9d6;
               display: inline-block;
               font-size: 16px;
               font-weight: normal;
               padding-bottom: 1px;
               padding-top: 1px;
               width: 38px;
            }

               .standingOrderProduct .standingOrderProductQuantityColumn .quantityControl .quantityContainer .quantityValue input {
                  border: none;
                  margin: 0;
                  padding: 0;
                  text-align: center;
                  width: 100%;
               }


      .standingOrderProduct .standingOrderProductQuantityColumn .readOnlyQuantityValue {
         border: 1px solid #d9d9d6;
         display: inline-block;
         margin-top: 4px;
         padding: 4px 8px;
         text-align: center;
         width: 80px;
      }

      .standingOrderProduct .standingOrderProductQuantityColumn .removeProduct {
         cursor: pointer;
         margin-top: 5px;
      }

      .standingOrderProduct .standingOrderProductQuantityColumn .skipProduct {
         cursor: pointer;
         margin-top: 5px;
      }

   .standingOrderProduct .standingOrderProductPriceColumn {
      text-align: right;
   }

      .standingOrderProduct .standingOrderProductPriceColumn .standingOrderProductPrice {
         font-weight: bold;
      }

      .standingOrderProduct .standingOrderProductPriceColumn .standingOrderProductVat {
         font-size: 8pt;
      }

/* Standing Order History Page */

.standingOrderHistoryPage {
   padding-left: 30px;
   padding-right: 30px;
}


/* Order History Page */

.orderHistoryPage {
   padding-left: 30px;
   padding-right: 30px;
}

   .orderHistoryPage .k-input {
      margin-left: 16px;
      margin-right: 16px;
      width: auto;
   }


   .orderHistoryPage .parameters {
      font-size: 16px;
      font-weight: bold;
      padding-bottom: 30px;
      padding-left: 16px;
      padding-top: 30px;
   }

   .orderHistoryPage .parameterLabel {
      color: #75787b;
   }

   .orderHistoryPage .noOrdersFound {
      border-top: 2px solid #d9d9d6;
      font-size: 14px;
      font-weight: bold;
      padding-left: 36px;
      padding-right: 36px;
      padding-top: 28px;
      padding-bottom: 28px;
   }

.orderHistory {
   border-top: 2px solid #d9d9d6;
   padding: 16px;
}

   .orderHistory .orderHistoryDetails {
   }

      .orderHistory .orderHistoryDetails .label {
         color: #75787b;
         font-size: 14px;
         font-weight: bold;
         vertical-align: top;
      }

      .orderHistory .orderHistoryDetails .spacer {
         width: 16px;
      }

      .orderHistory .orderHistoryDetails .value {
         font-size: 14px;
      }

      .orderHistory .orderHistoryDetails .importantValue {
         color: #ff6900;
         font-size: 14px;
         font-weight: bold;
      }

      .orderHistory .orderHistoryDetails .trackingSummary {
      }

   .orderHistory .orderHistoryActions {
   }

      .orderHistory .orderHistoryActions .orderHistoryAction {
         height: 36px;
      }

/* View Order Page */


.viewOrderPage {
   padding: 30px;
}

   .viewOrderPage .viewOrderProducts {
   }

   .viewOrderPage .viewOrderTotal {
      margin-bottom: 15px;
      padding-top: 8px;
   }

.viewOrderHeader {
   margin-bottom: 28px;
   padding-left: 36px;
   padding-top: 30px;
}

   .viewOrderHeader .viewOrderDetailsColumn {
   }

   .viewOrderHeader .viewOrderActionsColumn {
      padding-right: 36px;
   }

      .viewOrderHeader .viewOrderActionsColumn .viewOrderAction {
         margin-top: 20px;
      }

      .viewOrderHeader .viewOrderActionsColumn .repeatOrderAction {
      }

      .viewOrderHeader .viewOrderActionsColumn .addToCurrentBasketAction {
      }

      .viewOrderHeader .viewOrderActionsColumn .viewShipmentsAction {
      }

   .viewOrderHeader .commentsRow {
      padding-top: 28px;
   }

@media (max-width: 600px) {
   .viewOrderHeader .userPageLabel {
      margin-top: 10px;
      padding-left: 0px;
   }

   .viewOrderHeader .userPageValue {
      padding-left: 0px;
   }

   .viewOrderHeader .userPageImportantValue {
      padding-left: 0px;
   }

   .viewOrderHeader .userPageLabelForMultiLine {
      margin-top: 10px;
      padding-left: 0px;
   }

   .viewOrderHeader .userPageMultiLineValue {
      padding-left: 0px;
   }
}

.viewOrderProduct {
   border-top: 2px solid #d9d9d6;
   padding-bottom: 8px;
   padding-left: 36px;
   padding-top: 8px;
}

   .viewOrderProduct .viewOrderProductDetailsColumn {
      font-size: 12px;
      vertical-align: top;
   }

      .viewOrderProduct .viewOrderProductDetailsColumn .productName {
         font-weight: bold;
      }

      .viewOrderProduct .viewOrderProductDetailsColumn .packSize {
         margin-top: 14px;
      }

      .viewOrderProduct .viewOrderProductDetailsColumn .supplierDetails {
         margin-top: 8px;
      }

      .viewOrderProduct .viewOrderProductDetailsColumn .itemPrice {
         margin-top: 8px;
      }

      .viewOrderProduct .viewOrderProductDetailsColumn .shipmentSummary {
         color: #ff6900;
         font-style: italic;
         margin-top: 14px;
      }

   .viewOrderProduct .viewOrderProductThumbnailColumn {
      padding-right: 30px;
      text-align: center;
   }

   .viewOrderProduct .viewOrderProductQuantityColumn {
      padding-right: 22px;
      text-align: center;
   }

      .viewOrderProduct .viewOrderProductQuantityColumn .quantityLabel {
         font-weight: bold;
      }

      .viewOrderProduct .viewOrderProductQuantityColumn .quantityValue {
         border: 1px solid #d9d9d6;
         display: inline-block;
         margin-top: 4px;
         padding: 4px 8px;
         text-align: center;
         width: 80px;
      }

   .viewOrderProduct .viewOrderProductPriceColumn {
      padding-right: 26px;
      text-align: right;
   }

      .viewOrderProduct .viewOrderProductPriceColumn .vatDetail {
         font-size: 7pt;
         font-weight: bold;
      }

      .viewOrderProduct .viewOrderProductPriceColumn .pounds {
         font-size: 16pt;
         font-weight: bold;
      }

      .viewOrderProduct .viewOrderProductPriceColumn .pence {
         font-size: 10pt;
         font-weight: bold;
      }

   .viewOrderProduct .viewOrderProductActionsColumn {
      padding-right: 36px;
      text-align: right;
      vertical-align: top;
   }

      .viewOrderProduct .viewOrderProductActionsColumn .addToCurrentBasketAction {
         margin-top: 20px;
      }

.viewOrderShipmentsPage {
   padding-left: 30px;
   padding-right: 30px;
}

   .viewOrderShipmentsPage .outstandingProducts {
      border-bottom: 2px solid #d9d9d6;
   }

      .viewOrderShipmentsPage .outstandingProducts .itemsNotYetShipped {
         color: #ff6900;
         font-weight: bold;
         padding-left: 36px;
         padding-top: 26px;
      }

.outstandingProduct {
   padding-bottom: 10px;
   padding-left: 36px;
   padding-top: 10px;
}

   .outstandingProduct .outstandingProductTable {
      width: 100%;
   }

      .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn {
         font-size: 12px;
         vertical-align: top;
      }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .customerOrderNumber .label {
            font-weight: bold;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .customerOrderNumber .value {
            color: #ff6900;
            font-weight: bold;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .purchaseOrderReference .label {
            font-weight: bold;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .purchaseOrderReference .value {
            color: #ff6900;
            font-weight: bold;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .productName {
            font-weight: bold;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .packSize {
            margin-top: 14px;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .supplierDetails {
            margin-top: 8px;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductDetailsColumn .expectedDispatchDate {
            margin-top: 8px;
         }

      .outstandingProduct .outstandingProductTable .outstandingProductThumbnailColumn {
         padding-right: 80px;
         text-align: center;
         width: 270px;
      }

      .outstandingProduct .outstandingProductTable .outstandingProductQuantityColumn {
         padding-right: 36px;
         text-align: center;
         width: 80px;
      }

         .outstandingProduct .outstandingProductTable .outstandingProductQuantityColumn .quantityLabel {
            font-weight: bold;
         }

         .outstandingProduct .outstandingProductTable .outstandingProductQuantityColumn .quantityValue {
            border: 1px solid #d9d9d6;
            margin-top: 4px;
            padding: 4px 8px;
            text-align: center;
            width: 82px;
         }

.orderShipments {
}

.orderShipmentHidden {
   border-bottom: 2px solid #d9d9d6;
   color: #ff6900;
   font-weight: bold;
   padding-left: 36px;
   padding-top: 5px;
   padding-bottom: 5px;
}


.orderShipment {
   border-bottom: 2px solid #d9d9d6;
   padding-top: 36px;
}

   .orderShipment .trackingSummary {
      font-weight: bold;
      padding-left: 36px;
   }

      .orderShipment .trackingSummary .keyText {
         color: #ff6900;
         margin-right: 5px;
      }

      .orderShipment .trackingSummary .valueText {
         color: #97999B;
         margin-right: 5px;
      }

      .orderShipment .trackingSummary a {
         color: #ff6900;
      }

         .orderShipment .trackingSummary a:hover {
            color: #ff6900;
         }

         .orderShipment .trackingSummary a:visited {
            color: #ff6900;
         }

.orderShipmentProduct {
   padding-bottom: 10px;
   padding-left: 36px;
   padding-top: 10px;
}

   .orderShipmentProduct .orderShipmentProductDetailsColumn {
      font-size: 12px;
      vertical-align: top;
   }

      .orderShipmentProduct .orderShipmentProductDetailsColumn .productName {
         font-weight: bold;
      }

      .orderShipmentProduct .orderShipmentProductDetailsColumn .packSize {
         margin-top: 14px;
      }

      .orderShipmentProduct .orderShipmentProductDetailsColumn .supplierDetails {
         margin-top: 8px;
      }

   .orderShipmentProduct .orderShipmentProductThumbnailColumn {
      padding-right: 80px;
      text-align: center;
   }

   .orderShipmentProduct .orderShipmentProductQuantityColumn {
      padding-right: 36px;
      text-align: center;
   }

      .orderShipmentProduct .orderShipmentProductQuantityColumn .quantityLabel {
         font-weight: bold;
      }

      .orderShipmentProduct .orderShipmentProductQuantityColumn .quantityValue {
         border: 1px solid #d9d9d6;
         display: inline-block;
         margin-top: 4px;
         padding: 4px 8px;
         text-align: center;
         width: 82px;
      }

/* Outstanding Items */


.outstandingItemsPage {
   padding-left: 30px;
   padding-right: 30px;
}

   .outstandingItemsPage .outstandingItems {
   }

      .outstandingItemsPage .outstandingItems .outstandingItem {
         border-bottom: 2px solid #d9d9d6;
      }

      .outstandingItemsPage .outstandingItems .itemsNotYetShipped {
         color: #ff6900;
         font-weight: bold;
         padding-left: 36px;
         padding-top: 26px;
      }

   .outstandingItemsPage .noOutstandingItems {
      padding: 30px;
   }

.outstandingItem {
   padding-bottom: 10px;
   padding-left: 36px;
   padding-top: 10px;
}

   .outstandingItem .outstandingItemTable {
      width: 100%;
   }

      .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn {
         font-size: 12px;
         vertical-align: top;
      }

         .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn .productName {
            margin-bottom: 8px;
         }

            .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn .productName a {
               color: black;
               font-weight: bold;
            }

         .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn .customerOrderNumber {
         }

         .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn .purchaseOrderReference {
         }

         .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn .packSize {
         }

         .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn .supplierDetails {
         }

         .outstandingItem .outstandingItemTable .outstandingItemDetailsColumn .expectedDispatchDate {
            color: #ff6900;
            font-weight: bold;
         }

      .outstandingItem .outstandingItemTable .outstandingItemThumbnailColumn {
         padding-right: 80px;
         text-align: center;
         width: 270px;
      }

      .outstandingItem .outstandingItemTable .outstandingItemQuantityColumn {
         padding-right: 36px;
         text-align: center;
         width: 80px;
      }

         .outstandingItem .outstandingItemTable .outstandingItemQuantityColumn .quantityLabel {
            font-weight: bold;
         }

         .outstandingItem .outstandingItemTable .outstandingItemQuantityColumn .quantityValue {
            border: 1px solid #d9d9d6;
            margin-top: 4px;
            padding: 4px 8px;
            text-align: center;
            width: 82px;
         }


/* Favourite Products Page */

.favouriteProductsPage {
}

   .favouriteProductsPage .favouriteProductCategories {
      font-weight: bold;
      margin-bottom: 30px;
      margin-right: 66px;
      max-height: 200px;
      overflow-y: auto;
      padding-left: 66px;
   }

      .favouriteProductsPage .favouriteProductCategories .favouriteProductCategory {
         cursor: pointer;
      }

      .favouriteProductsPage .favouriteProductCategories .selected {
         color: #ff6900;
      }

   .favouriteProductsPage .products {
      padding-left: 30px;
      padding-right: 30px;
   }

   .favouriteProductsPage .download {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 30px;
   }

   .favouriteProductsPage .search {
      padding-bottom: 16px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 16px;
   }

      .favouriteProductsPage .search input {
         max-width: 500px;
         width: 100%;
      }

   .favouriteProductsPage .noProductsFound {
      border-top: 2px solid #d9d9d6;
      color: red;
      font-size: 10pt;
      margin: 30px;
      padding-bottom: 14px;
      padding-left: 36px;
      padding-right: 36px;
      padding-top: 16px;
   }

   .favouriteProductsPage .noFavouriteProducts {
      padding: 30px;
   }

.favouriteProduct {
   border-top: 2px solid #d9d9d6;
   font-size: 10pt;
   margin-bottom: 10px;
   padding-bottom: 14px;
   padding-left: 36px;
   padding-right: 36px;
   padding-top: 16px;
}

   .favouriteProduct .productCategoryPath {
      font-size: 8pt;
      margin-bottom: 16px;
   }

   .favouriteProduct a {
      color: #75787b;
   }

      .favouriteProduct a:hover {
         color: #75787b;
         text-decoration: none;
      }

      .favouriteProduct a:visited {
         color: #75787b;
      }

   .favouriteProduct .productName {
      font-weight: bold;
   }

   .favouriteProduct .productDetails {
      font-size: 8pt;
      line-height: 20px;
   }

   .favouriteProduct .thumbnailColumn {
      text-align: center;
      vertical-align: middle;
   }

      .favouriteProduct .thumbnailColumn img {
         height: 100px;
         object-fit: contain;
         width: 100px;
      }

   .favouriteProduct .quantityColumn {
      text-align: center;
   }

      .favouriteProduct .quantityColumn .quantity {
         font-weight: bold;
      }

   .favouriteProduct .priceColumn {
      text-align: right;
   }

   .favouriteProduct .price {
      font-weight: bold;
   }

   .favouriteProduct .vatDetail {
      font-size: 8pt;
   }

/* Product History Page */

.productHistoryPage {
}

   .productHistoryPage .productHistoryCategories {
      font-weight: bold;
      margin-bottom: 30px;
      margin-right: 66px;
      max-height: 200px;
      overflow-y: auto;
      padding-left: 66px;
      padding-top: 16px;
   }

      .productHistoryPage .productHistoryCategories .productHistoryCategory {
         cursor: pointer;
      }

      .productHistoryPage .productHistoryCategories .selected {
         color: #ff6900;
      }

   .productHistoryPage .products {
      padding-left: 30px;
      padding-right: 30px;
   }

   .productHistoryPage .download {
      padding-left: 30px;
      padding-top: 30px;
   }

   .productHistoryPage .onlyShowAvailableProducts {
      padding-right: 30px;
      padding-top: 30px;
      text-align: right;
   }

   .productHistoryPage .search {
      padding-left: 30px;
      padding-right: 30px;
   }

      .productHistoryPage .search input {
         max-width: 500px;
         width: 100%;
      }

   .productHistoryPage .noProductsFound {
      border-top: 2px solid #d9d9d6;
      color: red;
      font-size: 10pt;
      margin: 30px;
      padding-bottom: 14px;
      padding-left: 36px;
      padding-right: 36px;
      padding-top: 16px;
   }

   .productHistoryPage .noProductHistory {
      padding: 30px;
   }

.productHistory {
   border-top: 2px solid #d9d9d6;
   font-size: 10pt;
   margin-bottom: 10px;
   padding-bottom: 14px;
   padding-left: 36px;
   padding-right: 36px;
   padding-top: 16px;
}

   .productHistory .productCateogryPath {
      font-size: 8pt;
      margin-bottom: 16px;
   }

   .productHistory a {
      color: #75787b;
   }

      .productHistory a:hover {
         color: #75787b;
         text-decoration: none;
      }

      .productHistory a:visited {
         color: #75787b;
      }

   .productHistory .productName {
      font-weight: bold;
   }

   .productHistory .productDetails {
      font-size: 8pt;
      line-height: 20px;
   }

      .productHistory .productDetails .lastOrderDate {
      }

   .productHistory .thumbnailColumn {
      text-align: center;
      vertical-align: middle;
   }

      .productHistory .thumbnailColumn img {
         height: 100px;
         object-fit: contain;
         width: 100px;
      }

   .productHistory .quantityColumn {
      text-align: center;
   }

      .productHistory .quantityColumn .quantity {
         font-weight: bold;
      }

   .productHistory .quantity {
   }

   .productHistory .priceColumn {
      text-align: right;
   }

   .productHistory .price {
      font-weight: bold;
   }

   .productHistory .vatDetail {
      font-size: 8pt;
   }

   .productHistory .notCurrentlyAvailableColumn {
      padding-top: 30px;
      text-align: right;
   }

      .productHistory .notCurrentlyAvailableColumn .notCurrentlyAvailable {
      }

/* Invoices & Statement Page */

.invoicesAndStatementPage {
   padding: 30px;
}

   .invoicesAndStatementPage .statement {
   }

      .invoicesAndStatementPage .statement a {
         color: #ff6900;
         font-weight: bold;
      }

         .invoicesAndStatementPage .statement a:hover {
            color: #ff6900;
         }

         .invoicesAndStatementPage .statement a:visited {
            color: #ff6900;
         }

.openInvoicesAndCredits {
}

   .openInvoicesAndCredits table {
      width: 100%;
   }

   .openInvoicesAndCredits .headerRow {
   }

   .openInvoicesAndCredits th {
      background-color: #97999b;
      color: white;
      font-weight: bold;
      padding: 8px;
   }

   .openInvoicesAndCredits tr:nth-child(even) {
      background-color: #DDDDDD;
   }

   .openInvoicesAndCredits .detailRow {
   }

   .openInvoicesAndCredits td {
      padding: 8px;
   }

   .openInvoicesAndCredits .detailRow .amount {
      text-align: right;
   }

   .openInvoicesAndCredits .detailRow .notYetDue {
   }

   .openInvoicesAndCredits .detailRow .overdue {
      color: Red;
   }

   .openInvoicesAndCredits .noResults {
   }


   .openInvoicesAndCredits a {
      color: #ff6900;
      font-weight: bold;
   }

      .openInvoicesAndCredits a:hover {
         color: #ff6900;
         font-weight: bold;
         text-decoration: underline;
      }

      .openInvoicesAndCredits a:visited {
         color: #ff6900;
         font-weight: bold;
      }

.paidInvoicesAndCredits {
   margin-top: 20px;
}

   .paidInvoicesAndCredits .parameters {
      font-weight: bold;
      padding-bottom: 16px;
      padding-top: 16px;
   }

   .paidInvoicesAndCredits .k-input {
      margin-left: 16px;
      margin-right: 16px;
      width: auto;
   }

   .paidInvoicesAndCredits table {
      width: 100%;
   }

   .paidInvoicesAndCredits .headerRow {
   }

   .paidInvoicesAndCredits th {
      background-color: #97999b;
      color: white;
      font-weight: bold;
      padding: 8px;
   }

   .paidInvoicesAndCredits tr:nth-child(even) {
      background-color: #DDDDDD;
   }

   .paidInvoicesAndCredits .detailRow {
   }

   .paidInvoicesAndCredits td {
      padding: 8px;
   }

   .paidInvoicesAndCredits .detailRow .amount {
      text-align: right;
   }


   .paidInvoicesAndCredits .noResults {
   }


   .paidInvoicesAndCredits a {
      color: #ff6900;
      font-weight: bold;
   }

      .paidInvoicesAndCredits a:hover {
         color: #ff6900;
         font-weight: bold;
         text-decoration: underline;
      }

      .paidInvoicesAndCredits a:visited {
         color: #ff6900;
         font-weight: bold;
      }

/* Payments Page */
.paymentsPage {
   font-size: 14px;
   padding: 30px;
}

   .paymentsPage table {
      width: 100%;
   }

   .paymentsPage th {
      background-color: #97999b;
      color: white;
      font-weight: bold;
      padding: 8px;
   }

   .paymentsPage tr:nth-child(even) {
      background-color: #DDDDDD;
   }

   .paymentsPage td {
      padding: 8px;
   }

   .paymentsPage .overduePayments {
   }

      .paymentsPage .overduePayments .overdueAmount {
         color: Red;
      }

      .paymentsPage .overduePayments .noOverduePayments {
      }

      .paymentsPage .overduePayments a {
         color: #ff6900;
         font-weight: bold;
      }

         .paymentsPage .overduePayments a:hover {
            color: #ff6900;
         }

         .paymentsPage .overduePayments a:visited {
            color: #ff6900;
         }

   .paymentsPage .paymentHistory {
      margin-top: 20px;
   }

      .paymentsPage .paymentHistory .positiveAmount {
      }

      .paymentsPage .paymentHistory .negativeAmount {
         color: Red;
      }

      .paymentsPage .paymentHistory .noPaymentHistory {
      }

/* Addresses Page */

.addressesPage {
   padding: 30px;
}

   .addressesPage .editAddress {
   }

      .addressesPage .editAddress input {
      }

   .addressesPage .editAddressOptions {
   }

      .addressesPage .editAddressOptions .btn {
         margin-right: 10px;
         width: 80px;
      }

   .addressesPage .existingAddresses {
   }

      .addressesPage .existingAddresses .existingAddress {
         padding: 10px;
      }

         .addressesPage .existingAddresses .existingAddress .billToAddress {
            border: 2px solid #d9d9d6;
            min-height: 250px;
            padding: 10px;
         }


         .addressesPage .existingAddresses .existingAddress .shipToAddress {
            border: 2px solid #d9d9d6;
            cursor: pointer;
            min-height: 250px;
            padding: 10px;
         }

         .addressesPage .existingAddresses .existingAddress .shipToAddressValidated {
            border: 2px solid #d9d9d6;
            min-height: 250px;
            padding: 10px;
         }

         .addressesPage .existingAddresses .existingAddress .validatedPharmacyAddress {
            font-size: 12px;
            font-weight: bold;
         }

   .addressesPage .addNewAddress {
      cursor: pointer;
      font-weight: bold;
      padding: 50px 10px 10px;
      text-align: center;
   }

      .addressesPage .addNewAddress img {
         max-width: 40px;
      }

/* Shipment Notification Page */

.shipmentNotificationPage {
   font-size: 14px;
   padding: 30px;
}

   .shipmentNotificationPage .viewOrderHeader {
   }

   .shipmentNotificationPage .shipmentConfirmation {
   }

   .shipmentNotificationPage .inputLabel {
   }

   .shipmentNotificationPage .inputControl {
   }

      .shipmentNotificationPage .inputControl .trackingReference {
      }

      .shipmentNotificationPage .inputControl .expectedDelivery {
      }

      .shipmentNotificationPage .inputControl .shipmentNotes {
         height: 100px;
         width: 100%;
      }

   .shipmentNotificationPage .shipmentHeaderDetails {
      margin-bottom: 30px;
      margin-top: 30px;
   }

   .shipmentNotificationPage .orderProductLayout {
      width: 100%;
   }

   .shipmentNotificationPage .orderProductLayout {
      width: 100%;
   }

      .shipmentNotificationPage .orderProductLayout .heading {
         font-weight: bold;
         text-align: center;
      }

      .shipmentNotificationPage .orderProductLayout .productHeading {
         text-align: left;
      }

      .shipmentNotificationPage .orderProductLayout .quantityOrderHeading {
      }

      .shipmentNotificationPage .orderProductLayout .quantityOutstandingHeading {
      }

      .shipmentNotificationPage .orderProductLayout .quantityShippedHeading {
      }

      .shipmentNotificationPage .orderProductLayout .expectedDispatchHeading {
      }

      .shipmentNotificationPage .orderProductLayout .productDetailsColumn {
      }

         .shipmentNotificationPage .orderProductLayout .productDetailsColumn .productName {
         }

         .shipmentNotificationPage .orderProductLayout .productDetailsColumn .supplierProductCode {
         }

      .shipmentNotificationPage .orderProductLayout .thumbnailColumn {
      }

      .shipmentNotificationPage .orderProductLayout .quantityOrderedColumn {
         text-align: center;
      }

         .shipmentNotificationPage .orderProductLayout .quantityOrderedColumn .quantityValue {
            border: 1px solid #d9d9d6;
            display: inline-block;
            padding: 2px;
            width: 80px;
         }

      .shipmentNotificationPage .orderProductLayout .quantityOutstandingColumn {
         text-align: center;
      }

         .shipmentNotificationPage .orderProductLayout .quantityOutstandingColumn .quantityValue {
            border: 1px solid #d9d9d6;
            display: inline-block;
            padding: 2px;
            width: 80px;
         }

      .shipmentNotificationPage .orderProductLayout .quantityShippedColumn {
         text-align: center;
      }

         .shipmentNotificationPage .orderProductLayout .quantityShippedColumn .inputControl {
            display: inline-block;
         }

            .shipmentNotificationPage .orderProductLayout .quantityShippedColumn .inputControl .quantityShipped {
               text-align: center;
            }

      .shipmentNotificationPage .orderProductLayout .expectedDispatchColumn {
         text-align: center;
      }

         .shipmentNotificationPage .orderProductLayout .expectedDispatchColumn .inputControl {
         }

            .shipmentNotificationPage .orderProductLayout .expectedDispatchColumn .inputControl .expectedDispatchDate {
            }

   .shipmentNotificationPage .shipmentOptions {
      margin-top: 30px;
   }

      .shipmentNotificationPage .shipmentOptions .shipOrderInFull {
         margin-right: 8px;
      }

      .shipmentNotificationPage .shipmentOptions .partShipOrder {
      }

   .shipmentNotificationPage .warningMessage {
   }

   .shipmentNotificationPage .orderNotFound {
   }

/* Budgets */

.budgetPositions {
   border-top: 2px solid #d9d9d6;
   margin-top: 30px;
}

   .budgetPositions .budgetPositionsTitle {
      font-size: 14px;
      font-weight: bold;
   }

   .budgetPositions .budgetCategoryPosition {
      padding-top: 30px;
   }

      .budgetPositions .budgetCategoryPosition .budgetCategoryPositionTitle {
      }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionTitle .budgetCategoryName {
            font-weight: bold;
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionTitle .calendarPeriodDescription {
         }

      .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout {
         width: 100%;
      }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .column1 {
            width: 40%;
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .column2 {
            text-align: center;
            width: 20%;
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .column3 {
            text-align: right;
            width: 40%;
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .budgetCategoryName {
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .calendarPeriodDescription {
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .budgetAmount {
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .spendToDate {
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .amountOfBudgetUsed {
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .value {
            font-weight: bold;
         }

         .budgetPositions .budgetCategoryPosition .budgetCategoryPositionLayout .overBudget {
            color: red;
         }

/* Edit Order */

.editOrderPage {
   padding: 30px;
}

   .editOrderPage .editOrderProducts {
   }

   .editOrderPage .editOrderTotal {
      margin-bottom: 15px;
      padding-top: 8px;
   }

.editOrderHeader {
   margin-bottom: 28px;
   padding-left: 36px;
   padding-top: 30px;
}

   .editOrderHeader .editOrderDetailsColumn {
   }

   .editOrderHeader .editOrderActionsColumn {
      padding-right: 36px;
   }

      .editOrderHeader .editOrderActionsColumn .editOrderAction {
         margin-top: 20px;
      }

      .editOrderHeader .editOrderActionsColumn .repeatOrderAction {
      }

      .editOrderHeader .editOrderActionsColumn .addToCurrentBasketAction {
      }

      .editOrderHeader .editOrderActionsColumn .editShipmentsAction {
      }

   .editOrderHeader .commentsRow {
      padding-top: 28px;
   }

@media (max-width: 600px) {
   .editOrderHeader .userPageLabel {
      margin-top: 10px;
      padding-left: 0px;
   }

   .editOrderHeader .userPageValue {
      padding-left: 0px;
   }

   .editOrderHeader .userPageImportantValue {
      padding-left: 0px;
   }

   .editOrderHeader .userPageLabelForMultiLine {
      margin-top: 10px;
      padding-left: 0px;
   }

   .editOrderHeader .userPageMultiLineValue {
      padding-left: 0px;
   }
}


.editOrderProduct {
   border-top: 2px solid #d9d9d6;
   font-size: 10pt;
   margin-bottom: 10px;
   padding-bottom: 14px;
   padding-left: 36px;
   padding-right: 36px;
   padding-top: 16px;
}

   .editOrderProduct a {
      color: #75787b;
   }

      .editOrderProduct a:hover {
         color: #75787b;
         text-decoration: none;
      }

      .editOrderProduct a:visited {
         color: #75787b;
      }

   .editOrderProduct .editOrderProductDetailsColumn {
   }

      .editOrderProduct .editOrderProductDetailsColumn .productName {
         font-weight: bold;
      }

      .editOrderProduct .editOrderProductDetailsColumn .productDetails {
         font-size: 8pt;
         line-height: 20px;
      }

   .editOrderProduct .editOrderProductThumbnailColumn {
      text-align: center;
   }

      .editOrderProduct .editOrderProductThumbnailColumn .productThumbnail {
         display: inline;
      }

      .editOrderProduct .editOrderProductThumbnailColumn img {
         height: 100px;
         object-fit: contain;
         width: 100px;
      }

   .editOrderProduct .editOrderProductQuantityColumn {
      text-align: center;
   }

      .editOrderProduct .editOrderProductQuantityColumn .quantityText {
         font-weight: bold;
      }

      .editOrderProduct .editOrderProductQuantityColumn .quantityControl {
         display: inline-block;
         margin: 4px 0px;
      }

         .editOrderProduct .editOrderProductQuantityColumn .quantityControl .quantityContainer {
            border: 1px solid #d9d9d6;
            font-size: 0;
            text-align: center;
            vertical-align: middle;
            width: 81px;
         }

            .editOrderProduct .editOrderProductQuantityColumn .quantityControl .quantityContainer .quantityAdjust {
               cursor: pointer;
               display: inline-block;
               font-size: 18px;
               width: 20px;
            }

            .editOrderProduct .editOrderProductQuantityColumn .quantityControl .quantityContainer .quantityValue {
               border-left: 1px solid #d9d9d6;
               border-right: 1px solid #d9d9d6;
               display: inline-block;
               font-size: 16px;
               font-weight: normal;
               padding-bottom: 1px;
               padding-top: 1px;
               width: 38px;
            }

               .editOrderProduct .editOrderProductQuantityColumn .quantityControl .quantityContainer .quantityValue input {
                  border: none;
                  margin: 0;
                  padding: 0;
                  text-align: center;
                  width: 100%;
               }


      .editOrderProduct .editOrderProductQuantityColumn .readOnlyQuantityValue {
         border: 1px solid #d9d9d6;
         display: inline-block;
         margin-top: 4px;
         padding: 4px 8px;
         text-align: center;
         width: 80px;
      }

      .editOrderProduct .editOrderProductQuantityColumn .removeProduct {
         cursor: pointer;
         margin-top: 5px;
      }

   .editOrderProduct .editOrderProductPriceColumn {
      text-align: right;
   }

      .editOrderProduct .editOrderProductPriceColumn .editOrderProductPrice {
         font-weight: bold;
      }

      .editOrderProduct .editOrderProductPriceColumn .editOrderProductVat {
         font-size: 8pt;
      }

/* Edit Order Ship To Page */

.editOrderShipToPage {
   padding: 30px;
   font-size: 12px;
}

   .editOrderShipToPage .termsAndConditions {
      cursor: pointer;
      margin-bottom: 30px;
   }

   .editOrderShipToPage .saveAddress {
   }

      .editOrderShipToPage .saveAddress .checkBoxLabel {
      }

   .editOrderShipToPage .editOrderShipToOptions {
   }

      .editOrderShipToPage .editOrderShipToOptions button {
         margin-right: 10px;
      }

/* Status Page */

.statusPage {
   padding: 30px;
}

/* Footer */

.footer {
   background-color: #75787b;
   color: white;
   padding-top: 20px;
   padding-bottom: 20px;
   width: 100%;
}

   .footer a {
      color: white;
   }

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

      .footer a:visited {
         color: white;
      }

   .footer .footerMenu {
   }

      .footer .footerMenu .footerMenuHeader {
         font-size: 16px;
         font-weight: bold;
         margin-bottom: 10px;
         text-transform: capitalize !important;
      }

      .footer .footerMenu .footerMenuItem {
         font-size: 12px;
      }

   .footer .payByMethods {
   }

      .footer .payByMethods img {
         max-width: 40px;
         max-height: 40px;
         object-fit: contain;
      }

      .footer .payByMethods .payByMethod {
         margin-bottom: 6px;
         margin-right: 6px;
      }

   .footer .trustpilotTrustBoxWidget {
   }

   .footer .socialMediaLinks {
      font-size: 16px;
      margin-top: 10px;
      margin-bottom: 10px;
   }

      .footer .socialMediaLinks img {
         max-height: 40px;
      }

   .footer .companyRegistration {
      font-size: 8pt;
   }

.moreLessText {
   color: #ff6900;
   cursor: pointer;
   text-decoration: none;
}

   .moreLessText:hover {
      color: #ff6900 !important;
      cursor: pointer;
      text-decoration: underline;
   }

   .moreLessText:visited {
      color: #ff6900;
      cursor: pointer;
      text-decoration: none;
   }

.bottomRightWrapper {
   display: table;
   height: 100%;
   width: 100%;
}

   .bottomRightWrapper .bottomRightContent {
      display: table-cell;
      text-align: right;
      vertical-align: bottom;
   }

.livePerson {
   border: none;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 160px;
   height: 140px;
}

.responsive-iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

.chat_button.text-button {
   font-size: 12px;
}

.chat_button.inline.bottom-right.desktop {
   margin-bottom: 20px;
}

.chat_button.inline.mobile.bottom-right {
   margin-bottom: 20px;
}