/*
 * The Nottingham
 * 
 * File: style.css
 * Desc: Base styles to be carried though the whole site.
 * 
 * Date			Author				 	Comments
 * Sometime		Dave Wilson (Headland)			Created
 * 21.03.07		Dave Bullough (Headland)		Made CSS readable, amended for rebrand, *some* IE7/Firefox fixes.
 */

/* Redefinitions */


	body {
		background-color:			#FFFFFF;
		font-family:				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:				11px;
	}
	
	body, table {
		margin:				0px;
	}
 
	img {
		border:				0px;
	}
	
	a:link, a:visited {
		color:					#003867;
		font-weight:				bold;
	}
 
	.clsInputText {
		width:					85%;
	}
 
	.floattableinput {
		width:					70%;
	}
 
	/* Hide from IE */
	* > .floattableinput {
		width:					30%;
	 }
	 
	 .panel {
		 float:				left;
	 }
 
	#topnav {
		left:					0px;
		top:					0px;
		width:					100%;
		height:				100px;
	 }
 
	#headerimage {
		background-color:			#003867;		
		text-align:				left;
	}
	
	
	#content {
		color:					#333333;
		padding-top:				10px;
		margin:				0px 0px 0px 20px;
		width:					800px;
		clear:					both;
		margin-top:				50px;
	}
	
	* html #content {
		position:				absolute;
		top: 					98px;
	}
	
	#content #content-lhs {
		width:					490px
	}
	
	
	
	#content #content-lhs.fullWidth {
		width:					650px
	}
	
	#content #content-rhs {
		margin-left:				10px;
		width:					120px;
	}
	
	#content #content-rhs #Links {
		background-color:			#87BD0D;	
		padding:				10px;		
	}
	
	#content #content-rhs #Links div {
		padding:				3px
		
	}
	
	#content #content-rhs #Links a:link, #content #content-rhs #Links a:visited {
		font-weight:				bold;
		color:					#ffffff;
	}
	
	#PageHeader {
		width:					350px;
	}
	
	#PageHeader img {
		padding-bottom:			10px;
	}
	
	* html #PageHeader img {
		padding-top:				10px;
	}
	
	#LastModified {
		clear:					both;
	}
	
	#debug {
		border: 1px solid #e4e4e4;
		position: absolute;
		right: 10px;
	}
	
	hr {
		clear:					both;
		border:				0px;
		height:				1px;
		color:					#999999;
		background-color:			#999999;
		margin-top:				10px;
	}
	
	/*KFI form container has problems with minimum height, so override it on certain elements*/
	.min120 {
		min-height:			180px !important;
	}
	.min90 {
		min-height:			90px !important;
	}
	
	
/* HOMEPAGE */
	#content #homepage {
		width:650px;
		float:left;
		overflow:auto;
	}
	#content #homepage-left {
		width:					650px;
	}
	
	#content #homepage-right {
		margin-left:				30px;
		margin-top:				0px;
	}
	
	/*4-up*/
	
	#content #homepage-left #homepage-4Up {
		margin-top:				25px;
		width:					400px;
		height:				180px;
		*height:			170px;
		_height:			230px;
		
	}
	
	#content #homepage-left #homepage-4Up .homepage-4Up-container div {
		min-height:				70px;
		height:				70px;
		width:					181px;
		background-color:			#C9E6F6;
		margin-right:				15px;
		margin-bottom:			15px;
	}
	
	#content #homepage-left #homepage-4Up .homepage-4Up-container div h2 {
		font-size:				12px;
		margin:				0px;
		padding:				0px;
		color:					#003867;
	}
	
	/*4-up-textbox*/
	
	#content #homepage-left #homepage-4Uptextbox {
		margin-top:				25px;
		width:					400px;
		height:				460px;
		*height:			440px;
		_height:			460px;
		
	}
	
	#content #homepage-left #homepage-4Uptextbox .homepage-4Uptextbox-container div {
		min-height:				70px;
		height:				70px;
		width:					181px;
		background-color:			#C9E6F6;
		margin-right:				15px;
		margin-bottom:			15px;
	}
	
	#content #homepage-left #homepage-4Uptextbox .homepage-4Uptextbox-container div h2 {
		font-size:				12px;
		margin:				0px;
		padding:				0px;
		color:					#003867;
	}
	
	.panelleftalign {
		padding-bottom: 10px;
	}
	
	/*2-up*/
	
	#content #homepage-2Up {
		margin-top:				20px;
		margin-bottom:			50px;
		width:					490px;
		min-height:				90px;
		height:				90px;

	}
	
	#content #homepage-2Up div {
		width:					245px;
		text-align:				center;
	}
	
	#content #homepage-2Up div.leftAlign {
		text-align:				left;
	}
	
	#content #homepage-2Up div.rightAlign {
		text-align:				right;
	}
	
	#content #homepage-footer {
		width:					700px;
		color:					#999999;
		font-size:				9px;
		clear:					both;
		margin-top:10px;
	}
	
	#content #homepage-footer #homepgae-footer-text {
		width:					550px;
	}
	
	#content #homepage-footer #homepage-footer-privacy {
		float:					right;				
	}
	
	#content #homepage-footer a {
		text-decoration:			underline;
		color:					#666666;
	}
	
	.intMoneyBannerPublic {
		position:relative;
		margin-top:-568px;
		left: 670px;
		width:112px;
	}
	
	* html intMoneyBannerPublic {
		margin-top:-530px;
	}
	
	* html .intMoneyBanner {
		position:relative;
		left:490px; top:-700px; z-index:1000;
	}
	
/*SAVINGS*/
	
	#content #savings-news .nbssec13 {
		color: 				#003867;
		font-weight:				bold;
		font-size:				15px;
	}
	
	#content #savings-news .nbsh2b {
		padding-top:				5px;
		color:					#333333;
		font-weight:				normal;
		font-size:				12px;
	}
	
	.savings-choose-holder {
		/*border: 1px solid red;*/
		min-height:				100px;
		height:				100px;
	}
	
	#content #savings-pick-account.savings-lhs {
		width:					400px;
	}
	
	#content #savings-pick-account.savings-rhs {
		margin-left:				20px;
		width:					150px;
	}
	
/*MORTGAGES*/

	#content #mortgage-best-buy {
		padding:				10px;
		font-weight:				bold;
		min-height:				30px;
		text-align:				center;
		color:					#003867;
		background-color:			#C9E6F6;
	}
	
	#content #mortgage-best-buy div {
		margin-bottom:			0px;
		font-weight:				normal;
		color:					#333333;
	}
	
/*CONTACT US*/

	#content #contactus {
		color: 				#003867;
		font-weight:				bold;
		font-size:				13px;
	}
	
	#contactus #contactus-4Up .contactus-4Up-container div {
		min-height:				100px;
		height:				100px;
		background-color:			#C9E6F6;
		margin-top:				20px;
		width:					220px;
		text-align:				center;
	}
	
	* html #content #contactus-4Up h3 {
		font-size:		13px;
		margin-top:		10px;
	}
	
	#contactus #contactus-4Up .right {
		margin-left:				10px;
	}
	
/*ABOUT US*/
	
	#content #aboutus-history img {
		padding: 				5px 0px 5px 5px;;
	}
	
	#content #aboutus-history .nbssec17 {
		padding-bottom:			5px;
		padding-top:				5px;
	}

	
/*REDEFINTIIONS*/	

	div.blueBox {
		width:					300px;
		padding:				10px;
		background-color:			#c9e6f6;
		color:					#003867;
		min-height:				55px;
		height:				55px;
		margin-bottom:			10px;
	}
	
	div.blueBox h3 {
		font-size:				12pt;
		margin:				0px;
	}
	
	div.blueBox p {
		margin-top:				0px;
	}
	
	
	div.center {    
		text-align:				center; 
		font-weight:			normal;
	}
	 
	div.center div  {
		margin-left:		 		auto;
		margin-right: 			auto;
		text-align: 				left; 
	}
	 
	div.center table   {
		margin-left:	 			auto;
		margin-right: 			auto;   
		text-align: 				left;
	}       
	
	.outertable  {
		background-color: 			#003867; 
		border:   				0px; 
		border-collapse:			collapse;
	}
	
	.formtable {
		border-collapse:			collapse;
		width:					99%;
	}
	
	li {
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   11px; 
	}
	
	.formtable table {
		empty-cells:				show;
	}
	
	
	.formtable td  {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:  				11px; 
		border:				1px solid #003867;
		padding:				2px;
		text-align:				center;
	}
	
	.ltvtable td  {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		border:				1px solid #003867;
		padding:				2px;
		text-align:				left;
	}
	
	.ltvdiv  {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		border:				1px solid #003867;
		padding:				2px;
		height:				40px;
	
	}
	
	p {	
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:  				8pt;
	}
	
	
	.joinourpanel {
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:  				8pt;
		color:					#99CC00;
		font-weight:				bold;
	} 
	
	.innertable  {
		border-collapse:			collapse;
	
	}
	
	.innertable td  {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		border:				1px solid #003867;
		padding:				5px;
	}
	
	.innertable th  { 
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		font-weight:				bold; 
		color:					#003867;
		background-color:			#C9E6F6;
		padding:				5px;
		border:				1px solid #003867;
	}
	
	/* the bgcolor above changed from CCFF99 to FFFFFF on 09-11-04 as requested in fax */	
	
	.innertable_nps  {
		border-collapse:			collapse;
	
	}
	
	.innertable_nps td  {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		border:				1px solid #003867;
		padding:				2px;
	}
	
	.innertable_nps th  { 
		background-color:			#CCFF99;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:  				11px; font-weight: bold; 
		background-color:			#FFFFFF;
		border:				1px solid #003867;
	}
			
	
	
	table#insurance th, #insurance td {
		border:				1px solid #003867;
	} 
					
	
					
	.formtitle {
		font-weight:				bold;
		font-size:				12pt;
	}
	
	.formsubtitle				 {
		font-weight:				bold;
		font-size:				10pt;
	}
	
	.formtitle_nps				 	{
		font-weight:				bold;
		font-size:				12pt;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;
		color:					#73A6C6;
	}
	
	.formsubtitle_nps {
		font-weight:				bold;
		font-size:				10pt;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;
		color:					#003867;
	}
	
	
	.formtable {
		border-collapse:			collapse;
	}
	
	.formtable td {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		padding:				2px;   
	}
	
	.formtable div {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		padding:				2px;  
		/*for IE7*/
		min-height:				20px;
	}
	
	.formcontainer {
		height:   				30px;
		/* css hack to hide this code from IE5 on the mac.  Clever stuff. \*/
		clear:  both;
		height:   0;
		/* */
	}
	
	.formright {
		float:  				right;
	}
	
	.formleft {
		float: 				left;
	}
	
	.clear {
		clear: both;
	}
	
	
	/* Tables made out of DIVs */
	
	div.base-layer {
		color: 				#000000;
		margin:				0;
		padding:   				0;
		text-align:				center;
		width: 				auto;
	}
	
	div.table-row				 {
		color:					#000000;
		margin-top:				0;
		margin-right:				auto;
		margin-bottom:			5px;
		margin-left:				auto;
		padding:				0;
		text-align:				center;
		width:				 	96%;
		border-bottom:			1px solid #CC33CC;
	}
	
	div.left-table-layer		{
		border:				none;
		float:					left; 
		margin:				0;
		padding:				0;
		width:				 	18%;
	}
	
	div.right-table-layer		{
		border:				none;
		float:				 	right;
		margin:				0;
		padding:				0;
		width:				 	18%;
	}
	
	div.space-line				 {
		clear:				 	both;
		margin:				0;
		padding:				0;
		width:				 	auto;
	}
	
	h5.colhdr				 	{
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		font-weight:				normal;
		margin:				0;
		padding:				0.3em 0.3em 0 0.3em;
		text-align:				left;
		width:				 	auto;
	}
	
	p.text {
		margin:				0;
		font-style:				normal;
		font-size:				1em;
		text-align:				center;
		text-indent:				0;
		width:				 	auto;
	}
	
	.sitemap {
		color: 				#397604
	}
	
	.mortgagerisk {
		width:					400px;
		margin-left:				auto;
		margin-right:				auto;
		color: 				#000000;
		text-align: 				center;
		font-weight:				bold;
		padding: 				5px;
	}
	
	.mortgage-best-buy  {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		font-weight:				bold;
		border:				1px solid 	#009966;
		padding:				4px;
		text-align:				center;
	} 
	
	.tableformnostyle {
		border-collapse:			collapse;
		width:					100%;
		border:				0;
	}
	
	.tableformnostyle td {
		border:				0;
		text-align:				left;
	}
	
	/* for prop pages ie. budget planner in buyers tips */
	.innertable_property  {
		border-collapse:			collapse;
	
	}
	
	.innertable_property td  {
		background-color:			#FFFFFF;
		font-family: 				Arial, Geneva, Verdana, Tahoma, sans-serif;  
		font-size:   				11px; 
		border:				1px solid 	#003867;
		padding:				2px;
	}
	
	/**/
	.nbsh1b {
		margin-top:				10px;
	}
	
	.contactHeaderBlue {
		font-size: 14px;
		color: #003867;
		margin-top:5px;
		margin-bottom: 5px;
		font-weight: bold;
	}
	
	.contactTableMiniHeader
	{
		font-weight:bold;
		color:#003867;
	}
	
	.table3columnnormaltext {
		
	}
	
	.table3columnsplit {
		width:20px;
		text-align:center;
	}
	
	.blueborderdiv {
		border-color:#003867;
		border-width:1px;
		border-style:solid;
	}
	
	
	.frmElement {
		clear:both;	
		margin-bottom:5px;
	}     
	
	.frmLabel {
		clear:both;	
		font-weight:bold;
		width:105px;
	}
	
	.frmComp {
		clear:both;	
		width:105px;
	}