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

$darkerGray: darken($grayLight, 15%);

// Nav's crappy specific override that i don't agree with at all!!!!
#searchRefineV2 .my_office_toolbar_is_hidden .gw9 .rr_zones_v2 .rr_product {
  width: 205px !important;
}

#searchRefineV2 .my_office_toolbar_is_visible .gw9 .rr_zones_v2 .rr_product,
#pbdealcenter .rr_zones_v2 .rr_product {
  width: 150px !important;
}

.rr_zones_v2 {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 25px;
  z-index: 1;
  @include clearfix();

  div[data-bv-show="inline_rating"] {
    float: none;
  }


  .btn.secondary {
    padding: 0 12px;
  }

  .rr_product_description_name {
    min-height: 70px;
  }

  .rr_product_category_description a {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #111;
  }

  .bx-prev.disabled, .bx-next.disabled {
    display: block !important;
    background-position: -4px 0;
  }

  .unified_price_block {
    float: left;
  }

  .unified_price_savings_detail {
    color: $blue;
  }

  .bx-next.disabled {
    background-position: -39px 0;
  }

  .rr_zone_heading {
    width: 100%;
    float: left;
    display: block;
    font-weight: $fontWeightNormal;
    padding-top: 6px;
    margin-bottom: 12px;
    border: none !important;
    border-bottom: solid 1px $grayLight !important;
    background: transparent !important;
    line-height: 28px !important;
    @include border-radius(0px, true);
    @include font-size(22px, true);
  }

  .categories .rr_product{
    width:30%;
  }

  .rr_product {
    float:left;
    clear:none;
    width:150px;
    position: relative;
    margin-right: 22px;

    &_price {
      float: left
    }

    a {
      display: block;
    }

    .rr_product_image_link {
      text-align: center;
      position: relative;
      width:100%;
      height: 125px;
      overflow: hidden;
    }

    .rr_product_description {
      float: left;
      @include clearfix();
      a {
        color: $black;
        height: 60px;
        display: block;
        line-height: 18px;
        @include font-size($baseFontSize - 4, true);
      }
    }

    .rr_product_restricted {
      position: relative;
      .skulist_restricted_text {
        position: relative;
        bottom: auto;
        z-index: auto;
        clear: both;
        color: $red;
        font-weight: bold;

        &:hover + .odTooltip {
          display: inline-block;
          bottom: 12px;
          left: -20px;
        }
      }
    }

    .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_clearance_price {
        position: absolute;
        margin-top: -13px;
        margin-left: 8px;
      }
      .rr_product_price_main {
        color: $red;
        font-weight: $fontWeightSemiBold;
        @include font-size($baseFontSize + 5);

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

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

    //Rating
    .bvs {
      width: auto;
      margin: 0;
      a {
        padding: 8px 0 8px;
        display: block;
        float: left;
        @include clearfix();
        &:hover .link_color {
          text-decoration: underline;
        }
      }

      .star_rating .link_color {
        @include font-size($baseFontSize - 4);
        margin-right: 0;
        .svg_star_rating {
          margin-right: 1px;
        }
      }
    }

    .rr_atc_actions {
      display: block;
      float: left;
      width: 100%;
      margin-top: 10px;
      @include clearfix();
      .form_field {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
        label {
          font-size: 0.85em;
        }
      }
      label, input {
        float: left;
        margin: 0;
      }
      .rr_atc_actions_qty {
        width: 25px;
        margin: 0 5px;
        float: left;
        @include font-size($baseFontSize - 2);
      }
      .btn {
        width: 76px;
        padding: 0;
        height: auto;
        margin-top: 1px;
      }
    }
  }

  //Seed Sku
  &.rr_seed_sku_zone {
    .rr_seed_container {
      position: relative;
      overflow: hidden;
      padding: 26px 27px 0 27px;

    }
  }

  .seed_sku {
    border: 1px solid $grayLight;
    float: left;
    width: 165px;

    .rr_product {
      width: 165px;

      .rr_product_price a {
        padding-bottom: 5px;
        width: auto;
      }


      .bvs a {
        padding: 8px 5px 9px 5px;
      }

      .rr_product_seedsku_heading {
        text-align: center;
        @include font-size($baseFontSize - 1);
        padding-top: 5px;
        color: $yellow;
      }
    }

    a {
      padding: 0 5px;
      display: block;
    }

  }

  /*Better Together*/
  .rr_plus_sign {
    float: left;
    clear: none;
    padding-right: 24px;
    width: 60px !important;
    text-align: center;
    padding-top: 70px;
    @include font-size(64px);
  }

  &[data-direction='vertical'] {
    border: 1px solid $darkerGray !important;

    .rr_zone_heading {
      padding: 6px 10px;
    }

    h2 {
      width: auto;
      background: $grayLight !important;
      border-bottom: 1px solid $darkerGray !important;
      font-weight: $fontWeightBold !important;
      @include font-size($baseFontSize, true);
    }

    .rr_product {
      width: auto;
      margin: 0 10px 10px 10px;
      padding-bottom: 10px;
      border-bottom: 1px dotted $darkerGray;

      &:last-child {
        margin-bottom: 0;
        border-bottom: none;
      }

      .rr_product_description a {
        height: 50px;
      }
    }
  }
}

#rr_bettertogether {
  float: left;
  width: 875px;
}

#atcV2 .rr_zones_v2 {
  z-index: 1003;
}

/* Old RR Implementation WHEN 100% with new rr implementation please just remove everything after this line!!! */

/* RR JSON UI */
.rr_zones .moduleStructContent {position:relative;}
.rr_zones.slidable .moduleStructContent {height:230px;overflow:hidden;padding:6px 0 6px 32px;}
.rr_zones.slidable.homepage .moduleStructContent, #homePage .rr_zones.slidable .moduleStructContent,
#shoppingCart .rr_zones.slidable.zone_block .moduleStructContent {width:916px;}
.rr_zones.slidable .rrFeature ul {position:absolute;width:10000px;}
.rr_zones.zone_block.horizontal .rrFeature .merch_block {float:left;clear:none;width:158px; position: relative;}
.rr_zones.zone_block.vertical .rrFeature .merch_block {width:165px;padding:12px 0;border-top: 1px dotted #c8c8c8;}
.rr_zones.zone_block.vertical .rrFeature .merch_block:first-child {border-top:0;padding-top:0;}
.rr_zones.zone_block.vertical .rrFeature h2.modStyle1 {color:#fff;background:#c00;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.23,#af0c0c),color-stop(0.62,#bf0f0f),color-stop(0.81,#c90909));
  background-image: -moz-linear-gradient(center bottom,#af0c0c 23%,#bf0f0f 62%,#c90909 81%);
  background-image: linear-gradient(center bottom,#af0c0c 23%,#bf0f0f 62%,#c90909 81%);
}
.rr_zones.slidable .moduleStructContent.atc {height:272px;}

.rr_full .moduleStructContent {
  width: 934px!important;
}
#hpIndex.rr.rh .merchRuleFeature .moduleStructContent {width:auto;}
.rr.rh .merchRuleFeature .moduleStructContent {
  margin-bottom: 12px;
  padding-right: 0;
  width: 742px;
}
.rr.rh .merchRuleFeature .first {
  padding-left: 0;
  border: 0;
}
.rr.rv .merchRuleFeature h2 {
  color: #111;
  background: #eee;
}
.rv .merchRuleFeature h2 {font-size:14px}
.rr.rh .merchRuleFeature .description {
  float: left;
  clear: left;
  min-height: 90px;
  padding-bottom: 4px;
}
.fr .rr.rh .merchRuleFeature .description {
  min-height: 70px;
}
.rr.rv .merchRuleFeature ul.products {
  margin-top: -8px;
  border-top: 1px solid #ffffff;
}
.rr.rv .rr .modStyle1 {
  color: #fff;
  background-color: #cc0000;
}
/* red header */
.rr.rv .rr h2.modStyle1 {
  background-position: -630px -105px;
}
.rr.rh .merch_block {
  float: left;
  clear: none;
  width: 159px;
}
.rr.rv .merch_block {
  margin-top: 0;
  width: 165px;
  padding-bottom:8px;
}
.rr .merchRuleFeature .main_price, .rr .merchRuleFeature .uom {
  float: right;
  clear: none;
  width: auto;
}

.merchRuleFeature .uom, .rr .uom {
  font-size: 12px;
  font-weight: normal;
  color: #cc0000;
}
.merchRuleFeature .thumb, .rr .thumb {
  margin: 0px 54px;
  width: 65px;
  height: 65px;
}

.rr .merchRuleFeature .price_title {
  display: block;
}
.rr.rh .merch_block .price_title {
  clear: left;
}
/* needed for IE7 - Clear added since all B2C sites were having issues with title not wrapping */
/* For countries with Dual Pricing */
.rr .dualPricing .uom {
  float: none;
  clear: none;
  display: block;
}
.rr .dualPricing .price_title {
  float: none;
}
.rr .map_title {
  clear: left;
  float: left;
  text-align: center;
  width: 159px;
  color: #026DCF!important;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline
}
/* for IE7 */
.rr .dualPricing .merch_block .taxedAmount {
  width: 100%;
  font-weight: bold;
}
#content .rr .merchRuleFeature .quantity_box {
  width: 159px !important;
}

/** Old rr.css **/
.merchRuleFeature {
  margin-bottom: 12px;
}
.merchRuleFeature a,
.merchRuleFeature a:hover {
  color: #111111;
  text-decoration: none;
}

.merchRuleFeature li {
  border-top: 1px dotted #C8C8C8;
  margin-top: 8px;
  padding-top: 8px;
  float: left;
}

.rv .merchRuleFeature li:first-child{border-top:none}
.merchRuleFeature .description {
  float: left;
  clear: left;
  padding-bottom: 12px;
}
.merchRuleFeature .item_sku {
  color: #666;
  font-size: 11px;
}
.merchRuleFeature .price_title {
  float: left;
  clear: none;
  color: #111111;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  padding-left: 1px;
}
.merchRuleFeature .first, .rr.rh .merchRuleFeature li, .merchRuleFeature .quantity_box li {
  border-top: 0;
  margin-top: 0;
}
.merchRuleFeature .your_price td, .merchRuleFeature .main_price {
  vertical-align: top;
  padding-top: 0;
  font-size: 14px;
}
.merchRuleFeature .modStyle2 {
  font-size: 14px;
}
.splitHead{position:relative;zoom:1;min-height:20px}
.splitHead .sp_right{position:absolute;right:12px}

/** ODCarousel **/
.carouselLoading {
  background: transparent url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/loading.png) 50% 50% no-repeat;
}
.carouselLoading .products {
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -webkit-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=50);
}
.rec-borders {
  width: 100%;
  position: relative;
  height: 200px;
  overflow: hidden;
}
.rr.rh .rec-borders .moduleStructContent {
  overflow: hidden;
  min-height: 10em;
  margin: 0 22px;
  position: relative;
  top: 0;
  height: 180px;
  width: auto;
}
.rec-borders .merch_block {
  padding-left: 10px;
  margin-left: 0 !important;
}
.rec-borders .moduleStructContent ul {
  width: 9999px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.odCarousel .rec-borders .merch_block .description {
  width: 155px;
  overflow: hidden;
}
.rec-borders .merch_block .thumb {
  margin: 0 36px;
}
.rec-borders ul li {
  display: block;
  float: left;
  padding: 10px;
  height: 85px;
  width: 85px;
}
.rec-borders ul li a img {
  display: block;
}
.carousel_container, .carousel_container ul {
  position: relative;
  float: left;
}
.carousel_container .arrow {
  display: block;
  height: 23px;
  width: 22px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  background: url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/carousel_arrows2.png) no-repeat 0 0;
}
.carousel_container .forward, .carousel_container .back {
  top: 50%;
  float: left;
  cursor: pointer;
}
.carousel_container .forward {
  right: 0px;
  background-position: -22px 0;
}
.carousel_container .back {
  background-position: 0 0px;
  left: 0px;
}
.carousel_container .forward:hover {
  background-position: -22px -23px;
}
.carousel_container .back:hover {
  background-position: 0 -23px;
}
.carousel_container .forward.disabledArrow {
  background-position: -22px -46px;
  cursor: default;
}
.carousel_container .back.disabledArrow {
  background-position: 0 -46px;
  cursor: default;
}
.rec-borders .arrow {
  display: block;
  height: 23px;
  width: 22px;
  text-indent: -9999px;
  position: absolute;
  top: 37px;
  background: url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/carousel_arrows2.png) no-repeat 0 0;
}
.rec-borders .forward, .rec-borders .back {
  top: 70px;
  float: left;
  cursor: pointer;
}
.rec-borders .forward {
  right: 0;
  background-position: -22px 0;
}
.rec-borders .back {
  background-position: 0 0px;
  left: 0;
}
.rec-borders .forward:hover {
  background-position: -22px -23px;
}
.rec-borders .back:hover {
  background-position: 0 -23px;
}
.rec-borders .forward.disabledArrow {
  background-position: -22px -46px;
  cursor: default;
}
.rec-borders .back.disabledArrow {
  background-position: 0 -46px;
  cursor: default;
}
.odCarousel .imgHolder {
  border: 1px solid #dddddd;
  background: #eeeeee url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/loading.png) 50% 50% no-repeat;
  display: block;
}
.merchRuleFeature .bvs{clear:both}
.merchRuleFeature .underline{color:#026dcf;text-decoration:underline;}
/* = end richrelevance */

/* RR JSON UI */
.rr.rh.qv .rr_zones.horizontal.zone_block.rrW3.slidable {margin-left:12px;}
.rr.rh.qv .rr_zones.horizontal.zone_block.rrW3.slidable {width:600px;border:0;}
.rr.rh.qv .rr_zones.slidable .moduleStructContent {width:600px;border:1px solid #ccc;border-radius:5px;background:#fff;overflow:hidden;}
.rr.rh.qv .rr_zones.zone_block.horizontal .rrFeature .merch_block {width:174px;}
.rr.rh.qv .rr_zones.zone_block.slidable .rrFeature li.merch_block {padding:0 0 0 24px;}
.rr.rh.qv .rr_zones .rr_item_name {height:56px;}
.rr.rh.qv .moduleStruct.rrFeature h2.rrStyle {border-bottom:0;}

.rr_zones.horizontal.rrW4 {width:756px;}
.rr_zones.horizontal.rrW4.slidable .moduleStructContent, .rr_zones.horizontal.rrW4 .moduleStructContent {border:none;}
/* Need "#shoppingCart" in rule below to outweigh another rule that includes "#shoppingCart .rr_zones ..." above */
#shoppingCart .rr_zones.horizontal.rrW4.slidable .moduleStructContent {width:724px;}
.rr_zones.sf.horizontal.rrW4 {width:708px;}
.rr_zones.horizontal.rrW5, #homePage .rr_zones.horizontal,
.rr_zones.zone_block.horizontal.rrW5, .rr_zones.horizontal.homepage.rrW4, #homePage .rr_zones.zone_block.horizontal {width:948px;}
.rr_zones .moduleStructContent, .rr_zones.slidable, .rr_zones.horizontal {position:relative;}
.rr_zones .moduleStruct {float:left;margin-bottom:12px;width:100%;}
.rr_zones .moduleStructContent {display:block;padding:12px;border:1px solid #fff;border-top:none;zoom:1;}
.rr_zones .moduleStruct h2 {background-image:url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/bg_sprite_page.png);background-repeat:repeat-x;background-position:-631px -150px;padding:8px 6px;cursor:default;}
.rr_zones.slidable .moduleStructContent, .rr_zones.horizontal .moduleStructContent,#atc_lightbox .rr_zones.horizontal .moduleStructContent{min-height:266px;width:754px;overflow:hidden;padding:6px 0;border-color:#fff;}
.rr_zones.vertical.zone_block .moduleStructContent {border-color:#ccc;}
.rr_zones.slidable .rrFeature ul, .rr_zones.horizontal.rrW4 .rrFeature ul {position:absolute;width:10000px;left:0px}
.rr_zones.horizontal.homepage.rrW5 .moduleStructContent, #homePage .rr_zones.horizontal .moduleStructContent {width: 948px;}

.rr_zones.cm_rr_zones .moduleStructContent {
  width: 100%;
}

.rr_zones.horizontal.zone_block h2.rrStyle,
.rr_zones.horizontal h2.rrStyle,
.rr_zones.slidable .moduleStruct h2 {width:100%;float:left;color:#111;font-size:22px;font-weight:normal;padding:0 0 6px 0;background:none;
  border:0;border-bottom:solid 1px #ddd;border-radius:0;
}
#noResults .rr_zones.horizontal.zone_block h2.rrStyle,
#noResults .rr_zones.horizontal h2.rrStyle {
  border:solid 1px #d8d8d8; background-color: #f3f3f3; color:#000; font-size:14px; font-weight:bold;border-radius:5px;padding:11px;max-width:728px;
}

.rr_zones.homepage .moduleStructContent, #homePage .rr_zones .moduleStructContent {padding:0;border:0;}
.rr_zones.homepage .moduleStruct, #homePage .rr_zones .moduleStruct {margin-bottom:0;} /* override */
.rr_zones.homepage, #homePage .rr_zones {float:left;clear:both;}
.rr_zones.zone_block.horizontal {float:left;clear:both;width:756px;}

.rr_zones.homepage.slidable .moduleStructContent, #homePage .rr_zones.slidable .moduleStructContent {padding-left:32px;}

.skuV2 .rr_zones.zone_block.slidable .rrFeature li.merch_block {width:144px;padding:0 0 0 33px;}
.rr_zones.zone_block.slidable .rrFeature li.merch_block {width:150px;padding:0 0 0 33px;}
.rr_zones.homepage.slidable .rrFeature li.merch_block, #homePage .rr_zones.slidable .rrFeature li.merch_block {width:151px;padding:0 0 0 32px;}
.rr_zones.homepage .rrWrapper .rr_seed_sku, #homePage .rrWrapper .rr_seed_sku {width:151px;padding:15px; float:left; border: solid 1px #d8d8d8; box-sizing: content-box;margin-right:10px;border-radius:3px; }
#rrWithSlider .rr_seed_sku a {position: relative;display: inline-block;}
.rr_zones.homepage .rrWrapper .rr_seed_sku .rr_recently_viewed, #homePage .rr_zones .rrWrapper .rr_seed_sku .rr_recently_viewed {font-size:14px;font-weight:normal;color:#EB9700;margin-botton:8px;display:block;}
.rr_zones.homepage .rrWrapper .rr_seed_sku + .moduleStructContent, #homePage .rr_zones .rrWrapper .rr_seed_sku + .moduleStructContent, #bsdHome .bsdV5 .rr_zones .rrWrapper .rr_seed_sku + .moduleStructContent {width: 754px;margin-top: 33px;float:left;}


.rr_zones.homepage.slidable .rrFeature li.merch_block.recently_viewed, #homePage .rr_zones.slidable .rrFeature li.merch_block.recently_viewed{padding: 0 0 0 32px;}
.rr_zones.homepage.slidable .rrFeature li.merch_block .rr_seed_sku, #homePage .rr_zones.slidable .rrFeature li.merch_block .rr_seed_sku {border: solid 1px #d8d8d8; float: left;padding:10px 10px 5px 10px;}
.rr_zones.homepage.slidable .rrFeature li.merch_block .rr_seed_sku .rr_recently_viewed, #homePage .rr_zones.slidable .rrFeature li.merch_block .rr_seed_sku .rr_recently_viewed {font-size: 15px; font-weight:bold; color:#EB9700; text-align:center; height:18px; display:block;}

.rr_zones.zone_block.vertical .rrFeature .merch_block {float:left;width:165px;padding:12px 0;border-top: 1px dotted #c8c8c8; clear:both;}
.rr_zones.zone_block.vertical .rrFeature .merch_block:first-child {border-top:0;padding-top:0;}
.rr_zones.zone_block.vertical .rrFeature h2.rrStyle {color:#111;background:#eee;border:1px solid #ccc;}
.rr_zones.outofstock .merch_block {float:left;width:160px;padding-right:24px;}

.rr_zones.sf.horizontal.rrW4 .products.horizontal .merch_block,
.rr_zones.sf.horizontal.rrW4.slidable .products.horizontal .merch_block {position:relative;float:left;width:150px;}


.zr .rr_zones.rrW4 .products.horizontal .merch_block {position:relative;float:left;width:157px;padding:0 0 0 0;}

.rrCarousel_btn {background: url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/carousel-btn-sprites.png) no-repeat 0 0;height:48px;width:20px;border:0;cursor:pointer;position:absolute;top:142px;}
.rrCarousel_btn.next {right:0;background-position:-39px -48px;}
.rrCarousel_btn.prev {left:0;background-position:-4px -48px;}
.rrCarousel_btn.next.disabled, .rrCarousel_btn.next.disabled:hover {background-position:-39px 0;background-color:transparent;border:0;}
.rrCarousel_btn.prev.disabled, .rrCarousel_btn.prev.disabled:hover {background-position:-4px 0;background-color:transparent;border:0;}
.rr_zones.horizontal.homepage .withSeedSku + .rrCarousel_btn.prev, #homePage .rr_zones.horizontal .withSeedSku + .rrCarousel_btn.prev {left:193px;}
.rrCarousel_btn.next:hover {background-position:-39px -96px;}
.rrCarousel_btn.prev:hover {background-position:-4px -96px;}

.rr_zones .rr_price_block {float:left;width:auto}
.rr_zones .rr_sale_price {float:left;text-decoration:line-through;color:#72777C;margin-right:4px;font-size:12px;line-height:20px;}

.rr_zones .uom {font-size:12px;font-weight:normal;}
.rr_zones .reviewTabLink{width:150px;float:left;clear:left;padding:0;}
.rr_zones .products .bvs {white-space:nowrap;margin:3px 0;line-height:17px;text-align:center;width:150px;}
.rr_zones .rr_item_name {float:left;height:50px;width:100%;overflow:hidden;}
.rr_zones .actions {float:left;clear:both;width:146px;min-height:26px;}
.rr_zones .quantity_box li {float:left;clear:none;min-height:23px;margin:0;padding:0;text-align:left;line-height:22px;}
.rr_zones .quantity_box .input {width:5ex;height:19px;line-height:19px;margin-right:4px;}
.rr_zones .quantity span {font-size:13px;padding-right:4px;line-height:18px;}
.rr_zones .rr_item_name.longDesc{height:90px;}
.rr_zones input.btn.secondary {
  width: 24px;
  height:24px;
  padding: 0;
  margin: 0 3px;
  border: solid 1px #cbcbcb;
  font-size: 12px;
  color:#72777C;
}

.rr_zones.homepage .rrFeature h2.rrStyle, #homePage .rr_zones .rrFeature h2.rrStyle {background:none;font-size:22px;font-weight:normal;color:#111;padding:0 0 6px 0;border-bottom:1px solid #d8d8d8;margin-bottom:6px;}
.rr_zones.homepage.slidable .rrFeature h2.rrStyle,  #homePage .rr_zones.slidable .rrFeature h2.rrStyle {border:none;border-bottom:1px solid #d8d8d8;}
.rr_zones .linkColor, .rr_zones .linkColor a {text-decoration:none;color:#1e5a99 !important; font-size: 12px;}
.rr_zones .linkColor:hover, .rr_zones .linkColor a:hover {color:#ffb52f !important;}
.rr_zones .main_price {float:left;color:#cc0000;font-size:21px;font-weight:bold;text-align:left !important;}
.rr_zones .main_price .small {display:inline-block;vertical-align:top;font-size:11px;padding:1px 0 0;}
.rr_zones .uom {color:#72777C;vertical-align:top;font-size:11px;}


/* Rich Relevance Zone BxSlider Overrides */
.rr_zones .bx-wrapper .bx-controls-direction a {
  top: 110px;
}
.rr_zones .bx_rr_slider li.merch_block {
  padding: 0;
  margin-right: 22px;
}

.rr_zones .bx-wrapper .bx-prev.disabled,
.rr_zones .bx-wrapper .bx-next.disabled {
  border: 0 none;
  display: block;
}

.rr_zones .bx-wrapper .bx-next.disabled {
  background-position: -39px 0;
}

.rr_zones .bx-wrapper .bx-prev.disabled {
  background-position: -4px 0;
}

#bsdHome .bsdV5 .rr_zones.slidable .moduleStructContent, #bsdHome .bsdV5 .rr_zones.horizontal .moduleStructContent {
  width: 948px;
}

.rr_zones_v2 .bx-wrapper {
  clear: both;
}

.rr_product [data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row,
.rr_product [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break,
.rr_product [data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container,
.rr_product [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_delimeter,
.rr_product [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal
{display: none!important;}

.rr_product [data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container .bv_stars_button_container svg {
  zoom: 0.7;
}

.rr_product [data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container .bv_stars_button_container { padding-right: 6px !important;}

@media only screen and (max-width: 480px) {
  .rr_layout1 .rr_sku_details:first-child {
    border-left: none
  }
  .rr_layout1 .swipe, .rr_layout1 .rr_sku_details img {
    width: 100%
  }
  .rr_layout1 .rr_sku_details p {
    height: 22px;
    line-height: 12px;
    font-size: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333
  }
  .rr_layout1 .price {
    padding-right: 0
  }
  .rr_layout1 .rating_block {
    height: 21px
  }
  .rr_layout1 .large_price {
    font-size: 24px;
    float: right
  }
  .rr_layout1 .large_price span {
    float: left
  }
  .rr_layout1 .small_text {
    font-size: 14px;
    padding-top: 1px
  }
  .rr_layout1 .map_price {
    font-size: 12px;
    text-align: right;
    float: left;
    width: 100%
  }
  .rr_layout1 .map_price span {
    font-size: 10px;
    text-align: right;
    float: right
  }
  .rr_layout1 .sliderDot.on {
    color: #3379c2
  }
  .rr_layout1 .large_stars {
    padding-top: 3px;
    line-height: inherit
  }
  .rr_layout1 .large_stars .star_group {
    -ms-transform: scale(.75);
    -ms-transform-origin: 0 0;
    -webkit-transform: scale(.75);
    -webkit-transform-origin: 0 0;
    transform: scale(.75);
    transform-origin: 0 0;
    display: inline-block
  }
  .prod-tile.rr_sku_details {
    margin: 10px 0px 10px 0px;
    text-align: center;
  }
  .rr_layout1 {
    border-top: 1px solid #CCC;
  }
  .rr_layout1 .rr_sku_details {
    width: 33.3%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    border-left: 1px solid #CCC;
  }
  .large_stars .rating_400 {
    width: 84px;
  }
  .large_stars .star_active {
    position: absolute;
    display: inline-block;
    background: url("//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/mobile/large_rating_stars.png") no-repeat 0 -50px;
    background-size: auto;
    background-size: 107px 70px;
    height: 19px;
  }
  .large_stars .star_inactive {
    display: inline-block;
    background: url("//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/mobile/large_rating_stars.png") no-repeat 0 0;
    background-size: auto;
    background-size: 107px 70px;
    height: 19px;
    width: 107px;
  }
  .t_right, .right {
    text-align: right;
  }
  .em, .brand {
    color: #ce0000;
  }
}