* {
  box-sizing:border-box;
}
:root {
   --pulse-color: #402997b8;
   --pulse-color-top: #df933db0;
   --pulse-width: 8px;
   --pulse-height: 23px;
   --page-width: 100%;
   --max-content-width: 1200px;
   
   --font-color: #dde;
   --body-color: #263346;
   --lite-box-font-color: #263346;
   --dark-box-color: #131f30;
   --dark-font-color: #131f30;
   --info-bg-color: #787888;
   --info-font-color: #eef;
   --search-but-color: #3f51b5;
   --spec-lines-color: #263346;
   --modal-body-color: #ffffff;
   --modal-font-color: #131f30;

   --tire-table-brand-width: 115px;
   --tire-table-sidewall-width: 75px;
   --tire-table-utqg-width: 67px;
   --tire-table-mile-width: 70px;
   --tire-table-haz-width: 57px;
   --tire-table-roadas-width: 84px;
   --tire-table-buy-width: 210px;
   --tire-table-cat-width: 87px;
   
   --chain-table-brand-width: 115px;
   --chain-table-clearance-width: 150px;
   --chain-table-buy-width: 210px;

   --chain-mobile-table-clearance-width: 125px;
   
   --button-link-color: #d0d0d8;
   --button-link-color-hover: #b0b0b8;
   
   --buy-button-color: #f37229;
   --buy-button-color-hover: #ce6022;
   --buy-button-color-border: #640d0d;
}

body {
   background-color: var(--body-color);
   font-family: Verdana, Geneva, sans-serif;
   font-size: 13px;
   margin:0px;
   color: var(--font-color);
   -webkit-text-size-adjust: none;
}

select {
   display: inline;
   min-width: 50px;
   padding: 5px 5px 5px 15px;
   margin: 0px;
   border: 2px solid #AAAAAA;
   border-radius: 4px;
   box-sizing: border-box;
   background-color:#D0D0D8;
}

.mainwrapper {
  width: 100%;
  margin: auto;
  overflow: hidden;
  min-height: 500px;
}

.cartwrapper {
   color: var(--lite-box-font-color);
}

@media only screen and (max-width: 1200px) {
   .cartwrapper {
      padding: 0px 4px 0px 4px;
   }
}


#cartstyle a:link {
   color: var(--lite-box-font-color);
   text-decoration: none;
}
#cartstyle a:visited {
   color: var(--lite-box-font-color);
   text-decoration: none;
}
#cartstyle a:hover {
   color: #000000;
   text-decoration: underline;
}
#cartstyle a:active {
   color: var(--lite-box-font-color);
   text-decoration: none;
}

.stdText {
   color: #dde;
}

a:link {
   color: var(--font-color);
   text-decoration: none;
}
a:visited {
   color: var(--font-color);
   text-decoration: none;
}
a:hover {
   color: #fff;
   text-decoration: underline;
}
a:active {
   color: #99f;
   text-decoration: none;
}

.breadcrumbs {
   padding-bottom: 6px;
}
.breadcrumbs a {
   text-decoration: underline;
}

@media only screen and (max-width: 860px) {
   .breadcrumbs {
      padding-bottom: unset;
   }
}

h1 {
   font-size: 2.0em;
   margin-top: 0.1em;
   margin-bottom: 0.1em;
}

h2 {
  font-size: 1.4em;
  margin: 0em 1em 0em 0em; 
}

h3 {
   font-size: 1.4em;
   margin-bottom: 0.2em;
   color: #667
}

hr { 
    border: 0;
    border-top: solid #DDD 1px;
    margin: .7em 0em .7em 0em;
} 

.testimonial {
    float: right;
    width: 200px;
    min-height: 85px;
    border: 1px solid #DDDDDD;
    text-align: left;
    text-decoration: none;
    background-color: #DDDDDD;
    padding: 12px;
    margin: 8px;
    border-radius: 4px;
    font-size: 1.2em;
    font-style: italic;
}

@media only screen and (max-width : 839px) { /* Mobile */ 
   .testimonial {
       display: none; 
   }
} 
@media only screen and (min-width : 840px) { 
   .testimonial {
       display: initial; 
   }
} 

.divBannerWrap {
   margin: auto;
   margin-top: 0px;
   width: var(--page-width);
   padding: 6px 10px 6px 10px;
   border-radius: 0px;
   background-color: #274b7f;
   color: var(--font-color);
   text-align: center;
}

.divTopWrap {
   padding: 3px 0px 4px 0px;
}

.divSearchWrap {
   margin: auto;
   max-width: 600px;
}

.divContentWrap {
   margin: auto;
   max-width: var(--max-content-width);
}

@media only screen and (max-width: 1200px) {
   .divContentWrap {
      padding-left: 4px;
      padding-right: 4px;
   }
}

.section-divribbon {
  width: 100%;
  height: 3px;
  background-color: var(--dark-box-color);
  overflow: auto;
}

.section { /* to support legacy html */
   margin: auto;
   max-width: var(--max-content-width);
   color: var(--lite-box-font-color);
}

ul.imgEnlarge{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}
ul.imgEnlarge li{
  display:inline-block;
  position: relative;
  z-index: 0;
}
ul.imgEnlarge span{
  position:absolute;
  left:-9999px;
  background-color: var(--info-bg-color);
  padding: 10px;
  font-size:.9em;
  text-align: center;
  color: var(--info-font-color);
  box-shadow: 0 0 20px rgba(0,0,0,.75);
  border-radius: 3px;
}
ul.imgEnlarge li:hover{
  z-index: 50;
  cursor:pointer;
}
ul.imgEnlarge li:hover span{
  display: block;
  top: 0px;
  left: 0px;
}

/* ---------- SMALL (thumbnail) 53x53 white square, 2px radius ---------- */
.imgThumbBox {
  width: 53px;
  height: 53px;
  background: #fff;
  border-radius: 2px;
  overflow: hidden;              /* clip to rounded corners */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* scale ANY small image to fit inside 53x53 */
.imgThumbBox img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}

/* ---------- LARGE (popup) 260x300 white rectangle ---------- */
.imgLargeBox {
  width: 260px;
  height: 300px;
  background: #fff;
  overflow: hidden;              /* optional: clips if you ever switch to cover */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* scale ANY large image to fit inside 260x300 */
.imgLargeBox img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}

.imgTireGifTable {
   border-radius: 2px;
   width: 53px;
   height: 53px;
}

@media only screen and (max-width: 860px) {
   .divBannerWrap {
      text-align: left;
   }
}

.divHideable {
   display: none;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

.subfooterwrapper-right {
  min-width: 300px;
  padding-right: 1em;
  margin-left: 66%;
}

@media only screen and (max-width: 860px) {
  .subfooterwrapper-right {
    display: table;
    margin: auto;
    padding-right: 0;
    padding-left: 1em;
  }
}

.divFooterWrap {
   margin: auto;
   margin-bottom: 10px;
   width: var(--page-width);
   padding: 6px 10px 6px 10px;
   border-radius: 0px;
   background-color: #363d4d;
   color: var(--font-color);
   text-align: left;
}

.divFooterSectionWrap {
   width: 780px;
   margin: auto;
}

.divFootersection {
   float: left;
   width: 230px;
   min-height: 50px;
   margin: 0em 0em 2em 2em;
}

.divFootersection ul{ font-size: 1em; list-style:none; padding:0; margin:0; }
.divFootersection li{ margin-left: 0em; }
.divFootersection h4{ text-transform: uppercase; }

.buttonlink-mobile{ /* Mobile */
    -webkit-appearance: none; /* iOS */
}

@media only screen and (max-width: 860px) {
   .divFooterWrap {
      width: 100%; /* Mobile */
      /* width: var(--page-width) Mobile */
      min-width: unset; /* Mobile */
      padding-bottom: 15px; /* Mobile */
   }
   .divFooterSectionWrap {
      width: initial;/* Mobile */
      min-width: 50%; /* Mobile */ 
      display: block; /* Mobile */
      text-align: center; /* Mobile */
      /* width: 780px; Mobile */
   }
   .divFootersection {
      float: none; /* Mobile */
      width: 250px; /* Mobile */
      display: inline-table; /* Mobile */
      /* width: 230px; Mobile */
      margin: 1em; /* Mobile */
   }
   .buttonlink-mobile{ /* Mobile */
      -webkit-appearance: none; /* iOS */
      width: 90%;
      display: inline-block;
      border: 0px;
      text-align: center;
      text-decoration: none;
      background-color: var(--button-link-color);
      color:  var(--dark-font-color);
      padding: 6px 12px;
      margin: 6px 0px 0px 0px;
      border-radius: 4px;
      cursor: pointer;
   } 
}


.copyright {
   text-align: center;
   color: #99a;
}

.headermobile { /* Mobile */
  display: none;
  width: 100%;
  margin: auto;
  background-color: var(--dark-box-color);
  text-align: center;
}

.divHeaderWrap {
   display: block;
   margin: auto;
   width: var(--page-width);
   padding-top: 10px;
   background-color: var(--dark-box-color);
   color: var(--font-color);
}

.divUniHeaderWrap {
   margin: auto;
   width: var(--page-width);
   padding: 10px;
   background-color: var(--dark-box-color);
   color: var(--font-color);
}

@media only screen and (max-width: 1149px) {
   .divHeaderWrap {
       display: none;
   }
   .headermobile { /* Mobile */ 
       display: block;
   }
}
@media only screen and (min-width: 1150px) {
   .divHeaderWrap {
       display: block;
   }
   .headermobile { /* Mobile */
       display: none;
   }
}

.divHeaderInfoList {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.divHeaderInfoRight {
   max-width: 40%;
   padding: 6px;
   border-radius: 6px;
   background-color: #274b7f;
   color: var(--font-color);
   float: right;
   display: block;
}

.divHeaderInfoLeft {
   padding: 6px;
   border-radius: 6px;
   background-color: #274b7f;
   color: var(--font-color);
   display: none;
   margin-top: 8px;
}

@media only screen and (max-width: 860px) {
   .divHeaderInfoRight {
       display: none;
   }
   .divHeaderInfoLeft {
       display: block;
   }
}

.mainsectionhome {
    background-size: cover; /* v31 */
    background-image: url("/graphics/viper_street_awards.jpg");
    background-repeat: no-repeat;
    background-position: 30% 0px;
    min-height: 460px;
}

.whybuy-wrapper {
   background-color: rgba(255, 255, 255, 0.6);
   border-radius: .5em;
   padding: 6px;
   width: 400px;
}

@media only screen and (max-width: 860px) {
   .mainsectionhome {
      background-image: url("/graphics/viper_street_awards.jpg");
      background-repeat: no-repeat;
      /*background-position: 30% 0px; Mobile */
      background-position: 33% 20px; /* Mobile */
      min-height: 460px;
   }
   .whybuy-wrapper {
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: .5em;
      padding: 6px;
      /* width: 400px; Mobile */
      /* width: initial; Mobile */
   }   
}

.navribbon {
  width: 100%;
  height: 25px;
  margin: auto;
  position: relative;
}

.navribbonlist { font-weight: bold; text-align: center; }
.navribbonlist ul{ font-size: 1em; white-space: nowrap; padding: 0; margin: 0; }
.navribbonlist li { display: inline-block; margin-left: 5% }
.navribbonlist li:first-child { margin-left: 0px }
.navribbonlist li>a { padding: 0em .3em; }

.navpopup {
  display: none;
  background-color: var(--dark-box-color); 
  width: initial; 
  width: 200px; 
  z-index: 999;
  position: absolute;
}

.popnavbutton {
    -webkit-appearance: none; /* iOS */
    width: 89%;
    height: 36px;
    line-height: 37px;
    display: inline-block;
    border: 1px solid #640D0D;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #AAAAAA;
    color: #FFFFFF;
    /* margin: 1.5px 5px; Mobile */
    margin: 0px 10px 10px 10px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius: 4px;
    cursor: pointer;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.popnavbutton:hover {
    background-color: #000000;
    border: 1px solid red;
    color: #FFFFFF;
}

.popnavbutton:link, .popnavbutton:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.popnavbuttontwoline {
    line-height: 1.4em;
    font-size: 13px;
}

.DarkBgColor {
   background-color: var(--dark-box-color);
}

.DarkFontColor {
   color: var(--dark-font-color);
}

.DefaultFontColor {
   color: var(--font-color);
}

.ReviewHeaderBgColor {
   background-color: var(--dark-box-color);
}

.divItemListWrap {
   display: none; /* display controled by @media statement */
}

.divItemWrap {
   margin: auto;
   width: 100%;
   padding: 5px;
   border-radius: 0px;
   background-color: var(--dark-box-color);
   border-top: solid #bbc 1px;
   border-bottom: solid #bbc 1px;
}

.tirebrandlistbox {
   float: left;
   padding: 0px 54px 20px 0px;
}

.tirecatlistbox {
   float: left;
   width: 335px;  
   min-height: 65px;
   padding: 0px;
   margin: 0px 30px 20px 0px;
}

.tirecatseparatorbox {
   width: 100%;
   float: left;
   padding: 0px;
   margin-top: 4px;
   margin-bottom: 4px;
}

.divDisplayTableWrap {
   display: table;
   width:100%;
}

.divDisplayTableCell {
   display: table-cell;
   vertical-align: middle;
}

.divDisplayTableCellPrice {
   display: table-cell;
   vertical-align: middle;
   text-align: right;
   padding-right: 20px;
   width: 20%;
}

.divDisplayTableCellImage {
   display: table-cell;
   vertical-align: middle;
   padding-right:10px;
   width:55px;
}

.divDisplayTableCellBuy {
   display: table-cell;
   vertical-align: bottom;
   width: 31em;
}

.divDisplayTableCellBrand {
   display: table-cell;
   vertical-align: middle;
   width:var(--tire-table-brand-width);
}

.divDisplayTableCellCat {
   display: table-cell;
   vertical-align: middle;
   width:var(--tire-table-cat-width);
}

.divDarkBoxWrap {
   padding: 10px;
   border-radius: 0px;
   background-color: var(--dark-box-color);
}

.divTableWrap {
   margin: auto;
   max-width: var(--max-content-width);
   display: none; /* display controled by @media statement */
   padding: 0px;
   border-radius: 0px;
   background-color: var(--dark-box-color);
}

table.item-review-sum-table tr:nth-child(even) {
    background-color: #3d4859;
}

.divBrand {
   border-radius: 11px;
   text-align: center;
   padding: 0px;
   min-width: 10px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   float: left;
}

.divBrandSpacer {
   float: left;
   width: 9px;
   display: inline-block;
}

.divBrandName {
   float: left;
   min-width: 69px;
   padding-top: 4px;
   padding-bottom: 3px;
   display: inline-block;
}

.divCatName {
   float: left;
   min-width: 69px;
   padding-top: 3px;
   padding-bottom: 2px;
   display: inline-block;
}

.divCatSpacer {
   float: left;
   width: 3px;
   display: inline-block;
}

.spanInfo {
   color: #667;
   font-size: 8pt;
}

.pulseWrap {
   float: left;
   width: var(--pulse-width);
   height: var(--pulse-height);
   padding-left: 1px;
   display: inline-block;
}

.pulseAni,
.pulseStripe {
   position: absolute;
   width: var(--pulse-width);
   height: var(--pulse-height);
}

.pulseAni {
   animation: pulse 1.2s ease infinite;
   background: var(--pulse-color);
}

.pulseStripe {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   z-index: 99;
   border: none;
   background: var(--pulse-color);
   background-size: 3px;
   outline: none;
   font-size: 6pt;
   color: #edd;
}

.pulseTop {
   background: var(--pulse-color-top);
}

@keyframes pulse {
   0% {
      transform: scale(1, 1);
   }
   50% {
      opacity: 0.3;
   }
   100% {
      transform: scale(1.5);
      opacity: 0;
   }
}

/* Data table resizing - START */
.divFloatTableWrapLeft {
   float: left;
   width: 48%;
   max-width: 500px;
}

.divFloatTableWrap {
   float: right;
   width: 48%;
   max-width: 500px;
}

@media only screen and (max-width: 860px) {
   .divFloatTableWrapLeft {
      float: left;
      width: 100%;
      max-width: 900px;
   }
   .divFloatTableWrap {
      float: left;
      width: 100%;
      max-width: 900px;
   }
}
/* Data table resizing - END */

.price_symbol {
   vertical-align: super;
   font-size: 1.4em;
   text-align: center;
}

.price_major {
   font-size: 2.0em;
   text-align: center;
}

.price_dot {
   vertical-align: super;
   font-size: 1.1em;
}

.price_minor {
   vertical-align: super;
   font-size: 1.1em;
   text-decoration: none;
}

.price_symbol_gray {
   vertical-align: super;
   font-size: 1.4em;
   text-align: center;
   color: gray;
}

.price_major_gray {
   font-size: 2.0em;
   text-align: center;
   color: gray;
   text-decoration: line-through;
}

.price_dot_gray {
   vertical-align: super;
   font-size: 1.1em;
   color: gray;
}

.price_minor_gray {
   vertical-align: super;
   font-size: 1.1em;
   text-decoration: none;
   color: gray;
}

.price_symbol_red {
   vertical-align: super;
   font-size: 1.4em;
   text-align: center;
   color: #c52d07;
}

.price_major_red {
   font-size: 2.0em;
   text-align: center;
   color: #c52d07;
}

.price_dot_red {
   vertical-align: super;
   font-size: 1.1em;
   color: #c52d07;
}

.price_minor_red {
   vertical-align: super;
   font-size: 1.1em;
   color: #c52d07;
}

.add_for_price {
   font-weight: bold;
   color: #640D0D;
}

.style51 { /* legacy checkout font */
   font-size: 0.8em;
}
.style52 { /* legacy checkout font */
   font-size: 0.9em;
}

.list-clean-inline { list-style: none; padding: 0; margin: .2em; }
.list-clean-inline li{ display: inline-block; padding-left: 1em; vertical-align: middle;}

.list-clean { list-style: none; padding: 0em; margin: 0em;}
.list-clean li{ margin-left: 0em; padding: .1em; vertical-align: middle;}

.qtytext-addtocart-pair {
   display:inline-block;
   vertical-align: middle;
   margin:0px;
}

.qty-addtocart-list input[type=text] {
   display: inline;
   width: 50px;
   min-width: 50px;
   text-align:center;
   padding: 5px 10px;
   margin: 0px;
}

.qty-addtocart-list input[type=submit] {
    display: inline;
    min-width: 100px;
    border: 1px solid var(--buy-button-color-border);
    background-color: var(--buy-button-color);
    color: white;
    border-radius: 2px;
    text-transform: none;
    padding: 3px 8px;
    margin: 4px 0px 0px 0px;
}

.qty-addtocart-list-larger input[type=submit] {
    padding: 8px 46px;
}

.qty-addtocart-list input[type=submit]:hover {
    background-color: var(--buy-button-color-hover);
    border: 1px solid #000000;
}

.qty-addtocart-list select {
    padding: 1px 0px 2px 5px;
    font-size: 16px;
    border: 1px solid #AAAAAA;
    border-radius: 1px;
}

.qty-addtocart-list-larger select {
    padding: 1px 0px 2px 4px;
    font-size: 18px;
}

.checkout-button input[type=submit] {
    display: inline;
    font-size: 18px;
    min-width: 300px;
    max-width: 300px;
    height: 45px;
    border: 0px solid var(--buy-button-color-border);
    background-color: var(--buy-button-color);
    color: white;
    border-radius: 3px;
    text-transform: none;
}

.checkout-button input[type=submit]:hover {
    background-color: var(--buy-button-color-hover);
    border: 1px solid #000000;
}

.larger-text {
   font-size: 11.5pt;
}

.larger-text-mobile {
   font-size: 13pt;
}

.fontlarger-inline {
    font-size: 1.5em;
    display: inline-block;
}

@media only screen and (max-width: calc(1200px - 1px)) {
   #tires td:nth-child(5),
   #tires th:nth-child(5),
   #chains td:nth-child(5),
   #chains th:nth-child(5) {
       display: none;
   }
}
@media only screen and (max-width: calc(1200px - 67px)) {
   #tires td:nth-child(8),
   #tires th:nth-child(8),
   #chains td:nth-child(8),
   #chains th:nth-child(8) {
       display: none;
   }
}
@media only screen and (max-width: calc(1200px - 67px - 84px)) {
   #tires td:nth-child(7),
   #tires th:nth-child(7),
   #chains td:nth-child(7),
   #chains th:nth-child(7){
       display: none;
   }
}
@media only screen and (max-width: calc(1200px - 67px - 84px - 57px)) {
   #tires td:nth-child(6),
   #tires th:nth-child(6),
   #chains td:nth-child(6),
   #chains th:nth-child(6){
       display: none;
   }
}

.stock-alertbox {
   width: 538px;
   min-height: 70px;
   float: left;
   margin-top: 8px;
   margin-bottom: 8px;
   padding: 4px;
   font-size: 1.1em;
   border: 3px solid #FFCC00;
   background-color: var(--dark-box-color);
   border-radius: 6px;
}
@media only screen and (max-width: 1149px) {
   .stock-alertbox {
      width: initial; /* Mobile */
      float: left; /* Mobile */
   }
}

.tiresearchbox {
    display: inline;
    position: relative; zoom: 1;
}

.tiresearchbox input[type=submit] {
    min-width: 200px;
    background-color: var(--search-but-color);
    padding: 12px 20px;
    margin: 8px 0px 8px 8px;
    margin-right: -4px;
    font-size: 1.4em;
}

.tiresearchbox select {
    font-size: 18px;
    min-width: 80px;
    padding: 9px 0px 9px 10px;
    margin: 8px 0;
    display: inline-block;
}

.tiresearchsep {
    font-size: 20px;  
}

.checkout-wrapper {
   font-size: initial;
}

@media only screen and (max-width: 1200px) {
   .checkout-wrapper {
      padding: 0px 4px 0px 4px;
   }
}

.additional-info-image {
  float: left;
  width:  300px;
  margin-right: 10px;
}

.additional-info-txt {
  float: left;
  width:  60%;
}

@media only screen and (max-width: 1200px) {
  .additional-info-txt {
    float: left;
    /* width:  60%;  Mobile */
    width:  90%; /* Mobile */
  }
}

.tiresearch-zipcode-wrapper {
   /* width: 48%; */
   padding-bottom: 5px;
   float: left;
}

.tiresearch-refine-wrapper {
   float: right;
   margin-right: 8px;
   /* width: 50%; */
}

.tiresearch-refine {
   width: 430px;
   font-size: 0.9em;
   min-height: 50px;
   float: right;
   border: 1px solid #CCCCCC;
   background: var(--info-bg-color);
   color: var(--info-font-color);
   padding: 10px;
   margin-left: 0px;
   border-radius: 5px;
}

@media only screen and (max-width: 1149px) {
   .tiresearch-refine {
      width: initial; /* Mobile */
      padding: 5px; /* Mobile */
   }
}

#tires td:nth-child(3),
#chains td:nth-child(3){
   /* max-width: 0; */
   /* width: 50%; */
   /* overflow: hidden; */
   text-overflow: ellipsis;
   white-space: nowrap;
}

#tires td:nth-child(2) {
   min-width: var(--tire-table-brand-width);
}
#tires td:nth-child(4) {
   max-width: var(--tire-table-sidewall-width);
}
#tires td:nth-child(9) {
   min-width: var(--tire-table-cat-width);
}
#tires td:nth-child(11) {
   min-width: var(--tire-table-buy-width);
}

#chains td:nth-child(2) {
   min-width: var(--chain-table-brand-width);
}
#chains td:nth-child(5) {
   max-width: var(--chain-table-clearance-width);
}
#chains td:nth-child(8) {
   min-width: var(--chain-table-buy-width);
}

#chains-spec td:nth-child(2) {
   min-width: var(--chain-mobile-table-clearance-width);
}

#tires,
#chains,
#chains-spec,
#tires-spec {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   border-collapse: collapse;
   width: 100%;
   background-color: var(--dark-box-color);
}

#chains-spec,
#tires-spec {
   background-color: #080d14;
}

#nominator_data,
#nominator_data_top {
   font-size: 11pt
}

#tires td,
#chains td,
#nominator_data td,
#nominator_data_top td,
#tires th,
#nominator_data th {
   padding: 5px;
   color: var(--font-color);
}

#tires th,
#chains th {
   position: sticky;
   z-index: 200;
   top: 0; /* Required for stickiness */
}

#tires td,
#chains td,
#nominator_data td {
   border-top: 1px solid #112;
}

#tires tr,
#chains tr {
   scroll-margin-top: 30px;
}

#tires tr:hover,
#chains tr:hover,
#nominator_data tr:hover,
#nominator_data_top tr:hover {
   background-color: #334;
}

#tires tr:hover a,
#chains tr:hover a,
#nominator_data tr:hover a {
   text-decoration: underline;
}

#tires th,
#chains th {
   text-align: left;
   background-color: var(--dark-box-color);
   color: #bbc;
}

#chains-spec th,
#tires-spec th {
   text-align: left;
   padding-bottom: 4px;
   background-color: #0e141c;
   color: #bbc;
}

.item-list-table-wrapper {
   padding-bottom:5px; 
   padding-top:5px;
}

.item-list-submit {
   width:60%;
}

.item-list-title-wrapper {
  display: block;
}

.item-list-title {
  height: auto;
  font-size: 1.2em;
  font-weight: bold;
  display: initial;
}

.item-list-title-alt-wrapper {
  padding-top:4px;
  display: none;
}

.item-array-box {
   width: 380px;
   float: left;
   min-height: 170px;
   border-right: 1px solid #BBBBBB;
   padding: 6px;
   padding-right: 0px;
   margin: 0px 0px 8px 0px;
   /* border-radius: 5px; */
}

.item-array-box-slim {
   width: 280px;
}

.item-array-image {
   float: left;
   padding-right: 3px;
}

.item-array-title {
    padding-bottom: 5px; 
    font-size: 1.1em; 
    font-weight: bold;
}

.item-sub-reviewbox {
   float: right; 
   top: 0px; 
   right: 0px; 
   min-height: 50px;
   width: 350px;
   padding-top: 4px;
   font-size: 0.9em;
}

@media only screen and (max-width: 860px) {
   .divTableWrap {
       display: none;
   }
   .divItemListWrap { /* Mobile */ 
       display: block;
   }
}
@media only screen and (min-width: 861px) {
   .divTableWrap {
       display: block;
   }
   .divItemListWrap { /* Mobile */
       display: none;
   }
}

@media only screen /* Mobile */
and (min-width : 580px) 
and (max-width : 500px) {
   .item-list-title-wrapper { 
      display: none; 
   } 
   .item-list-title-alt-wrapper { 
      display: block; 
   }
} 

@media only screen /* Mobile */  
and (max-width : 579px) {
   .item-list-title-wrapper { 
      display: none; 
   } 
   .item-list-title-alt-wrapper { 
      display: block; 
   }

}

.auto-highlight {
   background-color: #a16725;
}

.hoverTextWrapper {
   display: inline-block;
   position: relative;
}

.hoverTextWrapper .hoverText {
   display: block;
   padding: 5px;
   border-radius: 6px 6px 1px 6px;
   border-style: solid;
   border-width: 1px;
   border-color: #555;
   z-index: 999;
   position: absolute;
   top: 6%;
   transform: translateX(-100%) translateY(-100%);
   background: #111;
   color: #eee;
   display: none;
   text-align: left;
   white-space: nowrap;
   font-size: 8pt;
   font-weight: normal;
}

.hoverTextWrapper .hoverTextRight {
   border-radius: 6px 6px 6px 1px;
   transform: translateX(75px) translateY(-100%);
}

.hoverTextWrapper:hover .hoverText,
.hoverTextWrapper .hoverText:hover {
   display: block;
}

.textSingleLine {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.lastUpdated {
    float: right;
    padding: 18px 2px 0px 0px;
}

@media only screen and (max-width: 860px) {
   .lastUpdated {
      font-size: 7pt;
   }
}

.dropbtn {
   background-color: #163346;
   color: var(--font-color);
   padding: 7px 7px 7px 15px;
   font-size: 16px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
}

.dropdown {
   position: relative;
   padding-top: 9px;
}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #E9E9F9;
   border-radius: 4px;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 500;
}

.dropdown-content a {
   color: black;
   padding: 12px 15px;
   text-decoration: none;
   border-radius: 4px;
   display: block;
}

.dropdown-content a:hover {background-color: #9999AA}

.dropdown:hover .dropdown-content {
   display: block;
}

.dropdown:hover .dropbtn {
   background-color: #444455;
}

.droparrow {
   font-size: 0.9em;
   color: #aab;
}

.autocomplete *, .autocomplete-items * { box-sizing: border-box; }

.autocomplete {
   position: relative;
   display: inline-block;
   color: #223;
}

input {
   border: 1px solid transparent;
   background-color: #f1f1f1;
   padding: 7px;
   font-size: 16px;
   border-radius: 4px;
}

input[type=text] {
   background-color: #d0d0d8;
}

input[type=submit] {
   background-color: var(--search-but-color);
   color: var(--font-color);
   cursor: pointer;
}

input[type=submit]:hover {
   background-color: #444455;
}

.inputbtn {
   border: 1px solid transparent;
   padding: 7px;
   font-size: 16px;
   border-radius: 4px;
   background-color: #263346;
   color: var(--font-color);
   cursor: pointer;
}

.inputbtn:hover {
   background-color: #444455;
}

.autocomplete-items {
   position: absolute;
   border: 1px solid #d4d4d4;
   border-bottom: none;
   border-top: none;
   z-index: 400;
   top: 100%;
   left: 0;
   right: 0;
}

.autocomplete-items div {
   padding: 10px;
   cursor: pointer;
   background-color: #fff;
   border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
   background-color: #e9e9e9;
}

.autocomplete-active {
   background-color: DodgerBlue !important;
   color: #ffffff;
}

.modal,
.modal-main {
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
    display: none; 
    position: fixed; 
    z-index: 9999; 
    padding-top: 70px; 
    left: 0;
    top: 0;
}

.modal-image {
    width: 550px; 
}

.modal-body {
    background-color: var(--modal-body-color);
    color: var(--modal-font-color);
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    margin: auto;
    padding: 20px;
    border: 1px solid #666666;
    width: 700px;
}

@media only screen /* Mobile */ 
and (max-width : 550px) { /* Mobile */ 
.modal-image {
    width: 100%; /* Mobile */
}
} /* Mobile */ 

@media only screen /* Mobile */ 
and (max-width : 700px) { /* Mobile */ 
.modal-body {
    width: initial; /* Mobile */
}
} /* Mobile */ 

.modal-close,
.modal-close-tires {
   color: #AAAAAA;
   float: right;
   font-size: 28px;
   font-weight: bold;
}

.modal-close:hover,
.modal-close:focus,
.modal-close-tires:hover,
.modal-close-tires:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.yt-video-iframe {
   width: 430px;
   height: 242px;
}

@media only screen and (max-width: 450px) {
   .yt-video-iframe {
      width: 100%;
   }
}

.item-imagewrapper {
   margin: 0px;
   float: left;
   width: 310px;
   min-height: 50px;
}

@media only screen and (max-width: 860px) {
   .item-imagewrapper {
      float: initial; /* Mobile */
      margin: auto; /* Mobile */
   }
}

.itemimage {
   -webkit-transition: all 1s ease; 
   -moz-transition: all 1s ease; 
   -o-transition: all 1s ease; 
   -ms-transition: all 1s ease; 
   transition: all 1s ease;
   cursor: pointer;
   height: 300px;
   position: relative; 
   z-index: 1;
   border-radius: 12px;
}

.itemimage_width {
   -webkit-transition: all 1s ease; 
   -moz-transition: all 1s ease; 
   -o-transition: all 1s ease; 
   -ms-transition: all 1s ease; 
   transition: all 1s ease;
   cursor: pointer;
   width: 300px;
   position: relative; 
   z-index: 1;
   border-radius: 12px;
}

#imageControl {
   display: none;
}
#imageControl:checked + label > img {
    height: 600px;
    border-radius: 3px;

}
#imageControl:not( :hover ) + label > img {
    height: 300px;
    border-radius: 2px;
}

#imageControl_width {
   display: none;
}
#imageControl_width:checked + label > img {
    width: 600px;
    border-radius: 0px;

}
#imageControl_width:not( :hover ) + label > img {
    width: 300px;
    border-radius: 2px;
}

.item-spec {
  float: right;
  width: 100%;
  min-height: 50px;
}

.spec-text {
  padding: initial; 
}

dl {
  width: 100%;
  overflow: hidden;
  color: var(--font-color);
  background: var(--dark-box-color);
  padding: 0;
  margin: 0;
  border-left: solid var(--spec-lines-color) 1px;
  border-radius: 2px;
}
dt {
  float: left;
  clear: left; 
  width: 50%;
  background: var(--dark-box-color);
  padding: 5px;
  margin: 0;
  border-top: solid var(--spec-lines-color) 1px;
}
dt:first-child {
  border-radius: 2px 0em 0em 0em;
}
dt:nth-last-child(2) {
  border-bottom: solid var(--spec-lines-color) 1px;
  border-radius: 0em 0em 0em 2px;
}
dd {
  float: left;
  width: 50%;
  background: var(--info-bg-color);
  padding: 5px;
  margin: 0;
  border-top: solid var(--spec-lines-color) 1px;
  border-right: solid var(--spec-lines-color) 1px;
}
dd:nth-child(2) {
  border-radius: 0em 2px 0em 0em;
}
dd:last-child {
  border-bottom: solid var(--spec-lines-color) 1px;
  border-radius: 0em 0em 2px 0em;
}
.dd-highlight-border {
  border: 2px solid #AA4242;
  padding: 4px;
}
.dd-highlight-border:last-child {
  border: 2px solid #AA4242;
  padding: 4px;
}

.spec-55-45 dt {
  width: 55%;
}
.spec-55-45 dd {
  width: 45%;
}

.item-desc-wrap {
  float: left;
  padding: 7px 0px 7px 0px;
  width: 47%;
  min-width: 342px;
  max-width: 559px;
  min-height: 50px;
}
@media only screen and (max-width: 860px) {
   .item-desc-wrap {
     width: 100%;
     max-width: 1000px;
   }
}

.item-descfont {
  font-size: 13px;
  /* text-transform: uppercase; */
}

.item-list-availimage  {
  width: 82px;
  vertical-align:middle;
}

.item-title-price-wrap {
   float: left; 
   max-width: 700px; 
   width: 60%;
}
@media only screen and (max-width: 860px) {
   .item-title-price-wrap {
      width: 100%;
   }
}

.item-pills-right-wrap {
   width: 13%; 
   display: flex; 
   justify-content: center;
}
@media only screen and (max-width: 1149px) {
   .item-pills-right-wrap { /* Mobile */ 
       display: none;
   }
}
@media only screen and (min-width: 1150px) {
   .item-pills-right-wrap { /* Mobile */
       display: flex;
   }
}

.item-title-wrap {
   display: initial;
}
.item-title-wrap-alt {
   display: none;
}
@media only screen and (max-width: 860px) {
   .item-title-wrap {
      display: none; /* Mobile */
   }
   .item-title-wrap-alt {
      display: initial; /* Mobile */
   }
}

.paypal-button-wrapper { /* paypal-button-row */
   min-width: 300px;
   max-width: 300px;
   height: 45px;
   vertical-align: top;
   min-height: 30px;
   max-height: 55px;
   white-space: nowrap;
   margin-top: 10px;
   margin-bottom: 10px;
   user-select: none;
   cursor: default;
   box-sizing: border-box;
}

.paypal-button-co { /* paypal-button */
   border-radius: 4px;
   background: #ffc439;
   display: inline-block;
   text-align: center;
   height: 100%;
   position: relative;
   width: 100%;
   box-sizing: border-box;
   border: none;
   vertical-align: top;
   cursor: pointer;
   overflow: hidden;
}

.paypal-button-co:hover {
   filter: brightness(0.95);
}

.paypal-button-logo { /* paypal-button-label-container */
   margin: 0px 4vw;
   height: 22px;
   position: relative;
}

.clicktireforchains {
    float: right;
    height: 158px;
    background-image: url('/graphics/tiresidewall_sm.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    border-radius: 4px;
}

@media only screen and (max-width : 839px) { /* Mobile */ 
   .clicktireforchains {
       display: none; 
   }
} 
@media only screen and (min-width : 840px) { 
   .clicktireforchains {
       display: initial; 
   }
} 

.chainsearchbox input[type=text] {
    min-width: 263px;
    text-align: left;
    padding: 10px 20px;
    margin: 8px 0;
    display: inline-block;
}

.chainsearchbox input[type=submit] {
    min-width: 200px;
    background-color: var(--search-but-color);
    padding: 12px 20px;
    margin: 8px 0px 8px 8px;
    margin-right: -4px;
    font-size: 1.4em;
}

.chainsearchbox input[type=submit]:hover {
   background-color: #444455;
}

.comboboxc {
    display: inline;
    position: relative; zoom: 1;
}

.comboboxc .dropdownlist {
    display: none;
    width: 255px;
    border: solid 1px #000;
    background-color: #fff;
    height: 250px;
    overflow: auto;
    position: absolute;
    top: 30px;
    left: 4px;
}

.comboboxc .dropdownlist a {
   display: block;
   text-decoration: none;
   color: #000;
   padding: 1px 1px 1px 15px;
   height: 1em;
   cursor: default
}

.comboboxc .dropdownlist a.light {
    color: #fff;
    background-color: #1E90FF;
}

.comboboxc .dropdownlist {
    font-size: 15px;
}

.comboboxc input {
    font-size: 18px;
}

.tirebrandimagelistbox {
   float: left;
   padding: 0px 54px 20px 0px;
}

.buttonlink {
    -webkit-appearance: none; /* iOS */
    min-width: 50px;
    display: inline-block;
    border: 0px;
    text-align: center;
    text-decoration: none;
    background-color: var(--button-link-color);
    color: var(--dark-font-color);
    padding: 3px 12px;
    margin: 4px 0px 0px 0px;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: content-box;
}

.buttonlink:hover {
    background-color: var(--button-link-color-hover);
    border: 0px;
}

.buttonlink:link, .buttonlink:visited {
    color: var(--dark-font-color);
    text-decoration: none;
}

.tiresize-list {
   width: 170px;
   min-height: 20px;
   display:inline-block;
   float: none;
}

.fontstroke {
    text-shadow:
    -1px -1px 4px rgba(255, 255, 255, 0.6),  
     1px -1px 4px rgba(255, 255, 255, 0.6),
    -1px  1px 4px rgba(255, 255, 255, 0.6),
     1px  1px 4px rgba(255, 255, 255, 0.6);
}

.fontbold {
    font-weight: bold;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.imgroundedborder {
   border-radius: 4px;
}

.imgroundedbordersmall {
   border-radius: 4px;
}


.image-square {
   width: 106px;
   height: 106px;
   background: #ffffff;
   border-radius: 4px;
   overflow: hidden;           /* clip image to rounded corners */
   display: flex;
   align-items: center;        /* center image vertically */
   justify-content: center;    /* center image horizontally */
}

/* Scale any image to fit INSIDE image-square */
.image-square img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
   display: block;
}

.hidepartmobile {
   height: initial;
   overflow: initial;
}

.hidepartmobile-showmore {
   display: none; 
}

.item-list-chaintype {
   color: #FFFFFF;
   font-size: 1.2em;
   font-weight: bold;
   text-align: center;
   border: 1px solid #DDDDDD;
   background: #222222;
   padding: 12px;
   margin: 8px;
   margin-left: 0px;
   margin-right: 0px;
   border-radius: 5px;
}

.item-list-chainrank {
   color: #FFFFFF;
   font-size: 1.1em;
   text-align: left;
   border: 1px solid #DDDDDD;
   background: #0066CC;
   padding: 6px;
   margin: 8px;
   margin-left: 0px;
   margin-right: 0px;
   border-radius: 5px;
}

.item-list-chainrank a:link, .item-list-chainrank a:visited {
 color: #FFFFFF;
 text-decoration: underline;
}

.item-list-chainrank a:hover, .item-list-chainrank a:active {
 color: #FFFFFF;
 text-decoration: underline;
}

.item-list-wrapper {
   min-height: 50px;
   border: 1px solid #DDDDDD;
   padding: 12px;
   margin: 8px;
   margin-left: 0px;
   margin-right: 0px;
   border-radius: 5px;
}

.item-list-wrappertight {
   padding: 6px 12px 6px 12px;
}

.item-list-wrapper-left {
  display: inline-block; 
  width: 75%; 
}

.item-topsection { /* to support legacy html */
  margin: auto;
  max-width: var(--max-content-width);
  padding: 0px 20px 0px 20px;
  min-height: 310px;
  background-color: #FFFFFF;
  color: var(--lite-box-font-color);
  overflow: auto;
}

.item-topsection a:link, .item-topsection a:visited {
    color: var(--lite-box-font-color);
}

.item-list-mid {
  float: left;
  /* margin: auto; v31 */
  margin-left: 0%;
  /* width: 250px; /* v31 */
  width: 35%; /* v31 */
  min-width: 250px; /* v31 */
  min-height: 50px;
}

.item-list-right {
  width: 250px;
  min-height: 50px;
  float: right;
}

.item-list-image {
  float: left;
  width:  106px;
  margin-right: 10px;
}

.chainsearch-feature {
    width: 46%;
    min-height: 40px;
    border: 2px solid #AA4242;
    padding: 8px;
    margin: 8px;
    margin-left: 0px;
    border-radius: 5px;
}

.chainsearch-feature-wrapper {
    min-height: 50px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
}

.qtytext-addtocart-pair {
   display:inline-block; 
   vertical-align: middle; 
   margin:0px;
}

.item-desc {
  float: left;
  margin-left: 7px;
  margin-right: 4px;
  width: 27%;
  min-width: 342px;
  max-width: 559px;
  min-height: 50px;
}


@media only screen /* Mobile */ 
and (max-width : 480px) { /* Mobile */ 
.item-list-right {
    width: 100%; /* Mobile */
}
} /* Mobile */ 
@media only screen /* Mobile */ 
and (min-width : 481px)  /* Mobile */ 
and (max-width : 589px) { /* Mobile */ 
.item-list-right {
    max-width: 240px; /* Mobile */
}
} /* Mobile */ 
@media only screen /* Mobile */ 
and (min-width : 590px) { /* Mobile */ 
.item-list-right {
    max-width: 250px; /* Mobile */
}
} /* Mobile */ 

@media only screen /* Mobile */  
and (max-width : 579px) {
.item-list-wrapper-left {
  width: 286px; /* Mobile */
}
.item-list-reviewbox {
  width: 100%; /* Mobile */
  display: none; /* Mobile */
}
.item-list-promobox {
  width: 100%; /* Mobile */
  display: none; /* Mobile */
}
.item-list-name { /* Mobile */
  display: none; /* Mobile */
} 
.item-list-name-alt-wrapper { /* Mobile */
  display: block; /* Mobile */
}
.item-list-mid {
  max-width: 172px; /* Mobile */
}
.item-list-rear-title {
  display: none; /* Mobile */
}
} /* Mobile */
@media only screen /* Mobile */
and (min-width : 580px) 
and (max-width : 819px) {
.item-list-wrapper-left {
  width: 286px; /* Mobile */
}
.item-list-reviewbox {
  width: 230px; /* Mobile */
  display: none; /* Mobile */
}
.item-list-promobox {
  width: 230px; /* Mobile */
  display: none; /* Mobile */
}
.item-list-name { /* Mobile */
  display: none; /* Mobile */
} 
.item-list-name-alt-wrapper { /* Mobile */
  display: block; /* Mobile */
}
.item-list-rear-title {
  display: none; /* Mobile */
}
} /* Mobile */
@media only screen /* Mobile */ 
and (min-width : 820px) {
.item-list-wrapper-left {
  width: 67%;
}
.item-list-reviewbox {
  width: 230px; /* Mobile */
}
.item-list-promobox {
  width: 230px; /* Mobile */
}
.item-list-name { /* Mobile */
  display: inline; /* Mobile */
} 
.item-list-name-alt-wrapper { /* Mobile */
  display: none; /* Mobile */
}
.item-list-mid {
  max-width: initial; /* Mobile */
}
.item-list-rear-title {
  display: block; /* Mobile */
}
} /* Mobile */

.cart-desc-text { /* Mobile */
   -webkit-text-size-adjust: 100%;
}

.cart-qtyprice-wrapper { /* Mobile */
   float: right;
   display: inline-block;
}

.cart-desc-wrapper { /* Mobile  */
   float: left;
   display: inline-block;
}

.cart-qty-wrapper { /* Mobile */
   float: left;
   display: inline-block;
   margin: 2px 0 0 5px;
   text-align: center;
}

.cart-cost-wrapper { /* Mobile */
   float: left;
   display: inline-block;
   margin: 18px 0 0 10px;
}

.cart-clickforship-img { /* Mobile */
   display: none;
}

.cart-flags-img { /* Mobile */
   display: none;
}