@charset "utf-8";
/* Styling for DMC_Shortcode/product_tiles.php*/


/* adds styling to the product description in 2nd column of a two column page template exp. Economical solution for Simple Mass Flow detection.*/	
.tileproductdescription {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: -10px -15px -10px 0px;
	line-height: 0;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	color: #3E3E3E;
}
.tileimgleft {
	margin:0;
	padding:0;
	width: 300px;
	height: 200px;
	position: relative;
	z-index: 1;
	float: left;
}
figure.tileimgright img {
	max-width: 240px;
}
.tileimgright {
	margin: -50px -15px -200px -50px;
	position: relative;
	z-index: 3;
	float: right;
}
/* Background Marquee inside of the wp-spoiler*/
.spoilerbg .wp-spoiler {
	width: 560px;
}
.spoilerbg .wp-spoiler .ui-collapsible-wrapper {
	background: #ECECEC;
}
.wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper figure.spoiler_background img {
	margin: -100px -200px -80px 0px;
	width: 80%;
	float: right;
}
/* adds styling to the product type titles in 2nd column of a two column page template exp. Basic Mass Flow Switch*/		

.tileproducttype {
	line-height: 1.2;
	color: #3E3E3E;
	font-weight: bold;
	font-size: 21px;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 2px -1px;
	z-index: 2;
	position: relative;

}
/* adds styling to the product series titles in 2nd column of a two column page template exp. microtuf - FS4200 Series*/	
.tileproductseries {
	color: #303030;
	font-weight: normal;
	font-size: 19px;
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 1px 0px;
	line-height: 1;
	position: relative;
	z-index: 2;
   
}

#tile_products, #tc_tile_products {
	border-radius: 15px;
	overflow: visible;
	background: #e1e1e1;
	background: url(../media/PCBoard_Traces.svg) -260px 35px no-repeat, -webkit-linear-gradient(top, #E1E1E1, #EFEFEF) 0px 0px; /*Safari 5.1-6*/
	background: url(../media/PCBoard_Traces.svg) -260px 35px no-repeat, -o-linear-gradient(top, #E1E1E1, #EFEFEF) 0px 0px; /*Opera 11.1-12*/
	background: url(../media/PCBoard_Traces.svg) -260px 35px no-repeat, -moz-linear-gradient(top, #E1E1E1, #EFEFEF) 0px 0px; /*Fx 3.6-15*/
	background: url(../media/PCBoard_Traces.svg) -260px 35px no-repeat, linear-gradient(to top, #E1E1E1, #EFEFEF) 0px 0px; /*Standard*/
	margin: 5px 0px 20px 0px;
	padding: 15px 20px 32px 15px;
	background-size: 832.2px 575.5px, 600px 100%;
	width: 100%;
}


 
.product_note {
	margin: 0px 45px 0px -100px;
	font-size: 45px;
	letter-spacing: -4px;
	color: #FFFFFF;
	opacity: 0.35;
	filter: alpha(opacity=35);
	z-index: 4;
	/* Highlight Function */	
  
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
	float: right;
}
.product_note:before {
	content: "";
	position: absolute;
	color: #FFFFFF;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.product_note:hover, .product_note:focus, .product_note:active {
	color: #B1B1B1;
	text-decoration: none;
}
.product_note:hover:before, .product_note:focus:before, .product_note:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/* adds styling to the product apps in 2nd column of a two column page template exp. cooling water flow*/	



/*
#tile_products .spoiler_text .wp-spoiler .ui-collapsible-header span.toggle_text   {
	color:#848484;
	margin:24px 0px -50px -5px;
	font-size: 10px;
	opacity: 0;
	float:left;
	
}
*/

#tile_products .spoiler_text .wp-spoiler h3 {
	background : -moz-linear-gradient(50% 0% -90deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
	background : -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1) ), color-stop(1, rgba(191, 191, 191, 1) ));
	background : -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BFBFBF' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
	border-style : Solid;
	border-color : #B2B2B2;
	border-color : rgba(178, 178, 178, 1);
	border-width: thin;
	position : absolute;
	left : 0px;
	top : 0px;
	border-radius : 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BFBFBF', GradientType=0);
	color: #303030;
	font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	text-shadow: #ffffff!important;
	/* Highlight Function*/ 	
  
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#tile_products .spoiler_text .wp-spoiler h3:hover, #tile_products .spoiler_text .wp-spoiler h3:focus, #tile_products .spoiler_text .wp-spoiler h3:active {
	color: rgba(0,0,0,0)!important;
	text-decoration: none;
	text-shadow: none!important;
}
#tile_products .spoiler_text .wp-spoiler .ui-collapsible-header span.toggle_text {
	margin: -40px 0px -30px 16px;
	padding-right: 2px;
	vertical-align: middle;
	font-size: 13px;
	letter-spacing: -1px;
	color: rgba(220,220,220,0.5);
	font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	opacity: 0.0;
	filter: alpha(opacity=0);
	/*z-index: 4;*/
	/* Highlight Function*/ 	
  
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}
#tile_products .spoiler_text .wp-spoiler .ui-collapsible-header:hover span.toggle_text, #tile_products .spoiler_text .wp-spoiler .ui-collapsible-header:focus span.toggle_text, #tile_products .spoiler_text .wp-spoiler .ui-collapsible-header:active span.toggle_text {
	color: #303030;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: left;
}
#tile_products .wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper ul li {
	list-style-type: none;
	background: none;
	font-size: 14px;
	margin: 0px 0px 5px -5px;
}
#tile_products .wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper ul li a {
	color: #565656;
	font-weight: bolder;
	/* Opacity Transistion*/
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
#tile_products .wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper ul li a:hover, #tile_products .wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper ul li a:focus, #tile_products .wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper ul li a:active {
	opacity: 0.3;
	text-decoration: none;
}
#tile_products .wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper ul li:before {
	content: "\00bb   ";
}
.vertical_product_text {
	margin: -111px 0px 0px 469px;
	padding: 10px;
	font-size: 60px;
	color: #D8D8D8;
	letter-spacing: -4px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	/* Highlight Function */	
  
	-webkit-transform: translateZ(0) rotate(270deg);
	transform: translateZ(0) rotate(270deg);
	position: absolute;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
	z-index: 4;
}
.vertical_product_text:before {
	content: "";
	position: absolute;
	color: #E1E1E1;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.vertical_product_text:hover, .vertical_product_text:focus, .vertical_product_text:active {
	color: #FFFFFF;
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.vertical_product_text:hover:before, .vertical_product_text:focus:before, .vertical_product_text:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.horizontal_product_text {
	margin: 140px 0px -140px 355px;
	font-size: 70px;
	color: #D8D8D8;
	opacity: 0.3;
	filter: alpha(opacity=30);
	letter-spacing: -4px;
}
.spoiler_btn {
	font-size: 14px;
	font-weight: bold;
	color: #3E3E3E;
	text-shadow: .2px .2px 0 #fff, -.2px -.2px 0 #fff, .2px -.2px 0 #fff, -.2px .2px 0 #fff, .2px .2px 0 #fff;
	letter-spacing: -1px;
	margin: -10px 7px 10px 2px;
	padding: 10px 0px 7px 0px;
	border-radius: 4px;
	width: 130px;
	height: 13px;
	border: 1px solid #C7C7C7;
	box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.6);
	background: -webkit-linear-gradient(top, #E7E7E7, #CBCBCB); /*Safari 5.1-6*/
	background: -o-linear-gradient(top, #E7E7E7, #CBCBCB); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top, #E7E7E7, #CBCBCB); /*Fx 3.6-15*/
	background: linear-gradient(to top, #E7E7E7, #CBCBCB); /*Standard*/
	text-align: center;
	line-height: 1;
	/* Grow Shadow */
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform;
}
.spoiler_btn:hover, .spoiler_btn:focus, .spoiler_btn:active {
	text-decoration: none;
	box-shadow: 0 11px 11px -11px rgba(0, 0, 0, 0.8);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background: -webkit-linear-gradient(top, #FBFBFB, #EFEFEF); /*Safari 5.1-6*/
	background: -o-linear-gradient(top, #FBFBFB, #EFEFEF); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top, #FBFBFB, #EFEFEF); /*Fx 3.6-15*/
	background: linear-gradient(to top, #FBFBFB, #EFEFEF); /*Standard*/
}
/*end of motion to the product box*/

.title_wrap {
	margin: -20px 0px 0px 0px;
}
div.spoilerleft {
	margin: -25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 79%;
	max-width: 800px;
	position: relative;
	z-index: 0;
}
div.spoilerright {
	margin: -25px 0px 0px 0px;
	padding: 0px 0px 0px 125px;
	width: 79%;
	max-width: 800px;
	position: relative;
	z-index: 0;
}
img.imgspoilerleft {
	margin: 0px 0px 0px 0px;
	padding: 0px -80px 0px 0px;
	width: 217.5px;
	height: 145px;
	float: left;
	position: relative;
}
div.divimgspoilerleft {
	margin: 0px 0px 30px -50px;
}
div.divimgspoilerright {
	margin: 0px -50px 30px 0px;
}
img.imgspoilerright {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px -80px;
	width: 217.5px;
	height: 145px;
	float: right;
	position: relative;
}
/* Create space in between product type tiles and titles (example: <title>[level_products_tile] <space or break> <title>[flow_products_tile])*/

div.product-gap h3 {
	margin-top: 60px;
	margin-bottom: 20px;
	border-bottom: 4px solid rgba(170,170,170,0.5);
	line-height: 0em;
}
/* Thermal Device Product Tiles */
 
#tc_tile_products {
	width:96%;
	height:99%;
	padding-bottom:10px;
    box-sizing:border-box;
	  display:block;
	  margin:15px 0;
	  position:relative;
	  overflow:hidden;
  z-index: 1;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property:transform;
  transition-property:transform;
}
#tc_tile_products a {
	width:100%;
}

#tc_tile_products a:hover {
	text-decoration:none;
	opacity:0.5;
}

#tc_tile_products:hover {
  display: block;
    -webkit-transform: scale(1.01);
  transform: scale(1.01);

}

#tc_tile_products ul {
	position: relative;
	display: inline-block;
	margin: 15px 0px 10px 5px;
}

ul.tc_tile_products_ul {
/*	min-height:100px;*/
	width:350px;
	float:left;
	margin:20px 0 20px 5px;
	position: relative;
	
}

#tc_tile_products figure.tileimgleft {
	width: 200px;
	max-height:150px;
	 position: relative; 
     float:left;
	 margin-bottom:-20px;
	 
}
#tc_tile_products .tileimgleft img{

	padding: 10px 0px 0px 20px;
	position: relative;
	z-index: 3;
	display: inline-block;
    width:180px;
}

#tc_tile_products .tileproducttype {
	margin: 0px 0px 0px 10px;
	padding: 1px 1px 0px -1px;
	line-height:1.1;
	float:left;
	font-size:19px;
	width:100%;
}
/* adds styling to the product series titles exp. Heater Cable*/	
#tc_tile_products .tileproductseries {
		margin: 10px 0px 0px 10px;
	padding: 1px 1px 2px -1px;
	line-height:1.5;
	}

/* Show Learn More on hover of a DIV */
#tc_tile_products:hover .learnMore   {
	display:block;
	position: absolute;

}

#tc_tile_products:hover .learnMore {
   text-decoration:none;

 }

.learnMore {
	display: none;


}
@media screen and (max-width: 503px) {

/*
Thermocouple Tile Products....................................*/
ul.tc_tile_products_ul {
	width:100%;
	position:relative;
}

#tc_tile_products ul {
	padding-bottom:0;
	margin:15px 0 10px 0;
}
#tc_tile_products {
	padding:5px 20px;
	padding-bottom:0;

}

#tc_tile_products .tileproducttype {
	font-size:3.5vw; 
} 

#tc_tile_products figure.tileimgleft {
	width:100%;
	height:100%;
	padding:3% 0;
	box-sizing:border-box;
}
#tc_tile_products figure.tileimgleft img {
	padding:0 15%;
}

/*
Switch Tile Products....................................*/
#tile_products .spoiler_text .wp-spoiler h3:hover, #tile_products .spoiler_text .wp-spoiler h3:focus, #tile_products .spoiler_text .wp-spoiler h3 {
	display:none ;
}

.wpui-light .ui-collapsible-content, .wpui-light .ui-accordion .ui-accordion-content {
display:block;	
}
.vertical_product_text {
	display:none;
}
.product_note {
	float:left;
	margin-left:0;
	font-size:36px;
}
.tileimgright {
	float:none;
	margin:0 auto -15px auto;
	padding-left:10%;
	
	}
#tile_products {
width:96%
}
.spoilerbg .wp-spoiler {
	width:100%;
}
.spoiler_background {
	display:none;
}
.spoiler_btn {
		width: 35% ;
	height: 13px;
	line-height:0;
	padding:13px 0 0 0;
	margin-left:15px;
}
#salesrep {
	display:none;
}
.tileproductdescription {
margin:0 auto -10px auto;
white-space:normal;
padding-left:-10px;
}

#tile_products .wp-spoiler .ui-collapsible-content .ui-collapsible-wrapper ul li {
	font-size:3.6vw;
}
.spoilerbg .wp-spoiler.wpui-light .ui-collapsible-content, .wpui-light .ui-accordion .ui-accordion-content {
	width:100%;
}
}