/* 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 !important;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;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;float:right;height:47px;margin-top:20px;width:306px;}
#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}