/*--------------------------------------------------------------------------------------- Website: Company Health Author: Bitmedia Created: April 2009 ---------------------------------------------------------------------------------------*/ @import "default.css"; body { background: url('../images/bg.jpg') #b3dbdf;} /*--------------------------------------------------------------------------------------- Base Typography ---------------------------------------------------------------------------------------*/ /* Links */ a:link, a:visited { color: #028793;} a:hover { border-bottom: 1px dotted #999; text-decoration: none;} /* Links Page */ body.linksPage #contentText ul { list-style: none; margin: 0; padding: 0 0 0 5px;} body.linksPage #contentText ul li { background: url('../images/bullet.png') no-repeat 0 4px; padding: 0 0 0 20px;} body.linksPage #contentText a { color: #028793; text-decoration: none;} /* Normal Type */ body { font: 62.5% arial, tahoma, helvetica; color: #000;} #pageheaderContainer, #pagebodyContainer, #footerContainer { font-size: 1.2em; line-height: 1.4em; text-align: left;} p { padding: 0 0 1.4em 0;} #sideCol, #sideCol2, #mainCol { font-size: 1em; line-height: 1.4em;} p.footnote { font-size: .8em;} /* Headers */ h1 { font-size: 1.3em; padding-bottom: 1em;} h2 { font-size: 1.3em; padding-bottom: 1em; color: #005581;} h3 { width: 163px; padding: 0 0 0 13px; margin: 20px 0 0 13px; line-height: 26px; text-transform: uppercase; background: url('../images/bg-navSprites.png') no-repeat -353px 0; color: #fff; font-size: .9em; font-weight: bold;} #sideCol2 h3 { margin: 20px 13px 0 0;} h1#innerHead { display: block; width: 577px; height: 161px; color: #165a8b; font-size: 2em; position: relative; overflow: hidden; border: 1px solid #005581; padding: 0; margin-bottom: 1em;} h1#innerHead span { display: block; position: absolute; bottom: 20px; left: 10px; line-height: 1em; width: 250px;} /*--------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ /* Accessibility Toolbar */ #access { position: absolute; top: 0; right: 0;} /* Header */ #pageheaderContainer { background: url('../images/bg-headerContainer.png') repeat-x;} #pageheader { width: 983px; border-right: 1px solid #fff; border-left: 1px solid #fff; margin: 0 auto; overflow: hidden; background: url('../images/bg-header.png') repeat-x; height: 183px; position: relative; } #card {float: left; margin-left: 15px;} #logo { float: right; margin-top: 36px;} /* PageBody */ #pagebodyContainer { background: #ebebeb;} #pagebody { width: 983px; border-right: 1px solid #fff; border-left: 1px solid #fff; margin: 0 auto; padding-bottom: 2.8em; overflow: hidden; background: #fff;} #sideCol { float: left; width: 189px; padding: 16px 15px 0 0px;} #mainCol { float: left; width: 577px; padding: 16px 10px 0 0;} #sideCol2 { float: right; padding: 16px 10px 0 0; width: 176px;} /* Footer */ #footerContainer { background: url('../images/bg-footerContainer.png') repeat-x;} #footer { width: 963px; padding: 15px 10px 0; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0 auto; overflow: hidden; background: url('../images/bg-footer.png') repeat-x #018693; text-align: center; min-height: 100px; color: #fff;} #footer a { color: #fff; text-decoration: none;} #footer a:hover {border-bottom: 1px dotted #fff;} * html #footer { height: auto;} * html #footer { height: 100px;} #footer #slogan { margin-top: 20px;} #footer #slogan a { text-decoration: underline;} #footer #design { margin-top: 20px;} #footer #design a { color: #91bbbf; font-size: .9em;} /*--------------------------------------------------------------------------------------- Content - SideColumn ---------------------------------------------------------------------------------------*/ /* Newsletter */ #newsletter { padding: 5px 0 24px 7px; margin: 0 0 0 13px; border-bottom: 1px solid #ebebeb;} #newsletter p { padding-bottom: 3px;} #newsletter .newsletterArrow { float: right; display: block; width: 22px; height: 21px; margin: 4px 0 0 0; background: url('../images/bg-arrow.png') no-repeat; text-indent: -9999px; overflow: hidden;} #newsletter .newsletterArrow:hover { background-position: bottom left; border: 0;} #newsletter a { text-decoration: none; color: #000;} #sideCol h3#newsletterHeader a { display: block; width: 163px; padding: 0 0 0 13px; line-height: 26px; background: url('../images/bg-navSprites.png') no-repeat -353px 0; color: #fff; text-decoration: none;} #sideCol h3#newsletterHeader a:hover { background-position: -529px 0; border-bottom: 0;} /* Advice Leaflets */ #adviceleaflets { background: url('../images/bg-leaflet-chl.png') no-repeat bottom left; padding: 5px 85px 5px 10px; width: 90px; min-height: 114px; text-align: left; overflow: hidden;} * html #adviceleaflets { height: auto;} * html #adviceleaflets { height: 114px;} #adviceleaflets .readmore { background: url('../images/readmoreReflection.png') no-repeat bottom left; width: 76px; padding: 5px 0 10px 0; text-align: left; float: left;} #adviceleaflets .readmore a { display: block; width: 76px; height: 22px; background: url('../images/readmore.png') no-repeat; text-indent: -9999px; outline: 0;} #adviceleaflets .readmore a:hover { background-position: top right; border-bottom: 0;} /* Leaflets Page */ #leaflets { } #leaflets div { position: relative; float: left; border: 1px solid #a0a0a0; margin: 0 0 13px 13px; width: 127px; height: 96px;} #leaflets div.first { margin-left: 0;} #leaflets div a { border: 0; text-decoration: none;} #leaflets div img { position: absolute; } #leaflets div span { position: absolute; bottom: 0; color: #fff; display: block; width: 112px; background: url('../images/black.png'); padding: 3px 5px 4px 10px; font-weight: bold; font-size: 11px; line-height: 13px; cursor: pointer;} /* Bottom Logos */ img#bottomLogos { margin: 28px 0 0 13px;} /* Case Studies */ #casestudies { overflow: hidden;} .study { background: url('../images/bg-casestudy.png') no-repeat; width: 272px; height: 169px; float: left; overflow: hidden; margin: 0 0 25px 0;} .right { float: right;} .study .title { color: #006d9d; font-size: 1.3em; line-height: 1.2em; width: 190px; height: 40px; padding: 5px 0 0 21px;} .study .abstract { padding: 20px 10px 0 20px; height: 70px;} .study .link { padding: 0 0 0 20px;} .study .link a { display: block; width: 91px; height: 18px; background: url('../images/button-readmore.png') no-repeat; text-indent: -9999px; overflow: hidden;} .study .link a:hover { background-position: bottom left; border-bottom: 0;} /*--------------------------------------------------------------------------------------- Content - Main Column ---------------------------------------------------------------------------------------*/ #contentHeader { margin: 0 0 20px 0;} #contentHeader #imgInner { border: 1px solid #005581;} #contentText { padding: 0 10px; } /*--------------------------------------------------------------------------------------- Content - Side Column 2 ---------------------------------------------------------------------------------------*/ h3#newsHeader { margin: 0 0 0 0;} #newsPg { } #newsPg ul li { margin: 0; padding: 0;} #newsPg .article{ margin: 5px 0 15px 0; padding: 0 0 8px; height: 117px; overflow: hidden;} #newsPg .radr_item { border-bottom: 1px solid #ebebeb; } #newsPg .img img { border: 1px solid #12618a;} #newsPg .title { color: #005581; font-weight: bold; padding: 3px 10px 0; background: #fff;} #newsPg .title a { color: #005581; font-weight: bold; text-decoration: none; border: 0;} #newsPg .title a:hover { color: #028793; border: 0;} #newsPg .date { padding: 3px 5px 0;} #newsPg .abstract { padding: 3px 10px 0;} #newsPg .link { padding: 0 5px;} #newsPg .link a { font-weight: bold;} /*--------------------------------------------------------------------------------------- Navigation ---------------------------------------------------------------------------------------*/ /* Main Nav */ .RadPanelBar { width:189px !important;} /* root Level */ ul.rpRootGroup { margin: 0 0 30px 13px !important; padding: 0 !important; list-style: none; font-size: .9em; border: 0 !important;} ul.rpRootGroup li { margin: 0 0 2px !important; padding: 0;} .RadPanelBar .rpText { padding: 0 !important;} .RadPanelBar .rpOut { border: 0 !important; } .RadPanelBar .rpLink { border-bottom-width: 0 !important;} ul.rpRootGroup li a { display: block; width: 163px !important; padding: 8px 0 8px 13px !important; line-height: 1.3em; text-transform: uppercase; background: url('../images/bg-navSprites.png') no-repeat; color: #fff !important; text-decoration: none !important; font-weight: bold; border: 0 !important;} ul.rpRootGroup li a:hover { background-position: -176px 0; border-bottom: 0 !important; padding: 8px 0 7px 13px !important;} ul.rpRootGroup li a.rpSelected { background-position: -176px 0; padding: 8px 0 7px 13px !important;} ul.rpRootGroup li.rpFirst a { background-position: -353px 0; padding: } ul.rpRootGroup li.rpFirst a:hover { background-position: -529px 0;} ul.rpRootGroup li.rpFirst a.rpSelected { background-position: -529px 0;} ul.rpRootGroup li.rpLast a { background-position: -706px 100%;} ul.rpRootGroup li.rpLast a:hover { background-position: -882px 100%;} ul.rpRootGroup li.rpLast a.rpSelected { background-position: -882px 100%} /* This deals with the backgrounds on the last item when it's expandable. */ ul.rpRootGroup li.rpLast a.rpExpanded { background-position: 0 100%;} ul.rpRootGroup li.rpLast a.rpExpaned:hover { background-position: -176px 100%;} ul.rpRootGroup li.rpLast a.rpExpanded.rpSelected { background-position: -176px 100%} .RadPanelBar .rpGroup .rpLink, .RadPanelBar .rpGroup .rpTemplate { font-size: 1em !important; line-height: 1em !important;} /* Level 1 */ ul.rpLevel1 { overflow: hidden !important;} ul.rpLevel1 li { margin: 2px 0 0 !important;} ul.rpLevel1 li a, ul.rpLevel1 li.rpFirst a, ul.rpLevel1 li.rpLast a { background-position: -1058px 0 !important; color: #6c6e6e !important; font-weight: normal; text-transform:none; line-height: 1.1em; padding: 7px 0 7px 13px !important;} ul.rpLevel1 li a:hover, ul.rpLevel1 li.rpFirst a:hover, ul.rpLevel1 li.rpLast a:hover{ background-position: -1234px 0 !important; padding: 7px 0 7px 13px !important;} ul.rpLevel1 li a.rpSelected { background-position: -1234px 0 !important; color: #333 !important; font-weight: bold; padding: 7px 0 7px 13px !important;} /* This deals with the backgrounds on the last item when it's expandable. */ ul.rpRootGroup li.rpLast ul.rpLevel1 a { background-position: -1059px 0% !important;} ul.rpRootGroup li.rpLast ul.rpLevel1 a:hover { background-position: -1235px 0 !important;} ul.rpRootGroup li.rpLast ul.rpLevel1 a.rpSelected { background-position: -1235px 0% !important;} ul.rpRootGroup li.rpLast ul.rpLevel1 li.rpLast a { background-position: -1765px 100% !important;} ul.rpRootGroup li.rpLast ul.rpLevel1 li.rpLast a:hover { background-position: -1941px 100% !important;} ul.rpRootGroup li.rpLast ul.rpLevel1 li.rpLast a.rpSelected { background-position: -1941px 100% !important;} /* Minor Nav */ ul#minorNav, ul#minorNav2 { float: right; margin: 0; padding: 0; list-style: none; text-align: left; font-size: .9em;} ul#minorNav2 { float: left;} ul#minorNav li, ul#minorNav2 li { margin: 0; padding: 0 5px; display: inline; color: #fff; background: url('../images/bg-minornavdivider.png') center right no-repeat;} ul#minorNav li.last, ul#minorNav2 li.last { background: none;} ul#minorNav li a, ul#minorNav2 li a { color: #fff; text-decoration: none;} ul#minorNav li a:hover, ul#minorNav2 li a:hover { border-bottom: 1px dotted #fff;} ul#minorNav li a.selected, ul#minorNav2 li a.selected { border-bottom: 1px dotted #fff; font-weight: bold;} /*--------------------------------------------------------------------------------------- Forms ---------------------------------------------------------------------------------------*/ /* Form Highlight */ .formFocus { background: #d5eef1;} .formFocus .input, .formFocus .select { border: 1px solid #585858 !important;} .formRow { margin-bottom: 0; padding: 5px 0;} .formLeft { padding: 0 0 0 10px;} input.submit { margin-left: 160px;} .input, .textarea { padding: 2px 3px;} /* Enquiry Form */ #enquiryForm { } #enquiryForm .input { width: 200px; } #enquiryForm .submit { background: url('../images/button.png') no-repeat; padding: 0; width: 76px; height: 22px; color: #fff; font-size: .9em; font-weight: bold; letter-spacing:1px} #enquiryForm .submit:hover { background-position: top right;} /* Upload Form */ #uploadForm {} #uploadForm .input { width: 213px; } #uploadForm .textarea { width: 213px; height: 150px;} #uploadForm .submit { background: url('../images/button.png') no-repeat; padding: 0; width: 76px; height: 22px; color: #fff; font-size: .9em; font-weight: bold; letter-spacing:1px} #uploadForm .submit:hover { background-position: top right;} /* Upload CV Button */ .uploadCV { display: block; width: 110px; height: 28px; background: url('../images/button-uploadcv.png') no-repeat; text-indent: -9999px; overflow: hidden;} .uploadCV:hover { background-position: bottom left; border: 0;} /* Newsletter Form */ #newsletterForm { overflow: hidden;} #newsletterForm .input { margin-top: 5px; font-size: 1em; color: #000; width: 130px; padding: 2px 2px;} #newsletterForm .blur { color: #666;} #newsletterForm .formRow { margin: 0 0 3px 0; padding: 0;} #newsletterForm .submit { background: url('../images/button.png') no-repeat; margin: 0 0 0 60px; padding: 0; width: 76px; height: 22px; color: #fff; font-size: .9em; font-weight: bold; letter-spacing:1px} #newsletterForm .submit:hover { background-position: top right;} /*--------------------------------------------------------------------------------------- Misc. ---------------------------------------------------------------------------------------*/ /* Error Page */ p#errorMessage { padding: 100px 0; text-align: center;} /* sample Pagegroup */ #pg { } #pg .item { padding-bottom: 2.8em;} #pg .item .title { font-size: 1.1em; color: #005581;} #pg .item .abstract { padding: 3px 0;} #pg .item .link a { font-weight: bold;} /* Archive Link */ #archive { background: url('../images/forward.png') no-repeat 0% 1.6em; padding: 1.4em 0 0 17px;} /* Accessibility */ #access { color: #13426c; font-size: .9em; line-height: 1.9em; background: #f9f9f9;} #access a { color: #13426c; text-decoration: none;} #access a:hover { border-bottom: 0; color: #d81515;} #skip { float: left; padding: 0 15px 0 15px; background: url('../images/accessdiv.png') no-repeat top right;} #skip a { background: url('../images/skip.png') no-repeat top right; padding: 0 20px 5px 0;} #size { float: left; padding: 0 15px 0 15px; background: url('../images/accessdiv.png') no-repeat top right;} #size a { font-weight: bold; padding: 0 2px 5px;} #size a.defaultsize { } #size a.medsize { font-size: 1.2em;} #size a.largesize { font-size: 1.4em;} #contrast { float: left; padding: 0 15px 0 15px;} #contrast a { font-weight: bold; padding: 2px 5px 5px;} #contrast a.highcontrast { background: #13426c; color: #fff; padding-bottom: 3px;} #contrast a.highcontrast:hover { background: #d81515; color: #fff !important;} #contrast a.defaultcontrast { } /* Backlink */ .backLink { background: url('../images/back.png') no-repeat 0% 3em; padding: 2.8em 0 0 17px;} /* Regional Offices */ a#regionaloffices { display: block; width: 190px; height: 28px; background: url('../images/button-regionaloffices.png') no-repeat; text-indent: -9999px; overflow: hidden; margin: 0 0 1.4em 0;} a#regionaloffices:hover { background-position: bottom left; border-bottom: 0;} /* Contact Buttons */ #contactButtons { overflow: hidden; padding-top: 2.8em;} /*#contactButtons div { float: left; padding: 0 0 13px; background: url('../images/button-contactReflection.png') no-repeat bottom left; margin-right: 10px;}*/ #contactButtons div { float: left; padding: 0 0 13px; margin-right: 10px;} #contactButtons a { display: block; width: 175px; height: 30px; float: left; text-indent: -9999px; overflow: hidden;} #contactButtons a.contact { background: url('../images/button-contactUs.png') no-repeat;} #contactButtons a.print { background: url('../images/button-contactPrintPage.png') no-repeat;} #contactButtons a.casestudies { background: url('../images/button-contactCaseStud.png') no-repeat;} #contactButtons a:hover { background-position: bottom left; border-bottom: 0;} /* Login Button */ #clientLogin { margin: 20px 13px 0 0;} a#lnkClientAccess { display: block; width: 176px; height: 28px; background: url('../images/button-login.png') no-repeat; text-indent: -9999px; overflow: hidden;} a#lnkClientAccess:hover { background-position: bottom left; border: 0;} /* PDF*/ a.pdfdownload { display: block; width: 46px; height: 48px; background: url('../images/bg-pdfdownload.png') no-repeat; text-indent: -9999px; overflow: hidden; margin: 0 0 25px 0;}