/* 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: 10px 0 19px 0;
	min-height:208px; 
	border:2px solid #ffffff;
}
#related div h2{
	background:url("/img/bg-h2-red.png") repeat-x scroll 0 100% #8f0001;
	color:white;	
}

#related div p{
	text-transform:uppercase;
	font-weight:bold;	
	margin:20px!important;
	font-size:130%;
}

* html #related div {
	padding-bottom: 24px;
}
	#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;
}

.home h2 { color:white; font-size:180% !important;}

#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%;
}


p { margin-bottom: 5px;}	
			
p.action{
	padding-bottom: 0px;
}	

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

	div#content div.home-content { 
		min-height: 226px;
		margin-top:10px;
		}
		
			* html div#content div.home-content {height: 239px;}
	
		div.home-content div { 
			float:left; 
			width:309px; 
		
			}
			
			div.home-content div#first { 
				background: url(../img/bg-home-divider.png) center right no-repeat; 
				padding-right:13px; 
				height:204px;
				}
				div.home-content div p{
					margin-top:15px!important;	
				}
			
				div.home-content div p.action { 
						text-align:right; 
						margin-bottom:5px;
						}
				div.home-content div h2{
					color:#8f0001;	
					margin:0;
				}

/* The product type tabs */
div#products {
	background: url(/img/bg-products.png) 0 0 repeat-y;
	margin-right: 0;
}
	#products div {
		background: white;
		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;
			position: relative;
			top: 1px;
		}
			#main .tabs ul li {
				float: left;
				padding-top: 0.5em;
				padding-bottom: 0.15em;
			}
				#main .tabs ul a {
					border: solid 1px #dbdbdb;
					border-top-width: 2px;
					border-left: none;
					margin: 0;
					padding: 0.05em 15px 0.15em 15px;
					text-decoration:none;
				}
					#main .tabs ul a {
						color: #910001;
						margin: 0.15em 0 0 0;
					}
					#main .tabs .ui-tabs-selected a {
						padding-top: 0.2em;
						color: #232323;
						background: #ebebeb;
						border-bottom-color: #ebebeb;
						cursor: text;
					}

				/* The product tabs, within the product group tabs */
				#main div.tabs div {
					border-top: solid 1px #dbdbdb;
					background: #ebebeb;
					padding: 1.4em 15px 1em 15px;
				}
					#main .tabs p.rate {
						color: #3e3e3e;
						width: 140px;
						font-size: 150%;
						margin-top: -0.5em;
						padding: 0;
					}
						/* The big rate figure */
						.rate strong {
							font-size: 210%;
							font-weight: normal;
						}

					#main .tabs p {
						float: left;
						width: 130px;
						margin: 0;
						padding: 0.1em 0 0.2em 0;
					}
						.tabs div p a {
							margin-right: 0.5em;
						}

#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 11px;
	}
	#related ul li.guaranteedequitybondisacalculator {background: url(/img/bg-calc.gif) 0 2px no-repeat;}
	#related ul li.findyourperfectaccount {background: url(/img/bg-save.gif) 0 2px no-repeat;}

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

#related p.action { text-align: right; }
p.email { 
	background:url(/img/icon-email.png) top left no-repeat; 
	padding-left: 35px; 
	margin-top:15px!important;
	}
	 p.email span { 
		font-size: 130%;
		font-weight:bold; 
		}

#important-info{
	background-color:#727171;
	color:#ffffff;
	border:none;
}

/* 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;
				}