.v4_storypage {color: #666;font-size: 12px;}
.v4_storypage a {color:#5583BF;}
.v4_storypage h1 {margin:0px 0 18px 0;}
.v4_storypage h1, .v4_storypage h1 a {color: #505050;font-size: 25px;font-weight: normal;text-transform: uppercase;text-decoration: none;font-family:Arial;}
.v4_storypage h1.smaller, .v4_storypage h1.smaller a {color: #505050;font-size: 20px;font-weight: normal;text-transform: uppercase;text-decoration: none;font-family:Arial;}
.v4_storypage h2, .v4_storypage h2 a {color:#505050; font-size:17px; font-weight:bold; text-decoration:none;font-family:Arial; margin:14px 0;}
.v4_storypage h3, .v4_storypage h3 a {color:#666; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none;font-family:Arial;}

.v4_storypage {line-height: 16px;}
.v4_storypage .topstory_image {margin:0px 10px 10px 0px;border: 1px solid #CCC;}
.pageHolder .v4_storypage h1,.pageHolder .v4_storypage h2,.pageHolder .v4_storypage h3,.pageHolder .v4_storypage h4,.pageHolder .v4_storypage h5,.pageHolder .v4_storypage h6 {font-family:arial;text-transform: none; margin:0px 0px 8px 0px;position: static; color:#505050; font-weight: bold;}
.pageHolder .v4_storypage h1 { font-size: 20px; }
.pageHolder .v4_storypage h2 { font-size: 17px; }
.pageHolder .v4_storypage h3 { font-size: 15px; }
.pageHolder .v4_storypage h4 { font-size: 14px; }
.pageHolder .v4_storypage h5 { font-size: 13px; }
.pageHolder .v4_storypage h6 { font-size: 11px; }
.v4_storypage .by_line {margin-top:0px;}
.v4_storypage ul {list-style-type:disc; margin:0 0 8px 0; padding: 0 0 0 20px; }
.v4_storypage ul li {margin:0px 0px 4px 0px;}
.v4_storypage ul.brpagination {list-style-type: none; overflow: hidden; text-align: right; clear :both; padding: 0px;}
.v4_storypage ul.brpagination li {display:inline-block; *display:inline; border:1px solid transparent; padding-right:2px;}
.v4_storypage ul.brpagination li a {border:1px solid transparent; padding: 2px 4px;}
.v4_storypage ul.brpagination li.active a {background:#5583BF; color:#fff;}
.v4_storypage strong {color:#333; font-weight: bold;}
.v4_storypage span {color:#5583BF; font-weight: bold; font-style: normal;}
.v4_storypage small {font-size: 12px; color:#999999; font-style:italic;}
.v4_storypage cite {font-size: 12px; color:#999999; font-style:normal;}
.v4_storypage p {margin:12px 0;}
.pageHolder .v4_storypage h1 + p,
.pageHolder .v4_storypage h2 + p,
.pageHolder .v4_storypage h3 + p,
.pageHolder .v4_storypage h4 + p,
.pageHolder .v4_storypage h5 + p,
.pageHolder .v4_storypage h6 + p {margin-top:6px;}
.story_image {margin:0 18px 18px 0; float:left;border:1px solid #E5E5E5; padding:4px;}


/* from V4 */
/* CALCULATORS */
.borderBottomMargin {border-bottom:1px solid #8c8c8c; margin:0 0 15px 0 !important;}
.propStatement, .propStatement a, a.propStatement {height:auto;}
.secondMargin {margin-left:17px; overflow:hidden; padding:0px;}
#CompareRatesList  #MtgRates li, #CompareRatesList #HiYieldRates li, #CompareRatesList  #OtherRates li,#CompareRatesList .compareColumn li {float:left; font-size:11px; margin:8px 0 0 0; width:93px;}
#CompareRatesList  #calcDescription.boxSingle {border-right:1px solid #E0E0E0; margin-bottom:10px; padding:0 10px 0 0; width:48%;}
#CompareRatesList  #calcDescription li {float:left; margin:8px 0 0 0; width:140px;}
#CompareRatesList  #calcDescription ul li:nth-child(2n+1), #CompareRatesList  #MtgRates ul li:nth-child(2n+1), #CompareRatesList  #HiYieldRates ul li:nth-child(2n+1), #CompareRatesList  #OtherRates ul li:nth-child(2n+1), #CompareRatesList .compareColumn ul li:nth-child(2n+1) {clear:left;}
#CompareRatesList, #CompareCDRatesList {border-width:0; padding:0px !important; margin: 10px 0px 20px 0px;}
#CompareCCRatesList {padding-top: 10px;}
#CompareRatesList  #HiYieldRates, #CompareRatesList  #OtherRates, #CompareRatesList .compareColumn {border-left: 1px solid #e0e0e0; padding-left:2.5%;}
#CompareRatesList  #MainCalcList {margin-bottom:20px; border-width:0 0 1px 0; padding: 0px;}
#mortgageamount, #mortgageterm, #mortgagerate {width:120px;}
#MtgPaymentCalc h3 {margin:0px; width:auto !important;}
#CompareRatesList  #MtgRates h2, #CompareRatesList  #HiYieldRates h2, #CompareRatesList  #OtherRates h2,#CompareRatesList .compareColumn h2 {font-size:13px !important; margin:0px; padding:0px;color:#666;font-family:arial;font-weight:bold;text-decoration:none;}
#CompareRatesList  #MtgRates, #CompareRatesList  #HiYieldRates, #CompareRatesList  #OtherRates,#CompareRatesList .compareColumn {margin:0px 0px 0px 0px;}
#MtgPaymentCalc ul.form {width:100%; margin-top:10px;}
#MtgCalcMore a, #AutoCalcMore a, #CCardCalcMore a, #HomeEQCalcMore a, #InvCalcMore a, #RetCalcMore a, #SaveCalcMore a, #ColCalcMore a {color:#666666; font-size:11px;}
#MtgCalcList .first, #CCardCalcList .first, #InvCalcList .first, #SaveCalcList .first {border-right:none;}
#CompareRatesList ul li a {color: #5583BF;}

/* COMPARE RATES LIST MODULE */
#CompareRatesList .top {border-bottom: 1px solid #dcdcdc; overflow: hidden; padding-left: 9px;}
#CompareRatesList .middle {border-bottom: 1px solid #dcdcdc; overflow: hidden; padding-left: 9px; margin-top: 10px;}
#CompareRatesList .bottom {margin-top: 10px; padding-left: 9px;}
#CompareRatesList h2, #CompareCCRatesList h2  {margin-top: 0px; font-size: 13px;}
.three-rows ul, .four-rows ul, .five-rows ul {width: 100%; padding: 5px 0px 5px 5px;}
.three-rows ul li {width: 33%; float: left;}
.four-rows ul li {width: 25%; float: left;}
.five-rows ul li {width: 20%; float: left;}
#CompareRatesList.combo.thirds > div {width: 31%;display: inline-block;overflow: hidden;vertical-align: top;margin-left: 4%;zoom: 1;*display: inline;}
#CompareRatesList.combo.thirds > div:first-child {margin-left:0;}
#CompareRatesList.combo h2 {padding-bottom:10px;}
#CompareRatesList.combo img {margin-bottom:5px;}
#CompareRatesList.combo h3 ~ div h2 {margin-top:0px;}
#CompareRatesList.combo.halves, .two_thirds {padding: 20px 0 !important;}
#CompareRatesList.combo.halves.left {float:left;clear:none !important; width:48% !important;margin-left:20px;}
#CompareRatesList.combo.halves > div, #CompareRatesList.combo.halves h3 {width:47%; margin-left:5%;display: inline-block;overflow: hidden;vertical-align: top;zoom: 1;*display: inline;}
#CompareRatesList.combo.halves h2, #CompareRatesList.combo.two_thirds h2 {padding-bottom:0px;}

#CompareRatesList.combo.two_thirds > div, #CompareRatesList.combo.two_thirds h3 {width:34%; margin-left:5%;display: inline-block;overflow: hidden;vertical-align: top;zoom: 1;*display: inline;}
#CompareRatesList.combo.two_thirds > div.first, #CompareRatesList.combo.two_thirds h3.first {width:55%;}
#CompareRatesList.combo.two_thirds .line {border-right: 1px solid #E0E0E0;padding-right: 32px;}
#CompareRatesList.combo.two_thirds h3.line {border-right:0;padding-right: 33px;}

#CompareRatesList.combo .frame_image {width:180px !important; height:96px !important;}
#CompareRatesList.combo h2, #CompareRatesList.combo h2 a {font-size:13px !important;}

#CompareRatesList .halves_no_margin {margin-left:0px !important; display:block !important; width:97% !important;}
#CompareRatesList .first {margin-left:0px !important;}
#CompareRatesList.article ul, #CompareRatesList.article3 ul {float:left; list-style-type:none; padding:0px; margin-top:0px;}
#CompareRatesList.article  ul li, #CompareRatesList.article3 ul li{margin-bottom:6px;}

#CompareRatesList.halves #MtgRates ul li,
#CompareRatesList.halves #HiYieldRates ul li { width: 145px;}

#CompareRatesList .widecolumn li {width:175px !important;}
#CompareRatesList .compareColumn {margin-left:0 !important;}
#CompareRatesList .compareColumn ul li { width: 175px;margin-bottom:0;}
#CompareRatesList .first.compareColumn {margin-left:0;padding-left:0;border-left:0;}
/*---------------------*/


#CardTypeRates, #CreditTypeRates, #CreditIssuerRates {float: left;}
#CardTypeRates {width: 50%;}
#CreditTypeRates {width: 40%; padding-left: 15px; border-left: 1px solid #dcdcdc;}
#CreditIssuerRates {width: 42%; padding: 10px 0px 0px 15px; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
#CardTypeRates li, #CreditIssuerRates li, #CreditTypeRates li  {float: left; width: 50%;}
#MMAProductsNational .fancy_drop, #MMAProductsLocal .fancy_drop {width: 205px;}
#cdInvestmentsProducts .input-option {margin: 0px 2px 0px 4px;}


/* Rate Averages Box - From v4 */
/*oa*/
.rate_averages_mod article h3 {margin-top: 0;}
.rate_averages_mod h3, .rate_averages_mod h3 a {color: #666666;font-size: 13px;font-weight: normal;text-decoration: none;text-transform: uppercase;}
.mod_note {float: right;font-size: 10px;text-transform: uppercase;}
.rate_averages_mod a.mod_note:link, .rate_averages_mod a.mod_note:visited {color: #999999;}
.rate_averages_mod a.mod_note:hover {color: #74A6DB;}
.rate_averages {color: #505050;font-family: "Trebuchet MS",sans-serif;font-size: 15px;margin-bottom: 0px;margin-top: 1px;}
.rate_averages a {color: #505050;}
.rate_averages tr td {border-right: 0;padding: 2px;vertical-align: middle;}
.rate_averages tr td:first-child ~ td {line-height: 19px; text-align:center; border-right:0; }
.rate_averages tr td.rate_graph {padding: 0;width: 222px;}
.rate_averages tr td.rate {font-size: 17px;line-height: 27px; width:18%; vertical-align:middle;}
.rate_averages tbody tr:nth-child(1) td,
.rate_averages tbody tr:nth-child(3) td, .rate_averages tbody tr:nth-child(5) td {background-color: #f5f5f5; border:1px solid #ddd; border-width:1px 0;}
.rate_averages tr.rate_change_up td.rate_change, .rate_averages tr.rate_change_up td.rate_change a {color: #1E894E;}
.rate_averages tr.rate_change_down td.rate_change, .rate_averages tr.rate_change_down td.rate_change a {color: #D7434D;}
.rate_averages tr.rate_change_same td.rate_change, .rate_averages tr.rate_change_same td.rate_change a {color: #888888;}
.rate_change {padding: 0 !important;}
.rate_change_same .rate_change span {margin: 0 2px 0 5px;}
.rate_averages tr td.product_name {border-right: 0 none;font-size: 11px;font-weight: bold;line-height: 8px;padding-top: 10px;padding-bottom: 3px;text-transform: uppercase;vertical-align: bottom;}
.rate_averages td.rate_action {vertical-align:middle !important;}
.rate_averages td.rate_action, .rate_averages td.rate_graph {border-right: 0 none;font-size: 11px;}
.rate_averages td.rate_action a {display: block;font-size: 11px;line-height: 11px; color:#5583BF;}
.rate_averages td.rate_action a:first-child {font-weight: bold;   line-height: 12px;text-transform: uppercase;text-align: center;}
.rate_action a.button {background:#4F81BD;color:#fff !important;text-transform:uppercase;text-decoration:none;padding:4px 5px;border-radius:2px;font-weight:bold;position:relative;float:left;border:0;}
.rate_action a.button:before {content: " ";height: 1px;width: 100%;background: #63aaff;position: absolute;top: 1px;display: block;margin-left:-5px;}
.rate_averages em {color: #989898;display: block;font-size: 10px;font-style: normal;font-weight: bold;line-height: 10px;text-transform: uppercase;}
.rate_averages .up_arrow {border-bottom: 7px solid #D7434D;border-left: 7px solid transparent;border-right: 7px solid transparent;display: inline-block;height: 0;line-height: 0;margin-bottom: 7px;vertical-align: middle; margin-right: 3px;width: 0;}
.rate_averages .up_arrow:before {background: none repeat scroll 0 0 #D7434D;border-left: 1px solid #D7434D;content: " ";height: 5px;margin: 5px 0 0 -3px;position: absolute;width: 5px;}
.rate_averages .down_arrow {border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #1E894E;display: inline-block;height: 0;line-height: 0;vertical-align: middle; margin-right: 3px;width: 0;}
.rate_averages .down_arrow:before {background: none repeat scroll 0 0 #1E894E;border-right: 1px solid #1E894E;  content: " ";height: 5px;margin: -10px 0 0 -3px;position: absolute;width: 5px;}
.rightRail .rate_averages {margin-bottom:30px;}
.rate_averages .rate_action,
.rate_averages .rate_change {white-space: nowrap;}
.rate_averages tr td:first-child {padding-left:3px;}
.rate_averages .space td {border:0;line-height:0px;}
.rate_averages .product { font-size: 13px; white-space: nowrap;}
.rate_averages .rate_change {min-width: 50px;}
.rate_averages .rate_change {font-size: 12px;}

.rate_averages .rate_change_up .up_arrow:before {background-color:#1E894E;border-color:#1E894E;}
.rate_averages .rate_change_up .up_arrow {border-bottom-color:#1E894E;}

.rate_averages_mod tfoot td {border:0; background:#ddd; padding: 5px !important;}
.rate_averages_mod tfoot input {width:78px; padding:4px; margin:0 4px;}
.rate_averages_mod tfoot span {font-size: 10px; font-weight: bold; text-transform: uppercase;}
.rate_averages_mod tfoot .submit  {background: #4F81BD; border: 0; border-radius: 2px; color: #fff; font-weight: bold; padding: 4px 5px; position: absolute; text-transform: uppercase; text-decoration: none; font-size: 12px;}
.rate_averages_mod tfoot .submit:before {content: " "; height: 1px; width: 100%; background: #63aaff; position: absolute; top: 1px; left:0; display: block; }
.rate_averages_mod tfoot a, .rate_averages_mod tfoot a:visited {color: #fff!important;}

.rate_averages.cd .down_arrow:before, .rate_averages.chksav .down_arrow:before {background-color:#D7434D;border-color:#D7434D;}
.rate_averages.cd .down_arrow, .rate_averages.chksav .down_arrow {border-top-color:#D7434D;}
.rate_averages.chksav .up_arrow:before {background-color:#1E894E;border-color:#1E894E;}
.rate_averages.chksav .up_arrow {border-bottom-color:#1E894E;}
.rate_averages.chksav tr.rate_change_down td.rate_change, .rate_averages.chksav tr.rate_change_down td.rate_change a {color: #1E894E;}
.rate_averages.chksav tr.rate_change_up td.rate_change, .rate_averages.chksav tr.rate_change_up td.rate_change a {color: #D7434D;}



.oaTabs .tab a {background:#999; display: block; color:#fff; padding: 5px; font-size: 10px; white-space: nowrap; font-family:'Trebuchet MS'; text-align: center; }
.oaTabs .tab a:hover {text-decoration: none; }
.oaTabs .selected a {background:#5583BF;}
.oaTabs .tab {padding-left: 4px; }
.oaTabs .tab:first-child {padding-left: 0px; }
.rate_averages thead td {border: 0; font-size: 11px; color:#666; padding-top: 0; vertical-align: middle; white-space: nowrap; }









/* end Rate Averages */