#vertical_container {
	margin-bottom:1em;
}

	/*
		Vertical Accordions
	*/
	
#content .accordion_toggle {
	width:530px;
	display:block;
	cursor:pointer;
	margin:0;
	padding:0;
}

#content .accordion_toggle h1.indent {
	text-indent:-10000px;
}

#content .accordion_toggle h1.rates {
	text-indent: none;
}

#content .accordion_toggle .rates {
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.7;
	padding-left: 0.75em;
}
#content .accordion_toggle .recentrates {
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.7;
	padding-left: 0.75em;
	
}
#content .accordion_toggle .rates, #content .accordion_toggle .recentrates {
	color: #214081;
	padding-left: 0.75em;
}

#content .accordion_toggle_active .rates, #content .accordion_toggle_active .recentrates {
	color: #fff;
	padding-left: 0.75em;
	
}

#content .buying_refinancing {
	background:#fff url('/images/accordion_buyingrefinancing.gif') no-repeat;
	height:31px;
	padding:0;
	margin:0;
}

#content .accordion_toggle_active .buying_refinancing  {
	background:#fff url('/images/accordion_buyingrefinancing_over.gif') no-repeat;
	height:31px;
	padding:0;
	margin:0;
}

#content .purchasing {
	background:#fff url('/images/accordion_purchasing.gif') no-repeat;
	height:31px;
	padding:0;
	margin:0;
}

#content .accordion_toggle_active .purchasing  {
	background:#fff url('/images/accordion_purchasing_over.gif') no-repeat;
	height:31px;
	padding:0;
	margin:0;
}

#content .new_construction {
	background:#fff url('/images/accordion_newconstruction.gif') no-repeat;
	height:31px;
	padding:0;
	margin:0;
}

#content .accordion_toggle_active .new_construction  {
	background:#fff url('/images/accordion_newconstruction_over.gif') no-repeat;
	height:31px;
	padding:0;
	margin:0;
}

#content .debt_consolidation {
	background:#fff url('/images/accordion_debtconsolidation.gif') no-repeat;
	height:32px;
	padding:0;
	margin:0;
}
	
#content .accordion_toggle_active .debt_consolidation  {
	background:#fff url('/images/accordion_debtconsolidation_over.gif') no-repeat;
	height:31px;
	padding:0;
	margin:0;
}

#content .recentrates {
	background:#fff url('/images/rates_header.gif') no-repeat;
	height:31px;
	cursor:hand;
	padding:0;
	margin:0;
}

#content .accordion_toggle_active .recentrates  {
	background:#fff url('/images/ratesover_header.gif') no-repeat;
	height:31px;
	margin:0;
}

#content .rates {
	background:#fff url('/images/rates_header.gif') no-repeat;
	height:32px;
	padding:0;
	margin:0;
}
	
#content .accordion_toggle_active .rates  {
	background:#fff url('/images/ratesover_header.gif') no-repeat;
	height:31px;
/*	padding:0;
	margin:0;
*/}
	
#content .accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		border-top:1px solid #77787b;
		border-left:1px solid #77787b;
		border-right:1px solid #77787b;
	}
		
		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #214081;
		}
		
		.accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
		
	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 600px;
		background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}

	.vertical_accordion_toggle_active {
		background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}

	.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
	}

		.vertical_accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}

		.vertical_accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
		
	/*
		Horizontal Accordion
	*/
	
	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		display: block;
		height: 100px;
		width: 30px;
		background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}
	
	.horizontal_accordion_toggle_active {
		background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
		border-right: 1px solid #f68263;
	}
	
	.horizontal_accordion_content {
		/* REQUIRED */
		height: 100px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		
		overflow: hidden;
		background-color: #ffffff;
		color: #444444;
	}
		
		.horizontal_accordion_content p {
			width: 450px;
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
				
				
/* Container styling*/
#horizontal_container {
  margin: 20px auto 20px auto;
  width: 680px;   
  height: 100px;    
}

#vertical_nested_container {
  margin: 20px auto 20px auto;
  width: 620px;
}