body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #c0c0c0;
}
.mainwrap {
	width: 855px;
	float:left;
	background-color: #FFFFFF;
	position:absolute;
	left: 50%;
margin-left: -427px;
}
.homespacer {
margin: 20px 0px 0px 0px;
}
/* CSS for changing circles - Home others */
.masthead, .masthead2, .masthead3, .masthead8, .masthead9, .masthead9, .masthead124, .masthead11, .masthead10, .masthead43{
	height:112px;
	background-image: url(images/masthead.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
	visibility:hidden;display: none;
}
.maincontent, .maincontent2, .maincontent3, .maincontent8, .maincontent9, .maincontent124, .maincontent11, .maincontent10, .maincontent43 {
border-left: solid #e1e1e1 26px;
border-right: solid #e1e1e1 26px;
width: 803px;
padding-top:16px;
background-image: url(images/bottomcircle1.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
/* CSS for changing circles - Safety */
.masthead7 {
	height:112px;
	background-image: url(images/masthead_hair_green.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.maincontent7 {
border-left: solid #e1e1e1 26px;
border-right: solid #e1e1e1 26px;
width: 803px;
padding-top:16px;
background-image: url(images/bottomcircle2.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
/* CSS for changing circles - Research Development */
.masthead5 {
	height:112px;
	background-image: url(images/masthead_hair_orange.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.maincontent5 {
border-left: solid #e1e1e1 26px;
border-right: solid #e1e1e1 26px;
width: 803px;
padding-top:16px;
background-image: url(images/bottomcircle3.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
/* CSS for changing circles - Product Information */
.masthead6 {
	height:112px;
	background-image: url(images/masthead_one.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.maincontent6 {
border-left: solid #e1e1e1 26px;
border-right: solid #e1e1e1 26px;
width: 803px;
padding-top:16px;
background-image: url(images/bottomcircle4.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
/* CSS for changing top circles - Scientific Connections */
.masthead4 {
	height:112px;
	background-image: url(images/masthead_skin_pink.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.maincontent4 {
border-left: solid #e1e1e1 26px;
border-right: solid #e1e1e1 26px;
width: 803px;
padding-top:16px;
background-image: url(images/bottomcircle5.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#breadcrumbs {
font-size: 11px;
margin: 0;
padding: 0 0 5px 0;
}
#breadcrumbs a{
color:#84acda;
}
#feature {
font-family: arial, sans-serif;
width: 600px;
height:163px;
	position:relative;
	color:#666;
	font-size: 12px;
line-height:20px;
	margin: 0 0 10px 0;
	padding: 0;
border: solid #dedddd 1px;
}
#feature p{
	margin: 25px 25px 0px 160px;
	padding: 0;
		font-size: 12px;
line-height:20px;
}
.content{
	font-family: arial, sans-serif;
	position:relative;
	color:#666;
	font-size: 12px;
	line-height:20px;
	margin: 0px 0px 70px 0px;
	padding: 0px 14px 0px 14px;
	width:590px;
	float:left;
}
address {
	font-size: 9px;
	line-height:14px;
	font-style:normal;
	margin-left: 20px;
	}
.contentsub{
	font-family: arial, sans-serif;
	position:relative;
	color:#666;
	font-size: 12px;
	line-height:20px;
	margin: 0px 0px 70px 0px;
	padding: 0px 10px 0px 24px;
	width:590px;
	float:left;
}

.contentleft{
	font-family: arial, sans-serif;
	position:relative;
	color:#666;
	font-size:12px;
	line-height:20px;
	margin: 5px 0px 0px 0px;
	padding: 5px 14px 0px 14px;
	width:267px;
	float:left;
	border-right:solid #a9b2b8 1px;
}
.contentleftsub{
	font-family: arial, sans-serif;
	position:relative;
	color:#666;
	font-size:12px;
	line-height:20px;
	margin: 5px 0px 0px 0px;
	padding: 5px 20px 0px 0px;
	width:255px;
	float:left;
	border-right:solid #a9b2b8 1px;
}
.contentright{
	float:right;
	font-family: arial, sans-serif;
	position:relative;
	color:#666;
	font-size:12px;
	line-height:20px;
	margin: 5px 0px 0px 0px;
	padding: 5px 20px 0px 25px;
	width:262px;
}

.contentleftsubwcd{
	font-family: arial, sans-serif;
	position:relative;
	color:#666;
	font-size:12px;
	line-height:20px;
	margin: 5px 0px 0px 0px;
	padding: 5px 20px 0px 0px;
	width:367px;
	float:left;
	border-right:solid #a9b2b8 1px;
}
.contentrightwcd{
	float:right;
	font-family: arial, sans-serif;
	position:relative;
	color:#666;
	font-size:12px;
	line-height:20px;
	margin: 5px 0px 0px 0px;
	padding: 5px 20px 0px 25px;
	width:150px;
}
.contentleft a, .contentright a, .content a, .contentleftsub a, .contentsub a{
	color:#e47f1b;
	text-decoration: underline;	
	padding: 0px;
}
.contentleft a:hover, .contentright a:hover, .content a:hover, .contentleftsub a:hover, .contentsub a:hover{
	color:#eb9540;
	text-decoration: underline;	
	padding: 0px;
}

p, .content p, .contentleft p, .contentright p, .contentleftsub p, .contentsub p{
	font-family: arial, sans-serif;
	color:#666;
	font-size:12px;
	line-height:20px;
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

h1, .content h1, .contentleft h1, .contentright h1, .contentleftsub h1, .contentsub h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00648e;
	font-size:18px;
	line-height:18px;
	margin: 0px;
	padding: 8px 0px 4px 0px;
	font-weight: bold;
text-transform: uppercase;
}
h2, .content h2, .contentleft h2, .contentright h2, .contentleftsub h2, .contentsub h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0078aa;
	font-size:16px;
	line-height:18px;
	margin: 0px;
	padding: 8px 0px 4px 0px;
	font-weight: bold;
text-transform: uppercase;
}

.content h3, .contentleft h3, .contentright h3, .contentleftsub h3, .contentsub h3{
	font-family: arial, sans-serif;
	color:#666;
	font-size:12px;
	line-height:20px;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	font-weight: bold;
}
.content h3.pagetitle, h3.pagetitle{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#005579;
	font-size:24px;
	line-height:24px;
	margin: 0px;
	padding: 23px 0px 10px 0px;
	font-weight: bold;
text-transform: uppercase;
}
.content h4, .contentsub h4{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#aeadad;
	font-size:12px;
	line-height:20px;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	font-weight: bold;
text-transform: uppercase;
}

.footercontent {
	background-color: #abc3e5;
	padding: 10px 35px 10px 35px;
	font-family: arial, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.footercontent a{
	margin: 0px 3px 0px 3px;
	font-family: arial, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: underline;
}
.footercontent a:hover{
	text-decoration: underline;
}
.footerbottom {
	background-color: #dae9f7;

	height:25px;
}
.leftmain {
float:left;
width:163px;
padding: 0;
margin: 0 0 70px 0;
}
.rightmain {
float:right;
width:615px;
padding: 0px 10px 0px 10px;
}
.media-form {
width:130px;
margin: 0px 0px 5px 0px;
padding: 0px;
}
.button {
margin: 0 0 0 10px;
width:161px;
height: 75px;
display: block;
}
.buttonlink {
font-family: Trebuchet MS, arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 11px;
text-transform: uppercase;
margin: 0;
padding: 28px 34px 0 17px;
color:#767676;
text-decoration: underline;
text-align:left;
display:block;
}
.buttonlink:hover {
color:#8e8e8e;
text-decoration:none;
}
.quicklinks {
	margin-top: 10px;
	padding: 15px;
	width:133px;
	border-top:solid #a9b2b8 1px;
	border-right:solid #a9b2b8 1px;
}
.quicklinks p{
	font-family: arial, sans-serif;
	color:#666;
	font-size:11px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width:133px;
}
.quicklinks p.qspace {
margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}
.quicklinks a{
	color:#e47f1b;
	text-decoration: underline;	
	padding: 0px;
}
.quicklinks a:hover{
	color:#eb9540;
	text-decoration: underline;	
	padding: 0px;
}
.rightcolumn {
padding:0px; margin:0 0 80px 20px; float:right; width:160px;
}
.subbuttons {
float:right;
width:40px;
margin:0px;
padding:15px 0px 5px 20px;
}
.bookmarks {
float:right;
margin:0px;
padding:25px 0px 25px 20px;
}
.stheading { 
font-family: arial, sans-serif;
font-size:12px;
font-weight: bold;
text-transform: uppercase;
margin:0px;
padding: 0px 0px 13px 0px;
color:#005579;
}
.subtopics { 
	font-family: arial, sans-serif;
	position:relative;
	font-size:11px;
	margin:0px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0px 0px 0px;
	line-height: 13px;
}
.subtopics ul {padding:0px; width:160px; margin:0px; display:block; list-style-type: none; text-align:left; }
.subtopics ul li {
	margin:0px;
	padding: 4px 0 4px 0px;
	position:relative;
	text-align:left;
}
.subtopics ul li.last {
}
.subtopics ul li a{
	color:#0078aa;
	text-decoration: underline;
}
.subtopics ul li a:hover{
color:#83acda;
	text-decoration: underline;
}
.sidemenu {
	font-family: arial, sans-serif;
	font-size:11px;
	margin:0 0 10px 0;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0px 0px 0px;
	background-color:#f0f0f0;
}
.sidemenu ul {
padding:0; 
width:148px; 
margin:0; 
display:block; 
list-style-type:none; 
text-align:left; 
background-color:#f0f0f0;
}
.sidemenu ul li {
	margin:0px;
	padding: 7px 0 7px 15px;
	text-align:left;
	width:148px;
	border-bottom: solid #fff 1px;
background-color:#f0f0f0;
	background-image: url(images/sidenav-back.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.sidemenu ul li.last {
	border-bottom: solid #f0f0f0 1px;
}
.sidemenu ul li a{
	color:#666;
	text-decoration: underline;
	background-color:#f0f0f0;
}
.sidemenu ul li a:hover{
	color:#8f8f8f;
	text-decoration: underline;
}
.medialogin {
	margin-top: 10px;
	padding: 15px;
	width:133px;
	background-color:#edf5de;
}
.medialogin p{
	font-family: arial, sans-serif;
	color:#666;
	font-size:11px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	padding: 0px;
	width:133px;
}
.medialogin a{
	font-family: arial, sans-serif;
	color:#e47f1b;
	font-size:11px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	padding: 0px;
	width:133px;
text-decoration:none;
}
.medialogin a:hover{
	font-family: arial, sans-serif;
	color:#e47f1b;
	font-size:11px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	padding: 0px;
	width:133px;
text-decoration:underline;
}
.logcaps{
	font-family: arial, sans-serif;
	color:#666;
	font-size:11px;
	margin: 4px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	width:133px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.ntop{
	height: 35px;
	background-color: #0078aa;
	padding:0 0 0 22px;
	text-align: center;
	width: 833px;
	visibility:hidden;display: none;
}
.glossary{
margin:0px;
padding: 5px;
}
.glossaryterm{
font-family: arial, sans-serif;
	font-size:12px;
	margin:0px;
padding:0;
	font-weight: bold;
	text-transform: uppercase;
}
.glossarycontent{
	margin:0;
padding:0 0 0 0;
border-bottom: solid 1px #ccc;
}

#popup span{display:none;}
#popup:hover span {
display:block;
position:relative;
border: solid #e1e1e1 1px;
padding: 10px;
background-color:#fff;
font-family: arial, sans-serif;
font-size:11px;
line-height: 14px;
z-index:500;
color:#ccc;
text-decoration:none;
}
.search{
float:right;
width:185px;
height:22px;
}
#searchmargin{
width:140px;
float:left;
margin:8px 4px 0 0;
padding:0;
}
#ajaxSearch_form{
height:22px;
width:185px;
background-color: #0078aa;
}
#ajaxSearch_input{
width:140px;
font-family: arial, sans-serif;
font-size:10px;
color:#333;
}
#ajaxSearch_submit{
margin-top: 7px;
padding:0;
}
/* menu */
.menu {
	font-family: arial, sans-serif;
	position:relative;
	font-size:11px;
	margin:0px;
	z-index:100;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	height:35px;
	text-align: center;
	background-repeat: no-repeat;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#fff;
	padding: 0px 18px 0px 15px;
	text-align:center;
	font-size:11px;
	list-style-type: none;
	margin:0px;
		background-image: url(images/backnav.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.menu ul {padding:0px; margin:0; list-style-type: none; text-align:center;}
.menu ul li {
	float:left;
	margin:0px;
	position:relative;
	line-height: 35px;
	text-align:center;
}
.menu ul li.last hide {
	float:left;
	margin:0px;
	position:relative;
	line-height: 35px;
	text-align:center;
			background-image: url(images/backnav2.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.menu ul li ul {display: none;}
.menu ul li.active {
	background-position: top center;
	background-repeat: no-repeat;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#d9ebf2;}
.menu ul li:hover ul {display:block; position:absolute; top:35px; left:10px; width:170px; z-index:200;}
.menu ul li:hover ul li a {
	display:block;
	background:#d9ebf2;
	color:#0078aa;
	line-height: 11px;
	padding: 6px 8px 4px 6px;
	text-align: left;
	width:170px;
	border-bottom: solid #0078aa 1px;
}
.menu ul li:hover ul li a:hover {background:#0078aa; color:#FFF; line-height: 11px; padding: 6px 8px 4px 6px;}
.menu ul li:hover ul li a.hide {background:#0078aa; color:#FFF; line-height: 11px; padding: 4px 8px 4px 8px;}
.menu ul li:hover ul li:hover a.hide {background:#0078aa; color:#FFF;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:85px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
	line-height: 16px;
    z-index:1000;
    text-decoration:none;
	margin:0;
	padding:0;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:1100; color: #fff; }
a.tt:hover span.tooltip{
    display: block;
    position:absolute;
    top:-42px; 
	left:65px;
	margin:0;
	padding: 0;
	width: 161px;
	height: 181px;
    text-align: left; 
	background: url("/images/popup1.png") no-repeat top;
}

a.tt:hover span.top{
	display: block;
	margin:0;
	padding: 4px 16px 0 28px;
	color: #000;
	font-size:11px;
	font-weight:bold;
    
}

a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	margin:0;
	padding: 10px 16px 0 30px; 
	line-height: 16px;
color: #000;
}

a.tt:hover span.bottom{
	display: block;
		margin:0;
	padding: 2px 16px 0 30px; 
	color: #548912;
}