/** 
* Gillsans & tiempos Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
*utilities
*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
.qtip.selectBonus {
  max-height: 749px;
  width: 920px;
  overflow-x: auto;
  padding: 19px;
  border: none; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .qtip.selectBonus {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .qtip.selectBonus {
      max-height: 550px;
      position: fixed;
      top: 20% !important; } }
  @media only screen and (max-width: 767px) {
    .qtip.selectBonus {
      max-height: 550px; } }

.selectBonus .promotion {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  color: #323232;
  font-size: 1.5rem;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 22px; }
  .selectBonus .promotion .bonus-tip {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 1.125rem;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 8px; }

.selectBonus .bonus-product-item {
  min-height: 210px; }
  @media only screen and (max-width: 767px) {
    .selectBonus .bonus-product-item {
      height: auto;
      text-align: center; } }

.selectBonus .product-col-1 {
  float: left;
  margin-right: 13px; }
  @media only screen and (max-width: 767px) {
    .selectBonus .product-col-1 {
      float: none;
      margin: 0; } }
  .selectBonus .product-col-1 .product-primary-image > img {
    height: 198px;
    width: 198px; }
    @media only screen and (max-width: 767px) {
      .selectBonus .product-col-1 .product-primary-image > img {
        height: 250px;
        width: 250px; } }

.selectBonus .product-col-2 {
  display: inline-block;
  width: 70%;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .selectBonus .product-col-2 {
      display: block;
      width: auto;
      margin: 0 auto;
      padding: 10px 0; } }
  .selectBonus .product-col-2 .product-name {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 1.375rem;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 24px; }
  .selectBonus .product-col-2 .productShortDescriptionBlock {
    margin-bottom: 18px; }
    .selectBonus .product-col-2 .productShortDescriptionBlock .pspshort {
      text-decoration: underline; }
  .selectBonus .product-col-2 .product-number {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 10px; }
  .selectBonus .product-col-2 .colorDropdown {
    display: none; }
  .selectBonus .product-col-2 #colorVariant.variant-dropdown {
    display: none; }
  .selectBonus .product-col-2 .productColorSwatch {
    margin-bottom: 3px; }
    .selectBonus .product-col-2 .productColorSwatch .product-color {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 0.875rem;
      line-height: 20px;
      letter-spacing: 0; }
  .selectBonus .product-col-2 .sizeShippingWrapper {
    display: none; }
  .selectBonus .product-col-2 #colorVariant .swatchanchor {
    display: none; }
  .selectBonus .product-col-2 .variationsize {
    float: left; }
  .selectBonus .product-col-2 .product-add-to-cart {
    display: inline-block;
    margin: 0 0 0 -3px; }
    @media only screen and (max-width: 767px) {
      .selectBonus .product-col-2 .product-add-to-cart {
        margin: 20px auto; } }
    .selectBonus .product-col-2 .product-add-to-cart fieldset {
      border: none;
      margin: 0;
      padding: 0; }
    .selectBonus .product-col-2 .product-add-to-cart .button {
      height: 38px;
      width: 216px;
      font-family: "NeueHelveticaforSpeedo-Bd";
      padding: 5px 35px 0px 10px; }
      @media only screen and (max-width: 767px) {
        .selectBonus .product-col-2 .product-add-to-cart .button {
          height: 42px;
          width: 350px;
          padding: 0 20px;
          text-transform: uppercase; } }

.selectBonus .bonus-product-list-footer {
  display: none; }

@media only screen and (max-width: 767px) {
  .selectBonus .productVariant.variationsize {
    order: 3;
    margin-right: 0;
    margin-bottom: 0;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: inline-flex; } }

.selectBonus .selectcontainer {
  padding-right: 22px; }
  @media only screen and (max-width: 767px) {
    .selectBonus .selectcontainer {
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    .selectBonus .selectcontainer label {
      display: inline;
      padding: 0; } }

.selectBonus .selectcontainer {
  border: 1px solid #cbd5df;
  border-radius: 2px;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  color: #323232;
  font-size: 0.9375rem;
  line-height: 16px;
  letter-spacing: 1.46px;
  text-align: center;
  width: 100%;
  padding-top: 14px;
  text-transform: uppercase;
  padding-top: 13px;
  padding-bottom: 13px; }
  .selectBonus .selectcontainer:before {
    background: url("../img/DropDown Arrow.svg") no-repeat;
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 8px;
    top: 19px;
    content: "";
    right: 10px; }

@media only screen and (max-width: 767px) {
  .selectBonus .variant-dropdown.productVariant.variationsize select {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px; } }

.selectBonus + #qtip-overlay > div {
  background: #323232 none repeat scroll 0 0; }

.cart-promo {
  padding: 14px 0;
  margin: 10px 0 4px;
  border: 1px solid #d2d2d2;
  background: #f9f9f9; }
  @media only screen and (max-width: 767px) {
    .cart-promo {
      margin: 20px 0;
      padding: 30px 0; } }
  .cart-promo .bonus-item-details {
    font-family: "NeueHelveticaforSpeedo-Rg";
    font-size: 22px;
    padding-bottom: 2px; }
    @media only screen and (max-width: 767px) {
      .cart-promo .bonus-item-details {
        padding-bottom: 14px; } }
  .cart-promo .bonus-item-actions .button {
    width: auto;
    height: 36px;
    padding: 5px 60px 5px 10px; }
  .cart-promo .tooltip-content {
    font-family: "NeueHelveticaforSpeedo-Bd";
    font-size: 15px;
    margin-top: 13px; }

.basketWrapper .bagItemBasket:last-child .productImageWrapper {
  padding-bottom: 20px; }

.selectBonus {
  /* this is to avoid the custom select boxes flickering as the page loads */ }
  .selectBonus .sizeDropdown {
    background: #fff; }
    .selectBonus .sizeDropdown .sizeLbl {
      display: inline-block;
      height: 36px;
      padding: 26px;
      width: 100%;
      vertical-align: middle;
      display: table-cell;
      padding: 0; }
      @media only screen and (min-width: 768px) {
        .selectBonus .sizeDropdown .sizeLbl {
          height: 37px;
          overflow: hidden; } }
    @media only screen and (min-width: 768px) {
      .selectBonus .sizeDropdown {
        width: 48.1%;
        height: 36px;
        border-width: 2px 2px 2px 2px;
        border-color: #cbd5df;
        border-style: solid;
        border-radius: 2px;
        background: #fff;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: 1.56px;
        display: table;
        text-align: center;
        z-index: 2;
        position: relative;
        text-transform: uppercase;
        cursor: pointer;
        float: left;
        margin-right: 3.8%; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .selectBonus .sizeDropdown {
      display: none !important; } }
    @media only screen and (min-width: 768px) {
        .selectBonus .sizeDropdown .sizeNmbr {
          display: inline-block;
          pointer-events: none; } }
    @media only screen and (min-width: 768px) and (max-width: 767px) {
      .selectBonus .sizeDropdown .sizeNmbr {
        padding-left: 5px; } }
    @media only screen and (min-width: 768px) {
        .selectBonus .sizeDropdown .dropDown {
          background: url("../img/DropDown Arrow.svg") no-repeat;
          display: inline-block;
          position: absolute;
          width: 20px;
          height: 9px;
          right: 10px;
          top: 15px; }
        .selectBonus .sizeDropdown .arrowUp {
          background: url("../img/DropDown Arrow Up.svg") no-repeat;
          display: inline-block;
          position: absolute;
          width: 20px;
          height: 9px;
          right: 10px;
          top: 15px; } }
  .selectBonus .productSize {
    display: inline-block;
    width: 100%;
    float: left; }
    @media only screen and (max-width: 767px) {
      .selectBonus .productSize {
        width: 45.34%;
        margin-right: 12px;
        margin-left: 3.33%; } }
  @media only screen and (min-width: 768px) {
    .selectBonus .quantitySize {
      background: #fff;
      border: 2px solid #cbd5df;
      border-radius: 2px;
      max-width: 480px;
      width: 100%;
      position: relative;
      bottom: 2px;
      z-index: 1; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .selectBonus .quantitySize {
      margin-bottom: 10px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .selectBonus .quantitySize ul {
      padding: 10px 26px; } }
  @media only screen and (min-width: 768px) {
      .selectBonus .quantitySize li.option {
        border: 1px solid #cbd5df;
        width: 70px;
        height: 40px;
        margin-right: -5px;
        margin-bottom: -1px;
        background: #fff;
        text-align: center; }
        .selectBonus .quantitySize li.option:hover {
          background: #cbd5df; }
        .selectBonus .quantitySize li.option a {
          font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
          color: #42515B;
          font-size: 1rem;
          line-height: 16px;
          letter-spacing: 0px;
          padding: 10px 0; }
          .selectBonus .quantitySize li.option a:hover {
            color: #fff;
            cursor: pointer; }
      .selectBonus .quantitySize li.unselectable.js-outOfStock {
        background: #ECF0F6;
        border: 1px solid #cbd5df; }
        .selectBonus .quantitySize li.unselectable.js-outOfStock a {
          color: #cbd5df; }
      .selectBonus .quantitySize li.active {
        background: #323232;
        border: 1px solid #323232;
        color: #fff; }
        .selectBonus .quantitySize li.active:hover, .selectBonus .quantitySize li.active:focus {
          background: #323232; }
        .selectBonus .quantitySize li.active a {
          color: #fff; } }
  @media only screen and (min-width: 768px) {
    .selectBonus .spaceContainer {
      width: 33.6%; } }
  .selectBonus .spaceContainer {
    position: absolute;
    left: 211px;
    z-index: 2;
    border-left: 2px solid #cbd5df;
    border-right: 2px solid #cbd5df;
    background-color: #fff;
    height: 6px;
    display: none; }
  .selectBonus .productVariant .variantTitle {
    display: none;
    margin: 0px 0 10px; }
  .selectBonus .productVariant .variantTitle span {
    margin-left: 1px; }
  .selectBonus .variantSwatches .variantOptions {
    list-style: none outside none;
    overflow: hidden; }
  .selectBonus .variantOptions .option {
    display: inline-block;
    margin-bottom: 3px; }
  .selectBonus .variantOptions .swatchanchor {
    display: block; }
  .selectBonus .productVariant .variantSummary {
    display: none; }
  .selectBonus .variantOptions .swatchanchor img {
    height: 28px;
    vertical-align: bottom;
    width: 30px; }
  .selectBonus .productVariant .variation-select {
    width: 160px; }
  .selectBonus .productVariant .variation-select select {
    width: 190px;
    border: none;
    display: inline;
    z-index: 1; }
  .selectBonus .variation-select:before {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0px;
    width: 22px;
    height: 24px; }
  .selectBonus .productVariant select.variation-select {
    width: 140px; }
  .selectBonus .variantOptions.swatches img {
    border: 0 none; }
  .selectBonus .productVariant {
    margin: 0; }
  .selectBonus .sizeSwatches .variantOptions {
    display: inline-block;
    list-style: none outside none;
    overflow: hidden; }
  .selectBonus .variantOptions .outOfStock {
    border: 1px solid #e9ebe9; }

.speedoBasket .basket-empty {
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 13.3px;
  font-weight: normal;
  line-height: normal;
  color: #000;
  margin: 11px 0 16px 20px; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .basket-empty {
      background: #fff;
      margin: 0 10px;
      padding: 11px; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .cart-action-continue-shopping {
    background: #fff;
    margin: 0 10px;
    padding-bottom: 19px; } }

.speedoBasket div.empty-basket-card {
  border: 1px solid #d2d2d2;
  padding: 19px;
  margin: 0 0 19px; }
  .speedoBasket div.empty-basket-card span {
    width: 70px;
    height: 39px;
    background-repeat: no-repeat;
    background-size: 70px 39px; }
    @media only screen and (max-width: 768px) {
      .speedoBasket div.empty-basket-card span {
        background-size: 48px 31px;
        width: 48px;
        height: 31px; } }

.speedoBasket .empty-basket-left-col {
  border: 1px solid #d7d2cb; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .empty-basket-left-col {
      border: none;
      padding-top: 1px; } }
  .speedoBasket .empty-basket-left-col .baskettitle {
    line-height: normal;
    margin-top: 0; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .empty-basket-left-col .baskettitle {
        margin-top: 10px; } }
  .speedoBasket .empty-basket-left-col .brownButton {
    display: block;
    background: #EE3224;
    height: 40px;
    width: 94.1%;
    margin: 0 0 19px 19px;
    text-align: center;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .empty-basket-left-col .brownButton {
        margin: 0 10px;
        font-size: 16px; } }

.speedoBasket li:not(:last-child)[class^="order-"] {
  margin: 5px 0; }

.speedoBasket .leftColumnBasket {
  margin: 0; }
  @media (min-width: 768px) {
    .speedoBasket .leftColumnBasket {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 66.6666666667%; } }
  @media only screen and (max-width: 767px) {
    .speedoBasket .leftColumnBasket {
      background: #ebebeb;
      padding-bottom: 1px; } }

@media (min-width: 768px) {
  .speedoBasket .rightColumnBasket {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 33.3333333333%; } }

@media only screen and (max-width: 768px) {
  .speedoBasket .rightColumnBasket {
    padding-top: 0; } }

@media only screen and (max-width: 768px) {
  .speedoBasket .rightColumnBasket div {
    display: block; } }

@media only screen and (max-width: 768px) {
  .speedoBasket div.reevooCartRightColumnMobile, .speedoBasket div.basketMobileActionButtons {
    display: none; } }

.speedoBasket .rightColumnBasket .orderSummaryBasket {
  width: 100%;
  margin-bottom: 19px;
  padding: 16px 19px 19px; }

.speedoBasket .rightColumnBasket .reevooCartRightColumnDesktop {
  margin: 0; }

@media only screen and (max-width: 768px) {
  .speedoBasket .desktopRightColumnBasket .desktopOrderSummaryBasket {
    padding-bottom: 19px; } }

.speedoBasket .productId, .speedoBasket .Size, .speedoBasket .productAvailabilityBasket, .speedoBasket .productSummaryBasket, .speedoBasket .headerBasket,
.speedoBasket .editdetails, .speedoBasket .moveToFavorites, .speedoBasket .labelname, .speedoBasket .brownButton, .speedoBasket .checkout-cart-links {
  display: none; }

.speedoBasket .remove {
  display: block;
  background: url(../img/red-cross-small.png) 237px no-repeat;
  background-position: 69%;
  text-indent: -9999px;
  margin-left: 87.5%;
  font-size: 19px;
  width: 9%; }
  @media only screen and (max-width: 768px) {
    .speedoBasket .remove {
      width: 10%; } }

.speedoBasket .prodOptions {
  margin: 0; }

.speedoBasket .productImageWrapper {
  width: 93%;
  background: #fff;
  padding: 20px 20px 0; }
  .speedoBasket .productImageWrapper.desktopProductImageWrapper hr {
    height: 0; }
    @media only screen and (min-width: 767px) {
      .speedoBasket .productImageWrapper.desktopProductImageWrapper hr {
        border-top: 1px solid #d2d2d2;
        margin: 20px 0 0; } }
  @media only screen and (max-width: 768px) {
    .speedoBasket .productImageWrapper {
      width: 91%; } }
  @media only screen and (max-width: 767px) {
    .speedoBasket .productImageWrapper {
      width: unset;
      padding: 20px 10px 0;
      margin: 0 10px; } }

.speedoBasket .productDetailsBasket {
  width: 51.5%;
  margin: 2% 0 0 4%; }
  @media only screen and (max-width: 768px) {
    .speedoBasket .productDetailsBasket {
      margin: 2% 0 0 4.5%; } }
  .speedoBasket .productDetailsBasket .productName {
    padding-bottom: 14px; }

.speedoBasket .size-quantity {
  margin-top: 8px; }
  .speedoBasket .size-quantity .sizebox, .speedoBasket .size-quantity .productActionsBasket {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 47%; }
    .speedoBasket .size-quantity .sizebox .label, .speedoBasket .size-quantity .productActionsBasket .label {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: normal;
      line-height: normal;
      color: #42515B;
      margin-bottom: 17px; }
  .speedoBasket .size-quantity .productActionsBasket {
    float: right; }
  .speedoBasket .size-quantity .customSelect, .speedoBasket .size-quantity select.wrapped {
    width: 100%;
    height: 20px; }
  .speedoBasket .size-quantity select.wrapped {
    padding: 0;
    padding-left: 5px;
    background: url(../img/arrow-down.png) 90% no-repeat; }
  .speedoBasket .size-quantity .customSelect.quantitySelect, .speedoBasket .size-quantity .customSelect:before {
    background: none; }

.speedoBasket .productImageSkuBasket {
  border: 0;
  width: 34.7%;
  height: auto; }
  @media only screen and (max-width: 768px) {
    .speedoBasket .productImageSkuBasket {
      width: 33.5%;
      transform: none; } }
  .speedoBasket .productImageSkuBasket img {
    width: 100%; }

.speedoBasket .productName {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  color: #42515B; }

.speedoBasket .variationsDesktop .attribute {
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #42515B;
  margin-bottom: 10px; }
  .speedoBasket .variationsDesktop .attribute .price-unadjusted {
    float: left;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    margin-right: 5px;
    margin-top: 5px; }
  .speedoBasket .variationsDesktop .attribute .price-adjusted-total {
    color: #EE3224;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 20px; }

.speedoBasket .price-unadjusted {
  float: left; }

.speedoBasket .price .label {
  display: none; }

.speedoBasket .price .value {
  float: left; }

.speedoBasket .summaryHeader {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  color: #42515B; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .summaryHeader {
      background: #fff;
      margin: 0 10px;
      padding: 10px 10px 0; } }

.speedoBasket .summaryCart {
  background: #fff;
  display: block; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .summaryCart {
      padding: 2px 10px 10px;
      margin: 0 10px 10px; } }
  @media only screen and (min-width: 767px) {
    .speedoBasket .summaryCart .orderTotals {
      margin-bottom: 7px; } }

.speedoBasket .basketActionButtons, .speedoBasket .cardList {
  display: block; }

.speedoBasket li.order-subtotal, .speedoBasket li.order-shipping, .speedoBasket li.order-sales-tax {
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: #42515B; }
  .speedoBasket li.order-subtotal .value, .speedoBasket li.order-shipping .value, .speedoBasket li.order-sales-tax .value {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: right;
    color: #152935; }
  .speedoBasket li.order-subtotal .free-shipping .value, .speedoBasket li.order-shipping .free-shipping .value, .speedoBasket li.order-sales-tax .free-shipping .value {
    color: #dd1e29; }

.speedoBasket .orderTotals li.order-total {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: #42515B;
  border: 0;
  margin-top: 4px; }
  .speedoBasket .orderTotals li.order-total .value {
    font-size: 22px;
    text-align: right;
    color: #152935; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .orderTotals li.order-total .value {
        font-size: 22px;
        line-height: 18px;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif; } }
  @media only screen and (max-width: 767px) {
    .speedoBasket .orderTotals li.order-total .label {
      font-size: 16px;
      line-height: 18px; } }
  @media all and (max-width: 1023px) and (min-width: 767px) {
    .speedoBasket .orderTotals li.order-total .label {
      width: 57%; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .basketActionButtons {
    background: #fff;
    padding: 10px;
    margin: 0 10px; } }

.speedoBasket .basketActionButtons .button {
  width: 100%;
  background: url(../img/White-Padlock-small.png) no-repeat #EE3224;
  text-align: center;
  background-position: 84%;
  text-transform: uppercase;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff; }
  .speedoBasket .basketActionButtons .button:hover {
    background-color: #979797; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .basketActionButtons .button {
      height: 40px;
      font-weight: normal;
      line-height: normal;
      text-align: center; } }

.speedoBasket .promoBasket {
  width: 100%;
  margin-bottom: 6px; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .promoBasket {
      background: #fff;
      padding: 20px 10px 10px;
      margin: 10px;
      width: 95%;
      border: 0; } }
  @media only screen and (max-width: 767px) {
    .speedoBasket .promoBasket .applyCodeSection {
      background: #fff;
      border: 0;
      padding: unset; } }
  .speedoBasket .promoBasket .promoCodeExpandTrigger {
    margin-left: 3.4%;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 20px; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .promoBasket .promoCodeExpandTrigger {
        margin: 0;
        background: none;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: normal;
        line-height: 16px;
        color: #42515B;
        padding: 0;
        margin-bottom: 15px; } }
  .speedoBasket .promoBasket .inputPromotional {
    width: 96.7%;
    max-width: none;
    margin-left: 0;
    height: 41px;
    border-radius: 0;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #929BA9; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .promoBasket .inputPromotional {
        margin-bottom: 10px;
        width: 100%; } }
  .speedoBasket .promoBasket .promotionalcodeButton {
    width: 96.7%;
    margin: 20px 0;
    height: 41px;
    background-image: none;
    text-align: center;
    background: #EE3224;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .promoBasket .promotionalcodeButton {
        margin: 0 0 10px;
        width: 100%;
        left: 0; } }
    .speedoBasket .promoBasket .promotionalcodeButton:hover {
      background-color: #979797; }
    .speedoBasket .promoBasket .promotionalcodeButton span {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: normal;
      line-height: normal;
      color: #fff; }

.speedoBasket .basketLeftColumnButtons {
  border: 1px solid #d7d2cb;
  padding: 20px 10px;
  width: 100%;
  margin-bottom: 20px; }
  .speedoBasket .basketLeftColumnButtons .checkoutLogin {
    width: 96.7%;
    float: none;
    margin: 10px;
    height: 40px;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    background: url(../img/White-Padlock-small.png) no-repeat #EE3224;
    background-position: 66%; }
    .speedoBasket .basketLeftColumnButtons .checkoutLogin:hover {
      background-color: #979797; }

.speedoBasket .bagItemBasketLast:last-child {
  border: 0; }
  .speedoBasket .bagItemBasketLast:last-child hr {
    display: none; }

@media only screen and (max-width: 767px) {
  .speedoBasket .bagItemBasket {
    padding-top: 0; } }

.speedoBasket .delivery-options {
  border: 1px solid #d7d2cb;
  padding: 20px;
  margin: 19px 0 9px; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .delivery-options {
      background: #fff;
      padding: 10px;
      margin: 10px;
      border: 0; } }
  .speedoBasket .delivery-options .customSelect {
    width: 100.1%;
    max-width: none;
    height: 40px;
    border-radius: 0; }
    .speedoBasket .delivery-options .customSelect:before {
      background: none; }
  .speedoBasket .delivery-options .wrapped {
    width: 100%;
    max-width: none;
    height: 40px;
    background: url(../img/arrow-down.png) 99% no-repeat;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #929BA9; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .delivery-options .wrapped {
        background: url(../img/arrow-down.png) 97% no-repeat; } }
  .speedoBasket .delivery-options .heading {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 16px;
    color: #42515B; }
  .speedoBasket .delivery-options .redesign-select label {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: #42515B;
    margin-bottom: 5px;
    margin-top: 8px; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .delivery-options .redesign-select label {
        margin-top: 5px; } }
  .speedoBasket .delivery-options .hide-shipping-opt, .speedoBasket .delivery-options .hide-error-message {
    display: none; }
  .speedoBasket .delivery-options .error-message {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #EE3224; }
  .speedoBasket .delivery-options .shippingMethodCart {
    margin-top: 11px; }
  .speedoBasket .delivery-options .redesign-radio-red {
    display: block;
    padding-bottom: 11px; }

.speedoBasket .redesign-radio-red .iradio.checked {
  background: url(../img/checked-radio-button.png) no-repeat;
  margin-top: 0; }

.speedoBasket .redesign-radio-red .iradio {
  background: url(../img/unchecked-radio-button.png) no-repeat;
  margin-top: 0; }

.speedoBasket .cardList {
  margin-top: 10px; }
  .speedoBasket .cardList .visaCard {
    background-image: url(../img/light-visa-small.png); }
    @media all and (max-width: 1023px) and (min-width: 767px) {
      .speedoBasket .cardList .visaCard {
        background-repeat: no-repeat;
        background-size: 48px 27px; } }
  .speedoBasket .cardList .payPalCard {
    background-image: url(../img/light-paypal-small.png); }
    @media all and (max-width: 1023px) and (min-width: 767px) {
      .speedoBasket .cardList .payPalCard {
        background-repeat: no-repeat;
        background-size: 48px 27px; } }
  .speedoBasket .cardList .masterCard {
    background-image: url(../img/light-mastercard-small.png); }
    @media all and (max-width: 1023px) and (min-width: 767px) {
      .speedoBasket .cardList .masterCard {
        background-repeat: no-repeat;
        background-size: 48px 27px; } }
  .speedoBasket .cardList .maestroCard {
    background-image: url(../img/light-maestro-small.png); }
    @media all and (max-width: 1023px) and (min-width: 767px) {
      .speedoBasket .cardList .maestroCard {
        background-repeat: no-repeat;
        background-size: 48px 27px; } }
  .speedoBasket .cardList span {
    width: 67px;
    height: 39px;
    float: left; }
    @media all and (max-width: 1023px) and (min-width: 767px) {
      .speedoBasket .cardList span {
        width: 48px;
        height: 27px; } }
    @media only screen and (max-width: 767px) {
      .speedoBasket .cardList span {
        width: 84px;
        height: 46px;
        background-size: 84px 46px; } }
  @media only screen and (max-width: 767px) {
    .speedoBasket .cardList {
      background: #fff;
      display: flex;
      padding: 0 10px 10px 10px;
      margin: 0 10px; } }

.speedoBasket .baskettitle {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 16px;
  color: #42515B;
  margin: 5px 10px 0;
  padding: 15px 10px 0; }

.speedoBasket .contentArea {
  margin-top: 5px; }

.speedoBasket .breadcrumbs {
  border: 0; }
  .speedoBasket .breadcrumbs span {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #929BA9;
    letter-spacing: normal; }
  .speedoBasket .breadcrumbs .last span {
    color: #000; }
  .speedoBasket .breadcrumbs li {
    font-size: 19px; }

.speedoBasket .rightcolumnadditional {
  margin-top: 19px; }
  .speedoBasket .rightcolumnadditional .drawer {
    padding: 16px;
    border: 1px solid #d7d2cb; }
    @media only screen and (max-width: 767px) {
      .speedoBasket .rightcolumnadditional .drawer {
        border: 0; } }
  .speedoBasket .rightcolumnadditional li {
    list-style-type: none; }
  .speedoBasket .rightcolumnadditional .drawer-content {
    display: none; }
  .speedoBasket .rightcolumnadditional .drawer-items {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #42515B; }

.speedoBasket .arrow-icon-down {
  float: right;
  height: 5px;
  width: 10px;
  position: relative;
  top: 10px;
  right: 15px;
  background: url(../img/arrow-down.png) no-repeat; }

.speedoBasket .arrow-icon-up {
  float: right;
  height: 5px;
  width: 10px;
  position: relative;
  top: 10px;
  right: 15px;
  display: none;
  background: url(../img/arrow-up.png) no-repeat; }

.speedoBasket .drawer-content {
  border-bottom: 1px solid #d7d2cb;
  padding-bottom: 8px;
  margin-bottom: 3px; }

.speedoBasket .drawer-items {
  border-bottom: 1px solid #d7d2cb;
  margin-bottom: 4px;
  padding-bottom: 7px;
  cursor: pointer; }

.speedoBasket .last {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0; }

@media only screen and (max-width: 767px) {
  .speedoBasket .mobileOrderSummaryBasket {
    padding: 0; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .cartRecommendations {
    background: #fff;
    margin: 10px;
    width: auto; } }

@media only screen and (max-width: 767px) {
  .speedoBasket section#productRecommendationsCarousel {
    width: auto; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .mobileRightcolumnDropdown {
    background: #fff;
    margin: 10px; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .mobileRightcolumnDropdown .drawer {
    padding: 14px 10px; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .recommendations, .speedoBasket .desktopRightColumnBasket, .speedoBasket .promoBasket .mobileView, .speedoBasket .breadcrumbs, .speedoBasket .desktopProductImageWrapper {
    display: none; } }

.speedoBasket .mobileRightcolumnDropdown, .speedoBasket .mobileRecommendation, .speedoBasket .mobileOrderSummaryBasket, .speedoBasket .mobileProductImageWrapper {
  display: none; }
  @media only screen and (max-width: 767px) {
    .speedoBasket .mobileRightcolumnDropdown, .speedoBasket .mobileRecommendation, .speedoBasket .mobileOrderSummaryBasket, .speedoBasket .mobileProductImageWrapper {
      display: block; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .mobileRecommendation .recommendations, .speedoBasket .applyCodeSection, .speedoBasket .baskettitle,
  .speedoBasket .promoBasket .desktopView, .speedoBasket .summaryHeader, .speedoBasket .basketActionButtons {
    display: block; } }

@media only screen and (max-width: 767px) {
  .speedoBasket .baskettitle {
    padding: 15px 10px 0;
    margin: 10px 10px 0;
    background-color: white;
    line-height: 16px; } }

.speedoBasket .mobileProductImageWrapper {
  transform: none; }
  .speedoBasket .mobileProductImageWrapper hr {
    height: 0;
    border-top: 1px solid #d2d2d2;
    margin: 20px 0 0; }
  .speedoBasket .mobileProductImageWrapper .baskettitle {
    transform: none; }
  .speedoBasket .mobileProductImageWrapper .productName {
    transform: inherit; }
  .speedoBasket .mobileProductImageWrapper .basketcontent {
    display: flex; }
  .speedoBasket .mobileProductImageWrapper .remove {
    width: 50%;
    border: 0;
    margin-left: 40%; }
  .speedoBasket .mobileProductImageWrapper .productImageSkuBasket {
    margin: 0;
    width: 31%;
    height: fit-content; }
  .speedoBasket .mobileProductImageWrapper .productDetailsBasket {
    padding: 0;
    transform: none;
    margin: 0 0 0 20px;
    width: 61%; }
  .speedoBasket .mobileProductImageWrapper .prodOptions {
    width: 10%; }
  .speedoBasket .mobileProductImageWrapper .removeItem {
    display: none; }
  .speedoBasket .mobileProductImageWrapper .remove {
    margin: 0;
    width: 80%;
    font-size: 18px; }
  .speedoBasket .mobileProductImageWrapper .variationsDesktop {
    transform: inherit;
    display: block; }
  .speedoBasket .mobileProductImageWrapper .Colour {
    margin-top: 10px; }
  .speedoBasket .mobileProductImageWrapper .quantitySelect {
    margin: 0px; }
  .speedoBasket .mobileProductImageWrapper select.wrapped {
    background: url(../img/arrow-down.png) 90% no-repeat; }
  .speedoBasket .mobileProductImageWrapper .order-total .label {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px; }

.speedoBasket .shippingMethods .base-shipping, .speedoBasket .shippingMethods .shipping-prices {
  float: right; }

.speedoBasket .shippingMethods .shipping-promos li {
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  color: #ee3224;
  font-size: 16px;
  margin-left: 24px;
  list-style: none;
  margin-top: 8px; }

.speedoBasket .shippingMethods .shipping-prices .standard-shipping {
  text-decoration: line-through;
  -webkit-text-decoration-line: line-through; }

.speedoBasket .shippingMethods .shipping-prices .free-price {
  color: #d50032; }

.speedoBasket .shippingMethods .shippingmethod-name {
  color: #152935; }

/*Header css*/
.checkoutHeader #checkout-header-links {
  top: 15px; }
  @media all and (max-width: 1023px) and (min-width: 767px) {
    .checkoutHeader #checkout-header-links {
      right: 13px; } }
  .checkoutHeader #checkout-header-links .icon {
    margin-bottom: 6px; }
  .checkoutHeader #checkout-header-links .speedo-world.box.header-contactus p {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px; }

.bagItemBasket {
  border: none; }

@media only screen and (max-width: 767px) {
  .basketWrapper {
    padding-top: 10px; } }

@media only screen and (min-width: 767px) {
  .applyCodeSection .validationError .validationMessage {
    margin-bottom: 20px; } }

.formWrapper .wrapper {
  padding-left: 0px;
  padding-right: 0px; }

.validationError .validationMessage {
  font-size: 16px; }

.appliedCoupon {
  padding-right: 20px; }
  .appliedCoupon .couponCode {
    font-size: 16px; }
  .appliedCoupon .couponRemoveLink {
    font-size: 16px; }
  .appliedCoupon .promotionContainer {
    clear: both;
    width: 100%;
    margin: 10px 0 0;
    padding: 0; }

@media only screen and (min-width: 767px) {
  .appliedCouponsTitle {
    display: block;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #00820b; } }

@media only print, screen and (max-width: 767px) {
  .basketActionButtons .applepay-button {
    width: 100%;
    border-radius: 3px;
    height: 37px; } }

@media only screen and (min-width: 767px) {
  .orderSummaryBasket .orderTotals .label {
    width: 65%; } }

.speedoBasket .message.big {
  margin: 12px;
  border: none;
  background: none;
  line-height: 16px;
  font-size: 14px; }

.error.message.big ul li {
  font-size: 14px;
  line-height: 16px; }