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

#savingsImg {
	width:200px;
	height:150px;
	float:right;
	padding:5px 0px 0px 5px;
}

#onlineSavingsImg {
	width:200px;
	height:150px;
	float:right;
	padding:5px 0px 0px 5px;
}

#leedsRugbyImg {
	width:200px;
	height:212px;
	float:right;
	padding:5px 0px 0px 5px;
}

#gcaImg {
	width:200px;
	height:195px;
	float:right;
	padding:5px 0px 0px 5px;
}

#familyPlusMainIMG {
	width:200px;
	height:140px;
	float:right;
	padding:5px 0px 0px 5px;
}

#caringsaverIMG {
	width:300px;
	height:98px;
	float:right;
	padding:5px 0px 0px 5px;
}

#caringsaverCloneImg {
	width:150px;
	height:70px;
	float:right;
	padding:5px 0px 0px 5px;
}


/**********************************************/
/************ Product Table Styles*************/	

.product {
	width:590px;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
}

.product th{
	padding:4px;
	font-size:100%;
	text-align:left;
	background:url(../savings/images/maintableheaderback.gif);
	color:#FFFFFF;
}

.product a {
	color:#FFFFFF;
}

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

.product td{
	padding:4px;
	font-size:90%;
	border-left:1px dotted #FFFFFF;
}

.productTitle {	
	background:url(../savings/images/tableheaderback.gif) #FFD600;
	text-align:center;
}

.productCell {	
	background-color:#FFF09B;
	vertical-align:top;	
}

.productNotes {
	background-color:#FFF9D5;
	border-top:1px solid #FFFFFF;
}

.investmentColumn {
	width:70px;
}

.rateColumn {
	width:125px;
}

.withdrawlColumn {
	width:170px;
}

.interestColumn {
	width:180px;
}

.rateColumnMonthly {
	width:100px;
}

.withdrawlColumnMonthly {
	width:130px;
}

.interestColumnMonthly {
	width:130px;
}

/*************** Online Only ***************/

.withdrawlColumnOnline {
	width:170px;
}

.interestColumnOnline {
	width:180px;
}

/******************************************/
/****************** Divs ******************/

.investment {
	width:65px;
	float:left;
	text-align:left;
	padding-left:5px;
}

.currentRateHeading {
	width:55px;
	float:left;
	text-align:center;
}

.previousRateHeading {
	width:55px;
	float:left;
	text-align:center;
}

.currentRate {
	width:55px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

.previousRate {
	width:55px;
	float:left;
	text-align:center;
	font-weight:bold;	
}

.fixedRate {
	width:110px;
	float:left;
	text-align:center;
	color:#FF0000;	
	font-weight:bold;	
}

.escalatorRate {
	width:110px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #FF9900;
}

.currentRateHeadingMonthly {
	width:45px;
	float:left;
	text-align:center;
}

.previousRateHeadingMonthly {
	width:45px;
	float:left;
	text-align:center;
}

.currentRateMonthly {
	width:45px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

.previousRateMonthly {
	width:45px;
	float:left;
	text-align:center;
	font-weight:bold;	
}

.investmentBorder {
	width:65px;
	float:left;
	text-align:left;
	padding-left:5px;
	border-bottom:1px dotted #FF9900;
}

.currentRateBorder {
	width:55px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	border-bottom:1px dotted #FF9900;
}

.previousRateBorder {
	width:55px;
	float:left;
	text-align:center;
	font-weight:bold;
	border-bottom:1px dotted #FF9900;	
}

.fixedRateBorder {
	width:110px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#FF0000;	
	border-bottom:1px dotted #FF9900;	
}

.escalatorYear {
	width:110px;
	float:left;
	text-align:center;
	font-weight:bold;
}

.currentRateMonthlyBorder {
	width:45px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	border-bottom:1px dotted #FF9900;	
}

.previousRateMonthlyBorder {
	width:45px;
	float:left;
	text-align:center;
	font-weight:bold;
	border-bottom:1px dotted #FF9900;		
}

.rateCaringNotes {
	width:110px;
	float:left;
	text-align:center;
	padding-top:4px;
}

.familyPlusRate {
	width:110px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #FF9900;
}

/**********************************************/

.productDivideOuter {
	width:590px;
	height:20px;
	padding-bottom:20px
}

.productDivideInner {
	width:590px;
	height:20px;
	border-bottom:1px dotted #666666;
}

/**********************************************/
/******** Professional Accounts Styles ********/

.profOuterContainer {
	width:595px;
	height:auto;
}

.profContainer {
	width:290px;
	height:auto;
	float:left;
	padding-right:5px;

}

.profTopBorder {
	width:290px;
	height:5px;
	float:left;	
}

.profHeader {
	width:280px;
	height:auto;
	background-color:#0033CC;
	color:#FFFFFF;
	padding:0px 5px 5px 5px;
	margin-bottom:0px;
	float:left;
}

.profBody {
	width:283px;
	height:auto;
	min-height:150px;
	padding:0px 5px 0px 0px;
	color:#0033CC;
	border-left:1px solid #0033CC;
	border-right:1px solid #0033CC;
	float:left;
}

.profBottomBorder {
	width:290px;
	height:5px;
	padding-bottom:5px;
	float:left;	
}

h3.profProduct {
	margin-top:0px;
	font-size:110%;
	color:#FFFFFF;
}

.moreLink {
	position:relative;
	left:5px;
}


/**********************************************/
/********* Closed Issue Table Styles **********/	

.closed {
	width:588px;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
}

.closed th{
	padding:4px;
	font-size:100%;
	text-align:left;
	background:url(../savings/images/maintableheaderback.gif);
	color:#FFFFFF;
}

.closed td{
	padding:4px;
	font-size:90%;
	border-left:1px dotted #FFFFFF;
}

.closedTitle {	
	background:url(../savings/images/tableheaderback.gif) #FFD600;
	text-align:center;
}

.closedCell {	
	background-color:#FFF09B;
	vertical-align:top;	
}

.closedNotes {
	background-color:#FFF9D5;
	border-top:1px solid #FFFFFF;
}

.closedAnnual {
	width:183px;
}

.closedmonthly {
	width:135px;
}

/******* Divs *******/

.closedAnnualInvestment {
	width:180px;
	text-align:left;
	padding-left:5px;
}

.closedAnnualInvestmentBorder {
	width:180px;
	text-align:left;
	padding-left:5px;
	border-bottom:1px dotted #FF9900;
}

.closedAnnualCurrentHeading {
	width:90px;
	float:left;
	text-align:center;
}

.closedAnnualPreviousHeading {
	width:90px;
	float:left;
	text-align:center;
}

.closedAnnualCurrentRate {
	width:90px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

.closedAnnualPreviousRate {
	width:90px;
	float:left;
	text-align:center;
	font-weight:bold;	
}

.closedAnnualCurrentRateBorder {
	width:90px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	border-bottom:1px dotted #FF9900;
}

.closedAnnualPreviousRateBorder {
	width:90px;
	float:left;
	text-align:center;
	font-weight:bold;	
	border-bottom:1px dotted #FF9900;	
}


.closedMonthlyInvestment {
	width:130px;
	text-align:left;
	padding-left:5px;
}

.closedMonthlyInvestmentBorder {
	width:130px;
	text-align:left;
	padding-left:5px;
	border-bottom:1px dotted #FF9900;
}

.closedMonthlyCurrentHeading {
	width:66px;
	float:left;
	text-align:center;
}

.closedMonthlyPreviousHeading {
	width:66px;
	float:left;
	text-align:center;
}

.closedMonthlyCurrentRate {
	width:66px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

.closedMonthlyPreviousRate {
	width:66px;
	float:left;
	text-align:center;
	font-weight:bold;	
}


.closedMonthlyCurrentRateBorder {
	width:66px;
	float:left;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	border-bottom:1px dotted #FF9900;
}

.closedMonthlyPreviousRateBorder {
	width:66px;
	float:left;
	text-align:center;
	font-weight:bold;	
	border-bottom:1px dotted #FF9900;	
}


/**********************************************/
/********* Full Savings Range Styles **********/

#rangeOuterLeftContainer {
	width:290px;
	height:auto;
	float:left;
}

#rangeOuterRightContainer {
	width:290px;
	height:auto;
	float:left;
}

.rangeOuterContainer {
	width:260px;
	height:auto;
	float:left;
	padding:5px 15px 15px 15px;
}

.rangeOuterContainer {
	width:260px;
	height:auto;
	float:left;
	padding:5px 15px 15px 15px;
}

.rangeHeader {
	width:254px;
	height:17px;
	background:url(../images/background.gif) #0000CC; 
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0px 0px 6px;
}

.rangeDescription {
	width:254px;
	height:auto;
	padding:4px 0px 0px 6px;
}

.rangeLinks {
	width:248px;
	height:auto;
	padding:4px 6px 0px 6px;
}

.rangeLinks a {
	display:block;
	padding:4px 0px 2px 4px;
	border-bottom:1px dotted #FF9900;
	color:#000033;
}

.rangeLinks a:visited {
	color:#000033;
}

.rangeLinks a:hover {
	background-color:#DDDDDD;
	text-decoration:none;
}

#floatClear {
	width:595px;
	height:1px;
	clear:both;
}

/*********************************************/
/*************** Apply Options ***************/

#outerApplyContainer {
	width:500px;
	height:100px;
	position:relative;
	left:50px;
	padding:5px;
}

.applyContainer {
	width:117px;
	padding:0px 3px 0px 3px;
	float:left;
}

.applyIMG {
	width:70px;
	height:48px;
	padding:0px 24px 0px 24px;
}

.applyText {
	width:118px;
	height:44px;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
}

.applyTerms {
	width:32px;
	height:38px;
	padding:10px 43px 0px 43px;
}

/*********************************************/
/******** Summary Box & Rate Styles **********/

.summaryBox {
	width:590px;
	border-collapse:collapse;
	border:1px solid #333333;
}

.summaryBox th {
	padding:4px;
	text-align:left;
	background:url(../savings/images/summaryboxheader.gif) #333333;
	color:#FFFFFF;
}

.summaryBox td {
	padding:5px;
}

.summaryBoxTitle {
	background-color:#FFCC00;
	border-bottom:1px dotted #FFFFFF;
}

.summaryBoxInfo {
	background-color:#FFF9D5;
	border-bottom:1px dotted #999999;
}

/* Used for Options Investment Plan */
.summaryBoxInfoDouble {
	background-color:#FFF9D5;
	border-bottom:1px dotted #999999;
	border-left:1px dotted #999999;
}

/* Used for Options Investment Plan */
.blueProductName {
	color:#0066FF;
}

.savingsRate 	{
	width:350px;
	position:relative;
	left:90px;
	border-collapse:collapse;
	border:1px solid #333333;
}

.savingsRate th {
	padding:4px;
	text-align:center;
	background:url(../savings/images/tableheaderback.gif) #FFCC00;
	border-right:1px dotted #FFFFFF;
}

.savingsRate td {
	padding:5px;
	background-color:#FFF9D5;
	border-right:1px dotted #FFFFFF;
	border-bottom:1px dotted #FF9900;
}

.savingsEscalatorRate {
	width:450px;
	position:relative;
	left:60px;
	border-collapse:collapse;
	border:1px solid #333333;
}

.savingsEscalatorRate th {
	padding:4px;
	text-align:center;
	background:url(../savings/images/tableheaderback.gif) #FFCC00;
	border-right:1px dotted #FFFFFF;
}

.savingsEscalatorRate td {
	padding:5px;
	background-color:#FFF9D5;
	border-right:1px dotted #FFFFFF;
	border-bottom:1px dotted #FF9900;
}

/*********************************************/
/**************** GCA Styles *****************/

.gcaRate {
	font-size:300%;
	font-weight:bold;
	color:#003399;
}

.gcaPercentSign {
	font-size:250%;
	font-weight:bold;
	color:#003399;
}

.gcaRegistered {
	font-size:90%;
}

#gcaDetailsOuter {
	width:595px;
	height:60px;
	margin-top:20px;
}

.gcaDetailsIMG {
	width:70px;
	height:48px;
	float:left;
	text-align:right;
	padding-top:5px;
}

.gcaDetailsText {
	width:180px;
	height:48px;
	float:left;
	padding:5px 20px 0px 10px;
	font-weight:bold;
}

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

li {
	margin-bottom:10px;
}

.floatRight {
	float:right;
}

#rangeText {
	width:350px;
	height:21px;
	position:relative;
	left:150px;
	font-size:120%;
	padding:4px 0px 0px 5px;
}

#unclaimedForm {	
	width:210px;
	height:45px;
	position:relative;
	left:200px;
	background:url(../savings/images/unclaimedback.gif) #000099 no-repeat;
}

#unclaimedForm a {
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px 5px 10px 50px;	
}

#unclaimedForm a:visited {
	color:#FFFFFF;
}

ol.fscs {
	list-style-type:lower-roman;
}

.fscs li{
	margin-bottom:5px;
}

.applyButtonContainer {
	width:470px;
	height:30px;
	text-align:center;
	padding-left:125px;
	clear:both;
}

.applyButton {
	width:155px;
	height:23px;
	background:url(../savings/images/button.jpg) #0000CC no-repeat;
	font-weight:bold;
	text-align:center;
	padding:7px 0px 0px 0px;
	float:left;
}

.applyButton a {
	font-size:12px;
	text-transform:uppercase;
	color:#FFFFFF;
}	

#spacer {
	width:20px;
	height:30px;
	float:left;
}

.spacerISA {
	width:20px;
	height:30px;
	float:left;
}

.productDetailsHeading {
	margin-bottom:0px;
}

.productDetails {
	margin-top:0px;
}

#familyPlusContainer {
	width:590px;
	height:275px;
}

#familyPlusIMG {
	width:300px;
	height:275px;
	float:left;
}

#familyPlusText {
	width:280px;
	height:275px;
	padding:0px 0px 0px 10px;
	float:right;
}

.familyRateHeader {
	border-bottom:1px dotted #FFFFFF;
}

#albionTariff {
	width:590px;
	border-collapse:collapse;
	border:2px solid #CCCCCC;
}

#albionTariff th {
	padding:4px;
	text-align:left;
	background:url(../savings/images/summaryboxheader.gif) #333333;
	color:#FFFFFF;
}

#albionTariff td {
	padding:5px;
	background-color:#FFFFCC;
	border-bottom:1px dotted #FF9900;
	border-right:1px dotted #FF9900;
}

#rugbyPrizeDraw {	
	width:520px;
	height:auto;
	position:relative;
	left:20px;
	padding:8px;
	background-color:#FFFFEE;
	border:2px solid #CCCCCC;
}

#rugbyPrizeDraw h3 {
	font-size:120%;
}

.rugbyPrizeDrawNotes {
	font-size:90%;
}

.imgPosition {
	position:relative;
	top:9px;
}

.postApplyContainer {
	width:420px;
	height:30px;
	clear:both;
	padding-left:175px;
}

.postApplyContainerISA {
	width:595px;
	height:30px;
	clear:both;
/*	padding-left:175px;*/
}


.postApplyButton {
	width:100px;
	height:22px;
	background:url(../savings/images/button.gif) #0000CC no-repeat;
	float:left;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
}

.postApplyButton a:link, .postApplyButton a:visited, .postApplyButton a:active {
	color:#FFFFFF;
}

.postApplyLongContainer {
	width:495px;
	height:30px;
	clear:both;
	padding-left:100px;
}

.postApplyButtonLong {
	width:200px;
	height:22px;
	background:url(../savings/images/button_long.gif) #0000CC no-repeat;
	float:left;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	padding-top:8px;
}

.postApplyButtonLong a:link, .postApplyButtonLong a:visited, .postApplyButtonLong a:active {
	color:#FFFFFF;
}

.applyNote {
	font-size:85%;
	font-weight:normal;
}

.cgaLargeText {
	font-size:130%;
}