/* Just for the home page */
div#main {
	background: white;
}
div#content {
	width: 670px;
}
	/* The containers for the two panel contents */
	fieldset#mortgage, div#products, div#insurance {
		margin: 0 10px 0 11px;
		padding: 0;
		border-bottom: solid 1px white;
	}
	
	fieldset#mortgage {
		color: white;
		background: #5099d0 url(/img/bg-main-fieldset.png) top left repeat-x;
	}
	
	
		#mortgage p, #products p, #insurance p {
			background: url(/img/bg-panels-p.png) top left no-repeat;
			padding: 0 0 0.8em 17px;
		}
		fieldset#mortgage dl, div#products dl, div#insurance dl {
			margin: 0 20px 0.35em 28px;
		}
		/* The final group of controls, to submit the form */
		#mortgage dl.submitgroup {
			margin: 1.2em 20px 1.8em 28px;
		}
			#mortgage dt, #products dt {
				width: 177px;
				float: left;
			}
			/* Form fields container */
			#mortgage dd, #products dd {
				width: 416px;
				float: left;
			}
				#mortgage dd input, #mortgage dd select, #mortgage dd textarea {
					width: 215px;
				}
				
				div #main #mortgage dd select, 
				div #main #mortgage dd #ctl00_ContentPlaceHolder_HomeSearch_txtProductCode {
				    width:265px;
				}
				
				#content input, #content select, #content textarea {
					border: solid 1px #7f9db9;
				}
					/* Submit button for the top Mortgage Search */
					#mortgage input#ctl00_ContentPlaceHolder_HomeSearch_btnMortgageSubmit {
						font-size: 110%;
						width: 138px;
					}
	/* The product highlights */
	#products p, #mortgage p, #insurance p {
		padding: 0 0 0 17px;
		margin: 0.8em 20px 0.6em 28px;
	}
	#mortgage dl {
		margin: 0 20px 1.8em 28px;
	}
		div#main fieldset dl dt {
			width: 177px;
		}
		div#main fieldset dl dd {
			width: 424px;
		}
	#products ul {
		margin: 0 0 0.3em 28px;
	}
	#insurance ul {
		margin: 0 0 1.8em 28px;
	}
		#products ul li, #insurance ul li {
			float: left;
			width: 199px;
		}
		#products map ul li, #mortgage map ul li, #insurance map ul li {
			float: none;
			width: auto;
			font-weight: bold;
		}
		#products ul li.clear {
			clear: left;
		}
				
			#products ul a, #insurance ul a {
				display: block;
				margin: 0 5px 5px 0;
				border: solid 2px white;
				background: #dadce5 url(/img/bg-products-ul-a.png) top right no-repeat;
				padding: 4px 26px 0 6px;
				text-decoration: none;
				color: #0d488c;
				height: 6.2em;
			}
			#insurance ul a {
				height: 9.5em;
				hei\ght: 7.5em;
				position: relative;
				/* To leave space for the more image */
				padding-bottom: 20px;
			}
			html[lang] #products ul a {
				height: auto;
				min-height: 6.2em;
			}
			html[lang] #insurance ul a {
				height: auto;
				min-height: 7.5em;
			}
				#insurance ul strong {
					margin: 0 0 0.5em 0;
					display: block;
				}
				/* Bulllet-style nonsense for the insurance tab */
				#products ul span, #insurance ul span {
					background: url(/img/bullet-insurance.gif) 0 7px no-repeat;
					padding: 5px 0 5px 10px;
					display: block;
					font-size:90%;
				}
				
				#insurance ul span{
					padding: 0 0 0 10px;
					}
					
				#products ul span {
					height: 2.5em;
				}
				/* More image */
				#insurance ul a img {
					position: absolute;
					right: 30px;
					bottom: 3px;
				}

			/* Call-to-action links */
			#products ul.action {
				margin: 0 0 1em 0;
				border-top: solid 4px white;
				padding: 0.7em 0 0 28px;
			}
				  html>/**/body #products ul.action { margin-bottom:0px;}
			
			#products ul.action li{
				clear:none;
				
			}
			
			#products ul.action a {
				background: url(/img/bg-products-action-a.png) top no-repeat;
				margin: 0 5px 0 0;
				padding: 0;
				border: none;
				width: auto;
				height: auto;
				font-size: 110%;
				color: black;
				text-align:left;
			}
			html[lang] #products ul a {
				height: auto;
				min-height: 0;
			}
			#products ul.action a:hover {
				background: url(/img/bg-products-action-a-hover.png) top no-repeat;
			}
				#products ul.action li span {
					background: url(/img/bg-products-action-a-span.png) bottom no-repeat;
					height: auto;
				}

				/* Some rule cancelling, for the tabbed navigation */
				#products map ul span, #insurance map ul span {
					display: inline;
				}

			/* Tabbed navigation */
			#products map ul a, #insurance map ul a {
				display: inline;
				border: none;
				height: auto;
				min-height: 0;
				padding-right: 0;
				padding-left: 0;
				font-size: 100%;
			}
				#products ul a {
					font-size: 90%;
				}
				/* Type */
				#products ul a em {
					font-style: normal;
					font-weight: bold;
					font-size: 100%;
				}
				/* Rate */
				#products ul a strong {
					font-size: 200%;
				}
				/* "more" button */
				#products ul a img, #insurance ul a img {
					opacity: 1;
					filter: alpha(opacity=100);
				}
				/* "more" button */
				#products ul a img {
					margin: 0 0 0 14px;
				}
				#products ul a:hover img, #insurance ul a:hover img {
					opacity: .70;
					filter: alpha(opacity=70);
				}

/* The other product search.  I don't get it either. */
fieldset#homeproductsearch {
	border-top: solid 3px white;
	color: white;
	background: #768288 url(/img/bg-homeproductsearch.png) bottom repeat-x;
	padding: 0.6em 0 0 27px;
	margin: 0 10px 0 11px;
}

    fieldset#homeproductsearch #ctl00_ContentPlaceHolder_HomeSearch_pnlProductSearch {
        float:left;
    }

	fieldset#homeproductsearch p {
		float: left;
		width: 310px;
		margin: 0;
		padding: 0 0 1em 0;
	}
	fieldset#homeproductsearch p.first {
		width: 305px;
		margin: 0 0px 0 0px;
	}
		#homeproductsearch label {
			display: block;
		}
		#homeproductsearch input, #homeproductsearch select {
			font-size: 85%;
			width: 182px;
		}
		
		div#main #homeproductsearch select {
		    width:265px;
		}

/* The news pane, and the flash banner */
div#lowercontent {
	background: #f2f3f8;
	margin: 0 10px 0.8em 11px;
	border-top: solid 0.7em white;
}
	#lowercontent div {
		float: left;
		width: 324px;
		padding: 12px 0 0 0;
	}
		/* The Lloyds Banking Intermediaries panel */
		#lowercontent div div {
			float: none;
			width: auto;
			background: white;
			margin: 8px;
			padding: 0.4em 0 0 0;
		}
			#lowercontent div div h2 {
				margin: 0 8px;
				font-size: 120%;
			}
			#lowercontent div div p {
				margin: 0 8px 0.7em 8px;
			}
			#lowercontent div div p a, #lowercontent div div p a:hover {
				color: black;
				width: auto;
				background: white;
			}
		#lowercontent h1, #lowercontent h2 {
			font-size: 130%;
			margin: 0 16px 0.7em 16px;
			/* RT20237 */
			margin: 0 16px 0.6em 16px;
		}
		#lowercontent a, #lowercontent ul li a em {
			color: #1577c0;
			text-decoration: none;
		}
		#lowercontent ul, #lowercontent p {
			margin: 0 16px 1em 16px;
			/* RT20237 */
			margin: 0 16px 10px 0;
		}
			#lowercontent ul li {
				padding: 0 0 0 28px;
			}
				#lowercontent ul li a {
					color: black;
					display: block;
				}
				* html #lowercontent ul li a {
					height: 1px;
				}
					/* NEW! */
					#lowercontent .new {
						background: url(/img/bg-lowercontent-new.png) right no-repeat;
						padding: 0 30px 0 0;
					}				

	/* Flash banner, left */
	p#banner {
		margin: 0;
		width: 325px;
		float: left;
	}
		p#banner a {
			display: inline;
			width: auto;
		}

/* The Rates Update boxes */
div#rates {
	color: white;
	background: #4372a7 url(/img/bg-rates.png) top repeat-x;
	padding: 5px 5px 15px 5px;
	margin: 0 10px 0.8em 11px;
}
	#rates h2 {
		margin: 0 0 0.6em 10px;
	}

	#rates ul li {
		background: none;
		float:left;
		width: 280px;
		margin: 0px 3px 0px 10px;
		border: solid 1px white;
		padding: 0.5em 10px;
	}
	/* IE6 spacing issue fix */
	* html #rates ul li { margin: 0px 6px 0px 6px; } 
	
		#rates ul li span {
		    width:180px;
		    display:block;
		    float:left;
		    padding: 0.5em 10px;
		    vertical-align: middle;
		}
			/* These are the patch rules, to adjust for the increased text size. */
			#rates ul li strong {
				font-size: 180%;
				vertical-align: middle;
			}

/* Related links */
div#related {
	width: 251px;
}
	#related dd {
		width: 199px;
	}
	#related p.edit {
		padding: 6px 0 6px 70px;
	}
	/* The bubble is wider on the home page.  I hope it doesn't burst. */
	#related div.bubble {
		background: url(/img/bg-bubble-home.png) repeat-y;
	}
		#related .bubble h3 {
			background: url(/img/bg-bubble-h3-home.png) top no-repeat;
		}
		#related .bubble p {
			background: url(/img/bg-bubble-p-home.png) bottom no-repeat;
		}

ol.nolistIcon { padding: 0 20px 5px 18px; margin: 0; }
ol.nolistIcon li { list-style-image: none; }
	ol.nolistIcon li a { color: black; }