/* ===============================================
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;
        clear:both;
}
#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;
		}

































/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}






#socialBar {width: 55px; list-style: none; overflow:hidden; padding:0px; margin:0px;}
#socialBar li {padding: 0; margin: 0; float: left; width: 16px; margin-right: 2px;}
#socialBar li a {display: block; background-image: url(../images/social/socialtoolbar.png);background-repeat: no-repeat; height: 16px;}
#socialBar li a.emailButton {background-position:0px 0px;}
#socialBar li a:hover.emailButton {background-position:0px -16px;}
#socialBar li a.printButton  {background-position:-19px 0px;}
#socialBar li a:hover.printButton  {background-position:-19px -16px;}
#socialBar li a.twitterButton {background-position:-38px 0px;}
#socialBar li a:hover.twitterButton {background-position:-38px -16px;}	
.socialLineOne {margin-bottom: 5px; overflow:hidden;}
.social-bar-container {width: 130px; padding: 0; overflow:hidden; margin-left:0px; margin-top:0px;}

p.contact-callout {
        border: 1px solid #b0b0b0;
        clear: both;
        color: #393939;  
        font-size: 12px;  
        font-weight: 700;
        line-height: 1.2;
        padding: 0.5em;
        text-align: center;
        width: 80%;
        margin: 15px 20px 10px;
        display: block;
        float: center;
}
        p.contact-callout a.emphasis {
               color: #000;
               display: block;
               text-decoration: underline;
               text-transform: uppercase;
        }