@charset "UTF-8";
/*************
* defaultCSS *
**************/
/*
Version: 1.001
*/
/* ////////////////////////////////////////////////// */
/* -===== Typography =====- */
/* Default */
 body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[SummaryURL] { display:none}
a[itemprop="URL"], .ecae-link { display:none}

html {
    font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
    line-height: 175%;
    color:#2a2a2a;
}
h1, .h1, h2, .h2, h3, .h3 { line-height:1.3em; margin-bottom:10px}
h4, .h4, h5, .h5, h6, .h6 { line-height:1.4em; margin-bottom:10px}
/* Font */
.jose {font-family: 'Josefin Sans', sans-serif;}
.arial {font-family: 'Arial', sans-serif;}
/* Sizes */
@media only screen { /* small */
	h1, .h1 {font-size: 2em;}
	h2, .h2 {font-size: 1.8em;}
	h3, .h3 {font-size: 1.6em;}
	h4, .h4 {font-size: 1.4em;}
	h5, .h5 {font-size: 1.2em;}
	h6, .h6 {font-size: 1em;}
	p, a {font-size: 1em;}
}
@media only screen and (min-width: 40.063em) { /* medium */
	h1, .h1 {font-size: 2.25em;}
	h2, .h2 {font-size: 2.025em;}
	h3, .h3 {font-size: 1.8em;}
	h4, .h4 {font-size: 1.575em;}
	h5, .h5 {font-size: 1.35em;}
	h6, .h6 {font-size: 1.125em;}
	p, a {font-size: 1em;}
}
@media only screen and (min-width: 64.063em) { /* large */
	h1, .h1 {font-size: 2.5em;}
	h2, .h2 {font-size: 2.25em;}
	h3, .h3 {font-size: 2em;}
	h4, .h4 {font-size: 1.75em;}
	h5, .h5 {font-size: 1.5em;}
	h6, .h6 {font-size: 1.25em;}
	p, a {font-size: 1em; }
	p { line-height:1.6em;}
}

/* Styles */ 
div.row.FullWidth { width:100%; max-width:100%;}
.nav-pad { margin-top:12px; margin-bottom:12px}
 
.light { font-weight:200;}
.regular { font-weight:400 ;}
.semibold { font-weight:600;}
.bold, strong { font-weight:800}
em, .italic {font-style:italic;}

.uc, .caps {text-transform: uppercase;}
.underline {text-decoration: underline;} 

sub {bottom: -0.25em;}
sup {
	font-size: 0.5em;
    position: relative;
    top: -0.8em;
    vertical-align: baseline;
}
.large { font-size:1.2em; line-height:1.4em}
.larger { font-size:1.3em; line-height:1.5em}
.small { font-size:.8em}
.xsmall { font-size:.7em;}
input {
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* -===== Search  =====- */
.searchbox { display:inline-block; margin-right:-5px;  margin-top:10px; margin-bottom:10px;}
.search input { padding:12px 10px; border: 1px solid #ADADAD;  min-width:220px;}
input[type=submit] {
    border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
    padding: 0;
	vertical-align: baseline;
}	
.search input[type=submit] {
 background-image:url(../imgs/magglass-icon.png); background-repeat:no-repeat; background-position:150px center; min-width:200px; padding: .75em 1.5em .75em .3em;}
 
 .nav-search { padding-left:20px;}
 .nav-search img { max-width:25px; padding-top:10px}
 
/* ////////////////////////////////////////////////// */


/* -===== Colors =====- */

/* Default */
html {color:#333333;}
/* Text */
.white {color: #ffffff;}
.white a:visited { color:#ffffff !important}
.lGray, .lGrey {color: #cccccc;}
.gray, .grey {color: rgba(0,0,0,.382);}
.dGray, .dGrey {color:#5c5f61;}
.black {color: #000000;}
.dBlue {color: #122d51;}
/* Background */
.bgWhite {background-color: #ffffff;}
.bgLGray, .bgLGrey {background-color: #cccccc;}
.bgGray, .bgGrey {background-color: #777777;}
.bgDGray, .bgDGrey {background-color: #333333;}
.bgBlack {background-color: #000000;}
.bgLBlue {background-color: #0f76b1;}
.bgDBlue {background-color: #122d51;}
.whiteBG { background-color:rgba(255,255,255,1.00)}
.transWhiteBG { background-color:rgba(255,255,255,.70)}

.bgLBlueImg { background:url(../imgs/lightblue-banner.jpg) no-repeat center center; background-size:cover;}
.bgLBlueImgAlt { background:url(../imgs/alt-lightblue-banner.jpg) no-repeat center center; background-size:cover;}

.bgLBlue img:hover { 
	opacity:.7;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease;
}
/* ////////////////////////////////////////////////// */

/* -===== Buttons =====- */

/* Default */
a {
	color:rgba(11,111,222,.8);
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease;
}
a:visited {color:rgba(11,111,222,.618)}
a:hover {color:rgba(11,111,222,1);}
a.nohover:hover { text-decoration:none;}

.white a.nohover:hover { color:#fff;}
.dGrey a.nohover:hover { color:rgba(0,0,0,.618);}
.dBlue a.nohover:hover { color:#122d51;}

/* Solid */
a.btnSolidWhite {
	display: inline-block;
	color: #333333;
	background-color: #ffffff;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnSolidWhite:hover {
	color: #ffffff;
	background-color: #333333;
}
/**/

input.btnSolidGrey[type="submit"] {
	display: inline-block;
	color: #fff;
	background-color:#5c5f61;
	margin: .25em 0;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease;
	text-decoration:none !important;
	
}
input.btnSolidGrey:hover {
	color: #fff;
	background-color:#122d51;
	cursor:pointer ;
}
a.btnSolidDGray, a.btnSolidDGrey {
	display: inline-block;
	color: #ffffff;
	background-color: #333333;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnSolidDGray:hover, a.btnSolidDGrey:hover {
	color: #333333;
	background-color: #ffffff;
}

a.btnSolidBlue, input.btnSolidBlue{
	display: inline-block;
	color: #fff;
	background-color: #122d51;
	margin: .25em 0;
	padding: .75em 1.5em;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease;
	text-decoration:none !important;
	
}
a.btnSolidBlue:hover, input.btnSolidBlue:hover, a.readmore:hover  {
	color: #fff;
	background-color:#26456F;
	cursor:pointer ;
}

a.btnBlueLine, input.btnBlueLine, button.caldera-forms-modal {
	display: inline-block;
	color: #122d51;
	border:1px solid #122d51;
	background-color: #fff;
	/*margin-top: .25em;
	margin-bottom: .25em;*/
	padding: .75em 1.5em;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease;
	text-decoration:none !important;
	
}
a.btnBlueLine:hover, input.btnBlueLine:hover, button.caldera-forms-modal:hover  {
	color: #fff;
	background-color:#122d51;
	border:1px solid #122d51;
	cursor:pointer;
}

/* Ghost */
a.btnGhostWhite {
	display: inline-block;
	color: #ffffff;
	background-color: transparent;
	border: 1px solid #ffffff;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnGhostWhite:hover {
	color: #333333;
	background-color: #ffffff;
	-webkit-transition: .25s all;
	transition: .25s all;
}
/**/

a.btnGhostDGray, a.btnGhostDGrey {
	display: inline-block;
	color: #333333;
	background-color: transparent;
	border: 1px solid #333333;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnGhostDGray:hover, a.btnGhostDGrey:hover {
	color: #ffffff;
	background-color: #333333;
	-webkit-transition: .25s all;
	transition: .25s all;
}

/* ////////////////////////////////////////////////// */

/* -===== Header =====- */

.banner { background-position: center; background-repeat: no-repeat; background-size:cover; min-height:200px;}

.about-banner { background:url(../imgs/about-banner.jpg) no-repeat center center; background-size:cover; min-height:200px;}

.banner-404 { background:url(../imgs/404pup.jpg) no-repeat center center; background-size:cover; min-height:200px;}

 
@media (min-width:1024px) {
	nav#menu.vc {
		position:relative;
		top:50%;
		transform:translate(0,-50%);
	}
}
/* ////////////////////////////////////////////////// */

/* -===== Footer =====- */
footer a { color:#fff}
footer a:hover { color:#122d51}

/* ////////////////////////////////////////////////// */

/* -===== Slider =====- */

.slideContainer {
	position: relative;
}
.slideContainer .slideBG {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slideContainer .slideContent {
	position: relative;
	padding: 100px 0;
}



























svg.defs{
	display: none;
}
#tableContainer table{
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	border: 1px solid #122d51;
}
#tableContainer table tr{
	display: block;
}
/**/
#tableContainer table thead{
	position: absolute;
	display: block;
	width: 100%;
	color: #ffffff;
	background-color: #0f76b1;
}
@media screen and (max-width: 640px){
	#tableContainer table thead{
		display: none;
	}
}
#tableContainer table thead.theadFixed{
	position: fixed;
	top: 0;
	box-shadow: 0px 10px 10px -10px #333333;
}
#tableContainer table thead th{
	display: inline-block;
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
}
/**/
#tableContainer table tbody{
	display: block;
	width: 100%;
}
@media screen and (max-width: 640px){
	#tableContainer table tbody{
		padding-top: 0 !important;
	}
}
#tableContainer table tbody tr:nth-child(odd){
	background-color: #ffffff;
}
#tableContainer table tbody tr:nth-child(even){
	background-color: #dddddd;
}
@media screen and (max-width: 640px){
#tableContainer table tbody tr:nth-child(even){
		background-color: #ffffff;
	}
}
#tableContainer table tbody td{
	display: inline-block;
	padding: 8px;
	vertical-align: middle;
}
#tableContainer table td:empty::after{
	content: "\00a0";
}
#tableContainer table [data-col-id=name]{
	width: calc(46% - 1px);
	border-right: 1px solid #122d51;
}
@media screen and (max-width:1024px){
	#tableContainer table [data-col-id=name]{
		width: calc(60% - 1px);
	}
}
@media screen and (max-width:640px){
	#tableContainer table [data-col-id=name]{
		width: 100%;
		border-right: none;
		background-color: #0F76B1;
		color: #ffffff;
	}
	/*
	#tableContainer table [data-col-id=name]:before{
		display: inline-block;
		content: "Name:";
		font-weight: 700;
		margin-right: 4px;
	}
	*/
}
#tableContainer table [data-col-id=cas]{
	width: calc(12% - 1px);
	border-right: 1px solid #122d51;
}
@media screen and (max-width:1024px){
	#tableContainer table [data-col-id=cas]{
		display: none;
	}
}
#tableContainer table [data-col-id=formula]{
	width: calc(14% - 1px);
	border-right: 1px solid #122d51;
}
@media screen and (max-width:1024px){
	#tableContainer table [data-col-id=formula]{
		display: none;
	}
}
#tableContainer table [data-col-id=joinedprice]{
	width: calc(18% - 1px);
	border-right: 1px solid #122d51;
}
@media screen and (max-width:1024px){
	#tableContainer table [data-col-id=joinedprice]{
		width: calc(27% - 1px);
	}
}
@media screen and (max-width:640px){
	#tableContainer table [data-col-id=joinedprice]{
		width: 100%;
		border-right: none;
	}
	#tableContainer table [data-col-id=joinedprice]:before{
		display: inline-block;
		content: "Price:";
		font-weight: 700;
		margin-right: 4px;
	}
}
#tableContainer table [data-col-id=expand]{
	width: 5%;
	padding: 0;
}
#tableContainer table [data-col-id=expand] .infoIcon{
	display: block;
	width: 100%;
	max-width: 24px;
	height: 24px;
	margin: auto;
	cursor: pointer;
	fill: #122D51;
}
@media screen and (max-width:640px){
	#tableContainer table [data-col-id=expand]{
		width: auto;
		margin: 0 8px 8px 8px;
	}
}
#tableContainer table [data-col-id=expand] .infoIcon #background{
	fill: transparent
}
/**/
#tableContainer table [data-col-id=expand] .infoIcon:hover #dot, #tableContainer table [data-col-id=expand] .infoIcon:hover #line{
	fill: #ffffff;
}
#tableContainer table [data-col-id=expand] .infoIcon:hover #background{
	fill: #122D51;
}
/**/
#tableContainer table .extraInfoShow [data-col-id=expand] .infoIcon #dot, #tableContainer table .extraInfoShow [data-col-id=expand] .infoIcon #line{
	fill: #ffffff;
}
#tableContainer table .extraInfoShow [data-col-id=expand] .infoIcon #background{
	fill: #122D51;
}
/**/
#tableContainer table [data-col-id=buy]{
	width: 5%;
	padding: 0;
	text-align: center;
}
@media screen and (max-width:1024px){
	#tableContainer table [data-col-id=buy]{
		width: calc(8% - 1px);
	}
}
@media screen and (max-width:640px){
	#tableContainer table [data-col-id=buy]{
		width: auto;
		text-align: left;
		margin: 0 8px 8px 8px;
	}
}
#tableContainer table [data-col-id=buy] .buyButton{
	display: inline-block;
padding: 1px 7px;
border-radius: 4px;
border: 2px solid #122D51;
background-color: transparent;
color: #122D51;
font-weight: 700;
cursor: pointer;
}
#tableContainer table [data-col-id=buy] .buyButton:after{
	content: "Buy";
}
#tableContainer table [data-col-id=buy] .buyButton:hover{
background-color: #122D51;
color: #ffffff;
}
#tableContainer table [data-col-id=buy] .buyButton.added{
background-color: #122D51;
color: #ffffff;
}
#tableContainer table [data-col-id=buy] .buyButton.added:hover{
background-color: transparent;
color: #122D51;
}
#tableContainer table [data-col-id=buy] .buyButton.added:after{
	content: "X";
	font-weight: 700;
}
/**/
#tableContainer table tbody tr td.extraInfo{
	display: none;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #122d51;
}
#tableContainer table tbody tr.extraInfoShow td.extraInfo{
	display: block;
}
#tableContainer table tbody tr.extraInfoShow td.extraInfo [data-extra-id=cas]{
	display: none;
}
#tableContainer table tbody tr.extraInfoShow td.extraInfo [data-extra-id=formula]{
	display: none;
}
@media screen and (max-width:1024px){
	#tableContainer table tbody tr.extraInfoShow td.extraInfo [data-extra-id=cas]{
		display: block;
	}
	#tableContainer table tbody tr.extraInfoShow td.extraInfo [data-extra-id=formula]{
		display: block;
	}
}
/**/
.buyListDisplay{
	position: fixed;
	display: block;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #122D51;
	padding: 10px;
	color: #ffffff;
}
.buyListDisplay h4{
	color: #ffffff;
	margin: 0;
}
.buyListDisplay .itemCount{
	font-size: 60%;
	line-height: 100%;
}
.buyListDisplay .actionButtons{
	/*text-align: right;*/
}
.buyListDisplay .actionButtons .clearListButton{
	display: inline-block;
	background-color: transparent;
	color: #ffffff;
	padding: 5px 10px;
	border-radius: 5px;
	border: 2px solid #ffffff;
	font-weight: 700;
	cursor: pointer;
	margin-right: 10px;
}
.buyListDisplay .actionButtons .clearListButton:hover{
	background-color: #ffffff;
	color: #122D51;
}
.buyListDisplay .actionButtons .submitRequestButton{
	display: inline-block;
	background-color: #ffffff;
	color: #122D51;
	padding: 5px 10px;
	border-radius: 5px;
	border: 2px solid #ffffff;
	font-weight: 700;
	cursor: pointer;
}
.buyListDisplay .actionButtons .submitRequestButton:hover{
	background-color: #0F76B1;
	color: #ffffff;
}
.buyListDisplay ul{
	margin-top: 10px;
	max-height: 125px;
	overflow-y: auto;
}
.buyListDisplay ul li{
	color: #122D51;
	padding: 5px;
}
.buyListDisplay ul li:nth-child(odd){
	background-color: #ffffff;
}
.buyListDisplay ul li:nth-child(even){
	background-color: #dddddd;
}
footer{
	position: relative;
}
/*
*
*
*/
form.search{
	position: relative;
	width: 100%;
	max-width: 350px;
	margin: auto;
	z-index: 10;
	text-align: left;
	margin-bottom: 20px;
}
form.search:after{
	content: "";
	display: block;
	clear: both;
}
form.search input.searchbox{
	position: relative;
	float: left;
	width: calc(100% - 50px);
	margin: 0;
	text-align: left;
}
form.search .autocomplete{
	position: absolute;
	width: 100%;
	max-height: 400px;
	overflow-y: scroll;
	top: 100%;
}
form.search .autocomplete:empty{
	display: none;
}
form.search .autocomplete .search-item{
	width: 100%;
	background-color: #eeeeee;
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	border-left: 1px solid #adadad;
	padding: 6px;
	font-size: 14px;
}
form.search .autocomplete .search-item:hover, form.search .autocomplete a:focus .search-item{
	background-color: #0f76b1;
}
form.search .autocomplete .search-item .item-name{
	color: #333333;
}
form.search .autocomplete .search-item:hover .item-name, form.search .autocomplete a:focus .search-item .item-name{
	color: #ffffff;
}
form.search .autocomplete .search-item .item-type{
	font-size: 70%;
	color: #999999;
}
form.search .autocomplete .search-item:hover .item-type, form.search .autocomplete a:focus .search-item .item-type{
	color: #ffffff;
}
form.search input[type=submit].squareSearchSubmit{
	float: left;
	width: 50px;
height: 50px;
min-width: 0;
padding: 0;
margin: 0;
background-position: center;
}
.home-number-container br{
	display: none;
}

.ZIP-text div p{
	font-size: 12px;
	margin-top: 10px;
	color:#777;
}
.search-instructions{
	margin-bottom: 10px;
}