@import url(forms-global.css); /* Importing shared form rules*/

/* CSS specific for form mortgage calculator */

/* Component IT.WOL.X.X:Interactive tool e.g. the minical */
#content #interactive-tool {
	background:url(../images/design/bg-it-top.jpg) transparent top left no-repeat;
	margin:30px 0 30px 0;
	overflow:visible;
	padding:0;
	width:693px;
}
#content #interactive-tool.five,
#content #interactive-tool.five .wrapper  {float:left;}
#content #interactive-tool form {
	background:url(../images/design/bg-it-top.jpg) #7A8F9C top left no-repeat;
	margin:0;
	overflow:hidden;
	padding:0;
	width:693px;
}
/* form title,explanation and text */
#content #interactive-tool form div#form-icon {
	float:right;
	margin:6px 9px;
}
#content #interactive-tool form h2 {
	color:#FFF;
	margin-bottom:2px;
	padding:6px 10px 0 9px;
}
#content #interactive-tool form p#explanation {
	color:#FFF;
	margin:0;
	padding:0 10px 7px 9px;
}
#content #interactive-tool .steps,
#content #interactive-tool form .steps {
	margin:0 0 12px 0;
	overflow:hidden;
	padding:0 10px 0 9px;
}
#content #interactive-tool .steps li,
#content #interactive-tool form .steps li {
	background:url(../images/bullets/blt-it-step.gif) center left no-repeat;
	color:#FFF;
	display:block;
	float:left;
	font-weight:normal; 
	font-size:1.15em; 
	font-family:"Trebuchet MS",Arial,sans-serif;
	padding:2px 4px 0 20px;
}
#content #interactive-tool .steps li.on,
#content #interactive-tool form .steps li.on {
	background-image:url(../images/bullets/blt-it-step-on.gif);
}
#content #interactive-tool .num-steps,
#content #interactive-tool form .num-steps {
	margin:12px 0 10px 0;
	float:left;
	clear:both;
	padding:0 10px 0 10px;
}
#content #interactive-tool ol.num-steps li,
#content #interactive-tool form ol.num-steps li {
	color:#FFF;
	display:block;
	float:left;
	font-weight:normal; 
	font-size:1.1em; 
	font-family:"Trebuchet MS",Arial,sans-serif;
	padding:2px 10px 0 20px;
}
#content #interactive-tool ol.num-steps li a,
#content #interactive-tool form ol.num-steps li a {
	background-color:transparent;
	color:#FFF;
	text-decoration:none;
}
#content #interactive-tool ol.num-steps li a:hover,
#content #interactive-tool form ol.num-steps li a:hover {color:#CC0000;}
#content #interactive-tool ol.num-steps li.one,
#content #interactive-tool form ol.num-steps li.one {
	background:url(../images/bullets/blt-1-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.one-on,
#content #interactive-tool form ol.num-steps li.one-on {
	background:url(../images/bullets/blt-1-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.two,
#content #interactive-tool form ol.num-steps li.two {
	background:url(../images/bullets/blt-2-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.two-on,
#content #interactive-tool form ol.num-steps li.two-on {
	background:url(../images/bullets/blt-2-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.three,
#content #interactive-tool form ol.num-steps li.three {
	background:url(../images/bullets/blt-3-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.three-on,
#content #interactive-tool form ol.num-steps li.three-on {
	background:url(../images/bullets/blt-3-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.four,
#content #interactive-tool form ol.num-steps li.four {
	background:url(../images/bullets/blt-4-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.four-on,
#content #interactive-tool form ol.num-steps li.four-on {
	background:url(../images/bullets/blt-4-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.five,
#content #interactive-tool form ol.num-steps li.five {
	background:url(../images/bullets/blt-5-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.five-on,
#content #interactive-tool form ol.num-steps li.five-on {
	background:url(../images/bullets/blt-5-on.png) center left no-repeat;
}

/* error messages */
#content #interactive-tool form.standard p.error {
	clear:both;
	margin:5px 5px 5px 265px;
	width:auto;
}
#content #interactive-tool form.minical p.error {
	margin:5px 5px 5px 265px;
}
#content #interactive-tool form.third-party p.error {
	margin:5px 5px 5px 318px;
	width:auto;
}

/* form elements */
#content #interactive-tool .wrapper,
#content #interactive-tool form .wrapper {
	background:#FFF url(../images/design/bg-it-bottom.gif) bottom left no-repeat;
	margin:0;
	padding:0 0 5px 0;
	width:auto;
}
#content #interactive-tool form fieldset {
	border-width:0;
	border-right:3px #7A8F9C solid;
	border-left:3px #7A8F9C solid;
	margin:0;
	display:block;
	padding:0;
	width:687px;
}

#content #interactive-tool h3,
#content #interactive-tool form h3 {
	background:url(../images/design/bg-it-h3.gif) #E0E0E0 top left no-repeat;
	color:#333;
	margin:0;
	font-size:1.05em;
	padding:7px 9px 9px 9px;
}
#content #interactive-tool p.instructions,
#content #interactive-tool div.instructions,
#content #interactive-tool table.instructions,
#content #interactive-tool form p.instructions,
#content #interactive-tool form div.instructions,
#content #interactive-tool form table.instructions {
	background:url(../images/design/bg-it-p-instructions.gif) #EFF3F4 top left no-repeat;
	margin:0 0 11px 0;
	padding:9px 9px 9px 11px;
}
#content #interactive-tool table.instructions,
#content #interactive-tool form table.instructions {
	font-weight:normal;
	width:687px;
}
#content #interactive-tool table.instructions td,
#content #interactive-tool form table.instructions td {
	padding-left:10px;
	padding-top:2px;
	padding-bottom:3px;
}
#content #interactive-tool form div.instructions.no-b-m {margin:0;}
#content #interactive-tool form div.instructions.no-bg {background:none;}
#content #interactive-tool form div.instructions.no-b-m ul li {margin-bottom:14px;}
#content #interactive-tool form div.instructions ul li {
	background:url(../images/bullets/blt-default.png) no-repeat left top;
	color:#333;
	padding-left:10px;
	padding-bottom:7px;
}
#content #interactive-tool form div.instructions .mandatory {margin-right:0;}
#content #interactive-tool form div {padding:0 0 2px 0;}
#content #interactive-tool form label .currency {padding:0 0 0 10px;}
#content #interactive-tool form .element {
	clear:none;
	float:left; /* check forms in /trunk-forms-additional/ before removing or floating right */
	margin-left:5px; /* for /trunk/additional-forms/mandatory fields.html */
	width:224px;
}
#content #interactive-tool form .element input.text {
	width:161px;
}
#content #interactive-tool form .element select {
	width:170px; /* check it doesn't clash with pages in /forms-additional */
}
#content #interactive-tool form .element .additional-info {
	float:left;
	margin:0;
	width:222px;
}
#content #interactive-tool form ul.bordered,
#content #interactive-tool form div.bordered {
	border-bottom:3px solid #F1F4F5;
	overflow:hidden;
}
#content #interactive-tool form div.single-checkbox {margin:0 12px 12px;}
#content #interactive-tool form div.single-checkbox.with-bg {
	padding:6px 12px 12px 12px;
	margin:0 0 12px 0;
	background:#D4DEE3;
	width:663px;
}
#content #interactive-tool form div.single-checkbox.with-bg label {margin-bottom:0;}
#content #interactive-tool form div.single-checkbox p.error {
	margin-left:0;
	width:auto;
}
#content #interactive-tool form div.single-checkbox p {margin-bottom:0;}
#content #interactive-tool form div.single-checkbox input {
	float:left;
	margin:3px 8px 0 0;
}
#content #interactive-tool form div.single-checkbox label {
	font-weight:normal;
	text-align:left;
	width:610px;
}
#content #interactive-tool form.third-party div.single-checkbox label {
	display:block;
	float:left;
	width:620px;
}
#content #interactive-tool form ul.checkboxes {margin:0 12px 12px;}
#content #interactive-tool form ul.checkboxes label {
	text-align:right;
	width:292px;
}
#content #interactive-tool form ul.checkboxes input {margin-left:5px;}
#content #interactive-tool form div.radio-h {margin:0 12px;}
#content #interactive-tool form div.comments label {
	background:#D4DEE3;
	color:#000;
	font-weight:normal; 
	font-size:1.3em;
	font-family:"Trebuchet MS",Arial,sans-serif;
	margin-bottom:2px;
	padding:6px 10px;
	text-align:left;
	width:100%;
	width:667px;
}
#content #interactive-tool form.plain div.comments {
	background:#D4DEE3;
	clear:both;
	margin-bottom:5px;
	padding-bottom:2px;
	float:left;
	clear:both;
}
#content #interactive-tool form.plain div.comments label {
	color:#000;
	font-weight:normal; 
	font-size:1.2em; 
	font-family:"Trebuchet MS",Arial,sans-serif;
	margin-bottom:2px;
	text-align:left;
	padding:0;
	padding:6px 10px;
	width:667px;
}
#content #interactive-tool form.plain div.element select,
#content #interactive-tool form.plain div.element a {
	float:left;
	margin-right:5px;
}
#content #interactive-tool form.mortgage-search,
#content #interactive-tool form.mortgage-search div.wrapper,
#content #interactive-tool form.mortgage-search div fieldset,
#content #interactive-tool form.mortgage-search div,
#content #interactive-tool form.mortgage-search div.no-label,
#content #interactive-tool div#frm-other-options,
#content #interactive-tool div#frm-other-options div {overflow:visible;}
#content #interactive-tool div#frm-other-options {
	background:#FFF;
	clear:both;
	float:left;
	padding-bottom:5px;
}
#content #interactive-tool div#frm-other-options div {
	float:left;
	width:685px;
}
#content #interactive-tool div#frm-other-options div div {
	border:none;
	width:auto;
}
#content #interactive-tool div#frm-other-options div.element {
	clear:none; /* needed for savings comparisons page */
	margin-left:5px;
	margin-top:3px;
	/*width:365px;*/
}
#content #interactive-tool div#frm-other-options div.element input.right {
	clear:both;
}
#content #interactive-tool div.padded,
#content #interactive-tool form div.padded {
	clear:both;
	margin-bottom:5px;
	overflow:hidden;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
#content #interactive-tool form div.two-cols {
	background:#EFF3F4 url(../images/design/bg-2cols-int_tool.png) repeat-x top;
	margin-bottom:0;
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 {
	background-color:#FFF;
	float:left;
	clear:none;
	padding-top:15px;
	margin-bottom:-1px;
	width:483px;
	position:relative;
}
#content #interactive-tool form div.col-1 .comments {
	float:left;
	clear:both;
}
#content #interactive-tool form div a {
	outline:none;
	background:#FFF;
}
#content #interactive-tool #credit-details {
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 div.with-notes p.more-info {
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:220px;
}
#content #interactive-tool form div.col-1 div.with-notes div {margin-left:0;}
#content #interactive-tool form div.col-1 p.subtitle {
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	float:left;
	clear:both;
	width:450px;
}
#content #interactive-tool form div.col-1 select {width:150px;}
#content #interactive-tool form div.col-1 select.date {
	float:left;
	width:60px;
}
#content #interactive-tool form div.col-1 div.no-label {
	min-height:22px;
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 div.hidden-box {
	border-top:3px solid #F1F4F5; /* margin:5px 12px 0 12px;*/
	padding-top:10px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box p {
	text-align:right;
	width:245px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box label {
	margin-right:14px; /* width:235px;*/
	width:240px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box input,
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box select {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div {
	clear:none;
	float:left;
	padding-left:5px;
	width:155px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div input {
	float:left;
	margin-top:5px;
	margin-right:5px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div label {
	float:left;
	width:auto;
}
#content #interactive-tool form div.col-2 {
	clear:none;
	float:right;
	margin-bottom:0;
	padding:10px;
	width:184px;
}
#content #interactive-tool form div.col-2 h3 {
	background:none;
	padding-left:0;
}
#content #interactive-tool form div.col-2 .remove {display:none;}
#content #interactive-tool form.mortgage-search label {
	font-weight:bold;
	font-size:0.9em;
	margin:0 0 10px 0;
	width:315px;
}
#content #interactive-tool form div.col-1 a.help {
	float:right;
	padding-right:5px;
	display:block;
}
#content #interactive-tool form div.col-1 a.help:hover,
#content #interactive-tool form div.col-1 a.help:active,
#content #interactive-tool form div.col-1 a.help:focus {
	background:none;
}
#content #interactive-tool form.mortgage-search div.col-1 label {
	float:left;
	font-weight:normal;
	margin-bottom:0;
	padding-right:10px;
	width:245px;
	width:250px;
}
#content #interactive-tool form div.col-1 label.hidden {
	height:1px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:1px;
}
#content #interactive-tool form div.col-1 input {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 input.short2 {
	float:left;
	width:70px;
}
#content #interactive-tool form div.col-1 div.no-label label {
	padding-left:10px;
	padding-right:0;
	padding-top:0;
	text-align:left;
	width:160px;
}
#content #interactive-tool form div.col-1 div.no-label input {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box input.short {width:50px;}

#content #interactive-tool div.padded,
#content #interactive-tool form div.padded {
	clear:both;
	margin-bottom:5px;
	overflow:hidden;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
#content #interactive-tool form div.two-cols {
	background:#EFF3F4 url(../images/design/bg-2cols-int_tool.png) repeat-x top;
	margin-bottom:0;
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 {
	background-color:#FFF;
	float:left;
	clear:none;
	padding-top:15px;
	margin-bottom:-1px;
	width:483px;
	position:relative;
}
#content #interactive-tool form div.col-1 .comments {
	float:left;
	clear:both;
}
#content #interactive-tool form div a {
	outline:none;
	background:#FFF;
}
#content #interactive-tool #credit-details {
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 div.with-notes p.more-info {
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:220px;
}
#content #interactive-tool form div.col-1 div.with-notes div {margin-left:0;}
#content #interactive-tool form div.col-1 p.subtitle {
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	float:left;
	clear:both;
	width:450px;
}
#content #interactive-tool form div.col-1 select {width:150px;}
#content #interactive-tool form div.col-1 select.date {
	float:left;
	width:60px;
}
#content #interactive-tool form div.col-1 div.no-label {
	min-height:22px;
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 div.hidden-box {
	border-top:3px solid #F1F4F5;
	padding-top:10px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box p {
	text-align:right;
	width:245px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box label {
	margin-right:14px;
	width:240px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box input,
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box select {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div {
	clear:none;
	float:left;
	padding-left:5px;
	width:155px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div input {
	float:left;
	margin-top:5px;
	margin-right:5px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div label {
	float:left;
	width:auto;
}
#content #interactive-tool form div.col-2 {
	clear:none;
	float:right;
	margin-bottom:0;
	padding:10px;
	width:184px;
}
#content #interactive-tool form div.col-2 h3 {
	background:none;
	padding-left:0;
}
#content #interactive-tool form div.col-2 .remove {display:none;}
#content #interactive-tool form.mortgage-search label {
	font-weight:bold;
	font-size:0.9em;
	margin:0 0 10px 0;
	width:315px;
}
#content #interactive-tool form div.col-1 a.help {
	float:right;
	padding-right:5px;
	display:block;
}
#content #interactive-tool form div.col-1 a.help:hover,
#content #interactive-tool form div.col-1 a.help:active,
#content #interactive-tool form div.col-1 a.help:focus {
	background:none;
}
#content #interactive-tool form.mortgage-search div.col-1 label {
	float:left;
	font-weight:normal;
	margin-bottom:0;
	padding-right:10px;
	width:245px;
	width:250px;
}
#content #interactive-tool form div.col-1 label.hidden {
	height:1px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:1px;
}
#content #interactive-tool form div.col-1 input {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 input.short2 {
	float:left;
	width:70px;
}
#content #interactive-tool form div.col-1 div.no-label label {
	padding-left:10px;
	padding-right:0;
	padding-top:0;
	text-align:left;
	width:160px;
}
#content #interactive-tool form div.col-1 div.no-label input {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box input.short {width:50px;}
#content #interactive-tool form div.col-1 .element {width:200px;}
#content #interactive-tool form div.col-1 .element .no-label {width:198px;}
#content #interactive-tool form div.col-1 .element .no-label label {width:100px;}
#content #interactive-tool form.mortgage-search div.col-1 p.error {
	margin:10px 0 5px 265px;
}
#content #interactive-tool form .element input {float:left;}
#content #interactive-tool form .element input.text {
	width:161px !important;
}
#content #interactive-tool form .element select {
	width:170px;
}
#content #interactive-tool form div.col-1 .element select {float:left;}
#content #interactive-tool form div.col-1 .element select.text {width:170px;}
#content #interactive-tool form .element input.button.right {
	float:right;
	padding-right:10px;
}
#content #interactive-tool form div.no-label p.no-label {margin-left:0;}
#content #interactive-tool form div.no-label span {
	display:block;
	float:left;
	clear:both;
	padding-bottom:4px;
	width:190px;
}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra span {
	float:left;
	clear:none;
	width:auto;
	display:inline;
}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div {
	float:left;
	width:130px;
	padding-left:5px;
}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div a {padding:0;}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div label {padding-left:4px;}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div input {margin-left:0;}
#content #interactive-tool form div.no-label span input {
	clear:none;
	float:left;
}
#content #interactive-tool form div.no-label span label {
	clear:none;
	float:left;
	width:30px;
}
#content #interactive-tool form div.no-label span .error label {float:left;}
#content #interactive-tool  form#mortgage-requirements p.error {
	margin:10px 0 5px 270px;
}
#content #interactive-tool form div.col-1 ul.radio li {
	margin-bottom:10px;
	width:100%;
}
#content #interactive-tool form ul.checkboxes {margin:0 12px 12px;}
#content #interactive-tool form ul.checkboxes label {
	text-align:right;
	width:292px;
}
#content #interactive-tool form ul.checkboxes input {margin-left:5px;}
#content #interactive-tool form div.comments label {
	background:#D4DEE3;
	color:#000;
	font-weight:normal; 
	font-size:1.3em;
	font-family:"Trebuchet MS",Arial,sans-serif;
	margin-bottom:2px;
	padding:6px 10px;
	text-align:left;
	width:100%;
	width:667px;
}
#content #interactive-tool form.plain div.comments {
	background:#D4DEE3;
	clear:both;
	margin-bottom:5px;
	padding-bottom:2px;
	float:left;
	clear:both;
}
#content #interactive-tool form.plain div.comments label {
	color:#000;
	font-weight:normal; 
	font-size:1.2em; 
	font-family:"Trebuchet MS",Arial,sans-serif;
	margin-bottom:2px;
	text-align:left;
	padding:0;
	padding:6px 10px;
	width:667px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.comments label {
	width:463px !important;
}
#content #interactive-tool form h4.heading {
	background:#D4DEE3;
	color:#000;
	font-size:1.2em;
	margin-bottom:10px;
	padding:6px 10px;
	clear:both;
}
#content #interactive-tool form div.comments textarea {
	margin:12px;
	width:655px;
}
#content #interactive-tool form textarea.two-col {
	width:210px;
}
#content #interactive-tool form div.comments p {
	clear:both;
	margin-left:12px;
	margin-right:12px;
}
#content #interactive-tool form div.left-label label {
	padding-left:10px;
	width:290px;
}
#content #interactive-tool form ul.radio {
	padding:10px;
	width:463px;
	float:left;
	clear:both;
	display:inline;
}
#content #interactive-tool form ul.radio li {
	display:block;
	float:left;
}
#content #interactive-tool form ul.radio li input {
	float:left;
	margin:3px 6px 0 0;
}
#content #interactive-tool form ul.radio li label {
	display:block;
	float:left;
	text-align:left;
	width:625px;
}
#content #interactive-tool form ul.radio li label strong {display:block;}
#content #interactive-tool form div.radio-h ul,
#content #interactive-tool form div.comments ul {
	margin:10px 12px;
	overflow:hidden;
	width:365px;
}
#content #interactive-tool form div.radio-h ul li,
#content #interactive-tool form div.comments ul li /* this one may not be necessary ... */ {float:left;}
#content #interactive-tool form div.radio-h ul input,
#content #interactive-tool form div.comments ul input {
	float:left;
	margin-right:5px;
}
#content #interactive-tool form select#address-options {margin-bottom:10px;}
#content #interactive-tool form div.confirmation h3 {
	background:none;
	border-top:3px solid #F1F4F5;
	color:#C00;
	margin-bottom:10px;
	padding:12px 0 0 0;
}
#content #interactive-tool form div.reg-error p {color:#C00;}
#content #interactive-tool form div.confirmation img {float:right;}
#content #interactive-tool form div.spacer,
#content #interactive-tool form div.reg-error,
#content #interactive-tool form div.confirmation {margin:0 12px;}
#content #interactive-tool form div.margined {margin-top:12px;}
#content #interactive-tool form div.confirmation li a {
	color:#0083B3;
	text-decoration:none;
}
#content #interactive-tool form div.confirmation li a:hover {
	text-decoration:underline;
}
#content #interactive-tool form div.wrapper .steps {
	background:#7A8F9C;
	clear:both;
	padding:8px 12px;
	width:663px;
}
#content #interactive-tool form hr {
	background:#F1F4F5;
	color:#F1F4F5;
	height:3px;
	margin:8px 12px;
}
#content #interactive-tool table.accounts {
	border-collapse:collapse;
	font-size:0.85em;
	margin:0;
	margin-bottom:9px;
	margin-top:-10px;
	width:100%;
}
#content #interactive-tool table.accounts th {
	background:#EAEFF1;
	border-bottom:1px solid #7A8F9C;
	border-right:1px solid #D4DEE3;
	border-top:1px solid #BDC8CE;
	color:#0E89B7;
	font-weight:bold;
	font-size:1.2em;
	padding:8px 12px;
	width:auto;
}
#content #interactive-tool table.accounts tr.heading th {
	color:#000;
	font-family:"Trebuchet MS",arial,serif;
	font-weight:normal;
	font-size:1.2em;
}
#content #interactive-tool table.accounts td {
	border-bottom:1px solid #D4DEE3;
	border-right:1px solid #D4DEE3;
	font-weight:normal;
	padding:8px 12px;
}
#content #interactive-tool table.accounts td.first {width:70%;}
#content #interactive-tool table.account-search {
	margin:0;
	width:687px;
}
#content #interactive-tool table.account-search th {
	background:#EAEFF1;
	border-bottom:1px solid #7A8F9C;
	border-top:1px solid #7A8F9C;
	color:#0E89B7;
	font-weight:bold;
	padding:8px 12px;
}
#content #interactive-tool table.account-search td {
	border-bottom:1px solid #D4DEE3;
	font-weight:normal;
	padding:8px 12px;
}

#content #interactive-tool ol {
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#content #interactive-tool form select#pp_element7,
#content #interactive-tool form select#pp_element8  {width:auto;}

/* form elements - form buttons */
#content #interactive-tool #form-buttons,
#content #interactive-tool form #form-buttons {
	border-top:3px solid #F1F4F5;
	clear:both;
	margin:0 12px;
	padding:10px 0;
}
#content #interactive-tool #form-buttons-upper,
#content #interactive-tool form #form-buttons-upper {
	border-bottom:3px solid #F1F4F5;
	margin:0 12px;
	padding:0 0 10px 0;
}
#content #interactive-tool #form-buttons-upper li {
	float:left;
	width:326px;
}
/*#content #interactive-tool form #form-buttons li a,
#content #interactive-tool form #form-buttons-upper li a {
	font-size:0.8em;
	font-family:Verdana,Helvetica,sans-serif;
}*/ /* Apparently unused - Luca, 2008-11-05 */
#content #interactive-tool form #form-buttons li a:hover,
#content #interactive-tool form #form-buttons-upper li a:hover {background:#E6F5FA;}
#content #interactive-tool form #form-buttons li,
#content #interactive-tool form #form-buttons-upper li {display:inline;}

/* no-step variant */
#content #interactive-tool form.no-steps p#explanation {padding-bottom:15px;}
#content #interactive-tool form.no-steps p.instructions {
	background:url(../images/design/bg-it-nosteps-p-instructions.gif) #EFF3F4 top left no-repeat; /* rounded corners */
}

/* results */
#content #interactive-tool form #results {
	font-weight:normal; 
	font-size:1em; 
	font-family:"Trebuchet MS",Arial,sans-serif;
	margin:0 0 15px 10px;
}
#content #interactive-tool form #results dt {
	float:left;
	padding-right:0.2em;
	text-transform:uppercase;
}
#content #interactive-tool form #results dd {
	color:#C00;
	margin:5px 0;
}
/*#content #interactive-tool form #form-buttons.not-bordered {
	border:medium none;
}*/ /* Luca, 2008-11-04 */

/* form error addition */
#content #form-error-1 {
	overflow:hidden;
	margin-bottom:14px;
}

/* Mortgage Calulator - mortgage-search-results */
/* need to remove the overflow hidden property for the context help*/
#content form.mortgage-search .col-1 div {
	padding:0 0 10px 0;
	float:left;
	width:100%;
}
#content form.mortgage-search .col-1 div.no-label {
	width:224px;
	display:inline;
}
#content form.mortgage-search .col-1 div.full-row {
	float:left;
	width:483px;
}
#content #mortgage-search-results table {
	margin-bottom:14px;
	font-family:Verdana;
	border-collapse:collapse;
}
#content #mortgage-search-results table td {
	vertical-align:top;
	/*line-height:1.5em;*/
}
#content #mortgage-search-results table td a {color:#0083B3;}
#content #mortgage-search-results table th {
	background:#D4DEE3;
	color:#000000;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:2px;
	padding:6px 10px;
	text-align:left;
}
#content #mortgage-search-results table.regular th {width:667px;}
#content #mortgage-search-results table tr.first td {padding-top:10px;}
#content #mortgage-search-results table td {font-size:0.80em;}
#content #mortgage-search-results table td.left {
	width:413px;
	padding-left:10px;
}
#content #mortgage-search-results table td.right {
	width:220px;
	padding-right:44px;
}
#content #mortgage-search-results h3.fees {
	background:#7A8F9C;
	color:#FFF;
	font-weight:normal;
}
#content #mortgage-search-results table.fees th {
	width:667px;
	font-weight:bold;
}
#content #mortgage-search-results table.fees td,
#content #mortgage-search-results table.fees th  {
	width:119px;
	padding-left:10px;
}
#content #mortgage-search-results table.fees tr.first td,
#content #mortgage-search-results table.fees tr td		  {
	border-top:1px solid #CDD8DE;
	padding-top:4px;
	padding-bottom:4px;
}
#content #mortgage-search-results table.fees td.payable,
#content #mortgage-search-results table.fees th.payable  {width:110px;}
#content #mortgage-search-results table.fees td.accuracy,
#content #mortgage-search-results table.fees th.accuracy {width:120px;}
#content #mortgage-search-results table.regular td.thirds-1 {
	width:278px;
	padding-left:10px;
}
#content #mortgage-search-results table.regular td.thirds-2 {width:268px;}
#content #mortgage-search-results table.regular td.thirds-3 {width:131px;}
#content #mortgage-search-results table.regular td.incentives-copy {
	padding:10px 10px 0 10px;
}
#content #mortgage-search-results table.half {width:687px;}
#content div.fields table.half td,
#content #mortgage-search-results table.half td {font-weight:bold;}
#content #interactive-tool div.fields table.half td {font-weight:normal;}
#content #mortgage-search-results table td.left2 {
	width:276px;
	padding-left:10px;
}
#content #mortgage-search-results table td.right2 {width:401px;}
#content #interactive-tool form #mortgage-search-results #form-buttons-upper {border:0;}
#content ul#mortgage-search-nav,
#content ul#mortgage-search-nav-upper {
	width:687px;
	background:url(../images/design/bg-mortgage-ul.png) bottom left repeat-x;
	overflow:hidden;
	font-weight:normal; 
	font-family:Verdana,Helvetica,sans-serif;
}
#content ul#mortgage-search-nav li,
#content ul#mortgage-search-nav-upper li {
	float:left;
	margin:8px 0;
}

#content ul#mortgage-search-nav li a,
#content ul#mortgage-search-nav-upper li a {
	text-decoration:none;
}
#content #mortgage-search-results ul#mortgage-search-nav li a:hover,
#content #mortgage-search-results ul#mortgage-search-nav-upper li a:hover {
	text-decoration:underline;
}
#content ul#mortgage-search-nav li.one,
#content ul#mortgage-search-nav-upper li.one {
	width:261px;
	padding-left:15px;
	background:url(../images/bullets/blt-mortgage-back.gif) center left no-repeat;
}
#content ul#mortgage-search-nav li.two,
#content ul#mortgage-search-nav-upper li.two {
	width:261px;
	padding-left:15px;
	background:url(../images/bullets/blt-mortgage-up.gif) center left no-repeat;
}
#content ul#mortgage-search-nav li.three,
#content ul#mortgage-search-nav-upper li.three {
	width:117px;
	padding-right:18px;
	text-align:right;
	background:url(../images/bullets/blt-mortgage-fwd.gif) center right no-repeat;
}


/*--- BEGIN COPDE COPIED FROM MORTGAGE.CALCULATOR.CSS ---*/
#content #interactive-tool form.mortgage-calculators, #content #interactive-tool form.mortgage-calculators div.wrapper, #content #interactive-tool form.mortgage-calculators div fieldset, #content #interactive-tool form.mortgage-calculators div, #content #interactive-tool form.mortgage-calculators div.no-label { overflow:visible; }
#content #interactive-tool form.mortgage-calculators div {
	overflow:visible;
	margin:0;
}
#content #interactive-tool form.mortgage-calculators .col-1 * {
	position:static;
	z-index:1;
}
#content #interactive-tool form.mortgage-calculators .col-1 br.sp { display:none; }
#interactive-tool .mortgage-calculators .col-1 .er, #interactive-tool .mortgage-calculators .col-1 .fr {
	float:left;
	clear:both;
	width:482px;
	padding:0;
	margin:0;
}

/* Needed for IEs*/
#content #interactive-tool .mortgage-calculators .col-1 .fr { padding-bottom:10px; }
#content form.standard.mortgage-calculators div span.mandatory { margin:0; }
#content #interactive-tool form.mortgage-calculators div.col-1 div.comments label {
	width:463px !important;
	clear:both;
	margin-bottom:4px;
}
#page #content #interactive-tool form.mortgage-calculators p.error {
	margin:10px 0 5px 281px !important;
	width:201px;
	clear:both;
	float:left;
}
#page #content #interactive-tool form.mortgage-calculators div.full  p.error {
	margin:10px 0 5px 10px !important;
	width:401px;
	clear:both;
	float:left;
}

/* default label for Selects And Text inputs*/
#content #interactive-tool form.mortgage-calculators div.col-1 label {
	float:left;
	font-weight:normal;
	margin:0;
	padding-right:10px;
	width:271px;
	margin-bottom:10px;
}
#content #interactive-tool form.mortgage-calculators div input.text {
	width:150px;
	float:left;
}
#content #interactive-tool form.mortgage-calculators div.radios input { /* See IE7 and IE6 tweak files */
	margin-left:281px;
	float:left;
}
#content #interactive-tool form.mortgage-calculators .full div.radios input {
	margin-left:10px;
	float:left;
}
#content #interactive-tool form.mortgage-calculators div.checkboxes input {
	margin-left:281px !important;
	float:left;
}
#content #interactive-tool div#frm-other-options div.checkboxes input {
	margin-left:270px;
	float:left;
}
#content #interactive-tool form.mortgage-calculators div.radios label {
	margin:0;
	padding:0 0 0 10px;
	float:left;
	text-align:left;
	width:140px;
}
#content #interactive-tool form.mortgage-calculators .full div.radios label {
	margin:0;
	padding:0 0 0 10px;
	float:left;
	text-align:left;
	width:410px;
}
#content #interactive-tool div#frm-other-options label,
#content #interactive-tool form.mortgage-calculators div.checkboxes label {
	margin:0;
	padding:0 0 0 10px;
	float:left;
	text-align:left;
	width:140px;
}
#content #interactive-tool div#frm-other-options label{
	width:260px;
}
#content #interactive-tool form.mortgage-calculators div.comments label {
	font-size:1.3em;
}
#content #interactive-tool div#frm-other-options a.help,
#content #interactive-tool form.mortgage-calculators div.col-1 a.help {
	float:right;
	padding-right:5px;
	display:block;
}
#content #interactive-tool form.mortgage-calculators div.col-1 a.help:hover, #content #interactive-tool form.mortgage-calculators div.col-1 a.help:active, #content #interactive-tool form.mortgage-calculators div.col-1 a.help:focus {
	background:none !important;
}
#content #interactive-tool form.mortgage-calculators div.col-1 select {
	width:150px;
	float:left;
}
#content #interactive-tool form.mortgage-calculators div.col-1 select.date {
	float:left;
	width:60px;
}
#content #interactive-tool form.mortgage-calculators div.col-1 select.date-small {
	float:left;
	width:48px;
}
#content #interactive-tool form.mortgage-calculators div.col-1 div.hidden-box {
	border-top:3px solid #F1F4F5;
	padding:10px 0 0 0;
	float:left;
	clear:both;
	width:482px;
}
#content #interactive-tool form.mortgage-calculators div.col-1 div.hidden-box * { }
#content #interactive-tool form.mortgage-calculators div.col-1 p.subsection-heading{
	width:271px;
	padding:0 211px 0 0;
	margin:0 0 6px 0;
	text-align:right;
	clear:both;
	float:left;
}
#content #interactive-tool form.mortgage-calculators div.col-1 input.short {
	width:70px;
	margin:0 10px 6px 0;
}
#content #interactive-tool form.mortgage-calculators div.col-1 div.hidden-box input.short {
	width:30px;
	margin-right:10px;
}
#content #interactive-tool form.mortgage-calculators div.col-1 div.hidden-box label.short {
	width:75px;
	text-align:left;
	padding:0 0 0 5px;
	margin:0;
}
#content #interactive-tool form.mortgage-calculators div.col-1 p.subtitle {
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	float:left;
	clear:both;
	width:450px;
	margin:16px 0 6px 0;
}
#content #interactive-tool form.mortgage-calculators div.col-1 div.no-label {
	min-height:22px;
	float:left;
	clear:both;
	margin:0;
	padding:3px 0 0 276px;
	width:190px;
}
#content #interactive-tool form.mortgage-calculators div.col-1 div.with-notes p.more-info {
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:220px;
}
#content #interactive-tool form.mortgage-calculators div.col-1 .element, #content #interactive-tool form.mortgage-calculators div.col-1 .element .er, #content #interactive-tool form.mortgage-calculators div.col-1 .element .fr {
	width:242px;
	overflow:hidden;
}
#interactive-tool div#frm-other-options .element .fr {
	width:242px;
	overflow:hidden;
}
#interactive-tool div#frm-other-options .element .fr label {
	padding-left:5px;
}
#content #interactive-tool form.mortgage-calculators div.col-1 .element div.radios input { margin-left:0; }
#page #content #interactive-tool form.mortgage-calculators div.col-1 .element p.error {
	margin-left:0 !important;
}
#content #interactive-tool p.note {
	display:block;
	text-align:right;
	margin:5px 10px 10px 10px;
}

/*--- BEGIN CODE COPIED FROM MORTGAGE.CALCULATOR.CSS ---*/
#content form.standard p.note span {color:#C00;}

/* Credit card tool */
#content table.results td.product-name a {
	text-decoration:none;
}
.tdprodimge {
	margin-bottom:2px; 
	clear:left;
}
.tdprodname {
	font-weight:bold; 
	text-align:left; 
	clear:left;
}
.tdprodinfo {
	clear:left;
}
.tdprodmore {
	margin-top:4px; 
	clear:left;
}
#content #credit-card-results div#frm-other-options label {
	width:auto;
	/*line-height:1.5;*/
	margin-right:10px;
}
#content #interactive-tool #credit-card-results div#frm-other-options a.help {
	float:left;
}
#content #credit-card-results div.fields table.results {
	width:100%;
	float:left;
}
#content #credit-card-results #frm-other-options .button {
	margin-top:-3px;
}
#content #interactive-tool #credit-card-results form.plain {
	overflow:visible;
}
#content #credit-card-results table.results td {
	text-align:center;
}
#content #credit-card-results table.results td.product-name {
	text-align:left;
}
#content #credit-card-results form.plain div label {
	position:static;
}
#content #interactive-tool #credit-card-results h4 {
	width:50%;
	float:left;
	padding:0 0 0 10px;
}
#content #credit-card-results #results-header {
	float:right;
	width:45%;
	clear:none;
}
#content #credit-card-results #results-header .pagination {
	float:right;
	width:235px;
	padding:0;
	margin-top:0;
}
#content #credit-card-results #results-header .pagination ul {
	float:right;
	margin:0 0 0 0;
	clear:none;
	display:inline;
}
#content #credit-card-results .view-per-page {
	float:left;
	margin:5px 0 0 10px;
	text-align:left;
}
#content #credit-card-details .regular td {
	padding:5px 10px;
}
#content #credit-card-details .regular p {
	font-size:1em;
	margin-bottom:5px;
}
#content #credit-card-details .regular th {
	font-weight:bold;
}
#content #credit-card-details .first td {
	padding:10px 10px 5px;
}
#content #credit-card-details .regular td.left2 {
	font-weight:bold;
}
#content #credit-card-details .regular td.left2 img {
	vertical-align:text-bottom;
}
#content #credit-card-details .intro-table td {
	padding-top:10px;
}
#content #credit-card-details .intro-table .first {
	padding-left:10px;
}
#content #credit-card-details #help-popup p {
	font-weight:normal;
}
#content #interactive-tool form#creditCardSearchCriteria select#creditCardSearchCriteria-q1 {
	width:225px;/*Mag 200907: Quick interim fix for TWOONE-13 until forms are redone*/
}