/* ========================================================================= */
/* general rules */
body {
	margin: 0;
 	padding: 0;
	text-align: left;
	background: #fff;
	color: #1d1e49; 
}

html {
 	scrollbar-base-color: #dbdbef;
 	scrollbar-arrow-color: #1d1e49;
 	scrollbar-track-color: #fff;
 	scrollbar-shadow-color: #b2b2c1;
 	scrollbar-lightshadow-color: #fff; 
 	scrollbar-darkshadow-color: #fff;
 	scrollbar-highlight-color: #fff;
 	scrollbar-3dlight-color: #b2b2c1;
}

#wrapper {
	width: 977px;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #1d1e49;
	text-align: left;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 69%;
	/*border: 1px solid #ff8133;*/
}


/* following is a hack to prevent floated elements extending beyond their containing box in Firefox, Netscape etc ie. to force the bg image in the wrapper div to extend below the two content divs. See www.positioniseverything.net/easyclearing.html */
#wrapper:after {
 	content: "."; 
 	display: block; 
 	height: 0; 
 	clear: both; 
 	visibility: hidden;
}

#wrapper {
	display: inline-table;
}

/* hide from IE5 mac \*/
* html #wrapper {height: 1%;}
#wrapper {display: block;}
/* end hide */

a, li a {
	text-decoration: none;
	border: 0;
	color: #1d1e49;
	font-weight: bold;
	border: 0;
}

li a {
	font-weight: normal;
}

a:hover, li a:hover {
	color: #945ca3;
	text-decoration: none;
}

ul.arrows {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 15px;
}

ul.arrows li {
	margin: 0;
	padding: 2px 17px 0 0;
}

ul.arrows li a	{
	font-size: 112%;
	margin: 0;
	padding: 2px 17px 0 0;
	background:  url(../images/graphics/btn_arrow.gif) no-repeat bottom right;
}
 
ul.arrows li a:hover {
	color: #945ca3;
	text-decoration: none;
	background: url(../images/graphics/btn_arrow_over.gif) no-repeat bottom right;
}


ul.arrows-front {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0px;
}


ul.arrows-front li {
	margin: 0;
	padding: 3px 10px 3px 0;
}

ul.arrows-front li a	{
	font-size: 100%;
	margin: 0;
	padding: 2px 10px 0 20px;
	background:  url(../images/graphics/btn_arrow3.gif) no-repeat bottom left;
}
 
ul.arrows-front li a:hover {
	color: #945ca3;
	text-decoration: none;
	background: url(../images/graphics/btn_arrow_over3.gif) no-repeat bottom left;
}



a img {
	border: 0;
}


img {
	border: 0;
	margin: 0;
	padding: 0;
}



/* hide skip navigation and access keys */
#skipnav {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /*for the benefit of IE5 Mac */
}

#skipnav ul, #skipnav li {
	padding:0;
	margin:0;
	list-style:none;
}

#skipnav li {
	display: inline;
}

hr, hr.invisi {
	width: 95%;
	height: 1px;
	color: #ccc;
	background: #ccc;
	border: 0;
	text-align: center;
}

hr.invisi { /* for Netscape 6 float clearing */
	clear: left;
	color: #f7f7ff;
	background: #f7f7ff;
}

.hide
{
	display: none;
}

/*====================================================================*/
/* header */

#header {
	width: 976px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	background: #232551 url(../images/graphics/header_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
}

#header img.logo {
	float: left;
}

/*====================================================================*/
/* main  */

#mainnav {
	width: 976px;
	clear: left;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #232551;
	min-height: 27px;
	height: auto !important;
	height: 27px;
}

#mainnav a:hover {
	text-decoration: none;
}

#mainnav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 9px;
}
#mainnav li {
	float: left;
	list-style: none;
	background: #48497b;
	margin: 0 2px 0 0;
	padding: 0;
	height: 28px;
	overflow: hidden;
	text-align: center;
}

#mainnav li.natwestURL {
	float: right;
	width:110px;
	display: inline;
	margin: 0 20px 0 292px;
	background: #963398;
}

#mainnav a {
	display: block;
	color: #fff;
	font-size: 1.0625em;
	line-height: 15px;
	padding: 6px 0 5px 0;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica;
	font-weight:bold;
	position:relative;
}

#mainnav .current{
	background:#f4f2f8;
}
#mainnav .current a{
	color:#1f1e61;
	font-weight:bold;
}
#mainnav  li a span{
	width:100%;
	height:28px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	cursor:pointer;
}


#mainnav li a.home{width:61px;}
#mainnav li a.home span{background: url(../images/graphics/nav_Home_off.gif) no-repeat top left;}
#mainnav li.current a.home span{background: url(../images/graphics/nav_Home_on.gif) no-repeat top left;}

#mainnav li a.hereToHelp{width:105px;}
#mainnav li a.hereToHelp span{background: url(../images/graphics/nav_HereToHelp_off.gif) no-repeat top left;}
#mainnav li.current a.hereToHelp span{background: url(../images/graphics/nav_HereToHelp_on.gif) no-repeat top left;}

#mainnav li a.toolsAndGuides{width:120px;}
#mainnav li a.toolsAndGuides span{background: url(../images/graphics/nav_ToolsGuides_off.gif) no-repeat top left;}
#mainnav li.current a.toolsAndGuides span{background: url(../images/graphics/nav_ToolsGuides_on.gif) no-repeat top left;}

#mainnav li a.beyondBanking{width:129px;}
#mainnav li a.beyondBanking span{background: url(../images/graphics/nav_BeyondBanking_off.gif) no-repeat top left;}
#mainnav li.current a.beyondBanking span{background: url(../images/graphics/nav_BeyondBanking_on.gif) no-repeat top left;}

#mainnav li a.yourFeedback{width:116px;}
#mainnav li a.yourFeedback span{background: url(../images/graphics/nav_YourFeedback_off.gif) no-repeat top left;}
#mainnav li.current a.yourFeedback span{background: url(../images/graphics/nav_YourFeedback_on.gif) no-repeat top left;}

#mainnav li a.nw{width:110px;}
#mainnav li a.nw span{background: url(../images/graphics/nav_natwest_off.gif) no-repeat top right;}
#mainnav li.current a.nw span{background: url(../images/graphics/nav_natwest_on.gif) no-repeat top right;}



/*====================================================================*/
/* main  */
#topnav{
	width: auto;
	float: right;
	display: inline;
	margin: 10px 20px 0 0;
	padding: 0;
	text-align: right;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}

#topnav li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 82%;
	color: #fff;
}

#topnav li {
	font-size: 82%;
}

#topnav li a {
	display: inline;
	margin: 0 10px 0 10px;
	padding: 0;
	color: #fff;
	font-weight: normal; 
}

#topnav li a:hover {
	text-decoration: underline;
	color: #945ca3;
}

#topnav li a.last {
	margin: 0 0 0 10px;
}


/*====================================================================*/
/* logo and headings  */

h1 {
	padding: 0;
	margin: 0;
	font-size: 100%;
	color: #0e1234;
	background: #0e1234;
	font-weight: normal;
	text-indent: -900px;
	line-height: 0;
}

h2, h2.intro, h2.twoline {
	font-size: 17px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 15px 5px 3px 15px;
	padding: 0;
	/*line-height: 17px;*/
	color: #0e1234;
	background: transparent;
}

h2.twoline {
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

#intro	{
	width: 900px;
	margin: 0;
	padding: 0;
}

h2.intro	{
	margin: 5px 0 0 15px;
}

h4	{
	float: left;
	width: 320px;
	display: block;
	color:#945ca3;
	font-weight:bold;
	font-size: 100%;
	margin: 5px 0 0 0;
	padding: 0;
}


/*====================================================================*/
/* general rules for content boxes */


.wrap1, .wrap2, .wrap3, .wrap4, .wrap5, .wrap6, .wrap7,  .wrap11  { /* containers for bg top images */
	float: left;
	width: 230px;
	display: inline; /* for IE double-margin bug */
	margin: 0;
	padding: 0;
	min-height: 265px;
	height: auto !important;
	height: 265px;
	background: #f7f7ff;
}

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box11 {
	min-height: 225px;
	height: auto !important;
	height: 225px;
	margin: 0;
	padding: 0;
	background: #f7f7ff;
	color: #1d1e49;
	border: 0;
	border-right: 1px solid #b2b2c1;
	border-left: 1px solid #b2b2c1;
}

p {
	margin: 0 15px;
	padding: 15px 0 0 0;
}

p.first { 
	margin: 0 15px;
	padding: 10px 0 0 0;
}

p.afterPic{
	margin: 0 15px 0 15px;
	padding: 5px 0 0 0;
}

p.firstQuote {
	margin: 0 15px;
	padding: 10px 0 0 0;
	color: #734380;
}

p.will { /*Will Young credit line*/
	clear: left;
	margin: 0 0 6px 10px;
	padding: 6px 0 0 0;
	font-size: 90%;
}

.quote {
	color: #734380;
}

img.xtrapad {
	margin: 0 0 0 15px;
	padding: 0;	
}

img.xtrapad2 {
	margin: 10px 0 0 15px;
	padding: 0;	
}

.foot {
	clear: left;
	display: block;
}


/* -------------------------------------------------------------------------- */
/* box with video and intro copy */
.wrap1 {
	width: 711px !important;
	width: 711px;
	width/**/:/**/711px;
	background: #f7f7ff url(../images/graphics/box1_video_bg.gif) no-repeat top left;
	margin: 0 0 0 20px;
	padding: 0;
}

.wrap1 img.video {
	float: left;
	margin: 4px 0 0 4px;
}

.wrap1 h2 {
	float: left;
	width: 200px;
}

#video { /* video holder */
	float: left;
	display: inline;
	width: 460px;
	height: 260px; 
	margin: 4px 0 0 4px;
	padding: 0;
	background: #f7f7ff;
}

#alternativeContent {
	width: 460px;
	height: 200px; 
	margin: 0;
	padding: 0;
	background: #f7f7ff;
	text-align: center;
}

.box1 { /* intro copy box beside video holder */
	float: right;
	display: inline;
	width: 240px !important;
	width: 238px;
	width/**/:/**/240px;
	border-left: 0;
}

.box1 p, .box1 p.first {
	margin: 0 15px 0 9px;
	padding: 15px 0 0 0;
}

.box1 p.first { 
	padding: 10px 0 0 0;
}


/* -------------------------------------------------------------------------- */
/* tall one column box */
.wrap2 {
	width: 230px;
	background: #f7f7ff url(../images/graphics/box2_bg.gif) no-repeat top left;
	margin: 0 0 0 15px;
	padding: 0;	
}

.box2 {
	width: 228px !important;
	width: 230px;
	width/**/:/**/228px;
}

/* -------------------------------------------------------------------------- */
/* two column box */

.wrap3 {
	width: 465px;
	background: #f7f7ff url(../images/graphics/box3_bg.gif) no-repeat top left;
	margin: 0 0 0 16px;
	padding: 0;	
}

.box3 {
	float: left;
	width: 463px !important;
	width: 465px;
	width/**/:/**/463px;
	min-height: 225px;
	height: auto !important;
	height: 225px;
}

.leftcolumn {
	float: left;
	width: 298px;
}

.rightcolumn {
	float: left;
	margin: 17px 0 10px 0;
	padding: 0;
	width: 157px;
}

/* narrow box dark bg homepage */
.wrap11 {
	width: 230px;
	background: #f7f7ff url(../images/graphics/box11_bg.gif) no-repeat top left;
	min-height: 124px;
	height: auto !important;
	height: 124px;
	margin: 0 0 0 16px;
	padding: 0;	
}

.box11 {
	width: 228px !important;
	width: 220px;
	width/**/:/**/228px;
	min-height: 88px;
	height: auto !important;
	height: 88px;
}



/* -------------------------------------------------------------------------- */
/* small one column box - ususally with Natwest product ads */

.wrap4 {
	width: 230px;
	background: #f7f7ff url(../images/graphics/box2_bg.gif) no-repeat top left;
	min-height: 124px;
	height: auto !important;
	height: 124px;
	margin: 0 0 0 16px;
	padding: 0;	
}

.box4 {
	width: 228px !important;
	width: 230px;
	width/**/:/**/228px;
	min-height: 88px;
	height: auto !important;
	height: 88px;
}

.box4 p.ad {
	float: left;
	width: 135px;
	display: inline;
	margin: 0 0 0 15px;
	padding: 8px 0 0 0;
}

.box4 img {
	float: left;
	margin: 0;
	padding: 8px 0 0 0;
}

span.xtrapad {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}

span.xtrapad2 {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
}

/* -------------------------------------------------------------------------- */
/* four column box */

.wrap5 {
	clear: left;
	width: 957px;
	background: #f7f7ff url(../images/graphics/box5lge_bg.gif) no-repeat top left;
	margin: 16px 0 30px 20px;
	padding: 0;	
}

.box5 {
	clear: left;
	display: block;
	width: 955px !important;
	width: 957px;
	width/**/:/**/955px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

/* -------------------------------------------------------------------------- */
/* three column box */

.wrap6 {
	width: 711px;
	background: #f7f7ff url(../images/graphics/box6_bg.gif) no-repeat top left;
	min-height: 255px;
	height: auto !important;
	height: 255px;
	margin: 0 0 0 16px;
	padding: 0;	
}

.box6 {
	float: left;
	width: 350px !important;
	width: 351px;
	width/**/:/**/350px;
	min-height: 225px;
	height: auto !important;
	height: 225px;
	border-right: 0;
	margin: 15px 0 10px 0;
	padding: 0;	
}


/* -------------------------------------------------------------------------- */
/* Two column video box */

.wrap7 {
	width: 957px !important;
	width: 957px;
	width/**/:/**/957px;
	background: #f7f7ff url(../images/graphics/box7_video_bg.gif) no-repeat top left;
	margin: 0 0 0 20px;
	padding: 0;
}


.wrap7 img.video {
	float: left;
	margin: 4px 0 0 4px;
}

.wrap7 h2 {
	float: left;
	width: 200px;
}

.box7 { /* intro copy box beside video holder */
	float: right;
	display: inline;
	width: 450px !important;
	width: 450px;
	width/**/:/**/450px;
	border-left: 0;
}

.box7 p, .box7 p.first {
	margin: 0 15px 0 20px;
	padding: 15px 0 0 0;
}

.box7 p.first { 
	padding: 10px 0 0 0;
}

/* -------------------------------------------------------------------------- */
/* Two column image box - your feedback */

.wrap9 {
	width: 957px !important;
	width: 957px;
	width/**/:/**/957px;
	margin: 0 0 0 20px;
	padding: 0;
}

.wrap9 .leftimage {
	float: left;
	margin: 4px 0 0 4px;
}

.wrap9 h2 {
	float: left;
	width: 400px;
}

.box9 { /* intro copy box beside image */
	float: right;
	display: inline;
	width: 475px !important;
	width: 475px;
	width/**/:/**/475px;
	border-left: 0;
}

.box9 p, .box9 p.first {
	margin: 0 15px 0 0;
	padding: 15px 0 15px 0;
}


/* -------------------------------------------------------------------------- */
/* Tools and Guides - first time buyers page */

#first_time_wrapper{
	border: 0px solid black;
	width: 966px;
	padding: 1px 0 0 10px;
	margin: -20px 0 0 0;
	background-image: url('../images/bg_top_wrapper.gif');
	background-repeat: repeat-x;
}

#breadcrumb .first_crumb{
	color: #6a6a6a;
}

#breadcrumb .second_crumb{
	font-weight: bold;
	color: #6a6a6a;
}

#breadcrumb .arrows{
	color: #6a6a6a;
	font-size: 8px;
}

#first_time_wrapper h1 {
	text-indent:0;
	line-height:normal;
	background:transparent;
}

.side_panel{
	background: url(../images/panel_right_bg.jpg) top no-repeat;

}


.side_panel_title_div{
	border: 0px solid red;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

.side_panel_title_div_short{
	border: 0px solid black;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 150px;
	float: left;
}


.panel_side_more{
	border: 0px solid green;
	margin: 12px 0 0 0;
}

.side_panel_footer{
	background: url(../images/panel_right_footer.jpg) bottom left no-repeat;
	border: 0px solid red;
	height: 11px;
	width: 236px;
	line-height: 0;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}

/* right panel */

td#right_panel div.panel {
	padding-bottom:10px;
}

td#right_panel div.panel div.content {
	padding:10px 15px;
	margin-top:-1px;
}

td#right_panel div.panel div.top {
	background:url('../images/panel_top.jpg') no-repeat top;
	width:235px;
}

td#right_panel div.panel div.bottom {
	background:url('../images/panel_footer.jpg') no-repeat bottom;
	width:235px;
	height:17px;
}

td#left_panel {
	width:720px;
}

#side_panel_top{
	float: left; 
	border: 0px solid black; 
	width: 236px; 
	margin: -2px 0 0 0;
}

#side_panel_mid{
	float: left; 
	border: 0px solid black; 
	width: 236px; 
	height: 226px;
	padding: 10px 0 0 10px;
}


#side_panel_bot{
	color: #101335;
	float: left; 
	border: 0px solid black; 
	width: 236px; 
}

.side_panel_inner{
	padding: 0 5px 1px 20px;
}

.side_panel_individual_jargon{
	float: left;	
	width: 205px;
	border: 0px solid red;
	margin: 0 10px 12px 0;
	font-size: 11px;
	line-height: 14px;
	color: #252452;
}

.side_panel_more{
	text-align: right;
	font-size: 11px;
	padding: 0 30px 0 0;
}

.side_panel_nextstep_link{
	color: #252452;
	font-size: 11px;
	margin: 8px 0 0 0;
}

div.side_panel_nextstep_link a {
	font-size:11px;
	background:url('../images/arrow.gif') no-repeat 0px 4px;
	padding-left:15px;
}

div.purpleLink a {
	color:#98337f;
	font-weight:bold;
}

.side_panel_nextstep_copy{
	padding: 10px 0 5px 0;
	color: #101335;
	font-size: 11px;
	font-weight:bold;
}

.side_panel_nextstep_link_arrows{
	color: #101335;
	font-size: 8px;
}

.jargon_term{
	color: #98337f;
}

.further_point{
	color: #101335;
	font-size: 11px;
	margin: 10px 10px 10px 0;
}

.further_arrows{
	color: #793a7d;
	font-size: 8px;
	margin: 0 10px 0 0;
}

.panel_tips{
	width: 711px; 
	border: 0px solid red; 
	float: left;
	padding: 0 0 10px 0;
	margin: 15px 0 0 0;
	clear: left;
}

.panel_tips .top {
	background:url('../images/advice_top.jpg') no-repeat top;
	width:711px;float: left;
}

.panel_tips .bottom {
	background:url('../images/advice_bottom.jpg') no-repeat top;
	width:711px;float: left;
}

.panel_tips_header{
	height: 70px;
	border: 0px dotted blue;
	width: 630px;
	margin: 0 0 0 15px;
	float: left;
}

.panel_tips_more{
	margin-top: 50px;
	height: 15px;
	border: 0px solid red;
	width: 45px;
	float: left;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

.panel_tip_container{
	margin: 8px 0 0 15px;
	border: 0px dotted blue;
}

.panel_individual_tip{
	float: left;
	background: url(../images/panel_tips_panel_bg.gif) top left no-repeat;
	width: 336px;
	height: 145px;
	border: 0px solid red;
	margin: 0 5px 10px 0;
}

.tips_title{
	margin: 15px 0 0 0;
}

.tip_subtitle{
	padding: 5px 0 0 0;
	border: 0px solid black;
	font-size: 11px;
}

.tip_quote{
	border: 0px solid red;
	height: 95px;
	margin: 10px 25px 0 10px;
	font-size: 13px;
}

.tip_speaker{
	margin: 8px 0 0 10px;
	font-size: 12px;
	color: #101335;
}

.tip_speaker_name{
	font-size: 13px;
	font-weight: bold;
}

.tip_speaker_details{
	font-size: 13px;
}


#panel_advice{
	background: url(../images/panel_advice_bg.jpg) top left no-repeat;

	height: 270px; width: 720px; border: 0px solid red; float: left;

}

.panel_advice_container{
	margin: 8px 0 0 15px;
}

.panel_individual_advice{
	border: 0px solid red;
	width: 220px;
	float: left;
	margin: 0 8px 0 0;
}

.advice_quote{
	color: #ac308d;
	font-size: 10px;
}

.advice_image_caption{
	font-size: 10px;
	color: #181b41;
}

/* hompage panel div styles */

#header_wrapper{
	border:0px solid red;
	width:960px;
	height:214px;
	margin-top:10px;
	padding-bottom:10px;
	background:url('../images/top_panel_background.gif') no-repeat top;
}

#header_wrapper div.left{
	width:400px;
	height:200px;
	float:left;
	padding:10px 0 10px 10px;
}

#header_wrapper div.right{
	width:456px;
	height:200px;
	float:right;
	padding:5px 7px 10px 0px;
}

#header_wrapper div.left h2.intro_text {
	padding:0px 0 0 5px;
}

#header_wrapper div.left div.image {
	padding:0 0 20px 0px;
}

#header_panel{
	background-color: white;
	padding: 0 0 0 0;
	margin-left: 1px;
	border: 0px solid green; 
	width: 430px;
}

#header_panel_content {
	background-color: white;
	margin-left: 2px;
	padding: 5px 0 0 0;
	border: 0px solid red; 
	width: 410px;
	height: 90px;
}

#wrapper_tabs{
	border: 0px solid green;	
}

.a_tab{
	border: 0px solid green;	
	float: left;
	margin: 0 2px 0 0;
}

.a_tab_header_left{
	height: 34px;
	width: 139px;
	border:0px solid red;
	background: url(../images/tab_purple_left.gif) no-repeat;
}

.a_tab_header{
	height: 34px;
	width: 139px;
	background: url(../images/tab_purple_middle.gif);
	border: 0px solid red;
}

.a_tab_header_right{
	height: 34px;
	width: 139px;
	background: url(../images/tab_purple_right.gif) no-repeat;
}

.a_tab_title{
	color: #ffffff;
	padding: 8px 0 0 15px;
	font-weight: bold;
	font-size:12px;
}

.a_tab_content{
	border: 0px solid green;	
	margin: 0;
	padding: 0;
	height: 112px;
	width: 141px; 
}

.a_tab_content_inner{
	border: 0px solid green;	
	height: 70px;
	width: 124px; 
	left: 10px;
	padding: 10px 0 0 15px;
}

.a_tab_content_link{
	border: 0px solid green;	
	height: 25px;
	width: 118px;
	left: 10px;
	padding: 0 0 0 15px;
	color: #252452;
}

.a_tab_content_link .a_tab_link_title{
	font-size:11px;
	width:50px;
}


.a_tab_content_link .a_tab_link_bold{
	font-weight: bold;
}

/* Five things to do now */

div#five_steps {
	background:transparent url('../images/five_steps_bg.jpg') no-repeat top left;
	width:720px;
	height:200px;
	border:0px solid red;
	margin-top:2px;
	
}

div#five_steps h1 {padding:4px 15px;background:transparent;}

/* sifr no-flash styles */

h1#toptitle {
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

h2.about_panel_title {
	font-size: 16px;
	font-weight: bold;
	color: #00387b;
}

h2.about_panel_subtitle {
	margin: 6px 0 4px 0;
	font-size: 15px;
	color: #00387b;
	font-weight: normal;
}

h1{
	margin: 0;
	padding: 0;
}

h2.five_steps {
	width:100px;
}

/* repossession warning message */
div.remortgages {
	width:710px;
	height:44px;
}

div.remortgages div.top {
	background:url('../images/repossession_bg_top.gif') no-repeat top left;
	width:710px;
	text-align:center;
	float:left;
	font-size:12px;
	font-weight:bold;
}

div.remortgages div.top p {
	margin:10px 0;padding:0;	
}

div.remortgages div.bottom {
	background:url('../images/repossession_bg_bottom.gif') no-repeat bottom;
	width:710px;
	height:3px;
	float:left;
	margin:0;
	padding:0;
}

/* hide skip navigation and access keys */
#skipnav {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /*for the benefit of IE5 Mac */
}

#skipnav ul, #skipnav li {
	padding:0;
	margin:0;
	list-style:none;
}

#skipnav li {
	display: inline;
}

hr, hr.invisi {
	width: 95%;
	height: 1px;
	color: #ccc;
	background: #ccc;
	border: 0;
	text-align: center;
}

hr.invisi { /* for Netscape 6 float clearing */
	clear: left;
	color: #f7f7ff;
	background: #f7f7ff;
}

.hide
{
	display: none;
}

/* -------------------------------------------------------------------------- */
/* two column box - your feedback */

.wrap10 {
	width: 471px;
	background: #f7f7ff url(../images/graphics/box10_bg.gif) no-repeat top left;
	margin: 0;
	padding: 0;	
}



.box10 {
	float: left;
	width: 469px !important;
	width: 469px;
	width/**/:/**/469px;
	min-height: 225px;
	height: auto !important;
	height: 225px;
}

.leftcolumn {
	float: left;
	width: 200px;
}

.rightcolumn {
	float: left;
	margin: 17px 0 10px 0;
	padding: 0;
	width: 262px;
}


/* -------------------------------------------------------------------------- */
/* Meet the People thumbnail videos - 2 column box */

.profile {
	clear: left;
	display: block;
	width: 430px;
	min-height: 87px;
	height: auto !important;
	height: 87px;
	margin: 10px 15px 0 15px;
	padding: 0;
}

.profile img {
	float: left;
	margin: 5px 5px 0 0;
	padding: 0;
}

.profile p {
	float: left;
	width: 285px;
	margin: 5px 0 0 0;
	padding: 0;
	
}


/* -------------------------------------------------------------------------- */
/* Meet the People thumbnail videos and text - 3 column box */

.profile2 {
	float: left;
	display: inline;
	width: 300px;
	margin: 10px 0 15px 15px;
	padding: 0;
	border-right: 1px solid #b2b2c1;
}

.profile2 img {
	float: left;
	display: inline;
	margin: 0 5px 10px 0;
	padding: 0;
}

.profile2 p {
	float: left;
	width: 160px;
	margin: 5px 0 0 0;
	padding: 0;
}

/* -------------------------------------------------------------------------- */
/* Behind the Scenes thumbnail videos */

.ad {
	clear: left;
	display: block;
	width: 210px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	margin: 10px 0 0 15px;
	padding: 0;
}

.ad img  {
	float: left;
	margin: 0;
	padding: 0;
}

.ad p  {
	float: left;
	width: 110px !important;
	width: 95px;
	width/**/:/**/110px;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------- */
/* Behind the Scenes thumbnail videos */

.adtv {
	clear: left;
	display: block;
	width: 315px;
	min-height: 86px;
	height: auto !important;
	height: 86px;
	margin: 10px 0 0 15px;
	padding: 0;
}

.adtv img  {
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}

.adtv p  {
	float: left;
	width: 170px !important;
	width: 155px;
	width/**/:/**/170px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* -------------------------------------------------------------------------- */
/*Tools & Guides pages */


.guides {
	float:left;
	width: 340px;
	margin: 15px 0 0 0;
	padding: 0;
}

.guides p {
	clear:left;
	margin: 0;
	padding: 0;
}

img.thumb {
	clear: left;
	float:left;
	margin: 15px 3px 0 15px;
}
	

h3.personalBanking {
	background:  url(../images/graphics/Subtitle_personalBanking.gif) no-repeat;
	text-indent:-9999px;
	height: 18px;
	width: 150px;
	margin: 10px 0 0 16px;	
}

h3.businessBanking {
	background:  url(../images/graphics/Subtitle_businessBanking.gif) no-repeat;
	text-indent: -9999px;
	height: 18px;
	width: 150px;
	margin: 10px 0 0 16px;	
}


#pageNumbers	{
	clear: left;
	display: block;
	width: 450px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: right;
}

a.currentpage 	{
	color:#945CA3;
	text-decoration:none;
}

/*====================================================================*/
/* buttons */

/*span.btn {
	display: block;
	background: url(../images/graphics/btn_bgLeft.gif) no-repeat top left; 
	margin: 10px 0 10px 0;
	padding: 4px 8px 5px 10px;
	min-height: 27px;
	height: auto !important;
	height: 27px;
}


a.button {
	background: url(../images/graphics/btn_bgRight.gif) no-repeat top right; 
	margin: 10px 0 0 0;
	padding: 4px 24px 5px 0;
	min-height: 27px;
	height: auto !important;
	height: 27px;
}*/

span.btn {
	display: block;
	background: url(../images/graphics/btn_bgLeft.gif) no-repeat top left; 
	margin: 15px 0 0 0;
	padding: 0 24px 0 10px !important;
	padding: 0 24px 0 10px;
	min-height: 27px;
	height: auto !important;
	height: 27px;
}


a.button {
	float: left;
	display: block;
	background: url(../images/graphics/btn_bgRight.gif) no-repeat top right; 
	margin: 0;
	padding: 4px 24px 0 0;
	min-height: 27px;
	height: auto !important;
	height: 27px;
}

a.button:hover {
	background: url(../images/graphics/btn_bgRight_over.gif) no-repeat top right;
}

a.plain {
	background: url(../images/graphics/btn_arrow.gif) no-repeat bottom right; 
	margin: 0;
	padding: 0 16px 0 0;
	border: 1px solid #f7f7ff;
	line-height: 128%;
}

a.plain:hover {
	background: url(../images/graphics/btn_arrow_over.gif) no-repeat bottom right; 
}

/*====================================================================*/
/* accordion */
.toggler {
	background:url(../images/graphics/accordian_bg.gif) no-repeat top left;
	width: 216px;
	height: 62px;
	margin: 0 5px 0 6px;
	padding: 0;
}

.toggler a {
	font-size: 100%;
}

.accordion {
	background:url(../images/graphics/accordian_content_bg.gif) no-repeat bottom left;
	width: 216px;
	margin: 0 5px;
	padding: 0;
	border-bottom: 1px solid #b2b2c1;
}

#content p.accordionContent {
	width: 185px;
	margin: 15px;
	padding: 0;
}

img.icon {
	float: left;
	margin: 1px;
	padding: 0;
}

/* styles by Chubbyfish */
.accordionBox ul, .accordionBox li {
	list-style: none;
	padding: 0;
	margin:0;
}
.accordionBox {
	margin-top: 10px;
}

#content .accordionBox p {
	margin-top: 0;
	padding-top: 8px;
}

#content .toggler {
	cursor: pointer;
}

#content .toggler p {
	width: 109px;
	float: left;
	margin: 0;
	font-size: 12px;
	padding: 10px 27px 0 0;
	color: #000033;
	height: 50px;
	background: url(../images/graphics/accordian_expand.gif) no-repeat right center;
}

#content .toggler_open .toggler p {
	background-image: url(../images/graphics/accordian_contract.gif);
}

#content .accordionBox p a {
	font-weight: bold;
}
/* end of styles by Chubbyfish */


/*====================================================================*/
/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #b2b2c1;
	background-color: #f7f7ff;
	padding: 15px;
}

#tooltip h3, #tooltip div {
	margin: 0;
}

#tooltip p {
	color: #1d1e49;
	width: 163px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size:69%;
	text-align:left;
	padding:0;
	margin:0;
}

#tooltip img {
	margin: 0 0 5px 0;
	padding: 0;	
}

	
/*====================================================================*/
/* footer */

#footer {
	clear: left;
	width: 977px;
	display: block !important;
	margin: 0;
	padding: 0;
	min-height: 136px;
	height: auto !important;
	height: 136px;
	background: #303264 url(../images/graphics/footer_bg_lilac.gif) repeat-x;
	color: #fff;
}

#footer .addthis {
	width: 84px;
	float:left;
	padding: 6px 0 0 0;
}

#footer ul {
	margin: 0;
	padding: 10px 0 0 20px;
	list-style: none;
	text-indent: 0;
	width: 866px;
	float:left;
}

#footer li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 90% !important;
}

#footer li a {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
}

#footer li a:hover {
	text-decoration: underline;
	color: #945ca3;
}

#footer li.last {
	margin: 0;
}