/**
* @desc				 Foundation CSS file common to all HTML files
* @name				 Generic
* @author			 Patrik Askert, Galgo (UK) Ltd
* @tested			 Safari 14.0.2, Chrome 88, Firefox 85
* @requires		 None
*/

@charset "UTF-8";

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

[hidden] {
	display: none;
}
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
	margin: 0;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
	outline: 0;
}
b,
strong {
	font-weight: bold;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
button,
input {
	line-height: normal;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Page Layout Definitions*/

html, 
body { 
	padding: 0;
	margin: 0;
}
html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}
body { 
	color: #000000;
	background-color: #D1CFCE;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
.header, .header-strapline {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 960px;
	background: #FFFFFF;
}
.header {
	height: 124px;
}
.header-strapline {
	color: white;
	font-size: 23px;
	font-size: 1.45rem;
	height: 42px;
}

/* Top Nav W3 Schools */

.navbar {
	overflow: hidden;
	background-color: #818181;
	width: 945px;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
	height: 45px;
}
.navbar a {
	float: left;
	text-align: center;
	padding: 14px 30px;
	text-decoration: none;
	font-size: 0.9rem;
}
div.navbar, div.navbar a,
button.white a {
	color: white;
}
div.navbar a.grey,
button.grey a,
button.grey i {
	color: #dcdcdc;
}
.dropdown {
	float: left;
	overflow: hidden;
}
.dropdown a {
	padding: 0;
	float: none;
}
.dropdown .dropbtn {
	font-size: 16px;
	border: none;
	outline: none;
	color: white;
	padding: 12px 16px 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}
.navbar a:hover,
.dropdown:hover .dropbtn {
	background-color: red;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	float: none;
	color: black;
	padding: 9px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.dropdown-content a:hover {
	background-color: #ddd;
}
.dropdown:hover .dropdown-content {
	display: block;
}

/* Breadcrumbs Navigation Menu W3 Schools */

.navheader {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 929px;
	background: #e6e6e6;
	padding-left: 31px;
	line-height:1.40;
	font-size: 0.8rem;
}
div.navheader ul,
div.navheader div {
	padding-bottom: 5px;
	padding-bottom: 0.3125rem;
	padding-top: 5px;
	padding-top: 0.3125rem;
}
/* Style the list */
ul.breadcrumb {
	padding: 0px 0px;
	margin-top:0;
	margin-bottom:0;
	list-style: none;
	margin-left: 0;
}
/* Display list items side by side */
ul.breadcrumb li {
	display: inline;
}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
	padding: 0px 8px;
	color: black;
	content: ">\00a0";
}
.navheader li {
	color: #434343;
}

.wrap { 
	width: 960px;
	margin: 0 auto;
	display: table;
	line-height:1.40;
	font-size: 0.9rem;
}
.column { 
	display: table-cell;
	vertical-align: top;
}

/* Side bar */

.sidebar { 
	width: 130px;
	background: #FFEFD5;

}
* html .sidebar { /* ie6*/
	float:left;
}
*+html .sidebar { /* ie7*/
	float:left; 
}
.main { 
	width: 680px;
	background: #FCFCFC;
	padding-left: 75px;
	padding-right: 75px;
}
* html .main { /* ie6*/	
	float:right;
	margin:0 75px 0 0;
	display:inline;
	border:none
}
*+html .main /* ie7*/ { 
	float:right;
	margin:0 75px 0 0;
	border:none
 }

.panel {
	background-color: #D1CFCE;
}



/* Site Search 360 */
.ss360a {
	width: 100px;
	height:25px;
	font-size: 0.8rem;
}

/* Headings & Main Selectors */

h1,
h2,
h3, 
h4,
h5,
.h2,
.h3 { 
	font-family: Tahoma, Trebuchet, Helvetica, sans-serif;
}
h1 { 
	font-size:	25px;
	font-size: 1.575rem;
	margin-top: 30px;
	margin-top: 1.9rem;
}
h2, .h2 { 
	font-size: 20px;
	font-size: 1.26rem;
}
h3, .h3 { 
	font-size: 16px;
	font-size: 1.035rem;
}
h4 { 
	font-size: 15px;
	font-size: 0.945rem;
}
h5 { 
	font-size: 12px;
	font-size: 0.756rem;
}
.h2a { 
	font-size: 18px;
	font-size: 1.134rem;
}


li,
table,
.mb1
{ 	margin-bottom: 14px;
	margin-bottom: 0.9rem;}


/* Line space above and below embedded youtube videos */

a { 
	color: #0645AD;
	text-decoration: none;
}

a.link1 { 
	color: black;
	text-decoration: none;
}
a:hover.link1 { 
	color: black;
	text-decoration: underline;
}
a:active.link1 {
	color: black;
	text-decoration: underline;
}
a:visited.link1 {
	color: black;
	text-decoration: none;
}

a.link2, { 
	color: #0645AD;
	text-decoration: none;
}
a:hover.link2 { 
	color: black;
	text-decoration: underline;
}
a:visited.link2 {
	color: #663366;
	text-decoration: none;
}
a:active.link2 {
	color: black;
	text-decoration: underline;
}

ul.breadcrumb a { 
	color: #434343;
	text-decoration: none;
}
ul.breadcrumb a:hover { 
	color: black;
	text-decoration: underline;
}
ul.breadcrumb a:active {
	color: #0645AD;
	text-decoration: underline;
}
ul.breadcrumb a:visited {
	color: ##434343;
	text-decoration: none;
}

.email a { 
	color: black;
	text-decoration: none;
}
.email a:hover { 
	color: #0645AD;
	text-decoration: underline;
}
.email a:active {
	color: black;
	text-decoration: underline;
}

table {
	vertical-align: top;
}
hr { 
	display: block; height: 0px;
	border: 0; border-top: 1px solid #e0e0e0;
	margin-bottom: 1rem 0;
	margin-bottom: 16px 0;
	padding: 0;
}
blockquote.indent {
	margin-right: 0;
	margin-top: 10px;
	margin-left: 50px;
	padding: 10px 10px 10px 15px;
	border-left: 3px solid #ccc;
	background: #f2f2f2 none; color: #000;
	font-size: 0.8rem;
}
blockquote.indent p:first-child { margin-top: 0;}
blockquote.indent p:last-child { margin-bottom: 0;}
blockquote {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
figure {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-bottom: 1.2rem;
}


/* P L A C E M E N T */

iframe {
	margin-bottom: 9px;
	margin-bottom: 0.6rem;
}
.pb2 {
	padding-bottom: 28px;
	padding-bottom: 1.75rem;
}
.pb15 {
	padding-bottom: 21px;
	padding-bottom: 1.3125rem;
}
.pb1 {
	padding-bottom: 14px;
	padding-bottom: 0.875rem;
}
.pb05 {
	padding-bottom: 7px;
	padding-bottom: 0.4375rem;
}
.pb03 {
	padding-bottom: 4.2px;
	padding-bottom: 0.2625rem;
}
.pb02 {
	padding-bottom: 2.8px;
	padding-bottom: 0.175rem;
}
.pb0 {
	padding-bottom: 0;
}
.pl10 {
	padding-left: 10px;
	padding-left: 0.625rem;
}
.pl14 {
	padding-left: 14px;
	padding-left: 0.875rem;
}
.pl15 {
	padding-left: 15px;
	padding-left: 0.938rem;
}
.pl18 {
	padding-left: 18px;
	padding-left: 1.125rem;
}
.pl25 {
	padding-left: 25px;
	padding-left: 1.563rem;
}
.pl0 {
	padding-left: 0px;
}
.pr0 {
	padding-right: 0px;
}
.pr12 {
	padding-right: 12px;
	padding-right: 0.7504rem;
}
.pr15 {
	padding-right: 15px;
	padding-right: 0.938rem;
}
.pr20 {
	padding-right: 20px;
	padding-right: 1.250rem;
}
.ptmax {
	padding-top: 525px;
	padding-top: 32.81rem;
}
.pt22 { padding-top: 22px;
	padding-top: 1.375rem;
}
.pt2 {
	padding-top: 28px;
	padding-top: 1.75rem;
}
.pt1 {
	padding-top: 14px;
	padding-top: 0.875rem;
}
.pt05 {
	padding-top: 7px;
	padding-top: 0.4375rem;
}
.pt025 {
	padding-top: 3.5px;
	padding-top: 0.21875rem;
}
.pt00025 {
	padding-top: 0.25px;
	padding-top: 0.015625rem;
}
.pt0 {
	padding-top: 0;
}
.plr75 {
	padding-left: 75px;
	padding-right: 75px;
}
.mtminus {
	margin-top: -19px;
	margin-top: -1.2rem;
}
.mt0 { 
	margin-top: 0;
}
.mt4 { 
	margin-top: 6px;
	margin-top: 0.4rem;
}
.mt8 {
	margin-top: 12px;
	margin-top: 0.8rem;
}
.mt10 {
	margin-top: 16px;
	margin-top: 1.0rem;
}
.mt12,
iframe { 
margin-top: 19px;
margin-top: 1.2rem;
}
.mt14, 
h2 { 
	margin-top: 22px;
	margin-top: 1.4rem;
}
.mt2 {
	margin-top: 28px;
	margin-top: 1.8rem;
}
.mt3 {
	margin-top: 43px;
	margin-top: 2.7rem;
}
.mt40 {
	margin-top: 57.333px;
	margin-top: 3.6rem;
}
.mt50 {
	margin-top: 71.25px;
	margin-top: 4.5rem;
}
.mt55 {
	margin-top: 78.375px;
	margin-top: 4.95rem;
}
.mb0 { 
	margin-bottom: 0;
}
.mb03 {
	margin-bottom: 4.8px;
	margin-bottom: 0.3rem;
}
.mb05,
#product li,
#product ul {
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}
.mb06, {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
}
.mb08 {
	margin-bottom: 13.3333px;
	margin-bottom: 0.83333rem;
}
.mb12 { 
	margin-bottom: 19px;
	margin-bottom: 1.2rem;
}
.mb13 { 
	margin-bottom: 20.5833px;
	margin-bottom: 1.3rem;
}
.mb16 {
	margin-bottom: 25px;
	margin-bottom: 1.6rem;
}
.mb2 {
	margin-bottom: 28px;
	margin-bottom: 1.8rem;
}
.mb25 {
	margin-bottom: 35px;
	margin-bottom: 2.25rem;
}
.mb3 {
	margin-bottom: 43px;
	margin-bottom: 2.7rem;
}
.mb35 {
	margin-bottom: 50px;
	margin-bottom: 3.14rem;
}
.mb4 {
	margin-bottom: 57px;
	margin-bottom: 3.6rem;
}
.mb5 {
	margin-bottom: 71.25px;
	margin-bottom: 4.5rem;
}
.mb58 {
	margin-bottom: 82.65px;
	margin-bottom: 5.220rem;
}
.mb6 {
	margin-bottom: 85.5px;
	margin-bottom: 5.4rem;
}
.mb7 {
	margin-bottom: 99.75px;
	margin-bottom: 6.3rem;
}
.mlminus {
	margin-left: -19px;
	margin-left: -1.2rem;
}
.ml0 {
	margin-left: 0px;
}
.ml12 {
	margin-left: 20px; 
	margin-left: 1.25rem;
}
.ml17 {
	margin-left: 28.33px; 
	margin-left: 1.771rem;
}
.ml18 {
	margin-left: 29.996px; 
	margin-left: 1.875rem;
}
.ml19 {
	margin-left: 31.663px; 
	margin-left: 1.979rem;
}
.ml21 {
	margin-left: 33.33px; 
	margin-left: 2.0833rem;
}
.ml24 {
	margin-left: 40px; 
	margin-left: 2.5rem;
}
.mr0 {
	margin-right: 0px;
}
.mr2 {
	margin-right: 3px;
	margin-right: 0.2rem;
}
.mr4 {
	margin-right: 6px;
	margin-right: 0.4rem;
}
.mr6 {
	margin-right: 10px;
	margin-right: 0.625rem;
}
.mr9 {
	margin-right: 15px;
	margin-right: 0.9375rem;
}
.mr10 {
	margin-right: 16.67px;
	margin-right: 1.0417rem;
}
.mr105 {
	margin-right: 17.5px;
	margin-right: 1.09375rem;
}
.mr12 {
	margin-right: 20px;
	margin-right: 1.25rem;
}
.mr18 {
	margin-right: 29.996px; 
	margin-right: 1.875rem;
}
.mr19 {
	margin-right: 32px;
	margin-right: 2rem;
}
.mr25 {
	margin-right: 40px;
	margin-right: 2.5rem;
}
.mr28 {
	margin-right: 45px;
	margin-right: 2.8125rem;
}

/* to remove horizontal padding between images in Safari & Chrome */
.flex {
	display: flex;
	flex-direction: row;
}

/* Remove line space at top of Heading 3 when inside table - on Index/Home page */

.vert-top, #product td, #testimonials td {
	vertical-align: top;
}
.vert-mid {
	vertical-align: middle;
}
.vert-bot {
	vertical-align: bottom;
}
.middle {
	text-align: center
}
.elementmiddle {
	margin: auto;
}
.block {
	display:inline-block;
	margin: auto;
}
.block2 {
	display:block;
	margin: auto;
}
.clear {
	clear: both;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}

/* table border - custom spacing for each row - when you want a 15px border underneath each row (default in table border collapse for whole table) */

.bspace {
	border-collapse:separate;
	border-spacing: 0 10px; 
	border-spacing: 0 0.625rem;
}

/* Product page table bullets */

#product ul {
	text-align:left;
	font-size: 13.5px;
	font-size: 0.9rem;
}
}

/* Larger Font - unused */

.font100 {
	font-size: 15px;
	font-size: 1.0rem;
}
.font095 {
	font-size: 14.25px;
	font-size: 0.95rem;
}

/* body text size */

.font090 {
	font-size: 13.5px;
	font-size: 0.9rem;
}

/* Smaller fonts */

.font085, {
	font-size: 12.75px;
	font-size: 0.85rem;
}
.font080 {
	font-size: 12px;
	font-size: 0.8rem;
}
.font075 {
	font-size: 11.25px;
	font-size: 0.75rem;
}
.font070 {
	font-size: 10px;
	font-size: 0.6667rem;
}
.font070w {
	font-size: 10px;
	font-size: 0.6667rem;
	color: #fff;
	font-weight: bold;
}
.font065 {
	font-size: 9.5px;
	font-size: 0.6333rem;
}
.font065w {
	font-size: 9.5px;
	font-size: 0.6333rem;
	color: #fff;
	font-weight: bold;
}
.font060 {
	font-size: 9px;
	font-size: 0.6rem;
}
.font050 {
	font-size: 8px;
	font-size: 0.5333rem;
	color: #fff;
	font-weight: bold;
}
.font050a {
	font-size: 8px;
	font-size: 0.5333rem;
}
.font045 {
	font-size: 7.5px;
	font-size: 0.5rem;
}
.font040 {
	font-size: 7px;
	font-size: 0.4667rem;
}
.font030 {
	font-size: 6px;
	font-size: 0.4rem;
}

/* Premixed Premeasured Precise - orange */
.orange {
	color: #eb7733;
}

/* Bolds the numerical bullet as well as following text - on Products pages */

.bold,
.h2,
.h3 {
	font-weight: bold;
}

.black {
	color: #000000;
}
.border1 {
	border: 1px black;
}
.blue {
	color: #3333CC;
}

/* Border (grey) for images */

.imgborder { 
	 border:1px solid #D0D0D0;
}

/* CSS from CHEMetrics V-3000 page - Comparison Table */

.features td:nth-child(1),
.features td:nth-child(2) {
	border-right: 1px solid #000;
}
.features td {
	border-bottom: 1px solid #000;
	padding: 4px;
	vertical-align: top
}
.features tr:last-child td {
	border-bottom: none;
}
.features {
	border: 2px solid #000;
}

/* space under table rows */

tr.spaceunder>td {
	padding-bottom: 0.7em;
}

/* CSS from C product page - visual instrumental table ranges - edited & grey images bar */

/*** Category Listing ***/

div.category-list h2 {
	color: #1a1a19;
	text-transform: none;
	border: 0;
	margin-top: 16px;
	margin-top: 1.0rem;
	margin-bottom: 5px;
	margin-bottom: 0.312rem;
	font-family: Tahoma, Trebuchet, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.035rem;
	text-transform: none;
	font-weight: bold;
}
div.category-list h2.vid {
	color: #1a1a19;
	text-transform: none;
	border: 0;
	margin-top: 0;
	margin-bottom: 5px;
	margin-bottom: 0.312rem;
	font-family: Tahoma, Trebuchet, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.035rem;
	text-transform: none;
	font-weight: bold;
}
div.category-list table th,
div.category-list table td {
	padding: 2px 5px;
}
div.category-list table.visual-kits th {
	background-color: rgb(245, 130, 42);
	color: #000;
}
div.category-list table.visual-kits2 th {
	background-color: rgb(245, 130, 42);
	color: #000;
}
div.category-list table.visual-kits td {
	background-color: #fdc99f;
}
div.category-list table.visual-kits2 td {
	background-color: #fdc99f;
}
div.category-list table.instrumental-kits th {
	background-color: #ffd520;
	color: #000;
}
div.category-list table.instrumental-kits td {
	background-color: #ffebad;
}
div.category-list table th,
div.category-list table td {
	border: 2px solid #FCFCFC;
	font-family: Verdana;
}
div.category-list table th {
	text-align: left
}
.category-list {
	overflow: auto;
	margin-bottom: 20px;
}
.category-list > div {
	text-align: center;
	margin:0 5px;
	min-height:130px;
	max-width: 100px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:10px;
}
.category-list > div img {
	display:block;
}
.category-list ul {
	float: left;
	width:23%;
	margin-right:12px;
	list-style: none;
}
.category-list .div a {
	text-decoration: underline;
	font-weight: bold;
}
.category-list > div {
	margin:0px 5px 10px 0px;
}
div.category-list table,
table.list {
	width: 100%;
	margin-bottom: 10px;
}
div.category-list table.instrumental-kits {
	margin-bottom: 0;
}
div.category-list table.visual-kits2 {
	margin-bottom: 0;
}

/* my additional category-list code for blue table based on instrumental-kits yellow table */

div.category-list table.bluetable th,
div.category-list table.bluetable2 th {
	background-color: #99c2ff;
	color: #000;
}
div.category-list table.bluetable td {
	background-color: #cce0ff;
}
div.category-list table.bluetable2 td {
	background-color: #e8effc;
}
div.category-list table.bluetable,
div.category-list table.bluetable2 {
	margin-bottom: 0;
}
/* my additional category-list code for grey table based on instrumental-kits yellow table */

div.category-list table.greytable th {
	background-color: #cccccc;
	color: #000;
}
div.category-list table.greytable td {
	background-color: #ededed;
}
div.category-list table.greytable {
	margin-bottom: 0;
}

/* my additional category-list code for lighter grey table based on instrumental-kits yellow table */

div.category-list table.greytable2 th {
	background-color: #cccccc;
	color: #000;
}
div.category-list table.greytable2 td {
	background-color: #e6e6e6;
}
div.category-list table.greytable2 {
	margin-bottom: 0;
}

/* fixed row height for Visual & Photometric tables */

div.category-list table.analytetable td {
	height:28px;
	height:1.8rem;
}

/*** Category Images ***/

div.category-images {
	background-color: rgb(235, 235, 235);
	height: auto;
	text-align: center;
}

/* category-info heading spacing - experimental */

div.category-info h3.cathead {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
div.test h3.vid3 {
	margin-bottom: 0;
	padding-bottom: 0;
}
div.test h4.vid4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*** Sitemap page bullet point margins ***/

#sitemap li {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*** FAQs Links Table css ***/

table.list tbody td {
	vertical-align: top;
	padding: 0px;
}

/*** Blue Gradient from home page ***/

.gradient {
	padding: 0;
	margin: 0;
	max-width: 1220px;
	background: #042e5d; /* Old browsers */
	background: -moz-linear-gradient(top, #042e5d 0%, #81a2b6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#042e5d), color-stop(100%,#81a2b6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #042e5d 0%,#81a2b6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #042e5d 0%,#81a2b6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #042e5d 0%,#81a2b6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #042e5d 0%,#81a2b6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042e5d', endColorstr='#81a2b6',GradientType=0 ); /* IE6-9 */
}

.center {
	text-align: center;
}