/* Clarksons global */ /* ----------------------------------access keys and skip links -----------------------*/ #accessibility { position:absolute; left:-1000px; overflow:hidden; top:-10px; padding:0; margin:0; } span.access {font-size:1.4em; font-weight:bold;} .hide {display:none} #top {padding:5px 0 20px 0; margin:0 ;} .clear {clear:both} body {margin:0; padding:0; background:url(../images/site_background.gif) repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; } h1 {padding:0; margin:0; } /* ---------------------------------- layout ------------------------------------------*/ #wrapper {width:990px; margin:0 auto; font-family:Helvetica, Arial, sans-serif; font-size: 0.7em; color:#272727; margin-top:0px; padding:0; } #wrapper a {color:#2674be; text-decoration:none; } #wrapper a:hover {text-decoration:none; color:#ea0009} /* ---------------------------------- header and search ------------------------------------------*/ #header-wrap {width:990px; float:left; } #logo {float:left; width:490px; _width:485px; margin-top:20px} #logo a img{border:none;} #logo-print {float:left; width:490px; _width:485px; margin-top:20px; display:none; position:absolute; left:-2000px; top:-2000px;} #logo-print a img{border:none;} /*search*/ #search-wrap {float:left; width:249px; border-left:1px solid #d6e3eb; _display:inline; } #searchform {width:249px; margin-left:4px; float:left; margin-top:20px} #searchform p {margin:0; padding:0; float: left} #searchform label { padding:0px 0 0 0; margin:5px 0 0 0; color:#052965; font-weight:bold; display:block; font-size:1.1em; } #searchform #searchbox {float:left; width:170px; height:16px; margin:0 0 0 5px ; font-size:1em; } #searchform #submit {margin-left:5px; margin-top:3px; float:left; } /*share*/ #share {float:left; width:247px; _width:243px; border-left:1px solid #d6e3eb; _display:inline; } #share ul {margin:0 0 0 5px; padding:0; list-style: none; margin-top:16px } #share ul li {padding:2px 0 2px 0; } #share ul li.share {font-weight:bold; color:#00255d; font-size:1.1em; letter-spacing:-0.1px;} #share ul li.figure {font-weight:normal; color:#00255d; font-size: 1.6em; padding-bottom:0;} #share ul li.figure span{font-weight:normal; color:#0c9b35; font-size: 0.6em; } #share ul li.figure .down{font-weight:normal; color:#ea0009; font-size: 0.6em; } #share ul li a {display:block; background:url(../images/share-price-arrow.jpg) no-repeat center left; padding:0 0 0 10px; text-decoration:none;} #share ul li a:hover {display:block; background:url(../images/share-price-arrow-on.jpg) no-repeat center left; padding:0 0 0 10px; text-decoration:underline; } #error{color:#ea0009;} /* ---------------------------------- top nav ------------------------------------------*/ #nav-wrap-outer {clear:both; width:990px; float:left ; margin-top:24px; font-size:1.2em;} #nav-wrap {float:left; width:988px; color:#00255d; background: url(../images/nav-gb.gif) repeat-x; border:1px solid #c0d3e2; border-bottom:none; } #nav { padding: 0; margin: 0; list-style: none; } #nav ul {padding: 0; margin: 0; list-style: none; width:989px; float:left;} #nav a { display: block; width: auto; padding:5px 20px 3px 20px; text-decoration:none; font-weight:normal; color:#00255d;} #nav a:hover {text-decoration:none; background-color:#fff; background:none;} #nav li { float: left; width: auto; border-right:1px solid #c0d3e2; } #nav li.last { border-right:1px solid #c0d3e2; } #nav ul li a:hover {background:#fff; margin-top:0;} #nav ul li.on {background:#fff; margin-top:0; } #nav li ul { position: absolute; width:12em; *width: 12em; _width: 11em; left: -999em; border:1px solid #c0d3e2; border-top:none; background:url(../images/nav-sub-g.gif) left bottom repeat-x #fff; z-index:600; margin:0 0 0 -1px; padding-top:5px;} #nav li ul li {border:none; width:12em; padding:2px 0 0 0; margin-left:0;} #nav li ul li.last { border-right:none; } #nav li ul li a {border-bottom:1px solid #dedede; display: block; padding:0 0 3px 20px; } #nav li ul li a:hover {background:#f9f9f9; display: block; padding:0 0 3px 20px;} #nav li ul li a.last {border-bottom:dedede; } #nav li ul li a.child { background:url(../images/nav-arrow.gif) no-repeat 93% 40%; } #nav li ul li a.child:hover { background:url(../images/nav-arrow-on.gif) no-repeat 93% 40% #f9f9f9;} #nav li ul li ul{ position: absolute; width:auto; left: -1999em; border:1px solid #c0d3e2; background:url(../images/nav-sub-g.gif) left bottom repeat-x #fff; margin:0 0 0 12em; visibility:hidden; padding-top:0px;} #nav li ul li ul li{border:none; width:14em; padding:2px 0 0 0; background:none; margin-left:0; _margin-left:0; height:auto; } /*#nav li ul li.on {border:1px solid #d5abc1; height:1.7em; background:#f9f9f9; margin:-5px 0 0 8px; padding:2px 0px 5px 10px; width:13.9em;}*/ #nav li ul li ul li.on {border:1px solid #d5abc1; height:1.7em; background:#f9f9f9; } #nav li:hover ul { left:0; margin-top:0px;} /*for those browsers that fully support the :hover pseudo class (not ie6) */ #nav ul li ul li:hover ul { left:0; margin-top:-23px; visibility:visible;} /*for those browsers that fully support the :hover pseudo class (not ie6) */ /*for ie6 javascript*/ #nav li:hover ul, #nav li.sfhover ul { left: auto; z-index:1000; } #nav ul li ul li.sfhover ul { left: auto; margin-top:-23px; visibility:visible; } /* ---------------------------------- banner------------------------------------------*/ #banner-services-landing {clear:both; width:990px; height:171px; background: url(../images/services_banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0 ; } #banner p {font-weight:normal; font-size:2em; color:#fff; display:block; margin:0 0 0 20px; padding-top:27px } #banner-generic-detail {clear:both; width:990px; height:99px; background: url(../images/generic_detail.jpg) no-repeat top center; border-bottom:3px solid #f62417;border-top:1px solid #3361af; background-color:#f0f0f0; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; } #banner img{border-bottom:3px solid #f62417;border-top:1px solid #3361af;/* background-color:#f0f0f0; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; */ } #banner-investor-presentations {clear:both; width:990px; height:99px; background:url(../images/investor_presentations_banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0 } #banner-news-detail {clear:both; width:990px; height:99px; background:url(../images/news_detail_banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0;} #banner-glossary {clear:both; width:990px; /*border-bottom:3px solid #f62417; */height:0; _line-height:0; border-top:1px solid #3361af; } #banner-news-listing {clear:both; width:990px; height:170px; background:url(../images/news-listing-banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; background-color:#f0f0f0;} #banner-home {clear:both; width:990px; height:176px; background: url(../images/intro_movie_alt.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0;} #banner-flash {clear:both; width:990px; height:177px; /*background:url(../flash/images/intro_movie_alt.jpg) no-repeat top center;*/ border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#dbf1fb; } #banner-home p {font-weight:normal; font-size:2.1em; font-weight:normal; color:#00134d; display:block; margin:0 0 0 20px; padding-top:27px; width:460px; } #banner-careers-vacancies {clear:both; width:990px; height:99px; background: url(../images/careers-vacancies-banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0 } #banner-search {clear:both; width:990px; height:99px; background: url(../images/careers-vacancies-banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0; margin-bottom:3px; } #banner-contact-us {clear:both; width:990px; height:99px; background: url(../images/contact-us-banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0 } #banner-contact-office {clear:both; width:990px; height:99px; background: url(../images/contact-office-banner.gif) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0} #banner-reg-listing {clear:both; width:990px; height:99px; background: url(../images/generic_detail.jpg) no-repeat top center; border-bottom:3px solid #f62417; background-color:#f0f0f0 } #banner-search-results {clear:both; width:990px; height:99px; background: url(../images/generic_detail.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0 } #banner-contacts-listing {clear:both; width:990px; height:99px; background: url(../images/generic_detail.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0 } #banner-investors {clear:both; width:990px; height:171px; background: url(../images/services_banner.jpg) no-repeat top center; border-bottom:3px solid #f62417; border-top:1px solid #3361af; background-color:#f0f0f0 } .banner-text-generic {margin-top:-105px; position:absolute; z-index:200px; width:410px; height:auto;} .banner-text {margin-top:-172px; position:absolute; z-index:200px; width:410px; height:auto;} /*#banner {border-bottom:3px solid #f62417;}*/ /* ---------------------------------- content wrap outer ------------------------------------------*/ #content-wrap-outer {clear:both; width:990px; float:left; background-color:#fff; margin-bottom:10px; margin-top:-3px; *margin-top:0; _margin-top:0px; padding-bottom:30px; border:1px solid #e8e8e8; border-top:none;} #content-wrap-outer-home {clear:both; width:990px; background-color:#fff; margin-bottom:10px; margin-top:0px; *margin-top:0; _margin-top:0px; padding-bottom:30px; border:1px solid #e8e8e8; border-top:none;} /*-----------------------------------------------------page error 404----------------------------------------------------------*/ #main-wrap{background:#fff; float:left; margin-bottom:10px;} .content-wrap-intro {width:510px; margin-top:20px;} /* ---------------------------------- sub nav ------------------------------------------*/ #subnav {float:left; width:250px; margin-top:12px; float:left; } #subnav ul {margin:0 0 0 10px; padding:0; list-style:none; border-top:1px solid #f0f0f0; width:65%;} #subnav ul li {width:160px; border-left:4px solid #00144e; border-bottom:1px solid #f0f0f0; padding:0 !important; margin:0 !important; } #subnav ul li a {display:block; padding:8px 0 8px 15px; color:#00144e; font-size:1.2em; font-weight:normal; background:url(../images/subnav-arrow-b.gif) no-repeat 0px 13px; } #subnav ul li a:hover {color:#f62417; text-decoration:none; background:url(../images/subnav-arrow-r.gif) no-repeat 0px 13px; *background:url(../images/subnav-arrow-r.gif) no-repeat 4px 13px; border-left:4px solid #f62417; margin-left:-4px;} #subnav ul li.selected { border-left:4px solid #f62417;} #subnav ul li a.sel {color: #f62417; background:url(../images/subnav-arrow-r.gif) no-repeat 0px 13px; border-bottom:none; /*center left;*/ } #subnav ul li a:hover.sel {text-decoration:underline; background:url(../images/subnav-arrow-r.gif) no-repeat 0px 13px; *background:url(../images/subnav-arrow-r.gif) no-repeat 4px 13px;} #subnav ul li ul { border-top:none; padding-left:8px;} #subnav ul li.selected ul li a {/*border:none;*/} #subnav ul li.selected ul li a:hover {border:none; padding-left:4px;} #subnav ul li ul li {border-left:none; border-bottom:none; } #subnav ul li ul li a {border-bottom:none; font-size:1em; background:none; padding:2px 0; } #subnav ul li ul li a:hover {border-top:none; font-size:1em; background:none; padding-left:0 } #subnav ul li ul li a.sel {background:none; border-left:none; padding-left:0;border-bottom:none;} #subnav ul li ul li a:hover.sel {text-decoration:underline; border-left:none; padding-left:4px; background:none;} /*-------------------------------------------contact-subnav----------------------------------------------*/ #contact-subnav {float:left; width:250px; margin-top:12px; float:left; } #contact-subnav ul {margin:0 0 0 10px; padding:0; list-style:none;} #contact-subnav ul li {width:160px; border-left:4px solid #00144e; padding:0 !important; margin:0 !important; line-height:2em } #contact-subnav ul li a {display:block; border-top:1px solid #f0f0f0; padding:3px 0 3px 15px; color:#00144e; font-size:1.1em; font-weight:bold; } #contact-subnav ul li a:hover {color:#f62417; text-decoration:none; } /* ---------------------------------- main content and breadcrumb ------------------------------------------*/ #main-content {float:left; width:740px; background-color:#fff; margin-top:12px; padding:0 ; font-size:1.em; line-height:1.7;} #main-content a:hover {text-decoration: underline; } #bread {width:740px; margin:-5px 0 0 0; padding:0; font-size:1em; } #bread p {padding:0; margin:0; color:#666666; } #bread p a {color:#f62417; text-decoration:none;} .m10 {margin-left:10px; } #bread p a:hover {text-decoration:underline;} #main-content h1 {margin:0 0 0 0; padding:0; font-size:2.2em; font-weight:normal; color:#00144e;} #main-content h2 {margin:0; padding:0; font-size:1.2em} #main-content .back-to-top a { text-decoration:none;} #main-content .back-to-top a:hover { text-decoration:none;} #main-content p{margin:0 0 10px 0; padding-top:0; } #main-content .nospace{margin:20px 0 0 0; padding-top:0; } #main-content-wide {float:left; width:990px; background-color:#fff; margin-top:12px; padding:0 ; font-size:1.em; line-height:1.7; } #main-content-wide h1 {margin:0; padding:0; font-size:2.2em; font-weight:normal} #main-content-wide h2 {margin:0; padding:0; font-size:1em; font-family:Arial, sans-serif;} /* ---------------------------------- Services Landing ------------------------------------------*/ #services-landing {margin:0; padding:0;} .intro {width:489px; margin-bottom:20px;} #services-landing-text { width:664px; margin-bottom:24px; } #services-landing h1 {color:#00144e; font-size:2.2em; font-weight:normal; padding-bottom:10px } #services-landing #broking {float:left; width:722px; border-left :4px solid #026a77; padding:0 7px; } #services-landing #broking h2 {color:#026a77; margin:-9px 0 0 0; padding:0; font-size:1.7em; font-weight:normal} #services-landing #broking p {width:400px; } #services-landing #financial {clear:both; float:left; width:722px; border-left :4px solid #1a61b3; padding:0 7px; margin-top:30px; } #services-landing #financial h2 {color:#1a61b3; margin:-9px 0 0 0; padding:0; font-size:1.7em; font-weight:normal} #services-landing #financial p {width:400px; } #services-landing #support {clear:both; float:left; width:722px; border-left :4px solid #9c9c9c; padding:0 7px; margin-top:30px; } #services-landing #support h2 {color:#9c9c9c; margin:-9px 0 0 0; padding:0; font-size:1.8em; font-weight:normal} #services-landing #support p {width:400px; } #services-landing #research {clear:both; float:left; width:722px; border-left :4px solid #d80015; padding:0 7px; margin-top:30px; } #services-landing #research h2 {color:#d80015; margin:-9px 0 0 0; padding:0; font-size:1.8em; font-weight:normal} #services-landing #research p {width:400px; } .services-teaser {width:142px; border:1px solid #f0f0f0; float:left; margin-right:5px; padding:0 8px 8px 8px; margin-top:5px; min-height:105px; _height:auto!important; _height:115px; overflow:hidden; } .services-teaser h2 {font-size:1.2em; padding:0; margin:0; color:#00144e; font-weight:normal;} .services-teaser h3 {font-size:1.2em; padding:0; margin:0; color:#00144e; font-weight:normal; } .services-teaser ul {margin:0; padding:0; list-style:none; } .services-teaser ul li a {display:block; background:url(../images/services-double-arrow.gif) no-repeat top left; padding:3px 0 0 10px; } .services-teaser a:hover {text-decoration:underline;} .services-teaser-last {width:142px; border:1px solid #f0f0f0; float:left; margin-right:5px; padding:8px; margin-top:5px; } .services-teaser-last h3 {font-size:1.2em; padding:0; margin:0;color:#00144e; font-weight:normal;} .services-teaser-last ul {margin:0; padding:0; list-style:none; } .services-teaser-last ul li a {display:block; background:url(../images/services-double-arrow.gif) no-repeat top left; padding:3px 0 0 10px; } /* ---------------------------------- generic detail ------------------------------------------*/ #generic-detail {clear:both; float:left; width:410px; } .generic-detail-intro{display:block; font-size:1.3em; line-height:1.4; margin-bottom:15px;} .generic-detail-intro-np {font-size:1.3em; line-height:1.4; } #generic-detail a:hover {text-decoration: underline; } #generic-detail h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} /*#no-whitespace {margin-top:0; padding-top:0; }*/ /*#no-whitespace h2 {margin-bottom:0; padding-bottom:0; }*/ /* ------------------------------------ investor presentations-------------------------------------*/ #investor-presentation-detail {clear:both; float:left; width:417px; } #investor-presentation-detail h1 {color:#00144e; font-size:2.2em; font-weight:normal;} #investor-presentation-detail h2 {margin:0 0 10px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size: 1.1em; color:#000;} #investor-presentation-detail ul {margin:0; padding:0; list-style-type:none;} #investor-presentation-detail ul li{margin:0 0 5px 0; padding:0; } #investor-presentation-detail ul li a{text-decoration:underline;} /* --------------------------------- investor presentations tab navigation ------------------------*/ #presentation-tab { float:left; width:395px; top:2px; margin-top:20px; position:relative; z-index:10;} #presentation-tab h2 {display:block; float:left; width:80px; color:#000; border-right:1px #e4e4e4 solid; padding: 5px 10px 6px 0; margin:0; text-align:left; font-size:1em;} #presentation-tab h3 {display:block; float:left; width:80px; color:#000; border-right:1px #e4e4e4 solid; padding: 5px 10px 6px 0; margin:0; text-align:left; font-size:1em;} #presentation-tab ul {width:auto; float:left; margin:0; list-style-type:none; padding:0;} #presentation-tab ul li { float:left; width:4.5em; padding:0 0 0 0; margin:0;} #presentation-tab ul li a { display:block; border-bottom:1px solid #e4e4e4; border-top:1px solid #fff; border-right:1px solid #e4e4e4;padding: 5px 10px 5px 10px; text-decoration:none; _border-bottom:none; _border-top:none; _padding: 6px 10px 6px 10px; } #presentation-tab ul li a:hover{ display:block; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding: 5px 10px 5px 10px; _padding: 5px 10px 5px 10px; color:#ea0009; text-decoration:none} #presentation-tab .tabon { width:2.7em; float:left; color:#ea0009; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; _border-bottom:none; background:#ffffff; padding: 5px 10px 5px 10px; _padding: 5px 10px 7px 10px; text-decoration:none} #presentation-tab a.tabon:hover { width:2.7em; float:left; color:#ea0009; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; _border-bottom:none; background:#ffffff; padding: 5px 10px 5px 10px; _padding: 5px 10px 7px 10px; text-decoration:none} #presentation-strapline { width:417px; float:right; margin:1px 0 0 0; _margin:0px 0 0 0; padding:0; border-top:1px #e4e4e4 solid; height:0; position:relative; z-index:2; } /* this is the line which continues on after the last listed tab if additional tabs are added the strapline would not effect the hover and on state on the tab*/ /*#presentation-tab { float:left; width:370px; top:1px; position:relative; margin-top:15px; } #presentation-tab h2 {display:block; float:left; width:90px; color:#000; border-bottom:1px #e4e4e4 solid; *border-bottom:none; border-right:1px #e4e4e4 solid; padding: 5px 10px 5px 0; margin:0; text-align:left; font-size:1em;} #presentation-tab ul {width:auto; float:left; margin:-1px 0 0 0; list-style-type:none; padding:0;} #presentation-tab ul li { float:left; width:4.5em; padding:0 0 0 0; margin:0;} #presentation-tab ul li a { display:block; border-bottom:1px solid #e4e4e4; border-top:1px solid #fff; border-right:1px solid #e4e4e4; padding: 5px 10px 5px 10px; text-decoration:none} #presentation-tab ul li a:hover{ display:block; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding: 5px 10px 5px 10px; color:#ea0009; text-decoration:none;} #presentation-tab .ipon {width:2.7em; float:left; color:#ea0009; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; padding: 5px 10px 5px 10px; text-decoration:none} #presentation-strapline {width:28.5em; float:right; margin:10px 0 0 0; border-top:1px #e4e4e4 solid; height:1.6em;*/ clear:both; float:left; margin:0; padding:0; *margin:1px 0 0 0; border-top:1px solid #eaeedf; width:410px;} /* this is the line which continues on after the last listed tab if additional tabs are added the strapline would not effect the hover and on state on the tab*/ z /* --------------------------------- xxx Financial calender tab navigation ------------------------*/ #testing {clear:both; float:left; width:410px; position:relative; } #presentation-tab-fc { float:left; width:370px; top:1px; position:relative; margin-top:15px; } #presentation-tab-fc h3 {display:block; float:left; /*width:7.5em;*/ color:#000; /*border-bottom:1px #e4e4e4 solid;*/ border-right:1px #e4e4e4 solid; padding: 5px 10px 5px 0; margin:0; text-align:left; font-size:1em;} #presentation-tab-fc ul {width:auto; float:left; margin:-1px 0 0 0; list-style-type:none; padding:0;} #presentation-tab-fc ul li { float:left; width:4.5em; padding:0 0 0 0; margin:0;} #presentation-tab-fc ul li a { display:block; border-bottom:1px solid #e4e4e4; border-top:1px solid #fff; border-right:1px solid #e4e4e4; padding: 5px 10px 5px 10px; text-decoration:none} #presentation-tab-fc ul li a:hover { display:block; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding: 5px 10px 5px 10px; color:#ea0009; text-decoration:none;} #presentation-tab-fc .ipon {width:2.7em; float:left; color:#ea0009; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; padding: 5px 10px 5px 10px; text-decoration:none} #presentation-strapline-fc {/*width:28.5em; float:right; margin:10px 0 0 0; border-top:1px #e4e4e4 solid; height:1.6em;*/ margin:61px 0 0 0; ; *margin:0 0 0 0; padding:0; border-top:1px solid #eaeedf; width:410px;} /*----------------------------------------investor presentations - interim presentation results listing -----------------*/ .interim-results-wrap {width:410px; float:left; margin:20px 0 20px 0;} .interim-results {display:block; width:200px; float:left; margin-left:14px;} .presentation-image{ float:left; width:150px;} /*----------------------------------------investors financial calendar -----------------------------------------------*/ #financial-calendar-detail {clear:both; float:left; width:417px; } #financial-calendar-detail h1 {color:#00144e; font-size:2.2em; font-weight:normal;} #financial-calendar-detail h2 {margin:0 0 10px 0; padding:0; font-family:Arial, sans-serif; font-size: 1.1em; color:#000; width:6em;} #financial-calendar-detail .norm {width:auto; font-size:1.3em; line-height:1.4; margin-bottom:15px; font-weight:normal;} /*#financial-calendar-detail ul {margin:0; padding:0; list-style-type:none;} #financial-calendar-detail ul li{margin:0 0 5px 0; padding:0; } #financial-calendar-detail ul li a{text-decoration:underline;} */ #financial-calendar { width:410px; } /*#test {clear:both; float:left; width:350px;}*/ /* --------------------------------- financial-calendar tab navigation ------------------------*/ #calendar-past{float:left; width:417px;} #financial-calendar-tab { float:left; width:370px; top:2px; position:relative; margin-top:20px; } #financial-calendar-tab h3 {display:block; float:left; width:80px; color:#000; border-right:1px #e4e4e4 solid; padding: 5px 10px 6px 0; margin:0; text-align:left; font-size:1em;} #financial-calendar-tab ul {width:auto; float:left; margin:0; list-style-type:none; padding:0;} #financial-calendar-tab ul li { float:left; width:4.5em; padding:0 0 0 0; margin:0;} #financial-calendar-tab ul li a { display:block; border-bottom:1px solid #e4e4e4; border-top:1px solid #fff; border-right:1px solid #e4e4e4; padding: 5px 10px 5px 10px; text-decoration:none} #financial-calendar-tab ul li a:hover{ display:block; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding: 5px 10px 5px 10px; color:#ea0009; text-decoration:none} #financial-calendar-tab .ipon { width:2.7em; float:left; color:#ea0009; border-bottom:1px solid #fff; border-top:1px solid #e4e4e4; padding: 5px 10px 5px 10px; text-decoration:none} #financial-calendar-strapline { width:417px; float:right; margin:1px 0 0 0; *margin:-9px 0 0 0; padding:0; border-top:1px #e4e4e4 solid; height:0; } /* this is the line which continues on after the last listed tab if additional tabs are added the strapline would not effect the hover and on state on the tab*/ /*--------------------------------------future events table-----------------------------------------------------*/ #eventsform { margin:0; padding:0; float:left; width:417px;} #calendar-future {float:left; width:417px;} #futureeventstable {width:417px; margin-top:1px; float:left; padding:0; border:none; border-top:1px #e4e4e4 solid; } #futureeventstable th{background-color:#fafafa; margin:0; padding:4px 0 0 8px; height:42px; vertical-align:text-top; text-align:left; line-height:1em; } #futureeventstable th p{font-weight:normal; font-size:1em; line-height:1em; margin:0; } #futureeventstable td {font-size:1em; margin-bottom:0; padding:4px 0 0 8px; vertical-align:top; text-align:left; line-height:1.2em; width:auto;} #futureeventstable .spacer{background-color:#fafafa; border:none; } #futureeventstable .borderright{ border-right:1px #f3f3f3 solid;} #futureeventstable .borderleft{ border-left:1px #f3f3f3 solid;} #futureeventstable .bordertop{ border-top:1px #f3f3f3 solid;} #futureeventstable .fevents{width:161px;} #futureeventstable .fevents a {display:block;} #futureeventstable .ereminders{width:139px;} #futureeventstable .ereminders input{border:1px solid #9e9e9e; *border:none;} #futureeventstable .outreminders{width:108px;} #futureeventstable .alignment{margin:0px 0 15px 30px;} #futureeventstable .outreminders img{ padding-left:15px; border:0;} #requestboxtable{ width:100%;height:89px; border:1px solid #e7e7e9; /*background:url(../images/eventreminder_bg.gif) repeat-x bottom left; */padding:0; float:left; margin-bottom:30px; } #requestboxtable th { font-size:1.1em; font-weight:bold; color:#252525; padding:5px 0 0 5px; margin:0; background:transparent; text-align:left; font-family:Arial, sans-serif !important;} #requestboxtable td {padding:5px 0 5px 5px;} #requestboxtable label {padding:0 5px 0 0; margin:0;} #requestbox #confirmpolicy {width:2em; border:none; /*margin:8px 0 0 0;*/ *margin:4px 0 0 0; padding-left:0;} #requestbox #readpolicy {width:25em; margin:8px 0 0 6px;} #requestboxtable #rqsendBtn {border:none; padding:0; margin:0 15px 0 35px; } #requestboxtable a{clear:none;} #requestboxtable input[type="text"] {/* margin:0 7px 0 0; */ padding:0 0 0 1px; border:1px solid #9e9e9e; font-size:1em; width:150px;} /* IE 6*/ #requestboxtable input#requestname, #requestboxtable input#requestemail {padding:0 0 0 2px; border:1px solid #9e9e9e; font-size:1em; width:150px;} #requestboxtable input[type="checkbox"]{border:0; margin-top:5px;} /* erase the border specificaly for this item -DK-*/ /*--------------------------------------past events ----------------------------------------------------------------*/ #calendar-pastevents {float:left; width:417px;} #pasteventstable {width:417px; float:left; margin-top:28px;} #pasteventstable a{text-decoration:none;} #pasteventstable th{font-family:Arial, sans-serif; font-size: 1em; color:#252525; vertical-align:text-top; text-align:left; padding:4px 0 10px 8px;} #pasteventstable .borderbottom{ border-bottom:1px #f3f3f3 solid;} #pasteventstable .borderleft{border-left:1px red solid;} #pasteventstable .noborderright{border-right:none;} #pasteventstable td {font-size:1em; margin-bottom:0; padding:10px 0 10px 8px; vertical-align:text-top; text-align:left; line-height:1.2em; border-top:1px #f3f3f3 solid; border-right:1px #f3f3f3 solid; } #pasteventstable .pastevents { width:161px; margin-right:40px; border-right:1px #f3f3f3 solid;} #pasteventstable .relinfo { width:247px; *border-bottom:1px #f3f3f3 solid;} #pasteventstable td ul { list-style-type:none; margin:0; padding:0;} #pasteventstable td li { width:249px; height:1.5em; list-style-type:none; margin:0; padding:0; } #pasteventstable td ul li a { width:249px; padding-left:12px; background:url(../images/link_arrow_icon.jpg) no-repeat center left; text-decoration:none;} #pasteventstable td ul li a:hover { width:249px; padding-left:12px; background:url(../images/link_arrow_on.jpg) no-repeat center left; text-decoration:underline;} /*----------------------------------------investors email alert -----------------------------------------------*/ #email-alert-detail {clear:both; float:left; width:410px; } #email-alert-detail h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #email-alert-wrap { width:410px; color:#252525;clear:both; line-height:1.3; float:left;} #email-alert-wrap h2 { float:left; width:410px; padding-top:5px; margin-bottom:10px; font-size:1.2em; border-top:#f0f0f0 1px solid;} #emailalertform { float:left; width:410px; color:#252525; margin:0; padding:0;} #emailalertform fieldset {width:410px; border-top:#f0f0f0 1px solid; border-bottom:none; border-left:none; border-right:none; margin:0 0 2em 0; padding:0;} #emailalertform h2 {border:none; text-align:left; margin:0 0 1em 0; font-size:1.1em; font-weight:bold; color:#252525;} #emailalertform label { width:166px; float:left;} #emailalertform input { width:237px; border:1px solid #9e9e9e; margin:0 0 0.5em 0;} #emailalertform select { width:14em; *width:14em; height:1.5em; border:1px solid #9e9e9e; margin:0 0 1em 0; padding-top:2px; color:#252525; font-size:1.1em;} #emailalertform #profession { margin-bottom:0.5em;} fieldset#alert-subscription {width:410px; margin:0; padding:0;} label#alert-subscription {width:226px; float:left; margin:0 0 1em 0; padding:0; line-height:1.3em;} #alert-subscription input { width:2em; float:left; margin:0 0.3em 1em -0.5em; *margin:0 0.5em 0.7em 0; padding:0; clear:both; border:none; line-height:3em} #alert-subscription p { _clear:both; _width:200px;} #alert-subscription .ie6 { width:2em; _float:left;_margin:0 0.5em 0 0; _padding:0; _border:none; line-height:3em} fieldset#alert-confirm { width:410px; margin:0; padding:0;} fieldset#alert-confirm p{ clear:both; color:#ca2314; font-weight:bold;} #alert-confirm label{position:absolute; top:-1000px; left:-1000px; visibility:hidden;} #alert-confirm input[type="checkbox"] { width:2em; float:left; margin:0 0.3em 1.3em -0.5em; *margin:0 0.5em 0 0; padding:0; clear:both; border:none;} #alert-confirm .ie6 { width:2em; float:left; margin:0 0.3em 1.3em -0.5em; *margin:0 0.5em 0 0; padding:0; _border:none;} #alert-confirm .emailalertbtn { margin:0 0 0 1em; _padding:5px 0 0 0; background:url(../images/findbtn.jpg) no-repeat bottom left; width:86px; height:24px; color:#fff; font-weight:bold; font-size:1em; text-align:left; border:none; padding:2px 0 0 10px; *padding:5px 0 0 10px; cursor:pointer; outline: none;} #alert-confirm #emailalertLabel { margin-top:0; visibility:hidden; position:absolute; top:999px; left:999px;} #confirm-text {float:left; width:28em; _width:27.9em; margin-top:1.2em; } #email-subscription {float:left; width:86px;_ width:80px; margin-top:0.7em;} /*-----------------------------------------------------------------------shareprice graph-------------------------------------------------------*/ #shareprice-detail{width:578px; float:left;} #shareprice-detail h1 {color:#00144e; font-size:2.2em; font-weight:normal;} #shareprice-detail .intro{width:407px;} #shareprice-data {width:578px; float:left; background:url(../images/shareprice-data-bg.gif) repeat-x bottom left; margin-top:10px; margin-bottom:28px; padding-bottom:30px;} #shareprice-data h2 { font-size:1.4em; color:#232323; font-weight:normal; padding-bottom:5px; border-bottom:1px solid #f1f1f1; display:block;} #shareprice-data dl {width:246px; float:left;} #shareprice-data dl dt{width:103px; float:left; font-weight:bold; display:block; margin:0; padding:0;} #shareprice-data dl dd{width:143px; float:left; display:block; margin:0; padding:0;} #shareprice-data .data1{width:236px; float:left; margin:12px; padding-left:10px;} #shareprice-data .data2{width:236px; float:left; border-left:1px solid #f1f1f1; margin-top:12px; padding-left:10px;} .change {color:#0c9b35;} /* 2nd set of form shareprice (main chart etc) */ #shareprice-graph-wrap {width:578px; height:auto; float:left;} #shareprice-graph-wrap h2 { font-size:1.4em; color:#232323; font-weight:normal; padding-bottom:5px; margin-bottom:22px; border-bottom:1px solid #f1f1f1; display:block;} #shareprice-graph {width:578px; height:auto; float:left; background:url(../images/shareprice-graph-bg.gif) repeat-x bottom left;} #shareprice-graph img{margin-left:-2px;} #shareprice-graph-form {width:578px; float:left;} #shareprice-graph-form h2 { font-size:1.3em; color:#232323; font-weight:normal; border:none; padding:0 ; margin:0 0 5px 0; display:block;} #shareprice-graph-form .dividers-left{width:200px; float:left; border:none; border-left:none; padding:0 34px 20px 25px; } #shareprice-graph-form .dividers-right{width:200px; float:left; border:none; border-left:1px solid #e2e2e2; padding:0 34px 20px 25px; } #shareprice-graph-form fieldset{border:none; padding:0; margin:0;} #shareprice-graph-form label{width:41px; float:left; } #shareprice-graph-form select{width:151px;border:1px solid #9d9d9d; /*height:1.2em;*/ font-size:1em;} #shareprice-graph-form option{font-size:1em;} #shareprice-graph-form input{width:73px; height:17px; float:right; background:url(../images/redraw-btn.gif) no-repeat top left; border:none; margin-right:7px;} /* 3rd form */ /*#shareprice-download {width:578px; height:auto; float:left; background:url(../images/download-bg.gif) repeat-x bottom left; margin-top:30px; border:1px solid red} */ #shareprice-download {width:578px; height:auto; float:left; background:url(../images/shareprice-graph-bg.gif) repeat-x bottom left; margin-top:30px; padding-bottom:10px;} #shareprice-download h2 { font-size:1.4em; color:#232323; font-weight:normal; border-bottom:1px solid #f1f1f1; display:block;} #shareprice-download .divider{width:269px; float:left;} #downloadform{background:red;} #shareprice-download fieldset{border:none;} #shareprice-download label{width:66px; margin:12px 0 0 5px; float:left;} #shareprice-download select {width:50px; border:1px solid #9d9d9d; /*height:1.2em;*/ font-size:1em; float:left; margin:15px 10px 5px 5px;} #shareprice-download input{width:83px; height:17px; float:left; background:url(../images/download_btn.gif) no-repeat top left; border:none; margin-left:10px; } #shareprice-download #fFormat{width:89px;} #shareprice-download #formatLabel{/*margin-top:12px;*/} #shareprice-download #dateLabel{width:31px;} #shareprice-download #format_btn{ margin-top:14px; cursor:hand;} /*----------------------------------------careers / vacancies page --*/ #vacancies-detail {clear:both; float:left; width:410px; margin-right:75px; } #vacancies-wrap a{text-decoration: underline; } #vacancies-detail a:hover {text-decoration: underline; } #vacancies-detail h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #vacancies-wrap { width:410px; color:#252525;clear:both; line-height:1.3; float:left;} #vacancies-wrap h2 { float:left; width:410px; padding-top:5px; margin-bottom:10px; font-size:1.2em; border-top:#f0f0f0 1px solid;} #vacancies-intro { width:410px; color:#252525; font-size:1.4em; font-family:Arial, sans-serif; clear:both; background-color:#FFF; margin-bottom:10px; line-height:1.3;} #vacancies-intro h2{ font-weight:bold; padding:0; margin:15px 0 -15px 0;} .vacancies-list-wrap { float:left; margin-bottom:15px; float:left;} .vacancies-list-wrap dl{ width:410px; display:block; line-height:1.5em; float:left;} .vacancies-list-wrap dt{ width:157px; float:left; margin:0 10px 10px 0; padding:0; font-weight:bold; display:block;} .vacancies-list-wrap dd{ width:233px; float:left; margin:0 0 10px 0; padding:0; display:block;} /*.vacancy-role{width:397px; height:2.2em; * height:2em; margin-bottom:15px; padding:12px 10px 0 10px; *padding:10px 10px 0 10px; border:1px #e7e6eb solid; background:url(../images/grey-gradient-bg.gif) repeat-x bottom left; float:left;}*/ .vacancy-role {width:397px; height:auto; margin-bottom:15px; padding:12px 10px 12px 10px; *padding:10px 10px 10px 10px; border:1px #e7e6eb solid; background:url(../images/grey-gradient-bg.gif) repeat-x bottom left; float:left;} .vacancy-role p { } .vacancy-role a{text-decoration:underline;} .back-to-top { width:410px; text-align:center; margin-bottom:50px; float:left;} /* ----------------------------------careers / vacancies pagination ------------------------------------------*/ #vacancies-detail .pagination {float:left; margin:5px 0 10px 0; } #vacancies-detail .pagination ul {margin:0; padding:0; list-style:none;} #vacancies-detail .pagination ul li {float:left; } #vacancies-detail .pagination ul li {margin-right:10px} #vacancies-detail .pagination ul li a {display:block; padding:0px 5px; border:1px solid #fff} #vacancies-detail. pagination ul li.nlon a { text-decoration:none; } #vacancies-detail .pagination ul li a:hover {text-decoration:none; } #vacancies-detail .pagination ul li a.previous { background:url(../images/left_arrow_icon.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } #vacancies-detail .pagination ul li a:hover.previous { background:url(../images/left_arrow_on.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } #vacancies-detail .pagination ul li a.next {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} #vacancies-detail .pagination ul li a:hover.next {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} /*-----------------------------------careers application form-----------------------------------------------*/ #vacancy-app-detail {clear:both; float:left; width:417px; } #vacancy-app-detail h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #vacancy-app-wrap { width:417px; color:#252525;clear:both; line-height:1.3; float:left;} #vacancy-app-wrap h2 { float:left; width:410px; padding-top:5px; margin-bottom:10px; font-size:1.2em; border-top:#f0f0f0 1px solid;} #vacancy-app-intro { width:417px; color:#252525; font-size:1.4em; font-family:Arial, sans-serif; clear:both; background-color:#FFF; margin-bottom:10px; line-height:1.3;} #applicationform { float:left; width:417px; color:#252525; margin:0; padding:0;} #applicationform fieldset {width:417px; border-top:#f0f0f0 1px solid; border-bottom:none; border-left:none; border-right:none; margin:0 0 30px 0; padding:0;} #applicationform h2 {border:none; text-align:left; margin:0 0 1em 0; font-size:1.1em; font-weight:bold; color:#252525;} #applicationform label { width:14em; float:left;} #applicationform input { width:19em;border:1px solid #9e9e9e;margin:0 0 1em 0;} #applicationform textarea { width:19.5em; *width:19em; height:8em; border:1px solid #9e9e9e; margin:0 0 1em 0; } #applicationform select { width:17em; *width:19em; height:1.5em; border:1px solid #9e9e9e; margin:0 0 1em 0; padding-top:2px;} #applicationform #location { width:19em; border:1px solid #9e9e9e; margin:0 0 1em 0;} #applicationform label#permitLabel { width:28em; float:left; margin:0; padding:0;} #applicationform input#permit{ width:2em; padding:0; margin:0; border:none; } #applicationform .ie6{ _width:2em; _padding:0; _margin:0; _border:none; _float:left;} #applicationform #faddress { width:19.5em; *width:19em; height:6em; border:1px solid #9e9e9e; margin:0 0 1em 0;} #applicationform .applicationbtn { margin:0 0 15px 29.5em; background:url(../images/findbtn.jpg) no-repeat bottom left; width:86px; height:24px; color:#fff; font-weight:bold; font-size:1em; text-align:left; border:none; padding:2px 0 0 10px; *padding:5px 0 0 10px; cursor:pointer; outline: none;} #applicationform #applicationbtn { margin-top:0; visibility:hidden; position:absolute; top:999px; left:999px;} /* ---------------------------------- contact-detail ------------------------------------------*/ #contact-detail {clear:both; float:left; width:495px; } #contact-detail a:hover {text-decoration: underline; } #contact-detail h1 {color:#00144e; margin:0 0 0 0; padding-bottom:3px; padding-top:0;} #contact-picture { float:left; width:148px; margin-right:20px;} #contact-picture img{ float:left; border:1px solid #ccc;} #contact-profile { float:left; width:322px; margin:0; padding:0; line-height:2em;} #contact-profile h2{font-size:1.5em; margin-bottom:5px; } #contact-profile dl {float:left; width:322px; margin:0; padding:0;} #contact-profile dt {float:left; width:45%; margin:0 0 5px 0; padding:0; border-top:1px solid #e5e5e5; font-weight:bold;} #contact-profile dd {float:left; width:50%; margin:0 0 5px 0; padding:0; border-top:1px solid #e5e5e5;} #contact-profile dd a {text-decoration:none;} /* --------------------------------- contact us page --------------------------------------------*/ #contact-us {clear:both; float:left; width:490px; margin-left:0px; } #contact-us a:hover {text-decoration: underline; } #contact-us h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin:0 0 0 -2px; padding-top:0;} #contact-us p { margin-left:0;} .contact-us-intro { width:388px; color:#252525; font-size:1.4em; font-family:Arial, sans-serif; clear:both; background-color:#FFF; margin-bottom:10px; line-height:1.3;} #contact-us-intro h2{ font-weight:bold; padding:0; margin:15px 0 0 0;} /*#contact-us-intro p{ width:388px;}*/ .contact-landing-intro { width:392px;} /*----------------------------------------contact us page:contact-module wrap for --------------------------------------------*/ #contact-module-wrap { width:488px; float:left; color:#252525; margin:15px 0 0 -9px; padding-top:15px;} #contact-module-wrap .contact-wrap {float:left; width:488px; margin:0 0 20px 0; border-top:1px solid #f1f1f1;} /*--------------contact us page: these are additional classes added to the module boxes classes to customise styling -----------------*/ #contact-module-wrap .notop{border-top:none;} #contact-module-wrap .noborder{ border:none; padding-left:0; width:233px;} #content-wrap-outer .noborder h2{font-size:1.4em; padding-left:0.5em;} #contact-module-wrap .borderleft{border:none; border-left:1px solid #f1f1f1; padding-left:0; width:233px;} #content-wrap-outer .borderleft h2{font-size:1.4em; padding-left:0.5em;} #contact-module-wrap .nobordertop{ border:none; padding-left:0; width:233px;} #contact-module-wrap .contact-module h2{color:#252525; font-size:1.5em; padding:0 ; margin:0;} #contact-module-wrap .box-content {margin-bottom:10px;} #contact-module-wrap .box-content p{margin:0; line-height:1.4; } #contact-module-wrap .box-content strong p{margin-bottom:5px; line-height:1.4; } #contact-module-wrap .box-content h3{margin-bottom:-3px;} #contact-module-wrap .box-content-image {width:79px; height:100px; float:left; margin-top:5px;} /*----------------------------------box wrapper--------------------------------------------------------*/ .module-wrap {width:238px; float:right; padding:0 5px 0 0; margin-top:10px; } /* ---------------------------------- related links box ------------------------------------------*/ #rel-links-wrap { width:233px; margin-right:10px; /*_display:inline*/; } #rel-links { border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:217px; padding:0 7px 0px 7px;/* _display:inline*/;} #rel-links h3 {font-size:1.4em; color:#00144e; margin:0; padding:0} #rel-links ul {margin:10px 0 ; padding:0; list-style-type:none} #rel-links ul li {padding:0 0 10px 0} #rel-links ul li a{display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #rel-links ul li a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} #rel-links .cmhtml-section a{margin:0 0 0 -8px; padding:0; border:0;} #rel-links a img.cmhtml-img-left-1{border:0; width:232px; padding:0; margin:0;} /* ---------------------------------- Contact us box ------------------------------------------*/ #contact-links-wrap {float:right; width:233px; margin: 0 10px 10px 0; _display:inline; } #contact-links { border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:217px; padding:0 7px 0 7px; margin:0; } #contact-links h3 {font-size:1.4em; color:#00144e; margin:0 0 0 0; padding:0;} #contact-links ul {margin:10px 0 ; padding:0; list-style:none} #contact-links ul li {padding:0 0 3px 0} #contact-links ul li a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #contact-links ul li a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} /* ----------------------------------- press contact box---------------------------------------------------- #press-contact-wrap {float:right; width:233px !important; margin:15px 10px 0 0; _margin:15px 5px 0 0; border-top:2px solid #5ab1e8; border:2px solid #efefef;} #press-contact-wrap h3{font-size:1.3em; color:#00144e; margin:10px 0 0 10px; padding:0; font-weight:bold;} #press-contact {width:118px; float:left; margin:0 10px 0 10px; _margin:0 0 0 0; _padding:0 5px 0 10px;} #press-contact h4 {width:auto; float:left; font-size:1.1em; color:#252525; margin:10px 0 0 0; padding:0;} #press-contact p {width:118px; margin:5px 0 5px 0; _margin:5px 0 5px 0px; line-height:1.7;} #press-contact-image {width:79px; height:100px; float:left;} #press-contact-image img{ vertical-align:bottom; border:1px solid #e4e4e4;} #press-contact-numbers { clear:both; margin-left:10px; line-height:1.7;} #press-contact-numbers ul { list-style-type:none; margin:0 0 10px 0; padding:0;} #press-contact-numbers ul li a { text-decoration:underline;}*/ /* ---------------------- module boxes for hr contact and press contact -------------------------------------------*/ .box-wrap {float:right; /*width:233px*/ width:231px !important; margin:15px 10px 0 0; _margin:15px 5px 0 0; border-top:2px solid #5ab1e8; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-left:1px solid #efefef; _display:inline; } .box-wrap h3{font-size:1.4em; color:#00144e; margin:0 0 0px 7px; padding:0; font-weight:bold; font-family:Helvetica, Arial, sans-serif} .box-content {width:118px; float:left; margin:0 10px 0 8px; _margin:0 0px 0 0; _padding:0 5px 0 10px; _display:inline; } /*#content-wrap-outer .box-content h2{ color:#252525; font-size:1.3em; padding:0 ; margin:0; float:right; width:100%; }*/ .box-content h3{ color:#252525; font-size:1.2em; *font-size:1.2em; _font-size:1.2em; padding:0 ; margin:0 0 -5px 0; font-family:Helvetica, Arial, sans-serif } .box-content h4 {width:auto; /*float:left; */font-size:1.2em; color:#252525; margin:0 0 0 0; padding:0; font-family:Helvetica, Arial, sans-serif} .box-content p {width:118px; margin:0; _margin:5px 0 5px 0px; line-height:1.7;} .box-content-image {width:79px; height:100px; float:left;} .box-content-image2 {width:79px; height:100px; float:right; margin-top:10px;} .box-content-image2 img {vertical-align:text-bottom; } .box-content-image img {vertical-align:text-bottom; border:1px solid #e4e4e4;} .box-content-numbers { clear:both; margin-left:10px; margin-top:10px; line-height:1.7;} .box-content-numbers ul { list-style-type:none; margin:0 0 10px 0; padding:0;} .box-content-numbers ul li a { text-decoration:underline;} .box-wrap .box-content img {border:none; text-decoration:none; background-color:transparent; } .box-wrap .box-content a img {border:none; text-decoration:none; background-color:transparent; } /* ---------------------------------- contact us box ------------------------------------------*/ #contact-search-wrap {float:right; width:233px; margin-right:10px; _display:inline; } #contact-search { border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:217px; padding:0 7px; } #contact-search p{ line-height:1.4; margin:0 0 16px 0; color:#252525; } #contact-search h3 {font-size:1.4em; color:#00144e; margin:0 0 0 0; padding:0} #contact-search ul {margin:10px 0 ; padding:0; list-style:none} #contact-search ul li {padding:0 0 10px 0} #contact-search ul li a {display:block; background:url(../images/services-double-arrow.gif) no-repeat top left; padding:2px 0 0 10px;} /* ---------------------------------- contact us box form ------------------------------------------*/ #contact-search form { width:133px; margin:0; padding:0; color:#252525;} #contact-search fieldset{ border:none; width:133px; margin:0; padding:0;} #contact-search legend { font-weight:bold; color:#000; margin:0 0 0px 0; *margin-left:-7px; padding:0; text-align:left;} #contact-search input { border:1px solid #999; width:210px; height:1em; margin-bottom:0px; font-size:1em; height:1.25em;} #contact-search select { border:1px solid #999; border-style:solid; border-collapse:collapse; width:214px; height:1.7em; font-size:1em; margin-bottom:5px;} #contact-search .findbtn { margin:15px 0 15px 135px; width:79px; height:17px; background:url(../images/findbtn.jpg) no-repeat bottom right; cursor:hand; border:none;} #contact-search #findbtn { margin-top:0; visibility:hidden; position:absolute; top:999px; left:999px;} /* ---------------------------------- contact us map box ------------------------------------------*/ #contact-map{float:right; width:233px; height:91px; margin:8px 10px 10px 0; _display:inline; border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background:url(../images/contact_us_map.jpg) no-repeat top center; cursor:pointer;} #contact-map-wrap h3 { font-size:1.5em; color:#fff; margin:5px 10px;} /*#contact-map { border-left:1px solid #f0f0f0; width:217px; padding:7px }*/ /*--------------------------------------change your preferences ---------------------------------------*/ #change-pref-wrap {float:right; width:233px; margin-right:10px; _display:inline; } #change-preference { border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:217px; padding:7px } #change-preference h3 {font-size:1.5em; color:#00144e; margin:0; padding:0} /* ---------------------------------- contact us box form ------------------------------------------*/ #change-preference-form-wrap form { width:233px; margin:0; padding:0; color:#252525;} #change-preference-form form { width:233px; margin:0; padding:0;} #change-preference-form fieldset{ border:none; width:212px; margin:0; padding:0;} #change-preference-form input { border:1px solid #999; width:210px; height:14px; margin:0; padding:2px; color:#252525; font-size:1em;} #change-preference-form label {width:100%; height:14px; margin-bottom:0; color:#252525;} #change-preference-form .sendbtn { margin:0.3em 0 0.2em 130px; background:url(../images/findbtn.jpg) no-repeat bottom left; width:86px; height:24px; color:#fff; font-weight:bold; font-size:1em; text-align:left; border:none; padding:0 0 0 10px; *padding:4px 0 0 10px; cursor:pointer; outline: none;} #change-preference-form #sendbtn { margin-top:0; visibility:hidden; position:absolute; top:999px; left:999px;} /* ---------------------------------- homepage ------------------------------------------*/ #main-content-home {float:left; width:990px; background-color:#fff; margin-top:12px; padding:0; clear:both;} #main-content-home a:hover {text-decoration:underline; } #module1 {float:left; width:228px; background-color:#fff; border-right:1px solid #efefef; padding:0 10px; min-height:241px; height: expression( this.scrollHeight < 241 ? "241px" : "auto" );} #module1 .text { width:228px; } #module1 .text img{ width:223px; height:70px; float:left;} #module1 .text a img{ border:none; margin-bottom:14px; *margin-bottom:2px;} #module1 .text p {line-height:1.5; clear:both; padding:0;} #module1 h2 {margin:0 10px 26px 0; padding:0; font-size:1.5em; color:#09687c; font-weight:bold; float:left; width:auto; font-family:Helvetica, Arial, sans-serif} #module1 a img {background:none; border:none; float:left; width:19px; height:18px; margin-top:0;} #module1 a:hover img{ background:none; border:none;} #module2 {float:left; width:228px; background-color:#fff; border-right:1px solid #efefef; padding:0 10px; min-height:241px; height: expression( this.scrollHeight < 241 ? "241px" : "auto" );} #module2 .text { width:228px; } #module2 .text img{ width:223px; height:70px; float:left;} #module2 .text a img{ border:none; margin-bottom:14px; *margin-bottom:2px;} #module2 .text p {line-height:1.5; clear:both;} #module2 h2 {margin:0 10px 26px 0; padding:0; font-size:1.5em; color:#1765ad;font-weight:bold; float:left; width:auto; font-family:Helvetica, Arial, sans-serif } #module2 a img {background:none; border:none; float:left; width:19px; height:18px; margin-top:0;} #module2 a:hover img{ background:none; border:none;} #module3 {float:left; width:228px; background-color:#fff; border-right:1px solid #efefef; padding:0 10px; min-height:241px; height: expression( this.scrollHeight < 241 ? "241px" : "auto" );} #module3 .text { width:228px; } #module3 .text img{ width:223px; height:70px; float:left;} #module3 .text a img{ border:none; margin-bottom:14px; *margin-bottom:2px;} #module3 .text p {line-height:1.5; clear:both;} #module3 h2 {margin:0 10px 26px 0; padding:0; font-size:1.5em; color:#9d9d9d;font-weight:bold; float:left; width:auto; font-family:Helvetica, Arial, sans-serif } #module3 a img {background:none; border:none; float:left; width:19px; height:18px; margin-top:0;} #module3 a:hover img{ background:none; border:none;} #module4 {float:left; width:223px; _width:210px; padding:0 10px; min-height:241px; height: expression( this.scrollHeight < 241 ? "241px" : "auto" );} #module4 .text { width:223px; _width:210px; } #module4 .text img{ width:223px; height:70px; float:left;} #module4 .text a img{ border:none; margin-bottom:14px; *margin-bottom:2px;} #module4 .text p {line-height:1.5; clear:both;} #module4 h2 {margin:0 10px 26px 0; padding:0; font-size:1.5em; color:#dd0311; font-weight:bold; float:left; width:auto; font-family:Helvetica, Arial, sans-serif } #module4 a img {background:none; border:none; float:left; width:19px; height:18px; margin-top:0;} #module4 a:hover img{ background:none; border:none;} /*hover over content on homepage*/ #mainDiv1, #mainDiv2, #mainDiv3, #mainDiv4 { /*background:url(../images/maindiv-bg.gif) repeat-x top left #fff;*/ margin:0 0 20px 0; padding-bottom:10px; width:990px;height:auto !important; float:left; background:url(../images/maindiv-bg.gif) repeat-x top left #fff; /*_margin-left:-990px;_position:absolute position:relative; display:block;*/} #mainDiv1 p, #mainDiv2 p, #mainDiv3 p, #mainDiv4 p { line-height:1.5;} /*{ background:url(../images/maindiv-bg.gif) repeat-x top left #fff; margin:0 0 20px 0; width:990px; height:auto; float:left; *margin:45px 0 0 -990px;*/ /*position:relative; display:block;}*/ .ie7stack { } .nostack{ display:block; background:url(../images/maindiv-bg.gif) repeat-x top left #fff;} .stackem { display:none; z-index:500; margin-top:0; background:url(../images/maindiv-bg.gif) repeat-x top left #fff; } .reveal { display:block;} .hideTabs { display:none;} .showheading {display:block;} .hideheading {display:none;} .showModule{display:block;} .hideModule{display:none;} .mainTabs ul { width:990px; background:#fff; margin:0 0 0 0; padding:0 0 0 0;} .mainTabs ul li {float:left; width:248px; background:#fff; list-style-type:none; border-bottom:1px solid #c8d2db; border-right:1px solid #dbdbdb; padding-top:0px; } .mainTabs ul li h2 {margin:0 10px 0 11px; *margin:0 10px 0 9px; padding:12px 0 6px 0; *padding:12px 0 2px 0; font-size:1.5em; color:#09687c; font-weight:bold; float:left; width:auto; font-family:Helvetica, Arial, sans-serif; border-right:none;} .mainTabs a img {background:none; border:none; float:left; width:19px; height:18px; margin-top:12px; /*margin-bottom:25px;*/} .mainTabs a:hover img{ background:none; border:none; } .mainTabs .active {background:url(../images/maindiv-bg.gif) repeat-x top left; background-color:tranparent; border-bottom:none; border-left:none; margin-top:0; padding:0 0 0 0; *padding:0 0 1px 0;} .mainTabs .lastTab {width:242px; border-right:none;} #mainDiv1 .broking , #mainDiv2 .broking, #mainDiv3 .broking, #mainDiv4 .broking {color:#09687c;} #mainDiv1 .financial, #mainDiv2 .financial, #mainDiv3 .financial, #mainDiv4 .financial {color:#1765ad;} #mainDiv1 .support , #mainDiv2 .support, #mainDiv3 .support, #mainDiv4 .support{color:#9d9d9d;} #mainDiv1 .research, #mainDiv2 .research, #mainDiv3 .research, #mainDiv4 .research {color:#dd0311;} #mainDiv1 h4{color:#09687c;} #mainDiv2 h4{color:#1765ad;} #mainDiv3 h4{color:#9d9d9d;} #mainDiv4 h4{color:#dd0311;} .module1-content {clear:both; width:990px; border:1px solid #efefef; padding:10px 0; float:left; background:url(../images/home-g.gif) repeat-x bottom left; margin:0 0 10px 0; } .module1-content a:hover { text-decoration:underline; } .module1-content h3 {margin:0 0 3px 0; padding:0; font-size:1.5em; color:#066173; font-weight:bold; } .module1-content h4 {margin:0 0 3px 0; padding:0; font-size:1.2em; color:#066173; font-weight:bold; } .col1 {float:left; width:228px; padding:0 10px 0 11px; margin-top:22px; height: expression( this.scrollHeight < 241 ? "241px" : "auto" );} .col1 h2 {font-size:1.5em; font-family:Helvetica, Arial, sans-serif; padding:0; margin:0 0 25px 0;} .col1 img{ margin:-3px 0 0 0px; padding:0;} .col1 a {display:block; background:url(../images/services-double-arrow.gif) no-repeat top left; padding:2px 0 0 10px;} #wrapper .col1 a:hover {display:block; text-decoration:underline;} .col2 {float:left; width:478px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:0 10px;/* background:blue;*/ margin-top:20px; height: expression( this.scrollHeight < 241 ? "241px" : "auto" );} .col2 ul {margin:0; padding:0; list-style:none; } .col2 ul li {margin:0; padding:10px 10px 10px 0; width:220px; float:left; border:none;} .col2 a {display:block; background:url(../images/services-double-arrow.gif) no-repeat top left; padding:2px 0 0 10px;} #wrapper .col2 a:hover {display:block; text-decoration:underline;} .col2 h4 {font-size:1.3em; margin-top:0; padding-top:0; font:Helvetica, Arial, sans-serif} .col3 {float:left; width:200px; padding:0 10px; margin-top:20px; height: expression( this.scrollHeight < 241 ? "241px" : "auto" );} .col3 ul {margin:0; padding:0; list-style:none } .col3 ul li {margin:0; padding:10px 10px 10px 0; } .col3 a {display:block; background:url(../images/services-double-arrow.gif) no-repeat top left; padding:2px 0 0 10px;} #wrapper .col3 a:hover {display:block; text-decoration:underline;} .col3 h4 { font-size:1.3em; margin-top:0; padding-top:0; font:Helvetica, Arial, sans-serif} .top-no-bg a {background:none;} /*-------------------------------------news detail page ------------------------------------*/ #main-content-news {float:left; width:990px; background-color:#fff; margin:12px 0 0 0; padding:0; font-size:1.em; line-height:1.7;} #main-content-news-detail {float:left; width:690px; margin:0 20px 3px 10px; padding:0;} #main-content-news-detail h1{ float:left; width:500px; background-color:#FFF; color:#00144e; margin:0 0 15px 0; font-size:2.2em; font-weight:normal;} #main-content-news-detail h2{ font-size:1.1em; width:562px;} #main-content-news-detail a{ text-decoration:underline;} #main-content-news-detail ul{ padding-left:10px; margin-left:10px; width:400px;} #main-content-news-heading {float:left; margin:0; width:385px} #main-content-news-heading h2 {clear:both; float:left; width:auto; display:inline} #back-to-news { width:113px; float:right; color:#2d62af; padding-left:10px; background-color:#fff; margin:/*1.5em*/0 0 0 20px; } #back-to-news a { text-decoration:none; background:url(../images/back_to_news_icon.jpg) no-repeat center left; padding-left:15px;} #back-to-news a:hover{ text-decoration:none; background:url(../images/back_to_news_icon_on.jpg) no-repeat center left; padding-left:15px;} /* bug fox for news listing story as the same id was used for the reg news listing story */ #main-content-news-heading-new {float:left; margin:0; width:690px; } #main-content-news-heading-new h1{ float:left; width:530px; background-color:#FFF; color:#00144e; margin:0 0 15px 0; font-size:2.2em; font-weight:normal; } #back-to-news-new { width:113px; float:right; color:#2d62af; padding-left:10px; background-color:#fff; margin:/*1.5em*/10px 10px 0 20px; } #back-to-news-new a { text-decoration:none; background:url(../images/back_to_news_icon.jpg) no-repeat center left; padding-left:15px;} #back-to-news-new a:hover{ text-decoration:none; background:url(../images/back_to_news_icon_on.jpg) no-repeat center left; padding-left:15px;} /* end bug fox for news listing story as the same id was used for the reg news listing story */ .new-detail-clear { clear:both; margin:10px 0 0 10px;} .wide { width:563px;} .news-intro p{ width:562px;} #news-content-wrap .news-date{ font-weight:bold; padding:0; margin:15px 0 0 0; font-family:Arial, sans-serif; font-size:1.4em;} #news-content-wrap { clear:both; width:90%; margin-bottom:10px;} #news-content-wrap p{ width:562px; line-height:1.7} #news-content-wrap h2{ margin-bottom:0; width:562px;} #tags { width:562px; float:left;} #tags h3 { font-size:1em; float:left; width:auto;} #tags ul {width:auto; float:left; list-style-type:none; padding:0; margin:10px 0 0 16px;} #tags ul li {width:auto; float:left; margin-right:8px; margin-top:8px;} #tags ul li a { display:block; text-decoration:none; border:1px solid #5ab1e8; padding:3px 5px;} #tags ul li a:hover { display:block; text-decoration:none; border:1px solid #ea0009; padding:3px 5px;} /* ---------------------------------- About people ------------------------------------------*/ #about-people {clear:both; float:left; width:492px; background-color:#fff; margin-right:5px;} #about-people h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; padding-top:0; } #about-people #board-thumbs {clear:both; width:500px; float:left; margin:0; } #about-people #board-thumbs ul {margin:0; padding:0; list-style:none; } #about-people #board-thumbs ul li {padding:0; margin:0 6px 0 0; float:left; } #about-people #board-thumbs ul li.btlast {margin-right:0; } #about-people #board-thumbs ul li a img {text-decoration: none; border:1px solid #2f62bb;} #about-people #board-thumbs ul li a.bton img {border:none; border:1px solid #c4240e; } #about-people #board-content {margin-top:15px;} #about-people #board-content img {border:1px solid #e7e7e7; margin:10px 0 0 0; _margin:0; } #about-people #board-content h2 {padding-bottom:0; margin-bottom:0; font-size:1.3em; } #about-people #board-content h3 {padding:4px 0 1px 0; margin:0; } #about-people #board-content p {padding-top:0; margin-top:0; } /* ---------------------------------- About History ------------------------------------------*/ #about-history h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; padding-top:0; } #about-history {clear:both; float:left; width:660px; background-color:#fff ; } #about-history {width:466px;} #history-thumbs {clear:both; width:660px; float:left; margin-top:3px; } #history-thumbs ul {margin:0; padding:0; list-style:none; } #history-thumbs ul li {padding:0; margin:0 6px 0 0; float:left; text-align:center } #history-thumbs ul li.btlast {margin-right:0; } #history-thumbs ul li a {text-decoration:underline; } #history-thumbs ul li a img {text-decoration: none; border:1px solid #2f62bb; display:block; margin-top:3px; } #history-thumbs ul li a.bton {color:#f62417; text-decoration:none} #history-thumbs ul li a.bton img {border:none; border:1px solid #f62417; } .history-intro {font-size:1.3em; line-height:1.4 ; padding-top:0; margin-top:0; width:466px; } .history-intro p { padding-top:0; margin-top:0;} #history-content-wrap {clear:both; float:left; width:670px; background-color:#edf8fc; margin-top:10px; padding:12px 10px 12px 0; } #history-content-wrap #history-image {float:left; width:340px; } #history-content-wrap #history-image img {margin-left:12px; } #history-content-wrap #history-content {float:left; width:320px; } #history-content-wrap #history-content h2 {font-weight:bold; padding:0 0 0 0; margin:-5px 0 0 0; font-family:Helvetica, Arial, sans-serif; font-size:1.4em;} /* ---------------------------------- FAQ ------------------------------------------*/ #faq {clear:both; float:left; width:410px;} #faq h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #faq ul {margin: 15px 0 15px 0; padding:0; list-style-position:inside; } #faq ul li {padding:2px 0; } #faq ul li a { list-style-type:none; text-decoration:underline; margin:-19px 0 7px 35px; display:block; } #faq ul li.faqon {color:#f62417; font-weight:bold; } #faq ul li.faqon a {color:#f62417; font-weight:bold; text-decoration:none} #faq-questions { float:left; width:410px;} #faq-questions ul {margin: 15px 0 15px 0; padding:0; display:block; } #faq-questions ul li {padding:2px 0 2px 0; list-style-type:none; margin:0; display:block; float:left;} #faq-questions ul li a { list-style-type:none; text-decoration:none!important; margin:-19px 0 0 25px; display:block; width:350px; } #faq-questions ul li.faqon {color:#f62417;} #faq-questions ul li.faqon a {color:#f62417; font-weight:bold; text-decoration:none;} #faq-questions ul li.faqon a:avtive{font-weight:normal;} #faq-questions ul li a:hover{text-decoration:underline!important;} #faq h2 {border-top:1px solid #f0f0f0; padding:10px 0 5px 0; margin-bottom:0; } #faq p {margin-top:0 } /* ---------------------------------- Glossary ------------------------------------------*/ #main-content-glossary {float:left; width:740px; background-color:#fff; margin:12px 0 0 10px; padding:0 ; font-size:1.em; line-height:1.7;} #glossary {clear:both; float:left; width:648px; background-color:#fff; } #glossary h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #glossary h3 {font-size:1em} .m10 {margin-left:10px; } #glossary-intro {font-size:1.4em; line-height:1.2 ; padding-top:0; margin-top:0; } #glossary-content {clear:both; width:648px; float:left; margin-top:10px; } #glossary-content dl {width: 648px; margin: 0; padding: 0; float:left;} #glossary-content dt {width:235px; float:left; margin:0 0 0 0; padding:10px 0 0 0; font-weight: bold; display:block; border-top:1px solid #eaeedf; font-size:1.4em; color:#272727; color:#4b4b4b;} #glossary-content dd {float: left; width: 413px; margin:0 0 10px 0; padding:10px 0 10px 0; border-top:1px solid #eaeedf; display:block;} #glossary-content dd p {width: 413px; margin:0; padding:0} .glossnav {float:left; width:648px; background-color:#fff; font-size:1.2em; } .glossnav ul {padding:0; margin:5px 0 ; width:648px;} .glossnav ul li {list-style:none; padding: 0; margin:0 1px 0 0; color:#00144e; float:left; font-weight:bold;} .glossnav ul li a {text-decoration: none; display:block; color:#2674be; padding:1px 3px; border:1px solid #fff; line-height:1em } .glossnav ul li a:hover {border:1px solid #f62417; text-decoration:none !important; } .glossnav ul li.glosson a {border:1px solid #f62417; text-decoration:none; } .bdr {border-top:1px solid #eaeedf; } /* ---------------------------------- News listing ------------------------------------------*/ #news-listing {clear:both; float:left; width:648px; background-color:#fff; margin-left:10px; } #news-listing h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #news-listing p {padding-bottom:0; margin-bottom:0; } #news-listing .pagination { /*float:left; */ margin:5px 0 10px 0;} #news-listing .pagination ul {margin:0; padding:0; list-style:none;} #news-listing .pagination ul li {float:left; } #news-listing .pagination ul li {margin-right:10px} #news-listing .pagination ul li a {display:block; padding:0px 5px; border:1px solid #fff} #news-listing .pagination ul li.nlon a {border:1px solid #f62417; text-decoration:none; } #news-listing .pagination ul li a:hover {border:1px solid #f62417; text-decoration:none; } #news-listing .pagination ul li a.previous { background:url(../images/left_arrow_icon.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } #news-listing .pagination ul li a:hover.previous { background:url(../images/left_arrow_on.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } #news-listing .pagination ul li a.next {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} #news-listing .pagination ul li a:hover.next {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} #news-listing #news-list {clear:both;} #news-listing #news-list ul { margin-top:0;} /*rns box*/ #rns-wrap {float:right; /*width:233px*/width:231px; !important; margin:15px 10px 0 0; _margin:15px 5px 0 0; border-top:2px solid #5ab1e8; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-left:1px solid #efefef;} #rns-wrap h3 {font-size:1.4em; color:#00144e; margin:0px 0 0px 7px; padding:0; font-weight:bold; padding:0; font-family:Helvetica, Arial, sans-serif } #rns-wrap p {margin:0 0 7px 7px; } #pub-wrap {float:right; /*width:233px*/width:231px; !important; margin:15px 10px 0 0; _margin:15px 5px 0 0; border-top:2px solid #5ab1e8; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-left:1px solid #efefef; padding:0; } #pub-wrap h3 {font-size:1.4em; color:#00144e; margin:0 0 0 7px; padding:0; font-weight:bold; padding:0; font-family:Helvetica, Arial, sans-serif } #pub-wrap p {margin:0 0 0 7px;} #pub-wrap a img.cmhtml-img-left-1 {margin-left:0px; border:0; /*float:right;*/ width:231px; } /* ---------------------------------- generic landing ------------------------------------------*/ #generic-landing h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0; } #landing-text {width:490px;} #gl-modules-wrap {clear:both; width:740px; background-color:#fff; float:left} #gl-modules-wrap2 {clear:both; width:740px; background-color:#fff; margin-top:10px; border-top:1px solid #efefef; float:left; } #gl-modules-wrap a {display:block; background:none; padding:0; } #gl-modules-wrap img {text-decoration:none; border:none; background:none;} #gl-module1 {float:left; width:226px; background-color:#fff; border-right:1px solid #efefef; padding:0 10px 0 0; } #gl-module1 h2 {margin:0 0 3px 0; padding:0; font-size:1.5em; color:#252525; font-weight:bold; } #gl-module1 p a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module1 p a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module2 {float:left; width:226px; background-color:#fff; border-right:1px solid #efefef; padding:0 10px; } #gl-module2 h2 {margin:0 0 3px 0; padding:0; font-size:1.5em; color:#252525;font-weight:bold; } #gl-module2 p a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module2 p a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module3 {float:left; width:226px; background-color:#fff; padding:0 10px; } #gl-module3 h2 {margin:0 0 3px 0; padding:0; font-size:1.5em; color:#252525;font-weight:bold; } #gl-module3 p a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module3 p a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module4 {float:left; width:226px; margin-top:10px; padding:0 10px 0 0; border-right:1px solid #efefef; } #gl-module4 h2 {margin:0 0 3px 0; padding:0; font-size:1.5em; color:#252525; font-weight:bold; } #gl-module4 a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module4 a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module5 {float:left; width:226px; margin-top:10px; padding:0 10px; border-right:1px solid #efefef; } #gl-module5 h2 {margin:0 0 3px 0; padding:0; font-size:1.5em; color:#252525; font-weight:bold; } #gl-module5 a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module5 a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module6 {float:left; width:226px; margin-top:10px; padding:0 10px; } #gl-module6 h2 {margin:0 0 3px 0; padding:0; font-size:1.5em; color:#252525; font-weight:bold; } #gl-module6 a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding:2px 0 0 10px;} #gl-module6 a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding:2px 0 0 10px;} /* ---------------------------------- Contact office ------------------------------------------*/ #contact-office {clear:both; float:left; width:473px; background-color:#fff; } #contact-office h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0; } #contact-office-map-wrap {float:right; width:233px; _display:inline ; margin:0 10px 10px 0; background-color:#f6f6f6; } #contact-office-map-wrap h3 {padding:0; margin:0; font-size:1.1em } #contact-office-map-wrap p {padding-top:0; margin-top:0; } #contact-office-details {width: 410px; background-color:#fff; float:left; } #contact-office-details dl {width: 410px; margin: 0; padding: 0; } #contact-office-details dt {width: 154px; float: left; margin: 0; padding:3px 0 25px 0; font-weight: bold; display:block; border-top:1px solid #eaeedf; } #contact-office-details dd {float: left; width: 253px; margin: 0; padding:3px 0 25px 0; border-top:1px solid #eaeedf;} #contact-office-details dd img {border:1px solid #cbcbcb;} /*services offered and key contacts div*/ #services-key {clear:both; float:left; width:473px; background-color:#fff; margin-top:20px; } #services-key h2 {font-size:1.7em; font-weight:normal; font-family: Helvetica, Arial, sans-serif } #services-key .contact {display:block; margin:-7px 0 0 0; padding:0;} #services-key .tel {display:block; margin-bottom:20px; } /*broking*/ #service-broking {clear:both; width:225px ;float:left; background-color:#fff; border-left :4px solid #066173; padding-left:7px; margin-top:15px; } #service-broking h3 {color:#066173; margin:-5px 0 0 0; padding:0; font-size:1.2em;} #service-broking ul {margin:0; padding:0; list-style:none; } #service-broking ul li {padding:7px 0 0 0; } #service-broking a {font-weight:normal; text-decoration:none;} #service-broking li span a{font-weight:normal; text-decoration:none; } #service-broking .service-name a { font-weight:bold; } /*services*/ #service-financial {width:225px ;float:left; background-color:#fff; border-left :4px solid #598cc1; padding-left:7px; margin-top:15px; } #service-financial h3 {color:#598cc1; margin:-5px 0 0 0; padding:0; font-size:1.2em;} #service-financial ul {margin:0; padding:0; list-style:none; } #service-financial ul li {padding:7px 0 0 0; } #service-financial a {font-weight:normal; text-decoration:none;} #service-financial li span a{font-weight:normal; text-decoration:none; } #service-financial .service-name a { font-weight:bold; } /*support*/ #service-support {width:225px ;float:left; background-color:#fff; border-left :4px solid #999999; padding-left:7px; margin-top:15px; } #service-support h3 {color:#999999; margin:-5px 0 0 0; padding:0; font-size:1.2em;} #service-support ul {margin:0; padding:0; list-style:none; } #service-support ul li {padding:7px 0 0 0; } #service-support a {font-weight:normal; text-decoration:none;} #service-support li span a{font-weight:normal; text-decoration:none; } #service-support .service-name a { font-weight:bold; } /*re-search*/ #service-research {width:225px ;float:left; background-color:#fff; border-left :4px solid #ea0017; padding-left:7px; margin-top:15px; } #service-research h3 {color:#ea0017; margin:-5px 0 0 0; padding:0; font-size:1.2em;} #service-research ul {margin:0; padding:0; list-style:none; } #service-research ul li {padding:7px 0 0 0; } #service-research a {font-weight:normal; text-decoration:none;} #service-research li span a{font-weight:normal; text-decoration:none; } #service-research .service-name a { font-weight:bold; } /* ------------------------------- Regulatory news listing---------------------------------*/ #reg-news-listing {clear:both; float:left; width:410px; background-color:#fff} #reg-news-listing h1 {color:#00144e; margin-bottom:-3px; padding-bottom:3px; margin-top:0; padding-top:0; } #reg-news-listing p{width:410px;} .paginationrnl {float:left; margin:5px 0 10px 0; *margin-bottom:0; } .paginationrnl ul {margin:0; padding:0; list-style:none;} .paginationrnl ul li {float:left; } .paginationrnl ul li {margin-right:7px} .paginationrnl ul li a {display:block; padding:0px 2px; border:1px solid #fff} .paginationrnl ul li.nlon a {border:1px solid #f62417; text-decoration:none; } .paginationrnl ul li a:hover {border:1px solid #f62417; text-decoration:none; } .paginationrnl ul li a.next {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none;} .paginationrnl ul li a:hover.next { display:block; background:url(../images/link_arrow_on.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none;} .paginationrnl ul li a.previous { display:block; background:url(../images/left_arrow_icon.jpg) no-repeat center left; padding:1px 0 0 10px; border:none;} .paginationrnl ul li a:hover.previous { display:block; background:url(../images/left_arrow_on.jpg) no-repeat center left; padding:1px 0 0 10px; border:none;} #news-listing .pagination ul li a.previous { background:url(../images/left_arrow_icon.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } #news-listing .pagination ul li a:hover.previous { background:url(../images/left_arrow_on.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } #news-listing .pagination ul li a.next {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} #news-listing .pagination ul li a:hover.next {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} #reg-news-list ul {clear:both; margin:0; _margin:3px 0 0 0; padding:0; list-style:none; /*border-top:1px solid #eaeedf;*/ border-bottom:1px solid #eaeedf; width:410px;} #reg-news-list ul li {padding:7px 0;} #reg-news-list ul li span {display:block; } /* ------------------------------- search results ---------------------------------*/ #search-results {clear:both; float:left; width:648px; background-color:#fff; margin-left:10px; } #search-results h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #search-results-listing {clear:both; margin-bottom:10px } #search-results h2 { padding-bottom:0; margin-bottom:0; font-size:1.2em ; display:block; margin-top:10px;} #search-results h3 { padding-bottom:0; margin-bottom:0; font-size:1.2em } #search-results p {padding:0; margin:0} .searchresults p {padding-bottom:0; margin-bottom:0; clear:both; } .searchresults .pagination {float:left; margin:5px 0 10px 0; } .searchresults .pagination ul {margin:0; padding:0; list-style:none; width:500px;} .searchresults .pagination ul li {float:left; } .searchresults .pagination ul li {margin-right:10px} .searchresults .pagination ul li a {display:block; padding:0px 5px; border:1px solid #fff} .searchresults .pagination ul li.nlon a {border:1px solid #f62417; text-decoration:none; } .searchresults .pagination ul li a:hover {border:1px solid #f62417; text-decoration:none; } .searchresults .pagination ul li a.previous { background:url(../images/left_arrow_icon.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } .searchresults .pagination ul li a:hover.previous { background:url(../images/left_arrow_on.jpg) no-repeat center left; padding:1px 0 0 10px; border:none; } .searchresults .pagination ul li a.next {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} .searchresults .pagination ul li a:hover.next {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center right; padding:1px 10px 0 0px; border:none} /* ------------------------------- Contacts listing ---------------------------------*/ #contacts-listing {clear:both; float:left; /*width:410px;*/width:460px; } #contacts-listing a:hover {text-decoration: underline; } #contacts-listing h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0;} #contacts-listing-content {clear:both; width:410px; margin-top:10px; background-color:#fff; margin-bottom:10px; } #contacts-listing-content h2 { padding-top:0; margin-top:0px; font-size:1.2em ; display:block; padding-bottom:0; margin-bottom:0} #contacts-listing-content h3 { padding-top:0; margin-top:15px; font-size:1.2em ; display:block; padding-bottom:0; margin-bottom:0} #contacts-listing p {padding:0 0 5px 0; margin:0; } #contacts-listing-content ul {list-style:none; margin:0; padding:0; } #contacts-listing-content ul li {margin:0; padding:0;} /* contacts AZ listing */ #az {width:460px; margin:0 0 30px 0; float:left } #az h2 {padding-top:0; margin-top:0px; font-size:1.5em ; display:block; padding-bottom:0; margin-bottom:0} #az ul {list-style:none; margin:0; padding:0; } #az ul li {float:left; margin-right:4px; font-weight:bold; } #az ul li a {display:block; padding:0px 2px; border:1px solid #fff} #az ul li.nlon a {border:1px solid #f62417; text-decoration:none; } #az ul li a:hover {border:1px solid #f62417; text-decoration:none; } /* ------------------------------- Investors ---------------------------------*/ #generic-investors {clear:both; float:left; width:470px; background-color:#fff; } #generic-investors a:hover {text-decoration: underline; } #generic-investorsl h1 {color:#00144e; margin-bottom:0; padding-bottom:3px; margin-top:0; padding-top:0; color:red} #pad { padding-bottom:3px; } #investors-results-wrap {clear:both; float:left; width:410px; background-color:#fff;} #investors-results-wrap h2 {margin:0; padding:0; font-size:1.4em; font-family: Helvetica,Arial,sans-serif;} #investors-results-wrap p {padding-top:0; margin-top:0; } .investors-results {clear:both; float:left; width:410px; background-color:#fff; margin-bottom:10px; } .investors-results a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; border:none; padding-left:13px;} .investors-results a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; border:none; padding-left:13px;} .ir-left {float:left; width:150px; margin-right:15px; } .ir-right {float:left; width:245px; } #generic-investors .ir-right h2 {margin:0; padding:0; font-size:1em; } .ir-right h3 {margin:0; padding:0; font-size:1em; } .ir-right ul {margin:0; padding:0; list-style: none; } #investors-calendar-wrap {clear:both; float:left; width:470px; background-color:#fff; margin-top:20px; border-top:1px solid #efefef; } #investors-calendar-wrap h2 {margin:0; padding:0; font-size:1.3em; } #investors-calendar {float:left; width:234px; background-color:#fff; border-right:1px solid #efefef; margin:10px 0 0 0 } #investors-calendar form {margin:0; padding:0; } #investors-calendar form fieldset {border:none; margin:0; padding:0; } #investors-calendar form .check {width:230px; float:left; padding:3px 0; } #investors-calendar form .check label { margin:0 0 0 5px;} #investors-calendar form ul {margin:0 0 0 27px; padding:0; list-style:none; } #investors-calendar form ul li {margin:0; padding:0; } #investors-calendar form ul li a { display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; border:none; padding-left:12px;} #investors-calendar form ul li a:hover { display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; border:none; padding-left:12px;} #investors-calendar .reqbtn { float:right; background:url(../images/calenderbtn.gif) no-repeat bottom left; width:144px; height:24px; color:#fff; font-weight:bold; font-size:1em; text-align:left; border:none; padding:0 0 0 10px; *padding:4px 0 0 10px; cursor:pointer; outline: none;} #investors-calendar #reqbtn { margin-top:0; visibility:hidden; position:absolute; top:999px; left:999px;} #investors-calendar #request {cursor:hand;} #investors-news {float:left; width:225px; background-color:#fff; padding-left:10px; margin:10px 0 0 0} #investors-news ul { margin:0; padding:0; list-style: none; } #investors-news ul li {} #investors-news ul li a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; border:none; padding-left:12px; } #investors-news ul li a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; border:none; padding-left:12px; } /*email alert reg box*/ #email-wrap {float:right; width:233px !important; margin:15px 10px 0 0; _margin:15px 5px 0 0; border-top:2px solid #5ab1e8; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-left:1px solid #efefef; padding-bottom:5px} #email-wrap h3 {font-size:1.4em; color:#00144e; margin:0px 0 0px 10px; padding:0; font-weight:bold; padding:0 ; } #email-wrap p {margin:0 10px 0 10px; } #email-wrap a {display:block; background:url(../images/link_arrow_icon.jpg) no-repeat center left; padding-left:12px; } #email-wrap a:hover {display:block; background:url(../images/link_arrow_on.jpg) no-repeat center left; padding-left:12px; } /*register for box*/ #register-wrap {float:right; width:233px !important; margin:15px 10px 0 0; _margin:15px 5px 0 0; border-top:2px solid #5ab1e8; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-left:1px solid #efefef; padding-bottom:5px} #register-wrap h3 {font-size:1.4em; color:#00144e; margin:0px 0 0px 10px; padding:0; font-weight:bold; padding:0 ; } #register-wrap p {margin:0 10px 0 10px; } #register-wrap a {display:block; background:url(../images/print.gif) no-repeat center left; padding-left:20px; } #register-wrap a:hover {display:block; background:url(../images/print_on.gif) no-repeat center left; padding-left:20px; } /* ---------------------------------- 5 year summary table ------------------------------------------*/ #financialsummary .rowtypeHeading {font-weight:bold; padding-top:50px; font-size:1.6em; color:#00144e; } #financialsummary .rowtypeHeading-top {font-weight:bold; padding-top:0px; font-size:1.6em; color:#00144e;} /*---------------------search index page----------------*/ #resultitems {width:648px; float:left;} /* ---------------------------------- footer ------------------------------------------*/ #footer {clear:both; float:left; width:990px; color:#2d3134; margin-bottom:10px; margin-left:14px; z-index:1000; } #footer p {padding:0; margin:0; } #footer ul {clear:both; margin:0; padding:0; list-style:none; float:left; } #footer ul li {float:left; margin:0 2px 0 0; } #footer ul li a {display:block; padding:2px 7px 2px 5px; background:url(../images/footer-sep.gif) no-repeat center right; color:#00255d; } #footer ul li a.ffirst {padding-left:0; } #footer ul li a.flast {background-image:none; } /* ------------------------------ No Flash Content -------------------------------------------*/ .non-flash-content{ width:730px; } /* ------------------------------- Hacks / Snagging / Overwrites ---------------------------------------------------*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #main-content #map .cmhtml-section .generic-detail-intro{ padding:0 0 -10px 0!important; margin:3px 0 -3px 0; line-height:normal; } /* ------------------------------- Hacks / Snagging / Overwrites ---------------------------------------------------*/ /* ------------------------ fix: services overview right hand boxes with image in slot ----------------------------*/ #rel-links-wrap-image { width:233px; margin-right:10px; /*_display:inline;*/ margin-top:10px; } #rel-links-image { border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:231px; padding:0 ; /*_display:inline;*/} #rel-links-image img {border:none; text-decoration:none; background-color:transparent;} #rel-links-image a img {border:none; text-decoration:none; background-color:transparent;} /* slot on section above with text content*/ .rel-links-wrap2 { width:233px; margin-right:10px; /*_display:inline;*/ margin-top:10px } .rel-links2 { border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:217px; padding:0 7px 0px 7px; /*_display:inline*/} .rel-links2 h3 {font-size:1.4em; color:#00144e; margin:0; padding:0} .rel-links2 ul {margin:10px 0 ; padding:0; list-style-type:none} .rel-links2 ul li {padding:0 0 3px 0} .rel-links2 ul li a {display:block; /*background:url(../images/link_arrow_icon.jpg) no-repeat center left;*/ padding:2px 0 0 0px;} .rel-links2 ul li a:hover {display:block; /*background:url(../images/link_arrow_on.jpg) no-repeat center left;*/ padding:2px 0 0 0x;} .rel-links2 .cmhtml-section a{margin:0 0 0 -8px; padding:0; border:0;} .rel-links2 a img.cmhtml-img-left-1{border:0; width:232px; padding:0; margin:0;} /* ---------------------------- second related links box on services landing ------------------------------------*/ #rel-links-wrapb { width:233px; margin-right:10px; _display:inline; } #rel-linksb { border-top:2px solid #54b1ea; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:231px; padding:0 0;/* _display:inline;*/} #rel-linksb a img.cmhtml-img-left-1 {border:0; width:231px; padding:0; margin:0;}