/* ##### RESET ##### */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	strong {
		font-weight:600;
	}

/* ##### GLOBAL ##### */

	body {
		background-color: rgb(255,255,255);
		font-family: "Open Sans", arial;
		font-size: 14px;
		color: rgb(40,40,40);
	}

/* ##### NOTIFICATION ##### */

	div#notification_outer {
		display: none;
		width: 100%;
		text-align: center;
		background-color: #7b95b9;
		margin-bottom: 15px;
	}

		div#notification_inner {
			width: 1200px;
			text-align: left;
			margin-left: auto;
			margin-right: auto;
			padding-top: 15px;
			padding-bottom: 15px;
		}

			div#notification_inner p {
				font-size: 14px;
				font-weight: 500;
				color: rgb(255,255,255);
			}

/* ##### NAV ##### */

	div#nav_outer {
		width: 100%;
		text-align: center;
		background-image: url("/images/hero_back.jpg");
	}

		div#nav_inner {
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			text-align: right;
			box-sizing: border-box;
			padding-top: 15px;
			padding-bottom: 15px;
		}

			div#nav_inner ul {
				list-style-type: none;
			}

				div#nav_inner ul li {
					display: inline-block;
					margin: 0 15px 0 15px;
					padding: 0;
				}

				div#nav_inner ul li:first-of-type {
					margin-left: 0;
				}

				div#nav_inner ul li:last-of-type {
					margin-right: 0;
				}

					div#nav_inner ul li a {
						display: inline-block;
						margin: 0;
						padding: 0;
						text-decoration: none;
						color: rgb(255,255,255);
						font-weight: 600;
						font-size: 16px;
						letter-spacing: -0.025em;
					}

					div#nav_inner ul li a:hover {
						text-decoration: underline;
					}

/* ##### HEADER ##### */

	div#header_outer {
		width: 100%;
		height: 79px;
		text-align: center;
	}

		div#header_inner {
			position: relative;
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
		}

			img#logo {
				margin-top: 20px;
			}

			p#phone {
				display: inline-block;
				position: absolute;
				top: 0;
				right: 0;
				/*line-height: 79px;*/
				line-height: 100%;
				margin-top: 14px;
				font-size: 20px;
				font-weight: 600;
				color: #7b95b9;
			}

/* ##### HEADER BANNER ##### */
.header-banner {
background:#7b95b9;
padding:15px 0;
text-align:center;
font-size:16px;
}
.header-banner a {
	color:white;
}


/* ##### NEW HERO ##### */

	div#newHero_outer {
		width: 100%;
		text-align: center;
		background-image: url("/images/hero_back.jpg");
	}

		div.newHero_inner {
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 40px;
			padding-bottom: 40px;
			text-align: left;
			border-bottom: 1px dashed rgba(0,0,0,0.4);
		}

		div.newHero_inner:last-of-type {
			border-bottom: 0;
		}

			img.newHero_image_right {
				float: right;
				margin: 0 0 50px 100px;
				max-width: 40%;
			}

			img.newHero_image_left {
				float: left;
				margin: 0 100px 50px 0;
				max-width: 40%;
			}

			div.newHero_inner h1 {
				margin-top: 10px;
				margin-bottom: 25px;
				line-height: 130%;
				font-size: 24px;
				font-weight: 600;
				color: rgb(255,255,255);
			}

			div.newHero_inner p {
				color: rgb(200,200,200);
				font-size: 16px;
				margin-bottom: 25px;
				line-height: 140%;
			}

			div.newHero_inner ul {
				list-style-type: disc;
				margin-bottom: 35px;
				padding-left: 40px;
			}

				div.newHero_inner ul li {
					margin: 0 0 12px 0;
					padding: 0;
					color: rgb(200,200,200);
					font-size: 16px;
					line-height: 140%;
				}

/* ##### HERO ##### */

	div#hero_outer {
		width: 100%;
		text-align: center;
		background-image: url("/images/hero_back.jpg");
	}

		div#hero_inner {
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 35px;
			padding-bottom: 35px;
			text-align: left;
		}

			img#hero_image {
				float: right;
				margin: 0 0 0 45px;
			}

			div#hero_inner h1 {
				margin-top: 40px;
				margin-bottom: 25px;
				line-height: 130%;
				font-size: 24px;
				font-weight: 600;
				color: rgb(255,255,255);
			}

			a.hero_button_link {
				display: inline-block;
				background-color: #7bb990;
				font-size: 16px;
				font-weight: 600;
				color: rgb(255,255,255);
				padding: 9px 18px 9px 18px;
				margin: 0 0 10px 0;
				border-radius: 5px;
				text-decoration: none;
			}

/* ##### CHARGERS ##### */

	div#chargers_outer {
		background-color: rgb(255,255,255);
		width: 100%;
		text-align: center;
	}

		div#chargers_inner {
			display: flex;
			width: 1200px;
			text-align: left;
			margin-left: auto;
			margin-right: auto;
			box-sizing: border-box;
			padding-top: 25px;
			padding-bottom: 25px;
		}

			div.charger_container {
				flex: 0 0 33.3333%;
				text-align: center;
			}

			div.charger_container:last-of-type {
				flex: 0 0 33.3334%;
			}

				div.charger_container img.charger_photo {
					height: 175px;
				}

				div.charger_container h3 {
					font-size: 18px;
					font-weight: 600;
					margin-top: 12px;
					margin-bottom: 7px;
				}

				div.charger_container a {
					color: #7b95b9;
					font-size: 13px;
				}

/* ##### REPAIRS ##### */

	div#repair_outer {
		background-color: rgb(255,255,255);
		width: 100%;
		text-align: center;
	}

		div#repair_inner {
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			padding-top: 25px;
			padding-bottom: 25px;
		}

			div#repair_inner h2 {
				margin-top: 10px;
				margin-bottom: 3px;
				line-height: 130%;
				font-size: 24px;
				font-weight: 600;
				color: rgb(40,40,40);
			}

			div#repair_inner h3 {
				margin-top: 0;
				margin-bottom: 25px;
				line-height: 130%;
				font-size: 16px;
				font-style: italic;
				color: rgb(40,40,40);
			}

			div#repair_inner p {
				font-size: 16px;
				margin-bottom: 25px;
				line-height: 140%;
			}

			div#repair_inner ol {
				list-style-type: decimal;
				margin-bottom: 35px;
				padding-left: 40px;
			}

				div#repair_inner ol li {
					margin: 0 0 12px 0;
					padding: 0;
					color: rgb(40,40,40);
					font-size: 16px;
					line-height: 140%;
				}

/* ##### FEATURES ##### */

	div#features_outer {
		width: 100%;
		text-align: center;
		background-color: #7b95b9;
		background: linear-gradient(
			#647a97 0%,
			#7b95b9 35%,
			#7b95b9 100%
		);
	}

		div#features_inner {
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			padding-top: 30px;
			padding-bottom: 33px;
		}

			div#features_right {
				margin-left: 465px;
			}

				div#features_right h2 {
					font-size: 16px;
					font-weight: 600;
					color: rgb(255,255,255);
					line-height: 160%;
					margin-bottom: 22px;
				}

				div#features_right p {
					font-size: 16px;
					color: rgb(255,255,255);
					line-height: 160%;
					margin-bottom: 22px;
				}

				p span.content_links {
					word-spacing: 10px;
				}

					p span.content_links a {
						word-spacing: normal;
						color: rgb(255,255,175);
						text-decoration: underline;
						font-weight: 600;
					}

			div#features_left {
				float: left;
				box-sizing: border-box;
				width: 425px;
				margin: 0 40px 0 0;
				/*background-color: #88a5cd;*/
				background-color: #7bb990;
				border-radius: 10px;
				padding: 20px 20px 25px 20px;
			}

				div#features_left h3 {
					font-size: 24px;
					font-weight: 600;
					color: rgb(255,255,255);
					margin-bottom: 23px;
					text-decoration: underline;
				}

				div#features_left ul {
					list-style: disc;
				}

					div#features_left ul li {
						color: rgb(255,255,255);
						font-size: 16px;
						margin-bottom: 15px;
						margin-left: 19px;
						line-height: 130%;
					}

					div#features_left ul li:last-of-type {
						margin-bottom: 0;
					}

/* ##### TECH SPECS ##### */

	div#techspecs_outer {
		width: 100%;
		text-align: center;
	}

		div#techspecs_inner {
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			padding-top: 30px;
			padding-bottom: 33px;
		}

			div#techspecs_inner h3 {
				font-size: 24px;
				font-weight: 600;
				margin-bottom: 25px;
			}

			div#techspecs_inner table {
				width: 100%;
				border-top: 1px solid rgb(40,40,40);
				border-left: 1px solid rgb(40,40,40);
			}

				div#techspecs_inner table thead td {
					padding: 7px;
					font-size: 12px;
					font-weight: 600;
					border-bottom: 1px solid rgb(40,40,40);
					border-right: 1px solid rgb(40,40,40);
					text-align: center;
					vertical-align: middle;
					line-height: 130%;
				}

				div#techspecs_inner table tbody td {
					padding: 7px;
					font-size: 12px;
					font-weight: normal;
					border-bottom: 1px solid rgb(40,40,40);
					border-right: 1px solid rgb(40,40,40);
					text-align: center;
					vertical-align: middle;
					line-height: 130%;
				}

			div#techspecs_inner p {
				margin-top: 20px;
				margin-bottom: 25px;
				line-height: 150%;
			}

/* ##### PAGES ##### */

	div#content_outer {
		width: 100%;
		text-align: center;
	}

		div#content_inner {
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			padding-top: 30px;
			padding-bottom: 33px;
		}

			div#content_inner h3 {
				font-size: 24px;
				font-weight: 600;
				margin-bottom: 25px;
			}

			div#content_inner h4 {
				font-size: 18px;
				font-weight: 600;
				margin-bottom: 25px;
			}

			div#content_inner h5 {
				font-size: 16px;
				font-weight: 600;
			}

			div#content_inner p {
				margin-top: 20px;
				margin-bottom: 25px;
				line-height: 150%;
			}

				div#content_inner p a {
					color: #7b95b9;
					font-weight: 600;
				}

			div#content_inner hr {
				background: none;
				border: 0;
				border-bottom: 1px dashed rgb(222,222,222);
				margin-top: 25px;
				margin-bottom: 25px;
			}

/* ##### FOOTER ##### */

	div#footer_outer {
		width: 100%;
		text-align: center;
		background-color: #7b95b9;
		background: linear-gradient(
			#647a97 0%,
			#7b95b9 35%,
			#7b95b9 100%
		);
	}

		div#footer_inner {
			display: flex;
			justify-content: space-between;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			padding-top: 30px;
			padding-bottom: 33px;
			width: 1200px;
		}

			div#footer_right {
				/* position: relative;
				float: right;
				width: 425px; */
			}

				div#footer_right p {
					font-size: 16px;
					color: rgb(255,255,255);
					line-height: 150%;
					margin-top: 20px;
				}

				div#footer_right p:first-of-type {
					margin-top: 0;
				}

				div#footer_right a {
					color: rgb(255,255,255);
				}

				div#footer_right p#copyright {
					/*margin-top: 63px;*/
				}

			div#footer_right_mobile {
				display: none;
			}

			div#footer_left {

			}

				div#footer_left h3 {
					font-size: 24px;
					font-weight: 600;
					color: rgb(255,255,255);
					margin-bottom: 25px;
				}

					div#footer_left table tr td {
						font-size: 16px;
						color: rgb(255,255,255);
						padding-right: 30px;
						text-align: left;
						vertical-align: top;
					}

						div#footer_left input[type="text"] {
							border: 0;
							background-color: rgb(255,255,255);
							padding: 5px;
							font-size: 16px;
							color: rgb(40,40,40);
							width: 275px;
							margin-top: 5px;
							margin-bottom: 10px;
						}

						div#footer_left textarea {
							border: 0;
							background-color: rgb(255,255,255);
							padding: 5px;
							font-size: 16px;
							color: rgb(40,40,40);
							width: 350px;
							height: 136px;
							margin-top: 5px;
						}

						div#footer_left input[type="submit"] {
							cursor: pointer;
							display: inline-block;
							background-color: #7bb990;
							font-size: 16px;
							font-weight: 600;
							color: rgb(255,255,255);
							padding: 9px 18px 9px 18px;
							margin: 17px 0 10px 0;
							border: 0;
							border-radius: 5px;
						}

						tr#tr_comments_mobile {
							display: none;
						}

			div.footer-images{
				box-sizing: border-box;
				padding-left: 30px;
			}

				.trollbuddy-container{
					display: inline-block;
					margin-bottom: 20px;
				}

				div.footer-images a{
					text-decoration: none;
				}
				div.footer-images div.lectrotab-bg{
					background: linear-gradient( to right, rgba(255,255,255,1), rgba(255,255,255,.7) 50%, rgba(255,255,255,.2) 70%), url('../images/Lectrotab-boat.png');
					height: 150px;
					width: 225px;
				}
				div.footer-images div.lectrotab-actuator-bg{
					background-image: url('/images/Marine-Linear-Actuators-Hatch-Lifts.jpg');
					height: 143px;
					width: 225px;
					background-size: 95px;
					background-repeat: no-repeat;
					background-position: right;
					background-color: white;
				}

					.lectrotab-logo{
						width: 50%;
					}

					div.footer-images div.lectrotab-bg p, div.footer-images div.lectrotab-actuator-bg p {
						color: rgb(0, 125, 157);
						font-family: arial;
						font-size: 11px;
						line-height: 1.3;
						padding-left: 10px;
						text-shadow: white 2px 2px 2px;
						width: 60%;
					}

					.lectro-btn{
						border-radius: 5px;
						background-color: rgb(0, 125, 157);
						color: white;
						font-size: 10px;
						height: 28px;
						letter-spacing: .5px;
						line-height: 28px;
						margin: 10px;
						text-align: center;
						text-transform: uppercase;
						width: 95px;
					}