/* STYLESHEET FOR MORTGAGE AREAS OF THE SITE - PRINT VIEW ONLY */

/* DO NOT DISPLAY FOR PRINTING */
		
	.topnavholder {display:none;}	
	.footer {display:none;}	
	.leftblock {display:none;}
		
/* body -------------------------------------------------------------------*/
	body {margin-top:0px; text-align:center; font-size:80%; font-family:Tahoma;}
	
    .outercontainer {width: 600px;	margin:	  auto;	text-align: left; }
	.contentblock {width: 591px; float:right; padding-right:0px; margin-top:-2px;}
	.bodytext {padding-left: 10px; padding-right: 0px; margin-bottom:20px;}
	.bodytext a {color:#FF6600; text-decoration:underline;}
	
	h1 {font-size:100%; font-weight: bold;	color:#FF6600;}
	h2 {font-size:100%; font-weight: bold; color:	#FF6600;}	
	.bold {font-weight:bold;}
	.colour {font-weight:bold; color:#FF6600;}
	.legals {padding-top:5px;}
	.dots {border-top: dotted 1px #c9c9c9; margin: 20px 0px 0px 0px;}
	.linklist a {font-weight:bold; color:#ff6600;}
	.azindex{width:580px; font-weight:bold; color:#ff6600;}
	.skip {border:0px;}
	.intro {color: #FF6600; font-weight:bold;}
	.center {text-align:center;}
	hr {color:#ff6600; height:1px; margin-top:10px;}
	p #telNo {color: #FF6600; font-weight:bold;}
	.telNo {color: #FF6600; font-weight:bold; font-size:120%;}
	.bluelist {color: #3366cc; font-weight: bold; padding: 0px 0px -50px 40px; line-height: 120%;}
	.typApr {font-weight:bold; font-size:120%;} 
	.mtgwarning {width:155px; line-height:135%; font-size:85%; color:Black; font-weight:bold; background-color:white; border:1px solid #ff6600; padding:8px;}
	.mortgageleft {width:380px; padding-right:15px; border-right: 1px dotted #e1e1e1;}
	.rightfloated {float: right; padding: 0px 0px 10px 10px;}
	
	.rightfloated p:first-child {margin-top:0px;}
	
	.award {overflow: auto; margin-top:	 35px;}
	.awardimg {clear: left; float: left; width: 100px;	padding-left: 30px; padding-top:15px; text-align: center;}
	.awardtext {margin-left: 150px;	width: 325px; padding: 0px 0px 10px 25px;	background: url('/images/mortgage/rightfloatedback.gif') repeat-y;}
				
	.toolboxheader {background: #FF6600 url('/images/mortgage/headercurve.gif') no-repeat top right; color: #FFFFFF; font-weight: bold; padding: 5px; border-bottom: 1px solid #FF6600; margin-top: 0px;}
	.toolbox {list-style-position:outside; list-style-type: none; padding-right:2px; padding-left: 2px; margin: 1px 1px 6px 1px; color: #FF6600; border:	1px solid #FF6600;}
	.toolbox li {margin: 0px 2px 2px 2px;}
	.toolbox li a {text-decoration:	none;}
	
	.contentblock .bodytext ul.orgborder#half {width:250px;}
	.contentblock .bodytext ul.orgborder {border: 1px solid #FF6600; padding: 10px 10px 10px 25px; margin-left:0px;}
	.contentblock .bodytext ul.orgborder li {margin-left: 2px; margin-bottom: 2px;}
	
	.contentblock_nonav {width: 600px; margin-left:0px; padding-left:0px;}
	
	.HeadingWithLines {border-bottom: 1px solid black; border-top: 1px solid black; font-weight:bold; padding-bottom:5px; padding-top:5px; margin-bottom:10px;}

	.HeadingLine {border-bottom: 1px solid black; padding-bottom:5px; padding-top:5px; margin-bottom:10px;}

	.MortWarning {padding-right:2px; padding-left: 2px; margin: 1px; color: #FF6600; border:	1px solid #FF6600;}
	.MortWarningText {color:#000000; padding: 0px 0px 0px 0px; text-decoration:none; font-weight: bold; }
		
/*Form*/
	.toptabblue { width: 140px; color: white; font-weight:bold; background-color: #003399; height: 18px; border-bottom: 1px solid white; padding: 6px 24px 0px 6px; background-image: url(/images/cbsweb/corner.gif); background-position: top right; background-repeat: no-repeat;}

	.toptabblue#leftalign {float:left; text-align:left;}
	
	.form-container {border: 2px solid #E0E0E0; padding: 3px;}	
	.form-container#popup{margin-top:25px;}
	*html .form-container#popup{margin-top:42px;}

	
	.field-containerborder {overflow: hidden; padding: 8px 0px 8px 0px; font-size: 100%; border-bottom: 1px dotted #E0E0E0;}
	.field-containerborder#last {border-bottom:0px;}
	.field-containerborder label { text-align:left; width: 275px; float: left; padding-top: 4px; font-size:100%;}
	
	.field-containerborderboldNoLine {color:#003399; font-weight:bold; overflow: hidden; padding: 8px 0px 8px 0px; font-size: 100%; border-bottom: 1px dotted #E0E0E0;}
	.field-containerborderboldNoLine label { text-align:left; width: 275px; float: left; padding-top: 4px; font-size:100%;}
	.field-containerborderboldNoLine {border-bottom:0px;}
	
	.field-container {overflow: hidden; padding: 8px 0px 8px 0px; font-size: 100%;}
	.field-container label {width: 275px; float: left; padding-top: 4px; padding-right:4px; font-size:100%;}

	.field-containerbold {width: 600px; float: left; padding-top: 4px; font-size:100%; font-weight:bold; color:#003399; border-top: 1px dotted #E0E0E0;}
	.field-containerboldNoLine {width: 600px; float: left; font-size:100%; font-weight:bold; color:#003399;}
	
	.field-container input {font-size: 100%;}
	.field-containerborder select {font-size: 95%;}
	
	.textbox {width: 175px; height:18px; font-size:100%;}
	.leftaligntab {text-align:left; float:left; width:500px; }
	.detailsblock {border-bottom: dotted 1px #669933; font-size:100%;}
	
/* equity release forms --*/

	.formholder {width:550px; float:left; padding:3px; margin-bottom:10px;}
	.left_form {width:290px; float:left;}
	.right_form {width:210px; float:right;}
	
	.outerform-container {border: 2px solid #cccccc; padding:8px 5px 5px 10px; width:550px; margin-bottom:5px; float:left;}
	.formdots {border-top: 0px; width:530px; margin-bottom:3px;}
	.bluetab {margin-top:10px; float:left;  color: white; font-weight:bold; background-color: #003399;  border-bottom: 1px solid white; padding: 3px 24px 3px 6px; background-image: url(/images/cbsweb/corner.gif); background-position: top right; background-repeat: no-repeat;}
	
/* Product Table for xslt  -----------------------------------------------------------------------*/	
	.prodtable {table-layout:auto; border-collapse: collapse; width:570px; border: solid 2px #cccccc;}
	.prodtable th {background-color: #ff6600; text-align:center; vertical-align:top; border: 1px solid #cccccc; padding:5px; color:White;}
	.prodtable td {vertical-align:top; text-align:center; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; padding:5px; }
	.prodtable td a {color:#ff6600; text-decoration:none;}
	.prodtable td a:hover {color:#ff6600; text-decoration:none;}
	.prodtable td#col1 {width:150px; color:#ff6600; font-weight:bold; text-align:left;}
	.prodtable td#col3 {width:150px; text-align:left;}
	
/*Account Summary*/
	.mortgagetableheader {background:#ffffff url('/images/mortgage/mortgagetableheaderback.gif') no-repeat left; width:570px;  text-align:center; font-size:120%; font-weight:bold; color: #ff6600; padding:8px 0px; margin-bottom:-1px;}
	.mortgagetable {background-color:White; border-collapse: collapse; border:2px solid #ff6600;  width:570px;}
	.mortgagetable th { vertical-align:top; white-space: normal; color: #ff6600; background-color:#FDE4D6;	font-weight: bold; width: 270px;	padding:6px; text-align:	left;}
	.mortgagetable td {padding:	6px; width:	400px; background-color:White;}
	.mortgagetable td a {color:	#000000; font-weight: normal;}
	
/* Buttons */

/* New button layout to be used ------------------------------------------------- */

/* main button container*/
	.buttons-panel {margin-top:0px; text-decoration:none; padding:0px; height:50px; margin-bottom:10px;}
/* button layout for (single buttons either left or right) & (double buttons one left one right) */		
	.buttons-containers {width:250px; height:30px; padding-top:12px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
	.buttons-containers-left {width:250px; float:left; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
	.buttons-containers-right {width:250px; float:right; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
/* button containers for (four buttons accross) */
	.buttons-containers4-one {width:125px; float:left; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
	.buttons-containers4-two {width:125px; float:left; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:25px; margin-bottom:10px; margin-right:0px;}	
	.buttons-containers4-three {width:125px; float:left; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:25px; margin-bottom:10px; margin-right:0px;}	
	.buttons-containers4-four {width:125px; float:right; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
/* button layout for (3 buttons accross) */
	.buttons-containers3-one {width:160px; float:left; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
	.buttons-containers3-two {width:160px; float:left; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:30px; margin-bottom:10px; margin-right:0px;}	
	.buttons-containers3-three {width:160px; float:right; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
/* inner button with forward arrows to float right */
	.forward-rf-buttons {float:right; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal;  margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;}
	.forward-rf-buttons a {color:white; text-decoration:none;}
	.forward-rf-buttons a:hover {color:#C6C6C6; text-decoration:none;}
/* inner button with forward arrows to float left */
	.forward-buttons {float:left; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal;  margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;}
	.forward-buttons a {color:white; text-decoration:none;}
	.forward-buttons a:hover {color:#C6C6C6; text-decoration:none;}
/* inner button with up arrows to float left */
	.up-buttons {float:left; background-color: #003399; background-image: url(/images/cbsweb/uparrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal;  margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;}
	.up-buttons a {color:white; text-decoration:none;}
	.up-buttons a:hover {color:#C6C6C6; text-decoration:none;}
	
	
/*-------------------old buttons to phase out ----------------------*/


/* frame to hold four buttons across the page */
	.buttonholder {width:540px; height:50px; float:left;}
	.buttonholder #one {width:140px; float:left; margin-right:5px; height:25px; }
	.buttonholder #two {width:118px;  float:left; margin-right:5px; height:25px;}
	.buttonholder #three {width:118px;  float:left; margin-right:5px; height:25px;}
	.buttonholder #four {width:140px;  float:left; height:25px;}
/* use for all buttons with right arrow */

	.next-button-container	{text-align: center;  overflow: hidden;  height:30px;  width:80px; float:right; text-decoration:none;}
	.next-button-container#calculator	{text-align: center;  overflow: hidden;  height:30px;  width:100px; float:right; text-decoration:none;}
	.next-button-container .dblarrow-button { text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal;  margin: 0px 0px 0px 0px; padding: 6px 30px 6px 4px; height:  17px;}
	.next-button-container .dblarrow-button a {color:white; text-decoration:none;}
	.next-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;}
/* use for all buttons with left arrow */
	.back-button-container	{text-align: center;  overflow: hidden;  height:30px;  width:80px; float:left; text-decoration:none;}
	.back-button-container .dblarrow-button { text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal;  margin: 0px 0px 0px 0px; padding: 6px 30px 6px 4px; height:  17px;}
	.back-button-container .dblarrow-button a {color:white; text-decoration:none;}
	.back-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	/* Up Button */
	
	.up-button-container {height:30px; text-align: center; overflow: hidden; color:White; margin-left:-10px; text-decoration:none; cursor:hand;}
	.up-button-container .uparrow-button {text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/uparrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: bold; float:  left; margin: 0px 10px 0px 10px; padding: 6px 35px 6px 4px; height:  17px;}
	.up-button-container .uparrow-button a {color:white; text-decoration:none;}
	.up-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	/* get quote button */
	.get_quote_button {padding:5px 0px 5px 0px; width:550px; height:25px; margin-left:0px;  text-decoration:none; cursor:hand; margin-bottom:10px;}	
	.get_quote_button .dblarrow-button {background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal; float: left; margin: 0px 10px 0px 0px; padding: 8px 35px 4px 4px; height:  17px; text-decoration:none; cursor:hand;}
	.get_quote_button .dblarrow-button a {color:white; text-decoration:none;}
	.get_quote_button .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	/* left button */
	.left-button-container	{text-align: center;  overflow: hidden; height:30px; width:80px; text-decoration:none;}
	.left-button-container .dblarrow-button {text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/backarrow.gif); background-position: top left; background-repeat: no-repeat; color:  white; font-weight: normal; margin: 0px 0px 0px 0px; padding: 6px 4px 6px 30px; height:  17px;}
	.left-button-container .dblarrow-button a {color:white; text-decoration:none;}
	.left-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	.calcwarning {float:right; border:2px solid #ff6600; text-align:center; width:200px; padding:8px; font-weight:bold;}
	
	.apply_online_left {padding:5px 0px 5px 0px; height:70px; margin-left:0px;  text-decoration:none; cursor:hand; margin-bottom:20px; width:120px;}	
	.apply_online_left .dblarrow-button {background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal; float: left; margin: 0px 10px 0px 0px; padding: 8px 35px 4px 4px; height:  17px; text-decoration:none; cursor:hand;}
	.apply_online_left .dblarrow-button a {color:white; text-decoration:none;}
	.apply_online_left .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	.apply_online {padding:5px 0px 5px 0px; width:350px; height:30px; margin-left:0px;  text-decoration:none; cursor:hand; margin-bottom:20px;}	
	.apply_online .dblarrow-button {background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal; float: left; margin: 0px 10px 0px 0px; padding: 6px 35px 6px 4px; height:  17px; text-decoration:none; cursor:hand;}
	.apply_online .dblarrow-button a {color:white; text-decoration:none;}
	.apply_online .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	/* equity release */
	
	.er_bullets ul {padding:7px; margin-left:10px; margin-top:0px;}
	.er_bullets li {margin-left:0px; margin-bottom:10px; list-style-image: url(/images/mortgage/bullet07.gif);}
	
	.button-container {clear:both; width:572px; height:30px; padding:15px 0px 8px 0px; text-decoration:none; cursor:hand; margin:0px;}	
	.button-container-left {width:250px; float:left; height:30px; padding-top:0px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
	.button-container-right {width:250px; float:right; height:30px; padding-top:0px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;}	
	
	.right-button {float:left; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal;  height:16px; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;}
	.right-button a {color:white; text-decoration:none;}
	.right-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	.rightfloat-button {float:right; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color:  white; font-weight: normal;  height:16px; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;}
	.rightfloat-button a {color:white; text-decoration:none;}
	.rightfloat-button a:hover {color:#C6C6C6; text-decoration:none;}
	
	
/* ticker */
	.ticker {margin-bottom:15px; margin-top:-15px;  float:left; padding:3px;  width:570px; background-color:#E1E1E1; color:#ff6600; font-weight:bold; }
	.tickerItem {margin-left:25px;}
	a.tickerLink:link {text-decoration:underline; color:#ff6600; font-weight:bold;}
	a.tickerLink:visited {text-decoration:underline; color:#ff6600; font-weight:bold;}
	a.tickerLink:hover {text-decoration:underline; color:#ff6600; font-weight:bold;}
	/* with bullets .tickerItem {margin-left:20px; padding-left:10px; background-image:url(/images/mortgage/ticker_bullet.gif); background-position: center left; background-repeat: no-repeat;}*/