/* YBS Stylesheet 2010 */
/*
	1. LAYOUT
	2. BASIC HTML ELEMENTS
	3. HEADERS
	4. TABLES
	5. BULLETS AND ICON-BASED LISTS 
	6. LANDING PAGE LAYOUT 
	7. SYNTHETIX FAQs
	8. HELP & OVERLAYS 
	9. INTEREST RATES - STYLES FOR ACCOUNT PAGES E.G. ACCESS SAVER
	10. OLD TABS CSS
	11. COLLAPSIBLE PANELS
	12. HOMEPAGE 
	13. GLOBALPARK SURVEY
	14. CTA GREEN AND GRAY BUTTONS
	15. MISC: Mortgage tools page, Home Insurance page, Savings Comparison, CTF, Media Image Library, Contact us
*/


/* 1. LAYOUT *************************************************************************************************************/
html, body
{
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 140%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#container1
{
	margin: 0 auto;
	text-align: left;
	width: 963px;
	background: url("/images/bg9.gif") center top repeat-y;
}
#container2
{
	background-image: url("/images/bg5.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
	width: 963px;
}
#container3
{
	background: url("/images/bg6.gif") repeat-y scroll center top transparent;
}
#header
{
	background-color: #fff;
	background-image: none;
	line-height: 145%;
	margin: 0 auto;
	text-align: left;
	width: 963px;
}
#login
{
	float: right;
	margin: 26px 4px 20px 0px;
}
#footer
{
	background-image: url("/images/bg2.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 0.85em;
	margin: 0 auto;
	width: 963px;
}
#footer_menu
{
	background-image: url("/images/bg8.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	margin: 0px 8px;
	padding: 8px 0px 10px 0px;
	text-align: center;
}
#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
{
	float: left;
	margin-bottom: 20px;
	padding-left: 8px;
	width: 208px;
}
#column2
{
	float: left;
	padding-bottom: 20px;
	width: 524px;
}
#column3
{
	float: left;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 4px;
	width: 200px;
}
#logo
{
	display: inline;
	margin-bottom: 14px;
	margin-left: 10px;
	margin-top: 18px;
}
#print_logo
{
	display: none;
}
#search
{
	margin-right: 26px;
	padding-top: 19px;
	text-align: right;
}
#searchtext
{
	font-size: 11px;
	padding: 4px 0px 2px 5px;
}
#topbar
{
	background: url("/images/home/bar.gif") #FFF;
	height: 64px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 963px;
	z-index: 2;
}
#menu li.mainMenuCurrent
{
	background: url('/images/ybs_colours.gif') 0px -52px;
	left: 0px;
	position: relative;
	top: 1px;
	z-index: 3;
}
#menu a.mainMenuCurrentCurve
{
	background: url('/images/ybs_colours.gif') 100% -52px;
	color: #fff;
	padding: 2px 8px 2px 3px;
}
div.divider1
{
	background-image: url("/images/savings/bg_footer.gif");
	background-repeat: repeat-x;
	font-size: 1px;
	height: 8px;
	line-height: 10%;
	margin-left: 8px;
	margin-right: 8px;
}
div.box
{
	background-color: #f2f2f2;
	border: 1px solid #666666;
	padding: 0px 12px;
}
div.gradient /* RIGHT COL - for risk statement and similar blocks */
{
	background-image: url("/images/bg4.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-bottom: 4px;
	margin-left: 19px;
	margin-right: 8px;
	min-width: 196px;
	width: 196px;
}
.related_info
{
	margin-left: 19px;
	margin-right: 8px;
	padding: 20px 0px 0px 10px;
	width: 186px;
}
.related_info p, .related_info ul
{
	margin-bottom: 6px;
	margin-top: 0px;
}
.related_info li
{
	background-image: url("/images/tick_black.gif");
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: -32px;
	padding-left: 14px;
}
.related_info strong
{
	color: #666;
}
.clear
{
	clear: both;
	margin: 0px !important;
	padding: 0px !important;
}
div.footnote
{
	font-size: 0.9em;
	line-height: 120%;
	padding: 10px 20px 20px 20px;
}
div.footnote p
{
	margin: 10px 0px;
}

/* 2. BASIC HTML ELEMENTS ************************************************************************************************/
img
{
	border: 0;
}
form
{
	margin: 0;
}
select, input, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
a:link, a:visited, a:hover, a:active
{
	color: #003399;
}
hr
{
	background-color: #fff;
	border: 1px dashed #999;
	border-width: 0px 0px 1px 0px;
	color: #fff;
	height: 1px;
}
.text-small
{
	font-size: 0.85em;
	line-height: 140%;
}
.icon
{
	margin-bottom: -2px;
	margin-top: 1px;
}
.printonly
{
	display: none;
}
.rightImg
{
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	margin-left: 19px;
	margin-top: 15px;
}
input#search_go
{
	margin-bottom: -6px;
}
img.searchImg
{
	margin-bottom: -6px;
}
.radio
{
	margin-bottom: -1px;
}

/* 3. HEADERS ************************************************************************************************************/
h1, h2, h3, h4, p.biggreentext, p.boldtext
{
	color: #1B883C;
	font-weight: bold;
}
h1
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 100%;
	margin: 25px 5px 10px 3px;
}
#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-bottom: 20px;
	margin-left: 4px;
	margin-top: 0px;
}
h3, p.biggreentext
{
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 16px;
}
h4, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active
{
	color: #288E3C;
	font-family: Arial Narrow, Arial, sans-serif;
	font-size: 22px !important;
	text-decoration: none;
}
h5
{
	background: url('/images/navigation/title.gif') 0px -3px no-repeat;
	font-family: Arial Narrow, Arial, sans-serif;
	font-size: 24px;
	height: 46px;
	line-height: 90%;
	margin: 0px 0px 0px 0px;
	max-height: 42px;
	padding: 8px 10px 0px 10px;
	width: 160px;
}
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;
	line-height: 1.2em;
	margin: 0px 0px 0px 0px;
	max-height: 84px;
	padding: 10px 10px 0px 10px;
	width: 160px;
}
h6
{
	background: url('/images/cta.gif') no-repeat;
	color: white;
	font-family: Arial Narrow, arial, sans-serif;
	font-family: Arial Narrow, Arial, sans-serif;
	font-size: 24px;
	height: 49px;
	margin: 12px 0px;
	padding: 18px 10px 14px 10px;
}
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active
{
	color: #fff;
	text-decoration: none;
}

/* 4. TABLES *************************************************************************************************************/
table
{
	border-collapse: collapse;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
table p
{
	margin-bottom: 0px;
	margin-top: 0px;
}
table td, table th {
	padding: 5px 10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
th {
	font-size:11px;
	font-style:italic;
	overflow: visible;
	font-weight:normal;
	background: #fff url('/images/bg7.gif') repeat-x scroll left bottom;
	color:#333333;
	text-align: left;
}
div.noborders td, div.noborders th, div.noborders table
{
	background-color: #fff;
	border: 0px;
	padding: 0px;
}

/* 5. BULLETS AND ICON-BASED LISTS ***************************************************************************************/
#column2 div.box ul li
{
	list-style-image: url('/images/bullet8.gif');
}

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

#column2 ul ol li
{
	list-style-image: none;
}
#column2 ul ol
{
	margin-bottom: 12px;
	margin-top: 12px;
}
#column2 ul li.apply, #column2 ul li.apply2
{
	background: url('/images/savings/icon_apply.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.branch, #column2 ul li.branch2
{
	background: url('/images/savings/icon_branch.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.callback, #column2 ul li.callback2
{
	background: url('/images/savings/icon_callback.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.contact, #column2 ul li.contact2, #column2 ul li.leaflet2
{
	background: url('/images/savings/icon_contact.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.email, #column2 ul li.email2
{
	background: url('/images/savings/icon_email.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.home, #column2 ul li.home2
{
	background: url('/images/savings/icon_home.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.info, #column2 ul li.info2
{
	background: url('/images/savings/icon_info.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.logout, #column2 ul li.logout2
{
	background: url('/images/savings/icon_logout.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.mandatory, #column2 ul li.mandatory2, #column2 ul li.man, #column2 ul li.mandatory, #column2 ul li.man2
{
	background: url('/images/savings/icon_mandatory.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.pdf, #column2 ul li.pdf2
{
	background: url('/images/savings/icon_pdf.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.rate, #column2 ul li.rate2
{
	background: url('/images/savings/icon_rate.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.ring, #column2 ul li.ring2
{
	background: url('/images/savings/icon_ring.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.save, #column2 ul li.save2
{
	background: url('/images/savings/icon_save.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.tick, #column2 ul li.book, #column2 ul li.tick, #column2 ul li.book2
{
	background: url('/images/savings/icon_tick.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.lock
{
	background: url('/images/savings/icon_lock.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.house
{
	background: url('/images/icon_house.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.infoNew
{
	background: url('/images/icon_info.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.phone
{
	background: url('/images/icon_phone.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.applyNew
{
	background: url('/images/icon_apply.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#column2 ul li.branch
{
	background: url('/images/icon_branch.gif') no-repeat;
	list-style-image: none;
	list-style-type: none;
}

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-bottom: 8px;
	padding-left: 35px;
	padding-top: 6px;
}
li.house, li.infoNew, li.phone, li.applyNew, li.branch
{
	margin-left: -30px;
	padding-bottom: 8px;
	padding-left: 35px;
	padding-top: 6px;
}
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-bottom: 8px;
	padding-left: 35px;
	padding-top: 6px;
}

/* 6. LANDING PAGE LAYOUT ************************************************************************************************/
.landingPageBlocks
{
	background: url('/images/landing/bg_mid_2columns.gif') bottom left;
	width: 524px;
}
.landingPageBlock1
{
	float: left;
	width: 252px;
}
.landingPageBlock2
{
	float: left;
	margin-left: 20px;
	width: 252px;
}
.h4wrapper
{
	background: #fff url('/images/landing/bg_mid_2columns.gif') 0px 20px no-repeat;
	padding: 0px;
}
.landingPageSpacer
{
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}
.landingPageBlocks .h4wrapper
{
	height: 30px;
	padding-left: 10px;
	width: 242px;
}
.landingPageBlocks ul
{
	clear: both;
	margin-bottom: 14px;
	margin-right: 10px;
	margin-top: 12px;
	padding-top: 7px;
}
.landingPageBlocks p
{
	clear: both;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-top: 6px;
	padding-left: 14px;
}
.landingPageBlocks h4
{
	background: white;
	float: left;
	margin: 0px;
	padding: 8px 3px 0px 3px;
}
.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;
	height: 30px;
	padding-left: 10px;
	width: 514px;
}
.landingPageSingleBlocks h4
{
	background: white;
	float: left;
	margin: 0px;
	padding: 4px 3px 0px 3px;
}
.landingPageSingleBlocks ul
{
	clear: both;
	margin-bottom: 14px;
	margin-right: 10px;
	margin-top: 12px;
	padding-top: 7px;
}
.landingPageSingleBlocks p
{
	clear: both;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-top: 6px;
	padding-left: 14px;
}
#column2 .landingPageBlocks ul li, #column2 .landingPageSingleBlocks ul li
{
	background-image: url('/images/tick_black.gif');
	background-position: 0px 0.6em;
	background-repeat: no-repeat;
	list-style-image: none;
	margin-left: -28px;
	padding-left: 16px;
}
.dnone
{
	display: none;
}

.risk_statement
{
	border-bottom: 1px solid #D1D1D1;
	color: #4B4B4B;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding: 12px 0px 15px 0px;
	text-transform: uppercase;
}
.fscs_statement
{
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	color: #4B4B4B;
	font-size: 0.85em;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 12px 0px 15px 16px;
	text-transform: uppercase;
}

/*Below is OLD STYLE LANDING PAGE css - for 'Security & Privacy', 'CTF' and 'Contact us' */
#column2 .content_col_1 ul li,
#column2 .content_col_2 ul li
{
	background-image: url("/images/tick_black.gif");
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	list-style-image: none;
	margin-left: -28px;
	padding-left: 14px;
}
.content_col_1
{
	float: left;
	margin-right: 18px;
	padding-right: 0px;
	width: 240px;
}
.content_col_2
{
	background-image: url("/images/savings/landing_page/bg_divider.gif");
	background-position: 0px 28px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	padding-left: 20px;
	width: 240px;
}
.content_col_1 h1, .content_col_2 h1
{
	margin-top: 8px;
}
.contentBox 
{
	margin: 0px;
	padding: 2px 10px 15px 10px;
	width: 220px;
}
.contentBox ul
{
	margin-bottom: 7px;
}
#column2 .contentBox ul li
{
	background-image: url("/images/tick_black.gif");
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	list-style-image: none;
	margin-left: -36px;
	padding-left: 14px;
}

/* 7. SYNTHETIX FAQs *****************************************************************************************************/
.contentBoxFAQ
{
	margin: 0px;
	padding: 2px 10px 10px 10px;
	width: 400px;
}
.contentBoxFAQ ul
{
	margin-bottom: 7px;
}
#column2 .contentBoxFAQ ul li
{
	background-image: url("/images/tick_black.gif");
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	list-style-image: none;
	margin-left: -36px;
	padding-left: 14px;
}
.feedTitle
{
	padding-top: 20px;
}
#feedControl
{
	margin-left: 30px;
	margin-right: 8px;
	padding: 6px 0px 0px 10px;
	width: 144px;
}
#feedControl div
{
	background-image: url('/images/tick_black.gif');
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: -32px;
	padding-left: 14px;
}
#feedControl strong
{
	color: #666;
}
.input_position_css
{
	left: 300px;
	position: relative;
	top: 100px;
}
.input_form_css
{
	font-size: 11px;
	padding: 4px 0 2px;
}
.fa_autosuggestcss
{
	border: back;
	color: #003399;
	cursor: pointer;
	height: 150px;
	overflow-y: auto;
	position: absolute;
	right: 60px;
	text-align: left;
	top: 44px;
	visibility: hidden;
	width: 255px;
}
.fa_autosuggestcss table td, .fa_autosuggestcss table
{
	border: none;
	border-bottom: 1px solid #CCC;
	padding: 4px 2px 8px 2px !important;
	text-decoration: underline!important;

}

/* 8. HELP & OVERLAYS ******************************************************************************************************/
div.currentProducts a.help
{
	text-decoration: none;
}
a.help:hover
{
	display: inline;
}
a.help span
{
	display: none;
}
div.helpText
{
	display: inline;
}
th a.help:hover div.helpText
{
	font-size: 1.2em;
	position: relative;
	text-decoration: none;
}
td a.help:hover div.helpText
{
	font-size: 1em;
	position: relative;
	text-decoration: none;
}
a.help:hover
{
	display: inline;
}
a.help span
{
	display: none;
}
div.helpText
{
	display: block;
}
th a.help:hover div.helpText
{
	font-size: 1em;
	position: relative;
	text-decoration: none;
}
td a.help:hover div.helpText
{
	font-size: 0.85em;
	position: relative;
	text-decoration: none;
}
a.help:hover span.helpContent
{
	background: #f4f4f4 url("/images/help/bg_helpText.gif") bottom right no-repeat;
	border: 1px solid #999999;
	color: #000;
	display: block;
	font-size: 110%;
	font-weight: normal;
	font-style: normal;
	left: -18px;
	margin: 10px;
	padding: 8px 10px;
	position: absolute;
	top: 0px;
	width: 225px;
	z-index: 1;
}
a.help:hover span.helpImg
{
	background: url("/images/help/helpText.gif") no-repeat;
	display: block;
	left: 2px;
	position: absolute;
	top: 0px;
	width: 16px;
	z-index: 2;
}
a.help:hover span.helpContentApply
{
	background: #f4f4f4 url("/images/help/bg_helpText.gif") bottom right no-repeat;
	border: 1px solid #999999;
	color: #000;
	display: block;
	font-size: 110%;
	font-weight: normal;
	left: -18px;
	margin: 10px;
	padding: 2px;
	position: absolute;
	top: 30px;
	width: 242px;
	z-index: 1;
}
a.help:hover span.helpImgApply
{
	background: url("/images/help/helpText.gif") no-repeat;
	display: block;
	left: 2px;
	position: absolute;
	top: 30px;
	width: 16px;
	z-index: 2;
}


/* savings details overlay */
.simple_overlay {
display:none;
z-index:10000;
width:675px; min-height:200px; overflow:y-auto; border:1px solid #666; background:#fff;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url('/images/investments/pca/fancybox/fancybox.png');
background-position: -40px 0px;
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:30px;
width:30px;
}


/* INLINE HELP LINKS */
a.helpTextInline, a.helpTextInline:visited {
position:relative; 
z-index:100;
}
a.helpTextInline span {
position:absolute;
visibility:hidden; /* hide the image */
width:225px; /* give it a width */
border:1px solid #999999; /* add a border */
left:-18px; /* position:the image */
top:16px;
color: #000;
background: #f4f4f4 url("/images/help/bg_helpText.gif") bottom right no-repeat;
font-size: 90%; padding: 8px 10px; margin: 10px;
}
a.helpTextInline:hover {
border:0; /* needed for this to work in IE */ 
z-index:200;
}
a.helpTextInline:hover span {
text-decoration: none;
visibility:visible;
cursor:pointer; /* for IE */
z-index:200; 
}
a.helpTextInline:hover span.helpImg {display: block; position: absolute; top: 6px; left: 2px; width: 16px; z-index: 300; background: url("/images/help/helpText.gif") no-repeat; border: 0px}


/* 9. INTEREST RATES - IND. ACCOUNTS *************************************************************************************/
div#previousRates
{
	display: none;
}
table.interestRates, table.previousRates
{
	clear: both;
}
table.previousRates th
{
	background-color: #ebebeb;
	background-image: none;
	clear: both;
	color: #333;
}
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;
}
.previousRatesLink
{
	float: right;
	margin-bottom: 6px;
}
.currentRatesText
{
	margin-bottom: 6px;
}
.previousRatesText
{
	float: right;
	margin-bottom: 6px;
}
.currentRatesLink
{
	margin-bottom: 6px;
}



.SavingsRateBub{background:url("/images/savings/account_rate_back.jpg") 0 0 no-repeat; width:160px; float:right; padding:10px 0px 10px 10px; margin-top:-46px;}

.BigRate{float:left; width:90px; height:50px; font-size:56px; padding:0px; margin:0px; margin-right:6px; line-height:0.0em!important;}
.BigRateInfo{float:left; width:60px; height:50px; font-style:italic; font-size:11px; line-height:100%;}

.CompareRates{clear:both; float:left; margin-top:32px; height:40px;  width:150px;}
.CompareRates_eisa{clear:both; float:left; margin-top:42px; height:40px;  width:150px;}



/* New rate bubble layout */
.rate-bubble {
	 float:right;
	 width:140px;
	 margin: 0 0 10px 20px !important;
}
.rate-bubble-yellow {
	 background:url('/images/savings/accounts/savings-bub.gif') 0 0 no-repeat; 
	 width:136px; height:99px; margin-top:20px; padding:10px 8px;
}
.rate-bubble-text {
	 font-size:11px; 
	 line-height:120%; 
	 width:136px; 
	 clear:both;
}
.rate-bubbles-btns { float:left; clear:both;}
	



/* 10. OLD TABS CSS ******************************************************************************************************/
.inTabsColumn1
{
	border-right: 1px solid black;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 8px;
	padding-right: 5px;
	width: 260px;
}
.inTabsColumn2
{
	float: left;
	padding-left: 10px;
	width: 200px;
}

#column2 .tabs ul li
{
	list-style-image: none;
}
.tabs ul
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
.tabs li
{
	float: left;
	margin: 0 3px 0 1px;
	padding-left: 5px;
	width: 96px;
}
.tabs li.last
{
	margin-right: 0px;
	width: 97px;
}
.tabs a
{
	background-color: #CCCCCC;
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	height: 34px;
	line-height: 140%;
	text-decoration: none;
}
.tabs li.mainMenuTab
{
	background: url('/images/ybs_tabs.gif') 0px 0px;
	left: 1px;
	position: relative;
	top: 0px;
	z-index: 1;
}
.tabs a.mainMenuTabCurve
{
	background: url('/images/ybs_tabs.gif') 100% 0px;
	color: #4d4d4d;
	padding: 5px 8px 1px 3px;
}
.tabs li.mainMenuCurrent
{
	background: url('/images/ybs_tabs.gif') 0px -102px;
	left: 1px;
	position: relative;
	top: 1px;
	z-index: 3;
}
.tabs a.mainMenuCurrentCurve
{
	background: url('/images/ybs_tabs.gif') 100% -102px;
	color: #4d4d4d;
	padding: 4px 8px 2px 3px;
}
.tabs li.mainMenuTabGray
{
	background: url('/images/ybs_tabs.gif') 0px -1px;
	left: 0px;
	position: relative;
	top: 0px;
	z-index: 1;
}
.tabs a.mainMenuTabCurveGray
{
	background: url('/images/ybs_tabs.gif') 100% -1px;
	color: #333;
	padding: 5px 8px 1px 3px;
}
.middlePositioning
{
	margin-top: 8px;
}
.tabsContent
{
	border: 1px solid #666666;
	clear: both;
	margin-left: 2px;
	moz-margin-start: 1px;
	padding: 0px 12px;
	width: 496px;
}
.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;
}
#column2 .tabsContent ol li ol, #column2 .tabsContent ol li ul, #column2 .tabsContent ul li ul, #column2 .tabsContent ul li ol
{
	margin-bottom: 10px;
	margin-top: 10px;
}

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

#centerColumnContent {padding-top: 12px}

/* 11. COLLAPSIBLE PANELS ************************************************************************************************/
.CollapsiblePanel
{
	margin: 0px 0px 6px 0px;
	padding: 0px;
	width: 524px;
}
.CollapsiblePanelTab
{
	background: url('/images/savings/drop_downs/topPanClosed.gif') top left no-repeat;
	cursor: pointer;
	khtml-user-select: none;
	margin: 0px 0px 0px 0px !important;
	moz-user-select: none;
	padding: 8px 0px 0px 0px !important;
	width: 524px;
}
.tabTop
{
	color: #333333;
	margin: 0px 35px 3px 10px;
}
.tabBottom
{
	background: url('/images/savings/drop_downs/bottomPan.gif') bottom left no-repeat;
	font-size: 1px;
	height: 8px;
	width: 524px;
}
.CollapsiblePanelContent
{
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	margin-bottom: -9px;
	padding: 10px 10px 4px 10px;
}
.CollapsiblePanelContent p, .CollapsiblePanelContent ul
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.CollapsiblePanelTab a
{
	background: url('/images/savings/drop_downs/topPanClosed.gif') 0 0 no-repeat;
	color: black;
	text-decoration: none;
}
.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;
	font-size: 1px;
	height: 8px;
}

/* styles for none opening panels */
.NonCollapsiblePanelTab
{
	background: url('/images/savings/collapsible_big/topPanClosed.gif') top left no-repeat;
	cursor: pointer;
	margin: 0px 0px 0px 0px !important;
	padding: 8px 0px 0px 0px !important;
	width: 524px;
}
.NonCollapsiblePanelTab a:link, .NonCollapsiblePanelTab a:visited, .NonCollapsiblePanelTab a:hover, .NonCollapsiblePanelTab a:active {color: #333 !important; text-decoration: none !important}

/* 12. HOMEPAGE **********************************************************************************************************/
#column2 #content1 ul li
{
	background-image: url("/images/tick_black.gif");
	list-style-image: none;
}
#column2 #content2 ul li
{
	background-image: url("/images/tick_black.gif");
	list-style-image: none;
}
#column2 #home_column1 ul li
{
	background-image: url("/images/tick_black.gif");
	list-style-image: none;
}
.riskStatementHome
{
	clear: both;
	color: rgb(116, 116, 116);
	font-size: 12px;
	margin: 0px 0px 0px 28px;
	padding-top: 4px;
	text-align: left;
}

/* 13. GLOBALPARK SURVEY *************************************************************************************************/
#surveypop
{
	display: none;
	position: relative;
	visibility: hidden;
	z-index: 1000;
}
.survey_positioning
{
	left: 320px;
	position: absolute;
	top: 65px;
}
.survey_bg_bottom
{
	background: url("/images/survey/bg_bottom.gif") bottom left no-repeat;
	margin: 0px;
	padding: 10px 15px 15px 15px;
	width: 283px;
}
.survey_bg_top
{
	background: url("/images/survey/bg_top.gif") bottom no-repeat;
	width: 313px;
}
.survey_close
{
	float: right;
	margin-right: -4px;
	margin-top: -6px;
}
#surveypop h1
{
	color: #288E3C;
	margin-top: 0px;
}

/* 14. CTA GREEN AND GRAY BUTTONS ****************************************************************************************/
#column2 #cta_button ul li
{
	list-style-image: none;
}
#cta_button
{
	float: left;
	line-height: normal;
	list-style: none;
}
#cta_button ul
{
	list-style: none;
	margin: 0;
	padding: 10px 5px;
	white-space: nowrap;
}
#cta_button li
{
	background: url("/images/buttons/green_left.jpg") no-repeat left bottom;
	float: left;
	list-style: none;
	margin: 0;
	margin-left: 2px;
	padding: 0 0 0 5px;
}
#cta_button li:hover
{
	background-image: url("/images/buttons/green_left_on.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;
	list-style: none;
}
#cta_button
{
	font-size: 100%;
}
#cta_button a
{
	background: url("/images/buttons/green_right.jpg") no-repeat right bottom;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	padding: 4px 15px 9px 6px;
	text-decoration: none;
	width: .1em;
}
#cta_button > ul a
{
	width: auto;
}
#cta_button a
{
	float: none;
}
#cta_button a:hover
{
	color: #fff;
	text-decoration: underline;
}
#cta_button li:hover a
{
	background: url("/images/buttons/green_right_on.jpg") 100% bottom no-repeat;
	list-style: none;
}
#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;
}
.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;
}
#column2 .cta_button ul li
{
	list-style-image: none;
}
.cta_button
{
	float: left;
	line-height: normal;
	list-style: none;
}
.cta_button ul
{
	list-style: none;
	margin: 0;
	padding: 10px 5px;
	white-space: nowrap;
}
.cta_button li
{
	background: url("/images/buttons/green_left.jpg") no-repeat left bottom;
	float: left;
	list-style: none;
	margin: 0;
	margin-left: 2px;
	padding: 0 0 0 5px;
}
.cta_button li:hover
{
	background-image: url("/images/buttons/green_left_on.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;
	list-style: none;
}
.cta_button
{
	font-size: 100%;
}
.cta_button a
{
	background: url("/images/buttons/green_right.jpg") no-repeat right bottom;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	padding: 4px 15px 9px 6px;
	text-decoration: none;
	width: .1em;
}
.cta_button > ul a
{
	width: auto;
}
.cta_button a
{
	color: #fff;
	float: none;
}
.cta_button a:visited
{
	color: #fff;
}
.cta_button a:hover
{
	color: #fff;
	text-decoration: underline;
}
.cta_button li:hover a
{
	background: url("/images/buttons/green_right_on.jpg") 100% bottom no-repeat;
	list-style: none;
}

/* -- Positioning of how to apply buttons on savings account pages such as Access Saver -- */
div.rightTop
{
	float: right !important;
	margin-top: 8px;
}
div.rightTop2
{
	clear: right;
	float: right !important;
}
div.rightTop2 ul
{
	padding-top: 4px;
}
div.rightTop3
{
	float: right !important;
	margin-top: 4px;
}

/* 15. MISC **************************************************************************************************************/

/* -- Mortgage tools page -- */
.icon_calculator
{
	float: left;
	margin-left: 6px;
	margin-top: 1px;
}

/* -- Home Insurance page -- */
a.hiLink img
{
	cursor: pointer !important;
}

/* -- Savings Comparison -- */
#scrollableSavingsComparison
{
	display: none;
}
.savingsCompareBanner
{
	display: none;
}

/* -- CTF Page -- */
#cashSavingsAccount, #stakeholderAccount
{
	margin-top: 20px;
}

/* -- Media Image Library -- */
div.imgbox3
{
	float: left;
	width: 205px;
}
div.imgbox4
{
	float: left;
	width: 140px;
}

/* -- Contact us -- */
.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
{
	background: url('/images/your_society/contact_us/bg_mid_2columnsGray.gif') bottom left no-repeat;
	float: left;
	overflow: hidden;
	width: 524px;
}
.contentBoxFAQ
{
	margin: 0px;
	padding: 2px 10px 15px 10px;
	width: 500px;
}
.contentBoxFAQ ul
{
	margin-bottom: 7px;
}
.faqul
{
	padding-bottom:25px;
}
.contentBox_wrapper3
{
	background: url('/images/your_society/contact_us/bg_mid_1colFAQ.gif') bottom left no-repeat;
	float: left;
	overflow: hidden;
	width: 524px;
}


a.bigGreenButton {
	background:#10900F;
	display:block;
	text-decoration:none;
	color:#FFFFFF !important;
	padding:10px;
	font:bold 24px/120% Verdana, Geneva, sans-serif;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	text-shadow:0px 0px 5px rgba(0,0,0,.5);
	} 

a.bigGreenButton { /* shading/gradient styles */
	-webkit-box-shadow: 
      inset 0px 15px 10px rgba(124, 183, 34, .5),
      inset 0px 25px 25px #50A71A;
	 -moz-box-shadow: 
      inset 0px 15px 10px rgba(124, 183, 34, .5),
      inset 0px 25px 25px #50A71A;
	 box-shadow: 
      inset 0px 15px 10px rgba(124, 183, 34, .5),
      inset 0px 25px 25px #50A71A;
	}
a.bigGreenButton h4{color:#FFFFFF !important;}

a.bigGreenButton:hover {
	background:#10900F;
	color:#fff;
	-webkit-box-shadow:        
		inset 0px 20px 2px rgba(25, 147, 17, .5),
		inset 0px 25px 25px #7CB722; 
	-moz-box-shadow:
		inset 0px 20px 2px rgba(124, 183, 34, .5),
		inset 0px 25px 25px #13910F; 
		}



/*************************************************************************************************************************/
/********** UNKNOWN ORIGIN - POSSIBLY OUTDATED CSS ***********************************************************************/
div.block
{
	background-image: url("/images/bg3.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-top: 14px;
	width: 173px;
}
div.block_text
{
	margin-top: -5px;
	padding: 0px 14px 14px 14px;
}
div.block_text p, #column2 div.block_text ul
{
	margin-bottom: 2px;
	margin-top: 4px;
}
div.block_text li
{
	background-image: url("/images/tick_black.gif");
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: -38px;
	padding-left: 14px;
}

.numList
{
	list-style: decimal;
}
.alphaList
{
	list-style: lower-alpha;
}
.romanList
{
	list-style: lower-roman;
}

/* CTF , SECURITY AND PRIVACY */
.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 */


/* PRESS RELEASES */
#pressReleasesListing h2 {margin: 4px 0px; clear: both}
#pressReleasesListing h2 a:link, #pressReleasesListing h2 a:visited {color: #1B883C; text-decoration: none;}
#pressReleasesListing h2 a:hover, #pressReleasesListing h2 a:active {color: #1B883C; text-decoration: underline}
#pressReleasesListing .teaser {float: left; width: 370px; margin-top: 8px}
#pressReleasesListing .teaser p {margin: 0px}
#pressReleasesListing a:link.startdate, 
#pressReleasesListing a:visited.startdate, 
#pressReleasesListing a:hover.startdate, 
#pressReleasesListing a:active.startdate, 
#pressReleasesListing p.startdate {margin: 8px 0px; float: left; width: 150px; font-weight: bold; height: 100px; background: url("/images/media/news.gif") 30px 26px no-repeat; text-decoration: none; color: #000}
#pressReleasesListing p.readMore {margin: 8px 0 8px 150px}
.news-item hr {clear: both}
/* END of PRESS RELEASES */


/* PAGINATION FOR PRESS RELEASES */
div.news-item, div.news-item hr {padding: 4px 0px}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0em 0.1em;
    margin-right: 5px;
	margin-bottom: 7px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
	font-weight: bold;
}

.pagination .current.prev, .pagination .current.next{
	font-weight: normal; color: #666; 
}
/* END PAGINATION FOR PRESS RELEASES */

/* OOBA SPLASH POPUP */
.oobaPopup {background: #fff url("/images/survey/bg-survey.gif") bottom left repeat-x; border:5px solid #ccc; display:none; left:50%; top:50px; padding:0px 10px 0px 12px; position:absolute; width:540px; z-index:1002; text-align: left;}
.oobaPopup p {margin: 16px 0px}
.oobaPopup h1 {color: #868b9f; text-align:center}
.oobaPopupContainer {background-color: #333; display:none; min-height:100%; height: 2000px; left:0; bottom:0; opacity:0.8; filter: alpha(opacity = 80); position:absolute; width:100%; z-index:1001; font-size: 1px; line-height: 1px; }
.oobaClose img {float: right; margin-right: -4px; margin-top: 6px;}

/* 16 Nov 2011 */
/* Add width to stop panel from jumping after animation 
#centerColumnContent .collapsiblePanel {width: 450px;}
li #centerColumnContent .collapsiblePanel {width: 450px;}
.centerColumnTabContent ul li {margin-left: -18px;}
*/


/* 05 Dev 2011 - new savings comparison banner - WH */
body .savings_comparison-wrap {background: url("../images/right/savings-comparison-bkg.jpg") top left no-repeat !important;margin-top: 20px;}
.savings_comparison {border-bottom: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; margin: 0px 0 0; padding: 0px 16px 0px 16px;text-decoration: right; height: 126px}
.savings_comparison p.launch {text-align: right; padding: 95px 0px 0px 0px !important; margin: 0 !important;}


/* start maintenance box - WH - 31 Jan 2012 */	
.maintenance {padding: 0px 0px 0px 0px; margin: 0px 0px 12px; background: #FACA22; width: 524px; position: relative;}
.maintenance-middle {padding: 0px 0px 0px 0px; margin: 0px; background: #faca22 url('../images/maintenance-bottom.jpg') no-repeat left bottom; width: 524px; position: relative;}
.maintenance-inner {padding: 5px 0px 0px; position: relative; margin: 0px; background: url('../images/maintenance-top.jpg') no-repeat left top;}
.maintenance-middle div {background: url('../images/warning-icon.png') no-repeat 0px 0px; padding: 6px 0px 0px 60px; width: 446px;}
.maintenance p {font: 12px normal Verdana, Geneva, sans-serif; color: #000; margin: 0 0 0px; padding: 0px 0px 13px 0px; width: 446px;}
.maintenance a {color: #000 !important; font-weight: bold;}
.maintenance a:hover {text-decoration: none; color: #000;}
/* end maintenance box */