/* ===============================================
PROJECT TITLE

--------------------------------------------------
AUTHOR(S): 
	wes@topspotims.com
	jwynn@topspotims.com (Jeremy)


==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #fff;

=================================================*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 62.5%;
}

.clearBoth {
	clear: both;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

h1 {
	font-size: 1.7em;
	color: #333;
	margin-top: 0;
}

h2 {
	font-size: 1.5em;
	color: #333;
}

a {
	color: #3585b7;
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.superscript {
	font-size: 90%;
	vertical-align: super;
	line-height: 0;
}

.nowrap {
	white-space: nowrap;
}

/* WRAPPER   ---------------------------------------*/
#wrapper {
	width: 901px;
	margin: 0 auto;
	padding: 0;
}


/*==================================== SEARCH BAR ===================*/

#phoneNumber {float: right;font-size: 2.8em;color: #fff;margin: 6px 11px 6px 0;}
#phoneNumber span {font-size:17px;}
#phoneSearch{width:260px; float:right;}
#phoneSearch form{width:260px; float:left; margin-top:0px; border:none;}
#phoneSearch form fieldset{border:none; padding-right:0; padding-left:0; padding:0;}
#phoneSearch form input{width:15.4em; font-size:12px;}
#phoneSearch form #ajaxSearch_submit{ width:5em;}

body#search #bodyContent #ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_resultDescription{ font-size:1.2em;}
#bodyContent .ajaxSearch_result a{font-size:1.2em; font-weight:bold; color:#306EBC;}


/*==================================== SEARCH BAR END ===================*/



/* HEADER   ---------------------------------------*/
#header {
	background: #000 url(../images/nav-left.gif) no-repeat left bottom;;
	overflow: auto;
}
	#logo {
		display:block;
		float: left;
		width: 335px;
		height: 78px;
		text-indent: -9999px;
		background: transparent url(../images/logo.jpg) no-repeat left top;
	}
	#phoneNumber {
		
	}

/* PRIMARY NAV   ---------------------------------------*/
#primaryNavWrapper {
	background: #3585b7 url(../images/nav-left.gif) no-repeat left top;
}
ul#primaryNav {
	background: transparent url(../images/nav-right.gif) no-repeat right top;
	padding: 7px 0 0;
	margin: 0 0 0 20px;
	list-style: none;
	height: 25px;
}
#primaryNav li {
	float: left;
	position: relative;
	z-index: 1; /*To fix <h2> on homepage bleeding through Testing drop down in IE6*/
}
#primaryNav a {
	display: block;
	color: #fff;
	font-size: 1.34em;
	text-decoration: none;
	padding: 0 10px 0 10px;
	height: 25px;
}
#primaryNav a:hover {
	color: #fff200;
}
#primaryNav ul {
	position: absolute;
	left: -9999px;
	top: 25px;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	background: #1ab0d4;
	z-index: 1;
}
#primaryNav li:hover ul, #primaryNav li.sfhover ul {
	left: auto;
}
#primaryNav ul li {
	float: none;
}
#primaryNav ul a {
	font-size: 1.2em;
	display: block;
	height: auto;
	min-width: 200px;
}

/* TESTING SERVICES SUB NAV   ---------------------------------------*/
#subNavWrapper {
	float: left;
	margin: 10px 0 0;
	width: 200px;
}
ul#testingSubNav {
	margin: 10px 5px 0;
	padding: 0;
	list-style: none;
}
#testingSubNav a {
	font-size: 1.0em;
	padding: 0 0 0 10px;
	background: transparent url(../images/arrow-blue.gif) no-repeat left center;
}
#subNavHeader {
	font-size: 1.5em;
	color: #666;
}

/* BANNER   ---------------------------------------*/
#banner {
	width: 901px;
	height: 248px;
	margin: 5px 0 0;
	background: transparent url(../images/banner.jpg) no-repeat left top;
	z-index: 0;
}
	#bannerContent {
		width: 325px;
		float: right;
		margin: 10px 15px 0 0;
	}	
		#bannerContent h1 {
			font-size: 1.7em;
			margin: 0;
		}
		#bannerContent p {
			font-size: 1.2em;
			line-height: 1.5em;
			color: #666;
			margin: 5px 0 0;
		}
		#bannerContent a {
			display: block;
			padding: 0 0 0 10px;
			margin: 10px 0 0 0;
			font-size: 1.5em;
			background: transparent url(../images/arrow-blue.gif) no-repeat left center;
		}
	#tagline {
		width: 285px;
		float: right;
		margin: 185px 25px 0 0;
	}
		#tagline h2 {
			color: #fff200;
			margin: 0;
			font-size: 1.5em;
		}
		#tagline p {
			color: #fff;
			font-size: 1.2em;
			margin: 5px 0 0;
		}
	
/* CONTENT   ---------------------------------------*/
#content {
	overflow: auto;
}
img.floatright {
	margin: 0 0 6px 10px;
}
#homeContentLeft {
	width: 675px;
	float: left;
	margin: 0 0 10px;
}
#bodyContent {
	float: left;
	width: 670px;
	padding: 10px 20px 20px 0;
	margin: 0 0 10px;
}
	#bodyContent a {
		font-size: 1.0em;
	}
	#bodyContent p {
		font-size: 1.2em;
		color: #666;
		line-height: 1.5em;
	}
	#bodyContent ul, #bodyContent ol {
		color: #666;
		font-size: 1.2em;
		line-height: 1.5em;
	}
		#bodyContent ul ul {
			font-size: 100%;
		}
	#bodyContent dl {
	color: #666;
	font-size: 1.2em;
	line-height: 1.5em;
	}
	#bodyContent dt {
		font-weight: 700;
	}
	#bodyContent dd {
	margin: 0.5em 0 1em 0;
	}
		#bodyContent dd ul {
		color: #666;
		font-size: 1.0em;
		line-height: 1.5em;
		margin-top: 1em;
		}
	#bodyContent table {
		background-color: #999;
		border: 1px solid #000;
		color: #000;
		empty-cells: show;
		font-size: 1.2em;
		margin: 0 auto;
	}
		#bodyContent table caption {
			font-weight: 700;
		}
		#bodyContent th, #bodyContent td {
			/*background-color: #3585b8;*/
			background-color: #6db5e3;
			border: 1px solid #000;
			padding: 2px;
		}
		#bodyContent td ul {
			color: #000;
			font-size: 1.0em;
			padding-left: 1.5em;
		}
#contentRight {
	float: left;
	margin: 10px 0 0;
	width: 460px;
}
	#contentRight h1 {
		margin-top: 0;
	}
	#contentRight ul {
		color: #666;
		font-size: 1.2em;
		line-height: 1.5em;
	}
.readMore, .readMore span {
		display: block;
}
.readMore {
	margin:0;
	padding: 0 0 0 10px;
	background: #3585b7 url(../images/read-more.gif) no-repeat right top;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	line-height: 2em;
}
.readMore:hover {
	color: #fff200;
}
	.readMore span {
		background: transparent url(../images/arrow-white.gif) no-repeat right center;
		margin: 0 10px 0 0;
	}


#rfqForm fieldset {
	border: none;
	padding: 0;
}
	
#rfqForm label {
	display: block;
}

.reqd {
	color: red;
}

#quickForm .reqd {
	font-size: 1.1em;
}

	/* PLASTICS TESTING PAGE CONTENT   ---------------------------------------*/

	#plasticsTypes li.col2 {
		margin-left: 300px;
	}
	#plasticsTypes li.col2.first {
		margin-top: -40.5em;
	}
	#plasticsTypes li.col2.last {
		margin-bottom: 2.5em;
	}
	
	/* POLYMERS TESTING PAGE CONTENT   ---------------------------------------*/
	
	#polymerCategories {
		overflow: auto;
		margin-bottom: -1em;
		width: 100%;
	}
	
	#polymerCategories dt {
		font-weight: 400;
		margin-left: 3em;
		width: 225px;
	}
	
	#polymerCategories dd {
		margin: -1.5em 0 1em 260px;
		width: 410px;
	}
	
	/* RUBBER TESTING PAGE CONTENT   ---------------------------------------*/
	
	#elastomerTypes li.col2 {
		margin-left: 300px;
	}
	#elastomerTypes li.col2.first {
		margin-top: -27em;
	}
	#thermoplastic {
		margin-left: 300px;
	}
		#thermoplastic p {
			margin-left: 25px;	
			text-decoration: underline;
		}
		#thermoplastic ul {
			margin-bottom: 3.75em;
		}

	/* NUCLEAR MAGNETIC RESONANCE SPECTROMETRY PAGE CONTENT -------------------------*/
	#spectrometry {
		font-weight: 700;
		margin: 2em 0;
		text-align: center;
	}

	#nmrspec {
		margin: 1em 0 3em 0;
	}
	
	/* SERVICES PAGE CONTENT   ---------------------------------------*/
	#services ul#testing {
		float: left;
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
		width: 211px;
	}
	#services .readMore {
		margin: 0 0 15px;
	}
	#services .readMore:hover {
		text-decoration: none;
	}
	.service {
		float: left;
		height: 110px;
		margin-right: 20px;
		width: 315px;
	}
		.service p {
			margin: 1em 0;
		}
		.service h2 {
			font-size: 1.2em;
			margin: 0;
		}
	#servicesList {
		margin: 0 auto;
		overflow: auto;
		width: 100%;
	}
	
	/* ORGANIC SYNTHESIS PAGE CONTENT   ---------------------------------------*/
	li.graphicarts {
		margin-top: -10.5em;
	}
	li.graphicarts, li.herbicides, li.pesticides, li.petrochem, li.pharmaceu, li.polymers, li.specialchems {
		margin-left: 20em;
	}
	
	/* CONTACT US PAGE CONTENT -------------------------*/
	#contactForm {
		float: left;
		margin-right: 100px;
		width: 218px;
	}
	#contactForm fieldset {
		border: none;
		padding: 0;
	}
	
	#contactForm label {
		color: #666;
		display: block;
		font-size: 1.2em;
	}
	#contactForm input, #contactForm textarea {
		border: 1px solid #CDC;
	}
	#contactForm input {
		margin-bottom: 10px;
	}
	#contactForm .submit {
		width: 75px;
	}
	p#contactInfo {
		float: left;
		font-size: 1.4em;
		margin-top: 0;
	}

/* BUCKETS   ---------------------------------------*/
#buckets {
	overflow: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}
	#buckets li {
		width: 211px;
		min-height: 370px;
		float: left;
		margin: 0 12px 0 0;
		position: relative;
	}
	#buckets li img{
		border:none;
	}
	#buckets h2 {
		color: #3585b7;
		font-size: 1.5em;
	}
	#buckets h2 a{
		color: #3585b7;
		font-size: 1em;
		text-decoration:none;
	}
	#buckets p {
		font-size: 1.2em;
		color: #666;
		margin: 7px 0 24px 0;
		line-height: 1.5em;
	}
	#buckets #plastics {
		background: transparent url(../images/plastics-bucket.jpg) no-repeat left 40px;
	}
	#buckets #polymers {
		background: transparent url(../images/polymers-bucket.jpg) no-repeat left 40px;
	}
	#buckets #rubber {
		background: transparent url(../images/rubber-bucket.jpg) no-repeat left 40px;
	}
	#buckets .readMore {
		clear: both;
		width: 201px;
		outline: none;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	#buckets .readMore:hover {
		text-decoration: none;
	}
	
/* BREADCRUMBS   ---------------------------------------*/
#breadcrumbs {
	height: 65px;
	margin: 5px 0 0;
	background: transparent url(../images/breadcrumbs.jpg) no-repeat left top;
	position: relative;
	color: #fff;
	font-size: 1.2em;
	z-index: 0;
}
.B_crumbBox {
	position: absolute;
	bottom: 3px;
	left: 15px;
}
.B_crumbBox a {
	color: #fff;
	font-size: 1em;
}
	
/* HOME SIDEBAR   ---------------------------------------*/
#homeSidebar {
	float: left;
	width: 225px;
	margin: 10px 0 10px;
}
	#homeSidebar #testTypes {
		width: 210px;
		height: 167px;
		background: transparent url(../images/test-types.jpg) no-repeat left top;
		padding: 15px 0 0 10px;
	}
	#homeSidebar span.header {
		font-size: 1.3em;
		color: #333;
	}
	#homeSidebar span.block {
		display: block;
	}
	#homeSidebar p {
		font-size: 1.2em;
		line-height: 1.5em;
		color: #666;
		margin: 2px 0 2px;
	}
	#homeSidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#homeSidebar a {
			font-size: 1.2em;
			line-height: 1.5em;
			color: #3585b7;
			padding: 0 0 0 15px;
			background: transparent url(../images/arrow-blue.gif) no-repeat left center;
		}
		#homeSidebar a:hover span {
			text-decoration: underline;
		}
		#homeSidebar a.last {
			background-position: left 4px;
		}
	#homeSidebar #chemicalComposition {
		width: 210px;
		height: 135px;
		margin: 10px 0 0;
		padding: 15px 0 0 10px;
		border: 1px solid #ccc;
		background: transparent url(../images/chemical-composition.jpg) no-repeat right bottom;
	}
	
/* INTERNAL SIDEBAR   ---------------------------------------*/
#sidebar {
	float: left;
	width: 210px;
	margin: 0 0 10px;
	padding: 10px 0 0;
}
#sidebar h2 {
	height: 45px;
	background: transparent url(../images/rfq-top.gif) no-repeat left top;
	padding: 10px 0 0 10px;
	margin: 0;
}
#sidebar p {
	font-size: 1.4em;
	color: #666;
	margin: 0;
	padding: 3px 10px 10px;
	background: transparent url(../images/rfq-middle.gif) repeat-y left top; 
}
#rfqWrapper {
	background: transparent url(../images/rfq-bottom.gif) no-repeat left bottom;
	padding: 0 0 9px;
}
#sidebar form {
	margin: 0;
	background: transparent url(../images/rfq-middle.gif) repeat-y left top; 
}
#sidebar fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#sidebar input, #sidebar textarea {
	border: 1px solid #cdcdcd;
	width: 160px;
}
#sidebar ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar li {
	padding: 0 0 0 10px;
	margin-bottom: 10px;
}
#sidebar li.last {
	margin-bottom: 0;
}
#sidebar label {
	font-size: 1.2em;
	color: #666;
	display: block;
}
#sidebar .submit {
	width: 75px;
}
.submit {
	cursor: pointer;
}

/* FOOTER   ---------------------------------------*/
#footer {
	clear: both;
	overflow: auto;
	background: #000;
	height:	50px;
	margin: 10px 0 0;
	position: relative;
	border-bottom: 10px solid #fff;
}
	#footer img {
		position: absolute;
		bottom: 4px;
		right: 14px;
	}
	#footer p {
		float: left;
		color: #fff;
		font-size: 1.0em;
		margin: 7px 0 7px 10px;
	}
	#footer p a {
		font-size: 100%;
		line-height: normal;
	}
	#footer ul {
		margin: 5px 0 0;
		padding: 0;
		list-style: none;
		float: right;
		overflow: auto;
	}
		#footer li {
			float: left;
		}
		#footer ul a {
			color: #fff;
			padding: 0 15px 0 10px;
			text-decoration: none;
			background: transparent url(../images/arrow-white.gif) no-repeat left center;
			font-size: 1em;
		}
		#footer ul a:hover {
			color: #fff200;
		}