/*
*/
@media screen
{
html {font-size:80%;}
/* @group no longer needed - reset later? */
.light {float:left;}
.light img {vertical-align:middle;margin-right:5px;}
#footerblurb {border:1px dotted #bebebe;clear:left;color:#999999;font-size:90%;padding:5px;position:relative;}
#footerblurb div {width:740px;}
#productnav, #headernav-subnav {margin-left:0px;}
#headerleft {float:left;position:absolute;top:8px;left:0px;z-index:1000;}
#headerright {float:right;text-align:right;position:absolute;right:0;width:50%;}
#headerSpace {height:8px;}
#brandingLogo, #strapLine {position:absolute;color:#fff;}
#brandingLogo {left:0;top:0;font-size:20px;}
#brandingLogo a {color:#fff;text-decoration:none;cursor:pointer;}
#brandingLogo a:hover {text-decoration:underline;}
#strapLine {left:185px;top:12px;}
#brandingLogo b, #strapLine b
{position:absolute;left:0;top:0;display:block;background:url(/_/images/sprites/headerResources.png)}
#brandingLogo, #brandingLogo b {width:166px;height:37px;} #strapLine, #strapLine b
{width:80px;height:15px;}
#strapLine span {text-indent:-30000px;position:absolute;top:0;left:0;}
#brandingLogo b {background-position: 0 0;}
#strapLine b {background-position:-200px 0;}
#header {width:950px;position:relative;margin:0;height:121px;background:#fff url(/_/images/body-bg.png) repeat-x 0 top;}
body {margin:0px;color:#006;font-family:arial, helvetica, sans-serif;font-size:1em;text-align:center;background:#fff url(/_/images/body-bg.png) repeat-x 0 top;padding-top:0;}
/* @end */
/* @group structure */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.content {text-align:left;}
.copyright {padding:20px 0 20px 3px;clear:both;color:#00429C;}
.ExtraContent .moreinfo {font-size:0.95em;}
#mainContent.mainContentFullWidth #ExtraContent {padding-right:0;}
#ExtraContent {padding-right:5px;}
.mainContent {float:left;padding-left:10px;width:575px;}
.mainContentFullWidth {float:left;padding-left:10px;width:744px;margin-right:-3px;}
.moreinfo .rightNavHeader {font-size:95% !important;}
.moreinfo li {margin:0 0 6px 0;padding:0 0 0 4px !important;}
.servicelinks div {margin:3px 0;}
#page {text-align:left;line-height:1.201;margin:0 auto;width:950px;background:#fff;}
* html #header {width:955px}
#page #page-inner {position:relative;padding:0 0 0 5px;width:940px;}
#errorpageContent {margin-top:15px;}
/* @end */
/* =accessibility */
div#skippies {position:absolute;top:0px;left:0px;z-index:30000;}
#skippies ul,
#skippies li {margin:0;padding:0;width:100%;position:absolute;top:0;left:0;list-style:none;}
a.skip {display:none;}
a.skip-link {font-weight:bold !important;font-size:1px;height:1px;color:#fff !important;display:block;margin:0;text-indent:-30000px;opacity:0.95;filter:alpha(opacity=95);background-image:url(/_common_images/accessibility-feature.gif);background-repeat:no-repeat;background-position:right 8px;}
#accessibilityHilighter {z-index:30001;width:25em;padding:0.3em 0.5em;background:#004499;color:#fff;position:absolute;top:0.5em;left:20em;margin:0;font-weight:bold;font-size:small;border:1px dotted #003399;}
#accessibility-closeme {display:block;color:#fff;margin:1em 0 0.5em 0;padding-top:1em;border-top:2px solid #fff;text-decoration:none;}
/* =header items START */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
.xmassnow {background:url(/_common_images/snow.gif);height:90px;width:100%;position:absolute;top:0;left:0;z-index:1 !important;}
/* =global links (Site map, contact us etc) */
#globallinks ul {padding:2px 0 0 0;margin:0;}
#globallinks ul li {float:left;margin-right:6px;padding-right:6px;border-right:1px solid red;list-style:none;}
#globallinks ul li#glbBranchFinder {border-right:0;padding-right:0;margin-right:0 !important;}
#globallinks ul li a {color:#fff;background: url("/_/images/body-bg.png") repeat-x 0 -10px #049;white-space:nowrap;text-decoration:none;}
#globallinks ul li a:hover,
#globallinks ul li a:focus {background: url("/_/images/body-bg.png") repeat-x 0 -10px #049;text-decoration:underline;}
#globallinks {font-size:0.85em;position:absolute;z-index:10;top:5px;right:0;left:auto;width:190px;height:40px;padding:2px 0 0 25px;background: url("/_/images/sprites/headerResources.png") no-repeat -320px 2px;}
/* =header =search */
#p_search_text, #btn_search {vertical-align:middle;}
#p_search_text {height:18px;}
#search {position:absolute;padding-top: 3px;margin-top:6px;top:22px;right:0;z-index:20;}
#btn_search {background:url("/_/images/backgrounds/search-btn.png") 0 0 no-repeat;border:none;cursor: pointer;height: 20px;margin-right: 2px;width: 20px;}
#p_search_text {height:18px;margin-right:2px;}
#search {position:absolute;margin-top:6px;padding-top:2px;right:0;z-index:20;}
div#search {height: 22px;padding-left: 4px;top: 25px;background:url("/_/images/sprites/headerResources.png") -700px 0 no-repeat;height:26px;width:210px;}
div#search input.txt {border: 0;width: 180px;}
* html div#search {background-position:-700px 1px;}
/* =product navigation (aka 'product bricks') */
#headernav {position:absolute;width:950px;overflow:hidden;top:60px;height:62px;z-index:1;}
#productnav {position:absolute;top:1px;}
#productnav ul {width:950px;margin:0;padding:0;}
#productnav a {text-decoration:none;color:#fff;display:block;cursor:pointer;}
#productnav ul li {float:left;background:#2754a6;;font-size:1.5em;list-style:none;position:relative;margin-right:0;}
#productnav ul li a {color:#fff;font-size:0.7em;font-weight:bold;height:31px;border:none;outline:none;text-align:center;}
#productnav ul li a span {display:block;padding-top:10px;font-family:Arial;font-weight:normal;}
#productnav ul li b {position:absolute;display:block;height:31px;top:0;left:0;background-image:url(/_/images/sprites/headerResources.png);}
/* Set link widths */
li#nav-home a {width:76px;}
li#nav-current_account a {width:141px;}
li#nav-savings a {width:87px;}
li#nav-investments a {width:115px;}
li#nav-loans a {width:77px;}
li#nav-creditcard a{width:109px;}
li#nav-mortgages a {width:107px;}
li#nav-insurance a {width:99px;}
li#nav-yournationwide a {width:139px;}
#productnav li.activeTabLeft a,
#productnav li.activeTabRight a {position:relative;}
#productnav li.activeTabLeft div.added,
#productnav li.activeTabRight div.added {position:absolute;width:6px;height:31px;padding:0;margin:0;top:0;left:0;z-index:300;}
#productnav li.activeTabLeft div.added {right:0;left:auto;background:url(/_/images/activeTabLeftCurve.png) right bottom no-repeat;}
#productnav li.activeTabRight div.added {left:0;background:url(/_/images/activeTabRightCurve.png) left bottom no-repeat;}
body.ie #productnav li.activeTabLeft div.added {right:-1px;} /*hacky*/
/* Set default tab images for navigation from combined sprite image */
li#nav-home b {width:76px;background-position:0px -49px;}
li#nav-current_account b {width:141px;background-position:-76px -49px;}
li#nav-savings b {width:87px;background-position:-217px -49px;}
li#nav-investments b {width:115px;background-position:-304px -49px;}
li#nav-loans b {width:77px;background-position:-419px -49px;}
li#nav-creditcard b {width:109px;background-position:-496px -49px;}
li#nav-mortgages b {width:107px;background-position:-605px -49px;}
li#nav-insurance b {width:99px;background-position:-712px -49px;}
li#nav-yournationwide b {width:139px;background-position:-811px -49px;}
/* Same tab but with active class applied */
li#nav-home a.active b {background-position:0px -80px;}
li#nav-current_account a.active b {background-position:-76px -80px;}
li#nav-savings a.active b {background-position:-217px -80px;}
li#nav-investments a.active b {background-position:-304px -80px;}
li#nav-loans a.active b {background-position:-419px -80px;}
li#nav-creditcard a.active b {background-position:-496px -80px;}
li#nav-mortgages a.active b {background-position:-605px -80px;}
li#nav-insurance a.active b {background-position:-712px -80px;}
li#nav-yournationwide a.active b {background-position:-811px -80px;}
/* Hover state - requires jQuery to do the necessary for this */
li#nav-home a:hover b, li#nav-home a.productNavhover b {background-position:0px -111px;}
li#nav-current_account a:hover b, li#nav-current_account a.productNavhover b {background-position:-76px -111px;}
li#nav-savings a:hover b, li#nav-savings a.productNavhover b {background-position:-217px -111px;}
li#nav-investments a:hover b, li#nav-investments a.productNavhover b {background-position:-304px -111px;}
li#nav-loans a:hover b, li#nav-loans a.productNavhover b {background-position:-419px -111px;}
li#nav-creditcard a:hover b, li#nav-creditcard a.productNavhover b {background-position:-496px -111px;}
li#nav-mortgages a:hover b, li#nav-mortgages a.productNavhover b {background-position:-605px -111px;}
li#nav-insurance a:hover b, li#nav-insurance a.productNavhover b {background-position:-712px -111px;}
li#nav-yournationwide a:hover b, li#nav-yournationwide a.productNavhover b {background-position:-811px -111px;}
/* hover state for active tab (no change) */
li#nav-home a.active:hover b {background-position:0px -80px;}
li#nav-current_account a.active:hover b {background-position:-66px -80px;}
li#nav-savings a.active:hover b {background-position:-217px -80px;}
li#nav-investments a.active:hover b {background-position:-304px -80px;}
li#nav-loans a.active:hover b {background-position:-4196px -80px;}
li#nav-creditcard a.active:hover b {background-position:-496px -80px;}
li#nav-mortgages a.active:hover b {background-position:-605px -80px;}
li#nav-insurance a.active:hover b {background-position:-712px -80px;}
li#nav-yournationwide a.active:hover b {background-position:-811px -80px;}
li#nav-home a:hover, li#nav-home a.productNavhover,li#nav-creditcard a:hover, li#nav-creditcard a.productNavhover,li#nav-current_account a:hover, li#nav-current_account a.productNavhover,li#nav-insurance a:hover, li#nav-insurance a.productNavhover,li#nav-investments a:hover, li#nav-investments a.productNavhover,li#nav-loans a:hover, li#nav-loans a.productNavhover,li#nav-mortgages a:hover, li#nav-mortgages a.productNavhover,li#nav-savings a:hover, li#nav-savings a.productNavhover,li#nav-yournationwide a:hover, li#nav-yournationwide a.productNavhover {background-color:#2754a6;text-decoration:underline;}
/* =product navigation =sub navigation (second layer of header navigation) */
#headernav-subnav {position:absolute;background:none;left:10px;top:34px;height:29px;overflow:hidden;}
#headernav-subnav ul {margin:0;padding:0;float:left;min-height:16px;background:none;}
#headernav-subnav ul li {margin:0;padding:5px 0 0 0;list-style:none;float:left;margin-right:8px;}
#headernav-subnav ul li a {color:#fff;text-decoration:none;height:auto;padding-right:9px;/*background:#769bc8;*/border-right:1px solid #049;}
#headernav-subnav ul li a:hover, #headernav-subnav ul li a.productSubNavhover {text-decoration:underline;}
#headernav-subnav ul li b {font-weight:normal}
#headernav-subnav ul li.subnav-active {background:url(/_common_images/subnav-active.gif) left top;height:30px;padding-top:0;padding-left:5px;}
#headernav-subnav ul li.subnav-active b {padding-top:0;}
#headernav-subnav ul li.subnav-active a {font-weight:bold;color:#333;padding-top:5px;display:block;background:url(/_common_images/subnav-active.gif) right top;border-right:none;}
#headernav-subnav ul li a.headernavLastLink {border-right:none;}
#headernav-subnav ul li.subnav-active a:hover {color:#333}
#header-dropdownrates {display:none;}
/* =breadcrumb (also used by news line on home/exit page) */
#breadcrumb {background:white;width:766px;padding:0;margin:0 0 5px 0;font-size:11px;}
#breadcrumb p {padding:3px 5px;margin:0;}
#breadcrumb span.breadcrumbtext {color:#004499;color:#000;}
#breadcrumb span.br_arrow {padding:0 4px;font-size:1.2em;}
#breadcrumb span.breadcrumbtext a {color:red;}
#breadcrumb span.breadcrumbtext a:hover {color:#006;background:#F8BD5F;}
/*
#breadcrumb {clear:both;border:0;position:absolute;top:121px;width:766px;padding:0;margin:0;background:#fff;z-index:3000;}
#breadcrumb #breadcrumbLocation {float:left;padding:5px;padding-left:7px;width:740px;padding-bottom:0;}
#breadcrumb #newsline {width:750px;margin-left:0;}
*/
/* =news alert for homepage */
#breadcrumb p#newsMessage {padding:3px 10px;margin:4px;background:#fff url(/_common_images/sprites/hpPartsNov09.gif) -650px -577px;height:15px;}
/*
#newsline {position:relative;display:block;background:#fdebe9;font-weight:bold;border:1px solid red;color:#004499;margin:0 -5px;-moz-border-radius:5px;border-radius:5px;}
#newsline em {font-style:normal;color:red;}
#newsline p {display:block;padding:4px 5px;margin:0;}
#news_hide {position:absolute;top:0;right:0;}
#warnings {display:block;position:relative;width:736px;}
#warnings #newsline {width:600px;position:absolute;top:0;right:0;}
span#newsline {height:21px;width:756px !important;font-weight:normal;background:#FDEBE9 none repeat scroll 0 0;border:none;background:#fff url(/_common_images/sprites/hpPartsNov09.gif) -650px -577px;color:#3d4243;margin:0 0 0 0;}
#newsline strong {background:#fff;}
#newsline a {text-decoration:none;}
#newsline a:visited {color:#668fc2;}
#newsline a:hover {text-decoration:underline;}
*/
/* mortgages corrections for new style */
#navigationPrimaryInner, #contentPrimaryOuter, #mainContainerInner {position:static;}
#mainContainerInner {background:white;height:100%;padding:0 5px;overflow:auto;width:755px;}
#navigationSecondaryOuter, #contentPrimaryOuter, #contentSecondaryInner {top:0;}
#contentSecondaryInner {margin-right:5px;}
#header-mortgages-commercial {top:125px}
/* =header items END */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* @group generic styles */
.btn {background-color:#000066;color:#ffffff;font-weight:bold;border:none;}
.floatLeft {float:left;}
.floatRight {float:right;}
.hidden {display:none;}
.hidden a,.hidden a:visited,.hidden a:link {color:#ffffff;font-size:0px;line-height:0px;text-decoration:none;}
.hiddenLabel {display:none;}
.hideMe {display:none;}
.highlight {color:#EB0000 !important;margin-right:10px;}
.txt {color:#333333;border:1px solid #B5B5B5;}
a img {border:none;}
caption {text-align:left;}
div.hidden {border:none;width:1px;float:left;}
form {margin:0px;}
h2 {color:#7F7F7F;}
h2,h3,#page a, #breadcrumb #breadcrumbLocation span.breadcrumbtext a {color:#2C2B72;}
h2.small, h2.smallRight, h3 {color:#2C2B72;}
hr {clear:both;border-top:1px dashed #C6C9DB;border-bottom:none;height:0px;margin:0px 12px 0px 10px;color:#ffffff;align:center;margin-bottom:2px;}
iframe {display:none;}
iframe.visible {display:block;}
small {font-size:0.9em;}
.hideonload {display:none;}
#goRedirect {vertical-align:text-bottom;
}
/* @end */
/* @group navigation */
/* @end */
/* @group rates */
H2.rates {font-size:130%;font-weight:bold;margin-top:5px;margin-left:2px;width:100%;color:#CCCCCC;}
#rates TABLE {color:#000066;border-top:1px solid #4da1c6;border-left:1px solid #4da1c6;border-right:1px solid #4da1c6;}
#rates TH {background-color:#4da1c6;border-bottom:1px solid #CCCCCC;color:#ffffff;text-align:right;}
#rates TH.text {background-color:#4da1c6;border-bottom:1px solid #CCCCCC;color:#ffffff;text-align:left;}
#rates TD {text-align:right;}
#rates TD.text {text-align:left;border-bottom:1px solid #4da1c6;}
#rates TD.textbottom {text-align:left; background: #cce4ef;}
#rates TD.text A {font-weight:bold;color:#000066;}
#rates TD.textbottom A {font-weight:bold;color:#000066;}
#rates TD.borderbottom {border-bottom:1px solid #4da1c6;}
#rates td p {margin:8px 0;}
#rates td p img {margin-right:-1px;}
/* @group Selective printing for rates */
div.printbutton {background:#fff url(/_common_images/print-css/print-button-bg.gif) no-repeat;background-position:bottom left;width:344px;float:right;margin:0px;padding:3px 0 0 0;}
div.print_section {clear:left;margin-bottom:40px;}
div.printbutton a {background:url(/_common_images/print-css/print-button-bg-but.gif) no-repeat;display:block;float:right;text-align:center;width:145px;margin:3px;text-decoration:none;color:white !important;font-size:13px;padding:3px 1px;}
/* @end */
/* @end */
/* =footer */
div#footer {background:url("/_/images/footer-links-pointless-triangle.png") no-repeat right 16px;margin: 0;padding: 55px 0 0 0;width: 950px;}
div#footer h4 {background:url(/_common_images/sprites/hpPartsNov09.gif) -650px -400px;height:22px;font-size:15px;}
div#footer h4 a {background:none;display:inline;border:none;text-decoration:none;color:#999;}
div.footer-inner {border:1px solid #e6e6e6;overflow:hidden;width:746px;}
div#footer div.footer-inner li {line-height:1;}
div#footer div.footer-inner a {color:gray;background:none;}
div#footer div.footer-inner h5 {border:none;color:gray;margin:0;}
#footer-final-links {margin:0 0 15px 0;}
#footer-final-links ul {margin:0;float:left;background: url("/_/images/footer-links-bg.png") repeat-x scroll 0 top #004499;padding: 10px 20px;width: 910px;}
#footer-final-links ul li {font-size:0.85em;float:left;margin:0 5px 0 -1px;border-left:1px solid #fff;list-style:none;}
#footer-final-links ul li a {display:block;padding:0 6px 0 8px;color:#fff;text-decoration:none;}
#footer-final-links ul li a:hover, #footer-final-links ul li a:focus, #footer-final-links ul li a.hovered {text-decoration:underline;}
#footer-final-links #footer-copyright {float:right;border:none;padding:0px 4px;color:#fff;}
#footer-final-links #footer-legal {color:gray;font-size:0.85em;clear:right;padding-top:10px;}
body.notie #footer-final-links #footer-legal {padding-top:5px;}
#footer-homepage {clear:left;float:left;width:756px;background:url(/_common_images/footer-bg-homepage.gif) repeat-y;margin-top:5px;}
#footer-homepage-end {clear:left;margin:0;height:10px;background:url(/_common_images/sprites/sprites.gif) 0 -130px;}
.footer-inner {padding:10px 0 0 7px;}
#footer-homepage h4 {margin:0;padding:10px 0 0 10px;background:url(/_common_images/sprites/sprites.gif) 0 -64px;}
#footer-homepage h4 a {background:url(/_common_images/sprites/sprites.gif) 0 0;width:720px;height:18px;display:block;text-indent:-30000px;outline:none;border:1px solid #e4ebf5;}
#footer-homepage h4 a:focus {border:1px dotted red;}
#footer-homepage .footer-col {float:left;width:170px;margin:0 15px 0 0;height:25em;}
#footer-homepage .footer-col ul {margin:0 0 10px 0;padding:0;}
#footer-homepage .footer-col ul li {margin:0;padding:0 0 0 2px;list-style:none;}
#footer-homepage .footer-col ul li a {line-height:1.5;text-decoration:none;color:#01459a;padding-right:15px;background:transparent url(/_common_images/sprites/sprites.gif) right -443px;display:block;width:85%;}
#footer-homepage .footer-col ul li a:hover, #footer-homepage .footer-col ul li a:focus {text-decoration:underline;background:#F8BD5F url(/_common_images/sprites/sprites.gif) right -493px;}
#footer-homepage h5 {color:red;font-size:1.0em;padding:0 0 0 0.2em;margin:0 0 10px 0;border-bottom:1px solid #92acc3;letter-spacing:-0.03em;}
#homepage-legal-footer {clear:left;}
#homepage-legal-footer p {padding:5px 0;margin:0;}
* html #footer-legal {margin-top:-50px;}
/* @end */
/* @group move out of common CSS */
.mortlegalbox {margin-bottom:2px;margin-top:2px;border:#2C2B72 1px solid;padding:5px;font-weight:bold;font-size:80%;-moz-border-radius:5px;border-radius:5px;}
/* @end */
/* @group buttons */
div.darkbg
{
background-color:#049;
float:left;
width:100%;
}
div.darkbg a
{
color:#fff;
}
div.darkbg a.buttonstyles
{
color:#000;
}
input.buttonstyles,
a.buttonstyles
{
display:block;
padding:0.14em 1.2em 0.14em 0.1em;
width:6.5em;
font-size:1.4em;
margin:0;
text-decoration:none;
color:#006;
text-align:center;
font-weight:bold;
cursor:pointer;
}
a.nowrap {display:inline;padding:3px 25px 3px 6px;}
a.left {float:left;margin:0 2em 1em 0;}
a.right {float:right;margin:0 0 1em 2em;}
input.right {float:right;margin:0 0 1em 2em;}
input.applyButton,a.applyButton{background:white url(/_common_images/buttons/orange_button_up.gif) no-repeat right center;border-top:0.05em solid #edc77e;border-left:0.05em solid #edc77e;border-bottom:0.05em solid #ea0000;border-right:0.05em solid #ea0000;}
input.infoButton,a.infoButton{background:white url(/_common_images/buttons/grey_button_up.gif) no-repeat right center;border-top:0.05em solid #a8a8fe;border-left:0.05em solid #a8a8fe;border-bottom:0.05em solid #000098;border-right:0.05em solid #000098;}
b.button{border:0.1em solid white;border-radius:3px;-moz-border-radius:3px;display:block;font-size:1.4em;float:left;clear:left;margin:0.5em 1em;}
input.button,a.button{font-size:0.9em;}
b.button input.button,b.button a.button{font-size:0.8em;/*width:8em;*/}
input.smallbutton,a.smallbutton,b.button input.smallbutton,b.button a.smallbutton{width:4em;}
input.bigbutton,a.bigbutton,b.button input.bigbutton,b.button a.bigbutton{width:10em;}
input.hugebutton,a.hugebutton,b.button input.hugebutton,b.button a.hugebutton{width:12em;}
input.megabutton,a.megabutton,b.button input.megabutton,b.button a.megabutton{width:15em;}
a.buttonInfoHover, input.buttonInfoHover {color:#049 !important;background:white url(/_common_images/buttons/grey_button_hover.gif) no-repeat right center !important;}
a.buttonInfoClick, input.buttonInfoClick {color:white !important;background:white url(/_common_images/buttons/grey_button_down.gif) no-repeat right center !important;}
a.buttonApplyHover, input.buttonApplyHover {color:#049 !important;background:white url(/_common_images/buttons/orange_button_hover.gif) no-repeat right center !important;}
a.buttonApplyClick, input.buttonApplyClick {color:white !important;background:white url(/_common_images/buttons/orange_button_down.gif) no-repeat right center !important;}
div.call-to-action {position:relative;}
div.call-to-action input.buttonstyles,
div.call-to-action a.buttonstyles {position:absolute;top:6px;right:20px;}
div.ListBody a.buttonstyles {text-decoration:none !important;}
a.bigFatButton {font-size:1.5em;width:6em;white-space:nowrap;padding-left:1em;}
a.buttonPuretext {position:absolute;bottom:15px;right:15px;text-decoration:none;color:#00439a;font-size:1.0em;font-weight:bold;padding-right:15px;background: url(/_common_images/sprites/sprites.gif) right -243px;}
a.buttonPuretext:hover, a.buttonExit:focus {background:#fff url(/_common_images/sprites/sprites.gif) right -243px;text-decoration:underline;}
/* @end */
/* @group concertina */
#utilBtns{
margin-top: 15px;
}
.concertina {
margin-left: 0px;
padding-left: 0px;
}
UL.concertina{
clear: both;
margin:0 !important;
padding:0;
}
UL.concertina li{
list-style-type: none !important;
}
.ListBody ul li{
list-style-type: square !important;
}
UL.concertina {
list-style-type: none !important;
}
ol.forcebullets li{
list-style-type: decimal !important;
}
ul.forcebullets li{
list-style-type: square !important;
}
.concertina .ListHeadActive,
.concertina .ListHead {
clear: both;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
}
.concertina .ListHead a,
.concertina .ListHead a:link,
.concertina .ListHead a:visited,
.concertina .ListHead a:hover,
.concertina .ListHead a.hover,
.concertina .ListHead a:active
{
color: #000066;
padding:3px 0 3px 24px;
text-decoration: none;
background:#E5F1F6 url(/_common_images/concertinaPlus.gif) no-repeat 4px 4px;
display: block;
outline:none;
border:none;
margin:0;
}
.concertina .ListHead a:hover
{
text-decoration: underline;
}
.concertina .ListHeadActive a,
.concertina .ListHeadActive a:visited,
.concertina .ListHeadActive a:active,
.concertina .ListHeadActive a:link
{
color: #000066;
padding-left: 18px;
background-image: url(/_common_images/concertinaMinus.gif) ;
background-repeat: no-repeat;
background-position: 0px 3px;
font-weight: bold;
display: block;
}
.concertina .ListHeadActive a:hover,
.concertina .ListHeadActive a:active{
color: #000066 !important;
}
.concertina .ListBody {
margin-left: 5px;
}
.concertina .ListBody .panelBG {
background-color: #fff;
padding: 7px;
margin-left: 10px;
}
.concertina .ListBody a {
text-decoration: underline !important;
}
.concertina .ListBody #interestRates table tr td.data {
text-align: left !important;
}
#utilBtns {
font-size: 80%;
text-align: right;
}
#utilBtns a, #utilBtns a:visited {
text-decoration: none;
}
a.concertina_showall:link,
a.concertina_showall:visited,
a.concertina_showall:hover,
a.concertina_showall.hover,
a.concertina_showall:active
{
margin-top:5px;
font-weight:bold;
background:#E5F1F6;
display:block;
padding:3px 0 3px 24px;
margin-bottom: 5px;
text-decoration:none;
font-size:small;
color:#006;
}
a.concertina_showall:link,
a.concertina_showall:visited,
a.concertina_showall:active
{
background-color:#E5F1F6;
background-image:url(/_common_images/concertinaPlus.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
a.concertina_showall:hover
{
background-color:#F8BD5F;
background-image:url(/_common_images/concertinaPlus.gif) !important;
background-repeat:no-repeat !important;
background-position:4px 4px !important;
}
.concertina .ListHead a.hover,
a.concertina_showall.hover
{
background-color:#F8BD5F !important;
}
ul.concertina div.legal {margin:0;padding:5px;border:1px solid gray;color:#333;}
/*
need to apply this, but need to test properly first
div.legal, p.legal {margin:0;padding:5px;border:1px solid gray;color:#333;}
*/
/* @end */
/*commercial mortgages link*/
#header-mortgages-commercial{
border: 0pt none;
margin: 0pt 0pt 4px;
padding: 0pt;
text-align: right;
font-size: 11px;
clear: both;
position: absolute;
top: 6.3em;
right: 0.8em;
width: 200px;
}
#header-mortgages-commercial a:hover {color:#006 !important;background:#F8BD5F;}/* F8BD5F */
/*end commercial mortgages link*/
/* @Search suggestions */
#search_suggestions
{
display : none;
position: absolute;
background-color: #ffffff;
border: 1px solid #b5b5b5;
text-align : left;
font-size : 13px;
z-index : 1001;
}
#search_suggestions div{
color: #333333;
cursor : pointer;
width : 284px;
}
#search_suggestions div.selectedKeyword{
background-color: #eeeeee;
}
/* @end */
/* Do not modify or delete below here for any reason */
#atlas {display: none;}
/*end screen styles*/
}
@media print
{
/* start print styles */
#productnav, #breadcrumb, #headerright, #leftnav, #footer,
#strap-line, #headernav-subnav, #skippies,
#header-dropdownrates, .noprint, .printbutton, .pageCalc,
.dropDownMiddle, .skip, .hidden,.ExtraContent, a.button, font {display:none;}
#page {text-align:left;width:100%;}
.mainContentFullWidth {width:80%;}
.ListBody {display:block !important;}
.print {display:block;}
#rates table {border-collapse:collapse;}
#rates table, #rates td {border:1px solid gray;}
#mainContent {width:16cm;font-size:11pt;}
.content {margin-top:1cm;}
ul.concertina, ul.concertina li {margin:0;padding:0;}
.ListHead {font-weight:bold;margin:0;padding:0}
a.button.nowrap, a.button.inline {display:inline;}
table {border:2px solid gray !important;border-collapse:collapse}
table th, table td {border:2px solid gray !important;}
.print {display:block;}
#rates table {border-collapse:collapse;}
#rates table, #rates td {border:1px solid gray;}
/* end print styles */
}
#strap-line {margin-bottom:14px;position:absolute;top:15px;left:205px;left:214px;}
/* TO BE DELETED --- TO BE DELETED --- TO BE DELETED --- TO BE DELETED */
/* TO BE DELETED --- TO BE DELETED --- TO BE DELETED --- TO BE DELETED */
/* TO BE DELETED --- TO BE DELETED --- TO BE DELETED --- TO BE DELETED */
/* @group buttons */
/* Button images for all red/blue/gray buttons
/* Small buttons - 79px wide, 21px high */
.button_apply, .button_formnav, .button_function {height:21px;width:79px;}
.button_apply, .button_formnav, .button_function {margin-bottom: -5px;}
.button_apply {background:url(/NR/rdonlyres/956B3FD2-3621-4923-963E-090B5D631B3F/0/buttonbg_red.gif) no-repeat 0 0;}
.button_formnav {background:url(/NR/rdonlyres/361B6944-1F9E-4C04-80D6-C606CAC36BC7/0/buttonbg_blue.gif) no-repeat 0 0;}
.button_function {background:url(/NR/rdonlyres/72D1F39C-EAEA-4F44-B052-FECEA7A87EE4/0/buttonbg_gray.gif) no-repeat 0 0;}
/* Wider buttons - 100px, 21px high */
.button_apply_wide, .button_formnav_wide, .button_function_wide {height:21px;width:100px;}
.button_apply_wide {background:url(/NR/rdonlyres/9FCE30C5-CDB1-40CB-9E3E-C0391FE658BB/0/buttonbg_red_100px.gif) no-repeat 0 0;}
.button_formnav_wide {background:url(/NR/rdonlyres/057B0AB3-0DD3-4B2C-B28F-B4D1515FB9C7/0/buttonbg_blue_100px.gif) no-repeat 0 0;}
.button_function_wide {background:url(/NR/rdonlyres/28C0F0BC-0B36-40FA-8A72-0DD534834B1F/0/buttonbg_gray_100px.gif) no-repeat 0 0;}
/* Fat buttons -for use on home page and exit page */
.button_apply_big, .button_formnav_big, .button_function_big {height:24px;width:85px;}
.button_apply_big {background:url(/NR/rdonlyres/DEDFCF2E-0293-48ED-941C-5F8D423173DE/0/buttonbg_red_big.gif) no-repeat 0 0;}
.button_formnav_big {background:url(/NR/rdonlyres/D380C148-FA0C-41D0-91B5-0125CE80349B/0/buttonbg_blue_big.gif) no-repeat 0 0;}
.button_function_big {background:url(/NR/rdonlyres/5D7F3D43-AF49-4748-B671-C062AD7C5873/0/buttonbg_gray_big.gif) no-repeat 0 0;}
/* Extra big buttons - used on product home page take-overs */
.button_apply_extrabig, .button_formnav_extrabig, .button_function_extrabig {height:36px;width:180px;}
.button_apply_extrabig {background:url(/NR/rdonlyres/CB8A0511-3DEE-47E1-8946-B8B3A061018B/0/buttonbg_red_xbig.gif) no-repeat 0 0;}
.button_formnav_extrabig {background:url(/NR/rdonlyres/0CA42646-5078-4F7E-B783-530FE54D272E/0/buttonbg_blue_xbig.gif) no-repeat 0 0;}
.button_function_extrabig {background:url(/NR/rdonlyres/62C17F07-6863-41F5-A421-E3FB16272AEF/0/buttonbg_gray_xbig.gif) no-repeat 0 0;}
/* X-small buttons -for go buttons only */
.button_go_red, .button_go_blue {height:21px;width:31px;}
.button_go_red {background:url(/NR/rdonlyres/C554ED7E-D476-42CF-828E-3156E7C2EF61/0/buttonbg_red_31px.gif) no-repeat 0 0;}
.button_go_blue {background:url(/NR/rdonlyres/B926F0AA-9CC0-430A-9173-1A554099D269/0/buttonbg_blue_31px.gif) no-repeat 0 0;}
/* 170px wide buttons - */
.button_apply_diff01, .button_formnav_diff01, .button_function_diff01 {height:21px;width:170px;}
.button_apply_diff01 {background: url(/NR/rdonlyres/E77F9663-509F-4B05-ADE2-DA7B8BE31A07/0/buttonbg_red_170px.gif) no-repeat 0 0;}
.button_formnav_diff01 {background: url(/NR/rdonlyres/DDFB9383-91DE-403C-A118-4B05B7EDAF66/0/buttonbg_blue_170px.gif) no-repeat 0 0;}
.button_function_diff01 {background: url(/NR/rdonlyres/C9D2736B-E1A3-4B10-AEDE-512AA50B9D86/0/buttonbg_gray_170px.gif) no-repeat 0 0;}
/* @end */
/* TO BE DELETED --- TO BE DELETED --- TO BE DELETED --- TO BE DELETED */
/* TO BE DELETED --- TO BE DELETED --- TO BE DELETED --- TO BE DELETED */
/* TO BE DELETED --- TO BE DELETED --- TO BE DELETED --- TO BE DELETED */
/* Temporary style? Or to stay ...*/
#SecondaryExtraContent div.clickableParent {position:relative;width:160px;height:auto;margin-bottom:10px;}
#SecondaryExtraContent div.clickableParent a {display:block;position:absolute;bottom:7px;right:10px;}
#SecondaryExtraContent div.clickableParent a.noreposition {position:relative;bottom:0;right:0;}
/* Move to contentpages/basic */
p.podcastlink {width:394px;height:39px;padding:7px 40px;font-size:1.4em;}
/*
iPhone/iPod/small screen displays - for applications
Testing this idea out for time being
@media screen and (max-width:320px)
{
#leftnav, #ExtraContent, #headernav, #header, #footer, div.copyright, #mainContent p, #mainContent ul, #mainContent ol {display:none}
}
*/
@media only screen and (max-device-width: 480px) {
/* iPhone styles */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
body {width:765px;padding:0;margin:0;background-image:none !important;}
#page-inner {position:absolute;top:80px}
#page #hpNov09 {margin-top:0;}
#page #header {background-image:none !important;background-color:#049;}
#page #header #globallinks {font-size:20px;width:310px;background-image:none;background-color:#049;}
#page #header #search {width:410px;margin-top:15px;}
#p_search_text {font-size:20px;width:300px}
#btn_search {height:30px}
#page #headernav {height:120px;}
#page #headernav #productnav {position:relative;top:30px;width:765px;background:#049;padding:8px 0 0 8px;margin:0;overflow:auto;border-top:2px solid white;height:auto;}
#page #headernav #productnav li,
#page #headernav #productnav li a {width:178px;height:28px;border:1px solid #fff;-webkit-border-radius:10px;margin:0 8px 8px 0;}
#page #headernav #productnav li a.active {background:#fff;color:#049;color:#333333;}
#page #headernav #productnav li a b {background-image:none;padding:0px !important}
#page #headernav #productnav li a span {font-size:20px;font-family:Arial, Helvetica, sans-serif;padding:0;}
#productnav li.activeTabLeft div.added, #productnav li.activeTabRight div.added {display:none;}
#page #leftnav {position:relative;top:65px;z-index:20;font-size:20px;margin:0 0 10px 0;}
#page #leftnav div.header {background-color:#049;height:auto;}
#page #mainContent {margin:0;padding:0;position:relative;top:65px;width:564px;border:1px solid #fff;margin-left:10px;}
p.legal {font-size:20px;}
#page #footer {margin:10px 0 30px 0;position:relative;z-index:100;}
#footer li, #footer li a {font-size:13px;}
div.legalText {font-size:12px;}
li#nav-home, #breadcrumb, #strap-line, #headernav-subnav {display:none;}
#page div#ExtraContent div.moreinfo a {font-size:16px;}
#page div#ExtraContent div.moreinfo li {margin:10px 0;}
#page div#ExtraContent div.moreinfo ul.pdf {margin:0;padding:0;}
#page div#ExtraContent div.moreinfo ul.pdf li {margin:0;padding:3px !important;background:0;}
#hpNov09 {margin-top:80px;}
}
/* For edit mode */
body {padding-bottom:10px;}
div font b a nobr {position:absolute;bottom:0;right:0;background:yellow;padding:5px;z-index:5000;cursor:pointer;}
#testingTools {z-index:4000 !important}
/* Customer Experience Survey */
#popupPanel {
display:none;
position: absolute;
z-index: 20000;
background:url(/_common_images/notifications/nw-survey-popup.gif) no-repeat;
width:430px;
height:167px;
color: #004499;
font-style: arial;
font-weight: 100;
}
#popupPanel p{
position: relative;
left: 10px;
width: 400px;
text-align: center;
margin:0px;
}
#popupPanel a{
color: #004499;
font-style: arial;
font-weight: 100;
}
#btnclose{
margin-left: 374px;
margin-top:5px;
}
#btnclose a{
text-decoration: none;
background: url(/_common_images/notifications/close.gif) no-repeat right 4px;
padding-right: 10px;
}
#popupPanel .header{
height: 22px;
background: url(/_common_images/notifications/your-opinion.gif) no-repeat center;
margin-top: 23px;
}
#popupPanel .header span{
position: absolute;
left: -3000px;
}
#popupPanel .intro{
margin-top: 7px;
margin-bottom: 0px;
font-weight: bold;
}
#popupPanel .bodytxt{
margin-top: 3px;
left: 10px;
width: 400px;
text-align: center;
}
#popupPanel #response{
margin: 5px 0px 0px 130px;
}
#popupPanel #survey-yes{
background:url(/_common_images/notifications/yes.gif) no-repeat;
width: 98px;
height: 31px;
display: block;
float: left;
margin-left: 20px;
}
#popupPanel #survey-yes span{
position: absolute;
left: -3000px;
}
#popupPanel #survey-no{
background:url(/_common_images/notifications/no.gif) no-repeat center;
width: 68px;
height: 31px;
display: block;
float: left;
/* background:url(/_common_images/notifications/no-thanks-button.gif) no-repeat; */
}
#popupPanel #survey-no span{
position: absolute;
left: -3000px;
}
/* START multi ad switcher - uses the jQuery cycle plugin */
div.multiAdSwitcherWrapper {position:relative;}
/* cnav = "cycle nav" */
#cnav {position:absolute;top:5px;right:10px;z-index:1000;padding:0 0 0 9px;height:34px;background:url(/_common_images/sprites/multi-ad-controls.gif) 0 -68px;}
#cnav a {display:block;float:left;width:15px;height:34px;text-indent:-30000px;background:url(/_common_images/sprites/multi-ad-controls.gif);overflow:hidden;outline:none;}
#page #mainContent #cnav a:hover, #page #mainContent #cnav a:focus {background:none url(/_common_images/sprites/multi-ad-controls.gif);}
#cnav a#cnav1 {background-position:-9px 0;}
#cnav a#cnav2 {background-position:-24px 0;}
#cnav a#cnav3 {background-position:-39px 0;}
#cnav a#cnav4 {background-position:-54px 0;}
#page #mainContent #cnav a#cnav1:hover {background:none url(/_common_images/sprites/multi-ad-controls.gif) -9px 0;}
#page #mainContent #cnav a#cnav2:hover {background:none url(/_common_images/sprites/multi-ad-controls.gif) -24px 0;}
#page #mainContent #cnav a#cnav3:hover {background:none url(/_common_images/sprites/multi-ad-controls.gif) -39px 0;}
#page #mainContent #cnav a#cnav4:hover {background:none url(/_common_images/sprites/multi-ad-controls.gif) -54px 0;}
#page #mainContent #cnav a#cnav1:active {background:none url(/_common_images/sprites/multi-ad-controls.gif) -9px -34px;}
#page #mainContent #cnav a#cnav2:active {background:none url(/_common_images/sprites/multi-ad-controls.gif) -24px -34px;}
#page #mainContent #cnav a#cnav3:active {background:none url(/_common_images/sprites/multi-ad-controls.gif) -39px -34px;}
#page #mainContent #cnav a#cnav4:active {background:none url(/_common_images/sprites/multi-ad-controls.gif) -54px -34px;}
#page #mainContent #cnav #pauseControl {background:url(/_common_images/sprites/multi-ad-controls.gif) -69px 0;width:30px;height:34px;padding:0;font-size:1px;display:block;float:left;} /* pause control*/
#page #mainContent #cnav #pauseControl a {background-position:-69px 0;width:30px;} /* pause control*/
#cnav a#cnav1.activeSlide {background-position:-9px -34px;}
#cnav a#cnav2.activeSlide {background-position:-24px -34px;}
#cnav a#cnav3.activeSlide {background-position:-39px -34px;}
#cnav a#cnav4.activeSlide {background-position:-54px -34px;}
/* END multi ad switcher */
div.flExBens {background:url(/_common_images/mortgage/more-for-curr-acc-custs.gif) no-repeat 0 0;padding-left:130px;margin-top:20px;}
div.flExBens ul li {line-height:1.5;}
/* TEMPORARY PAGE - REMOVE STYLE WHEN EXPLORE PAGE HAS MOVED */
#page #exploreLinks {position:relative;width:560px;margin:10px 0 0 0;padding:0;height:650px;overflow:hidden;}
#page #exploreLinks ul, #page #exploreLinks li {list-style:none;margin:0;padding:0;}
#page #exploreLinks ul, #page #exploreLinks li ul li {list-style:square;margin:0 0 0 10px;line-height:1.5;}
#exploreLinks h2 {font-size:1.2em;margin:0 0 10px 0;padding:0; color:#333;background:url(/_common_images/sprites/hpPartsNov09.gif) -450px 0 no-repeat;width:240px;padding:0 5px;}
#exploreLinks ul {margin:0;padding:0;list-style:none;}
li#exploreAbout, li#exploreGroup, li#exploreProf, li#exploreCommercial {position:absolute;width:250px;list-style:none;}
#exploreAbout, #exploreGroup, #exploreProf, #exploreCommercial {position:absolute;width:250px;}
#exploreAbout {left:0;}
#exploreGroup {left:280px;}
#exploreProf, #exploreCommercial {top:355px}
#exploreProf {left:0;}
#exploreCommercial {left:280px;}
/* =action bars = call-to-action =apply bars */
#mainContent div.actionBar div a, #mainContent div.actionBar div a:link, #mainContent div.actionBar div a:visited, #mainContent div.actionBar div a:hover, #mainContent div.actionBar div a:active {border:none !important;}
#mainContent div.actionBar span a {text-decoration:underline;border-bottom:none !important;}
#mainContent div.actionBar div a:hover {border:none !important}
#mainContent div.actionBar span a {text-decoration:underline;border-bottom:none !important;}
/* action bars */
#page #mainContent div.actionBar {background: #fff;border:1px solid #ccc;clear: both;color:#049;height: auto;margin: 10px 0;max-width: 1200px;position: relative;width: 100%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-clip:padding-box;overflow:auto;}
#page #mainContent div.actionBar p {color: #049;font-family: nbsBold,Arial,Helvetica,sans-serif;font-size: 24px;font-weight: normal;left: auto;line-height: 1.1;margin: 0;padding:18px 10px 10px 10px;position: relative;top: auto;float:left;}
#page #mainContent div.actionBar div {background: none;height: auto;left: auto;padding: 0;position: relative;top: auto;width: auto;z-index: auto;float:left;}
#page #mainContent div.actionBar span {bottom: auto;display: block;font-size: 1.2em;left: auto;position: relative;z-index: auto;color:#404040;background:#f5f5f5;border-top:1px solid #ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-clip:padding-box;padding:10px;clear:both;overflow:auto;font-weight:normal;}
#page #mainContent div.actionBar span span { border:none;padding:0;margin:10px 0 0 0;}
#page #mainContent div.actionBar span.optiontextAndLinks {padding-top:0;}
#page #mainContent div.actionBar span.optiontextAndLinks a {background: url("/_/images/sprites/buttons_2011.png") no-repeat 0 -3598px !important;color: #049;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;text-decoration:none;padding:4px 0 5px 25px;display:block;margin:7px 15px -2px 0;float:left;}
#page #mainContent div.actionBar span.optiontextAndLinks a:hover, #page #mainContent div.actionBar span.optiontextAndLinks a:focus {text-decoration:underline;}
#page #mainContent div.actionBar span a { color:#404040;}
#page #mainContent div.actionBar div {float:right;padding:15px 10px 5px 0;}
#page #mainContent div.actionBar div a {background: none;color: #049;position: relative;background: url("/_/images/sprites/buttons_2011.png") right 0 no-repeat;color: #049;font-weight:normal;font-size:24px;cursor: pointer;padding: 1px 45px 0 0;text-decoration: none;display:block;height:40px;font-family:nbsBold,helvetica,sans-serif;width:auto;}
#page #mainContent div.actionBar div a:hover, #page #mainContent div.actionBar div a:focus {text-decoration: underline;}
#page #mainContent div.actionBar div b {background: none;position:relative;display:inline;height:auto;width:auto;}
#page #mainContent div.actionBar div {text-align:inherit;}
#page #mainContent div.actionBarDynamic p {color:#404040;}
/* Only for IE6-8 */
#page #mainContent div.actionBarImageBased {border:none; background:url(/_/images/actionBarCornersForIE.png) 0 0 no-repeat;}
#page #mainContent div.actionBarImageBased p {padding:11px;}
#page #mainContent div.actionBarImageBased span {padding:11px;background:#f5f5f5 url(/_/images/actionBarCornersForIE.png) 0 bottom no-repeat;border-right:1px solid #ccc;}
#page #mainContent div.actionBarImageBased span span { margin-top:10px !important;}
#page #mainContent div.actionBarImageBased .ab_tr {background:url(/_/images/actionBarCornersForIE.png) right top no-repeat;}
#page #mainContent div.actionBarImageBased .ab_br {background:url(/_/images/actionBarCornersForIE.png) right bottom no-repeat;}
#page #mainContent div.actionBarSimple .ab_bl {background:url(/_/images/actionBarCornersForIE_simple.png) 0 bottom no-repeat;}
#page #mainContent div.actionBarSimple .ab_br {background:url(/_/images/actionBarCornersForIE_simple.png) right bottom no-repeat;}
#page #mainContent div.actionBarImageBased span span {background:none;margin:0;}
body.ie6 #page #mainContent div.actionBarImageBased, body.ie7 #page #mainContent div.actionBarImageBased {overflow:hidden;}
body.ie #page #mainContent div.actionBar p {padding-top:17px;}
#page #mainContent div.tabs div.actionBar p, #page #mainContent div.tabbedUI div.actionBar p {margin:0;}
#page #mainContent div.actionBarSimple span {/*background:red;*/border:none;padding:0;margin:1px 1px 1px 1px;height:0;}
body.ie6 #page #mainContent div.actionBar {width:99%;}
body.ie6 #page #mainContent div.actionBar span {/*background:yellow;*/overflow:auto;}
body.ie6 #page #mainContent div.actionBar span.optiontextAndLinks {/*background:pink;*/height:100%;}
/* Applied if scripts run */
body.ie6 #page #mainContent div.actionBarImageBased p {float:none;position:absolute;top:0;left:0;z-index:1000;}
body.ie6 #page #mainContent div.actionBarImageBased div {/*background:#CF9;*/width:auto;text-align:right;}
body.ie6 #page #mainContent div.actionBarImageBased span {/*background:yellow;*/overflow:auto;}
body.ie6 #page #mainContent div.actionBarImageBased span span {/*background:orange;*/border-top:none !important;}