@import 'css/master/settings/settings';

#myOfficeToolbar #toolbarItemsCart,
#myOfficeToolbar .rr_tb_slider {
  position: relative;
}

#myOfficeToolbar {
  .prod_hover_details {
    background-color: $white;
    border: 1px solid $borderGray;
    box-shadow: 3px 3px 6px $grayLight, -3px 3px 6px $grayLight;
    margin-top: 10px;
    min-height: 125px;
    padding: 10px 0;
    width: 230px;
    z-index: 999;
  }

  .tb_prod_content {
    padding: 0 15px;

    .prod_descrip {
      margin-bottom: 10px;
    }
  }

  .prod_qty {
    margin: 5px 0;
  }

  .rr_product_price {
    a {
      float: left;
      display: block;
      color: $gray;
      width: 100%;
      @include clearfix();

      &.rr_zone_map {
        color: $blue;
      }
    }

    .unified_member_price {
      color: $black;
    }

    .rr_product_original_price {
      text-decoration: line-through;
      @include font-size($baseFontSize - 4);
    }

    .rr_product_price_main {
      color: $red;
      font-weight: $fontWeightSemiBold;
      @include font-size($baseFontSize + 4);

      sup {
        margin: 0 3px;
        @include font-size($baseFontSize - 4);
      }

      .rr_product_price_uom {
        color: $gray;
        font-weight: $fontWeightNormal;
        @include font-size($baseFontSize - 4);
      }
    }
  }
}

/*/BEGIN  two columns hover */
@mixin two-columns-hover() {
  .prod_img {
    padding: 15px 5px 5px 10px;
    display: inline-block;
    float: left;
  }

  .descrip_wrapper {
    margin: 10px 10px 10px 5px;
    display: inline-block;
    width: 115px;
  }

  .tb_prod_content {
    padding: 0;
  }
}

#myOfficeToolbar {
  .prod_hover_details.two_columns {
    @include two-columns-hover();
  }
}

#toolbarItemsCart {
  .prod_hover_details {
    @include two-columns-hover();
  }
}

/*/END  two columns hover*/