@import url("jumplinks.css");

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial;
	vertical-align: baseline;
}
*/
body {
	line-height: 1; font-family: arial;
	font-size: 62.5%; 	
    color: #000; 
}
/*

:focus { outline: 0; }
a img { border: 0; }
.ir { position: relative; display: block; }

.ir a, .ir span {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: block;
	background: top left no-repeat;
}
a.ir span { cursor: pointer; }
.ir a span { cursor: pointer; }



	body div#mainpagecontent ul#breadcrumb {
		padding: 0.7em 0 0 0; font-family: arial; 
	}
	
	body div#mainpagecontent ul#breadcrumb li a { color: #4C2A81; }
	body div#mainpagecontent ul#breadcrumb li { padding-right: 0.5em; padding-left: 0.5em; border-left: 1px solid #999999; line-height: 1em; }
	body div#mainpagecontent ul#breadcrumb li.first { padding-right: 0em;  border: 0; }*/

/* =typography */

	div#mainpagecontent p { font-size: 1.2em; }
	div#mainpagecontent h2 { font-size: 1.5em; color: #13377C; font-weight: bold; padding: 0 0.5em 0 13px; }
	div#mainpagecontent h3 { font-size: 1.3em; color: #13377C; font-weight: bold; padding: 0 0.5em 0 13px; }
	div#mainpagecontent h4 { font-size: 1.1em; color: #13377C; font-weight: bold; padding: 0 0.5em 0 13px; }
	div#mainpagecontent strong { font-weight: bold; }
	
	body div#mainpagecontent p { padding-bottom: 0.7em; }
	body div#mainpagecontent h3 { padding-top: 0.4em; font-size: 1.4em; padding-bottom: 0.1em; font-weight: bold;color: #13377C; }
	body div#online-services-gateway ul, body div#online-services-gateway ol, body div#online-services-gateway dl { font-size: 1.1em; padding-left: 2.5em; padding-bottom: 0.5em; }
	body div#mainpagecontent li, body div#mainpagecontent dt, body div#mainpagecontent dd { font-size: 12px; padding-left: 3px; margin: 0; padding-bottom: 0.1em; }
	body div#mainpagecontent dl { padding-left: 0;  }
	body div#mainpagecontent dt { color: #13377C; font-weight: bold; font-size: 1.2em; line-height: 1.4em;  }
	body div#mainpagecontent dd { line-height: 1.4em; padding-bottom: 0.5em;  }

	body div#mainpagecontent a { color: #13377C; text-decoration: underline; }
	body div#mainpagecontent a:hover,
	body div#mainpagecontent a:focus,
	body div#mainpagecontent a:active
	{ text-decoration: none; }

/*div#logo a span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/corporate/images/header/bank-of-scotland.png) top left no-repeat;
	cursor: hand;
	visibility: visible;
}*/

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

/*div#outercontainer {
	position: relative; 
	height: auto !important; height: 300px; min-height: 300px;
	padding: 0 0 0px 0; width: 1000px; margin: 0 auto; 	
}

div#container {
	padding: 0;
	border: 0;
	text-align: left; 
	width: 960px; 
	background: #FFFFFF; left: 0; top: 0; 
	position: absolute; padding: 0 28px 20px 27px; margin-left: -17px;
	background: #ebe9ec url(/corporate/images/assets/wide-shadow.png) 50% 100% no-repeat !important;
}

div#header {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 88px;
}

div#mainpagecontent { 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#maincontent {
	width: 720px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
}


div#header { background: white url(/corporate/images/home/home-strip.png) 100% 0 repeat-x; }

div#header ul {
	height: 19px;
	display: block;
	list-style-type: none;
	color: #609;
	font-family: arial;
	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#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#footer-tracking { position: absolute; }

/** =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/images/assets/shadows/shadow-right.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/images/assets/shadows/shadow-top.gif"); z-index: 100;}
	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/images/assets/shadows/shadow-bottom.gif"); z-index: 100; }
	div.shdw-wrapper {
		background: repeat-y top left url("/corporate/images/assets/shadows/shadow-left.gif");
		width: 100%; overflow: hidden; z-index: 110; position; relative; }