/*------------------------------------------------------------------ 
Organisation:		Norwich and Peterborough Building Society
Stylesheet name:	master.css
Date created:		26/02/09  
Primary use:		projector, screen
Copyright:			Norwich and Peterborough Building Society 2009

[Brand colours]
Ivory:				#fcfbf5
Highlight 1:		#fbbe00	(do not use for text)
Highlight 2:		#f39800	(do not use for text)
Highlight 3:		#e74c14
Highlight 4:		#e20031
Highlight 5:		#de006a
Highlight 6:		#cf3187
Highlight 7:		#ad007c
Highlight 8:		#7d1b7f
Highlight 9:		#3e2782
Highlight 10:		#1e549e
Highlight 11:		#0079bd
Highlight 12:		#00a9e0
Highlight 13:		#00a8bd
Highlight 14:		#00a276
Highlight 15:		#56ac36
Highlight 16:		#97bf0d	(do not use for text)
Highlight 17:		#bdcd00	(do not use for text)
Highlight 18:		#dedc24	(do not use for text)
---------------------------------------------------------------
[Contents]
=1 General rules
=2 Layout
	=2.1 Related
	=2.2 Section navigation
	=2.3 Content
	=2.4 Sidebar
	=2.5 Footer
=3 Text
=4 Link styles
=5 Navigation
	=5.1 Main navigation
	=5.2 Section navigation
	=5.3 Quicklinks
	=5.4 Related navigation
=6 Forms
=7 General Styles
	=7.1 General
	=7.2 Header
	=7.3 Related
	=7.4 Content
	=7.5 Footer
=8 Localised styles
	=8.1 Breadcrumb
	=8.2 Homepage pledge text
	=8.3 Customer-section
	=8.4 Formatted text area
	=8.5 Teasers
		=8.5.1 Teaser layouts
		=8.5.2 Teaser colour themes
			=8.5.2.1 Teaser green colour theme
			=8.5.2.2 Teaser red colour theme
	=8.6 Banners
		=8.6.1 Banner colour themes
			=8.6.1.1 Banner red colour theme
			=8.6.1.2 Banner green colour theme
		=8.6.2 Flash banners
	=8.7 Call to action
	=8.8 Sitemap
	=8.9 Branch finder, Branch page and Closed Branch page
	=8.10 Mortgage product filter
	=8.11 Property pages
	=8.12 Standard table
	=8.13 Rates table
		=8.13.1 Future rates notice message
		=8.13.2 Future rates table
	=8.14 Mortgage product table
	=8.15 Savings product table
	=8.16 Product tabs
	=8.17 Products page
	=8.18 FAQs
	=8.19 Search results
	=8.20 Whos who page
	=8.21 Splash pages
	=8.22 Log in pages
	=8.23 Calculator page
=9 Misc classes
	=9.1 JQuery classes
	=9.2 Blueprint classes
---------------------------------------------------------------*/

/* =1 General rules 
-------------------------------------------------------------- */
body {
	background-color:#fcfbf5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: Black;
	margin-top:0px;
}
	
/* =2 Layout (these replace the Blueprint structure styles)
-------------------------------------------------------------- */
/* =2.1 Related */
#related {
	float:left;
	margin-right: 20px;
	width:300px;
}

/* =2.2 Section navigation */
#section-nav {
	float:left;
	margin-right: 20px;
	min-height:25em;
	width:220px;
}

/* =2.3 Content */
#content {
	float: left;
	margin: 20px 20px 0 0;
	min-height:300px;
}

#content.home, #content.nav1col, #content.nonav1col, #sidebar, #footer { /* Add other DIVs here that end on the right */
	margin-right: 0px;
	padding-right: 0px;
}

#content.home {
	width: 620px;
	margin-top: 0px;
}

#content.nav2col {
	width: 460px;
}

#content.nav1col {
	width: 700px;
}

#content.nonav2col {
	width: 700px;
}

#content.nonav1col {
	width: 940px;
}

/* =2.4 Sidebar */
#sidebar {
	float:left;
	margin-top:20px;
	width:220px;
}

/* =2.5 Footer */
#footer {
	float:left;
	margin:0;
	width:940px;
}

/* =3 Text 
NB -	h2, h3, h4, #nav li p are replaced by sIFR. 
		Font-sizes and other styles for sIFR replaced text are defined in sifr.css.
		Font-sizes and other styles for when sIFR is disabled (no javascript or no flash) are set below.
		Font-sizes which required fixed pixel sizes are defined in sifr-config.js.
-------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
	color: #00a8bd;
	text-transform: uppercase;
}

h1 {font-size: 1em;}

h2 {
	font-size: 1.9em; 
	font-weight:bold;
	margin-bottom: 0.3em;
}

h3 {
	font-size: 1.5em;
	margin-bottom:0.5em;
}

h4 {
	font-size: 1.35em;
    height:auto;
}
h5 {font-size: 1.4em; font-weight:normal;}

h6 {
	color:#00a8bd;
	font-size: 1.35em;
	font-weight:normal;
	margin-bottom:0.3em;
}

p {color: Black;}

ul {list-style-type:none;}

li p {margin: 0px;}

hr {
	background-color:#0079bd;
	height:1px;
	/* color is for IE */
	color:#0079bd;
	/* border: 0 removes the shading in most web browsers */
	border: 0;
	/* A zero-margin aligns it in most web browsers */
	margin:2em 0;
	/* Aligns it in IE */
	text-align: left;
}

/* =4 Link styles
-------------------------------------------------------------- */
a {
	color:black;
	font-weight: bold;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.9em;
}

a:hover, a:active {
	outline: none;
}

#content a, #sidebar a, .teaser a {
	background: url(../../images/link-arrow-blue.png) no-repeat 0 5px;
	color:#0079bd;
	padding-left:14px;
}

#content a.anchor {
	background-image:none;
	padding-left:0;
}

#content a:hover, #content a:focus, #content a:active,
#sidebar a:hover, #sidebar a:focus, #sidebar a:active,
.teaser a:hover, .teaser a:focus, .teaser a:active {
	background: url(../../images/link-arrow-blue.png) no-repeat 0 -9px;
	color:#00a9e0;
	text-decoration:underline;
}

#related a {
	background: url(../../images/link-arrow-blue.png) no-repeat 0 -9px;
	color:#00a9e0;	
	padding-left:14px;
}

#related a:hover, #related a:focus, #related a:active {
	background: url(../../images/link-arrow-blue.png) no-repeat 0 5px;
	color:#0079bd;
	text-decoration:underline;
}

#content a.button, #related a.button, #sidebar a.button {
	background-image:none;
	background-color:#00a8bd;
	color:White;
	display:block;
	font-size:1.1em;
	float:left;
	margin-left:10px;
	padding:4px 7px;
	text-transform:uppercase;
}

#content a.button:hover, #content a.button:focus, #content a.button:active,
#related a.button:hover, #related a.button:focus, #related a.button:active {
	background-image:none;
	background-color:#00a9e0;
	color:White;
	text-decoration:none;
}

.pushed {
	position: absolute; 
	z-index: -1;
	text-indent: -9999px;
}

#content a.toggle {
	background: url(../../images/arrow-hidden.png) no-repeat 0 1px;
	color:#0079bd;
	padding-left:22px;
	text-transform:none;
	font-size:1em;
	margin-bottom:1em;
}

#content a.toggle:hover, #content a.toggle:focus {
	background: url(../../images/arrow-hidden-over.png) no-repeat 0 1px;
	color:#00a8bd;
}

#content a.active {
	background: url(../../images/arrow-shown.png) no-repeat 0 1px !important;
	color:#00a8bd !important;
}

/* =5 Navigation
-------------------------------------------------------------- */
/* Fix for all ASP.NET menu controls which add style in AXD file */
ul.AspNet-Menu, ul.AspNet-Menu ul {
	display:block;
	margin:0;
	padding:0;
}

ul.AspNet-Menu {
	position:relative;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li {
	width:100%;
}

ul.AspNet-Menu li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}

/* =5.1 Main navigation */
#nav ul {
	position:relative;
	display:block;
	margin:0;
	padding:0;
}

#nav li {
	padding-right: 24px;
	/*padding-right: 10px;*/
	float:left;
	list-style-image:none;
	list-style-type:none;
	position:relative;
}

#nav ul.gibNav li {
	padding-right: 100px;
}

#nav ul li:last-child, #nav ul.gibNav li:last-child {
	padding-right: 0px;
}

/*
#nav p.menuSelected {
	color: #00a8bd;
}

#nav li p, #nav li p a {
	fix font size to avoid line wrap
	font-size: 17px;
	padding: 0 0 0.6em 0;
}

#nav li p a:hover, #nav li p a:focus, #nav li p a:active {
	color:#00a8bd;
}
*/
#nav a {
	display:block;
	height: 25px;
	text-indent: -1999px;
	overflow: hidden;
	background: url(../../images/menu-all.png) no-repeat;
}

#nav a.menu-mortgages {
	width:95px;
	background-position: 0 4px;
}
#nav a.menu-savings {
	width:75px;
	background-position: -110px 4px;
}
#nav a.menu-gold-current-account, #nav a.menu-current-account {
	width:150px;
	background-position: -205px 4px;
}

#nav a.menu-insurance {
	width:100px;
	background-position: -370px 4px;
}
#nav a.menu-plan-and-invest {
	width:120px;
	background-position: -490px 4px;
}
#nav a.menu-personal-loans {
	width:140px;
	background-position: -630px 4px;
}
#nav a.menu-credit-card {
	width:105px;
	background-position: -790px 4px;
}
#nav a.menu-property {
	width:85px;
	background-position: -915px 4px;
}
#nav a.menu-mortgages:hover, #nav a.menu-mortgages:focus, #nav a.menu-mortgages:active,
#nav p.menuSelected a.menu-mortgages {
	background-position: 0px -26px;
}
#nav a.menu-savings:hover,  #nav a.menu-savings:focus, #nav a.menu-savings:active,
#nav p.menuSelected a.menu-savings {
	background-position: -110px -26px;
}
#nav a.menu-gold-current-account:hover, #nav a.menu-gold-current-account:focus, #nav a.menu-gold-current-account:active,
#nav a.menu-current-account:hover, #nav a.menu-current-account:focus, #nav a.menu-current-account:active,
#nav p.menuSelected a.menu-gold-current-account, #nav p.menuSelected a.menu-current-account {
	background-position: -205px -26px;
}
#nav a.menu-insurance:hover, #nav a.menu-insurance:focus, #nav a.menu-insurance:active,
#nav p.menuSelected a.menu-insurance {
	background-position: -370px -26px;
}
#nav a.menu-plan-and-invest:hover, #nav a.menu-plan-and-invest:focus, #nav a.menu-plan-and-invest:active,
#nav p.menuSelected a.menu-plan-and-invest {
	background-position: -490px -26px;
}
#nav a.menu-personal-loans:hover, #nav a.menu-personal-loans:focus, #nav a.menu-personal-loans:active,
#nav p.menuSelected a.menu-personal-loans {
	background-position: -630px -26px;
}
#nav a.menu-credit-card:hover, #nav a.menu-credit-card:focus, #nav a.menu-credit-card:active,
#nav p.menuSelected a.menu-credit-card {
	background-position: -790px -26px;
}
#nav a.menu-property:hover, #nav a.menu-property:focus, #nav a.menu-property:active,
#nav p.menuSelected a.menu-property {
	background-position: -915px -26px;
}

/* =5.2 Section navigation */
#section-nav h4 {
	float: left;
	margin: 1.5em 0 0.4em;
}

#section-nav div.AspNet-Menu-Vertical ul {
	border-top: 1px solid black;
	float: left;
	width:100%;
}

#section-nav div.AspNet-Menu-Vertical a {
	border-bottom: 1px solid black;
	background-color: #edebe0;
	font-size: 1em;
	padding: 0.8em 0 0.8em 0.8em;
}

#section-nav div.AspNet-Menu-Vertical a:hover, #section-nav div.AspNet-Menu-Vertical a:focus, #section-nav div.AspNet-Menu-Vertical a:active {
	background-color: #00a8bd;
	color: White;
}

#section-nav div.AspNet-Menu-Vertical a.AspNet-Menu-Selected {
	background-color: #00a8bd;
	color: White;
}

/* =5.3 Quicklinks */
ul#quickLinks {
	border: none;
	border-bottom:1px solid #00A8BD;
	clear:left;
	margin: 0;
	padding-bottom: 1.5em;
}

ul#quickLinks li {
	margin:0 0 0.2em 14px;
	text-indent:-14px;
}

ul#quickLinks a {
	background: url(../../images/link-arrow-blue.png) no-repeat 0 5px;
	border: none;
	color:#0079bd;
	font-size: 0.9em;
	padding: 0 0 0 14px;
}

ul#quickLinks a:hover, ul#quickLinks a:focus, ul#quickLinks a:active {
	background: url(../../images/link-arrow-blue.png) no-repeat 0 -9px;
	color:#00a9e0;
	text-decoration:underline;
}

/* =5.4 Related navigation */
#related-nav {
	position:absolute;
	right:0;
}

#related-nav input {
	float:left;
	margin-top:0.6em;
}

#related-nav div.divHolder {
	border-bottom:1px solid black;
	float:left;
}

#related-nav p {
	font-size:1em;
	margin:0px;
	padding-right:3.6em;
}

#related-nav a {
	margin:1em 0;
}

#related-nav div.AspNet-Menu-Horizontal {
	float:left;
}

#related-nav p.linkHolder {
	background-color:#edebe0;
	border-bottom:1px solid black;
	float:left;
	padding-right:0;
	margin-left:1em;
}

#related-nav p.linkHolder:hover, #related-nav p.linkHolder:focus, #related-nav p.linkHolder:active {
	background-color:#00a8bd;
}

#related-nav p.linkHolder a:hover, #related-nav p.linkHolder a:focus, #related-nav p.linkHolder a:active {
      color: White;
      text-decoration:none;
      background-color: #00a8bd;
}

#related-nav p.linkHolder a {
	background:url(../../images/arrow-black-solid.gif) no-repeat 83% 1.15em;
	display:block;
	padding:1em 2.5em 1em 1.5em;
	margin:0px;
}

#related-nav p.linkHolder a:hover, #related-nav p.linkHolder a:focus, #related-nav p.linkHolder a:active {
	color: White;
	text-decoration:none;
}

#related-nav a:hover, #related-nav a:focus, #related-nav a:active {
	color: #00a8bd;
	text-decoration:underline;
}

#related-nav ul {
	overflow:auto;
}

#related-nav p.searchButton {
	float:left;
	padding:0.9em 0 0 0.7em;
}

#related-nav p.searchButton a {
	background: url(../../images/link-arrow-black.png) no-repeat 0 5px;
	padding: 0 0 0 14px;
}
/* =6 Forms
NB -	Forms styles are separate in SecureNandPWebsite project
-------------------------------------------------------------- */
fieldset {
	padding:0;
	border:none;
}

#content label {
	color:#00a8bd;
	display:block;
	font-size: 1.35em;
	font-weight:normal;
	margin-bottom:0.7em;
}

input.textInput {
	background-color:#f1f0ea;
	border:1px solid #c3c2bd;
	padding:0.15em;
}

input.textInput:focus {
	border:1px solid #656663;
}

#content input.textInput, #sidebar input.textInput {
	padding:0.3em 0 0.3em 0.3em;
}

input.errorStyle {
	background-color:#fde7Da;
	border:1px solid #e20031;
}

span.ErrorMessage {
	clear:left;
	font-size:95%;
	font-weight:bold;
	margin:2px 0 5px 0;
	color:#e20031 !important;
}

/* =7 General Styles
-------------------------------------------------------------- */
/* =7.1 General */
div.container {
	padding:0 20px 20px 20px;
	position:relative;
}

/* Clearing technique http://www.ejeliot.com/blog/59 */
div:after {
	display: block;
	clear: both;
	content: " ";
}

/* =7.2 Header */
#header {
	border-bottom:3px solid black;
	position:relative;
	height:177px;
}

#header a#skipnav {
	color: #fcfbf5;
	position:absolute;
}

#header a#skipnav:hover, #header a#skipnav:focus, #header a#skipnav:active {
	color: black;
}

#header a img {
	position:absolute;
	top:1.9em;
}

#header h1 {
	display:none;
}

#header p#header-tagline {
	font-size:1.6em;
	position:absolute;
	text-align:right;
	text-transform:uppercase;
	top:3.5em;
	right:0px;
}

#header #nav {
	border-top:1px solid black;
	top:130px;
	/*bottom:0;*/
	padding-top: 0.9em;
	float:left;
	left:0;
	position:absolute;
	width:100%;
}

/* =7.3 Related */
#related {
	margin-top:20px;
}

/* =7.4 Content */
#content ul {
	list-style-type: disc;
}

#content ul li {
	color:#00a9e0;
}

/* =7.5 Footer */
div#footer a {
	font-size: 0.85em;
	text-transform: uppercase;
}

div#footer a:hover, div#footer a:focus, div#footer a:active {
	color: #00a8bd;
	text-decoration:underline;
}

div#footer li {
	border-right: 1px solid #999999;
	padding: 0 1.0em;
}

div#footer p.footerText, div#footer p.legalText {
	clear:left;
	/*color:#666666;*/
	margin-bottom:0.8em;
	/*text-align:center;*/
}

div#footer p.legalText {
	margin-top:20px;
	text-transform:uppercase;
}

div#footer ul {
	overflow:auto;
}

div#footer div.AspNet-Menu-Horizontal {
	clear:left;
	margin-top:32px;
}

div#footer div.underline {
	background-color:#1e549e;
	clear:none;
	float:left;
	width:300px;
	height:3px;
	margin-right:20px;
}

div#footer div.lastUnderline {
	margin-right:0px;
}

/* =8 Localised styles
-------------------------------------------------------------- */
/* =8.1 Breadcrumb */
#breadcrumb * {
	margin:0px;
}

#breadcrumb {
	padding: 15px 0;
	overflow:auto;
}

#breadcrumb a {
	background-image:none;
	color:Black;
	padding-left:0;
}

#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
	background-image:none;
	color: #00a8bd;
	text-decoration:underline;
}

#breadcrumb p {
	float:left;
}

#breadcrumb span {
	padding: 0 0.15em;
}

#breadcrumb a.printPage {
	background:url(../../images/print.gif) no-repeat 0 1px;
	margin-right:1px;
	padding-left:25px;
	float:right;
}

/* =8.2 Homepage pledge text */
p#pledge {
	background:url(../../images/pledge.gif) no-repeat;
	text-indent:-9999px;
	height:176px;
	width:290px;
}

/* =8.3 Customer-section */
#customer-section {
	border-bottom:1px solid #00a8bd;
	border-top:1px solid #00a8bd;
	margin-top:2em;
	overflow:auto;
	padding-top:1.3em;
	padding-bottom:1em;
}

#customer-section b {
	background:url(../../images/house-blue-small.png) no-repeat;
	display:block;
	margin-bottom:6px;
}
	
#customer-section h3 {
	padding:2px 0 0 36px;
}

#customer-section p.userName, #customer-section p.login {
	color: #00a9e0;
	clear:left;
	font-size:1.4em;
	margin-bottom:0.5em;
}

#customer-section p.login {
	float:left;
	margin-bottom:1.3em;
	padding-right:10px;
}

#customer-section p.userName span {
	color: black;
	font-size:90%;
	font-weight:bold;
}

#customer-section p.userName span.userLink {
	font-size:70%;
}

#customer-section span.userLink a {
	color:Black;
	background:none;
	padding-left:0px;
	text-decoration:underline;
}

#customer-section dl {
	overflow:auto;
}

#customer-section dt {
	clear:left;
	float:left;
	font-weight:normal;
	width:8.2em;
}

#customer-section dd, #customer-section a.branchLink {
	float:left;
}

#customer-section dd {
	margin-left:10px;
	width:130px;
}

#customer-section a.changeLink {
	float:right;
}

/* =8.4 Formatted text area - this is the DIV wrapper for Morello formatted text  */
#content div.formattedTextArea h1, #content div.formattedTextArea h4, #content div.formattedTextArea h5 { 
	display:none;
}

#content div.formattedTextArea h2 u, #content div.formattedTextArea h3 u, #content div.formattedTextArea h6 u {
	text-decoration:none;
}

#content div.formattedTextArea a em {
	font-style:normal;
}

#content div.formattedTextArea table a {
	background-image:none;
	font-size:1em;
	padding-left:0;
	text-transform:none;
}

#content div.formattedTextArea h6 {
	clear:left;
}

#content div.formattedTextArea img {
	margin-bottom:1em;
	margin-top:0.4em;
}

#content div.formattedTextArea ul.secondColumn {
	float:left;
	margin-right:0px;
}

#content div.formattedTextArea p a {
	background-image:none;
	font-size:1em;
	padding-left:0;
	text-transform:none;
}

#content div.formattedTextArea p a:hover, #content div.formattedTextArea p a:focus, #content div.formattedTextArea p a:active {
	text-decoration:underline;
}

#content div.formattedTextArea dl {
	border-bottom:1px solid #00a8bd;
	overflow:auto;
	margin-bottom:0.7em;
}

#content div.formattedTextArea dl.lastDef {
	margin-bottom:1.5em;
}

#content div.formattedTextArea dt {
	clear:left;
	float:left;
	font-weight:normal;
}

#content div.formattedTextArea dd {
	float:right;
	margin-left:0;
}

#content div.advisoryText div.formattedTextArea { 
	border:1px solid #00A9E0;
	font-weight:bold;
	margin-bottom:1em;
	padding:0.7em;
	text-align:center;
}

#content div.advisoryText div.formattedTextArea p {
	margin-bottom:0;
}

/* =8.5 Teasers */
.teaser {
	float:left;
	margin-right:20px;
	width:100%;
}

#content.home div.teaser, #related div.teaser {
	width:300px;
}

#content.nav2col div.teaser {
	width:220px;
}

div.teaser div {
	border-bottom:3px solid #1e549e;
	margin:0.5em 0;
	overflow:auto;
}

#section-nav div.teaser {
	clear:left;
	width:100%;
}
/*
#section-nav div.teaser div {
	border-top:1px solid #00A8BD;
}
*/
div.main div {
	min-height: 260px !important;
}

div.bottomTeaser div {
	border:none;
	margin-bottom:0;
}

div.teaser div h5 {
	margin: 0.5em 0 0.7em 0;
}

div.main div h5 {
	font-size: 2em;
	font-weight: bold;
	margin: 0.7em 0 0 0;
}

div.teaser div p span {
	display:block;
	margin-top:0.4em;
}

div.teaser div.noFlashContent {
	border:1px solid #de006a;
}

div.teaser div.noFlashContent p {
	color:#7d1b7f;
	margin:1em 0;
	font-size:1.1em;
	text-align:center;
	text-transform:uppercase;
}

#content div.teaser div.noFlashContent p a {
	background-image:none;
	color:#7d1b7f;
	padding-left:0;
	font-size:1.1em;
}

#content div.teaser div.noFlashContent p a:hover, #content div.teaser div.noFlashContent p a:focus, #content div.teaser div.noFlashContent p a:active {
	color:#3e2782;
}

/* =8.5.1 Teaser layouts */
div.teaser div.layout1, div.teaser div.layout2 {
	min-height: 205px;
}

div.teaser div.layout1 p {
	float: right;
	width: 110px;
}

#content.home div.teaser div.layout1 p, #related div.teaser div.layout1 p {
	width: 180px;
}

div.teaser div.layout2 p {
	float: left;
	width: 130px;
}

#content.home div.teaser div.layout2 p, #related div.teaser div.layout2 p {
	width: 150px;
}

div.teaser div.layout3 p {
	float: right;
	width: 130px;
}

#content.home div.teaser div.layout3 p, #related div.teaser div.layout3 p {
	width: 210px;
}		

div.teaser div.layout4 p {
	float: left;
	width: 142px;
}

#content.home div.teaser div.layout4 p, #related div.teaser div.layout4 p {
	width: 225px;
}

div.teaser div.layout5 h5 {
	padding-left:43px;
}	

div.teaser div.layout6 p {
	margin-bottom:55px;
}

div.teaser div.layout6 p a {
	margin-left:87px;
}

div.teaser div.layout9 {
	overflow:visible;
	padding-bottom:20px;
}

#content div.teaser div.layout9 input.textInput,
#sidebar div.teaser div.layout9 input.textInput,
div.teaser div.layout9 input.textInput {
	float:left;
	margin-bottom:5px;
	padding:0.4em 0;
	width:142px;
}

div.teaser div.layout9 a.button {
	width:52px;
	text-align:center;
}

div.teaser div.layout9 div#popupForm {
	background-color:#fcfbf5;
	border:1px solid black;
	padding:25px;
	position:absolute;
	left:-9999px;
	top:0;
	width:580px;
	z-index:2;
	-moz-box-shadow: 1px 1px 10px #999;
}

div.teaser div.layout9 div#mask {
	background-color:#fcfbf5;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}

div.teaser div.layout9 iframe {
	height:36em;
}

div.teaser div.layout9 p.errorHolder {
	clear:left;
	margin-bottom:0;
}

#content div.teaser div.layout9 a.popupClose,
#sidebar div.teaser div.layout9 a.popupClose,
div.teaser div.layout9 a.popupClose {
	background:url(../../images/close.gif) no-repeat 100% 0;
	color:#827C5B;
	display:block;
	float:right;
	height:25px;
	padding:3px 28px 0 0;
	cursor:pointer;
}

#content div.teaser div.layout9 a.popupClose:hover,
#sidebar div.teaser div.layout9 a.popupClose:hover,
div.teaser div.layout9 a.popupClose:hover {
	background:url(../../images/close.gif) no-repeat 100% -33px;
	color:black;
}

div#popupForm a.closeButton {
	background-color:#C2BEA9;
	cursor:pointer;
	padding:3px 7px;
	position:relative;
	margin-top:-27px;
}

div#popupForm a.closeButton:hover, 
div#popupForm a.closeButton:focus, 
div#popupForm a.closeButton:active  {
	background-color:#6F6C60;
	text-decoration:none;
}

/* =8.5.2 Teaser colour themes (blue is default colour) */
/* =8.5.2.1 Teaser green colour theme */
div.teaser div.Greentheme h5 {
	color:#56ac36;
}

div.teaser div.Greentheme a, #content div.teaser div.Greentheme a, 
#related div.teaser div.Greentheme a, #sidebar div.teaser div.Greentheme a {
	background: url(../../images/link-arrow-green.png) no-repeat 0 5px;
	color:#00a276;
}

div.teaser div.Greentheme a:hover, div.teaser div.Greentheme a:focus, div.teaser div.Greentheme a:active,
#content div.teaser div.Greentheme a:hover, #content div.teaser div.Greentheme a:focus, #content div.teaser div.Greentheme a:active,
#related div.teaser div.Greentheme a:hover, #related div.teaser div.Greentheme a:focus, #related div.teaser div.Greentheme a:active,
#sidebar div.teaser div.Greentheme a:hover, #sidebar div.teaser div.Greentheme a:focus, #sidebar div.teaser div.Greentheme a:active {
	background: url(../../images/link-arrow-green.png) no-repeat 0 -9px;
	color:#56ac36;
}

div.teaser div.Greentheme, #content div.teaser div.Greentheme, 
#related div.teaser div.Greentheme, #sidebar div.teaser div.Greentheme {
	border-bottom-color:#00a276;
}

/* =8.5.2.2 Teaser red colour theme */
div.teaser div.Redtheme h5 {
	color:#de006a;
}

div.teaser div.Redtheme a, #content div.teaser div.Redtheme a, 
#related div.teaser div.Redtheme a, #sidebar div.teaser div.Redtheme a,
#content.insuranceCalc div.calcCallToAction a {
	background: url(../../images/link-arrow-red.png) no-repeat 0 5px;
	color:#cf3187;
}

div.teaser div.Redtheme a:hover, div.teaser div.Redtheme a:focus, div.teaser div.Redtheme a:active,
#content div.teaser div.Redtheme a:hover, #content div.teaser div.Redtheme a:focus, #content div.teaser div.Redtheme a:active,
#related div.teaser div.Redtheme a:hover, #related div.teaser div.Redtheme a:focus, #related div.teaser div.Redtheme a:active,
#sidebar div.teaser div.Redtheme a:hover, #sidebar div.teaser div.Redtheme a:focus, #sidebar div.teaser div.Redtheme a:active,
#content.insuranceCalc div.calcCallToAction a:hover, #content.insuranceCalc div.calcCallToAction a:focus, #content.insuranceCalc div.calcCallToAction a:active {
	background: url(../../images/link-arrow-red.png) no-repeat 0 -9px;
	color:#ad007c;
}

div.teaser div.Redtheme, #content div.teaser div.Redtheme, 
#related div.teaser div.Redtheme, #sidebar div.teaser div.Redtheme {
	border-bottom-color:#7d1b7f;
}

/* =8.6 Banners */
#banner {
	float: left;
	margin-right: 0px;
	padding-right: 0px;
	position:relative;
	width: 700px;
}

#banner p {
	margin-bottom:0;
}

	/* This is styling for text when Flash is not installed and sIFR does not work */
p.Banner-xlarge1-Bluetheme, p.Banner-xlarge2-Bluetheme, p.Banner-xlarge3-Bluetheme, p.Banner-xlarge4-Bluetheme,
p.Banner-large1-Bluetheme, p.Banner-large2-Bluetheme, p.Banner-large3-Bluetheme, p.Banner-large4-Bluetheme,
p.Banner-medium1-Bluetheme, p.Banner-medium2-Bluetheme, p.Banner-medium3-Bluetheme, p.Banner-medium4-Bluetheme,
p.Banner-small1-Bluetheme, p.Banner-small2-Bluetheme, p.Banner-small3-Bluetheme, p.Banner-small4-Bluetheme,
p.Banner-xlarge1-Redtheme, p.Banner-xlarge2-Redtheme, p.Banner-xlarge3-Redtheme, p.Banner-xlarge4-Redtheme,
p.Banner-large1-Redtheme, p.Banner-large2-Redtheme, p.Banner-large3-Redtheme, p.Banner-large4-Redtheme,
p.Banner-medium1-Redtheme, p.Banner-medium2-Redtheme, p.Banner-medium3-Redtheme, p.Banner-medium4-Redtheme,
p.Banner-small1-Redtheme, p.Banner-small2-Redtheme, p.Banner-small3-Redtheme, p.Banner-small4-Redtheme,
p.Banner-xlarge1-Greentheme, p.Banner-xlarge2-Greentheme, p.Banner-xlarge3-Greentheme, p.Banner-xlarge4-Greentheme,
p.Banner-large1-Greentheme, p.Banner-large2-Greentheme, p.Banner-large3-Greentheme, p.Banner-large4-Greentheme,
p.Banner-medium1-Greentheme, p.Banner-medium2-Greentheme, p.Banner-medium3-Greentheme, p.Banner-medium4-Greentheme,
p.Banner-small1-Greentheme, p.Banner-small2-Greentheme, p.Banner-small3-Greentheme, p.Banner-small4-Greentheme { 
	font-weight:bold;
	text-transform:uppercase;
}

p.Banner-xlarge1-Bluetheme, p.Banner-xlarge2-Bluetheme, p.Banner-xlarge3-Bluetheme, p.Banner-xlarge4-Bluetheme,
p.Banner-xlarge1-Redtheme, p.Banner-xlarge2-Redtheme, p.Banner-xlarge3-Redtheme, p.Banner-xlarge4-Redtheme,
p.Banner-xlarge1-Greentheme, p.Banner-xlarge2-Greentheme, p.Banner-xlarge3-Greentheme, p.Banner-xlarge4-Greentheme {
	font-size:4em;
}

p.Banner-large1-Bluetheme, p.Banner-large2-Bluetheme, p.Banner-large3-Bluetheme, p.Banner-large4-Bluetheme,
p.Banner-large1-Redtheme, p.Banner-large2-Redtheme, p.Banner-large3-Redtheme, p.Banner-large4-Redtheme,
p.Banner-large1-Greentheme, p.Banner-large2-Greentheme, p.Banner-large3-Greentheme, p.Banner-large4-Greentheme { 
	font-size:2.2em;
	line-height:1.2;
}

p.Banner-medium1-Bluetheme, p.Banner-medium2-Bluetheme, p.Banner-medium3-Bluetheme, p.Banner-medium4-Bluetheme,
p.Banner-medium1-Redtheme, p.Banner-medium2-Redtheme, p.Banner-medium3-Redtheme, p.Banner-medium4-Redtheme,
p.Banner-medium1-Greentheme, p.Banner-medium2-Greentheme, p.Banner-medium3-Greentheme, p.Banner-medium4-Greentheme { 
	font-size:2em;
	line-height:1.2;
}

p.Banner-small1-Bluetheme, p.Banner-small2-Bluetheme, p.Banner-small3-Bluetheme, p.Banner-small4-Bluetheme,
p.Banner-small1-Redtheme, p.Banner-small2-Redtheme, p.Banner-small3-Redtheme, p.Banner-small4-Redtheme,
p.Banner-small1-Greentheme, p.Banner-small2-Greentheme, p.Banner-small3-Greentheme, p.Banner-small4-Greentheme {
	font-size:1.6em;
}

#banner.home {
	margin-top: 17px;
	width: 620px;
}

#banner div.bannerImage {
	float:left;
	height:24.3em;
	/*height:23.3em*/
	/*height:300px;*/
	width:300px;
}

#banner div#bannerText {
	float:left;
	padding:1.5em 0 0 10px;
	width:350px;
}
/*
#banner div.bannerImage, #banner div#bannerText { /* Hide the panel content to avoid flicker onload in IE - this is shown in js
	display:none;
}
*/
#banner.home div#bannerText {
	width:293px;
}

#banner div#bannerText a {
	color:White;
	padding:0.4em 0.9em;
	text-transform: uppercase;
}

#banner ul {
	/*list-style-image:url(../../images/bulletBlack.gif);*/
	font-weight:bold;
	list-style-type:disc;
	text-transform:uppercase;
}

#banner .stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	clear: both;
	width:700px;
	height:23.3em;
	/*height: 300px;*/
}

#banner.home .stripViewer { /* This is the viewing window */
	width:620px;
}

#banner .csw .panelContainer {
	overflow: auto;	
	position:absolute;
	left:-10000px;
	width: 100%;
}

#banner .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	overflow: auto;
	position: relative;
	left: 0; 
	top: 0;
	width: 100%;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

#banner .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 700px;
	overflow:auto;
}

#banner.home .stripViewer .panelContainer .panel {
	width: 620px;
}

#banner .stripNavL, #banner .stripNavR {
	position:absolute;
}

#banner .stripNavL {
	right:50px;
	bottom:20px;
	z-index:10;
	background: url("../../images/bannerArrowLeft.gif") no-repeat center;
}

#banner .stripNavR {
	right:10px;
	bottom:20px;
	z-index:20;
	background: url("../../images/bannerArrowRight.gif") no-repeat center;
}

#banner.home .stripNavL, #banner.home .stripNavR {
	display:none;
}

#banner .stripNavL a, #banner .stripNavR a {
	display: block;
	height: 36px;
	width: 36px;
}

#banner .stripNavL a span, #banner .stripNavR a span {
	display: none;
}

#banner div.blueBanner, #banner div.greenBanner, #banner div.redBanner {
	height:320px;
	border-bottom:3px solid;
}

.csw {
	height:23.3em;
	width: 100%;
}

.csw .loading {
	text-align: center;
}

/* =8.6.1 Banner colour themes - default (sIFR font colors are set in sifr-config.js) */
#banner div#bannerText.Bluetheme a {
	background-color:#0079bd;
}

#banner div#bannerText.Bluetheme a:hover {
	background-color:#00a9e0;
}

#banner div#bannerText.Bluetheme ul li { /* Default colour */
	color:#1e549e;
}

#banner div.BluethemeBorder {
	border-bottom:3px solid #0079bd;
}

	/* This is styling for text when Flash is not installed and sIFR does not work */
#banner p.Banner-xlarge1-Bluetheme, 
#banner p.Banner-large1-Bluetheme,
#banner p.Banner-medium1-Bluetheme,
#banner p.Banner-small1-Bluetheme,
#banner div#bannerText.Bluetheme ul li.Bullet1-Bluetheme {
	color: #00a8bd;
}

#banner p.Banner-xlarge2-Bluetheme, 
#banner p.Banner-large2-Bluetheme,
#banner p.Banner-medium2-Bluetheme,
#banner p.Banner-small2-Bluetheme,
#banner div#bannerText.Bluetheme ul li.Bullet2-Bluetheme {
	color: #00a9e0;
}

#banner p.Banner-xlarge3-Bluetheme, 
#banner p.Banner-large3-Bluetheme,
#banner p.Banner-medium3-Bluetheme,
#banner p.Banner-small3-Bluetheme,
#banner div#bannerText.Bluetheme ul li.Bullet3-Bluetheme {
	color: #0079bd;
}

#banner p.Banner-xlarge4-Bluetheme, 
#banner p.Banner-large4-Bluetheme,
#banner p.Banner-medium4-Bluetheme,
#banner p.Banner-small4-Bluetheme,
#banner div#bannerText.Bluetheme ul li.Bullet4-Bluetheme {
	color: #1e549e;
}

/* =8.6.1.1 Banner red colour theme */
#banner div#bannerText.Redtheme a {
	background-color:#de006a;
}

#banner div#bannerText.Redtheme a:hover {
	background-color:#cf3187;
}

#banner div#bannerText.Redtheme ul li {
	color:#de006a;
}

#banner div.RedthemeBorder {
	border-bottom:3px solid #de006a;
}

	/* This is styling for text when Flash is not installed and sIFR does not work */
#banner p.Banner-xlarge1-Redtheme, 
#banner p.Banner-large1-Redtheme,
#banner p.Banner-medium1-Redtheme,
#banner p.Banner-small1-Redtheme,
#banner div#bannerText.Redtheme ul li.Bullet1-Redtheme {
	color: #e74c14;
}

#banner p.Banner-xlarge2-Redtheme, 
#banner p.Banner-large2-Redtheme,
#banner p.Banner-medium2-Redtheme,
#banner p.Banner-small2-Redtheme,
#banner div#bannerText.Redtheme ul li.Bullet2-Redtheme {
	color: #e20031;
}

#banner p.Banner-xlarge3-Redtheme, 
#banner p.Banner-large3-Redtheme,
#banner p.Banner-medium3-Redtheme,
#banner p.Banner-small3-Redtheme,
#banner div#bannerText.Redtheme ul li.Bullet3-Redtheme {
	color: #de006a;
}

#banner p.Banner-xlarge4-Redtheme, 
#banner p.Banner-large4-Redtheme,
#banner p.Banner-medium4-Redtheme,
#banner p.Banner-small4-Redtheme,
#banner div#bannerText.Redtheme ul li.Bullet4-Redtheme {
	color: #cf3187;
}

/* =8.6.1.2 Banner green colour theme */
#banner div#bannerText.Greentheme a {
	background-color:#7d1b7f;
}

#banner div#bannerText.Greentheme a:hover {
	background-color:#3e2782;
}

#banner div#bannerText.Greentheme ul li {
	color:#3e2782;
}

#banner div.GreenthemeBorder {
	border-bottom:3px solid #7d1b7f;
}

	/* This is styling for text when Flash is not installed and sIFR does not work */
#banner p.Banner-xlarge1-Greentheme, 
#banner p.Banner-large1-Greentheme,
#banner p.Banner-medium1-Greentheme,
#banner p.Banner-small1-Greentheme,
#banner div#bannerText.Greentheme ul li.Bullet1-Greentheme {
	color: #cf3187;
}

#banner p.Banner-xlarge2-Greentheme, 
#banner p.Banner-large2-Greentheme,
#banner p.Banner-medium2-Greentheme,
#banner p.Banner-small2-Greentheme,
#banner div#bannerText.Greentheme ul li.Bullet2-Greentheme {
	color: #ad007c;
}

#banner p.Banner-xlarge3-Greentheme, 
#banner p.Banner-large3-Greentheme,
#banner p.Banner-medium3-Greentheme,
#banner p.Banner-small3-Greentheme,
#banner div#bannerText.Greentheme ul li.Bullet3-Greentheme {
	color: #7d1b7f;
}

#banner p.Banner-xlarge4-Greentheme, 
#banner p.Banner-large4-Greentheme,
#banner p.Banner-medium4-Greentheme,
#banner p.Banner-small4-Greentheme,
#banner div#bannerText.Greentheme ul li.Bullet4-Greentheme {
	color: #3e2782;
}

/* =8.6.2 Flash banners (NoFlashContent div is displayed by SWFObject if the client does not have Flash installed or Flash is disabled) */
#banner div.flashBannerPanel {
	border-bottom: 3px solid #0079BD;
	height: 300px;
}

/* =8.7 Call to action */
div.callToAction {
	text-align:left;	
}

div.callToAction p {
	color:#00a9e0;
	font-size:1.4em;
	text-transform:uppercase;
}

div.callToAction ul {
	border-bottom:3px solid #0079bd;
	margin:0px;
	padding-bottom:20px;
}

#content div.callToAction ul {
	list-style-type:none;
}

div.callToAction ul li {
	overflow:auto;
}

div.callToAction ul li img, .callToAction ul li a {
	float:left;
}

div.callToAction ul li a {
	margin:10px 0 0 10px;
}

.mortgageTable div.callToAction, .savingsTable div.callToAction {
	float:right;
	margin:15px 0;
	width:220px;
}

/* =8.8 Sitemap */
#content div.AspNet-TreeView ul {
	list-style-type:none;
}

#content div.siteMap .AspNet-TreeView-Root {
	display:inline-block;
	/*float:left;*/
	margin:0 10px 30px 0;
	width:220px;
	vertical-align:top;
}

#content div.siteMap .AspNet-TreeView-Root a {
	background-image:none;
	background-color:#edebe0;
	border-top:1px solid black;
	border-bottom:1px solid black;
	color:Black;
	display:block;
	padding:1em 1em 1em 18px;
	margin-bottom:0.5em;
}

#content div.siteMap span {
	cursor:pointer;
	display:block;
	float:left;
	height:12px;
	margin-top:3px;
	width:12px;
}

#content div.siteMap span.AspNet-TreeView-Collapse {
	background: url(../../images/expand-minus.gif) no-repeat;
}

#content div.siteMap span.AspNet-TreeView-Expand {
	background: url(../../images/expand-plus.gif) no-repeat;
}

#content div.siteMap .AspNet-TreeView-Parent a {
	background-color:transparent;
	border:none;
	color:#1e549e;
	padding:0 0 0 18px;
	font-weight:normal;
	text-transform:none;
}

#content div.siteMap .AspNet-TreeView-Parent ul {
	padding-left:18px;
}

#content div.siteMap .AspNet-TreeView-Parent .AspNet-TreeView-Leaf a {
	padding-left:1em;
	text-transform:none;
}

#content div.siteMap .AspNet-TreeView-Root .AspNet-TreeView-Leaf a {
	background-color:#fcfbf5;
	color:#1e549e;
	border:none;
	padding:0 0 0 18px;
	font-weight:normal;
	text-transform:none;
}

/* =8.9 Branch finder, Branch page and Closed Branch page */
#content.branchFinder {
	padding-bottom:2em;
}

#content.branchFinder h5, #content.branchPage h5 {
	text-transform:none;
	margin-bottom: 0.3em;
}

#content.branchPage h2 {
	display:inline;
	float:left;
	letter-spacing:0.1em;
}

#content.branchPage {
	overflow:auto;
	padding-bottom:2em;
	position:relative;
}

#content.branchFinder div.searchDiv, #content.branchPage div.searchDiv, #content.branchFinder div.branchDropDown {
	float:left;
	margin-right:85px;
}

#content.branchPage div.branchDropDown {
	float:right;
	margin-right:65px;
}

#content.branchFinder div#myMap, #content.branchPage div#myMap {
	float:right;
	margin-top:30px;
	position:relative;
	height:300px !important;
	width:380px !important;
}

#content.branchPage div#myMap {
	margin-top:10px;	
	height:298px !important;
	width:300px !important;
}

#content.branchFinder div#myMap a, #content.branchPage div#myMap a {
	background:none;
	padding-left:0px;
}

#content div.searchDiv a {
	background: url(../../images/link-arrow-black.png) no-repeat 0 5px;
	color:black;
	margin-left:10px;
	padding-left:14px;
}

#content div.searchDiv a:hover, #content div.searchDiv a:focus {
	text-decoration:underline;
}

#content.branchFinder div.panelResults {
	float:left;
	margin-top:28px;
}

#content.branchFinder div.panelResults ol {
	color:#00a8bd;
	font-weight:bold;
}

#content.branchFinder div.panelResults dt, #content.branchFinder div.panelResults dd {
	color:Black;
	margin-left:0px;
}

#content.branchFinder div.panelResults dd {
	font-weight:normal;
}

#content.branchFinder div.panelResults ol dd.branchTelephone {
	margin:0.4em 0;
}

#content.branchPage div.branchImages {
	float:left;
	height:300px;
	margin-top:10px;
	width:380px;
}

#content.branchPage div.branchImages img {
	position:absolute;
    top:43px;
    /*top:55px;*/
    left:0;
    z-index:8;
    opacity:0.0;
}

#content.branchPage div.branchImages img.active {
	z-index:10;
	opacity:1.0;
}

#content.branchPage div.branchImages img.last-active {
	z-index:9;
}

#content.branchPage div#personnel {
	float:right;
	margin:20px 0 30px 0;
}

#content.branchPage div#personnel div {
	float:left;
	padding-left:20px;
}

#content.branchPage div#personnel div p {
	margin:0px;
}

#content.branchPage dl {
	float:left;
	margin-top:20px;
}

#content.branchPage dl.addresses {
	clear:left;
	width:190px;
}

#content.branchPage dl.openingHours {
	padding-left:10px;
	width:175px;
}

#content.branchPage dl.openingHours dd .day {
	display: block;
	float: left;
	margin-right:5px;
	text-align:right;
	width: 50px;
}

#content.branchPage dl dt {
	color:#00a8bd;
	font-size: 1.35em;
	font-weight:normal;
	margin-bottom:0.3em;
}

#content.branchPage dl dd {
	margin:0 0 0.1em 0;
}

#content.branchPage dl dd.spacedList {
	margin-top:20px;
}

#content.branchPage div.branchNews {
	border-top:1px solid #0079bd;
	clear:both;
	float:left;
	margin-top:1em;
	padding-top:15px;
	width:700px;
}

#sidebar div#branchPersonalise {
	padding:15px 0;
	border-bottom:3px solid #ad007c;
	/*overflow:auto;*/
}

#sidebar div#branchPersonalise label {
	display:block;
	font-weight:normal;
}

#sidebar div#branchPersonalise input, #sidebar div#branchPersonalise a {
	float:left;
}

#sidebar div#branchPersonalise a {
	background-color:#ad007c;
	padding:2px 7px;
}

#sidebar div#branchPersonalise a:hover, #sidebar div#branchPersonalise a:focus {
	background-color:#de006a;
}

#sidebar div#branchPersonalise span, #sidebar div#branchPersonalise p {
	clear:left;
	display:block;
	float:left;
	width:220px;
}

#sidebar div#branchPersonalise p {
	background: url(../../images/tick.gif) no-repeat;
	color:#56ac36;
	font-weight:bold;
	margin:0px;
	padding-left:20px
}

#mapContainer {
	overflow:auto;
	border-bottom:3px solid #0079bd;
	padding-bottom:20px;
}

/* =8.10 Mortgage product filter */
#filter {
	background-color:#edebe0;
	padding:10px 0 10px 15px;
	overflow:auto;
	margin-bottom:25px;
}

#filter ul {
	float:left;
	margin:0px;
	padding-right:15px;
}

#filter ul li {
	display:inline;
	margin:0 0 0 7px;
}

#filter ul li strong {
	color:#00a8bd;
	font-size:1.2em;
}

#filter ul li label {
	color:Black;
	display:inline;
	font-size:0.9em;
	font-weight:normal;
	margin:0px;
}

#content.closedBranch div.bodyText {
	float:left;
	width:380px;
}

#content.closedBranch dl {
	margin-top:0;
}

#content.closedBranch div.mapTitle {
	clear:right;
	float:right;
	margin-top:1em;
	width:300px;
}

#content.closedBranch div.mapTitle h6 {
	color:#0079BD;
	font-size:1.25em;
	font-weight:bold;
}

#sidebar.closedBranch div#branchPersonalise {
	display:none;
}

/* =8.11 Property Pages */
#content div.lettingsPropertyDiv {
	border-bottom:1px solid #0079BD;
	margin-bottom:20px;
	overflow:auto;
}

#content div.lettingsPropertyDiv h1, #content div.lettingsPropertyDiv h2, #content div.lettingsPropertyDiv h4, #content div.lettingsPropertyDiv h5, #content div.lettingsPropertyDiv h6 {
	display:none;
}

#content div.lettingsPropertyDiv img {
	float:right;
	width:40%;
}

#content div.lettingsPropertyDiv a {
	display:block;
	margin-bottom:1.5em;
	width:15em;
}

#content div.lettingsPropertyDiv div {
	float:left;
	width:59%;
}

#content div.lettingsPropertyDiv ul li {
	margin-bottom:5px;
}

#content div.propertyImages {
	float:left;
	width:230px;
}

#content div.propertyImages img {
	width:210px;
}

/* =8.12 Standard table */
table {
	border-bottom: 2px solid #00A9E0;	
	border-left:1px solid #00A9E0;
}

caption {
	background-color:Transparent;
	color:#00A8BD;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
}

caption p {
	color:#00A8BD;
	font-size: 1.5em;
	font-weight:normal;
	margin:0;
	text-transform:uppercase;
}

table th {
	color:White;
	background-color:#00a8bd;
	border-bottom: 1px solid #65c9d3;
	border-left:1px solid #65c9d3;
	line-height:1.3;
	padding-right:0;
}

table tr td {
	border-top: 1px solid #00A9E0;
	border-right: 1px solid #00A9E0;
}

table tr td.annualRate {
	font-weight:bold;
	font-size:115%;
}

tfoot {
	font-style:normal;
}

/* =8.13 Rates table */
.ratesTable table {
	border-left:none;
}

.ratesTable table td, .ratesTable table th {
	text-align:center;
}

.ratesTable table td {
	border-right: none;
}

.ratesTable table th {
	padding-right:10px;	
}

.ratesTable table tr {
	border-right:none;
}

#content div.ratesTable a.toggle {
	display:block;
	margin-bottom:1.2em;
	width:17em;
}

#content div.ratesTable div.future-rates a.toggle {
	background: url(../../images/arrow-green-hidden.png) no-repeat 0 1px;	
	color:#56AC36;
}

#content div.ratesTable div.future-rates a.toggle:hover, #content div.ratesTable div.future-rates a.toggle:focus {
	background: url(../../images/arrow-green-hidden-over.png) no-repeat 0 1px;
}

#content div.ratesTable div.future-rates a.active {
	background: url(../../images/arrow-green-shown.png) no-repeat 0 1px !important;
	color:#56AC36 !important;
}

p.effectiveDate {
	background-color:#edf3fe;
	font-size:0.9em;
	padding:0.4em 0 0.4em 1em;
	margin-top:-1.5em;
}

/* =8.13.1 Future rates table */
#content div.future-rates table {
	border-bottom: 2px solid #97BE0D;	
}

#content div.future-rates table th {
	background-color:#97BE0D;
	border-top:none;
	border-bottom: 1px solid #97BE0D;
	border-left:1px solid #DEDC24;
	padding-bottom:4px;
}

#content div.future-rates table tr td, 
#content div.future-rates table tr.AspNet-GridView-Normal td {
	border-top: 1px solid #97BE0D;
}

div.future-rates caption, div.future-rates caption p {
	color:#56AC36;
}

div.future-rates p.effectiveDate {
	background-color:#ECF1D2;
}

/* =8.13.2 Future rates notice message */
.ratesTable div.futureRatesNotice {
	background-color:#EDEBE0;
	margin:-12px 0 1.4em 0;
	padding:8px 5px 14px 14px;
}

.ratesTable div.futureRatesNotice h6 {
	color:#56AC36;
}

.ratesTable div.futureRatesNotice p {
	margin-bottom:0;
}

/* =8.14 Mortgage product table */
#content div.mortgageTable table, #content div.savingsTable table {
	border-left:none;
}

#content div.mortgageTable th, #content div.savingsTable th {
	padding-bottom:20px;
	vertical-align:top;
	border-bottom: 1px solid #00A9E0;
	border-top: 1px solid #00A9E0;
	text-align:center;
	padding-right:10px;	
}

#content div.mortgageTable th a, #content div.savingsTable th a {
	background-image:none;
	color:White;
	display:block;
	padding:0px;
	text-transform:none;
}

#content div.mortgageTable th a:hover, #content div.mortgageTable th a:focus,
#content div.savingsTable th a:hover, #content div.savingsTable th a:focus {
	background-image:none;
	color:White;
	text-decoration:underline;
}

#content div.mortgageTable td, #content div.savingsTable td {
	border-right:none;
}

#content div.mortgageTable tr.AspNet-GridView-Normal td, #content div.mortgageTable tr.AspNet-GridView-Alternate td,
#content div.savingsTable tr.AspNet-GridView-Normal td, #content div.savingsTable tr.AspNet-GridView-Alternate td {
	border-top: 1px solid #00A9E0;
	text-align:center;
}

#content div.savingsTable tr.AspNet-GridView-Normal td, #content div.savingsTable tr.AspNet-GridView-Alternate td {
	vertical-align:top;
}

#content div.mortgageTable tr.selected, #content div.mortgageTable td.selected,
#content div.savingsTable tr.selected, #content div.savingsTable td.selected {
	background: #E0F0F8;
}

#content div.mortgageTable th.selected-ascending, #content div.mortgageTable th.selected-descending,
#content div.savingsTable th.selected-ascending, #content div.savingsTable th.selected-descending {
	background:white; 
}

#content div.mortgageTable th.selected-descending, #content div.savingsTable th.selected-descending {
	background:url(../../images/arrow-descending.png) no-repeat 50% 90%;
}

#content div.mortgageTable th.selected-ascending, #content div.savingsTable th.selected-ascending {
	background:url(../../images/arrow-ascending.png) no-repeat 50% 90%;
}

#content div.mortgageTable th.selected-ascending a, #content div.mortgageTable th.selected-descending a,
#content div.savingsTable th.selected-ascending a, #content div.savingsTable th.selected-descending a  {
	color:#00a8bd;
}

#content div.mortgageTable td.product-details-td, #content div.savingsTable td.product-details-td {
	padding:0px;
	border-top:none;	
}

#content div.mortgageTable td img, #content div.savingsTable td img {
	float:left;
}

#content div.mortgageTable tr.AspNet-GridView-Normal td a, #content div.mortgageTable tr.AspNet-GridView-Normal td a, #content div.mortgageTable tr.AspNet-GridView-Alternate td a, #content div.mortgageTable tr.AspNet-GridView-Alternate td a,
#content div.savingsTable tr.AspNet-GridView-Normal td a, #content div.savingsTable tr.AspNet-GridView-Normal td a, #content div.savingsTable tr.AspNet-GridView-Alternate td a, #content div.savingsTable tr.AspNet-GridView-Alternate td a {
	background: url(../../images/arrow-hidden.png) no-repeat;
	color:#0079bd;
	display:block;
	height:16px;
	margin-left:28px;
	padding-left:22px;
	text-transform:none;
}

#content div.mortgageTable tr.AspNet-GridView-Normal td a:hover, #content div.mortgageTable tr.AspNet-GridView-Normal td a:focus, #content div.mortgageTable tr.AspNet-GridView-Alternate td a:hover, #content div.mortgageTable tr.AspNet-GridView-Alternate td a:focus,
#content div.savingsTable tr.AspNet-GridView-Normal td a:hover, #content div.savingsTable tr.AspNet-GridView-Normal td a:focus, #content div.savingsTable tr.AspNet-GridView-Alternate td a:hover, #content div.savingsTable tr.AspNet-GridView-Alternate td a:focus {
	background: url(../../images/arrow-hidden-over.png) no-repeat;
	color:#00a8bd;
	text-decoration:underline;
}

#content div.mortgageTable tr.AspNet-GridView-Normal td a.selected, #content div.mortgageTable tr.AspNet-GridView-Alternate td a.selected,
#content div.savingsTable tr.AspNet-GridView-Normal td a.selected, #content div.savingsTable tr.AspNet-GridView-Alternate td a.selected {
	background: url(../../images/arrow-shown.png) no-repeat;
	color:#00a8bd;
}

#content div.mortgageTable td a.selected, #content div.savingsTable td a.selected {
	background: url(../../images/arrow-shown.png) no-repeat;
	color:#00a8bd;
}

#content div.mortgageTable td div.productDetailsDiv, #content div.savingsTable td div.productDetailsDiv {
	float:left;
	margin:15px 0;
	width:460px;
}

#content div.mortgageTable p.noFilterResults, #content div.savingsTable p.noFilterResults {
	color:#00a8bd;
	font-size: 1.35em;
	font-weight:normal;
	margin-bottom:0;
}

#content div.rateInformation p {
	font-size:0.85em;
}

/* =8.15 Savings product table */
#content div.savingsTable table.savingsNestedTable,
#content div.savingsTable table.savingsNestedHead  {
	border-bottom:none;
	margin-bottom:0;
}

#content div.savingsTable table.savingsNestedTable tr td {
	border-top:none;
	border-bottom:1px solid #00A9E0;
}

#content div.savingsTable table.savingsNestedHead th {
	padding-bottom:33px;
	font-size:0.9em;
}

#content div.savingsTable .accountCol {
	width:90px;
	font-weight:bold;
}

#content div.savingsTable .accountTypeCol {
	width:50px;
}

#content div.savingsTable td.accountBalanceCol {
	width:330px;
	font-weight:normal;
}

#content div.savingsTable th.accountBalanceCol {
	width:245px;
	border-left:none;
}

/* =8.16 Product tabs */
#content.products {
	position:relative;
}

#content div#tabs {
	padding-top:4.3em;
}

.ui-tabs-panel {
	display: block; 
	border-width: 0; 
	background: none; 
}

.ui-tabs-hide {
	border:1px solid black;
	position: absolute;
    left: -10000px;
	top:-10000px;
	/*display: none !important;*/
}

.ui-tabs-hide p {
	display:none;
}

#content.products div#tabs ul.ui-tabs-nav  {
	border-bottom:1px solid #00a8bd;
	left:0;
	list-style: none;
	margin:0;
	position:absolute;
	top:0;
	width:700px;
}

#content.products div#tabs ul.ui-tabs-nav li {
	background-color:#EDEBE0;
	border-bottom-width: 0 !important; 
	float: left; 
	margin-right:0.5em; 
	padding: 0;
	position: relative; 
}

#content.products div#tabs ul.ui-tabs-nav li.ui-tabs-selected, 
#content.products div#tabs ul.ui-tabs-nav li.ui-state-focus,
#content.products div#tabs ul.ui-tabs-nav li.ui-state-hover {
	background-color:#00a8bd;
	color:White;
}

#content.products div#tabs ul.ui-tabs-nav li a {
	background-image:none;
	color:Black;
	cursor:pointer;
	float: left;
	font-size:1em; 
	text-decoration: none; 
	padding:0.6em 1em;
}

#content.products div#tabs ul.ui-tabs-nav li.ui-tabs-selected a, 
#content.products div#tabs ul.ui-tabs-nav li.ui-state-focus a,
#content.products div#tabs ul.ui-tabs-nav li.ui-state-hover a {
	color:White;
}

#content.products div#tabs ul.ui-tabs-nav li.ui-tabs-selected a,
#content.products div#tabs ul.ui-tabs-nav li.ui-state-disabled a,
#content.products div#tabs ul.ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}

#content.products div#tabs ul.ui-tabs-nav li.ui-tabs-collapsible,
#content.products div#tabs ul.ui-tabs-nav li.ui-tabs-selected a {
	cursor:pointer;
}

#content.products div#tabs div#tabs-1, 
#content.products div#tabs div#tabs-2, 
#content.products div#tabs div#tabs-3, 
#content.products div#tabs div#tabs-4,
#content.products div#tabs div#tabs-5,
#content.products div#tabs div#declaration {
	clear:left;
	/*margin-top:4.3em;
	float:left;*/
	width:460px;
}

#content.products div#tabs div#tabs-2 {
	padding-bottom:1.7em;
}

#sidebar.products {
	margin-top:75px;	
}

/* =8.17 Products page */
div.savingsProductDiv {
/*	margin-top:2em;*/
	overflow:auto;
}

div.savingsProductDiv div {
	float:left;
	width:220px;
}

div.savingsProductDiv div a {
	margin-bottom:0.8em;
}

div.savingsProductDiv div.firstProductColumn {
	margin-right:20px;
}

/* =8.18 FAQs */
#content.faq {
	padding-bottom:20px;	
}

#content a.faq {
	float:left;
	clear:left;
}

#content div.faq {
	clear:left;
	float:left;
	padding-left:22px;
}

#content div.faqDropdown {
	margin-top:9px;
}

#content div.faqDropdown p {
	float:left;
	padding:0.3em 1em 0 0;
	margin-bottom:25px;
}

#content div.faqDropdown div.jqTransformSelectWrapper {
	float:left;
}

/* =8.19 Search results */
#content.searchResults {
	margin-top:0;
}

#content.searchResults ul.pageCounter {
	border-top:1px solid #0079bd;
	border-bottom:1px solid #0079bd;
	font-size:110%;
	margin-left:0;
	margin-right:0;
	overflow:auto;
	padding:1em 0;
	position:relative;
	text-align:center;
}

#content.searchResults ul.pageCounter li, #content.searchResults ul.pageCounter li p {
	display:inline;
	margin:0;
	padding:0;
}

#content.searchResults ul.pageCounter li p {
	margin:0 0.2em;
	color:#00A8BD;
}

#content.searchResults ul.pageCounter li.previousLink, #content.searchResults ul.pageCounter li.nextLink {
	position:absolute;
}

#content.searchResults ul.pageCounter li.previousLink a, #content.searchResults ul.pageCounter li.nextLink a {
	text-decoration:none;
}

#content.searchResults ul.pageCounter li.previousLink {
	left:0;
}

#content.searchResults ul.pageCounter li.nextLink {
	right:0;
}

#content.searchResults ul.pageCounter li a {
	background-image:none;
	padding:0;
	margin:0;
	text-decoration:underline;
}

#content.searchResults ul.pageCounter li a[disabled="disabled"] {
	color:#A4CEE1;
}

#content.searchResults ul.searchResultsList {
	list-style-type:none;
	margin-left:0;
}

#content.searchResults ul.searchResultsList li {
	margin-bottom:1.3em;
}

#content.searchResults ul.searchResultsList li a {
	background-image:none;
	padding-left:0;
}

/* =8.20 Whos who page */
#content div.whosWho img {
	clear:left;
	float:left;
	margin:5px 0 25px 0;
}

#content div.whosWho p {
	margin-left:92px;
}

/* =8.21 Splash pages */
.splash #header  {
	height:140px !important;
}

.splash #content table, .splash #content table tr td {
	border:none;
}

/* =8.22 Log in pages */
#content div.loginBox {
	border:1px solid #00A9E0;
	float:left;
	margin:10px 17px 35px 0;
	padding:10px 5px 10px 10px;
	width:205px;
}

#content div.shareDealingLogin {
	width:270px;
}

#content div.loginBox p {
	clear:left;
}

#content p.loginHeading {
	color: #00a8bd;
	font-size: 1.5em;
	margin-bottom:0.5em;
	text-transform:uppercase;
}

#content div.lastLogin {
	margin-right: 0;
}

#content a.loginIB, #content a.loginShareDealing, #content a.loginCreditCard { 
	height:23px;
	margin-left:5px;
	margin-bottom:1.4em;
	padding-left:73px;
	padding-right:35px;
	padding-top:6px;
}

#content a.loginIB {
	background:#0079BD url(../../images/loginIB.gif) no-repeat;
}

#content a.loginIB:hover, #content a.loginIB:focus, #content a.loginIB:active {
	background:#00A9E0 url(../../images/loginIB.gif) no-repeat 0 -34px;
}

#content a.loginShareDealing {
	background:#56AC36 url(../../images/LoginShareDealing.gif) no-repeat;
}

#content a.loginShareDealing:hover, #content a.loginShareDealing:focus, #content a.loginShareDealing:active {
	background:#97BF0D url(../../images/LoginShareDealing.gif) no-repeat 0 -34px;
}

#content a.loginCreditCard {
	background:#DE006A url(../../images/LoginCreditCard.gif) no-repeat;
}

#content a.loginCreditCard:hover, #content a.loginCreditCard:focus, #content a.loginCreditCard:active {
	background:#CF3187 url(../../images/LoginCreditCard.gif) no-repeat 0 -34px;
}

/* =8.23 Calculator page */
#content.insuranceCalc {
	border-bottom:none !important
}

#content.insuranceCalc h2 {
	color:#AD007C;
}

#content.insuranceCalc h2.firstline {
	color:#7D1B7F;
	margin-bottom: -0.3em;
}

#content.insuranceCalc p.calculatorDesc {
	color:#AD007C;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin-left:20px;
	width:370px;
}

#content.insuranceCalc div.calculatorHolder {
	border-bottom:1px solid #7D1B7F;
	margin-bottom:20px;
	padding-bottom:10px;
	width:700px;
}

#content.insuranceCalc div.questionHolder {
	margin-right:20px;
	min-height:400px;
	float:left;
	width:460px;
}

#content.insuranceCalc div.calcCallToAction {
	border:none;
	clear:none;
	float:left;
	width:220px;
}

#content.insuranceCalc div.calcCallToAction ul {
	border:none;
}

#content.insuranceCalc div.calcCallToAction p.highlight8,
#content.insuranceCalc div#Summary p.highlight8 {
	color:#7D1B7F;
	font-size:1.55em;
	text-transform:uppercase;
	margin-bottom:0;
}

#content.insuranceCalc div.calcCallToAction p.highlight7,
#content.insuranceCalc div#Summary p.highlight7 {
	color:#AD007C;
	font-size:1.4em;
	margin-bottom:6px;
	text-transform:uppercase;
}

#content.insuranceCalc table {
	background-color:#EDEBDF;
	border:none;
	float:left;
	margin-left:23px;
	margin-bottom:0;
	width:300px;
}

#content.insuranceCalc fieldset {
	margin-bottom:0;
}

#content.insuranceCalc table caption {
	display:none;
}

#content.insuranceCalc table th,
#content.insuranceCalc table td {
	background-color:#EDEBDF;
	border:none;
	border-bottom:2px solid white;
	color:#7D1B7F;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px 17px 2px 17px;
	width:50%;
}

#content.insuranceCalc table tbody th.selected,
#content.insuranceCalc table tbody td.selected {
	background-color:#7D1B7F;
	color:white;
}

#content.insuranceCalc table tbody td.completed {
	color:#7D1B7F;
}

#content.insuranceCalc table tbody td {
	color:#EDEBDF;
}

#content.insuranceCalc table tbody td.selectedNoValue {
	background-color:#7D1B7F;
	color:#7D1B7F;
}

#content.insuranceCalc table tfoot th, #content.insuranceCalc table tfoot td {
	background-color:white;
	border-bottom:none;
}

#content.insuranceCalc table tfoot td {
	padding:7px 0 0 17px;
}

#content.insuranceCalc table tbody td, #content.insuranceCalc table tfoot td {
	text-align:right;
}

#content.insuranceCalc a.button {
	background-color:#7D1B7F;
	cursor:pointer;
	float:right;
	margin:15px 0 0;
}

#content.insuranceCalc a.button:hover, #content.insuranceCalc a.button:focus, #content.insuranceCalc a.button:active {
	background-color:#ad007c;
}

#content.insuranceCalc legend {
	color:#7D1B7F;
	font-size:1.6em;
	text-transform:uppercase;
}

#content.insuranceCalc ul {
	list-style-type:none;
	margin:0px;
}

#content.insuranceCalc li {
	position:relative;
}

#content.insuranceCalc li div {
	background:#E5D1E5 url(../../images/insurance/tipsPointer.gif) no-repeat;
	color:Black;
	padding:3px 3px 3px 24px;
	position:absolute;
	left:272px;
	top:-12px;
	width:173px;
	min-height:42px;
}

#content.insuranceCalc label {
	clear:left;
	color:Black;
	display:block;
	font-size:1em;
	font-weight:normal;
	float:left;
	margin:0px;
	margin-bottom:12px;
	width:12em;
}

#content.insuranceCalc input.textInput, #content.insuranceCalc input.subTotal {
	background:#F1F0EA url(../../images/pound.jpg) no-repeat 2px 54%;
	float:left;
	font-weight:bold;
	padding-left:13px;
	width:100px;
}

#content.insuranceCalc input.subTotal {
	background:transparent url(../../images/pound2.jpg) no-repeat 2px 54%;
	border:1px solid #FCFBF5;
}

#content.insuranceCalc ul li:after {
	display: block;
	clear: both;
	content: " ";
}

#content.insuranceCalc ul li p {
	clear:left;
	float:left;
	font-weight:bold;
	margin-bottom:12px;
}

#content.insuranceCalc div.tipsArea {
	background:#E3CEDD url(../../images/corner.gif) no-repeat;
	float:left;
	margin-bottom:20px;
	width:220px;
}

#content.insuranceCalc div.tipsArea p {
	display:block;
	padding:0 13px 13px 13px;
}

#content.insuranceCalc div.tipsArea p span {
	color:#AD007C;
	display:block;
	font-size:1.5em;
	font-weight:bold;
	padding-top:25px;
}

#content.insuranceCalc a.previous {
	clear:left;
	float:left;
	margin:0 0 10px 0;
}

#content.insuranceCalc a.next {
	margin:0 0 10px 0;
}

div.questionHolder {
	border-bottom:3px solid #7D1B7F !important;
}

/* =9 Misc classes
-------------------------------------------------------------- */
.APR-AER {
	font-weight:bold;
	font-size:130%;
}

th.TableSummary {
	padding:0.5em 0;
	text-align:center;
	font-size:120%;
}

.center {
	text-align:center;
}

/* =9.1 JQuery classes */
.firstMenuItem {
	padding-left: 0px !important;
}

.lastMenuItem {
	padding-right: 0px !important;
	border-right: none !important;
}

.lastBreadcrumb {
	color: #00a8bd;
	text-transform:uppercase;
}

.hidden * { /* hide all content until class is removed */
	display:none;
}

.underlineElement {
	border-bottom:3px solid #0079bd !important;
}

/* =9.2 Blueprint classes */
.showgrid { 
	background: url(blueprint/src/grid.png) 20px 0; 
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.clear-both {
	clear:both;
}

.highlight {
	background-color:#B8E7FC;
}

/* --- JQuery Select replacement --- */
#content div.jqTransformSelectWrapper ul li a,
#customer-section div.jqTransformSelectWrapper ul li a {
	background-image:none;
	display:block;
	padding:2px 0 2px 6px;
	color:Black;
	text-transform:none;
	font-weight:normal;
}

#content div.jqTransformSelectWrapper ul li a.selected,
#customer-section div.jqTransformSelectWrapper ul li a.selected {
	background-color:#D9F4F7;
}

#content div.jqTransformSelectWrapper ul li a:hover, 
#content div.jqTransformSelectWrapper ul li a:focus,
#customer-section div.jqTransformSelectWrapper ul li a:hover, 
#customer-section div.jqTransformSelectWrapper ul li a:focus {
	background-color:#87D6E0;
	text-decoration:none;
}

#content div.jqTransformSelectWrapper ul li a.selected:hover, 
#content div.jqTransformSelectWrapper ul li a.selected:focus,
#customer-section div.jqTransformSelectWrapper ul li a.selected:hover, 
#customer-section div.jqTransformSelectWrapper ul li a.selected:focus {
	background:#87D6E0;
	text-decoration:none;
}

#customer-section div.jqTransformSelectWrapper, #customer-section div.jqTransformSelectWrapper ul {
	max-width:190px;
}

#content div.jqTransformSelectWrapper ul {
	height:250px;
}

/* --- JQuery Tooltip --- */
#tooltip { 	position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; }
#tooltip h3, #tooltip div { margin: 0; }

/* --- Login alert --- */
.login-alert { float:left; position: fixed; top: 0; left: 0; text-align: center; width: 100%; border-bottom: 1px solid red; color: red; background: #FFF8F8; }

/* --- Comments --- */
.review-comments { position: fixed; top: 4px; left: 4px; background: #f8fff8; border: 1px solid green; padding: 4px; float: left; text-align: left; }
.review-comments ul { width: 600px; height: 200px; overflow-x:hidden; overflow-y:auto; margin: 10px; padding: 0 0 0 0; border: 1px solid green; background: #ffffff; }
.review-comments ul .version { font-weight: bold; float: left; }
.review-comments ul li { margin-bottom: 4px; width: 600px; }
.review-comments ul .comment-author, .review-comments ul .comment-date { float:right; clear: right; font-style: italic; }
.review-comments ul div { clear: both; border-bottom: 1px dotted #808080; padding: 2px 4px 0 8px; width: 570px; }
.review-comments .comment { float: left; clear: both; padding-bottom: 10px; }


/*
#branchImages {
    position:relative;
    height:350px;
}

#branchImages IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#branchImages IMG.active {
    z-index:10;
    opacity:1.0;
}

#branchImages IMG.last-active {
    z-index:9;
}
*/