/* @group Template */

body {
	background: #fff;
	color: #333;
	margin: 0;
	line-height: 1.375;
}
.font-primary {
	font-family: "Georgia", serif;
}
.font-body {
	font-family: "Helvetica Neue", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #222;
}
hr {
	background: none;
	border-top: 1px solid #ccc;
}
.container, .container-lg, .container-md, .container-sm {
	width: 975px !important;
	max-width: 975px !important;
}
#cap-top {
	background: #000 url('../images/bg-header.png') repeat-x;
	height: 72px;
}

#header-left img {
	margin: -6px 0 0 -12px;
}

#header-left {
	height: 72px;
	line-height: 72px;
}

a#logo {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
}
#nav {
	margin-top: 22px;
}

#placeholder-nav {
	height: 36px;
	padding-left: 0px;
}

#placeholder-nav table {
	width: 100%;
}

#placeholder-nav td {
	padding: 0;
	vertical-align: middle;
}

#cap-body {
	background: #fff;
}

#sub div.inner {
	background: url(../assets/images/cssimg/bg-side-2-4.png) repeat-x 0 0;
	min-height: 300px;
}

.box {
	background: transparent;
}

#cap-bottom {
	background: #F9F9F9 url('../images/bg-footer.png') repeat-x;
	padding: 0 0 18px;
}

#placeholder-rss {
	height: 16px;
	margin-bottom: 9px;
	padding: 0 20px 0 20px;
	float: right;
}

#placeholder-rss img {
	margin: 0 9px;
	vertical-align: middle;
}

.whoslogged {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	height: 36px;
	line-height: 36px;
}

#main div.inner, #sub div.inner {
	padding: 0;
}

#footer {
	height: 72px ;
}

/* @end */

/* @group Navigation */

#mainmenu {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	position:relative;
	z-index:999;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#mainmenu a i {
	display: inline-block;
	font-size: 16px;
	width: 20px;
}
#mainmenu ul {
	display:none;
	position:absolute;
	left:0;
	top: 36px;
	background-color:#222;
	border: 2px solid #ccc;
	margin: 0;
	padding: 12px;
	-moz-box-shadow:3.5px 3.5px 8px #333;
	-webkit-box-shadow:3.5px 3.5px 8px #333;
	box-shadow:3.5px 3.5px 8px #333;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior: url(PIE.htc);
}
#mainmenu li:hover>* {
	display:block;
}
#mainmenu li {
	position:relative;
	display:block;
	white-space:nowrap;
	float:left;
}
#mainmenu li:hover {
	z-index:1;
}
#mainmenu ul ul {
	position:absolute;
	left:100%;
	top:0;
}
#mainmenu>li {
	margin:0;
}
* html #mainmenu li a {
	display:inline-block;
}
#mainmenu a:active,#mainmenu a:focus {
	outline-style:none;
}
#mainmenu a {
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font-size: 16px;
	color:#f3f3f3;
	cursor:pointer;
	padding:4px 22px 18px 18px;
	background:transparent;
}
#mainmenu ul li {
	float:none;
	white-space: nowrap;
}
#mainmenu ul a {
	text-align:left;
	padding: 10px;
	background-color:#262626;
	background-image:none;
	border-width:0;
	font-size:16px;
	color:#f6f6f6;
	text-decoration:none;
	border-radius:0px;
}
#mainmenu li:hover > a,
#mainmenu li.current > a,
#mainmenu li ul li:hover > a,
#mainmenu li ul li.current > a {
	border: 0;
	color: #fdda22;
	text-decoration:none;
}
#mainmenu img {
	border:none;
	vertical-align:middle;
	margin-right:10px;
}
#mainmenu img.over {
	display:none;
}
#mainmenu li:hover > a img.def {
	display:none;
}
#mainmenu li:hover > a img.over {
	display:inline;
}
#mainmenu li a.pressed img.over {
	display:inline;
}
#mainmenu li a.pressed img.def {
	display:none;
}
#mainmenu span {
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
}
#mainmenu ul span {
	background-image:url("../images/arrowsub.png");
	padding-right:24px;
}
#mainmenu ul li:hover > a,
#mainmenu ul li a.pressed {
	background-color:rgba(0,0,0,.5);
	background-image:none;
	color: #f9f9f9;
	text-decoration:none;
}
.sample-request a {
	color: #5ab2fc !important;
}
.sample-request a:hover {
	color: #fdda22 !important;
}
/* @end */

/* @group Links */

a:not(.btn), a:visited:not(.btn) {
	color: #005aa2;
}

a:hover:not(.btn), a:active:not(.btn) {
	color: #005aa2;
}
a:focus:not(.btn) {
	outline: none;
}
#datasheetLinks li a:link:not(.btn),
.productlist li a:link:not(.btn) {
	text-decoration: none;
}
#hero-sub a:link, #hero-sub a:visited {
	color: #005aa2;
	text-decoration: none;
}

#hero-sub a:hover, #hero-sub a:active {
	color: #005aa2;
	text-decoration: none;
}

/* @end */

/* @group Slideshow */

#slider-wrapper{
	position:relative;
	height: 380px;
	width: 950px;
}
.pics {
	height: 380px;
	width: 950px;
	padding:0;
	margin:0;
	overflow: hidden;
}
.pics a img {
	top:0;
	left:0
}

/* @group Slideshow Nav */

#slidernav {
	position:absolute;
	bottom: 10px;
	left: 20px;
	display:block;
	z-index:998;
	padding: 0;
}
#slidernav a {
	text-indent: -9999px;
	display:block;
	float: left;
	background: url(../images/sliderNavOFF.png) no-repeat 0 0;
	overflow: hidden;
	padding-right:20px;
}
#slidernav a:hover {
	background: transparent url(../images/sliderNavON.png) no-repeat 0 0;
}
#slidernav a.activeSlide {
	background: transparent url(../images/sliderNavON.png) no-repeat 0 0;
}
#slidernav a:focus {
	outline: none;
}

/* @end */

.search-box {
	float: right;
	margin-top: 1px;
	margin-right: 15px;
}
.s_site_search_input {
	width: 150px;
	font-size: 16px;
}
.textbox_small {
	width: 98px;
	padding: 1px 0 3px 3px;
	font-size: 14px;
}

.featured h4 {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
	color: #888;
}
.featured .button.blue.small {
	height: 1em;
	line-height: 1em;
}
.featured .button.blue.small:hover {
	text-decoration: none;
}
.featured h1:hover {
	text-decoration: none;
}
.textContent {
    margin: 40px 0 20px 20px;
}

/* @end */

/* @group Datasheets */

#checklist {
	margin-bottom: 2em;
	}
#checklist li:not(.green):before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #262626;
	content: "\f067";
	margin: 0 6px 0 -20px;
	}
.green:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #1C8E12;
	content: "\f06c";
	margin: 0 6px 0 -20px;
	}
.aqueous a:before,
h3.aqueous:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #5BB2FC;
	content: "\1f4a7";
	margin-right: .5rem;
}
.solvent a:before,
h3.solvent:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #c43228;
	content: "\f0c3";
	margin-right: .5rem;
}
.solid a:before,
h3.solid:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #F8BD22;
	content: "\f1b2";
	margin-right: .5rem;
}
.zerovoc a:after,
h1.zerovoc:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #1C8E12;
	content: "\f06c";
	margin-left: .25em;
}
.icon-large {
	font-size: 8em;
	display: block;
	margin: 0;
}
#datasheet-footer {
	width:100%;
	height: 1.5em;
	background: #000;
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
.trademark {
	vertical-align: super;
	font-size: .4em;
}
#printHeader {
	display: none;
}
#photosDS {
  display: flex;
	margin-bottom: 20px;
	border: 0;
}
#photosDS img {
  display: block;
  width: 315px;
  padding-left: 20px;
}

#printview {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.printonly {
	display: none;
	}
.download {
	font-size: 18px;
	text-align: center;
	width:100%;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
}
.download h3{
	margin: 30px 0 10px 0;
	}

.tableContent {
	margin:30px 0 0 20px;
	}
.tableContent h4 {
  margin-bottom: 15px;
}
.datasheet .textLeft {
	text-align: left;
	}
table.datasheet {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #222;
	margin-bottom: 20px;
	width: 100%;
	}
.datasheet caption {
	font: normal 2.0em Georgia, "Times New Roman", Times, serif;
	padding: 0 0 10px 0;
	}
.datasheet th{
	font-weight: bold;
	padding: .75em .25em;
	text-align: center;
	line-height: 1.2em;
	background: #000 url(../images/bg-menu.jpg) top left repeat-x;
	color: #fff;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	vertical-align: middle;
}
.datasheet td{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 6px 4px;
	white-space:nowrap;
	border: 1px solid #ccc;
}
.pan-tagline {
	font-size: 12px;
	font-weight: bold;
}

.bulletlist {
	list-style: square;
	margin-right: 0;
}
.bulletlist li {

	font-size: 1rem;
}

/* @group Datasheet TableHover */

tr.alt td {background: #ecf6fc;}
tr.over td {background: #b5cedd;}

td.click, tr.alt td.click {
	background-color: #b5cedd;
	color: #000;
}

td.hover, tr.alt td.hover {
	background-color: #ffffcc;
}

th.hover, th.hoverrow, tfoot td.hover
{
	background: #333;
	color: #ffffcc;
}

td.hoverrow, tr.alt td.hoverrow
{
	background-color: #ffff99;
	color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px dotted #666;
	border-left: 1px dotted #666;
}

/* @end */

/* @end */

/* @group Pages */

.pageContent {
	padding: 20px;
	min-height:600px;
	}
.bg-blue {
	background: url('../images/faderblue.png') repeat-x;
	}
.bg-yellow {
	background: url('../images/faderyellow.png') repeat-x;
	}
.bg-black {
	background: url('../images/faderblack.png') repeat-x;
	}
div.bannerlogo {
	background: url(../images/logo.jpg) no-repeat top left;
	}
#news {
	padding-top:10px;
	}
#sidebar i {
	font-size: 3em;
	display: block;
	float: left;
	}
	#sidebar p i {
		font-size: inherit;
		margin: 2px 5px 0 0;
	}
#sidebar {
	padding:20px;
	background: url('../images/faderblack.png') repeat-x;
	}
#sidebar ul li {
	letter-spacing:-0.035em;
	margin-bottom: .375em;
}
#sidebar h3 i {
	font-size: 3em;
}
#sidebar h3:before {
	font-size: 2.25em;
	float:right;
	margin-top:.8rem;
	margin-left:.25rem;
}
.print-view #sidebar h3:before {
	font-size: 1.5em;
	margin-top: .125rem;
}
#sidebar.quality-policy ul li {
	list-style: disc;
	font-family: "Helvetica Neue", Arial, sans-serif;
	letter-spacing: normal;
	font-size: 12px;
}
#datasheetLinks li,
.search-results li,
.productlist li {
	list-style: none;
	font-size: 18px;
}
.search-results p {
	margin-bottom: 1em;
}
.search-results i {
	font-size:larger;
}
#datasheetLinks i {
	font-size: inherit;
	margin-right: -3px;
	margin-top: 3px;
}
.updateform {
	width:240px;
	}
#disclaimer {
	font-size: 10px;
	line-height: 1em;
	color: #333;
	}
.fineprint {
	font-size: .8em;
	padding-top: 0;
	padding-left: 15px;
	padding-right: 10px;
}
#detail {
	padding-top: 10px;
	}
#pansperse th {
	font-size: 1.2em;
}
#pansperse td {
	font-size: 1.5em;
}
#formulagroup {
	margin-left: 15px;
}
.formula {
	float: left;
	width: 300px;
}
.formula:not(:last-child) {
	margin-right: 15px;
}
.formula th {
		font-size: 1.5em;
		padding: 1em;
}
.formula td {
		font-size: 1.4em;
		padding: .25em 1em;
}
td.formulatotal {
	border-top: 1px solid #000;
}

/* @end */

/* @group Footer */
#copyright {font-size: 10px; text-align:center; padding: 10px 0;;
}
#textmenu {font-size: 10px; text-align:center; padding:10px 0;}
#textmenu a {text-decoration:none;}
#textmenu a:hover {text-decoration:underline;}
#footermenu {
	padding-top: 15px;
}
#footermenu ul {
	list-style-type: none;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	display: table;
	margin: 0 auto;
}
#footermenu ul li {
	float: left;
}
#footermenu ul li.selected a {
	font-weight: bold;
}
#footermenu ul li a {
	display: block;
	padding: 1px 3px;
}
#footermenu ul li:not(:last-child){
	border-right: 1px solid #ddd;
}
#footermenu ul li a:hover {
	color: #262626;
}
#footermenu ul li.first a {

}
#footermenu ul li.last a {
	border-right: 0;
}
.menu-pages ul li a {
		font-size: 12px;
}
.menu-products ul li a {
		font-size: 10px;
}
/* @end */

/* @group Search Results */
.search-result p {padding-left:40px;}
.search-result h3 {margin-bottom:.25em;}
.searchresults {padding-bottom:40px;}
/* @end */

/* Form Process Spinner */
#spinner-front,
#spinner-back {
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	transition: all 1s;
}

#spinner-front {
	z-index: 999;
	margin-top: 45vh;
	color: #fff;
	text-align: center;
}

#spinner-back {
	z-index: 998;
	height: 100vh;
	background: #000;
}

form.form_submitting #spinner-front {
	visibility: visible;
	opacity: 1;
}

form.form_submitting #spinner-back {
	visibility: visible;
	opacity: 0.7;
	background: #000;
}

form input[type="text"], 
form input[type="number"], 
form input[type="email"], 
form input[type="password"], 
form input[type="tel"], 
form select {
    font-size: 16px;
    padding: .375em .5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.form-control, .form-select, .form-textarea {
    color: #255CAA;
}
.form label {
    display: block;
	margin-top: .375em;
	margin-bottom: .125em;
	font-size: 14px;
}
.my-input-error {
    font-size: 12px;
    color: red;
}
.country-text-switch .us {
	display: block;
}
.country-text-switch .non-us {
	display: none;
}
.country-text-switch.non-us .us {
	display: none;
}
.country-text-switch.non-us .non-us {
	display: block;
}
.iti--allow-dropdown input, 
.iti--allow-dropdown input[type="tel"], 
.iti--allow-dropdown input[type="text"], 
.iti--separate-dial-code input, 
.iti--separate-dial-code input[type="tel"], 
.iti--separate-dial-code input[type="text"] {
    padding-right: 20px;
    padding-left: 52px;
    margin-left: 0;
}
.iti {
	width:100%;
}
.iti .my-input-error {
    position: absolute;
    bottom: -17px;
    left: 0;
}
.form-control::placeholder {
    color: #ccc;
    opacity: 1;
}
.opacity-25 { opacity: .25 !important; }
.opacity-50 { opacity: .5 !important; }
.opacity-75 { opacity: .75 !important; }
.opacity-100 { opacity: 1 !important; }

table.confirmation{
	border: 1px solid #ccc;
}
table.confirmation td {
	border-bottom: 1px solid #ccc;
	padding: .5em;
	font-size: 1.125em;
	font-weight: bold;
}
table.confirmation th {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: .5em .75em;

}

/* @group Contact Form */
#companyaddress {float:left; width:240px; padding-right:10px; float:left;}
#distributors {display:block; float:right; width:300px; padding-left:20px; border-left: 1px solid #CCCCCC;}
#distributors h3 {margin-bottom:.25em;}
.distributor {
	position: relative;
}
.dist-flag {
	position: absolute;
	right:0;
	top:0;
}
/* @end */

/* @group Sample Request Form */
.splotch{
	background: url(../images/samples-splotch.jpg) 400px 0px no-repeat; 
	padding:0;
}

.formText {font-size: 14px; line-height: 1.3em}

a.getsample {
	background: url(../images/getsample.png) -220px 0px no-repeat;
	display: block;
	width: 220px;
	height: 200px;
	margin-bottom: 20px;
}
a.getsample:hover {
	background: url(../images/getsample.png) 0px 0px no-repeat;
	display: block;
	width: 220px;
	height: 200px;
}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
		  line-height:0;
}
.nav-link {
  color:#005aa2;
}

/* @end */

/* @group Customer Feedback Form */
.feedback td {vertical-align:top; padding-right:20px;}
.feedback input {font-size:1.2em; padding:2px;}
.feedback .cat_button {font-size:1em; padding: 5px 10px; margin-top:10px; width:auto;}
.feedback .cat_listbox {font-size:1.2em;}
.feedback label {font-size:1em; font-weight:normal;}
.feedback #FirstName {width:280px;}
.feedback #LastName {width: 280px;}
.feedback #EmailAddress {width: 280px;}
.feedback #Captcha {width:150px;}
.feedback #CAT_Custom_49113 {height:auto; padding-top:2px;}
.feedback h4 {margin:10px 0 5px 0; font-weight:bold;}
/* @end */
/* @end */

/* @group BC Modules */

.system-error-message .error {
	font-size: 2em;
	background: none;
	border: none;
}
/* @group Announcements */
.announcement-list .date {font-size: 11px; font-weight: bold; margin-bottom: .5em;}
.announcement-list h4 {margin-bottom: 0.5em;}
.announcement-list p { font-size: 13px; font-style:italic;}
.announcement-list img {display:none;}

#news .date {font-size: 13px; font-weight: bold; margin-bottom: .5em;}
#news h2 {margin-bottom: .25em;	}
#news p:not(:last-child) { border-bottom: 1px solid #ccc; padding-bottom: 2em;}
#news img {display:none;}

.announcement-details {
	padding: 30px 20px;
}
.announcement-details p {
	font-size: 1.2em; 
	font-weight: normal;
}

/* @end */

/* @group Literature */

p.literature-container img {
	vertical-align: middle;
}

p.literature-container span.icon, p.literature-container span.name {
	margin: 0 3px 0 0;
}

#sidebar p.literature-container {width:125px; margin-bottom:1em;}
#agents p.literature-container {margin-bottom:.5em;}

/* @end */

/* @group FAQ */

section.faq {
	background: #eee;
	border: 1px solid #bbb;
	margin: 0 auto 2px auto;
	transition: ease .26s;
	position: relative;
}

.faq input {
    display: none;
}

.faq label {
    display: block; 
	font-size: 16px;  
    padding: 1rem 1.5rem;
    margin: 0 0 1px 0;
    cursor: pointer;
    color: #262626;
    transition: ease .5s;
}
.faq label:after {
	font-family: "Font Awesome 5 Pro";
	content: '\f054';
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	right: 2.5%;
	top: 34%;
}
.faq input:checked + label:after {
	top: auto;
	content: '\f078';
}
.faq label:hover {
    background: #262626;
	color: #fff;
}
.faq .content {
    background: #fff;
    padding: 30px;
	padding-bottom: 15px;
    border: 1px solid #262626;
    margin: 0 0 1px 0;
}

.faq input + label + .content {
    display: none;
}
.faq input:checked + label + .content {
    display: block;
}
.faq input:checked + label {
	color: #FFF;
	background: #262626;
}


/* @end */

/* @group Toolbox CSS */

.addthis_peekaboo_style {
	width: 150px;
	box-shadow: 0 0 8px #bbb;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.addthis_peekaboo_style a {
	padding: 4px 8px!important;
	font-size: 18px;
	line-height: 36px;
}

/* @group LAYOUT TOOLS */
.floatLeft 			{ float: left;}
.floatRight			{ float: right;}
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
/* @end */

/* @group PRINT TOOLS */
.page-break 		{ page-break-before: always; }
/* @end */

/* @group TYPOGRAPHIC TOOLS */
.error				{ border: 1px solid #fb4343; padding: 3px; color: #fb4343; }
.warning			{ border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; }
.success			{ border: 1px solid #149b0d; padding: 3px; color: #149b0d; }
.callOut			{ font-size: 125%; font-weight: bold; }
.strikeOut			{ text-decoration: line-through; }
.underline			{ text-decoration: underline; }
.resetTypeStyle		{ font-weight: normal; font-style: normal; font-size: 100%;
					  text-decoration: none; background-color: none; word-spacing: normal;
					  letter-spacing: 0px; text-transform: none; text-indent: 0px; }
/* @end */

/* @group STYLING EXTRAS */

a.button			{ color: black; border: 1px solid gray; padding: 10px; }
a.button:hover		{ background: black; color: white; }
.boxshadow {box-shadow: 2px 2px 12px rgba(0,0,0,.4)}
/* @end */

/* @group DISPLAY VALUES */
.hide, .hidden, .d-none	{ display: none; }
.show, .d-block		{ display: block; }
.invisible			{ visibility: hidden; }

/* @end */

/* @end */