/* General ------------------------------------------- */ html, body {color:#666;font:11px Arial, Helvetica, sans-serif;} * {margin:0;outline:none;padding:0;} #container {margin:20px auto 0;width:925px;/*background: #fff url('../img/chrome/footer2.png') no-repeat bottom center;*/position:relative;} .clr {clear:both;line-height:0;} .noShow {display:none;} /* Header ------------------------------------------- */ #logo {background:url('../img/new/logo-investec.gif') no-repeat;display:block;float:left;height:78px; margin: 10px 0 0;overflow:hidden;text-indent:-1000em;width:152px;} #mainMenu {float:right;list-style:none;/*margin-top:38px;*/position: relative;z-index: 29;} #mainMenu li {float:left; position: relative;} #mainMenu li a, #mainMenu li span {display:block; height:37px; overflow:hidden; text-indent:-1000em;z-index: 1;} #mainMenu li #menuItem1 {background:url('../img/new/menu-unselected.png') no-repeat; width:146px;} #mainMenu li #menuItem2 {background:url('../img/new/menu-unselected.png') -146px 0 no-repeat; width:145px;} #mainMenu li #menuItem3 {background:url('../img/new/menu-unselected.png') -291px 0 no-repeat; width:142px;} #mainMenu li #menuItem4 {background:url('../img/new/menu-unselected.png') -433px 0 no-repeat; width:144px;} #mainMenu li #menuItem5 {background:url('../img/new/menu-unselected.png') -577px 0 no-repeat; width:152px;} #mainMenu li #menuItem1:hover, #mainMenu li:hover #menuItem1:hover, #mainMenu li #menuItem1:active {background:url('../img/new/menu-selected.png') no-repeat; width:146px;} #mainMenu li #menuItem2:hover, #mainMenu li #menuItem2:active {background:url('../img/new/menu-selected.png') -146px 0 no-repeat; width:145px;} #mainMenu li #menuItem3:hover, #mainMenu li #menuItem3:active {background:url('../img/new/menu-selected.png') -291px 0 no-repeat; width:142px;} #mainMenu li #menuItem4:hover, #mainMenu li #menuItem4:active {background:url('../img/new/menu-selected.png') -433px 0 no-repeat; width:144px;} #mainMenu li #menuItem5:hover, #mainMenu li #menuItem5:active {background:url('../img/new/menu-selected.png') -577px 0 no-repeat; width:152px;} #mainMenu li:hover div.subMenuWrapper, #mainMenu li.hover div.subMenuWrapper {display: block;} #mainMenu div.subMenuWrapper {background: url('../img/new/bg-menu-dropdown-bottom.png') right bottom no-repeat;display: none;left: 7px;padding-bottom: 6px;overflow: visible;position: absolute;top: 37px;z-index: 30;width: 200px !important;} * html #mainMenu div.subMenuWrapper {background: none;} /**:first-child+html #mainMenu div.subMenuWrapper {top: 30px;}*/ * html #mainMenu div.subMenuWrapper {width: 1%;} #mainMenu div.subMenuWrapper ul {background: url('../img/new/bg-menu-dropdown.png') right top repeat-y !important;list-style: none;padding: 0;position: relative;z-index:1000;} * html #mainMenu div.subMenuWrapper ul {background-position: left top;} #mainMenu div.subMenuWrapper ul li {float: none !important;} #mainMenu div.subMenuWrapper ul li a {color: #FFF;display: block;font-size: 12px;height: 25px;line-height: 25px;padding: 0 15px 0 12px;text-decoration: none;text-indent: 0 !important;width: 170px;} #mainMenu div.subMenuWrapper ul li a:hover {background: #A2BFDC;color: #17255A;} /* Slideshow ------------------------------------------- */ #slideshow {background: url('../img/new/slideshow-frame.png') no-repeat;float:left;height: 276px;position: relative;margin-top:21px;width: 600px;} #slideshow a img {border:none;} #slideshow ul.slides {list-style: none;} #slideshow ul.slides li img {left: 2px;position: absolute;top: 2px;z-index: 10;} #slideshow ul.slides li dl {display: none;} #slideshow dl.info {background: url('../img/new/slideshow-overlay.png') repeat-x;bottom: 29px;height: 89px;margin: 0 1px;overflow: hidden;position: absolute;width: 598px;z-index: 20;} * html #slideshow dl.info {filter: progid:dximagetransform.microsoft.alphaimageloader(src='/img/new/slideshow-overlay.png', sizingmethod='scale');background: none;} #slideshow dl.info * {color: #111;} #slideshow dl.info dt {font-size: 16px; font-weight: bold; padding: 9px 0 0 14px;} #slideshow dl.info dd {padding: 9px 14px;} #slideshow dl.info dd p {line-height: 1.8em;width: 80%;} #slideshow dl.info dd a.investNow {background: url('../img/new/btn-invest-now.png') no-repeat;display: block;float: right;height: 30px;margin-top: 5px;overflow: hidden;text-indent: -1000em;width: 89px;} #slideshow ul.paging {bottom: 1px;left:5px;list-style: none;position: absolute;} #slideshow ul.paging li {float: left;} #slideshow ul.paging li a {border-right: 1px #FFF solid;color: #78A2CC;display: block;height: 29px;line-height: 30px;text-align: center;text-decoration: none;width: 65px;} #slideshow ul.paging li a.active {background: #FFF;} /* Main Area ------------------------------------------- */ #searchContainer {background:url('../img/new/bg-search.png') no-repeat;border:0;height:47px;margin-top:20px;width:306px;} .homepage #searchContainer {float:right;} #searchContainer ul {list-style:none;padding:10px;} #searchContainer ul li {float:left;} #searchContainer ul li .searchBox {border:1px solid #e8e8e8;color:#666;margin-right:7px;padding:5px;width:225px;} #userToolContainer {background:url('../img/new/bg-advisors-calc.png') no-repeat;float:right;height:204px;margin-top:8px;padding:10px;width:286px;} #userToolContainer dt {color:#78a2cc;border-bottom:1px solid #78a2cc;font:14px Arial, Helvetica, sans-serif;font-weight:bold;padding-bottom:5px;} #userToolContainer dd {margin-top:10px;} #userToolContainer dd.investCalculator {background:url('../img/new/ico-calc.png') 20px 0 no-repeat;margin-bottom:15px;} #userToolContainer dd.advisor {background:url('../img/new/ico-man.png') 20px 0 no-repeat;} #userToolContainer dd p {color:#666;font:11px Arial, Helvetica, sans-serif;margin-left:90px;} #userToolContainer dd a {background:url('../img/new/bullet-arrow.gif') 0 4px no-repeat;color:#78a2cc;font:11px Arial, Helvetica, sans-serif;margin-left:90px;padding-left:10px;} #userToolContainer dd a:hover {color:#17255a;} /* Entry Points ------------------------------------------- */ .entryPoint {float:left;margin:20px 9px 0 0;padding:12px 10px 10px;width:204px; height:189px;} .entryPoint dt a {color:#78a2cc;font:14px Arial, Helvetica, sans-serif;padding-bottom:5px;text-decoration: none;} .entryPoint dd p {color:#666;font:11px Arial, Helvetica, sans-serif;margin:65px 0 10px;} .entryPoint dd a {background:url('../img/new/bullet-arrow.gif') 0 4px no-repeat;color:#78a2cc;font:11px Arial, Helvetica, sans-serif;padding-left:10px;} .entryPoint dd a:hover {color:#17255a;} .savingsGoals {margin-right:0 !important;} .savingsRetirement {background:url('../img/new/h-saving-retirement.gif') no-repeat;} .leavingEmployer {background:url('../img/new/h-leaving-employer.jpg') no-repeat;} .alreadyRetired {background:url('../img/new/h-already-retired.jpg') no-repeat;} .savingsGoals {background:url('../img/new/h-saving-goal.jpg') no-repeat;} /* Footer ------------------------------------------- */ #footerContainer {border-top:1px solid #CCC;/*margin-top:30px;*/padding-top:10px;} #footerContainer ul {float:left;list-style:none;} #footerContainer ul li {float:left;} #footerContainer ul.footerMenu {float:right;font:10px Arial, Helvetica, sans-serif;color:#666;} #footerContainer ul.footerMenu li {border-right:1px solid #666; padding:0 10px;} #footerContainer ul.footerMenu li a {color:#666;} #footerContainer ul.footerMenu li a:hover {color:#000;} #footerContainer ul.footerMenu li.last {border-right:none; padding-right:0;} #footerContainer ul.socialMedia li {margin-right:5px;} #footerContainer ul.socialMedia li a {display:block;height:14px;overflow:hidden;text-indent:-1000em;width:14px;} #footerContainer ul.socialMedia li a.facebook {background:url('../img/new/ico-facebook.gif') no-repeat;} #footerContainer ul.socialMedia li a.twitter {background:url('../img/new/ico-twitter.gif') no-repeat;} #footerContainer ul.socialMedia li a.rss {background:url('../img/new/ico-rss.gif') no-repeat;} #footerContainer ul.socialMedia li a.digg {background:url('../img/new/ico-digg.gif') no-repeat;width:16px;} /* Contact Widget ------------------------------------------- */ #header {position: relative;z-index: 99;} #contact_form_wrapper {bottom:-350px;display: none;position:absolute;right: 0;} body.homepage #contact_form_wrapper {bottom:-380px;display: none;position:absolute;right: 0;} * html #contact_form_wrapper {top:75px;right: 50px;} #contact_form {background:url('../img/nav/bg-sides.png') left top repeat-y;width:244px;} #contact_form ul {margin:0;padding:20px;position:relative;} #contact_form ul li {color:#78a2cc;font:11px Arial, Helvetica, sans-serif;list-style:none;margin:0;padding:0;} #contact_form ul li.call {background:url(../img/nav/call.gif) top left no-repeat;float:left;height:31px;padding-left:40px;width:75px;} #contact_form ul li.email {background:url(../img/nav/email.gif) top left no-repeat;float:left;height:31px;padding:13px 0 0 50px;} #contact_form ul li.email a {color:#78a2cc;text-decoration:none;} #contact_form ul li.email a:hover {text-decoration:underline;} #contact_form ul li.callback {background:url(../img/nav/callback.gif) top left no-repeat;float:left;height:31px;padding:13px 0 0 40px;} #contact_form ul li span {color:#78a2cc;display:block;font:11px Arial, Helvetica, sans-serif;font-weight:bold;} #contact_form ul li.time {margin-top:10px;} #contact_form ul li.checkbox input {width:30px;} #contact_form ul li.button {float:left;padding:10px 0 0;width:100px;} #contact_form ul li.button input {background:url(../img/nav/btn-callme.gif) top left no-repeat;border:0;color:#FFFFFF;cursor:pointer;font-weight:bold;height:29px;margin-left:30px;width:71px;} #contact_form ul li.button a {background:url(../img/nav/close.gif) top left no-repeat;display:block;height:17px;margin-top:7px;overflow:hidden;text-indent:-1000em;width:57px;} #contact_form ul li input {border:1px solid #cccccc;background-color:#e2e2e2;color:#717171;font:11px Arial, Helvetica, sans-serif;margin:0 0 3px;padding:3px;width:194px;} #contact_form ul li select {border:1px solid #cccccc;background-color:#e2e2e2;color:#717171;font:11px Arial, Helvetica, sans-serif;margin:0 0 3px;padding:3px;width:201px;} #bottom {background:url('../img/nav/bg-bottom.png') left bottom no-repeat;height:14px;width:244px;} * html #bottom {margin-top: -1px;} /* Online Access ------------------------------------------- */ #onlineAccess {position:absolute; right:0; list-style:none !important; font-size:12px; z-index:1001;} * html #onlineAccess {right:38px !important;} * html body.homepage #onlineAccess {right:0 !important;} #onlineAccess li {float:left; padding:0 5px; border-right:1px solid #CCC;z-index:1002;position:relative} #onlineAccess li.last {border:none;} #onlineAccess li a {color:#78a2cc;z-index:1003;position:relative} #container div#rightCol div.inner a.promotion {clear:both; display:block; padding:10px 0 0 0; width:307px;} #container img {border:none;} #container div.flash306 {/*background:url('../img/new/bg-flash306.png') top left no-repeat; */float:right; height:223px; margin:7px 0 20px 0; width:306px; overflow:hidden;} #container div.flash306 a {border:0;} #container div.flash306 a img {border:0;} #container div.flash603 {/*background:url('../img/new/bg-flash603.png') top left no-repeat; */float:left; height:277px; margin:20px 0; width:603px; z-index:-1;} #container div.flash603 #mymovie {z-index:0;} #container div.flash306 h2 {color:#5887BB; font:19px Arial,Helvetica,sans-serif; margin:5px 10px;} #container div.flash306 p {color:#24292C; font:14px Arial,Helvetica,sans-serif; margin:5px 10px;} #container div.flash306 a {background:url("../img/new/bullet-blue-arrow.png") no-repeat scroll 0 4px transparent; color:#5887BB; font:12px Arial,Helvetica,sans-serif; margin:5px 10px; padding: 0 0 0 10px;} #container div.flash306 a.rightFlashImageLink {background:none; margin:0; padding:0; } #container div.grey {float:left; width:467px;} #container div.grey dl {background:url('../img/new/bg-grey-blocks.png') 0 0 no-repeat; float:left; height:88px; margin:0 10px 10px 0; width:223px;} #container div.grey dl dt {color:#24292c; font:14px Arial, Helvetica, sans-serif; margin:26px 0 7px 0; text-align:center;} #container div.grey dl dt span {color:#5887bb; font-weight:bold;} #container div.grey dl dd {text-align:center;} #container div.grey dl dd a {background:url('../img/new/bullet-blue-arrow.png') 0 4px no-repeat; color:#5887bb; font:12px Arial, Helvetica, sans-serif; padding:0 0 0 10px;} #container div.blue {float:left; width:220px;} #container div.blue dl {height:88px; margin:0 10px 10px 0; width:223px;} #container div.blue dl.domestic {background:url('../img/new/bg-flag.png') 0 0 no-repeat;} #container div.blue dl.international {background:url('../img/new/bg-soccor.png') 0 0 no-repeat;} #container div.blue dl dt {color:#24292c; font:14px Arial, Helvetica, sans-serif; padding:18px 0 15px 15px;} #container div.blue dl dt span {display:block;} #container div.blue dl dt span.blue {color:#5887bb; display:inline; font-weight:bold;} #container div.blue dl dd a {display:block; float:right; height:18px; margin:0 10px 0 0; overflow:hidden; text-indent:-1000em;} #container div.blue dl.domestic dd a {background:url('../img/new/btn-invest-online.png') 0 0 no-repeat; width:150px;} #container div.blue dl.international dd a {background:url('../img/new/btn-invest-now-a.png') 0 0 no-repeat; width:102px;} #container div.centre {float:right; height:167px; padding:10px; position:relative; width:206px;} #container div.largeCentre {padding:0!important; position: static; width:auto!important;} #container div.centre h3 {color:#5887bb; font:normal 19px Arial, Helvetica, sans-serif;} #container div.centre h3 span {font-weight:bold;} #container div.centre h4 {color:#5887bb; font:normal 15px Arial, Helvetica, sans-serif;} #container div.centre a {background:url('../img/new/btn-orange.png') 0 0 no-repeat; color:#FFF; display:block; font:bold 15px Arial, Helvetica, sans-serif; height:32px; line-height:32px; text-align:center; text-decoration:none; width:159px; position:absolute; bottom:10px; right:15px;} #container div.centre a.largeImage {background:none!important; color:#FFF; display:block; font:bold 15px Arial, Helvetica, sans-serif; height:auto!important; line-height:inherit!important; text-align:center; text-decoration:none; width:auto!important; position:static;} #container div.centre a.smallImage {background:none; color:#FFF; display:block; font:bold 15px Arial, Helvetica, sans-serif; height:88px; position:static; margin:0 0 10px; width:223px; } #container div.rightBlock {float:right; margin:10px 0 0; width:306px} #container div.rightBlock img.bottomImage {margin-top: 6px;} #container div#leftBlockImage2 {height:85px; margin:8px 0 0 0;} #container div#flashcontenteditableleft2 {height:85px; margin:10px 0 0 0;} #header div.enquiry {float:right; margin:0 0 5px 0; width:725px; position: relative; height: 48px;} #header div.enquiry div#subContainer {position:absolute; z-index:100000;} #header div.enquiry p {color:#5787bb; font:bold 15px Arial, Helvetica, sans-serif; font-style:italic; margin:0 0 0 440px;} #header div.enquiry h2 {color:#24292c; font:normal 27px Arial, Helvetica, sans-serif; margin:0 0 0 440px;} #header div.enquiry h2 span {color:#4e5962; font-size:22px;} #container div.onlineAccess {height:22px;width:925px;margin: 15px 0 0 0;} #container div.onlineAccess ol li {float:left; list-style:none; line-height:22px;} #container div.onlineAccess ol li.heading {margin:0 10px;} #container div.onlineAccess ol li a {display:block; height:22px; overflow:hidden; text-indent:-1000em;} #container div.onlineAccess ol li.login a {background:url('../img/new/btn-login.png') 0 0 no-repeat; width:44px;} #container div.onlineAccess ol li.register a {background:url('../img/new/btn-register.png') 0 0 no-repeat; width:63px;} #container div.multiOpenAccordion .ui-state-default, #container div.multiOpenAccordion .ui-widget-content .ui-state-default, #container div.multiOpenAccordion .ui-widget-header .ui-state-default {background:#78A2CC; color:#FFFFFF; font-weight: bold;} #container div.multiOpenAccordion .ui-state-default:hover, #container div.multiOpenAccordion .ui-widget-content .ui-state-default:hover, #container div.multiOpenAccordion .ui-widget-header .ui-state-default:hover {background:#17255A;} #container div.multiOpenAccordion .ui-state-default a, #container div.multiOpenAccordion .ui-widget-content .ui-state-default a, #container div.multiOpenAccordion .ui-widget-header .ui-state-default a {color:#FFF;} #container div.multiOpenAccordion .ui-state-active, #container div.multiOpenAccordion .ui-widget-content .ui-state-active, #container div.multiOpenAccordion .ui-widget-header .ui-state-active {background:#17255A; font-weight: bold;} #container div.multiOpenAccordion .ui-state-active a, #container div.multiOpenAccordion .ui-widget-content .ui-state-active a, #container div.multiOpenAccordion .ui-widget-header .ui-state-active a {color:#FFF;} #container div.multiOpenAccordion .ui-widget-content {border: 1px solid #DCDCDC;}