/* Layout/shell */ body { text-align:center; background:#000; font:110.01% Arial, Helvetica, sans-serif; color: #333333; margin: 0; padding: 0; } sup { line-height:0.6em; } /* Accessibility - Skip To Main Content */ .skip {display: none; text-align: left; margin: 0; padding: 0; position: absolute; color: white; } /*All incl Opera*/ /* html */ .skip {display: block} /*Seen by IE*/ .skip a {padding: 0 0.5em; z-index: 2; text-decoration:none; position: absolute; width: 14em; left: -200em; color: white; cursor: default;} .skip a:focus, .skip a:active {position: absolute; border: 2px solid #415860 ; left: 0.1em; color: #fff; background: #032a39; color: white; cursor: default;} .skip a:hover {cursor: pointer;} /* define two template styles */ #pageroot { } #pagewrap { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; } html>body #pagewrap { height: auto; } /* */ label.hiddenlabel {display:none;} h1#index {text-indent: -10000px; display:none } .navContainer{background:url(../images/nav_bg_strip.gif) repeat-x; width:100%;} #templatet1 .container { width:963px; background:#000 url(../images/bg-t5-mainarea.gif) top center repeat-y; margin:0 auto;} #templatet2 .container, #templatet4 .container, #templatet5 .container {background:#000 url(../images/bg-t5-mainarea.gif) top center repeat-y;} #templatet1 #maincontent { float:left; width: 724px; margin-right:1px;} #templatet1 #rightcontent { float:left; width:238px; background-color:#666666;} #templatet2 #leftcontent { float:left; width:156px; background-color:#000; margin-right:1px; } #templatet2 #maincontent { float:left; width:567px; background-color:#000; margin-right:1px; } #templatet2 #rightcontent { float:right; width: 238px; clear: right; } #templatet4 #leftcontent { float:left; width:156px; background-color:#000; margin-right:1px; } #templatet4 #maincontent { float:left; width:806px; margin-right:0px; } #templatet4 .accessibilitycontainer {background-image:url(../images/content-white-panel.gif); background-repeat:repeat-x; background-color:#FFF; padding: 10px 13px 10px 13px; margin-bottom:1px; width:541px;} #templatet5 #maincontent { float:left; width:963px; margin-right:1px; } #templatet5 #rightcontent { float:right; width: 238px; clear: right; } #leftcontent { float:left; width:156px;} #maincontent h3{font-size:0.8em; margin-top:25px;} #rightcontent h3 {font-size: 1.0em; font-weight:bold; margin-bottom:0.5em; line-height:1.3em; color: #c5e8ea; padding: 0px; text-align:left; clear:both} .clear { clear:both; } .left { float:left; } .right { float:right; } .container, #footer { width:963px; text-align:left; margin:0 auto; } .navContainer .container {width:965px} /* OVERLAYS */ #overlay_disclaimer { display:none;font-size:12px;color:#000; } #overlay_login { display:none; } .overlay-text { font-size:12px;color:#000;padding:0;margin:0; } .overlay-text a.overlay-link { text-decoration:underline; } /* Global Elements */ * { margin:0;padding:0;border:0; } h1 {font-size: 1.4em; font-weight:normal!important; margin-bottom:0.5em; line-height:1.2em; color: #ccc; padding: 0px; text-align:left; } /*h2 {font-size: 1.0em; font-weight:normal; margin-bottom:0.5em; line-height:1.3em; color: #c5e8ea; padding: 0px; text-align:left; clear:both} h3 {font-size: 1.1em; font-weight:normal; margin-bottom:0.5em; line-height:1.125em; color: #ccc; padding: 6px 0 0 0; text-align:left;}*/ h2 {font-size: 1.0em; font-weight: normal; margin-bottom:0.5em; line-height:1.125em; color: #ccc; padding: 6px 0 0 0; text-align:left;} h3 {font-size: 1.0em; font-weight:normal; margin-bottom:0.5em; line-height:1.3em; color: #c5e8ea; padding: 0px; text-align:left; clear:both} h4 {font-size: 1.0em; font-weight:bold; margin-bottom:0.5em; line-height:1.3em; color:#01a4e5; padding: 0px; text-align:left; clear:both} h5, h6 { font-size:0.875em;font-weight:normal;line-height:1.125em;color:#C6E7EB; } h1{ padding-left: 10px; font-weight:normal!important;} /*dt, dd { font-size: 75%; font-weight:normal; color:#C6E7EB; } */ .fade1 { background: url(../images/fade1.gif) repeat-x; margin: 0; height: 37px; border-left: #1d2426 1px solid; border-right: #1d2426 1px solid; border-top: #3f4547 1px solid; } .fade2 { background: url(../images/fade2.gif) repeat-x; margin: 0; height: 42px; } .fade3 { background: url(../images/fade3.gif) no-repeat; height: 39px; } .rss { width: 12px; height: 12px; margin: 10px; } p { line-height:1.25em; font-size:0.70em; font-weight:normal; margin-bottom:0.8em; color:#333333; } /* html>body p { *line-height: 1.4em !important; } html>body p SUB, html>body p SUP { *line-height: 0; } */ sup, sub { vertical-align: 0; position: relative; } sup { bottom: 1ex; } sub { top: 0.8ex; } table { width:345px; margin-top:1.25em; } caption { font:0.875em Arial, Helvetica, sans-serif;color:#c6e7eb;text-align:left; padding-bottom:1em; } th { font:0.75em Arial, Helvetica, sans-serif;color:#b3b3b3;padding:0.4em 0.8em;background:#252c28;text-align:left; } td { font:0.75em Arial, Helvetica, sans-serif;padding-left:0.8em;color:#b3b3b3;text-align:left;background:#151a18; } .small { font-size:0.69em;line-height:0.875;font-weight:normal; } nomarg { margin-bottom:0; } .bordBot { border-bottom:solid 1px #14191a; } .margtop { margin-top:10px; } .margtop20 { margin-top:20px; } .border-bottom { border-bottom:1px solid #222;height:200px; } .bottommarginbreak { margin-bottom: 10px; } .margintopbottom20 {margin-top:20px; margin-bottom:20px; display:block;} .topmarginbreak { margin-top: 10px; } .contentmargin { padding: 0 10px; } ul li { text-align:left; font-size:0.70em; } ul li li{ font-size: 1em;} ol {padding-bottom:10px} ol li { text-align:left; margin-left:20px; font-size:0.70em; list-style-type:decimal; padding:0.25em 0 0.25em 0.25em; } .print-emailcontainer span { font:0.70em Arial, Helvetica, sans-serif; color:#c5e8ea} /* Skip link */ /* Positioned offscreen but readable by screen readers */ #skipnav { position:absolute;top:0;left:-9999px; } /* Links - Generic links for site */ a, a:link, a:visited, a:active { color:#C6E7EB; text-decoration:none; } a:hover, a:focus { color:#fff !important; text-decoration: underline !important; } #maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active{ color: #0e5d80; } #maincontent a:hover{ color: #333333!important; } #maincontent ul ul {margin-top:2px; padding-top:0} h3 a, h3 a:link, h3 a:visited, h3 a:active { color:#acd1d6; text-decoration:none; } h3 a:hover, a:focus { color:#acd1d6 !important; text-decoration:none !important; } /* Top Navigation - Home */ /*#pageroot #topnav { float:left; width:963px; height:54px; list-style:none; margin-top:1px; }*/ #pageroot #topnav { float:left; width:963px; height:79px; margin-top:1px; margin-bottom:1px; list-style:none; margin-top:1px; border-left:1px solid #000; border-right:1px solid #000;} #pageroot #topnav.large { height:79px; font-weight:normal; text-transform:uppercase; font-size:0.8em;} #pageroot #topnav li a {float:left; width:70px;} #pageroot #topnav li a {text-decoration:none!important} #pageroot #topnav li a.large { height:81px; margin-right:0px; } #pageroot #topnav li { display:inline; } /* start: static state */ #pageroot #topnav li a#overseasmortgages { width:120px; margin-right:1px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff } #pageroot #topnav li a#ukexpat { width:120px; margin-right:1px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff} #pageroot #topnav li a#expatbanking { width:120px; margin-right:1px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff} #pageroot #topnav li a#internationalonlinebanking { width:120px; margin-right:1px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff} #pageroot #topnav li a#liveabroad { width:120px; margin-right:1px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff} #pageroot #topnav li a#buyingpropertyabroad { width:119px; margin-right:1px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff} #pageroot #topnav li a#expatriate { width:120px; margin-right:1px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff} #pageroot #topnav li a#workingabroad { width:117px; background:url(../images/bgnav-off.gif); background-repeat:repeat-x; color:#fff} /* end: static state */ /* start: hover state */ #pageroot #topnav li a:hover#overseasmortgages { width:120px; margin-right:1px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x } #pageroot #topnav li a:hover#ukexpat { width:120px; margin-right:1px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x } #pageroot #topnav li a:hover#expatbanking { width:120px; margin-right:1px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x } #pageroot #topnav li a:hover#internationalonlinebanking { width:120px; margin-right:1px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x} #pageroot #topnav li a:hover#liveabroad { width:120px; margin-right:1px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x } #pageroot #topnav li a:hover#buyingpropertyabroad { width:119px; margin-right:1px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x } #pageroot #topnav li a:hover#expatriate { width:120px; margin-right:1px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x } #pageroot #topnav li a:hover#workingabroad { width:117px; background:url(../images/bgnav-hover.gif); background-repeat:repeat-x } /* end: hover state */ /* start: selected state */ #pageroot #topnav li a#overseasmortgages.selected { width:120px; margin-right:1px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } #pageroot #topnav li a#ukexpat.selected { width:120px; margin-right:1px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } #pageroot #topnav li a#expatbanking.selected { width:120px; margin-right:1px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } #pageroot #topnav li a#internationalonlinebanking.selected { width:120px; margin-right:1px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } #pageroot #topnav li a#liveabroad.selected { width:120px; margin-right:1px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } #pageroot #topnav li a#buyingpropertyabroad.selected { width:119px; margin-right:1px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } #pageroot #topnav li a#expatriate.selected { width:120px; margin-right:1px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } #pageroot #topnav li a#workingabroad.selected { width:117px; background:url(../images/bgnav-selected.gif); background-repeat:repeat-x } /* end: selected state */ /* Top Navigation - Rest of site */ #pagewrap #topnav { float:left; width:963px; height:40px; list-style:none; margin:1px 0 0 0; } #pagewrap #topnav li a { float:left; height: 40px; border-bottom: 1px solid #123643; } #pagewrap #topnav li { display:inline; } #pagewrap #topnav li a#individuals { width:110px; background:url(../images/nav_individuals.gif) 0 0 no-repeat; } #pagewrap #topnav li a#institutions { width:233px; background:url(../images/nav_institutions.gif) 0 0 no-repeat; } #pagewrap #topnav li a#research { width:164px; background:url(../images/nav_research.gif) 0 0 no-repeat; } #pagewrap #topnav li a#about { width:193px; background:url(../images/nav_about.gif) 0 0 no-repeat; } #pagewrap #topnav li a#contactus { width:107px; background:url(../images/nav_contactus.gif) 0 0 no-repeat; } #pagewrap #topnav li a#navspace { width:156px; background:url(../images/nav_space.gif) 0 0 no-repeat; } #pagewrap #topnav li a:hover { border-bottom: 1px solid #042c3c; } #pagewrap #topnav li a:hover#individuals, #pagewrap #topnav li a#individuals.selected { background:url(../images/bgnav-selected.gif) no-repeat ; } #pagewrap #topnav li a:hover#institutions, #pagewrap #topnav li a#institutions.selected { background:url(../images/bgnav-selected.gif) no-repeat; } #pagewrap #topnav li a:hover#research, #pagewrap #topnav li a#research.selected { background:url(../images/nav_research_on.gif) no-repeat; } #pagewrap #topnav li a:hover#about, #pagewrap #topnav li a#about.selected { background:url(../images/nav_about_on.gif) no-repeat; } #pagewrap #topnav li a:hover#contactus, #pagewrap #topnav li a#contactus.selected { background:url(../images/nav_contactus_on.gif) no-repeat; } #topnav li a span { display:block; /*font-size:14px*/font-size:1.2em; font-weight:normal; padding:11px 10px 0px 10px} #pagewrap #secondarynav { width:963px; list-style:none; height: 37px; font-size: 75%; background: url(../images/nav_secondary_strip_bg.gif) repeat-x; border-bottom: 1px solid #052532; } #pagewrap #secondarynav li {position: relative; float: left; display: inline; padding: 3px 5px 0px 5px; line-height: 1.0em; } #pagewrap #secondarynav li a { display: block; color: white; width: auto; margin: 0; padding: 0; } #pagewrap #secondarynav li a span { display: block; padding: 3px 8px; } #pagewrap #secondarynav li a:hover span { display: block; background: #059ed8; padding: 3px 8px; } #pagewrap #secondarynav li a:hover { text-decoration: none !important; } #secondarynav .secondarynavdivider { position: absolute; right: 0; top: 8px; width: 0px; height: 21px; border-left: 1px solid #031922; border-right: 1px solid #425860; } #m01 { padding-bottom: 0px;} #m01 #header { background: #00AEEF url(../images/hdr_blue_horz_strip.gif) repeat-x; min-height:57px;} * html #m01 #header { height:57px; } #m01 #header #logo {float: left; width: 200px; position: relative; } #m01 .headercontainer { width:963px; min-height:57px; margin:0 auto;} #m01 #header #logo img { margin-top:11px; float:left; width: 109px; height:36px } #m01 #loginbox {float: right; /*background: #00AEEF url(../images/m01_form_bg.gif) repeat-x;*/ width: 225px; height: 34px; margin: 10px 0px; color: #c6e7eb; } #m01 #loginbox #login { font-weight: bold; font-size: 83%; width: auto; float: left; margin: 10px 0 10px 10px;} #m01 #loginbox #login #login_container { position:relative; display:block; float:left; } #m01 #loginbox #login #login_container a#login_btn { display:block; float:none!important; float:left; color:#FFF; font-size:0.8em; clear:both; background:url('../images/m01_login_nodropdown.gif') 3px 0 no-repeat; width:66px; height:22px; padding-top:3px; text-decoration:none; } #m01 #loginbox #login #login_container a#login_btn span { visibility:hidden; } #m01 #loginbox #login #login_container .sub_menu_layer { display:none; position:absolute; top:21px; left:0; } #m01 #loginbox #login #login_container.open .sub_menu_layer { display:block; } #m01 #loginbox #login #login_container .dropshadow { margin:6px; background:url(../images/dropshadow.png) no-repeat 100% 100%; } #m01 #loginbox #login #login_container .panel { position:relative; top:-6px; left:-6px; background:#fff; z-index:1000; line-height:1.3em; padding:6px 9px 1em 14px; width:190px; } #m01 #loginbox #login #login_container .sub_menu_layer a { color: #0e5d80; } #m01 #loginbox #login #login_container .sub_menu_layer a:hover { color: #333333!important; text-decoration: underline; } #m01 #loginbox #login #login_container .sub_menu_layer li.heading { margin-top:0.8em; color:#333; } /* #m01 #loginbox #login #login_container.open a#login_btn { background-image:url('../images/m01_form_login_btn_bg_on.gif'); } */ #m01 #loginbox #login a:hover { text-decoration: none !important; } #m01 #loginbox .morelink {font-weight: bold; margin: 10px 15px 0px 10px;} #m01 #loginbox .morelink a {vertical-align:top; color: #c6e7eb; font-size: 83%; margin:0px; padding:0px 0px 0px 24px; } #m01 #loginbox .morelink img {padding-right:5px;} #m01 #loginbox a:hover {color: #333333; text-decoration: underline !important; } #m09a { padding-top: 1px; margin-bottom: 0px!important;} /*#m09a #sitemaptrigger { width: 963px; background: url(../images/sitemap_closed.gif) no-repeat; width: 963px; text-align: left; margin: 0 auto; height: 37px; margin-bottom: 35px; } */ #m09a #sitemaptrigger {background-image: url(../images/bg-sitemap.gif); background-repeat:no-repeat; width: 963px; text-align: left; margin: 0 auto; height: 37px; margin-bottom: 35px; } #m09a #sitemap {height:450px!important; width: 963px; background: url(../images/sitemap_open.gif)no-repeat; text-align: left; margin: 0 auto; margin-bottom: 35px; margin-top: -46px; z-index: 1; /*overflow: hidden*/ overflow:visible; font-size: 85%; } #m09a .morelink { width: 963px; font-weight:bold; background: url(../images/sitemap_closed.gif) no-repeat; width: 963px; text-align: left; margin: 0 auto; height: 37px; padding-top: 7px; } #m09a .morelink a {padding-left:25px} #m09a #sitemap * { white-space:nowrap; } #m09a #sitemap .sitemapdivider {height:1px; width:auto; margin-bottom:5px; margin-top:20px; padding-top:13px; background-image:url(../images/line-1c292f.gif); background-repeat:repeat-x} #m09a #sitemap dl { float:left; padding-right: 10px; } #m09a #sitemap dt { display:block; font-weight: bold !important; width: 185px; padding-bottom: 10px; padding-top: 5px;} #m09a #sitemap dt, #m09a #sitemap dd { font-size: 80%!important; font-weight:normal; color:#C6E7EB; padding-right:10px; } #m09a #sitemap dl.home dt {width: 100px; } #m09a #sitemap dl.individuals dt { width: 100px; } #m09a #sitemap dl.institutions dt { width: 100px; } .siteheader {width: 185px!important; margin:10px 0px 10px 0px;} /*#m09b { position: relative; margin: auto 0; width: 100%; border:1px solid red }*/ #m09b { clear:both; position: relative; margin: auto 0; width: 100%; margin-top:-40px;} #m09b #bluestrip {/*background-color:#00AEEF;*/ background-image:url(../images/footer_blue_horz_strip.gif); background-repeat:repeat-x; min-height:10px; margin-top: 20px; width: auto;} #m09b #bluestrip img{display:none;} #m09b #footer { } #m09b #footer p { float: left; font-size: 70%; width: 723px; color: #999999; } #m09b #footer p span { font-weight: bold; color: white; } #m09b #footer p a { text-decoration: underline; color: #c6e7eb; } #m09b #footer img { float: right; } /**************************/ /* FIXES */ /**************************/ /* ie6 pseudo class fix - see generic.js */ li:hover ul, li.sfhover ul { display: block } /* Clearing & containment Classes */ .clearfix:after{content:".";/* This dot is the actual appended content */ clear:both;height:0;visibility:hidden;display:block;} /* Clearing element for a float:*/ .clearleft{clear:left;} .clearright{clear:right;} .clearboth{clear:both;} .clearnone{clear:none;} .brclear{clear:both;height:0;margin:0;font-size:1px;line-height:0;} table.payment { margin-top:1.25em;margin-bottom:1.25em; width: 90%; } table.payment th { font: bold 0.70em Arial, Helvetica, sans-serif;color:#333;padding:0em;text-align:left; padding: 4px; border-top: 1px solid #333; border-left: 1px solid #333;background: #fff;border-bottom: 1px solid #333; } table.payment td { font:0.70em Arial, Helvetica, sans-serif; padding: 4px 6px;text-align:left;border-bottom: 1px solid #333; border-right: 0px solid #333; background: #fff;border-left: 1px solid #333; color:#333; } /****************************************/ table.reward { width:100%; margin-top:1.25em; border-right: 1px solid #000; border-top: 1px solid #000; } table.reward tr th { font:0.75em Arial, Helvetica, sans-serif;color:#000;padding:0.4em 0.8em;background:#fff;text-align:left;border-bottom: 1px solid #000; border-right: 0px solid #000; border-left: 1px solid #000; } table.reward tr td { font:0.75em Arial, Helvetica, sans-serif;padding-left:0.8em;color:#000;text-align:left;background:#fff; border-bottom: 1px solid #000; border-right: 0px solid #000; border-left: 1px solid #000; }