@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,300;8..144,600&display=swap');

#prodList, #prodList2, #prodList3, #prodList4, #prodList5, #fixedtableheader0 {
	border-collapse: collapse;
	margin: auto auto;
}
#prodh2 {
	font-family: 'Roboto Flex', sans-serif;
	font-size: 24px;
	text-align: left;
	margin: 20px;
	padding-left: 120px;
	color: #666;
}
#prodList, #prodList2, #prodList3, #prodList4, #prodList5 {
	margin: 30px 0 25px 0;
	border: 1px solid #ddd;
}
#prodList a, #prodList2 a, #prodList3 a, #prodList4 a, #prodList5 a {
	color: #333
}
#prodList a:hover, #prodList2 a:hover, #prodList3 a:hover, #prodList4 a:hover, #prodList5 a:hover {
	color: #333;
	font-weight: bold;
}
#prodList thead tr th, #prodList2 thead tr th, #prodList3 thead tr th, #prodList4 thead tr th, #prodList5 thead tr th {
	cursor:pointer;
	background-color: rgba(154, 154, 271, 0.6);
}
#prodList td, #prodList th, #prodList2 td, #prodList2 th, #prodList3 td, #prodList3 th, #prodList4 th, #prodList4 td, #prodList5 th, #prodList5 td {
	font-family: 'Roboto Flex', sans-serif;
	font-size: 13pt;
	padding: 5px;
	border: 1px solid #C9F;
}
#prodList caption, #prodList2 caption, #prodList3 caption, #prodList4 caption, #prodList5 caption {
	font-family: 'Roboto Flex', sans-serif;
	font-size: 0.9em;
	text-align:right;
	color:#666;
	padding: 5px 0;
	font-style: italic;
}
#prodList tfoot tr, #prodList tbody tr:nth-child(odd), .impair, #prodList tbody tr td:nth-of-type(2), .type {
	background-color: rgba(154, 154, 271, 0.4);
}
#prodList2 tfoot tr, #prodList2 tbody tr:nth-child(odd), .impair, #prodList2 tbody tr td:nth-of-type(2), .type {
	background-color: rgba(154, 154, 271, 0.4)
}
#prodList3 tfoot tr, #prodList3 tbody tr:nth-child(odd), .impair, #prodList3 tbody tr td:nth-of-type(2), .type, #prodList4 tbody tr td:nth-of-type(2), .type, #prodList5 tbody tr td:nth-of-type(2), .type {
	background-color: rgba(154, 154, 271, 0.4)
}
#prodList tbody tr td:nth-of-type(3), .lamp, #prodList2 tbody tr td:nth-of-type(3), .lamp, #prodList3 tbody tr td:nth-of-type(3), .lamp, #prodList4 tbody tr td:nth-of-type(3), .lamp, #prodList5 tbody tr td:nth-of-type(3), .lamp {
	text-align: center
}
#prodList tbody tr td:nth-of-type(4), .range, #prodList2 tbody tr td:nth-of-type(4), .range, #prodList3 tbody tr td:nth-of-type(4), .range, #prodList4 tbody tr td:nth-of-type(4), .range, #prodList5 tbody tr td:nth-of-type(4), .range {
	color: lightgrey;
	text-align: right;
}
#fixedtableheader0 {
	border: 1px solid #ddd;
}
#fixedtableheader0 th, #prodList thead tr th, #prodList2 thead tr th, #prodList3 thead tr th, #prodList4 thead tr th, #prodList5 thead tr th {
	font-family: 'Roboto Flex', sans-serif;
	font-size: 0.8em;
	padding: 5px;
	color:#666;
}
.highlight td, #prodList tr:hover, #prodList2 tr:hover, #prodList3 tr:hover, #prodList4 tr:hover, #prodList5 tr:hover {
	background-color: #999 !important;
}
#prodList caption h3, #prodList2 caption h3, #prodList3 caption h3, #prodList4 caption h3, #prodList5 caption h3 {
	font-size: 24px;
	text-align: left;
	color: #666;
	font-style: normal;
	text-transform: uppercase;
}
#prodList caption h3 a:hover, #prodList2 caption h3 a:hover, #prodList3 caption h3 a:hover, #prodList4 caption h3 a:hover, #prodList5 caption h3 a:hover {
	color: #999;
}
/*_________________TABS - PROD - SEARCH ____________________*/


.tabs {
	position: relative;
	margin: 40px auto;
	height:100%;
}
.tabs input {
	position: absolute;
	z-index: 1000;
	width: 160px;
	height: 42px;
	left: 0px;
	top: 0px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2 {
	left: 257px;
}
.tabs input#tab-3 {
	left: 429px;
}
.tabs input#tab-4 {
	left: 598px;
}
.tabs input#tab-5 {
	left: 460px;
}
.tabs label {
	font-family: 'Roboto Flex', sans-serif;
	background: #5a9ee8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzVhOWVlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2FkYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #5a9ee8 1%, #b3adc6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #5a9ee8), color-stop(100%, #b3adc6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5a9ee8 1%, #b3adc6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5a9ee8 1%, #b3adc6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5a9ee8 1%, #b3adc6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5a9ee8 1%, #b3adc6 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a9ee8', endColorstr='#b3adc6', GradientType=0 ); /* IE6-8 */
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	float: left;
	display: block;
	color: #666;
	top: 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}
.tabs label:after {
	content: '';
	background: #fff;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 8px;
	display: block;
}
.tabs input:hover + label {
	background: #5a9ee8;
	top: -4px;
	-webkit-transition: top linear 0.2s;
	-moz-transition: top linear 0.2s;
	-o-transition: top linear 0.2s;
	-ms-transition: top linear 0.2s;
	transition: top linear 0.2s;
}
.tabs input:hover + label:after {
	background: #5a9ee8;/*#5ba4a4;*/
}
.tabs input:hover + label ~ .clear-shadow {
 top: -8px;
 -webkit-transition: top linear 0.2s;
 -moz-transition: top linear 0.2s;
 -o-transition: top linear 0.2s;
 -ms-transition: top linear 0.2s;
 transition: top linear 0.2s;
}
.tabs input:checked:hover + label {
	top: 0;
}
.tabs input:checked:hover + label:after {
	background: #fff;
}
.tabs input:checked:hover + label ~ .clear-shadow {
 top: 0;
 background: #fff;
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
 -ms-transition: none;
 transition: none;
}
 .tabs input.tab-selector-1:hover + label.tab-label-1 ~ .clear-shadow {
 z-index: 3;
}
 .tabs input.tab-selector-2:hover + label.tab-label-2 ~ .clear-shadow {
 z-index: 2;
}
 .tabs input.tab-selector-3:hover + label.tab-label-3 ~ .clear-shadow {
 z-index: 1;
}
 .tabs input.tab-selector-4:hover + label.tab-label-4 ~ .clear-shadow {
 z-index: 0;
}
.tabs label:first-of-type {
	z-index: 4;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}
.tab-label-2 {
	z-index: 3;
}
.tab-label-3 {
	z-index: 2;
}
.tab-label-4 {
	z-index: 1;
}
.tabs input:checked + label {
	background: #fff;
	z-index: 6;
	-webkit-transition: top linear 0.2s;
	-moz-transition: top linear 0.2s;
	-o-transition: top linear 0.2s;
	-ms-transition: top linear 0.2s;
	transition: top linear 0.2s;
}
.clear-shadow {
	position: relative;
	top: 0;
	height: 10px;
	margin-bottom: -10px;
	clear: both;
	z-index: -2;
	box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2);
	border-radius: 3px;
	background-color: #5a9ee8;
}
.content {
	position: relative;
	width: 100%;
	height: 1050px;
	z-index: 5;
	overflow: hidden;
	box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
	border-radius: 0 3px 3px 3px;
	background-color: #fff;
}
.content div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 100%;
	padding: 5px 20px;
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all linear 0.1s;
	-moz-transition: all linear 0.1s;
	-o-transition: all linear 0.1s;
	-ms-transition: all linear 0.1s;
	transition: all linear 0.1s;
	height: 100%;
}
 .tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4 {
 bottom: 0px;
 z-index: 100;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
 -webkit-transition: all ease-out 0.2s 0.2s;
 -moz-transition: all ease-out 0.2s 0.2s;
 -o-transition: all ease-out 0.2s 0.2s;
 -ms-transition: all ease-out 0.2s 0.2s;
 transition: all ease-out 0.2s 0.2s;
}
.content div h2, .content div h3 {
	color: #398080;
}
.content div p {
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #666;
	padding-left: 15px;
	font-family: 'Roboto Flex', sans-serif;
	border-left: 8px solid rgba(63,148,148, 0.1);
}