@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------

	Created by elykinnovation, inc. - http://www.elykinnovation.com
	Jacksonville, Florida - Web Design Company

--------------------------------------------------------------------------------------------------- */


* {-moz-outline:none;
	outline: none;
}

/* ----------------------------------------------------------------------------------------------------------------

	.png hack

------------------------------------------------------------------------------------------------------------------*/

/* * { behavior: url(iepngfix.htc); }*/
.iepngfix { behavior: url(css/iepngfix.htc); }
 

/* ---------------------------------------------------------------------------

	Body 

--------------------------------------------------------------------------- */

body {
	background-color: #e9e9e9;
	margin: 0px;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}

.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 950px; /* Make this number 10px wider than actual design for ie issues */
}

.header {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 21px 0px 20px 0px;
	width: 940px;
}

.container {
	width: 898px;
	float: left;
	background-color: #fff;
	border: 1px solid #108ee2;
	padding: 20px;
	margin: 20px 0px 20px 0px;
}

.foot-container {
	width: 898px;
	float: left;
	background-color: #fff;
	border: 1px solid #108ee2;
	padding: 20px;
	margin: 0px 0px 20px 0px;
}

.side-a {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 210px;
}

.side-b { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	width: 662px;
}

/* ---------------------------------------------------------------------------

	For 3 column design: Leave off if unneccessary

--------------------------------------------------------------------------- */

.side_c {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 940px;
}

.footer {
	float: left;
	height: 100px;
	width: 940px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.copyright {
	width: 938px;
	height: 32px;
	float: left;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 8px 0px 0px 0px;
	color: #fff;
	background-image: url(../images/bg-menu-footer.png);
	border: 1px solid #bce6fc;
}

.elyk-logo {
	widows: 85px;
	height: 31px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------

	Drop Down Nav

--------------------------------------------------------------------------- */
#navfix {position:relative; z-index:9999;}
.nav {
	width:938px;
	height: 40px;
	float: left;
	background-image: url(../images/bg-menu-footer.png);
	border: 1px solid #c4e7f3;
	white-space: nowrap;
}

.nav > ul {
	padding: 0px;
	margin: 0px;
}

.nav > ul > li {
	float: left;
	padding: 8px 14px 0px 42px;
	list-style: none;
	font-size: 14px;
}

.nav > ul > li > a:link,
.nav > ul > li > a:visited,
ul.drop-down-nav span {
	color: #fff;
	text-decoration: none;
	padding: 0px 0px 3px 0px;
	float: left;
}

.nav > ul > li > a:hover,
.nav > ul > li > a:visited:hover {
	color: #00ffcc;
	text-decoration: none;
	border-bottom: 0px dotted #fff;
	padding: 0px 0px 3px 0px;
	float: left;
}

ul.drop-down-nav span:hover {
	color: #00ffcc;
	text-decoration: none;
	padding: 0px 0px 20px 0px;
	float: left;
}

ul.drop-down-nav, ul.drop-down-nav ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

ul.drop-down-nav span {
	cursor: pointer;
}

ul.drop-down-nav li {
	position: relative;
}

ul.drop-down-nav li:hover ul, ul.drop-down-nav li ul li:hover ul {
	display: block;	
	z-index: 999!important;
	position: absolute;
	top: 40px;
	left: 30px;
	width: 170px;
	border: 1px solid #c4e7f3;
	border-top: none;
	cursor: pointer;
}

ul.drop-down-nav li:hover ul ul {
	display: none;
}

ul.drop-down-nav li ul li a {
	display: block;
	text-align: left;
	background-color: #0a517f;
	text-decoration: none;
	color: #fff;
	padding: 2px 5px 6px 15px;
	height: 100%;
	font-size: 12px;
}

ul.drop-down-nav li ul li a:hover {
	background-color: #0a517f;
	color: #00ffcc;
}

ul.drop-down-nav li ul {
	display: none;
}

ul.drop-down-nav li ul.right-end {
	left: -16px;
}



/* ---------------------------------------------------------------------------

	Header Declarations

--------------------------------------------------------------------------- */

.logo a {
	float: left;
	text-decoration: none;
	width: 266px;
	height: 80px;
	background-image: url(../images/logo-lobepro.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.tagline {
	float: left;
	width: 340px;
	color: #398cf2;
	font-size: 22px;
	line-height: 26px;
	padding: 5px 0px 10px 28px;
	margin: 10px 0px 0px 30px;
	border-left: 1px solid #ccc;
}

.banner {
	float: left;
	margin: 10px 0px 15px -10px;
	padding: 10px 10px 10px 10px;
	width: 940px;
	height: 252px;
	background-image: url(../images/bg-banner.png);
	background-repeat: no-repeat;
}

.banner-content {
	float: left;
	width: 920px;
	height: 230px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	border: 1px solid #108ee2;
}

.banner img {
	float: left;
	margin: 0px;
	padding: 0px;
}

.banner-title {
	width: 210px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 18px;
}

.banner-title h3 {
	font-size: 16px;
	font-weight: bold;
	color: #024059;
}

.banner-menu {
	width: 200px;
	height: 154px;
	float: left;
	border: 1px solid #ccc;
	padding: 8px 0px 0px 8px;
	margin: 0px 0px 10px 18px;
}

.banner-menu ul {
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 text-indent: 1px;
	 list-style: none;
}

.banner-menu li {
	width: 187px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 13px;
	font-weight: bold;
}

.banner-menu li a:link, .banner-menu li a:visited {
	display: block;
	width: 180px;
	height: 19px;
	padding: 0px 6px 4px 6px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	background-color: #43a8d2;
	text-decoration: none;
	line-height: 21px;
}

.banner-menu li a.hover, .banner-menu li a:visited.hover {
	background-color: #43a8d2;
	border-left: 7px solid #166495;
	padding: 0px 6px 4px 27px;
	margin: 0px 0px 0px -28px;
}

/* ---------------------------------------------------------------------------

	Lists Declarations

--------------------------------------------------------------------------- */

.one {
	width: 210px;
	float: left;
}

.two {
	width: 210px;
	float: left;
	padding: 0px 0px 0px 19px;
}

.three {
	width: 210px;
	float: left;
	padding: 0px 0px 0px 20px;
}

.four {
	width: 210px;
	float: left;
	padding: 0px 0px 0px 18px;
}

.five {
	width: 420px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.arrow-list {
	float: left;
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.arrow-list-top-border {
	float: left;
	width: 190px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #069;
}

.arrow-list ul,
.arrow-list-top-border ul {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 5px;
	text-indent: 1px;
	list-style: none;
	color: #006699;
}

.arrow-list ul li,
.arrow-list-top-border ul li {
	width: 95%;
	margin: 0px 0px 0px 3px;
	padding: 4px 0px 4px 12px;
	font-size: 11px;
	background: url('../images/arrow.png') 0px 11px no-repeat;
	border-bottom: 1px dotted #024059;
}

.arrow-list ul li.last,
.arrow-list-top-border ul li.last {
	width: 95%;
	margin: 0px 0px 0px 3px;
	padding: 4px 0px 4px 12px;
	font-size: 11px;
	background: url('../images/arrow.png') 0px 11px no-repeat;
	border-bottom: 1px dotted #fff;
}

.arrow-list ul li ul,
.arrow-list-top-border ul li ul li {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-indent: 1px;
	list-style: none;
	color: #79b9d5;
}

.arrow-list ul li ul li,
.arrow-list-top-border ul li ul li {
	width: 95%;
	margin: 0px 0px;
	padding: 2px 0px 0px 0px;
	font-size: 11px;
	background: url('../images/arrow.png') 0px -11px no-repeat;
	border-bottom: 0px dotted #024059;
}

.arrow-list ul li a:link,
.arrow-list ul li a:visited,
.arrow-list-top-border ul li a:link,
.arrow-list-top-border ul li a:visited {
	color: #006699;
	text-decoration: none;
}

.arrow-list ul li a:hover,
.arrow-list ul li a:visited:hover,
.arrow-list ul li ul li a:hover,
.arrow-list ul li ul li a:visited:hover,
.arrow-list-top-border ul li a:hover,
.arrow-list-top-border ul li a:visited:hover,
.arrow-list-top-border ul li ul li a:hover,
.arrow-list-top-border ul li ul li a:visited:hover {
	color: #3399ff;
}

.arrow-list ul li ul li a:link,
.arrow-list ul li ul li a:visited,
.arrow-list-top-border ul li ul li a:link,
.arrow-list-top-border ul li ul li a:visited {
	color: #68acb9;
	text-decoration: none;
}

.arrow-list ul li ul li a:hover,
.arrow-list ul li ul li a:visited:hover,
.arrow-list-top-border ul li ul li a:hover,
.arrow-list-top-border ul li ul li a:visited:hover {
	color: #3399ff;
}

.flag-list ul {
	 padding: 0px 0px 0px 5px;
	 margin: 0px 0px 0px 5px;
	 text-indent: 1px;
	 list-style: none;
}

.flag-list li.usa {
	margin: 0px 0px;
	padding: 4px 0px 4px 52px;
	font-size: 11px;
	border-bottom: 1px dotted #024059;
	background: url('../images/flag-usa.png') 15px 50% no-repeat;
}

.flag-list li.china {
	margin: 0px 0px;
	padding: 4px 0px 4px 52px;
	font-size: 11px;
	border-bottom: 1px dotted #024059;
	background: url('../images/flag-china.png') 15px 50% no-repeat;
}

.flag-list li.france {
	margin: 0px 0px;
	padding: 4px 0px 4px 52px;
	font-size: 11px;
	border-bottom: 1px dotted #024059;
	background: url('../images/flag-france.png') 15px 50% no-repeat;
}

.flag-list li.germany {
	margin: 0px 0px;
	padding: 4px 0px 4px 52px;
	font-size: 11px;
	border-bottom: 1px dotted #024059;
	background: url('../images/flag-germany.png') 15px 50% no-repeat;
}

.flag-list li.spain {
	margin: 0px 0px;
	padding: 4px 0px 4px 52px;
	font-size: 11px;
	border-bottom: 1px dotted #fff;
	background: url('../images/flag-spain.png') 15px 50% no-repeat;
}

.flag-list a:link,
.flag-list a:visited {
	color: #006699;	
	padding: 4px 0px 4px 12px;
	background: url('../images/arrow.png') 0 50% no-repeat;	
	text-decoration: none;
}

.flag-list a:hover,
.flag-list a:visited:hover {
	padding: 4px 0px 4px 12px;
	color: #3399ff;
}

.two a:link,
.two a:visited {
	color: #006699;
	line-height: 14px;
	text-decoration: none;
}

.two a:hover,
.two a:visited:hover {
	color: #3399ff;
}

.contact-page h3 {
	margin: 0px 0px 0px 10px;
}

.contact-page p {
	margin: 10px 0px 10px 20px;
}

.contact-page p.not {
	margin: 10px 0px 10px 10px;
}

#table-speed-solutions th {
	font-weight: bold;
	text-align: center;
	background-color: #B9E4F4;
}

#table-speed-solutions td {
	text-align: center;
	background-color: #eee;
}

#table-speed-solutions td.none {
	background-color: #fff;
}

#table-speed-solutions td.blue-title {
	font-weight: bold;
	text-align: center;
	color: #006699;
	background-color: #fff;
}

#table-speed-solutions td.grey-title {
	font-weight: bold;
	text-align: center;
	color: #666;
	background-color: #ddd;
}

#table-speed-solutions td.col-title {
	font-weight: bold;
	text-align: left;
	background-color: #ddd;
}

#table-speed-solutions td.col-sub-title {
	text-align: left;
	padding: 0px 0px 0px 20px;
	background-color: #EBEBEB;
}


#table-spec-data-sheets th {
	font-weight: bold;
	text-align: center;
	background-color: #B9E4F4;
}

#table-spec-data-sheets th.none {
	font-weight: bold;
	text-align: center;
	background-color: #fff;
}

#table-spec-data-sheets td {
	text-align: center;
	background-color: #eee;
}

#table-spec-data-sheets td.none {
	background-color: #fff;
}

#table-spec-data-sheets td.col-title {
	font-weight: bold;
	text-align: left;
	background-color: #ddd;
}


 
/* ---------------------------------------------------------------------------

	Body Declarations

--------------------------------------------------------------------------- */

a:link,
a:visited {
	color: #0066ff;
	text-decoration: underline;
}

a:hover,
a:visited:hover {
	text-decoration: none;
}

p {
	color: #333;
	font-size: 12px;
	line-height: 20px;
	padding: 0px;
	margin: 0px 0px 18px 0px;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 22px;
	color: #034059;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
	font-weight: lighter;
	border-bottom: 1px solid #cecece;
}

h2 {
	font-size: 18px;
	color: #024059;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: lighter;
}

h3 {
	font-size: 14px;
	color: #0073ae;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 12px 0px;
	font-weight: normal;
}

h2.underline {
	font-size: 18px;
	color: #024059;
	padding: 0px 0px 10px 3px;
	margin: 0px 0px 10px 0px;
	font-weight: lighter;
	border-bottom: 2px solid #006699;
}



.adobe {
	background-image: url(../images/logo-adobe-acrobat.png);
	background-position: 188px 0px;
	background-repeat: no-repeat;
}

.hide {
	visibility: hidden;
	display: none;
	text-indent: -8520px;
}

.pictureframe {
	border: #cecece 1px solid;
	padding: 2px;
	margin: 10px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
	background-color: transparent;
	height: 1px;
}

hr {
	border: none;
	height: 1px;
	background-color: #d8d8d8;
}

.content-holder-one { 
	float: left;
	border: 1px solid #cecece;
	margin: 20px 0px 0px 0px;
	padding: 10px;
	width: 642px;
}

.video-how-rotary-pumps-work {
	float: right;
	margin: 10px;
	padding: 0px 0px 20px 0px;
	width: 322px;
	height: 270px;
}

.video-title {
	float: left;
	width: 280px;
	font-size: 16px;
	color: #0073ae;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 20px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

.caption {
	display: block;
	padding: 0px 0px;
	margin: 0px 0px 0px 18px;
	font-size: 10px;
	color: #666;
	line-height: 12px;
}


/* ---------------------------------------------------------------------------

	Horizontal Navigation

--------------------------------------------------------------------------- */

.NAME {
	white-space: nowrap;
	float: left;
	width: 444px;
	height: 20px;
	text-align: center;
} 

.NAME ul {
	padding: 0px;
	margin: 0px;
}

.NAME ul li {
	display: inline;
	padding: 0px 0px 0px 5px;
	color: #666666;
}

.NAME ul li a:link, .NAME ul li a:visited {
	color: #666666;
	text-decoration: none;
}

.NAME ul li a:hover, .NAME ul li a:visited:hover {
	color: #990000;
	text-decoration: none;
}


/* ---------------------------------------------------------------------------

	Unordered List Stylings

--------------------------------------------------------------------------- */

.simple-list ul {
	 padding: 0px 0px 0px 5px;
	 margin: 0px 0px 0px 5px;
	 text-indent: 1px;
}

.simple-list li {
	width: 95%;
	margin: 0px 0px;
	padding: 4px 0px;
	line-height: 18px;
}

.number-list ol {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	text-indent: 1px;
}

.number-list ol li {
	margin: 0px 0px;
	padding: 4px 0px;
	line-height: 18px;
}

.number-list ol li ul {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 5px;
	text-indent: 1px;
	list-style: none;
}

.number-list ol li ul li {
	background-image: url('../images/blue-dot.png');
	background-position: 0px 11px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 4px 0px 4px 15px;
	line-height: 18px;
}

.line-list ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	text-indent: 1px;
	list-style: none;
}

.line-list li {
	margin: 0px 0px;
	padding: 8px 0px;
	line-height: 20px;
	border-bottom: 1px #d8d8d8 solid;
}


.blue-dot-list ul {
	 padding: 0px 0px 0px 5px;
	 margin: 0px 0px 10px 5px;
	 text-indent: 1px;
	 list-style: none;
}

.blue-dot-list li {
	background-image: url('../images/blue-dot.png');
	background-position: 0px 11px;
	background-repeat: no-repeat;
	margin: 0px 0px;
	padding: 4px 0px 4px 15px;
	line-height: 18px;
}

.pump-spec-list ul {
	 padding: 0px 0px 0px 5px;
	 margin: 0px 0px 0px 5px;
	 text-indent: 1px;
	 list-style: none;
}

.pump-spec-list li {
	background: url('../images/logo-adobe-acrobat.png') 0px 50% no-repeat;
	width: 95%;
	margin: 0px 0px;
	padding: 8px 0px 8px 30px;
	line-height: 18px;
}