/* -- Fortis Life UK Portal ----------------------------------------- GLOBAL STYLESHEET -- version: 1.1 [all browsers] -- author: Frank Sedivy // franksedivy.com -- contact: hello@franksedivy.com -- last update: 16/04/2008 ------------------------------------------------------------------- */ /* =Import of reset & advanced stylesheet ----------------------------------------------------------------------------------------------------------------- */ @import "reset.css"; /* v 1.0 */ @import "fixes.css"; /* v 1.0 [Float fix stylesheet] */ /* =Global Typographic Styles & Classes ----------------------------------------------------------------------------------------------------------------- */ body {font-family:Arial, Helvetica, sans-serif; font-size:.7em;} a {color:#006699;} .hide {display:none;} .hr {} .hr hr {display:none;} .btn {margin:0 5px 5px 0; float:right;} /* =Global Form Classes ----------------------------------------------------------------------------------------------------------------- */ /* =Layout ----------------------------------------------------------------------------------------------------------------- */ #siteHolder {margin:0 auto; padding-top:140px; padding-bottom:10px; position:relative; width:956px;} #siteHolder #header {position:absolute; top:10px; left:0; width:100%; padding-top:66px;} #siteHolder #body {} /* =primaryContent ------------------------------------------------------------------------------------------------------------- */ #siteHolder #body #primaryContent {float:left; width:732px;} #siteHolder #body #primaryContent .secondaryNavigation {float:left; line-height:1.5em; width:244px;} #siteHolder #body #primaryContent .secondaryNavigation .pageInfo {border-bottom:1px solid #666; margin-right:20px; padding-top:15px;} #siteHolder #body #primaryContent .entry {color:#333; float:left; width:468px;} #siteHolder #body #primaryContent .entry .byLine {border-bottom:1px solid #c6c7c9; color:#333; padding-bottom:6px; margin-bottom:5px;} #siteHolder #body #primaryContent .downloads {color:#333; float:left; width:488px;} #siteHolder #body #primaryContent .downloads .product {float:left; width:224px; padding-right:20px;} #siteHolder #body #primaryContent .contact {color:#333; float:left; padding-bottom:20px; width:488px;} #siteHolder #body #primaryContent .fullEntry {color:#333; float:left; width:468px;} #siteHolder #body #primaryContent .fullEntry .byLine {border-bottom:1px solid #c6c7c9; color:#333; padding:0 0 6px 0; margin-bottom:10px;} #siteHolder #body #primaryContent .fullEntry .tags {border-top:1px solid #c6c7c9; border-bottom:1px solid #c6c7c9; color:#848484; padding:4px 0 6px 0; font-size:.8em;} #siteHolder #body #primaryContent blockquote {background-color:#e3e4e6; color:#666; font-weight:bold; padding:10px; margin:0 10px 20px 0;} #siteHolder #body #primaryContent blockquote.compact {margin-right:0; font-weight:normal; height:5.9em;} /* =secondaryContent ------------------------------------------------------------------------------------------------------------- */ #siteHolder #body #secondaryContent {float:left; width:224px;} #siteHolder #body #secondaryContent .toolTab, #siteHolder #body #secondaryContent .additionalTab {color:#333; background-color:#f8e59c; margin-bottom:13px;} #siteHolder #body #secondaryContent .toolTab fieldset .formEntry {padding:0 0 5px 0;} #siteHolder #body #secondaryContent .toolTab fieldset #unipass {border-top:2px solid #fff;} #siteHolder #body .hr {clear:left;} #siteHolder #footer {background-color:#848484; text-align:right; padding:0 5px; line-height:2em;} /* =Typography ----------------------------------------------------------------------------------------------------------------- */ #siteHolder {} /* =header ----------------------------------------------------------------------------------------------------------------- */ #header ul#mainNavigation {background-color:#f5c238; border-bottom:1px solid #fff; color:#666; font-weight:bold; line-height:2em; width:729px;} #header ul#mainNavigation li { float:left;} #header ul#mainNavigation li a {background:url(/static_site/assets/images/interface/bg_mainNavigation_separator.gif) center right no-repeat; color:#666; display:block; padding:0 10px; text-decoration:none;} #header ul#mainNavigation li a:hover {background-color:#f5d55b;} #header ul#mainNavigation li.active a {background-color:#f8e59c;} /* =breadCrumbs ------------------------------------------------------------------------------------------------------------- */ #header p#breadCrumbs {background:#e3e4e6 url(/static_site/assets/images/interface/bg_breadCrumb.gif) repeat-x; color:#333; line-height:2em; padding:0 10px;} /* 1.6 */ #header p#breadCrumbs a {background:url(/static_site/assets/images/interface/bg_breadCrumb_separator.gif) center right no-repeat; color:#333; padding-right:10px;} #header p#breadCrumbs span {display:none;} #header p#breadCrumbs span.crumb {display:inline;} /* =logos ------------------------------------------------------------------------------------------------------------- */ #header span#mainLogo {display:block; position:absolute; top:0; left:0; border-top:19px solid #848484; width:729px;} #header span#mainLogo img {margin-left:1px;} #header blockquote#productLogo {background:#f5c238 url(/static_site/assets/images/interface/logo_lifeInsuranceProduct.gif) 10px 55px no-repeat;; position:absolute; top:0; right:0; height:88px; text-indent:-9999px; width:224px;} /* =body ----------------------------------------------------------------------------------------------------------------- */ #body h1 {background-repeat:no-repeat; text-indent:-9999px; height:289px; width:712px; margin-bottom:22px;} #body #splash_martinWerth {background:url(/static_site/assets/images/content/splash_people_martinWerth.png) no-repeat; padding-right:20px; width:468px; float:right; height:86px;} #body #splash01_fortisLifeIsReady {background-image:url(/static_site/assets/images/content/splash01_fortisLifeIsReady.png);} #body #splash05_getInTouch {background-image:url(/static_site/assets/images/content/splash05_getInTouch.png); height:266px;} #body #splash06_ourNewProducts {background-image:url(/static_site/assets/images/content/splash06_ourNewProducts.png); height:266px;} /* =primaryContent ------------------------------------------------------------------------------------------------------------- */ #primaryContent blockquote p {color:#666; line-height:1.5em; padding:0;} #primaryContent blockquote big {background:url(/static_site/assets/images/interface/bg_upsell_bullet.gif) center left no-repeat; display:block; padding-left:10px;} #primaryContent blockquote span {display:none;} #primaryContent p {color:#333; padding-bottom:15px; line-height:1.2em;} #primaryContent p em {font-style:italic;} /* =secondaryNavigation --------------------------------------------------------------------------------------------------------- */ #primaryContent .secondaryNavigation h2 {border-bottom:1px solid #666; font-weight:bold; line-height:1.8em; width:224px;} #primaryContent .secondaryNavigation ul {width:224px;} #primaryContent .secondaryNavigation ul li {border-bottom:1px solid #666; padding:0 5px;} #primaryContent .secondaryNavigation ul a {background:url(/static_site/assets/images/interface/bckg_secondaryNav_link.gif) center right no-repeat; color:#666; display:block; line-height:1.7em; text-decoration:none;} /* =pageInfo ----------------------------------------------------------------------------------------------------- */ #primaryContent .secondaryNavigation .pageInfo p {color:#666; padding-left:5px;} /* =entry --------------------------------------------------------------------------------------------------------- */ #primaryContent .entry h2 {border-bottom:1px solid #c6c7c9; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:2.5em; font-weight:100; padding-bottom:10px; margin-bottom:6px;} /* =byLine ----------------------------------------------------------------------------------------------------- */ #primaryContent .entry .byLine img {float:left; padding-right:6px;} #primaryContent .entry .byLine h3 {font-weight:bold;} #primaryContent .entry .byLine h3 big {display:block; font-size:1.3em; font-weight:bold; line-height:1.8em;} #primaryContent .entry .byLine p {line-height:1.5em; font-size:.9em; padding-bottom:0 !important;} #primaryContent .byLine a {text-decoration:none;} #primaryContent .byLine a:hover {text-decoration:underline;} #primaryContent .byLine a.about {background:url(/static_site/assets/images/interface/bg_byLine_about.gif) no-repeat; padding-left:17px;} #primaryContent .byLine a.team {background:url(/static_site/assets/images/interface/bg_byLine_team.gif) no-repeat; padding-left:20px;} #primaryContent .byLine a.comment {background:url(/static_site/assets/images/interface/bg_actionLine_comment.gif) no-repeat; padding-left:20px;} #primaryContent .byLine span {color:#fff;} /* =actionLine ----------------------------------------------------------------------------------------------------- */ #primaryContent .entry .actionLine {background-color:#e3e4e9; border-top:1px solid #c6c7c9; color:#808080; font-size:.9em; line-height:1.8em; padding-left:5px; margin-bottom:20px; letter-spacing:-.05em;} #primaryContent .entry .actionLine li {float:left; padding-right:15px;} #primaryContent .entry .actionLine li.update {float:right;} #primaryContent .entry .actionLine li.comments a {background:url(/static_site/assets/images/interface/bg_actionLine_comment.gif) center left no-repeat; padding-left:20px;} #primaryContent .entry .actionLine li.favourite a {background:url(/static_site/assets/images/interface/bg_actionLine_favourite.gif) center left no-repeat; padding-left:20px;} #primaryContent .entry .actionLine li.permalink a {background:url(/static_site/assets/images/interface/bg_actionLine_permalink.gif) center left no-repeat; padding-left:15px;} /* =fullEntry --------------------------------------------------------------------------------------------------------- */ #siteHolder #body #primaryContent .fullEntry h2 {border-bottom:1px solid #c6c7c9; color:#333; font-weight:bold; padding-bottom:7px;} /* =byLine ----------------------------------------------------------------------------------------------------- */ #primaryContent .fullEntry .byLine p {color:#999; padding-bottom:0;} #primaryContent .fullEntry .byLine p.dateStamp {line-height:1.8em;} /* =tags ----------------------------------------------------------------------------------------------------- */ #primaryContent .fullEntry .tags h3 {display:inline;} #primaryContent .fullEntry .tags ul {display:inline;} #primaryContent .fullEntry .tags ul li {display:inline;} #primaryContent .fullEntry .tags ul li a {color:#848484;} /* =comments ----------------------------------------------------------------------------------------------------- */ #primaryContent .fullEntry #comments h3 {padding:5px 15px 15px;} #primaryContent .fullEntry #comments {background-color:#E8E9EB; padding:5px 0 5px 0; margin-bottom:15px; font-size:.95em;} #primaryContent .fullEntry #comments .comment {margin-bottom:12px;} #primaryContent .fullEntry #comments .comment .commentBody {background:#fff url(/static_site/assets/images/interface/bg_commentBubble.gif) no-repeat; margin:0 auto; padding-top:25px; width:438px;} #primaryContent .fullEntry #comments .comment h4 {padding:0 15px 3px 15px;} #primaryContent .fullEntry #comments .comment a {color:#666; text-decoration:none;} #primaryContent .fullEntry #comments .comment p {color:#666; padding:0 10px 15px 10px; line-height:1.4em;} #primaryContent .fullEntry #comments .comment p a {color:#006699; text-decoration:underline;} #primaryContent .fullEntry #comments .response h4 {text-align:right;} #primaryContent .fullEntry #comments .response .commentBody {background:#ffffdd url(/static_site/assets/images/interface/bg_responseBubble.gif) no-repeat;} #primaryContent .fullEntry #comments fieldset {margin:0 auto; width:438px;} #primaryContent .fullEntry #comments fieldset label {display:block; padding-bottom:2px;} #primaryContent .fullEntry #comments fieldset textarea {width:380px !important;} #primaryContent .fullEntry #comments fieldset .txt {background:#fff url(/static_site/assets/images/interface/bg_commentsI_txt.jpg) repeat-x; border:1px solid #c3c3c3; border-top-color:#7d7d7d; border-bottom-color:#dbdbdb; padding:2px; width:300px;} #primaryContent .fullEntry #comments fieldset .formEntry {padding-bottom:5px;} #primaryContent .fullEntry #comments .buttonEntry {padding:0 15px 10px 15px;} #primaryContent .fullEntry #comments fieldset .checkbox {padding-bottom:10px;} #primaryContent .fullEntry #comments fieldset .checkbox label {display:inline; vertical-align:middle;} /* =downloads --------------------------------------------------------------------------------------------------------- */ #primaryContent .downloads h3 {border-bottom:1px solid #666; font-weight:bold; line-height:1.8em;} #primaryContent .downloads ul {padding:6px 0;} #primaryContent .downloads ul li {padding:0 5px;} #primaryContent .downloads ul a {color:#333; line-height:1.5em; text-decoration:none;} #primaryContent .downloads ul a:hover {text-decoration:underline;} #primaryContent .downloads ul a.pdf {background:url(/static_site/assets/images/interface/ico_fileDownload_pdf.gif) center left no-repeat; padding-left:14px;} #primaryContent .downloads ul span {color:#999; display:inline; white-space:nowrap;} #accordion h3:hover {text-decoration:underline;} #accordion h3 {cursor:pointer;color:#777;background:url(/static_site/assets/images/interface/bckg_secondaryNav_link.gif) center left no-repeat;padding-left:10px} .accordionOpen {color:#000!important} #accordion div ul li {margin-left: 20px; background-image:none; list-style-type:circle;padding:0} #accordion div ul li a {text-decoration:none;} #accordion div ul li a:hover {text-decoration:underline;} /* =contact --------------------------------------------------------------------------------------------------------- */ #primaryContent .contact span.companyName {border-bottom:1px solid #666; display:block; font-weight:bold; line-height:1.8em; margin-bottom:-7px;} #primaryContent .contact address {line-height:1.2em; margin-bottom:25px;} #primaryContent .contact p {border-bottom:1px dashed #666; padding-bottom:0; line-height:1.2em;} /* =secondaryContent ------------------------------------------------------------------------------------------------------------- */ #secondaryContent .toolTab h3 {background-color:#f5c238; border-bottom:2px solid #fff; color:#fff; font-weight:bold; line-height:1.6em; padding:0 8px; margin-bottom:10px;} #secondaryContent .toolTab legend {display:none;} #secondaryContent .toolTab p {padding:0 8px 10px 8px; line-height:1.2em;} #secondaryContent ul.download {padding:0 10px 10px 10px; line-height:1.6em;} #secondaryContent ul.download li {background:url(/static_site/assets/images/interface/bg_toolTab_downloadLink.gif) center left no-repeat; padding-left:10px;} #secondaryContent .toolTab fieldset {} #secondaryContent .toolTab fieldset p {} #secondaryContent .toolTab fieldset label {display:block; float:left; line-height:2em; width:60px; text-align:right; padding-right:5px;} #secondaryContent .toolTab fieldset input.txt {width:100px;} #secondaryContent .toolTab #unipass p {padding-top:10px;} #secondaryContent .additionalTab {} #secondaryContent .additionalTab h3 {background-color:#f8e59c; border-top:1px solid #efb51f; color:#333; line-height:1.6em; padding:0 8px; margin-bottom:10px;} #secondaryContent .tagCloud {margin-bottom:10px;} #secondaryContent .tagCloud h3 {border-top:1px solid #000; border-bottom:1px solid #c5c6c8; line-height:1.8em; padding:0 8px;} #secondaryContent .tagCloud ul {background-color:#e3e4e6; padding:8px; } #secondaryContent .tagCloud ul li {display:inline;} #secondaryContent .tagCloud ul a {color:#333; text-decoration:none;} /* =footer ----------------------------------------------------------------------------------------------------------------- */ #footer a {color:#fff; text-decoration:none;}