a:link, a:visited, a:hover, a:active {color: #157832}
h1, h2, h3, h4, p.biggreentext, p.boldtext {color: #1B883C}

table, td, th{background-color: #fff; border-bottom: 1px solid #1B883C; border-top: 1px solid #1B883C;}
th{background-color: #DFF0E4; color: #1B883C;}

#topbar
{
background:url("/images/home/bar.gif") #FFF;
width: 963px;
height: 64px;
position: relative; z-index: 2; top: 0px; left: 0px;
}

#container1 {
background:url("/images/bg9.gif") center top repeat-y;
}

#menu li.mainMenuCurrent {background:url('/images/ybs_colours.gif') 0px -52px; position: relative; z-index: 3; top: 1px; left: 0px;}
#menu a.mainMenuCurrentCurve {background:url('/images/ybs_colours.gif') 100% -52px; color:#fff; padding: 2px 8px 2px 3px; }

div.block {margin-top: 22px; width: 173px; margin-left: 27px; background-image: url("/images/bg3.gif"); background-position: bottom; background-repeat: no-repeat}
div.block_text {padding: 0px 14px 14px 14px; margin-top: -5px}
div.block_text p, div.block_text ul {margin-top: 12px; margin-bottom: 2px}
div.block_text li {list-style-type: none; margin-left: -40px}

div.divider1 {background-image:url("/images/savings/bg_footer.gif"); background-repeat:repeat-x; height: 8px; font-size: 1px; line-height: 10%; margin-left: 8px; margin-right: 8px}

div.box {background-color: #DFF0E4; border: 1px solid #1B883C; padding: 0px 12px}

/* LEFT NAVIGATION */
#newleftnav ul li{background-image:url("/images/savings/leftNavigationTop.gif");}
#newleftnav ul ul li{background-image:url("/images/savings/leftNavigationMiddle.gif");}
#newleftnav ul ul.bottom li{background-image:url("/images/savings/leftNavigationBottom.gif");}
#newleftnav ul ul.bottom li.end_of_nav{background-image:url("/images/savings/leftNavigationEnd.gif");}
#newleftnav ul li a:hover{background-color: #DFF0E4;}
#newleftnav ul li div.active{color: #1B883C; background-color: #DFF0E4}
#newleftnav ul li div.active a:link,   #newleftnav ul li div.active a:visited {color: #1B883C; background-color: #DFF0E4; padding: 0px; margin: 0px; text-decoration: none}
#newleftnav ul li div.active a:active, #newleftnav ul li div.active a:hover   {color: #1B883C; background-color: #DFF0E4; padding: 0px; margin: 0px; text-decoration: underline}

#newleftnav ul.savingsAccounts li a:link,   #newleftnav ul.savingsAccounts li a:visited {color: #1B883C; background-color: #DFF0E4; font-weight: bold; text-decoration: none}
#newleftnav ul.savingsAccounts li a:active, #newleftnav ul.savingsAccounts li a:hover   {color: #1B883C; background-color: #DFF0E4; font-weight: bold; text-decoration: underline}

#newleftnav ul.savingsAccounts ul li a:link,   #newleftnav ul.savingsAccounts ul li a:visited {color: #1B883C; background-color: #fff; font-weight: normal; text-decoration: underline;}
#newleftnav ul.savingsAccounts ul li a:active, #newleftnav ul.savingsAccounts ul li a:hover   {color: #1B883C; background-color: #DFF0E4; font-weight: normal; text-decoration: none;}

.featured {background-color: #FEEE85; border-top: 1px solid white; border-bottom: 1px solid white}

/* LISTS */
#column2 ul {list-style-image: none; list-style-type: none; margin-top: 0px}
#column2 ul li {list-style-image: url('/images/bullet3.gif');}

/* ICON BASED LISTS - second ones are temporary, to support old styles */
#column2 ul li.apply, #column2 ul li.apply2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_apply.gif') no-repeat;}
#column2 ul li.branch, #column2 ul li.branch2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_branch.gif') no-repeat;}
#column2 ul li.callback, #column2 ul li.callback2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_callback.gif') no-repeat;}
#column2 ul li.contact, #column2 ul li.contact2, #column2 ul li.leaflet2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_contact.gif') no-repeat;}
#column2 ul li.email, #column2 ul li.email2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_email.gif') no-repeat;}
#column2 ul li.home, #column2 ul li.home2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_home.gif') no-repeat;}
#column2 ul li.info, #column2 ul li.info2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_info.gif') no-repeat;}
#column2 ul li.logout, #column2 ul li.logout2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_logout.gif') no-repeat;}
#column2 ul li.mandatory, #column2 ul li.mandatory2, #column2 ul li.man, #column2 ul li.mandatory, #column2 ul li.man2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_mandatory.gif') no-repeat;}
#column2 ul li.pdf, #column2 ul li.pdf2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_pdf.gif') no-repeat;}
#column2 ul li.rate, #column2 ul li.rate2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_rate.gif') no-repeat;}
#column2 ul li.ring, #column2 ul li.ring2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_ring.gif') no-repeat;}
#column2 ul li.save, #column2 ul li.save2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_save.gif') no-repeat;}
#column2 ul li.tick, #column2 ul li.book, #column2 ul li.tick, #column2 ul li.book2 {list-style-type: none; list-style-image:none; background: url('/images/savings/icon_tick.gif') no-repeat;}
#column2 ul li.lock {list-style-type: none; list-style-image:none; background: url('../images/savings/icon_lock.gif') no-repeat;}

/* SAVINGS LANDING PAGE */
.borders {border-collapse: collapse; border-bottom-width: 0px}
.borders td {border: 1px solid #29B552; background-color: white;}
.borders td.text {padding: 4px 10px}
.borders td.image {background-color: #29B652; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.borders ul {MARGIN-BOTTOM: 4px; margin-top: 4px}
.borders li {margin-left: -15px}
.borders p, .borders h3 {margin: 4px 0px}
.content_col_1_landing {float: left; width: 250px; border-right: 1px solid #29B552;}
.content_col_2_landing {float: left; width: 250px; margin-left: 20px; margin-top: 0px}

/* LIST STYLES FOR ONLINE ACCOUNT T&C'S */
.numList{list-style:decimal;}
.alphaList{list-style:lower-alpha;}
.romanList{list-style:lower-roman;}

/* SECTION LANDING PAGE STYLES */
.saving_big{font-size:14px;  line-height:110%;}
.saving_big a{color:green;}
.saving_big a:hover{color:black;}
.rate_big {font-size:14px; color:green;	font-weight: bold;}

/* FORM buttons */
div.formButton {
    background: transparent url("/images/savings/newbutton2.gif") no-repeat top right;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

div.formButton input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent url("/images/savings/newbutton1.gif") no-repeat;
	padding: 4px 0px 11px 10px; 
	border:0 none;
	line-height: 26px;
	font-size:0.85em;
	font-weight:bold;
	color: #1B883C;
}

div.activeButton {background: transparent url("/images/newbutton2_active.gif") no-repeat top right}
div.activeButton input {background: transparent url("/images/newbutton1_active.gif") no-repeat; color: #CC0000}
/* End FORM buttons */

/* CALL TO ACTION BUTTONS */
#column2 #cta_button ul li{list-style-image:none;}
#cta_button{float:left; line-height:normal; list-style:none;}
#cta_button ul{margin:0; padding:10px 5px; list-style:none; white-space:nowrap;}
#cta_button li{
float:left;
background:url("../images/buttons/green_left.jpg") no-repeat left bottom;
margin:0;
padding:0 0 0 5px;
margin-left:2px;
list-style:none;
}
#cta_button li:hover{
list-style:none; /* for Collage to resolve the URL below */
background-image:url("../images/buttons/green_left_on.jpg"); background-repeat: no-repeat; background-position: left bottom;
}
#cta_button{font-size:100%}
#cta_button a{
float:left;
display:block;
width:.1em;
background:url("../images/buttons/green_right.jpg") no-repeat right bottom;
padding:4px 15px 9px 6px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
#cta_button > ul a{width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#cta_button a{float:none;}
/* End IE5-Mac hack */
#cta_button a:hover{color:#fff; text-decoration:underline;}
#cta_button li:hover a{
list-style:none; /* for Collage to resolve the URL below */
background:url("../images/buttons/green_right_on.jpg") 100% bottom no-repeat;
}

/* END CALL TO ACTION BUTTONS */

/* GRAY secondary button*/
#cta_button li.gray{background:url("../images/buttons/gray.gif") no-repeat right bottom}
#cta_button li.gray:hover{background:url("../images/buttons/gray_on.gif") no-repeat right bottom;}
#cta_button li.gray a{background:url("../images/buttons/gray.gif") no-repeat right bottom; width: 74px}
#cta_button li.gray:hover a{background:url("../images/buttons/gray_on.gif") right bottom no-repeat;}
/* end GRAY secondary button*/
/* GRAY secondary button class*/
.cta_button li.gray{background:url("../images/buttons/gray.gif") no-repeat right bottom}
.cta_button li.gray:hover{background:url("../images/buttons/gray_on.gif") no-repeat right bottom;}
.cta_button li.gray a{background:url("../images/buttons/gray.gif") no-repeat right bottom; width: 74px}
.cta_button li.gray:hover a{background:url("../images/buttons/gray_on.gif") right bottom no-repeat;}
/* end GRAY secondary button*/


/* CALL TO ACTION BUTTONS ---- with class element */
#column2 .cta_button ul li{list-style-image:none;}
.cta_button{float:left; line-height:normal; list-style:none;}
.cta_button ul{margin:0; padding:10px 5px; list-style:none; white-space:nowrap;}
.cta_button li{
float:left;
background:url("/images/buttons/green_left.jpg") no-repeat left bottom;
margin:0;
padding:0 0 0 5px;
margin-left:2px;
list-style:none;
}
.cta_button li:hover{
list-style:none; /* for Collage to resolve the URL below */
background-image:url("../images/buttons/green_left_on.jpg"); background-repeat: no-repeat; background-position: left bottom;
}
.cta_button{font-size:100%}
.cta_button a{
float:left;
display:block;
width:.1em;
background:url("/images/buttons/green_right.jpg") no-repeat right bottom;
padding:4px 15px 9px 6px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
.cta_button > ul a{width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.cta_button a{float:none; color:#fff;}
/* End IE5-Mac hack */
.cta_button a:visited{color:#fff;}
.cta_button a:hover{color:#fff; text-decoration:underline;}
.cta_button li:hover a{
list-style:none; /* for Collage to resolve the URL below */
background:url("../images/buttons/green_right_on.jpg") 100% bottom no-repeat;
}

/* END CALL TO ACTION BUTTONS */


/* ----- combi bond page layout ----- */

.combi_boxBack{background:url("/images/savings/combi_landing_back.gif") no-repeat 0 0; padding-top:5px;}
.combi_boxBackInner{background:url("/images/savings/combi_landing_back.gif") no-repeat 0 100%; padding:0px 13px 0px 10px;}

.combi_boxBackInner_noPad{background:url("/images/savings/combi_landing_back.gif") no-repeat 0 100%}
.combi_boxPad{ padding:0px 13px 0px 10px;}

.combi_infoBox{background:url("/images/savings/combi_box_back.jpg") 0 100% no-repeat;
float:left; padding:5px; border-top:#7dcf5a 1px solid; width:235px;}




/* ----- inner product section landing pages layout ----- */

.savings_innerProdBox{background:url("/images/savings/landing_page/090128_productBack.gif") bottom left no-repeat; margin-bottom:5px;}
.savings_innerTop{background:url("/images/savings/landing_page/090128_productBack.gif") top left no-repeat; height:10px;}

.savings_innerBottom{position:relative; margin:0px; padding:0px 10px;}
#column2 .savings_innerBottom ul{margin-left:0px;}

.savings_innerLeft{width:150px; float:left; font-size:1.45em; line-height:1.4em; text-align:right}
.savings_innerRight{position:relative; float:right; width:330px; margin-left:10px;}


/* ----- new savings index layout ----- */

.productBox{background:url("../images/savings/landing_page/new/landing_back.jpg") 0 0 no-repeat;
width:524px; height:131px; margin-bottom:5px;
}
.dnone{display:none;}
.prodBoxCont{float:right; width:340px; margin:15px 15px 0px 0px}
.rateBubble{margin:0px 0px 0px 10px; float:left; clear:left;}


.ebondTitle{background:url("../images/savings/landing_page/new/title_ebonds.gif") 0 0 no-repeat;
float:left; width:77px; height:15px; margin:10px 0px 5px 10px;}
.saverTitle{background:url("../images/savings/landing_page/new/title_internetsaver.gif") 0 0 no-repeat;
float:left; width:139px; height:15px; margin:10px 0px 5px 10px;}
.eisaTitle{background:url("../images/savings/landing_page/new/title_eisa.gif") 0 0 no-repeat;
float:left; width:77px; height:15px; margin:10px 0px 5px 10px;}
.otherTitle{background:url("../images/savings/landing_page/new/title_other.gif") 0 0 no-repeat;
float:left; width:132px; height:15px; margin:20px 0px 15px 0px;}

.landCTA{float:right; width:250px; height:30px; margin-top:-6px;}
.landCTA_find {background:url("../images/savings/landing_page/new/buttons_r2_c4.gif") 0 0 no-repeat;
width:128px; height:29px; float:left; cursor:pointer;}
.landCTA_apply{background:url("../images/savings/landing_page/new/buttons_r2_c2.gif") 0 0 no-repeat;
width:116px; height:29px; float:left; cursor:pointer; margin-left:4px;}



/* ----- savings collaps panels ----- */

.CollapsiblePanel{
margin:0px; padding:0px; width:524px; margin:0px 0px 6px 0px;
}
.CollapsiblePanelTab{
width:524px; margin:0px 0px 0px 0px !important; padding:8px 0px 0px 0px !important;
background:url('../images/savings/drop_downs/topPanClosed.gif') top left no-repeat;
cursor:pointer;
-moz-user-select:none;
-khtml-user-select:none;
}
.tabTop{margin:0px 35px 3px 10px; color:#333333;}
.tabBottom{background:url('../images/savings/drop_downs/bottomPan.gif') bottom left no-repeat; width:524px; height:8px; font-size: 1px;}

.CollapsiblePanelContent{
margin-bottom:-9px;
padding:10px 10px 10px 10px;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
}

.CollapsiblePanelTab a{
color:black;
text-decoration:none;
background:url('../images/savings/drop_downs/topPanClosed.gif') 0 0 no-repeat;
}
.CollapsiblePanelOpen .CollapsiblePanelTab{
background:url('../images/savings/drop_downs/topPanOpen.gif') 0 0 no-repeat;}
.CollapsiblePanelOpen .tabBottom{
background:url('../images/savings/drop_downs/bottomPanOpen.gif') bottom left no-repeat;}
.CollapsiblePanelOpen .contBottomImg {background: url('../images/savings/drop_downs/contentBottom.gif') bottom left no-repeat; height:8px;}

/* TABS in MAIN CONTENT AREA */
#cashSavingsAccount, #stakeholderAccount {margin-top: 20px}
#column2 .tabs ul li {list-style-image: none}
.tabs ul {margin:0 0 0 0px; padding:0; list-style:none;}
.tabs li {float:left; margin:0 3px 0 1px; padding-left:5px; width: 96px;}
.tabs li.last {width: 97px; margin-right: 0px}
.tabs a {display:block; font-size:0.85em; font-weight: bold; background-color: #CCCCCC; text-decoration:none; height: 34px; line-height: 140%;}
.tabs li.mainMenuTab {background:url('../images/ybs_tabs.gif') 0px -151px; position: relative; z-index: 1; top: 0px; left: 0px}
.tabs a.mainMenuTabCurve {background:url('../images/ybs_tabs.gif') 100% -151px; padding:5px 8px 1px 3px; color: #1B883C}
.tabs li.mainMenuCurrent {background:url('../images/ybs_tabs.gif') 0px -102px; position: relative; z-index: 3; top: 1px; left: 0px;}
.tabs a.mainMenuCurrentCurve {background:url('../images/ybs_tabs.gif') 100% -102px; padding: 4px 8px 2px 3px; color: #333}

.tabs li.mainMenuTabGray {background:url('../images/ybs_tabs.gif') 0px -1px; position: relative; z-index: 1; top: 0px; left: 0px}
.tabs a.mainMenuTabCurveGray {background:url('../images/ybs_tabs.gif') 100% -1px; padding:5px 8px 1px 3px; color: #333}

.middlePositioning {margin-top: 8px}
.tabsContent {border: 1px solid #666666; padding: 0px 12px; width: 496px; clear: both; margin-left: 2px; -moz-margin-start: 1px}
.tabsContent li {margin-left: -6px}
.tabsContent li.apply, .tabsContent li.branch, .tabsContent li.callback, .tabsContent li.contact, .tabsContent li.email, .tabsContent li.home, .tabsContent li.info, .tabsContent li.info2, .tabsContent li.logout, .tabsContent li.mandatory, .tabsContent li.mandatory2, .tabsContent li.pdf, .tabsContent li.ring, .tabsContent li.save, .tabsContent li.tick, .tabsContent li.book, .tabsContent li.man, .tabsContent li.rate, .tabsContent li.rate2, .tabsContent li.leaflet2, .tabsContent li.back, .tabsContent li.call, .tabsContent li.lock {margin-left: -30px}
.tabsContent h3 {margin: 20px 0px 8px 0px}

.tabs li.one_of_7 {width: 79px;}
.tabs li.two_of_7 {width: 55px;}
.tabs li.three_of_7 {width: 86px;}
.tabs li.four_of_7 {width: 88px;}
.tabs li.five_of_7 {width: 55px;}
.tabs li.six_of_7 {width: 37px;}
.tabs li.seven_of_7 {width: 60px;}
.tabs li.last_of_7 {margin-right: 0px}

.tabs li.one_of_6 {width: 79px;}
.tabs li.two_of_6 {width: 60px;}
.tabs li.three_of_6 {width: 86px;}
.tabs li.four_of_6 {width: 88px;}
.tabs li.five_of_6 {width: 96px;}
.tabs li.six_of_6 {width: 38px;}
.tabs li.last_of_6 {margin-right: 0px}

div#boxLeft {float: left; width: 242px; padding: 0px 20px 0px 0px}
div#boxLeft h2 {margin-top: 8px}

/* CTF HOME */
.contentBox_container1 {background-image: url("../images/savings/landing_page/bg_mid_2columns.gif"); background-position: bottom left; background-repeat: no-repeat; width: 273px}
.contentBox_container2 {background-image: url("../images/savings/landing_page/bg_mid_2columns.gif"); background-position: bottom left; background-repeat: no-repeat; width: 250px}
.contentBox_container1 img, .contentBox_container2 img {display:block}
.contentBox_wrapper {float: left; overflow: hidden}
.contentBox {width: 220px; padding: 2px 10px 15px 10px; margin: 0px;}
.contentBox ul {margin-bottom: 7px}
#column2 .contentBox ul li {margin-left: -36px; list-style-image:none; background-image: url("../images/tick_black.gif"); background-repeat: no-repeat; background-position: 0px 0.5em; padding-left: 14px }
#column2 .content_col_1 ul li,
#column2 .content_col_2 ul li {margin-left: -28px; list-style-image:none; background-image: url("../images/tick_black.gif"); background-repeat: no-repeat; background-position: 0px 0.5em; padding-left: 14px}
.content_col_1 {float: left; width: 240px; padding-right: 0px; margin-right: 18px}
.content_col_2 {float: left; width: 240px; margin-top: 0px; background-image: url("../images/savings/landing_page/bg_divider.gif"); background-position: 0px 28px; background-repeat: no-repeat; padding-left: 20px}
.content_col_1 h1, .content_col_2 h1 {margin-top: 8px}
/* END CTF HOME */

/* INTEREST RATES PAGE - TABLE UPDATE */
th {font-size: 11px;}
div#previousRates {display: none}
.borderRight {border-right: 1px solid #1B883C}
.borderLeft {border-left: 1px solid #1B883C}
th, td {padding: 5px 9px}
table.interestRates, table.previousRates {clear: both}
table.previousRates th {color: #333; background-color: #ebebeb; clear: both}
table.previousRates th, table.previousRates td {border-color: #666666}
table.previousRates th a:link, table.previousRates th a:visited, table.previousRates th a:hover, table.previousRates th a:active {color: #333;}
a.help:hover {display: inline}
a.help span {display: none;}
div.helpText {display:inline}
th a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 1.2em}
td a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 1em}
a.help:hover {display: inline}
a.help span {display: none;}
div.helpText {display:block;}
th a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 1em;}
td a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 0.85em;}
a.help:hover span.helpContent {display: block; position: absolute; top: 0px; left: -18px; z-index: 1; width: 225px; border: 1px solid #999999; color: #000; background: #f4f4f4 url("../images/help/bg_helpText.gif") bottom right no-repeat; font-weight: normal; font-size: 110%; padding: 8px 10px; margin: 10px;}
a.help:hover span.helpImg {display: block; position: absolute; top: 0px; left: 2px; width: 16px; z-index: 2; background: url("../images/help/helpText.gif") no-repeat}

/* hover over for apply section image */
a.help:hover span.helpContentApply {display:block; position:absolute; top:30px; left:-18px; z-index:1; width:236px; border:1px solid #999999; color:#000; background:#f4f4f4 url("../images/help/bg_helpText.gif") bottom right no-repeat; font-weight: normal; font-size: 110%; padding:2px; margin:10px;}
a.help:hover span.helpImgApply {display: block; position: absolute; top:30px; left: 2px; width: 16px; z-index: 2; background: url("../images/help/helpText.gif") no-repeat}

.previousRatesLink {float: right; margin-bottom: 6px}
.currentRatesText {margin-bottom: 6px}
.previousRatesText {float: right; margin-bottom: 6px}
.currentRatesLink {margin-bottom: 6px}
/* END INTEREST RATES PAGE - TABLE UPDATE */

div.ebondApply1 {float: left; width: 260px; padding-right: 5px; padding-bottom: 8px; margin-bottom: 10px; border-right: 1px solid black}
div.ebondApply2 {float: left; width: 220px; padding-left: 10px;}

#column2 .tabsContent ol li ol, #column2 .tabsContent ol li ul, #column2 .tabsContent ul li ul, #column2 .tabsContent ul li ol {margin-top: 10px; margin-bottom: 10px;}

div.rightTop {float: right !important; margin-top: 8px} /* for CTA buttons */
div.rightTop2 {float: right !important; clear: right}
div.rightTop2 ul {padding-top: 4px;}
div.rightTop3 {float: right !important; margin-top: 4px}

#tabContent1, #tabContent2, #tabContent3, #tabContent4, #tabContent5 {border-top: 1px solid #fff}

.inTabsColumn1 {float: left; width: 260px; padding-right: 5px; padding-bottom: 8px; margin-bottom: 10px; border-right: 1px solid black}
.inTabsColumn2 {float: left; width: 220px; padding-left: 10px;}