/* 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; } #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-rl { width: 127px; } #tn-rl:hover, #tn-rl.active { background-position: 0 -24px !important; } #tn-aoe { width: 139px; margin-left: 1px; background-position: -128px 0 !important; } #tn-aoe:hover, #tn-aoe.active { background-position: -128px -24px !important; } #tn-cu { width: 93px; margin-left: 1px; background-position: -268px 0 !important; } #tn-cu:hover, #tn-cu.active { background-position: -268px -24px !important; } #container { width: 964px; margin: 0; padding: 0; } #header { background: url('../graphx/trans-bg.png'); height: 113px; position: relative; } #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; } #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; } #homepage-left { float: left; width: 637px; margin: 0 10px 0 0 ;} #homepage-copy { margin-bottom: 70px; background: url('../graphx/trans-bg.png'); padding: 20px; } #homepage-copy p { } #homepage-copy p span { font-family: 'PetitaMedium', sans-serif; color: #f7931d; font-size: 27px; line-height: 1; 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; } .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; } #l2-header.biomedical-textiles { background: url('../graphx/l2-biomedical.jpg') no-repeat } #l2-header.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat } #l2-header.design-and-development { background: url('../graphx/l2-design.jpg') no-repeat } #l2-header.about-secant-medical { background: url('../graphx/l2-about.jpg') no-repeat } #l2-header.resource-library { background: url('../graphx/l2-resource.jpg') no-repeat } #l2-header.ask-our-engineers { background: url('../graphx/l2-ask.jpg') no-repeat } #l2-header.confirmation { background: url('../graphx/l2-thankyou.jpg') no-repeat } #l2-header.contact-us { background: url('../graphx/l2-contact.jpg') no-repeat } #l2-header.sitemap { background: url('../graphx/l2-sitemap.jpg') no-repeat } #l2-header.terms-and-conditions { background: url('../graphx/l2-terms.jpg') no-repeat } #l3-header { width: 961px; height: 48px; } #l3-header h1 { display: none; } #l3-header.textile-science { background: url('../graphx/l3-textile.jpg') no-repeat } #l3-header.implantable-materials { background: url('../graphx/l3-implantable.jpg') no-repeat } #l3-header.quality-assurance { background: url('../graphx/l3-quality.jpg') no-repeat } #l3-header.advanced-manufacturing { background: url('../graphx/l3-advanced.jpg') no-repeat } #l3-header.cardiovascular { background: url('../graphx/l3-cardiovascular.jpg') no-repeat } #l3-header.orthopedics { background: url('../graphx/l3-orthopedics.jpg') no-repeat } #l3-header.tissue-engineering { background: url('../graphx/l3-tissue.jpg') no-repeat } #l3-header.neurology { background: url('../graphx/l3-neurology.jpg') no-repeat } #l3-header.general-surgery { background: url('../graphx/l3-general.jpg') no-repeat } #l3-header.biomaterials-research { background: url('../graphx/l3-biomaterials.jpg') no-repeat } #l3-header.custom-designs { background: url('../graphx/l3-custom.jpg') no-repeat } #l3-header.prototype-structures { background: url('../graphx/l3-prototype.jpg') no-repeat } #l3-header.engineer-collaboration { background: url('../graphx/l3-engineer.jpg') no-repeat } #l3-header.company-history { background: url('../graphx/l3-company.jpg') no-repeat } #l3-header.industry-expertise { background: url('../graphx/l3-industry.jpg') no-repeat } #l3-header.our-difference { background: url('../graphx/l3-difference.jpg') no-repeat } #l3-header.confidentiality { background: url('../graphx/l3-confidentiality.jpg') no-repeat } #l3-header.press-room { background: url('../graphx/l3-press.jpg') no-repeat } #l3-header.press-kit-register { background: url('../graphx/l3-press.jpg') no-repeat } #l3-header.detail { background: url('../graphx/l3-press.jpg') no-repeat } #l3-header.articles { background: url('../graphx/l3-articles.jpg') no-repeat } #l3-header.events { background: url('../graphx/l3-events.jpg') no-repeat } #l3-header.case-studies { background: url('../graphx/l3-case.jpg') no-repeat } #l3-header.glossary { background: url('../graphx/l3-glossary.jpg') no-repeat } #l3-header.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-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-ie { background-position: 0 -33px !important; } #ln-ie:hover, #ln-ie.active { background-position: -317px -33px !important; } #ln-od { background-position: 0 -66px !important; } #ln-od:hover, #ln-od.active { background-position: -317px -66px !important; } #ln-co { background-position: 0 -99px !important; } #ln-co:hover, #ln-co.active { background-position: -317px -99px !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; } .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; background: url('../graphx/trans-bg.png'); width: 594px; padding: 20px; } #content p { } #content p span { 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; } #press-room div { float: left; } #press-room li img { clear: both; float: left; margin-right:10px; } #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-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; } #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: left; width: 594px; padding: 10px 20px; margin-left: 327px; font-size: 10px; overflow: hidden; } #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-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; }