/* Accordion to tabs layout (necessary) */
/* ------------------------------------ */
.tab-menu-mobile {
  display: inline-block;
}
.tab-menu-mobile:before {
  /* Label of accordion are copied in pseudo-selector (work on IE8+) */
  content: attr(data-tab-label);
  display: block;
}

.tab-container {
  position: relative; width:100%; margin:0 0 20px 0;
}



/* Smaller device */
@media only screen and (max-width: 599px) {
  .tab-menu {
    display: none;
  }
 

  .tab-container--inner {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
	display:none;

  }

  .tab-container--section.is-visible .tab-container--inner {
    max-height: 1500px;
    visibility: visible;
	display:block; border:1px solid #959595; padding-left:15px; margin-top:10px; width:95%; border-radius:5px;
  }
}
/* Higher device */
@media only screen and (min-width: 600px) {
  .tab-menu-mobile {
    display: none;
  }

  .tab-container--section {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
	display:none;
  }

  
  .tab-container--section.is-visible {
    position: relative;
    left: auto;
    top: auto;
    z-index: 1;
    visibility: visible;
	display:block;
  }
}
/* Accordion to tabs style (optional) */
/* ---------------------------------- */

.tab-menu-mobile, .tab-menu--trigger {
font-size:14px; font-weight:bold;
color:#000;
text-align: center;
text-decoration: none; margin-right:15px;
 
}
.tab-menu-mobile, .tab-menu--trigger a { background:#006db2; border-top:1px solid #eee;  color:#fff; border-radius:4px; padding:10px; text-align:left; }

.tab-menu-mobile.is-active, .tab-menu--trigger.is-active {
  color: #fff;
  background:#cf2123; padding-left:10px; padding-right:10px; margin-right:15px;
}

.tab-menu-mobile {
  width: 95%;
}
.tab-menu-mobile:before {
  content: attr(data-tab-label);
  display: block; 
}


.tab-menu {
  padding: 0;
  background:url(./images/tab-nav.png) repeat-x;
  height: 32px;
  line-height: 32px;
  margin-top:5px; /* GM new item */
}
.tab-menu li {
  float: left; 

}

.tab-menu--trigger {
  display: block;
}

.cf:after, .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
