
div.nav {
	position: relative;
	width: 990px;
	margin: 0 auto;
	z-index: 100;
}

ul#mega-dropdown {
	float: left;
	width: 990px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #1b1b1b;
	border-top: solid 2px #615f74;
	border-bottom: solid 2px #615f74;
	line-height: 35px;
}

ul li.separator {
	width: 1px;
	color: #615f74;
}

	#mega-dropdown li {
		float: left;
		margin: 0;
		padding: 0;

	}

	#mega-dropdown li a {
		float: left;
/*		z-index: 100; */
		height: 35px;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		color: #fff;
		text-decoration: none;
		/*text-indent: -9999px;*/
		padding: 0 20px 0 20px;
	}

		#mega-dropdown li a.pumps { padding: 0 20px 0 50px; }
		#mega-dropdown li a.view-products { padding: 0 0 0 30px; }

		#mega-dropdown li:hover a,
		#mega-dropdown li a:hover { background-position: left bottom; }


	#mega-dropdown li .sub {
		display: none;
		position: absolute;
		top: 39px;
		left: 43px;
		width: 900px;
	}

		#mega-dropdown li .sub ul {
			float: left;
			width: 220px;
			padding: 10px 0 0 20px;
			margin: 0;
			list-style: none;
		}

			#mega-dropdown .sub ul li {
				width: 100%;
				color: #17153a;
			}

			#mega-dropdown li .sub ul.gray-line { border-right: solid 1px #dbdbcf; }

			#mega-dropdown .sub ul li a {
				display: block;
				float: left;
				height: auto;
				padding: 0;
				margin: 0;
				text-indent: 0;
				text-decoration: none;
				font-size: 13px;
				line-height: 20px;
				text-align: left;
				color: #17153a;
				font-weight: bold;
			}

			#mega-dropdown .sub ul li a:hover {
				font-weight: bold;
				text-decoration: underline;
			}

	#mega-dropdown li .sub .row {
		float: left;
		width: 100%;
		clear: both;
		/*background: url(/assets/images/newnav/bkg-megaMenu.png) no-repeat bottom left; /*cab*/

		background: url(/assets/images/newnav/bg-dropdown.png); /*non-CSS3 browsers will use this*/

		behavior: url(/pie.htc);
		background: url(/assets/images/newnav/bg-dropdown.png), -webkit-gradient(linear, left top, right top, color-stop(0%,#fff), color-stop(100%,#eee)); /*old webkit*/
		background: url(/assets/images/newnav/bg-dropdown.png), -webkit-linear-gradient(top, #eee 100%, #fff 0%); /*new webkit*/
		background: url(/assets/images/newnav/bg-dropdown.png), -moz-linear-gradient(top, #eee 100%, #fff 0%); /*gecko*/
		background: url(/assets/images/newnav/bg-dropdown.png), -ms-linear-gradient(top, #eee 100%, #fff 0%); /*IE10 preview*/
		background: url(/assets/images/newnav/bg-dropdown.png), -o-linear-gradient(top, #eee 100%, #fff 0%); /*opera 11.10+*/
		background: url(/assets/images/newnav/bg-dropdown.png), linear-gradient(top, #eee 100%, #fff 0%); /*future CSS3 browsers*/
		-pie-background: url(/assets/images/newnav/bg-dropdown.png), linear-gradient(top #eee 100%, #fff 0%); /*PIE*/
	}

	/*#mega-dropdown li .sub .row {
		float: left;
		width: 100%;
		clear: both;
		background: url(/assets/images/newnav/bg-dropdown.png) repeat-y top left;

	}
*/
	#mega-dropdown li .sub .row > div.gray-box {
		float: right;
		width: 400px;
		margin: 5px 10px 10px 0;
		background: #dbdbcf;
	}
		#mega-dropdown li .sub .row > div.gray-box div {
			float: left;
			width: 240px;
			border-right: solid 2px #e8e4d8;
		}

		#mega-dropdown li .sub .row> div.gray-box div span {
			padding: 0 0 0 10px;
			font-size: 15px;
			line-height: 30px;
			font-weight: bold;
			text-transform: uppercase;
			color: #17153a;
		}

		#mega-dropdown li .sub .row> div.gray-box div ul.bullet {
			float: left;
			list-style: circle;
			text-align: left;
		}

		#mega-dropdown li .sub .row> div.gray-box div ul.bullet li {
			font-size: 13px;
			line-height: 14px;
			padding: 0;
			margin: 0;
		}

		#mega-dropdown li .sub .row> div.gray-box div .video {
			float: left;
			width: 200px;
			padding: 10px 0 5px 35px;
			clear: both;
			border: none;
		}

		#mega-dropdown li .sub .row> div.gray-box div .video span {
			padding: 10px 0 10px 0px;
			margin: 0;
			font-size: 13px;
			line-height: 20px;
			font-weight: bold;
			text-transform:none;
			color: #17153a ;
		}

		#mega-dropdown li .sub .row> div.gray-box div.logos {
			float: left;
			width: 144px;
			padding: 0;
			margin: 0;
			border: none;
			text-align: center;
		}

		#mega-dropdown li .sub .row> div.gray-box div.logos img { /*padding: 10px 0 0 15px;*/ }

		#mega-dropdown li .sub .row > div.gray-box div.logos span {
			width: 140px;
			/*padding: 5px 0 10px 20px;*/
			font-size: 11px;
			line-height: 13px;
			font-weight: normal;
			text-transform:none;
			color: #17153a ;
		}

		.logo-ps {
			width: 142px;
			height: 74px;
			margin-top: 6px;
		}

		.logo-ps-text {
			margin-top: 4px;
			clear: both;
			font-size: 24px;
			margin-bottom: 8px;
		}
		
		.logo-cf {
			width: 142px;
			height: 95px;
			margin-top: 6px;			
		}

		.logo-cf-text {
			margin-top: 4px;
			clear: both;
			font-size: 24px;
			margin-bottom: 8px;
		}		

		#mega-dropdown li .sub .row .hr {
			float: left;
			width: 892px;
			margin: 0 4px 0 4px;
			border-top: solid 1px #dbdbcf;
		}

		#mega-dropdown li .sub .row hr { display: none;}

		#mega-dropdown li .sub .row span {
			float: left;
			padding: 15px 30px 0 30px;
			font-size: 13px;
			line-height: 18px;
			font-weight: bold;
			text-transform:uppercase;
			color: #17153a ;
		}

		#mega-dropdown li .sub .row a.other-links {
			float: left;
			padding: 15px 40px 0 0;
			font-size: 13px;
			line-height: 18px;
			font-weight: bold;
			text-decoration: underline;
			color: #17153a ;
		}

		#mega-dropdown li .sub .row > div.socialmedia {
			float: right;
			width: 142px;
			height: 40px;
			margin: 10px 0 0 0;
			padding: 0 40px 0 0;
			text-indent: -9999px;
			background: url(/assets/images/newnav/socialmedia.jpg) no-repeat top left;

		}

	/*	#mega-dropdown li .sub .row.bottom {
			float: left;
			height: 50px;
			margin: -20px 0 0 0;
			background: url(/assets/images/newnav/bkg-megaMenuBottom.png) no-repeat bottom left; /*cab*/

			-pie-png-fix: true;

			background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left; /*non-CSS3 browsers will use this*/
	/*
	/*		background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left, -webkit-gradient(linear, 0 0,100% 0, from(#eee) to(#fff)); /*old webkit*/
	/*		background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left, -webkit-linear-gradient(#eee, #fff); /*new webkit*/
	/*		background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left, -moz-linear-gradient(#eee, #fff); /*gecko*/
	/*		background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left, -ms-linear-gradient(#eee, #fff); /*IE10 preview*/
	/*		background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left, -o-linear-gradient(#eee, #fff); /*opera 11.10+*/
	/*		background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left, linear-gradient(#eee, #fff); /*future CSS3 browsers*/
	/*		-pie-background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left, linear-gradient(#eee, #fff); /*PIE*/
	/*
			text-align: left;
		}
	*/

		#mega-dropdown li .sub .bottom {
			float: left;
			height: 20px;
			margin: 0;
	   		background: url(/assets/images/newnav/bg-dropdown-curve.png) no-repeat bottom left;
		}


