@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url('https://fonts.googleapis.com/css?family=Montserrat:500');
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

body {
  font-family: 'Montserrat', sans-serif;
  <!--font-family: Montserrat-Medium;-->
  font-weight: 300;
  line-height: 1.42em;
  color:#A7A1AE; 
  background-color:#F0F0F0;
  justify-content: center;
}
   table.center {
    margin-left:  5%; 
    margin-right: 5%;
  }
    table {
      
      font-family: 'Montserrat', sans-serif;
      font-size: 12px;
      color: #000000;
      line-height: 1.5;
      border: 10px solid black;

      margin: 1em 1em 0 1em;
    }

table, td, th {
    border: 3px solid red;
}
table, th, td {
    border: 1px #ABABAB;
}

tr:nth-child(even){background-color: #E7EAEE}


    table.type1 td {
      vertical-align: top;

    }
    table.type2 td {
    }
    table.type3 td {
      width:90%;
    }

    tr.mmHeader {
      /* line-height: 2.5em;*/ 
      background-color: #DDD;
    }
    td.key {
      /* line-height: 2.5em;*/ 
      background-color: #DDD;
      font-weight: bold;
    }
    td.bold {
      font-weight: bold;
    }
    td.sony {
      /* line-height: 2.5em;*/ 
      background-color: #FFAF22;

    }
    td.samy {
      /* line-height: 2.5em;*/ 
      background-color: #D97878;
    }
    td.sigma {
      /* line-height: 2.5em;*/ 
      background-color: #B5E8C0;
    }
    td.laowa {
      /* line-height: 2.5em;*/ 
      background-color: #E8EECB;
    }
    td.lbaby {
      /* line-height: 2.5em;*/ 
      background-color: #AB99D6;
    }
    td.tamron {
      /* line-height: 2.5em;*/ 
      background-color: #B3AFEC;
    }
    td.zeissAF {
      /* line-height: 2.5em;*/ 
      background-color: #49A2E7;
      border-style:solid;    
    }
    td.zeissMF {
      /* line-height: 2.5em;*/ 
      background-color: #388AC9;
      border-style:solid;    
    }
    td.voigtL {
      /* line-height: 2.5em;*/ 
      background-color: #DAD3EE;
      border-style:solid;    
    }
    td.three {
      line-height: 2em;
    }
    
    td.s12mm {
     width: 250px;
    }
    td.sale {
       border: 2px solid red;
    }
    td.new {
       border: 4px dotted yellow;
    }

    
     td.full {
      width: 100px;
    }
    
     td.half {
      width: 50px;
    }
     td.quarter {
      width: 25px;
    }
     td.line {
      width: 1px;
    }    
    tr:hover {
   background-color: #AAA;
    }
     
    td:hover {
   background-color: #FFDFAA;
    }
    tr.title:hover {
   background-color: #F0F0F0;
    }
     
    td.title:hover {
   background-color: #F0F0F0;
    }
    td.titleSony:hover {
   background-color: #FFAF22;
    }
    td {
        text-align: center;
    }
    td.left {
        text-align: left;
    }

    td a {
      width: 100%;
      height: 100%;
      display: block;
    }

    table, th, td {
      border: .5px solid white;
      border-spacing: 0px;

    }
    tr.hide_right > td, td.hide_right{
      border-right-style:hidden;
    }
    tr.hide_all > td, td.hide_all{

    }
    tr.borderOn > td, td.hide_all{
      border-style:solid;
    }
    tr.borderOff > td, tr, td.hide_all{
      border-style:hidden;
    }


    .centers{
        width:200px;
        margin:0 auto;
        text-align:left;
    }

<!----https://www.scientificpsychic.com/etc/css-mouseover.html-->
span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 30px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 


.dropv, .dropv ul {padding: 1; margin: 0; list-style: none;}
.dropv a {display: inline; width: 220px;       height: 100%;}
.dropv li {float: left; padding: 0px 0px 0px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #A3B2BB; 
  padding: 0px 0px 0px 0px; width: 220px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; } /* nest list under hovered list items */
.dropv li ul li a {color: #ffffff; text-decoration: none; display: block;}
.dropv li ul li a:hover {color: black; background:#96999B;}
.dropv text-align: center;

ul.demo {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a {
    color: black;
    text-decoration: none;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


div li
{
text-align: center;
}

element.style {
}
.table100.ver1 th {
    font-family: Montserrat-Medium;
    font-size: 12px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    background-color: #36304a;
}
.row100.head th {
    padding-top: 24px;
    padding-bottom: 20px;
}