/* Site: WellSpring Pharmaceutical Date: 09/11/2009 Author: Larry Chartier Description: Core CSS File Additional CSS Files: 1.SpryMenuBarHorizontal.css 2.SpryTooltip.css 3. WEB COLORS USED FOR THIS SITE --------------------------------------------------------------------- #005a9c Blue Used for: Links, Titles, etc. #000000 Color Used for: #000000 Color Used for: #000000 Color Used for: #000000 Color Used for: #000000 Color Used for: #000000 Color Used for: NOTES: --------------------------------------------------------------------- IE6 & IE7 Fixes are in this document. CSS Will not validate due to fixes & Spry CSS files. */ /* --------------------------- BASE REMOVALS --------------------------- */ :link, :visited { text-decoration: none } ul,ol { list-style: none } h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0; font-weight: normal;} a img, :link img, :visited img { border: none } address { font-style: normal } a, a:link, a:visited, a:hover, a:active { outline: 0; } * {outline: 0;} div.noFlash {padding-top: 100px;text-align:center;} div.noFlash h1 {font-size: 24px; color:#113c83;} div.noFlash h1 span {padding: 3px 10px;background-color:#84ad34;color:white;} div.noFlash p {padding: 15px 0 4px 0;} div.noFlash a {color: #666;} div.noFlash a b {color: #333;} /* --------------------------- GLOBAL STYLES --------------------------- */ body { font-family: Verdana, Sans-serif; font-size: 12px; color: #666666; background: #f9f8ef; border-top: #91b3cd 4px solid; } h1 {font-size: 21px;} h2 {font-size: 16px;} h3 {font-size: 14px;font-weight: bold;} h4 {font-size: 12px;font-weight: bold;} p {line-height: 16px;} div.wrapper {width: 960px;margin: 0 auto;} br.clear,div.clear {clear: both;height:0;margin: 0;padding: 0;} /* --------------------------- HEADER --------------------------- */ div#topbar {background: url(blue-banner.gif) repeat-x;height: 144px;width: 100%;} /* height was 149 */ div#topbar h1.logo {float: left;padding: 35px 0 0 40px;margin: 0;} div#topbar h1.logo a {background: url(wellspring-logo.gif) no-repeat;width: 177px;height: 66px;display: block;text-indent: -9999px;} div#topnav {float: right;width: 700px;display: inline;height: 37px;} div#topnav img.divider {float: right;} div#topnav a {float: right;display: inline;display: block;text-indent: -99999px;height: 37px;padding: 0;} div#topnav a.about {background: url(about-us.gif) no-repeat;width: 62px;} div#topnav a.about:hover {background: url(about-us-r.gif) no-repeat #004476;} div#topnav a.aboutActive {background: url(about-us-r.gif) no-repeat;width: 62px;} div#topnav a.keypeople {background: url(key-people.gif) no-repeat;width: 71px;} div#topnav a.keypeople:hover {background: url(key-people-r.gif) no-repeat #004476;} div#topnav a.keypeopleActive {background: url(key-people-r.gif) no-repeat;width: 71px;} div#topnav a.careers {background: url(careers.gif) no-repeat;width: 53px;} div#topnav a.careers:hover {background: url(careers-r.gif) no-repeat #004476;} div#topnav a.careersActive {background: url(careers-r.gif) no-repeat;width: 53px;} div#topnav a.contact {background: url(contact.gif) no-repeat;width: 54px;} div#topnav a.contact:hover {background: url(contact-r.gif) no-repeat #004476;} div#topnav a.contactActive {background: url(contact-r.gif) no-repeat;width: 54px;} div#topnav a.news {background: url(news-events.gif) no-repeat;width: 91px;} div#topnav a.news:hover {background: url(news-events-r.gif) no-repeat #004476;} div#topnav a.newsActive {background: url(news-events-r.gif) no-repeat;width: 91px;} div#topnav a.downloads {background: url(downloads.gif) no-repeat;width: 71px;} div#topnav a.downloads:hover {background: url(downloads-r.gif) no-repeat #004476;} div#topnav a.downloadsActive {background: url(downloads-r.gif) no-repeat;width: 71px;} div#topnav div#time {width: 187px;height: 30px;float: right;display: inline;background: url(clock-time-bg.gif) no-repeat;padding: 7px 20px 0 20px;margin-left:10px;} div#topnav div#time p {font-size: 11px;color: white;margin: 0;} div#topnav div#time p.time {float:left;background: url(clock-icon.gif) 0 4px no-repeat;padding: 0 0 0 15px;} div#topnav div#time p.date {float: right;display: inline;text-align: right;*width:120px;} /* Width is an IE 6 & 7 Fix */ div.tagline {float:left; width:405px;height:20px;margin: 47px 0 0 5px;background:url('bg-headerTag.png') no-repeat;text-indent:-9999px;} h3#tagline{ border-bottom:0.5px solid #A0A0FF; border-top:0.5px solid #A0A0FF; color:#F0F0FF; display:inline; position:relative; top:48px; left:32px; font-weight: bold; font-size: 11px; font-family:"Times New Roman", Serif; } div.tagline_right {float:right;position:relative;border:none;top:0px;right:50px;} div#greenbar {background: url(nav-bar-bg.gif) repeat-x;height: 21px;width: 100%;} /* --------------------------- NAVIGATION --------------------------- */ /* See SpryMenuBarHorizontal.css */ div#topbar div#navigate {height: 27px;width: 920px;padding: 10px 20px 0 20px;margin: 0;} /* padding was 21 20 0 20 top right bottom left */ div#topbar div#navigate a {float: left;display: block;} /* --------------------------- CONTENT --------------------------- */ /* ------ Home Page ------ */ div#focal {border-bottom: 1px solid #dbd9ca;width: 100%;background: url(focal-bg.gif) repeat-x;} div#focal div.shadows {background: url(focal-shadows.jpg) no-repeat;height: 274px;overflow: hidden;} /* This is attached to wrapper */ div#focal div#f-left {float: left;width: 620px;padding: 39px 0 0 40px;} div#focal div#f-left h1.welcome {text-indent: -9999px;display: block;background: url(h1-welcome-wellspring.gif) no-repeat;width: 580px;height: 43px;margin-bottom: 10px;} div#focal div#f-left p {font-size: 13px;color: #666;line-height: 17px;margin-bottom: 7px;} div#focal div#f-left p.blue {color:#005a9c;font-size: 15px;line-height: 22px;} div#focal div#f-left a.button {display: block;text-indent: -9999px;float: left;width: 191px;height: 34px;margin: 15px 10px 0 0;} div#focal div#f-left a.clinical {background: url(clinical-supplies.gif) no-repeat;} div#focal div#f-left a.clinical:hover {background: url(clinical-supplies-r.gif) no-repeat;} div#focal div#f-left a.investigational {background: url(investigational-products.gif) no-repeat;} div#focal div#f-left a.investigational:hover {background: url(investigational-products-r.gif) no-repeat;} div#focal div#f-left a.commercial {background: url(commercial-services.gif) no-repeat;} div#focal div#f-left a.commercial:hover {background: url(commercial-services-r.gif) no-repeat;} div#focal div#f-left a.why {background: url(why-wellspring.gif) no-repeat;} div#focal div#f-left a.why:hover {background: url(why-wellspring-r.gif) no-repeat;} div#focal div#f-right {float: right;display: inline;width: 280px;padding: 37px 0 0 20px;} div#main {background: #fff;min-height: 200px;border-bottom: 1px dotted #716c11;z-index: 900;} div#main div#m-left {float: left;width: 394px;padding:0 0 0 40px;} div#main div#m-left h2.outsourcing {text-indent: -9999px;display: block;background: url(h2-focused-cmo.gif) no-repeat;width: 379px;height: 25px;margin: 24px 0 12px 0;} div#main div#m-left h4.tag {text-indent: -9999px;display: block;background: url(h4-tagline.gif) no-repeat;width: 380px;height: 20px;margin: 25px 0 0 0;} div#main div#m-left p {font-size: 12px;color: #666;line-height: 17px;margin-bottom: 7px;} div#main div#m-left p.leadin {font-size: 14px;line-height: 19px;font-weight: bold;color: #333;border-bottom: 1px dotted #716c11;padding-bottom: 10px;margin-bottom: 10px;} div#main div#m-left p.tag {font-size: 12px;line-height: 17px;color:#333;font-style: italic;} div#main div#m-left p.point {font-size: 11px;line-height:16px;background: url(tick.gif) no-repeat;padding: 0 0 0 25px;} div#main div#m-left p.last {margin-bottom: 14px;} div#main div#global {width: 225px;height: 290px;float: left;display: inline;background: url(main-l-blue-bg.gif) no-repeat;border-right: 1px solid #fff;} div#main div#global h2.global {text-indent: -9999px;display: block;background: url(h2-global-presence.gif) no-repeat;width: 131px;height: 18px;margin: 28px 0 37px 42px;} div#main div#global img {margin: 0 0 15px 42px;} div#main div#global a.business {text-indent: -9999px;display: block;width: 176px;height: 34px;background: url(button-do-business.gif) no-repeat;margin: 0 0 0 24px;} div#main div#global a.business:hover {background: url(button-do-business-r.gif) no-repeat;} div#main div#news {width: 240px;float: left;display: inline;background: url(news-bg.gif) no-repeat;min-height: 290px;padding: 0 40px 0 20px;} div#main div#news h2.news {text-indent: -9999px;display: block;background: url(h2-news-events.gif) no-repeat;width: 200px;height: 21px;margin: 28px 0 15px 0; } div#main div#news p {font-size: 11px;line-height:16px;margin-bottom: 7px;} div#main div#news p.title div#main div#news p.last {margin-bottom: 25px;} div#main div#news a {color:#5ca353;} div#main div#news a:hover {color:#333;text-decoration: underline;} div#main div#news a.all {color:#005a9c;font-weight: bold;text-transform: uppercase;font-size: 10px;} div#main div#news a.all:hover {color:#333;text-decoration: underline;} /* ------ Internal Pages ------ */ /* SideNav */ div#main div#sidenav {float:left;width: 292px;min-height: 350px;background: url(sidenav-bg.jpg) no-repeat;padding: 32px 0 0 0; } div#main div#sidenav a {width: 210px;height: 23px;margin: 0 0 0 20px} div#main div#sidenav h4 {text-indent: -9999px;display: block;width: 210px;height: 23px;margin: 0 0 0 20px;} div#main div#sidenav h4 a {} div#main div#sidenav h4.investigational {background: url(sidenav-investigational.gif) no-repeat;} div#main div#sidenav h4.commercial {background: url(sidenav-commercial.gif) no-repeat;} div#main div#sidenav h4.facility {background: url(sidenav-facility.gif) no-repeat;} div#main div#sidenav h4.testimonials {background: url(sidenav-testimonials.gif) no-repeat;} div#main div#sidenav h4.about {background: url(sidenav-about.gif) no-repeat;} div#main div#sidenav h4.keypeople {background: url(sidenav-keypeople.gif) no-repeat;} div#main div#sidenav h4.temp {background: url(sidenav-heading.gif) no-repeat;} div#main div#sidenav h4.contact {background: url(sidenav-contact.gif) no-repeat;} div#main div#sidenav h4.getintouch {background: url(sidenav-getintouch.gif) no-repeat;} div#main div#sidenav h4.careers {background: url(sidenav-careers.gif) no-repeat;} div#main div#sidenav h4.news {background: url(sidenav-news.gif) no-repeat;} div#main div#sidenav h4.downloads {background: url(sidenav-downloads.gif) no-repeat;} div#main div#sidenav h4.clinical {background: url(sidenav-clinical.gif) no-repeat;} div#main div#sidenav img.divider {margin: 5px 0 5px 20px;} div#main div#sidenav img.first {margin-top: 0;margin-bottom: 10px;} div#main div#sidenav img.second {margin-top: 5px;} div#main div#sidenav a.clinical-man {background: url(clinical-man.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.quality-services {background: url(quality-services.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.clinical-pack {background: url(clinical-pack.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.distribution {background: url(distribution.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.storage {background: url(storage.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.qp {background: url(qp-release.gif) no-repeat;text-indent: -9999px;display: block;} /* Lunde 25Jan11 div#main div#sidenav a.resources {background: url(resources.gif) no-repeat;text-indent: -9999px;display: block;} */ div#main div#sidenav h4.resources {text-indent: 0px;font-weight: bold;font-size: 16pt;font-family:Calibri,"Arial Narrow",sans-serif;color:blue;} div#main div#sidenav a.com-man {background: url(com-man.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.com-pack {background: url(com-pack.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.plant-tour {background: url(plant-tour.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.history {background: url(history.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.our-facility {background: url(our-facility.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.brochure {background: url(brochure.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.bullet {background: url(bullet.gif) no-repeat;text-indent: 30px;display: block;font-weight: bold;font-size: 12pt;font-family:Calibri,"Arial Narrow",sans-serif;color:grey;} div#main div#sidenav a.reg-compliance {background: url(reg-compliance.gif) no-repeat;text-indent: -9999px;display: block;font} div#main div#sidenav a.our-team {background: url(our-team.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.our-location {background: url(our-location.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.clinical-man:hover, div#main div#sidenav a.clinical-manActive {background: url(clinical-man-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.quality-services:hover, div#main div#sidenav a.quality-servicesActive {background: url(quality-services-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.clinical-pack:hover, div#main div#sidenav a.clinical-packActive {background: url(clinical-pack-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.distribution:hover, div#main div#sidenav a.distributionActive {background: url(distribution-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.storage:hover, div#main div#sidenav a.storageActive {background: url(storage-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.qp:hover, div#main div#sidenav a.qpActive {background: url(qp-release-r.gif) no-repeat;text-indent: -9999px;display: block;} /* Lunde 25Jan11 div#main div#sidenav a.resources:hover, div#main div#sidenav a.resourcesActive {background: url(resources-r.gif) no-repeat;text-indent: -9999px;display: block;} */ div#main div#sidenav a.com-man:hover, div#main div#sidenav a.com-manActive {background: url(com-man-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.com-pack:hover, div#main div#sidenav a.com-packActive {background: url(com-pack-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.plant-tour:hover, div#main div#sidenav a.plant-tourActive {background: url(plant-tour-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.history:hover, div#main div#sidenav a.historyActive {background: url(history-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.our-facility:hover, div#main div#sidenav a.our-facilityActive {background: url(our-facility-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.brochure:hover, div#main div#sidenav a.brochureActive {background: url(brochure-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.bullet:hover, div#main div#sidenav a.bulletActive {background: url(bullet-r.gif) no-repeat;text-indent: 30px;display: block;font-weight: bold;font-size: 12pt;font-family:Calibri,"Arial Narrow",sans-serif;color:black;} div#main div#sidenav a.reg-compliance:hover, div#main div#sidenav a.reg-complianceActive {background: url(reg-compliance-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.our-team:hover, div#main div#sidenav a.our-teamActive {background: url(our-team-r.gif) no-repeat;text-indent: -9999px;display: block;} div#main div#sidenav a.our-location:hover, div#main div#sidenav a.our-locationActive {background: url(our-location-r.gif) no-repeat;text-indent: -9999px;display: block;} /* Internal PG content */ div#main div#content {float: left;display:inline;width: 668px;background: url(internal-main-bg.jpg) no-repeat;padding: 32px 0 20px 0;} div#main div#content a {color: #005a9c;} div#main div#content a:hover {text-decoration: underline;} div#main div#content iframe.map {margin: 0 0 0 35px;border: 1px solid #666;} div#main div#content a.tourbutton {text-indent: -9999px;display: block;background: url(button-tour.jpg) no-repeat;width: 89px;height: 26px;margin-top: 20px;} div#main div#content a.tourbutton:hover {background: url(button-tour-r.jpg) no-repeat;} /* Images */ div#main div#content img {margin: 0 0 20px 35px;} div#main div#content img.main {float:right;margin:14px 0 40px 20px;} div#main div#content img.people {float: left;margin: 10px 20px 0 35px;} /* Paragraphs */ div#main div#content p {padding: 0 40px 0 35px;font-size: 12px;color: #666;line-height: 18px;margin-bottom: 10px;} div#main div#content p.second {color: #333;} div#main div#content p.bread {border-bottom: double #ddd 3px;padding: 0 40px 5px 0;font-size: 11px;margin: 10px 0 24px 35px;} div#main div#content p.leadin {color: #61890f;font-size: 14px;line-height: 19px;margin-bottom: 14px;} div#main div#content p.lead {margin-top: 24px;font-size: 16px;line-height: 24px;margin-bottom: 16px;color: #333;} div#main div#content p.second {color: #333;font-size: 13px;} div#main div#content p.intro {font-size: 15px;line-height: 21px;margin-bottom: 14px;} div#main div#content p.half {width: 300px;float: left;} div#main div#content p.quoteby {margin-bottom: 20px;padding-top: 10px;} div#main div#content p.quoteby b {color: #333;} /* UL/OL Lists */ div#main div#content ol {margin: 0 0 12px 35px;list-style: decimal;} div#main div#content ol li {margin: 0 0 12px 28px;} div#main div#content ol.links {list-style: none;} div#main div#content ol.links li {margin: 0;background: url(page_go.gif) 0 11px no-repeat #f7f7f7;font-size: 11px;line-height: 16px;padding: 10px 20px 10px 28px;border-top: 1px dotted #ddd;} div#main div#content ol.links li:hover {background: url(page_go.gif) 0 11px no-repeat white;} div#main div#content ul {margin: 0 0 12px 35px;} div#main div#content ul li {margin: 0 0 7px 0;background: url(bullet_green.gif) no-repeat;line-height: 16px;padding: 0 0 0 22px;} div#main div#content ul li ul {margin-left:0;} div#main div#content ul li ul li {margin-top: 7px;background: url(bullet_arrow_right.gif) no-repeat 1px 4px;font-size: 11px;line-height: 14px;padding: 0 0 0 16px;} /* Misc Div's */ div#main div#content div.points {border-left: 1px dotted #716c11;float: left;padding-left: 15px;} div#main div#content div.points ul li {background: url(tick.gif) 0 0 no-repeat;line-height: 16px;margin-bottom: 6px;padding: 0 0 0 25px;} div#main div#content div.section {width: 593px;height: 199px;margin: 0 0 20px 0;} div#main div#content div.section div.lead {float: right;width: 256px;padding: 10px 20px;} div#main div#content div.section div.lead p {padding:10px 0 0 0;font-family: Georgia;font-size:16px;line-height:24px;font-style: italic;} div#main div#content div.investigational {background: url(investigational-bg.jpg) no-repeat;} div#main div#content div.half {width: 280px;float: right;margin: 0 0;} div#main div#content div.half h5 {padding: 0;margin-top: 12px;color: #005a9c;font-weight: bold;} div#main div#content div.half table td {padding-bottom: 5px;font-size: 11px;} div#main div#content div.half table td.title {color: #444;font-weight: bold;} div#main div#content div.usa {margin: 20px 40px 10px 35px;border-top: 1px solid #ccc;padding: 10px 0 0 0;} div#main div#content div.usa p {font-size: 10px;padding: 0;} div#main div#content div.usa b {color: #555;} div#main div#content div.usa table td {padding-bottom: 5px;font-size: 11px;} div#main div#content div.usa table td.title {font-weight: bold;} div#main div#content div.last {margin: 0;} div#main div#content div.divide {margin: 18px 40px 0 35px;clear: both;border-top: 1px solid #ccc;padding: 10px 0 0 0;} /* DL's */ div#main div#content dl.secondary {background:url(gray-fade-bg.jpg) no-repeat;min-height: 100px;width: 648px;margin: 20px 0 0 20px;} div#main div#content dl.secondary dt {padding: 10px 15px 8px 15px;font-size: 14px;line-height: 18px;color: #444;margin-bottom: 12px;border-bottom: 1px solid #ccc;} div#main div#content dl.secondary dt.two {font-size: 12px;line-height: 16px;} div#main div#content dl.secondary dt.news-item {font-size: 12px;font-weight: bold;margin-bottom: 0;border-bottom: none;padding-bottom: 2px;} div#main div#content dl.secondary dd {padding: 0 20px 10px 15px;font-size: 12px;color: #666;line-height: 18px;} div#main div#content dl.secondary dd.half {float: left;display: inline;width: 300px;padding-left: 20px;margin-bottom: 10px;} div#main div#content dl.secondary dt.clear {clear: both;} div#main div#content dl.secondary dd.tick {background: url(tick.gif) no-repeat 15px 0;padding-left: 45px;padding-bottom: 16px;} div#main div#content dl.secondary dd.last {padding-top: 10px;} div#main div#content dl.secondary dd.tab {padding-left: 58px;} div#main div#content dl.secondary span {color: #005a9c;} div#main div#content dl.testimonial {background: url(testimonial-bg.gif) top no-repeat;margin: 20px 0 0 20px;_margin-left:10px;font-family: Georgia,serif;width: 648px;} div#main div#content dl.testimonial dd.quote {padding: 20px 20px 10px 20px;font-style: italic;color:#1a4a7a;font-size:16px;line-height:24px;} div#main div#content dl.testimonial dd.more {padding: 0 20px 10px 20px;} div#main div#content dl.testimonial dd.btm {background: url(testimonial-bg.gif) bottom no-repeat;height: 20px;} div#main div#sidenav dl.sidebox {background: url(sidebar-dl-bg.jpg) top no-repeat;width: 252px;} div#main div#sidenav dl.sidebox a {text-indent: 0;margin: 0;color: #005a9c;} div#main div#sidenav dl.sidebox a.active {font-weight: bold;color: #333;} div#main div#sidenav dl.sidebox a:hover {text-decoration: underline;} div#main div#sidenav dl.sidebox dt {padding: 10px 20px 10px 20px;font-weight: bold;color: #005a9c;font-size: 13px;} div#main div#sidenav dl.sidebox dd {padding: 0 20px;font-size: 11px;margin-bottom: 5px;border-top:1px solid #e2e0d0;padding-top: 5px; color: #666;} div#main div#sidenav dl.sidebox dd.btm {background: url(sidebar-dl-bg.jpg) bottom no-repeat;height: 10px;border: none;} /* Tables */ div#main div#content table.contact {margin: 10px 0 10px 35px;width: 100%;} div#main div#content table.contact td {padding: 10px 0;border-bottom: 1px dotted #ccc;} /* Forms */ div#main div#content form.contact {margin:20px 0 10px 35px;} div#main div#content form.contact p {margin: 0 0 4px 0;padding: 0;font-weight: bold;color: #555;font-size: 11px;} div#main div#content form.contact input.info {width: 250px;padding: 3px;color: #666;margin-bottom: 5px;font-size: 10px;} div#main div#content form.contact input.long {} div#main div#content form.contact textarea {width: 450px;height: 100px;padding: 3px;color: #666;margin-bottom: 5px;font-family: Verdana;font-size: 10px;} div#main div#content form.contact select {border: 1px solid #ccc;padding: 3px;color: #666;margin-bottom: 5px;font-family: Verdana;font-size: 10px;} div#main div#content form.contact input#Sent {border: 1px solid #ccc;padding: 3px 10px;color: #fff;font-size: 10px;background: #00597f;} div#main div#content form.contact input#Sent:hover {background: #5d9741;color: #fff;} /* H1 Page Headings */ div#main div#content h1 {text-indent: -9999px;display: block;height: 43px;width: 633px;margin: 0 0 6px 35px;border-bottom: double #ddd 3px;} div#main div#content h1.investigational {background: url(h1-investigational-products.gif) no-repeat;} div#main div#content h1.clinical-man {background: url(h1-clinical-man.gif) no-repeat;} div#main div#content h1.clinical-pack {background: url(h1-clinical-packaging.gif) no-repeat;} div#main div#content h1.distribution {background: url(h1-distribution.gif) no-repeat;} div#main div#content h1.qp {background: url(h1-qp.gif) no-repeat;} div#main div#content h1.quality-services {background: url(h1-quality-services.gif) no-repeat;} div#main div#content h1.resources {background: url(h1-resources.gif) no-repeat;} div#main div#content h1.storage-recon {background: url(h1-storage-recon.gif) no-repeat;} div#main div#content h1.com-pack {background: url(h1-com-pack.gif) no-repeat;} div#main div#content h1.com-man {background: url(h1-com-man.gif) no-repeat;} div#main div#content h1.com-services {background: url(h1-com-services.gif) no-repeat;} div#main div#content h1.facility {background: url(h1-facility.gif) no-repeat;} div#main div#content h1.testimonials {background: url(h1-testimonials.gif) no-repeat;} div#main div#content h1.about {background: url(h1-about.gif) no-repeat;} div#main div#content h1.keypeople {background: url(h1-keypeople.gif) no-repeat;} div#main div#content h1.careers {background: url(h1-careers.gif) no-repeat;} div#main div#content h1.contact {background: url(h1-contact.gif) no-repeat;} div#main div#content h1.news {background: url(h1-news.gif) no-repeat;} div#main div#content h1.downloads {background: url(h1-downloads.gif) no-repeat;} div#main div#content h1.clinical {background: url(h1-clinical-supplies.gif) no-repeat;} div#main div#content h1.bread {border-bottom: double #ddd 3px;padding: 0 40px 5px 0;font-size: 11px;margin: 10px 0 24px 35px;text-indent: 0;height: auto;width: auto;} /* Non-Graphic Headings */ div#main div#content h2 {padding: 0 40px 0 35px;font-size: 26px;color: #005a9c;line-height: 32px;margin-bottom: 12px;} div#main div#content h3 {padding: 0 40px 0 35px;font-size: 18px;color: #333;line-height: 24px;margin-bottom: 12px;margin-top:24px;font-weight: normal;} div#main div#content h3.bord {border-bottom: double #ddd 3px;margin-top: 14px;padding-bottom: 5px;} div#main div#content h3 span {font-size: 11px;} div#main div#content h4 {padding: 0 40px 0 35px;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 12px;margin-top:24px;font-weight: normal;} div#main div#content h5 {padding: 0 40px 0 35px;font-size: 12px;color: #333;line-height: 18px;margin-bottom: 10px;margin-top:24px;font-weight: normal;} /* --------------------------- FOOTER --------------------------- */ div#footer {background: url(footer-bg.gif) repeat-x;min-height: 100px;padding: 20px 0 0 0;border-top: 1px solid white;} div#footer p {font-size: 11px;line-height: 16px;} div#footer a {color: #666;} div#footer a:hover {color: #333;text-decoration: underline;} div#footer div.navigate {width: 610px;float: left;padding: 0 0 0 20px;} div#footer div.navigate h3.navigate-wellspring {text-indent: -99999px;display: block;background: url(h3-navigate.gif) no-repeat;width: 145px;height: 20px;} div#footer div.navigate p.usa {margin: 5px 0 0 0;} div#footer div.navigate div.extras {padding-top: 10px;margin-bottom: 20px;font-size: 10px;} div#footer div.navigate div.extras iframe {float: left;margin-right: 10px;} div#footer div.navigate div.extras a {color: #005a9c;} div#footer div.navigate div.extras a:hover {color: #333;text-decoration: underline;} div#footer div.subscribe {width: 250px;float: left;display: inline;padding: 0 0 0 20px;} div#footer div.subscribe h3.stay-connected {text-indent: -99999px;display: block;background: url(h3-stay-connected.gif) no-repeat;width: 116px;height: 20px;} div#footer div.subscribe form input.address {float: left;background: url(subscribe-form-bg.gif) no-repeat;border: none;width: 136px;height: 22px;padding: 6px 0 0 10px;font-size: 11px;color: #666;margin: 10px 5px 0 0;} div#footer div.subscribe form input#Sent {background: url(subscribe-button.gif) no-repeat;width: 76px;height: 26px;border: none;display: block;text-indent: -9999px;margin: 10px 0 0 0;float: left;display: inline;cursor: pointer;} div#footer div.subscribe form input#Sent:hover {background: url(subscribe-button-r.gif) no-repeat;} div#footer div.subscribe p.copyright {clear: both;font-size: 10px;padding-top: 13px;} div#footer div.divider {border-bottom: 1px dotted #716c11;width: 920px;margin: 10px auto;clear: both;}