.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, div.tabs2 {
   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;
	padding: 0 20px 0 20px;
	line-height: 50px;
   font-size: clamp(1rem, 0.499rem + 1.67vw, 1.5rem);
   background-color:var(--light-peach);
   color:var(--dusky-rose);
   font-family: var(--heading-font);
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   border:none;
}
.tabs2 .tab:first-child {margin-left:0;}

.tabs2 .tab:not(:last-child){
	margin-right: 20px;
}


.tabBody2 {
	width: auto;
   padding: 28px 12px 12px 12px;
   border-top: 2px solid var(--dark-pink);
   background-color: #ffffff;
}

div.tabs2 {
   cursor: default !important;
   display:block;
   height:50px;
   margin:0;
}

.tabs2 .tabHover,
.tabs2 .tabActive {
   background-color:var(--dark-pink);
   border-bottom:var(--dark-pink);
   color:#fff;
}