img {
    max-width: 100%;
}

a img {
    border: none;
}

a, a:link, a:visited {
    color: #0081C6;
    text-decoration: none;
}

a:hover {
    color: #333;
}


.lpContent {
    max-width: 1280px;
    background-color: #fff;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 150%;
}

    .lpBreadcrumbs {
        font-size: 10px;
        padding: 5px 10px;
        border-bottom: 1px solid #a2a2a2;
    }
    

	.lpHeader {
		width: 98%;
		height: 350px;
		background-image: url("../images/opto-auto-banner-bkgnd-bg.jpg");
		background-repeat: no-repeat;
		background-position: center;
    }

		.lpHeaderVideo1 {
			display: block;
			float: right;
			width: 40%;
			padding: 2%;
		}

		.lpHeaderVideo2 {
			display: none;
			width: 50%;
			padding: 2% 2% 0 2%;
		}

		.lpHeaderContent {
			float: left;
			width: 45%;
			color: #fff;
			margin-left: 3%;
			padding-top: 5%;
		}

			.lpHeaderTitle {
				font-size: 2em;
				font-weight: bold;
				line-height: 140%;
				margin-bottom: 2%;
			}

			.lpHeaderText {
				font-size: 16px;
				line-height: 150%;
				margin-top: 2%;
			}
            
			

.lpTopContent {
	width: 100%;
}	

	
	
        
.lpMainContent {
    max-width: 1280px;
    padding: 20px;
}

	.lpProductCol {
		float: left;
		width: 30%;
		box-shadow: 1px 1px 10px #bcbcbc;
		margin: 1.5%;
	}

		.lpProductTitleShell {
			width: 100%;
			background-color: #626363;
		}


			.lpProductTitle {
				color: #fff;
				font-size: 15px;
				font-weight: bold;
				line-height: 140%;
				padding: 8px 15px;
			}

		.lpProductImg {
			width: 100%;
			
			}

		.lpProductContent1 {
			height: 310px;
			background-image: url("../images/vcnl3030x01.jpg");
			background-repeat: no-repeat;
			background-size: contain;
			padding: 45% 10% 7% 7%;
		}

		.lpProductContent2 {
			height: 310px;
			background-image: url("../images/vcnl4030x01.jpg");
			background-repeat: no-repeat;
			background-size: contain;
			padding: 45% 10% 7% 7%;
		}

		.lpProductContent3 {
			height: 310px;
			background-image: url("../images/vcnl4035x01.jpg");
			background-repeat: no-repeat;
			background-size: contain;
			padding: 45% 10% 7% 7%;
		}

		.lpProductContent4 {
			height: 310px;
			background-image: url("../images/rlt.jpg");
			background-repeat: no-repeat;
			background-size: contain;
			padding: 45% 10% 7% 7%;
		}

		.lpProductContent5 {
			height: 310px;
			background-image: url("../images/veml6031x00.jpg");
			background-repeat: no-repeat;
			background-size: contain;
			padding: 45% 10% 7% 7%;
		}

		.lpProductContent6 {
			height: 310px;
			background-image: url("../images/tcut-tcpt.jpg");
			background-repeat: no-repeat;
			background-size: contain;
			padding: 45% 10% 7% 7%;
		}
			

			.lpProductName {
				color: #0081C6;
				font-size: 14px;
				font-weight: bold;
			}

			.lpProductFeatures {
				height: 90px;
			}

		.lpProductBtn {
			width: 40%;
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			border: 1px solid #0081C6;
			padding: 5px 10px;
			margin-top: 20px;
			margin-bottom:10px;
			float: left;
		}

			.lpProductCol a:hover {
				color: #0081C6;
			}
	

	

			

        .lpBlue {
            color: #0080C5;
        }

        .lpPurple {
            color: #4F56A4;
        }

    

hr.color {
    border-top: 1px dashed #b2b2b2;
}

hr.thick {
    border: 5px solid #b2b2b2;
}

    
@media screen and (max-width : 818px){
    .lpHeader {
		width: 95%;
		height: auto;
		background-image: url("../images/opto-auto-banner-bkgnd-sm.jpg");
		background-color: #333; 
		padding: 2.5%;
	}
	
	.lpHeaderContent {
		display: block;
		float: none;
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	
	.lpHeaderText {
		float: none;
	}
	
	.lpHeaderVideo1 {
		display: none;
	}
	
	.lpHeaderVideo2 {
		display: block;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	
	.lpProductCol {
		float: none;
		width: 97%;
		margin-bottom: 5%;
	}
	
	.lpProductContent1, .lpProductContent2, .lpProductContent3, .lpProductContent4, .lpProductContent5, .lpProductContent6 {
		height: auto;
		padding-bottom: 15%;
	}
	
		.lpProductFeatures {
			height: auto;
		}
}

	
sub, sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}
	
sup { bottom: 1ex; }

sub { top: .5ex;}