/* Just for the home page */
/* Stuff which is squirreled away, for accessibility reasons */
h1, .tabs p a span {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Default rules for content panels on the home page */
#content div, #related div {
	color: #030303;
	background: #e3e2e2;
	margin: 0 19px 19px 0;
}
#related div {
	margin: 0 0 19px 0;
}
	#content div div, #related div div {
		margin: 0;
	}

h2, #main .config {
	color: #8f0001;
	background: white url(/img/sprite-default.png) -1758px 100% no-repeat;
	font-weight: normal;
	padding: 0.5em 20px;
	margin: 0 0 0.2em 0;
}
#main .config {
	padding-right: 0;
}
	/* For the news panel */
	#main .config h2, #main .config p {
		margin: 0;
		padding: 0;
		background: none;
		float: left;
		width: 290px;
	}
	#main .config p {
		width: 291px;
		text-align: right;
		font-size: 85%;
		padding-top: 0.4em;
	}

h3 {
	margin: 0 20px 0.2em 20px;
	font-weight: normal;
	font-size: 130%;
}

#content p, #related div p, #content ul {
	margin: 0 20px 1em 20px;
}

/* The product type tabs */
/* RT2085 - this is the new hotness, for the product tabs */
div#products {
	background: url(/img/bg-products.png) 0 0 repeat-y;
}
	#products div {
		background: #ebebeb;
		float: left;
		width: 300px;
	}
		#products div div {
			float: none;
			width: auto;
		}

	#products div#fixed-rate {
		margin: 0 0 0 20px;
	}
		#products div div {
			padding: 0;
			float: none;
		}
		#main p.candy {
			margin: 0;
		}
		#products h2 {
			color: #030303;
			background: none;
			padding-bottom: 0;
		}
			#products h2 a {
				color: #030303;
			}

		/* This class is dynamically applied */
		.ui-tabs .ui-tabs-hide {display: none;}
		#main .tabs ul {
			margin: 0;
		}
			#main .tabs ul li {
				float: left;
				padding-top: 0.5em;
				padding-bottom: 0.25em;
			}
				#main .tabs ul a {
					margin: 0.1em 1px 0 0;
					border: solid 1px #969696;
					border-bottom-color: #bdacac;
					padding: 0.4em 15px 0.25em 15px;
					text-decoration: none;
					color: black;
					background: #c3c2c2;
				}
				#main .tabs .ui-tabs-selected a {
					margin-top: 0;
					border: solid 1px #bdacac;
					border-bottom-color: white;
					padding-top: 0.5em;
					background: white;
					cursor: text;
				}

				/* The product tabs, within the product group tabs */
				#main div.tabs div {
					border: solid 1px #bdacac;
					border-bottom: none;
					background: white;
					padding: 1em 0 0 0;
				}
						.tabs .rate acronym {
							font-size: 130%;
						}
						/* The big rate figure */
						.tabs .rate strong {
							font-size: 280%;
							font-weight: normal;
						}
						/* "Learn more" */
						.tabs .rate a {
							margin-left: 1.5em;
							white-space: nowrap;
						}

#content ul.threecol {
	padding-top: 1em;
}
	#content ul.threecol li {
		float: left;
		width: 193px;
	}

	#related ul {
		margin: 0 20px 0.6em 20px;
	}
	#related ul li {
		margin: 0 0 0.2em 0;
		padding: 0 0 0 17px;
	}
		#related ul li.findtheperfectaccount {background: url(/img/bg_perfect-account.png) 0 2px no-repeat;}
		#related ul li.guaranteedequitybondisacalculator {background: url(/img/bg_calc.png) 0 2px no-repeat;}
		#related ul li.fixedtermsavings {background: url(/img/bg_fixed.png) 0 2px no-repeat;}
		#related ul li.interestratechanges {background: url(/img/bg_interest-rate.png) 0 2px no-repeat;}
		#related ul li.bmmortgageslink {background: url(/img/bg_mortgages.png) 0 2px no-repeat;}
	

#related strong {
	color: #900001;
	font-size: 120%;
	font-weight: normal;
}

/* Help panel, bottom */
div#help {
	clear: both;
	color: black;
	background: url(/img/sprite-home.png) 0 0 repeat-y;
	padding: 0 0 0 20px;
	margin: 0 0 2.3em 0;
}
	#help h2 {
		margin: 0;
		padding: 0.3em 0;
		background: none;
		float: left;
		width: 334px;
	}
	#help ul {
		margin: 0;
		float: left;
		width: 606px;
		background: url(/img/bg-help-ul.png) 0 50% no-repeat;
		font-size: 90%;
	}
		#help ul li {
			float: left;
			width:303px;
			padding: 1.1em 0;
		}
			#help ul a {
				display: block;
				padding: 0 0 0 55px;
				color: black;
			}
				#help ul a em {
					color: #900001;
					font-style: normal;
				}
				#help ul strong {
					color: #900001;
					font-size: 160%;
					font-weight: normal;
					line-height: 0.6;
				}