/* styles used by the savings product section rate table pages only */ 
#SrTableNav {border:1px solid #4da1c6;background-color:#cae5f0;height:25px;vertical-align:middle;text-align:center;margin:10px 0px 10px 0px}
#mainContent {float:left;width:750px;padding-left:10px;}
#SrTableNav a {margin:0px 4px 0px 4px;line-height:22px;text-decoration:none;font-weight:normal;} 
#SrTableNav a.active {font-weight:bold;padding-right:20px;background:url(/_common_images/minicon-sprites.gif) right -20px no-repeat;} 
#SrTableNav span.seperator {border-left:1px solid #4da1c6;} 
#leftnav {float:left;width:180px;padding-left:5px;}
/* Content */
h1 {font-size:24px;font-weight:bold;color:#4da1c6;margin:0px 0px 10px 0px;}
h2 {color:#0179ae;}
p.intro-txt {margin-top:0px;}
/* Tables */
table.savings-rates {border-top:1px solid #4da1c6;border-left:1px solid #4da1c6;border-bottom:1px solid #4da1c6;} 
table.savings-rates thead th, table.savings-rates thead td {border-bottom:1px solid #4da1c6;border-right:1px solid #ffffff;padding:6px;text-align:left;background-color:#4da1c6 !important;color:#ffffff !important;} 
.pseudoTh {border-right:1px solid #4da1c6 !important;} 
table.savings-rates tbody td {text-align:center;border-right:1px solid #4da1c6;padding:5px;font-size:13px;}
table.savings-rates tbody td.tier {font-weight:bold;text-align:left;}
table.savings-rates tbody td.gross {font-weight:bold;} 
table.savings-rates tbody td.aer {font-weight:bold;} 
table.savings-rates tbody .product-lastrow td {border-bottom:1px solid #4da1c6;border-right:1px solid #4da1c6;} 
table.savings-rates tbody td.product-info {border-bottom:1px solid #4da1c6;text-align:left;vertical-align:top;width:175px;}
table.savings-rates tbody a, table.savings-rates tbody  a:link, table.savings-rates tbody a:visited,table.savings-rates tbody a:active {color:#2c2b72;} 
table.savings-rates tbody td.product-info a, table.savings-rates tbody td.product-info a:link,table.savings-rates tbody td.product-info a:active, table.savings-rates tbody td.product-info a:visited {font-weight:bold;} 
table.savings-rates tbody td.more-info {border-bottom:1px solid #4da1c6;line-height:1.8;} 
table.savings-rates tfoot td {border-right:1px solid #4da1c6;} 
table.savings-rates tbody div.features {padding:5px 0px 5px 0px;} 
table.savings-rates tbody div.effective-date {font-weight:bold;font-size:12px;}
table.savings-rates tbody td.legalContent {text-align:left;border-bottom:1px solid #4da1c6;} 
table.savings-rates td a.button {margin:5px 0;}
/* HACKS */
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}


/* New body copy styles */
body {color:#454545;}
h1 {color:#666;}
h1,h2 {font-family:nbsBold;font-weight:normal;}

#mainContent a.CTA, #mainContent ul.CTA li a {
    /*background: url("/_/images/bullets/bulletsTicksAndLinkArrows_fff.png") no-repeat scroll 0 0 transparent !important;*/
  		background: url("/_/images/sprites/buttons_2011.png") no-repeat 0 -1498px !important;
    border: medium none;
    font-weight: bold;
    padding-left: 16px;
}
#mainContent p.CTA {
    background: url("/_/images/bullets/bulletsTicksAndLinkArrows_fff.png") no-repeat scroll 0 0 transparent !important;
    border: medium none;
    padding-left: 16px;
}
#mainContent a span.innerBorderForInlineLinks:hover, a span.innerBorderForInlineLinks focus {
    border-bottom: 1px solid #666666 !important;
}

#mainContent a, #mainContent a span.innerBorderForInlineLinks, #extraContent a {
      text-decoration: none;
}


/* New left nav styles */
@font-face{font-family:nbsBold;src:url(/_/fonts/nbs-bold-webfont.eot?#ieNo404) format("eot");src:local("?"),url(/_/fonts/nbs-bold-webfont.woff) format("woff"),url(/_/fonts/nbs-bold-webfont.ttf) format("truetype");}
#leftnav {width:180px;padding:0;margin:0 0 0 5px;display:inline;}
#leftnav .header {font-family:nbsBold;font-size:20px;background: url("/_/images/navigation/leftNavSectionNavigationHeader.png") no-repeat 0 0;color: #fff;font-weight: normal;height: 110px;left: 0;position: relative;top: 0;}
#leftnav .header a {display:block;color:#fff;text-decoration:none;height:90px;}
#leftnav .header a b {cursor:pointer;}
#leftnav .header b {position:absolute;bottom:45px;left:0;width:100px;padding:0 10px;}
div.content #leftnav ul {margin-top:-12px;z-index:10;position:relative;}
div.content #leftnav ul ul,div.content #leftnav ul ul ul {margin-top:0;}
#leftnav ul, #leftnav li {margin:0;padding:0;}
#leftnav li {list-style:none;font-size:13px;width:100%;}
#leftnav li a, #leftnav li b {display:block;}
#leftnav ul li a:hover, #leftnav ul li.currentSection a:hover, #leftnav ul li a:focus, #leftnav ul li.currentSection a:focus {background-color:#f9fafc;}
#leftnav ul li.currentSection ul li a:hover b,#leftnav ul li.currentSection ul li a:focus b {background-color:#dce4f1;}
#leftnav ul li.currentSection a {background: url("/_/images/navigation/leftNavPointer1.png") no-repeat scroll 5px 10px;}
#leftnav ul li.currentSection a b {font-weight:bold;}
#leftnav ul li.hasSubSection a {background:#f2f5fa url("/_/images/navigation/leftNavPointer2.png") no-repeat 5px 10px}
#leftnav ul li.hasSubSection li a b {font-weight:normal;background-color:#f2f5fa;padding:3px 16px 3px 26px}
#leftnav li b {padding: 3px 16px 3px 15px;font-weight:normal;color:#049;}
#leftnav li a {border-bottom: 1px solid #ddd;text-decoration:none;line-height:1.4;cursor:pointer;}
#sectionNavigationHeaderImg {background: url("/_/images/navigation/leftnavHeader_Savings.png") no-repeat  0 0;cursor: pointer;height: 100px;position: absolute;right: -5px;top: -5px;width: 80px;}
#leftnav li.last {background: url("/_/images/navigation/leftNavSectionNavigationFooter.png") no-repeat 0 bottom;font-size: 1px;height: 25px;width: 180px;}
h2.small, h2.smallRight, h3 {color: #039;}

/*Screen reader*/
span.sr {position:absolute;top:0;left:-30000px;overflow:hidden;}



#savingsResults, #considered {width:746px !important;}
#ratesSummaryInfo, #considered_info {width:736px !important;}
#savingsResults div.actions {width:725px !important;}
.considered_offer {width:237px !important;}
.considered_offerfirst {width:242px !important;}
#savingsRatesFilter {width:746px !important;}
#filterborder {width:728px !important;}

div#savingsRatesFilter div#filterinner form div#filterborder div.topradio label#tab2 {left:285px;}
div#savingsRatesFilter div#filterinner form div#tabBodge.tab2active {width:746px;}
div#page  div#mainContent div#savingsloadingScreen {width:750px;margin-left:0;margin-right:0;}

