/* ------------------------------ Colour Reference ------------------------------ dark blue: #30506E medium blue: #1097C4 light blue: #88B6EA darker grey: #666666 medium grey: #EBEBEB light grey: #F1F1F1 ------------------------------ */ /* ------------------------------ Standard Elements ------------------------------ */ body { margin: 0; padding: 0; font-size: 1.0em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #FFFFFF; color: #000000; } * { margin: 0; padding:0;} img { border: 0px; } .l { float:left; } .r { float:right; } .clear { clear: both; width: 100%; height: 1px; font-size: 1px; } ul { margin: 0px; padding: 0px; font-size: 0.95em; } ul li { margin: 0px; padding: 0px; list-style: none; background: none; } ul.bullet { margin: 10px 0 20px; } ul.bullet li { list-style: disc; margin-left: 30px; margin-bottom: 10px; } a { color: #1097C4; text-decoration: underline; } a:hover { color: #88B6EA; text-decoration: underline; } table td, table th { vertical-align: top; text-align: left; } fieldset { border: 0px; } p { line-height: 160%; font-size: 0.95em; } .fixedWrap { width: 766px; margin: 0 auto; height: auto; overflow: hidden; } .marginTop { margin-top : 5px; } .hide { display: none; } /* ------------------------------ Template Elements ------------------------------ */ #bannerWrap { background: #FFFFFF; } #bannerWrap #banner #logo { float: left; } #bannerWrap #banner #phoneNumber { float: right; width: 520px; text-align: right; color: #1097C4; padding: 26px 0 27px 0; } #bannerWrap #banner #phoneNumber .highlight { font-weight: bold; color: #30506E; } #bannerWrap #banner #mainNav { float: right; width: 520px; text-align: right; font-size: 0.8em; } #bannerWrap #banner #mainNav ul { float: right; } #bannerWrap #banner #mainNav ul li { float: left; text-align: center; } #bannerWrap #banner #mainNav ul li a { color: #88B6EA; display: block; height: 24px; padding-top: 6px ; text-decoration: none; margin-left: 3px; } #bannerWrap #banner #mainNav ul li a:hover { color: #FFFFFF; } #bannerWrap #banner #mainNav ul li a.link1 { background: url(/_images/design/nav-bg.png) no-repeat 0 0; width: 59px; } #bannerWrap #banner #mainNav ul li.on a.link1 { background: url(/_images/design/nav-bg.png) no-repeat 0 -31px; color: #FFFFFF; font-weight: bold; } #bannerWrap #banner #mainNav ul li a:hover.link1 { background: url(/_images/design/nav-bg.png) no-repeat 0 -31px; } #bannerWrap #banner #mainNav ul li a.link2 { background: url(/_images/design/nav-bg.png) no-repeat -62px 0; width: 86px; } #bannerWrap #banner #mainNav ul li.on a.link2 { background: url(/_images/design/nav-bg.png) no-repeat -62px -31px; color: #FFFFFF; font-weight: bold; } #bannerWrap #banner #mainNav ul li a:hover.link2 { background: url(/_images/design/nav-bg.png) no-repeat -62px -31px; } #bannerWrap #banner #mainNav ul li a.link3 { background: url(/_images/design/nav-bg.png) no-repeat -151px 0; width: 75px; } #bannerWrap #banner #mainNav ul li.on a.link3 { background: url(/_images/design/nav-bg.png) no-repeat -151px -31px; color: #FFFFFF; font-weight: bold; } #bannerWrap #banner #mainNav ul li a:hover.link3 { background: url(/_images/design/nav-bg.png) no-repeat -151px -31px; } #bannerWrap #banner #mainNav ul li a.link4 { background: url(/_images/design/nav-bg.png) no-repeat -229px 0; width: 56px; } #bannerWrap #banner #mainNav ul li.on a.link4 { background: url(/_images/design/nav-bg.png) no-repeat -229px -31px; color: #FFFFFF; font-weight: bold; } #bannerWrap #banner #mainNav ul li a:hover.link4 { background: url(/_images/design/nav-bg.png) no-repeat -229px -31px; } #bannerWrap #banner #mainNav ul li a.link5 { background: url(/_images/design/nav-bg.png) no-repeat -288px 0; width: 83px; } #bannerWrap #banner #mainNav ul li.on a.link5 { background: url(/_images/design/nav-bg.png) no-repeat -288px -31px; color: #FFFFFF; font-weight: bold; } #bannerWrap #banner #mainNav ul li a:hover.link5 { background: url(/_images/design/nav-bg.png) no-repeat -288px -31px; } #bannerWrap #banner #mainNav ul li a.link6 { background: url(/_images/design/nav-bg.png) no-repeat -374px 0; width: 69px; } #bannerWrap #banner #mainNav ul li.on a.link6 { background: url(/_images/design/nav-bg.png) no-repeat -374px -31px; color: #FFFFFF; font-weight: bold; } #bannerWrap #banner #mainNav ul li a:hover.link6 { background: url(/_images/design/nav-bg.png) no-repeat -374px -31px; } #bannerWrap #banner #mainNav ul li a.link7 { background: url(/_images/design/nav-bg.png) no-repeat -374px 0; width: 69px; } #bannerWrap #banner #mainNav ul li.on a.link7 { background: url(/_images/design/nav-bg.png) no-repeat -374px -31px; color: #FFFFFF; font-weight: bold; } #bannerWrap #banner #mainNav ul li a:hover.link7 { background: url(/_images/design/nav-bg.png) no-repeat -374px -31px; } #subNavWrap { background: #1097C4; color: #FFFFFF; font-size: 0.8em; padding: 10px 0; } #subNavWrap #subNav { } #subNavWrap #subNav .highlight { font-weight: bold; color: #30506E; } #subNavWrap #subNav a { color: #FFFFFF; text-decoration: none; padding: 4px 5px; height: 28px; } #subNavWrap #subNav a:hover { background: #30506E; } #footerWrap { background: #FFFFFF; } #footerWrap #footer { margin-bottom: 10px; } #footerWrap #footer #footerBar { background: #F1F1F1; height: 5px; } #footerWrap #footer #footerText { font-size: 0.75em; text-align: center; color: #666666; padding-top: 10px; } #footerWrap #footer #footerText p { line-height: 180%; } #footerWrap #footer #footerText a { color: #666666; text-decoration: none; } #footerWrap #footer #footerText a:hover { color: #666666; text-decoration: underline; } #footerWrap #footer #footerText .highlight { color: #1097C4; font-weight: bold; } /* ------------------------------ Content Elements ------------------------------ */ #pageHeaderWrap { background: #F1F1F1; } #pageHeaderWrap h1 { font-size: 1.4em; padding: 15px 0 15px 3px; color: #1097C4; } #contentWrap { background: #FFFFFF; margin-bottom: 20px; } #contentWrap #content #homePic { padding: 8px 0; border-bottom: 1px solid #EBEBEB; margin-bottom: 8px; } #contentWrap #content #serviceWrap { overflow: hidden; } #contentWrap #content #serviceWrap .servicePanel { float: left; width: 179px; padding-bottom: 8px; margin-right: 16px; } #contentWrap #content #serviceWrap .servicePanel h2 { font-weight: bold; font-size: 1.0em; color: #30506E; padding: 0 0 8px 0; } #contentWrap #content #serviceWrap .servicePanel h2 a { color: #30506E; text-decoration: none; } #contentWrap #content #serviceWrap .servicePanel img { padding: 0 0 5px 0; } #contentWrap #content #serviceWrap .servicePanel p { font-size: 0.8em; } #contentWrap #content #serviceWrap .servicePanel p a { text-decoration : none; color : #000; } #contentWrap #content #serviceWrap .servicePanel p a:hover { text-decoration : underline; color : #1097C4; } #contentWrap #content #serviceWrap .servicePanel.nomargin { margin-right: 0; margin-left: 2px; } #contentWrap #content .homeTestimonial { background: #F1F1F1; font-size: 1.0em; font-weight: normal; font-style: italic; color: #30506E; padding: 10px 40px; margin: 18px 0; float: left; width: 480px; } #contentWrap #content .homeTestimonial .signature { color: #30506E; text-align: right; font-size: 0.8em; font-weight: bold; font-style: normal; color: #88B6EA; } #contentWrap #content #contentLeft { float: left; width: 530px; padding: 20px 10px 0 5px; font-size: 0.85em; } .contentFull { width: 750px !important; } #contentWrap #content #contentLeft p { padding: 0 0 10px 0; } #contentWrap #content #contentLeft .highlight { color: #1097C4; } #contentWrap #content #contentLeft h2 { font-size: 1.2em; color: #1097C4; padding: 5px 0; } #contentWrap #content #contentLeft ol li { padding: 10px 0; font-size: 0.95em; line-height: 160%; } #contentWrap #content #contentLeft .subRow { margin-bottom: 30px; overflow: hidden; } #contentWrap #content #contentLeft .subRow .subPic { float: left; width: 62px; height: 62px; border: 1px solid #D2D2D2; padding: 2px; } #contentWrap #content #contentLeft .subRow .subDesc { float: left; width: 450px; margin-left: 10px; line-height: 160%; } #contentWrap #content #contentLeft .subRow .subDesc a { font-size: 1.1em; font-weight: bold; text-decoration: none; } #contentWrap #content #contentLeft .subRow .subHeading { font-weight: bolder; font-size: 1.1em; padding: 5px 5px; } #contentWrap #content #contentRight { float: right; width: 220px; } #contentWrap #content #contentRight #actionForm { width: 247px; height: 300px; text-align: center; background: url(/_images/design/sidebar-bg.png) no-repeat; padding: 10px; color: #FFFFFF; font-size: 0.75em; } #contentWrap #content #contentRight #actionForm h3 { font-size: 1.4em; color: #FFCC00; margin: 4px 0 1px; text-align: center; } #contentWrap #content #contentRight #actionForm p { margin-bottom: 5px; text-align: left; } #contentWrap #content #contentRight #actionForm label { display: none; } #contentWrap #content #contentRight #actionForm input { width: 180px; margin: 4px 0; font: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 4px 6px; } #contentWrap #content #contentRight #actionForm textarea { width: 180px; height: 75px; margin: 4px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 6px; } #contentWrap #content #contentRight #actionForm input.button { width: 100px; margin: 4px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; padding: 1px 6px; margin: 2px 0 0 0; } #contentWrap #content #contentRight #sideContact { background: #30506E; width: 188px; color: #FFFFFF; margin: 20px 0 20px 32px; border-bottom: 5px solid #30506E; } #contentWrap #content #contentRight #sideContact #sideContactText { padding: 20px; } #contentWrap #content #contentRight #sideContact #sideContactText p { padding: 10px 0 20px; } #contentWrap #content #contentRight #sideContact #sideContactText p a { color: #88B6EA; font-weight: bold; text-decoration: none; } #contentWrap #content #contentRight #sideContact #sideContactText p a:hover { text-decoration: underline; } #contentWrap #content #contentRight #sideContact #sideContactPic { height: 302px; margin: 0; padding: 0; } #contentWrap #content #contentLeft blockquote.contact { padding: 0 0 0 10px; } #contentWrap #content #contentLeft blockquote.quote { font-style: italic; padding: 10px 0 0; } #contentWrap #content #contentLeft blockquote.quote .bubbleTop { height: 8px; } #contentWrap #content #contentLeft blockquote.quote .bubbleBottom { height: 24px; } #contentWrap #content #contentLeft blockquote.quote p { padding: 6px 20px 2px 20px; width: 475px; text-align: justify; line-height: 200%; background: url(/_images/design/bubble-bg.png) repeat-y; } #contentWrap #content #contentLeft p.signature { color: #30506E; text-align: right; padding-right: 10px; font-size: 0.95em; } #contentWrap #content #contentLeft .teamMember { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #F1F1F1; padding-bottom: 10px; } #contentWrap #content #contentLeft .teamMember.last { border-bottom: 0; margin-bottom: 10px; } #contentWrap #content #contentLeft .teamMember .teamPic { float: right; margin: 8px; } #contentWrap #content #contentLeft.siteMap { } #contentWrap #content #contentLeft.siteMap ul { padding: 12px 5px 5px 30px; } #contentWrap #content #contentLeft.siteMap li { list-style-type: disc; padding: 5px 0 5px 0; } #contentWrap #content #contentLeft.siteMap a { padding: 2px 10px; text-decoration: none; border-bottom: 0;} #contentWrap #content #contentLeft.siteMap a:hover { text-decoration: underline; } #contentWrap #content #contentLeft table.tableGrey { margin : 0px; margin-bottom : 5px;} #contentWrap #content #contentLeft table.tableGrey tr td { background-color : #f1f1f1; } #contentWrap #content #contentLeft table.tableGrey tr td p { padding : 15px 15px; } #contentWrap #content #contentLeft table tr td.half { width : 50%; } #contentWrap #content #contentLeft table tr td.third { width : 33.3%; } #contentWrap #content #contentLeft div.highlightBox { background-color : #f1f1f1; padding : 15px 20px; } #contentWrap #content #contentLeft ul.teamThumbs { overflow : hidden; margin-bottom : 15px;} #contentWrap #content #contentLeft ul.teamThumbs li { float : left; width : 33.3%; text-align : center} #contentWrap #content #contentLeft ul.teamThumbs li a { display : block; } .blogTable { margin-bottom : 30px; margin-left : 30px; margin-top : 15px; line-height: 1.5em; width: 500px } .blogTable tr { } .blogTable tr th { background : #1097C4; color : white; padding : 5px; font-weight: normal; } .blogTable tr td { padding : 5px; } .blogTable tr.odd td { background : #ededed; } .blogTable tr .right { text-align : right; } #pensionsCalcLink { font-size: larger; text-align: center; font-weight: bolder; display: block; margin: 10px 0 20px; } #sideNewsletter { background: #ededed; padding: 10px 10px 10px 10px; margin-left: 30px; } #sideNewsletter h3 { font-size: 16px; color: #1097C4; padding: 0 0 5px; text-align: center; } #sideNewsletter label { font-size: 11px; font-weight: bold; padding: 10px 0 5px 3px; display: block; } #sideNewsletter input.textbox { border: 1px solid #ccc; padding: 4px; width: 160px; clear: both; } #sideNewsletter input.btn { border: 0; color: #fff; background: #1097C4; font-size: 12px; font-weight: bold; padding: 2px 5px; margin: 15px 0 0 46px; } #homeNewsletter { background: #ededed; padding: 10px 10px 10px 10px; margin: 18px 0; float: right; width: 170px; } #homeNewsletter h3 { font-size: 16px; color: #1097C4; padding: 0 0 5px; text-align: center; } #homeNewsletter label { font-size: 11px; font-weight: bold; padding: 10px 0 5px 3px; display: block; } #homeNewsletter input.textbox { border: 1px solid #ccc; padding: 4px; width: 160px; clear: both; } #homeNewsletter input.btn { border: 0; color: #fff; background: #1097C4; font-size: 12px; font-weight: bold; padding: 2px 5px; margin: 15px 0 0 46px; } #videoWrap { background: #f9f9f9; margin: 30px 0; padding: 10px 10px 0; overflow: visible; height: 125px; position: relative; } #videoHeading { background: #1097C4; color: #fff; font-weight: bold; font-size: 14px; padding: 4px 10px; position: absolute; top: -15px; left: 20px; } #videoLink { background: #1097C4; color: #fff; font-weight: bold; font-size: 12px; padding: 4px 10px; position: absolute; bottom: -15px; right: 20px; } #videoLink a { color: #fff; text-decoration: none; } #videoLink a:hover { text-decoration: underline; } #videoWrap ul { list-style: none; } #videoWrap li { float: left; padding: 8px; width: 132px; font-size: 10px; text-align: center; } #videoWrap li a { text-decoration: none; color: #666; } #videoWrap li span { display: block; padding: 0 0 5px; } #videoWrap li img { padding: 1px; border: 1px solid #ccc; } #videoPopUpWrap { width: 560px; height: 349px; position: relative; z-index: 2000; } #videoPopUpWrap .close { display: block; width: 20px; height: 20px; position: absolute; z-index: 50050; right: -10px; top: -10px; } #videoPopUp { width: 560px; height: 349px; }