* { margin: 0; padding: 0; border: 0; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; list-style-type: none; }
li {background-image: none; background-repeat: no-repeat;}
a img,:link img,:visited img, fieldset { border:none }
address { font-style:normal }
table {border-collapse:collapse; border-spacing:0;}
select,input,button,textarea { font: 99% arial,helvetica,clean,sans-serif; }

input.Text {
	background-color: #f3f3f3;
	border: 1px #ccc solid;
	}

table {
	font-size: inherit;
	font: 100%;
	}

:active, :focus { outline-style: none; -moz-outline-style:none; }

.ClearFloat { 
    clear: both; 
    display: block; 
    font-size: 1px; 
    height: 0px; 
    line-height: 1px; 
    visibility: hidden; 
    }

/* slightly enhanced, universal clearfix hack */
.Cf:after, .ClearFix:after {
     clear: both;
     content: " ";
     display: block;
     font-size: 0;
     height: 0;
     visibility: hidden;
     }
    
    .Cf, .ClearFix {*display: inline-block;}

/* span text to prevent it wrapping */
.NoWrap { white-space: nowrap; }

/* small text */
.SmallText { 
    color: #333; 
    font-size: 85%; 
    font-weight: bold; 
    line-height: 130%; 
    }

/* float right image */
img.Right { float: right; margin: 4px 4px 15px 15px; }
/* generic class for image replacement */
.HideMe { left: -3000px; position: absolute; }
.HideMeD { display: none; }
.Light { font-weight: normal; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.Relative { position: relative; }
/* terms and conditons link bottom of page */
p.SmallPrint { color: #66574D; font-size: 85%; }

/* naughty naughty, colour-based classes */
.FgBrown	{ color: #240F00; }
.FgBeige	{ color: #BDAD87; }
.FgGreen	{ color: #699B40; }
.FgTurq		{ color: #006778; }
.FgOrange	{ color: #FF7200; }
.BgBrown	{ background-color: #240F00; }
.BgBeige	{ background-color: #BDAD87; }
.BgGreen	{ background-color: #699B40; }
.BgTurq		{ background-color: #006778; }
.BgOrange	{ background-color: #FF7200; }

/* [S] Body declaration */
body {
	background: #F2EFE7;
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	margin: 0;
	padding: 0;
	position: relative;
	}
.Page {
	padding: 0;
	position: relative;
	margin: 0 auto 0 auto;
	width: 960px;
	}

.Inner {
	position: relative;
	margin: 0 auto 0 auto;
	width: 960px;
	}

/* [S] Generic Links */
a:link{color: #6d8e94; text-decoration: underline;}
a:visited{color: #6d8e94; text-decoration: underline;}
a:hover{color: #ff7200; text-decoration: none;}
a:active{color: #006778; text-decoration: underline;}

/* [S] [G] Global site grid units */
.ColumnBreaker {
	clear: both;
	height: 0px;
	line-height: 0px;
	padding-bottom: 20px;
	width: 100%;
	}
.ClearColumnBreaker {
	clear: both;
	height: 0px;
	line-height: 0px;
	padding-bottom: 0px;
	width: 100%;
	}
.FineDivider {
	border-bottom: 1px #ddd dotted;
	border-top: 15px #fff solid;
	margin-bottom: 15px;
	padding-bottom: 0;
	}

/* generic style for a column unit div */
.Unit {
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	}
.UnitStart { margin-left: 0 !important; }
.UnitEnd { margin-right: 0px !important; }
.EmptyUnit { min-height: 1px; }
		
/* generic style for floating block content */
.PanelContent {
	float: left;
	width:100%;
	}
div.FloatItem {
	display: block;
	float: left;
	}

/* unit widths based on block composition */
.Grid12 .Unit1Blocks {	width: 60px; }
.Grid12 .Unit2Blocks {	width: 140px; }
.Grid12 .Unit3Blocks {	width: 220px; }
.Grid12 .Unit4Blocks {	width: 300px; }
.Grid12 .Unit5Blocks {	width: 380px; }
.Grid12 .Unit6Blocks {	width: 460px; }
.Grid12 .Unit7Blocks {	width: 540px; }
.Grid12 .Unit8Blocks {	width: 620px; }
.Grid12 .Unit9Blocks {	width: 700px; }
.Grid12 .Unit10Blocks { width: 780px; }
.Grid12 .Unit11Blocks {	width: 860px; }
.Grid12 .Unit12Blocks {	width: 940px; }

/* gap a unit from the left-gutter */
.Grid12 .Offset1Blocks { padding-left: 80px; } 
.Grid12 .Offset2Blocks { padding-left: 160px; }
.Grid12 .Offset3Blocks { padding-left: 240px; }
.Grid12 .Offset4Blocks { padding-left: 320px; }
.Grid12 .Offset5Blocks { padding-left: 400px; }
.Grid12 .Offset6Blocks { padding-left: 480px; }
.Grid12 .Offset7Blocks { padding-left: 560px; }
.Grid12 .Offset8Blocks { padding-left: 640px; }
.Grid12 .Offset9Blocks { padding-left: 720px; }
.Grid12 .Offset10Blocks { padding-left: 800px; }
.Grid12 .Offset11Blocks { padding-left: 880px; }

/* [S] Generic widths for table columns, input fields etc. */
/*Used to control table column widths*/
.w20{width: 2em;}.w30{width: 3em;}.w40{width: 4em;}.w50{width: 5em;}.w60{width: 6em;}.w80{width: 8em;}.w100{width: 10em;}
.w110{width: 11em;}.w120{width: 12em;}.w130{width: 13em;}.w150{width: 15em;}.w165{width: 16.5em;}.w200{width: 20em;}.w250{width: 25em;}.w300{width: 30em;}
/*Percent Widths - Used to create equal grids within a table. e.g for columns at 25%*/
.w10pc{width: 10%;}.w13pc{width: 13%;}.w20pc{width: 20%;}.w25pc{width: 25%;}.w30pc{width: 30%;} .w33pc{width: 33%;}
.w40pc{width: 40%;}.w50pc{width: 50%;}.w60pc{width: 60%;}.w75pc{width: 75%;}.w80pc{width: 80%;}.w90pc{width: 90%;}
/*form input element widths*/
.fw2{width: 2em;}.fw3{width: 3em;}.fw4{width: 4em;}.fw6{width: 6em;}.fw8{width: 8em;}.fw10{width: 10em;}
.fw14{width: 14em;}.fw16{width: 16em;}.fw20{width: 20em;}.fw22{width: 22em;}

/* return to lovemoney link */
.BackNav {
	background-color: #222;
	font-size: 85%;
	}
	.BackNav .Internal {
		margin: 0 auto;
		padding: 5px 0 6px 0;
		width: 940px;
		}
	.BackNav a,
	.BackNav a:link,
	.BackNav a:hover,
	.BackNav a:active,
	.BackNav a:visited {
		color: #ffc;
		}
	.BackNav a:hover {
		text-decoration: none;
		}
		
/* page header */
.Nav {
	background: #117d8f url(/images/verySecure/generic/headertile.gif) repeat-x left top;
	padding: 10px 0;
	}
	.Nav .Internal {
		position: relative;
		margin: 0 auto;
		width: 960px;	
		}	
	.Nav a.Logo {
		background: transparent url(/images/global/logos/white220.png) no-repeat left top;
		display: block;
		height: 45px;
		width: 220px;
		}	
	.Nav h1 {
		color: #80B3BB;
		font-size: 200%;
		letter-spacing: -2px;
		padding-top: 8px;
		text-align: right;
		text-shadow: rgb(0,0,0) 1px 1px 1px; 
		}				
		
	.Nav .Divider {
		border-right: 1px #338593 solid;
		}
			
	.Nav div#UserBox {
		position: relative;
		padding: 5px 0 0 45px;
		}
		.Nav div#UserBox img {
			border: 3px #005867 solid !important;
			left: 0px;
			position: absolute;
			top: 5px;
			}
		.Nav div#UserBox p.Greeting {
			color: #fff;
			font-size: 110%;
			line-height: normal;
			margin: 0;
			padding: 0;
			}
			.Nav div#UserBox p.Greeting a {
				color: #ffc;
				}
		.Nav div#UserBox ul.Inline {
			margin-right: 12px;
			padding-bottom: 6px;
			}
			.Nav div#UserBox ul.Inline li {
			    display: inline;
			    margin-left: 0.5em;
				}
			.Nav div#UserBox ul.Inline li.First {
				margin-left: 0;
				}
		.Nav div#UserBox ul.Inline a {
			color: #ffc;
			font-size: 90%;
			}
	.Nav h1.MmLogo {
		display: none;
		}
		.Nav h1.MmLogo span { display: none; }
	.Nav a.MmLogo {
		background: transparent url(/images/verySecure/carInsurance/mmlogo.png) no-repeat top right;
		display: block;
		height: 29px;
		margin: 13px 0 0 0;
		padding: 0;
		width: 300px;
		}
	.Nav a.MmLogo.MortgagesLogo {
		background: transparent url(/images/verySecure/mortgages/mlogo.png) no-repeat top right;	
	    }
	.Nav a.MmLogo.HomeLogo {
		background: transparent url(/images/verySecure/homeInsurance/htitle.png) no-repeat top right;	
	    }   
	.Nav a.MmLogo.LifeLogo {
		background: transparent url(/images/verySecure/lifeInsurance/ltitle.png) no-repeat top right;	
	    }        

/* top nav */
.NavBar {
	background: #005867;
	clear: both;
	position: static;
	z-index: 0;
	}
	.NavBar .Inner {
		margin: 0 auto;
		width: 960px;
		}
	.NavLinks {
	    color:#FFFFFF;
		font-size: 105%;
		text-shadow:1px 1px 1px #000000;
		}
		.NavLinks ul {
			margin:0;
			padding:0;
			list-style:none;
			}
		.NavLinks ul li {
			display: block;
			float: left;
			margin-right:5px;
			padding: 11px 12px 9px 12px;
			}
			.NavLinks ul li.HomeLink {
				padding-left: 0;
				}			
				
		ul.NavLinksRight {
			float: right;
			}
			ul.NavLinksRight li {
				margin-right: 0 !important;
				padding-right: 0 !important;
				padding-top: 10px;
				}
			ul.NavLinksRight li a {
				background: #27727F url(/images/verySecure/generic/bulb_email.gif) no-repeat 8px 5px;
				padding: 5px 10px 5px 30px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				}

		.NavLinks ul li a,
		.NavLinks ul li a:link,
		.NavLinks ul li a:hover,
		.NavLinks ul li a:visited,
		.NavLinks ul li a:active {
			color: #fff;
			text-decoration: none;
			text-shadow : rgb(0,0,0) 1px 1px 1px;
			}
		.NavLinks ul li a:hover {
			color: #ffc;
			text-shadow: rgb(50,50,50) 1px 1px 1px;
			}
		.NavLinks ul li.Active {
			background-color: #f2efe7;
			border-left: 1px #005867 solid;
			border-right: 1px #005867 solid;
			border-top: 2px #005867 solid;
			color:#005867;
			font-weight:bold;
			padding: 9px 11px 9px 11px;
			text-shadow: none;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-radius-topleft: 5px;
			-webkit-border-radius-topright: 5px;
			}		
			
			.applyOnlineNav .NavLinks ul li.Active {
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-radius-topleft: 5px;
			-webkit-border-radius-topright: 5px;
			-webkit-border-radius-bottomleft: 5px;
			-webkit-border-radius-bottomright: 5px;
			}
			
			.NavLinks ul li.Active a {
				color: #005867 !important;
				font-weight: bold;
				text-shadow: none;
				}
            .NavLinks ul li.breadcrumb,
             .NavLinks ul li span {
                color: #fff;
                padding: 9px 5px 9px 5px;
			    text-decoration: none;
			    text-shadow : rgb(0,0,0) 1px 1px 1px;
                }                

.HomeTop {
	background: #fff no-repeat center top;
	padding: 15px 0 0px 0;
	position: relative;
	}				
	
	.HomeTop .PageIntro {
		margin: 0 auto;
		position:relative;
		width: 960px;
		}
		.HomeTop .PageIntro h2.Title {
			background: transparent url(/images/onlinebanking/home/title.gif) no-repeat left top;
			display: block;
			height: 90px;
			width: 470px;
			}							   			 
			    
		.HomeTop .PageIntro p {
			font-size: 110%;
			line-height: 140%;
			margin-bottom: 10px;
			}
	.HomeTop a.RegisterNow {
		background: transparent url(/images/onlinebanking/registerbutton.gif) no-repeat left top;
		display: block;
		height: 50px;
		width: 300px;
		}
	.HomeTop .PageIntro input {
		border: none !important;
		clear: both;
		display: block;
		float: none !important;
		height: 50px;
		margin-bottom: 20px;
		padding: 0 !important;
		}
		
		.HomeTop .PageIntro input.hidden 
		{
		    display:none}



form.VerySecureForm input.SaveButton {float:none}


.LoginBoxWrapper {
	background-color: #005867;
	border-bottom: 1px #80B3BB solid;
	display: block;
	padding: 6px 0 5px 0;
	}
	.LoginBox {
		display: none;
		margin: 0 auto;
		width: 960px;
		}
		.LoginBox h3 {
			background: transparent url(/images/onlinebanking/signinctas.gif) no-repeat left -44px;
			color: #CCE1E4;
			display: block;
			font-size: 140%;
			height: 20px;
			line-height: 100%;
			}
	    .LoginBox h3.RetrieveQuote {
	        background: transparent url(/images/verySecure/carInsurance/RetrieveQuote.png) no-repeat -3px -5px;
			color: #CCE1E4;
			display: block;
			font-size: 140%;
			height: 22px;
			line-height: 100%;
			margin:0
	        }			
		.LoginBox h3.Centered {
			margin-top: 0px;
			}
		.LoginBox p.Why {
			font-size: 85%;
			line-height: 70% !important;
			margin: 0 0 0 0 !important;
			padding: 0 !important;
			}
			.LoginBox p.Why a,
			.LoginBox p.Why a:link,
			.LoginBox p.Why a:visited {
				color: #80B3BB;
				}	
			.LoginBox p.Why a:hover {
				color: #fff;
				text-decoration: underline;
				}
		.LoginBox label {
			color: #CCE1E4;
			font-size: 85%;
			font-weight: bold;
			height: 18px;
			display: none;
			}
		.LoginBox .ButtonBox input {
			}
		.LoginBox input {
			clear: both;
			}
		.LoginBox .Input {
			background-color: #4D95A0;
			display: block;
			padding: 2px;
			width: 294px;
			}
			.LoginBox .Input input {
				border: 1px #E1EBD9 solid;
				color: #444;
				float: none;
				font-size: 120%;
				margin: 0;
				padding: 5px 3px;
				width: 286px;
				-moz-border-radius: 0;
                -webkit-border-radius: 0;
				}
		.LoginBox .UiButton {
			margin-top: 8px;
			}
	.LoginFailed p {
		color: #ffc;
		font-size: 85%;
		font-weight: bold;
		margin: 5px 2px 0 2px;
		}

.Ie6Warning {
	display: none;
	}		
.Ie6Warning div,
.JavascriptRequired div {
	background: #ffdcdc url(/images/onlinebanking/error.gif) no-repeat 6px 10px;
	border: 1px #f13e3e solid;
	clear: both;
	color: #c00;
	margin: 5px 0 5px 0;
	padding: 8px 10px 8px 42px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	.Ie6Warning div h3,
	.JavascriptRequired div h3 {
		color: #c00;
		font-size: 150%;
		margin-top: 0;
		}
	.Ie6Warning div p,
	.JavascriptRequired div p {
		margin-bottom: 0;
		}
		.JavascriptRequired div p a,
		.JavascriptRequired div p a:link,
		.JavascriptRequired div p a:visited,
		.Ie6Warning div p a,
		.Ie6Warning div p a:link,
		.Ie6Warning div p a:visited {
			color: #c00;
			font-weight: bold;
			}
			
.HomeMiddle {
	background: #f2efe7 !important;
	border-top: 1px #a79f99 solid;
	}	
	.HomeMiddle h2 {
		text-shadow: rgb(255,255,255) 1px 1px 1px; 
		}
	.HomeMiddle .Feature,
	body.Interstitial .Feature {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left 8px;
		background-attachment: scroll;
		padding-left: 80px;
		padding-top: 10px;
		}
		.HomeMiddle .Feature h3,
		body.Interstitial .Feature h3 {
			color: #699b40;
			font-size: 145%;
			font-weight: bold;
			letter-spacing: -1px;
			margin-bottom: 5px;
			text-shadow: rgb(255,255,255) 1px 1px 1px; 
			}
			body.Interstitial .Feature h3 {color:#006778 !important;}
		.HomeMiddle .Feature p,
		body.Interstitial .Feature p {
			font-size: 100%;
			line-height: 140%;
			margin-top: 0;
			padding: 0;
			}
			.HomeMiddle .Feature p strong,
			body.Interstitial .Feature p strong {
				color: #006778;
				}
	.HomeMiddle .InOnePlace, body.Interstitial .InOnePlace { background-image: url(/images/onlinebanking/home/folder.gif); }
	.HomeMiddle .ExpInc, body.Interstitial .ExpInc { background-image: url(/images/onlinebanking/home/cycle.gif); }
	.HomeMiddle .Spending, body.Interstitial .Spending { background-image: url(/images/onlinebanking/home/graph.gif); }
	.HomeMiddle .Safe, body.Interstitial .Safe { background-image: url(/images/onlinebanking/home/padlock.gif); }
	.HomeMiddle .Search, body.Interstitial .Safe { background-image: url(/images/onlinebanking/home/search.gif); }
	.HomeMiddle .Pound, body.Interstitial .Safe { background-image: url(/images/onlinebanking/home/pound.gif); }
	.HomeMiddle .Free, body.Interstitial .Free { background-image: url(/images/onlinebanking/home/free.gif); }
	.HomeMiddle .None, body.Interstitial .None { background-image: url(/images/verySecure/generic/none.gif); }
	

	.HomeMiddle .StayInTouch {
		background-image: url(/images/onlinebanking/home/ideas.gif);
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 4px 7px;
		background-attachment: scroll;
		clear: both;
		margin-bottom: 15px;
		margin-top: 1px;
		padding: 10px 15px 1px 80px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		.HomeMiddle .StayInTouch h4 {
			font-size: 145%;
			letter-spacing: -1px;
			line-height: 110%;
			margin-top: 0;
			}
		.HomeMiddle .StayInTouch p {
			font-size: 100%;
			line-height: 140%;
			margin-top: 2px;
			}

.Verisign img {
	margin-left: -2px !important; 
	}

div.VerySecureSideBox #verisign { padding:0 0 10px;}
	
div.VerySecureSideBox #verisign table 
{
    margin:0 auto 10px;
    display:block;
    text-align:center
}	

div.Security {margin-left:80px;}

.Security p {
	margin-top: 8px;
	}

/* modal login box */
.Hidden {
	display: none;
	}

.Middle {
	background: #f2efe7;
	padding: 10px 0 0 0;
	}	
	.Middle .Page {
		border-bottom: 1px #D3CFCC solid;
		padding-bottom: 10px;
		}
	.Middle h2 	{
	    font-size: 200%;
	    }	

/* generic styles */
h2 {
	color: #240F00;
	font-size: 190%;
	letter-spacing: -1px;
	margin: 0 0 8px 0;
	}	
h3 {
	color: #006778;
	font-size: 175%;
	letter-spacing: -1px;
	line-height: 110%;
	margin-bottom: 5px;
	}
h4 {
	color: #503F33;
	letter-spacing: -1px;
	margin: 14px 0 0 0;
	font-size: 140%;
	}
h5 {
	color: #444;
	letter-spacing: -1px;
	margin: 8px 0 4px 0;
	font-size: 120%;
	}	
p {
	font-size: 110%;
	line-height: 140%;
	margin-bottom: 12px;
	}

		
/* [S] Lists */
ol.DefaultList {
	padding-left: 2.8em;
	padding-bottom: 0.5em;
	font-size: 110%;
	}
	ol.DefaultList li { padding-bottom: 0.5em; padding-left: .5em; list-style-type: decimal !important; }
	ol.DefaultList li ol { padding-top: 0.5em; }
ul.DefaultList {
	padding-bottom: 0.5em;
	padding-left: 2.8em;
	font-size: 110%;
	}
	ul.DefaultList li { padding-bottom: 0.5em; padding-left: .5em; list-style-type: square; }
	ul.DefaultList li ul { padding-top: 0.5em; }
	ul.DefaultList li ul.DefaultList li { }
ol.AlphaList {
	padding-left: 2.8em;
	padding-bottom: 0.5em;
	}
	ol.AlphaList li { padding-bottom: 0.25em; padding-left: .5em; list-style-type: lower-alpha !important; }
	ol.AlphaList li ol { padding-top: 0.5em; }		
 
/*Icon lists*/
ul.ImgList {
	list-style-type: none;
	margin: 0 0.25em 1em 0;
	padding-left: 0.5em;
	}
	/*Shows blue bullet by default*/
	ul.ImgList li {
	    background-image: url(/Images/Global/Icons/Mini/IconSprite.png);
	    background-repeat: no-repeat;
	    padding:1px 0 1px 20px;
		line-height: 1.4em !important;
		margin: 0 0 0.25em 0;
		}
		/*For images on hrefs nested in ImgList, so no double icon*/
		ul.ImgList li.Clear {
	    background-image: none !important;
		}
		ul.Inline li {
	    display: inline;
	    margin-left: 0.5em;
		}
		ul.Inline li.First {
	    margin-left: 0;
		}
		.InfoList {position: relative;}
		.InfoList ul.Inline {float: right; margin: 0;}

ul.ImgList h4  {
    color:#006778;
    margin:0 0 5px 0;
    } 
    
/*links with image styles*/
a.HrefList, span.HrefList, span.BtnList {
    background-image: url(/Images/Global/Icons/Mini/IconSprite.png);
    background-repeat: no-repeat;
    }
    a.HrefList, span.HrefList {
        padding:1px 0 1px 22px;
    }
    /*for list items on UiBtns*/
    span.BtnList {
        display:inline !important;
        padding:2px 6px 10px 18px;
        margin-left:4px;
        }
        h3 span.BtnList {padding-left:28px; padding-top: 0px;}
        span.BtnList input {padding-left: 0px !important;}

li.Def {background-position: 0 0;}
li.Article, a.Article {background-position: 0 -3000px;}
li.ArticleReport {background-position: 0 -9800px;}
li.Alert, a.Alert, span.Alert {background-position: 0 -1800px;}
li.AlertNew, a.AlertNew {background-position: 0 -2000px;}
li.AlertOpen, a.AlertOpen {background-position: 0 -2200px;}
li.AlertDelete, a.AlertDelete {background-position: 0 -2400px;}
li.Blog, li.blog {background-position: 0 -3800px;}
li.BlueMinus, span.BlueMinus {background-position: 0 -11205px;  }
li.Calculate {background-position: 0 -9000px;}
li.ChkBox, span.ChkBox {background-position: 0 -9200px;}
li.Comment, a.Comment, span.Comment {background-position: 0 -200px;}
li.CommentAdd {background-position: 0 -400px;}
li.CommentDel, a.CommentDel {background-position: 0 -600px;}
li.Compare, a.Compare, span.Compare {background-position: 0 -5800px;}
li.Delete, a.Delete {background-position: 0 -5000px;}
li.Everything {background-position: 0 -6200px;}
li.Explore, a.Explore {background-position: 0 -6000px;}
li.Goal, a.Goal, span.Goal {background-position: 0 -4200px;}
li.Guide {background-position: 0 -3200px;}
li.Login, a.Login {background-position: 0 -5400px;}
li.Logout, a.Logout {background-position: 0 -5600px;}
li.Phone {background-position: 0 -4000px;}
li.Photo, a.Photo, span.Photo {background-position: 0 -3600px;}
li.Qanda, a.Qanda, span.Qanda {background-position: 0 -2600px;}
li.QandaNew {background-position: 0 -2800px;}
li.Rec, span.Rec {background-position: 0 -800px;}/*Anchor link or count, RecAdd is for action*/
li.RecAdd, a.RecAdd {background-position: 0 -1000px;}
li.RecAdded, span.RecAdded {background-position: 0 -1200px;}
li.Report, a.Report, span.Report {background-position: 0 -5200px;}
li.Rss {background-position: 0 -4400px;}
li.Settings, a.Settings, span.Settings {background-position: 0 -6400px;}
li.Share, span.Share {background-position: 0 -11400px;}
li.Tag, a.Tag, span.Tag {background-position: 0 -8600px;}
li.TagAdd, a.TagAdd {background-position: 0 -8800px;}
li.TickGreen, a.TickGreen, span.TickGreen {background-position: 0 -9400px;}
li.TickGrey, a.TickGrey {background-position: 0 -9600px;}
li.Twitt, span.Twitt {background-position: 0 -4597px;}
li.User, a.User {background-position: 0 -7200px;}
li.Users, a.Users, span.Users {background-position: 0 -8400px;}
li.UserAdd, a.UserAdd, span.UserAdd {background-position: 0 -7400px;}
li.UserDel, a.UserDel, span.UserDel {background-position: 0 -7600px;}
li.UserEdit, a.UserEdit, span.UserEdit {background-position: 0 -7800px;}
li.UserSearch, a.UserSearch {background-position: 0 -8000px;}
li.UserStaff, a.Editorial, li.Editorial {background-position: 0 -8200px;}
li.Video {background-position: 0 -3400px;}
li.Warning, a.Warning, span.Warning {background-position: 0 -4800px;}
li.WatchAdd, a.WatchAdd {background-position: 0 -1400px;}
li.WatchDel, a.WatchDel {background-position: 0 -1600px;}       
    
    
/*Form styling*/
form.VerySecureForm fieldset {
    background-color: #fff;
    margin: 0 0 10px 0;
    padding: 20px 10px 10px 10px;    
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    }      
    form.VerySecureForm legend {       
        position: absolute;        
        }
        form.VerySecureForm legend span {            
            position: relative;
            top: -15px;
            left: 0px;
            display: block;            
            color: #240F00;
            letter-spacing: -1px;            
            font-size: 180%;
            font-weight: bold;
            white-space: nowrap;
            }

form.VerySecureForm span.RestartForm a:link, form.VerySecureForm span.RestartForm a:visited,
form.VerySecureForm span.RestartForm a:hover, form.VerySecureForm span.RestartForm a:active  {
    color: #240f00;
    float: right;
    }
form.VerySecureForm label, 
form.VerySecureForm p.GroupLabel {
        float: left;
        font-size:100%;
        font-weight: bold;
        margin-bottom:0;
        margin-right: 10px;
        padding: 5px 0;
        width: 185px;
        }
        
form.VerySecureForm fieldset h5 {
    color:#006778
    }        
form.VerySecureForm div.FormContainer {margin: 0 0 5px 0;}

form.VerySecureForm label, form.VerySecureForm p.GroupLabel {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 0;
    width: 185px;
    }
form.VerySecureForm input, form.VerySecureForm select, form.VerySecureForm textarea {
    background: #F3F9FD url(/Images/Global/InputBackground.gif) repeat-x scroll left top;
    border:1px solid #B2D1D6;
    color: #006778;
    float: left;
    font-size: 120%;
    margin-bottom:5px;
    padding: 2px 2px 2px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }
           
    form.VerySecureForm div.InputGroup div.StackedGroup {
        clear: both;
        margin-left: 194px;
        }
        form.VerySecureForm div.InputGroup div.StackedGroup label {
            width: 20em !important;
            }
        form.VerySecureForm div.InputGroup div.StackedGroupTop {
            clear: none !important;
            margin-left: 0 !important;
            }
    form.VerySecureForm span.Pound, .VerySecureSideBox span.Pound {
        color:#006778;
        float:left;
        font-size:170%;
        font-style:normal;
        width:16px;
        }
   
        
    form.VerySecureForm span.UiButton input {
        color: #fff;
        cursor: pointer;
        font-size:100%;
        padding: 0px;
        }
    form.VerySecureForm div.InputGroup label {
        width: 74px !important;
        }
    form.VerySecureForm div.InputGroup input {
		background: none;
		border: none;
		margin: 5px 5px 0 0;
        }
        
        form.VerySecureForm div.InputGroup.RefineCheck input {
            margin:5px 5px 0 0
        }
        
    form.VerySecureForm div.DateInput select {
        margin-right: 8px;
        }
        
        
/*Form image button styling*/        
input.VerySecureButton {
    background: none !important;
    border:none !important;
    float: right !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    }
    input.VerySecureSecondaryButton {
        background: none !important;
        border:none !important;
        margin: 5px 0 5px 190px !important;
        }        
    input.VerySecureButton.Centred {
        float:none !important;
        text-align:center;
        margin: 0 auto
        }
     
/*Form focus, form feedback and error styling*/
.elementFocus { border: solid 1px #287e8d !important; }
.elementError { border: solid 1px #cc0000 !important; }

.InputError, .AcceptMessage {
    clear: left;
    float: left;
    font-size: 90%;
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 5px 192px;
    width: 19em;
    }
    .YourRequirements .InputError {
        margin:0 0 5px 0px;
        width:15em
    }   
    .InputError {color: #cc0000;}
    .AcceptMessage {color: #6a9c42;}

/*Form witdh classes to provide uniform widths for form elements*/
.w60 {width: 6em;}
.w110 {width: 11em;} /*this is one for the input elements that require a £ next to them*/
.w120 {width: 12em;} 
.w125 {width: 12.5em} /*this one is for select boxes as they don't quite match the sizes of the inputs*/

.w190 {width: 19em}

/*Simpletip styling*/
.SimpleTip {
	background: transparent url(/Images/Login/TipArrow.gif) no-repeat top left;
	display: none; 
	left: 0;
	padding-left: 9px;
	position: absolute;
	top: 0;
	width: 321px;
	z-index: 3;
	}
.SimpleTip div {
	background-color: #f5f5b5;
	border: 1px solid #DECA7E;
	border-left: 0;
	color: #333;
	line-height: 18px;
	padding: 10px;
	}

/*Pagination styling*/
div.PaginationWrapper {
	background-color: #fff;
	margin-top: 10px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    }

div.Pagination {
	padding: 0 10px;
	}
	div.Pagination div.Inner {
	    width: 600px !important;
	    }
	div.Pagination p {
		float: left;
		font-size: 100%;
		margin-right: 10px;
		}
	div.Pagination ul {
		}
		div.Pagination ul li {
			background-image: url(/Images/Global/Icons/Mini/NavSprite.png);
            background-repeat: no-repeat;
			display: block;
			float: left;
			font-size: 100%;
			height: 18px;
			margin: 0 4px;
			min-width: 17px;
			}
		    div.Pagination ul li a, form.VerySecureForm div.Pagination ul li.PageCount input {		
			    background-image: url(/Images/Global/Icons/Mini/NavSprite.png);
                background-repeat: no-repeat;
			    display: block;
			    height: 18px;
			    text-decoration: none;
			    min-width: 16px;
			    }
			
		    form.VerySecureForm div.Pagination ul li input {
		        background-color: #FFFFFF;
			    background-image: url(/Images/Global/Icons/Mini/NavSprite.png);
                background-repeat: no-repeat;
                border: none;
                cursor: pointer;    
			    display: block;
			    float: none;
			    font-size: 100%;
			    height: 18px;
			    margin-bottom: 0;
			    padding: 0;
			    text-decoration: none;
			    width: 16px;
			    }			
			
		    div.Pagination ul li span {
			    position: absolute;
			    left: -3000px;
			    }
			div.Pagination ul li.PageCount span {
			    position: relative;
			    left: 5px;
			    top: 2px;
			    }
						
			div.Pagination ul li.PageCount, div.Pagination ul li.PageCount a, form.VerySecureForm div.Pagination ul li.PageCount input{background-image: none;}
		div.Pagination ul li.PageFirst {background-position: 0 0;}
			div.Pagination ul li.PageFirst a {background-position: 0 -200px;}
		div.Pagination ul li.PageLast {background-position: 0 -400px;}
			div.Pagination ul li.PageLast a, div.Pagination ul li.PageLast input {background-position: 0 -600px;}
		div.Pagination ul li.PagePrevious {background-position: 0 -800px;}
			div.Pagination ul li.PagePrevious a {background-position: 0 -1000px;}
		div.Pagination ul li.PageNext {background-position: 0 -1200px;}
			div.Pagination ul li.PageNext a, div.Pagination ul li.PageNext input {background-position: 0 -1400px;}
        
        div.Pagination ul li.PageNext input, div.Pagination ul li.PageLast input {           
            background-color: transparent;
            border: none;
            text-indent: -2000px
            }  

/* Autocomplete - for Jquery plugin */
.ac_results {
	padding: 0px;
	border: 1px solid #DED6C3;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	}
.ac_results li {
	margin: 0px;
	padding: 4px;
	cursor: default;
	display: block;
	line-height: 140%;
	overflow: hidden;
	}
.ac_loading {
	background: white url(/Images/Global/Icons/Mini/AjaxLoadIcon.gif) right center no-repeat;
	}
.ac_odd {
	background-color: #F2EFE7;
	}
.ac_over {
	background-color: #006778;
	color: white;
	}

/*Javascript required styling / Form errors styling*/
.JavascriptRequired div,
.FormErrors div {
	background: #ffdcdc url(/images/onlinebanking/error.gif) no-repeat 6px 10px;
	border: 1px #f13e3e solid;
	clear: both;
	color: #c00;
	margin: 5px 0 5px 0;
	padding: 8px 10px 8px 42px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	.Ie6Warning div h3,
	.JavascriptRequired div h3,
	.FormErrors div h3 {
		color: #c00;
		font-size: 150%;
		margin-top: 0;
		}
	.Ie6Warning div p,
	.JavascriptRequired div p,
	.FormErrors div p {
		margin-bottom: 0;
		}
		.JavascriptRequired div p a,
		.JavascriptRequired div p a:link,
		.JavascriptRequired div p a:visited,
		.FormErrors div p: a,
		.FormErrors div p: a:link,
		.FormErrors div p: a:visited,
		.Ie6Warning div p a,
		.Ie6Warning div p a:link,
		.Ie6Warning div p a:visited {
			color: #c00;
			font-weight: bold;
			}

.FormErrors div {
    background-position: 6px 2px !important;
    padding: 10px 10px 10px 42px;
    }

/* Results table*/
table.ResultsTable {
    border: 0;
	border-spacing: 0;
	border-collapse: collapse !important;
	width: 620px;
	}			
	table.ResultsTable td {
        border-bottom: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        color: #006778;
        }                                            
        table.ResultsTable td.Extras span.Extra {
            clear: both;
            display: block;
            float: left;
            font-weight: normal;
            padding-bottom: 4px;
            }                                
    table.ResultsTable th {
        color: #FFFFFF;
        margin-bottom: 50px;
        padding: 5px;
        text-align: left;
        vertical-align: top;
        }        
        table.ResultsTable th.SelectTh {
            border-right: none;
            }        
        table.ResultsTable th.AprCell {
            background: #2D808E;
            border-bottom: 1px solid #FFFFFF;
            text-align: center;
            }
        table.ResultsTable th.HeaderTop {  
            border-bottom: none;
            text-align: center;
            }        
        table.ResultsTable th a, table.ResultsTable th a:visited  {
            color:#FFFFFF;
            text-decoration:none
            }
    table.ResultsTable tr {
        background-color: #fff;
        }
    table.ResultsTable tr.odd,
    table.ProductInfo tr.odd {
        background-color: #f2fbfc;
        }
    table.ResultsTable tr.even {
        background-color: #e5f7f9;
        }
    table.ResultsTable select {
        padding: 0;
        margin-top: 5px;
        }
    table.ResultsTable td.ResultSelectBox {
        text-align: center;
        background: #c3d7b2;
        border-right: none;
        }
        table.ResultsTable td.ResultSelectBox input {
            float: none;
            border: none;
            background: none;
            }
    table.ResultsTable td.CTA {
        border-right: none;
        }    
    table.ResultsTable tr.SpecialOffer td {
        text-align: left;
        color: #666666;
        }
    table.ResultsTable tr.SpecialOffer p {
        margin-bottom: 0; 
        font-size: 90%; 
        font-weight: normal;
        padding: 0 5px 0 15px; 
        text-align: left;
        }
        
div.TableContain {
    padding-right: 20px;
    }        
    
/*CarInsurance "More Info" dropdown for results table*/  
/* ideally needs renaming as it's no longer car insurance specific */

table.ResultsTable.CarInsurance thead th, table.ResultsTable th {
    border-right: 1px solid #fff;
    font-size: 85%;
    padding-bottom: 8px;
    text-align: center;
    vertical-align: middle;
    background-color: #005867;
    color: #FFFFFF;
    font-size: 95%;
    font-weight: normal;
    margin-bottom: 10px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
    }

table.ResultsTable.CarInsurance thead th.MiniLogo, table.ResultsTable th.HeaderTopLeft {
    -moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
    }
table.ResultsTable.CarInsurance thead th.CTA, table.ResultsTable th.HeaderTopRight {
    border-right: none;
    -moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
    }

table.ResultsTable.CarInsurance tbody tr td {
    font-weight: bold; 
    text-align: center;
    vertical-align: middle;
    }
    
    table.ResultsTable.CarInsurance tbody tr td.ResultCount {
        text-align: left;
        }
    table.ResultsTable.CarInsurance tbody tr td.MiniLogo {
        font-size: 85%;
        }    
    table.ResultsTable.CarInsurance tbody tr td.MiniLogo img {
        border: 1px solid #006976;
        height: 55px;
        width: 75px;
        }
    table.ResultsTable.CarInsurance tbody tr td.AnnualPremium {
        font-size: 110%;
        }    
    table.ResultsTable.CarInsurance tbody tr td.MonthlyPremium {
        font-size: 85%;
        font-weight: normal;
        } 
    table.ResultsTable.CarInsurance tbody tr td.Excess {
        font-size: 85%;
        font-weight: normal;
        width:85px
        }     
    table.ResultsTable.CarInsurance thead th.LegalCover,
    table.ResultsTable.CarInsurance tbody tr td.LegalCover {
        width: 40px;
        }
    table.ResultsTable.CarInsurance thead th.CourtestyCar,
    table.ResultsTable.CarInsurance tbody tr td.CourtestyCar {
        width: 50px;
        }
    table.ResultsTable.CarInsurance thead th.WindscreenCover,
    table.ResultsTable.CarInsurance tbody tr td.WindscreenCover {
        width: 60px;
        }
    table.ResultsTable.CarInsurance thead th.NCB,
    table.ResultsTable.CarInsurance tbody tr td.NCB {
        width: 60px;
        }
        table.ResultsTable.CarInsurance tbody tr td.NCB span,
        table.ResultsTable.CarInsurance tbody tr td.WindscreenCover span,
        table.ResultsTable.CarInsurance tbody tr td.LegalCover span,
        table.ResultsTable.CarInsurance tbody tr td.CourtesyCover span {
            display:block;
            height: 16px;
            width: 16px;
            margin-left: 22px;
            }
        table.ResultsTable.CarInsurance tbody tr td.Extras {text-align:left !important;}    
            
table.ResultsTable.CarInsurance tbody tr td a.buyNowButton {
    background: transparent url(/Images/verySecure/carInsurance/buyNowButton.png) no-repeat left top scroll;
    display: block;
    height: 36px;
    width: 70px;
    }
            

form.SecureForm td span.UiButton {
    margin: 0px !important;
    }
form.SecureForm td.CTA {
    font-size: 85%;
    width: 75px;
    }

/*Details lightbox styling*/
.Details {
    padding:5px;
    }
.DetailsLHS {
    float: left;        
    width: 370px;
    }
.DetailsLogo {
    border: 1px solid #240f00;
    }
.DetailsPartnerName {
    margin: 4px 0;
    }
.DetailsQuoteRef {
    margin: 4px 0;
    }
.DetailsMarketing {
    clear:both; 
    float:left;
    margin: 5px 0; 
    }
    .DetailsMarketing ul {
        margin-top: 5px;
        }
    .DetailsMarketing p.OptionalPolicies {
        margin-top:5px;
        }
.DetailsRHS {
    float: right;
    }
    .DetailsRHS table {            
        color: #240f00;
        }
        .DetailsRHS table tr td {
            border: 1px solid #ded6c3;
            padding: 4px 6px;
            }
            .DetailsRHS table tr td.header {
                background-color: #ded6c3;
                font-weight: bold;
                }
.DetailsFooter { 
    border-top: 1px solid #ded6c3;    
    padding: 5px 0;
    }
    .DetailsFooter p {
        float: left;
        width: 60%;
        }
    .DetailsFooter a {
        display: block;
        float: right;
        height: 36px;
        margin-left: 10px; 
        width: 220px;
        }

/*Sidebox styling*/
.VerySecureSideBox {
    background-color: #fff;
    display: block;
    margin-bottom: 20px;
    -moz-background-clip: border;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    .VerySecureSideBox h3 {
        background-color: #005867;
        color: #FFFFFF;
        font-size: 105%;
        font-weight: normal;
        letter-spacing: normal;
        margin-bottom: 10px;
        padding: 8px 10px;
        text-decoration: none;
        text-shadow: 1px 1px 1px #000000;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-radius-topleft: 5px;
        -webkit-border-radius-topright: 5px;
        }
     .VerySecureSideBox h4 {
         border-bottom: 1px solid #006778;
         color: #006778;
         font-size: 120%;
         margin: 10px 10px 0 10px
        }    
     
     .VerySecureSideBox img {
         margin-left:10px
         }   
        
    .VerySecureSideBox a.ToolTip img {
        margin-left:0;
        padding:5px 0
        }    
                
    .VerySecureSideBox p, .VerySecureSideBox ul {
        padding: 0 10px 10px 10px;
        }                     
        
    .VerySecureSideBox p.RefineSideBox {
        padding-left: 0;
        }

    .VerySecureSideBox fieldset div.RefineSideBox label {
        color: #006778;
        float: left;
        font-size: 95%;
        width: 110px !important;
        }                
                                                  
        .VerySecureSideBox fieldset div.RefineSideBox.RefineCheck h5 {
           color: #000;
           letter-spacing: 0;
           font-size: 100%;
           font-weight: normal;
            } 
         
         .VerySecureSideBox fieldset div.RefineSideBox.RefineCheck label {
           width: 160px !important;       
           }                     
                                    
    .VerySecureSideBox fieldset div.RefineSideBox input {
        float: left !important;
        }
    .VerySecureSideBox a.helpLink {
        clear: both;
        float: right;
        margin-top: 5px;
        }

    .VerySecureSideBox .Pound input {
        width: 120px;
        }       

/* BeigeBox styling */

.BeigeBox {
    background-color: #e4decf;
    border: 1px solid #FFFFFF;
    padding: 10px 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    }

    .BeigeBox .FirstInner {
        padding-left: 10px;
        }
    .BeigeBox.BoxInner {
        padding: 10px;
        }    
        
    .BeigeBox h3 {
        color: #240F00;
        text-shadow: 1px 1px 1px #FFFFFF;
        }   
    .BeigeBox h4 {
        margin: 0;
        }   
    .BeigeBox a.Link {
        font-size: 110%;
        font-weight: bold;
        text-decoration: none;
        }        
        
    .InfoPad {
        padding: 3px 0;    
        }            
        
    .BeigeBox .InfoPad img {
        vertical-align: bottom;
        }               
        
    .BeigeBox .InfoPad2 {
        padding: 7px 0;
        }             
    
/* Site footer */
div#GlobalFooter {
	background-color: #f2efe7;
	font-size: 85%;
	}
	div#GlobalFooter .Inner {
		border-top: 1px #fff solid;
		padding: 18px 0 10px 0;
		}
	div#GlobalFooter a.Logo {
		background: transparent url(/images/global/footerlogomain.gif) no-repeat top left;
		display: block;
		height: 25px;
		margin: 0 0 10px 0;
		text-decoration: none;
		width: 160px;
		}
		div#GlobalFooter a.Logo b {
			visibility: hidden;
			}
	#GlobalFooter .AddressBlock,
	#GlobalFooter .AddressBlock p,
	#GlobalFooter .AddressBlock li,
	#GlobalFooter .AddressBlock address {
		color: #3A271A;
		font-size: 100%;
		line-height: 150%;
		}
		#GlobalFooter .AddressBlock address { margin-top: 8px; }
		#GlobalFooter .AddressBlock p.Numbers { margin-top: 12px; }
	#GlobalFooter .ListBlock {
		padding-top: 8px;
		}
		
	#GlobalFooter p.disclaimer {
	    color: #3A271A;
        font-size: 100%;
        line-height: 150%;
        margin-bottom: 10px;
	    }	

	dl.FooterLinks {
		zoom: 1;
		font-size: 100%;
		}
		dl.FooterLinks dt {
			background-color: #fff;
			border-right: 2px #e9e7e5 solid;
			clear: left;
			display: block;
			float: left;
			font-weight: bold;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			text-align: right;
			margin: 0 0 2px 0;
			padding: 10px;
			width: 118px;
			}
			dl.FooterLinks dt a,
			dl.FooterLinks dt a:link,
			dl.FooterLinks dt a:active,
			dl.FooterLinks dt a:hover,
			dl.FooterLinks dt a:visited {
				color: #240f00;
				text-decoration: none;
				}	
			dl.FooterLinks dt a:hover {
				text-decoration: underline;
				}
			
		dl.FooterLinks dd {
			background-color: #F8F7F3;
			display: block;
			float: left;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			margin: 0 0 2px 0;
			padding: 10px 10px 10px 10px;
			width: 540px;
			}
			dl.FooterLinks dd ul { display: inline; padding: 0; margin: 0; }
			dl.FooterLinks dd ul li { display: inline; padding: 0; margin: 0 12px 0 0; }
			dl.FooterLinks dd ul li a { text-decoration: none; white-space: nowrap; }
			dl.FooterLinks dd ul li a:hover { text-decoration: underline; }
            
/*Interstitial pages*/
body.Interstitial {
	background: #F2EFE7 url(/Images/verySecure/generic/interstitialbg.jpg) repeat-y center top scroll;
	margin-top: 20px;
	}
	body.Interstitial div.Logo {
	    background: url(/Images/Global/Logos/brown220.png) no-repeat;
		height: 45px;
		left: 70px;
		position: relative;
		}
		body.Interstitial div.Logo img {
			left: 80px;
			position: absolute;
			}
		body.Interstitial div.Logo h3 {
			bottom: 0;
			color: #066778;
			font-size: 145%;
			font-weight :bold;
			left: 480px;
			letter-spacing :-1px;
			margin-bottom: 5px;
			position: absolute; 
			text-shadow: 1px 1px 1px #FFFFFF;
			}
	body.Interstitial p.Forgotten {
		color: #066778;
		font-weight: bold;
		margin-bottom: 5px;
		}
	body.Interstitial form.VerySecureForm label,
	body.Interstitial form.VerySecureForm .GroupLabel {
		color: #006778 !important;
		width: 155px;
		}
	body.Interstitial form.VerySecureForm input {
		width: 200px;
		}
	body.Interstitial form.VerySecureForm .GroupBackground {
		background: #F3F9FD url(/Images/Global/InputBackground.gif) repeat-x scroll left top;
		border: 1px solid #B2D1D6;
		color: #006778;
		float: left;
		margin-bottom: 5px;
		padding: 4px;
		width: 200px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}
		body.Interstitial form.VerySecureForm .GroupBackground p {
			clear: both;
			}
		body.Interstitial form.VerySecureForm .GroupBackground input{
			border: none;
			background-image: none;
			width: 20px;
			}
		body.Interstitial form.VerySecureForm .GroupBackground label {
	        float: left; 
		    font-size: 88%; 
			padding: 0 0 4px 4px; 
	        }
	body.Interstitial form.VerySecureForm input.InterstitialButton {
		float: right;
		margin-right: 2px;
		}
	body.Interstitial p.ProceedLink {
		clear: both;
		display: block;
		float: right;
		margin-right: 2px;
		width: 200px;
		}
	body.Interstitial form.VerySecureForm span.InputError {
		margin-left: 162px;
		}
	body.Interstitial form.VerySecureForm span#passScore {
		margin-left: 165px;
		}
	body.Interstitial form.VerySecureForm p.thankYou {
	    background-color: #f2efe8;
		border: 1px solid #240f00;
		display: block;
		line-height: 140%;
		padding: 4px 12px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}

/* white rounded corner box for modules */
.BoxOut {
	background-color: #fff;
	padding: 10px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	.BoxOutStack { margin-top: 15px; }
	.BoxOutHeader p { margin-bottom: 3px; }      
    
/*Here to help*/
form#_lpChatBox {
    display:block
}

.LPform {
	border:2px solid #BDAD87;
	height:60px;
	margin-bottom:5px;
	overflow:auto;
	padding:5px;
	vertical-align: middle;
	text-align:left;
	width:280px;
	}
	
#LPidentifier {
	display:none;
	}
#LPmessage {
	display:inline;
	}
	
#call_us_div {
	height:42px; 
	background-color:#DFDCCB; 
	font-family:verdana;
	font-size:12px;
	color:#000000; 
	font-weight:bold;
	text-align:left;
	padding:5px 3px 3px 6px;
	line-height:18px;
	}		

fieldset h3 {
	border-bottom: 0px solid #006778;
	font-size: 100%;
	margin: 10px 0;
	}  
    fieldset h3 a {
        color: #006778 !important;
        font-size: 120%;
        letter-spacing: 0;
        margin: 20px 0;
        padding: 10px 0;        
        }       
	        
.clickable { cursor:pointer; }
.hidden  { display:none; }

div.WhiteBox {
    background-color: #fff;
    margin: 20px 0 10px 0;
    padding: 5px 10px 10px 10px;
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    }    
    div.Lenders.WhiteBox {
        margin: 0px 0 10px 0;
        }
    

table.ProductResults {
	border-spacing: 0;
	border-collapse: collapse;
	float: none;
	clear: both;
	color: #006778;
	font-size: 85%;
	width: 100%;
	}
	table.ProductResults th,
	table.ProductResults td {
		padding: 5px;
		text-align: left;
		vertical-align: middle;
		}
    table.ProductResults thead th {        
        color: #000;
        font-weight: bold;
        font-size: 105%;
        vertical-align: bottom;
        }
        table.ProductResults thead th.thAprTypes {
            color: #98814b;
            font-size: 90%;
            font-weight: normal;
        }
        
    table.ProductResults tr {
        background-color: #fff;
		}		
		table.ProductResults th {
            border-bottom: 1px solid #cbc0a5;
		    }
		    table.ProductResults th#thAPR {
		        border: none;
		        padding: 5px 5px 5px 0;
		        }		
		table.ProductResults tr.trAprTypes th {
            padding: 0 0 10px 0;
		    }
        table td.BorderBottom {
            border-bottom: 1px dotted #cbc0a5;
        }
        table.ProductResults td.BorderBottom ul {
	        padding-left: 10px;
	        }        
        table.ProductResults td.BorderBottom ul li {
	        text-align: left; 
	        margin-right: 6px;
	        padding-bottom: 10px;
	        padding-left: 0px;
	        list-style-type: square;
	        }
        table.ProductResults td.Product {
            width: 88px;
            }	               
            table.ProductResults td.Product h3 {
                background: none;
                border: 0;
                font-family: Helvetica,Arial,Sans-Serif;
                font-size: 100%;
                font-weight: normal;
                letter-spacing: normal;
                margin: 0;
                padding: 0;
                text-align: center;
		        }	    
	        table.ProductResults td.Product a {
	            text-decoration: none;
	            margin: 5px 0;
	            color: #006778;
	            }	     	    
	        table.ProductResults td.tdFootnote {
	            color: #98814b;
	            text-align: center;
	            }  
		
.BTLBestbuy table th#thApplyNow,
.BTLBestbuy table td.NextSteps {
    display: none;
    }
    
/* BTL tool tips */
    
/* [S] Glossary icons in centres */
a.GlossaryIcon {
	display: none;
	height: 12px;
	width: 12px;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(/Images/DecisionCentre/Common/GlossaryIcon.gif) no-repeat top left;
	clear: none;
	}
	a.GlossaryIcon span {
		visibility: hidden;
		}

a.GlossaryIconFloat {
	margin-left: 4px;
	display: inline !important;
	}
	a.GlossaryIconFloat span {
		padding: 0px 4px;
		}
	a.GlossaryIconFloat:hover,
	table.ProductResults thead th a.GlossaryIconFloat:hover {
		text-decoration: none !important;
		}
			
/* tooltip styling */
#tooltip {
      position: absolute;
      z-index: 3000;
      border: 1px solid #2f2f2f;
      background-color: #E5F0F1;
      color: #444;
      padding: 5px;
      opacity: .96;
      width: 300px;
      }
#tooltip div.body {
      font-size: .8em;
      font-family:verdana,helvetica,arial,sans-serif;
      line-height: 1.4em;
      }
#tooltip div.body strong {
      color: #666;
      font-size: 110%;
      }
 
.LoadingOverlay {
    background: #EEFFCC url(/Images/Global/LoadingIndicator.gif) no-repeat scroll 1em center;
    border: 2px solid #AEE1AE;
    color: #090;
    letter-spacing: -1px;
    margin: 60px 25%;
    padding: 20px 4em 20px 4em;
    position: absolute;
    top: 50px;
    left: 10%;
    width: 24em;
    z-index: 4;
    }
    
 /* Partner creatives (88x31s)*/
div.PartnerCreative img {
	background-color: #fff;
	border: 1px #ccc solid !important;
	margin: 4px auto 0;
	padding: 4px;
	width: 88px;
	height: 31px;
	}
	div.PartnerCreative a:hover img {
		border: 1px #fff solid !important;
		background-color: #DFDFDF;
        }
    
.LovePartner {
    background-position: 0 0;
    color: #240F00;
    }
.KeyInfoGraphic {
    background-image: url(/Images/DecisionCentre/Common/KeyInfo.gif);
    background-repeat: no-repeat;
    display: block;
    font-size: 95%;
    min-height: 15px;
    padding: 3px 1px 2px 21px;
    text-align: left;
    }    
 
.LenderName { /* related to mortgages / chosen products - double check */
     color: #006778;
 }       
    
h3#passScore {  
    font-size: 150%;
    }
 
.StayInTouch {
    -moz-border-radius:5px 5px 5px 5px;
    background-attachment:scroll;
    background-color:#FFFFFF;
    background-image:url("/images/onlinebanking/home/ideas.gif");
    background-position:4px 7px;
    background-repeat:no-repeat;
    clear:both;
    margin-bottom:15px;
    margin-top:1px;
    padding:10px 15px 1px 80px;
    }

a.lnkRemove {
    background: url("/Images/verySecure/generic/removeIcon.gif") no-repeat scroll left top;
    padding-left:20px;
    font-weight:bold    
    }
    
input.CalcItem { width: 6em; }
div.Calculator label.NextTo { display: block; padding-top: 5px; float: left; font-weight: bold; }    
h3.Guide { margin-top: 2em; padding-top: 1em; border-top: 1px #ccc solid; } 
div.Totals { background-color: #eee; clear: both; padding: 0.5em 1em; }
input.Tiny { width: 2em; float: left; }
input.Bigger { width: 15em; font-weight: bold; color: #000 !important; }

/* calc and green buttons on insurance forms */
form.VerySecureForm input.CloseCalc, form.VerySecureForm input.OpenCalc {
    background: none !Important;
    border: none;
    float: none;
    margin-bottom: 0;
    padding: 0;    
    display: block;
}

form.VerySecureForm input.AddClaim {
    background: url("/Images/verySecure/generic/AddClaim.gif") no-repeat scroll left top;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 30px;
    line-height: 1;
    margin-bottom: 5px;
    padding: 6px;
    text-indent: -2000px;
    width: 144px;
    }
form.VerySecureForm input.AddAdditional {
    background: url("/Images/verySecure/generic/AddAdditional.gif") no-repeat scroll left top;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 30px;
    line-height: 1;
    margin-bottom: 5px;
    padding: 6px;
    text-indent: -2000px;
    width: 172px;
    }    
form.VerySecureForm input.AddAdditional.elementFocus, form.VerySecureForm input.AddClaim.elementFocus {
    border: none !important;
    }
    
/* admin header */
.AdminHeader {
	background-color: #503F33;
	border-top: 1px #D3CFCC solid;
	bottom: 0px;
	font-size: 85%;
	padding: 4px 0;
	position: fixed;
	z-index: 9999;
	width: 100%;
	}
	.AdminHeader ul li a,
	.AdminHeader ul li a:link,
	.AdminHeader ul li a:hover,
	.AdminHeader ul li a:visited,
	.AdminHeader ul li a:active {
		color: #ccc;
		padding: 1px 1px 1px 20px;
		}
	.AdminHeader .ServerInfoAdmin {
		color: #ccc;
		text-align: right;
		padding: 1px 0;
		}
	.AdminHeader .Odo {
		background: transparent url(/Images/Admin/AdminHeading.png) no-repeat top left;
		height: 26px;
		position: absolute;
		top: -27px;
		width: 120px;
		}