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

.widget_products {
       
	margin:10px 0px 13px -15px;	
	background:#EFEFEF;		
	padding:5px 10px 25px 7px;	
	border-radius: 15px;
	border:10px  rgba(228,228,228,1.00) solid;
    width: 215px;
    height: 100%;
	text-shadow: none;
	/*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;
}


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

.widget_products:hover, .widget_products:focus, .widget_products:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);

}

.widget_products:hover:before, .widget_products:focus:before, .widget_products:active:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  

}

/*end of motion to the widget products box*/	

/* adds styling to the product series titles in widget sidebars exp. microtuf*/	
.widgetproductfamily {

	color: #3E3E3E;

	font-weight: bold;

	font-size: 20px;

	letter-spacing: -1px;

	margin:0px 0px 0px 0px;

	line-height: 1;

	position: absolute;
	
	z-index: 2;
	
	float:left;
	

}

/* adds styling to the product series titles in widget sidebars exp. FS4200 Series*/	
.widgetproductseries {

	color: #3E3E3E;

	font-weight: normal;

	font-size: 15px;

	letter-spacing: -1px;

	margin:4px 0px 0px 1px;

	line-height: 1;

	position: absolute;
	
	z-index: 2;
	
	float:left;
	

}

/* adds styling to the product type titles in widget sidebars exp. Economy/Basic/Premium */		

.widgetproductgrade {
	
	font-style:italic;
	
	font-weight: bold;
	
	color: #303030;

	font-size: 18px;

	letter-spacing: 0;

	margin:19px 0px 5px -2px;
	
	position: absolute;
	
	line-height: 1;
	
	z-index: 2;
	
	float:left;

}

/* adds styling to the product type titles in widget sidebars exp. Mass Flow Switch*/		

.widgetproducttype {

	color: #3E3E3E;

	font-weight: normal;

	font-style:italic;

	font-size: 19px;

	letter-spacing: -1px;

	margin:21px 0px 5px -2px;
	
	position: absolute;
	
	line-height: 1;
	
	z-index: 2;
	
	float:left;

}


img.imgwidgetleft {
	
	margin:30px -19px 0px -30px;

	padding:0px 0px 0px 0px;	

    width:100px;

	height:66.5px;

	position: relative;

	z-index: 1;
	
	float:left;

}

img.imgwidgetright {
	
	margin:-73px -115px -60px 0px;

	padding:0px 0px 0px 0px;	

    width:225px;

	height:150px;

	position: relative;

	z-index: 1;
	
	float:right;
	

}


/* adds styling to the product description exp. Economical solution for Simple Mass Flow detection.*/	
.widgetproductdescription {

	font-weight: normal;

	font-size: 13px;

	letter-spacing: -1px;

	margin:40px 0px 0px 0px;

	line-height: 1;

	z-index: 2;
	
	overflow: hidden;
	
	white-space: normal;
	
	position: absolute;
	
		
}



/* adds styling to a widget title	*/
.widget_title {

	color: #3E3E3E;

	font-weight: bold;

	font-size: 19px;

	letter-spacing: 0px;

	margin:0px 0px 20px 0px;
	
	position: relative;
	
	line-height: 1;
	
	z-index: 2;
	
	overflow: hidden;
	
    white-space: nowrap;
	

	
	

}

/* adds styling to a widgets text */

.widget_text {

	color: #3E3E3E;

	font-weight: normal;

	font-size: 16px;

	letter-spacing: -1px;

	margin:0px 0px 0px 0px;

	line-height: 1;

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

	
	

}


.widget_img_float img{
	width:220px;
	margin:5px 0 0 0;

}
	
.widget_img_float, .buynow_widget_img_float {
  margin:20px 0px 10px 0px;	
  box-shadow : 4px 4px 11px rgba(35, 31, 32, 0.85);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#231F20') progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4',endColorstr='#EDEDED' , GradientType=0);
   /* Float 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;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  
}

.widget_img_float:before, .buynow_widget_img_float:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.widget_img_float:hover, .widget_img_float:focus, .widget_img_float:active, .buynow_widget_img_float:hover, .buynow_widget_img_float:focus, .buynow_widget_img_float:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
  cursor:pointer;
  opacity:0.8;
}

.widget_img_float:hover:before, .widget_img_float:focus:before, .widget_img_float:active:before, .buynow_widget_img_float:hover:before, .buynow_widget_img_float:focus:before, .buynow_widget_img_float:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.buynow_widget_img_float:before {
  width: 50%;
	left:20%;
}

/* adds styling to the product shipping type in widget sidebars exp.  */		

.buynow_widgetproductshipping {
	
	font-style:italic;
	
	/*font-weight: bold;*/
	
	color: #303030;

	font-size: 14px;

	letter-spacing: 0;

	margin:-5px 0px 0px 0px;
	
	position: absolute;
	
	line-height: 1;
	
	z-index: 2;
	
	float:left;

}


.buynow_widgetproductimg {
margin: 10px 0px 0px -25px;	
}