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


/* RESET */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

ul.reset_ul, ul.reset_ul li { margin: 0; padding: 0; list-style: none; } 


/* TYPE */
strong, b { font-weight:bold; }
em, i { font-style:italic; }
.bullets ul { margin-bottom:18px; }
.bullets li { list-style:disc; margin-left:15px; /*vertical-align:top*/ }

p	{ margin: 1.12em 0 }
p.description	{ margin: 0; font-size: 0.9em; }

/*li  { max-width: 40em;}*/
h1, h2, h3, h4, h5, h6	{ font-weight: bolder }
h1              { font-size: 2em; margin: .67em 0; font-weight: normal; text-transform: lowercase; }
h2              { font-size: 1.2em; margin: .75em 0; line-height: 1.3em;  text-transform: uppercase; }
h3              { font-size: 1em; margin: .83em 0 }
h4				{ margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }

h2.hilite { color: #df560f; text-transform: none; }
	
a, a:visited 	{ color: #007ac3; text-decoration: none; font-weight: bold; }
a:hover 		{ color: #000000; text-decoration: underline; }

/* Link Icons */
.external {
	background: url(../images/icons/icon_external_link.gif) no-repeat right;
	padding-right: 14px;	
	}
.more {
	background: url(../images/icons/more-btn.png) no-repeat right;
	padding-right: 10px;	
	}
.pdf {
	background: url(../images/icons/acrobat-sm.jpg) no-repeat left 1px;
	padding-left: 16px;	
	}

/* E-Mail Submission */
.emailsubmission {
}
input.emailfield {
	border: solid 1px #262626;
	padding: 2px;
}
input.emailsubmit {
	position: relative;
	top: 3px;
}


/* LAYOUT */
.clear		{ clear: both; }
.clearer	{ clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.search { float: left; margin-top: 16px; }
.search img { margin-top: 1px; }
	
	
/* LAYOUT - Main layout IDs for the site. */
body {
	font: normal 0.83em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #262626;
	line-height: 1.3em;
	background: #fff url(../images/header-liquid-bg.jpg) no-repeat 50% 91px;
	/*border-top: solid 6px #646464;*/
	}

#bordertop {
	width: auto;
	height: 6px;
	background-color: #646464;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	}
	
#header {
	width: 960px;
	height: 100px;
	margin-bottom: 55px;
	background: url(../images/header_bg_full2.jpg) no-repeat top center;
	}
	
#header_logo {
	float: left;
	width: 165px;
	}
	
#keywords {
	float: left;
	margin-top: 50px;
	margin-left: 10px;
}

#topnav {
	float: right;
	width: 500px;
	
}

#topnav ul, #topnav ul li { margin: 0; padding: 0; list-style: none; } 

#topnav ul {
	float: right;
	padding-left: 2px;
	background: url(../images/topnav-border.jpg) no-repeat left top;
}

#topnav ul li {
	display: inline;
	float: left;
	padding-right: 2px;
	background: url(../images/topnav-border.jpg) no-repeat right top;
}

#topnav ul li a, #topnav ul li a:visited {
	display: block;
	font-weight: normal;
	color: #000000;
	height: 42px;
	padding: 18px 14px 0 14px;
}

#topnav ul li a:hover, #topnav ul li a.ekmenu_link_selected {
	background: url(../images/topnav-active-bg.jpg) repeat-x left top;
	text-decoration: none;
}

#breadcrumbs {
	font-size: 0.9em;
	margin-bottom: 5px;
}

#breadcrumbs a {
	font-weight: normal;
}
	
#footer {
	font-size: 0.9em;
	border-top: solid 4px #646464;
	padding: 5px 0;
}
	
#footer a, #footer a:visited { color: #262626; }
#footer a:hover { text-decoration:none; }

#footerMenu ul, #footerMenu ul li { margin: 0; padding: 0; list-style: none; }

#footerMenu ul li {
	display: inline;
	float: left;
	border-left: #CCC solid 1px;
	padding-left: 10px;
	margin-left: 10px;
}
#footerMenu ul li:first-child {
	border-left: none;
}

.ekmenu_linkimage, .ekmenu_linkimage_hover {
	display: block;
	width: 18px;
	height: 18px;
}

.footer1 { float: left; }
.footer2 { float: right; }
.caption { font-size: 0.8em; color:#666666}



/* LAYOUT BLOCKS */
.full_page		{ float: left; padding: 10px 10px 0 10px; width: 940px; }
.one_fifth		{ float: left; padding: 10px 10px 0 10px; width: 172px; }
.two_fifths		{ float: left; padding: 10px 10px 0 10px; width: 364px; }
.three_fifths	{ float: left; padding: 10px 10px 0 10px; width: 556px; }
.four_fifths	{ float: left; padding: 10px 10px 0 10px; width: 748px; }
.one_quarter	{ float: left; padding: 10px 10px 0 10px; width: 220px; }
.one_half		{ float: left; padding: 10px 10px 0 10px; width: 460px; }
.three_quarters	{ float: left; padding: 10px 10px 0 10px; width: 700px; }

.one_third		{ float: left; padding: 10px 10px 0 10px; width: 300px; }
.two_thirds		{ float: left; padding: 10px 10px 0 10px; width: 620px; }

.mainleft		{ padding: 10px 20px 0 0; }
.mainright		{ padding: 10px 0 10px 20px;}

.alignright 	{ text-align: right; }
.alignleft	 	{ text-align: left; }

.borderright	{ border-right: solid 1px #dbdcdc; padding-right: 9px; }
.borderleft		{ border-left: solid 1px #dbdcdc; padding-left: 9px; }
.borderbottom	{ border-bottom: solid 1px #dbdcdc;  }
.bordertop		{ border-top: solid 1px #dbdcdc;  }

.halfthreequarters { float: left; width: 330px; padding-right: 20px; }
.halfthreequarters ul { margin-top: 0; margin-bottom: 0; }

.border {
	border: solid 1px #262626;
}

.floatleft 	{ float: left; }
.floatright { float: right; }
	

/* IMAGE PADDING */
.leftpad	{ pading-left: 5px; }
.rightpad	{ padding-right: 5px; }
.toppad		{ padding-top: 5px; }
.bottompad	{ padding-bottom: 5px; }
.halfpad	{ padding: 5px 5px 0 5px !important; }
.nopad		{ padding: 0 !important; }



/* SIDEBAR */

.sidebar /* To be applied as a second class to the layout blocks. */
{
	background: #d0f5e4 url(../images/sidebar-top-bg3.jpg) repeat-x center top;
	margin: 0;
	padding: 0;
	width: 240px;
	color: #262626;
}
.sidebar p { margin-top: 0; }

.sidebar_inside /* Div that sits inside the .sidebar class to add the bottom gradient. */
{
	background: url(../images/sidebar-bottom-bg2.jpg) repeat-x left bottom;
	padding: 22px 0;
	min-height: 200px;
	height: auto !important;
	height: 200px; 
}

.sidebar_inside .content /* Div that sits inside the .sidebar_inside class to add padding to the left and right of the div. */
{
	padding: 0 10px;
	margin-bottom: 20px;
	font-size: 0.9em;
}

.sidebar_inside .content-hilite /* Div that sits at the top of the .sidebar to add a div highlight. */
{
	background: url(../images/hilite-top-bg.png) no-repeat center top;
	padding-top: 4px;
	font-size: 0.9em;
}
.sidebar_inside .content-hilite-inside 
{
	background-color: #e6fcf2;
	padding: 10px 10px 10px 10px;
	border-top: solid 1px #c2dacf;
	border-bottom: solid 1px #c2dacf;
}
.sidebar_inside .content-hilite-bottom
{
	background: url(../images/hilite-bottom-bg.png) no-repeat center bottom;
	height: 4px;
	margin-bottom: 20px;
}
/*.sidebar_inside .content p { font-size: 0.9em; }

.sidebar_inside .content a, .sidebar_inside .content a:visited { color: #007ac3; font-size: 0.9em; }*/

.sidebar_inside .nav /* Div that sits inside the .sidebar_inside class to style the navigation. */
{ 
	margin-bottom: 20px;
}

.sidebar_inside .nav ul, .sidebar_inside .nav ul li { margin: 0; padding: 0; list-style: none; } 

.sidebar_inside .nav ul {
}

#top.sidebar_inside .nav ul li {
}

.sidebar_inside .nav ul li a, .sidebar_inside .nav ul li a:visited {
	display: block;
	font-weight: normal;
	color: #000000;
	padding: 10px;
}

.sidebar_inside .nav ul li a:hover, .sidebar_inside .nav ul li a:active {
	background: url(../images/sidebar-nav-bg-hover2.jpg) repeat left top;
	text-decoration: none;
}

.sidebar_inside .nav ul li a.ekmenu_link_selected {
	background: url(../images/sidebar-nav-bg2.jpg) repeat-y left top;
	text-decoration: none;
	color: #fff;
}

/* Search Box */

#searchbox {
	height: 25px;
	margin: 0 10px 15px 10px;
}

#searchbox #input {
	background: url(../images/searchbox-bg.jpg) repeat-x center top;
	height: 25px;
	width: 188px;
	float: left;
}

#searchbox #input .input {
	border: none;
	outline: none;
	background: none;
	margin: 7px 0 0 0;
	width: 100%;
}

#searchbox .submit {
	border: none;
	background: url(../images/searchbox-btn.png) no-repeat right top;
	height: 25px;
	width: 25px;
	margin: 0;
	float: right;
	cursor: pointer;
	color: transparent;
	text-transform: capitalize;
	position:absolute;
}

#leftcap {
	background: url(../images/searchbox-leftcap.png) no-repeat left top;
	width: 7px;
	height: 25px;
	float: left;
}

/* Table Styling */
table.specs {
	border: solid 1px #fff;
	font-size: 0.9em;
}
table.specs tr td {
	background-color: #fff;
	padding: 4px 5px;
	border-left: solid 1px #d2e8f6;
	border-bottom: solid 1px #d2e8f6;
}
table.specs tr td.tablehead {
	font-weight: bold;
	background-color: #c2f2dc;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
}
table.specs tr td.bolder {
	font-weight: bold;
	background-color: #d2e8f6;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
table.specs tr td.cap {
	border-bottom: solid 1px #fff;
}


#ListSummary1 table tbody tr td {
	padding-bottom: 10px;
}
#ListSummary3 table tbody tr td p {
	margin-top: 3px;
}


/* replace text header with graphic header */

h1.design-manufacture-deliver {
	height: 82px; width: 700px; text-indent: -9999px; margin: 0; padding: 0;
	position: relative; top: -5px; left: -8px;
	background: url(../images/headers/h1/design-manufacture-deliver.jpg) no-repeat left top;
}
h1.the-art-and-science-of-fluid-handling {
	height: 35px; width: 400px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h1/the-art-and-science-of-fluid-handling.jpg) no-repeat left top;
}
h2.getting-results-with-fluids {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/getting-results-with-fluids.jpg) no-repeat left top;
}



h1.methodology {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/methodology.jpg) no-repeat left top;
}
h1.concept-and-feasibility {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/concept-and-feasibility.jpg) no-repeat left top;
}
h1.design-and-development {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/design-and-development.jpg) no-repeat left top;
}
h1.pilot-production-and-validation {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/pilot-production-and-validation.jpg) no-repeat left top;
}
h1.commercial-manufacturing {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/commercial-manufacturing.jpg) no-repeat left top;
}



h1.capabilities {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/capabilities.jpg) no-repeat left top;
}
h1.design-services {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/design-services.jpg) no-repeat left top;
}
h1.manufacturing-services {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/manufacturing-services.jpg) no-repeat left top;
}
h1.quality-management {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/quality-management.jpg) no-repeat left top;
}
h1.case-studies {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/case-studies.jpg) no-repeat left top;
}



h1.portfolio {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/portfolio.jpg) no-repeat left top;
}
h1.intellectual-property {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/intellectual-property.jpg) no-repeat left top;
}
h1.sensor-products {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/sensor-products.jpg) no-repeat left top;
}
h1.control-products {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/control-products.jpg) no-repeat left top;
}
h1.fluid-handling-products {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/fluid-handling-products.jpg) no-repeat left top;
}

h2.level {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/level.jpg) no-repeat left top;
}
h2.flow {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/flow.jpg) no-repeat left top;
}
h2.pressure {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/pressure.jpg) no-repeat left top;
}
h2.features {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/features.jpg) no-repeat left top;
}

h1.piezo-resonant-liquid-level-sensors {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/piezo-resonant-liquid-level-sensors.jpg) no-repeat left top;
}
h1.combination-siphon-and-level-sensors {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/combination-siphon-and-level-sensors.jpg) no-repeat left top;
}
h1.compact-liquid-level-switches {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/compact-liquid-level-switches.jpg) no-repeat left top;
}
h1.electro-optic-single-point-level-sensors {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/electro-optic-single-point-level-sensors.jpg) no-repeat left top;
}
h1.engineered-plastic-flow-switches {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/engineered-plastic-flow-switches.jpg) no-repeat left top;
}
h1.turboflow-flow-rate-sensors {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/turboflow-flow-rate-sensors.jpg) no-repeat left top;
}
h1.subminiature-pressure-switches {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/subminiature-pressure-switches.jpg) no-repeat left top;
}
h1.medical-equipment-pressure-transducer {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/medical-equipment-pressure-transducer.jpg) no-repeat left top;
}



h1.company {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/company.jpg) no-repeat left top;
}
h2.international {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/international.jpg) no-repeat left top;
}
h1.info-kit {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/info-kit.jpg) no-repeat left top;
}
h1.dialogue {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/dialogue.jpg) no-repeat left top;
}



h1.news {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/news.jpg) no-repeat left top;
}



h1.sitemap {
	height: 35px; width: 450px; text-indent: -9999px;
	background: url(../images/headers/h1/sitemap.jpg) no-repeat left top;
}
h2.methodology {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/methodology.jpg) no-repeat left top;
}
h2.capabilities {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/capabilities.jpg) no-repeat left top;
}
h2.portfolio {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/portfolio.jpg) no-repeat left top;
}
h2.company {
	height: 24px; width: 300px; text-indent: -9999px; margin: 0; padding: 0;
	background: url(../images/headers/h2/company.jpg) no-repeat left top;
}



h2.sidebar-news {
	height: 16px; width: 150px; text-indent: -9999px; margin: 0 0 5px 0; padding: 0;
	background: url(../images/headers/h2/sidebar-news.png) no-repeat left top;
}
h2.sidebar-events {
	height: 16px; width: 150px; text-indent: -9999px; margin: 0 0 5px 0; padding: 0;
	background: url(../images/headers/h2/sidebar-events.png) no-repeat left top;
}
h2.sidebar-enews {
	height: 16px; width: 150px; text-indent: -9999px; margin: 0 0 5px 0; padding: 0;
	background: url(../images/headers/h2/sidebar-enews.png) no-repeat left top;
}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(/images/img2.php.png) no-repeat bottom right; } 
.cssbox { 
	/* intended total box width - padding-right(next) */ width:685px !important; 
	/* IE Win = width - padding */ width: 670px; 
	/* the gap on the right edge of the image (not content padding) */ padding-right:15px; 
	/* use to position the box */ margin: 15px 0;
} 

/* set the top-right image */ 
.cssbox_head {
	background-position:top right; /* pull the right image over on top of border */ 
	margin-right:-15px; /* right-image-gap + right-inside padding */ 
	padding-right:40px;
}

/* set the top-left image */ 
.cssbox_head h2 {
	background-position:top left; margin:0; 
	/* reset main site styles*/ border:0; 
	/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:15px 0 0 40px; height:auto !important; height:1%;
}
/* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{ 
	background-position:bottom left; 
	margin-right:25px; /* interior-padding right */ 
	padding:15px 0 5px 40px;
} /* mirror .cssbox_head right/left */