/* LAYOUT BLOCKS */
html, body {
margin: 0; padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: center;
line-height: 140%;
background: #fff;
}
#container1 {
width: 963px;
margin: 0 auto; /* compliant center */
text-align: left; /* reset text alignment */
}
#container2 {
background-image:url("../images/bg5.gif");
background-position: right bottom;
background-repeat: no-repeat;
width: 963px;
margin: 0 auto; /* compliant center */
text-align: left; /* reset text alignment */
}
#container3, .container3 {
background-image:url("../images/bg6.gif");
background-position: right bottom;
background-repeat: repeat-y;
width: 963px;
margin: 0 auto; /* compliant center */
text-align: left; /* reset text alignment */
}
#header {
width: 963px;
margin: 0 auto;
text-align: left;
background-image:none;
background-color: #fff;
}
#login {float: right; margin: 26px 4px 20px 0px}
#footer {width: 963px; margin: 0 auto; background-image:url("../images/bg2.gif"); background-position: bottom left; background-repeat: no-repeat; font-size: 0.85em;}
#footer_menu {text-align: center; margin: 0px 8px; padding: 8px 0px 10px 0px; background-image:url("../images/bg8.gif"); background-repeat:repeat-x; background-position: bottom left;}
#footer_menu a:link, #footer_menu a:visited {color: #000; font-weight: bold;}
#footer_menu a:hover, #footer_menu a:active {color: #000; font-weight: bold;}
#column1, #column2, #column3 {float: left;}
#column1 {width: 208px; margin-bottom: 20px; padding-left: 8px;}
#column2 {padding-bottom: 20px; width: 524px;}
#column3 {width: 200px; margin-top: 4px; margin-bottom: 20px; margin-left: 0px}
#logo {display: inline; margin-top: 18px; margin-bottom: 14px; margin-left: 10px;}
#print_logo {display: none}
#with_you {margin-left: 27px; margin-top: 22px; float: left}
#search {margin-right: 26px; padding-top: 19px; text-align: right}
#searchtext {font-size:11px; padding:4px 0px 2px 0px;} /* positioning of input in Moz */
#searchContact {margin-left:5px; margin-top:10px; text-align:left; height:-20px; padding-top:18px; padding-bottom:-6px;}
.searchImg2{float:left;}
#search_go2{float:left; margin-left:-90px;}
#searchtext2{font-size:11px; padding:4px 0px 2px 0px; float:left;} /* positioning of input in Moz */
div.gradient {
margin-left: 19px;
margin-right: 8px;
margin-bottom: 4px;
background-image: url("../images/bg4.gif");
background-position: bottom left;
background-repeat: repeat-x;
width: 196px;
min-width: 196px;
}
div.gradient1 {background: url('/images/bg4.gif') bottom left repeat-x; padding-bottom: 16px} /* for Risk Statement box */
#online_servicing {padding: 0px 10px 10px 10px}
#online_servicing p {margin: 0px 0px 6px 0px}
.related_info {margin-left: 19px; margin-right: 8px; padding: 20px 0px 0px 10px; width: 186px}
.related_info p, .related_info ul {margin-top: 0px; margin-bottom: 6px}
.related_info li {margin-left: -32px; list-style-type: none; background-image: url("../images/tick_black.gif"); background-repeat: no-repeat; background-position: 0px 0.5em; padding-left: 14px }
.related_info strong {color: #666}
/* GENERAL STYLES */
img {border: 0}
form {margin: 0}
select, input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em}
.radio {margin-bottom: -1px}
input#search_go {margin-bottom: -6px;}
img.searchImg {margin-bottom: -6px}
a:link, a:visited, a:hover, a:active {color: #003399}
div.footnote {font-size: 0.9em; padding: 10px 20px 20px 20px; line-height: 120%}
div.footnote p {margin: 10px 0px}
h1 {font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: bold; color: #288E3C; font-size: 28px; margin: 25px 5px 10px 3px; line-height: 100%}
#column3 h1 {color: #868b9f; font-size: 23px; margin-bottom: 8px; margin-top: 4px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; margin: 20px 5px 0px 0px}
h2.afterH1 {margin-top: 0px; margin-bottom: 20px; margin-left: 4px}
h3, p.biggreentext {margin-top: 16px; margin-bottom: 10px; font-family: Verdana, Arial, sans-serif; color: #333; font-size: 1em;}
h4, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {font-family:Arial Narrow, Arial, sans-serif; font-size: 22px !important; text-decoration: none; color: #288E3C;}
h5 {font-family:Arial Narrow, Arial, sans-serif; line-height: 90%; background: url('/images/navigation/title.gif') 0px -3px no-repeat; height: 46px; max-height: 42px; padding: 8px 10px 0px 10px; margin: 0px 0px 0px 0px; width: 160px; font-size: 24px;}
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {color: #fff; text-decoration: none;}
h5.twoLines {background: url("../images/navigation/title2.gif") 0px -3px no-repeat; height: 74px; max-height: 84px; padding: 10px 10px 0px 10px; margin: 0px 0px 0px 0px; width: 160px; line-height: 1.2em}
h6 {font-family:Arial Narrow, Arial, sans-serif; color: white; font-size: 24px; font-family: Arial Narrow, arial, sans-serif; height: 49px;
padding: 18px 10px 14px 10px; margin: 12px 0px; background: url('/images/cta.gif') no-repeat}
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {color: #fff; text-decoration: none;}
p, ul {margin-top: 10px; margin-bottom: 16px}
hr {border: 1px dashed #999; border-width: 0px 0px 1px 0px; color: #fff; background-color: #fff; height: 1px;}
.text-small {font-size: 0.85em; line-height: 140%;}
.icon {margin-bottom: -2px; margin-top: 1px} /* PDF icon */
.printonly {display:none}
div.noborders td, div.noborders th, div.noborders table {border: 0px; padding: 0px; background-color: #fff;}
table{border-collapse: collapse;}
table p{margin-top: 0px; margin-bottom: 0px}
table td, table th {padding: 5px 10px}
.rightImg {margin-left: 19px; margin-top: 15px; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1}
li.apply, li.branch, li.callback, li.contact, li.email, li.home, li.info, li.logout, li.mandatory, li.pdf, li.ring, li.save, li.tick, li.book, li.man, li.rate, li.rate2, li.leaflet2, li.back, li.call, li.lock {margin-left: -30px; padding-left: 35px; padding-top: 6px; padding-bottom: 8px;}
/* QUICK FIX - to accommodate apply2 classes in savings section */
li.apply2, li.branch2, li.callback2, li.contact2, li.email2, li.home2, li.info2, li.logout2, li.mandatory2, li.pdf2, li.ring2, li.save2, li.tick, li.mandatory2 {margin-left: -30px; padding-left: 35px; padding-top: 6px; padding-bottom: 8px;}
/* QUICK FIX */
p.biggreentext, p.biggreentext2 {font-weight: bold}
/* GLOBALPARK SURVEY */
#surveypop {display:none;position:relative;visibility:hidden;z-index:1000;}
.survey_positioning {position: absolute; top: 65px; left: 320px;}
.survey_bg_bottom {background: url("../images/survey/bg_bottom.gif") bottom left no-repeat; width: 283px; padding: 10px 15px 15px 15px; margin: 0px;}
.survey_bg_top {background: url("../images/survey/bg_top.gif") bottom no-repeat; width: 313px;}
.survey_close {float: right; margin-top: -6px; margin-right: -4px}
#surveypop h1 {margin-top: 0px; color: #288E3C}
/************************************************************************************************************************************************************************/
/* COLORS AND SECTION-SPECIFIC CSS - previously savings.css *************************************************************************************************************/
/************************************************************************************************************************************************************************/
/*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;}
th a:link, th a:visited, th a:hover, th a:active {color: #1B883C}
.CollapsiblePanelContent td a:link, .CollapsiblePanelContent td a:visited, .CollapsiblePanelContent td a:hover, .CollapsiblePanelContent td a:active {color: #003399}
.CollapsiblePanelContent th a:link, .CollapsiblePanelContent th a:visited, .CollapsiblePanelContent th a:hover, .CollapsiblePanelContent th a:active {color: #003399}
#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: 14px; width: 173px; margin-left: 18px; background-image: url("/images/bg3.gif"); background-position: bottom left; background-repeat: no-repeat;}
div.block_text {padding: 0px 14px 14px 14px; margin-top: -5px}
div.block_text p, #column2 div.block_text ul {margin-top: 4px; margin-bottom: 2px}
div.block_text li {margin-left: -38px; list-style-type: none; background-image: url("/images/tick_black.gif"); background-repeat: no-repeat; background-position: 0px 0.5em; padding-left: 14px }
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}
/* 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;}
/* 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 */
.landingPageBlocks {background: url('../images/landing/bg_mid_2columns.gif') bottom left; width: 524px;}
.landingPageBlock1 {width: 252px; float:left;}
.landingPageBlock2 {width: 252px; float:left; margin-left: 20px}
.h4wrapper {background: #fff url('../images/landing/bg_mid_2columns.gif') 0px 20px no-repeat; padding: 0px;}
.landingPageSpacer {font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; clear: both; height: 1px}
.landingPageBlocks .h4wrapper {width: 242px; height: 30px; padding-left: 10px}
.landingPageBlocks ul {clear: both; margin-bottom: 14px; margin-top: 12px; margin-right: 10px; padding-top: 7px;}
.landingPageBlocks p {clear: both; margin-bottom: 6px; margin-top: 6px; margin-right: 10px; padding-left: 14px}
.landingPageBlocks h4 {float: left; background: white; padding:8px 3px 0px 3px; margin: 0px;}
.landingPageSingleBlocks {background: url('../images/landing/bg_mid_1column.gif') bottom left no-repeat; width: 524px;}
.landingPageSingleBlock1 {width: 524px;}
.landingPageSingleBlocks .h4wrapper {background: #fff url('../images/landing/bg_mid_1column.gif') 0px 18px no-repeat;
padding-left: 10px; width: 514px; height: 30px;}
.landingPageSingleBlocks h4 {float: left; background: white; padding:4px 3px 0px 3px; margin: 0px}
.landingPageSingleBlocks ul {clear: both; margin-bottom: 14px; margin-top: 12px; margin-right: 10px; padding-top: 7px;}
.landingPageSingleBlocks p {clear: both; margin-bottom: 6px; margin-top: 6px; margin-right: 10px; padding-left: 14px}
#column2 .landingPageBlocks ul li, #column2 .landingPageSingleBlocks ul li {margin-left: -28px; list-style-image:none; background-image: url('../images/tick_black.gif'); background-repeat: no-repeat; background-position: 0px 0.6em; padding-left: 16px;}
.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 4px 10px;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
}
.CollapsiblePanelContent p, .CollapsiblePanelContent ul {margin-bottom: 0px; padding-bottom: 0px}
.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; font-size: 1px;}
/* 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: #4d4d4d}
.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: #4d4d4d}
.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;}
.contentBoxFAQ{width: 400px; padding: 2px 10px 10px 10px; margin: 0px;}
.contentBox ul, .contentBoxFAQ ul {margin-bottom: 7px}
#column2 .contentBox ul li, #column2 .contentBoxFAQ 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:242px; 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;}
/****************************************************************/
/* SECTION-SPECIFIC CSS - previously investments.css ************/
/****************************************************************/
/* BUDGET PLANNER T&C box */
div.budgetplanner_info_box td {border: 0px; padding: 5px; padding-left:5px; padding-right:5px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background: #FFFFFF}
/* ----- GIA PAGE LAYOUT ---- */
.giaTopBox_out1{
background:url("/images/investments/gia_landing_page/box_top_back.jpg") 0 0 no-repeat;
padding-top:10px;}
.giaTopBox_out2{
background:url("/images/investments/gia_landing_page/box_top_back.jpg") 0 100% no-repeat;
padding:0px 10px 10px 10px;
}
.giaBottomBox_out1{
background:url("/images/investments/gia_landing_page/box_bottom_back.jpg") 0 0 no-repeat;
padding-top:10px;}
.giaBottomBox_out2{
background:url("/images/investments/gia_landing_page/box_bottom_back.jpg") 0 100% no-repeat;
padding:0px 10px 10px 10px;
}
/* ----- GIA decision tree layout ----- */
#Q{background:url("/images/investments/gia/090619_gia/090619_back.gif") 0 100% no-repeat; margin-bottom:6px;}
#Q1, #Q2, #Q3, #Q4, #Q5, #Q6, #Q7, #Q8, #Q9, #Q10, #Q11, #Q12{display:none;
background:url("/images/investments/gia/090619_gia/090619_back.gif") 0 100% no-repeat; margin-bottom:6px}
.backTp{background-image:url("/images/investments/gia/090619_gia/090619_back.gif"); background-position:top left; height:8px;}
.Qcont{padding:1px 10px;}
.btnBreak{position:relative; clear:both;}
/****************************************************************/
/* investments_iht.css ******************************************/
/****************************************************************/
#IHTcontainer{background:url("../images/investments/investmentCalc/new_2009/back.jpg") 0 0 no-repeat;
width:504px; margin:0 auto; height:356px; padding:11px 10px 10px 10px;}
.IHTtabs{height:45px;}
#column2 .IHTtabs ul li{list-style-image:none}
.IHTtabs ul{margin:0 0 0 0px; padding:0; list-style:none;}
.IHTtabs li{float:left; margin:0 12px 0 0;}
.IHTtabs a{display:block; height:30px;
font-weight:bold; text-decoration:none; font-size:24px; padding-top:15px;
}
.IHTtabs li.mainMenuTabIHT{background:url('../images/investments/investmentCalc/new_2009/tab_assets.jpg') 0px 46px; position:relative; z-index:1; color:#585858;}
.IHTtabs li.mainMenuCurIHT{background:url('../images/investments/investmentCalc/new_2009/tab_assets.jpg') 0px 0px; position:relative; z-index:3; color:#585858;}
#tabIHT1{width:160px; text-align:center;}
#tabIHT2{ width:160px; text-align:center;}
#tabIHT3{margin-right:0px; width:160px; text-align:center;}
.mainMenuTabIHT a:link, .mainMenuTabIHT a:hover, .mainMenuTabIHT a:visited, .mainMenuTabIHT a:active{color:#585858;}
.mainMenuCurIHT a:link, .mainMenuCurIHT a:hover, .mainMenuCurIHT a:visited, .mainMenuCurIHT a:active{color:#585858;}
.tabsContentIHT{width:500px; clear:both;}
#IHTinfoBar{background:url("../images/investments/investmentCalc/new_2009/info_bar.jpg") 0 0 no-repeat;
width:494px; height:30px; padding:5px 0px 0px 10px; color:#585858; font-weight:bold; text-align:left;}
.IHTlable{width:280px; float:left; font-weight:bold; color:#333;
text-align:right; margin-right:6px; display:block; line-height:normal;
}
.IHTdesc{font-size:11px; float:right; clear:both; color:#666666; display:block; line-height:normal;
}
.singleField{margin-top:8px;}
.assets, .liabilities, .results{margin-top:10px;}
.fieldWrapTop, .fieldWrapBot, .fieldWrapMid{float:left; margin-left:10px; padding:3px 0px 6px 0px; height:34px; width:470px;}
.calcBtn{margin-top:20px; margin-right:53px; float:right; cursor:pointer;}
.IHTtext{margin-top:40px; text-align:left; display:block;}
input.IHTfields{float:left; width:121px; margin-right:4px; margin-top:5px;
background:url("../images/investments/investmentCalc/new_2009/input_field_back.jpg") 0 0 no-repeat;
padding:4px 4px 4px 5px;
color:#3D3D3D; border:none;
}
input.IHTfieldsTot{float:left; width:121px; margin-right:4px; margin-top:5px;
background:url("../images/investments/investmentCalc/new_2009/input_field_back.jpg") bottom left no-repeat;
padding:4px 4px 4px 5px;
color:#3D3D3D; border:none;
}
.IHTfieldsCalc{float:left; color:#3D3D3D; border:none; cursor:pointer;
}
.IHTfieldsNext{margin:-24px 0px 0px 20px; float:right; cursor:pointer;}
input.resetButton{background:url("../images/investments/investmentCalc/new_2009/btn_reset.jpg") 0 0 no-repeat;
height:34px; width:88px; border:none; margin-top:30px; float:right; margin-left:30px; cursor:pointer;}
/****************************************************************/
/* mortgages.css ************************************************/
/****************************************************************/
.risk_statement {text-transform: uppercase; font-size: 0.85em; font-weight: bold; margin: 0px 10px 0px 10px; padding: 12px 0px 15px 0px; border-bottom: 1px solid #D1D1D1; color: #4B4B4B}
/* CONTINUE button; How to apply page */
input.button4_off{color: #196DB5; background: url("/images/mortgages/button4_off.gif") no-repeat; font-weight: bold; display: block; text-decoration: none; width: 78px; height: 23px; max-height: 22px; border: 0px; cursor: pointer; font-size: 0.85em}
input.button4_on{color: #cc0000; background: url("/images/mortgages/button4_on.gif") no-repeat; font-weight: bold; display: block; text-decoration: none; width: 78px; height: 23px; max-height: 22px; border: 0px; cursor: pointer; font-size: 0.85em}
/* ----- drop tabs products table layout ----- */
#column2 li.infoGray {list-style-type: none; list-style-image:none; background: url('/images/your_society/icon_info.gif') no-repeat; padding:6px 30px;}
#column2 li.manGray {list-style-type: none; list-style-image:none; background: url('/images/your_society/icon_mandatory.gif') no-repeat; padding:6px 30px;}
.cmr{float:left; clear:both;}
.cmr table{border-collapse: collapse; margin-bottom:40px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.cmr th, .cmr td {
padding: 5px 10px 10px 10px;
line-height: 1.2;
vertical-align:top;
border-bottom:1px solid #484848;
}
.cmr th a {color:#484848;}
.cmr caption {
font-size: 100%;
color:#484848;
font-weight: bold;
padding: 0 0 5px 5px;
text-align:left;
border:none;
}
.cmr th.blue{background-color:#EEE; text-align: left; background-image:none;
color:#484848;
vertical-align:middle;
padding:7px;}
.cmr th {
background:#EEE;
text-align: left;
color: #484848;
vertical-align:middle;
border-top: 1px solid #666;
padding:7px;
}
.cmr tfoot {background-color: #fff; color: #555555;}
.cmr tfoot td {border-bottom:none; vertical-align:middle;}
/* TABS in MAIN CONTENT AREA
#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:105px;}
.tabs li.last {width:85px; margin-right:0px}
.tabs li.solution {width:105px;}
.tabs li.help {width:81px;}
.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_mortgage_tabs.gif') 0px -51px; position: relative; z-index: 1; top: 0px; left: 0px}
.tabs a.mainMenuTabCurve {background:url('/images/ybs_mortgage_tabs.gif') 100% -51px; color:#000; padding:5px 8px 1px 3px;}
.tabs li.mainMenuCurrent {background:url('/images/ybs_mortgage_tabs.gif') 0px -102px; position: relative; z-index: 3; top: 1px; left: 0px;}
.tabs a.mainMenuCurrentCurve {background:url('/images/ybs_mortgage_tabs.gif') 100% -102px; color:#000; padding: 4px 8px 2px 3px;}
.middlePositioning {margin-top: 8px}
.tabsContent {border: 1px solid #666666; padding: 0px 12px; width: 496px; clear: both; margin-left: 2px; -moz-margin-start: 1px}*/
/****************************************************************/
/* insurance.css ************************************************/
/****************************************************************/
/* HOME INSURANCE BOX */
td.logo {padding: 5px 20px 2px 0px}
div.box_top {border-top: 1px solid #999; font-size: 1px;}
div.box_middle {clear:both; border-right: 1px solid #999; border-left: 1px solid #999; padding: 0px 9px}
div.box_middle ul {margin-top: 5px; margin-bottom: 0px; padding-bottom: 5px}
div.box_middle li {margin-left: -15px}
div.box_bottom {border-bottom: 1px solid #999; font-size: 1px;}
img.img_top_left {margin-top: -1px}
img.img_top_right {float: right; margin-top: -1px}
img.img_bottom_left {margin-bottom: -1px}
img.img_bottom_right {float: right; margin-bottom: -1px}
/* LEFT & RIGHT HAND INFO BOX - PROTECTION PAGE*/
.leftBox{
float:right;
background:url("/images/insurance/left_box_r1_c1.gif") 0 0 no-repeat;
width:202px;
}
.leftBox p{padding:10px 10px 0px 10px;}
.leftBox ul{
padding:10px 10px 0px 0px;
margin-left:15px;
list-style-position:inside;
}
.bottomLeftBox p{padding:0px 10px;}
.bottomLeftBox{
width:202px;
background:url("/images/insurance/left_box_r2_c1.gif") left bottom no-repeat;
padding-bottom:1px;
}
.rightBox{
float:left;
background:url("/images/insurance/right_box_r1_c1.gif") 0 0 no-repeat;
width:302px;
}
.rightBox p{padding:10px 10px 0px 10px;}
.bottomRightBox p{padding:0px 10px;}
.bottomRightBox {
width:302px;
background:url("/images/insurance/right_box_r2_c1.gif") left bottom no-repeat;
padding-bottom:1px;
}
/* collapsible panels in faqs
.CollapsiblePanel {
width:524px;
margin: 0px;
padding: 0px;
border: 0px;
}
.CollapsiblePanelTab {
height:21px;
font-size:12px;
font-weight: bold;
color:#003399;
background:url("../images/insurance/faq_title_bar_back.jpg");
border-bottom: solid 0px #CCC;
margin: 0px;
padding: 2px 2px 2px 6px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}
.CollapsiblePanelContent {
margin:0px;
padding:0px;
background:url("../images/insurance/content_sides.jpg")
}
.answers
{
margin-top:10px;
padding:10px;
border: 0px solid #ccc;
}
.test
{font-size: 200%;
font-family: verdana, arial, helvetica, arial, sans-serif;
color:#33CCCC;
font-weight: bold;}*/
/*life insurance cover calc*/
.calculator {width:515px; border:1px solid #006699}
.calculator H3{PADDING-left:5px; width: 100%;
background:url("../graphics/life_insurance_calc_buttons/calc_q_bg.jpg") no-repeat top; border:0px solid red;}
.calcfield {border-left: solid 0px #006699; border-right:solid 0px #006699}
.life_question {float:left; padding-left:10px; width: 75%; border:0px solid red;}
.element {float:right; width: 15%;}
.results {padding:0px; width:100%; border-top: 2px solid #006699}
#disclaimer {padding: 10px}
.results H3 {font-size:1.0em; color: #000000; background:none}
.total {float:left; border: 3px solid #99CC00}
#column2 label {
float:left;
width:80%;
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
font-weight:bold;
}
.calculate_button {background:#369; width:110px; height:28px; color:#fff; border:0px;
background:transparent url("../graphics/life_insurance_calc_buttons/calculate_button.gif") no-repeat top}
.clear_button {background:#369; width:90px; height:28px; color:#fff; border:0px;
background:transparent url("../graphics/life_insurance_calc_buttons/clear_button.gif") no-repeat top}
/************************************************************************************************************************************************************************/
/* SECTION-SPECIFIC CSS - previously your_society.css *************************************************************************************************************/
/************************************************************************************************************************************************************************/
/* contact us landing page */
.contentBox_contact1 {width:272px}
.contentBox_contact2 {width:246px}
.contentBox_contact3 {width:524px}
.contentBox_contact1 img, .contentBox_contact2 img {display:block; margin-bottom:10px;}
.contentBox_wrapper2 {float:left; overflow:hidden; width:524px;
background:url('/images/your_society/contact_us/bg_mid_2columnsGray.gif') bottom left no-repeat;
}
.contentBoxFAQ {width:500px; padding: 2px 10px 15px 10px; margin: 0px;}
.contentBoxFAQ ul {margin-bottom: 7px}
.contentBox_wrapper3 {float:left; overflow:hidden; width:524px;
background:url('/images/your_society/contact_us/bg_mid_1colFAQ.gif') bottom left no-repeat;
}
/* Image Library */
div.imgbox3 {float: left; width: 205px;} /* for Image Library pictures */
div.imgbox4 {float: left; width: 140px;} /* for Image Library pictures */
.backgroundMerger1 {BACKGROUND: url('/images/merger/blocks-bg.gif') repeat-y; MARGIN-LEFT: 7px} /* merger banners on the homepage */
.riskStatementHome {clear: both; font-size: 12px; color: rgb(116, 116, 116); text-align: left; margin: 0px 0px 0px 28px; padding-top: 4px}
.merger_bg {background: url('../images/home/100127-yes-to-merger-bg.jpg'); width: 507px; height: 232px; text-align:left; margin: 6px 0px}
.merger_block1 {float: left; width: 220px; margin: 69px 0px 0px 10px;}
.merger_block2 {float: left; width: 190px; margin: 66px 0px 0px 57px}
.merger_findOutMore {float: left; display: block; width: 210px; height: 90px; margin: 0px 0px 0px 57px}
/* SAVINGS COMPARISON */
#scrollableSavingsComparison {
display:none;
}
.savingsCompareBanner {
display:none;
}
/* PCA BUTTON'S */
.appBut{float:left; display:block; margin:0px 0px 10px 18px;}
.appButTop{display:block; background:url('../images/investments/gia/button_back.jpg') 0 0 no-repeat; width:207px;
text-align:center; height:16px;}
.appButIn{background:url('../images/investments/gia/button_back.jpg') bottom left no-repeat; width:190px;
text-align:center; padding:0px 12px 20px 6px;}
.appBut p, .appBut a, .appBut a:active, .appBut a:visited{color:#fff; font-weight:bold; text-decoration:none; margin:0px; padding:0px;}
.appBut a:hover{text-decoration:underline; color:#fff;}
/* YOU CHOOSE - Launch link Fix for IE6 */
a.hiLink img {
cursor:pointer !important;
}