/* -------------------------------------------------------------- 
  	GENERAL CROSS-BROWSER RESET 
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

body {
	margin: 0;
	height: 100%;
	color: #6B6768;
	text-align: center;
	font: 62.5% arial, helvetica, sans-serif;
	background: #F7F7F7 url(../images/design/body-bg.jpg) 0 100px repeat-x;
}

/* -------------------------------------------------------------- 
  	TYPOGRAPHIC DEFAULTS 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #808080;
	margin: 0 0 0.25em 0;
}  

h1 {
	font-style: italic;
	font-size: 2.75em; 
	margin-bottom: 0.5em;
}
	h1.underline {
		clear: both;
		padding-bottom: 0.25em;
		border-bottom: 1px solid #D9D9D9;
	}
	
h2 { 
	font-size: 2em;
}

	.page-list h2 {
		font-size: 1.333em;
		font-weight: bold;
	}
	
	.page-list h2 a:link, 
	.page-list h2 a:visited {
		color: #808080;
		text-decoration: none;
	}
		
		.page-list h2 a:hover {
			color: #40A0A0;
		}
	
	.browse-catalog-page h2 {
		font-size: 1.4em;
	}
		
h3 {
	font-size: 1.4em; 
	text-transform: uppercase;
}



h4 { 
	font-size: 1.083em; 
	text-transform: uppercase;
}

h5 { 
	font-size: 1.083em;
	font-weight: bold;
}

h6 {
	font-size: 0.917em; 
	text-transform: uppercase;
}

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #347799; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #40A0A0; }

/* Text Elements
-------------------------------------------------------------- */

p {
	color: #7D7A7A; 
	font-size: 1.083em; 
	margin: 0 0 1em 0;
	line-height: 1.5;
}

.summaryHome p { 
	color: #008080;
	font-size: 1.4em;
	font-style: italic;
	line-height: normal;
}

.summary p {
	color: #B0AEAF;
	font-size: 1.4em;
	font-style: italic; 
	line-height: normal;
}

a { text-decoration: underline; }
a,a:link { color: #347799; }
a:visited { color: #9ABBCC; }
a:hover,a:active,a:focus { color: #40A0A0; }

blockquote  { margin: 1.083em; color: #6B6768; font-style: italic; }
strong { font-weight: bold; }
p small { font-size: 0.833em; font-style: italic; }
em  { font-style: italic; }

address { 
	font-style: normal; 
	font-size: 1.083em; 
	margin-bottom: 1em;
}

	address span {
		color: #008080;
	}

cite { font-size: 0.917em; font-style: normal; }

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn { font-style: italic; }
del { color:#666; }
pre { white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* HRs with background images
-------------------------------------------------------------- */
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 0 1.5em; }
ul, ol      { margin: 0 1.5em 1em 0;  padding-top: 0.5em; }

ul          { list-style: none; }
ol          { list-style-type: decimal; margin-left: 1.5em; }
li 			{ margin-bottom: 0.5em; }
ul li		{
				background: url(../images/design/list-bullet.gif) 0 0.5em no-repeat;
				list-style: none;
				padding-left: 10px;
			}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       		{ margin-bottom: 1.4em; table-layout: fixed; width:100%; border: 1px solid #D9D9D9; border-collapse: collapse; }
th          		{ background: #E5E5E5 url(../images/design/th-bg.jpg) 0 0 repeat-x; border-bottom: 1px solid #D9D9D9; font-weight: bold; }
thead th 			{ background: #E5E5E5 url(../images/design/th-bg.jpg) 0 0 repeat-x; }
th,td,caption 		{ padding: 10px 10px 10px 5px; }
td					{ border-bottom: 1px solid #D9D9D9; }
tr.last td 			{ border-bottom: 0; }
tr.odd td  			{ background: #F2F2F2; }
tfoot				{ border-bottom: 1px solid #D9D9D9; }
tfoot tr.odd td		{ font-style: italic; border-bottom: 0; background: #FFFFFF; }
caption     		{ text-align: center; }

#surveyResults table {
	table-layout: auto;
	font-size: 10px;
}

	#surveyResults table td,
	#surveyResults table th {
		padding: 2px;
	}
	
#productData {
	border-right: 0;
	border-left: 0;	
}
	
	#productData th {
		background: none;
		width: 100px;
	}
	
	#productData tr.odd th {
		background: #F2F2F2;
	}
	
/* -------------------------------------------------------------- 
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
----------------------------------------------------------- */
#page {
	position: relative;
	min-height: 100%;
	padding: 0;
	text-align: left;
	font-size: 1.2em; /* this, along with body font size of 62.5% renders type approximately 12px in size across all browsers */
}

#header {
	/* IE specific styles in ie6.css file */
	background: url(../images/design/page-bg.gif) 0 0 repeat-x;
	border-bottom: 1px solid #E6E6E6;
	min-height: 105px;
}

	#headerLogo {
		margin: 0 auto;
		position: relative;
		width: 900px;
		z-index: 100;
	}
	
	#headerInner {
		/* IE specific styles in ie6.css file */
		margin: 0 auto;
		padding: 0 30px;
		position: relative;
		z-index: 600;
		width: 900px;
	}

	#headerBottom {
		text-align: center;
		position: relative;
		z-index: 400;
	}
	
	#headerBottomInner {
		margin: 0 auto;
		text-align: left;
		min-height: 36px;
		position: relative;
		width: 900px;
	}
	
#breadCrumbs {
	font-size: 0.917em;
	padding: 1em 0;
	width: 710px;
	margin-left: 190px;
}

#contentMain {
	/* IE specific styles in ie6.css file */
	background: #FFFFFF;
	border-top: 1px solid #E6E6E6; 
}

	#contentMainInner {
		/* IE specific styles in ie6.css file */
		margin: 0 auto;
		padding: 3.333em 30px;
		width: 900px;
	}

	body.home-page #contentMainInner { padding-right: 0; width: 930px; }
	
#footer {
	border-top: 1px solid #E6E6E6;
	clear: left;
	text-align: center;
}

	#footerInner {
		padding: 1.25em 30px;
		margin: 0 auto;
		text-align: left;
		width: 900px;
	}
	
	.footerLeft {
		float: left;
		width: 337px;
	}
	
		.footerLeft p {
			color: #CCCCCC;
			font-size: 0.833em;
		}
		
			.footerLeft p span {
				color: #ABABAB;
			}
		
			.footerLeft p a {
				color: #CCCCCC;
			}
			
			.footerLeft p a:hover {
				color: #347799;
			}
			
	.footerRight {
		float: right;
	}
	
		.footerRight a {
			color: #99CCCC;
			font-size: 0.75em;
			margin-right: 0.833em;
			text-transform: uppercase;
		}
		
			.footerRight a:hover {
				color: #347799;
			}
/* -------------------------------------------------------------- 
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
----------------------------------------------------------- */
#logo {
	width: 280px;
	height: 141px;
	display: block;
	background: url(../images/design/pace-analytical-logo.png) 0 0 no-repeat;
	position: absolute;
	top: 7px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

	#logo a {
		width: 280px;
		height: 141px;
		display: block;
		position: relative;
		text-indent: -9999px;
	}

#accountLogin {
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-top: 0;
	float: right;
	position: relative;
	margin: 10px 0 0 10px;
	z-index: 1000; /* Fixes IE6/7 z-index stacking bug */
}

	#accountLogin a {
		font-size: 1.167em;
		color: #008080;
		display: block;
		padding: 13px 10px 16px 10px;	
		text-decoration: none;
		font-style: italic;
	}
	
	#accountLogin ul {
		background: #9C9A9B;
		margin: 0;
		padding: 0;
		position: absolute;
		left: -9999em;
		margin: 0;
		width: 12.5em;
		right: -1px; /* Alternative style in ie6.css */
		z-index: 540;
	}
	
		#accountLogin:hover ul,
		div.hover ul {
			left: auto !important;
			right: -1px;
		}
		
		#accountLogin li {
			background: none;
			margin: 0;
			padding: 0;
			display: inline;
		}
		
			#accountLogin li.last-child a { border-bottom: 0; }
	
		#accountLogin li a {
			border-bottom: 1px solid #FFFFFF;
			background: none;
			color: #FFFFFF;
			display: block;
			font-weight: bold;
			font-size: 0.917em;
			font-style: normal;
			font-weight: normal;
			padding: 0.75em 10px;
			text-transform: uppercase;
		}
		
			#accountLogin li a:hover { background: #008080; color: #FFFFFF; }
	
	
#searchFormHeader {
	background: #F7F7F7;
	border: 1px solid #E6E6E6;
	border-top: 0;
	padding: 0 0.833em 8px 0.833em;
	float: right;
	margin-top: 20px;
}

	.searchForm input.query {
		border: 1px solid #D9D9D9;
		color: #888888;
		float: left;
		font-family: verdana, sans-serif;
		font-size: 10px;
		width: 150px;
		margin-right: 8px;
		padding: 5px;
	}
	
	.searchForm input.search {
		background: #9C9A9B;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
		cursor: pointer;
		float: left;
		font-size: 0.833em;
		padding: 0.417em 0.667em;
		text-transform: uppercase;
	}
	
		.searchForm input.search:hover {
			background: #008080;
		}

/* Search Results Styling */

#searchResults {
	clear: left;
	padding-top: 1.5em;
}

	.results-intro {
		margin-bottom: 1em;
	}
	
	.search-result {
		margin-bottom: 2em;
	}
	
		.search-result p {
			margin-bottom: 0.5em;
		}
		
	.highlight {
		color: #008080;
		font-weight: bold;
	}
	
	.scroller {
		border: 0;
		background: none;
		text-align: left;
	}
	
		.scroller td {
			border: 0;
			text-align: center;
			width: auto;
			background: none;
			padding: 5px;
		}
		
			.scroller tr.odd td { background: none; }
			
			.scroller td a {
				text-decoration: none;
			}
			
			.scroller td.selected a {
				font-weight: bold;
				font-size: 1.167em;
			}
		
		.paginator {
			background: #F2F2F2;
			margin-bottom: 0;
		}
		
/* Breadcrumb Styling */

	#breadCrumbs a {
		text-decoration: none;
	}
	
	#breadCrumbs a.last-child {
		color: #7D7A7A !important;
	}
	
		#breadCrumbs a:hover {
			text-decoration: underline;
		}
		
		#breadCrumbs a.last-child:hover {
			text-decoration: none;
		}


/* -------------------------------------------------------------- 
	ENTRY PAGE ELEMENT STYLES
	Styles for elements specific to the entry page
----------------------------------------------------------- */
#entryColumnMain,
#entryColumnSub,
#entryNewsEvents,
#entryColumnCallouts { 
	float: left;
	border-right: 1px solid #E6E6E6;
	margin-right: 14px;
	padding-right: 15px;
	min-height: 250px;	
}

#entryColumnSub { width: 165px; }

#entryColumnMain { width: 315px; }

#entryNewsEvents { width: 165px; }

	#entryNewsEvents h2 {
		color: #008080;
		font-size: 1.5em;
		font-style: italic;
		text-transform: capitalize;
	}
	
#entryColumnCallouts {
	border-right: 0;
	margin: 0;
	padding: 0;
	width: 165px;	
}
	
	#entryColumnCallouts h3 {
		color: #9B9B9B;
		font-size: 1.2em;
		font-style: italic;
		text-align: right;
		text-transform: none;
	}
	
		#entryColumnCallouts h3 span {
			font-weight: bold;
			text-transform: uppercase;
		}
		
	
	#entryColumnCallouts a {
		display: block;
		margin-top: 0.833em;
	}
	
	#entryColumnCallouts p {
		margin: 0;
	}
	
#flashArea {
	height: 299px;
	text-align: center;
}
	
	#flashAreaInner {
		width: 900px;
		height: 299px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		text-align: left;
	}
	
		#flashAreaInner img.flashAlt {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 20;
		}
		
	#flashAreaLinks {
		position: absolute;
		float: right;
		z-index: 30;
		bottom: 0;
		right: 0;
	}
		#flashAreaLinks a {
			display: block;
			float: left;
			width: 230px;
			height: 35px;
		}
	
		#flashAreaLinks a {
			float: left;
			display: block;
			margin-left: 6px;
			height: 60px;
		}


ul#news {
	margin: 0;
}

	ul#news li {
		background: none;
		list-style: none;
		margin-bottom: 1em;
		padding-left: 0;
	}
	
	ul#news .eventDate,
	ul#news .eventTitle {
		float: left;
	}
		
		ul#news .eventDate {
			color: #999999;
			font-weight: bold;
			margin-right: 10px;
			width: 40px;
		}
		
		ul#news .eventTitle {
			color: #008080;
			width: 113px;
		}
		
		ul#news	.newsTitle {
			color: #008080; 		}
		
			
a.newsArchive {
	background: url(../images/icons/news-archive.gif) 0 0.25em no-repeat;
	color: #808080;
	margin-left: 26px;
	padding-left: 20px;
	display: inline-block;
}
/* -------------------------------------------------------------- 
	INNER PAGE ELEMENT STYLES
	Shared styles for elements specific to the inner pages
----------------------------------------------------------- */
body.inner-page #contentMain {
	background: none;
	background: url(../images/design/inner-content-main-bg.gif) 0 0 repeat-x;
	border-top: 0;
	padding-top: 11px;
}

	body.inner-page #contentMainInner {
		padding-left: 40px;
		padding-top: 0;
	}

#innerPage {
	background: #FFFFFF;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	float: left;
	width: 710px;
}

#innerPageLocations {
	position: relative;
}

	#innerPageLeft {
		border-top: 0;
		float: left;
		margin-right: 10px;
		width: 172px;
		overflow: hidden; /* Prevents float drop in ie6 */
	}
	
		#innerPageLeftContent {
			clear: left;
			padding-top: 1.5em;
			text-align: center;
		}
		
#innerColumnMain,
#innerColumnMainList,
#innerColumnSub {  float: left; padding: 1.5em 30px; }

	#innerColumnMain {
		padding-left: 30px;
		padding-right: 30px;
	}
	#innerColumnMainList {
		padding-top: 0;
		padding-bottom: 0;
	}

	#innerColumnSub {
		padding-left: 14px;
		padding-right: 14px;
	}

#contactArea {
	border-top: 1px solid #E5E5E5;
	padding: 1em 0 20px 0;
	width: 710px;
	clear: left;
}


/* Inner Page List Template - Specific Styles
-------------------------------------------------------------- */
body.list-template #innerColumnMain {
	float: none;
} 
body.life-sciences-page.has-sub #innerColumnMainList {
	float: left;
	width: 478px;
}

	body.life-sciences-page.has-sub #innerColumnSub {
		padding-left: 0;
		width: 150px;
	}

#pageHeader {
	width: 663px;
	top: -30px;
	padding: 5px 10px 10px 1px;
	position: relative;
	margin-left: 15px;
	min-height: 260px;
	height: auto !important;
	height: 260px;
}

	#pageHeader img {
		float: left;
		margin-right: 10px;
	}
	
	#pageHeader p {
		margin-bottom: 0;
		color: #FFFFFF;
		font-family: helvetica, san-serif;
		font-size: 1.538em;
		font-style: italic;
		line-height: normal;
	}
	
		#pageHeader p.summary {
			float: left;
			padding-top: 15px;
			width: 159px;
		}
	
.page-list {
	border-bottom: 1px dashed #D9D9D9;
	display: block;
	margin-bottom: 1em;
	padding-bottom: 1em;
	padding-left: 140px;
}

	.page-list img {
		float: left;
		margin-left: -140px;
	}
	
	.page-list p {
		margin-bottom: 0;
	}
	
/* Special News and Events Styling */

#newsEvents {
	margin: 1.5em 0 1em 0;
}

	#newsEvents .page-list {
		padding-left: 0;
	}
	
	#newsEvents .page-list img {
		float: right;
		margin: 0;
		margin-left: 15px;
		margin-bottom: 15px;
	}

a.rssNewsFeed {
	display: inline;
	float: right;	
	margin-right: 7px;
}

/* Inner Page 1 Column Template - Specific Styles
-------------------------------------------------------------- */
body.one-column-template #innerColumnMain {
	float: none;
}

#newsletterLayout 		{ border: 0; width: 840px; }
#newsletterLayout td	{ vertical-align: top; border: 0; padding: 0 15px; }

#newsletterPages 	{ margin: 0; margin-bottom: 1em; }
#newsletterPages li { background: 0; padding: 0; display: inline; margin-right: 5px;  }

#newsletterPages a			{ background: #008080; color: #FFFFFF; padding: 5px 10px; text-decoration: none;  }
#newsletterPages a.active 	{ background: #9C9A9B; font-weight: bold; }


/* Inner Page 1 Column Template - Wide Version
-------------------------------------------------------------- */
body.one-column-template-wide #innerPage { width: auto;	}
body.one-column-template-wide #contactArea { width: auto; }
#csv-form { margin-bottom: 1.5em; }

/* Inner Page General Template - Specific Styles
-------------------------------------------------------------- */
body.general-template #innerPage {
	background: #FFFFFF url(../images/design/inner-page-bg.gif) 0 0 repeat-y;
}

body.general-template #innerColumnMain {
	width: 390px;
	overflow: hidden; /* Prevent float drop */
}

body.general-template #innerColumnSub {
	width: 225px;
	overflow: hidden; /* Prevent float drop */
}

body.general-template #innerColumnSub p {
	margin-bottom: 0;
}

body.general-template #innerColumnSub .summary p {
	margin-bottom: 1em;
} 

.productInfo {
	border-bottom: 1px dashed #D9D9D9;
	margin-bottom: 1.5em;
}


/* Inner Page Location Template - Specific Styles
-------------------------------------------------------------- */
body.location-template #innerColumnMain { 
	float: none; 
}

body.location-template #innerColumnSub { 
	background: url(../images/design/locations-bg.gif) 0 0 repeat-y;
	border-top: 1px solid #E5E5E5;
	float: left;
} 

	body.location-template #innerColumnSub h2 {
		color: #008080;
		font-size: 1.25em;
		font-weight: bold;
		margin-bottom: 1em;
		padding-left: 60px;
	}
	
	#labs h3, #serviceCenters h3 {
		text-transform: none;
		font-weight: bold;
	}
	
	#labs { 
		float: left;
		padding-left: 60px; 
		width: 277px;
	}
	
		#labs ul {
			margin: 0;
		}
		
	#serviceCenters {
		float: left;
		padding-left: 60px;
		width: 282px;
	}
	
/* Map Section */

#mapArea {
	background: url(../images/location-map/us-map.gif) 50% 0 no-repeat;
	position: relative;
	height: 370px;
	width: 100%;
}

/* ================================= Map & Legend ============================= */
#us-map {
	margin-top: 15px;

}
#map-legend {
	position: absolute;
	top: 323px;
	left: 20px;
}


/* ================================= Icons ============================= */
#locations a:hover {
	background-color: #DFF0FB;
}
#locations a .icon-normal {
	visibility: visible;
}
#locations a:hover .icon-normal {
	visibility: hidden;
}
#locations a .icon-over {
	visibility: hidden;
}
#locations a:hover .icon-over {
	visibility: visible;
	z-index: 1000;
}
#locations a:hover {
	/* IE-Win. This is needed to make the icons change. */
	border: 0px solid white;
}
#locations .icon {
	position: absolute;
}
#locations ul {
	list-style-type: none;
	margin-left: 0px;
}

/*There are two icons at the same location. This makes sure this one is on top.*/ 
#sc-corporate-office .icon	{ z-index: 900; }

/* -------------------------------------------------------------- 
	NAVIGATION
----------------------------------------------------------- */

#mainMenu {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 54px;
	right: 30px;
	width: 594px;
	z-index: 30;
}

	#mainMenu li {
		background: none;
		display: block;
		float: left;
		height: 45px;
		margin: 0;
		padding: 0;
	}
	
		#mainMenu a {
			background: url(../images/design/main-navigation.gif) 0 0 no-repeat;
			display: block;
			height: 45px;
			width: 100px;
			text-indent: -9999px;
		}
	
	/* CSS Sprite map for navigation */	
	#mainMenu li#environmental-services a { width: 163px; background-position: 0 0; }
	#mainMenu li#life-sciences a { width: 112px; background-position: -163px 0; }
	#mainMenu li#lab-operations a { width: 125px; background-position: -275px 0; }
	#mainMenu li#about-us a { width: 97px; background-position: -400px 0; }
	#mainMenu li#contact-us a { width: 97px; background-position: -497px 0; }

	#mainMenu li#environmental-services a.active,
	#mainMenu li#environmental-services a.active:hover { width: 163px; background-position: 0 -45px; }
	#mainMenu li#life-sciences a.active,
	#mainMenu li#life-sciences a.active:hover { width: 112px; background-position: -163px -45px; }
	#mainMenu li#lab-operations a.active,
	#mainMenu li#lab-operations a.active:hover { width: 125px; background-position: -275px -45px; }
	#mainMenu li#about-us a.active,
	#mainMenu li#about-us a.active:hover { width: 97px; background-position: -400px -45px; }
	#mainMenu li#contact-us a.active,
	#mainMenu li#contact-us a.active:hover { width: 97px; background-position: -497px -45px; }
	
	/* Special Taller Active State */
	body.environmental-services-page #mainMenu li#environmental-services a.active,
	body.life-sciences-page #mainMenu li#life-sciences a.active,
	body.lab-operations-page #mainMenu li#lab-operations a.active { height: 62px; }
	
	#mainMenu li#environmental-services a:hover { width: 163px; background-position: 0 -138px; }
	#mainMenu li#life-sciences a:hover { width: 112px; background-position: -163px -138px; }
	#mainMenu li#lab-operations a:hover { width: 125px; background-position: -275px -138px; }
	#mainMenu li#about-us a:hover { width: 97px; background-position: -400px -138px; }
	#mainMenu li#contact-us a:hover { width: 97px; background-position: -497px -138px; }
	
	
/* Local Navigation
-------------------------------------------------------------- */
#localNav {
	background: #FFFFFF url(../images/design/inner-main-div-bg.jpg) 0 0 repeat-x;
	border: 1px solid #E5E5E5;
	border-top: 0;
	float: left;
	padding: 1.667em 10px 0 0;
	width: 161px;
}


#localNav ul {
	background: url(../images/design/localnav-bottom-bg.gif) 0 100% no-repeat;
	list-style: none;
	margin: 0;
	padding-bottom: 15px;
}

	#localNav li {
		background: none;
		margin-bottom: 0.75em;
		padding-left: 15px;
	}
	
		#localNav li a {
			color: #008080;
			font-size: 1.167em;
			text-decoration: none;
		}
		
		#localNav li a:hover {
			color: #005050;
		}
		
			#localNav li a.active,
			#localNav li.active a {
				font-weight: bold;
			}
			
			
			
/* Second tier for local navigation */
		
#localNav ul ul {
	background: none;
	margin: 0;
	margin-left: -15px;
	padding-bottom: 0;
}
	
	#localNav li li {
		margin-bottom: 3px;
		padding: 0.25em 0;
		padding-left: 15px;
	}
	
		#localNav li li.active {
			background: url(../images/design/li-active-bg.gif) 0 0 repeat-y;
		}
		
		#localNav li li a {
			background: url(../images/design/list-bullet.gif) 0 0.5em no-repeat;
			color: #7D7A7A;
			font-size: 0.917em;
			padding-left: 10px;
			display: block;
		}
		
		#localNav li li a:hover {
			color: #5D5A5A;
		}
		
		#localNav li.active li a {
			font-weight: normal;
		}
		
			#localNav li li a.active {
				font-weight: bold;
			}
		
		
/* -------------------------------------------------------------- 
	TYPOGRAPHY
	Set any special typography here that isn't set in the typographic defaults section
----------------------------------------------------------- */
#contactArea {
	text-align: center;
}

	#contactArea p {
		font-family: helvetica, san-serif;
		font-size: 1.667em;
		font-style: italic;
		margin-bottom: 0;
	}

		#contactArea p span {
			color: #7D7A7A;
			font-style: normal;
			font-size: 0.8em;
		}
		
			#contactArea p span a {
				margin-left: 8px;
			}
	
.browse-catalog-page #innerColumnMain li {
		margin-left: 1.5em;
}

/* For Sale Area Table Styles */
#forSale {
	border: 0;
	width: 650px;
}

	#forSale th,
	#forSale td {
		text-align: center;
	}
	
		#forSale th {
			background: #E5E5E5;
			border-bottom: 0;
			border-right: 1px solid #FFFFFF;
		}
		
		#forSale td {
			background: #FFFFFF;
			border-bottom: 1px dashed #D9D9D9
		}
		
			#forSale td a {
				color: #802020;
				font-size: 1.25em;
				text-decoration: underline;
				text-transform: uppercase;
			}


/* -------------------------------------------------------------- 
	SECTION SPECIFIC COLORS ELEMENTS
----------------------------------------------------------- */

/* Environmental Services */
body.environmental-services-section h1,
body.environmental-services-section #breadCrumbs,
body.environmental-services-section #breadCrumbs a,
body.environmental-services-section #contactArea p,
body.environmental-services-section #innerColumnSub .summary p { color: #347799; }
body.environmental-services-section #breadCrumbs { background: url(../images/design/breadcrumbs-bg-blue.gif) 0 0 repeat-x; }
body.environmental-services-section #pageHeader { background: #347799 url(../images/design/environmental-services-bg.jpg) 50% 0 repeat-y; }
body.environmental-services-section #contactArea { 
	background: #FFFFFF url(../images/design/contact-us-bottom-blue.gif) 50% 100% no-repeat;
	border-bottom: 1px solid #347799;
}


/* Life Science Section */
body.life-sciences-section h1,
body.life-sciences-section #breadCrumbs,
body.life-sciences-section #breadCrumbs a,
body.life-sciences-section #contactArea p,
body.life-sciences-section #innerColumnSub .summary p { color: #008080; }
body.life-sciences-section #breadCrumbs { background: url(../images/design/breadcrumbs-bg-green-ls.gif) 0 0 repeat-x; }
body.life-sciences-section #pageHeader { background: #008080 url(../images/design/life-sciences-bg.jpg) 50% 0 repeat-y; }
body.life-sciences-section #contactArea { 
	background: #FFFFFF url(../images/design/contact-us-bottom-green-ls.gif) 50% 100% no-repeat;
	border-bottom: 1px solid #008080;
}

/* Lab Operations Section */
body.lab-operations-section h1,
body.lab-operations-section #breadCrumbs,
body.lab-operations-section #breadCrumbs a,
body.lab-operations-section #contactArea p,
body.lab-operations-section #innerColumnSub .summary p { color: #802020; }
body.lab-operations-section #breadCrumbs { background: url(../images/design/breadcrumbs-bg-red.gif) 0 0 repeat-x; }
body.lab-operations-section #pageHeader { background: #802020 url(../images/design/lab-operations-bg.jpg) 50% 0 repeat-y; }
body.lab-operations-section #contactArea { 
	background: #FFFFFF url(../images/design/contact-us-bottom-red.gif) 50% 100% no-repeat;
	border-bottom: 1px solid #802020;
}

/* About Us Section */
body.about-us-section h1,
body.about-us-section #breadCrumbs,
body.about-us-section #breadCrumbs a,
body.about-us-section #contactArea p,
body.about-us-section #innerColumnSub .summary p { color: #008080; }
body.about-us-section #breadCrumbs { background: url(../images/design/breadcrumbs-bg-green.gif) 0 0 repeat-x; }
body.about-us-section #contactArea { 
	background: #FFFFFF url(../images/design/contact-us-bottom-green.gif) 50% 100% no-repeat;
	border-bottom: 1px solid #008080;
}

/*Company Profile */
.company-profile-page p {text-align: justify;}
.company-profile-page #contactArea p {text-align: center;}

/* Contact Us Section */
body.contact-us-section h1,
body.contact-us-section #breadCrumbs,
body.contact-us-section #breadCrumbs a,
body.contact-us-section #contactArea p,
body.contact-us-section #innerColumnSub .summary p { color: #008080; }
body.contact-us-section #breadCrumbs { background: url(../images/design/breadcrumbs-bg-green.gif) 0 0 repeat-x; }
body.contact-us-section #contactArea { 
	background: #FFFFFF url(../images/design/contact-us-bottom-green.gif) 50% 100% no-repeat;
	border-bottom: 1px solid #008080;
}

/* General Section */
h1,
#breadCrumbs,
#breadCrumbs a,
#contactArea p,
#innerColumnSub .summary p  { color: #008080; }
#breadCrumbs { background: url(../images/design/breadcrumbs-bg-green.gif) 0 0 repeat-x; }
#contactArea { 
	background: #FFFFFF url(../images/design/contact-us-bottom-green.gif) 50% 100% no-repeat;
	border-bottom: 1px solid #008080;
}

/* -------------------------------------------------------------- 
	Ecard Gallery
----------------------------------------------------------- */	
	#ecardGallery {
		height: 100px;
		margin-bottom: 75px;	
		padding: 0 25px;
		position: relative;
		width: 600px;
	}
	
	#ecardGalleryInner { 
	    height: 100px;
	    position: relative; 
	    overflow: hidden;          
		width: 600px;
	} 
	 
		#gallery-items {     
		    width: 20000em;     
		   	position: absolute;
		} 
			
			#gallery-items div {
				float: left;
				margin-right: 15px;
				height: 100px;
				width: 106px;
				cursor: pointer;
				overflow: hidden;
			}
			
		.nextImage,
		.prevImage {
			background: url(../images/design/e-card-gallery-arrows.gif) 0 0 no-repeat;
			cursor: pointer;
			position: absolute;
			display: block;
			height: 24px;
			width: 16px;
			top: 30px;
		}
		
		.prevImage { left: 0; }
		.nextImage { background-position: -28px 0; right: 0; }
		
		.disabled { visibility: hidden; }

/* -------------------------------------------------------------- 
	IMAGE ELEMENTS
----------------------------------------------------------- */
#innerColumnSub img {
	margin-bottom: 1.5em;	
}

	a.browseCatalog {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-catalog.jpg) 0 0 no-repeat;
	}

	a.browseCatalog:hover {
		background-position: 0 -50px ;
	}

	a.requestQuote {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/request-quote.jpg) 0 0 no-repeat;
	}

	a.requestQuote:hover {
		background-position: 0 -50px ;
	}

	a.browseGC {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-gc.jpg) 0 0 no-repeat;
	}

	a.browseGC:hover {
		background-position: 0 -50px ;
	}

	a.browseHPLC {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-hplc.jpg) 0 0 no-repeat;
	}

	a.browseHPLC:hover {
		background-position: 0 -50px ;
	}

	a.browseMS {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-ms.jpg) 0 0 no-repeat;
	}

	a.browseMS:hover {
		background-position: 0 -50px ;
	}

	a.browsePurge {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-purge.jpg) 0 0 no-repeat;
	}

	a.browsePurge:hover {
		background-position: 0 -50px ;
	}

	a.browseData {
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-data-systems.jpg) 0 0 no-repeat;
	}

	a.browseData:hover {
		background-position: 0 -50px ;
	}

	a.browseGenLab{
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-general-lab.jpg) 0 0 no-repeat;
	}

	a.browseGenLab:hover {
		background-position: 0 -50px ;
	}

	a.browseLabParts{
		width: 225px;
		height: 50px;
		display: block;
		text-indent: -9999px;
		background: url(../images/callouts/browse-lab-parts.jpg) 0 0 no-repeat;
	}

	a.browseLabParts:hover {
		background-position: 0 -50px ;
	}


.map {
	margin: 20px 0 25px 90px;
}

/* -------------------------------------------------------------- 
	FORM ELEMENTS
----------------------------------------------------------- */
	fieldset {
		margin-bottom: 1.5em;
		padding: 1em 1.5em;
	}
	
		fieldset legend {
			font-weight: bold;
		}
	
		fieldset .fieldArea {
			margin-bottom: 0.833em;
			float: left;
			width: 100%;
		}
		
		.htmlInputText input,
		.htmlInputSecret input,
		.htmlInputTextarea textarea {
			float: left;
			border: 1px solid #D9D9D9;
			padding: 2px 0;
			width: 200px;
		}
		
			.htmlInputText input,
			.htmlInputSecret input {
				float: right;
			}
			
				#mailingList .htmlInputText input {
					float: left;
					margin-right: 10px;
				}
		
			fieldset .htmlSelectManyCheckbox {
				width: 250px;
				clear: left;
				float: left;
			}
				.htmlSelectOneRadio table,
				.htmlSelectManyCheckbox table {
					margin-top: 1em;
					border: 0;
				}
				
				#lifeScienceQuote table {
					margin: 0;
				}
				
					.htmlSelectOneRadio table td,
					.htmlSelectManyCheckbox table td {
						padding: 5px 0;
						background: none;
						border-bottom: none;
					}
					
				.htmlSelectOneRadio label,
				.htmlSelectManyCheckbox label {
					float: none;
					text-transform: none;
					
				}
				
				.htmlSelectOneRadio input,
				.htmlSelectManyCheckbox input {
					float: left;
					margin-top: 0;
					margin-bottom: 3px; 
				}
				
				#contact .htmlSelectManyCheckbox input { margin-bottom: 15px; }
				
		form label {
			float: left;
			font-weight: bold;
			margin-right: 0.817em;
			text-transform: uppercase;
			width: 100px;
		}
		
			form .testMethod label,
			form .validation label {
				float: none;
				margin-right: 2px;
			}
			
			form#mailingList label {
				width: auto;
			}
		
		#contact .htmlSelectOneMenu select,
		#lifeScienceQuote .htmlSelectOneMenu select {
			width: 200px;
		}		
			
		span.message {
			clear: left;
			display: block;
			font-size: 0.833em;
		}
		
		span.error {
			color: #DD0000;
		}
		
		.required label {
			color: #000000;
		}
		
		input.commandButton {
			background: #008080;
			border: 0;
			margin-top: 1em;
			color: #FFFFFF;
			cursor: pointer;
			font-weight: bold;
			float: right;
			text-transform: uppercase;
			padding: 0.5em;
		}
		
			input.commandButton:hover,
			input.commandButton.hover {
				background: #004d4d url(../images/design/btn-hover-bg.jpg) 50% 0 repeat-y;
			}
		
		.protect { display: none; }
		
form#login {
	width: 350px;
}

input.focused {
	border: 1px solid #008080;
}

div.errors {
	background: #FEFAD9 url(../images/forms/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 0 0 2em 0;
	width: 100%;
}

div.errorsInner {
	padding: 1em 0 1em 80px;
	background: url(../images/forms/big_error.gif) 15px 1em no-repeat;
}


/* Customer Survey Form */

	form#survey fieldset {
		background: #F7F7F7;
		border: 1px solid #DDDDDD;
	}
	
		form#survey label {
			text-align: left;
		}
		
	fieldset .htmlSelectOneMenu,
	fieldset .htmlSelectOneListbox {
			float: none;
			clear: both;
			overflow: auto;
		}
		
			.htmlSelectOneMenu label,
			.htmlSelectOneListbox label {
				width: auto;
				margin-right: 10px;
			}
			
			.htmlSelectOneMenu select,
			.htmlSelectOneListbox select {
				float: right;
			}
	
	fieldset .htmlInputTextarea {
		float: none;
		clear: both;
	}
	
	.htmlInputTextarea label {
		width: auto;
		text-align: left;
		display: block;
		margin-bottom: 0.5em;
		float: none;
	}
	
	.htmlInputTextarea textarea {
		width: 100%;
	}
	
	form#survey input.commandButton {
		margin-left: 0;
	}

/* Invite Survey Form */

form#sendSurveyForm fieldset {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
}

	form#sendSurveyForm label {
		display: block;
		float: none;
		margin-bottom: 0.5em;
		width: auto;
	}
	
	form#sendSurveyForm .htmlInputText input {
		display: block;
		float: none;
	}
	
	/* Dropdown calendar */
	.jscalendar-DB-table-style,
	.jscalendar-DB-table-style table {
		table-layout: auto;
		color: #000000;
	}
	
	.jscalendar-DB-title-style { color: #000000; }
	.jscalendar-DB-title-control-normal-style { border: 1px solid #E5E5E5; }
	.jscalendar-DB-title-background-style { background: #E5E5E5 url(../images/design/th-bg.jpg) 0 0 repeat-x; }
	
	.jscalendar-DB-body-style { border: 1px solid #E5E5E5 !important; }
	.jscalendar-DB-body-style tr { border-bottom: 1px solid #E5E5E5; }
	.jscalendar-DB-body-style td { border-right: 1px solid #E5E5E5; }
		
/* Survey Report Form */

form#surveyReport fieldset {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
}

/* Ecard Form */

#ecardImage {
	float: left;
	margin-right: 40px;
	width: 	300px;
	overflow: hidden;
}

form#ecardForm {
	float: left;
	width: 310px;	
}
	form#ecardForm fieldset {
		padding: 0;
	}
	
	form#ecardForm label {
		text-transform: capitalize;
	}
	
	form#ecardForm .htmlInputText input {
		width: 195px;
	}

/* Pace Technical Network */
#technicalNetwork select {
	width: 200px;
}

/* -------------------------------------------------------------- 
	VIDEO PLAYERS
----------------------------------------------------------- */
#airflow, #airgrab { height: 293px; width: 390px; margin-bottom: 1.5em; }

/* -------------------------------------------------------------- 
	EXTRA STYLES
----------------------------------------------------------- */
#testingLabs th,
#testingLabs td {
	font-size: 0.833em;
	padding: 10px 5px;
}

.minneapolis-web-design-page #contactArea p { display: none; }


/* -------------------------------------------------------------- 
	MISC
----------------------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; margin: 0 0 1em 1em; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear {clear: both;}
.first { margin-left:0; padding-left:0; }
.last  { margin-right:0; padding-right:0; }
.top   { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared - This works in modern browser that support the after pseudo element
    ------------- */ 
.clearFix:after, .page-list:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

/* NEW */
fieldset .htmlSelectManyCheckbox.projectCategoryFieldArea { width: 100%; }			
fieldset .htmlSelectManyCheckbox.projectCategoryFieldArea label { text-transform: uppercase; }			
fieldset .htmlSelectManyCheckbox.projectCategoryFieldArea table label { text-transform: none; }