.bob{color:bob;}
	.printonly{display:none;}
 :root{
	--maroon:#6b1e21;
	--maroon-dark:#420003;
	--maroon-light:#7d3033;
	--beige:#c5a993;
	--beige-dark:#a88971;
	--beige-light:#f2dec2;	 
	--goldenbeige:#FFDF60;
	--goldenbeige-dark:#6D5D1F;	
	--palebeige:#eccea1;	

	--palegrey:#eee;
	--lightgrey:#ccc;
	--mediumgrey:#777;
	--darkgrey:#444;		
}

.desktopmenu {height:50px; width:100%; background:#444; z-index:10000;transition: background 0.3s ease;}
.desktopmenu ul{z-index:10000; list-style:none;float:left;margin:0px;width:100%; }
.desktopmenu li{font-size:1em;display:inline-block; height:50px;line-height:50px;text-align:center;margin:0px;padding:0px ;text-transform:uppercase; letter-spacing:0px;transition:background 0.2s ease, color 0.2s ease;}
.desktopmenu li:hover{background:#ccc;}
.desktopmenu li:hover a{color:#222;}  

.desktopmenu li.logo{float:left;background:none;}
.desktopmenu li a{color:#ccc;width:100%; height:100%;float:left;padding:0px 10px;transition:background 0.3s ease, color 0.2s ease;}
.desktopmenu li a:hover{} 
 
.desktopmenu li.logo a{padding:0px;}
.desktopmenu li a.nohover:hover{color:black;background:none;}
.desktopmenu li.nohover:hover{color:black;background:none;}

.desktopmenu ul li {position:relative;}
.desktopmenu ul li > ul {background:rgba(255,255,255,0);display:none; position:absolute;top:100%;-webkit-transition-duration:0.3s;transition-duration:0.3s;width:350px; transition: background 0.3s ease;}
.desktopmenu ul ul li{display:block;clear:both;float:left;text-align:left;width:100%;}
.desktopmenu ul ul li, .desktopmenu ul ul li a{font-size:.95em;height:50px;line-height:50px;}
.desktopmenu ul ul a{padding-left:20px;color:black !important;}
.desktopmenu ul li:hover >  ul{background:rgba(255,255,255,1);height:auto;display:block;box-shadow:0px 5px 10px rgba(0,0,0,0.5)}
.desktopmenu ul ul li:hover{color:black;background:rgba(200, 200, 200,1);}
.desktopmenu ul ul li:hover a {color:black !important;}

.mobilemenu {background:#444; height:50px;position:fixed;z-index:100;width:100%;}
.mobilemenu ul{width:100vw; list-style:none;float:left;margin-left:0px; }
.mobilemenu li{float:left; width:8vw !important;height:50px;line-height:50px;text-align:center;margin:0px;padding:0px; font-size:20px;}
.mobilemenu li:hover{background:#dd0000;}
.mobilemenu li.social{width:5vw;}

.topmenuphone{padding:0 20px;  }
.contentbumper {height:150px;}

.card {box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;margin-bottom:20px;}
.card .cardtitle{padding:10px; font-size:1.2em;font-weight:400;letter-spacing:0px;}
.card .cardcontent{padding:10px;}
.card .cardlink{text-align:right; padding:5px 10px 5px 0px;}
.card .cardsubtitle{background:#222;color:white; padding:10px; text-align:center;font-weight:400;font-size:1.4em;}
.card .cardhero img{width:100%;}
.card .cardlink{text-align:right; color:white;}
.card .cardcoverlink{position:absolute; top:0px; left:0px; width:100%; height:100%;}							
a.btn {display:inline-block;}
a.btn.fg-white, a:link.btn, a:hover.btn{color:white;}	


::-webkit-input-placeholder{color:#bbb;transition:color 0.4s ease, text-indent 0.5s ease;}
input:focus::-webkit-input-placeholder{color:#ddd;text-indent: 75px;transform: scale(0.9)}

::-moz-placeholder {color:#bbb;transition:color 0.4s ease, text-indent 0.5s ease;}
input:focus::-moz-placeholder{position:absolute; right:0px;color:#ddd;text-indent: 75px;padding-left:100px;transform: scale(0.9)}

:-ms-input-placeholder{color:#999;transition:color 0.4s ease, text-indent 0.5s ease;}
input:focus:-ms-input-placeholder{color:#ddd;left:100px;text-indent: 75px}
#menu_opener{display:none;}

.sb-slidebar ul {margin-left:0px;}
.sb-slidebar li a{color:white; display:block;padding:5px; font-size:20px;}

.bg-newgreen {background:#00aa00;}

.bottom_margin_5{margin-bottom: 5px;}

div.pagescontainer {padding: 3px;margin: 3px;text-align:right;color:#eee;}
div.pagescontainer a, div.pagescontainer span.ghost, div.pagescontainer span.current {transition-duration:0.15s;display:inline-block;width:auto; min-width:30px; height:30px; line-height:30px;font-size:.9em;text-transform:uppercase;font-weight:700;text-decoration: none;letter-spacing:0px;color: #444;padding:0px 5px;margin:2px;text-align:center;border-radius:15px;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.0), 1px 1px 2px rgba(0,0,0,0.0), inset -2px -2px 5px rgba(255,255,254,0.25),inset 2px 2px 5px rgba(0,0,0,0.15);background-color:#fff ;}
div.pagescontainer a:hover, div.pagescontainer a:active {background-color:#F44336;color: #fff !important;box-shadow:3px 3px 5px 0px rgba(0,0,0,0.25), 1px 1px 2px rgba(0,0,0,0.25), inset 2px 2px 5px rgba(255,255,254,0.25),inset -2px -2px 5px rgba(0,0,0,0.25);}
div.pagescontainer span.ghost {	border-bottom: 1px solid rgba(0,0,0,0.1);background-color:#fff;color:#ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
div.pagescontainer span.current {background-color: #aaa;color: #fff;}


.footer {background:#444;}
.footer ul{margin-left:0px;}
.footer li{list-style:none;padding-left:0px;color:#eee;}
.footer a{color:#fff;transition: color 0.2s;}
.footer a:hover{color:#ffffdd;}
.footer p{color:#eee;}

.footer .associations {height:120px;text-align:center;}
.footer .associationstext {padding:10px;}
.footer .associations img{height:100%;}
.footer .associationstext p {font-size:1.6em;line-height:1.2em;font-weight:700;margin:0;font-family: 'Roboto Condensed', serif;}

.footercol1{width:220px;}
.footercol2{width:220px;}
.footercol3{width:200px;}
.footercol4{width:120px;text-align:right;}
.footercol5{width:120px;text-align:right;}


.footercol1 img{width:90%;}
.cmgblue_bg{background:#0b3a5c;}
.cmgblue_fg{color:#0b3a5c;}


.infieldlabel { font-family: "Roboto Condensed",sans-serif; color:#888; font-size:1.5em; position:absolute; left:10px; font-weight:300;}

.mastheadouter{height:600px; background:#fcd42b;}
.mastheadouter img{height:600px;}
.mastheadouter .container{height:100%;}

.greygrad{background: rgba(0,0,0.5); /* Old browsers */
background: -moz-linear-gradient(-90deg,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-90deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(90deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

/* page specific */
.mugshots {max-width:200px;}
.partnerlogos{width:100%; max-width:150px;}
.partnertitles {display:table;width:100%;}
.partnertitles div{display:table-cell;height:50px; vertical-align: middle;}

.homepagethirds h2{ margin:0px 0px 10px 0px;color:#3ba2cc;}
.homepagethirds h1{}
.homepagethirds p{}

.homepagethirds:nth-of-type(2) {background:#727272}
.homepagethirds:nth-of-type(2) h2{color:#5ac1eb;}
.homepagetagline h5{font-size:1.6em;line-height:1.5em;font-weight:400;}
.homepagetaglinebox{height:200px;}
.home-promotions-heading{color:white;text-shadow:1px 1px 5px rgba(0,0,0,0.7), 1px 1px 1px  rgba(0,0,0,0.7); padding:0 10px 0 10px;font-weight:700;display:inline-block;margin:10px 0px 20px 10px;}
.home-promotions-text{width:60%;color:white;text-shadow:1px 1px 5px rgba(0,0,0,0.7), 1px 1px 1px  rgba(0,0,0,0.7); padding:0 10px 0 10px;font-weight:700;display:inline-block}


/* ---------------------------------------------------------------------------- */
/* Product Table ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.productspecs {font: 1em;border-spacing:1px;border-collapse:collapse;}
table.productspecs caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;color:#444;caption-side: bottom;}
table.productspecs td, table.productspecs th {padding:4px 6px 4px 6px;border:1px solid #ddd;}

/* ----- */
/* thead */
/* ----- */
table.productspecs thead {}
table.productspecs thead th, table.productspecs thead td {font-family:'Roboto Condensed', sans-serif;color:#fff;text-transform:uppercase;padding:5px;font-size:1.2em;font-weight:700;}
table.productspecs thead tr {background:#777;}
/* ----- */
/* tfoot */
/* ----- */
table.productspecs tfoot tr {background:#f2f2f2;}
table.productspecs tfoot {font-size: .9em;}
table.productspecs tfoot td{padding-left:30px;}
/* ----- */
/* tbody */
/* ----- */
table.productspecs tbody tr td {background:#fff;}
table.productspecs tbody tr th {font-weight:bold;background:#fff;}
table.productspecs tbody tr th.subheading {padding-left:30px;font-weight:400;}




/* ---------------------------------------------------------------------------- */
/* product List and Show and Videoplayer ---------------------------------------- */
/* ---------------------------------------------------------------------------- */

/* .card .cardhero{ overflow:hidden; text-align:center;}*/
/* .card .cardhero img{width:100%;} */
/* .cardoverlay{position:absolute; top:-5px; right:-5px; width:102px; height:102px;}*/
/* .cardoverlay img{width:102px;} */
 
.productlistitem{margin-bottom:20px;}
.productlistitem .cardhero img{height:125px;width:auto;margin-auto; vertical-align: top;}
.productlistitem .cardsubtitle{height:50px;font-size:1em;text-align:left;font-weight:400;line-height:1.2em;}
.productlistitem .cardtitle{font-size:1em;text-align:left;font-weight:400;text-transform:uppercase;}
.productlistitem .cardcontent{height:100px;overflow:hidden;font-size:1em;font-weight:400;line-height:1.3em; }

.productlistitemhome {margin-bottom:20px;width:325px;height:325px; overflow:hidden;transition-duration:0.3s;}
.productlistitemhome .cardhero{}
.productlistitemhome .cardhero img{width:100%;margin-auto; vertical-align: top;}
.productlistitemhome .cardsubtitlecontainer{transition-duration:0.3s;bottom:0px; left:0px; width:100%;height:50px;}
.productlistitemhome .cardsubtitle{transition-duration:0.3s;background:rgba(255,255,255,0.95); color:black;height:100%;font-size:1.2em;text-align:center;font-weight:400;line-height:1.2em;}
.productlistitemhome .cardtitle{transition-duration:0.3s;font-size:1em;text-align:center;font-weight:400;text-transform:uppercase;}
.productlistitemhome .cardcontent{height:100px;overflow:hidden;font-weight:400;line-height:1.3em; }

.productlistitemhome:hover .cardsubtitlecontainer{height:50%; width:100%;}
.productlistitemhome:hover .cardsubtitle{height:100%;;text-align:center;font-weight:700;}


.vertical-align-parent{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.vertical-align-object{position: relative;top: 50%;transform: translateY(-50%);}

.productshowoverlay {position:relative;margin-bottom:20px;font-size:1em;height:1em;line-height:.5em;padding:0px 10px;display:inline-block;
border-left:.5em solid transparent;border-top:1em solid #ed2527;border-bottom:1em solid #ed2527;background:transparent;color:white; font-weight:bold; text-transform:uppercase;
}
.productshowoverlay div{margin-top:-.25em;}
.productshowoverlay:after{position:absolute;left:100%;top:-1em;height:1em;line-height:.5em;display:inline-block;content:"";border:1em solid transparent; border-left:.5em solid #ed2527;}

.blurme{-webkit-filter: blur(5px) grayscale(75%)  ; -moz-filter: blur(5px) grayscale(75%)  ;-o-filter: blur(5px) grayscale(75%)  ; filter:blur(5px) grayscale(75%)   ;}
.unblurme{filter: blur(0px);-webkit-filter: blur(0px);}

.homepagemanufacturers {width:12.5%;margin:0;float:left;filter: grayscale(100%);transition-duration:0.15s;}
.homepagemanufacturers:hover {filter: grayscale(0%);}
.homepagemanufacturersslideshowinner{width:800px;}
.homepagemanufacturersslideshow{height:300px;background:none;overflow:hidden; margin-bottom:0;}



.newproductlistitem{margin-bottom:20px !important;}
									.newproductlistitem .cardsubtitle{font-size:1.0em !important;height:110px;width:100%;background:white !important;color:black !important;;}
									
									
									.animate-floaton { 	
									-webkit-animation-name: floaton;
									-webkit-animation-duration: 1.5s; 
									/*		-webkit-animation-timing-function: ease; */
									-webkit-animation-delay: 0;
									-webkit-animation-direction: forwards;
									-webkit-animation-iteration-count: 1;
									-webkit-animation-fill-mode: forwards;
									-webkit-animation-play-state: running; 
									
									animation-name: floaton;
									animation-duration: 1.5s; 
									/*		animation-timing-function: ease; */
									animation-delay: 0;
									animation-direction: forwards;
									animation-iteration-count: 1;
									animation-fill-mode: forwards;
									animation-play-state: running; 
									} 
									
									@-webkit-keyframes floaton { 
									0% {-webkit-transform: translateY(0) ;} 
									100% {-webkit-transform: translateY(-50px) scale(1.3);} 
									} 
									
									@keyframes floaton { 
									0% {transform: translateY(0px);} 
									100% {transform: translateY(-50px) scale(1.3);} 
									} 
									
									.newproductlistitem .toolbox-heart i{font-weight:700;padding:2px 0px 0px 1px;opacity:0;transition-duration: 0.3s;z-index:1;background:rgba(255,0,0,0.75);border-radius:50%;text-shadow:0 1px 0 rgba(255,0,0,1);color:white;}
									.newproductlistitem:hover .toolbox-heart i{z-index:10;opacity:1}
									.newproductlistitem .statsbox{font-size:.9em;font-weight:700;transition-duration: 0.3s;opacity:0; width:100%;;background:rgba(255,255,255,0.90); bottom:110px; height:80px;left:0;}
									.newproductlistitem:hover .statsbox{opacity:1;}
									.newproductlistitem .productname{font-size:1.3em;padding-left:10px}
									.bubblemessage{font-size:1.1em;font-weight:200;display:none;position:relative;z-index:100;color:black;box-shadow:0px 5px 10px rgba(0,0,0,0.25), 0px 20px 5px -10px rgba(0,0,0,0.25);position:absolute;top:-50px;background:rgba(255,255,255,0.90);border-radius:20px;height:60px;line-height:20px;width:275px;padding:10px;left:-230px;}
									.bubblemessage:after{position:absolute;bottom:-20px;left:calc(50% - 10px); border:10px solid rgba(255,255,255,0.90);width:10px; height:10px;content:close-quote;transform:rotate:45%;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;   }
								

/* ------------------ */
/* Responsive layouts */
/* ------------------ */




/* --------------------------------------------------------------------------------------------- */
/* ---------- 1400 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1400px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1400";top:10px;}
.productlistitem {width:210px;}
.topmenuphone{padding:0 10px ; }
}

/* --------------------------------------------------------------------------------------------- */
/* ---------- 1200 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1280px) and (max-width: 1399px) {
	#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1200";top:10px;}
	.desktopmenu {top:50px}
.productlistitem{width:220px;}
.homepagefeaturedproducts .productlistitem:nth-of-type(5){display:none;}
.productlistitemhome {width:380px;height:380px; }
.contentbumper {height:200px;}
.homepagemanufacturersslideshowinner{width:780px;}
.homepagemanufacturersslideshow{height:300px}
}


/* --------------------------------------------------------------------------------------------- */
/* ---------- 960 Layout ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 960px) and (max-width: 1279px)  {
	#debugcsslayoutvalue:before{left:100px;font-size:.9em;color:white;content:"L960";top:10px;}
	.desktopmenu {top:50px}
	.desktopmenu li{font-size:.9em;}
	.desktopmenu li a{padding:0px 5px;}
	.mastheadlogolarge{display:none;}
	.mastheadlogosmall{display:block;}

.footer .associations {text-align:center;height:110px;}
.productlistitem{width:220px;}

.homepagefeaturedproducts .productlistitem:nth-of-type(4),.homepagefeaturedproducts .productlistitem:nth-of-type(5){display:none;}

.home-promotions-heading{font-size:2em;margin-bottom:00px;}
.home-promotions-text{font-size:.9em;}

.productlistitemhome {width:300px;height:300px; }
.contentbumper {height:200px;}
.desktopmenu li{font-size:1em;}
.homepagemanufacturersslideshowinner{width:620px;}
.homepagemanufacturersslideshow{height:300px}


	.mastheadouter{height:500px;}
		.mastheadouter img{height:500px;}
}



/* --------------------------------------------------------------------------------------------- */
/* ---------- Tablets  ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width:720px) and (max-width:959px) {
	#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Ltab";top:10px;}
	#menu_opener{display:inline-block;}
	.mobilemenu {width:100%; list-style:none;float:left;margin-left:0px; height:50px;line-height:50px;}
	.mobilemenu li{float:left; padding:0px;text-align:center;margin:0px 10px 0px 10px;height:50px;width:40px;}
	.mobilemenu li img{width:35px; height:35px;margin-top:7px;}
	
	.mastheadcontainer{padding-top:0px;}
	
	/* Page specific */
	.mugshots {max-width:none;}
	.homepagethirds h2{font-size:2.4em}
	.homepagethirds h1{font-size:2.4em}
	.homepagethirds p{font-size:.9em;}
	
.footer .associations {text-align:right;height:90px;}
.footer .associationstext {font-size:.9em}
.footer .associationstext p {font-size:1.3em;line-height:1.2em;font-weight:700;margin:0;position: relative;}
.productlistitem{width:220px;}

.outer{margin-top:50px;}
.homepagefeaturedproducts .productlistitem:nth-of-type(5){display:none;}
.home-promotions-heading{font-size:2em;margin-bottom:00px;}
.home-promotions-text{font-size:.9em;}
.homepagetagline h5{font-size:1.4em;line-height:1.5em;font-weight:400;}
.productlistitemhome {width:200px;height:200px; }
.contentbumper {height:0px;}
.homepagemanufacturers {width:20%;}
.homepagemanufacturersslideshowinner{width:100%}
.homepagemanufacturersslideshow{height:480px;}

	.mastheadouter{height:350px;}
	.mastheadouter img{height:350px;}
}


/* --------------------------------------------------------------------------------------------- */
/* ---------- Smartphones  --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media only screen and (max-width:719px) {
	html {min-width:320px;}
	#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Lsp";top:10px;}
	.pagescontainer{position:relative;padding-bottom:20px!important;}
	.paginationprevious{position:absolute; left:0px;width:100px !important; height:35px !important;}
	.paginationnext{position:absolute; right:0px;width:100px !important; height:35px !important;}
	#menu_opener{display:inline-block;}
	.mobilemenu {width:100%; list-style:none;float:left;margin-left:0px; height:50px;line-height:50px;}
	.mobilemenu li{float:left; padding:0px;text-align:center;margin:0px 10px 0px 10px;height:50px;width:40px;}
	.mobilemenu li img{width:35px; height:35px;margin-top:7px;}
	
	.mastheadcontainer{padding-top:0px;}
	.contentbumper {height:0px;}

	.footercol4{width:46%;margin:0 2%;}
	.footercol5{width:46%;margin:0 2%;}
	
	/* Page specific */
	.mugshots {max-width:none;}
	.homepagetagline h5{font-size:1.4em;}

	h1,.h1 {font-size:2.7em;line-height:1.17em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h2,.h2 {font-size:2.4em;line-height:1.38em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h3,.h3 {font-size:2.1em;line-height:1.65em;letter-spacing:-.03em;margin:0px 0px 0.5em 0px;}
	h4,.h4 {font-size:1.8em;line-height:1.4em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h5,.h5 {font-size:1.5em;line-height:1.5em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}

	.outer{margin-top:50px;}
	.home-promotions-heading{font-size:2em;margin-bottom:00px;}
	.home-promotions-text{font-size:.9em;}
	.homepagetaglinebox{height:auto;}
	.homepagetagline h3{font-size:1.9em;line-height:1.4em;font-weight:400; }	
	.homepagetagline h5{font-size:1.2em;line-height:1.3em;font-weight:400;}	
	/* .footercol2{width:90% !important; margin-left:5%; margin-right:5%;} */
	.phonefull{width:90%; margin-left:5%; margin-right:5%;}
	.productlistitemhome {width:42%; margin:10px 5%;height:225px;}
	.productlistitemhome .cardsubtitlecontainer{height:85px;}
	.productlistitemhome:hover .cardsubtitlecontainer{height:85px; width:100%;}
	.productlistitemhome:hover .cardsubtitle{height:100%;text-align:center;font-weight:400;}
.homepagemanufacturers {width:20%;}
.homepagemanufacturersslideshowinner{width:100%}
.homepagemanufacturersslideshow{height:400px;}


	.mastheadouter{height:250px;}
	.mastheadouter img{height:250px;}	
}

@media all and (min-width: 1650px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1650";top:10px;}
.desktopmenu li{font-size:1.2em;}
.topmenuphone{padding:0 20px;}
}
@media print {
	* {background:white; color:black; box-shadow:none;}
	.notprintable{display:none;}
	.printonly{display:block;}
	.softwhitebox{box-shadow:none;}
	body{background:white; color:black;width:960px !important;}
	p, h1, h2, h3, h4, h5, h6 {color:black;}
	#content{width:960px !important;background:white;}
	.footer a, .footer p, .footer ul, .footer li{color:black;}
	.fg-white{color:black;}
}