@charset "UTF-8";
/*
 *	Variable and mixins
 */
/*
 *	Colors
 */
/*
 *	Others
 */
/****************************
 @2x retina display images
 HIGH PPI DISPLAY BACKGROUNDS
 usage example: @include background-2x( 'path/to/image', 'jpg', 100px, 100px, center center, repeat-x );
*****************************/
/*
 *	Pages.
 */
.page-home {
  /* styles: here */ }

.myAccount_orderTracking {
  margin-bottom: 30px; }
  body.genForm .myAccount_orderTracking h1 {
    background-color: transparent; }
  .myAccount_orderTracking h2 {
    margin-bottom: 12px;
    font-size: 16px; }
  .myAccount_orderTracking #orderTrackingSearchCriteria .field {
    min-height: 55px; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .field select {
      width: 100%;
      padding: 7px 8px 8px;
      border: 1px solid #D0D0D0; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .field .info_icon {
      padding: 0;
      margin-right: 5px;
      position: relative;
      top: -2px; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .field [disabled] {
      background-color: #D0D0D0;
      opacity: 0.5;
      text-decoration: line-through; }
  .myAccount_orderTracking #orderTrackingSearchCriteria .firstSearchFields .orderType {
    float: left;
    width: 33%; }
  .myAccount_orderTracking #orderTrackingSearchCriteria .firstSearchFields #orderDateSearch {
    float: left;
    width: 66%; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .firstSearchFields #orderDateSearch #fromDateInfo,
    .myAccount_orderTracking #orderTrackingSearchCriteria .firstSearchFields #orderDateSearch #toDateInfo {
      float: left;
      width: 42%;
      margin-left: 8%; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .firstSearchFields #orderDateSearch #fromDate,
    .myAccount_orderTracking #orderTrackingSearchCriteria .firstSearchFields #orderDateSearch #toDate {
      width: 100%; }
  .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent {
    margin-top: 15px; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent .orderReferences {
      float: left;
      width: 47%;
      margin-right: 5%;
      padding-right: 5%; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent .otherOrderCriteria {
      float: left;
      width: 47%; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent + .orderActions {
      margin-top: 10px; }
      .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent + .orderActions .toggleOptions {
        position: relative;
        top: 6px;
        display: inline-block;
        font-size: 14px; }
      .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent + .orderActions .moreOptions {
        display: none; }
      .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent + .orderActions .fewerOptions {
        display: block; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent.collapsable-collapsed + .orderActions .moreOptions {
      display: block; }
    .myAccount_orderTracking #orderTrackingSearchCriteria .moreSearchFields .collapsableContent.collapsable-collapsed + .orderActions .fewerOptions {
      display: none; }
  .myAccount_orderTracking #orderTrackingSearchCriteria #searchOrderTracking {
    float: right; }
  .myAccount_orderTracking .searchInformation {
    margin: 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee; }
    .myAccount_orderTracking .searchInformation .paginationSummary {
      float: left; }
    .myAccount_orderTracking .searchInformation .clearAll {
      float: right;
      font-size: 14px; }
    .myAccount_orderTracking .searchInformation .searchTag {
      display: inline-block;
      background-color: #eee;
      padding: 5px 10px;
      margin: 0 10px 10px 0;
      border-radius: 5px; }
  .myAccount_orderTracking .sortBy {
    margin: 5px 0; }
    .myAccount_orderTracking .sortBy label {
      margin-top: 14px; }
  .myAccount_orderTracking #searchResults svg,
  .myAccount_orderTracking #searchResults image,
  .myAccount_orderTracking #searchResults img {
    width: 40px;
    height: 36px; }
  .myAccount_orderTracking #searchResults .recentOrders .eSpot {
    margin-top: 10px; }
  .myAccount_orderTracking #searchResults .recentOrders #showRecentOrders {
    float: right; }
  .myAccount_orderTracking #searchResults #emailPrintLinks {
    margin-top: 22px; }
    .myAccount_orderTracking #searchResults #emailPrintLinks a {
      padding: 0 10px; }
  .myAccount_orderTracking #searchResults tr.cancelledOrder {
    background-color: #eee; }
  .myAccount_orderTracking #searchResults td.unrecognizedOrderPlacer {
    color: #ddd; }
  .myAccount_orderTracking #searchResults th.orderStatus > a,
  .myAccount_orderTracking #searchResults td.orderStatus > a {
    display: block;
    /* [yellow]
				&.order-status-,
				&.order-status-NA,
				&.order-status-UR,
				&.order-status-PA,
				&.order-status-IP {
					color: darken($brand-warning, 10%);
					border-color: $brand-warning;
				}*/
    /* [green] */
    /* [white/grey] */ }
    .myAccount_orderTracking #searchResults th.orderStatus > a.order-status,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status {
      border: 2px solid;
      border-radius: 5px;
      padding: 8px;
      display: inline-block;
      cursor: help; }
      .myAccount_orderTracking #searchResults th.orderStatus > a.order-status:hover, .myAccount_orderTracking #searchResults th.orderStatus > a.order-status:active,
      .myAccount_orderTracking #searchResults td.orderStatus > a.order-status:hover,
      .myAccount_orderTracking #searchResults td.orderStatus > a.order-status:active {
        text-decoration: none; }
    .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-FA, .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-C,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-FA,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-C {
      color: #00682e; }
    .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-, .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-NA, .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-UR, .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-PA, .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-IP, .myAccount_orderTracking #searchResults th.orderStatus > a.order-status-X,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-NA,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-UR,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-PA,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-IP,
    .myAccount_orderTracking #searchResults td.orderStatus > a.order-status-X {
      color: #3f3f3f;
      /* [red color]
					color: darken($brand-danger, 15%);
					border-color: $brand-danger; */ }
  .myAccount_orderTracking #searchResults #showAllButton {
    display: inline-block; }
  .myAccount_orderTracking #searchResults .pagination {
    float: right; }
    .myAccount_orderTracking #searchResults .pagination .pageButton {
      padding: 10px 14px;
      margin: 5px 5px 5px 0;
      background-color: #eee;
      cursor: pointer; }
      .myAccount_orderTracking #searchResults .pagination .pageButton.current {
        background-color: #ccc; }

p.order-tracking-no-results {
  display: block;
  padding: 12px;
  font-size: 14px;
  font-weight: bold;
  text-align: center; }

.epodTableWrap {
  display: inline-block;
  max-height: 287px;
  overflow-y: scroll; }
  .epodTableWrap table.epodsTable {
    margin-top: 0;
    width: 520px; }
    .epodTableWrap table.epodsTable .disabled_true {
      background-color: #ddd; }
    .epodTableWrap table.epodsTable .pdfDownload {
      text-align: center; }
      .epodTableWrap table.epodsTable .pdfDownload img {
        height: 24px; }

.myAccount_orderTracking_orderDetails .descriptionListKey {
  color: #656565;
  font-weight: bold; }

.myAccount_orderTracking_orderDetails .heading #emailPrintLinks {
  margin: 6px 0; }
  .myAccount_orderTracking_orderDetails .heading #emailPrintLinks a {
    margin-left: 25px; }

.myAccount_orderTracking_orderDetails .heading .btn {
  margin-bottom: 10px; }

.myAccount_orderTracking_orderDetails table {
  margin: 24px 0; }
  .myAccount_orderTracking_orderDetails table.fullwidth {
    width: 100%; }
  .myAccount_orderTracking_orderDetails table.noMargin {
    margin: 0; }

.myAccount_orderTracking_orderDetails table.infoTable tr {
  height: 35px; }

.myAccount_orderTracking_orderDetails table.tableOfProducts th {
  text-align: inherit; }

.myAccount_orderTracking_orderDetails table.tableOfProducts th.align_center,
.myAccount_orderTracking_orderDetails table.tableOfProducts td.align_center {
  text-align: center; }

.myAccount_orderTracking_orderDetails #orderDetailInfo table th,
.myAccount_orderTracking_orderDetails #orderDetailInfo table td {
  min-width: 150px; }

.myAccount_orderTracking_orderDetails th.itemStatus,
.myAccount_orderTracking_orderDetails td.itemStatus {
  white-space: nowrap;
  table-layout: fixed; }
  .myAccount_orderTracking_orderDetails th.itemStatus > a,
  .myAccount_orderTracking_orderDetails td.itemStatus > a {
    display: block;
    /* [yellow]
			&.item-status-NA,
			&.item-status-PA,
			&.item-status-O,
			&.item-status-IP {
				color: $black-lightest;
				background-color: lighten($brand-warning, 15%);
			}*/
    /* [green] */
    /* [white/grey] */ }
    .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status {
      border: 2px solid;
      border-radius: 5px;
      padding: 8px;
      display: inline-block;
      cursor: help; }
      .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status:hover, .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status:active,
      .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status:hover,
      .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status:active {
        text-decoration: none; }
    .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status-FA, .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status-C,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status-FA,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status-C {
      color: #00682e;
      border-color: #008139;
      /* [backgrounds instead of borders]
				color: darken($brand-success, 15%);
				background-color: lighten($brand-success, 15%); */ }
    .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status-NA, .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status-PA, .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status-O, .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status-IP, .myAccount_orderTracking_orderDetails th.itemStatus > a.item-status-X,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status-NA,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status-PA,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status-O,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status-IP,
    .myAccount_orderTracking_orderDetails td.itemStatus > a.item-status-X {
      color: #3f3f3f;
      border-color: #656565;
      /* [backgrounds instead of borders]
				color: $white;
				background-color: $grey; */ }

.myAccount_orderTracking_orderDetails td.prices small {
  color: #9fa1a4; }

.myAccount_orderTracking_orderDetails td.unrecognizedOrderPlacer {
  color: #ddd; }

.myAccount_orderTracking_orderDetails #totalOrderPrices > span {
  display: block;
  margin: 8px 0; }

#cMessageArea .myAccount_orderTracking_emailOrderPopup p {
  font-weight: normal;
  color: inherit;
  padding: inherit;
  font-size: 16px;
  margin-bottom: 10px; }
  #cMessageArea .myAccount_orderTracking_emailOrderPopup p.title {
    font-weight: bold; }

.myAccount_orderTracking_emailOrderPopup .customEmailAddressInput {
  margin: 10px 0; }
  .myAccount_orderTracking_emailOrderPopup .customEmailAddressInput #customEmailAddress {
    border: 1px solid #D0D0D0;
    padding: 7px;
    box-sizing: border-box;
    width: 100%; }

.myAccount_orderTracking_emailOrderPopup .customOrgEmailAddressInput {
  margin-left: 22px;
  height: 125px;
  overflow: scroll; }

.myAccount_orderTracking_emailOrderPopup #sendEmailOrdersButton,
.myAccount_orderTracking_emailOrderPopup #sendEmailOrderDetailsButton {
  margin-top: 10px; }

.myAccount_orderTracking_emailOrderPopup .radioOption.radio {
  margin: 10px 0; }
  .myAccount_orderTracking_emailOrderPopup .radioOption.radio label {
    font-size: 16px; }

.myAccount_orderTracking_reorderPopup {
  width: 700px;
  max-height: 350px;
  overflow-y: scroll; }
  .myAccount_orderTracking_reorderPopup #reorderProducts {
    width: 100%; }
  .myAccount_orderTracking_reorderPopup .btn {
    margin: 15px 15px 10px 0; }

.myAccount_orderTracking_recentOrders {
  width: 565px;
  padding-bottom: 20px;
  max-height: 238px;
  overflow-y: scroll; }
  .myAccount_orderTracking_recentOrders table {
    width: 100%; }
    .myAccount_orderTracking_recentOrders table .timeAndDate {
      width: 75px; }
    .myAccount_orderTracking_recentOrders table th {
      min-width: 70px; }
    .myAccount_orderTracking_recentOrders table td {
      max-width: 280px; }
      .myAccount_orderTracking_recentOrders table td span {
        word-wrap: break-word; }

body.genForm #myAccount_quotes h1 {
  background-color: transparent; }

#myAccount_quotes .heading {
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding-bottom: 5px; }
  #myAccount_quotes .heading h2 {
    float: left;
    margin-bottom: 0;
    padding-top: 10px;
    padding-left: 20px; }
  #myAccount_quotes .heading .quote-search-print {
    float: right;
    margin-top: 16px;
    margin-right: 25px; }

#myAccount_quotes .infoText {
  margin-top: 15px; }

#myAccount_quotes #quotesSearchCriteria {
  padding: 18px 25px; }
  #myAccount_quotes #quotesSearchCriteria #searchQuotes {
    display: block;
    margin: 15px auto 0;
    float: none;
    width: 145px; }
  #myAccount_quotes #quotesSearchCriteria .field {
    min-height: 55px; }
    #myAccount_quotes #quotesSearchCriteria .field label {
      height: 20px;
      display: block; }
    #myAccount_quotes #quotesSearchCriteria .field input {
      border: 1px solid #D0D0D0;
      padding: 7px;
      box-sizing: border-box;
      width: 100%; }
    #myAccount_quotes #quotesSearchCriteria .field select {
      width: 100%;
      padding: 4px;
      border: 1px solid #D0D0D0; }
    #myAccount_quotes #quotesSearchCriteria .field .info_icon {
      padding: 0;
      margin-right: 5px;
      position: relative;
      top: -2px; }
    #myAccount_quotes #quotesSearchCriteria .field [disabled] {
      background-color: #D0D0D0;
      opacity: 0.5;
      text-decoration: line-through; }
  #myAccount_quotes #quotesSearchCriteria .firstSearchFields .quoteStatus {
    float: left;
    width: 33%; }
  #myAccount_quotes #quotesSearchCriteria .firstSearchFields #quoteDateSearch {
    float: left;
    width: 66%; }
    #myAccount_quotes #quotesSearchCriteria .firstSearchFields #quoteDateSearch #fromDateInfo,
    #myAccount_quotes #quotesSearchCriteria .firstSearchFields #quoteDateSearch #toDateInfo {
      float: left;
      width: 42%;
      margin-left: 8%; }
    #myAccount_quotes #quotesSearchCriteria .firstSearchFields #quoteDateSearch #fromDate,
    #myAccount_quotes #quotesSearchCriteria .firstSearchFields #quoteDateSearch #toDate {
      width: 100%; }
  #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent {
    margin-top: 15px; }
    #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent .orderReferences {
      float: left;
      width: 44%;
      margin-right: 5%;
      padding-right: 5%;
      border-right: 1px solid #eee; }
    #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent .otherOrderCriteria {
      float: left;
      width: 45%; }
    #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent #widget_branch {
      position: relative; }
      #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent #widget_branch input {
        color: #000; }
      #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent #widget_branch .dijitInputInner {
        border-right: none;
        height: 28px; }
      #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent #widget_branch .dijitArrowButtonContainer {
        position: absolute;
        right: 0; }
        #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent #widget_branch .dijitArrowButtonContainer .dijitArrowButtonInner {
          border-left: none;
          font-size: 8px;
          padding: 8px 0 8px 4px;
          width: 20px;
          text-align: center; }
    #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent + .orderActions {
      margin-top: 10px; }
      #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent + .orderActions .toggleOptions {
        position: relative;
        top: 6px;
        display: inline-block;
        font-size: 14px;
        text-decoration: underline; }
      #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent + .orderActions .moreOptions {
        display: none; }
      #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent + .orderActions .fewerOptions {
        display: block; }
    #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent.collapsable-collapsed + .orderActions .moreOptions {
      display: block; }
    #myAccount_quotes #quotesSearchCriteria .moreSearchFields .collapsableContent.collapsable-collapsed + .orderActions .fewerOptions {
      display: none; }
  #myAccount_quotes #quotesSearchCriteria #searchOrderTracking {
    float: right; }

#myAccount_quotes #paginationSummary {
  font-size: 14px;
  margin-top: 15px; }

#myAccount_quotes #searchResults {
  padding-right: 1px; }
  #myAccount_quotes #searchResults td.unrecognizedQuotePlacer {
    color: #ddd; }
  #myAccount_quotes #searchResults td.date {
    min-width: 75px; }
  #myAccount_quotes #searchResults tr.quoteStatus__EXPIRED {
    background-color: #eee; }
  #myAccount_quotes #searchResults th.quoteStatus,
  #myAccount_quotes #searchResults td.quoteStatus {
    white-space: nowrap;
    table-layout: fixed;
    min-width: 58px; }
    #myAccount_quotes #searchResults th.quoteStatus > a,
    #myAccount_quotes #searchResults td.quoteStatus > a {
      display: block; }
  #myAccount_quotes #searchResults #showAllButton {
    display: inline-block; }
  #myAccount_quotes #searchResults #pagination {
    float: right; }
  #myAccount_quotes #searchResults .my-account-quotes__sort-by {
    margin-top: 16px; }

#myAccount_quotes .backToTop {
  float: right; }

#cMessageArea .myAccount_quotes_emailQuotePopup p, #cMessageArea
.myAccount_quotes_downloadQuotePopup p {
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  padding: inherit;
  margin-bottom: 10px; }
  #cMessageArea .myAccount_quotes_emailQuotePopup p.title, #cMessageArea
  .myAccount_quotes_downloadQuotePopup p.title {
    font-weight: bold; }

.myAccount_quotes_emailQuotePopup .customEmailAddressInput {
  margin: 10px 0; }
  .myAccount_quotes_emailQuotePopup .customEmailAddressInput #customEmailAddress {
    border: 1px solid #D0D0D0;
    padding: 7px;
    box-sizing: border-box;
    width: 100%; }

.myAccount_quotes_emailQuotePopup .customOrgEmailAddressInput {
  margin-left: 22px;
  height: 125px;
  overflow: scroll; }

.myAccount_quotes_emailQuotePopup .radioOption,
.myAccount_quotes_emailQuotePopup #sendEmailQuotesButton,
.myAccount_quotes_emailQuotePopup #sendEmailQuoteDetailsButton {
  margin-top: 10px; }

.myAccount_quotes_downloadQuotePopup .radioOption,
.myAccount_quotes_downloadQuotePopup #getQuotePDF {
  margin-top: 10px; }

.my-account-quotes__border {
  border: 1px solid #d0d0d0 !important; }

.my-account-quotes__details-icons {
  padding: 0 10px; }

.my-account-quotes__details-total {
  font-size: 12px; }

#myAccount_quotes_quoteDetails {
  padding-bottom: 10px;
  /**
	 * Resets
	 */ }
  #myAccount_quotes_quoteDetails .descriptionListKey {
    color: #656565;
    font-weight: bold; }
  #myAccount_quotes_quoteDetails .quoteDetailSection {
    margin-bottom: 15px;
    padding: 18px 25px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box; }
  #myAccount_quotes_quoteDetails #quoteDetailTitle .mainDetails {
    float: left;
    width: 50%; }
    #myAccount_quotes_quoteDetails #quoteDetailTitle .mainDetails .detail {
      clear: both;
      float: left;
      margin: 0;
      width: 300px; }
      #myAccount_quotes_quoteDetails #quoteDetailTitle .mainDetails .detail span {
        float: left;
        font-size: 14px;
        display: block;
        color: #000; }
        #myAccount_quotes_quoteDetails #quoteDetailTitle .mainDetails .detail span.label {
          min-width: 140px;
          font-size: 11px;
          line-height: 1.8; }
  #myAccount_quotes_quoteDetails #quoteDetailTitle #emailPrintLinks {
    float: right;
    width: 50%;
    margin-top: 2.5%; }
    #myAccount_quotes_quoteDetails #quoteDetailTitle #emailPrintLinks td {
      padding: 4px 8px;
      border-right: 1px solid #ddd; }
      #myAccount_quotes_quoteDetails #quoteDetailTitle #emailPrintLinks td.last {
        border-right: none; }
  #myAccount_quotes_quoteDetails #quoteDetailInfo .column {
    float: left;
    width: 50%; }
    #myAccount_quotes_quoteDetails #quoteDetailInfo .column p,
    #myAccount_quotes_quoteDetails #quoteDetailInfo .column span,
    #myAccount_quotes_quoteDetails #quoteDetailInfo .column address {
      box-sizing: border-box;
      float: left;
      width: 32%;
      font-size: 11px; }
    #myAccount_quotes_quoteDetails #quoteDetailInfo .column p {
      margin: 0;
      padding: 5px 10px;
      text-align: right; }
      #myAccount_quotes_quoteDetails #quoteDetailInfo .column p.infoText {
        font-size: 13px;
        padding-left: 14px;
        text-align: left;
        width: 100%; }
    #myAccount_quotes_quoteDetails #quoteDetailInfo .column span {
      padding: 5px;
      text-align: left;
      width: 50%; }
    #myAccount_quotes_quoteDetails #quoteDetailInfo .column address {
      padding: 5px;
      text-align: left;
      text-transform: uppercase;
      width: 68%; }
  #myAccount_quotes_quoteDetails .quotedPartsInfo {
    padding-bottom: 0;
    margin-top: 5px;
    font-size: 16px;
    float: left; }
  #myAccount_quotes_quoteDetails .backToSearchResultsTop {
    float: right; }
    #myAccount_quotes_quoteDetails .backToSearchResultsTop .btn {
      margin: 0; }
  #myAccount_quotes_quoteDetails .sectionHeading {
    font-size: 14px;
    margin-top: 15px; }
  #myAccount_quotes_quoteDetails .quotedItem th, #myAccount_quotes_quoteDetails .quotedItem td,
  #myAccount_quotes_quoteDetails .quotedItemGroup th,
  #myAccount_quotes_quoteDetails .quotedItemGroup td {
    text-align: left; }
  #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo img.quoteItemImage,
  #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo img.quoteItemImage {
    float: left;
    width: 55px; }
  #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription,
  #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription {
    max-width: 67%;
    padding-left: 7%;
    float: left; }
    #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription a, #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription span,
    #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription a,
    #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription span {
      float: left;
      padding: 2px 0;
      width: 100%; }
    #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription a.viewAlternatives,
    #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription a.viewAlternatives {
      display: block; }
    #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription a.viewPack span,
    #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription a.viewPack span {
      float: none;
      width: auto;
      padding: 0; }
    #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription .hideTrigger,
    #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription .hideTrigger {
      display: none; }
    #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription .active .showTrigger,
    #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription .active .showTrigger {
      display: none; }
    #myAccount_quotes_quoteDetails .quotedItem td.quoteItemInfo .quoteItemDescription .active .hideTrigger,
    #myAccount_quotes_quoteDetails .quotedItemGroup td.quoteItemInfo .quoteItemDescription .active .hideTrigger {
      display: block; }
  #myAccount_quotes_quoteDetails .subTotal td {
    padding: 20px 5px; }
    #myAccount_quotes_quoteDetails .subTotal td span {
      margin-right: 15px;
      top: 5px;
      position: relative; }
  #myAccount_quotes_quoteDetails #quoteTotal td {
    border: none;
    padding: 20px 5px; }
    #myAccount_quotes_quoteDetails #quoteTotal td span {
      margin-right: 15px;
      top: -5px;
      position: relative; }
  #myAccount_quotes_quoteDetails #quoteTotal .carriageCharge {
    float: right;
    width: 250px;
    text-align: right; }
    #myAccount_quotes_quoteDetails #quoteTotal .carriageCharge span {
      font-size: 10px; }
  #myAccount_quotes_quoteDetails a.btn {
    margin-right: 10px; }
  #myAccount_quotes_quoteDetails p.extraText {
    margin-bottom: 0; }
  #myAccount_quotes_quoteDetails #totalQuotePrices {
    display: block;
    margin: 8px 0; }
  .my_account #myAccount_quotes_quoteDetails table.fullWidth td {
    max-width: none; }

/*
	Popup - Alternatives
 */
#cMessageArea .quotedItemAlternatives {
  width: 800px; }
  #cMessageArea .quotedItemAlternatives td {
    padding: 12px; }
  #cMessageArea .quotedItemAlternatives .title {
    font-size: 16px;
    margin-bottom: 5px; }
  #cMessageArea .quotedItemAlternatives .alternativeProducts {
    margin-top: 15px; }
  #cMessageArea .quotedItemAlternatives .item a {
    cursor: text;
    text-decoration: none; }

#cMessageArea .quoteNoResultsPopup p {
  padding-left: 0; }

#cMessageArea .quoteNoResultsPopup .siteAction {
  text-align: center; }
  #cMessageArea .quoteNoResultsPopup .siteAction .btn {
    float: none; }

#cMessageArea #noQuoteItemsAdded,
#cMessageArea #noQuoteItemsAddedToList {
  font-size: 12px; }

#cMessageArea .emailSomeoneElseBox {
  margin-bottom: 15px; }

#cMessageArea .radioOption.radio {
  margin: 10px 0; }
  #cMessageArea .radioOption.radio label {
    font-size: 16px; }

#order_details .quoteLine.grayedOut,
#myAccount_quotes_quoteDetails .quoteLine.grayedOut {
  background: #eee; }

#order_details .quoteDetails td,
#order_details .quoteSubtotal td,
#order_details .quoteTotal td,
#order_details .emptyLine td,
#myAccount_quotes_quoteDetails .quoteDetails td,
#myAccount_quotes_quoteDetails .quoteSubtotal td,
#myAccount_quotes_quoteDetails .quoteTotal td,
#myAccount_quotes_quoteDetails .emptyLine td {
  font-size: 13px; }
  #order_details .quoteDetails td a,
  #order_details .quoteSubtotal td a,
  #order_details .quoteTotal td a,
  #order_details .emptyLine td a,
  #myAccount_quotes_quoteDetails .quoteDetails td a,
  #myAccount_quotes_quoteDetails .quoteSubtotal td a,
  #myAccount_quotes_quoteDetails .quoteTotal td a,
  #myAccount_quotes_quoteDetails .emptyLine td a {
    font-size: 11px; }
  #order_details .quoteDetails td .vat,
  #order_details .quoteSubtotal td .vat,
  #order_details .quoteTotal td .vat,
  #order_details .emptyLine td .vat,
  #myAccount_quotes_quoteDetails .quoteDetails td .vat,
  #myAccount_quotes_quoteDetails .quoteSubtotal td .vat,
  #myAccount_quotes_quoteDetails .quoteTotal td .vat,
  #myAccount_quotes_quoteDetails .emptyLine td .vat {
    font-size: 10px; }

#order_details .quoteDetails,
#myAccount_quotes_quoteDetails .quoteDetails {
  background-color: #fff9e0; }
  #order_details .quoteDetails b,
  #myAccount_quotes_quoteDetails .quoteDetails b {
    font-size: 11px; }
  #order_details .quoteDetails .quoteReference,
  #myAccount_quotes_quoteDetails .quoteDetails .quoteReference {
    float: left;
    margin-right: 30px; }
  #order_details .quoteDetails .quoteNumber,
  #myAccount_quotes_quoteDetails .quoteDetails .quoteNumber {
    float: left; }
  #order_details .quoteDetails .q-total,
  #myAccount_quotes_quoteDetails .quoteDetails .q-total {
    text-align: center; }

#order_details .quotedItemPack,
#order_details .quotedItemExtraComponent,
#myAccount_quotes_quoteDetails .quotedItemPack,
#myAccount_quotes_quoteDetails .quotedItemExtraComponent {
  background-color: #eee; }
  #order_details .quotedItemPack td,
  #order_details .quotedItemExtraComponent td,
  #myAccount_quotes_quoteDetails .quotedItemPack td,
  #myAccount_quotes_quoteDetails .quotedItemExtraComponent td {
    padding: 12px; }
  #order_details .quotedItemPack .title,
  #order_details .quotedItemExtraComponent .title,
  #myAccount_quotes_quoteDetails .quotedItemPack .title,
  #myAccount_quotes_quoteDetails .quotedItemExtraComponent .title {
    font-size: 16px;
    margin-bottom: 5px; }
  #order_details .quotedItemPack table,
  #order_details .quotedItemExtraComponent table,
  #myAccount_quotes_quoteDetails .quotedItemPack table,
  #myAccount_quotes_quoteDetails .quotedItemExtraComponent table {
    width: 100%; }
    #order_details .quotedItemPack table th,
    #order_details .quotedItemExtraComponent table th,
    #myAccount_quotes_quoteDetails .quotedItemPack table th,
    #myAccount_quotes_quoteDetails .quotedItemExtraComponent table th {
      background: none; }
    #order_details .quotedItemPack table td,
    #order_details .quotedItemExtraComponent table td,
    #myAccount_quotes_quoteDetails .quotedItemPack table td,
    #myAccount_quotes_quoteDetails .quotedItemExtraComponent table td {
      padding: 5px; }

#order_details .quoteSubtotal td,
#myAccount_quotes_quoteDetails .quoteSubtotal td {
  vertical-align: middle; }

#order_details .quoteSubtotal .removeSubtotalSection,
#myAccount_quotes_quoteDetails .quoteSubtotal .removeSubtotalSection {
  float: right;
  margin-top: 7px; }

#order_details .quoteSubtotal .q-subtotal,
#myAccount_quotes_quoteDetails .quoteSubtotal .q-subtotal {
  float: none;
  text-align: center; }
  #order_details .quoteSubtotal .q-subtotal .vat,
  #myAccount_quotes_quoteDetails .quoteSubtotal .q-subtotal .vat {
    vertical-align: middle; }

#order_details .quoteTotal,
#myAccount_quotes_quoteDetails .quoteTotal {
  background-color: #fff9e0; }
  #order_details .quoteTotal td,
  #myAccount_quotes_quoteDetails .quoteTotal td {
    vertical-align: middle; }
  #order_details .quoteTotal .removeQuote,
  #myAccount_quotes_quoteDetails .quoteTotal .removeQuote {
    float: right;
    margin-top: 7px; }
  #order_details .quoteTotal .q-total,
  #myAccount_quotes_quoteDetails .quoteTotal .q-total {
    float: none;
    text-align: center; }
    #order_details .quoteTotal .q-total .vat,
    #myAccount_quotes_quoteDetails .quoteTotal .q-total .vat {
      vertical-align: middle; }

#order_details .subTotalEach td,
#myAccount_quotes_quoteDetails .subTotalEach td {
  text-align: right; }

/*
	Popup - Alternatives
 */
#basket_replacements_popup .quotedItemAlternativesForSwap .description a {
  cursor: text;
  text-decoration: none;
  height: auto;
  min-height: 38px;
  max-height: 65px; }

/*
	Popup - Quotes expired
 */
#quotesExpiredPopup {
  width: 370px; }
  #quotesExpiredPopup p {
    padding-left: 0; }
  #quotesExpiredPopup .siteAction {
    text-align: center; }
    #quotesExpiredPopup .siteAction .btn {
      float: none;
      display: block; }
      #quotesExpiredPopup .siteAction .btn + .btn {
        margin-top: 10px; }

.login-page .login-component {
  width: 375px; }

.login-component .form-group p {
  font-size: 16px;
  margin: 30px 0;
  text-transform: uppercase; }

.login-component .form-group a.myaccount_link {
  float: right;
  padding: 10px 0;
  font-size: 14px; }

.sign_in_registration--password-reset-page {
  margin: 0 auto;
  width: 375px; }
  .sign_in_registration--password-reset-page P {
    font-size: 16px; }
    .sign_in_registration--password-reset-page P > a {
      font-size: inherit; }
  .sign_in_registration--password-reset-page h2 {
    background: none;
    border-bottom: 2px solid #eee;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 10px; }
  .sign_in_registration--password-reset-page.styled_form .radio.flair {
    width: auto;
    height: auto; }
    .sign_in_registration--password-reset-page.styled_form .radio.flair label {
      width: 100%; }
  .sign_in_registration--password-reset-page.styled_form .sign_in_registration__mobile-pin .form-control {
    display: inline-block;
    width: 70px;
    margin-left: 8px;
    text-align: center; }
    .sign_in_registration--password-reset-page.styled_form .sign_in_registration__mobile-pin .form-control:first-child {
      margin-left: 0; }
  .sign_in_registration--password-reset-page.styled_form .reset-by-email {
    margin: 35px 0 20px; }
    .sign_in_registration--password-reset-page.styled_form .reset-by-email p {
      font-size: 13px; }
  .sign_in_registration--password-reset-page.styled_form .pl-icon.icon-check:after {
    width: 28px;
    height: 28px;
    background-position: -180px -420px;
    background-size: 936px 2308px;
    top: 0; }
  .sign_in_registration--password-reset-page.styled_form .pl-icon.icon-check + p {
    padding-left: 46px; }
  .sign_in_registration--password-reset-page.styled_form .password-sent {
    margin-bottom: 0; }
  .sign_in_registration--password-reset-page .g-recaptcha > div {
    margin: 0 auto; }

.registrationPage {
  margin: 0 auto;
  width: 375px; }
  .registrationPage .zipLookUp input {
    display: inline-block; }
  .registrationPage .zipLookUp .btn {
    float: right;
    width: 150px; }
  .registrationPage .accountNumber {
    margin: 16px 0px 24px; }
    .registrationPage .accountNumber input {
      display: inline-block; }
  .registrationPage .accountNumberDisplay p {
    font-size: 1.8em;
    font-weight: 500;
    margin-top: -10px; }
  .registrationPage #registrationSuccess {
    display: none; }
  .registrationPage #b2bRegistrationForm {
    margin-top: 24px; }
  .registrationPage.registration-success #registrationInitialOptions,
  .registrationPage.registration-success #b2cRegistrationForm,
  .registrationPage.registration-success #tradeCashRegistrationForm {
    display: none; }
  .registrationPage.registration-success #registrationSuccess {
    display: block; }
  .registrationPage .modal-dialog.modal-dialog--accountNumberInfoModal {
    margin-top: -254px;
    top: 50%; }

.brands-page #main_content_wrapper {
  margin-top: 35px; }

.brands-page a.back-to-top {
  display: block;
  text-align: right;
  margin: 15px 0;
  font-size: 14px;
  background-color: #222; }

.brands-page .primary-heading {
  margin-top: 30px;
  padding-left: 15px; }

.brands-page .az-brand-selector {
  padding: 8px 10px;
  margin-top: 20px;
  background-color: #444;
  text-align: center; }
  .brands-page .az-brand-selector a {
    padding: 12px;
    font-size: 16px;
    color: #fff; }
    .brands-page .az-brand-selector a:hover {
      color: #cd2e31;
      background-color: #fff;
      text-decoration: none; }

.brands-page .secondary-heading {
  background-color: #f7f7f7;
  padding: 10px; }

.brands-page .letter-section {
  margin-top: 40px;
  margin-bottom: 40px; }
  .brands-page .letter-section a {
    font-size: 14px;
    padding: 5px 0px 0px 40px;
    display: block;
    width: 33.333%;
    text-align: left;
    float: left; }

.brands-page .brands-page__landing--content .brands-page__landing--topCategory {
  float: left;
  margin-top: 40px;
  margin-bottom: 10px;
  width: 30%; }
  .brands-page .brands-page__landing--content .brands-page__landing--topCategory > a {
    display: block;
    font-size: 14px;
    padding: 5px 10px; }
  .brands-page .brands-page__landing--content .brands-page__landing--topCategory .secondary-heading a {
    color: #3b3b3b;
    font-size: 16px; }

.find-products-page #content_wrapper,
.new-products-page #content_wrapper,
.clearance-products-page #content_wrapper,
.category-view-products-page #content_wrapper {
  margin-top: 35px; }

.find-products-page a.back-to-top,
.new-products-page a.back-to-top,
.clearance-products-page a.back-to-top,
.category-view-products-page a.back-to-top {
  display: block;
  text-align: right;
  margin: 15px 0;
  font-size: 14px;
  background-color: #222; }

.find-products-page .primary-heading,
.new-products-page .primary-heading,
.clearance-products-page .primary-heading,
.category-view-products-page .primary-heading {
  padding-left: 15px; }

.find-products-page .secondary-heading,
.new-products-page .secondary-heading,
.clearance-products-page .secondary-heading,
.category-view-products-page .secondary-heading {
  background-color: #f7f7f7;
  padding: 10px; }

.find-products-page .top-category-section,
.new-products-page .top-category-section,
.clearance-products-page .top-category-section,
.category-view-products-page .top-category-section {
  float: left;
  margin-top: 40px;
  margin-bottom: 10px;
  width: 30%; }
  .find-products-page .top-category-section > a,
  .new-products-page .top-category-section > a,
  .clearance-products-page .top-category-section > a,
  .category-view-products-page .top-category-section > a {
    display: block;
    font-size: 14px;
    padding: 5px 10px; }
  .find-products-page .top-category-section .secondary-heading a,
  .new-products-page .top-category-section .secondary-heading a,
  .clearance-products-page .top-category-section .secondary-heading a,
  .category-view-products-page .top-category-section .secondary-heading a {
    color: #3b3b3b;
    font-size: 16px; }
  .find-products-page .top-category-section .genericESpot,
  .new-products-page .top-category-section .genericESpot,
  .clearance-products-page .top-category-section .genericESpot,
  .category-view-products-page .top-category-section .genericESpot {
    clear: both; }

.my-account {
  margin-top: 35px; }
  .my-account p.emptyTableParagraph {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0px; }
  .my-account__content {
    margin-top: 35px; }
  .my-account .top-espot,
  .my-account .bottom-espot {
    min-height: 100px;
    margin: 20px 0;
    border: dashed 0.5px;
    background-color: #fff; }
  .my-account .myAccountEspotHold {
    margin: 0; }
  .desktop .my-account .my-account-summary-spacer dt:nth-of-type(2),
  .desktop .my-account .my-account-summary-spacer dd:nth-of-type(2) {
    margin-top: 9px; }
  .desktop .my-account .company-info-summary-spacer dt:nth-of-type(3),
  .desktop .my-account .company-info-summary-spacer dd:nth-of-type(3) {
    margin-top: 9px; }
  .my-account .specialism-icon {
    width: 50px;
    height: 50px; }
  .my-account .margin-bottom-0 {
    margin-bottom: 0; }

  .my-account .documents-search-results .documents-table th,
  .my-account .documents-search-results .documents-table td
  {
    text-align: center;
    vertical-align: top;
  }

  .my-account .accordionItem {
    padding: 15px;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
  }
  .my-account .accordionItem h1 {
    margin: 0;
  }

  .getting-started .accordionItem {
    padding: 15px;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
  }
  .getting-started .accordionItem h2 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size:20px;
  }

  .pl-enabled .accountOpening {
    width: 50%;
  }
  .accountOpening .styled_form .subtitle h2{
    font-size: 18px;
    margin: 20px 0;
    font-weight: normal;
    margin-left: -8px;
    margin: 0 0 0 -8px;
  }
  .accountOpening .styled_form .form-group h3 {
    font-size: 16px;
    font-weight: 400;
  }
  .getting-started h1, .yourWork h1, .accountOpening h1, .yourAgreement h1 {
    margin-top: 0;
    margin-top: 10px;
    font-size: 24px;
  }

  .getting-started a.btn-primary {
    display: inline;
    width: 200px;
  }

  .errorMessage {
    color: #cd2e31;
  }

  .accountOpening .pl-form-espot {
    font-size: 15px;
  }

  .left {
    float:left !important;
  }

   .pl-enabled .accountOpening .form-control {
    display: inline-block;
    width: 93%;
  }

  .accountOpening .zipLookUp .zipCode {
    max-width: 61%;
  }
  
  .pl-enabled .accountOpening .icon-2x {
    margin: 10px 0 0 10px !important;
  }
  .accountOpening .docs_tooltip ,
   .yourWork .docs_tooltip {
    position: absolute;
    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: inset 0px 0px 0px 1px #cd2e31;
    top: 29px;
    z-index: 1;
    width: 323px;
    display: none;
    right: -10px;
  }
  .accountOpening .docs_tooltip:after  ,
  .yourWork .docs_tooltip:after {
    content: '';
    position: absolute;
    top: -6px;
    width: 12px;
    height: 12px;
    background: inherit;
    transform: rotate(226deg);
    box-shadow: inset -3px -3px 0px -2px #cd2e31;
    z-index: 1;
    right: 10px;
  }
  .show-tooltip {
    position: relative;
    cursor: pointer;
    font-size: 13px;
  }
  .show-tooltip:hover .docs_tooltip {
    display: block;
  }


  /**
  * For every lists page
  */
.lists .primary-heading span,
.lists .primary-heading a {
  font-size: 16px; }

.lists__new-list-products--title {
  font-size: 14px;
  margin-bottom: 15px; }

/**
 *	Lists landing
 */
.lists-landing .my-account-table__action-row--bottom .my-account-table__action-button--new-list,
.lists-landing .my-account-table__action-row--bottom .my-account-table__action-button--new-group {
  display: none; }

.lists-landing .my-account-table__landing--name {
  border-right: 1px solid #e5e5e6; }
  .lists-landing .my-account-table__landing--name a {
    display: block;
    position: relative;
    width: 100%; }
    .lists-landing .my-account-table__landing--name a .pl-icon {
      position: absolute;
      left: 95%;
      margin: 0;
      opacity: 0.2; }
      .desktop .lists-landing .my-account-table__landing--name a .pl-icon {
        bottom: 9px; }

.lists-landing .my-account-table__landing--count p {
  margin: 1px 9px 0; }

.userInactive td {
  opacity: 0.65; }

.mobile #accountsAndRoles .userField {
  position: relative; }
  .mobile #accountsAndRoles .userField .preferredBranchMobileContainer {
    position: absolute;
    bottom: 0;
    font-size: 13px; }
    .mobile #accountsAndRoles .userField .preferredBranchMobileContainer p {
      font-weight: bold; }
    .mobile #accountsAndRoles .userField .preferredBranchMobileContainer select {
      width: 250px;
      overflow-x: visible;
      font-size: 13px; }

.mobile #accountsAndRoles .roleField {
  min-width: 164px;
  padding-bottom: 80px; }

/* These styles are only used for the pattern library layouts */
.manage-users__toolbar {
  text-align: center; }

.manage-users__pages.form-control {
  width: auto;
  display: inline-block; }

.manage-users__save-changes.btn {
  display: block;
  float: none;
  margin: 0 auto 15px; }

.manage-users__upload-error-container {
  background-color: #f7f7f7; }

.desktop .manage-users__readonly-label {
  text-align: right; }

.desktop .manage-users__save-changes {
  float: left; }

#myAccount__rejectedOrders .tooltipContainer {
  position: relative; }
  #myAccount__rejectedOrders .tooltipContainer .tooltip_popup {
    position: absolute;
    right: 100%;
    top: 0;
    width: 220px;
    padding: 10px;
    background: #3b3b3b;
    display: block;
    border: 1px solid #ccc;
    opacity: 0;
    border-radius: 3px;
    color: #fff;
    margin: 5px;
    z-index: -1; }
    #myAccount__rejectedOrders .tooltipContainer .tooltip_popup p {
      color: inherit; }
    #myAccount__rejectedOrders .tooltipContainer .tooltip_popup.hover {
      transition-property: opacity;
      transition-duration: 0.3s;
      opacity: 1;
      z-index: 1; }

#myAccount__orderApprovalDetails .summaryInfo {
  font-weight: 600;
  text-align: right; }

.desktop #myAccount__orderApprovalDetails .approvedOrderInfo__inputLabel {
  margin-top: 16px; }

.desktop #myAccount__orderApprovalDetails .approvedOrderInfo__input {
  margin-bottom: 5px;
  margin-top: 5px; }

#myAccount__rejectedOrderDetails .rejectedOrderTable__quantityButtonGroup {
  max-width: 120px; }

.desktop #myAccount__rejectedOrderDetails .rejectedOrderInfo__inputLabel {
  margin-top: 16px; }

.desktop #myAccount__rejectedOrderDetails .rejectedOrderInfo__input {
  margin-bottom: 5px;
  margin-top: 5px; }

.my-account-company-details__form {
  display: none; }

.my-account-company-details__textarea {
  height: 100px; }

.account-details__limit-review {
  padding-left: 20px; }

.account-details__disable {
  background-color: #eeeeee;
  cursor: not-allowed; }

.ma-invoices #invoiceRef {
  width: 100%;
  margin-right: 0; }

.ma-invoices .input-group-btn .btn {
  height: 48px; }

.ma-invoices .pdf-download-link {
  display: block;
  padding: 2px 0;
  font-size: inherit; }
  .ma-invoices .pdf-download-link:active, .ma-invoices .pdf-download-link:focus {
    box-shadow: none; }

.ma-invoices__epod-modal-table tbody tr > td:first-child {
  width: 300px; }

.ma-invoices .no-word-break.no-word-break {
  word-break: unset; }

.ma-invoices .no-wrap {
  white-space: nowrap; }

.ma-invoices#box {
  min-height: 0; }

.result-msg {
  width: 390px;
  padding: 10px 5px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#store_search_resultsStoreLocator .results {
  margin-top: 0; }

#store_search_resultsStoreLocator .specialisms img {
  width: 50px;
  height: 50px; }

#store_search_resultsStoreLocator .storeDetail p, #store_search_resultsStoreLocator .storeDetail h4 {
  font-size: 14px; }

.basket #searchByGeoNodeForm #store_search_inputs {
  overflow: hidden;
  padding-top: 10px;
  float: left;
  margin-right: 10px; }
  .basket #searchByGeoNodeForm #store_search_inputs .form-group {
    float: left;
    overflow: hidden; }
    .basket #searchByGeoNodeForm #store_search_inputs .form-group label {
      float: left;
      display: block;
      margin-top: 12px; }
    .basket #searchByGeoNodeForm #store_search_inputs .form-group input {
      float: right;
      display: block;
      width: 60%; }
  .basket #searchByGeoNodeForm #store_search_inputs .margin-top-2 {
    float: left;
    margin: 0 0 0 10px; }

.basket #searchByGeoNodeForm .siteAction {
  float: left;
  margin: 0 0 0 -5px; }

.basket #searchByGeoNodeForm p {
  margin-left: 0; }

#searchByGeoNodeForm #store_search_inputs {
  overflow: hidden;
  padding-top: 10px; }
  #searchByGeoNodeForm #store_search_inputs .form-group {
    overflow: hidden; }

#searchByGeoNodeForm p {
  margin-left: 0; }

.branchFind .checkoutTextField {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.branchFind .specialism {
  clear: both; }
  .branchFind .specialism .specialism__description {
    display: none;
    height: 50px; }
    .branchFind .specialism .specialism__description.active {
      display: block; }
    .branchFind .specialism .specialism__description img {
      float: left;
      width: 50px;
      height: 50px;
      margin-right: 10px; }

.branchFind .col-lg-6 {
  width: 50%; }

.branchFind .or {
  font-weight: 600;
  font-size: 16px;
  margin-left: 40px; }

.branchFind .branchFind__checkbox label input {
  display: block;
  float: none;
  width: auto;
  margin: auto;
  margin-top: 12px; }

.results__pagination {
  display: block;
  float: none;
  clear: both; }
  .results__pagination li {
    float: left;
    margin: 0 6px; }
    .results__pagination li .page {
      display: inline-block;
      width: 60px;
      padding: 12px 0;
      border: 1px solid #ccc;
      background-image: none;
      background-color: #f9f9f9;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025);
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
      color: #444;
      cursor: pointer;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation; }
      .results__pagination li .page:hover {
        background-color: #e0e0e0;
        border-color: #adadad;
        text-decoration: none;
        color: #444; }
      .results__pagination li .page:focus {
        outline: none; }
    .results__pagination li.active .page {
      background-color: #e0e0e0;
      border-color: #adadad;
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.basket #storeSearchText {
  max-width: 300px;
  /*combat use on basket page */ }

.wuk-branch-detail {
  /* Desktop styles*/
  padding-top: 20px; }
  .wuk-branch-detail .find-different-branch-btn-container {
    position: relative; }
    .wuk-branch-detail .find-different-branch-btn-container .find-different-branch-btn {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-right: 15px;
      margin-bottom: 18px; }
  .wuk-branch-detail__header-title {
    padding-bottom: 15px; }
    .wuk-branch-detail__header-title p {
      margin-bottom: 3px; }
  .wuk-branch-detail__branch-name h1 {
    float: left;
    margin: 0;
    font-size: 29px; }
  .wuk-branch-detail__branch-name h2 {
    float: left;
    margin: 0;
    font-size: 26px;
    margin-left: 14px;
    margin-top: 2px;
    font-weight: normal; }
  .wuk-branch-detail__branch-name:after {
    clear: both;
    content: "";
    display: table; }
  .wuk-branch-detail__specialism-icon {
    width: 50px;
    height: 50px; }
  .wuk-branch-detail__showroom-icon {
    height: 50px;
    width: 50px;
    background: #3b3b3b;
    color: #fff;
    float: right;
    padding: 7px;
    font-weight: bold;
    font-size: 10px;
    max-width: 59px;
    margin-left: 10px; }
    .wuk-branch-detail__showroom-icon.specialism {
      max-width: 100px;
      height: 100px;
      font-size: 28px;
      margin-top: 10px;
      margin-bottom: 10px;
      float: none; }
  .wuk-branch-detail__preferred-branch {
    height: 56px;
    background: #EEE;
    padding: 17px;
    padding-left: 20px;
    float: right;
    padding-right: 25px; }
    .wuk-branch-detail__preferred-branch .checkbox {
      margin: 0;
      margin-top: 5px;
      line-height: 18px; }
      .wuk-branch-detail__preferred-branch .checkbox label {
        display: block;
        padding: 0px; }
        .wuk-branch-detail__preferred-branch .checkbox label span {
          float: left; }
      .wuk-branch-detail__preferred-branch .checkbox input[type=checkbox] {
        position: relative;
        float: right; }
  .wuk-branch-detail__primary-image {
    height: 250px;
    overflow: hidden; }
    .wuk-branch-detail__primary-image img {
      width: 100%;
      max-height: 400px; }
  .wuk-branch-detail__secondary-image {
    float: right;
    width: 20%;
    cursor: pointer; }
    .wuk-branch-detail__secondary-image img {
      width: 100%;
      max-height: 68px; }
  .wuk-branch-detail--yext.top-section #map_canvas {
    position: relative;
    overflow: hidden;
    height: 350px !important; }
  .wuk-branch-detail--noyext.top-section #map_canvas {
    position: relative;
    overflow: hidden;
    height: 350px !important; }
  .wuk-branch-detail--noyext.bottom-section .wuk-branch-detail__showroom-icon .specialism {
    float: left;
    margin-right: 15px; }
  .wuk-branch-detail .card-header {
    font-size: 16px; }

.card-container {
  float: left; }

.card--welcome-card {
  height: 350px; }

.card-title--holiday-times,
.card-text--holiday-times {
  color: #A6192E; }

.branch-finder #breadcrumb {
  display: none; }

.branch-finder .primary-heading {
  display: none; }

/**
* Main Form for Branch Finder
*/
.branchFind .specialism {
  margin-top: 10px; }

.branchFind .brachFind__checkbox {
  width: 50%;
  float: left;
  margin: 30px 0 0 0; }
  .branchFind .brachFind__checkbox label {
    font-weight: bold;
    display: block;
    font-size: 1.2em; }
  .branchFind .brachFind__checkbox input {
    margin: 20px auto 0;
    display: block; }

.branchFind .branchFind__proximity {
  width: 50%;
  float: left; }

.branchFind .siteAction {
  clear: both; }

.branchFind .drop_down {
  height: 3em; }

.branchFind .checkoutTextField {
  padding: 12px 4px; }

.paymentPage {
  background-color: #f7f7f7; }
  .paymentPage #wrapper {
    height: auto; }
  .paymentPage #main_content_wrapper {
    width: 100%; }

.desktop.paymentPage .form-control {
  width: 315px; }

.desktop.paymentPage .addressModal .form-control,
.desktop.paymentPage input[name=zipCode] {
  width: 100%; }

.desktop.paymentPage .zipCodeContainer {
  width: 315px; }

.payment-section .greyBox,
.addressModal .greyBox {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px;
  background-color: #f7f7f7; }
  .payment-section .greyBox p,
  .payment-section .greyBox dl,
  .addressModal .greyBox p,
  .addressModal .greyBox dl {
    font-size: 14px;
    color: #484848; }
  .payment-section .greyBox a,
  .addressModal .greyBox a {
    font-size: 14px; }
  .payment-section .greyBox strong,
  .payment-section .greyBox dt,
  .addressModal .greyBox strong,
  .addressModal .greyBox dt {
    color: #333; }

.payment-section .addressTypeLabel,
.addressModal .addressTypeLabel {
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
  margin-right: -10px; }

.payment-section .input-btn-secondary,
.addressModal .input-btn-secondary {
  background-color: #3b3b3b;
  color: #fff;
  width: 50%;
  font-size: 16px; }

.payment-section .options-banner label,
.addressModal .options-banner label {
  margin-bottom: 0; }

.payment-section.direct-payment-section label,
.payment-section.direct-payment-section .addressDisplay,
.addressModal.direct-payment-section label,
.addressModal.direct-payment-section .addressDisplay {
  font-size: 13px; }

.payment-section.direct-payment-section .payment-amount-section .options-banner,
.addressModal.direct-payment-section .payment-amount-section .options-banner {
  border-radius: 2px;
  height: 48px;
  margin: 0; }
  .payment-section.direct-payment-section .payment-amount-section .options-banner input,
  .addressModal.direct-payment-section .payment-amount-section .options-banner input {
    margin-top: 5px; }
  @media (max-width: 700px) {
    .payment-section.direct-payment-section .payment-amount-section .options-banner,
    .addressModal.direct-payment-section .payment-amount-section .options-banner {
      margin-bottom: 10px; } }
  .payment-section.direct-payment-section .payment-amount-section .options-banner.disabled,
  .addressModal.direct-payment-section .payment-amount-section .options-banner.disabled {
    background: #eee; }

@media (max-width: 700px) {
  .payment-section.direct-payment-section .payment-amount-section button,
  .addressModal.direct-payment-section .payment-amount-section button {
    margin-top: 9px; } }

.payment-section.direct-payment-section .options-banner .addressDisplay,
.addressModal.direct-payment-section .options-banner .addressDisplay {
  word-break: break-word; }
  @media (max-width: 700px) {
    .payment-section.direct-payment-section .options-banner .addressDisplay,
    .addressModal.direct-payment-section .options-banner .addressDisplay {
      display: block; } }

@media (max-width: 700px) {
  .payment-section.direct-payment-section .options-banner a,
  .addressModal.direct-payment-section .options-banner a {
    margin-top: 5px; } }

.account-summary_main table tr td.account-total {
  padding-top: 30px; }

.pl-enabled .modal.addressModal {
  position: absolute;
  overflow: visible;
  top: 0px; }
  .pl-enabled .modal.addressModal .modal-dialog {
    margin-top: 10px;
    top: 0; }

.PGSectionContainer {
  max-width: 1440px; }

.checkoutIcon {
  width: 30px;
  height: 30px;
  color: #333; }
  .checkoutIcon--branch {
    width: 25px;
    height: 36px; }
  .checkoutIcon--calendar {
    width: 27px;
    height: 24px; }
  .checkoutIcon--clock {
    width: 26px;
    height: 24px; }
  .checkoutIcon--myAccount {
    width: 32px;
    height: 34px; }
  .checkoutIcon--notes {
    width: 23px;
    height: 31px; }
  .checkoutIcon--card {
    width: 37px;
    height: 28px; }
  .checkoutIcon--wWhite {
    width: 35px;
    height: 25px;
    color: #fff; }
  .checkoutIcon--info {
    width: 21px;
    height: 21px;
    color: #cd2e31; }

.secondary-heading.orderHeading {
  font-size: 24px; }

.orderNumber {
  font-size: 36px; }

.pl-enabled .icon-exclamation--withRing:after {
  display: inline-block;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  padding: 3px;
  border: 2px solid #cd2e31;
  top: 5px;
  right: 3px;
  background-position: -113px -357px; }

.icon-center-container {
  position: relative; }
  .icon-center-container .icon-center {
    position: absolute !important;
    top: 50%;
    margin-top: -18px; }

iframe {
  border: 0; }

.tooltipContainer {
  position: relative; }
  .tooltipContainer .tooltip_popup {
    position: absolute;
    right: 100%;
    top: -22px;
    width: 220px;
    padding: 10px;
    background: #3b3b3b;
    display: block;
    border: 1px solid #ccc;
    opacity: 0;
    border-radius: 3px;
    color: #fff;
    margin: 5px;
    z-index: -1; }
    .mobile .tooltipContainer .tooltip_popup {
      top: 22px;
      right: 0px; }
    .tooltipContainer .tooltip_popup p {
      color: inherit; }
    .tooltipContainer .tooltip_popup.hover {
      transition-property: opacity;
      transition-duration: 0.3s;
      opacity: 1;
      z-index: 1; }

h3.holidayOpeningHoursTitle {
  color: #cd2e31;
  margin-top: 0; }

.mandatory {
  color: #cd2e31; }

@media (max-width: 700px) {
  .dl-mob-conf-details dt {
    display: inline-block;
    width: 60%; }
  .dl-mob-conf-details dd {
    display: inline-block;
    min-width: 37%; } }

.checkoutAddressList .options-banner a {
  float: right; }

.desktop .checkoutAddressList .options-banner .addressDisplay {
  max-width: 70%;
  display: inline-table; }

.desktop .cardPaymentIframe {
  width: 100%;
  height: 450px; }

.mobile .cardPaymentIframe {
  width: 100%;
  height: 450px; }

.isTablet .col-tablet-4 {
  width: 33.33333333% !important; }

.isTablet .col-tablet-8 {
  width: 66.66666666% !important; }

.isTablet .checkoutAddressList .options-banner .addressDisplay {
  max-width: 60%; }

/*
 *	Components.
 */
#header .dropdownMenuShow {
  display: block; }

#header .top-menu-bar-wrapper {
  width: 100%; }

#header .top-menu-bar {
  width: 947px;
  margin: 0 auto;
  height: 44px; }
  #header .top-menu-bar a {
    display: inline-block; }
  #header .top-menu-bar a.btn {
    height: 36px;
    margin-top: 4px;
    min-width: 140px;
    line-height: 18px; }
  #header .top-menu-bar > .genericESpot {
    float: left; }
  #header .top-menu-bar .right-link {
    padding: 11px;
    position: relative;
    text-align: right;
    float: right; }
    #header .top-menu-bar .right-link .caret {
      position: relative;
      top: -3px; }
    #header .top-menu-bar .right-link--softLogged, #header .top-menu-bar .right-link--softLogged a {
      font-size: 16px; }
    #header .top-menu-bar .right-link .register-login-button.dropdown-toggle {
      text-align: left; }
  #header .top-menu-bar .left-link {
    text-align: left;
    float: left;
    margin-right: 15px;
    margin-left: -11px;
    position: relative;
    top: 2px;
    /* text-transform: uppercase; */ }
    #header .top-menu-bar .left-link > * {
      padding: 11px; }
    #header .top-menu-bar .left-link a {
      display: block; }
    #header .top-menu-bar .left-link a,
    #header .top-menu-bar .left-link button,
    #header .top-menu-bar .left-link span,
    #header .top-menu-bar .left-link p {
      text-transform: inherit;
      color: #3B3B3B;
      background-color: transparent;
      color: inherit;
      font-size: 13px; }
    #header .top-menu-bar .left-link .pl-icon {
      margin-left: 6px;
      margin-top: -1px; }
    .isNotTablet #header .top-menu-bar .left-link.dropdown:hover, #header .top-menu-bar .left-link.open {
      background-color: #fff;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
      .isNotTablet #header .top-menu-bar .left-link.dropdown:hover .dropdown-toggle, #header .top-menu-bar .left-link.open .dropdown-toggle {
        color: #333; }
      .isNotTablet #header .top-menu-bar .left-link.dropdown:hover .dropdown-menu, #header .top-menu-bar .left-link.open .dropdown-menu {
        display: block;
        width: 575px;
        margin-top: -1px;
        text-transform: none; }
  #header .top-menu-bar .dropdown-menu {
    padding: 15px; }
  #header .top-menu-bar .register-login-panel {
    padding-top: 11px; }
    #header .top-menu-bar .register-login-panel .black-link {
      color: #333; }
    #header .top-menu-bar .register-login-panel .logged span {
      color: #222;
      font-weight: normal; }
    #header .top-menu-bar .register-login-panel .logged a,
    #header .top-menu-bar .register-login-panel .logged .link-like {
      color: #cd2e31; }
    #header .top-menu-bar .register-login-panel .logged .logout-link {
      display: block; }
    #header .top-menu-bar .register-login-panel .guest span {
      color: #333; }
    #header .top-menu-bar .register-login-panel .guest .logout-link {
      display: none; }
    #header .top-menu-bar .register-login-panel svg,
    #header .top-menu-bar .register-login-panel img {
      height: 21px;
      margin-top: -5px;
      margin-right: 6px;
      position: relative;
      top: 4px; }
    #header .top-menu-bar .register-login-panel .register-login-button,
    #header .top-menu-bar .register-login-panel .register-login-button-mirror {
      cursor: pointer; }
      #header .top-menu-bar .register-login-panel .register-login-button span,
      #header .top-menu-bar .register-login-panel .register-login-button a,
      #header .top-menu-bar .register-login-panel .register-login-button-mirror span,
      #header .top-menu-bar .register-login-panel .register-login-button-mirror a {
        font-size: 16px; }
    .isTablet #header .top-menu-bar .register-login-panel.hover .register-login-button-mirror::after {
      content: " ";
      position: absolute;
      display: table;
      top: 100%;
      left: 0;
      height: 900px;
      width: 100%; }
    .isTablet #header .top-menu-bar .register-login-panel.hover .register-login-button-mirror::before {
      content: " ";
      position: absolute;
      display: table;
      top: 0;
      right: 100%;
      height: 900px;
      width: 20%; }
    #header .top-menu-bar .register-login-panel .isNotTablet .register-login-button a:hover,
    #header .top-menu-bar .register-login-panel .isTablet .register-login-button a.hover {
      text-decoration: none;
      color: #cd2e31; }
    #header .top-menu-bar .register-login-panel .register-login-button-mirror {
      margin-right: -15px;
      padding: 15px; }
    .isNotTablet #header .top-menu-bar .register-login-panel:hover .register-login-dropdown,
    .isTablet #header .top-menu-bar .register-login-panel.hover .register-login-dropdown {
      display: block; }
    #header .top-menu-bar .register-login-panel .register-login-dropdown-hover {
      display: block; }
    #header .top-menu-bar .register-login-panel .register-login-dropdown {
      width: 918px;
      margin-top: -37px;
      margin-right: -16px;
      padding-top: 0; }
      #header .top-menu-bar .register-login-panel .register-login-dropdown span,
      #header .top-menu-bar .register-login-panel .register-login-dropdown a {
        font-size: 16px; }
      #header .top-menu-bar .register-login-panel .register-login-dropdown a.myaccount_link {
        font-size: 14px; }
      #header .top-menu-bar .register-login-panel .register-login-dropdown a.tools-dropdown {
        display: block; }
      #header .top-menu-bar .register-login-panel .register-login-dropdown.register-login-dropdown--guest {
        width: 630px; }
      #header .top-menu-bar .register-login-panel .register-login-dropdown .container--guest {
        min-width: 600px; }
  #header .top-menu-bar .header_userName {
    color: #444; }

#header .main-header {
  width: 947px;
  margin: 0 auto;
  background-color: transparent;
  font-weight: initial;
  min-height: auto;
  clear: both; }
  #header .main-header #header_logo {
    margin: 31px 0;
    padding-left: 0; }
    #header .main-header #header_logo img {
      max-width: 100%; }
    #header .main-header #header_logo .WolseleyStickyLogo {
      width: 48px;
      margin-left: 20px;
      margin-top: -3px; }
    #header .main-header #header_logo .logo-secondary {
      display: none; }
  #header .main-header .header-search-wrapper {
    margin-top: 33px; }
    #header .main-header .header-search-wrapper input {
      width: 100%;
      padding: 14px 16px 12px;
      border-radius: 3px 0 0 3px;
      font-size: 14px; }
    #header .main-header .header-search-wrapper .search-btn {
      background-color: #555;
      padding: 6px 13px;
      border-radius: 0 3px 3px 0;
      cursor: pointer; }
      #header .main-header .header-search-wrapper .search-btn .pl-icon.icon-search:after {
        width: 26px;
        height: 28px;
        background-position: -600px -1622px;
        background-size: 936px 2308px;
        top: 0; }
  #header .main-header ul#header_links {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0; }
    #header .main-header ul#header_links > li {
      float: left;
      text-align: center;
      margin: 17px 1% 0; }
      #header .main-header ul#header_links > li.menu-branch-finder {
        width: 30.66%;
        margin-left: 0; }
      #header .main-header ul#header_links > li.menu-tools {
        width: 30.66%; }
        #header .main-header ul#header_links > li.menu-tools a:active,
        #header .main-header ul#header_links > li.menu-tools a:focus {
          outline: 0 !important; }
        #header .main-header ul#header_links > li.menu-tools > a {
          cursor: default;
          text-decoration: none; }
      #header .main-header ul#header_links > li.menu-basket {
        width: 30.66%;
        margin-right: 0; }
      #header .main-header ul#header_links > li > a,
      #header .main-header ul#header_links > li a.dropdown-toggle {
        padding: 15px 0 8px;
        display: block;
        position: relative; }
        #header .main-header ul#header_links > li > a.hover,
        #header .main-header ul#header_links > li a.dropdown-toggle.hover {
          text-decoration: none; }
      #header .main-header ul#header_links > li p {
        font-size: 16px;
        color: #fff; }
        #header .main-header ul#header_links > li p.basket-icon-wrapper, #header .main-header ul#header_links > li p.basket-items-wrapper {
          margin-bottom: 0; }
          #header .main-header ul#header_links > li p.basket-icon-wrapper .sticky-title, #header .main-header ul#header_links > li p.basket-items-wrapper .sticky-title {
            display: none; }
      #header .main-header ul#header_links > li #miniShopCartBody {
        white-space: nowrap; }
        #header .main-header ul#header_links > li #miniShopCartBody span.text {
          font-size: 16px;
          color: #fff; }
      #header .main-header ul#header_links > li span.cart-quantity {
        width: 18px;
        height: auto;
        color: #cd2e31;
        background: #fff;
        border-radius: 10px;
        display: block;
        position: absolute;
        right: 19px;
        top: 6px;
        font-size: 13px;
        font-weight: 600;
        text-align: center; }
        #header .main-header ul#header_links > li span.cart-quantity__plus {
          color: #fff;
          position: absolute;
          top: -1px;
          right: -8px;
          font-size: 14px;
          display: none; }
      #header .main-header ul#header_links > li svg,
      #header .main-header ul#header_links > li img {
        height: 22px;
        margin: 0 auto 5px; }
        #header .main-header ul#header_links > li svg.hovered,
        #header .main-header ul#header_links > li img.hovered {
          display: none; }
      #header .main-header ul#header_links > li img {
        height: 22px;
        margin: 0 auto 5px; }
        #header .main-header ul#header_links > li img.hovered {
          display: none; }
      #header .main-header ul#header_links > li .pl-icon.icon-caret-right {
        margin-left: 2px; }
      .isNotTablet #header .main-header ul#header_links > li.dropdown:hover, #header .main-header ul#header_links > li.dropdown.open, .isNotTablet
      #header .main-header ul#header_links > li .dropdown:hover,
      #header .main-header ul#header_links > li .dropdown.open {
        text-decoration: none; }
        .isNotTablet #header .main-header ul#header_links > li.dropdown:hover svg.default,
        .isNotTablet #header .main-header ul#header_links > li.dropdown:hover img.default, #header .main-header ul#header_links > li.dropdown.open svg.default,
        #header .main-header ul#header_links > li.dropdown.open img.default, .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover svg.default,
        .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover img.default,
        #header .main-header ul#header_links > li .dropdown.open svg.default,
        #header .main-header ul#header_links > li .dropdown.open img.default {
          display: none; }
        .isNotTablet #header .main-header ul#header_links > li.dropdown:hover svg.hovered,
        .isNotTablet #header .main-header ul#header_links > li.dropdown:hover img.hovered, #header .main-header ul#header_links > li.dropdown.open svg.hovered,
        #header .main-header ul#header_links > li.dropdown.open img.hovered, .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover svg.hovered,
        .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover img.hovered,
        #header .main-header ul#header_links > li .dropdown.open svg.hovered,
        #header .main-header ul#header_links > li .dropdown.open img.hovered {
          display: block; }
        .isNotTablet #header .main-header ul#header_links > li.dropdown:hover svg.hovered path, #header .main-header ul#header_links > li.dropdown.open svg.hovered path, .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover svg.hovered path,
        #header .main-header ul#header_links > li .dropdown.open svg.hovered path {
          fill: #3b3b3b; }
        .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-toggle, #header .main-header ul#header_links > li.dropdown.open .dropdown-toggle, .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover .dropdown-toggle,
        #header .main-header ul#header_links > li .dropdown.open .dropdown-toggle {
          background-color: #fff; }
          .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-toggle > p, #header .main-header ul#header_links > li.dropdown.open .dropdown-toggle > p, .isNotTablet
          #header .main-header ul#header_links > li .dropdown:hover .dropdown-toggle > p,
          #header .main-header ul#header_links > li .dropdown.open .dropdown-toggle > p {
            color: #3b3b3b; }
          .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-toggle:active, .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-toggle:focus, #header .main-header ul#header_links > li.dropdown.open .dropdown-toggle:active, #header .main-header ul#header_links > li.dropdown.open .dropdown-toggle:focus, .isNotTablet
          #header .main-header ul#header_links > li .dropdown:hover .dropdown-toggle:active, .isNotTablet
          #header .main-header ul#header_links > li .dropdown:hover .dropdown-toggle:focus,
          #header .main-header ul#header_links > li .dropdown.open .dropdown-toggle:active,
          #header .main-header ul#header_links > li .dropdown.open .dropdown-toggle:focus {
            outline: 0 !important; }
        .isTablet .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-menu.quick-tools .quick-tools-underlay, .isTablet #header .main-header ul#header_links > li.dropdown.open .dropdown-menu.quick-tools .quick-tools-underlay, .isTablet .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover .dropdown-menu.quick-tools .quick-tools-underlay, .isTablet
        #header .main-header ul#header_links > li .dropdown.open .dropdown-menu.quick-tools .quick-tools-underlay {
          content: " ";
          position: absolute;
          display: table;
          top: 100%;
          left: 0;
          height: 900px;
          width: 100%; }
        .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-menu, #header .main-header ul#header_links > li.dropdown.open .dropdown-menu, .isNotTablet
        #header .main-header ul#header_links > li .dropdown:hover .dropdown-menu,
        #header .main-header ul#header_links > li .dropdown.open .dropdown-menu {
          display: block; }
          .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-menu.quick-tools, #header .main-header ul#header_links > li.dropdown.open .dropdown-menu.quick-tools, .isNotTablet
          #header .main-header ul#header_links > li .dropdown:hover .dropdown-menu.quick-tools,
          #header .main-header ul#header_links > li .dropdown.open .dropdown-menu.quick-tools {
            width: 947px; }
          .isNotTablet #header .main-header ul#header_links > li.dropdown:hover .dropdown-menu.mini-shop-cart, #header .main-header ul#header_links > li.dropdown.open .dropdown-menu.mini-shop-cart, .isNotTablet
          #header .main-header ul#header_links > li .dropdown:hover .dropdown-menu.mini-shop-cart,
          #header .main-header ul#header_links > li .dropdown.open .dropdown-menu.mini-shop-cart {
            width: 425px; }
      #header .main-header ul#header_links > li.register-login-sticky {
        display: none; }

/**
 *	Account number and Contracts' dropdowns
 */
.topBarSelect select {
  /*width: 250px;*/ }

.topBarSelect label {
  /*float: left;*/ }

.topBarSelect.singleAccount {
  height: 30px;
  vertical-align: middle; }
  .topBarSelect.singleAccount > div {
    display: inline;
    overflow: hidden;
    vertical-align: middle; }
  .topBarSelect.singleAccount div > label {
    display: inline-block;
    float: none;
    line-height: 14px;
    margin-left: 0;
    vertical-align: middle; }
    .topBarSelect.singleAccount div > label > span {
      color: #222;
      font-weight: normal; }

#shopping-cart #MiniShopCartProductsList {
  padding: 10px 10px 5px 10px; }
  #shopping-cart #MiniShopCartProductsList .product > a {
    font-size: 14px;
    color: #444; }
    #shopping-cart #MiniShopCartProductsList .product > a.hover, #shopping-cart #MiniShopCartProductsList .product > a:focus {
      color: #cd2e31; }
  #shopping-cart #MiniShopCartProductsList .price {
    font-size: 14px;
    color: #cd2e31; }

.emptyShopCartHeader {
  font-size: 12px;
  margin-bottom: 20px; }

/* -----------------------------------------------------------------------------*/
/* 8.QUICK CART
/* -----------------------------------------------------------------------------*/
#quick_cart_container {
  display: block;
  _display: none;
  z-index: 100;
  /* main width for minibasket dd */ }

#quick_cart a {
  text-decoration: none; }

#quick_cart td.cartImage a {
  display: block;
  width: 75px;
  height: 75px;
  overflow: hidden; }

#quick_cart_container iframe {
  display: none;
  display: block;
  position: absolute;
  filter: mask();
  width: 50%;
  height: 50px;
  left: 3px;
  top: 0px;
  z-index: -1; }

#quick_cart .container .list {
  padding: 0;
  background-color: #FFFFFF;
  overflow: auto;
  max-height: 300px;
  margin: auto;
  width: auto;
  border-bottom: 1px solid #ccc;
  padding: 5px 0; }
  #quick_cart .container .list .product {
    float: left;
    width: 69%; }

#quick_cart .container * {
  font-size: 11px; }

#quick_cart .footer .siteAction a {
  font-size: 13px; }

#quick_cart .container .list .cartitem {
  padding: 3px 0; }

#quick_cart .container .list .price {
  display: block;
  text-align: right;
  padding-right: 10px; }

#quick_cart .priceRow td {
  border-top: 1px solid #ccc;
  padding-top: 8px; }

#quick_cart .priceRow span {
  font-weight: bold; }

#quick_cart .priceRow .priceLabel {
  display: inline-block;
  padding-right: 10px; }

#quick_cart .footer {
  padding-top: 10px;
  margin-top: 15px;
  border-top: 2px solid #f7f7f7; }
  #quick_cart .footer .btn {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase; }
  #quick_cart .footer a.btn1 {
    font-size: 13px; }
  #quick_cart .footer:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #quick_cart .footer .siteAction {
    float: right; }

#quick_cart .orderCode {
  margin-top: 8px; }

#quick_cart .cart_shadow {
  background-image: url("../../images/colors/color2/quick_cart_shadow_center.png");
  background-repeat: repeat-x;
  height: 3px;
  background-color: none;
  margin: auto;
  width: 298px; }

#quick_cart .container .message {
  margin: auto;
  padding: 0 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px; }

.addedIcon {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.dj_ie #quick_cart .container .list, .dj_ie #quick_cart .footer, .dj_ie #quick_cart .cart_shadow, .dj_ie #quick_cart .container .message {
  margin-left: 0;
  width: auto; }

#quick_cart .container .list .product_image {
  float: left;
  width: 65px;
  padding-bottom: 11px; }

#quick_cart .container .list .details {
  float: left;
  padding-bottom: 11px; }

#quick_cart .container span.price {
  float: left; }

.withSticky #header {
  position: fixed;
  top: 0;
  transition: top .3s ease-in-out;
  z-index: 900;
  height: 75px; }
  .withSticky #header .top-menu-bar-wrapper {
    display: none; }
  .withSticky #header #header_logo {
    width: 9.66%;
    margin: 18px 0; }
    .withSticky #header #header_logo .logo-main {
      display: none; }
    .withSticky #header #header_logo .logo-secondary {
      display: block; }
  .withSticky #header .header-search-wrapper {
    margin-top: 16px; }
  .withSticky #header .main-header ul#header_links {
    width: 46.66%; }
    .withSticky #header .main-header ul#header_links > li {
      margin-top: 1px; }
      .withSticky #header .main-header ul#header_links > li.menu-branch-finder {
        width: 23.333%; }
      .withSticky #header .main-header ul#header_links > li.menu-tools {
        width: 23.333%; }
        .withSticky #header .main-header ul#header_links > li.menu-tools > a {
          cursor: default;
          text-decoration: none; }
      .withSticky #header .main-header ul#header_links > li.menu-basket {
        width: 23.333%; }
      .withSticky #header .main-header ul#header_links > li.register-login-sticky {
        width: 23.333%; }
        .withSticky #header .main-header ul#header_links > li.register-login-sticky > a {
          cursor: pointer;
          text-decoration: none; }
      .withSticky #header .main-header ul#header_links > li #miniShopCartBody {
        position: relative; }
        .withSticky #header .main-header ul#header_links > li #miniShopCartBody .text {
          display: inline-block;
          text-align: center; }
      .withSticky #header .main-header ul#header_links > li span.cart-quantity__sticky {
        right: 23px; }
      .withSticky #header .main-header ul#header_links > li p,
      .withSticky #header .main-header ul#header_links > li #miniShopCartBody span.text {
        font-size: 16px;
        color: #fff; }
        .withSticky #header .main-header ul#header_links > li p .sticky-title,
        .withSticky #header .main-header ul#header_links > li #miniShopCartBody span.text .sticky-title {
          display: none; }
      .withSticky #header .main-header ul#header_links > li #shopping-cart .basket-items-wrapper {
        text-align: center; }
        .withSticky #header .main-header ul#header_links > li #shopping-cart .basket-items-wrapper .separator {
          display: none; }
        .withSticky #header .main-header ul#header_links > li #shopping-cart .basket-items-wrapper .amount {
          display: block; }
        .withSticky #header .main-header ul#header_links > li #shopping-cart .basket-items-wrapper.withPrices .pl-icon.icon-caret-right:after {
          margin-top: -13px; }
      .withSticky #header .main-header ul#header_links > li #shopping-cart .pl-icon.icon-caret-right:after {
        margin-top: -5px; }
      .withSticky #header .main-header ul#header_links > li svg {
        height: 20px; }
        .withSticky #header .main-header ul#header_links > li svg.default {
          display: none; }
        .withSticky #header .main-header ul#header_links > li svg.hovered {
          display: block; }
      .withSticky #header .main-header ul#header_links > li.register-login-sticky {
        display: block; }
        .withSticky #header .main-header ul#header_links > li.register-login-sticky .register-login-sticky-dropdown {
          width: 880px; }
          .withSticky #header .main-header ul#header_links > li.register-login-sticky .register-login-sticky-dropdown .login-component h1 {
            font-size: 16px;
            line-height: 20px; }

.withSticky .header_nav-wrapper {
  position: fixed;
  top: 75px;
  z-index: 899;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.075); }

.withSticky #main_content_wrapper {
  margin-top: 200px; }

.withSticky .header_superNav-wrapper {
  position: absolute;
  top: 0;
  transition: top .3s ease-in-out;
  z-index: 1; }

.withSticky.withNav .header_superNav-wrapper {
  position: fixed;
  top: 75px;
  z-index: 800; }

/**
 *  Supernav
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.header_superNav-wrapper {
  width: 100%;
  z-index: 901;
  position: relative; }
  .header_superNav-wrapper .header_superNav {
    width: 947px;
    margin: 0 auto; }
    .header_superNav-wrapper .header_superNav ul {
      margin: 0; }
      .header_superNav-wrapper .header_superNav ul li.header_superNav-signPost--wrapper {
        display: inline-block; }
    .header_superNav-wrapper .header_superNav .header_superNav-signPost {
      display: inline-block;
      padding: 14px 20px 12px; }
      .header_superNav-wrapper .header_superNav .header_superNav-signPost.withLink a:hover {
        cursor: pointer; }
      .header_superNav-wrapper .header_superNav .header_superNav-signPost a {
        font-size: 16px;
        font-weight: 500; }
        .header_superNav-wrapper .header_superNav .header_superNav-signPost a:hover, .header_superNav-wrapper .header_superNav .header_superNav-signPost a:focus {
          text-decoration: none;
          cursor: default; }
        .header_superNav-wrapper .header_superNav .header_superNav-signPost a .pl-icon {
          margin-right: 5px; }
      .header_superNav-wrapper .header_superNav .header_superNav-signPost span.icon-caret-down {
        display: none; }
      .header_superNav-wrapper .header_superNav .header_superNav-signPost.withFlyout span.icon-caret-down {
        display: inline-block; }
      .isNotTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost.withFlyout:hover,
      .isTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost.withFlyout.hover {
        background: #fff; }
        .isNotTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost.withFlyout:hover .header_superNav-topLevel,
        .isTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost.withFlyout.hover .header_superNav-topLevel {
          left: 0;
          -webkit-transition-delay: 0.2s;
          -moz-transition-delay: 0.2s;
          -ms-transition-delay: 0.2s;
          -o-transition-delay: 0.2s;
          transition-delay: 0.2s; }
          .isNotTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost.withFlyout:hover .header_superNav-topLevel ul,
          .isTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost.withFlyout.hover .header_superNav-topLevel ul {
            opacity: 1;
            -webkit-animation: fade-in 0.6s;
            /* Safari 4+ */
            -moz-animation: fade-in 0.6s;
            /* Fx 5+ */
            -o-animation: fade-in 0.6s;
            /* Opera 12+ */
            animation: fade-in 0.6s;
            /* IE 10+, Fx 29+ */ }
      .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel {
        left: -9999em;
        box-sizing: content-box;
        position: absolute;
        width: 100%;
        top: 100%;
        z-index: 900;
        background: #fff; }
        .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul {
          opacity: 0; }
        .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel.force-closed {
          left: -9999em !important; }
        .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel .header_superNav-topLevel-flyout {
          width: 100%;
          z-index: 2;
          position: relative;
          background: #fff;
          padding-top: 20px;
          padding-bottom: 20px; }
          .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel .header_superNav-topLevel-flyout .header_superNav-topLevel-flyout-inner {
            width: 957px;
            margin: 0 auto;
            min-height: 360px; }
        .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel .navUnderlay {
          width: 100%;
          position: absolute;
          background: rgba(0, 0, 0, 0.3);
          left: 0;
          top: 0; }
        .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul {
          position: relative;
          width: 280px; }
          .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li {
            padding: 5px 20px; }
            .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li a:hover {
              color: #cd2e31; }
            .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li a.newProducts {
              color: #cd2e31; }
            .isNotTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li:hover > .header_superNav-secondLevel,
            .isTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li.hover > .header_superNav-secondLevel {
              opacity: 1;
              visibility: visible;
              -webkit-transition-delay: 0.3s;
              -moz-transition-delay: 0.3s;
              -ms-transition-delay: 0.3s;
              -o-transition-delay: 0.3s;
              transition-delay: 0.3s;
              -webkit-animation: fade-in 0.7s;
              /* Safari 4+ */
              -moz-animation: fade-in 0.7s;
              /* Fx 5+ */
              -o-animation: fade-in 0.7s;
              /* Opera 12+ */
              animation: fade-in 0.7s;
              /* IE 10+, Fx 29+ */ }
            .isNotTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li:hover span,
            .isTablet .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li.hover span {
              opacity: 0.9; }
            .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li span {
              margin: 1px;
              float: right;
              opacity: 0.1; }
              .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul li span.icon-tags {
                float: left;
                opacity: 1;
                margin-right: 8px; }
          .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul .header_superNav-secondLevel {
            background-color: #fff;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            left: 100%;
            top: 0;
            height: 100%;
            width: 668px;
            -webkit-transition-delay: 0.3s;
            -moz-transition-delay: 0.3s;
            -ms-transition-delay: 0.3s;
            -o-transition-delay: 0.3s;
            transition-delay: 0.3s; }
            .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul .header_superNav-secondLevel ul {
              height: 100%;
              width: 100%; }
              .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul .header_superNav-secondLevel ul li {
                display: inline-block;
                width: 49%; }
                .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul .header_superNav-secondLevel ul li a {
                  font-weight: normal; }
            .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul .header_superNav-secondLevel .subCatHeading {
              padding: 15px 20px;
              display: block;
              font-weight: bold;
              background-color: #e5e5e6;
              margin-bottom: 12px; }
              .header_superNav-wrapper .header_superNav .header_superNav-signPost .header_superNav-topLevel ul .header_superNav-secondLevel .subCatHeading span {
                float: none;
                height: 20px;
                margin-left: 10px; }
    .header_superNav-wrapper .header_superNav .parts-arena-logo-wrapper {
      float: right;
      margin-top: 9px; }
      .header_superNav-wrapper .header_superNav .parts-arena-logo-wrapper svg,
      .header_superNav-wrapper .header_superNav .parts-arena-logo-wrapper img {
        width: 138px;
        height: 30px; }

#navUnderlay {
  width: 100%;
  height: 100%;
  opacity: 0.3;
  position: fixed;
  background: #000;
  z-index: 700;
  display: none; }
  #navUnderlay.navShown {
    display: block; }

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown,
.pl-enabled.yamm .nav,
.pl-enabled.yamm .collapse,
.pl-enabled.yamm .dropup,
.pl-enabled.yamm .dropdown {
  position: static; }

.yamm .container,
.pl-enabled.yamm .container {
  position: relative; }

.yamm .dropdown-menu,
.pl-enabled.yamm .dropdown-menu {
  left: auto; }

.yamm .dropdown.yamm-fw .dropdown-menu,
.pl-enabled.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0; }

#page.grey-bg {
  background-color: #f7f7f7; }

.component-footer {
  margin-top: 15px;
  background-color: #3b3b3b;
  position: relative;
  min-height: 100px; }
  .component-footer__row {
    width: 90%;
    margin: 0 auto; }
  .component-footer__top__col {
    padding: 2em 0 2em 0; }
  .component-footer__top__heading {
    color: #e3e3e3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding: 2em 0 0.3em 0; }
  .component-footer__top__list li {
    line-height: 2.5em; }
  .component-footer__top__list a {
    font-size: 14px;
    color: #BBBBBB;
    text-decoration: none; }
    .component-footer__top__list a:hover {
      color: #ffffff; }
  .component-footer__bottom {
    background-color: #cd2e31; }
    .component-footer__bottom__row {
      width: 100%; }
    .component-footer__bottom__col {
      text-align: center; }
    .component-footer__bottom__logo {
      display: block;
      margin: 0 auto;
      padding: 15% 0 3% 0;
      width: 60%; }
      .component-footer__bottom__logo--large {
        width: 100%;
        max-width: 100%;
        height: auto; }
    .component-footer__bottom__social {
      width: 100%;
      padding-left: 5%; }
    .component-footer__bottom .pl-icon {
      padding-right: 5px; }
    .component-footer__bottom .pl-icon:after {
      width: 39px;
      height: 42px;
      background-size: 936px 2308px; }
    .component-footer__bottom .icon-facebook-square:after {
      background-position: 0 -780px; }
    .component-footer__bottom .icon-instagram:after {
      background-position: -360px -1140px; }
    .component-footer__bottom .icon-twitter:after {
      background-position: 0 -2040px; }
    .component-footer__bottom .icon-youtube:after {
      background-position: -360px -2160px; }
  .component-footer .pl-icon {
    margin-right: 5px; }

.cookieBarMsg {
  background: #222; }
  .cookieBarMsg .cookieBarInner {
    width: 947px;
    margin: 0 auto;
    padding: 10px 0; }
    .cookieBarMsg .cookieBarInner .pl-icon.icon-times-circle-o {
      opacity: 1;
      float: right; }
      .cookieBarMsg .cookieBarInner .pl-icon.icon-times-circle-o:after {
        width: 24px;
        height: 28px;
        background-position: -780px -1920px;
        background-size: 936px 2308px; }
      .cookieBarMsg .cookieBarInner .pl-icon.icon-times-circle-o:hover {
        opacity: 0.5; }

/**
 *	Legacy
 */
/* START Cookie Message styles */
.acceptCP {
  margin-right: 15px;
  color: #aaa;
  float: left;
  margin-bottom: 5px; }

#cookiesForm p {
  color: #aaa;
  float: left;
  margin-bottom: 5px;
  max-width: 80%; }
  #cookiesForm p a {
    font-size: inherit; }
  #cookiesForm p.clear {
    margin-left: 28px; }

.cookieBarMsg {
  color: #fff;
  font-size: 1em;
  height: auto;
  overflow: hidden;
  width: 100%;
  z-index: 100; }
  .cookieBarMsg a {
    color: #fff;
    text-decoration: underline; }
  .cookieBarMsg .close {
    cursor: pointer;
    float: right;
    line-height: 9px;
    opacity: 1; }
    .cookieBarMsg .close a {
      color: #f3f3f3;
      font-size: 18px;
      font-weight: bold;
      text-decoration: none; }

#cookiesForm p {
  color: #ffffff; }

#cookieBar > form {
  float: left; }

/* END Cookie Bar Message */
.collapsable-collapsed {
  display: none; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .pika-single.is-hidden {
    display: none; }
  .pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-single {
  *zoom: 1; }
  .pika-single:before, .pika-single:after {
    content: " ";
    display: table; }
  .pika-single:after {
    clear: both; }

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center; }
  .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #333;
  background-color: #fff; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }
  .pika-prev:hover,
  .pika-next:hover {
    opacity: 1; }
  .pika-prev.is-disabled,
  .pika-next.is-disabled {
    cursor: default;
    opacity: .2; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }
  .pika-table th,
  .pika-table td {
    width: 14.285714285714286%;
    padding: 0; }
  .pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center; }
  .pika-table abbr {
    border-bottom: none;
    cursor: help; }

.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }
  .is-today .pika-button {
    color: #33aaff;
    font-weight: bold; }
  .is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px; }
  .is-disabled .pika-button,
  .is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3; }
  .pika-button:hover {
    color: #fff;
    background: #0046b5;
    box-shadow: none;
    border-radius: 3px; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px; }

.pika-next {
  right: 50px; }

.branchDetailsPopup {
  padding: 10px 15px 0px;
  width: 340px; }
  #cMessageArea .branchDetailsPopup p {
    font-weight: normal;
    color: inherit;
    padding: 0;
    margin-bottom: 10px; }

.dojoTooltipWidget {
  display: none; }

[data-filteringSelectComponent] > .dijit {
  position: relative; }
  [data-filteringSelectComponent] > .dijit .dijitInputInner {
    border-right: none;
    height: 33px;
    width: 100%; }
  [data-filteringSelectComponent] > .dijit .dijitArrowButtonContainer {
    position: absolute;
    right: 5px; }
    [data-filteringSelectComponent] > .dijit .dijitArrowButtonContainer .dijitInputField.dijitArrowButtonInner {
      padding: 12px 0 12px 4px !important;
      width: 30px !important;
      border-left: none !important;
      text-indent: -9999px;
      font-size: 8px;
      background-image: url("../../images/magnifier.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 60%; }

.multiplePdfViewer select {
  max-width: 300px;
  margin-bottom: 15px;
  margin-left: 10px; }

.styled_form h1 {
  font-size: 16px;
  margin: 0 -8px 20px; }

.styled_form h2 {
  font-size: 16px;
  margin: 20px 0;
  font-weight: normal; }
  .styled_form h2.form-section-title {
    font-size: 20px; }
  .styled_form h2.no-gutter {
    margin: 0 -8px 20px; }

.styled_form h4 {
  font-size: 16px;
  font-weight: normal; }

.styled_form .form-underline {
  border-bottom: 1px solid #eee;
  padding: 0 0 10px 0; }

.styled_form .form-control {
  height: 48px;
  font-size: 16px; }

.styled_form .errorMessageArea,
.styled_form .infoMessageArea {
  margin-bottom: 20px;
  position: relative; }
  .styled_form .errorMessageArea p,
  .styled_form .infoMessageArea p {
    font-size: 16px;
    padding-left: 36px; }
  .styled_form .errorMessageArea span.pl-icon,
  .styled_form .infoMessageArea span.pl-icon {
    margin-right: 5px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    left: 0; }
    .styled_form .errorMessageArea span.pl-icon.icon-exclamation,
    .styled_form .infoMessageArea span.pl-icon.icon-exclamation {
      padding: 1px 7px 4px;
      border: 2px solid #cd2e31;
      border-radius: 12px; }

.styled_form .form-group {
  clear: both; }
  .styled_form .form-group p {
    font-size: 14px; }
    .styled_form .form-group p a {
      font-size: 14px; }
  .styled_form .form-group .passwordContainer,
  .styled_form .form-group .editInputContainer {
    position: relative;
    /*To hide IE's default show password icons*/ }
    .styled_form .form-group .passwordContainer input::-ms-reveal,
    .styled_form .form-group .passwordContainer input::-ms-clear,
    .styled_form .form-group .editInputContainer input::-ms-reveal,
    .styled_form .form-group .editInputContainer input::-ms-clear {
      display: none; }
    .styled_form .form-group .passwordContainer button,
    .styled_form .form-group .editInputContainer button {
      position: absolute;
      right: 5px;
      top: 6px;
      background: transparent;
      padding: 10px 7px;
      color: #b6b6b6;
      font-size: 12px; }
      .styled_form .form-group .passwordContainer button:focus,
      .styled_form .form-group .editInputContainer button:focus {
        /* outline: none; */ }
    .styled_form .form-group .passwordContainer .password-hint,
    .styled_form .form-group .editInputContainer .password-hint {
      display: none;
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-top: none;
      position: absolute;
      z-index: 1;
      background: white; }
      .styled_form .form-group .passwordContainer .password-hint span,
      .styled_form .form-group .editInputContainer .password-hint span {
        display: block;
        font-size: 13px; }
  .styled_form .form-group .checkbox {
    line-height: inherit;
    height: auto;
    width: auto; }
    .styled_form .form-group .checkbox label p a {
      font-size: 14px;
      text-decoration: none; }
  .styled_form .form-group label.radio-inline,
  .styled_form .form-group label.checkbox-inline {
    padding: 11px 10px 11px 36px;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 145px;
    font-size: 16px; }
    .styled_form .form-group label.radio-inline input,
    .styled_form .form-group label.checkbox-inline input {
      margin-top: 4px; }
  .styled_form .form-group.has-error label.radio-inline {
    border-color: #ac2b37; }
  .styled_form .form-group label.control-label {
    margin-bottom: 5px;
    font-weight: normal; }
  .styled_form .form-group.grey-box {
    padding: 4px 12px;
    background: #f4f4f4;
    margin: 24px -8px;
    border-radius: 2px; }
    .styled_form .form-group.grey-box p {
      margin: 0; }
  .styled_form .form-group .form-link {
    font-size: 14px;
    padding: 8px 0;
    display: block; }
  .styled_form .form-group .flair {
    width: auto;
    height: auto;
    margin: 0 0 8px; }
    .styled_form .form-group .flair label {
      padding: 14px 10px 14px 40px;
      border: 1px solid #ccc;
      width: 148px; }
  .styled_form .form-group .selectAddress {
    margin-top: 8px; }
  .styled_form .form-group.col-2 {
    margin-bottom: 1%; }
    .styled_form .form-group.col-2 .flair {
      width: 48%;
      display: inline-block;
      margin-right: 1%;
      margin-bottom: 0;
      padding: 0 0 3px; }
      .styled_form .form-group.col-2 .flair label {
        width: 100%; }
      .styled_form .form-group.col-2 .flair:last-child {
        margin-left: 1%;
        margin-right: 0; }
  .styled_form .form-group.has-error {
    border-color: #cd2e31; }
    .styled_form .form-group.has-error .errorText {
      color: #cd2e31;
      font-size: 14px; }
    .styled_form .form-group.has-error.grey-box {
      border: 1px solid #cd2e31; }

.styled_form .pl-form-espot {
  margin-bottom: 20px; }

.styled_form .negate-gutter-8 {
  margin-left: -8px;
  margin-right: -8px; }

.styled_form .negate-gutter-15 {
  margin-left: -15px;
  margin-right: -15px; }

.styled_form .negate-gutter-pad {
  padding-left: 0;
  padding-right: 0; }

.styled_form .g-recaptcha {
  margin: 15px 0; }

.vertical-link-list {
  list-style: none; }
  .vertical-link-list > li {
    margin-top: 11px; }
    .vertical-link-list > li.vll__heading {
      margin-top: 0;
      margin-bottom: 16px;
      padding-bottom: 8px;
      font-size: 16px;
      color: #222;
      border-bottom: 1px solid #f7f7f7;
      line-height: 17.5px; }
    .vertical-link-list > li > a {
      position: relative;
      display: block;
      padding-right: 10px;
      font-size: 16px; }
      .vertical-link-list > li > a > .arrow {
        position: absolute;
        right: 0;
        top: 35%;
        margin-top: -7px; }
        .vertical-link-list > li > a > .arrow:after {
          /* icon: .pl-icon.icon-angle-right */
          background-image: url("../../vendor/uspto-pattern-library/assets-generated/images/icons/black.svg");
          width: 5px;
          height: 14px;
          background-position: -60px -30px;
          content: "";
          display: inline-block;
          position: relative;
          top: 2px;
          background-repeat: no-repeat; }

/**
 *  Global (can potentially clash with the legacy styles)
 */
h1,
h2,
h3 {
  font-weight: normal;
  color: #4b4c4c; }

body,
.pl-enabled {
  /**
   *  New classes (will not clash with the legacy styles)
   */
  /**
   *  Font sizes
   */ }
  body h1.primary-heading,
  body h2.secondary-heading,
  body h3.tertiary-heading,
  body .modal-title,
  .pl-enabled h1.primary-heading,
  .pl-enabled h2.secondary-heading,
  .pl-enabled h3.tertiary-heading,
  .pl-enabled .modal-title {
    margin-top: 0;
    margin-bottom: 16px;
    padding-bottom: 8px;
    font-weight: normal;
    color: #4b4c4c;
    text-align: left; }
    body h1.primary-heading.heading-inline,
    body h2.secondary-heading.heading-inline,
    body h3.tertiary-heading.heading-inline,
    body .modal-title.heading-inline,
    .pl-enabled h1.primary-heading.heading-inline,
    .pl-enabled h2.secondary-heading.heading-inline,
    .pl-enabled h3.tertiary-heading.heading-inline,
    .pl-enabled .modal-title.heading-inline {
      display: inline-block; }
    body h1.primary-heading.heading-underlined,
    body h2.secondary-heading.heading-underlined,
    body h3.tertiary-heading.heading-underlined,
    body .modal-title.heading-underlined,
    .pl-enabled h1.primary-heading.heading-underlined,
    .pl-enabled h2.secondary-heading.heading-underlined,
    .pl-enabled h3.tertiary-heading.heading-underlined,
    .pl-enabled .modal-title.heading-underlined {
      border-bottom: 2px solid #f7f7f7; }
    body h1.primary-heading.heading-branded,
    body h2.secondary-heading.heading-branded,
    body h3.tertiary-heading.heading-branded,
    body .modal-title.heading-branded,
    .pl-enabled h1.primary-heading.heading-branded,
    .pl-enabled h2.secondary-heading.heading-branded,
    .pl-enabled h3.tertiary-heading.heading-branded,
    .pl-enabled .modal-title.heading-branded {
      color: #cd2e31; }
    body h1.primary-heading.heading-spaced-top,
    body h2.secondary-heading.heading-spaced-top,
    body h3.tertiary-heading.heading-spaced-top,
    body .modal-title.heading-spaced-top,
    .pl-enabled h1.primary-heading.heading-spaced-top,
    .pl-enabled h2.secondary-heading.heading-spaced-top,
    .pl-enabled h3.tertiary-heading.heading-spaced-top,
    .pl-enabled .modal-title.heading-spaced-top {
      margin-top: 25px; }
    body h1.primary-heading.heading-unspaced-bottom,
    body h2.secondary-heading.heading-unspaced-bottom,
    body h3.tertiary-heading.heading-unspaced-bottom,
    body .modal-title.heading-unspaced-bottom,
    .pl-enabled h1.primary-heading.heading-unspaced-bottom,
    .pl-enabled h2.secondary-heading.heading-unspaced-bottom,
    .pl-enabled h3.tertiary-heading.heading-unspaced-bottom,
    .pl-enabled .modal-title.heading-unspaced-bottom {
      margin-bottom: 8px;
      padding-bottom: 0; }
    body h1.primary-heading.heading-dark,
    body h1.primary-heading.heading-dark a,
    body h1.primary-heading.heading-dark > a,
    body h2.secondary-heading.heading-dark,
    body h2.secondary-heading.heading-dark a,
    body h2.secondary-heading.heading-dark > a,
    body h3.tertiary-heading.heading-dark,
    body h3.tertiary-heading.heading-dark a,
    body h3.tertiary-heading.heading-dark > a,
    body .modal-title.heading-dark,
    body .modal-title.heading-dark a,
    body .modal-title.heading-dark > a,
    .pl-enabled h1.primary-heading.heading-dark,
    .pl-enabled h1.primary-heading.heading-dark a,
    .pl-enabled h1.primary-heading.heading-dark > a,
    .pl-enabled h2.secondary-heading.heading-dark,
    .pl-enabled h2.secondary-heading.heading-dark a,
    .pl-enabled h2.secondary-heading.heading-dark > a,
    .pl-enabled h3.tertiary-heading.heading-dark,
    .pl-enabled h3.tertiary-heading.heading-dark a,
    .pl-enabled h3.tertiary-heading.heading-dark > a,
    .pl-enabled .modal-title.heading-dark,
    .pl-enabled .modal-title.heading-dark a,
    .pl-enabled .modal-title.heading-dark > a {
      color: #4b4c4c; }
    body h1.primary-heading.heading-uppercase,
    body h2.secondary-heading.heading-uppercase,
    body h3.tertiary-heading.heading-uppercase,
    body .modal-title.heading-uppercase,
    .pl-enabled h1.primary-heading.heading-uppercase,
    .pl-enabled h2.secondary-heading.heading-uppercase,
    .pl-enabled h3.tertiary-heading.heading-uppercase,
    .pl-enabled .modal-title.heading-uppercase {
      text-transform: uppercase; }
    body h1.primary-heading.heading-capitalize,
    body h2.secondary-heading.heading-capitalize,
    body h3.tertiary-heading.heading-capitalize,
    body .modal-title.heading-capitalize,
    .pl-enabled h1.primary-heading.heading-capitalize,
    .pl-enabled h2.secondary-heading.heading-capitalize,
    .pl-enabled h3.tertiary-heading.heading-capitalize,
    .pl-enabled .modal-title.heading-capitalize {
      text-transform: capitalize; }
    body h1.primary-heading.modal-title,
    body h2.secondary-heading.modal-title,
    body h3.tertiary-heading.modal-title,
    body .modal-title.modal-title,
    .pl-enabled h1.primary-heading.modal-title,
    .pl-enabled h2.secondary-heading.modal-title,
    .pl-enabled h3.tertiary-heading.modal-title,
    .pl-enabled .modal-title.modal-title {
      margin-bottom: 0;
      padding-bottom: 0; }
    body h1.primary-heading.heading-center,
    body h2.secondary-heading.heading-center,
    body h3.tertiary-heading.heading-center,
    body .modal-title.heading-center,
    .pl-enabled h1.primary-heading.heading-center,
    .pl-enabled h2.secondary-heading.heading-center,
    .pl-enabled h3.tertiary-heading.heading-center,
    .pl-enabled .modal-title.heading-center {
      text-align: center; }
    body h1.primary-heading a,
    body h2.secondary-heading a,
    body h3.tertiary-heading a,
    body .modal-title a,
    .pl-enabled h1.primary-heading a,
    .pl-enabled h2.secondary-heading a,
    .pl-enabled h3.tertiary-heading a,
    .pl-enabled .modal-title a {
      font-size: inherit; }
  body span.account-details-heading,
  .pl-enabled span.account-details-heading {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 9px; }
  body .primary-heading,
  body h1.primary-heading,
  body h1.modal-title,
  .pl-enabled .primary-heading,
  .pl-enabled h1.primary-heading,
  .pl-enabled h1.modal-title {
    font-size: 24px; }
  body .secondary-heading,
  body h2.secondary-heading,
  body h2.modal-title,
  .pl-enabled .secondary-heading,
  .pl-enabled h2.secondary-heading,
  .pl-enabled h2.modal-title {
    font-size: 19px; }
  body .tertiary-heading,
  body h3.tertiary-heading,
  body h3.modal-title,
  .pl-enabled .tertiary-heading,
  .pl-enabled h3.tertiary-heading,
  .pl-enabled h3.modal-title {
    font-size: 16px; }

.gc-help-tab {
  box-sizing: border-box;
  position: fixed;
  width: 360px;
  height: 100%;
  min-height: 600px;
  padding: 0px 20px;
  right: -360px;
  top: 0;
  background-color: white;
  z-index: 903;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  transition: 0.3s; }
  .gc-help-tab.open {
    right: 0; }
  .gc-help-tab .gc-help-tab__trigger {
    position: absolute;
    left: -56px;
    top: 293px;
    background-color: #3b3b3b;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    cursor: pointer;
    background-image: url("../../images/need-help.png");
    background-size: 56px 130px;
    background-position: center center;
    background-repeat: repeat-x;
    width: 56px;
    height: 130px; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .gc-help-tab .gc-help-tab__trigger {
        background-image: url("../../images/need-help@2x.png"); } }
    .gc-help-tab .gc-help-tab__trigger p {
      color: white;
      font-size: 16px;
      float: left;
      margin-left: 10px; }
  .gc-help-tab .gc-help-tab__close {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0.75;
    cursor: pointer; }
    .gc-help-tab .gc-help-tab__close:after {
      width: 24px;
      height: 28px;
      background-position: -780px -1920px;
      background-size: 936px 2308px; }
    .gc-help-tab .gc-help-tab__close:hover {
      opacity: 0.5; }
  .gc-help-tab .gc-help-tab__content {
    margin: 15px 0;
    margin-top: -15px; }
    .gc-help-tab .gc-help-tab__content p,
    .gc-help-tab .gc-help-tab__content li > a {
      font-size: 14px; }
  .gc-help-tab .gc-help-tab__live-help {
    font-size: 16px;
    font-weight: normal;
    position: relative;
    padding-top: 9px;
    padding-bottom: 9px; }
    .gc-help-tab .gc-help-tab__live-help svg {
      position: absolute;
      left: 24px;
      width: 24px; }
    .gc-help-tab .gc-help-tab__live-help span.pl-icon {
      position: absolute;
      right: 24px; }

#scroll-block {
  bottom: 0px;
  height: 300px;
  position: fixed;
  width: 100%;
  z-index: -100; }

.options-banner,
.pl-enabled .options-banner {
  display: block;
  padding: 10px 20px 10px 35px;
  border: 1px solid;
  position: relative;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025); }
  .options-banner__input,
  .options-banner input,
  .pl-enabled .options-banner__input,
  .pl-enabled .options-banner input {
    margin-top: 0;
    margin-left: -20px;
    margin-right: 5px; }
  .options-banner__subtext,
  .pl-enabled .options-banner__subtext {
    display: block;
    font-weight: normal;
    font-size: 12px; }
    .options-banner__subtext--inline,
    .pl-enabled .options-banner__subtext--inline {
      display: inline-block;
      font-size: 12px; }

.genericESpot.pl-enabled.desktop p {
  font-size: 16px; }

.genericESpot.debug-mode {
  background-color: #ddd;
  border: 2px dotted #aaa;
  min-height: 20px;
  color: #000;
  padding: 5px; }

.wuk-modals h2 {
  text-transform: none; }

.wuk-modals .modal-header {
  border: none; }

.wuk-modals .modal-footer {
  border: none; }
  .wuk-modals .modal-footer.text-center {
    text-align: center; }

/**
 * Padding hack for SVG embedded inline using the <svg> tag
 * https://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/
 */
.svg-fluid-container {
  height: 0;
  padding-top: 48%;
  position: relative; }
  .svg-fluid-container > svg {
    position: absolute;
    top: 0;
    left: 0; }

.find-address__btn {
  height: 32px;
  width: 100%;
  border-radius: 5px;
  font-size: 12px; }

.find-address__text {
  font-size: 12px; }

.my-account-table {
  width: auto !important; }
  .my-account-table .table {
    border-left: none;
    border-right: none;
    margin: 0; }
    .my-account-table .table.table-fixed {
      table-layout: fixed; }
    .my-account-table .table th,
    .my-account-table .table th a {
      color: #444;
      font-size: 13px; }
    .my-account-table .table .tableColumnSort:hover {
      cursor: pointer;
      text-decoration: underline; }
    .my-account-table .table td,
    .my-account-table .table td a {
      font-size: 13px;
      word-break: break-word;}
      .my-account-table .table td.fit-column,
      .my-account-table .table td a.fit-column {
        white-space: nowrap;
        padding-right: 0px;
        overflow: hidden; }
      .my-account-table .table td.fit-column-right,
      .my-account-table .table td a.fit-column-right {
        white-space: nowrap;
        overflow: hidden; }
      .my-account-table .table td.fit-column-tooltip,
      .my-account-table .table td a.fit-column-tooltip {
        padding-right: 0px; }
      .my-account-table .table td.btn,
      .my-account-table .table td a.btn {
        font-size: 16px; }
    .pl-enabled .my-account-table .table th.align-middle {
      vertical-align: middle; }
  .my-account-table__action-row--top {
    overflow: hidden;
    margin-bottom: 15px; }
  .my-account-table__action-row--bottom {
    overflow: hidden;
    margin-top: 15px; }
  .my-account-table__action-button.btn {
    margin-left: 5px;
    margin-right: 5px; }
  .my-account-table__product-info--product-image img {
    display: block;
    height: 55px;
    width: 55px; }
  .my-account-table__product-info--product-desc p {
    font-size: 10px; }
  .panel-body .my-account-table {
    margin: 0 -15px; }
  .my-account-table .lists-column__type {
    width: 60px; }
  .my-account-table .lists-column__created-by {
    width: 92px; }
  .my-account-table .lists-column__last-updated {
    width: 106px; }

.my-account-vertical-nav {
  background-color: #fff;
  width: 100%; }
  .my-account-vertical-nav ul {
    list-style: none;
    border: 1px solid #e5e5e6; }
  .my-account-vertical-nav a,
  .my-account-vertical-nav li,
  .my-account-vertical-nav li > span {
    color: #222; }
  .my-account-vertical-nav .disabled {
    font-size: 13px;
    display: block;
    padding: 12px 15px 12px 20px; }
  .my-account-vertical-nav li {
    border-bottom: 1px solid #e5e5e6; }
    .my-account-vertical-nav li:last-child {
      border-bottom: none; }
  .my-account-vertical-nav__item-category {
    padding: 12px 15px 12px 20px;
    background-color: #f7f7f7; }
    .my-account-vertical-nav__item-category span {
      font-weight: bold;
      font-size: 14px; }
  .my-account-vertical-nav a {
    display: block;
    padding: 12px 15px 12px 20px;
    transition: 0.25s;
    transition-property: color, background-color; }
    .my-account-vertical-nav a:hover {
      text-decoration: none;
      background-color: #3b3b3b;
      color: white;
      transition: 0.1s;
      transition-property: color, background-color; }
      .my-account-vertical-nav a:hover .icon-chevron-right:after {
        background-image: url(../../../vendor/uspto-pattern-library/assets-generated/images/icons/white.svg); }
  .my-account-vertical-nav__item .icon-chevron-right {
    float: right;
    margin-right: 8px; }
  .my-account-vertical-nav__item--selected a,
  .my-account-vertical-nav__item--selected a:hover {
    background-color: #cd2e31;
    color: #fff; }
    .my-account-vertical-nav__item--selected a:hover, .my-account-vertical-nav__item--selected a:active, .my-account-vertical-nav__item--selected a:focus,
    .my-account-vertical-nav__item--selected a:hover:hover,
    .my-account-vertical-nav__item--selected a:hover:active,
    .my-account-vertical-nav__item--selected a:hover:focus {
      text-decoration: none;
      color: #fff;
      cursor: default; }
    .my-account-vertical-nav__item--selected a .icon-chevron-right:after,
    .my-account-vertical-nav__item--selected a:hover .icon-chevron-right:after {
      background-image: url(../../../vendor/uspto-pattern-library/assets-generated/images/icons/white.svg); }
  .my-account-vertical-nav__mobile-toggle {
    background: #f7f7f7;
    padding: 15px;
    border-radius: 3px; }
    .my-account-vertical-nav__mobile-toggle__title {
      font-size: 14px;
      display: inline-block;
      padding-left: 10px;
      margin: 0; }
    .my-account-vertical-nav__mobile-toggle .icon-plus,
    .my-account-vertical-nav__mobile-toggle .icon-minus {
      margin-left: 10px; }
    .my-account-vertical-nav__mobile-toggle .icon-plus {
      display: none; }
    .my-account-vertical-nav__mobile-toggle.collapsed .icon-plus {
      display: inline-block; }
    .my-account-vertical-nav__mobile-toggle.collapsed .icon-minus {
      display: none; }
  .desktop .my-account-vertical-nav--bg-light {
    background-color: #e5e5e6; }
  .desktop .my-account-vertical-nav a:hover .icon-chevron-right:after,
  .desktop .my-account-vertical-nav .my-account-vertical-nav__item--selected a .icon-chevron-right:after,
  .desktop .my-account-vertical-nav .my-account-vertical-nav__item--selected a:hover .icon-chevron-right:after {
    background-image: url(../../vendor/uspto-pattern-library/assets-generated/images/icons/white.svg); }

.passwordContainer,
.pl-enabled .passwordContainer {
  position: relative;
  /*  Fix for webkit (Chrome, Safari) to render masked passwords at a normal font-size
        https://stackoverflow.com/questions/12990034/override-default-font-size-of-password-inputs-in-chrome-to-match-firefox
        https://stackoverflow.com/questions/11525997/chrome-css-hack-and-media-queries */ }
  .passwordContainer__showButton,
  .pl-enabled .passwordContainer__showButton {
    background-color: transparent;
    font-size: 12px;
    padding: 10px 7px;
    position: absolute;
    right: 5px;
    top: 6px; }
  .passwordContainer__hint,
  .pl-enabled .passwordContainer__hint {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    display: none;
    padding: 12px;
    position: absolute;
    width: 100%;
    z-index: 1; }
    .passwordContainer__hint span,
    .pl-enabled .passwordContainer__hint span {
      display: block;
      font-size: .8em; }

.pl-pagination {
  text-align: center; }
  .pl-pagination__list-item {
    display: inline-block; }

.uploadButton {
  margin: 20px 0; }
  .uploadButton__label {
    position: relative; }
  .uploadButton__input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden; }

.lists__add-to-list .form-group,
.pl-enabled .lists__add-to-list .form-group {
  margin-bottom: 0; }
  .lists__add-to-list .form-group input,
  .pl-enabled .lists__add-to-list .form-group input {
    display: inline-block; }
  .lists__add-to-list .form-group label,
  .pl-enabled .lists__add-to-list .form-group label {
    padding: 0 10px;
    display: block; }

.lists__add-to-list--product-code,
.pl-enabled .lists__add-to-list--product-code {
  width: 50%;
  margin-right: 2%; }

.lists__add-to-list--qty,
.pl-enabled .lists__add-to-list--qty {
  width: 22%;
  margin-right: 2%; }

.lists__add-to-list--add,
.pl-enabled .lists__add-to-list--add {
  width: 24%; }

[data-floatingActionsComponent] [data-floatingActionsComponent-trigger],
[data-floatingActionsComponent] [data-floatingActionsComponent-close] {
  display: none; }

.search-component {
  position: static; }
  .search-component .form-control {
    border-radius: 25px 25px 25px 25px; }
  .search-component a {
    float: right;
    position: relative;
    top: -49px;
    right: 20px;
    padding: 16px; }

.termsx {
  overflow-y: scroll;
  height: 200px;
  width: 100%;
  border: 1px solid #DDD;
  padding: 10px; }

.c-store-locator {
  display: none; }
  .c-store-locator img.specialism-icon {
    width: 50px;
    height: 50px; }
  .c-store-locator.visibleTab, .c-store-locator.u-visible {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    z-index: 952;
    font-size: 16px !important; }
  .c-store-locator__background {
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%; }
  .c-store-locator .js-close-stock-modal {
    height: 50px;
    width: 30px;
    margin-right: -6px;
    line-height: 0;
    font-size: 0;
    color: transparent; }
    .c-store-locator .js-close-stock-modal__desktop {
      background: url("../../images/close-icon.png") 0 0 no-repeat;
      margin: 0;
      margin-top: 5px;
      float: right; }
  .c-store-locator .js-use-location {
    margin-top: 3px; }
  .c-store-locator label[for="toggle-branches-inner"] span {
    position: relative;
    top: 2px; }

.u-visible {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  z-index: 100000;
  font-size: 16px !important; }

.u-show-tab {
  display: block; }

.fullPopUp #closeLink {
  display: block;
  background: url("../../images/close-icon.png") 0 0 no-repeat;
  position: absolute !important; }

.c-store-locator-entry {
  clear: both;
  padding: 20px;
  background-color: #f7f7f7;
  margin: 50px 30px 0; }
  .c-store-locator-entry__row {
    overflow: hidden;
    clear: both;
    margin-bottom: 20px; }
    .c-store-locator-entry__row:last-of-type {
      margin-bottom: 0; }
  .c-store-locator-entry__row-column {
    width: 24%;
    float: left;
    display: block;
    margin-right: 1%; }
    .c-store-locator-entry__row-column:last-of-type {
      margin-right: 0;
      width: 14%;
      float: right; }
    .c-store-locator-entry__row-column:nth-of-type(1) {
      width: 30%; }
    .c-store-locator-entry__row-column:nth-of-type(3) {
      width: 30%;
      padding-left: 40px;
      margin-right: 0; }
    .c-store-locator-entry__row-column input[type=text] {
      padding: 8px 15px; }
    .c-store-locator-entry__row-column input[name=stock-qty] {
      margin-left: 10px; }
    .c-store-locator-entry__row-column label {
      font-size: 16px; }
  .c-store-locator-entry__row-column-inner {
    padding: 0; }
    .c-store-locator-entry__row-column-inner #updateWrap {
      padding: 0;
      background: none; }
      .c-store-locator-entry__row-column-inner #updateWrap .qtyWrap {
        float: left; }
        .c-store-locator-entry__row-column-inner #updateWrap .qtyWrap input {
          padding: 8px 3px; }
        .c-store-locator-entry__row-column-inner #updateWrap .qtyWrap a {
          padding: 15px 7px; }
  .c-store-locator-entry__row-column-action {
    display: block; }

.c-store-locator-overlay .modal-header {
  overflow: hidden;
  padding-bottom: 20px; }
  .c-store-locator-overlay .modal-header .btn {
    margin: 30px 30px 0 0; }

.c-store-locator-overlay-inner {
  width: 800px;
  background: #fff;
  margin: 5% auto;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 87vh; }

.pl-enabled .c-store-locator-results {
  padding: 10px 30px 40px;
  clear: both; }
  .pl-enabled .c-store-locator-results__tabs {
    overflow: hidden;
    padding: 20px 0; }
  .pl-enabled .c-store-locator-results__tabs-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .pl-enabled .c-store-locator-results__tabs-list-item {
    display: block;
    float: left;
    width: 32%;
    margin-right: 1%; }
    .pl-enabled .c-store-locator-results__tabs-list-item:last-of-type {
      margin-right: 0; }
  .pl-enabled .c-store-locator-results__tabs-list-item-cta {
    display: block;
    text-align: center;
    border: 1px solid #333333;
    color: #333333;
    background: #f7f7f7;
    padding: 20px 0;
    border-radius: 5px;
    cursor: pointer; }
    .pl-enabled .c-store-locator-results__tabs-list-item-cta:hover {
      background: #484848;
      color: #ffffff;
      text-decoration: none; }
    .pl-enabled .c-store-locator-results__tabs-list-item-cta.activeTab {
      background: #484848;
      color: #ffffff; }
    .pl-enabled .c-store-locator-results__tabs-list-item-cta.disabledTab {
      pointer-events: none;
      color: #80808b;
      background: #f7f7f7;
      border: 1px solid #80808b; }
  .pl-enabled .c-store-locator-results__messages {
    clear: both;
    margin-bottom: 20px; }
  .pl-enabled .c-store-locator-results__tabcontent {
    clear: both;
    padding-top: 20px; }
  .pl-enabled .c-store-locator-results__tabcontent-item {
    display: none; }
    .pl-enabled .c-store-locator-results__tabcontent-item.currentTab {
      display: block; }
    .pl-enabled .c-store-locator-results__tabcontent-item.u-active-tab {
      display: block; }
  .pl-enabled .c-store-locator-results__tabcontent-item-row {
    display: flex;
    width: 100%;
    border: 1px solid #dfdfdf;
    padding: 10px 15px;
    overflow: hidden;
    margin-bottom: 10px; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row:last-of-type {
      margin-bottom: 0; }
  .pl-enabled .c-store-locator-results__tabcontent-item-row-column {
    display: block;
    float: left; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column.stock-statusTab {
      width: 25%; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column.branch-information {
      width: 45%; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column.user-cta {
      width: 30%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column.delivery-statusTab {
      width: 70%; }
      .pl-enabled .c-store-locator-results__tabcontent-item-row-column.delivery-statusTab strong {
        padding-left: 4px; }
      .pl-enabled .c-store-locator-results__tabcontent-item-row-column.delivery-statusTab + .branch-information {
        width: 0%; }
  .pl-enabled .c-store-locator-results__tabcontent-item-row-column-heading {
    margin: 10px 0; }
  .pl-enabled .c-store-locator-results__tabcontent-item-row-column-distance, .pl-enabled .c-store-locator-results__tabcontent-item-row-column-cutoff {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 300; }
  .pl-enabled .c-store-locator-results__messages {
    display: block;
    margin: 0 auto 20px; }
  .pl-enabled .c-store-locator-results__tabcontent-item-row-column-message {
    display: block;
    margin: 20px auto 0;
    text-align: center; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-message.deliver-dateTab {
      float: left;
      width: 60%;
      margin: 20px 0 0;
      font-size: 12px;
      text-align: left;
      padding-left: 10px; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-message.no-marginTab {
      margin: -5px 0 0 5px;
      width: 80%; }
  .pl-enabled .c-store-locator-results__tabcontent-item-row-column-cta {
    float: right;
    display: block;
    flex-shrink: 1; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-cta.disabledTab {
      color: #fff;
      background-color: #3b3b3b;
      border-color: #363636;
      pointer-events: none; }
  .pl-enabled .c-store-locator-results__tabcontent-item-row-column-icon {
    display: block;
    width: 16px; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-icon.availableTab {
      margin: 20px auto; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-icon.not-availableStyle {
      margin: 20px auto; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-icon.preferredStyle {
      display: none;
      margin: 0 0 0 5px; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-icon.activeTab {
      display: inline-block; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-icon.left-alignTab {
      float: left;
      margin-top: 30px; }
    .pl-enabled .c-store-locator-results__tabcontent-item-row-column-icon.delivery-dataTab {
      margin-top: -5px;
      margin-left: 8px; }
  .pl-enabled .c-store-locator-results__pagination {
    margin-top: 10px; }
  .pl-enabled .c-store-locator-results__pagination-prev {
    width: 20%;
    float: left; }
  .pl-enabled .c-store-locator-results__pagination-next {
    width: 20%;
    float: right;
    text-align: right; }
  .pl-enabled .epods-copy  {
    margin-left: 30px;
  }

.stockCheckInput__availableNowFilter {
  clear: both;
  padding: 10px 0 0 0; }

.js-pagination-button.disabled,
.js-pagination-button[disabled] {
  color: #aaa;
  cursor: default; }
  .js-pagination-button.disabled:hover, .js-pagination-button.disabled:active, .js-pagination-button.disabled:focus,
  .js-pagination-button[disabled]:hover,
  .js-pagination-button[disabled]:active,
  .js-pagination-button[disabled]:focus {
    text-decoration: none;
    color: #333;
    cursor: default; }

#js-map-container,
.js-map-container {
  display: none; }
  #js-map-container.activeTab,
  .js-map-container.activeTab {
    display: block; }

#js-map-container {
  width: 100%;
  height: 400px; }

.u-hide-item {
  display: none; }

.u-modal-open {
  overflow: hidden; }

.pl-enabled
.u-visible-mobile {
  display: none;
  width: 100%; }
  .pl-enabled
.u-visible-mobile .c-store-locator-results__tabcontent-item-row-column-icon {
    margin: 10px 0 0 0;
    float: left; }
  .pl-enabled
.u-visible-mobile .c-store-locator-results__tabcontent-item-row-column-icon {
    margin: 10px 0 0 0;
    font-size: 13px; }

/**
 * Mobile Styles
 */
.c-store-locator.mobile .delivery-text {
  margin: 0;
  padding: 10px;
  color: #5d5d5d; }

.c-store-locator.mobile .js-check-stock-availability {
  display: block;
  width: 100%;
  margin: 10px auto; }

.c-store-locator.mobile .stockCheckInput__availableNowFilter label {
  font-size: 13px; }

.c-store-locator.mobile .c-store-locator-overlay-inner {
  width: 96%;
  margin: 3% 2% 0;
  padding-bottom: 15px; }
  .c-store-locator.mobile .c-store-locator-overlay-inner .js-check-stock-availability {
    margin: 0;
    font-size: 12px;
    line-height: 22px; }

.c-store-locator.mobile .c-store-locator-results {
  padding: 0 10px; }
  .c-store-locator.mobile .c-store-locator-results__tabs {
    padding: 0; }
  .c-store-locator.mobile .c-store-locator-results__tabs-list-item {
    width: 32% !important;
    margin-right: 1% !important;
    float: left !important;
    display: table;
    margin: 20px 0 5px; }
    .c-store-locator.mobile .c-store-locator-results__tabs-list-item:last-of-type {
      margin-right: 0 !important; }
  .c-store-locator.mobile .c-store-locator-results__tabs-list-item-cta {
    height: 84px;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column.stock-statusTab {
    display: none; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column.u-visible-mobile {
    display: block;
    width: 100%; }
    .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column.u-visible-mobile .c-store-locator-results__tabcontent-item-row-column-icon {
      margin: 10px 0 0 0;
      float: left; }
    .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column.u-visible-mobile .c-store-locator-results__tabcontent-item-row-column-message {
      margin: 12px 0 0 0;
      font-size: 13px;
      text-align: left; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column.user-cta {
    float: right;
    width: 35%; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column.branch-information {
    width: 100%; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column.delivery-statusTab {
    display: block;
    width: 100%; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column-icon.delivery-dataTab {
    margin: 0; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column-message.no-marginTab {
    margin: 5px 0 0;
    width: 90%; }
  .c-store-locator.mobile .c-store-locator-results__tabcontent-item-row-column-heading {
    padding: 6px 0;
    margin: 0;
    text-align: left;
    font-size: 14px; }
  .c-store-locator.mobile .c-store-locator-results__pagination-next, .c-store-locator.mobile .c-store-locator-results__pagination-prev {
    width: 40%; }
  .c-store-locator.mobile .c-store-locator-results__pagination {
    padding-bottom: 20px; }

.c-store-locator.mobile .c-store-locator-entry {
  padding: 20px 10px;
  margin: 50px 10px 0; }
  .c-store-locator.mobile .c-store-locator-entry__row-column {
    width: 49%; }
    .c-store-locator.mobile .c-store-locator-entry__row-column:nth-of-type(3) {
      padding: 0;
      clear: left;
      margin-top: 10px; }
    .c-store-locator.mobile .c-store-locator-entry__row-column:nth-of-type(4) {
      margin-top: 10px; }
  .c-store-locator.mobile .c-store-locator-entry__row-column-inner #updateWrap {
    float: right;
    padding-top: 8px;
    padding-right: 25px;
    margin-bottom: 25px; }
    .c-store-locator.mobile .c-store-locator-entry__row-column-inner #updateWrap label[for="qty_product_stock_check"] {
      float: left;
      padding-top: 8px;
      padding-right: 25px; }
    .c-store-locator.mobile .c-store-locator-entry__row-column-inner #updateWrap .qtyWrap a {
      display: block;
      float: left;
      width: 12px;
      height: 32px;
      padding: 9px 0; }
      .c-store-locator.mobile .c-store-locator-entry__row-column-inner #updateWrap .qtyWrap a img {
        width: 100%; }
    .c-store-locator.mobile .c-store-locator-entry__row-column-inner #updateWrap .qtyWrap input {
      display: block;
      float: left;
      margin: 0 10px; }

.c-store-locator.mobile .js-close-stock-modal {
  position: fixed;
  z-index: 1;
  display: block;
  margin: 10px 100% 0;
  top: 20px;
  left: -40px !important;
  background-color: white;
  height: 22px;
  width: 23px;
  border-radius: 12px; }

.c-store-locator.mobile #collectDelivery .branch-information {
  display: none; }

.c-store-locator.mobile .switch {
  padding-left: 0;
  padding-right: 64px;
  display: inline-block;
  width: 100%; }
  .c-store-locator.mobile .switch > label span {
    display: inline-block;
    padding: 1px 12px 5px 0;
    text-align: left; }
  .c-store-locator.mobile .switch > label:before {
    position: absolute;
    right: -64px; }
  .c-store-locator.mobile .switch > label:after {
    left: auto;
    right: -24px; }

.c-store-locator.mobile .quantityChangeButton {
  position: relative;
  left: 1.75%; }

.c-store-locator.mobile .js-map-container {
  margin-top: 15px;
  margin-bottom: 5px; }

@media only screen and (max-device-width: 464px) {
  .c-store-locator.mobile .c-store-locator-entry__row-column-inner #updateWrap {
    padding: 0 10px 0 25px;
    margin-left: 25px; }
    .c-store-locator.mobile .c-store-locator-entry__row-column-inner #updateWrap label[for="qty_product_stock_check"] {
      padding-top: 0; } }

.policyDisplayBackground {
  position: fixed;
  z-index: 1000002;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.policyDisplayForeground {
  margin: auto;
  margin-top: 260px;
  width: 375px;
  background-color: white;
  padding: 15px;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .mobile .policyDisplayForeground {
    width: 90%;
    margin-top: 150px; }

.emptyPage {
  width: 100%;
  height: 487px; }
  .mobile .emptyPage {
    height: 417px; }

.on-page-timeout {
  display: none; }
  .on-page-timeout--open {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    z-index: 100000;
    font-size: 16px !important; }
  .on-page-timeout__background {
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%; }
  .on-page-timeout__modal .card.row {
    width: 800px;
    background: #fff;
    margin: 10% auto; }
  .on-page-timeout__modal .form-underline {
    margin-top: 0px; }
  .on-page-timeout__modal .passwordContainer {
    position: relative;
    /*To hide IE's default show password icons*/ }
    .on-page-timeout__modal .passwordContainer input::-ms-reveal,
    .on-page-timeout__modal .passwordContainer input::-ms-clear {
      display: none; }
    .on-page-timeout__modal .passwordContainer button {
      position: absolute;
      right: 5px;
      top: 6px;
      background: transparent;
      padding: 10px 7px;
      color: #b6b6b6;
      font-size: 12px; }
      .on-page-timeout__modal .passwordContainer button:focus {
        /* outline: none; */ }
    .on-page-timeout__modal .passwordContainer .password-hint {
      display: none;
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-top: none;
      position: absolute;
      z-index: 1;
      background: white; }
      .on-page-timeout__modal .passwordContainer .password-hint span {
        display: block;
        font-size: 13px; }

.stockCheckInput {
  padding: 7px;
  max-width: 425px; }
  .stockCheckInput__locationTextbox {
    float: left; }
  .stockCheckInput__locationTextboxInput {
    max-width: 200px; }
  .stockCheckInput__actionButton {
    float: right; }
  .stockCheckInput__availableNowFilter {
    width: 100%;
    clear: both; }
  .stockCheckInput:after {
    content: "";
    display: table;
    clear: both; }

.PDPStockCheckInput {
  border-right: 1px solid #F6F6F6;
  border-left: 1px solid #F6F6F6; }

dl.openingHoursList dt {
  width: 50%;
  font-weight: normal;
  display: inline-block;
  text-transform: capitalize;
  margin-bottom: 6px; }

dl.openingHoursList dd {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 6px; }

.logOnSection .form-underline {
  border-bottom: 1px solid #eee;
  padding: 0 0 10px 0;
  font-size: 16px;
  font-weight: normal; }

.logOnSection .control-label {
  font-size: 14px;
  font-weight: normal; }

.logOnSection .form-control {
  margin: 0 0 12px; }

.logOnSection .passwordContainer button {
  position: absolute;
  right: 5px;
  top: 8px;
  background: transparent;
  padding: 10px 7px;
  color: #b6b6b6;
  font-size: 12px; }

.logOnSection .myaccount_link {
  float: right;
  padding-bottom: 15px;
  font-size: 14px; }

.logOnSection hr {
  background-color: #ddd; }

.logOnSection .greybox {
  background-color: #f7f7f7;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 15px; }

.desktop .logOnSection {
  background-color: #f7f7f7; }
  .desktop .logOnSection .returning {
    border-right: 1px solid #ddd;
    bckground-color: #fff; }

.paymentPage .mobileCalendar .ui-datepicker {
  width: 100%; }
  .paymentPage .mobileCalendar .ui-datepicker .ui-datepicker-next:not(.ui-state-disabled) .ui-icon::after {
    content: ">";
    color: #fff;
    font-size: 20px; }
  .paymentPage .mobileCalendar .ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled) .ui-icon::after {
    content: "<";
    color: #fff;
    font-size: 20px; }
  .paymentPage .mobileCalendar .ui-datepicker .ui-datepicker-header {
    background-color: #3b3b3b;
    margin-bottom: 0; }
  .paymentPage .mobileCalendar .ui-datepicker .ui-datepicker-month {
    color: #fff; }
  .paymentPage .mobileCalendar .ui-datepicker .ui-datepicker-year {
    color: #fff; }
  .paymentPage .mobileCalendar .ui-datepicker .unselectable {
    color: #f7f7f7; }
  .paymentPage .mobileCalendar .ui-datepicker th {
    background-color: #3b3b3b;
    border: 1px solid #646464;
    padding: 9px 0 9px 0; }
    .paymentPage .mobileCalendar .ui-datepicker th span {
      color: #fff;
      text-shadow: none;
      opacity: 1;
      font-weight: normal; }
  .paymentPage .mobileCalendar .ui-datepicker td.ui-datepicker-today {
    border: 2px solid #cecccc; }
  .paymentPage .mobileCalendar .ui-datepicker td {
    background-color: #f1f8e5;
    border: 1px solid #cecccc;
    border-radius: 0;
    padding: 0; }
    .paymentPage .mobileCalendar .ui-datepicker td span, .paymentPage .mobileCalendar .ui-datepicker td a {
      margin-bottom: -1px;
      padding: 10px !important; }
    .paymentPage .mobileCalendar .ui-datepicker td a.ui-state-default {
      color: #85c132;
      background-color: transparent; }
      .paymentPage .mobileCalendar .ui-datepicker td a.ui-state-default.ui-state-active, .paymentPage .mobileCalendar .ui-datepicker td a.ui-state-default:hover {
        color: #fff;
        background-color: #85c132;
        border-radius: 0;
        margin-bottom: -1px; }
  .paymentPage .mobileCalendar .ui-datepicker td.partial {
    background-color: #fff1d1; }
    .paymentPage .mobileCalendar .ui-datepicker td.partial a.ui-state-default {
      color: #f8b575;
      background-color: transparent; }
      .paymentPage .mobileCalendar .ui-datepicker td.partial a.ui-state-default.ui-state-active, .paymentPage .mobileCalendar .ui-datepicker td.partial a.ui-state-default:hover {
        color: #fff;
        background-color: #f8b575; }
  .paymentPage .mobileCalendar .ui-datepicker td.ui-datepicker-unselectable {
    background-color: #f7f7f7; }
    .paymentPage .mobileCalendar .ui-datepicker td.ui-datepicker-unselectable .ui-state-default {
      color: #cecccc;
      opacity: 1; }

.paymentPage .calendarKey {
  display: inline-block;
  padding: 5px 18px;
  margin: 0 10px 10px 0;
  border: 1px solid #cecccc; }
  .paymentPage .calendarKey--single {
    color: #85c132;
    background-color: #f1f8e5; }
    .paymentPage .calendarKey--single:hover {
      color: #fff;
      background-color: #85c132; }
  .paymentPage .calendarKey--multiple {
    color: #f8b575;
    background-color: #fff1d1; }
    .paymentPage .calendarKey--multiple:hover {
      color: #fff;
      background-color: #f8b575; }
  .paymentPage .calendarKey--unavailable {
    color: #cecccc;
    background-color: #f7f7f7; }
  .paymentPage .calendarKey--today {
    color: #cecccc;
    background-color: #f7f7f7;
    border: 2px solid #cecccc;
    padding: 4px 17px; }

.paymentPage .calendarKeyLabel {
  display: inline-block;
  width: 75%; }

.paymentPage .calendarCentreContainer {
  text-align: center; }

.paymentPage .calendarCentre {
  display: inline-block; }

.desktop.paymentPage .mobileCalendar .ui-datepicker .ui-datepicker-title {
  font-size: 20px; }

.desktop #requestShippingDateModal .modal-dialog {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0; }

.desktop #requestShippingDateModal td, .desktop #requestShippingDateModal th {
  height: 50px; }
  .desktop #requestShippingDateModal td a, .desktop #requestShippingDateModal th a {
    padding: 16px !important; }

.desktop #requestShippingDateModal .mobileCalendar {
  width: 100%; }

.mobile #requestShippingDateModal {
  overflow-y: scroll; }
  .mobile #requestShippingDateModal .modal-dialog {
    position: static;
    margin-top: 10px; }

.delDateChangedInfo.delDateChangedInfo a {
  text-decoration: none; }
  .delDateChangedInfo.delDateChangedInfo a:hover {
    text-decoration: underline; }

.CheckoutRHS {
  right: 0;
  top: 10px; }
  .CheckoutRHS .infoCard {
    border-radius: 4px;
    background-color: #cd2e31;
    padding: 30px;
    min-height: 198px; }
    .CheckoutRHS .infoCard p {
      color: white;
      margin-bottom: 0; }
    .CheckoutRHS .infoCard__name {
      font-size: 13px;
      font-weight: 500; }
    .CheckoutRHS .infoCard__legalId {
      font-size: 24px; }
    .CheckoutRHS .infoCard__accountName {
      font-size: 13px; }
    .CheckoutRHS .infoCard__pricingContract {
      font-size: 13px; }
  .CheckoutRHS .orderSummary__label {
    font-size: 16px;
    color: #3b3b3b; }
  .CheckoutRHS .orderSummary__discount {
    white-space: nowrap;
    float: right; }
  .CheckoutRHS .orderSummary__total {
    color: #3b3b3b;
    font-size: 16px;
    font-weight: bold; }
    .CheckoutRHS .orderSummary__total--large {
      font-size: 24px; }
  .CheckoutRHS .ordersList__description {
    min-height: 50px !important;
    border-bottom: 1px solid #eee;
    margin-left: -15px;
    margin-bottom: 5px; }
    .CheckoutRHS .ordersList__description--priceHiddenUser {
      margin-bottom: 0;
      border-bottom: 0; }
    .CheckoutRHS .ordersList__description p {
      font-size: 10px;
      clear: both; }
  .CheckoutRHS .ordersList__prodCode {
    color: #656565; }
  .CheckoutRHS .ordersList__prodName {
    color: #484848; }
  .CheckoutRHS .ordersList__price {
    color: #4b4c4c;
    font-weight: bold;
    float: right; }
  .CheckoutRHS .productImageContainer {
    padding: 0 !important; }
    .CheckoutRHS .productImageContainer img {
      width: 100%;
      max-width: 50px;
      max-height: 50px;
      margin: auto;
      height: auto;
      display: block;
      overflow: hidden; }
  .CheckoutRHS .padding-right-0.padding-right-0 {
    padding-right: 0; }

.breadcrumb-box {
  text-align: center; }
  .breadcrumb-box p, .breadcrumb-box a {
    white-space: nowrap; }
    .desktop .breadcrumb-box p, .desktop .breadcrumb-box a {
      font-size: 16px; }
    .mobile .breadcrumb-box p, .mobile .breadcrumb-box a {
      font-size: 9px; }

.breadcrumb-stage {
  display: inline-block;
  font-weight: bold;
  background-color: #cd2e31;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  font-size: 16px;
  padding: 14px 20px; }
  .mobile .breadcrumb-stage {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 12px;
    padding: 8px 12px; }
  .breadcrumb-stage--complete {
    font-size: 36px;
    padding: 2px 9px;
    position: relative;
    top: 7px; }
    .mobile .breadcrumb-stage--complete {
      font-size: 22px;
      padding: 0px 6px;
      top: 5px; }
  .breadcrumb-stage--incomplete {
    background-color: #666 !important; }

p.breadcrumb--complete, a.breadcrumb--complete {
  position: relative;
  top: -7px; }
  .mobile p.breadcrumb--complete, .mobile a.breadcrumb--complete {
    top: -5px; }

.paymentGatewayHeader, .pl-enabled .paymentGatewayHeader {
  background-color: #cd2e31; }
  .paymentGatewayHeader__wolseleyLogo, .pl-enabled .paymentGatewayHeader__wolseleyLogo {
    padding: 10px;
    width: 320px; }
    .mobile .paymentGatewayHeader__wolseleyLogo, .mobile .pl-enabled .paymentGatewayHeader__wolseleyLogo {
      width: 200px; }
  .paymentGatewayHeader__secureCheckout, .pl-enabled .paymentGatewayHeader__secureCheckout {
    color: #fff;
    text-align: right;
    font-size: 24px;
    padding-top: 26px; }
    .mobile .paymentGatewayHeader__secureCheckout, .mobile .pl-enabled .paymentGatewayHeader__secureCheckout {
      font-size: 14px;
      padding-top: 14px; }
  .paymentGatewayHeader__padlockIcon, .pl-enabled .paymentGatewayHeader__padlockIcon {
    position: relative;
    top: -5px; }
.accountOpeningHeader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accountOpeningContentWrapper {
  padding: 50px;
}

  .docs_tooltip {
      position: absolute;
      padding: 20px;
      border-radius: 10px;
      background: #FFF;
      box-shadow: inset 0px 0px 0px 1px #CD2E31;
      top: 30px;
      display: none;
      z-index: 1;
  }
  .docs_tooltip:after {
      content: '';
      position: absolute;
      left: 115px;
      top: -10px;
      width: 20px;
      height: 20px;
      background: inherit;
      transform: rotate(225deg);
      box-shadow: inset -3px -3px 0px -2px #CD2E31;
      z-index: 1;
  }
  .show-tooltip {
    position: relative;
  }
  .show-tooltip:hover .docs_tooltip {
    display: block;
  }
  #box_1 {
    overflow: visible;
  }
  #myAccount__notificationPreferences .panel .form-group .doctype_value {
    margin-left: 25px;
  }

  .accountOpeningInfoBox ul {
    list-style-type: disc;
  }
.accountOpeningLandingIntro {
margin-top: 20px;
}
.noPadding {
  padding: 0px !important;
}
.accountOpeningInfoBox {
  border-style: solid;
  border-width: thin;
  padding: 20px;
  height: 300px;
  max-height: 300px
}
.accountOpeningButtonContainer {
  display: flex;
  align-items:center;
  justify-content: center;
  padding: 15px
}

.your-work-breadcrumb-stage {
  background-color: #cd2e31;
  color: white;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  font-size: 16px;
  cursor: pointer;
  padding: 7px 10px; }
  
.account-opening-breadcrumb .breadcrumb-stage--incomplete {
  pointer-events: none;
  cursor: default;
}
.account-opening-breadcrumb .breadcrumb-box a, .account-opening-breadcrumb .breadcrumb-box div {
  color: #656565;
  font-size: 10px;

}
p.breadcrumb--complete, a.breadcrumb--complete {
  position: relative;
  top: -7px; 

}
  .mobile p.breadcrumb--complete, .mobile a.breadcrumb--complete {
    top: -5px; }
.form-group .infoIcon{
  margin: 10px 0 0 0;
}


.accountOpening.yourPeople #addnewcontactlink .addAnotherContact {
	color: #4b4c4c;
	display:block;
	padding: 10px 0;
	border: 1px solid #ddd;
	margin: 0 0 0 0;
}

.accountOpening.yourPeople #addnewcontactlink .addAnotherContact .addAnotherContactText {
	font-size: 16px;	
	padding-left: 10px;
}

.accountOpening.yourPeople #addnewcontactlink .addAnotherContact .addAnotherContactIcon {
	width: auto;
}

.accountOpening.yourPeople #addnewcontactlink .addAnotherContact .icon-plus {
	float: right;
	margin: 0 -20px 0 0 !important;
}
/* Your people address details */
.accountOpening.yourPeople .sameAsRegisteredAddress,
.accountOpening.yourPeople .findAddressSection,
.accountOpening.yourPeople .makeBillingContact,
.accountOpening.yourPeople .makeAccountAdmin {
	width: 93%;
	display: inline-block;
}

.accountOpening.yourPeople .yearsStayedFields {
	width: 70%;
  	display: flex;
  	justify-content: space-between;
  	margin-bottom: 15px;
}

.accountOpening.yourPeople .yearsStayed {
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.accountOpening.yourPeople .yearsStayed div p {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

.accountOpening.yourPeople .yearsStayed .form-control {
  width: 40%;

}
.accountOpening.yourPeople .yearsStayed .form-control:last-child {
  margin-left: 10px;
}
.accountOpening .checkInfo label, .yourAgreement .checkInfo label {
  font-weight: 400;
  font-size: 14px;
  vertical-align: inherit;
} 
.accountOpening.yourPeople .fileUpload input[type="file"] {
    display: none;
}

.accountOpening.yourPeople .fileUpload .custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  float: none;
  width: auto;
  margin-left: -8px;
  /*margin-bottom: 20px;*/
}

.accountOpening.yourPeople  #formUpLoadedFile {
  padding-top: 25px;
}

.accountOpening.yourPeople .fileUpload .fileUploadLine {
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.accountOpening.yourPeople .fileUpload .fileUploadLine .fileName {
  font-size: 14px;
  display: inline-block;
  width: 58%;
}
.accountOpening.yourPeople .fileUpload .fileUploadCheck {
  font-size: 30px;
  margin-left: 20px;
  margin-top: 5px;
  display: inline-block;
  color: #52bb52;
  font-weight: 600;
  transform: rotate(19deg);
}

.accountOpening.yourPeople .checkInfo.accountOptions {
	margin-left: -15px;
	margin-right: -15px;
}

.yourAgreement .legalCopy {
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 10px;
  margin-left: -8px;
}

.yourAgreement .checkBoxes .form-group {
  clear: none;
  float: left;
  margin-left: 30px;
}

.yourAgreement .checkInfo.legalAgreementCheckbox label {
  max-width: 94%;
}

.yourAgreement .checkInfo.dataProtectionCheckbox .dataProtectionPolicyLink {
  font-size: 14px;
  text-decoration: underline;
} 

.pl-enabled .accountOpeningApplicationReference {  
  text-align: center;
  font-size: 18px;
  font-weight: bold;   
}
.form-group-fit-content {
  width: fit-content;
}
/*# sourceMappingURL=main.css.map */