.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: 8px;
   border: 1px solid #18347a;
	line-height: 30px;
   font-size:14px;
   background-color:#ffffff;
   color:#18347a;
   padding:0 28px;
   font-weight:700;
   font-family: 'Lato', sans-serif;
}
.tabs2 .tab:first-child {margin-left:10px;}

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

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

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

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

@media (max-width:400px){.tabs2 .tab {padding:0 17px;}.tabs2 .tab:first-child {margin-left:0;}}