/* Savings CSS Print view */ .topnavholder {display:none;} .footer {display:none;} .leftblock {display:none;} body {margin-top:0px; text-align:center; font-family:Tahoma; font-size:80%;} .outercontainer {width: 600px; margin: auto; text-align: left; } .contentblock {width: 591px; float:right; padding-right:0px; margin-top:-2px;} .contentblock_nonav {width: 600px; margin-left:0px; padding-left:0px;} .bodytext {padding-left: 10px; margin-bottom: 10px; padding-right: 0px;} .bodytext a {color:#006666; text-decoration:underline;} .bodytext#noline {border-left:0px;} h1 {font-size:100%; font-weight: bold; color:#006666;} .h1Black {font-size:100%; font-weight: bold; color:#000000;} h2 {font-size: 100%; font-weight: bold; color: #006666;} h2#indent {margin-left:25px;} h3 {font-size: 100%; font-weight: bold;} .bodytext .questions a {color:#006666; text-decoration:none; font-weight:bold; cursor:auto;} .bold {font-weight:bold;} .colour {font-weight:bold; color:#006666;} a.colourlink:link {font-weight:bold; color:#006666; text-decoration:none;} a.colourlink:visited {font-weight:bold; color:#006666; text-decoration:none;} a.colourlink:hover {font-weight:bold; color:#006666; text-decoration:none;} a.black:link {color:#000000; text-decoration:none; font-weight:normal;} a.black:visited {color:#000000; text-decoration:none; font-weight:normal;} a.black:hover {color:#000000; text-decoration:none; font-weight:normal;} .legals {padding-top:5px; font-size:85%;} .skip {border:0px;} .intro {color: #006666; font-weight:bold;} p #telNo {color: #006666; font-weight:bold;} .telNo {color: #006666; font-weight:bold; font-size:120%;} .telNoMtg {color: #ff6600; font-weight:bold; font-size:120%;} .bluelist {color: #3366cc; font-weight: bold; padding: 0px 0px -50px 40px; line-height: 120%;} .dots {border-top: dotted 1px #c9c9c9; margin: 20px 0px 0px 0px;} .headline {font-size:130%; color:#006666;} .headlinebold {font-size:130%; color:#006666; font-weight:bold;} .corpheadline {font-size:130%; color:#003399;} .noborder {border:0px;} .custdatalogo { text-align:right; padding:30px 30px 0px 0px;} .center {text-align:center;} .sitright {float:right;} .hmrcbullets { list-style-type:square;} .features_footer {color:#006666; font-size:85%;} .FBLink {margin-left:10px;} /* position mf logos best over 50s */ .ctf {float:right; margin-left:0px; margin-bottom:0px;} .curvecornerbox-container {border:3px solid #e6e6e6;} .curvecornerbox { background-image: url(/images/cbsweb/corner-outline.png); background-position: top right; background-repeat: no-repeat; position: relative; right: -3px; top: -16px; color: #000000; font-weight: bold; padding: 20px 40px 0px 56px; } * html .curvecornerbox {padding-left:16px; right:-6px; top: -22px;} *:first-child+html .curvecornerbox {padding-left:16px; right:-3px; top: -22px;} .curvecornerbox a {font-weight:bold; color:#003399;} .curvecornerbox a:hover {font-weight:bold; color:#003399;} .curvecornerbox a:visited {font-weight:bold; color:#003399;} .contentblock .bodytext ul.border {border: 1px solid #006666; padding: 10px 10px 10px 25px; margin-left:0px;} .contentblock .bodytext ul.orgborder li {margin-left: 2px; margin-bottom: 2px;} div#ctl00_BodyContentPlaceHolder_dRatesDisplay {font-size:100%; color:#000000;} .mtgwarning {font-size:85%; color:Black; font-weight:bold; border-top:1px solid #ff6600; padding-top:10px; padding-right:5px;} /* account selector */ .rightfloated {height:180px; float: right; width: 192px; margin-bottom: 15px; margin-left: 0px; margin-top:4px; padding-left: 5px; padding-right:5px; padding-bottom:20px;} .accountselector {background-color: #99CCCC; border:2px solid #006666; width: 185px; height:30px; padding: 2px; margin: 0px; vertical-align:bottom;} .accountselector form input {vertical-align: bottom;} .accountselector form select {width: 135px; font-size: 85%;} .popularaccounts {width: 189px; border-bottom: 2px solid #006666; border-right: 2px solid #006666; border-left: 2px solid #006666; font-size: 85%; color: #465058; font-weight: bold; padding:0px; margin-top:0px;} .popularaccounts a {color: #465058;} .popacclist {padding: 7px; line-height:150%;} .savleft {border-right:1px dotted #cccccc; width:360px; padding-right:10px; margin-bottom:10px; margin-top:5px;} /* Savings products boxes single ---------------------------------------------------------- */ .prodbox_header {padding:5px; width:345px; font-weight:bold; background-color:#006666; color:White; background-image: url(/images/savings/corner.gif); background-position: top right; background-repeat: no-repeat;} .prod_sgl {width:355px; color:Black; border:1px solid #006666;} .prod_sgl td {padding:10px; vertical-align:top;} .prod_sgl ul {margin-top:0px;} .prod_sgl ul li {margin-left:-22px;} .prod_sgl a {text-decoration:none;} .prodbox_header_pw {padding:4px; width:572px; font-weight:bold; background-color:#006666; color:White; background-image: url(/images/savings/corner.gif); background-position: top right; background-repeat: no-repeat;} .prod_pw { width:580px; color:Black; border:1px solid #006666;} .prod_pw td {padding:10px; vertical-align:top;} .prod_pw ul {margin-top:0px;} .prod_pw ul li {margin-left:-22px;} .prodbox_left {width:160px;} .prod_pw a {text-decoration:none;} .savrate {color:#006666; font-size:220%; font-weight:bold;} .savrate2 {color:#006666; font-size:300%; font-weight:bold;} .savrate3 {color:#006666; font-size:260%; font-weight:bold;} .savrate_sml {color:#006666; font-size:150%; font-weight:bold; margin-top:5px;} .savaer {color:Black; font-weight:bold; font-size:85%;} .savaer2 {color:Black; font-size:85%;} /*Product Selector*/ a.Products:link {color:#006666; text-decoration:underline; font-size:100%; cursor:hand;} a:Products:hover {color:#006666;} a:Products:visited {color:#006666;} .selectorbody {padding: 15px; border: 2px solid #CCcccc; width:540px; } .dotted {border-bottom: 1px #cccccc dotted; font-size: 100%; font-weight:bold; margin:0px; text-align: left; color: #006666; padding-bottom: 10px; } .selectorbody table {width: 100%;} td.ProdDesc{width:45%;} td.ApplyOnline{ width:25%; font-size:85%;} td.ApplyOnline a {color: Black;} td.OrderaPack{ width:30%; font-size:85%;} td.OrderaPack a {color: Black;} /* links on fsx page */ .bodytext#fsx {font-size:100%;} .comb {width:520px;} .left {width:250px; clear:none; text-align:center; float:left;} .right {width:270px; text-align:center; float:right;} /* RBL exc. poppy bond*/ .ex_rate {font-size:350%; color:#006666; font-weight:bold;} .ex_tbl_left {width:50%; vertical-align:middle; text-align:center; padding:0px 25px 0px 25px;} .ex_rate_pc {font-size:220%; color:#006666; font-weight:bold; vertical-align:super;} .applyright {float:right;} .rblpbf {float:right; margin-top:-10px; padding:0px;} /* Terms & Conditions & Information Popups*/ .form_table {width:90%;} .CorpHeader {color:#003399; font-weight:bold; font-size:110%;} .CorpHeader2 {color:#003399; font-weight:bold; font-size:90%;} .CorpHeader1 {color:#003399; font-weight:bold; font-size:100%;} a.aCorp {color:black; text-decoration:underline; font-size:90%} a.aCorp:hover {color:#003399;} a.aCorp2 {color:#003399; font-weight:bold; text-decoration:underline; cursor:hand;} a.aCorp2:hover {color:#003399;} .Warning {color:Red;} A.ABlue {color:#003399;} A.ABlue:hover {color:#003399;} A.ABlue:visited {color:#003399;} TD.PopPopLeft {width:70%;} TD.PopUpRight {width:30%;} /* Forms */ .toptabblue { width: 140px; color: white; font-weight:bold; background-color: #003399; height: 18px; border-bottom: 1px solid white; padding: 6px 24px 0px 6px; background-image: url(/images/cbsweb/corner.gif); background-position: top right; background-repeat: no-repeat;} .toptabblue#leftalign {float:left; text-align:left;} .toptablightgreen {width: 125px; color: white; font-weight:bold; background-color: #669933; height: 18px; border-bottom: 1px solid white; padding: 6px 24px 0px 6px; background-image: url(/images/savings/corner.gif); background-position: top right; background-repeat: no-repeat;} .form-container {border: 2px solid #E0E0E0; padding: 3px;} .form-container#popup{margin-top:25px;} *html .form-container#popup{margin-top:42px;} .field-containerborder {overflow: hidden; padding: 8px 0px 8px 0px; border-bottom: 1px dotted #E0E0E0;} .field-containerborder#last {border-bottom:0px;} .field-containerborder label { text-align:left; width: 275px; float: left; padding-top: 4px; padding-right:4px;} .field-containerborder span#PostCode {width:275px;height:20px;} .field-container {overflow: hidden; padding: 8px 0px 8px 0px;} .field-container label { text-align:left; width: 275px; float: left; padding-top: 4px; padding-right:4px;} .field-container span#AddressLine3 {width:275px; height:20px;} .field-container span#AddressLine4 {width:275px; height:20px;} .field-container span#AddressLine5 {width:275px; height:20px;} .field-containerbold {width: 600px; float: left; padding-top: 4px; font-weight:bold; color:#003399; border-top: 1px dotted #E0E0E0;} .field-containerboldNoLine {width: 600px; float: left; font-weight:bold; color:#003399;} .field-container input {font-size: 100%;} .field-containerborder select {font-size: 100%;} .textbox {width: 175px; height:18px;} .leftaligntab {text-align:left; float:left; width:500px; } .detailsblock {border-bottom: dotted 1px #669933;} /* charges table on imp info */ .chargestable {border:1px solid #003399; border-collapse:collapse;} .chargestable thead {background-color: #003399; border: 2px solid #003399;} .chargestable thead th {color: white; text-align: center; width: 25%; padding: 4px;} .chargestable tbody td {border: 2px solid #003399; border-right: 2px solid #003399; padding: 8px; text-align: center;} .chargestable tbody td.bold {border-left: 2px solid #003399; border-right: 2px solid #003399; padding: 8px; text-align: center; font-weight:bold;} .chargestable tfoot td {border-top: 2px solid #003399; padding: 4px; text-align: right; color: #003399; font-weight:bold;} /* identification table corp blue */ .idtablecorp {border-collapse: collapse;} .idtablecorp thead {background-color: #003399; border: 2px solid #003399;} .idtablecorp thead th {color: white; padding: 4px;} .idtablecorp tbody td {border: 2px solid #003399; width:50%; vertical-align:text-top; padding: 4px;} .idtablecorp tbody td#noline {border:0px;} /* corporate pages */ h1#corph1 {color:#003399;} h2#corph2 {color:#003399;} .corpbold {color: #003399; font-weight:bold;} a.corporate {color: #003399; text-decoration:none;} a.corporate:hover {color: #003399; text-decoration:none;} a.corporate:visited {color: #003399; text-decoration:none;} /* isa limits table */ .isatable {border-collapse: collapse; border:2px solid #006666;} .isatable thead {background-color: #006666; border: 1px solid #006666;} .isatable thead th {color: white; padding: 4px; vertical-align:top; border: 1px solid #cccccc;} .isatable tbody td {border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; vertical-align:text-top; padding: 4px;} .isatable tbody td#wider {width:35%;} .isatable tbody td#greybg {background-color:#cccccc; height:1px;} /* table for terms layouts */ .termstable {border:0px; width:570px;} .termstable tbody td {width:570px; padding: 4px; vertical-align:top;} .termstable tbody td.one {width:35px;} .termstable tbody td.onebold {width:35px; font-weight:bold;} .termstable tbody td.two {width:500px;} .termstable tbody td.twobold {width:500px; font-weight:bold;} .termstable tbody td.coltwo {width:535px;} .termstable tbody td.coltwobold {width:535px; font-weight:bold;} /* savings product adverts ---------------------------------------------------------- */ .boxholder {height:300px; float:left; width:585px;} .ratesbox {float: left; background-color: #D2D2D2; height:150px; width: 280px; padding: 5px 5px 10px 5px;} .ratesbox a {font-weight: normal; color: #000000;} .ratesbox2 {width: 260px; padding:5px 15px 15px 20px; height:145px; background: #D2E6E7 url('/images/savings/ratesbox2back.gif') no-repeat top right; margin-left: 296px; } .ratesbox2 a {font-weight: normal; color: #006666;} h1.boxheader {display: block; text-align: center; background: url('/images/savings/boxheaderback.gif') repeat-x bottom; padding-bottom: 10px; color:#006666;} /*figuretable on ProductFeatures */ .toptabgreen {width: 125px; color: white; font-weight:bold; background-color: #006666; height: 18px; border-bottom: 1px solid white; padding: 6px 24px 0px 6px; background-image: url(/images/savings/corner.gif); background-position: top right; background-repeat: no-repeat;} .figurestable {border-collapse: collapse;} .figurestable thead {background-color: #006666; border: 2px solid #006666;} .figurestable thead th {color: white; text-align: center; width:14%; padding: 4px;} .figurestable thead th.prodname {color: white; text-align: left; width: 100%; padding: 4px 4px 4px 6px;} .figurestable tbody td {border-left: 2px solid #006666; border-right: 2px solid #006666; border-bottom: solid 2px #006666; padding: 5px; text-align: center;} .figurestable tbody td.green {color:#006666; font-weight:bold;} .figurestable tbody td.red {color:#cc0000; font-weight:bold;} .figurestable tbody td.bold {border-left: 2px solid #006666; border-bottom:2px solid #006666; border-right: 2px solid #006666; padding: 8px; text-align: center; font-weight:bold;} .figurestable tfoot td.body { width:100%; } .figurestable tfoot td.center { padding: 4px; text-align: right; color: #868f40; font-size: 85%; width:100%; } .figurestable tfoot td.left { padding: 4px; text-align: left; font-size: 85%; color:#006666; font-weight:normal; width:100%; } .figurestable tfoot td.left a {padding: 4px; text-align: left; font-size: 85%; color:#006666; font-weight:normal; width:100%; } .figurestable tfoot td.right { padding: 4px; text-align: right; font-size: 85%; color:#006666; font-weight:normal;width:100%; } .apply-button-container {padding:5px 0px 5px 0px; width:150px; float:right; margin-left:20px; text-decoration:none; cursor:hand;} .apply-button-container .dblarrow-button {background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; float: right; margin: 0px 10px 0px 10px; padding: 8px 35px 4px 4px; height: 17px; text-decoration:none; cursor:hand;} .apply-button-container .dblarrow-button a {color:white; text-decoration:none;} .apply-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;} .apply-button-container#dots {border-left: dotted 1px #003399; } /* promotion page layout */ .tabboxouter {border:3px solid #e6e6e6;} .tabbox { background-image: url(/images/cbsweb/corner-outline.png); background-position: top right; background-repeat: no-repeat; position: relative; right: -3px; top: -3px; padding-top: 5px; padding-right: 20px; border: 0px; } *html .tabbox {right:-6px;} .tabbox ul {margin-top:5px;} .sp-buttons {padding-left:60px; width:250px;} .sp-appbutton {height:29px; padding-top:5px; width:100px;} .sp-appbutton .db-button {text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px; padding: 5px 30px 8px 10px;} .sp-appbutton .db-button a {color:white; text-decoration:none;} .sp-appbutton .db-button a:hover {color:#C6C6C6; text-decoration:none;} .sp-infobutton {height:29px; padding-top:5px; width:120px; float:right;} .sp-infobutton .db-button {text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px; padding: 5px 30px 8px 10px;} .sp-infobutton .db-button a {color:white; text-decoration:none;} .sp-infobutton .db-button a:hover {color:#C6C6C6; text-decoration:none;} .sp-packbutton {margin-left:-35px; height:29px; padding-top:5px; width:120px;} .sp-packbutton .db-button {text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px; padding: 5px 30px 8px 10px;} .sp-packbutton .db-button a {color:white; text-decoration:none;} .sp-packbutton .db-button a:hover {color:#C6C6C6; text-decoration:none;} /* forms on wrcustdata.aspx for ns7 */ .outerform-container {border: 2px solid #cccccc; padding:8px 5px 5px 10px; width:560px; margin-bottom:5px; float:left;} .formholder {width:510px; float:left; padding:3px; margin-bottom:10px;} .left_form {width:270px; float:left;} .right_form {width:230px; float:right;} .formdots {border-top: 0px; width:530px; margin-bottom:3px;} .bluetab {margin-top:10px; float:left; color: white; font-weight:bold; background-color: #003399; border-bottom: 1px solid white; padding: 3px 24px 3px 6px; background-image: url(/images/cbsweb/corner.gif); background-position: top right; background-repeat: no-repeat;} .holderwithline {border-left:1px solid red;} .bodytext#padleft {float:right; padding-right:8px;} /* New button layout to be used ------------------------------------------------- */ /* main button container*/ .buttons-panel {margin-top:0px; text-decoration:none; padding:0px; height:50px; margin-bottom:10px;} /* button layout for (single buttons either left or right) & (double buttons one left one right) */ .buttons-containers {width:250px; height:30px; padding-top:12px; text-decoration:none; margin-left:0px; margin-bottom:10px; margin-right:0px;} .buttons-containers-left {width:250px; float:left; height:30px; padding-top:6px; text-decoration:none; margin-left:0px; margin-bottom:10px; margin-right:0px;} .buttons-containers-right {width:250px; float:right; height:30px; padding-top:6px; text-decoration:none; margin-left:0px; margin-bottom:10px; margin-right:0px;} /* button containers for (four buttons accross) */ .buttons-containers4-one {width:125px; float:left; height:30px; padding-top:6px; text-decoration:none; margin-left:0px; margin-bottom:10px; margin-right:0px;} .buttons-containers4-two {width:125px; float:left; height:30px; padding-top:6px; text-decoration:none; margin-left:25px; margin-bottom:10px; margin-right:0px;} .buttons-containers4-three {width:125px; float:left; height:30px; padding-top:6px; text-decoration:none; margin-left:25px; margin-bottom:10px; margin-right:0px;} .buttons-containers4-four {width:125px; float:right; height:30px; padding-top:6px; text-decoration:none; margin-left:0px; margin-bottom:10px; margin-right:0px;} /* button layout for (3 buttons accross) */ .buttons-containers3-one {width:160px; float:left; height:30px; padding-top:6px; text-decoration:none; margin-left:0px; margin-bottom:10px; margin-right:0px;} .buttons-containers3-two {text-align:center; width:100px; float:left; height:30px; padding-top:6px; text-decoration:none; margin-left:75px; margin-bottom:10px; margin-right:0px;} .buttons-containers3-three {width:160px; float:right; height:30px; padding-top:6px; text-decoration:none; margin-left:0px; margin-bottom:10px; margin-right:0px;} /* inner button with forward arrows to float right */ .forward-rf-buttons {float:right; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;} .forward-rf-buttons a {color:white; text-decoration:none;} .forward-rf-buttons a:hover {color:#C6C6C6; text-decoration:none;} /* inner button with forward arrows to float left */ .forward-buttons {float:left; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;} .forward-buttons a {color:white; text-decoration:none;} .forward-buttons a:hover {color:#C6C6C6; text-decoration:none;} /* inner button with forward arrows to be centered */ .forward-nf-buttons {float:left; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;} .forward-nf-buttons a {color:white; text-decoration:none;} .forward-nf-buttons a:hover {color:#C6C6C6; text-decoration:none;} /* inner button with up arrows to float left */ .up-buttons {float:left; background-color: #003399; background-image: url(/images/cbsweb/uparrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;} .up-buttons a {color:white; text-decoration:none;} .up-buttons a:hover {color:#C6C6C6; text-decoration:none;} /* Single buttons on applying page */ .buttons-single {width:130px; height:40px; } .buttons-single-left {width:130px; height:30px; padding-top:6px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;} /* -------------------------------OLD Button styles - leave incase called within generated pages -------------------------------*/ /* frame to hold four buttons across the page */ .buttonholder {width:540px; height:50px; float:left;} .buttonholder #one {width:140px; float:left; margin-right:5px; height:25px; } .buttonholder #two {width:118px; float:left; margin-right:5px; height:25px;} .buttonholder #three {width:118px; float:left; margin-right:5px; height:25px;} .buttonholder #four {width:140px; float:left; height:25px;} /* use for all buttons with right arrow */ .next-button-container {text-align: center; overflow: hidden; height:30px; width:80px; float:right; text-decoration:none;} .next-button-container .dblarrow-button { text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px 0px 0px 0px; padding: 6px 30px 6px 4px; height: 17px;} .next-button-container .dblarrow-button a {color:white; text-decoration:none;} .next-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;} /* use for all buttons with left arrow - curve on right */ .back-button-container {text-align: center; overflow: hidden; height:30px; width:80px; text-decoration:none;} .back-button-container .dblarrow-button { text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px 0px 0px 0px; padding: 6px 30px 6px 4px; height: 17px;} .back-button-container .dblarrow-button a {color:white; text-decoration:none;} .back-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;} /* use for all buttons with left arrow - curve on left */ .left-button-container {text-align: center; overflow: hidden; height:30px; width:80px; text-decoration:none;} .left-button-container .dblarrow-button {text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/backarrow.gif); background-position: top left; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px 0px 0px 0px; padding: 6px 4px 6px 30px; height: 17px;} .left-button-container .dblarrow-button a {color:white; text-decoration:none;} .left-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;} /*acc summary button */ .summary-button-container {text-align: center; overflow: hidden; height:30px; width:135px; float:right; text-decoration:none;} .summary-button-container .dblarrow-button {text-align:left; text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 5px; height: 17px;} .summary-button-container .dblarrow-button a {color:white; text-decoration:none;} .summary-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;} /* Up Button */ .up-button-container {height:30px; text-align: center; overflow: hidden; color:White; margin-left:-10px; text-decoration:none; cursor:hand;} .up-button-container .uparrow-button {text-decoration:none; cursor:hand; background-color: #003399; background-image: url(/images/cbsweb/uparrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: bold; float: left; margin: 0px 10px 0px 10px; padding: 6px 35px 6px 6px; height: 17px;} .up-button-container .uparrow-button a {color:white; text-decoration:none;} .up-button-container .dblarrow-button a:hover {color:#C6C6C6; text-decoration:none;} /* cust data buttons*/ .button-panel {margin-top:10px; text-decoration:none; padding:0px; height:50px; margin-bottom:0px; float:left;} .button-container-left {width:250px; float:left; height:30px; padding-top:0px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;} .button-container-right {width:250px; float:right; height:30px; padding-top:0px; text-decoration:none; cursor:hand; margin-left:0px; margin-bottom:10px; margin-right:0px;} .right-button {float:left; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; height:16px; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;} .right-button a {color:white; text-decoration:none;} .right-button a:hover {color:#C6C6C6; text-decoration:none;} .rightfloat-button {float:right; background-color: #003399; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; height:16px; margin-left:0px; padding: 6px 30px 7px 8px; text-decoration:none; cursor:hand;} .rightfloat-button a {color:white; text-decoration:none;} .rightfloat-button a:hover {color:#C6C6C6; text-decoration:none;} /*Summarytable on ProductFeatures */ .toptabgreen {width: 125px; color: white; font-weight:bold; background-color: #006666; height: 18px; border-bottom: 1px solid white; padding: 6px 24px 0px 6px; background-image: url(/images/savings/corner.gif); background-position: top right; background-repeat: no-repeat;} .Summarytable {border-collapse: collapse;} .Summarytable thead {background-color: #006666; border: 2px solid #006666;} .Summarytable thead th {color: white; width:14%; padding: 4px;} .Summarytable thead th.prodname {color: white; text-align: left; width: 100%; padding: 4px 4px 4px 6px;} .Summarytable tbody td {border-left: 2px solid #006666; border-right: 2px solid #006666; border-bottom: solid 2px #006666; padding: 5px;} .Summarytable tbody td.green {color:#006666; font-weight:bold;} .Summarytable tbody td.red {color:#cc0000; font-weight:bold;} .Summarytable tbody td.bold {border-left: 2px solid #006666; border-bottom:2px solid #006666; border-right: 2px solid #006666; padding: 8px; font-weight:bold;} .Summarytable tfoot td.body { width:100%; } .Summarytable tfoot td.center { padding: 4px; text-align: right; color: #868f40; font-size: 85%;width:100%; } .Summarytable tfoot td.left { padding: 4px; text-align: left; font-size: 85%; color:#006666; font-weight:normal; width:100%; } .Summarytable tfoot td.left a {padding: 4px; text-align: left; font-size: 85%; color:#006666; font-weight:normal; width:100%; } .Summarytable tfoot td.right { padding: 4px; text-align: right; font-size: 85%; color:#006666; font-weight:normal;width:100%; } /* ticker */ .ticker {padding:3px; width:570px; background-color:#E1E1E1; color:#006666; font-size:85%; font-weight:bold;} .tickerItem {margin-left:25px;} a.tickerLink:link {text-decoration:underline; color:#006666; font-weight:bold;} a.tickerLink:visited {text-decoration:underline; color:#006666; font-weight:bold;} a.tickerLink:hover {text-decoration:underline; color:#006666; font-weight:bold;} /* styles for new savings application process -------------------------------------------------------------*/ .showProdTable {border-collapse: collapse; border:2px solid #cccccc; width:100%;} .showProdTable thead {background-color: #006666; border: 2px solid #006666;} .showProdTable thead th {color: white; text-align: left; width: 100%; padding: 4px 4px 4px 6px;} .showProdTable td {padding:5px;} .prodName {width:55%;} .prodInfo {width:10%;} .ProdApply {width:35%;} .bodytext#corpline {border-left: 1px solid #003399;} .borderbox {border: 2px solid #cccccc; padding: 15px; margin-left:0px;} .borderbox_rt {float:right; width:400px;} A.corpnoline {color:#003399; font-weight:bold; text-decoration:none;} A.corpnoline:hover {color:#003399; font-weight:bold; text-decoration:none;} A.corpnoline:visited {color:#003399; font-weight:bold; text-decoration:none;} /* progress bar*/ .progressBar {font-size:90%; background-image: url(/images/cbsweb/GreyCorner.gif); text-align:left; background-position: bottom right; background-repeat: no-repeat; background-color:#e4e4e4; padding:5px; font-weight:bold; color:#A8AFAF; margin-left:-10px; margin-top:0px;} .progressBar span {color:#4D5555;} INPUT.fldDisabled{border: 1px solid #808080; background-color: #EBEBE4; padding: 2px;} /* styles for new OLS savings application process -------------------------------------------------------------*/ .OLScontentblock {width: 560px; float:left; text-align: left;} .OLSouterform-container {border: 2px solid #cccccc; padding:8px 5px 5px 10px; margin-bottom:5px; float:left; width: 530px;} .OLSheader {background-image: url(/images/cbsweb/YourCovApp_Blue.gif);background-position: center left; background-repeat: no-repeat; background-color:#003399; padding:5px; margin-left:0px; margin-top:2px; height:30px;} /* Apply Now Buttons on productfeatures.aspx */ .ssapplynowtop {position:absolute; top:4px; left:80%; text-decoration:none; cursor:hand; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px; display:block; background-color: #003399; width:97px; height:29px;} .ssapplynowtop a:hover {color:white; text-decoration:none;} .ssapplynowtop a {color:white; text-decoration:none;} .ssapplynowbottom{position:relative; left:13px; text-decoration:none; cursor:hand; background-image: url(/images/cbsweb/nextarrow.gif); background-position: top right; background-repeat: no-repeat; color: white; font-weight: normal; margin: 0px; display:block; background-color: #003399; width:97px; height:29px;} .ssapplynowbottom a:link {text-decoration:none; color: #FFFFFF} .ssapplynowbottom a:visited {text-decoration:none; color: #FFFFFF} .ssapplynowbottom a:hover {text-decoration:none; color: #FFFFFF} .ssapplynowbottom a:active {text-decoration:none; color: #FFFFFF} .ssapplynowbottom a {color:white; text-decoration:none;} .ssapplynowinner {display:block; height:22px; padding: 7px 0px 0px 7px;} .applynowbuttonsdiv {position:relative; padding: 0px; margin: 0px; border-width:0px;}