﻿/* Elements
   ---------------------------------------------- */
html, body {
    background: #777777 url(/images/bGrnd_01.jpg) top left no-repeat fixed ;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
    margin: 0px;
	}
html, body * {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 100%;
	text-indent:0px;
	}
h1 {
    font-size: 1.6em;
    font-weight: normal;
	line-height:normal;
    padding: 5px 0px 8px 0px;
	margin:0px;
	}
h3 {
    font-size: 1.1em;
    font-weight: normal;
	line-height:normal;
    padding: 5px 0px 8px 0px;
	margin:15px 0px!important;
	}
p {
    padding:0px 0px 10px 0px;
    margin:0px;
    line-height:1.8em;
    font-size:0.8em;
	}
img {
    border:0px;
	behavior: url(/css/iepngfix.htc);
	}
iframe {
    background-color: #484848!important;
	}

a:link, a:visited{color:#CCCCCC;}
a:hover, a:active{color:#FFFFFF;}

table *{
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	}
table.threeCol{
	border-collapse:collapse;
	}
table.threeCol tr td{
	vertical-align:top;
	}
td.centreCol{
	background:#484848;
	width:100%;
	padding:0px 10px;
	border-left:#414141 5px solid;
	border-right:#414141 5px solid;
	}
td.LHS{
    background:#484848 url(../images/pixelGrey.gif) top right repeat-y;
	padding:10px;
	border-right:#525252 1px solid;
	width:170px;
	}
td.RHS{
    background:#484848 url(../images/pixelGrey.gif) top left repeat-y;
	padding:10px;
	border-left:#525252 1px solid;
	width:170px;
	}
	
/* HomePage
   ---------------------------------------------- */
    

/* HomePage Wrapper (Background Image)
   ---------------------------------------------- */
#wrapperHome{
    position: relative;
    min-width: 800px;
    max-width: 1280px;
    min-height: 630px;
    margin: auto;
	}

/* Content Wrapper (Background Image)
   ---------------------------------------------- */

/* Driver boxes Homepage
	   ----------------------- */
#driverHome{
    position: relative;
    margin: 225px auto 0px auto;
    background: #484848;
	min-height: 224px;
    width: 918px;
	}

#content{
    border-top: #CCCCCC solid 1px;
	border-bottom:#525252 solid 1px;
    position: relative;
    margin: 140px auto 0px auto;
    min-height: 600px;
    width: 918px;
	}
	
/* Site Header
   ---------------------------------------------- */
#header{
    position: relative;
    margin: 0px auto 0px auto;
    width: 900px;
    background: #4e4e4e;
    height: 70px;
	}
.headLHS{
	position:absolute;
	top:0px;
	left:-9px;
	width:9px;
	height:70px;
	background:url(../images/headLHS.gif);	
	}
.headRHS{
	position:absolute;
	top:0px;
	right:-9px;
	width:9px;
	height:70px;
	background:url(../images/headRHS.gif);	
	}
#headerContainer{
    position: relative;
    margin: 0px auto 0px auto;
    background: #4e4e4e;
    height: 70px;
	}
/* Logo + Strapline
   ------------------- */
#header img{
    position: absolute;
    top:11px;
    left:11px;
	}
#strapLine{
    position: absolute;
    top:28px;
    right:11px;
    width:250px;
    height:17px;
    background: url(/images/strapLine.gif) no-repeat;
	}

/* TopNav Header
   ---------------------------------------------- */
ul#topNavHome li, ul#topNavContent li{
    float: right;
    text-align: center;
    line-height: 18px;
    margin: 0px 0px 0px 5px;
	width:55px;
	}
ul#topNavHome {
    width: 428px;
    position: absolute;
    top: -35px;
    right: 0px;
    font-size: 0.7em;
    list-style-image: none;
    list-style: none;
    padding:0px;
    margin:0px;
	}
.time{
    width: 120px!important;
	}
ul#topNavHome a:link, ul#topNavHome a:visited {
    text-decoration: none;
    color: #FFFFFF;
    padding: 0px;
    display: block;
    height: 20px;
    padding: 0px 8px 0px 6px;
    background: url(/images/divider.gif) no-repeat right center;
	}
ul#topNavHome a:hover, ul#topNavHome a:active {
    background: #FFFFFF;
    color: #484848;
	}
ul#topNavContent {
    width: 600px;
    position: absolute;
    top: -32px;
    right: 10px;
    font-size: 0.7em;
    list-style-image: none;
    list-style: none;
    padding: 0px;
    margin: 0px;
	}
ul#topNavContent a:link, ul#topNavContent a:visited {
    text-decoration: none;
    color: #FFFFFF;
    padding: 0px;
    display: block;
    height: 20px;
    padding: 0px 8px 0px 6px;
    background: url(/images/divider.gif) no-repeat right center;
	}
ul#topNavContent a:hover, ul#topNavContent a:active {
    background: #FFFFFF;
    color: #484848;
	}
#topMenu{
/*	position:relative;
	filter:alpha(opacity=80);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:.80;
	-khtml-opacity:.80;
	opacity:.80;
	*/}
#transMenu{
   /* width: 918px;*/
	width:900px;
	position:absolute;
	top:-47px;
	right:9px;
	height:47px;
	padding:0px;
	margin:0px;
	background:url(/images/transMenu.gif) repeat-x;
	}
.transRHS{
	position:absolute;
	top:-47px;
	right:0px;
	width:9px;
	height:47px;
	background:url(/images/transRHS.gif);
	z-index:5;
	}
.transLHS{
	position:absolute;
	top:-47px;
	left:0px;
	width:9px;
	height:47px;
	background:url(/images/transLHS.gif) no-repeat;
	z-index:5;
	}
/* SideNav (MAIN LEFT Nav system) OVERRIDES are in individual style sheets
   ---------------------------------------------- */
div#mainNav div{
	position:relative;
	}
#imgFinancial{
	position:absolute;
	top:0px;
	left:-9px;
	width:184px;
	height:234px;
	background: url(../images/financialPic.jpg) no-repeat top right;
	}
ul.mainNav{
	list-style:none;
	width: 170px;
	}
ul.mainNav ul{
    margin: 0px 0px 0px 0px;
	}
ul.mainNav ul li a:hover{
    color:#FFFFFF!important;
    text-decoration: underline;
	}
.navSub a{
    background:none!important;
	}
ul.mainNav ul li a:link, ul.mainNav ul li a:visited  {
    color: #FFFFFF;
	}
	
/* Anchor Links 
---------------------------------------------- */
ul.mainNav li a:link, 
ul.mainNav li a:visited {
    display: block;
    font-size: 0.75em;
    line-height: 1.7em;
    height: 1.7em;
    text-decoration: none;
    border-bottom: #505050 1px solid;
    padding: 0px 0px 0px 20px;
    color: #FFFFFF;
	}
a.secondLevel:link, 
a.secondLevel:visited, 
a.secondLevel_on{
	font-size:70%!important;
	background:url(../images/arrowSubNav.gif) no-repeat 0.8em 0.6em!important;
	border-bottom:none!important;
	}
a.secondLevel_on{
	font-size:70%;
	text-decoration:underline!important;
	}
/* Site Content Styles
   ----------------------- */
.centreCol ul, .centreCol ol,
#rightNav ul{
	font-size:0.8em;
    padding: 2px 0px 3px 0px;
    margin: 0px;
    list-style: outside;
    line-height: 1.8em;
    list-style-type: none;
	}
#rightNav ul{
	font-size:0.7em;
	}
#rightNav ul li{}
#rightNav ul li{}
.centreCol ul li, .centreCol ul ol,
#rightNav ul li{
    padding: 0px 0px 0px 13px ;
    margin: 0px 0px 0px 10px;
	line-height:1.8em;
    background: url(/images/arrowLI.gif) no-repeat 0.3em 0.65em;
	}
#rightNav a:link, #rightNav a:visited{
	text-decoration:none!important;
	}
#rightNav a:hover, #rightNav a:active{
	text-decoration:underline!important;
	}

#termsNotAccepted
{
padding: 0px 10px 15px 10px;
}
	
#termsNotAccepted p
{
padding: 0px 0px 10px 0px;
font-size:.75em;
line-height:140%;
}
	
#driver01, #driver02, #driver03{
    position:relative;
    float:left;
	height:204px;
    padding:10px 25px 10px 10px;
	}
	
#driver03 p
{
 line-height:120%;
}
	
#driver01{
	width:300px;
    background: url(../images/wealthPic.jpg) no-repeat bottom right;
	}
#driver02{
	width:300px;
    background: url(../images/financialPic.jpg) no-repeat bottom right;
	}
#driver03{
    background: url(/images/arrowOverGrey.gif) none;
	}
.headerD{
    float: left;
    clear: right;
    height: 38px;
    margin: 0px 0px 0px 0px;
	/* PRELOADING */
    background: url(/images/arrowOverGrey.gif) none;

	}
#driver01 .headerD{
    background: url(/images/wealthImage.gif) no-repeat;
	}
#driver02 .headerD{
    background: url(/images/financialImage.gif) no-repeat;
	}
#driver01 .more{
    background: url(/images/arrowWealth.gif) no-repeat 6px 5px;
	}
#driver02 .more {
    background: url(/images/arrowFinance.gif) no-repeat 6px 5px;
	}

#rightNav .headerD h1 {
    color: #bfbfbf;
    padding: 9px 0px 0px 0px;
}
#rightNav .headerD h2 {
    font-size:0.9em;
    padding: 0px 0px 0px 0px;
}
a.more:link, a.more:visited {
    width: 140px;
    line-height: 1.5em;
    text-decoration: none;
    display: block;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 100px;
	}
li span{
	font-size:100%;
	}
#rightNav h2{
    color: #cdddff;
	font-size:0.85em!important;
    margin: 0px 0px 0px 0px;
	}
#driver01 p, #driver02 p{
    margin: 0px 20px 0px 10px;
	}
.wealth, .financial{
    width: 257px;
    display: block;
    float: left;
    background: url(/images/wealthHeader.gif) no-repeat;
    height: 22px;
    margin: 14px 0px 0px 7px;
    position: relative;
    z-index: 150; 
	/* margin:8px 0px 0px 50px; IE 6 OVERIDE */
	}
	
.financial{
    background: url(/images/financialHeader.gif) no-repeat;
    margin: 14px 0px 0px 80px;
	}

*html .financial{

    margin: 14px 0px 0px 40px;
	}

a.investOnline, a.clientLogin, a.capitalAdequacy, a.enter{
    margin-bottom: 5px;
    border-top: #878787 1px solid;
    border-left: #878787 1px solid;
    border-bottom: #2d2d2d 1px solid;
    border-right: #2d2d2d 1px solid;
    width: 198px;
    height: 28px;
    display: block;
	}
	
a.capitalAdequacy {
    background: url(/images/capitalAdequacy.gif) no-repeat top left;
	}
	
a.investOnline {
    background: url(/images/investOnline.gif) no-repeat top left;
	}
a.investOnline:hover, a.clientLogin:hover, a.capitalAdequacy:hover{
    border-top: #2d2d2d 1px solid;
    border-left: #2d2d2d 1px solid;
    border-bottom: #878787 1px solid;
    border-right: #878787 1px solid;
	}
a.clientLogin{
    background: url(/images/clientLogin.gif) no-repeat top left;
	}
	
a.enter
{

    margin: 0px auto 0px;
    border-top: #878787 1px solid;
    border-left: #878787 1px solid;
    border-bottom: #2d2d2d 1px solid;
    border-right: #2d2d2d 1px solid;
    width: 152px;
    height: 28px;
    display: block;
	}
	
a.enter:hover{
    border-top: #2d2d2d 1px solid;
    border-left: #2d2d2d 1px solid;
    border-bottom: #878787 1px solid;
    border-right: #878787 1px solid;
	}
	
a.enter{
    background: url(/images/enter.gif) no-repeat top left;
	}
	
.divider{
    border-top: #5a5a5a solid 1px;
    height:1px;
	margin:3px 0px 3px 0px;
	}
/* footer
   ----------------------- */
#footer{
    width:918px;
    margin:3px auto 0px;
	padding-bottom:25px;
    color:#a7a7a7;
    font-size:0.8em;
	}
.footer1{
    height:22px;
	font-size:0.9em;
    width: 918px;
    margin: 0px auto 0px;
    background-color: #3c3c3c;
	border-bottom:#323232 solid 1px;
	text-align:center;
    position: relative;
	}
#footer a:link, #footer a:visited {
    float: right;
    color: #a7a7a7;
    text-decoration:none;
	}
#footer a:hover, #footer a:active {
    float: right;
    color: #FFFFFF;
	}
/*  rss feed
    ---------------------- */
.stream{
	position:absolute;
	top:-33px;
	left:190px;
    height: 19px;
    width: 376px;
    margin: 0px 10px 0px 10px;
	padding:0px 5px 0px 25px;
	background:url(../images/feed.gif) no-repeat 4px 2px;
	color:#FFFFFF;
	}
.stream marquee {
    line-height: 18px !important;
    font-size: 70%;
    color: #999999;
    margin-top: 1px !important;
	}
.stream marquee a{
	text-decoration:none;
	}
.stream marquee a:hover{
	text-decoration:underline;
	}
.rss{
    float:left;
    padding: 3px 6px 2px 3px;
    background-color: #484848;
	}
marquee a:hover{
    text-decoration: none;
    color: #ffffff;
	}
/*  i-frame
    -------------------- */
#bodyContent iframe *{
    color: #ffffff !important;
    background-color: #484848 !important;
	}
/* contact form
-------------------- */
.contact_form p{
    padding: 0px 10px 10px 20px;
    color: #ffffff;
	}
.contact_form{
    background: none !important;
	}
.form_button{
    padding: 0px 0px 10px 0px !important;
	}

/* cgtcalc form
    -------------------- */
#cgtcalc tr td{
    padding: 5px; /*font-size:10pt;*/
	}
#cgtcalc tr td.cgt_spacer{
    height: 15px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ History ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table#history{
	font-size:0.7em;
	margin:10px 0px 20px 0px;
	}
table#history tr th{
	text-align:left;
	line-height:25px;
	padding-top:10px;
	}
table#history tr th h2{
	font-size:1.3em;
	}
table#history tr td{
	padding:5px;
	background:#5f5e5e;
	padding-bottom:15px;
	}
td.historyLeft{
	border-top:#777777 1px solid;
	border-bottom:#595959 1px solid;
	border-left:#5a5a5a 1px solid;
	border-right:#312e2e 1px solid;
	background:#717171!important;
	}
td.historyMid{
	border-top:#777777 1px solid;
	border-bottom:#312e2e 1px solid;
	width:10px;
	background:url(../images/blueBullet.gif) 9px 9px no-repeat #5f5e5e!important;
	}
td.historyRight{
	border-top:#777777 1px solid;
	border-bottom:#312e2e 1px solid;
	border-right:#5a5a5a 1px solid;
	}
ul.history{
	border-top:#777777 1px solid!important;
	border-bottom:#595959 1px solid;!important
	border-left:#5a5a5a 1px solid;!important
	border-right:#312e2e 1px solid!important;
	/*background:#717171!important;*/
	margin:10px 0px;
	height:50px;
	}
ul.history li{
	float:left;
	background:none;
	margin:0px;
	padding:0px 5px;
	}
ul.history li a:link, ul.history li a:visited{


	}
ul.history li a:hover, ul.history li a:active{
	color:#b2dadc;
	}
blockquote h2{
	font-size:1.6em!important;
	font-weight:normal;
	color:#b2dadc;
	}

#complianceBox{
    background:#FFFFFF;
    border: #CCCCCC 2px solid;
    width: 495px;
    height:379px;
    position:absolute;
    padding: 15px;
    z-index: 3;
    top:125px;
    left:100px;
    filter:alpha(opacity=90);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity:.90;
    -khtml-opacity:.90;
    opacity:.90;
	}
/* RHS List item icons
    -------------------- */
.portfolio, .taxDates, .blog{
	background:url(/images/chart_icon.gif) no-repeat 0px 3px !important;
	list-style-image:none;
	height:35px!important;
	line-height:35px!important;
	}
.portfolio a, .taxDates a, .blog a{
	padding:0px 0px 0px 20px;
	}
.taxDates{
	background:url(/images/cal_icon.gif) no-repeat 0px 3px !important;
	}
.blog{
	background:url(/images/blog1_icon.gif) no-repeat 0px 3px !important;
	}
#data154Table tr td p{
	padding-left:15px;
	}
.contactForm{
	}
input.form{
	border-top:#312e2e 1px solid!important;
	border-bottom:#5f5e5e 1px solid!important;
	border-left:#5a5a5a 1px solid!important;
	border-right:#312e2e 1px solid!important;
	background:#6a6a6a url(../images/inputBackground.gif) repeat-x;
	width:250px;
	padding:2px;
	margin-bottom:15px;
	color:#FFFFFF;
	font-size:85%;
	}
.inputSubmit .inputReset{
background-color:#00FFFF;
	font-size:10px!important;
	text-align:center!important;
	}
input:hover, input:active, input:focus, input.sffocus,{
	border:#9c9c9c solid 1px!important;
	}
select{
	background:#6a6a6a url(/images/inputBackground.gif) repeat-x top left;
	border-top:#312e2e 1px solid!important;
	border-bottom:#5f5e5e 1px solid!important;
	border-left:#5a5a5a 1px solid!important;
	border-right:#312e2e 1px solid!important;
	width:250px;
	height:20px;
	padding:0px;
	margin-bottom:15px;
	color:#FFFFFF;
	font-size:85%;
	}
table.form tr td.formLHS{
	width:175px;
	}
#further_info{
	background:#6a6a6a url(/images/inputBackground.gif) repeat-x top left;
	border-top:#312e2e 1px solid!important;
	border-bottom:#5f5e5e 1px solid!important;
	border-left:#5a5a5a 1px solid!important;
	border-right:#312e2e 1px solid!important;
	width:250px;
	color:#FFFFFF;
	font-size:85%;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.formFoot{
	padding:15px 0px;}


/*.name {
    position: relative;
    width: 150px;
    margin: 0px 0px 5px 0px;
    padding: 2px;
    background: #484848;
    color: #CCCCCC;
    display: block;
    border-left: #606060 1px solid;
    border-bottom: #606060 1px solid;
    border-right: #2d2d2d 1px solid;
    border-top: #2d2d2d 1px solid;
}
.Login {
    margin: 3px 0px 0px 0px;
    width: 45px;
    height: 20px;
    background: #bfbfbf;
    border: none;
    cursor: pointer;
    color: #484848;
	}
.Login:hover {
    width: 45px;
    height: 20px;
    background: #FFFFFF;
    border: none;
    cursor: pointer;
    color: #484848;
	}
*/







