/*
 * Project:		Advanced BioHealing
 * Date:		2009-06-03
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #808285; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; font-weight: 100; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; }
a { color: #77b800; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

* sub, * sup { font-size: 0.7em; margin: 0 0.1em; font-family: Verdana, Helvetica, Arial, sans-serif;}

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 890px; margin: 0 auto; }
 #top { position: relative; height: 100px; z-index: 200; }
  #logo { position: absolute; left: 0; top:15px; margin: 0; }
   #logo a { display: block; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10231px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #content { }
  #content .wrapper-a { padding: 15px 35px; }
 #footer { }

/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 1.6em; font-weight: 100; color: #8cc63f; margin: 0 0 10px; overflow: hidden; width: 100%; }
h2 { font-size: 1.2em; font-weight: 100; color: #5a7e92; margin: 10px 0 0; }
 h2 a { color: #5a7e92; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.2em; font-weight: 100; color: #8cc63f; margin: 0 0 0; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h1 span.a { display: inline; float: left; padding: 0 13px 0 0; margin: 0 10px 0 0; background: url(../images/heading-sep.png) 100% 0 no-repeat; font-family: Helvetica, Arial, sans-serif; font-weight: 100; }
h1 span.b { display: inline; float: left; font-weight: 100; color: #5e88a2; font-family: Helvetica, Arial, sans-serif; white-space: nowrap; }

.section-h { overflow: hidden; padding: 0 0 0 35px; height: 50px; margin: 0 0 15px; }
 .section-h h3 { float: left; height: 50px; padding: 0 0 0 9px; margin: 0; background: url(../images/section-heading.png) no-repeat; font: 100 2em/32px Helvetica, Arial, sans-serif; }
  .section-h h3 span.a { display: block; float: left; height: 32px; padding: 18px 9px 0 0; background: url(../images/section-heading.png) 100% 0 no-repeat; color: #fff; }

/* tables

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }  */

/* other */
.news-ticker { height: 1%; margin: 0 0 40px; padding: 25px 0 0; background: url(../images/news-ticker-a.png) no-repeat; text-align: center; }
 .news-ticker .ticker-wrapper { padding: 0 25px 25px; background: url(../images/news-ticker-a.png) 0 100% no-repeat; }
  .news-ticker blockquote { margin: 0; padding: 0; }
  .news-ticker p { font-size: 1.4em; color: #00264c; margin: 0 0 5px; }
  .news-ticker p.author { font-size: 1.1em; color: #a9d46f; margin: 0; }
.wrapper-a .news-ticker { background-image: url(../images/news-ticker-b.png); padding: 15px 0 0; }
 .wrapper-a .news-ticker .ticker-wrapper { background-image: url(../images/news-ticker-b.png); padding: 0 25px 15px; }

/* bios & videos */
.sections-a { }
 .sections-a .section { width: 100%; overflow: hidden; margin: 0 0 35px; }
  .sections-a .section p.visual { float: left; border: 1px solid #e2f1cf; padding: 2px; }
   .sections-a .section p.visual img { display: block; }
  .sections-a .section .desc { float: right; width: 600px; }
   .sections-a .section .desc h3 span.a { font-weight: bold; font-family: Helvetica,Arial,sans-serif;  }

 .thumbs { width: 100%; padding: 0; margin: 0 0 30px; overflow: hidden; }
  .thumbs li { position: relative; float: left; margin: 0 0 20px 10px; padding: 0; list-style: none; font-size: 1em; text-align: center; }
  .thumbs li.row { margin-left: 0; clear: left; }
   .thumbs li a { position: relative; display: block; width: 100%; color: #808285; text-decoration: none; }
   .thumbs li a:hover { text-decoration: none; }
    .thumbs li a img { display: block; border: 1px solid #e2f1cf; padding: 1px; margin: 0 0 10px; }
    .thumbs li a span { display: block; color: #8cc63f; }	  
		.thumbs li a span.matte { display: block; position: absolute; top: 2px; left: 2px; width: 206px; height: 124px; background: #000; }
		.thumbs li.active a span.matte { display: none; }
   .thumbs li ul { padding: 0 0 0 10px; margin: 5px; }
   html.js .thumbs li ul { display: none; }
    .thumbs li ul li { float: none; margin: 0 0 5px; list-style: circle; text-align: left; }
     .thumbs li ul li a { display: inline; width: auto; text-decoration: underline; }
     .thumbs li ul li a:hover { text-decoration: none; }

.bio-thumbs li { width: 117px; }
   
html.js .bios .section { display: none; }
html.js .bios .active { display: block; }

html.js .bio-thumbs li span.matte { position: absolute; z-index: 100; display: none; top:2px; left: 2px; width: 109px; height: 74px; border: 2px solid #78b800; }
html.js .bio-thumbs li.active span.matte,
html.js .bio-thumbs li:hover span.matte { display: block; cursor: pointer; }

.videos { overflow: hidden; width: 100%; }
 .videos .media { float: left; border: 1px solid #e2f1cf; padding: 2px; }
  .videos .media > * { display: block; }
 .videos .desc { position: relative; float: right; width: 325px; height: 312px; }
  .videos .desc ul.more { position: absolute; left: 0; bottom: 0; padding: 0; margin: 0; }
   .videos .desc ul.more li { list-style: none; }

.pagination { text-align: right; }
 .pagination span { position: absolute; left: -999em; }
 .pagination a { margin-left: 12px; color: #5e88a2; }
 .pagination a.active { color: #8cc63f; }
 
 .video-thumbs li { width: 210px; margin-left: 16px; }
 html.js .video-thumbs li { display: none; }

/* reference list */
.references { margin: 10px 0 20px; padding: 0 0 0 30px; }
 .references li { font-size: 1.1em; margin: 0 0 10px; padding: 0 0 0 10px; }
 
 /* subreference list */
.subreferences { margin: 10px 10px 0 20px; padding: 0 0 0 30px; }
 .subreferences li { font-size: 1.1em; margin: 0 0 10px; padding: 0 0 0 10px; }
 

/* buttons */

p.video a { display: block; width: 111px; height: 25px; background: url(../images/watch-video-button.png) no-repeat; text-indent: -999em; overflow: hidden; }   
p.download-a a { display: block; width: 199px; height: 25px; background: url(../images/download-button.png) no-repeat; text-indent: -999em; overflow: hidden; }   
p.factsheet a { display: block; width: 161px; height: 25px; background: url(../images/factsheet-button.png) no-repeat; text-indent: -999em; overflow: hidden; }   
p.startup a { display: block; width: 161px; height: 25px; background: url(../images/startup-button.png) no-repeat; text-indent: -999em; overflow: hidden; }   
p.more a { display: block; width: 130px; height: 30px; background: url(../images/learn-more.png) no-repeat; text-indent: -999em; overflow: hidden; }

/* press releases */
.press-a { width: 600px; margin: 0 0 20px; }
 .press-a p { margin: 0; }
 .press-a p.meta { color: #77b800; }
  .press-a p.meta span { margin: 0 5px; color: #808285;  }
 .press-a p.options { margin: 5px 0 0; line-height: 18px; width: 100%; overflow: hidden; }
  .press-a p.options span { position: absolute; left: -999em; }
  .press-a p.options a { float: left; color: #5a7e92; margin: 0 10px 0 0; }
   .press-a p.options img { float: left; margin: 0 5px 0 0; vertical-align: middle; }

/* testimonials */
.testimonial-a { width: 700px; overflow: hidden; margin: 0 0 10px; }
 .testimonial-a .portrait { float: left; margin: 0 10px 0 0; }
  .testimonial-a .portrait img { display: block; padding: 1px; border: 1px solid #a9d46f; }
 .testimonial-a h4 { font-size: 1.2em; color: #5a7e92; margin: 0; }
 .testimonial-a blockquote { overflow: hidden; padding: 0; }
  .testimonial-a blockquote p { margin: 0; } 

/* ELEMENTS
------------------------------------------- */

/* navigation */
#topnav { position: absolute; right: 0; top: 0; height: 18px; width: 327px; margin: 0; padding: 0; background: url(../images/header-nav.jpg) no-repeat; }
 #topnav li { float: left; width: 109px; margin: 0; padding: 0; text-align: center; list-style: none; }
  #topnav li a { color: #fff; text-transform: uppercase; }
  #topnav li a:hover { text-decoration: underline; }

#nav { position: absolute; right: 0; bottom: 17px; padding: 0; margin: 0; width: 603px; height: 41px; float: right; }
 #nav li { position: relative; float: left; width: 151px; list-style: none; }
  #nav li em { position: absolute; left: -999em; }
  #nav li a { display: block; width: 100%; height: 40px; background: url(../images/nav.png) no-repeat; text-indent: -999em; overflow: hidden; }  
  #nav li.nav-corporate a { background-position: 0 0; }
  #nav li.nav-corporate a.active { background-position: 0 -41px; }
  #nav li.nav-corporate a:hover,
  #nav li.nav-corporate a.active:hover,
  #nav li.nav-corporate:hover a.active,
  #nav li.nav-corporate:hover a { background-position: 0 -82px; }

  #nav li.nav-product a { background-position: -151px 0; }
  #nav li.nav-product a.active { background-position: -151px -41px; }
  #nav li.nav-product a:hover, 
  #nav li.nav-product a.active:hover, 
  #nav li.nav-product:hover a.active, 
  #nav li.nav-product:hover a { background-position: -151px -82px; }

 #nav li.nav-investor { width: 150px; }
  #nav li.nav-investor a { background-position: -302px 0;}
  #nav li.nav-investor a.active { background-position: -302px -41px; }
  #nav li.nav-investor a:hover,
  #nav li.nav-investor a.active:hover,
  #nav li.nav-investor:hover a.active,
  #nav li.nav-investor:hover a { background-position: -302px -82px; }
  
  #nav li.nav-press a { background-position: -453px 0;}
  #nav li.nav-press a.active { background-position: -453px -41px; }
  #nav li.nav-press a:hover,
  #nav li.nav-press a.active:hover,
  #nav li.nav-press:hover a.active,
  #nav li.nav-press:hover a { background-position: -453px -82px; }

  #nav li ul { display: none; z-index: 100; position: absolute; left: -1px; top: 40px; width: 131px; padding: 10px 12px 7px 11px; background: url(../images/dropdown.png) 0 100% no-repeat; }   
  #nav li:hover ul { display: block; }
   #nav li ul li { float: none; width: 131px; margin: 0; padding: 1px 0 0; background: url(../images/subnav-sep.png) repeat-x; }
   #nav li ul li.first { padding: 0; background: none; }
    #nav li ul li a { float: none; width: 121px; color: #86a6b9; padding: 5px; background: none; text-indent: 0; height: auto; }
    #nav li ul li a:hover { text-decoration: none; color: #8cc63f; }
  
#subnav { width: 820px; padding: 11px 35px; margin: 0 0 -10px; height: 17px; background: url(../images/secondary-nav.png) no-repeat; overflow: hidden; }
 #subnav li { height: 17px; float: left; line-height: 17px; margin: 0; padding: 0 20px 0 21px; background: url(../images/secondary-nav-separator.png) no-repeat; list-style: none; }
 #subnav li.first { background: none; padding-left: 0; }
  #subnav li a { color: #5e88a2; }
  #subnav li a:hover,
  #subnav li a.active { color: #8cc63f; text-decoration: none; }
 
/* home page */

#featured { position: relative; width: 890px; height: 375px; background: url(../images/featured.jpg) no-repeat; overflow: hidden; }
 #featured h2 { position: absolute; left: -999em; }
 #featured p { text-indent: -10001px; }
  #featured p a { position: absolute; top: 0; left: 0; display: block; width: 890px; height: 375px; overflow: hidden; text-indent: -10001px; }

#home-sections { position: relative; top: -10px; width: 100%; overflow: hidden; margin: 0 0 30px; }
 #home-sections .section-a { float: left; width: 425px; }
 #home-sections .section-b { float: right; width: 425px; }
  #home-sections .section-h { padding-left: 25px; }
  #home-sections p.visual { float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #8cc63f; }
   #home-sections p.visual img { display: block; }

/* footer  */
#breadcrumbs { margin: 0 0 25px; padding: 35px 40px 0; background: url(../images/separator-a.png) no-repeat; color: #5e88a2; }
 #breadcrumbs p span { color: #8cc63f; }
  #breadcrumbs p a { color: #5e88a2; }

 #sitemap { height: 1%; padding: 0 40px; margin: 0 0 25px; overflow: hidden; }
  #sitemap li { float: left; height: 1%; margin: 0 44px 0 0 ; list-style: none; }
   #sitemap li a { display: block; margin: 0 0 5px; white-space: nowrap; color: #5e88a2; }
    #sitemap li ul { padding: 0; }    
     #sitemap li ul li { float: none; margin: 0; } 
      #sitemap li ul li a { color: #8cc63f;  }

#footer { padding: 10px 0 0; margin: 0 0 15px; text-align: center; background: url(../images/footer-top.png) no-repeat; color: #aeb0b2; font-size: 1em; }

/* package request form */

#package-request-form { width: 318px; }
 #package-request-form p { position: relative; height: 28px; width: 318px; background: url(../images/form-field-a.png) no-repeat; margin: 0 0 5px; line-height: 28px; } 
 #package-request-form p.intro { background: none; width: auto; height: auto; line-height: 1.2em; }
 #package-request-form p.error { background: none; width: auto; height: auto; line-height: 1.2em; font-weight: bold; color: #933; }
 #package-request-form p.submit { background: none; overflow: hidden; }
 #package-request-form p.select { background: none;  padding: 0; }
  #package-request-form p.submit button { display: block; float: right; width: 102px; height: 26px; border: none; background: url(../images/submit-button.png) no-repeat; text-indent: -999em; overflow: hidden; }
  #package-request-form input { border: none; background: none; color: #fff; padding: 0 10px; width: 298px; }
  #package-request-form select { width: 318px; }
  #package-request-form label { position: absolute; left: -999em; top: 0; color: #fff; }
 html.js #package-request-form label { left: 8px; }
 html.js #package-request-form p.select label { left: -999em; display: none; }
 
#package-request-form div.locality { height: 28px; width: 318px; background: url(../images/form-field-b.png) no-repeat; overflow: hidden; margin: 0 0 5px; }
  #package-request-form div.locality p { float: left; background: none; width: auto; margin: 0; }
  #package-request-form div.locality p input { width: 113px; margin: 0 5px 0 0; } 
  #package-request-form div.locality p #f-state { width: 32px; text-align: center; } 
  #package-request-form div.locality p #f-zip { width: 102px; margin: 0; }
  
#package-request-form p.textarea { height: 58px; background: url(../images/form-field-c.png) no-repeat; }
 #package-request-form p.textarea textarea { background: none; border: none; color: #fff; padding: 7px; width: 304px; height: 44px; line-height: 1; resize: none; overflow: auto; }


 #recaptcha_table input { color: #000; }
.job-title { font-size: 1.2em; color: #8DC640; }
.job-title2 { color: #808285; font-size: 1.2em; }

/* Recaptcha */
#recaptcha-wrap { width: 302px; padding: 8px; margin: 0 0 5px; background: #75b843; overflow: hidden; }
 #recaptcha_image { margin: 0 0 8px; border: 1px solid #5b7e91; width: 300px; height: 57px; background: #fff; }
 #recaptcha_widget { float: left; width: 201px; }
  #recaptcha-wrap #recaptcha_widget p { position: relative; width: 195px; padding: 5px; height: 13px;  background: url(../images/recaptcha-field.png) no-repeat; line-height: 1; }
   #recaptcha-wrap #recaptcha_widget p label { position: absolute; left: 6px; top: 6px; }
   #recaptcha-wrap #recaptcha_widget p input { background: none; border-width: 0px; padding: 0; width: 195px; }
  #recaptcha_widget ul { width: 100%; overflow: hidden; padding: 0; margin: 0; list-style: none; }
   #recaptcha_widget ul li { float: left; }
    #recaptcha_widget ul li a { float: left; display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden;  }
   #recaptcha_widget ul li.reload { width: 56px; height: 16px; margin: 0 20px 0 0; }
    #recaptcha_widget ul li.reload a { background-image: url(../images/recaptcha-reload.png); }
   #recaptcha_widget ul li.listen { width: 59px; height: 19px; }
   .recaptcha_only_if_audio ul li.listen { display: none; }
    #recaptcha_widget ul li.listen a { background-image: url(../images/recaptcha-listen.png); }
   #recaptcha_widget ul li.help { float: right; margin: 0; width: 47px; height: 19px; }
    #recaptcha_widget ul li.help a { background-image: url(../images/recaptcha-help.png); }
   #recaptcha_widget ul li.type { width: 47px; height: 18px; }
   .recaptcha_only_if_image ul li.type { display: none; }
    #recaptcha_widget ul li.type a { background-image: url(../images/recaptcha-type.png); }
 #recaptcha-wrap p.copyright { float: right; background: none; width: auto; height: auto; margin: 0; }