/* Tab Content - menucool.com */
ul.tabs {
    padding: 6px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}

ul.tabs li {
    display: inline;
    margin: 0;
    margin-right:4px; /*distance between tabs*/
}

ul.tabs li a {
    font-size: 11px;
    text-decoration: none;
    position: relative;
    padding: 6px 14px;
    border: 1px solid #B7B7B7;
    color: #000;
    background: #F7F7F7 url(tabbg2.gif) repeat-x 0 0;
    border-radius: 3px 3px 0 0;
    outline:none;
}

ul.tabs li a:visited {
    color: #000;
}

ul.tabs li a:hover {
    background: white url(tabbg.gif) repeat-x 0 0;
}

ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white url(tabbg.gif) 0 0 repeat-x;
    border-bottom-color: white;
}

ul.tabs li.selected a:hover {
    text-decoration: none;
}

div.tabcontents {
    border-top: 1px solid #B7B7B7; 
    padding:20px 10px;
}

@media (max-width: 660px) {
  div.tabcontents {
    padding:20px 0px 16px 0px;
  }

  ul.tabs li a {
    font-size: 10px;
    padding: 6px 8px;
  }
}
@media (max-width: 500px) {
  ul.tabs li a {
    font-size: 8.5px;
    padding: 3px;
  }
}
@media (max-width: 425px) {
  ul.tabs li a {
    font-size: 8px;
  }
}