@charset "utf-8";
/* CSS Document */
/* Colors:
DK blue: 4F8398
Lt blue: A8BCC0
Text: 333
Box line: B3B3B3
Lt Green B5D3A1
Dk green #86B995;
*/
img, div, a, a:hover { behavior: url(/code/iepngfix.php) }
/* basic elements */
html {
	margin: 0;
	padding: 0;
	/*background: url(/images/bg_grad.gif) repeat-x bottom left;*/
	}
/*body { 
	font: 70% Verdana, sans-serif;
	line-height: 1.6;
	color: #333; 
	margin: 0; 
	padding: 0;
	}*/
body {
color:#333333;
font-family:Verdana,sans-serif;
font-size:70%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6;
	margin: 0; 
	padding: 0;
}
	
p { 
	margin-top: 0; 
	text-align: justify;
	}
h1 {
	font: normal 3em Verdana, sans-serif;
	color: #E45C43;
	margin: 0;
	
}
/*h2 { 
	font: normal 1.6em Verdana, sans-serif; 
	margin-top: 0;
	margin-bottom: .5em;
	color: #4F8398;
	}*/
h2 {
-x-system-font:none;
color:#4F8398;
font-family:Verdana,sans-serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:0.5em;
margin-top:0;
position:relative;
}
	
h3 { 
	font: normal 1.3em Verdana, sans-serif;
	margin-bottom: 0; 
	color: #86B995;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #4F8398;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #4F8398;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #4F8398;
	}
img, a img {
	border:0;
}

#content_box li {
	font: bold 1em Verdana, sans-serif;
	color: #86B995;
	margin-bottom:6px;
}


sup {
    font-size:0.5em;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
   bottom:1em;
}

/*sup {
font-size: .5em;
margin-bottom:5px;
}*/

p sup {
font-size: .8em;
margin-bottom:0px;
}

/*********************** 

Specific tags, all pages 

**********************/



#logo {
position:absolute;
top:50px; left:50px;
}

#content_box {
background: url(/images/box_grad.png) repeat-x top center;
border: #CCC 1px solid;
border-bottom: 0px;
float:right;
width:350px;
margin: 25px 5px 40px 0;
padding: 10px;
clear:none;
}
.left_round {
background: url(/images/left_round.gif) no-repeat top left;
height: 10px;
width: 10px;
float:left;
margin: -11px 0 0 -11px;
}
.right_round {
background: url(/images/right_round.gif) no-repeat top right;
height: 10px;
width: 11px;
float:right;
margin: -11px -11px 0 0;
}

#disclaimer { /*Hide the footer disclaimer, unless turned on below on specific pages */
display:none;
visibility:hidden;
}

/* 
Main Navigation 
*/
ul#main_nav {
position:absolute;
top: 52px; left: 400px;
width: 550px;
margin: 0;
padding: 0;
}
ul#main_nav li {
display:inline;
font: normal 37px Arial;
float:right;
margin: 0;
padding: 0;
}
/* Individual Tabs */
ul#main_nav li#about a img {
width:81px;
height:37px;
}
ul#main_nav li#about a {
background: url(/images/tab_about.png) no-repeat top center;
}
ul#main_nav li#about a:hover {
background: url(/images/tab_about_on.png) no-repeat top center;
}
ul#main_nav li#product a img {
width:107px;
height:37px;
}
ul#main_nav li#product a {
background: url(/images/tab_product.png) no-repeat top center;
}
ul#main_nav li#product a:hover {
background: url(/images/tab_product_on.png) no-repeat top center;
}
ul#main_nav li#development a img {
width:109px;
height:37px;
}
ul#main_nav li#development a {
background: url(/images/tab_development.png) no-repeat top center;
}
ul#main_nav li#development a:hover {
background: url(/images/tab_development_on.png) no-repeat top center;
}
ul#main_nav li#contact a img {
width:93px;
height:37px;
}
ul#main_nav li#contact a {
background: url(/images/tab_contact.png) no-repeat top center;
}
ul#main_nav li#contact a:hover {
background: url(/images/tab_contact_on.png) no-repeat top center;
}

/* Bottom Navigation */
ul#bottom_nav {
position:absolute;
bottom: 0px;
margin: 25px 0 0 50px;
padding:0;
clear:both;
}
ul#bottom_nav li {
display:inline;
margin-left: 0;
padding: 0 10px 0 10px;
border-left: 1px solid #A8BCC0;
}
ul#bottom_nav li.first {
display:inline;
border-left: none;
padding-left: 0;
}
ul#bottom_nav li.fine_print, address {
display: block;
clear:both;
font-size:9px;
letter-spacing:-1px;
color: #999999;
border-left: none;
padding-left: 0;
font-style:normal;
}
ul#bottom_nav li a {
color:#A8BCC0;
font-weight:normal;
}
ul#bottom_nav li a:hover {
color:#333;
}

/* Top Product Sub-Navigation */

ul#product_subnav {
position:absolute;
top:88px;
left: 570px;
margin:0;
padding:0;
clear:both;
}
ul#product_subnav li {
display:inline;
margin-left: -5px;
}
ul#product_subnav li.first {
display:inline;
margin-left: 0px;
margin-bottom: 10px;
}

/* Product Sub Sub Menu */
#product_sub_subnav {
list-style:none;
text-align:right;
float: right;
margin: 25px 10px 0 0;
clear:none;
}

li.thisPage {
color:#4f8398;
text-decoration:underline;
font-weight: bold;
}

#action_bar {
float:left;
width: 445px;
margin-top: 50px;
background-color: #B5D3A1;
padding: 5px 5px 5px 50px;
display:none;
}

#page_headline {
display:block;
margin-top: 140px;
margin-left: 50px;
}

#container {
width: 950px;
height:600px;
/*border: 1px solid #CCCCCC;*/
}

#content_container {
position: absolute;
width: 950px;
padding:0;
z-index:2;
min-height:400px;
height:auto !important; /*Min-height fix for IE6*/
height:400px;
}

#graphic_area {
position: absolute;
width: 450px;
padding:0;
margin: 10px 0 0 50px;
z-index:1;
}


/********************************** 
		
		Home page only styles 

***********************************/

#main_image {
height: 650px;
width: 950px;
position:absolute;
top: 0px; left: 0px;
z-index: 1;
}
#main_image img {
position:absolute;
top:0px;
left:0px;
z-index:-1;
}
#main_image #current_rotation_image {
z-index:1;
}



/* Product Rollovers  */
ul#product_rollover {
margin:0;
padding:0;
clear:both;
}
ul#product_rollover li {
display:inline;
margin-left: -5px;
}
ul#product_rollover li.first {
display:inline;
margin-left: 0px;
margin-bottom: 10px;
}
ul#product_rollover li.first img {
margin-bottom: 20px;
}

#main_news {
position: absolute;
display: block;
/*width: 400px; Changed when login box is removed*/
width: 420px;
height: 125px;
top: 475px;
left:0px;
padding-left:50px;
}
#login {
position: absolute;
display: block;
width: 450px;
height: 125px;
top: 475px;
left: 450px;
padding-left:50px;
}

#login * {
margin:0;
padding:0;
}
#login input[type="text"] {
margin: 0;
width: 150px;
}
#login input[type="image"] {
width: 44px;
margin-left: -70px;
margin-top: 0px;
padding:0;
}
#login p {
float:left;
clear:left;
width: 230px;
margin: 0;
padding: 0px 0 3px 80px;
}
#login label {
float: left;
margin-left: -80px;
width: 75px;
}
#login p#login_error span {
background:none;
height: auto;
padding:0;
margin:0;
color: #E45C43;
font-weight:bold;
}

#main_news div.bar, #login div {
display:block;
background-color:#B5D3A1;
height:18px;
padding: 1px 0px 3px 5px;
margin-bottom: 5px;
margin-left: -50px;
}

#main_news div.bar img, #login div img {
margin: 5px 0 0px 40px;
}
#main_news div.bar ul, #main_news div ul li {
font-size:12px;
color: #4F8398;
height:17px;
display:inline;
margin: 0 0 5px 5px;
padding: 0 5px 5px 5px;
line-height:17px;
font-weight:bold;
}

#panes {
text-align: justify;
border-style: none;
width: 400px;
margin: 0 1em 0 1em;
		}
		
#panes div div { overflow: hidden; }
#main_image_overlay {
position:absolute;
top: 322px; left: 500px;
z-index: 5;
}

fieldset.contact {
border:0;
}
legend {
display:none;
}

/***************************

PAGE SPECIFIC STYLES
the URL phrase path output in the class of the body,
so to specify a style of only a certain page, nest it under the url phrase / body class

****************************/
/*	Home Page	:: home  Overrides in here only*/
.home * {
z-index:2;
}
.home #content_box {
width:400px;
position:absolute;
top:135px;
left:50px;
padding: 10px;
margin:0;
}

.home ul#bottom_nav {
top: 600px;
left: 50px;
margin: 0;
}
.home #page_headline {
position:absolute;
top: 135px;
left: 500px;
margin:0;
}

/*	Product Pages	::	products2	*/
.products2 ul#main_nav li#product a, .products ul#main_nav li#product a {
background: url(/images/tab_product_on.png);}

/*	Main Product Page	::	products	*/
.products ul#product_subnav, 
.products ul#product_sub_subnav, 
.products #content_box, 
.products ul#bottom_nav li#products
{ visibility:hidden; display:none; }
.products #action_bar {
display: block;
width: 800px;
margin-top: 300px;
}
.products #graphic_area {
z-index:3; }
.products #disclaimer, .mtm3 #disclaimer {
display:block; visibility:visible;}
/*	Biomaterials Page :: future_dev	*/
.future_dev ul#product_sub_subnav
{ visibility:hidden; display:none; }
.future_dev #content_box
{ width: 500px; }
/* Clinicals Pages :: clinicals */
.clinicals #graphic_area {
width: 475px; height: 300px;
margin-left:25px; z-index:2;
}
.clinicals #graphic_area a img {
float:left;
}

/*	About Us Home Page	::	about	*/
.about ul#main_nav li#about a {
background: url(/images/tab_about_on.png);}
.about ul#product_subnav, 
.about ul#bottom_nav li#about
{ visibility:hidden; display:none;}
/*	About Us Sub Pages	::	about2	*/
.about2 ul#main_nav li#about a {
background: url(/images/tab_about_on.png);}
.about2 ul#product_subnav
{ visibility:hidden; display:none;}

/*Investors Page	:: investors */
.investors #content_box {
width:550px;
}
/* News Page :: news */
.news #graphic_area {
z-index:3;
margin-top:25px;
width:400px; }
/*.news #bottom_nav {
right:0px;
}*/
.news ul#bottom_nav {
top: 300px;
left: 50px;
margin: 0;
}
/* Management Pages :: management */
.management ul#product_sub_subnav li,
.management3 ul#product_sub_subnav li 
{ margin-bottom: 10px; }

/*	Development Process Main Page	::	development	*/
.development ul#main_nav li#development a {
background: url(/images/tab_development_on.png);}
.development ul#product_subnav,
.development ul#product_sub_subnav,
.development ul#bottom_nav li#development
{ visibility:hidden; display:none;}
.development #content_box {
width:415px;
}
.development #action_bar 
{ display:block; visibility:visible; margin-top:300px; }
/*	Development Process Sub Pages	::	development2	*/
.development2 ul#main_nav li#development a {
background: url(/images/tab_development_on.png);}
.development2 ul#product_subnav,
.development2 ul#product_sub_subnav
{ visibility:hidden; display:none;}


/*	Contact Us Main Page	::	contact	*/
.contact ul#main_nav li#contact a {
background: url(/images/tab_contact_on.png);}
.contact ul#product_subnav,
.contact ul#product_sub_subnav,
.contact ul#bottom_nav li#contact
{ visibility:hidden; display:none;}

.contact #graphic_area {
z-index:3;
}
/*	Contact Us Sub Pages	::	contact2	*/
.contact2 ul#main_nav li#contact a {
background: url(/images/tab_contact_on.png);}
.contact2 ul#product_subnav,
.contact2 ul#product_sub_subnav
{ visibility:hidden; display:none;}