/* SITE-WIDE IMPORTS ---------------------------------------------------*/ @import "reset.css"; @font-face { font-family: 'PetitaMedium'; src: url('PetitaMedium.eot'); src: local('PetitaMedium Regular'), local('PetitaMedium'), url('PetitaMedium.ttf') format('truetype'); } @font-face { font-family: 'PetitaBold'; src: url('PetitaBold.eot'); src: local('PetitaBold Regular'), local('PetitaBold'), url('PetitaBold.ttf') format('truetype'); } /* SITE CSS ---------------------------------------------------*/ html { height: 100%; } body { height: 100%; background: url('../graphx/bg.png') repeat-x bottom left; background-attachment: fixed; font-family: Verdana, sans-serif; color: #003768; line-height: 1.8; } ul li ul { margin: 0 1.5em 0 1.5em; } #topnav { width: 100%; min-width: 964px; background: url('../graphx/header-nav-bg.png') repeat-y; overflow: hidden; } .ie6 #topnav { background: url('../graphx/header-nav-bg-ie6.png') repeat-y; } #topnav ul { margin: 0 0 0 482px; padding: 0; height: 24px; /*background: url('../graphx/topnav.png') no-repeat;*/ } #topnav ul li { list-style: none; float: left; } #topnav ul li a { display: block; background: url('../graphx/topnav.png') no-repeat; height: 24px; text-indent: -9000px; } #tn-home { width: 62px;} #tn-home:hover, #tn-home.active { background-position: 0 -24px !important; } #tn-rl-home { width: 126px; background-position: -63px 0 !important;} #tn-rl-home:hover, #tn-rl-home.active { background-position: -63px -24px !important; } #tn-rl-other { width: 127px; background-position: -62px 0 !important;} #tn-rl-other:hover, #tn-rl-other.active { background-position: -62px -24px !important; } #tn-aoe { width: 139px; margin-left: 1px; background-position: -190px 0 !important; } #tn-aoe:hover, #tn-aoe.active { background-position: -190px -24px !important; } #tn-cu { width: 93px; margin-left: 1px; background-position: -330px 0 !important; } #tn-cu:hover, #tn-cu.active { background-position: -330px -24px !important;} #container { width: 964px; margin: 0; padding: 0; } #header { background: url('../graphx/trans-bg.png'); height: 113px; position: relative; } .ie6 #header { background: #fff; } #logo { margin: 8px 0 0 20px; } #mainnav { position: absolute; left: 482px; top: 20px; margin: 0; padding: 0; } #mainnav li { list-style: none; float: left; } #mainnav li a { display: block; outline: none; background: url('../graphx/mainnav.png') no-repeat; height: 70px; text-indent: -9000px; } .ie6 #mainnav li a { background: url('../graphx/mainnav-ie6.png') no-repeat; } #mn-bt { width: 110px; } #mn-bt:hover, #mn-bt.active { background-position: 0 -70px !important; } #mn-ma { width: 115px; background-position: -110px 0 !important; } #mn-ma:hover, #mn-ma.active { background-position: -110px -70px !important; } #mn-dd { width: 126px; background-position: -225px 0 !important; } #mn-dd:hover, #mn-dd.active { background-position: -225px -70px !important; } #mn-as { width: 125px; background-position: -351px 0 !important; } #mn-as:hover, #mn-as.active { background-position: -351px -70px !important; } #flashReplaceContainer { margin: 0; padding: 0; height: 322px; } #flashReplace { } #mainimage { height: 132px; margin: 0; } .body-img { float: right; padding: 1px; border:2px solid #003a6a; margin:6px 0 12px 12px; } #homepage-left { float: left; width: 637px; margin: 0 10px 0 0 ;} #homepage-copy { margin-bottom: 70px; background: #fff url('../graphx/trans-bg.png'); padding: 20px; } #homepage-copy p { } #homepage-copy p span.header { font-family: 'PetitaMedium', sans-serif; color: #f7931d; font-size: 27px; line-height: 1; margin: 0; padding: 0; } span.mark { font-size: 60%; line-height: 1.3; vertical-align: text-top; margin: 0; padding: 0; } a.blue-link { font-size: 10px; text-transform: uppercase; color: #fff; background: #00b5cc; text-decoration: none; padding: 1px 5px; } h2.lp-title { font-family: 'PetitaMedium', sans-serif; color: #f7931d; font-size: 28px; font-weight: normal; line-height: 1; margin: 0 0 8px 0; padding: 0; } h2.lp-title-orange {font-family: 'PetitaMedium', sans-serif; color: #FFF; font-size: 28px; font-weight: normal; line-height: 1; margin: 0; padding: 10px 20px; text-align: left; background: #f7931d;} .lp-links { float: left; } #copyright { float: left; background: url('../graphx/trans-bg.png'); font-size: 10px; padding: 3px 10px 3px 20px; } #info-links { float: right; background: url('../graphx/trans-bg.png'); font-size: 10px; padding: 3px 10px; } #info-links a { color: #003768; text-decoration: none; } #info-links a:hover { text-decoration: underline; } #l2-header { width: 961px; height: 103px; } #l2-header h1 { display: none; } div.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat; } div.secant-medical-video { background: url('../graphx/l2-resource-unavailable.jpg') no-repeat; } div.biomedical-textiles { background: url('../graphx/l2-biomedical.jpg') no-repeat; } div.design-and-development { background: url('../graphx/l2-design.jpg') no-repeat; } div.about-secant-medical { background: url('../graphx/l2-about.jpg') no-repeat; } div.resource-library { background: url('../graphx/l2-resource.jpg') no-repeat; } div.resource-unavailable { background: url('../graphx/l2-resource-unavailable.jpg') no-repeat; } div.resource-register { background: url('../graphx/l2-resource.jpg') no-repeat; } div.ask-our-engineers { background: url('../graphx/l2-ask.jpg') no-repeat; } div.confirmation { background: url('../graphx/l2-thankyou.jpg') no-repeat; } div.contact-us { background: url('../graphx/l2-contact.jpg') no-repeat; } div.sitemap { background: url('../graphx/l2-sitemap.jpg') no-repeat; } div.terms-and-conditions,div.terms-and-conditions-sale,div.terms-and-conditions-purchase { background: url('../graphx/l2-terms.jpg') no-repeat; } #l3-header { width: 961px; height: 48px; } #l3-header h1 { display: none; } div.textile-science { background: url('../graphx/l3-textile.jpg') no-repeat; } div.implantable-materials { background: url('../graphx/l3-implantable.jpg') no-repeat; } div.quality-assurance { background: url('../graphx/l3-quality.jpg') no-repeat; } div.advanced-manufacturing { background: url('../graphx/l3-advanced.jpg') no-repeat; } div.cardiovascular { background: url('../graphx/l3-cardiovascular.jpg') no-repeat; } div.orthopedics { background: url('../graphx/l3-orthopedics.jpg') no-repeat; } div.tissue-engineering { background: url('../graphx/l3-tissue.jpg') no-repeat; } div.neurology { background: url('../graphx/l3-neurology.jpg') no-repeat; } div.general-surgery { background: url('../graphx/l3-general.jpg') no-repeat; } div.biomaterials-research { background: url('../graphx/l3-biomaterials.jpg') no-repeat; } div.custom-designs { background: url('../graphx/l3-custom.jpg') no-repeat; } div.prototype-structures { background: url('../graphx/l3-prototype.jpg') no-repeat; } div.engineer-collaboration { background: url('../graphx/l3-engineer.jpg') no-repeat; } div.company-history { background: url('../graphx/l3-company.jpg') no-repeat; } div.our-mission-values { background: url('../graphx/l3-mission.jpg') no-repeat; } div.industry-expertise { background: url('../graphx/l3-industry.jpg') no-repeat; } div.our-methodology { background: url('../graphx/l3-methodology.jpg') no-repeat; } div.our-difference { background: url('../graphx/l3-difference.jpg') no-repeat; } div.partners-in-innovation { background: url('../graphx/l3-partners.jpg') no-repeat; } div.confidentiality { background: url('../graphx/l3-confidentiality.jpg') no-repeat; } div.press-room { background: url('../graphx/l3-press.jpg') no-repeat; } div.press-kit-register { background: url('../graphx/l3-press.jpg') no-repeat; } div.detail { background: url('../graphx/l3-press.jpg') no-repeat; } div.articles { background: url('../graphx/l3-articles.jpg') no-repeat; } div.white-papers { background: url('../graphx/l3-white-papers.jpg') no-repeat; } div.presentations { background: url('../graphx/l3-presentations.jpg') no-repeat; } div.events { background: url('../graphx/l3-events.jpg') no-repeat; } div.case-studies { background: url('../graphx/l3-case.jpg') no-repeat; } div.glossary { background: url('../graphx/l3-glossary.jpg') no-repeat; } div.faq { background: url('../graphx/l3-faq.jpg') no-repeat; } div.enewsletter { background: url('../graphx/l3-enewsletter.jpg') no-repeat; } #leftnav { float: left; width: 317px; margin: 10px 10px 0 0; } #leftnav ul { margin: 0 0 16px 0; padding: 0; } #leftnav ul li { list-style: none; } #leftnav ul li a { display: block; width: 317px; height: 33px; text-indent: -9000px; cursor: pointer; outline: 0; } #ln-bt a { background: url('../graphx/ln-bt.png') no-repeat; } #ln-ts { } #ln-ts:hover, #ln-ts.active { background-position: -317px 0 !important; } #ln-im { background-position: 0 -33px !important; } #ln-im:hover, #ln-im.active { background-position: -317px -33px !important; } #ln-qa { background-position: 0 -66px !important; } #ln-qa:hover, #ln-qa.active { background-position: -317px -66px !important; } #ln-mf { background-position: 0 -99px !important; } #ln-mf:hover, #ln-mf.active { background-position: -317px -99px !important; } #ln-tc a { background: url('../graphx/ln-tc.png') no-repeat; } #ln-tw { } #ln-tw:hover, #ln-tw.active { background-position: -317px 0 !important; } #ln-ts { background-position: 0 0 !important; } #ln-ts:hover, #ln-ts.active { background-position: -317px 0 !important; } #ln-tp { background-position: 0 -66px !important; } #ln-tp:hover, #ln-tp.active { background-position: -317px -66px !important; } #ln-ma a { background: url('../graphx/ln-ma.png') no-repeat; } #ln-or { } #ln-or:hover, #ln-or.active { background-position: -317px 0 !important; } #ln-ca { background-position: 0 -33px !important; } #ln-ca:hover, #ln-ca.active { background-position: -317px -33px !important; } #ln-gs { background-position: 0 -66px !important; } #ln-gs:hover, #ln-gs.active { background-position: -317px -66px !important; } #ln-te { background-position: 0 -99px !important; } #ln-te:hover, #ln-te.active { background-position: -317px -99px !important; } #ln-ne { background-position: 0 -132px !important; } #ln-ne:hover, #ln-ne.active { background-position: -317px -132px !important; } #ln-dd a { background: url('../graphx/ln-dd.png') no-repeat; } #ln-br { } #ln-br:hover, #ln-br.active { background-position: -317px 0 !important; } #ln-cd { background-position: 0 -33px !important; } #ln-cd:hover, #ln-cd.active { background-position: -317px -33px !important; } #ln-ps { background-position: 0 -66px !important; } #ln-ps:hover, #ln-ps.active { background-position: -317px -66px !important; } #ln-ec { background-position: 0 -99px !important; } #ln-ec:hover, #ln-ec.active { background-position: -317px -99px !important; } #ln-as a { background: url('../graphx/ln-as.png') no-repeat; } #ln-ch { } #ln-ch:hover, #ln-ch.active { background-position: -317px 0 !important; } #ln-mv { background-position: 0 -33px !important; } #ln-mv:hover, #ln-mv.active { background-position: -317px -33px !important; } #ln-ie { background-position: 0 -66px !important; } #ln-ie:hover, #ln-ie.active { background-position: -317px -66px !important; } #ln-om { background-position: 0 -99px !important; } #ln-om:hover, #ln-om.active { background-position: -317px -99px !important; } #ln-od { background-position: 0 -132px !important; } #ln-od:hover, #ln-od.active { background-position: -317px -132px !important; } #ln-pi { background-position: 0 -165px !important; } #ln-pi:hover, #ln-pi.active { background-position: -317px -165px !important; } #ln-co { background-position: 0 -198px !important; } #ln-co:hover, #ln-co.active { background-position: -317px -198px !important; } #ln-re a { background: url('../graphx/ln-re.png') no-repeat; } #ln-pr { } #ln-pr:hover, #ln-pr.active { background-position: -317px 0 !important; } #ln-ar { background-position: 0 -33px !important; } #ln-ar:hover, #ln-ar.active { background-position: -317px -33px !important; } #ln-ev { background-position: 0 -66px !important; } #ln-ev:hover, #ln-ev.active { background-position: -317px -66px !important; } #ln-cs { background-position: 0 -99px !important; } #ln-cs:hover, #ln-cs.active { background-position: -317px -99px !important; } #ln-gl { background-position: 0 -132px !important; } #ln-gl:hover, #ln-gl.active { background-position: -317px -132px !important; } #ln-en { background-position: 0 -165px !important; } #ln-en:hover, #ln-en.active { background-position: -317px -165px !important; } #ln-wp { background-position: 0 -198px !important; } #ln-wp:hover, #ln-wp.active { background-position: -317px -198px !important; } #ln-pres { background-position: 0 -99px !important; } #ln-pres:hover, #ln-pres.active { background-position: -317px -99px !important; } #ln-faq { background-position: 0 -231px !important; } #ln-faq:hover, #ln-faq.active { background-position: -317px -231px !important; } .video-btn { margin: 0 0 10px 10px; } .quicktime-needed { color: #fff !important; } .text-callout { margin: 0 0 20px 10px; line-height: 17px; } .text-callout a { font-size: 10px; text-transform: uppercase; line-height: 22px; color: #063c6c; background: #fff; text-decoration: none; padding: 1px 5px; } .text-callout form { margin: 0; padding: 10px 0 0 0; } .text-callout form fieldset { margin: 0; padding: 0; } .text-callout form div { margin-bottom: 8px; } .text-callout form label { float: left; width: 50px; font-size: 11px; font-weight: bold; margin-top: 3px; } .text-callout form input[type=text], #testimonials-form input[type=password] { width: 250px; border: 1px solid #063c6c; padding: 3px 2px; } .text-callout form input[type=submit] { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; background: #063c6c; text-decoration: none; padding: 3px; border: 0; -moz-border-radius: 6px; -khtml-border-radius: 6px; cursor: pointer; } #content { float: left; *display:inline; background: url('../graphx/trans-bg.png'); width: 594px; padding: 20px; } #content p { } #content p span.header { font-family: 'PetitaMedium', sans-serif; color: #f7931d; font-size: 27px; line-height: 1; margin: 0; padding: 0 4px 0 0; } .overviews { width: 290px; height: 100px; float: left; } .overviews img { float: left; margin: 0 8px 8px 0; } .overviews p { font-size: 11px; } .overviews a { font-weight: bold; color: #f7931d; } #press-room { margin: 20px 0px 0px 0px; padding: 0; } #press-room li { list-style: none; margin-bottom: 16px; width: 590px; overflow: hidden; _height:100%; } #press-room div { float: left; } #press-room li img { clear: both; float: right; *display:inline; margin-right:10px; } #press-room li img.logo {border:1px solid #D4F2F6;} #press-room li p { margin: 0; padding: 0; margin-bottom: 22px; } #press-room li p.headline { font-size: 13px; line-height: 1.4; margin-bottom: 2px; font-weight: bold;} #press-room li p.headline em { font-size: 12px; color: #003768; font-style: normal; font-weight: normal; } /* #press-room li img.logo {float:right; *display:inline;} */ #press-contact { margin-left: 100px; } .press-kit-item { margin-bottom: 16px; } .press-kit-item img { float: left; margin: 0 8px 8px 0; } .press-kit-item p { float: left; width: 526px; } .press-kit-item a { font-weight: bold; color: #f7931d; } #login-box { clear: both; background: #02b6cc; border: 1px solid #fff; color: #fff; margin: 0 0 16px 0; padding: 10px 20px; } .login-title { font-size: 16px; font-weight: bold; margin-bottom: 0; } #login-box form { margin: 0; padding: 10px 0 0 0; } #login-box form fieldset { margin: 0; padding: 0; } #login-box form div { margin-bottom: 8px; } #login-box form label { float: left; width: 50px; font-size: 11px; font-weight: bold; margin-top: 3px; } #login-box form input[type=text] { width: 250px; border: 1px solid #063c6c; padding: 3px 2px; } #login-box form input[type=submit] { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; background: #063c6c; text-decoration: none; padding: 3px; border: 0; -moz-border-radius: 6px; -khtml-border-radius: 6px; cursor: pointer; } #login-box a:hover { color: #fff; } #glossary-terms { } #glossary-terms dt { cursor: pointer; } #glossary-terms dd { display: none; } #faq-terms { } #faq-terms dt { cursor: pointer; } #faq-terms dd { margin: 0 0 20px 0;} #ask-our-engineers { margin: 0 auto 16px auto; padding: 0; width: 690px; } .form-title { margin: 0; padding: 0; font-size: 16px; color: #f58100; } #ask-our-engineers fieldset { overflow: hidden; } #ask-our-engineers legend { clear: both; padding: 0 0 10px 370px; #padding-left: 360px; font-size: 11px; font-weight: bold; } #ask-our-engineers legend span { color: red; } #ask-our-engineers div { margin-bottom: 8px; } #ask-our-engineers div p { font-size: 11px; margin: 18px; } #ask-our-engineers label { float: left; width: 140px; text-align: right; margin: 2px 8px 0 0; font-size: 11px; } #ask-our-engineers label span { color: red; } #ask-our-engineers input[type=text] { width: 343px; border: 1px solid #9f9f9f; padding: 3px 2px; #padding: 2px; } #ask-our-engineers input[type=image] { } #ask-our-engineers select { margin: 0; padding: 0; width: 348px; } #ask-our-engineers textarea { margin: 0; width: 340px; height: 90px; #height: 100px; overflow: auto; font-size: 11px; font-family: Verdana, sans-serif; padding: 3px; } .sitemap-list { float: left; font-weight: bold; } .sitemap-list li { list-style: none; margin-bottom: 6px; } .sitemap-list li ul { font-size: 11px; margin-top: 4px; font-weight: normal; } #footer {float: right; *display:inline; width: 594px; padding: 10px 20px; /* margin-left: 327px; */ font-size: 10px; overflow: hidden; } .ie6 #footer { } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; color: #003768; } #homepage-right { width: 268px; height: 400px; background: url('../graphx/right-side-bg.png') no-repeat; float: left; margin-top: 10px; padding: 20px; color: #fff; } #homepage-right a { font-size: 10px; text-transform: uppercase; color: #f7931d; background: #fff; text-decoration: none; padding: 1px 5px; font-weight: bold; } #landing-page-h1 { float: left; margin: 0; text-indent: -999em; width: 964px; height: 132px; position: relative; z-index: 500; } #landing-page-right { width: 268px; height: 628px; background: url('../graphx/landing/sidebar-bg.png') bottom left no-repeat; float: left; margin-top: 10px; padding: 20px; color: #fff; } #landing-page-right a { font-size: 10px; text-transform: uppercase; color: #f7931d; background: #fff; text-decoration: none; padding: 1px 5px; font-weight: bold; } #landing-page-right h3 { font-family: 'PetitaMedium', sans-serif; color: #fff; font-size: 29px; font-weight: normal; line-height: 1; margin: 0 0 10px 0; padding: 0; } #landing-page-right p { margin-bottom: 30px; line-height: 1.6; } /* ------------------------------ Impromptu ------------------------------ */ .jqifade{ position: absolute; background-color: #87CCDB; } div.jqi{ width: 400px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; } div.jqi .jqicontainer{ font-weight: bold; } div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; } div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; text-align: center; font-size: 15px; } div.jqi .jqibuttons{ text-align: center; padding: 5px 0 5px 0; } div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #01B5CD; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; } div.jqi button:hover{ background-color: #01B5CD; } div.jqi button.jqidefaultbutton{ background-color: #F7931D; } .jqiwarning .jqi .jqibuttons{ } /* Paid Landing Pages */ #landing-page-right #newsform div {overflow: hidden; _height:100%;} #landing-page-right #newsform div label{float:left; *display:inline; width: 40px; text-align: left; margin: 0 5px 0 0;} #landing-page-right #newsform div input[type=text] {float:left; width: 125px; *display:inline;} .form-holder {overflow:hidden; background: url('../graphx/landing/form_bg.jpg') no-repeat 8px 5px; padding:1px 1px 8px 1px; border:1px solid #F7931E; display: block; width: 593px; height: 236px; position: relative; z-index: 10;} .form-holder .thank-you-message{text-align: center; padding: 5px; position: absolute; top:0; right:-240px; width:220px; background: #fff; height: 229px;-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 0px 0px 15px; border-radius: 15px 0px 0px 15px;} .form-holder .thank-you-message a img{} .form-holder .thank-you-message a.img-border {display: block; margin: 0 auto; border:1px solid #003768; padding: 2px; width: 75px;} .form-holder .thank-you-message a.img-border:hover {border-color: #8bd0e0;} .form-holder .thank-you-message h2 {font-family: 'PetitaMedium', sans-serif; font-size: 24px;} #paper-register {width: 400px; float:right; *display:inline; margin: 12px 0 0 0;} #paper-register h2 {text-align: right; color: #fff; padding: 0 15px 0 0; font-size: 18px; line-height: 1.3; margin: 0 0 10px 0;} #paper-register fieldset { overflow: hidden; } #paper-register legend { clear: both; font-size: 11px; font-weight: bold; text-align: right; padding: 0 30px 0 0; } #paper-register legend span { color: red; } #paper-register div { margin-bottom: 8px; overflow: hidden; _height:100%; } #paper-registers div p { font-size: 11px; margin: 18px; } #paper-register label { float: left; *display:inline; width: 160px; text-align: right; margin: 2px 8px 0 0; font-size: 11px; color:#fff; font-weight: bold; } #paper-register label span { color: red; } #paper-register input[type=text] { width: 150px; border: 1px solid #9f9f9f; padding: 3px 2px; float:right; *display:inline; margin: 0 70px 0 0; } #paper-register .submit-button {cursor:pointer; border:none; background: #fff; text-transform: uppercase; font-size: 16px; text-decoration: none; font-weight: bold; padding: 1px 5px; color:#003768; border:1px solid #003768;} #paper-register .submit-button:hover {color:#F7931E; border:1px solid #F7931E;} #paper-register .submit-button-row {padding: 0 0 0 172px;}