/* Global May Require Clean-up */
/*Product Rating*/
.productRating {
  width: 100%;
  white-space: nowrap;
}
.results .productRating {
  white-space: normal;
}
.prodContainer .productRating a:first-child:hover {
  text-decoration: none;
}
.tireRackProjection{
  font-family: var(--font-family-primary);
  font-weight: 500;
  color: #2B7088;
  font-size: 14px;
  padding-left: 34px;
  padding-top: 8px;
  margin: 0 0 4px;
}
.tireRackProjection:before {
  background: url("/images/icons/trProjection_blue.svg") no-repeat;
  content: "";
  height: 26px;
  left: 1px;
  position: absolute;
  top: 3px;
  width: 26px;
}
#compareslider .tireRackProjection{
  font-family: var(--font-family-primary);
  color: #2E7993;
  font-size: 14px;
  padding-left: 0px;
  padding-top: 0px;
}
#compareslider .tireRackProjection:before {
  content: "";
  height: 0px;
  left: 0px;
  position: unset;
  top: 0px;
  width: 0px;
}
.consumerRecommended {
  display: inline-block;
}
.avgRating:hover div.hide {
  display: block;
}
.avgRating div.hide {
  background: none repeat scroll 0 0 var(--color-white);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  line-height: 10px;
  display: block;
}
.avgRating:hover span.hide {
  display: block;
}
.avgRating span.hide {
  background: none repeat scroll 0 0 var(--color-white);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.avgRating {
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: 11px;
  line-height: 16px;
  margin: 3px 0;
  position: relative;
  text-decoration: none;
}
.avgRating .blue {
  color: #2B7088;
}
.reviewCt {
  text-decoration: none;
  font-family: var(--font-family-primary);
  padding: 3px 0px;
  font-size:11px;
  line-height: 16px;
  display:inline;
}
.reviewDiv {
  color: #333;
  font-family: var(--font-family-primary);
  font-size: 11px;
  text-align:center;
  padding-left:1px;
  padding-right:1px;
  line-height: 16px;
  display: inline-block;
}
.avgRating a {
  font-family: var(--font-family-primary);
  line-height: 16px;
}
.compareWrapper .productRating .starRating-small {
  margin: 2px 4px 0 0;
}
.compareWrapper .productRating .blue {
  font-size: 14px;
  float: right;
}
.compareWrapper .productRating .avgRating .notApplicable {
  float: right;
}
.productRating div.breakdown .numAvgs {
  margin-left: 5px;
  padding: 10px 0px 0px;
}
.productRating div.breakdown .numAvgs, .productRating div.breakdown .barTotalStars {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.tdgCompare .productRating span.avgRating:hover div.breakdown {
  max-height: 500px;
  opacity: 1;
}
.tdgCompare .productRating span.avgRating div.breakdown {
  background: none repeat scroll 0 0 var(--color-white);
  border-radius: 3px;
  box-shadow: 1px 1px 13px #888;
  color: #333;
  display: block;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
  left: -50px;
  margin-top: 8px;
  z-index: 5;
  max-height: 0;
  opacity: 0;
  transition: max-height 2s, opacity 1s;
  overflow: hidden;
}
.productRating span.avgRating div.breakdown p span.redText {
  color: #ff0000 !important;
}
.productRating span.avgRating div.breakdown span {
  color: var(--color-red);
}
.productRating span.avgRating div.breakdown span.notApplicable{
  color:#878684;
}
.productRating span.avgRating div.breakdown span.applicable{
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-bold);
  font-size: 28px;
  color: #333;
}
.productRating span.avgRating div.breakdown .averageRating{
  color: #333333;
  margin: 0 0 10px 0;
  display: block;
}
.productRating div.breakdown div.barsOff, .productRating div.breakdown div.barsOn {
  background-color: var(--color-lightgrey) !important;
  display: inline-block;
  height: 13px;
  position: relative;
  vertical-align: top;
  width: 60px;
}
.productRating div.breakdown .barTotalStars div {
  margin-bottom: 4px !important;
  text-align: left;
}
.tdgCompare .productRating div.breakdown.projBreakdown .barTotalStars {
  width: 100%;
}
.productRating span.avgRating div.breakdown p, .productRating div.breakdown .barTotalStars {
  font-size: 12px !important;
  font-weight: normal;
  font-family: var(--font-family-primary);
  border-bottom: 1px solid #ccc;
  margin-right: 6px;
}
.productRating span.avgRating div.breakdown .barTotalStars span {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-semibold);
  padding-left: 5px;
  color: #7d7d7d;
  font-size:11px;
}
.tdgCompare .productRating span.avgRating div.breakdown .barTotalStars .breakdownCategory{
  width: 85px;
  display: inline-block;
  padding-right: 5px;
  text-align: right;
}
.productRating .star {
  background: url(/images/icons/starRating_10.svg) no-repeat;
}
.productRating .star-avrg {
  background: url(/images/icons/starRating_10.svg) no-repeat;
}
.tdgCompare .productRating span.avgRating div.breakdown.projBreakdown {
  min-width: calc(100% + 10px);
  max-width: calc(100% + 10px);
  margin-top: 8px;
  left: 0;
}
.productRating span.avgRating div.breakdown:not(.projBreakdown) {
  right: -14px;
}
.noRating{
  width: 180px !important;
  white-space: normal !important;
  padding: 0px 10px 10px 10px !important;
  top: 8px !important;
}
.projBreakdown .projection{
  width: 140px;
  padding: 0px !important;
  line-height: 13px;
  white-space: normal !important;
}
.noRatings .numAvg .avgRatings{
  line-height: 14px;
  margin: 0px;
}
.productRating div.categoryCaret {
  position: absolute;
  display: none;
  left: calc(50% - 20px);
  width: 100%;
  height: 8px;
  z-index: 10;
  background:transparent url('/images/css_elements/retail/tabCaret_sm.png') no-repeat;
}
#compareslider .productRating div.categoryCaret {
  top: 16px;
  left: -25px;
}
#compareslider .productRating div.breakdown {
  top: 16px;
}
.productRating span.avgRating:hover div.categoryCaret {
  display: block;
}
.bg-excellent, .productRating div.breakdown div.bg-excellent {
  background: #75c63b!important;
}
.bg-good, .productRating div.breakdown div.bg-good {
  background: #b8ec80 !important;
}
.bg-fair, .productRating div.breakdown div.bg-fair {
  background: #fee34c!important;
}
.bg-poor, .productRating div.breakdown div.bg-poor {
  background: #f39526 !important;
}
.bg-unacceptable, .productRating div.breakdown div.bg-unacceptable {
  background-color: #EF5134 !important;
}
.bg-na, .productRating div.breakdown div.bg-na {
  background-color: #f5f5f5;
}
/* Star Icons */
.starRatingWrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}
.starRating-small {
  width: 65px;
  height: 12px;
  margin: 2px;
}
.starRating-small > [class^="star"] {
  width: 100%;
  height: 100%;
  display: block;
}
.star_0 {
  background: url("/images/icons/starRating_0.svg") no-repeat;
}
.star_1 {
  background: url("/images/icons/starRating_1.svg") no-repeat;
}
.star_2 {
  background: url("/images/icons/starRating_2.svg") no-repeat;
}
.star_3 {
  background: url("/images/icons/starRating_3.svg") no-repeat;
}
.star_4 {
  background: url("/images/icons/starRating_4.svg") no-repeat;
}
.star_5 {
  background: url("/images/icons/starRating_5.svg") no-repeat;
}
.star_6 {
  background: url("/images/icons/starRating_6.svg") no-repeat;
}
.star_7 {
  background: url("/images/icons/starRating_7.svg") no-repeat;
}
.star_8 {
  background: url("/images/icons/starRating_8.svg") no-repeat;
}
.star_9 {
  background: url("/images/icons/starRating_9.svg") no-repeat;
}
.star_10 {
  background: url("/images/icons/starRating_10.svg") no-repeat;
}
/* Package Counter */
.packageCounter {
  margin-bottom: 50px;
  display:flex;
  justify-content: space-between;
  align-items:flex-end;
}
.packageCounter_left {
  width:90%;
}
.packageCounter_header {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-bottom:20px;
}
.packageCounter_header h2.secondaryHeader {
  margin-bottom:0;
}
@media only screen and (max-width:1100px) {
    .packageCounter_header {
      display:block;
  }
}
@media only screen and (max-width:767px) {
    .packageCounter img {
      display:none;
  }
    .packageCounter_left {
      width:100%;
  }
}
/* End Global May Require Clean-up */
/* CSS Content Removal */
.compareTopContent .reviewDiv, .compareTopContent .reviewCt {display: none;}
/* Old Compare Table Styles */
.recommendation {
  padding: 20px 10px;
  background: #efefef;
}
.recommendation h2 {
  font-size: 20px;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-semibold);
  text-transform: none;
  margin: 0;
}
.recommendation p {
  font-size: 16px;
  font-family: var(--font-family-primary);
  text-transform: none;
}
.recIcon {
  display: inline-block;
  width: 230px;
  text-align: center;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-bold);
  font-size: 20px;
}
.recIcon img {
  max-width: 50%;
}
.recIcon span {
  display: block;
  text-transform: uppercase;
}
.recommendation a {
  font-family: var(--font-family-primary);
  font-weight: 400;
  font-size: 14px;
}
.editPriorities {
  display: flex;
  flex-direction: column;
}
.attributes {
  font-family: var(--font-family-primary); font-weight: 400;
  font-size: 12px;
}
.editPriorities .attributes > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.editPriorities .attributes > div.hide {
  display: none;
}
.editPriorities .attributes > div > div {
  margin-bottom: 20px;
  width: 50%;
}	
.editPriorities .attributes input[type="radio"] + label {
  box-shadow: none;
  height: 10px;
  margin-top: 10px;
  margin-right: 0;
  width: 10px;
  border:1px solid var(--color-mediumgrey);
  border-radius:50%;
  background:var(--color-white);
  display:inline-block;
  z-index: auto;
  opacity: 1;
  position: static;
}
.editPriorities .attributes input[type="radio"].enabled + label {
  background: #018a28;
  border: 1px solid #018a28;
}
.recText {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 250px);
}
.recText p {
  margin: 10px 0 0;
}
.recommendation .redGreater {
  margin-top: 10px;
  display: block;
}
.recommendation .redGreater:after {
  line-height: inherit;
}
.loginSnippet {
  font-family: var(--font-family-primary);
  margin: -25px 0 20px;
}
/* New TDG Styles */
.topThreeHeader, .topTwoHeader, .topOneHeader {
  font-size: 18px;
  text-transform: none;
  font-weight: var(--font-weight-semibold);
  padding: 0 0 5px;
  margin: 35px 0 0;
}
.topThreeHeader {
  border-bottom: 3px solid var(--color-mediumgrey);
}
.topTwoHeader:after, .topOneHeader:after {
  content: "Based on your selections, there are only two tires recommended for your vehicle.";
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  background: var(--color-lightgrey);
  padding: 10px;
  margin: 10px 0;
  width: 100%;
}
.topOneHeader:after {
  content: "Based on your selections, there is only one tire recommended for your vehicle.";
}
.compareTopContent {
  position: relative;
}
.productHeaderBlock {
  padding: 0 20px;
  min-height: 220px;
}
.twoPrice .productHeaderBlock {
  min-height: 260px;
}
.productCompareHeader {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 320px;
}
.productCompareHeader.fixed {
  background: var(--color-white);
  border-bottom: 3px solid var(--color-mediumgrey);
  z-index: 3;
  inset: auto;
}
.headerName::after {
  padding: 0 0 15px;
  border-bottom: 1px dashed var(--color-mediumgrey);
  display: block;
  margin: 0 auto 10px;
  content: "";
  width: 100px;
}
.headerName .prodBrand {
  margin-top: 15px;
  font-size: 22px;
  text-align: center;
  display: block;
  font-weight: var(--font-weight-semibold);
  color: var(--font-color-primary);
}
.headerName .prodBrand span {
  line-height: 20px;
  display: block;
  margin: -3px 0 0;
  float: none;
  word-wrap: break-word;
  font-weight: 400;
}
.productCompareHeader a {
  text-decoration: none;
}
.productCompareHeader .headerName {
  min-height: 90px;
  position: relative;
}
.headerPrice .finalPrice {
  float: none;
  font-size: 24px;
  margin: 0;
  width: auto;
  font-weight: var(--font-weight-semibold);
}
.headerPrice .finalPrice .currency {
  font-size: 16px;
  position: relative;
  top: -5px;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-semibold);
}
.compContent .productCompareHeader .specialCloseout {
  display: inline;
}
.productCompareHeader .atc {
  margin: 20px auto;
  width: 190px;
  max-width: 100%;
}
.productCompareHeader .atc span {
  font-size: 12px;
  display: block;
}
/* Set Pricing in Button */
.productCompareHeader .atc:has(.setWithPricing) {
  position: relative;
  align-items: flex-start;
  padding-top: 3px;
}
.productCompareHeader .atc:has(.setWithPricing)::before {
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
  margin: 1px 0 0 1px;
}
.productCompareHeader .atc:has(.setWithPricing) .setWithPricing {
  font-weight: var(--font-weight-reg);
  font-size: var(--font-size-sm);
  position: absolute;
  width: 190px;
  left: 0;
  text-align: center;
}
.productCompareHeader .atc:has(.setWithPricing) div {
  min-width: 84px;
}
.compareImages {
  border-top: 1px solid var(--color-mediumgrey);
}
.ratingsBestBlock {
  padding: 0 0 5px;
  text-align: center;
}
.ratingsBestBlock .specialProdLabels span {
  line-height: 13px;
  color: #5d5959;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-semibold);
  font-size: 13px;
  display: inline-block;
}
.ratingsBestBlock .specialProdLabels span::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  top: -2px;
  margin-right: 3px;
  background: url(/images/icons/checkCircle_yellow.svg) center/15px no-repeat;
  vertical-align: middle;
  position: relative;
}
.compareImages {
  padding: 10px 0 275px;
  text-align: center;
}
.twoPrice .compareImages {
  padding: 10px 0 260px;
}
.compareImages img {
  max-width: min(80%, 170px);
  max-height: 240px;
  margin: 10px auto 0;
}
.compareImages .recommended img {
  max-width: min(90%, 190px);
  max-height: 260px;
  margin-top: 0;
}
.viewOnVehicle {
  display: flex;
  align-items: center;
  font-size:var(--font-size-xs);
  justify-content: center;
}
.viewOnVehicle:before {
  display:block;
  content:"";
  background:url(/images/icons/wheelVisualizer_blue.svg)no-repeat;
  filter: brightness(0) invert(1);
  height:18px;
  width:18px;
  background-size:18px 18px;
  margin-right:5px;
}
.secondaryPillBtn.viewOnVehicle {
  color: var(--color-white);
  background: var(--color-blue);
  margin: 0 auto 15px;
  border: none;
}
.secondaryPillBtn.viewOnVehicle:hover {
  background-color: var(--color-black);
}
.compareSection {
  border-top: 3px solid var(--color-mediumgrey);
  padding: 65px 0 0;
  position: relative;
}
.compareHeaderCollapse.open button::before, .compareHeaderCollapse.closed button::before {
  position: absolute;
  background: url(/images/icons/minusSquare_blue.svg) no-repeat;
  width: 19px;
  height: 18px;
  display: block;
  content: "";
  left: 6px;
  top: 23px;
}
.compareHeaderCollapse.closed button::before {
  background: url(/images/icons/plusSquare_blue.svg) no-repeat;
}
.compareHeaderCollapse button {
  background: none;
  color: var(--color-blacktext);
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-family-primary);
  line-height: 14px;
  padding: 25px 0 25px 35px;
  position: relative;
}
.compareTable {
  position: relative;
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.compareTable td {
  box-sizing: border-box;
  padding: 40px 35px;
  vertical-align: top;
  min-width: auto;
  height: auto;
}
.slider-container{
  max-width: 100%;
  overflow: hidden;
}
.slick-disabled{
  opacity: 0;
  pointer-events: none;
}
.solidTableHeader {
  position: absolute;
  width: 100%;
  text-align: left;
  height: 30px;
  background: var(--color-lightgrey);
  line-height: 30px;
  font-weight: 400;
  font-size: 18px;
  padding-left: 35px;
  box-sizing: border-box;
  z-index: 1;
}
.compareSection .tireRackProjection {
  margin-top: -10px;
  white-space: normal;
}
.compareSection .tireRackProjection:before {
  top: -5px;
}
.overallRating {
  margin: 10px 0;
  line-height: 26px;
}
.overallRating::after {
  padding: 0 0 5px;
  border-bottom: 1px dashed var(--color-mediumgrey);
  display: block;
  content: "";
  width: 100px;
}
.overallRating .productRating {
  display: inline-block;
  width: auto;
  margin: 0 0 0 4px;
  position: relative;
  top: -2px;
}
.reviewCommentBlock {
  margin: 10px 0 20px;
}
.date {
  font-style: italic;
  font-size: 14px;
}
.reviewCommentBlock .date {
  margin: 0 5px 0 0;
  vertical-align: middle;
  display: inline-block;
}
.rating-wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.reviewCommentBlock .starRating {
  margin-left: 0;
}
.ratingSnippet {
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 16px;
  margin: 15px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 48px;
}
.reviewCommentBlock .redGreater {
  font-weight: 400;
  font-size: 14px;
}
.rating-wrapper .starRating-small {
  vertical-align: middle;
  display: inline-block;
}
.rating-wrapper sbold {
  vertical-align: middle;
  display: inline-block;
}
.noHeadTable td {
  text-align: center;
  vertical-align: top;
}
.secondLine {
  display: block;
  text-align: center;
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 16px;
}
.secondLine .redGreater {
  font-size: inherit;
  line-height: inherit;
}
.secondLine .redGreater::after {
  line-height: inherit;
}
.borders td {
  border-right: 1px solid var(--color-mediumgrey);
  padding: 45px 35px 15px;
}
.borders td:last-of-type {
  border-right: none;
}
.noHeadTable.borders td {
  border-top: 1px solid var(--color-mediumgrey);
  padding: 15px 35px;
}
.consumerRecommendedIcon {
  height: 26px;
  width: 26px;
  display: inline-block;
  background: url("/images/icons/thumbsUp_blue.svg");
}
.ratingBlock {
  font-weight: var(--font-weight-semibold);
  padding: 5px;
  text-align: center;
}
.ratingBlock.bg-excellent {
  border: 3px solid #75c63b;
}
.ratingBlock.bg-good {
  border: 3px solid #b8ec80;
}
.ratingBlock.bg-fair {
  border: 3px solid #fee34c;
  max-height: unset;
}
.ratingBlock.bg-poor {
  border: 3px solid #f39526;
}
.ratingBlock.bg-unacceptable {
  border: 3px solid #EF5134;
}
.ratingBlock.bg-na {
  border: 3px solid #f5f5f5;
  background: #f5f5f5;
}
.subRatings {
  color: #878684;
  font-size: 14px;
  background: var(--color-white);
  padding: 5px;
  font-weight: 400;
  position: relative;
}
.subRatings:first-of-type {
  margin-top: 8px;
}
.subRatings +.subRatings::before {
  border-bottom: 1px dashed var(--color-mediumgrey);
  display: block;
  content: "";
  width: 100px;
  position: absolute;
  top: 0;
  left: calc(50% - 50px);
}
.solidTableHeader.expandable button {
  background: none;
  padding: 0;
  color: var(--color-black);
  font-family: var(--font-family-primary);
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  overflow: visible;
}
.solidTableHeader.expandable button::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: -15px;
  background: url(/images/icons/triangleRight_black.svg) no-repeat;
  height: 11px;
  width: 7px;
}
.solidTableHeader.expandable.expanded button::before {
  transform: rotate(90deg);
  top: 6px;
  left: -19px;
}
.checkmarkIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(/images/icons/checkmark.svg) center/20px no-repeat;
}
.ssrIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(/images/icons/ssr.svg) center/20px no-repeat;
}
.compContent .compareTable .affirm-as-low-as {
  width: auto;
  float: none;
  font-family: var(--font-family-primary);
}
.specsTable td {
  text-align: center;
}
.specsTable sbold {
  vertical-align: middle;
}
.compareTable .help {
  padding: 0;
  transition: none;
  position: relative;
  margin: 0;
  line-height: inherit;
  display: inline-block;
  vertical-align: middle;
}
.compareHeaderCollapse {
  z-index: 2;
  position: absolute;
  top: 0;
  background: var(--color-white);
  width: 100%;
  max-width: 1296px;
  box-sizing: border-box;
  margin: 0;
}
.compareHeaderCollapse.fixed {
  border-bottom: 1px solid var(--color-mediumgrey);
  display: block;
  z-index: 2;
}
.twoPrice ~ .compareSection .compareHeaderCollapse.fixed {
  top: 260px;
}
.rearSpecs {
  margin: 15px 0 0;
  padding: 15px 0 0;
  position: relative;
}
.rearSpecs::before {
  content:"";
  display: block;
  width: calc(100% + 70px);
  height: 1px;
  background: var(--color-mediumgrey);
  top: 0;
  left: -35px;
  position: absolute;
}
.compareSection.last {
  border-bottom: 3px solid var(--color-mediumgrey);
  margin: 0 0 30px;
}
.seeMoreTires {
  margin: 0 0 35px;
}
.seeMoreTires h6 {
  margin: 0 0 15px;
}
.productCompareHeader .mapPrice {
  position: absolute;
  width: 100%;
  left: 0;
  top: 15px;
  font-size: var(--font-size-xs);
}
.headerPrice {
  position: relative;
}
.productCompareHeader .discountPrice {
  display: inline-block;
  float: none;
  margin: 0 0 11px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-darkgrey);
  text-decoration: line-through;
}
/* TDG Review Modal Styles */
.tdgReviewModal {
  max-width: 720px;
}
.tdgReviewModal span.prodBrand span {
  float: none;
  display: block;
  font-size: 22px;
}
.tdgReviewModal .sectionleft {
  width: 58%;
  padding-right: 12px;
  display: inline-block;
  box-sizing: border-box;
}
.tdgReviewModal .sectionCenter {
  width: 40%;
  padding-right: 12px;
  display: inline-block;
  box-sizing: border-box;
}
.tdgReviewModal .sectionleft div, .tdgReviewModal .sectionCenter div {
  display: inline-block;
}
.tdgReviewModal .review_dt {
  font-family: var(--font-family-copy);
  font-style: italic;
  font-size: var(--font-size-md);
  line-height: 14px;
  margin: 3px 0 15px;
}
.tdgReviewModal .review_ct {
  font-family: var(--font-family-copy);
  font-size: var(--font-size-md);
  line-height: 20px;
}
.tdgReviewModal h4, .tdgReviewModal .reviewList-title, .tdgReviewModal .reviewListContentTop, .tdgReviewModal .article, .tdgReviewModal .redGreater {
  padding: 0 15px;
}
.tdgReviewModal .reviewList-title {
  padding: 15px;
  border-top: 2px solid var(--color-blacktext);
  margin: 15px 0;
  border-bottom: 2px solid var(--color-blacktext);
}
.tdgReviewModal .reviewListContentTop li {
  padding: 0 0 5px;
}
.tdgReviewModal .article {
  margin: 15px 0;
}
.reviewNumber {
  display: none;
}
/* Compare Styles */
.productQty .trSelect {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.productCompare .mapPrice {
  position: static;
  display: block;
}
.productCompare .compareImages {
  padding-bottom: 0;
}
.productCompare .productCompareHeader {
  position: static;
}
.productCompare .dragscroll {
  overflow-x: scroll;
}
.productCompare .compareTopContent {
  margin-top: 10px;
}
.noHeadTable th {
  display: none;
}
.freeShipping {
  display: none;
}
.priceTotal {
  display: block;
  color: var(--color-darkgrey);
  margin: 10px 0;
}
.promoprice {
  margin: 10px 0;
  display: block;
}
.productHeaderBlock .redGreater {
  margin-bottom: 20px;
}
.productCompare.compContent .productCompareHeader .specialCloseout {
  display: block;
  color: var(--color-red);
}
.wheelSpec {
  display: block;
  margin-top: 10px;
}
.wheelSpec + .wheelSpec {
  margin-top: 0;
}
.affirm-as-low-as {
  font-family: var(--font-family-primary);
}
.packageRebate {
  margin-bottom: 20px;
}
.percentOff {
  display: block;
}
.stockingHeader{font-weight: var(--font-weight-semibold);}

.stockingDate{display:block;font-size: var(--font-size-xs);}

.availability-message-wrapper a{display:block;}

.availability-message-wrapper{position: relative;}

.availabilityIcon_yellow:before{
  display: inline-block;
  content: "";
  background: url(/images/icons/circle_yellow.svg)no-repeat;
  height: 13px;
  width: 13px;
  background-size: 13px 13px;
  margin-right: 5px;
}

.availabilityIcon_green:before{
  display: inline-block;
  content: "";
  background: url(/images/icons/circle_green.svg)no-repeat;
  height: 13px;
  width: 13px;
  background-size: 13px 13px;
  margin-right: 5px;
}

.availabilityIcon_red:before{
  display: inline-block;
  content: "";
  background: url(/images/icons/veto_red.svg)no-repeat;
  height: 13px;
  width: 13px;
  background-size: 13px 13px;
  margin-right: 5px;
}
/* End Compare Styles */
@media only screen and (max-width:1024px) {
  .recIcon, .recText {
    padding: 10px 10px 0 0;
  }
  form#rankedForm {
    background: var(--color-white);
    padding: 20px 0 1px 20px;
    margin: -20px -10px -20px 0;
    width: 100%;
    top: -20px;
    bottom: -20px;
  }
}
/*slide styles */
@media screen and (max-width: 800px) {
  .resultLayout3 .dragscroll, .productCompare .dragscroll {
    width: 100vw;
    overflow-x: scroll;
    position: relative;
    left: -5vw;
  }
  .resultLayout3 .dragscroll .compareTopContent, .resultLayout3 .dragscroll .compareSection {
    min-width: 110%;
  }
  .resultLayout3 .dragscroll .reviewCommentBlock {
    display: none;
  }
  .resultLayout3 .dragscroll .reviewNumber {
    display: inline;
  }
  .resultLayout3 .dragscroll .compareTable a.secondaryBtn {
    padding: 0;
    display: block;
    color: var(--color-blue);
    border: 0;
    height: auto;
  }
  .resultLayout3 .dragscroll .compareTable a.secondaryBtn:hover {
    background: inherit;
    color: var(--color-blue);
  }
}
@media screen and (max-width: 667px) {
  .tdgCompare .data-tooltip {
    left: 5px;
    top: 34px;
    max-width: 100%;
    opacity: 1;
    color: var(--color-blacktext);
    background-color: var(--color-white);
    text-align: center;
    transform: none;
  }
}
@media screen and (max-width: 600px) {
  .recIcon, .recText {
    width: 100%;
    padding: 10px 20px 20px;
  }
  .recIcon img {
    max-width: 75px;
  }
  .resultLayout2 .dragscroll {
    width: 100vw;
    overflow-x: scroll;
    position: relative;
    left: -5vw;
  }
  .resultLayout2 .dragscroll .compareTopContent, .resultLayout2 .dragscroll .compareSection {
    min-width: 130%;
  }
  .resultLayout3 .dragscroll .compareTopContent, .resultLayout3 .dragscroll .compareSection {
    min-width: 150%;
  }
  .resultLayout2 .dragscroll .reviewCommentBlock {
    display: none;
  }
  .resultLayout2 .dragscroll .compareTable a.secondaryBtn {
    padding: 0;
    display: block;
    color: var(--color-blue);
    border: 0;
    height: auto;
  }
  .resultLayout2 .dragscroll .compareTable a.secondaryBtn:hover {
    background: inherit;
    color: var(--color-blue);
  }
  .resultLayout2 .dragscroll .reviewNumber {
    display: inline;
  }
}
@media screen and (max-width: 500px) {
  .resultLayout3 .dragscroll .compareTopContent, .resultLayout3 .dragscroll .compareSection {
    min-width: 180%;
  }
}
@media screen and (max-width: 450px) {
  .resultLayout3 .dragscroll .compareTopContent, .resultLayout3 .dragscroll .compareSection {
    min-width: 200%;
  }
  .headerPrice {
    font-size: 14px;
  }
  .headerPrice .finalPrice {
    font-size: 18px;
  }
  .headerPrice .finalPrice .currency {
    font-size: 12px;
  }
}
.compareTable, .compareTable tbody {
  max-width: 100%;
  display: block;
}
.tdgCompare .slick-slider {
  margin-bottom: 0;
}
.tdg .productCompareHeader.slick-slider {
  position: absolute;
  z-index: 3;
  top: auto;
  bottom: 0;
}
.tdg .productCompareHeader.slick-slider.fixed {
  bottom: auto;
}
.tdg h2[class*="top"] {
  font-size: 18px;
  text-transform: none;
  font-weight: var(--font-weight-semibold);
  padding: 0 0 5px;
  margin: 35px 0 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.tdg h2[class*="top"]:not(.topOneHeader, .topTwoHeader) {
  border-bottom: 3px solid var(--color-mediumgrey);
}
.tdgCompare .slick-track {
  display: flex;
}
.tdgCompare .slick-dots {
  position: static;
  margin-bottom: 10px;
}
.slick-next {
  right: -5vw;
  z-index: 2;
  height: 50px;
  width: 50px;
  background-color: #b7b7b7;
  background-position: -91px -1680px;
}
.slick-prev {
  left: -5vw;
  z-index: 2;
  height: 50px;
  width: 50px;
  background-color: #b7b7b7;
  background-position: -45px -1680px;
}
.ratingsBest.slider-container, .ratingsBest .slick-list {
  overflow: visible;
  overflow-x: clip;
  padding-bottom: 350px;
  margin-bottom: -350px;
  z-index: 0;
  transition: z-index 1s step-end;
}
.ratingsBest.slider-container:has(.avgRating:hover) {
  z-index: 2;
  transition: z-index 1s step-start;
}
th:has(.visuallyhidden) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.tdgCompare .data-tooltip {
  position: fixed;
  left: 5px;
  top: 34px;
  min-width: auto;
  width: calc(100% - 10px);
  border-radius: 3px;
  height: calc(100% - 38px);
  overflow: scroll;
}
.tdgCompare .data-tooltip.tooltip_left {
  left: inherit;
}
/* Chat Link */
.chat-link {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-semibold);
  color: var(--font-color-link);
  font-size: inherit;
}
.chat-link:hover { text-decoration: underline; }

/* hide by default */

#sizeChatContainer .chat-option { display: none; }

/* show only when available */

#sizeChatContainer.show-chat .chat-option { display: inline; }