/* sent from Arif (April 28th) - added to by Nirmal for phase2 (May 18th) */

@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

.clearfix {display: inline-block;}

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*///////// ///////////*/

BODY {	margin:0px 0 2em 0; 
		padding:0px; 			
		text-align:center;
		background:#fff;		
		}
		
body, div, p, li, h1, h2, h3, h4, textarea{
font-family: arial, Sans-Serif;
color:#543087;		
}

p, li {font-size:80%;}

p.small{font-size:70%;}
p.links{font-size:74%;}

p.pdflink {background: url(../img/pdficon.gif) no-repeat 3px; margin-left:0px; padding-left: 0px;}

p.txtrt {text-align:right; font-weight:bold;}
		
a {color:#543087; text-decoration:underline;}
a:hover {text-decoration:none;}

a.skip {display:none}
a.aro { background-repeat:no-repeat; padding-left:14px; background-position: 0 4px; background-image:url(../img/i_aro_orange.gif); }
a.aropurple { background-repeat:no-repeat; padding-left:20px; background-position: 0pt 0pt; background-image:url(../img/i_aro_purple_big.gif); }


.numbersize {font-size:110%;}
.smallersize  {font-size:80%; line-height: 1.2em;}
/*.pdflink {background: url(../img/pdficon.gif) no-repeat 3px; padding-left: 5px;}*/
.greybg {background: #eaeaea; display: block; padding: 3px 3px 4px 3px; margin: 0 0 3px 0;}
.stacked {margin-top: 5px;}

p.orangetext { color: #fd9500;font-size:116%;}

/* ACTION-BUT */
.action-but								{background-repeat:no-repeat; height:32px;margin-left:1px;}
.accounts .action-but, .calc-but		{background-color:#543087 /*#351163*/ }
.fund .action-but						{background-color:#fd9500 }
.fund table.otherfinancial .action-but	{width:60px; height:52px; display:  block; /*margin-left:3px*/; background-image:url(../img/but_o_on_grey_l-deep.gif); background-repeat:no-repeat;}
.action-but a, .action-but a:visited	{display:block; background-repeat:no-repeat; background-position: top right; height:26px; color:#FFFFFF; text-decoration:none; font-size:15px; padding:6px 0 0 10px;}
.action-but a:hover						{text-decoration:underline}

/* PRINT-BUT */
.print-but								{background-repeat:no-repeat; height:32px; }
.fund .print-but, .accounts .print-but, .print-but {background-color:#eaeaea; }
.print-but a, .print-but a:visited		{display:block; background-repeat:no-repeat; background-position: top right; height:26px; text-decoration:none; font-size:15px; padding:6px 0 0 10px; }
.print-but a:hover						{text-decoration:underline;}


/* apply but */
.fund .apply-but						{background-color:#fd9500 }
.fund table.otherfinancial .apply-but	{width:60px; height:52px; display:block; /*margin-left:3px*/; background-image:url(../img/but_o_on_grey_l-deep.gif); background-repeat:no-repeat;}
.apply-but a, .apply-but a:visited	{display:block; background-repeat:no-repeat; background-position: top right; height:26px; color:#FFFFFF; text-decoration:none; font-size:15px; padding:17px 0 0 10px;}
.apply-but a:hover						{text-decoration:underline}

/* apply over 50 but */
.applyOver50-but {background-repeat: no-repeat; height: 32px; margin-left: 1px; background-image: url(../img/but_p_on_white_l-aro.gif); width: 132px; margin-left: 60px; padding-left: 10px; }
.applyOver50-but a, .applyOver50-but a:visited{background-image: url(../img/but_p_on_white_r.gif); display: block; background-repeat: no-repeat; background-position: right top; height: 32px; color: #ffffff; text-decoration: none; font-size: 15px; padding: 6px 0px 0px 10px;}
.applyOver50-but a:hover {text-decoration: underline;}

.action-but-o{border:0px; margin:0px 0px 0px 55px; width:154px; height:32px; font-size:15px; background-image:url(../img/but_o_on_white_l-aro.gif) ;background-repeat:no-repeat;  color:#FFFFFF; font-weight:normal; text-decoration:none; padding:0 0 0 20px; text-align:left; cursor:hand; cursor:pointer; }
.action-but-o a, .action-but-o a:visited{background-image: url(../img/but_o_on_white_r.gif); display: block; background-repeat: no-repeat; background-position: right top; height: 32px; color: #ffffff; text-decoration: none; font-size: 15px; padding: 6px 0px 0px 10px;}
.action-but-o a:hover {text-decoration: underline;}

img { border: none; }

h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin: 0 0 0.5em 0;
	}

h1 {
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:120%;	
	}
	
h2{		
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:110%;
	line-height:1.1em;		
	}	
	.right h2 {font-size:95%;	}
	h2.dot {
	margin-left: 14px;
	background-image:url(../img/i_dot_blu-w.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	}

h3{	
	font-size:95%;
	margin:0 0 0.4em 0px;	
	padding:0 0 0px 0;	
	line-height:1.1em;
	}
	

h4{	
	font-size:100%;
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;	
	}
	
p{
	line-height:1.2em;
	margin:0 0 1em 0;
	padding:0;	
	}
	
form {
	padding:0;
	margin:0;
	}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
	textarea {overflow:auto; }
	
	hr {display:none}
	
	ul{}
	
	li {margin:0 0px .5em 0}	
	
	table { border-collapse:collapse; margin:1.5em 0 3em 0; width:100%; font-size:80%;}
	
	td, th {vertical-align:top; width:33%; padding-right:10px; }
	
/*/////////   main layout  ///////////*/

.wrap{
	position:relative;
	width:953px;
	margin:0 auto;
	z-index:0;
	text-align:left;
	padding:0;
	overflow:hidden;
	background:url(../img/bg_top_branch.gif) no-repeat top center;
	background-image: url(../img/bg_top_branch.gif);
		}
		
/* CONTENT page style */ 		
.wrap.home {background:none;}	
.wrap.accounts.wizard {background:url(../img/bg_top_branch_wizard.gif) no-repeat top center;}
.wrap.accounts.wizardReg {background:url(../img/bg_top_branch_wizard.gif) no-repeat top center;}
.wrap.fund.opening {background:url(../img/bg_top_branch_opening.gif) no-repeat top center;}
.wrap.fund.generic{background:url(../img/bg_top_branch_generic.gif) no-repeat top center;}
.wrap.accounts.generic{background:url(../img/bg_top_branch_generic.gif) no-repeat top center;}
.wrap.fund.email {background:url(../img/bg_top_branch.gif) no-repeat top center;}
/*.wrap.which{background:none;}*/
	

/* HEADER bg image */ 
.header {overflow:hidden;width:950px; position:relative; height:110px}	
.header { background:url(../img/bg_nav_bl.gif) no-repeat left bottom; }
.accounts .header{ background:url(../img/bg_nav_ly.gif) no-repeat left bottom; }
.accounts.wizardReg .header{ background: none; background:url(../img/bg_nav_ly_wizard.gif) no-repeat left bottom; }
.accounts.wizard .header{background:url(../img/bg_nav_ly_wizard.gif) no-repeat left bottom; }
.fund.opening .header{ background: none; /*background:url(img/bg_m_l_blu_wide2.gif) no-repeat left bottom;*/ }


.content { border:0px solid red; position:relative;	}	

.left{width:200px; padding:0px 0px 0px 0px; overflow:hidden; position:absolute; left:0; top:0; 	}
.mid{width:550px;overflow:hidden; padding:20px 0px 0 200px; float:left}
.right{width:200px; padding-top:20px; overflow:auto; border:0px solid red;   float:left;}
		
.home .content {overflow:hidden; background:url(../img/bg_illus_home.gif) left bottom no-repeat; padding:0  0 130px 0}	

.home .left{width:370px; padding:20px 24px 10px 10px; position:relative; float:left; }
.home .mid{width:260px;padding:0px 0 0 66px; position:relative; z-index:10; float:left; }
.home .right{width:200px; padding-left:20px; padding-top:0;  float:left;}

.box {padding:20px 0 0 0; margin-bottom:20px}


.map {
	position: relative;
	width: 563px; /*width: 478px;*/	
	height: 489px;
	background: #CCCCCC;
	margin:-20px 0 0 35px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top-style: solid;
	}

/* FOOTER images */
.accounts .content {background:url(../img/bg_illus_accounts.gif) left bottom no-repeat; padding:0 0 300px 0}

.accounts.content {background:url(../img/bg_illus_accounts.gif) left bottom no-repeat; padding:0 0 250px 0;}	
.accounts.wizardReg .content {background:url(../img/bg_illus_fundopening.gif) left bottom no-repeat; padding:0 0 250px 0;}
.accounts.wizard .content {background:url(../img/bg_illus_onlinewizard.gif) left bottom no-repeat; padding:0 0 250px 0;}

.fund .content {background:url(../img/bg_illus_fund.gif) left bottom no-repeat; padding:0 0 180px 0; /* Arif padding:0 0 220px 0;*/}
.fund .content.nobranch {background:url(../img/bg_illus_fund_nobranch.gif) left bottom no-repeat; padding:0 0 180px 0;}
.fund.generic .content {background:url(../img/bg_illus_fund_generic.gif) left bottom no-repeat; padding:0 0 220px 0;}
.fund.email .content {background:url(../img/bg_illus_fund_generic.gif) left bottom no-repeat; padding:0 0 220px 0;}
				
.fund.opening .content {background:url(../img/bg_illus_fundopening.gif) left bottom no-repeat; padding:0 0 275px 0;}	
.which .content {background:url(../img/bg_illus_which.gif) left bottom no-repeat; padding:0px  0 180px 0; width: 950px;}
.which.tour .content {background:url(../img/bg_illus_tour.gif) left bottom no-repeat; padding:0 0 270px 0; width: 950px;}
	

/*/////////      header     ///////////*/

.header img,  .tel, .login, .tel_homeaboutctf, .tel_financial, .tel_postsale, .dailyprices { position:absolute;}

	/* note the tel class is now wider */
	.tel					{text-indent:-300em; background:url(../img/telephone.gif) no-repeat; width:280px; /*width:181px;*/ height:33px; left:450px; /*left:550px;*/ top:10px;}
	.financial 				{ background:url(../img/telephone_financial.gif) no-repeat;}
	.existing /*post sale*/	{background:url(../img/telephone_existing.gif) no-repeat;}	
	.affiliate				{background:url(../img/telephone_affiliate.gif) no-repeat;}	
	.over50s				{background:url(../img/telephone_over50s.gif) no-repeat;}	

	.tel {cursor:pointer;}

.telbig {text-indent:-300em; background:url(../img/telephone_big.gif) no-repeat; width:218px; height:44px; left:732px; top:10px;}
.telbigexist {text-indent:-300em; background:url(../img/telephone_bigexist.gif) no-repeat; width:218px; height:44px; left:732px; top:10px;}
.login {left:750px; top:10px; width:195px; /*width:145px;*/ background-image:url(../img/but_p_on_white_l.gif) ;}

.login a,  .login a:visited{background-image:url(../img/but_p_on_white_r.gif) }


.dailyprices {left:635px; top:10px; width:105px;  background-image:url(../img/but_p_on_white_l.gif) ;}
.dailyprices a,  .dailyprices a:visited{background-image:url(../img/but_p_on_white_r.gif) }




/*/////////      end header     ///////////*/

/*/////////      nav     ///////////*/

.nav {position:absolute;left:200px;	top:52px;	height:48px;	width:750px; }

.nav ul {
	margin:0 0 0 0px;	
	padding:0;
	
	 width:750px;	
	}
	
	.nav  li {	
	list-style-type:none;
	margin:0 1px 0 0;
	padding:0;
	float:left;	
	height:48px;
	background-repeat:no-repeat;
	background-position:left top;
	}
	
	.nav  li.end {	
	margin:0 20px 0 0;	
	}
	/* please note - the widths of these tabs are now wider, and li.five is no longer used in page templates */
	.nav  li.one {width:130px}
	.nav  li.two {width:130px}
	.nav  li.three {width:130px}
	.nav  li.four {width:137px}
		.nav  li.five {width:116px} /* no longer required in phase 2 */
	.nav  li.six {width:104px}
	.nav  li.seven {width:95px}
	
	.nav  li.nopad {	
	margin:0 0px 0 0;	
	}
		
	.nav li a, .nav li a:visited{	
	display: block;		
	background-repeat:no-repeat;	
	background-position:right top;
	height:37px;	
	padding:11px 0px 0 10px;
	text-decoration:none;
	line-height:1em;
	font-size:14px;
	width:auto;
	}
	
	.nav li a:hover{		
	text-decoration:underline;
	}	
	
	
	
	.fund  .nav li,  .nav li.blue{background-image:url(../img/bg_nav_l_lb.gif); }
	.fund .nav li.on,  .home .nav li.on{background-image:url(../img/bg_nav_l_db.gif); }	
	.nav li.blue a, .nav li.blue a:visited{background-image:url(../img/bg_nav_r_lb.gif); }	
	.fund  .nav li.on a, .fund .nav li.on a:visited, .home .nav li.on a, .home .nav li.on a:visited{background-image:url(../img/bg_nav_r_db.gif); }	
	
	.nav li.yellow{background-image:url(../img/bg_nav_l_dy.gif); }
	.accounts .nav li.yellow {background-image:url(../img/bg_nav_l_ly.gif); }
	.accounts .nav li.on{background:url(../img/bg_nav_l_dy.gif) no-repeat left top;}
	
	.nav li.yellow a, .nav li.yellow a:visited{background-image:url(../img/bg_nav_r_dy.gif); }		

	.accounts .nav li.yellow a, .accounts .nav li.yellow a:visited{background-image:url(../img/bg_nav_r_ly.gif); }	
	.accounts .nav li.on a, .accounts .nav li.on a:visited{background-image:url(../img/bg_nav_r_dy.gif); }	
		
	
	ul.subnav {
	margin:0 0 0 0px;	
	padding:0 0 80px 0;	
	/* previously: padding:0 0 150px 0;*/	
	}
	
	ul.subnav  li {	
	list-style-type:none;
	margin:0 0px 0 0;
	padding:0;
	border-bottom:1px solid #ccc;	
	}
	
	ul.subnav li a, ul.subnav li a:visited{ background-repeat:no-repeat; background-position:0px 5px; background-color:#fff; border-top:2px solid #fff; border-bottom:2px solid #fff; display:block; padding:4px 0 4px 20px; text-decoration:none}
	ul.subnav li a:hover{ background-position:-200px 5px; text-decoration:underline}
	ul.subnav li.on a:hover{ background-position:0px 5px}
	
	
	.accounts ul.subnav{background:url(../img/bg_f_subnav_yello.gif) no-repeat left bottom;	}
	
	.accounts ul.subnav li a, .accounts ul.subnav li a:visited{ background-image:url(../img/i_aro_lyello.gif); }
	.accounts ul.subnav li a:hover{ background-color:#f4f4f4}
	.accounts ul.subnav li.on a, .accounts ul.subnav li.on a:visited{ background-image:url(../img/i_aro_dyello.gif); background-color:#FEE686;}
	.accounts.wizard ul.subnav{background:url(../img/bg_f_subnav_yello_plain.gif) no-repeat left bottom; }	
	.accounts.wizardReg .register .box {width:180px; padding:10px 10px 10px 10px;  background:#fee686 url(../img/bg_f_r_yello.gif) no-repeat bottom; margin: 2px 0 0 0; } 	
	
	p.smallprint{}
	
	.fund ul.subnav{padding:0 0 0px 0;	}
	.fund ul.subnav li a, .fund  ul.subnav li a:visited{ background-image:url(../img/i_aro_lblu.gif); }
	.fund  ul.subnav li a:hover{ background-color:#f4f4f4}
	.fund  ul.subnav li.on a, .fund ul.subnav li.on a:visited{ background-image:url(../img/i_aro_dblu.gif); background-color:#D8F4FB;}
	
/*/////////  nav  */

/*///////// col on the left */ 

.home .left  h1{
		padding:0px;
		margin:0px 0 0 0;
		text-indent:-3000em;
		height:182px;
		width:394px;
		background-repeat:no-repeat;
		background-image:url(../img/h_home_intro.gif);	
		}	
		
.home p.intro {font-size:116%; font-weight:bold; line-height:5.em}	

p.announce, li.announce {font-size:108%; line-height:5.em}	
.home p.affiliate {font-size:80%; font-weight:bold; line-height:5.em}	

.home .curve4 {/*bottom:141px;*/ bottom:250px; right:0px; position:absolute; width:46px; height:35px; background:url(../img/illus_home_curve4.gif) no-repeat; z-index:0}	

.accounts .left h3 {height:70px; padding:30px 80px 0 10px;  background:url(../img/bg_h_l_yello.gif) no-repeat; margin:0 } 

.accounts.wizard .left h3 {height:70px; padding:30px 80px 0 10px; background:url(../img/bg_h_l_yello_stars.gif) no-repeat; margin:0; } 

/* left header tab blue */
.fund .left h3 {height:70px; padding:30px 80px 0 10px; background:url(../img/bg_h_l_blu.gif) no-repeat; margin:0 }
.fund.opening .left h3 {height:70px; padding:30px 80px 0 10px; background:url(../img/bg_h_l_blu_butterfly.gif) no-repeat; margin: 0;}  


/* left blue telephone box */
.fund .left .box {width:180px; height:140px; padding:10px 10px 10px 10px;  background:#b2eaf7 url(../img/left_footer_border.gif) no-repeat bottom; margin: 2px 0 0 0; } 
.fund .left .box h2 {font-size: 165%;} 


/* left hearts call-to-action box */
.hearts {background:url(../img/bg_h_hearts.gif) no-repeat; padding:100px 80px 0 0px; font-weight:bold; font-size: 19px; margin-top:100px /*margin-top:170px*/}
.hearts .foot{background:url(../img/bg_f_hearts.gif) no-repeat left bottom; width:200px; height:40px;}
.hearts p{padding-left:10px; }
.hearts .action-but{background-image:url(../img/but_p_on_blu_l-aro.gif) ; width:110px; padding-left:12px; margin-left:5px }
.hearts .action-but a,  .hearts .action-but a:visited{background-image:url(../img/but_p_on_blu_r.gif) }


/* left - phase2 your-saving-goal box */
.fund .left .box2 .header {height:50px; padding:30px 40px 0 10px; background:url(../img/bg_hf_l_blu_savingsbox.gif) no-repeat; margin:0px 0 0 0 }
.fund .left .box2 h3 {height:42px; padding:15px 40px 0 10px; background:url(../img/bg_h_r_blu.gif) no-repeat; margin:0 0 5px 0 }
.fund .left .box2 {width:200px; /*height:350px;*/ padding:0 25px 50px 0px; background: white url(../img/bg_lines_savingsbox.gif) no-repeat scroll left bottom;
/*#b2eaf7  url(../img/left_footer_border.gif) no-repeat bottom; margin: 2px 0 0 0; */}
.fund .left .box2 input {margin-bottom:5px;} 
.fund .left .box2 p, .fund .left .box2 form { width: 180px; padding:0px 10px 0 10px;  } 

.fund .left .box2footer {width:200px; height:40px;  background: #ffffff url(../img/bg_hf_l_blu_savingsbox_foot.gif) no-repeat ;}

/* phase2 - home page left bullet points */
.home .left ul				{padding-left:0px; margin:0 0 15px 0px;}
.home .left ul li			{list-style-type:none; background:url(../img/i_dot_blu-w.gif) no-repeat 4px 4px; padding:0 0 0 23px; margin:0 0 7px 0px;}
*html .home .left ul		{padding-left:0px; margin-left:18px;}
*html .home .left ul li		{list-style-type:disc; background:none; padding-left:0px; margin-left: 0; margin-bottom:0.8em}


/*///////// end col on the left */ 






/*/////////  col in the middle */ 

.home .mid .box {padding:0px; position:relative; background-color:#D8F4FB; margin-bottom:0; margin-top:20px; width:260px}
.home .mid .box.joined {padding:0px; position:relative; background-color:#ffffff/*#D8F4FB*/; margin-bottom:0; margin-top:0px; width:260px; height:45px}
.home .mid .box  p,  .home .mid .box  h2, .home .mid .box h3, .home .mid .box ul {padding:0 10px;}
.home .mid .box .foot{width:260px; height:18px; background:url(../img/bg_f_l_lblue.gif) no-repeat left bottom; }
.home .mid .cloudfoot{width:260px; height:320px; background-image:url(../img/illus_cloudfooter.png); background-repeat: no-repeat; background-position: left bottom; margin-top:0px /*margin-top:-20px*/ }
*html .home .mid .cloudfoot { background-image:url(../img/illus_cloudfooter.gif);}


/* home mid blue panels - action-but in header */
.home .mid .box .action-but{ position:absolute; width:104px; right:10px; top:8px; background-image:url(../img/but_o_on_blu_l-aro.gif); padding-left:10px; background-color:#fd9500}
.home .mid .box .action-but a, .home .mid .box .action-but a:visited{ background-image:url(../img/but_o_on_blu_r.gif)}

/* home mid blue panels - action-but below */
.home .mid .box h2 .action-but{ width:104px;/*position:absolute;  right:10px; top:8px;*/ background-image:url(../img/but_o_on_blu_l-aro.gif); padding-left:10px; background-color:#fd9500}
.home .mid .box h2 .action-but a, .home .mid h2 .box .action-but a:visited{ background-image:url(../img/but_o_on_blu_r.gif)}

/* home mid lilac panels - other colour */
.home .mid .box.other h2	{background:url(../img/bg_h_l_other.gif) no-repeat; /*width:121px;*/ height:39px; line-height:1em; font-size:15px; padding:8px 129px 0 10px;}
.home .mid .box.other {padding:0px; position:relative; background-color:#ecdce6; margin-bottom:0; margin-top:20px; width:260px}
*html .home .mid .box.other {padding:0px; position:relative; background-color:#ecdce6; margin-bottom:0; margin-top:10px; width:260px}
.home .mid .box.other p, .home .mid .box.other h2, .home .mid .box.other h3 /*, .home .mid .box.other ul */ {padding:0 10px ;}		  
.home .mid .box.other .foot {width:260px; height:18px; background:url(../img/bg_f_l_other.gif) no-repeat left bottom; }

.home .mid .box.other p, .home .mid .box.other h2, .home .mid .box.other h3 /*, .home .mid .box.other ul*/ {padding:0 10px;}		
.home .mid .box.other .foot {width:260px; height:18px; background:url(../img/bg_f_l_other.gif) no-repeat left bottom; }

/* home mid blue panels - other colour - action-but */
.home .mid .box.other .action-but {position:absolute; width:104px; right:10px; top:8px; background-image:url(../img/but_o_on_other_l-aro.gif); padding-left:10px; background-color:#fd9500}
.home .mid .box.other .action-but a, .home .mid .box.other .action-but a:visited {background-image:url(../img/but_o_on_other_r.gif)}
*html .home .mid .box.other .action-but{ position:absolute; width:104px; right:10px; top:8px; background-image:url(../img/but_o_on_other_l-aro.gif); padding-left:10px; background-color:#fd9500}
*html .home .mid .box.other .action-but a, *html .home .mid .box.other .action-but a:visited{ background-image:url(../img/but_o_on_other_r.gif)}


/*----------*/

/*home mid blue panels - and butted-up blue panel varients */
.home .mid .box h2			{background:url(../img/bg_h_l_lblue.gif) no-repeat; width:121px; height:39px; line-height:1em; font-size:15px; padding:8px 129px 0 10px;}
.home .mid .box.other h2	{background:url(../img/bg_h_l_other.gif) no-repeat; width:121px; height:39px; line-height:1em; font-size:15px; padding:8px 129px 0 10px;}
.home .mid .box h2.sub		{background:url(../img/bg_h_l_lblue_sub.gif) no-repeat; width:121px; height:37px; line-height:1em; font-size:15px; padding:10px 129px 0 10px; margin-top:0;}
.home .mid .box h2.end		{background:#FFFFFF url(../img/bg_h_l_lblue_end.gif) no-repeat; width:121px; height:37px; line-height:1em; font-size:15px; padding:15px 129px 0 10px; margin-top:0px;}
.home .mid .box h2.wide		{background:url(../img/bg_h_l_lblue.gif) no-repeat; width:231px; height:39px; line-height:1em; font-size:15px; padding:8px 20px 0 10px; }
.home .mid .box h2.end span.movedown {background: red; padding-top: 10px; 	top: 10px;}

.home .mid ul {padding-top:38px; margin:8px 0 0 0}
.home .mid ul li{ background:url(../img/i_plus.gif) no-repeat 0 4px; padding:0 0 .3em 15px;  margin:0; line-height:1.3em; list-style-type:none; }

.home .mid li.aro			{ background:url(../img/i_aro_purple.gif) no-repeat 0 4px; }
.home .mid ul li.aro		{ background:url(../img/i_aro_orange.gif) no-repeat 0 4px; margin-bottom: 0px; padding-bottom: 5px;}
/* */
*html .home .mid ul li.aro{ background:url(../img/i_aro_orange.gif) no-repeat 0 0px; padding-left: 15px;  list-style-type:none;}

/*phas2 - home mid blue panels - bg promo image */
.bgsun 		{ height: 243px/*205px*/; background-position: right bottom; background-image:url(../img/bgsun.gif); background-repeat: no-repeat;}
.bgsunflower 		{ height: 260px; background-position: right bottom; background-image:url(../img/bg_f_l_over50s.gif); background-repeat: no-repeat;}
ul li.short 	  {width: 159px; /*background: red; margin: 0 0 0 0; padding: 0 0 0 0; border:solid 1px black*/}
ul li.shortest {width: 105px; /*background: pink; margin: 0 0 0 0; padding: 0 0 0 0;*/}

/*ie6 specific */
*html .home .mid ul   				{ margin:0px 0 0 15px;}
*html .home .mid ul li				{ padding:0 0 7px 0px; margin:0; clear:both; list-style-type:disc;}
*html .home .mid .box.bgsun 		{ list-style-type:disc; vertical-align:text-top; position: relative;}
*html .home .mid .box.bgsun ul li	{ padding:0 0 7px 0px; margin:0; clear:both; list-style-type:disc;}
*html .home .mid .box.bgsun ul li.short, *html .home .mid .box.bgsun ul li.shortest	{ background: none; /*margin-bottom: 10px;*/ list-style-type:disc; vertical-align: top; position: relative; top: -.5em;}
*html .home .mid .box.other 		{ list-style-type:disc; vertical-align:text-top; position: relative;}
*html .home .mid .box.other ul li	{ padding:0 0 7px 0px; margin:0; clear:both; list-style-type:disc;}
*html .home .mid .box.other ul li.two, *html .home .mid .box.other ul li.three	{ background: none; /*margin-bottom: 10px;*/ list-style-type:disc; vertical-align: top; position: relative; }
*html .home .mid .box ul li.two, *html .home .mid .box ul li.three	{ background: none; /*margin-bottom: 10px;*/ list-style-type:disc; vertical-align: top; position: relative; }

*html .home .mid ul li.aro, *html .home .mid .box ul li.aro	{ background: url(../img/i_aro_orange.gif) no-repeat 0 4px; list-style-type:none; padding-left:15px;} 

/* home page illustrations */ 
.home .curve1{top:-20px; left:-66px; position:absolute; width:44px; height:84px; background:url(../img/illus_home_curve1.gif) no-repeat;  z-index:2}
.home .ladybird{top:-35px; left:150px; position:absolute; width:50px; height:40px; background-image:url(../img/illus_ladybird.gif); background-repeat: no-repeat; background-color:none; z-index:100}
.home .curve3{bottom:-47px; left:-56px; position:absolute; width:44px; height:84px; background:url(../img/illus_home_curve3.gif) no-repeat;  z-index:2}



.mid h1 {padding:30px 55px 0 55px; font-size:140%; margin-bottom:1em}
.mid h2 {padding:0px 55px 0 55px; }
.mid .box h2 {padding:0px 55px 0 65px; }
.mid h3 {padding:0px 55px 0 55px; }
.mid h4 {padding:0px 55px 0 55px; font-size:140%; margin-bottom:1em}
.mid p{padding:0px 55px 0 55px;}
.mid ul{padding:0px 55px 0 55px; margin:0}


/*phase2 - yellow mid box - from live css*/
.mid .box { width:550px;padding:0px; position:relative; margin-top:40px;}
.accounts .mid .box h3{background:url(../img/bg_h_l_yello_wide.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; width:480px; }
.accounts .mid .box {background:url(../img/bg_m_l_yello_wide.gif) repeat-y;}
.accounts .mid .box .foot{background:url(../img/bg_f_yello_wide.gif) no-repeat; height:17px;}

/*phase2 backup - box goes grey 
.mid .box { width:550px;padding:0px; position:relative; margin-top:40px;}
.accounts .mid .box h3{background:url(../img/bg_h_l_yello_wide.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; width:480px; }
.accounts .mid .box {background:url(../img/bg_box_opening-bot_wizard.gif) repeat-y;}
.accounts .mid .box .foot{background:url(../img/bg_f_yello_wide.gif) no-repeat  left bottom; height:17px;}
*/


.accounts .mid .box li{ list-style-type:none; background:url(../img/i_dot_yello.gif) no-repeat 0 4px; padding-left:15px; margin-bottom:.8em}
.accounts .mid li{ list-style-type:none; background:url(../img/i_dot_yello_onwhite.gif) no-repeat 0 4px; padding-left:150px; margin-bottom:.8em}
.fund .mid .box li{ list-style-type:none; background:url(../img/i_dot_blu.gif) no-repeat 0 4px; padding-left:15px; margin-bottom:.8em}
			
*html .accounts .mid ul, *html .fund .mid .box ul  {  margin:0px 0 0 17px;}
*html .accounts .mid .box li, *html .fund .mid .box li{ background:none; padding-left:5px; margin-bottom:.8em; list-style-type:disc;}

		/*phase2 - fund>mid - orange triangle link with indented text*/
		.fund .mid li.aro	{ background:url(../img/i_aro_orange_big.gif) no-repeat 0 1px; list-style-type:none; padding-left:20px;}
		/*phase2 - fund>mid>box - orange triangle on blue, link with indented text*/
		.fund .mid .box li.aro	{ background:url(../img/i_aro_orange_big-b.gif) no-repeat 0 1px; list-style-type:none; padding-left:20px;}
		/*phase2 - accounts>mid>box - orange triangle on yellow, link with indented text*/
		.accounts .mid .box li.aro	{ background:url(../img/i_aro_dyello.gif) no-repeat 0 1px; list-style-type:none; padding-left:20px;}
		
		*html .fund .mid li.aro  {
		background:none; padding-left:5px; margin-bottom:.8em; list-style-type:disc; /* */
		background:url(../img/i_aro_orange_big.gif) no-repeat 0 1px; padding-left: 20px;  list-style-type:none;
		}
		*html .fund .mid .box li.aro {
		background:none; padding-left:5px; margin-bottom:.8em; list-style-type:disc; /* */
		background:url(../img/i_aro_orange_big-b.gif) no-repeat 0 1px; padding-left: 20px;  list-style-type:none;
		}
		*html .accounts .mid .box li.aro {
		background:none; padding-left:5px; margin-bottom:.8em; list-style-type:disc; /* */
		background:url(../img/i_aro_dyello.gif) no-repeat 0 1px; padding-left: 20px;  list-style-type:none;
		}

/* phase 2
.accounts.wizard .mid .box {background:url(../img/bg_box_opening-bot_wizard.gif) repeat-y;}
.accounts.wizard .mid .box .foot{background:url(../img/bg_f_yello_wide.gif) no-repeat  left bottom; height:17px;}
.accounts.wizard .mid .box h3{background:url(../img/bg_h_l_yello_wide.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; width:480px; }
*/

.fund .mid .box {background:url(../img/bg_m_l_blu_wide.gif) repeat-y}
.fund .mid .box .foot{background:url(../img/bg_f_blu_wide.gif) no-repeat left bottom; height:17px; border:0px solid red}
.fund .mid .box h3{background:url(../img/bg_h_l_blu_wide.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; }
.fund .mid .box .curve{background-image:url(../img/illus_fund_curve1.gif) ; width:30px; height:50px; position:absolute; left:0px; top:0px }

/* phase2 - accounts wizard mid box 
.accounts.wizard .mid .box {background:url(../img/bg_m_l_blu_wide.gif) repeat-y}
.accounts.wizard .mid .box .foot{background:url(../img/bg_f_blu_wide.gif) no-repeat left bottom; height:17px; border:0px solid red}
.accounts.wizard .mid .box h3{background:url(../img/bg_h_l_blu_wide.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; }
.accounts.wizard .mid .box .curve{background-image:url(../img/illus_fund_curve1.gif) ; width:30px; height:50px; position:absolute; left:0px; top:0px }*/


	/*.home .left .action-but {background: pink}*/
	.home .left .action-but{background-image:url(../img/but_o_on_white_l-aro.gif); width:317px; padding-left:12px; margin-bottom: 20px;/*position:absolute;*/ background-color:#fd9500}
	.home .left .action-but a,  .home .left .action-but a:visited{background-image:url(../img/but_o_on_white_r.gif) }
	
	/*phase2 - home left recent news box */
	.home .left .boxrecent h3{background:url(../img/bg_h_homerecent.gif) no-repeat; height:48px; padding:12px 0 0 10px;  font-size:120%; width:320px; }	
	.home .left .boxrecent {background:url(../img/bg_h_homerecent_yello.gif) repeat-y; width:330px; margin: 0 0 0 0; }	
	.home .left .boxrecent ul li { list-style-type:none; background:url(../img/i_dot_blu-w.gif) no-repeat 4px 4px; padding-left:25px; margin-bottom:0.8em}
	.home .left .boxrecent p, .home .left .boxrecent ul p, .home .left .boxrecent ul li p {padding:0 0 1.2em 10px; margin:0;}
	.home .left .boxrecent .foot{background: #ffffff url(../img/bg_h_homerecent_foot.gif) no-repeat; height:16px}

	.accounts .mid .box1 {background:url(../img/bg_m_l_yello_wide.gif) repeat-y}
	.accounts .mid .box1 .foot{background:url(../img/bg_f_yello_wide.gif) no-repeat; height:17px}
	.accounts .mid .box1 h3{background:url(../img/bg_h_l_yello_wide.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; width:480px; }

	.fund .mid .box1 {background:url(../img/bg_m_l_yello_wide.gif) repeat-y}
	.fund .mid .box1 .foot{background:url(../img/bg_f_yello_wide.gif) no-repeat; height:17px}
	.fund .mid .box1 h3{background:url(../img/bg_h_l_yello_wide.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; width:480px; }
	.fund .mid .box1 ul li { list-style-type:none; background:url(../img/i_dot_yello.gif) no-repeat 4px 4px; padding-left:25px; margin-bottom:0.8em}


.fund p.intro { font-weight:bold;}	
.fund .mid ul li { list-style-type:none; background:url(../img/i_dot_blu-w.gif) no-repeat 4px 4px; padding-left:25px; margin-bottom:0.8em}
.fund .mid ul p, .fund .mid ul li p {padding:0 0 1.2em 0px; margin:0; background-color: grey;}
.fund .mid ul li.indent { margin-left:50px;}

.which .mid {width:950px; margin: 0 0 0 0; padding: 0 0 0 0;}




.mid p.indent{padding:0px 55px 0 80px;}
.mid h2 a, .mid h2 a:visited{background:url(../img/i_aro_purple_big.gif) no-repeat 0 3px; padding-left:25px}
.fund .mid h2.dot a, .fund .mid h2.dot a a:visited{ padding-left:0; background: none;}

.accounts p.intro { font-weight:bold;}	


.accounts .mid .box .action-but {background-image:url(../img/but_p_on_yello_l-aro.gif) ; width:141px; padding-left:12px; position:absolute; right:45px; bottom:10px }
.accounts .mid .box .action-but a, .accounts .mid .box .action-but a:visited {background-image:url(../img/but_p_on_yello_r.gif) }

.accounts .mid .box1 .action-but {background-image:url(../img/but_p_on_yello_l-aro.gif); width:141px; padding-left:12px; position:absolute; left:0px; bottom:0px }
.accounts .mid .box1 .action-but a, .accounts .mid .box1 .action-but a:visited {background-image:url(../img/but_p_on_yello_r.gif) }

.accounts .mid ul li { list-style-type:none; background:url(../img/i_dot_yello_onwhite.gif) no-repeat 4px 4px; padding-left:25px; margin-bottom:0.8em}

.accounts .mid .box .curve{background-image:url(../img/illus_accounts_curve.gif) ; width:29px; height:235px; position:absolute; left:0px; top:0px }

/* button for Existing Customers - Open New Account page */
.accounts .mid span.action-but{background-image:url(../img/but_p_on_white_l-aro.gif) ; width:141px; padding-left:12px; position:absolute; }
.accounts .mid span.action-but a,  .accounts .mid span.action-but a:visited{background-image:url(../img/but_p_on_white_r.gif) }


/* floating branch vertically middle */
.fund .mid .box .map .curve{position: absolute; margin:0 0 0 -36px; top:50%; }





/*phase2 - generic information pages mid colum is wide */
.fund.generic .mid {width:750px;}
/*.fund.generic .mid ul, .fund.generic .mid ul li, .fund.generic .mid ul p, .fund.generic .mid p { width:600px; background: pink;}*/

.fund.generic .mid .box {background:url(../img/bg_m_l_blu_widest.gif) repeat-y; margin-left:60px; width: 600px;}
.fund.generic .mid .box .foot {background:url(../img/bg_f_blu_widest.gif) no-repeat left bottom; height:17px; border:0px solid red}
.fund.generic .mid .box h3 {background:url(../img/bg_h_l_blu_widest.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; }
.fund.generic .mid .box .curve {background-image:url(../img/illus_fund_curve1.gif) ; width:30px; height:50px; position:absolute; left:0px; top:0px }



/*phase2 - prices information pages mid colum is wide */
.accounts.generic .mid {width:750px;}
/*.fund.generic .mid ul, .fund.generic .mid ul li, .fund.generic .mid ul p, .fund.generic .mid p { width:600px; background: pink;}*/

.accounts.generic .mid .box {background:url(../img/bg_m_l_blu_widest.gif) repeat-y; margin-left:60px; width: 600px;}
.accounts.generic .mid .box .foot {background:url(../img/bg_f_blu_widest.gif) no-repeat left bottom; height:17px; border:0px solid red}
.accounts.generic .box h3 {background:url(../img/bg_h_l_blu_widest.gif) no-repeat; height:48px; padding:12px 0 0 55px; font-size:120%; }
.accounts.generic .mid .box .curve {background-image:url(../img/illus_fund_curve1.gif) ; width:30px; height:50px; position:absolute; left:0px; top:0px }





/* FUND > OPENING pages */
.fund.opening .mid {width:750px;}
.fund.opening .mid .box.top {width:750px; height: 15px; background:url(../img/bg_box_opening-top.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}
.fund.opening .mid .boxtop {width:750px; height: 15px; background:url(../img/bg_box_opening-top.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}

.fund.opening .mid .boxtop-y {width:750px; height: 15px; background:url(../img/bg_box_opening-top-y.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}

/*.boxtop {width:750px; height: 15px; background:url(../img/bg_box_opening-top.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}*/

.fund.opening .mid .box.top {width:750px; height: 15px; background:url(../img/bg_box_opening-top.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}
.fund.opening .mid .box {width:750px; background:url(../img/bg_box_opening-bot.gif) no-repeat bottom; padding:0 0 2px 0; margin: 0 0 15px 0;}

.fund.opening .mid .box-y {width:750px; background:url(../img/bg_box_opening-bot-y.gif) no-repeat bottom; padding:0 0 2px 0; margin: 0 0 15px 0;}

.fund.opening .mid .box p, .fund.opening .mid .box ul {padding:0 20px 5px 65px;}
.fund.opening .mid ul li { list-style-type:none; background:url(../img/i_dot_purple_on_lilac.gif) no-repeat 4px 4px; padding-left:20px; margin-bottom:0.3em;}
.fund.opening .mid .box h3 { padding: 0 20px 0 60px; margin: 0 0 0 0; height: 30px; font-size:120%; background:none; }

.fund.opening .mid .action-but {background-image:url(../img/but_o_on_white_l-aro.gif); width:101px; padding-left:12px; padding-left:12px; margin-right:0px; float: right;}
.fund.opening .mid .action-but a, .fund.opening .mid .action-but a:visited {background-image:url(../img/but_o_on_white_r.gif); }

/*.fund.opening .mid .box p, .fund.opening .mid .box ul, {padding-left:55px}*/
/*bg_box_opening_top.gif*/

/* FUND > OPENING top progress bar */
.fund.opening .progress {background: url(../img/progress.gif) no-repeat 50px 40px; width:700px; height:40px; padding: 40px 0 0 50px;}
.fund.opening .progress span {font-size: 70%; display: block; float: left; width: 98px; height:30px ; padding:9px 0px 10px 5px; margin: 0 16px 0 0;}
.fund.opening .progress span.last {font-size: 70%; display: block; float: left; width: 98px; padding:9px 0px 10px 5px; margin-right:0px;}
.fund.opening .progress span.this {width: 98px; height:30px; background: url(../img/progress_darkp.gif) 0px 0px;}

/* FUND > OPENING mid buttons */
.fund.opening .mid action-but {background-image:url(../img/but_p_on_white_l-aro.gif); width:141px; padding-left:12px; position:absolute; right:45px; bottom:10px }
.fund.opening .mid action-but a, .accounts .mid .action-but a:visited {background-image:url(../img/but_p_on_white_r.gif) }


.mid p.indent {padding:0px 55px 0 80px;}
.mid h2 a, .mid h2 a:visited {background:url(../img/i_aro_purple_big.gif) no-repeat 0 3px; padding-left:25px; }
.fund .mid h2.dot a, .fund .mid h2.dot a a:visited {padding-left:0; background: none;}

.accounts .mid .box .action-but {background-image:url(../img/but_p_on_yello_l-aro.gif); width:141px; padding-left:12px; position:absolute; right:45px; bottom:10px;}
.accounts .mid .box .action-but a, .accounts .mid .box .action-but a:visited {background-image:url(../img/but_p_on_yello_r.gif) }
.accounts .mid .box .curve{background-image:url(../img/illus_accounts_curve.gif); width:29px; height:235px; position:absolute; left:0px; top:0px }

/* online wizard mid buttons */
.accounts.wizard .mid {padding-bottom: 50px; width:550px;} 
.accounts.wizardReg .mid {padding-bottom: 50px; width:750px;} 

.accounts.wizard .mid .print-but {background-image:url(../img/but_g_on_white_l-aro.gif); width:91px; padding-left:12px; margin-right:15px; float: right;}
.accounts.wizard .mid .print-but a, .accounts.wizard .mid .box .print-but a:visited {background-image:url(../img/but_g_on_white_r.gif);}

.accounts.wizard .mid .action-but {background-image:url(../img/but_p_on_white_l-aro.gif); width:101px; padding-left:12px; padding-left:12px; margin-right:42px; float: right;}
.accounts.wizard .mid .action-but a, .accounts .mid .action-but a:visited {background-image:url(../img/but_p_on_white_r.gif)}
/*.accounts.wizard .mid p {padding:0 55px 0 55px;}*/
.accounts.wizardReg .mid p {padding:0 0 0 55px;}

/* Wizard > OPENING top progress bar */
	/*
	.accounts.wizardReg .progress {background: url(../img/progress_wizard.gif) no-repeat 50px 40px; width:700px; height:40px; padding: 40px 0 0 50px;}
	.accounts.wizardReg .progress span {font-size: 80%; display: block; float: left; width: 105px; height:30px ; text-align:center; padding:9px 0px 10px 0px; margin: 0 14px 0 0; color:#999}
	.accounts.wizardReg .progress span.last {margin:0px 0 0 0; }
	.accounts.wizardReg .progress span.this { background: url(../img/progress_darkp_wizard.gif) 0px 0px;color:#FFFFFF}
	*/
.accounts.wizardReg .progress {width:700px; height:40px; padding: 40px 0 0 50px;}
.accounts.wizardReg .progress span {font-size: 70%; display: block; float: left; width: 104px; height:30px ; padding:9px 0px 10px 5px; margin: 0 5px 0 0; background: url(../img/progress_lightp_wizard.gif);}
.accounts.wizardReg .progress span.last {font-size: 70%; display: block; float: left; width: 104px; padding:9px 0px 10px 5px; margin-right:0px;}
.accounts.wizardReg .progress span.this {width: 104px; height:30px; background: url(../img/progress_darkp_wizard.gif) 0px 0px; font-weight: bold;}

/* Jaco */
.accounts.wizard .progress {background: url(../img/progress_wizard.gif) no-repeat 50px 40px; width:700px; height:40px; padding: 40px 0 0 50px;}
.accounts.wizard .progress span {font-size: 80%; display: block; float: left; width: 105px; height:30px ; text-align:center; padding:9px 0px 10px 0px; margin: 0 14px 0 0; color:#999;}
.accounts.wizard .progress span.last {margin:0px 0 0 0;}
.accounts.wizard .progress span.this { background: url(../img/progress_darkp_wizard.gif) 0px 0px;color:#FFFFFF;}

/* Wizard  > OPENING pages */
.accounts.wizardReg .mid {width:750px;}
.accounts.wizardReg .mid .box.top {width:750px; height: 15px; background:url(../img/bg_box_opening-top_wizard.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}
.accounts.wizardReg .mid .boxtop {width:750px; height: 15px; background:url(../img/bg_box_opening-top_wizard.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}
.accounts.wizardReg .mid .boxtop-y {width:750px; height: 15px; background:url(../img/bg_box_opening-top-y_wizard.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}
.accounts.wizardReg .mid .box.top {width:750px; height: 15px; background:url(../img/bg_box_opening-top_wizard.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}
.accounts.wizardReg .mid .box{width:750px; background:url(../img/bg_box_opening-bot_wizard.gif) no-repeat bottom; padding:0 0 2px 0; margin: 0 0 15px 0;}

.accounts.wizardReg .mid .box-y{width:750px; background:url(../img/bg_box_opening-bot-y_wizard.gif) no-repeat bottom; padding:0 0 2px 0; margin: 0 0 15px 0;}

.accounts.wizard .mid .box p, .accounts.wizard .mid .box ul, .accounts.wizardReg .mid .box p, .accounts.wizardReg .mid .box ul {padding:0 20px 5px 65px;}
.accounts.wizard .mid ul li { list-style-type:none; background:url(../img/i_dot_purple_on_lilac.gif) no-repeat 4px 4px; padding-left:20px; margin-bottom:0.3em;}
.accounts.wizard .mid .box h3{ padding: 0 20px 0 60px; margin: 0 0 0 0; height: 30px; font-size:120%; background:none; }

.accounts.wizardReg .mid .action-but {background-image:url(../img/but_p_on_white_l-aro.gif); width:101px; padding-left:12px; padding-left:12px; margin-right:0px; float: right;}
.accounts.wizardReg .mid .action-but a, .accounts.wizard .mid .action-but a:visited {background-image:url(../img/but_p_on_white_r.gif); }

.accounts.wizardReg .mid table {width:680px; /*margin:0 20px 10px 60px*/ margin-left:60px;}

.accounts.wizardReg .mid table td, .accounts.wizardReg .mid table th{padding:4px;}/* width:auto}*/

.accounts.wizardReg .mid input, .accounts.wizardReg .mid textarea  {border:1px solid #ccc; margin-right:5px; padding:3px; font-size:12px; color:#333}
.accounts.wizardReg .mid select {border:1px solid #ccc; width:auto; margin:0 5px; padding:3px; font-size:12px; color:#333;font-size:12px;}
.accounts.wizardReg .mid textarea  {width:180px; height:100px;}
.accounts.wizardReg .mid input.check, .accounts.wizardReg .mid input.radio {border:0px ; width:auto}

.accounts.wizardReg .mid label{display:inline}


/* WIZARD table --------------- */	

	.accounts.wizardReg .mid table.choose {
	width: 440px; /*need to -50px? */
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-left: 55px;
	background: #ffffff;	
	}

	table.choose td, table.choose th {
	padding: 10px 5px;
	margin: 0px;
	border-top: 1px solid #ccc;
	width: 80px;
	vertical-align: middle;
	background: #ffffff;
	}

	/* online wizard section - table styles */
	table.wizard {
	width: 444px; /*need to -50px? */
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-left: 55px;
	background: #ffffff;	
	}

	table.wizard td, table.wizard th {
	padding: 10px 5px;
	margin: 0px;
	border-top: 1px solid #ccc;
	width: 20%;
	vertical-align: middle;
	background: #ffffff;
	}

	table.wizard td.grey, table.wizard th.grey {	
	background-color: #e9e9e9;
	}
	
	
	
	/* newprices - table styles */
	table.newprices {
	width: 674px; /*need to -50px? */
	margin-bottom: 0px;
	margin-top:0px;
	border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;		
	margin-left: 55px;
	background: #ffffff;	
	}

	table.newprices td, table.newprices th {
	padding: 10px 5px ;
	margin: 0px 0px 0px;
	border-top: 1px solid #ccc;
	/*width: 20%;*/
	vertical-align: middle;
	background: #ffffff;
	border-color: #584187;
	border-style: solid;
	border-width: 1px;
	}
	
    table.newprices td, table.newprices th {
	text-align: left;
	vertical-align: middle;
}
	table.newprices td.grey, table.newprices th.grey {	
	background-color: #e9e9e9;
	}


	table.newprices td.darkgrey, table.newprices th.darkgrey {	
	background-color: #969696;
	}

	table.newprices td.greythin, table.newprices th.greythin {	
	background-color: #e9e9e9;
	width: 8%;
	}
	
	table.newprices td.greynarrow, table.newprices th.greynarrow {	
	background-color: #e9e9e9;
	width: 15%;
	}

	table.newprices td.greywide, table.newprices th.greywide {	
	background-color: #e9e9e9;
	width: 70%;
	}

	table.newprices td.yellowwide, table.newprices th.yellowwide {	
	background-color: #FEE686;
	width: 46%;
	}	
	
		table.newprices td.yellownarrow, table.newprices th.yellownarrow {	
	background-color: #FEE686;
	width: 18%;
	}

	table.newprices  td.whitewide, table.newprices th.whitewide {	
	background-color: #ffffff;
	width: 46%;
	}	
	
	table.newprices  td.whitefull
	{	
		
	background-color: #ffffff;
	font-weight:bold;
	width: 100%;
	}	

	table.newprices  td.empty
	{	
	max-width:0px; 
	padding: 0 0 0 0;
	border-style:none;
	margin: 0 0 0 0;
	width:0px; 
	outline-style:none;
	color:#ffffff;
	background-color: #ffffff;
	visibility:hidden;
	
	}	
	
	table.newprices td.whitenarrow, table.newprices th.whitenarrow {	
	background-color: #ffffff;
	width: 18%;
	text-align: center;
	}
	
	
	/* complaints report */
	table.complaintsReport 
	{
		width:650px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;		
	background: #ffffff;
	margin-left: 55px;
	}
	
	table.complaintsReport td, table.complaintsReport th
	{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;	
		width:auto;
	}
	
	table.complaintsReport td.boldcell
	{
		font-weight:bold;
		background-color: #e9e9e9;
	}
	
	
	/* other financial section - table styles */
	table.otherfinancial {
	width: 474px; /*need to -50px? */
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;		
	margin-left: 55px;
	background: #ffffff;	
	}

	table.otherfinancial td, table.otherfinancial th {
	padding: 10px 5px;
	margin: 0px;
	border-top: 1px solid #ccc;
	/*width: 20%;*/
	vertical-align: middle;
	background: #ffffff;
	}

	table.otherfinancial td.grey, table.otherfinancial th.grey {	
	background-color: #e9e9e9;
	}

	table.otherfinancial td.orange, table.otherfinancial th.orange {	
	background-color: #FECB00;
	}
	table.otherfinancial td.small, table.otherfinancial th.small {	
	font-size:85%;
	}
	
	table.otherfinancial td.greythin, table.otherfinancial th.greythin {	
	background-color: #e9e9e9;
	width: 8%;
	}
	
	table.otherfinancial td.greynarrow, table.otherfinancial th.greynarrow {	
	background-color: #e9e9e9;
	width: 15%;
	}

	table.otherfinancial td.greywide, table.otherfinancial th.greywide {	
	background-color: #e9e9e9;
	width: 25%;
	}

	table.otherfinancial td.over50 , th.over50
	{
	text-align:center;
	 width:auto;
	}

	table.otherfinancial td.over50Family 
	{
	font-weight:bold
	}

	table.otherfinancial ul
	{padding:0 10px 0 10px;}
	
	
	table.otherfinancial li
	{font-size:100%;}
	
	
	table.accountdetails {
	width: 444px; /*need to -50px? */
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-left: 55px;
	background: #ffffff;	
	}

	table.accountdetails td {
	padding: 10px 5px;
	margin: 0px;
	border-top: 1px solid #ccc;
	width: 30%;
	vertical-align: middle;
	background: #ffffff;
	}
	
	table.accountdetails th {
	padding: 10px 5px;
	margin: 0px;
	border-top: 1px solid #ccc;
	width: 70%;
	vertical-align: middle;
	background: #ffffff;
	}	

	table.accountdetails td.grey, table.accountdetails th.grey {	
	background-color: #e9e9e9;
	 	}

	
	table.storyandpic 
	{
		margin-left: 54px;
		padding-bottom:0px;
		margin-bottom:15px;
		width:450px;
	}
	
	.accounts.wizard .mid .boxtop-y {width:750px; height: 15px; background:url(../img/bg_box_opening-top-y.gif) no-repeat top; padding:0 0 0 0; margin: 0 0 0 0;}
	.accounts.wizard .mid .box-y{width:750px; background:url(../img/bg_box_opening-bot-y.gif) no-repeat bottom; padding:0 0 2px 0; margin: 0 0 15px 0;}

.wizardbox {padding:20px 10px 10px 10px; background-color:#FFE784;}
.wizardboxbottom {padding:20px 10px 0px 10px;background:url(../img/bg_f_subnav_yello_plain.gif) no-repeat left bottom;}
.wizardboxbottomwithout {padding:20px 10px 0px 10px; background:url(../img/bg_f_subnav_yello_plain_without.gif) no-repeat left bottom;}


/* ILLUSTRATION --------------- */
.mid .illustration { width:201px; height:161px; background-repeat:no-repeat; float:right;padding-left:10px;padding-bottom:10px; margin:20px 45px 0px 0px; }
.mid .illustrationcontact { width:180px; height:161px; background-repeat:no-repeat; float:right; margin:20px 30px 0 0px;}
.right .illustration{width:200px; height:206px; }
.left .illustration{width:200px; height:500px; margin: 0px 0 0 0;}
.mid .box .illustration { width:282px; height:181px; background-repeat:no-repeat; background-position:right top; float:right; background-color:none; padding:0px 0px 0px 0px; margin:-70px  0 0 0}

/* ILLUSTRATIONS LIBRARY LEFT --------------- */
.red-balloon {background-image:url(../img/illus_l_redballoon.gif); }
.great-start {background-image:url(../img/illus_getyourchildoff.gif); }
.windmills {background-image:url(../img/l_windmills-greatstart.gif); }
.balloon-flyingstart {background-image:url(../img/l_balloon_flyingstart.gif) ; }
.boy-greatstart {background-image:url(../img/l_boy-greatstart.gif) ; }
.leftsun {background-image:url(../img/l_sun.gif) ; }
.birds-greatstart {background-image:url(../img/l_birds-greatstart.gif) ; }
.l-sun-nb {background-image:url(../img/illus/l_sun_nobranch.gif); }
.basic {background-image:url(../img/basic.gif); }

/* ILLUSTRATIONS LIBRARY LEFT - other (phase2) --------------- */
.l-other-balloon-financial	{background-image:url(../img/illus_l_other_balloon_financial.gif); }
.l-other-birds-helping		{background-image:url(../img/illus_l_other_birds_helping.gif); }
.l-other-birds-doing		{background-image:url(../img/illus_l_other_birds_doing.gif); }
.l-other-peacocks-helping	{background-image:url(../img/illus_l_other_peacocks_right.gif); }
.l-other-leaf-doing			{background-image:url(../img/illus_l_other_leaf_doing.gif); }
.illus_sunflowers			{background-image:url(../img/illus_sunflowers.jpg);width:161px;  height:161px; background-repeat:no-repeat; float:right;padding-left:10px;padding-bottom:10px; margin:20px  45px 0px 0px;  }




/* ILLUSTRATIONS LIBRARY MID library --------------- */

.water-can {background-image:url(../img/illus_wateringcan.gif); }
.four-birds {background-image:url(../img/illus_m_fourbirds.gif); }
.green-trees {background-image:url(../img/m_trees.gif); }
.green-hotairballoon {background-image:url(../img/m_hotairballoon-green.gif); }
.green-grass {background-image:url(../img/m_grass.gif); }
.clover {background-image:url(../img/m_clover.gif) ; }
.house-green {background-image:url(../img/m_house-green.gif) ; }
.lighthouse {background-image:url(../img/m_lighthouse.gif) ; }
.lighthouse2 {background-image:url(../img/m_lighthouse2.gif) ; }
.rainbow1 {background-image:url(../img/m_rainbow1.gif) ; }
.rainbow2 {background-image:url(../img/m_rainbow2.gif) ; }
.rainbow3 {background-image:url(../img/m_rainbow3.gif) ; }
.peacock {background-image:url(../img/m_peacock.gif) ; }
.peacocks {background-image:url(../img/m_peacocks.gif) ; }
.city {background-image:url(../img/m_city.gif) ; }
.windmill3 {background-image:url(../img/m_windmills-3.gif) ; }
.sunshine {background-image:url(../img/m_sun.gif) ; }
.house-red {background-image:url(../img/m_house-red.gif) ; }
.ferriswheel {background-image:url(../img/m_ferriswheel.gif) ; }
.apple {background-image:url(../img/m_apple.gif) ; }
.bee-big {background-image:url(../img/m_bee-big.gif) ; }
.m_wateringcan-blue {background-image:url(../img/m_wateringcan-blue.gif) ; }
.m_green-fish {background-image:url(../img/m_fish.gif) ; }
.windmill-purple {background-image:url(../img/m_windmill-purple.gif) ; }
.bushes {background-image:url(../img/m_bushes.gif) ; }
.bird-red {background-image:url(../img/m_bird-red.gif) ; }
.moon-stars {background-image:url(../img/m_moon-stars.gif) ; }
.train {background-image:url(../img/m_train.gif) ; }
.townhouses {background-image:url(../img/m_townhouses.gif) ; }
.key {background-image:url(../img/m_key.gif) ; }
.heart {background-image:url(../img/m_heart.gif) ; }
.hotairballoon {background-image:url(../img/m_hotairballoon.gif); }
.houseboat {background-image:url(../img/m_houseboat.gif); }
.m_butterflies {background-image:url(../img/m_butterflies.gif) ; }
.m_cake {background-image:url(../img/m_cake.gif) ; }
.m_windmillscloud {background-image:url(../img/m_windmillscloud.gif) ; }
.simplyhealthlogo {background-image:url(../img/simplyhealth_logo.gif) ;}

/* ILLUSTRATIONS LIBRARY RIGHT library --------------- */
.balloon {background-image:url(../img/illus_balloon.gif) ; }
.fund .birds {background-image:url(../img/illus_birds.gif) ; }
.sun {background-image:url(../img/illus_suncloud.gif) ; }
.birdsbutterfly {background-image:url(../img/illus_r_birdsbutterfly.gif) ; }
.green-fish {background-image:url(../img/r_fish.gif) ; }
.green-wateringcan {background-image:url(../img/r_wateringcan-green.gif) ; }
.brightsun {background-image:url(../img/r_sun.gif) ; }
.insects {background-image:url(../img/r_insects.gif) ; }
.balloons {background-image:url(../img/r_balloons.gif) ; }
.birdflock {background-image:url(../img/r_bird-flock.gif) ; }
.butterflies {background-image:url(../img/r_butterflies.gif) ; }
.cake {background-image:url(../img/r_cake.gif) ; }
.windmillclouds {background-image:url(../img/r_windmill-clouds.gif) ; }
.blue-wateringcan {background-image:url(../img/r_wateringcan-blue.gif) ; }
.peacock {background-image:url(../img/r_peacock.gif) ; }

/*///////// end col in the middle */ 
		
		
		
		
		
		
/*///////// col on the right */ 

.right .box {width:200px; background:url(../img/bg_lines.gif) left bottom no-repeat; padding:0 0 10px 0; overflow:hidden }
.right .box .foot{width:200px; height:25px; background-repeat:no-repeat; background-position:left bottom; }

.right .box h2 { padding:0 0 0 10px; width:180px; margin:0 0 .4em 0; /*font-size: 165%;*/}
.right .box h3 { padding:15px 10px 15px 10px; width:180px; background-repeat:no-repeat; margin:0 0 .6em 0}
.accounts .right .box h3 { background-image:url(../img/bg_h_r_lyello.gif)}
.accounts .right .first h3 { background-image:url(../img/bg_h_r_yello.gif)}

/* orange sign post arrow */
.fund .right .box h3 { background-image:url(../img/bg_h_r_blu.gif); }
.fund .right .first h3 { background-image:url(../img/bg_h_orangearo.gif); height:47px; color:white; font-size:20px; background-color:#fd9500}
.fund .right .first h3 a, .fund .right .first h3 a:visited{color:white; text-decoration:none;}
.fund .right .first h3 span {display:block; font-size:14px}
.fund .right .first h3 a:hover, .fund .right .first h3 span:hover{text-decoration:underline;}

/* phase2 - rhs orange button without text area below */
.fund .right .boxbttn h3 {background-image:url(../img/bg_boxbttn_orange.gif); height:50px; padding:10px 10px 0 25px; width:165px; background-repeat:no-repeat; margin:0 0 .6em 0; color:white;}
.fund .right .boxbttn h3 a, .fund .right .boxbttn h3 a:visited {color:white; text-decoration:none; display: block;}
.fund .right .boxbttn h3 a:hover {text-decoration:underline;}

.fund .right .boxbttnsml h3 {background-image:url(../img/bg_boxbttn_orange_sml.gif); height:30px; padding:10px 10px 0 25px; width:165px; background-repeat:no-repeat; margin:0 0 .6em 0; color:white;}
.fund .right .boxbttnsml h3 a, .fund .right .boxbttnsml h3 a:visited {color:white; text-decoration:none; display: block;}
.fund .right .boxbttnsml h3 a:hover {text-decoration:underline;}


/* phase2 - rhs blue button without text area below */
.fund .right .boxbttnblue h3 { background-image:url(../img/bg_boxbttn_blue.gif); height:60px; padding:15px 10px 0 10px; width:180px; background-repeat:no-repeat; margin:0 0 .6em 0; }
.fund .right .boxbttnblue h3 a, .fund .right .boxbttnblue h3 a:visited {text-decoration:none; display: block;}
.fund .right .boxbttnblue h3 a:hover {text-decoration:underline;}

.fund .right .boxbttnpurplesml h3{height:30px; padding:10px 10px 0 25px; width:165px; background-repeat:no-repeat; margin:0 0 .6em 0; color:white; background-image:url(../img/bg_boxbttn_purple_sml.gif) ;}
.fund .right .boxbttnpurplesml h3 a, .fund .right .boxbttnpurplesml h3 a:visited {color:white;  text-decoration:none; display: block;}
.fund .right .boxbttnpurplesml h3 a:hover {text-decoration:underline;}



.right .box p, .home .right .box h2, .home .right .box h3, .right .box ul {padding:0 10px; width:auto; height:auto}
.right .box p, .right .box li{line-height:1.1em}
.right .box p img {text-align: left; float: left; padding: 0  8px 12px 0;}



.home .right .yello  {
	background-color:#FEE686;
	background-image:url(../img/bg_h_r_lyello.gif);
	position:relative;
	padding:15px 0 0px 0;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
	background-repeat: no-repeat;
	background-position: top;
	}
	.home .right .yello .tour {
	width: 180px;
	height: 205px;
	margin: 0 0 0 15px;
	background-image:url(../img/tour_screengrab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block; text-indent:-3000em;
	}	
	
	.home .right .yello .foot  {
	background-image:url(../img/bg_f_r_yello.gif);
	height: 10px;
	background-position: bottom;
	}
/*	.home .right .yello .foot {background-image:url(../img/bg_f_r_yello.gif) background-repeat: no-repeat; background-position: 0px bottom; height: 33px;}*/
	.home .right .yello .footer {
	/*background-image:url(../img/bg_f_r_yello.gif);*/
	width: 200px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #66FF66;
	}	
/*	.home .right .yello .footimage, .home .right .footimage {margin: 0; height: 390px; background-image:url(../img/bg_f_r_yello_footerimage.gif); background-position: left top;}*/



/* home right - adjacent  action-but buttons */
.right .one {background-image:url(../img/but_p_on_yello_l.gif) ; width:95px; float:left; margin:10px 0px 10px 0px; position:relative; left:10px; background-color:#543087}
.right .two {background-image:url(../img/but_p_on_yello_l.gif) ; width:76px; float:left; margin:10px 0px 10px 0px ;position:relative; left:20px; background-color:#543087}
.home .right .yello .action-but a,  .home .right .yello .action-but a:visited{background-image:url(../img/but_p_on_yello_r.gif) }

/* accounts right - adjacent buttons */
.accounts .right .box .action-but.one {width:60px; float:left; margin:10px 0px 10px 0px; position:relative; left:10px; background-color:#543087;}
.accounts .right .box .action-but.two {width:85px; float:left; margin:10px 0px 10px 0px ;position:relative; left:20px; background-color:#543087;}
.accounts .right .box .action-but a, .accounts .right .box .action-but a:visited{background-image:url(../img/but_p_on_yello_r.gif) }
*html .accounts .right .box .action-but.one {width:60px; float:left; margin:10px 0px 10px 0px; position:relative; left:10px; background-color:#543087;}
*html .accounts .right .box .action-but.two {width:85px; float:left; margin:10px 0px 10px 0px ;position:relative; left:20px; background-color:#543087;}
*html .accounts .right .box .action-but a, .accounts .right .box .action-but a:visited{background-image:url(../img/but_p_on_yello_r.gif) }



.home .right .yello ul {  margin:0px 0 0 0; padding-top:10px; clear:both}
.home .right .yello ul li{ background:url(../img/i_plus_yello.gif) no-repeat 0 4px; padding:0 0 1em 15px; margin:0; clear:both; list-style-type:none;}
*html .home .right .yello ul {  margin:0px 0 0 15px;}
*html .home .right .yello ul li{ background:none; padding:0 0 1em 0px; margin:0; clear:both; list-style-type:disc;}
.home .right .yello ul li.aro{ background:url(../img/i_aro_purple.gif) no-repeat 0 4px; }
*html .home .right .yello ul li.aro{ background:url(../img/i_aro_purple.gif) no-repeat 0 4px; list-style-type:none; padding:0 0 0 10px}

/* phase2 -  home unused, image of peacock and sun */
.home .right .box .clickthrough{ width:180px; height: 210px; margin: 80px 0 0 20px; background-image:url(../img/home_r_on_yello.gif); display:block; text-indent:-3000em;}

.home .right .green  { background:#82C55B url(../img/bg_h_r_green.gif) no-repeat; padding:20px 0 0px 0}
	.home .right .green .sba {
	width: 108px;
	height: 181px;
	margin: 0 0 0 46px;
	background-image:url(../img/sbawinner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block; text-indent:-3000em;
	cursor:hand;
	}	

.home .right .green  p{margin:0 0 0 0}
.home .right .green  .foot  { background-image:url(../img/bg_f_r_green.gif);}
	
	
	
.accounts .right .box .action-but{background-image:url(../img/but_p_on_white_l-aro.gif) ; width:102px; padding-left:12px;  margin-left:76px; margin-bottom:10px; }
.accounts .right .box .action-but a, .accounts .right .box .action-but a:visited{background-image:url(../img/but_p_on_white_r.gif) }



.fund .right .box .action-but{background-image:url(../img/but_o_on_white_l-aro.gif) ; width:132px; margin-left:46px; padding-left:12px; }
/* original size: */
/*.fund .right .box .action-but{background-image:url(../img/but_o_on_white_l-aro.gif) ; width:102px; margin-left:76px; padding-left:12px; }*/
.fund .right .box .action-but a,  .fund .right .box .action-but a:visited{background-image:url(../img/but_o_on_white_r.gif) }



.fund .right ul, .accounts .right ul 		{list-style-type:none; margin:0}
.fund .right ul li, .accounts .right ul li	{ background:url(../img/i_plus.gif) no-repeat 0 4px; padding:0 0 1em 15px; margin:0}


.fund a.aro, .accounts a.aro:visited{background:url(../img/i_aro_orange_big.gif) no-repeat 0 0; padding-left:20px ;}
.fund .box a.aro, .fund .box a.aro:visited{background:url(../img/i_aro_orange_big-b.gif) no-repeat 0 0; padding-left:20px}
.accounts a.aro, .accounts a.aro:visited{background:url(../img/i_aro_purple_big.gif) no-repeat 0 50%; padding-left:20px}

.fund p.arrow {background:url(../img/i_aro_orange_big.gif) no-repeat 0 50%;padding-left:20px;margin-left:55px;}
.accounts p.arrow {background:url(../img/i_aro_purple_big.gif) no-repeat 0 50%;padding-left:20px;margin-left:55px;}




/* WHICH CTF page */
.which .content h1 {text-align:center; margin: 20px 0 35px 0;}

.which .mid .panelleft h2  {background-image:url(../img/t_our_child_trust_fund.gif); width:400px; height:30px; text-indent:-3000em; background-repeat:no-repeat; background-position:15px 0; padding: 0 0 0 0px;}
.which .mid .panelright h2 {background-image:url(../img/t_our_ethical_child_trust_f.gif); width:400px; height:30px; text-indent:-3000em; background-repeat:no-repeat;  background-position:15px 0; padding: 0 0 0 0px;}

.which .content p {text-align:left; width: 500px; }
.which .content .caveat p {text-align:left; width: 850px; padding-top: 0px; padding-bottom:100px; }

	
	.which .content .panelleft {
		width: 470px; height: 200px;
		background-image:url(../img/bg_which_stakeholder.gif);
		padding: 97px 0 30px 0;
		margin: 20px 10px 0 0;
		background-repeat: no-repeat;
		float:left;}
		
	.which .content .panelright {
		width: 470px; height: 200px;
		background-image:url(../img/bg_which_ethical.gif);
		padding: 97px 0 30px 0;
		margin: 20px 0 0 0;
		background-repeat: no-repeat;
		float:left;}	
								
	.which .content .panelleft p, .which .content .panelright p  {width: 330px; height: 50px; margin: 0 0 0 15px; padding: 0 0 0 0;}	
	
	.which .mid .panelleft a, .which .mid .panelright a {
		background-image:url(../img/bg_h_orangearo_plain.gif);
		width:160px; height:52px;
		background-color:#fd9500;
		margin:15px 0 0 15px;
		padding:15px 30px 10px 10px;
		font-size:18px;
		display:block;
		color: white;
		text-decoration: none;
		}
		
	.which .mid .panelleft a:hover, .which .mid .panelright a:hover{text-decoration: underline;}	

	
	/*flashtour */
	#flashtour, .flashtour {width:780px; height:560px; padding: 10px 0 0 0; margin:0px auto; }
					
	
/*///////// end col on the right */

/*/////////      footer     ///////////*/
	
	/* Old footer styles:
	.footer		{font-size:90%; background:url(../img/bg_footer.gif) no-repeat; padding:20px 150px 2em 100px;}	
	.footer p	{padding:0 0px .6em 0; margin:0; color:#666666;}		
	.footer a.purple, .footer a.purple:visited {color:#543087; font-weight:bold;}	
	.footer a, .footer a:visited {color:#666;}
	*/
	
	/* New footer styles - from currently live site */	
	.footer {font-size:90%; padding:20px 140px 10px 100px; position:relative; margin-bottom:2em}
	.footer .ctf{ background:url(../img/i_foot_ctf.gif) no-repeat; width:117px; height:60px; position:absolute; top:30px; left:0; z-index:0;}
	*html .footer .ctf{ left:-100px; border:0px solid red;}
	.footer .logo{ background:url(../img/i_foot_logo.gif) no-repeat; width:117px; height:60px; position:absolute;top:30px; right:0;}
	.footer p{padding:0 0px .6em 0;position:relative;z-index:2;margin:0;color:#666666}	
	
/*/////////    end   footer     ///////////*/ 




.calculator {padding:0 10px; width:auto; height:auto; text-align:right}

/* backup: form.worth {width:auto; height:auto; text-align:left; padding-top: 0; padding-bottom: 0;}*/
form.worth {width:500px; height:auto; text-align:right; padding: 0 0 0 0; right: 20px;}
form.worth p {text-align:left;}

form.calculator, .left .box2 form.calculator {padding:0 10px 10px; width:auto; height:auto; text-align:right;}

.calculator input, .calculator select {border:1px solid #ccc; padding:3px; color:#666666; margin:0 0 5px 5px; width:155px}

.worth select {border:1px solid #ccc; padding:3px; color:#000000; margin:0 0 0px 5px; width:155px}

.worth input {border:1px solid #ccc; padding:0px; color:#000000; margin:0 0 0px 5px; width:90px /* width:130px*/}

.calculator input.calc-but, .worth input.calc-but, .calculator input.calc-but-o {border:0px; margin:0 0 0px 5px; width:114px; height:32px; font-size:15px; background-repeat:no-repeat;  color:#FFFFFF; font-weight:normal; text-decoration:none; padding:0 0 0 20px; text-align:left; cursor:hand; cursor:pointer; }
.calculator input.calc-but, .worth input.calc-but {background-image:url(../img/but_p_submit.gif) ; }
.calculator input.calc-but-o {background-image:url(../img/but_o_submit.gif) ; }

input[type="submit"]:hover,
.worth input[type="submit"]:hover,
.calculator input[type="submit"]:hover,
.left .box2 form.calculator input[type="submit"]:hover { text-decoration:underline }

	input, select, textarea {
	padding: 2px 2px 2px 2px;
	font-family: arial, Sans-Serif;
	}
	
	checkbox, radio {
	border: 0px solid #FFFFFF;
	}	
	
	/*label {display:none;}*/

	.mandatory {
     background:#440258;
     color:#fff;
	 }

/* Accessibility Table */

table.webaccess {
    border-top: solid gray 1px;
    border-right: solid gray 1px;
	width: 680px;
	margin-left: 55px;
	}

table.webaccess td {
    padding: 2px;    
	}

.rightcol {
	/*font-size: 95%;*/
    border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	text-align: left;    
	width: 80%;    
	}

.toprow {
    border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	/*color: black;*/
	font-weight: bold;    
	background-color: #BDEDF8;
	}

.centeredtoprow {
    border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	text-align: center;
	font-weight: bold;    
	background-color: #BDEDF8;
	}	

.leftmidcol {
	/*font-size: 95%;*/
    border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	text-align: left;    
	width: 20%;    
	}

.leftsetcol {
	/*font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 100%;
    border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	text-align: left;    
	width: 50%;    
	}

.leftsetcol ul li {
	padding-left: 5px;
	}

.leftsetcol li {
	font-size: 100%;
	}

.rightsetcol {
	/*font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 100%;
    border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	text-align: left;    
	width: 50%;
	}

.rightsetcol li {
	font-size: 100%;
	}

.automidcol {
	/*font-size: 95%;*/
    border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	text-align: center;    
	}


/*************************************************
  Tree Appeal tooltip items
**************************************************/
.tiptitle{
	font-size: 8pt;
    font-weight: bold;
    color: #000000;
    padding: 3px 3px 1px 3px;
	}
.tiptext{
	font-size: 8pt;
    color: #000000;
	}
.tipimg{
    padding: 3px;
	}

.spanned-mid{width:800px;overflow:hidden; padding:auto; margin-bottom: 200px; clear: both;}


/*************************************************
  Help tooltip items
**************************************************/

.helptiptext{
	font-size: 13px;
    color: #543087;
    text-align:center;
	}


.spanned-mid{width:800px;overflow:hidden; padding:auto; margin-bottom: 200px; clear: both;}


/******************************
 Center the tree map                      
******************************/

.treemap {
	margin-left:    100px;
	}

/******************************
 and the voucher                      
******************************/
.centrevoucher{
	width: 500px;
	margin: auto;
	padding: auto;
	margin-bottom: 100px;
	overflow: hidden;
	
	}

div.centrevoucher p{
	margin-left: 0px;
	padding-left: 0px;
	}

div.centrevoucher img{
	position: relative;
	left: 15px; 
	width:448px;
	height:207px;
	
	}

div.OnlineTour{
	width: 740px;
	margin: auto;
	padding: auto;
	margin-bottom: 100px;		
	}

div.BottomFix{
	display: block;
	width: 50px;
	height: 100px;
	}
	
.registerbutton{
    margin-left:0px;
    background-image:url(../img/but_p_regwizard.gif) ;
    width:205px;
    /*height:32px;
    padding-right:125px;
    padding-bottom:13px;*/
    background-repeat: no-repeat;
    background-color: #543087;
    padding-left: 12px;
    margin-right: 0px;
    float: left
	}

.registerbutton a, .registerbutton a:visited {
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	padding-top: 6px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 10px;
	}

.registerbutton a:hover {
	text-decoration: underline;
	}
.registerbutton a:visited {
	background-image: url(../img/but_p_on_white_r.gif);
	}

.checkbox{
    width: 25px;
    border-style: none;
	}

.accounts .mid ul.Yellow li { list-style-type:none; background:url(../img/i_dot_yello.gif) no-repeat 4px 4px; padding-left:25px; margin-bottom:0.8em}

.leftbutton{
    /*margin-left:50px;*/
    background-image:url(../img/but_p_on_white_l-aro.gif) ;
    width:101px;
    /*height:32px;
    padding-right:125px;
    padding-bottom:13px;*/
    background-repeat: no-repeat;
    background-color: #543087;
    padding-left: 12px;
    margin-right: 0px;
    float: left
	}

.leftbutton a, .leftbutton a:visited {
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	padding-top: 6px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 10px;
	background-image: url(../img/but_p_on_white_r.gif);
	}

.leftbutton a:hover {
	text-decoration: underline;
	}

.leftbutton a:visited {
	background-image: url(../img/but_p_on_white_r.gif);
	}

.accounts.wizardReg .mid table.SideBySideBtns td{
	padding: 0px;
	margin: 0px;
	}

.accounts.wizardReg .mid table.SideBySideBtns{
	width: 700px;
	margin-left: 50px;
	}

.FailureMessage{
	color: #ff0000;
	font-weight: bold;
	}

.accounts.wizardReg .mid .box .action-but {
	position: relative;
	float: left;
	}

.accounts.wizardReg .mid .box .action-but a{
	background-image: url(../img/but_p_on_white_r.gif);
	}

.greyboxbutton{
    margin-left:0px;
    background-image:url(../img/but_p_on_grey_l-aro.gif) ;
    width:101px;
    background-repeat: no-repeat;
    background-color: #543087;
    padding-left: 12px;
    margin-right: 0px;
    /*float: right*/
	}

.accounts .mid .box .greyboxbutton a, .accounts .mid .box .greyboxbutton a:visited {
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	padding-top: 6px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 10px;
	background-image: url(../img/but_p_on_grey_r.gif);
	}

.accounts .mid .box .greyboxbutton a:hover {
	text-decoration: underline;
	}

span.calculateoverride{
    color:#543087; 
	}

.topupbutton{
    margin-left:50px;
    background-image:url(../img/topup.gif) ;
    width:388px;
    /*height:32px;
    padding-right:125px;
    padding-bottom:13px;*/
    background-repeat: no-repeat;
    background-color: #543087;
    padding-left: 12px;
    margin-right: 0px;
    /*float: left*/
	}

.topupbutton a, .topupbutton a:visited {
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	padding-top: 6px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 10px;
	}

.topupbutton a:hover {
	text-decoration: underline;
	}

.topupbutton a:visited {
	background-image: url(../img/but_p_on_white_r.gif);
	}


h2.TopupAmount{
	display: block;
	font-size: 19px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 0px 10px 6px 0px;
	padding: 0px 0px 0px 10px;
	width: 180px;
	}

p.blacktext {
    color:Black;
    font-weight:bold;
	}

table.LoginTable{
	margin-bottom: 10px;
	}

img.HereToHelpImg{
	margin-top: 8px;
	border-style: none;
	}
	
/* Daily-Prices table */
table.DailyPrices
{
	width: 85%;
	border-collapse: collapse;
	margin-left: 55px;
}
table.DailyPrices th
{
	background-color: #e0e0e0;
	empty-cells: hide;
	border-color: #584187;
	border-style: solid;
	border-width: 1px;
}
table.DailyPrices th.Description
{
	text-align: left;
	vertical-align: bottom;
	width: 60%;
}
table.DailyPrices td
{
	empty-cells: hide;
	border-color: #584187;
	border-style:  solid;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
}
table.DailyPrices td.Description
{
	width: 60%;
	text-align: left;
}
table.DailyPrices td.product
{
	text-align: left;
	width: 4%;
}

table.DailyPrices th.product
{
	text-align: left;
	width: 10px;
}

table.DailyPrices .empty
{
	background-color: Transparent;
	border-style: none;
}
/* Daily-Prices table (end) */	


table.pricesinfo
{
	width: 85%;
	border-collapse: collapse;
	margin-left: 55px;
}
table.pricesinfo th
{
	background-color: #e0e0e0;
	empty-cells: hide;
	border-color: #584187;
	border-style: solid;
	border-width: 1px;
}
table.pricesinfo th.Description
{
	text-align: left;
	vertical-align: bottom;
		
}
table.pricesinfo td
{
	empty-cells: hide;
	border-color: #584187;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
}
table.pricesinfo td.Description
{
	text-align: left;
}
table.pricesinfo .empty
{
	background-color: Transparent;
	border-style: none;
}
/* Daily-Prices table (end) */	

div.FloatedImageContainer
{
	clear: both;
}
img.LeftFloatedImage
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 55px;
}
img.RightFloatedImage
{
	float: right;
	margin-left: 10px;
	margin-right: 55px;
}	

.bottomFix
{
height:500px;
}

p.pdflink {background: url(../img/pdficon.gif) no-repeat 3px; margin-left:55px; padding-left: 20px;}


/* AbCash Interest rates table	*/

table.intrate {
    border: solid gray 1px;
	width: 444px;
	margin-left: 55px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

table.intrate td, table.intrate th {
    padding: 2px;    
    border: solid gray 1px;
    text-align:center;
}

table.intrate th.yellow {	
background-color: #FEE686;
font-weight:bold;
}

table.intrate td.yellow {	
background-color: #FEE686;
}

table.intrate td.grey {	
background-color: #e0e0e0;
}

table.paydetails {
    border: solid gray 1px;
	width: 444px;
	margin-left: 55px;
}

table.paydetails td, table.paydetails th {
    padding: 2px;    
    border: solid gray 1px;
    width:25%;
}

table.paydetails td.wide, table.paydetails th.wide {
	width:45%;	
}
table.paydetails td.narrow, table.paydetails th.narrow {
	width:15%;	
}

table.paydetails th.yellow {	
	background-color: #FEE686;
	font-weight:bold;
	text-align:center;
}