/************* UK Site Main Stylesheet *************/
/************** Created By R Halligan **************/
/************* Leeds Building Society **************/

body {
	margin:5px 0px 5px 0px;
	background:url(../images/mainbg.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#pageContainer {
	width:770px;
	margin:0 auto;
	background-color:#FFFFFF;
	border:solid 3px #DDDDDD;
}

#downTime {
	width:583px;
	background:url(../images/background.gif) #000099;
	border:1px solid #000066;
	color:#FFFFFF;
	font-size:75%;
	padding:5px;
	margin-bottom:6px;
}

/******* Container for header banner which includes logos *******/

#headerContainer {
  width:770px;
	height:65px;
  background-color:#FFD600;
}

#logoHeaderContainer {
  width:142px;
	height:59px;
	float:left;
	padding:3px 0px 3px 15px;
}

#dateContainer {
	width:395px;
	height:15px;
	float:right;
	text-align:right;
	color:#000066;
	font-size:11px;
	padding:10px 10px 0px 0px;
}

#homeLinkContainer {
	width:595px;
	height:25px;
	float:right;
	text-align:right;
	padding:15px 10px 0px 0px;
}

a.homeLink:link {
	font-weight:bold;
	color:#000066;
	font-size:12px;
}

a.homeLink:active {
	font-weight:bold;
	color:#000066;
	font-size:12px;
}

a.homeLink:hover {
	font-weight:bold;
	color:#0066FF;
	font-size:12px;
	text-decoration:none;
}

a.homeLink:visited {
	font-weight:bold;
	color:#000066;
	font-size:12px;
}


/********** Tabbed Navigation **********/

#inactiveTopBorder {
	width:770px;
	height:3px;
	overflow:hidden;
	background-color:#3B5EAA;
}

#activeTopBorder {
	width:770px;
	height:3px;
	overflow:hidden;
	background-color:#0066FF;
}

.navContainer {
	width:770px;
	height:32px;
	
}

#tabs {
	float:left;
	width:770px;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:normal;
}

#tabs ul {
	margin:0px;
	padding-left:0px;
	list-style:none;
}


#tabs li {
	display:inline;
	margin:0px;
	padding:0px;
}
	  
#tabs a {
	float:left;
	background:url(../images/tab_left.gif) #3A5DAA no-repeat left bottom;
	margin:0;
	padding:0px 0px 0px 5px;
	text-decoration:none;
}

#tabs a span {
    float:left;
    display:block;
    background:url(../images/tab_right.gif) #3A5DAA no-repeat right bottom;
    padding:6px 23px 12px 18px;
    color:#FFFFFF;
  	font-weight:bold;
}

/* Hack hides the float rule from IE5 and Mac \*/
#tabs a span{float:none;}
/* End hack */
	  
#tabsactive a {
    float:left;
    background:url(../images/tab_left_on.gif) #0066FF no-repeat left bottom;
    margin:0;
    padding:0px 0px 0px 5px;
    text-decoration:none;
}
	  
#tabsactive a span {
    float:left;
    display:block;
    background:url(../images/tab_right_on.gif) #0066FF no-repeat right bottom;
    padding:6px 23px 12px 18px;
    color:#FFFFFF;
  	font-weight:bold;
}

/* Hack hides rule from IE5-Mac */
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover {
	background:url(../images/tab_left_on.gif) #0066FF  no-repeat left bottom;
}

#tabs a:hover span {
	background:url(../images/tab_right_on.gif) #0066FF no-repeat right bottom;
}

/************* Body of page ***************/

#mainBodyContainer {
	width:770px;
	height:auto;
	color:#0033CC;
	padding:10px 0px 10px 0px;
}

#topBanner {
	width:760px;
	height:10px;
	padding-left:10px;
}

#contentText {
	width:580px;
	font-weight:normal;
	font-size:70%;
	text-align:left;
}

#leftQLContainer {
	width:155px;
	height:100%;
	float:left;
	padding:5px 5px 0px 5px;
}

#rightBodyContainer {
	width:595px;
	height:100%;
	float:right;	
	padding:5px 4px 0px 5px;
}

.bodyText {
	font-size:70%;
	font-weight:normal;
	color:#000000;
	padding:5px 0px 10px 0px;
}

/************ Quick Links Boxes **************/

.qlSpacer {
	width:100%;
	height:10px;
}

.quickLinksBox {
	width:153px;
	border:#FF9901 1px solid;
	background:#FFF0B3;
	font-size:65%;
	color:black;
}

.quickLinksHeading {
	font-weight:bold;
	padding:6px;
	background:url(../images/quick_header_bg2.gif) #FFDE59;
	text-align:left;
}

.quickLinks {
	padding:6px 5px 6px 3px;
	text-align:left;
	color:#000000;
}

.quickLinksTitle {
	padding:4px 0px 4px 3px;
	background:url(../images/quick_header_title_bg.gif) #FFF0B3;
	text-align:left;
	color:#000000;
	font-weight:bold;
	border-bottom:dotted 1px #FF9933;
}

a.quickLinks:link, a.quickLinks:active, a.quickLinks:visited {
	width:138px;
	display:block;
	border-bottom:dotted 1px #FF9933;
	color:#000000;
	line-height:15px;
	padding:0px 0px 0px 7px;
}

a.quickLinks:hover {
	color:#000000;
	background-color:#FFCC66;
	text-decoration:none;
}

#websitesBox {
	width:153px;
	border:solid 1px #FF6600;
	background:#FFCC99;
	font-size:65%;
	color:black;
	text-align:left;
}

#websitesBoxHeading {
	background:url(../images/other_header_bg.gif) #FF9933;
	padding:6px;
	font-weight:bold;
	text-align:left;}

.otherWebsites {
	padding:6px;
	text-align:left;
	color:#000000;
}

a.otherWebsites:link {
	width:140px;
	display:block;
	border-bottom:dotted 1px #FF9933;
	color:#000000;
	line-height:15px;
	padding:0px;
}

a.otherWebsites:active {
	display:block;
	border-bottom:dotted 1px #FF9933;
	color:#000000;
	line-height:15px;
	padding:0px;
}

a.otherWebsites:visited {
	display:block;
	border-bottom:dotted 1px #FF9933;
	color:#000000;
	line-height:15px;
	padding:0px;
}

a.otherWebsites:hover {
	color:#000000;
	background-color:#FF9933;
	text-decoration:none;
}

#secureLoginBox {
	width:153px;
	border:solid 1px #74BAFF;
	background:#E1F0FF;
	font-size:60%;
	color:black;
	text-align:left;
}

#secureLoginHeading {
	background:url(../images/secure_header_bg.gif) #BBDDFF;
	padding:2px 0px 6px 0px;
	font-weight:bold;
	text-align:left;}

.secureLogin {
	padding:6px;
	text-align:left;
	color:#000000;
}

a.secureLogin:link {
	width:140px;
	display:block;
	border-bottom:dotted 1px #74BAFF;
	color:#000000;
	line-height:15px;
	padding:0px;
}

a.secureLogin:active {
	display:block;
	border-bottom:dotted 1px #74BAFF;
	color:#000000;
	line-height:15px;
	padding:0px;
}

a.secureLogin:visited {
	display:block;
	border-bottom:dotted 1px #74BAFF;
	color:#000000;
	line-height:15px;
	padding:0px;
}

a.secureLogin:hover {
	color:#000000;
	background-color:#99CCFF;
	text-decoration:none;
}

.latestRatesBox {
	padding:0px 0px 0px 5px;
	text-align:left;
	border-bottom:dotted 1px #FF9900;	
}

.latestRatesBoxBottom {
	padding:0px 0px 0px 5px;
	text-align:left;
}

.latestRatesBox a, .latestRatesBoxBottom a {
	display:block;
	color:#000000;
}

.latestRatesBox a:visited, .latestRatesBoxBottom a:visited {
	color:#000000;
}

.latestRatesBox a:hover, .latestRatesBoxBottom a:hover {
	color:#0000FF;
}

.latestRatesBox a:active .latestRatesBoxBottom a:active {
	color:#000000;
}

/************ Footer Links **************/

#footerLinkContainer {
	clear:both;
	width:760px;
	height:auto;
	padding:4px 0px 4px 10px;
	font-size:65%;
	border-top:dotted 1px #999999;
	border-bottom:dotted 1px #999999;
	color:#999999;
}

#footerLinkContainer a {
	color:#0000FF;
}

#footerLinkContainer a:visited {
	color:#0000FF;
}

#footerLinkContainer a:active {
	color:#0000FF;
}

/************ Legals Section **************/

#legalsContainer {
	width:760px;
	padding:10px 5px 5px 5px;
	font-size:65%;
	color:#999999;
}

#copyrightContainer {
	clear:both;
	margin:0 auto;
	width:760px;
	height:10px;
	font-size:65%;
	font-weight:bold;
	color:#666666;
	padding:3px 0px 0px 0px;
}

/************ General Styles **************/

h1 {
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

h2 {
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

h3 {
	font-size:100%;
	font-weight:bold;
	color:#000000;
}

h4 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

a:link	{
	text-decoration:none;
	color:#0000FF;
}

a:link, a:visited, a:active	{
	text-decoration:none;
	color:#0000FF;
}

a:hover	{
	text-decoration:underline;
}

.dottedDivide {
	width:100%;
	height:1px;
	padding:0px 0px 0px 0px;
	border-top:dotted 1px #999999;	
}

img {
	border:none;
}

.doubleLineSpace {
	padding-top:20px;
}

.centerAlign {
	text-align:center;
}

#breadcrumb {
	font-size:65%;
	color:#000000;
	padding:15px 0px 0px 5px;
}

#hotLine2 {
	width:505px;
	height:13px;
	background-color:#000066;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px 0px 5px 0px;
	border-bottom:2px solid #FFFFFF;
}

.getAdobeReaderText {
	font-style:italic;
}

.getAdobeReaderImg {
	position:relative;
	left:225px;
}

#getAdobeReader {
	font-style:italic;
}

#getAdobeReaderImg {
	text-align:center;
}

.strong {
	font-weight:bold;
}

.justify {
	text-align:justify;
}

.noBottomMargin {
	margin-top:30px;
	margin-bottom:0px;
}

.noTopMargin {
	margin-top:0px;
}

.banner {
	width:100%;
	background:url(../images/background.gif) #000099;
	font-size:110%;
	color:#FFFFFF;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-weight:bold;
}

.banner a:link {
	color:#FFFFFF;
}

.banner a:visited {
	color:#FFFFFF;
}

.banner a:active {
	color:#FFFFFF;
}

/************ Print Styles ************/

@media print {
#headerContainer, #logoHeaderContainer, #dateContainer, .navContainer, #leftQLContainer, #footerLinkContainer, #breadcrumb {
	display:none;
}

#pageContainer, #legalsContainer {
	width:650px;
	border:none;
}

#rightBodyContainer {
	width:650px;
	float:none;
}

/*.page_content {border-right:0px; width:650px;}*/
}