.marine-simple-panel-container {
	display: block;
}

.home-page .marine-simple-panel-container {
    display: block;
}

.clearfix {
	clear: both;
}

.panel-auto-height {
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.panel-tiny-height {
	min-height: 350px;
	bottom: 0px;
	width: 100%;
	top: 0px;
}

.panel-short-height {
	height: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.panel-quicktip-height {
	height: 280px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.panel-medium-height {
	height: 350px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.panel-large-height {
	height: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.panel-tall-height {
	height: 500px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.panel-left-padding {
	padding-left: 50px;
}

.panel-right-padding {
	padding-right: 50px;
}

.panel-both-padding {
	padding-left: 50px;
	padding-right: 50px;
}

.panel-left-align {
	left: 5%;
	position: relative;
}

.panel-right-align {
	right: 5%;
	position: relative;
}

.panel-center-align {
	left: 0;
	right: 0;
	margin: 0 auto;
	position: relative;
}

.panel-top-align {

}

.panel-middle-align {
	top: 50%;
	transform: translateY(-50%);
}

.panel-bottom-align {
	top: 60%;
	transform: translateY(-10%);
}

.simple-panel {
	position: relative;
	padding-left: 0px;
	min-height: 90px;
}

.multicolumn .simple-panel {
	margin-left: -8px;
}

.simple-panel img {
	height: 348px;
	position: absolute;
}

.simple-panel .section.text {
	padding-left: 8px;
	color: #ffffff;
}

.simple-panel .marine-button.section {
/* 	padding-left: 13px; */
}

.simple-panel .multicolumnClear {
	/*	padding-top:21px;*/
}

.simple-panel .multi-colum-with-header.section {
	/*height: 115px;*/
	padding-left: 8px;
    padding-right: 8px;
}

/*divider*/
.simple-panel .divider {
	height: 2px;
	margin-bottom: 7px;
	margin-top: 27px;
}

.simple-panel .marine-buttons {
	padding-left: 0px;
}

.simple-panel .marine-buttons.small,.simple-panel .marine-buttons.auto {
	height: 38px;
	width: 86px;
}

.simple-panel .marine-buttons.blue-button a, .simple-panel .marine-buttons.white-button a
	{
/* 	padding-left: 6px; */
	/*margin-top:2px;/!*check this for single versus double line *!/*/
/* 	padding-top: 5px; */
}

.simple-panel .marine-panel-container .text h2, h3 {
	color: #ffffff;
}

.simple-panel .marine-panel-container .text p {
	font-size: 14px;
}

.simple-panel .marine-panel-container .text h2, h3, p {
	font-family: "Interstate Regular", "Helvetica Neue", "Helvetica", Arial,
		sans-serif;
}

.simple-panel  .marine-buttons a {
	font-weight: 100;
	line-height: 16px;
	font-size: 12px;
}

/* #### Colors #### */
.marine-white-bkg {
	background-color: #ffffff !important;
}

.marine-light-blue-bkg {
	background-color: #009dd9 !important;
}

.marine-dark-gray-bkg {
	background-color: #333333 !important;
}

.marine-light-gray-bkg {
	background-color: #666666 !important;
}

.container-fluid {
	max-width: 1440px;
	padding-left: 0px;
	padding-right: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px),
	only screen and (max-width: 640px),
	only screen and (min-device-width : 320px) and (max-device-width : 480px),
	only screen and (min-device-width : 480px) and (max-device-width : 767px),
	only screen and (min-width : 480px) and (max-width : 767px) {

    .simple-panel img {
        width: 100%;
/*         height: 711px; */
/*         position: absolute; */
    }
}

/* #### MEDIA QUERIES #### */
@media ( max-width : 768px) {
	.simple-panel .marine-panel-container>div {
		width: 90% !important;
	}

	.home-page .simple-panel .marine-panel-container>div {
        margin-left: 5%;
        margin-right: 5%;
        width: 90% !important;
    }

	.simple-panel .marine-buttons.small,.simple-panel .marine-buttons.auto {
		height: 50px;
		width: 183px;
	}

	.simple-panel .text .text-externallink {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

@media ( max-width : 992px) {
	.regularnav {
		padding-top: 90px !important;
	}
}

@media ( max-width : 480px) {
	.simple-panel .multicolumnClear {
		width: auto;
    	margin-left: 10%;
	}
}

#productdisplay .record {
	padding-bottom: 5px !important;
}

#productdisplay .record-body {
	padding-left: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px)
		, only screen and (max-width: 640px) , only screen and
		(min-device-width : 320px) and (max-device-width : 480px) , only
		screen and (min-device-width : 480px) and (max-device-width : 767px) ,
		only screen and (min-width : 480px) and (max-width : 767px) {

	.product-display {
    	margin-bottom: 15px;
	}

	.product-display-link-container {
		margin-bottom: 20px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px)
		, only screen and (max-width: 640px) , only screen and
		(min-device-width : 320px) and (max-device-width : 480px) , only
		screen and (min-device-width : 480px) and (max-device-width : 767px) ,
		only screen and (min-width : 480px) and (max-width : 767px) {

	.productGroupIndexItem {
	    margin-top: 15px !important;
	    border-width: 1px !important;
		border-style: solid !important;
	}

	.product-group-header-container .productGroupIndexHeader {
		width: 49%;
		margin: 0;
		display: inline-block;
	}

	.productGroupIndexItemImage {
		display: block !important;
	}

	.productGroupIndexItemTitle {
		width: 100% !important;
		background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 157, 217, 0.7)), to(rgba(0, 157, 217, 1))) !important;
	}

	.productGroupIndexItemTitle .pTitle {
		line-height: 40px !important;
	}

	#productGroupIndexHeaderCategory {
		padding: 20px;
		margin-right: 1%;
	}

	#productGroupIndexHeaderIndustry {
		padding: 20px;
		margin-left: 1%;
	}

	.productGroupIndexHeader .pgTitle1 {
		padding-top: 0px !important;
	}

	.productGroupIndexHeader .pgTitle {
		padding: 0px !important;
	    max-width: 100% !important;
	    padding-top: 9% !important;
	    line-height: 40px !important;
	}
}
/*#accordion.ui-accordion .ui-accordion-content {
	padding: 5px 12px;
}
#accordion .fill>Div>Div {
    float: left;
}
#accordion label {
    font-weight: normal;
    color:#fff;
}
#accordion .ui-accordion-header {
    font-size: 12px;
}

#accordion .ui-accordion-content {
	font-size: 12px;
    background: #009dd9 none !important;
    color: #fff;
}

.searchLabel {
    font-size: 14px;
	padding-left: 4px !important;
}

.port-locator-icons {
	margin-top: 15px;
	margin-bottom: 10px;
}
#accordion * {
    vertical-align: middle;
}

#map {
    width: 100%;
    height: 480px;/*65%*/
    overflow: hidden;
}
*/




.marine-video-header {
	margin-top: 10px;
}

.marine-video-footer .footerDiv {
    width: 42.5%;
    margin: auto;
    padding: 8px 0;
	background-color: #009dd9;
}

.marine-video-footer .footerDiv.white-button {
    border-style: solid;
    border-width: 2px;
    border-color: #009dd9;
    background-color: #ffffff;
}

.marine-video-footer .footerDiv.blue-button {
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    background-color: #009dd9;
}

.marine-video-footer .footerBtn {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.marine-video-footer .footerLink {
    display: table;
    margin: 0 auto;
}

.marine-video-footer .footer {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 13px;
    text-align: left;
}

.marine-video-footer .footer.white-button {
    color: #009dd9;
}

.marine-video-footer .footer.blue-button {
    color: #ffffff;
}

.marine-table-container {
	border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgb(73, 169, 211);
}

.marine-table-header {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgb(73, 169, 211);
}

.main-header span {
	color: rgb(73, 169, 211);
	font-size: 14px;
}

.secondary-header span {
	font-size: 12px;
	font-weight: bold;
}

.marine-table-column {
	display: inline-block;
}


.marine-table [class*="column"]+[class*="column"]:last-child {
	float: inherit;
}

.marine-download-pdf-container {
	width: 157px;
	height: 230px;
	position: relative;
}

.marine-download-pdf-button {
	width: 100%;
	height: 30px;
	bottom: 0px;
	position: absolute;
	text-align: center;
	padding-top: 5px;
	background-color: #009dd9;
}

.marine-download-pdf-button a {
	color: #ffffff;
}

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px)
		, only screen and (max-width: 640px) , only screen and
		(min-device-width : 320px) and (max-device-width : 480px) , only
		screen and (min-device-width : 480px) and (max-device-width : 767px) ,
		only screen and (min-width : 480px) and (max-width : 767px) {

	.marine-logo-container {
	    padding-top: 10px;
	    padding-left: 40px;
	}
}

.marine-download-pdf-container {
	width: 157px;
	height: 230px;
	position: relative;
}

.marine-download-pdf-button {
	width: 100%;
	height: 30px;
	bottom: 0px;
	position: absolute;
	text-align: center;
	padding-top: 5px;
	background-color: #009dd9;
}

.marine-download-pdf-button a {
	color: #ffffff;
}

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px)
		, only screen and (max-width: 640px) , only screen and
		(min-device-width : 320px) and (max-device-width : 480px) , only
		screen and (min-device-width : 480px) and (max-device-width : 767px) ,
		only screen and (min-width : 480px) and (max-width : 767px) {

		.marine-download-pdf-container {
			width: 100%;
			height: auto;
    		margin-bottom: 20px;
		}

		.marine-download-pdf-thumbnail {
			display: none;
		}

		.marine-download-pdf-button {
		    height: 50px;
		    position: relative;
		    padding-top: 13px;
		}
}
.marine-buttons {
	height: 38px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	/* 	padding-left: 20px; */
	/* 	padding-right: 20px; */
	border-radius: 0px;
	background-color: transparent;
	border-style: solid;
	border-width: 0.5px;
	border-color: #282828;
}

.marine-buttons.small, .marine-buttons.auto {
	width: auto;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 20px;
}

.marine-buttons.small-fix {
	height: 31px !important;
	width: 126px !important;
	line-height: 14px !important;
}

.marine-buttons.medium-fix {
	height: 48px !important;
	width: 157px !important;
	padding-top: 7px;
}

.marine-buttons.large-fix {
	height: 57px !important;
	width: 225px !important;
	padding-top: 12px;
}

.marine-buttons.fullwidth {
	width: 100%;
}

.marine-buttons a {
	color: #000000;
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-family: "Interstate Light", 'arial';
	font-weight: 800;
	line-height: 30px;
	text-decoration: none;
	/* 	padding-top: 5px; */
	/* 	padding-bottom: 5px; */
	/* 	padding-left: 7px; 7px */
	/* 	padding-right: 7px; */
	/* 	border-radius: 0px; */
	background-color: transparent;
	/* 	border-width: 1.5px; */
	/* 	border-color: #333333; */
}

.marine-buttons.blue-button  a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.marine-buttons.white-button  a:hover {
	color: #009dd9;
	text-decoration: underline;
}

.marine-buttons.blue-button {
	background-color: #009dd9;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
}

.marine-buttons.blue-button a {
	/* 	height: 45px; */
	cursor: pointer;
	display: inline-block;
	text-align: center;
	/* 	padding-left: 20px; */
	/* 	padding-right: 20px; */
	color: #FFFFFF;
	background-color: transparent;
	/* 	border-color: #FFFFFF; */
	/* 	border-style: solid; */
	/* 	border-width: 2.25px; */
	/* 	padding-top: 3px; */
}

.marine-buttons.white-button {
	background-color: #FFFFFF;
	border-color: #009dd9;
	border-style: solid;
	border-width: 1px;
}

.marine-buttons.white-button a {
	/* 	height: 45px; */
	cursor: pointer;
	display: inline-block;
	text-align: center;
	/* 	padding-left: 20px; */
	/* 	padding-right: 20px; */
	color: #009dd9;
	background-color: transparent;
	/* 	border-color: #009dd9; */
	/* 	border-style: solid; */
	/* 	border-width: 2.25px; */
	/* 	padding-top: 3px; */
}

.marine-button-container {
	height: 38px;
	display: block;
	position: relative;
}

.marine-button-container .align-box-left {
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	text-align: left;
}

.marine-button-container .align-box-right {
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	text-align: right;
}

.marine-button-container .align-box-center {
	top: 50%;
	margin: 0 auto;
	position: relative;
	transform: translateY(-50%);
	text-align: center;
}

.havoline-video-button {
	padding-right: 10px;
	padding-bottom: 2px;
}

/* #### MEDIA QUERIES #### */
@media ( max-width : 646px) {
	.keep-small .marine-buttons {
		width: 100%;
		height: auto;
		display: table;
		position: relative;
		min-height: 80px;
		text-align: center;
		border-radius: 0px;
		border-color: #333333;
		background-color: transparent;
	}
	.keep-small .marine-buttons a {
		display: table-cell;
		font-size: 28px;
		text-align: center;
		line-height: 30px;
		vertical-align: middle;
	}
	.keep-small .marine-buttons.blue-button, .keep-small .marine-buttons.blue-button a
		{
		color: #FFFFFF;
		border-color: #FFFFFF;
	}
	.keep-small .marine-buttons.white-button, .keep-small .marine-buttons.white-button a
		{
		color: #009dd9;
		border-color: #009dd9;
	}
	.marine-buttons.blue-button a {
		color: #FFFFFF;
		border-color: #FFFFFF;
	}
	.marine-button-container.keep-small {
		min-height: 80px;
	}
	.marine-button-container.keep-small .align-box-left,
		.marine-button-container.keep-small .align-box-right {
		margin: 0 auto;
		position: relative !important;
		text-align: center;
		vertical-align: middle;
	}
}

@media ( max-width : 646px) {
	.marine-button-container {
		height: auto;
	}
	.marine-button-container .align-box-right, .marine-button-container .align-box-center, .marine-button-container .align-box-left {
		top: auto;
		transform: none;
	}

	.default-behaviour .marine-buttons {
		width: 100%;
		height: auto;
		display: table;
		position: relative;
		min-height: 80px;
		text-align: center;
		border-radius: 0px;
	}
	.default-behaviour .marine-buttons a {
		display: table-cell;
		font-size: 28px;
		text-align: center;
		line-height: 30px;
		vertical-align: middle;
	}
	.default-behaviour .marine-buttons.blue-button, .default-behaviour .marine-buttons.blue-button a
		{
		color: #FFFFFF;
		border-color: #FFFFFF;
	}
	.default-behaviour .marine-buttons.white-button, .default-behaviour .marine-buttons.white-button a
		{
		color: #009dd9;
		border-color: #009dd9;
	}
	.marine-button-container.default-behaviour {
		min-height: 80px;
	}
	.marine-button-container.default-behaviour .align-box-left,
		.marine-button-container.default-behaviour .align-box-right {
		margin: 0 auto;
		position: relative !important;
		text-align: center;
		vertical-align: middle;
	}
	.marine-buttons.blue-button  a:hover {
		color: grey;
		text-decoration: underline;
	}
	.marine-buttons.white-button  a:hover {
		color: grey;
		text-decoration: underline;
	}
}

.simple-panel .marine-buttons a {
	top: 50%;
	height: auto;
	padding: 0px !important;
	position: relative;
	transform: translateY(-50%);
}

.simple-panel .marine-buttons {
	padding: 0px !important;
}
#accordion.ui-accordion .ui-accordion-content {
	padding: 5px 12px;
}
#accordion .fill>Div>Div {
    float: left;
}
#accordion label {
    font-weight: normal;
    color:#fff;
}
#accordion .ui-accordion-header {
    font-size: 12px;
}

#accordion .ui-accordion-content {
	font-size: 12px;
    background: #009dd9 none !important;
    color: #fff;
}

.searchLabel {
    font-size: 14px;
	padding-left: 4px !important;
}

.port-locator-icons {
	margin-top: 15px;
	margin-bottom: 10px;
}
#accordion * {
    vertical-align: middle;
}

#map {
    width: 100%;
    height: 450px;/*65%*/
    overflow: hidden;
}





/*#content {
    padding: 0px;
}*/
/*breadcrumb fixes*/
.breadcrumb a:nth-last-child(1) {
	color: #009dd9;
}

/* Search button fixes , removing drop down arrow*/
.top-bar .search-form .button {
	border-left: 0;
	background: none;
	padding-right: 20px;
	padding-left: 3px;
}

.filtered-search .search-input, .filtered-search .search-input:focus {
	width: 100%;
}

#searchresults-sp .result-item .record-body {
	margin-left: 0;
}
/*

HERO CAROSUEL COMPONENT
*/

#heroimage-container.herocarousel-container {
	width: 100%;
}

#heroimage-container>#heroimage-display {
	width: inherit;
}

#heroimage-container>#heroimage-display>.heroImageControl {
	width: 98%
}

#heroimage-display img {
	position: absolute;
	min-height: 100%;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}

.home-page .simple-panel .marine-buttons {
	max-width: 100%;
}

/* width with respect to parent */
.heroimage-container {
	width: inherit;
	border: none;
	padding: 0px;
}

.heroImageText, .heroImageText h1, .heroImageText.white, .heroImageText.white h1
	{
	color: #FFF;
}

.heroImageText.lightblue, .heroImageText.lightblue h1 {
	color: #009dd9;
}

.heroImageText.lightgrey, .heroImageText.lightgrey h1 {
	color: #666666;
}

.heroImageText.darkgrey, .heroImageText.darkgrey h1 {
	color: #333333;
}

.heroImageText, .heroImageText p, .heroImageText.bottom-left,
	.heroImageText.bottom-right, .heroImageText.centered {
	font-family: "Interstate Light", "arial";
	position: absolute;
	font-size: 15px;
	line-height: 18px;
	width: 390px;
}

.heroImageText.bottom-left {
	bottom: 50px;
	left: 2%;
}

.heroImageText.top-right {
	left: 22%;
}

.heroImageText.bottom-right {
	bottom: 50px;
	right: 35%;
}

.heroImageText.top-left {
	left: 2%;
}

.heroImageText.centered {
	top: 37%;
	left: 12%;
}

.heroImageControl {
	width: 65%;
	height: 28%;
	text-align: right;
}

.heroImageControl {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 3px;
	bottom: 5px;
	font-size: 10px;
	padding-top: 70px;
	padding-right: 30px;
}

#heroimage-display {
	height: 348px;
	position: relative;
}

/*fix for gey bar movement */
.heroNextImageCurrent, .heroNextImage {
	padding-right: 15px;
}
/*

iMAGE WITH OVERLAY COMPONENT
*/
.imagesib {
	height: inherit;
	top: 0px;
	/* CL-289 padding: 52px 11px; */
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.imagesib.imageWithOverlayBottom-left, .imagesib.imageWithOverlayBottom-right {
    /* height: 25%; */
    top: 70%;
    /* CL-289  */
    /* padding: 47px 12px; */
    /* position: absolute; */
    /* bottom: 0px; */
    /* width: 96.7%; */
    /* margin-left: 2px; */
}


.imageWithOverlayLeft.imageWithBorder, .imageWithOverlayRight.imageWithBorder,
	.imageWithOverlayBottom-left.imageWithBorder,
	.imageWithOverlayMiddle-left.imageWithBorder,
	.imageWithOverlayMiddle-right.imageWithBorder {
	bottom: 0px;
}

.imageWithOverlayBottom-right.imageWithBorder {
	bottom: 0px;
}

.imageWithOverlayLeft.imageWithBorder, .imageWithOverlayRight.imageWithBorder,
	.imageWithOverlayBottom-left.imageWithBorder,
	.imageWithOverlayBottom-right.imageWithBorder,
	.imageWithOverlayMiddle-left.imageWithBorder,
	.imageWithOverlayMiddle-right.imageWithBorder {
	color: #ffffff;
}

.imageWithOverlayLeft, .imageWithOverlayRight {
	background: none;
	padding: 16px 20px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.imageWithOverlayMiddle-left, .imageWithOverlayMiddle-right {
	padding: 52px 11px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.imageWithOverlayBottom-left {
	padding: 16px 20px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.imageWithOverlayBottom-right {
	/* CL-289 */
    /* 
    padding: 16px 11px;
    position: absolute;
    bottom: 0px;
    width: 100%;
     */
}

.imageWithOverlayLeft.light-blue, .imageWithOverlayRight.light-blue,
	.imageWithOverlayBottom-left.light-blue, .imageWithOverlayBottom-right.light-blue,
	.imageWithOverlayMiddle-left.light-blue, .imageWithOverlayMiddle-right.light-blue
	{
	background-color: rgb(0, 157, 217);
}

.imageWithOverlayLeft.white, .imageWithOverlayRight.white,
	.imageWithOverlayBottom-left.white, .imageWithOverlayBottom-right.white,
	.imageWithOverlayMiddle-left.white, .imageWithOverlayMiddle-right.white
	{
	background: rgb(255, 255, 255);
}

.imageWithOverlayLeft.grey, .imageWithOverlayRight.grey,
	.imageWithOverlayBottom-left.grey, .imageWithOverlayBottom-right.grey,
	.imageWithOverlayMiddle-left.grey, .imageWithOverlayMiddle-right.grey {
	background: rgb(111, 111, 111);
}

.imageWithOverlayLeft, .imageWithOverlayMiddle-left {
	left: 0px;
}

.imageWithOverlayMiddle-left {
	top: 0px;
}

.imageWithOverlayRight, .imageWithOverlayMiddle-right {
	right: 0px;
}

.imageWithOverlayBottom-right, .imageWithOverlayBottom-left {
	/* CL-289 */
	/*
	right: 1%;
	left: 1%;
	*/
}

.imageWithOverlayMiddle-right {
	top: 0px;
}

.imageWithOverlayBottom-right .imageWithOverlayHeadline,
	.imageWithOverlayBottom-right span, .imageWithOverlayRight  .imageWithOverlayHeadline,
	.imageWithOverlayRight span, .imageWithOverlayMiddle-right  .imageWithOverlayHeadline,
	.imageWithOverlayMiddle-right span {
	text-align: right;
}

.imageWithOverlayBottom-right .imageWithOverlayHeadline {
	/* CL-289 */
	/* margin-bottom: 26%; */
}

.imageWithOverlayBottom-right .imageWithOverlayHeadline h3 {
	font-size: 18px;  
    padding-right: 10px !important;
    /* CL-289 */
    margin: auto !important;
    line-height: normal !important;
}

/*.imageWithOverlayBottom-right.imageWithBorder {
    padding-top: 2%;
}*/

/*.imageWithOverlayBottom-left,
.imageWithOverlayBottom-right{
  height:10%;
}*/
.imageWithOverlayHeadline .light-blue {
	color: #009dd9;
}

.imageWithOverlayHeadline .white {
	color: #ffffff;
}

.imageWithOverlayHeadline .grey {
	color: #333333;
}

.imagesib span.light-blue {
	color: #009dd9;
}

.imagesib span.white {
	color: #ffffff;
}

.imagesib span.grey {
	color: #333333;
}

.imageWithOverlayHeadline h1 {
	font-size: 32px;
}

.imageWithOverlayHeadline h2 {
	font-size: 24px;
}

.heroImageText h1 {
	font-size: 24px;
}

.heroImageText h1 {
	font-family: "Interstate Light", "arial";
}

.heroImageText, .heroImageText p, .heroImageText.bottom-left,
	.heroImageText.bottom-right, .heroImageText.centered {
	font-size: 14px;
}

.imageWithOverlayHeadline h3 {
	font-size: 18px;
}

.imageWithOverlayHeadline h1.mobileHeader {
	font-size: 32px;
}

/*font size*/
.imagesib span p {
	font-family: "Interstate Light";
	line-height: 24px;
	font-size: 14px;
	margin: 0px;
}

.imageWithOverlayHeadline h1, h2, h3, p {
	font-family: "Interstate Light";
	line-height: 32px;
	margin-bottom: 7px;
}

.imageWithOverlayLeft .small, .imageWithOverlayRight.imageWithBorder,
	.imageWithOverlayBottom-left.imageWithBorder,
	.imageWithOverlayBottom-right.imageWithBorder,
	.imageWithOverlayMiddle-left.imageWithBorder,
	.imageWithOverlayMiddle-right.imageWithBorder {
	color: #ffffff;
}

/*header image text */
.headerImageTextHeader {
	font-size: 16px;
}

.headerImageText .footerDiv {
	background-color: #009dd9;
	padding: 8px 0;
	width: 42.5%;
	margin: auto;
}

.headerImageText .footer {
	color: #ffffff;
}

.headerImageText .footerDiv.white-button {
	background-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	border-color: #009dd9;
}

.headerImageText .footer.white-button {
	color: #009dd9;
}

.headerImageText .footerDiv.blue-button {
	background-color: #009dd9;
	border-style: solid;
	border-width: 2px;
	border-color: #ffffff;
}

.headerImageText .footer.blue-button {
	color: #ffffff;
}

.heroImageText.bottom-left {
	left: 20px;
}

/*product categoirs*/
.productGroupIndexItem {
	margin-left: 2px;
}

.productGroupIndexItemTitle {
	background: -moz-linear-gradient(0deg, rgba(0,157,217,0.7) 0%, rgba(0,157,217,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,157,217,0.7)), color-stop(100%, rgba(0,157,217,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(0,157,217,0.7) 0%, rgba(0,157,217,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(0,157,217,0.7) 0%, rgba(0,157,217,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(0,157,217,0.7) 0%, rgba(0,157,217,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(0,157,217,0.7) 0%, rgba(0,157,217,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009DD9', endColorstr='#009DD9',GradientType=1 ); /* ie6-9 */
	color: white;
	font-size: 15px;
	line-height: 18px;
	padding: 2px 10px 5px 2px;
	width: 98.5%;
}

@-moz-document url-prefix() {
	.productGroupIndexItemTitle {
        width: 98%;
    }
}

.productGroupIndexHeader {
	height: 57px;
	font-size: 18px;
	line-height: 12px;
}

.productGroupIndexItemTitle .pTitle {
	color: white;
	font-size: 15px;
	line-height: 18px;
	font-family: "Interstate Light", "Helvetica Neue", "Helvetica", Arial,
		sans-serif;
}

.productGroupIndexHeader .pgTitle {
	/*  line-height: 18px;
    padding-left: 18%;
    max-width: 78%;*/
	line-height: 18px;
	padding-left: 18%;
	max-width: 87%;
	padding-top: 2px;
}

.productGroupIndexHeader .pgTitle1 {
	line-height: 18px;
	padding-top: 10px;
}

/* add both desktop and mobile class in same file using media query


/* title header*/
.lightblue, .lightblue1 h1 {
	color: #009dd9;
}

.lightgrey, .lightgrey1 h1 {
	color: #666666;
}

.darkgrey, .darkgrey1 h1 {
	color: #333333;
}

h1.white1, h2.white1, h3.white1 {
	color: #ffffff !important;
}

h1.lightblue1, h2.lightblue1, h3.lightblue1 {
	color: #009dd9 !important;
}

h1.lightgrey1, h2.lightgrey1, h3.lightgrey1 {
	color: #666666 !important;
}

.white, .white1 h1 {
	color: #ffffff;
}
/*l;oinks*/
.marine-buttons.productlinks a {
	height: 42px;
	width: 115px;
	font-weight: 100;
	padding-top: 3px;
}
/*utiity*/
.utility-navigation li:last-child {
	border-right: none;
}

.divider {
	width: 100%;
	margin: 3px 0;
	background-color: #DDD;
}

.divider.grey {
	background-color: #DDD;
}

.divider.light-blue {
	background-color: #009dd9;
}

.divider.white {
	background-color: #ffffff;
}

/* download */
.download  .divider {
	height: 2px;
	margin-left: 33px;
	width: 95.5%;
}

.download a.download_design {
	font-size: 15px;
	/* 	font-family: "Arial MT"; */
	line-height: 23px;
	color: #4082c6;
	padding-left: 8px;
}

.download .subheading {
	font-size: 15px;
	/* 	font-family: "Arial BoldMT"; */
	line-height: 23px;
	color: #333333;
	padding-left: 32px;
}

.download .description {
	font-size: 13px;
	/* 	font-family: "Arial MT"; */
	color: #666666;
	line-height: 18px;
	padding-left: 32px;
}

.download .description a {
	font-size: 13px;
	/* 	font-family: "Arial MT"; */
	color: #4082c6;
	line-height: 18px;
}

div.download span.icon.type_doc, div.download span.icon.type_eps, div.download span.icon.type_gif,
	div.download span.icon.type_jpg, div.download span.icon.type_pdf, div.download span.icon.type_ppt,
	div.download span.icon.type_tif, div.download span.icon.type_txt, div.download span.icon.type_xls,
	div.download span.icon.type_zip {
	zoom: 125%
}

.top-bar .search-form {
	width: 200px;
}

/*title*/
.title div.white, .subheader div.white {
	background: #FFF;
}

.title div.lightblue, .subheader div.lightblue {
	background: #009dd9;
}

.title div.lightgrey, .subheader div.lightgrey {
	background: #666666;
}

.title div.darkgrey, .subheader div.darkgrey {
	background: #333333;
}

.title div.silver, .subheader div.silver {
	background: #D3D3D3;
}
/*subheading*/
/*.subheader h1{

    font-size: 32px;
    color:#333333;
}

 .subheader h2{

    font-size: 24px;
     color:#333333;
}*/
.subheader h3 {
	font-size: 19px;
	padding-left: 0px;
}
/*.subheader h4{

     font-size: 14px;
     color:#333333;
 }

.subheader h1.mobileHeader{

    font-size: 40px;
    color:#ffffff;
    background-color: #009dd9;
}*/

/*.subheader h1.darkGrey{
    color: #333;
}

.subheader h2.darkGrey{
    color: #333;
}
*/
.subheader h3.darkGrey {
	color: #333;
}

.subheader h3.lightBlue {
	color: #009dd9;
}

.subheader h3.white {
	color: #ffffff;
}
/*.subheader h1.lightBlue{
    color:#009dd9;
}

.subheader h2.lightBlue{
    color:#009dd9;
}*/
.pdslink p {
	font-style: italic;
	font-family: "Arial MT";
	line-height: 18px;
}

#content .title h3 {
	font-size: 14px;
	color: #009dd9;
	line-height: 26px;
	font-family: "Arial BoldMT";
	padding-left: 12px;
}

.title h2.white, .title h1.white, .title h3.white {
	color: #ffffff;
}

.promosFooterDiv {
	background: #009dd9;
}

.promosText p, .promosTextCenter p {
	font-size: 14px;
	line-height: 15px;
}

.promosFooter {
	font-size: 12px;
	font-family: "Interstate Regular", "Helvetica Neue", "Helvetica", Arial,
		sans-serif;
	margin-top: 6px;
}

.promosBorder {
	position: relative;
	background: linear-gradient(white, silver);
	height: 201px;
}

.promosFooterDiv {
	bottom: 0px;
	position: absolute;
}

.promosText.promosDarkGrey p, .promosTextCenter.promosDarkGrey p,
	.promosHeaderDiv.promosDarkGrey, .promosHeaderMiddleDiv.promosDarkGrey
	{
	color: #666666;
}

.promosHeader {
	font-size: 24px;
	line-height: 27px;
	color: #666666;
}

.promosHeaderDiv {
	color: #666666;
}

.promosDivFullWidth .promosHeaderDiv, .promosDiv {
	margin-top: 17%;
}

.promos-body {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 18px;
	text-align: center;
}

.promosBorder {
	width: 157px;
}

.promosText p, .promosTextCenter p {
	line-height: 17px;
}

.headerImageText .text {
	padding-left: 4px;
}

.headerImageText .headerImageTextHeader {
	padding-left: 4px;
}

.heroNextImage {
	width: 10px;
	height: 10px;
	z-index: 1;
	background: -moz-radial-gradient(center, circle cover, rgba(255, 255, 255, 1)
		24%, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 34%,
		rgba(255, 255, 255, 0) 71%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%,
		color-stop(24%, rgba(255, 255, 255, 1)),
		color-stop(31%, rgba(255, 255, 255, 1)),
		color-stop(34%, rgba(255, 255, 255, 0)),
		color-stop(71%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 1)
		24%, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 34%,
		rgba(255, 255, 255, 0) 71%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, circle cover, rgba(255, 255, 255, 1)
		24%, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 34%,
		rgba(255, 255, 255, 0) 71%); /* Opera 12+ */
	background: -ms-radial-gradient(center, circle cover, rgba(255, 255, 255, 1)
		24%, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 34%,
		rgba(255, 255, 255, 0) 71%); /* IE10+ */
	background: radial-gradient(circle at center, rgba(255, 255, 255, 1) 24%,
		rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 34%,
		rgba(255, 255, 255, 0) 71%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#00ffffff', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.heroNextImageCurrent {
	width: 10px;
	height: 10px;
	z-index: 1;
	background: -moz-radial-gradient(center, circle cover, rgba(0, 157, 217, 1)
		24%, rgba(0, 157, 217, 1) 31%, rgba(0, 157, 217, 0) 34%,
		rgba(0, 157, 217, 0) 71%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%,
		color-stop(24%, rgba(0, 157, 217, 1)),
		color-stop(31%, rgba(0, 157, 217, 1)),
		color-stop(34%, rgba(0, 157, 217, 0)),
		color-stop(71%, rgba(0, 157, 217, 0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, circle cover, rgba(0, 157, 217, 1)
		24%, rgba(0, 157, 217, 1) 31%, rgba(0, 157, 217, 0) 34%,
		rgba(0, 157, 217, 0) 71%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, circle cover, rgba(0, 157, 217, 1)
		24%, rgba(0, 157, 217, 1) 31%, rgba(0, 157, 217, 0) 34%,
		rgba(0, 157, 217, 0) 71%); /* Opera 12+ */
	background: -ms-radial-gradient(center, circle cover, rgba(0, 157, 217, 1)
		24%, rgba(0, 157, 217, 1) 31%, rgba(0, 157, 217, 0) 34%,
		rgba(0, 157, 217, 0) 71%); /* IE10+ */
	background: radial-gradient(circle at center, rgba(0, 157, 217, 1) 24%,
		rgba(0, 157, 217, 1) 31%, rgba(0, 157, 217, 0) 34%,
		rgba(0, 157, 217, 0) 71%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#00ffffff', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.videoHeaderDiv, .videoHeaderDiv h4 {
	padding-left: 1px;
	padding-top: 10px;
	color: #009dd9;
	font-size: 16px;
	margin-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0 0 1.25rem 0;
}

.multicolumnClear {
	margin-bottom: 0px;
}

.multicolumn .image {
	margin-right: 0px !important;
}
@media ( max-width : 750px) {
	.wrapper {
		width: 100%;
		max-width: 750px;
	}
	.chevrom-marine-container .text {
		word-wrap: break-word;
	}
}

@media ( min-width : 750px) and (max-width : 992px) {
	.wrapper {
		max-width: 95%;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px)
		, only screen and (max-width: 640px) , only screen and
		(min-device-width : 320px) and (max-device-width : 480px) , only
		screen and (min-device-width : 480px) and (max-device-width : 767px) ,
		only screen and (min-width : 480px) and (max-width : 767px) {

	.headerImageTextHeader.aboveHeader {
		display: block;
	}

	.headerImageTextHeader.aboveHeader a {
		font-size: 40px;
	    line-height: 40px;
	}

	.headerImageTextHeader.belowHeader {
		display: none;
	}

	.headerImageText .text.desktopOnly {
		display: block !important;
	}

	.textimage {
		width: 100%;
	}

	.subheader h3 {
	    padding-left: 0px !important;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}

	.dontbreakmobile .multicolumn {
		display: inline-block;
		width: auto;
	}
	.mobileOnly .heroImageMobile img {
		height: 50%;
		width: 100%;
	}
	.headerImageText .footerDiv.blue-button {
		background-color: inherit;
	}
	.headerImageText .footerDiv.white-button {
		background-color: inherit;
		border-color: #ffffff;
		color: #ffffff;
	}
	.headerImageText .footer.white-button {
		color: #ffffff;
	}

	/*product categoirs*/
	.productGroupIndexItemTitle {
		line-height: 18px;
		padding: 11px 5px 14px 2px;
	}
	.productGroupIndexItemTitle .pTitle {
		font-size: 40px;
		text-align: right;
		padding-right: 9px;
		line-height: 20px;
		font-family: inherit;
	}
	.productGroupIndexHeader .pgTitle1 {
		line-height: 40px;
/* 		padding-top: 2px; */
/* 		padding-left: 15%; */
/* 		max-width: 86%; */
		font-size: 40px;
		font-family: "Interstate Light", "Helvetica Neue", "Helvetica", Arial,
			sans-serif;
	}
	.productGroupIndexHeader .pgTitle {
		line-height: 43px;
		padding-top: 8px;
		font-size: 40px;
		font-family: "Interstate Light", "Helvetica Neue", "Helvetica", Arial,
			sans-serif;
	}
	.productGroupIndexItemImage {
		display: block;
	}
	.productGroupIndexItemImage img {
		width: inherit;
	}
	.productGroupIndexItem {
		border-bottom: 4px solid #fff;
		padding: 11px
	}
	.productGroupIndexItemImage {
		background: none repeat scroll 0 0 #ffffff;
	}
	.productGroupIndexHeader {
		height: 125px;
		width: 48%;
		margin-right: 0px;
		font-size: 40px;
		line-height: 43px;
		margin-left: 1%;
		padding: 30px 20px 15px 15px;
		text-align: center;
		margin-bottom: 4%;
	}
	.productGroupIndexHeaderOn {
		background: #019dda 97% 50% no-repeat;
	}
	.productGroupIndexItemImage {
		max-height: 203px;
	}
	.promosBorder {
		width: inherit;
	}
	.subheader h3 {
		font-size: 40px;
		padding-left: 16px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px)
		, only screen and (max-width: 640px) , only screen and
		(min-device-width : 320px) and (max-device-width : 480px) , only
		screen and (min-device-width : 480px) and (max-device-width : 767px) ,
		only screen and (min-width : 480px) and (max-width : 767px) {

	.wrapper {
		width: 100%;
		min-width: 350px;
	}
	.columns {
		padding: 0px;
	}
	#content {
		padding: 0px 40px;
		padding-top: 50px;
		color: #666;
	}
	.desktopOnly {
		display: none !important;
	}
	.mobileOnly {
		display: inline;
	}
	p {
		font-size: 24px;
		line-height: 36px;
	}
	a, p, span, ul, li {
		font-size: 24px;
	}
	h4 {
		font-size: 28px;
	}
	#footer .multicolumn {
		width: 100%;
		font-size: 22px;
		line-height: 34px;
		display: block;
	}
	#footer .multicolumnRow {
		display: block;
	}
	#footer .footerNavHeadLink {
		font-size: 22px;
		line-height: 34px;
	}
	#footer .footerNavLink {
		font-size: 22px;
		line-height: 34px;
	}
	.footer.footerNav {
		margin-bottom: 25px;
	}
	#mobileHeader {
		background-color: #FFF;
	}
	#mobileHeader .mobileTitle {
		width: 100%;
		text-align: center;
		font-family: arial;
		font-size: 30px;
		padding: 30px;
		color: #FFF;
		background-color: #009dd9;
	}
	#mobileHeader .masterBrandImage {
		min-height: 120px;
		height: auto;
		float: none;
		padding: 10px 250px 0 10px;
	}
	.master-brand-logo img {
		height: auto;
		max-height: 120px;
		max-width: 100%;
		width: auto;
	}
	#mobileHeader .mobileTopNav {
		width: 100%;
		background-color: #fff;
	}
	#mobileHeader .mobileNavMenu {
		float: right;
		width: 200px;
		height: 90px;
		background: -webkit-linear-gradient(#FFF, #EEE);
		/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#FFF, #EEE);
		/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#FFF, #EEE);
		/* For Firefox 3.6 to 15 */
		background: linear-gradient(#FFF, #EEE);
		/* Standard syntax (must be last) */
		border: solid 1px #ddd;
		position: relative;
	}
	#mobileHeader .mobileNavigationLink {
		height: 50px;
		width: 50px;
		background: transparent
			url(../../chevron-lu/clientlibs/all/images/mobile-nav-3.png)
			1px 5px no-repeat;
		position: absolute;
		left: 15px;
		top: 15px;
	}
	#mobileHeader .mobileSearchLink {
		height: 50px;
		width: 50px;
		background: transparent
			url(../../chevron-lu/clientlibs/all/images/mobile-nav-2.png)
			1px 5px no-repeat;
		position: absolute;
		left: 75px;
		top: 15px;
	}
	#mobileHeader .mobileCountryLink {
		height: 55px;
		width: 55px;
		background: transparent
			url(../../chevron-lu/clientlibs/all/images/mobile-nav-1.png)
			1px 5px no-repeat;
		position: absolute;
		left: 135px;
		top: 15px;
	}
	.heroimage {
		margin: 20px 0 0 0;
	}
	.accordion-title {
		font-size: 26px;
		color: #666;
		line-height: 35px;
		padding: 20px 40px;
		margin: 0px;
		background-color: #ccc;
	}
	.accordion-content {
		padding: 0px;
	}
	.accordion-title .arrow {
		height: 30px;
		width: 30px;
		font-size: 36px;
		font-weight: bold;
		float: right;
		border: none !important;
	}
	.accordion-title .arrow:after {
		content: "+";
	}
	.expanded .accordion-title .arrow {
		content: "-";
		left: 4px;
		top: 0px;
	}
	.expanded .accordion-title .arrow:after {
		content: "-";
	}
	.expanded .accordion-title {
		font-weight: bold;
	}
	.mobileNavigation  .accordion {
		margin-bottom: 0 0 5px 0;
	}
	.mobileNavigation .mobileNavigationHeaderlink {
		line-height: 32px;
		padding: 35px 0px 35px 25px;
		border-bottom: solid 1px #ddd;
	}
	.mobileNavigation .mobileNavigationHeaderlink a {
		font-size: 24px;
		color: #4082c6;
	}
	.mobileNavigation .mobileNavigationHeaderlink:last-child {
		border-bottom: none 0px #ddd;
		!
		important
	}
	.mobileNavigation .mobileNavigationlink:last-child {
		border-bottom: none 0px #ddd;
		!
		important
	}
	.mobileNavigation .mobileNavigationlink {
		line-height: 32px;
		padding: 24px 0px 24px 50px;
		margin: 0px;
		border-bottom: solid 1px #ddd;
	}
	.mobileNavigation .mobileNavigationlink a {
		font-size: 24px;
		color: #666;
	}
	.mobileNavigation  .accordion-title span {
		float: right;
	}
	.multicolumnClear {
		display: inline-block;
	}
	.multicolumn {
		display: inline-block;
		vertical-align: top;
		padding: 0 0 0px 0;
	}
	.multicolumn20 {
		width: 100%;
	}
	.multicolumn25 {
		width: 100%;
	}
	.multicolumn33 {
		width: 100%;
	}
	.multicolumn40 {
		width: 100%;
	}
	.multicolumn46 {
		width: 100%;
	}
	.multicolumn50 {
		width: 100%;
	}
	.multicolumn54 {
		width: 100%;
	}
	.multicolumn60 {
		width: 100%;
	}
	.multicolumn67 {
		width: 100%;
	}
	.multicolumn75 {
		width: 100%;
	}
	.multicolumn80 {
		width: 100%;
	}
	.multicolumnBorder {
		border-right: 0px none #CCC;
	}
	.multicolumnHeader h2 {
		font-size: 28px !important;
		line-height: 28px !important;
	}
	.divider {
		display: none;
	}
	.noSideNavContainer {
		padding: 0px;
	}
	.drawerContainer h1, .drawerContainer h1 a {
		font-size: 28px;
	}
	.image {
		width: 100%
	}
	.image img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	#content  .title h1 {
		font-weight: bold;
		font-size: 48px;
		line-height: 48px;
		font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif;
		margin: 0px;
	}
	#content .title h2 {
		font-size: 30px;
		line-height: 30px;
		font-weight: bold;
		font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif;
		margin: 0px;
	}
	#content .title h3 {
		font-size: 30px;
		line-height: 30px;
		font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif;
		margin: 0px;
	}
	#content  .title h1.mobileHeader {
		font-weight: normal;
		font-size: 30px;
		line-height: 30px;
		font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif;
		margin: 0px;
	}
/* 	.productGroupIndexHeader { */
/* 		font-size: 20px; */
/* 		width: 100%; */
/* 		height: auto; */
/* 		padding: 15px 30px 15px 15px; */
/* 		text-align: left; */
/* 	} */
	.productGroupIndexItem {
		height: auto;
		width: 100%;
		margin: 0;
		border: 0 none #ccc;
		border-bottom: 2px solid #ccc;
	}
	.productGroupIndexHeaderOn {
		background: #019dda
			url(../../chevron-lu/clientlibs/all/images/product-index-check.png)
			97% 50% no-repeat;
	}
	.product-listing .productGroupIndexItem:last-child {
		border-bottom: none 0px #ddd;
		!
		important
	}
	.productListingItemContent p {
		font-size: 28px;
		line-height: 30px;
	}
	.productGroupIndexItemImage {
		display: none;
	}
	.productGroupIndexItemTitle img {
		display: none;
	}
	.productGroupIndexItemTitle {
		background-image: none;
		position: relative;
		font-size: 24px;
		color: #4082c6;
		line-height: 88px;
		text-align: left;
	}
	.productListingItem {
		border-bottom: 2px solid #ccc;
		margin: 0px;
	}
	.product-listing .productListingItem:last-child {
		border-bottom: none 0px #ddd;
		!
		important
	}
	.productListingItemImage {
		float: none;
		width: 100%;
		max-width: 640px;
		text-align: center;
	}
	.productListingItemImage img {
		margin: 0 auto 20px;
		width: auto;
		max-width: 280px;
	}
	.productListingItemContent {
		margin: 0px;
		font-size: 28px;
		line-height: 28px;
	}
	.productListingItemContent h2 {
		font-size: 28px;
		line-height: 28px;
		font-weight: bold;
	}
	.productListingItemContent a {
		font-size: 28px;
		color: #4082c6;
	}
	.productListingMoreLink {
		padding-top: 40px;
	}
	.productListingMSDSLink {
		padding-top: 40px;
	}
	.productListingIcons img {
		height: 35px;
	}
	.record {
		width: 100%;
		text-align: center;
		padding-top: 5px !important;
	}
	.record-img {
		float: none;
		width: auto;
		max-width: 230px;
		text-align: center;
	}
	.record-body {
		float: none;
		padding: 20px 0px;
		text-align: left;
		font-size: 24px;
		color: #666;
	}
	.record-body h4 {
		font-size: 24px;
		color: #666;
		font-weight: bold;
	}
	.productdisplay a {
		font-size: 24px;
	}
	.header-image-text {
		padding: 0 0 50px 0;
	}
	.image-with-overlay {
		padding: 0 0 50px 0;
	}
	.footerDiv {
		text-align: left;
		color: inherit;
	}
	.social {
		font-size: 22px;
	}
	.inner-footer {
		font-size: 20px;
		line-height: 34px;
	}
	.inner-footer a {
		font-size: 20px;
		text-decoration: none;
		padding: 0px;
		margin: 0px;
		line-height: 34px;
	}
	.inner-footer a.external {
		font-size: 22px;
		padding: 0 0 0 24px;
		line-height: 34px;
	}
	.footerLowerNavLink {
		display: block;
	}
	.footerLowerNavDivider {
		display: none;
	}
	.imageTextBorder {
		border: none 0px #ddd;
		!
		important
	}
	.headerImageTextHeader {
		color: #333;
		font-size: 24px;
		line-height: 28px;
		font-weight: bold;
		padding-top: 30px;
	}
	.headerImageText {
		line-height: 28px;
	}
	.headerImageText .footerDiv {
		background-color: inherit;
	}
	.headerImageText .footerLink {
		margin: 0;
	}
	.headerImageText .footerBtn {
		background-color: inherit;
		background: inherit;
		font-size: 24px;
		color: #4082c6;
	}
	a.external-white {
		color: #4082c6;
		background:
			url("../../chevron-lu/clientlibs/all/images/mobile-external-link-blue.png")
			no-repeat scroll left top transparent;
		padding: 6px 0 6px 42px;
		line-height: 28px;
		font-size: 28px;
	}
	a.external-white .footer {
		color: #4082c6;
		font-size: 22px;
		line-height: 22px
	}
	.multicolumnHeader {
		margin-bottom: 0px;
		position: relative;
	}
	.headerImageTextImgBorder {
		border: none 0px #ddd;
		!
		important
	}
	.imageWithOverlayRight {
		position: relative;
		bottom: 0px;
		background: none;
		color: #333;
		padding: 16px 0px;
		width: 100%;
		right: 0px;
	}
	.imageWithOverlayLeft {
		position: relative;
		bottom: 0px;
		background: none;
		color: #333;
		padding: 16px 0px;
		width: 100%;
		left: 0px;
	}
	.imageWithOverlayHeadline {
		color: #333;
		font-size: 24px;
		line-height: 36px;
		font-weight: bold;
	}
	.imageWithOverlayText {
		color: #333;
		font-size: 24px;
		line-height: 36px;
	}
	.multicolumnHeaderMargin {
		margin: 0;
	}
	.promosDiv .promosHeader {
		font-size: 28px;
		line-height: 32px;
	}
	.promosDiv .promosText p {
		font-size: 24px;
		line-height: 32px;
		text-align: center;
	}
/* 	.promosDiv .promosTextCenter { */
/* 		display: none; */
/* 	} */
	.promosDiv .image {
		display: none;
	}
	.promosDiv1 .promosTextCenter {
		display: none;
	}
	.promosDiv1 .promosImage {
		display: none;
	}
/* 	.promosDiv .promosHeaderDiv { */
/* 		display: none; */
/* 	} */
	.promosDiv1 .promosHeaderDiv {
		display: none;
	}
	.promosHr {
		display: none;
	}
	.promosBorder {
		border: none 0px #ddd;
		!
		important
	}
	.promosFooterDiv, .promosFooterDivRed {
		background: none;
		color: #333;
		font-size: 24px;
		line-height: 36px;
		text-align: center;
		height: auto;
	}
	.promosFooterDiv a, .promosFooterDivRed a {
		color: #4082c6;
		font-size: 24px;
		line-height: 36px;
	}
	.promosFooterDiv .promosFooter, .promosFooterDivRed .promosFooter {
		color: #4082c6;
		font-size: 24px;
		line-height: 36px;
	}
	.promosFooterDiv img, .promosFooterDivRed img {
		color: #333;
	}
	.pdslink a {
		font-size: 24px;
	}
	a.external {
		background:
			url("../../chevron-lu/clientlibs/all/images/mobile-external-link-blue.png")
			no-repeat scroll left top transparent;
		padding: 4px 0 4px 42px;
		font-size: 24px;
	}
	.inner-footer  a.external {
		background:
			url("../../chevron-lu/clientlibs/all/images/mobile-external-link-white.png")
			no-repeat scroll left top transparent;
		padding: 4px 0 4px 42px;
		font-size: 20px;
	}
	.filter-search-button {
		overflow: hidden;
		display: none;
	}
	.filtered-search .search-input, .filtered-search .search-button,
		.filtered-search .search-filter {
		font-size: 28px !important;
		height: 68px;
	}
	.filtered-search .searchBtn {
		display: none;
		padding: 0px 0 0 0;
		float: none;
		overflow: hidden;
	}
	.filtered-search .search-box {
		float: none;
		height: 70px;
		width: 100%;
	}
	.filtered-search .search-filter {
		background-color: #fff;
		color: #333;
	}
	.filter-search-button {
		width: 100%;
		font-size: 28px !important;
		height: 62px;
		line-height: 62px;
	}
	.search-box label {
		position: relative
	}
	.search-box label:before {
		content: '';
		right: 1px;
		top: 1px;
		width: 40px;
		height: 66px;
		background:
			url(../../chevron-lu/clientlibs/all/images/mobile-nav-arrow-down.png)
			0px 20px no-repeat #fff;
		position: absolute;
		pointer-events: none;
		display: block;
	}
	.addThis {
		display: none;
	}
	.headerImageText .imgBorder {
		border: none 0px #ddd !important;
	}
	.search-results div.record-img {
		width: 100%;
		max-width: 500px;
	}
	.search-results img.record-img {
		margin: 0 auto;
		max-width: 230px;
		width: auto;
	}
	.search-results .record-body {
		margin: 0px;
	}
	.search-results .search-summary {
		font-size: 24px;
		line-height: 36px;
		padding-bottom: 32px;
	}
	.search-results .search-item-title {
		font-size: 24px;
		line-height: 36px;
		font-weight: bold;
	}
	.search-results .result-footer a {
		font-size: 24px;
		line-height: 36px;
		padding-bottom: 16px;
	}
	.search-results a.external {
		display: none;
	}
	.search-results .result-footer p {
		padding: 32px 0 0px;
	}
	#distributorLocator #resultList .list li {
		float: none;
		width: 100%;
		/*font-size: 24px;*/
	}
	#distributorLocator #resultList .list li a {
		float: none;
		width: 100%;
		font-size: 12px;
	}
	#distributorLocator .list ul li.marketerName {
		font-size: 14px;
	}
	#distributorLocator #stationList .distributorLocatorCard {
		clear: left;
		width: 79%;
	}
	#distributorLocator #radius {
		width: 45px;
	}
	#distributorLocator .list li.address {
		float: none;
		width: 100%;
	}
	#distributorLocator .list li.distance {
		text-align: right;
		width: 100%;
	}
	.phoneContainer.mobileOnly a {
		font-size: 12px;
	}
	.videoLibraryColumn25 {
		clear: both;
		float: none;
		text-align: left;
		width: 100%;
	}
	.videoLibraryColumn30 {
		display: none;
	}
	.videoLibraryColumn25 .promo {
		border: none;
		float: none;
	}
	.videoLibraryColumn25 .promo img {
		display: none;
	}
	.externalButton {
		background: none;
		color: #333;
		font-size: 24px;
		line-height: 36px;
		text-align: left;
		height: auto;
	}
	.externalButton a {
		color: #4082c6;
		font-size: 24px;
		line-height: 36px;
	}
	#distributorSearchButtonCN {
		padding-left: .5rem;
		padding-right: .5rem;
	}

	#heroimage-container {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.marine-simplepanel-desktopbkg {
		height: 100% !important;
	}

	.marine-simple-panel-container {
		margin-bottom: 20px;
	}

	.simple-panel {
		margin-left: 0px;
		margin-bottom: 20px;
	}
}