@charset "utf-8";

  table.prodRange {
    border-collapse: collapse;
    margin-top:20px;
    width: 100%;
    font-size: 80%;
  }
  table.prodRange th {
    text-align:left;
    padding:1.5em 0 1.5em 0!important;
    border-bottom:1px solid #F4F6F9;
  }
  table.prodRange tr {
    background-color: rgba(0,0,0,.2);
  }
  table.prodRange tr:nth-child(odd) {
    background-color: rgba(0,0,0,.5);
  }
  table.prodRange tr.highlight{
    background: rgba(0,0,0,.6);
    cursor: pointer;
  }
  table.prodRange tr:hover {background: rgba(0,0,0,.6);}

  table.prodRange td{
    vertical-align:top;
    padding: 7px;
  }   
  table.prodRange th, table.prodRange td {text-align:center;}

  table.prodRange th:nth-child(1),
  table.prodRange th:nth-child(4),
  table.prodRange td:nth-child(1),
  table.prodRange td:nth-child(4) { text-align:left; }

  table.prodRange td:nth-child(1),
  table.prodRange td:nth-child(3),
  table.prodRange td:nth-child(4) { width:23%; }

  table.prodRange td:nth-child(2),
  table.prodRange td:nth-child(5),
  table.prodRange td:nth-child(6) { width:10%; }

  table.prodRange td:nth-child(5) { width:80px; }
  table.prodRange td:nth-child(1) { padding-left:15px; }
  table.prodRange th:nth-child(1) { padding-left:0 !important; }

  /* and now for model range tables where a 7th column exists for stock check links */
  table.prodRange.stockCheck td:nth-child(1),
  table.prodRange.stockCheck td:nth-child(3),
  table.prodRange.stockCheck td:nth-child(4) { width:22%; }

  table.prodRange.stockCheck td:nth-child(5) { width:6%; }

  table.prodRange.stockCheck td:nth-child(2),
  table.prodRange.stockCheck td:nth-child(6),   
  table.prodRange.stockCheck td:nth-child(7) { width:9%; }


  /* and now for model range tables for stock check info with more columns */
  table.prodRange.stockInfo th, table.prodRange.stockInfo td {text-align:center;}

  table.prodRange.stockInfo th:nth-child(1),
  table.prodRange.stockInfo th:nth-child(2),
  table.prodRange.stockInfo td:nth-child(1),
  table.prodRange.stockInfo td:nth-child(2) { text-align:left; }

  table.prodRange.stockInfo td:nth-child(1),
  table.prodRange.stockInfo td:nth-child(2) { width:23%; }
  table.prodRange.stockInfo td:nth-child(3),
  table.prodRange.stockInfo td:nth-child(6) { width:10%; }