.tab {
	display: block;
	float:left; 
	text-decoration: none;
	margin:0;
	margin-right: 5px;
	padding: 0 9px;
   border: 1px solid black;
   background-color: #eeeeee;
	line-height: 28px;
}

.tabBody {
	width: auto;
   padding: 8px 12px 12px 12px;
   border: 1px solid black;
   background-color: #f7f7f7;
}

div.tabs {
   cursor: default !important;
   font-size: 14px;
   display:block;
   height:29px;
   margin:0;
}

.tabHover {
	z-index: 300;
   border-bottom-width: 0;
   background-color: #cccccc;
}

.tabActive {
   background-color: #f7f7f7;
   border-bottom:1px solid #f7f7f7;
}

.tabs .button {height:28px;}

/********* product page ********/

.tabs2 .tab {
	display: block;
	float:left; 
	text-decoration: none;
	margin:0;
	margin-right: 5px;
	padding: 0 20px;
   border: 1px solid #dbdbdb;
	line-height: 33px;
   font-size:1em;
	font-family: 'Libre Franklin', sans-serif;
	background-color: #F26D73;
	color:#ffffff;
}
.tabs2 .tab:first-child {margin-left:10px;}

.tabBody2 {
	width: auto;
   padding: 28px 12px 12px 12px;
   border-top: 1px solid #dbdbdb;
   border-bottom: 1px dashed #dbdbdb;
   background-color: #ffffff;
}

div.tabs2 {
   cursor: default !important;
   display:block;
   height:34px;
   margin-top:20px;
}
.tabs2 .tab {font-family:inherit;}

.tabs2 .tabHover {
	z-index: 300;
   border-bottom-width: 0;
   background-color: #ffffff;
   color:#000;
}

.tabs2 .tabActive {
   background-color: #ffffff;
   border-bottom:1px solid #ffffff;
   color:#000;
}

.tabs2 .button {height:28px;}

@media(min-width:721px) and (max-width:818px){.tabs2 .tab {padding: 0 10px;}}
@media(min-width:641px) and (max-width:720px){.tabs2 .tab {padding: 0 5px; font-size:0.938em;}}
@media(min-width:436px) and (max-width:640px){.tabs2 .tab {padding: 0 10px;}}
@media(min-width:371px) and (max-width:435px){.tabs2 .tab {padding: 0 8px; font-size:0.938em;}.tabs2 .tab:first-child {margin-left:2px;}}
@media(min-width:355px) and (max-width:370px){.tabs2 .tab {padding: 0 8px; font-size:0.875em;}.tabs2 .tab:first-child {margin-left:2px;}}
@media(min-width:0px) and (max-width:355px){.tabs2 .tab span {display:none;} .tabs2 .tab {padding: 0 8px; font-size:0.938em;}.tabs2 .tab:first-child {margin-left:2px;}}