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


#option_tile {
       
    border-radius: 15px;
    height:100%;
	max-width:590px;
	width:100%;
	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 15px 0px 15px;
	background-size: 832.2px 575.5px, 600px 100%;
	


}


.option_app_background {

    display: block;
	opacity:0.4;
	z-index:-1;
	margin-top: 20px;
    margin-bottom:0px;
	margin-left: 0px;
    margin-right: auto;
	
		
}

 .option_app_background_mask {
	
	-moz-image: url(../media/rectangle_600x200.svg);
	mask-image: url(../media/rectangle_600x200.svg);
    -webkit-mask-image: url(../media/rectangle_600x200.svg);
	margin-top: auto;
    margin-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
	height:200px;
	z-index:-1;
	
}

 figure.optionimgright img{
	height:240px;	
}

.optionimgright {
	margin:-50px -65px -200px -50px;	
	position: relative;	
	z-index:3;	
	float:right;
}

.option_description_bg {
	margin:-200px 0px 35px 0px;
	padding:10px 0px 0px 15px;
	width:300px;	
	height:80%;
	background:#3E3E3E;
	position:relative;	
	opacity:0.8;
	z-index:2;
	overflow: hidden;

}

.option_description_title {
	opacity:0.2;
	font-size: 35px;
	margin:0px 0px 0px 0px;
	font-weight: bold;
	color:#FFFFFF;
}

.option_list ul {

	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
	color:#FFFFFF;
	margin:5px 0px 0px -5px;
}

.option_list ul li {
	list-style-type: disc;
	font-weight:normal;
	margin:0px 0px 0px 30px;
	padding:0px;
	background:none;
}


.option_list a {
	
   color: #FFFFFF;
   text-decoration: none;
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;

}

.option_list a:hover {
	color: #8A8A8A;
	cursor:pointer;
	-webkit-transform: scale(1.005);
	transform: scale(1.005);
	text-decoration: underline;
	text-shadow: .03px .03px 0  #8A8A8A, -.03px -.03px 0 #8A8A8A, .03px -.03px 0 #8A8A8A, -.03px .03px 0 #8A8A8A, .03px .03px 0 #8A8A8A;

}


.option_note {
	margin:0px 85px 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;
}
.option_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;
  

}
.option_note:hover, .option_note:focus, .option_note:active {
  color: #B1B1B1;
   text-decoration:none;
   
  
}
.option_note:hover:before, .option_note:focus:before, .option_note:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);

}

.vertical_option_text {

	margin:-111px 0px 0px 35px;
	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_option_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_option_text:hover, .vertical_option_text:focus, .vertical_option_text:active {
  color: #FFFFFF;
   text-decoration:none;
   	opacity:0.6;
	filter: alpha(opacity=60);
   
  
}
.vertical_option_text:hover:before, .vertical_option_text:focus:before, .vertical_option_text:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);

}



.option-page-img {
	margin:-5px -60px -200px 390px;
	position: absolute;	
	z-index:2;	
	top: 80px;
}

figure.option-page-img img{ 
	width:195px;
		
} 

/* Adds styling to Adobe Edge Animate LiveTap img */
.live-tap-option-page-img {
	margin:-620px 50px -500px 343px;
	position: absolute;	
	z-index:3;	
	width:275px;
	height:470px;
	overflow:hidden;
}

.live-tap-option-page-img:hover {
	opacity:0.7; 
}


/* adds styling to the product series titles in widget sidebars exp. FS4200 Series*/	
.option-page-description {

	color: #3E3E3E;

	font-weight: 500;

	font-size: 22px;

	letter-spacing: -1px;

	margin:0px 0px 0px 0px;

	line-height: 1.2;
	
	z-index: 2;
	
}

.option-page ul { 
	margin-left:10px;
	width:380px;
	position: relative;
	min-height:160px;
	margin-bottom:-20px;
}

.option-page ul li { 
	font-size:15px;
	line-height:1.5;
	
}

.option-page {
    border-radius: 15px;
    height:100%;
	max-width:590px;
	width:100%;
	background: url(../media/PCBoard_Traces.svg) -260px 35px  no-repeat, -webkit-linear-gradient(bottom, #E1E1E1, #EFEFEF) 0px 0px; /*Safari 5.1-6*/
    background: url(../media/PCBoard_Traces.svg) -260px 35px  no-repeat,-o-linear-gradient(bottom,#E1E1E1, #EFEFEF) 0px 0px; /*Opera 11.1-12*/
    background: url(../media/PCBoard_Traces.svg) -260px 35px  no-repeat,-moz-linear-gradient(bottom,#E1E1E1, #EFEFEF) 0px 0px; /*Fx 3.6-15*/
    background: url(../media/PCBoard_Traces.svg) -260px 35px  no-repeat, linear-gradient(to bottom,#E1E1E1, #EFEFEF) 0px 0px; /*Standard*/
	margin:5px 0px 20px 0px;	
	padding:15px;
	background-size: 832.2px 575.5px, 600px 100%;
	position:relative;
	overflow:hidden;
	
}

.option-page figcaption {
	
	color: #3E3E3E;

	font-weight: 500;

	font-size: 16px;

	letter-spacing: -1px;

	margin:-10px 0px 0px 0px; 
	
	z-index: 2;
	
	text-align:center;

}