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


/* adds styling to the product description in 2nd column of a two column page template exp. Economical solution for Simple Mass Flow detection.*/	
.twocolumnproductdescription {

	font-size: 15px;

	font-weight: normal;

	letter-spacing: -1px;

	margin:50px 0px 0px 0px;

	line-height: 0;

	z-index: 2;
	
	overflow: hidden;
	
	white-space: nowrap;
	
	position:relative;
	
	color:#1b4121;
	
	

}

img.twocolumnimgleft {

	margin:-10px -10px -10px -10px;

	padding:0px 0px 0px 0px;

    width:150px;

	height:100px;

	position: relative;

	z-index: 1;
	
	float:left;

}

img.twocolumnimgright {

	margin:-15px -72.5px 0px -180px;

	padding:0px 0px 0px 0px;

    width:250px;

	height:166.65px;

	position: relative;

	z-index: 1;
	
	float:right
	

}


/* adds styling to the product type titles in 2nd column of a two column page template exp. Basic Mass Flow Switch*/		

.twocolumnproducttype {

	line-height: -2.0;
	
	color:#1b4121;

	font-weight: bold;

	font-size: 21px;

	letter-spacing: 0px;

	margin:0px 0px 20px 0px;
	
	padding:1px 1px 2px -1px;

	z-index: 2;
	
	overflow: hidden;
	
    white-space: nowrap;
	

	
}


/* adds styling to the product series titles in 2nd column of a two column page template exp. microtuf - FS4200 Series*/	
.twocolumnproductseries {
	
	color:#1b4121;

	font-weight: normal;

	font-size: 19px;

	letter-spacing: -1px;

	margin:0px 0px 0px 0px;
	
	padding:1px 15px 1px 0px;

	line-height: 0;

	position: relative;
	
	z-index: 2;
	
	overflow: hidden;
	
    white-space: nowrap;
	


}

/* adds styling to the product apps in 2nd column of a two column page template exp. cooling water flow*/	
.twocolumnappsbox {
	
	text-align:center;
	
	color: #dcddb8;
	
	font-weight: normal;

	font-size: 11px;
	
	margin:10px;
	
	padding:10px;

	line-height: 1.3;
	
	letter-spacing: -1px;

	position: relative;
	
	z-index: 1;
	
	white-space: nowrap;
	
	overflow: hidden;
	
	vertical-align: middle;

	
}

 #two_column_apps_box   {
       
	margin:4px 10px 4px 0px;	
	padding:10px;	
	border-radius: 10px;
	max-width:275px;
	min-width:275px;
    max-height: 53px;
	overflow:hidden;
	cursor:pointer;
	background: -webkit-linear-gradient(top,#1b4121,#1b6000); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#1b4121,#1b6000); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#1b4121,#1b6000); /*Fx 3.6-15*/
    background: linear-gradient(to top,#1b4121,#1b6000); /*Standard*/
	

/* Adds Grow 2D Transition*/

  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.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
#two_column_apps_box:hover, #two_column_apps_box:focus, #two_column_apps_box:active {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/* End Grow */




#two_column_products {
       
	margin:5px 0px 15px 0px;	
	padding:15px 15px 0px 10px;	
	border-radius: 15px;
    width: 415px;
    height: 100%;
	background: -webkit-linear-gradient(top,#D8D8D8,#E7E7E7); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#D8D8D8,#E7E7E7); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#D8D8D8,#E7E7E7); /*Fx 3.6-15*/
    background: linear-gradient(to top,#D8D8D8,#E7E7E7); /*Standard*/



/*adds motion BUBBLE FLOAT TOP*/	
  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;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}


#two_column_products:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #EDEDED transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

#two_column_products:hover, #two_column_products:focus, #two_column_products:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

#two_column_products:hover:before, #two_column_products:focus:before, #two_column_products:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/*end of motion to the product box*/	

/* adds styling to the product apps in 2nd column of a two column page template exp. cooling water flow*/	
#two_column_products ul li {
	
	list-style-type: none;
	background:none;
	font-size:14px;
	margin:0px 0px 0px 0px;

}

#two_column_products ul li:before {
	
	content: "\00bb   ";
	
}

.vertical_text {

	transform: rotate(270deg);
	transform-origin: left top 0;
	margin:205px -40px -225px 400px;
	font-size: 60px;
	color:#fff;
	opacity:0.3;
	filter: alpha(opacity=30);
	letter-spacing: -4px;

}

.title_wrap {
    margin:-20px 0px 0px 0px; 	
}