img {
    max-width: 100%;
}

a img {
    border: none;
}

a, a:link, a:visited {
    color: #006cba;
    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 {
        max-width: 1280px;
    }
            
        .lpHeaderTitle {
            color: #333;
            font-size: 20px;
            font-weight: bold;
            padding: 8px 20px;
        }

	.lpNav {
		background-color: #D1D3D4;
        width: 100%;
    }

	.lpNav2 {
		display: none;
        width: 100%;
		background-color: #0081C6;
    }

		.lpNav ul {
			background-color: #D1D3D4;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			.lpNav li {
				position: relative;
				float: left;
				display: block;
				background-color: #D1D3D4;
				text-align: center;
				text-decoration: none;
				padding: 8px 15px;
				border-right: 2px solid #fff;
			}

				.lpNav li a {
					color: #333;
				}

				.lpNav li a:hover {
					color: #0081C6;
				}

		.lpNav ul li ul {
			position: absolute;
			display: none;
			background-color: #D1D3D4;
			width: 100%;
			border-top: 2px solid #fff;
			margin-top: 8px;
			padding:0;
			left: 0;
			opacity: 0;
			visibility: hidden;
			transition: all 0.5s ease;
		}

			.lpNav ul li ul li {
				padding: 8px 0;
				border-bottom: 2px solid #fff;
			}

		.lpNav ul li:hover > ul, ul li ul:hover {
			visibility: visible;
			opacity: 1;
			display: block;
		}

		.lpNav ul li ul li {
			clear: both;
			width: 100%;
		}

.lpSubNavShell {
	float: left;
    width: 14%;
	margin-top: 5px;
}

	.lpSubNavTitle {
		font-size: 14px;
		padding: 8px 15px;
		color: #fff;
		text-transform: uppercase;
	}

	.lpSubNav {
		height: 100%;
		background-color: #D4EFFC;
		font-size: 14px;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
    }

		.lpSubNav ul {
			width: 90%;
			list-style-type: none;
			margin: 0;
			padding: 1%;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
		}

			.lpSubNav li {
				font-weight: bold;
				padding: 8px 0;
				border-bottom: 1px solid #0081C6;
			}

				.lpSubNav li a {
					color: #333;
				}

				.lpSubNav li a:hover {
					color: #0081C6;
				}


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

	.lpIntroTopText {
		float: left;
		width: 70%;
		padding-right: 2%
	}

	.lpIntroTopImg {
		display: block;
		float: right;
		width: 28%;
	}

	.lpIntroProducts {
		display: none;
	}

	.lpSlideshow {
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

		.lpSlickProductShell {
			height: 450px;
			background-color: #fff;
			box-shadow: 1px 1px 10px #bcbcbc;
			margin-bottom: 20px;
		}

			.lpIntroTitle {
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
				padding: 8px 15px;
			}

					.lpBkgndBlue {
						background-color: #0081C6;
					}

					.lpBkgndGreen {
						background-color: #4CBB83;
					}

					.lpBkgndGray {
						background-color: #626363;
					}

					.lpBkgndPurple {
						background-color: #9580AD;
					}

					.lpBkgndYellow {
						background-color: #FEC01F;
					}

					.lpBkgndDkBlue {
						background-color: #225678;
					}

			.lpIntroContentImg {
				width: 100%;
				background-color: #F2F2F2;
			}

				.lpIntroContentImg img {
					display: block;
					margin-left: auto;
					margin-right: auto;
					padding: 10px;
				}

			.lpIntroContentText {
				padding: 15px;
			}

				.lpIntroProductName {
					font-size: 14px;
				}

				.lpTextBlue {
					color: #0081C6;
				}

				.lpTextGreen {
					color: #4CBB83;
				}

				.lpTextGray {
					color: #626363;
				}

				.lpTextPurple {
					color: #9580AD;
				}

				.lpTextYellow {
					color: #FEC01F;
				}

				.lpTextDkBlue {
					color: #225678;
				}

			.lpIntroContentCapabilities {
				padding: 0 15px 15px 15px;
			}

			.lpIntroBlueBtn {
				width: 50%;
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				border: 1px solid #0081C6;
				padding: 5px 10px;
			}

				.lpIntroBlueBtn a, .lpIntroBlueBtn a:hover {
					color: #0081C6;
				}

			.lpIntroGreenBtn {
				width: 50%;
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				border: 1px solid #4CBB83;
				padding: 5px 10px;
			}

				.lpIntroGreenBtn a, .lpIntroGreenBtn a:hover {
					color: #4CBB83;
				}

			.lpIntroGrayBtn {
				width: 50%;
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				border: 1px solid #626363;
				padding: 5px 10px;
			}

				.lpIntroGrayBtn a, .lpIntroGrayBtn a:hover {
					color: #626363;
				}

			.lpIntroPurpleBtn {
				width: 50%;
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				border: 1px solid #9580AD;
				padding: 5px 10px;
			}

				.lpIntroPurpleBtn a, .lpIntroPurpleBtn a:hover {
					color: #9580AD;
				}

			.lpIntroYellowBtn {
				width: 50%;
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				border: 1px solid #FEC01F;
				padding: 5px 10px;
			}

				.lpIntroYellowBtn a, .lpIntroYellowBtn a:hover {
					color: #FEC01F;
				}

			.lpIntroDkBlueBtn {
				width: 50%;
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				border: 1px solid #225678;
				padding: 5px 10px;
			}

				.lpIntroDkBlueBtn a, .lpIntroDkBlueBtn a:hover {
					color: #225678;
				}
	

	.lp2Col {
		float: left;
		width: 50%;
	}

	.lpIntroContent {
		width: 95%;
		font-size: 14px;
		line-height: 140%;
		box-shadow: 1px 1px 10px #bcbcbc;
		margin-bottom: 15px;
	}

		

		

		

		

		.lpIntroContent table {
			width: 100%;
			margin-bottom: 10px;
		}

.lpProductContent {
	float: left;
	width: 85%;
}

	.greenBox {
		background-color: #3F8C2F;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding: 2px 10px;
		margin-top: 5px;
	}

	.lpTitle {
		color: #0081C6;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 140%;
		margin-bottom: 10px;
	}

	.lpPartDescription {
		float: left;
		width: 73%;
		padding: 1% 1.5%;
	}

		.lpPartImg {
			float: left;
			width: 18%;
			padding-right: 1%;
		}

		.lpPartText {
			float: left;
			width: 80%;
		}

		.lpPartTblHeader {
			background-color: #0081C6;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 8px 15px;
		}

		.lpPartDescription td {
			width: 50%;
		}

	.lpPartLinks {
		float: right;
		width: 20%;
		background-color: #F2F2F2;
		margin-top: 5px;
		padding: 1% 1.5%;
	}

		.lpPartLinks img {
			display: block;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		.lpPartLinksTitle {
			color: #333;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 0 1.5% 1.5% 1.5%;
		}

		.lpPartLinksBtn {
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 150%;
			padding: 0 1.5;
		}

			

        .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){
	.lpSubNavShell {
		width: 20%;
	}
	
	.lpProductContent {
		width: 77%;
		padding: 1.5%;
	}
	
	.lpPartDescription {
		float: none;
		width: 96%;
	}
	
		.lpPartImg {
			float: none;
			width: 35%;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

		.lpPartText {
			float: none;
			width: 100%;
		}
	
	.lpPartLinks {
		display: block;
		float: none;
		width: 92%;
		padding: 2%;
		margin-left: auto;
		margin-right: auto;
	}	
}

    
@media screen and (max-width : 768px){
	.lpIntroTopText {
		float: none;
		width: 100%;
	}
	
	.lpIntroTopImg {
		display: none;
	}
	
	.lpSlideshow {
		display: none;
	}
	
	.lpIntroProducts {
		display: block;
	}
	
		.lpSlickProductShell {
			height: auto;
		}
	
			.lpIntroBlueBtn, .lpIntroGreenBtn, .lpIntroGrayBtn, .lpIntroPurpleBtn, .lpIntroYellowBtn {
				width: 35%;
			}
	
	.lpNav2 {
         display: block;
     }
	 
	 	.lpNav2 ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
	 
	 		.lpNav2 li {
				display: block;
				background-color: #D4EFFC;
				text-align: center;
				padding: 8px 15px;
			}
	 
	 .lpNav, .lpSubNavShell {
         display: none;
     }
	 
	 #menu {
		 display: none;
	 }
	
	.lpProductContent {
		 float: none;
		 width: 96%;
		 padding: 2%;
	 }
	 
	 .lpPartImg {
		 float: none;
		 width: 50%;
	 }

		.lpPartText {
			float: none;
		}
	
	
}


    
 @media screen and (max-width : 414px){
     
	 
	 
}
	
sub, sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}
	
sup { bottom: 1ex; }

sub { top: .5ex;}
