ul.flat li {
	float: left;
	display: inline;
	white-space: nowrap;
}


a.skiplinks {
	display: inline;
	visibility: hidden;
	font-size: 1px;
}

div#outercontainer {
	margin: 0 auto;
	padding: 0;
	border: 0;
	position: relative;
	top: -10px;
	#top: 0;
	width: 1000px;
	height: 660px;
	padding: 0 0px 0 0px;
	left: -2px;
	#left: 0;
}



div#content { width: 964px; overflow: hidden; }

div#sitelinks { float: right; }

div#additionalnav {
	float: right;
	clear: right;
}

div#searcharea {
	float: right;
	clear: right;
	font-size: 16px;
}

div#sectionnavigation ul li {
	width: 136px;
	height: 30px;
	margin-right: 1px;
}

div#sectionnavigation ul li.first { margin-right: 2px; }

div#sectionnavigation ul li.last {
	margin-left: 1px;
	margin-right: 0;
}


div#related {
	float: left;
	width: 234px;
	text-align:right;
}
div#related div {
  text-align:left;
}
h1 {
	padding:0;
	width: 245px;
	height: 80px;
	top: 13px;
	left: 20px;
	float: left;
	position: relative;
}

h1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: url(/corporate/images/home/a-warm-welcome.png) 0 0 no-repeat;
}

p#introduction {
	width: 390px;
	margin-top: 25px;
	float: right;
	display: block;
	font-size: 12px;
	line-height: 1.4em;
	padding-right: 30px;
	font-family: arial, sans-serif;
}

p#introduction-link {
	width: 390px;
	float: right;
	font-size: 1.2em;
	padding-right: 30px;
	margin-top: 7px;
	line-height: 1.3em;
	font-family: arial, sans-serif;
	color:#13377C;
}

body p#introduction-link a { font-weight: bold; color: #609; text-decoration: none;} 
body p#introduction-link a:hover,
body p#introduction-link a:focus,
body p#introduction-link a:active
{ text-decoration: underline; }

div#footerad {
	clear: both;
	float: none;
	height: 50px;
	width:960px;
	position:relative	
}

div#footerad a,div#footerad span {
  position:absolute;
  top:0;left:0; cursor: pointer;
  width:945px; height:100%;
  margin:0 5px; 
  background:url(/corporate/images/home/footer-ad.png) top right;
}
div#card {
	overflow:hidden;
	width: 720px;
	height: 348px;	
	float: left;
	margin-top:34px;
}

div#card-tabs {
	position: relative;
	z-index: 100;
	height: 34px;
	left: 0px;
}

div#card-tabs ul li {
	width: 100px;
	height: 34px;
	position: relative;
 	margin-right: 0px;
	margin-left: 0;
}

div#card-tabs ul li#tab-lending { width: 127px; }
div#card-tabs ul li#tab-deposits { width: 101px; }
div#card-tabs ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

div#card-tabs ul li a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}

li#tab-latest a span { background: url(/corporate/images/home/tabs-2.png) 0 0 no-repeat; }
li#tab-lending a span { background: url(/corporate/images/home/tabs.png) -100px 0 no-repeat; }
li#tab-deposits a span { background: url(/corporate/images/home/tabs-2.png) 100% 0 no-repeat; }

li#tab-latest:hover a span { background: url(/corporate/images/home/tabs-2.png) 0 100% no-repeat; }
li#tab-lending:hover a span { background: url(/corporate/images/home/tabs.png) -100px 100% no-repeat; }
li#tab-deposits:hover a span { background: url(/corporate/images/home/tabs-2.png) 100% 100% no-repeat; }

li#tab-latest.active a span { background: url(/corporate/images/home/tabs-2.png) 0 100% no-repeat; }
li#tab-lending.active a span { background: url(/corporate/images/home/tabs-2.png) -100px 100% no-repeat; }
li#tab-deposits.active a span { background: url(/corporate/images/home/tabs.png) 100% 100% no-repeat; }


div#card-graphic-holder {
	width: 720px;
	position: relative;
	overflow: hidden;
	margin-left: 0px;
	padding-top: 34px;
	left:0px;
}

div#card-graphic {
	width: 2160px;
	height: 309px;
}

ul#card-holder {
	position: absolute;
	left: 0; 
}

ul#card-holder li {
	width: 716px;
	height: 309px;
	position: absolute;
}

li#lending img { position:relative; left:0px; }
li#deposits img { position:relative; left:5px; }

li#latest { margin-left: 2px; left: 722px; }
li#deposits { left: 0; background: #FFFFFF; }

li#latest div#latest-content { position: relative; }

li#latest a#latest-2 { display: none; }

#maincontent li#latest p { padding:0; }
li#latest p#latest-lloyds { width: 432px display: block; float: left; padding-right: 14px; margin-top: 13px; margin-right: 14px; margin-left: 2px; }
li#latest p#latest-social { display: block; float: left; width: 215px; margin-top: 13px;}
li#latest p#latest-social .banner { display: block; }
li#latest p#latest-social .banner-one { padding-bottom: 8px; margin-bottom: 9px; }
li#latest p#latest-social img { display: block; }

li#latest p.search { right: 265px; }
li#latest p.deposit { top: 110px; background: url("/corporate/images/home/find-out-more-top.jpg") top left  no-repeat;}

li#deposits ul#advert-triptych {
	position: relative;
	top: 18px;
	left: 5px;
	width: 100%;
	height: 100%;
	display: block;
}

ul#advert-triptych li {
	position: relative;
	width: 233px;
	height: 285px;
	display: block;
	margin-right: 3px;
}

ul#advert-triptych li#advert-three { margin: 0; }

ul#advert-triptych li a, ul#advert-triptych li a span {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

ul#advert-triptych li#advert-one a span { background: url(/corporate/images/home/advert-triptych-one.jpg) 0 0 no-repeat; }
ul#advert-triptych li#advert-two a span { background: url(/corporate/images/home/advert-triptych-two.jpg) 0 0 no-repeat; }
ul#advert-triptych li#advert-three a span { background: url(/corporate/images/home/advert-triptych-three.jpg) 0 0 no-repeat; }



li#lending div#banners { float: left; width: 215px; position: relative; font-weight: bold; font-size: 0.9em; }
li#lending div#banner-one { height: 120px; width; margin-bottom: 5px; position: relative; border-bottom: 1px solid #cccccc; }
li#lending div#banner-two { height: 115px; }

li#lending p#sea-large { z-index: 90; display: block; float: left; padding: 0 10px 0 2.2em; margin-left: 2px; border-right: 1px solid #cccccc; margin-right: 8px; position: relative; } 

li#lending div#banners p { font-size: 1.2em; padding: 0.5em; white-space: normal; line-height: 1.3em; color: #272727; } 
li#lending a.findoutmore {
	background: url("/corporate/images/home/findoutmore.png") top left  no-repeat;
	width: 100px; height: 28px; display: block; float: left; position: relative; left: -2px;
	cursor: pointer; text-indent: -9999px; margin-top: 15px;
}

ul#card-jump {
	width: 2160px;
	height: 5px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 167px;
	list-style: none;
	z-index: 1900;
}

ul#card-jump li {
	overflow: hidden;
	position: absolute;
	width: 25px;
	height: 50px;
	top: 0;
	z-index: 2000;
}

li#jumplatestl { left: 0; }
li#jumplatestr { left: 692px; }
li#jumpdepositsl { left: 720px; }
li#jumpdepositsr { left: 1412px;; }
li#jumplendingl { left: 1450px; }
li#jumplendingr { left: 2142px;}

ul#card-jump li a {
	display: block;
	position: relative;
	width: 25px;
	height: 50px;
	z-index: 2001;
}

ul#card-jump li a span {
	display: block;
	position: absolute;
	top: 0;
	left: -3px;
	width: 25px;
	height: 50px;
}

li#jumplatestl a span {
	cursor: pointer;
	background: url(/corporate/images/home/card-arrows-left.png) top left no-repeat;
	margin-top: 0;
	behavior: url(/corporate/includes/style/iepngfix.htc)
}

li#jumplatestr a span {
	cursor: pointer;
	background: url(/corporate/images/home/card-arrows-right.png) top left no-repeat;
	margin-top: 0;
	behavior: url(/corporate/includes/style/iepngfix.htc)
}

li#jumpdepositsl a span {
	cursor: pointer;
	background: url(/corporate/images/home/card-arrows-left.png) top left no-repeat;
	margin-top: 0;
	behavior: url(/corporate/includes/style/iepngfix.htc)
}

li#jumpdepositsr a span {
	cursor: pointer;
	background: url(/corporate/images/home/card-arrows-right.png) top left no-repeat;
	margin-top: 0;
	behavior: url(/corporate/includes/style/iepngfix.htc)
}

li#jumplendingl a span {
	cursor: pointer;
	background: url(/corporate/images/home/card-arrows-left.png) top left no-repeat;
	margin-top: 0;
	behavior: url(/corporate/includes/style/iepngfix.htc)
}

li#jumplendingr a span {
	cursor: pointer;
	background: url(/corporate/images/home/card-arrows-right.png) top left no-repeat;
	margin-top: 0;
	behavior: url(/corporate/includes/style/iepngfix.htc)
}

ul#card-jump li a span.label { visibility: hidden; }

div#header ul {
	height: 19px;
	display: block;
	list-style-type: none;
	color: #609;
	font-family: verdana,arial,sans-serif;
	font-weight: normal;
	text-decoration: none;
}

div#header div#grouplinks ul { float: left; }

div#header div#sitelinks ul {
	float: right;
	margin-right: 1px;
}

div#grouplinks ul li,  div#sitelinks ul li {
	float: left;
	display: inline;
	background: url(/corporate/images/header/vtsep.gif) 100% 2px no-repeat;
	color: #609;
	margin: 3px 0 0 0;
	padding: 0 6px 3px 6px;
}

div#grouplinks ul li.last,  div#sitelinks ul li.last { background: none; }

div#grouplinks ul li a,  div#sitelinks ul li a {
	color: #609;
	text-decoration: none;
}

div#grouplinks  ul li a:hover,  div#sitelinks  ul li a:hover { text-decoration: underline; }

div#additionalnav {
	width: 493px;
	margin-right: 0px;
	background: url(/corporate/images/home/second-strip.png) top right no-repeat;
}


div#card-slider-track-container {
	width: 640px;
	height: 15px;
	position: absolute;
	z-index: 100;
	top: 376px;
	display: none;
}

div#card-slider-track {
	width: 630px;
	height: 13px;
	margin: 1px 5px;
	z-index: 101;
}

div#card-slider {
	width: 90px;
	height: 13px;
	cursor: move;
}

/* Section Navigation */
div#sectionnavigation {
	position: relative;
	clear: both;
	width: 960px;
	height: 25px;
	margin: 0;
	padding: 0;
}

div#sectionnavigation ul {
	list-style: none;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
}

div#sectionnavigation ul li {
	margin: 0;
	padding: 0;
	height: 25px;
	position: absolute;
	top: 0;
}

div#sectionnavigation ul li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

div#sectionnavigation ul li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: hand;
	background: url(/corporate/images/header/home-section-navigation.png) 0 0 no-repeat;
}

div#sectionnavigation ul #panel1 {
	left: 0;
	width: 137px;
}

div#sectionnavigation ul #panel2 {
	left: 137px;
	width: 130px;
}

div#sectionnavigation ul #panel3 {
	left: 267px;
	width: 144px;
}

div#sectionnavigation ul #panel4 {
	left: 411px;
	width: 137px;
}

div#sectionnavigation ul #panel5 {
	left: 548px;
	width: 137px;
}

div#sectionnavigation ul #panel6 {
	left: 685px;
	width: 137px;
}

div#sectionnavigation ul #panel7 {
	left: 822px;
	width: 138px;
}

div#sectionnavigation ul #panel1 a span { background-position: 0 0; }
div#sectionnavigation ul #panel2 a span { background-position: -137px 0; }
div#sectionnavigation ul #panel3 a span { background-position: -267px 0; }
div#sectionnavigation ul #panel4 a span { background-position: -411px 0; }
div#sectionnavigation ul #panel5 a span { background-position: -548px 0; }
div#sectionnavigation ul #panel6 a span { background-position: -685px 0; }
div#sectionnavigation ul #panel7 a span { background-position: -822px 0; }
div#related div.relatedpanel { position: relative; }

div#login {
	width: 234px;
	height: 120px;
	margin-top: 25px;
	margin-bottom: 10px;
	background: url(/corporate/images/home/login-bg.png) 0 0 no-repeat;
}

div#contact {
	width: 234px;
	height: 100px;
	margin-top: 12px;	
}

div#contact p {
	padding-left:10px;
	padding-right:20px;
}
	

div#searchpanel {
	font-size:12px;
	width: 234px;
	height: 72px;
	margin-top: 0;
	background: url(/corporate/images/home/search-panel-bg.png) 0 0 no-repeat;
}

div#searchcloud {
	width: 234px;
	height: 141px;
	margin-top: 0;
	background: url(/corporate/images/home/search-cloud-bg.png) 0 0 no-repeat;
}

div#searchcloud h2 {
	font-size:12px;
	overflow: hidden;
	position: relative;
	height: 1px;
}

div#searchcloud h2 span {
	position: absolute;
	left: -10000px;
}

div#login ul {
	list-style: none;
	position: absolute;
	top: 10px;
	left: 5px;
	width: 230px;
}

div#login ul li {
	height: 47px;
	position: relative;
	width: 230px;
	float: left;
}

div#login ul li a, div#login ul li span, div#login ul li a span {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	cursor: hand;
	cursor: pointer;
}

div#login ul li#iblogin a span { background: url(/corporate/images/home/internet-banking-login.png) 0 0 no-repeat; }

div#login ul li#cologin, div#login ul li#cologin a span {
	background: url(/corporate/images/home/corporate-online-login.png) 0 0 no-repeat;
	height: 45px;
}

div#login ul li#bdlogin, div#login ul li#bdlogin a span {
	background: url(/corporate/images/home/bos-deal-login.png) 0 0 no-repeat;
	height: 29px;
}

div#login ul li#login-via, div#login ul li#login-via span {
	background: url(/corporate/images/home/login-via.png) 0 0 no-repeat;
	height: 22px;
}

div#contact p span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;	
	width:234px; /*sorry*/
	height: 100%;
	background: url(/corporate/images/home/contact-panel-bg.png) 2px 0 no-repeat;		
}

div#searchpanel h2 {
	height:11px;
	margin-left: 10px;
	color: #609;224
	position: relative;
	top: 10px;
	width: 150px;
	font-size:12px;
	background: url(/corporate/images/home/search-the-site.png) left top no-repeat;
	position:absolute;
}

div#searchpanel h2 span {	
	display: block;
	position: absolute;
	top: -10000px;
	left: 0;
	width: 100%;
	height: 100%;
}

div#searchpanel form {
	position:absolute;
	top:35px;
	left:10px;
	width:220px;
}

div#searchpanel input#panelq {
	margin-top: 0;
	float: left;
}

div#searchpanel input#panelsubmit {
	position:absolute;
	right:2px;
	top:-2px;
}

ul#cloudlist {
	list-style: none;
	margin-top: 33px;
	margin-left: 13px;
}

ul#cloudlist li {
margin-right:3px;
	float: left;
	font-family: arial, sans-serif;
}

ul#cloudlist li a {
	color: #609;
	text-decoration: none;
	white-space: nowrap;
}

/* Product calculator */
	
	li#deposits div#product-finder {
		background-color: #b183cc; position: absolute; bottom: 10px; right: 10px;   width: 32.55em;
		font-size: 1.5em; font-family: Arial; height: auto !important; height: 177px; min-height: 177px;
	}
	
	li#deposits div#product-finder form {
		padding: 17px 0em 0em 0.5em; margin: 0 4px 0 4px; overflow: hidden; width: 31.5em;
		background: top left repeat-x #b581cc url("/corporate/deposits/images/layout/product-finder-back.gif");
		height: auto !important; height: 123px; min-height: 123px;
	}
	
	li#deposits div#product-finder form fieldset { position: relative; display: block; width: 12.5em; float: right; }
	li#deposits div#product-finder form fieldset#product-fields {  width: 14em; float: left; }
	
	li#deposits div#product-finder form select { padding: 0.1em; font-size: 0.8em; }
	
	li#deposits div#product-finder form fieldset p { position: relative; top: -0.2em; padding: 0em 0.5em 0.5em 0; font-size: 0.8em; line-height: 1.3em; white-space: normal; font-family: Arial; }
	li#deposits div#product-finder form label input,
	li#deposits div#product-finder form label select
	{ margin: 0em 0 0em 0; position: absolute; right: 0; top: 0; width: 10em; z-index: 2500; }
	
	li#deposits div#product-finder form label select { font-size: 1em; width: 11.5em; }
	li#deposits div#product-finder form .button { position: absolute; left: 10em;; width: auto; margin: 0.5em 0 0 0 !important; }

	li#deposits div#product-finder form span { width: 12em; font-size: 0.75em; display: block; line-height: 1.5em; margin-bottom: 0.5em; }
	li#deposits div#product-finder form label { font-size: 0.8em; display: block; margin: 0em 0 0em 0; position: relative; line-height: 2em; width: 22.5em; }

	li#deposits div#product-finder h2 {
		display: block; font-size: 1.1em; font-weight: bold;
		color: #60019b; padding: 0.5em 1em 0.4em 0.5em; margin: 0 4px 0 4px;
		background: repeat-x top left #f2d5ff url("/corporate/deposits/images/layout/product-finder-top-bg.gif"); 
	}
	
	li#deposits div#product-finder form label#int-error { font-size: 0.7em; line-height: 1em; white-space: normal; width: 12em; position: absolute; top: 75px; left: 0px; color: #FFFFFF; font-weight: bold; }
	
/** =corner */

	span.corner { background-repeat: no-repeat; height: 10px; width: 11px; position: absolute; z-index: 200; }

	span.crn-tr { top: 0; right: 0; line-height: 0.01px; font-size: 0.01em; }
	span.crn-tl { top: 0; left: 0; line-height: 0.01px; font-size: 0.01em; }
	span.crn-br { bottom: -1px; right: 0; line-height: 0.01px; font-size: 0.01em; }
	span.crn-bl { bottom: -1px; left: 0; line-height: 0.01px; font-size: 0.01em; }
	span.crn-split { top: 0; right: 0;  line-height: 0.01px; font-size: 0.01em; }
	span.crn-join { bottom: -1px; right: 0; height: 4px; width: 4px; line-height: 0.01px; font-size: 0.01em; }
	
/** =shadows */

	.shadow {
		background-repeat: repeat-y; background-position: top right; 
		background-image: url("/corporate/deposits/images/assets/shadow-right-grad.gif"); }
	span.shdw-top { 
		display: block; width: 100%; position: absolute; height: 3px; top: 0; line-height: 0.01px; font-size: 0.01em;
		background: repeat-x top left transparent url("/corporate/deposits/images/assets/shadow-top-grad.gif"); }
	span.shdw-bottom { 
		display: block; width: 100%; position: absolute; height: 3px; bottom: -1px; line-height: 0.01px; font-size: 0.01em;
		background: repeat-x bottom left url("/corporate/deposits/images/assets/shadow-bottom-grad.gif"); }
	div.shdw-wrapper {
		background: repeat-y top left url("/corporate/deposits/images/assets/shadow-left-grad.gif");
		width: 100%; overflow: hidden; }