/* eric meyer's css reset */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* end mr. meyer */ /* clearfix styles */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {min-height: 1px;} /*********** BEGIN SITE-SPECIFIC STYLES ***********/ a img { border: 0; } body { font-family: "MS PGothic", Helvetica, Arial, Sans-Serif; } .white-shadow { text-shadow: -1px -1px #fff, 1px -1px #fff, 1px 1px #fff, -1px 1px #fff; } .gray-shadow { text-shadow: -1px -1px #B1B9BE, 1px -1px #B1B9BE, 1px 1px #B1B9BE, -1px 1px #B1B9BE; } #oCntnr { margin: 0; padding: 0; height: 100%; width: 100%; position: relative; text-align: center; } #iCntnr { margin: 0 auto; padding: 0; height: 100%; width: 955px; text-align: left; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; overflow: hidden; } #intersiteNav { height: 24px; width: 100%; overflow: hidden; background: url(/images/intersite_bg_xtile.png) repeat-x; border-bottom: 1px solid #163A5F; position: relative; } #intersiteNav a { display: block; position: absolute; top: 6px; right: 20px; color: #ffffff; text-decoration: none; font-size: 0.6em; padding-left: 38px; background-position: center left; line-height: 1.5em; height: 18px; } #intersiteNav a:hover { text-decoration: underline; } #intersiteNav a.japanLink { background: url(/images/intersite_japan.png) no-repeat; } #headCntnr { height: 85px; overflow: hidden; background: url(/images/header_bg_xtile.png) repeat-x; position: relative; top: 0; left: 0; } #logoLink { height: 32px; width: 95px; text-indent: -5000px; overflow: hidden; background: url(/images/logo_kci.png) no-repeat; float: left; margin-top: 22px; margin-left: 22px; } #headerNav { margin: 0; padding: 0; padding-bottom: 2px; float: right; margin-top: 45px; margin-right: 20px; } #headerNav li { float: left; margin-left: 25px; } #headerNav li a { color: #ffffff; padding-left: 10px; background: url(/images/bullet_header_nav.png) no-repeat 0 4px; font-size: 0.7em; text-decoration: underline; } #headerNav li.on a { background-image: url(/images/bullet_header_nav_on.png); color: #00ffff; } #topNav { margin: 0; padding: 0; padding-top: 3px; height: 33px; width: 100%; overflow: hidden; background: #224788; clear: both; } #topNav li { float: left; border-left: 1px solid #152E60; border-right: 1px solid #3165B6; width: 181px; height: 31px; overflow: hidden; padding: 0 4px; background: url(/images/top_nav.png) no-repeat 4px 0; } #topNav li a { color: #ffffff; text-decoration: none; font-size: 1em; line-height: 2em; outline: 0; background: url(/images/top_nav.png) no-repeat 0 0; text-align: center; display: block; float: left; width: 181px; height: 31px; overflow: hidden; } #topNav li a:hover { background-position: 0 -31px; color: #023473; text-decoration: underline; } #topNav li.on a { background-position: 0 -31px; color: #023473; } #topNav li.first { border-left: 0; } #topNav li.last { border-right: 0; } .content { padding-bottom: 50px; width: 100%; background: url(/images/body_bg.png) no-repeat 550px bottom; } .content h1, .content h2 { font-size: 1.6em; color: #304d8d; margin: 0; padding: 0; margin-bottom: 35px; font-weight: normal; } .content h3 { font-size: 1.4em; color: #304d8d; margin: 0; padding: 0; margin-top: 35px; margin-bottom: 15px; font-weight: normal; } .content h3 a { color: #304d8d; } .content h4 { font-size: 1.1em; color: #304d8d; margin: 0; padding: 0; line-height: 1.3em; font-weight: normal; } .content h4 a { color: #304d8d; } .withSubhead { margin-bottom: 2px !important; } .content h4.subhead { margin-top: 0; margin-bottom: 25px; color: #767676; font-size: 1em; font-weight: normal; } .content p, .content li { font-size: 0.9em; color: #1c1c1c; line-height: 1.4em; } .content p { margin-bottom: 25px; } .content a { color: #009DE8; text-decoration: none; } .content a:hover { text-decoration: underline; } .content li { margin-left: 15px; } .content ol.citationList { font-size: 0.8em; margin-bottom: 25px; } .content ul { } .content ul ul { margin: 10px 0; } .content ul.withBullets { margin-bottom: 25px; } .content p.withBullets { margin-left: 35px; } .content ul.withBullets li { list-style-type: disc; margin-left: 35px; } .content ul.specs { margin: 0; padding: 0; margin-bottom: 25px; } .content ul.specs li { margin-left: 0; } .content strong { color: #304d8d; font-weight: normal; } .singleCol { width: 455px; padding: 50px 250px; } .colLeft { float:left; width:315px; padding:0 20px 0 0; } .colRight { float:right; width:315px; padding:0 0 0 20px; } .colLeft ul li, .colRight ul li { margin-left:0; margin-right:0; } .twoColCntnr, .threeColCntnr, .twoColCntnrNav { width: 955px; } .content .nav { float: left; width: 220px; margin-right: 45px; } .content .nav .navHead { padding: 50px 15px 10px 15px; background: #858585; } .content .nav .navHead a { color: #ffffff; font-size: 1em; text-decoration: none; } .content .nav .navHead a:hover { text-decoration: underline; } .content .nav ul { margin: 0; padding: 0; border-bottom: 2px solid #858585; } .content .nav ul.productNav { margin-top: 1px; } .content .nav ul.productNav li ul li { background: #ffffff; } .content .nav ul li { padding: 0; width: 220px; overflow: hidden; background: #CDEBF9; margin: 0; border-bottom: 1px solid #ffffff; line-height: 1em; } .content .nav ul li a { padding: 8px 20px 4px 35px; color: #0666a6; text-decoration: none; letter-spacing: 0; background: url(/images/left_nav_bullet.gif) no-repeat 15px 17px; display: block; line-height: 1.3em; } .content .nav ul li a:hover { text-decoration: underline; } .content .nav ul li.on { background: #ffffff; } .content .nav ul li.on ul li { background: #ffffff; } .content .nav ul li.on a { color: #000000; background-image: url(/images/left_nav_bullet_on.gif); } .content .nav ul li.subCategory { background: #CECECE; padding: 0; } .content .nav ul li.subCategory a { color: #0666a6; background: none; padding: 12px 20px 8px 20px; } .content .nav ul li.subCategoryOn { background: #ECECEC; padding: 0; } .content .nav ul li.subCategoryOn a { color: #000000; background: none; padding: 12px 20px 8px 20px; } .content .nav ul li ul { border-bottom: 0; } .content .nav ul li ul li { border-bottom: 0; } .content .nav ul li.subCategory ul li a, .content .nav ul li.subCategoryOn ul li a { background: #ffffff url(/images/sidebar_nav_arrow.gif) no-repeat 15px 17px; padding: 12px 20px 8px 35px; color: #0666a6; } .content .nav ul li.subCategory ul li.on a, .content .nav ul li.subCategoryOn ul li.on a { color: #000000; background: #ffffff url(/images/subnav_arrow.gif) no-repeat 15px 17px; } .threeColCntnr .contentNav { float: left; margin: 0; padding: 0; margin-bottom: 20px; } .threeColCntnr .contentNav li { float: left; margin: 0; padding: 0; margin-left: 7px; padding-left: 7px; border-left: 1px solid #000000; letter-spacing: 0; font-size: 0.9em; } .threeColCntnr .contentNav li.first { margin-left: 0; padding-left: 0; border-left: 0; } .threeColCntnr .mainContainer { width: 690px; float: left; } .twoColCntnr .main { float: left; width: 600px; margin: 40px 55px 0 45px; } .twoColCntnrNav .main, .twoColCntnrNav .mainContainer { float: left; width: 690px; margin: 0; } .threeColCntnr .main { float: left; width: 475px; margin-right: 30px; } .threeColCntnr .main ul { margin-bottom: 25px; } .twoColCntnr .sidebar { float: left; width: 150px; margin-right: 80px; margin-top: 40px; } .threeColCntnr .sidebar { float: left; width: 175px; margin-right: 10px; margin-top: 40px; } .twoColCntnr .sidebar ul, .threeColCntnr .sidebar ul { } .twoColCntnr .sidebar li, .threeColCntnr .sidebar li { margin-bottom: 20px; } a.imageLink { text-decoration: none; font-size: 1.2em; color: #009de8; letter-spacing: 0; display: block; min-height: 120px; height: auto !important; height: 120px; padding-left: 10px; background: url(/images/sidebar_nav_arrow.gif) no-repeat 0 77px; width: 170px; } a.imageLink img { display: block; margin-bottom: 5px; margin-left: -10px; } a.imageLink:hover { text-decoration: underline; } a.productSideImageLink { clear: both; background-position: 0 173px; } .footer { width: 100%; background: #EFEFEF; padding-bottom: 50px; border-bottom: 1px solid #CECECE; } .footer p { font-size: 0.7em; color: #777777; line-height: 1.7em; width: 680px; margin-left: 15px; margin-top: 15px; } #footerTop { width: 100%; } #footerTop p { float: left; width: 600px; } #footerTop ul { float: right; margin-top: 15px; margin-right: 15px; padding-bottom: 2px; } #footerTop li { float: left; margin-left: 20px; } #footerTop li a { font-size: 0.7em; color: #009de8; padding-left: 10px; background: url(/images/footer_nav_arrow.gif) no-repeat left 4px; } /* SEND TO FRIEND (LINK AND DIALOG) */ .sendToFriend { width: 95%; margin: 0 auto; display: block !important; padding: 10px; border-bottom: 1px solid #CECECE; } .sendToFriend a { background: url(/images/sendtofriend.gif) no-repeat left center; padding-left: 25px; color: #696969; text-decoration: none; float: right; } .sendToFriend a:hover { text-decoration: underline; } .mainContainer .sendToFriend { margin-bottom: 20px; } #sendToFriendDialog { } #sendToFriendDialog .content { padding-bottom: 5px; } #sendToFriendDialog h2 { margin: 0; padding: 0; padding-bottom: 7px; margin-bottom: 20px; border-bottom: 1px solid #B2B2B2; } #sendToFriendForm { padding: 15px; background: #E7E7E7; } #sendToFriendForm #txtTheirName { display: none; } /* This is the anti-spam countermeasure field. */ #sendToFriendDialog h3 { font-size: 1.1em; margin: 0; } #sendToFriendDialog label { font-size: 0.9em; color: #1c1c1c; } .sendToFriendSection { margin: 30px 0; } .sendToFriendRow { margin-top: 10px; } .sendToFriendTextBox { margin-top: 3px; display: block; width: 430px; } #sendToFriendDialog textarea { width: 423px; padding: 5px; color: #1c1c1c; } #sendToFriendDialog textarea.empty { color: #999999; } #sendToFriendDialog .subtext { margin-top: 5px; font-size: 0.8em; color: #767676; } #sendToFriendDialog h4.subtext { margin-bottom: 15px; } #sendToFriendDialog .invalidEmailAddress { display: none; padding-left: 10px; font-size: 0.9em; } #sendToFriendFooter { margin-top: 20px; padding-top: 10px; border-top: 1px solid #B2B2B2; } #sendToFriendFooter p { font-size: 0.8em; color: #1c1c1c; line-height: 1.6em; margin-bottom: 0; } /* HOMEPAGE (INDEX) */ #banners { width: 955px; height: 280px; overflow: hidden; position: relative; } #banners .banner { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background-color: #ffffff; } #banners .banner a { font-size: 2.1em; color: #023472; display: block; position: absolute; text-decoration: none; padding-left: 22px; background: url(/images/banner_arrow.png) no-repeat 0 10px; font-weight: normal; } #banners .banner a:hover { text-decoration: underline; } #banners .banner p { font-size: 1.4em; color: #000000; display: block; position: absolute; padding-left: 22px; font-weight: normal; } #banners #btnNextBanner { position: absolute; text-indent: -5000px; height: 44px; width: 44px; overflow: hidden; top: 100px; right: 30px; background: url(/images/btn_banner_next.png) no-repeat; z-index: 5; outline: 0; } #banners #healingByDesign { background: url(/images/banner_home.jpg) no-repeat; } #banners #healingByDesign a { top: 80px; left: 400px; } #banners #healingByDesign p { top: 120px; left: 400px; width: 430px; } #banners #innovations { background: url(/images/banner_innovations.jpg) no-repeat; } #banners #innovations a { top: 80px; left: 100px; } #banners #innovations p { top: 120px; left: 100px; width: 430px; } #banners #careers { background: url(/images/banner_career.jpg) no-repeat; } #banners #careers a { top: 80px; left: 400px; } #banners #careers p { top: 120px; left: 400px; width: 430px; } #bannerNav { display: block; width: 100%; border-bottom: 3px solid #D6D8D8; padding: 0; margin: 0; height: 47px; position: absolute; bottom: 0; left: 0; overflow: hidden; } #bannerNav li { float: left; height: 47px; overflow: hidden; position: relative; } #bannerNav li a { display: block; width: 100%; height: 100%; background: url(/images/banner_btn_arrow.png) no-repeat 20px center; padding-left: 40px; text-decoration: none; } #bannerNav li a .summaryLine1 { color: #ffffff; text-shadow: -1px -1px #888888, 1px -1px #888888, 1px 1px #888888, -1px 1px #888888; font-size: 1em; margin-bottom: 4px; padding-top: 10px; letter-spacing: 0.1em; display: block; } #bannerNav li a .summaryLine2 { color: #444444; text-shadow: 1px 1px #fff; display: block; font-size: 0.8em; } #bannerNav li.on a { background-image: url(/images/banner_btn_arrow_on.png); } #bannerNav li.on a .summaryLine1 { color: #0666a6; text-shadow: none; letter-spacing: 0; } #bannerNav li.on a .summaryLine2 { text-shadow: none; } #bannerNav li.b0 { width: 307px; background: url(/images/banner_1_btn.png) no-repeat; } #bannerNav li.b0_on { width: 307px; background: url(/images/banner_1_btn_on.png) no-repeat; } #bannerNav li.b1 { width: 326px; background: url(/images/banner_2_btn.png) no-repeat; } #bannerNav li.b1_on { width: 326px; background: url(/images/banner_2_btn_on.png) no-repeat; } #bannerNav li.b2 { width: 322px; background: url(/images/banner_3_btn.png) no-repeat; } #bannerNav li.b2_on { width: 322px; background: url(/images/banner_3_btn_on.png) no-repeat; } #homeContent { padding: 30px 50px 0 50px; margin: 0; } #homeContent h2 { font-size: 2em; } #homeContent p { font-size: 1.2em; } #homeThreeCol { margin: 0 0 100px 50px; } #homeThreeCol .col { float: left; width: 260px; margin-right: 40px; } #homeThreeCol img { display: block; } #homeThreeCol p { margin: 10px 0; padding: 0; } #homeThreeCol a.homeColLink { padding-left: 15px; background: url(/images/sidebar_nav_arrow.gif) no-repeat 0 50%; color: #009de8; display: block; font-size: 1.2em; line-height:1.2; } .categoryContent { float: left; width: 400px; margin: 40px 50px 0 40px; } .categoryContent img { float: left; margin-right: 30px; margin-bottom: 50px; } .categoryLinks { float: left; width: 460px; margin: 0; margin-top: 40px; } .categoryLinksSingleCol { float: left; width: 230px; margin: 0; margin-top: 40px; margin-left: 115px; } .categoryLinks ul { margin: 0; padding: 0; } .categoryLinks li { float: left; width: 210px; margin: 0 20px 25px 0; padding: 0; } .txt13 { font-size:1.3em !important;} /* ABOUT (INDEX) */ #aboutPageHead { height: 130px; overflow: hidden; font-size: 2.3em; color: #023472; text-align: right; padding-right: 80px; background: url(/images/about_banner.jpg) no-repeat; font-weight: normal; line-height: 130px; } #ourBuilding { margin-left: 15px; float: right; } #aboutTable { margin-bottom: 25px; } #aboutTable tbody tr td { background: #eef9f2; } #aboutTable tbody tr.alt td { background: #ffffff; } #aboutTable td { padding: 8px; font-size: 0.9em; } /* ABOUT - GUIDING PRINCIPLES */ #guidingPrinciplesPageHead { height: 130px; overflow: hidden; font-size: 2.3em; color: #023472; text-align: right; padding-right: 80px; background: url(/images/principles_banner.jpg) no-repeat; font-weight: normal; line-height: 130px; } /* ABOUT - CORPORATE PROFILE */ #corporateProfilePageHead { height: 130px; overflow: hidden; font-size: 2.3em; color: #023472; padding-right: 80px; background: url(/images/corporate_profile_banner.jpg) no-repeat; font-weight: normal; line-height: 130px; text-align: right; } /* VAC THERAPY (INDEX) */ #vacTherapyPageHead { height: 130px; overflow: hidden; background: url(/images/banner_vac.jpg) no-repeat; } #vacTherapyPageHead h1 { font-size: 2.3em; color: #023472; padding-top: 40px; padding-left: 630px; font-weight: normal; margin-bottom: 5px; } #vacTherapyPageHead .subHead { font-size: 1em; color: #023472; padding-left: 630px; padding-bottom: 20px; font-weight: normal; } #vacTherapyProductPageHead { height: 130px; overflow: hidden; background: url(/images/banner_vac.jpg) no-repeat; text-align: right; font-size: 2.3em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; } #vacLogo { margin-bottom: 70px; } /* Wound Management */ #WoundManagementPageHead { height: 130px; overflow: hidden; background: url(/images/wound_management_banner.jpg) no-repeat; font-size: 2.1em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } #categoryList h3{ border-bottom:1px solid #D0D0D0; padding:0 0 10px 0; margin:0; width:685px; } #categoryList .wlst{ border-bottom:1px solid #D0D0D0; padding:10px 0; margin: 0 5px 0 0; } #categoryList .wlst.top_li{ border-top:1px solid #D0D0D0; } #categoryList .wlst .categoryImage{ float:left; margin-right:10px; } #categoryList .wlst h4.category{ width:486px;float:left; } #categoryList .wlst p{ width:486px;float:left; margin-bottom:10px; } .wound_txt{ float:left; width:460px; } .wound_txt2{ width:685px; } .fl{ float:left; } /* Evidence */ .ce_txt{ margin:0 10px 20px 0; } .ce_txt h2{ margin-bottom:5px; } .ce_txt p{ margin-bottom:5px !important; } .ce_txt strong{ font-weight:bold; } /* ABOUT VAC THERAPY */ #aboutVACTherapyPageHead { height: 130px; overflow: hidden; background: url(/images/about_vac_therapy_banner.jpg) no-repeat; font-size: 2.1em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } .productRowTwoCol { margin-bottom: 20px; padding-bottom: 25px; border-bottom: 1px solid #D0D0D0; width: 650px; } .productRowMain { float: left; width: 370px; margin-right: 40px; min-height: 1px; height: auto !important; height: 1px; } .productRowMain h3 { margin-top: 0; } .productRowMain ul, .productRowMain ol { margin: 5px; padding: 0; } .productRowMain li { margin: 0; margin-bottom: 5px; padding: 0; } .productRowMain ul li a { padding-left: 15px; background: url(/images/sidebar_nav_arrow.gif) no-repeat 0 5px; } .productRowMain ul li a.nobullet { background: none; padding: 0; } .productRowMain ol li { list-style-type: decimal; list-style-position: inside; } .productRowMain img { float: left; margin-right: 15px; margin-bottom: 30px; } .productRowSide { float: left; width: 220px; position: relative; } .bttLink { padding-right: 10px; background: url(/images/btt_arrow.gif) no-repeat right center; float: right; margin-bottom: 30px; } p.bttLinkP { text-align: right; } p.bttLinkP .bttLink { float: none; } .productRowSide p .bttLink { float: right; } .singleCol .bttLink { margin: 0; } .productRowSide a.imageLink { margin-bottom: 5px; } .productRowLast { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } /* SCIENCE BEHIND THE THERAPY */ #sciencePageHead { height: 130px; overflow: hidden; background: url(/images/science_banner.jpg) no-repeat; font-size: 2.3em; color: #023472; padding-left: 460px; font-weight: normal; line-height: 130px; } #sbtTable1 { width: 100%; } #sbtTable1 thead tr { background: #ABDEBE; } #sbtTable1 th { padding: 10px 8px; font-size: 0.9em; font-weight: bold; text-align: left; } #sbtTable1 tbody tr { background: #EEF9F2; } #sbtTable1 tbody tr.alt { background: #FFFFFF; } #sbtTable1 td { padding: 8px; font-size: 0.9em; } /* CLINICAL EVIDENCE */ #clinicalPageHead { height: 130px; overflow: hidden; background: url(/images/clinical_evidence_banner.jpg) no-repeat; font-size: 2.3em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } #VacEvidencePageHead { height: 130px; overflow: hidden; background: url(/images/vac_evidence_banner.jpg) no-repeat; font-size: 2.3em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } /* DRESSING TECHNOLOGY */ #dressingTechPageHead { height: 130px; overflow: hidden; background: url(/images/dressing_technology_banner.jpg) no-repeat; font-size: 2.3em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } /* VAC THERAPY (AND CHILD PAGES') TABS */ #tabContainer { border-top: 1px solid #696969; background: url(/images/tabs_bg.png) no-repeat left bottom; min-height: 300px; height: auto !important; height: 300px; } .twoColCntnrNav #tabContainer { background: url(/images/tabs_small_bg.png) no-repeat left bottom; } #tabs { display: none; } /* fighting a peek-a-boo bug */ #tabs .productIntro { width: 520px; padding: 0 150px 0 0; margin-bottom: 25px; border-bottom: 1px solid #CCCCCC; } #tabs .productList { margin: 0; padding: 0; } #tabs .productList li { margin: 0; margin-bottom: 40px; padding: 0; letter-spacing: 0; } #tabs .productList li a.productImageLink { float: left; margin-right: 20px; } #tabs .productList li div { float: left; width: 450px; } #tabs .productList li div a { color: #009de8; padding-left: 15px; background: url(/images/sidebar_nav_arrow.gif) no-repeat 0 7px; display: block; font-size: 1.1em; margin-bottom: 5px; } #tabs .productList li div ul { margin: 0; margin-left: 15px; padding: 0; } #tabs .productList li div ul li { margin: 0; padding: 0; margin-bottom: 1px; } /* CAREERS TABS */ .twoColCntnrNav .careers_tab.ui-tabs { width:670px; margin:0 0 50px 0;} .careers_tab #tabContainer { border: none; background: url(/images/tabs_bg2.png) no-repeat left bottom !important; min-height: 300px; height: auto !important; height: 300px; } #tabs.careers_tab li.careers_01 a{ display:block; background:url(/images/careers_tab_01.gif) no-repeat; width:223px; height:67px; padding:0; text-indent:-9999px; font-size:0.1;} #tabs.careers_tab li.careers_02 a{ display:block; background:url(/images/careers_tab_02.gif) no-repeat; width:224px; height:67px;padding:0; text-indent:-9999px; font-size:0.1;} #tabs.careers_tab li.careers_03 a{ display:block; background:url(/images/careers_tab_03.gif) no-repeat; width:223px; height:67px;padding:0; text-indent:-9999px; font-size:0.1;} #tabs.careers_tab li.ui-tabs-selected.careers_01 a, #tabs.careers_tab li.careers_01 a:hover { background:url(/images/careers_tab_01_on.gif) no-repeat;} #tabs.careers_tab li.ui-tabs-selected.careers_02 a, #tabs.careers_tab li.careers_02 a:hover { background:url(/images/careers_tab_02_on.gif) no-repeat;} #tabs.careers_tab li.ui-tabs-selected.careers_03 a, #tabs.careers_tab li.careers_03 a:hover { background:url(/images/careers_tab_03_on.gif) no-repeat;} .careers_tab.ui-tabs .ui-tabs-nav { padding:0;} .careers_tab.ui-tabs .ui-tabs-nav li { border:none; margin:0;} .careers_tab.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding:0;} .careers_tab.ui-tabs .ui-tabs-panel { padding:15px 20px;} #tabs.careers_tab h2{ color:#00639e; font-size:1.4em; font-weight:bold; margin:0 0 25px 0;} #tabs.careers_tab p{ margin:0 0 1em 0; font-size:0.8em;} #tabs.careers_tab div p.careerslink a { color: #009de8; padding-left: 15px; background: url(/images/sidebar_nav_arrow.gif) no-repeat 0 3px;} #tabs.careers_tab .careers_box { float:left; padding:0 9px 0 0; margin:0 9px 0 0; border-right:1px dotted #009ee7; width:197px;} #tabs.careers_tab .careers_box.end { padding:0; margin:0; border-right:none;} #tabs.careers_tab .careers_box h3 { margin:5px 0; color:#000000; font-size:1em; font-weight:bold;} #tabs.careers_tab .careers_box p { margin:0;} #tabs.careers_tab .line_box { margin:0 0 30px 0;} /* CAREERS */ .careers_top .sendToFriend { margin:0; border:none;} #careersPageHead { height: 130px; overflow: hidden; background: url(/images/career_page.jpg) no-repeat; text-align: right; font-size: 2.3em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; } .twoColCntnrNav .careers { width: 500px; margin-bottom: 50px; padding-right: 190px; } .nav .contactContent, .categoryLinksSingleCol ul li .contactContent {font-size:1.6em; color:#304d8d;} .contactContent .contactHeading {text-decoration:underline;} .nav .contactContent {padding:20px 0 0 0;} #faq_menu { border-top:2px #ccc solid; width:670px;} #faq_menu li { background:url(/images/careers_faq_01.gif) no-repeat left top; margin:0; padding:8px 0 0 0; height:28px; float:left; text-align:center;} #faq_menu li a { padding:0 0 0 13px; background:url(/images/careers_faq_03.gif) no-repeat left top;} #faq_menu .m01 { width:140px;} #faq_menu .m02 { width:200px;} #faq_menu .m03 { width:184px;} #faq_menu .m04 { background:url(/images/careers_faq_02.gif) no-repeat left top; width:146px;} .main.faq { width:670px;} .main.faq h3{ background:#ebebeb; font-weight:bold; color:#2b2b2b; font-size:1em; padding:7px 0 7px 20px;} .main.faq .faq_q { background:url(/images/careers_faq_q.gif) no-repeat left top; height-min:23px; color:#3e5893; padding:3px 0 0 34px; margin:0;} .main.faq .faq_a { background:url(/images/careers_faq_a.gif) no-repeat left top; height-min:23px; padding:3px 0 7px 34px; margin:0 0 10px 0; border-bottom:1px dashed #009dea;} .main.apply { width:670px;} .main.apply .apply_btn { border-top:2px solid #ccc; border-bottom:2px solid #ccc; padding:15px 0 15px 80px; min-height:100px;} .main.apply .apply_btn p { float:right; width:360px; margin:0;} .main.apply .apply_btn img { float:left;} .main.apply .apply_btn .txtsub { font-size:0.7em;} .main.apply .apply_img { padding:0 0 0 80px;} .main.careers_work { width:670px;} .scdttl { margin-bottom:15px !important;} .main.careers_work h3 { font-weight:bold; border-bottom:1px dotted #304b90; font-size:1.1em; padding:0 0 8px 0;} .main.careers_work h4 { font-weight:bold; background:url(/images/careers_work01.gif) no-repeat left 5px; font-size:0.9em; padding:0 0 0 17px;} .main.careers_work .work_img { text-align:center; padding:30px 0 0 0; margin:0 0 80px 0; width:670px; float:left;} .main p.staffButton { clear:both; text-align:center; width:200px; margin:0 auto; } .main p.staffButton a { display:block; padding:10px 0; color:#fff; background:#558ed5; } .main.careers_work .workbox { float:left; width:315px; margin:0 10px;} .main.careers_work .workbox h3 { font-size:0.9em; margin-top:10px;} .main.careers_work .workbox .line_box { margin:20px 0 0 0;} .main.careers_work .workbox .line_box h3 { margin:0; padding:0; border:none; font-size:0.7em;} .main.careers_work .workbox .line_box p { font-size:0.7em; margin:0;} .main.careers_work .workbox .line_box .careers_box { float:left; width:150px;} .main.careers_work .workbox .line_box .careers_box.nextbox { margin:0 15px 0 0;} .main.careers_work .workbox .line_box .careers_box .careerslink a{ color: #009de8; padding-left: 15px; background: url(/images/sidebar_nav_arrow.gif) no-repeat 0 3px;} .main.careers_work { width:670px;} .main.careers_work .titleimg { padding:20px 0 20px 0;} .main.careers_work h3 { margin:0 0 5px 0; font-size:1em; font-weight:bold;} .main.careers_work .staff_list { background:#e6e9f0; border:1px solid #e0dfe4; margin:0 0 80px 0;} .main.careers_work .staff_list dl { float:left; margin:20px 0 0 20px;} .main.careers_work .staff_list dl dd { margin:20px 0 20px 0; font-size:0.8em; line-height:1.4;} .main.careers_staff { width:670px;} .main.careers_staff .titleimg { padding:20px 0 20px 0;} .main.careers_staff h3 { margin:0 0 5px 0; font-size:1em; font-weight:bold;} .main.careers_staff .staff_list { background:#e6e9f0; border:1px solid #e0dfe4; margin:0 0 80px 0;} .main.careers_staff .staff_list dl { float:left; margin:20px 0 0 20px;} .main.careers_staff .staff_list dl dd { margin:20px 0 20px 0; font-size:0.8em; line-height:1.4;} .nav .staff_schedule { width:220px; float:left; background:#e6e9f0;} .nav .staff_schedule div { border-left:1px solid #fff; margin:0 10px 0 10px; padding:0 0 0 10px; overflow:hidden;} .nav .staff_schedule div h2 { margin:0; padding:20px 0 30px 0;} .nav .staff_schedule div h3 { margin:0 0 0 0; font-size:0.7em; font-weight:bold; color:#000000;} .nav .staff_schedule div p { background:url(/images/careers_staff_bk.gif) no-repeat 70px bottom; padding:0 0 40px 0; font-size:0.7em;} .nav .staff_schedule div p.list_end { background:none; padding:0 0 0 0;} .blank_icon { background:url(/images/icon_01.gif) right center no-repeat; padding:0 23px 0 0;} /* INFOMATION */ #infoPageHead { height: 130px; overflow: hidden; background: url(/images/banner_info.jpg) no-repeat; font-size: 2.1em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } /* EVENT */ #eventPageHead { height: 130px; overflow: hidden; background: url(/images/banner_event.jpg) no-repeat; font-size: 2.1em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } .main.event .txtsub { font-size:0.8em;} /* EVENT TABS */ .twoColCntnrNav .event_tab.ui-tabs { width:670px; margin:0 0 50px 0;} .event_tab #tabContainer { border: none; background: url(/images/tabs_bg2.png) no-repeat left bottom !important; min-height: 300px; height: auto !important; height: 300px; } #tabs.event_tab li.careers_01 a{ display:block; background:url(/images/event_tab_01.gif) no-repeat; width:223px; height:67px; padding:0; text-indent:-9999px; font-size:0.1;} #tabs.event_tab li.careers_02 a{ display:block; background:url(/images/event_tab_02.gif) no-repeat; width:224px; height:67px;padding:0; text-indent:-9999px; font-size:0.1;} #tabs.event_tab li.careers_03 a{ display:block; background:url(/images/event_tab_03.gif) no-repeat; width:223px; height:67px;padding:0; text-indent:-9999px; font-size:0.1;} #tabs.event_tab li.ui-tabs-selected.careers_01 a, #tabs.event_tab li.careers_01 a:hover { background:url(/images/event_tab_01_on.gif) no-repeat;} #tabs.event_tab li.ui-tabs-selected.careers_02 a, #tabs.event_tab li.careers_02 a:hover { background:url(/images/event_tab_02_on.gif) no-repeat;} #tabs.event_tab li.ui-tabs-selected.careers_03 a, #tabs.event_tab li.careers_03 a:hover { background:url(/images/event_tab_03_on.gif) no-repeat;} .event_tab.ui-tabs .ui-tabs-nav { padding:0;} .event_tab.ui-tabs .ui-tabs-nav li { border:none; margin:0;} .event_tab.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding:0;} .event_tab.ui-tabs .ui-tabs-panel { padding:15px 20px;} #tabs.event_tab h2{ color:#00639e; font-size:1.4em; font-weight:bold; margin:0 0 25px 0;} #tabs.event_tab h3{ border:none; font-size:0.8em; line-height:1.4em; font-weight:bold; padding:0 0 5px 0;} #tabs.event_tab p{ margin:0 0 1em 0; font-size:0.8em; line-height:1.4em;} #tabs.event_tab dl dt{ width:7em; float:left; clear:both; margin:0 0 0 0; font-size:0.8em; line-height:1.4em;} #tabs.event_tab dl dd{ margin:0 0 0 7em; font-size:0.8em; line-height:1.4em;} #tabs.event_tab #region dl dt{ width:5em;} #tabs.event_tab #region dl dd{ margin:0 0 0 5em;} #tabs.event_tab #seminar dl dt{ width:3em;} #tabs.event_tab #seminar dl dd{ margin:0 0 0 3em;} #tabs.event_tab div p.careerslink a { color: #009de8; padding-left: 15px; background: url(/images/sidebar_nav_arrow.gif) no-repeat 0 3px;} #tabs.event_tab .careers_box { float:left; padding:0 9px 0 0; margin:0 9px 0 0; border-right:1px dotted #009ee7; width:197px;} #tabs.event_tab .careers_box.end { padding:0; margin:0; border-right:none;} #tabs.event_tab .careers_box h3 { margin:5px 0; color:#000000; font-size:1em; font-weight:bold;} #tabs.event_tab .careers_box p { margin:0;} #tabs.event_tab .line_box { margin:0 0 30px 0;} /* OUR PEOPLE */ #ourPeoplePageHead { height: 130px; overflow: hidden; background: url(/images/our_people_banner.jpg) no-repeat; font-size: 2.3em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } /* CONTACT US */ #contactUsPageHead { height: 130px; overflow: hidden; background: url(/images/banner_contact.jpg) no-repeat; font-size: 2.3em; color: #023472; padding-right: 80px; font-weight: normal; line-height: 130px; text-align: right; } .contactUsCntnr { width: 955px; overflow: hidden; } #contactUsFormCntnr { width: 450px; margin: 40px; float: left; } #contactUsForm { background: #E7E7E7; padding: 10px; width: 428px; } .contactUsSection { padding-bottom: 5px; margin: 5px 0 10px 0; border-bottom: 1px solid #B9B9B9; } .contactUsSection h4 { margin-bottom: 5px;} .contactUsRow { margin: 0; margin-bottom: 7px; } .contactUsCell { float: left; margin-right: 10px; } #contactUsForm div { color: #1c1c1c; font-size: 0.95em; } span.requiredField { color: #ff0000; padding-right: 5px; } #contactUsForm input { display: inline; } .contactUsTextBox, #contactUsForm textarea { margin-top: 3px; display: block; } #contactUsForm .nonFieldLabel { margin-bottom: 5px; } input.phoneNumber { width: 407px; } #txtFirstName, #txtLastName, #txtEstablishmentSurname, #txtEstablishmentName { width: 195px; } #txtEmail, #txtSubject { width: 407px; } #txtAddress { display: none !important; } /* This is an anti-spam field and not part of the actual form */ #contactUsForm textarea { width: 400px; padding: 5px; color: #1c1c1c; } #contactUsForm textarea.empty { color: #999999; } .agreeRow { margin-left: 10px; margin-bottom: 2px; } .agreeCheckbox { margin-left: 6px; margin-bottom: 12px; } .requiredFieldNotification { color: #ff0000 !important; font-size: 0.8em; margin-bottom: 20px; } #invalidEmailAddress { display: none; } .btnSubmit { background: url(/images/btn_submit.png) no-repeat; border: 0; width: 97px; height: 37px; line-height: 33px; color: #ffffff; font-size: 1.2em; outline: 0; margin: 10px 0 10px 20px; cursor: pointer; } #contactUsMapCntnr { width: 320px; margin: 70px 40px 40px 30px; float: left; } #contactUsMapCntnr a { color: #009de8; line-height: 1.5em; } .contactUsCntnr h4.subhead { margin-top: 0; margin-bottom: 2px; color: #767676; font-size: 1em; font-weight: normal; } #contactUsMethods { padding: 0; margin: 30px 0; border-bottom: 1px solid #cccccc; } #contactUsMethods li { margin-left: 0; margin-bottom: 20px; width: 200px; } .contactUsDialogInner { height: 500px; width: 500px; padding: 50px; border: 1px solid #cccccc; overflow: auto; } .fieldError { border: 2px solid #ff0000; background: #ffeeee; } /* NEWS/MEDIA */ .newsTwoColCntnr { width: 875px; overflow: hidden; padding: 30px 50px; } .newsTwoColCntnr h2 { width: 875px; float: left; margin-bottom: 30px; } .newsTwoColCntnr .main { width: 400px; margin-right: 75px; float: left; } .newsTwoColCntnr .sidebar { width: 350px; background: #E9ECEE; padding: 15px; float: left; margin-bottom: 100px; } .newsTwoColCntnr .sidebar h3 { margin: 0; margin-bottom: 2px; } .newsTwoColCntnr .sidebar h4 { margin: 0; margin-bottom: 20px; color: #1c1c1c; } /* SITEMAP */ .siteMap { width: 455px; padding: 50px 250px; } .siteMap li { font-size: 1.05em; list-style-type: disc; } /* DIALOG STYLES */ body .ui-dialog .ui-dialog-buttonpane button.defaultButton {background: transparent url(/images/sprite_dialogue_btns.gif) no-repeat -4px -3px; border: none; height: 38px; padding: 0; width: 138px; text-indent: -9999px;} body .ui-dialog .ui-dialog-buttonpane button {background: transparent url(/images/sprite_dialogue_btns.gif) no-repeat -148px -3px; border: none; height: 38px; padding: 0; width: 138px; text-indent: -9999px;} .confirmationDialogInner .subtitle { margin-bottom:10px!important; text-align:center; font-size:120%; font-weight:bold; } .confirmationDialogInner { border:1px solid #ccc; padding:40px 20px 20px 20px; width:550px; margin:100px auto 150px auto;} .confirmationDialogInner .button_area{ padding:0 0 0 137px;} .confirmationDialogInner .button_area a{ display:block; float:left; background:url(/images/sprite_dialogue_btns.gif) no-repeat scroll -4px -3px transparent; width:138px; height:38px; padding:0; border:medium none; text-indent:-9999px; margin:5px; cursor:pointer;} .confirmationDialogInner .button_area a.button_no{ background:url(/images/sprite_dialogue_btns.gif) no-repeat scroll -148px -3px transparent;} .confirmationDialogInner .button_area a:hover{ text-decoration:none;} .makeDefault { margin: 0 0 25px 10px; } .makeDefault label { padding-left: 5px; font-size: 1.1em; position: relative; top: 2px; } /* these styles are used to combat a peek-a-boo bug, noticed in Safari 4 */ .confirmationDialog { display: none; } #sendToFriendDialog { display: none; } #termsAndConditionsDialog { display: none; } #privacyPolicyDialog { display: none; } /* SUPPLEMENTAL JQUERY UI STYLES */ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; } .ui-dialog { border:1px solid #ccc; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; background: #ffffff; opacity: 1; filter: Alpha(Opacity=100); } /* UPDATED: 03.20.2011 */ #qNotice { padding:0.75em; background:#efefef; } #qNotice h2 {text-align:center; color:#000;} #qNotice h2, #qNotice p { font-size:0.9em; } #qNotice .signature {text-align:right;} #qNotice .lastmod { color:#f00; }