.left{width:auto; padding:0;} .right{width:auto; padding:0;} input{background:none;} /* Credit Cards Rates Table - - - - - - - - - - - - - - - - - - - - */ #creditcards{width: 880px; margin: 0 auto; padding: 0;} #creditcards #pageTitle{padding: 15px 0 0 0;} #creditcards #titleeffect{width:630px; margin-right:250px; margin-top:-53px; filter:alpha(opacity=40); opacity: 0.4;} #creditcards h1{font-size: 28px; font-weight:bold; padding-top:8px;} #creditcards h2{float:left; width:100%; font-size: 18px; font-weight:bold; padding:20px 0 20px 10px;} #creditcards #tabs{width: 880px; margin-top:25px;} #creditcards #padIE{height:0;} #creditcards #tabs div{display: block; height: 23px;} #creditcards #tabs div a{font-size: 12px; font-weight: bold;} #creditcards #tabs div a.selected{padding: 3px 4px 5px 4px; background: #e5e5e5; border-bottom: 4px solid #e5e5e5;} #creditcards #tabs div a.selected:hover{background: #e5e5e5; border-bottom: 4px solid #e5e5e5;} #creditcards #tabs div select{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444; margin: 0 0 2px 0; padding: 2px 2px 2px 0; border: #fff 0px solid;} #creditcards #tabs div option{padding: 0 4px 0 0;} #creditcards #halfPageInfo{width: 872px; min-height: 35px; margin: 0; padding: 4px 0 0 0; border: 4px #e5e5e5 solid; border-bottom: 0; z-index:0;} #creditcards #halfPageInfo .inner{min-height: 35px; padding: 0; background: #e5e5e5; z-index:0;} #creditcards #halfPageInfo .inner .gridTitle .highlightBG-green2{background: #eff6f8; height:35px; margin:15px 10px 10px 10px; font-size:11px;} #creditcards .gridTitle .highlightBG .smallPrint{font-size:10px; color:#1176b6;} #creditcards .grid .highlightBG .smallPrint2{font-size:12px; font-weight:normal; color:#060; padding-left:10px; padding-right:10px; padding-bottom:10px;} #creditcards .grid{float: left; position: relative; padding: 0 0 0 6px;} #creditcards .grid table img{padding: 0;text-align: center;} #creditcards .grid .highlight strong{font-size: 14px;} #creditcards .grid .result td{border-bottom: 4px solid #f1f1f1;} #creditcards .grid .result #descriptionList {width:265px;padding: 10px 10px 10px 0;} #creditcards .grid .result #descriptionList ul {padding-right:0;margin-right:0;} #creditcards .grid .result #descriptionList ul li {padding-right:0;margin-right:0;} #creditcards .grid .result td table tr td{border-bottom: none;} #creditcards .grid input{margin:0;padding:0;border:none;} #creditcards #info{margin: 40px 0 20px 0; min-height:200px;} #creditcards #info .item{width: 250px; padding: 0 20px 0 20px;} #creditcards #info .box{min-height:120px;} #creditcards .paging span{font-weight: bold; font-size: 14px;} #creditcards .padR2{float:left;padding:20px 0 0 10px } /*Compliance*/ #creditcards #halfPageInfo .inner .gridTitle table .highlightBG-green {background:#eff6f8;padding-left:15px;} #creditcards .grid table .result li {font-size:12px; list-style: outside !important; margin: 3px 0 0 16px; padding:0; } #creditcards .grid table .result .inter, #creditcards .grid table .result .action{float:left;margin-top:5px;height:25px;} #creditcards .grid table .result td div .inter, #creditcards .grid table .result td div .action{margin-top:-8px;} #creditcards .grid table .result .whiteBG a{float:left; padding-top:4px;} #creditcards .grid table .result .whiteBG ul{float:left; width:240px; padding-top:5px;} #creditcards .grid table .result td table tr .whiteBG{padding-top:6px;} #creditcards .grid table .result td table tr .whiteBGdecision{padding-top:25px; padding-left:10px;} #creditcards .smallheader{font-size:9px;} #creditcards .grid table .result td.padR img, #creditcards .grid table .result td img#rating{margin:0 0 6px -2px;} #creditcards .grid table .result td table tr td img#rating {margin:20px 10px 0 0;} #creditcards .grid table .result td table tr td a{font-size:13px;} #creditcards .grid table .result .highlightBG-green {width:120px; background:#eff6f8; padding: 10px 0 10px 15px;} #creditcards .grid table .result .highlightBG-green2{background:#eff6f8; padding: 25px 0 10px 0;} #creditcards .grid table .result .highlightBG-grey{background:#f8f8f8; padding: 4px 0 0 10px;} #creditcards .grid table .result .highlightBG-white{background:#ffffff; padding: 4px 0 0 0;} #creditcards .grid table .result .highlightBG-green strong{color:#222222;font-size:13px;} #creditcards .grid table .result .highlightBG .smallPrint .aBitLarger {font-size:14px; font-weight:bold; color:#000;} #creditcards .grid table .result .highlightBG-green .smallPrint .aBitLarger {font-size:15px; font-weight:bold; color:#444; line-height:10px;} #creditcards .grid table .result .highlightBG-green .smallPrint {padding-top:13px; padding-bottom:0px} #creditcards .grid table .result .highlightBG-green .smallPrint strong {font-size:11px;font-weight:normal;color:#444;} #creditcards .apr {float:left; font-size:15px; font-weight:bold; color:#484848; padding:10px 0 0 6px;} #creditcards .grid table .result .highlightBG-green .spacer {line-height:24px;} #creditcards .grid .result .padLR{padding-bottom: 0px; padding-top:5px;} #creditcards .grid .result .padLR a:hover, #creditcards2 .grid .result .padLR a:active{text-decoration:none;} #creditcards .grid .hiddenrow {float:left; min-height: 175px; position: relative; border-bottom: 4px solid #f1f1f1; background:url(/img/common/cctablerowbg.gif) repeat-y; display: none;} #creditcards .grid .hiddenrow_bc{float:left; min-height: 115px; position: relative; border-bottom: 4px solid #f1f1f1; display: none;} #creditcards .greyBG{background-color: #f0f0f0;} #creditcards .midlightBG{background-color: #e5e5e5;} #creditcards .paging span{font-weight: bold; font-size: 14px;} #creditcards #info{margin: 40px 0 20px 0; min-height:200px;} #creditcards #info .item{width: 250px; padding: 0 20px 0 20px;} #creditcards #info .box{min-height:120px;} #creditcards .smallPrint{color:#555555;} #creditcards .genericbtn_hldr2{margin-left:15px;margin-top:20px;} #creditcards .moreinfo{color:#ff8800;} #creditcards a.apply_button {float:left; width:135px; height:37px; padding:0; font-size:15px; margin: 20px 0 15px 0; background:url(/img/creditcard/apply_btn.png) -0px -0px no-repeat; } #creditcards a.apply_button:hover {background: url(/img/creditcard/apply_btn.png) -0px -37px no-repeat;} #creditcards a.apply_button2 {padding:0; font-size:15px; margin: 20px 0 15px 0;background:url(/img/creditcard/btn_apply_test.gif) -0px -0px no-repeat;; width:135px; height:37px; display: block; } #creditcards a.apply_button2:hover {background: url(/img/creditcard/btn_apply_test.gif) -0px -37px no-repeat;} /* Hidden row styles */ #creditcards .cardinfo{float:left;width:272px;padding:10px 30px 10px 28px;font-size:11px;color:#444444;} #creditcards .acceptanceinfo2{float:left;width:510px;padding:10px 0 10px 18px;font-size:11px;color:#444444;} #creditcards .acceptanceinfo2 a{font-size:12px;} #creditcards .cardinfo ul, #creditcards .acceptanceinfo2 ul{ padding:4px 0 5px 0;} #creditcards .cardinfo ul li, #creditcards .acceptanceinfo2 ul li{margin:3px 0 0 0; padding:0; line-height:14px; font-size:11px; color:#444444;} /* Possibly no longer needed */ #creditcards #promos .content {min-height:212px;} #creditcards #promos .content .left{margin-top:-5px;} #creditcards #promos .content .left img{margin-top:5px;} #creditcards #promos .content .left a img{margin-top:3px;} #creditcards #promos .content p{font-size: 16px; margin:7px 0 0 0; padding:0;} #creditcards #promos .content strong{font-size: 17px; font-weight:bold;} #creditcards #promos .content .smallPrint{color:#333333;} #creditcards #promos .content .apr_large{font-size: 28px;} #creditcards #promos .content .apr_large span{font-size: 24px;} #creditcards #promos .content .left{width: 120px; height:85px;} #creditcards #promos .content .left a{font-size: 14px; font-weight:bold;} #creditcards #promos .content .btn{position:absolute; top:224px; left:190px;} #creditcards #flashbuzzbar{float:left;width:866px;height:160px;margin:5px 7px 0 7px;} /* Possibly no longer needed */ /* Credit Cards Rates Table - - - - - - - - - - - - - - - - - - - - */ #creditcards2{width: 880px; margin: 0 auto; padding: 0;} #creditcards2 #pageTitle{padding: 15px 0 0 0;} #creditcards2 #titleeffect{width:630px; margin-right:250px; margin-top:-53px; filter:alpha(opacity=40); opacity: 0.4;} #creditcards2 h1{font-size: 28px; font-weight:bold; padding-top:8px; text-align:left; } #creditcards2 #tabs_blue .selecttab{height:25px; font-size: 12px; display: block; padding: 8px 10px 0 10px; background: url(/img/common/tabs_blue_select.gif) no-repeat top left;} #creditcards2 #tabs_blue .selecttab select{background: none; border:none;} #creditcards2 #tabs_blue .selecttab select:hover{background: #d9e8ed;} #creditcards2 #tabs_blue div option{padding: 0 4px 0 0;} #creditcards2 #halfPageInfo{width: 880px; min-height: 40px; margin: 0; padding: 0; border:none; border-bottom: 0; z-index:0;} #creditcards2 #halfPageInfo .inner{width: 880px; min-height: 40px; padding: 0; background: #2e5e90 url(/img/common/tabs_blue_hdr.gif) no-repeat; z-index:0;} #creditcards2 .gridTitle table{color: #ffffff; padding-top:0;} #creditcards2 .gridTitle table a{color:#ffffff;text-decoration:underline;} #creditcards2 .gridTitle table td{padding-top: 5px; padding-bottom: 3px; font-weight:bold;} #creditcards2 .gridTitle table .padT, #creditcards2 .gridTitle table .padL{font-weight:normal;} #creditcards2 .gridTitle table .padL{padding-bottom:7px;} #creditcards2 .gridTitle table .lowlightBG, #creditcards2 .gridTitle table .highlightBG, #creditcards2 .gridTitle table .whiteBG{padding-top: 0; padding-bottom: 0;} #creditcards2 .gridTitle .highlightBG a, #creditcards2 .gridTitle .lowlightBG a, #creditcards2 .gridTitle .whiteBG a{color:#1176b6;} #creditcards2 .gridTitle .highlightBG .smallPrint{font-size:10px; font-weight:normal; color:#1176b6;} #creditcards2 .grid{float: left; position: relative; padding: 0;} #creditcards2 .grid table img{padding: 0;} #creditcards2 .grid .highlight strong{font-size: 14px;} #creditcards2 .grid .result td{border-bottom:1px solid #dddddd;} #creditcards2 .grid .result .padR a{font-weight:bold;} #creditcards2 .grid .result .padR2 {padding-left:10px;} #creditcards2 .grid .result .padL, #creditcards2 .grid .result .padR, #creditcards2 .grid .result .padLR{background: url(/img/common/fade20.gif) repeat-x;} #creditcards2 .grid .result .padLR{padding-top: 10px;} #creditcards2 .grid .result .padLR a:hover, #creditcards2 .grid .result .padLR a:active{text-decoration:none;} #creditcards2 .grid .result ul{list-style: inside; padding:5px 0 0 0;} #creditcards2 .grid .result ul li{margin:3px 0 0 0; padding:0; line-height:14px; font-size:11px; color:#444444;} #creditcards2 .grid input{margin:0;padding:0;} #creditcards2 .grid .result .whiteBG .smallPrint{font-size:11px; font-weight:normal; padding-left:6px;} #creditcards2 .grid .result .whiteBG img{padding-left:6px;} #creditcards2 .lowlightBG{background-color: #deecf0; border-right:1px solid #ecf5f8;} #creditcards2 .grid .result .lowlightBG, #creditcards2 .grid .result .whiteBG{font-size:15px; font-weight:bold; color:#444444;} #creditcards2 .whiteBG{background-color: #ffffff; border-right:1px solid #e2eef2;} #creditcards2 .highlightBG{background-color: #deecf0;} #creditcards2 .grid .result .highlightBG{font-size:19px; font-weight:bold; color:#444444;} #creditcards2 .grid td.padL, #creditcards2 .grid td.padR, #creditcards2 .grid td.padLR, #creditcards2 .grid td.padLR2, #creditcards2 .grid tr.result td.whiteBG, tr.result td.greyBG, .grid tr.result td.lowlightBG, .grid tr.result td.highlightBG{padding-bottom:0;} #creditcards2 .grid .hiddenrow {float:left; width: 870px; min-height: 175px; position: relative; border-bottom:2px solid #346398; background:url(/img/common/cctablerowbg.gif) repeat-y; display: none;} #creditcards2 .grid .hiddenrow_bc{float:left; width: 870px; min-height: 115px; position: relative; border-bottom:2px solid #346398; background:url(/img/common/cctablerowbg_bc.gif) repeat-y;display: none;} #creditcards2 .greyBG{background-color: #f0f0f0;} #creditcards2 .midlightBG{background-color: #e5e5e5;} #creditcards2 .paging span{font-weight: bold; font-size: 14px;} #creditcards2 #info{margin: 40px 0 20px 0; min-height:200px;} #creditcards2 #info .item{width: 250px; padding: 0 20px 0 20px;} #creditcards2 #info .box{min-height:120px; } #creditcards2 .smallPrint{color:#555555;} /* Hidden row styles */ #creditcards2 .acceptance{float:left;width:225px;min-height:80px;padding:10px 0 0 10px;} #creditcards2 .acceptance img{padding-right:10px;} #creditcards2 .acceptance p{font-size:11px; padding:0 5px 0 0;} #creditcards2 .acceptanceinfo{float:left;width:625px;min-height:80px;padding:10px 10px 10px 0;} #creditcards2 .acceptanceinfo p{float:left;width:625px;margin:0;padding:0;font-size:11px;} #creditcards2 .acceptanceinfo ul{float:left;width:260px;font-size:11px;color:#555555;margin:0;padding:4px 0 0 15px;} #creditcards2 .acceptanceinfo li{padding:0;margin:0;} #creditcards2 .details1{float:left;width:226px;height:21px;padding:2px 0 0 10px;font-size:11px;font-weight:bold;border-top:1px solid #d9e8ed;} #creditcards2 .details2{float:left;width:196px;height:20px;padding:3px 0 0 0;font-weight:bold;border-top:1px solid #d9e8ed;} #creditcards2 .buttonrow{float:left;width:850px;padding:10px 0 0 10px;background:url(/img/common/cctablerowftr.gif) no-repeat left bottom;} #creditcards2 .details1 .action, #creditcards2 .details2 .action{padding-right:3px;} #creditcards2 .cardinfo{float:left;width:282px;padding:10px 80px 10px 18px;font-size:11px;color:#444444;} #creditcards2 .acceptanceinfo2{float:left;width:483px;padding:10px 0 10px 2px;font-size:11px;color:#444444;} #creditcards2 .cardinfo ul, #creditcards2 .acceptanceinfo2 ul{ padding:4px 0 0 0;} #creditcards2 .cardinfo ul li, #creditcards2 .acceptanceinfo2 ul li{margin:3px 0 0 0; padding:0; line-height:14px; font-size:11px; color:#444444;} #creditcards2 .buttonrow_bc{float:left;width:850px;padding:10px 0 0 10px;background:url(/img/common/cctablerowftr_bc.gif) no-repeat left bottom;} /* Added for Credit Card Splash page New Version */ #creditcards3{width: 880px; margin: 0 auto; padding:0; font-size:13px; overflow: hidden;} #creditcards3 .left{width: 880px; margin: 0 auto; padding:0; overflow: hidden;} #creditcards3 #sidebar_wide{float:left; width: 170px; margin:0; padding:30px 0 200px 0; font-size:12px; text-align:center;} #creditcards3 #sidebar_wide p{width: 170px; text-align:center; padding: 3px 0 0 0; margin:0;} #creditcards3 #sidebar_wide p img{text-align:center;} #creditcards3 h1{font-size:26px; font-weight:bold; padding:30px 0 18px 0;} #creditcards3 strong{font-size:24px; font-weight:normal;} #creditcards3 .left .left {width: 380px; margin:0 10px 0 20px;} #creditcards3 .left .left .left {width: auto; margin:0;} #creditcards3 .left p{padding: 0 0 12px 5px; margin:0;} #creditcards3 #info{float:left; margin:0 0 30px -5px;} #creditcards3 #info .box{float:left; width: 236px; min-height: 130px; font-size:12px; font-weight:bold; line-height:16px; padding: 15px 15px 17px 130px; margin:8px 0 0 -15px; background: #f1f1f1 url(/img/creditcards/steve.gif) no-repeat; background-position:bottom left;} #creditcards3 #info .box a{font-size:12px;} #creditcards3 #info .box i{font-size:18px; font-weight:bold;} #creditcards3 #info .box p{font-size:11px; font-weight:bold; padding: 10px 0 0 5px; margin:0;} #creditcards3 #halfPageInfo{float:right; width: 283px; margin: 30px 0 20px 0; font-size:11px;} #creditcards3 #halfPageInfo .left{width:auto; margin:0;} #creditcards3 #halfPageInfo .inner{width: 268px; padding: 15px 0 25px 15px;} #creditcards3 #halfPageInfo .inner .row{float:left; width: 283px; padding:0 0 25px 0;} #creditcards3 #halfPageInfo .inner h2{font-size:20px; padding: 0 0 20px 0;} #creditcards3 #halfPageInfo .inner a{font-size:17px;} #creditcards3 #halfPageInfo .inner .row a i{font-size:11px;} #creditcards3 #halfPageInfo .inner img{padding:0 10px 0 0;} #creditcards3 #halfPageInfo .inner h3{font-size:16px; font-weight:bold; padding:7px 0 0 0;} #creditcards3 #halfPageInfo .inner .btn1{position:absolute; left:204px; top:138px;} #creditcards3 #halfPageInfo .inner .btn2{position:absolute; left:204px; top:264px;} #creditcards3 #halfPageInfo .inner .btn3{position:absolute; left:204px; top:389px;} #creditcards3 .left ul{list-style: none; list-style: url(/img/icons/tick-tiny.gif) outside; padding:0 10px 5px 35px;} #creditcards3 .left li{padding:0 0 5px 0;} #creditcards3 .btntext {float:left; width: 264px; margin:0 0 0 5px;} /* Credit Cards Rates Table - Credit Builder landing page /* Credit Cards Rates Table - Credit Builder landing page - - - - - - - - - - - - - - - - - - - - */ #creditcards4{width: 880px; margin: 0 auto; padding: 0;} #creditcards4 #pageTitle{padding: 25px 0 50px 0;} #creditcards4 #pageTitle h1{font-size: 32px; padding-bottom:5px;} #creditcards4 #halfPageInfo{width: 880px; min-height: 52px; padding: 0; margin-top:30px; border: 0; z-index:0;} #creditcards4 #halfPageInfo .inner{width: 880px; min-height: 52px; padding: 0; z-index:0; background: #4e9605 url(/img/common/title_green2.gif) repeat-x;} #creditcards4 .rosette{position:absolute; top:22px; left:-8px; width:57px; height:68px; background: url(/img/common/trust_green.png) no-repeat; z-index:10;} #creditcards4 .gridTitle table{padding: 0; color:#ffffff;} #creditcards4 .gridTitle table a{padding: 0; color:#ffffff;} #creditcards4 .gridTitle table .highlightBG a{padding: 0; color:#1176b6;} #creditcards4 .gridTitle table h2{padding:0 0 5px 50px; font-weight:bold; font-size:16px;} #creditcards4 .gridTitle .highlightBG .smallPrint{font-size:10px; color:#1176b6;} #creditcards4 .grid{float: left; position: relative;} #creditcards4 .grid table img{padding: 0 0 10px 0;} #creditcards4 .grid table .result td.padLR a img, #creditcards4 .grid table .result td.padR a{cursor:pointer;} #creditcards4 .grid .highlight strong{font-size: 16px;} #creditcards4 .grid .result td{border-bottom: 4px solid #f1f1f1; color:#333333;} #creditcards4 span .grid .result td{border-bottom: 2px solid #4e9605; color:#333333; background-color:#ecf2e5;} #creditcards4 span .grid .result .highlightBG{background-color:#dfefce;} #creditcards4 .grid .result td p{padding:5px 10px 0 0;} #creditcards4 .grid .result .highlightBG{padding-top:45px;} #creditcards4 .grid .result .highlightBG{padding-top:45px;} #creditcards4 .grid td.padL{padding-top: 15px;} #creditcards4 .grid td.padR{padding-top: 15px;} #creditcards4 .grid td.padLR{padding-top: 15px;} #creditcards4 .grid ul{list-style: outside; padding:0 10px 0 15px;} #creditcards4 .grid li{padding:0;} #creditcards4 #info{margin: 60px 0 20px 0;} #creditcards4 #info .item{width: 250px; padding: 0 20px 0 20px;} #creditcards4 .paging span{font-weight: bold; font-size: 14px;} #creditcards4 .gridTitle .padR{padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 85px;} #creditcards4 .gridTitle table #creditAPR{color: #1176b6;} /* Credit Cards Rates Table - Credit Builder landing page v2 - - - - - - - - - - - - - - - - - - - - */ #creditcards4b{width: 880px; margin: 0 auto; padding: 0;} #creditcards4b #pageTitle{padding: 25px 0 100px 0;} #creditcards4b #pageTitle h1{font-size: 32px; padding-bottom:15px;} #creditcards4b .rosette{position:absolute; top:-15px; left:-8px; width:300px; height:68px; background: url(/img/common/trust_green.png) no-repeat; z-index:10;} #creditcards4b .grid{float: left; position: relative; margin:30px 0 0 0; padding:0; width:870px;} #creditcards4b .grid .hdr{float:left; width:880px; height:41px; background-color:#eeeeee; font-size:14px;} #creditcards4b .grid span .hdr{background: #4e9605 url(/img/common/title_green2.gif) repeat-x;} #creditcards4b .grid .hdr .col1{float:left; width:109px; padding:15px 10px 10px 10px;} #creditcards4b .grid .hdr .col2{float:left; width:256px; padding:15px 0 10px 0;} #creditcards4b .grid .hdr .col12{float:left; width:325px; padding:8px 10px 10px 50px; font-weight:bold; font-size:16px; color:#FFFFFF;} #creditcards4b .grid .hdr .col3{float:left; width:205px; padding:15px 0 10px 10px;} #creditcards4b .grid span .hdr .col3 a{color:#ffffff; text-decoration:underline;} #creditcards4b .grid .hdr .col4{float:left; width:169px; margin:9px 6px 0 5px; padding:8px 5px 8px 5px; background-color:#FFFFFF; text-align:center;} #creditcards4b .grid .hdr .col5{float:left; width:70px; padding:15px 10px 10px 10px;} #creditcards4b .grid .row{float:left; width:880px; border-bottom:3px #eeeeee solid;} #creditcards4b .grid span .row{border-bottom:2px #4e9605 solid; background-color:#ecf2e5;} #creditcards4b .grid .row .col1{float:left; width:109px; padding:10px 10px 0 10px;} #creditcards4b .grid .row .col2{float:left; width:256px; padding:10px 0 0 0;} #creditcards4b .grid .row .col3{float:left; width:205px; padding:10px 0 0 10px;} #creditcards4b .grid .row .col4{float:left; width:180px; padding:0 5px 2px 5px;} #creditcards4b .grid .row .col4row{float:left; width:179px; border-right:1px #eeeeee solid; background-color:#FFFFFF;} #creditcards4b .grid .row .col4row-highlight{float:left; width:174px; height:30px; padding:12px 0 0 5px; background-color:#dddddd;} #creditcards4b .grid .row .col4row-highlight b{font-size:15px;} #creditcards4b .grid .row .col4row .minicol1{float:left; width:80px; height:38px; padding:8px 5px 0 5px; background-color:#d4e7c2; border-bottom:2px #ffffff solid;} #creditcards4b .grid .row .col4row .minicol2{float:left; width:89px; height:38px; margin-top:8px; text-align:center;} #creditcards4b .grid .row .col5{float:left; width:70px; padding:10px 10px 0 10px;} #creditcards4b .grid .row img{padding: 5px 0 6px 0;} #creditcards4b .grid .row .nudgeup{margin:-8px 0 0 0;} #creditcards4b .grid .row p{padding:6px 10px 0 0; font-size:11px;} #creditcards4b .grid ul{margin-left:22px; padding:4px 10px 0 0; color:#444444;} #creditcards4b .grid li{padding:0; margin:0;} #creditcards4b .grid .row .col3 p{padding:8px 0 0 0;} #creditcards4b #info{margin: 60px 0 20px 0;} #creditcards4b #info .item{width: 250px; padding: 0 20px 0 20px;} #creditcards4b .paging span{font-weight: bold; font-size: 14px;} #creditcards4b .grid .col1 a img, #creditcards4b .grid .col2 a, #creditcards4b .grid .col5 a{cursor:pointer;} #creditcards4b .paging span{font-weight: bold; font-size: 14px;} /* Credit Cards Rates Table - Credit Builder landing page v3 - - - - - - - - - - - - - - - - - - - - */ #creditcards4c{width: 880px; margin: 0 auto; padding: 0;} #creditcards4c #pageTitle{width: 700px; min-height:172px; padding: 20px 0 0 170px; background: url(/img/common/smilygirl.jpg) no-repeat;} #creditcards4c #pageTitle h1{font-size: 26px; font-weight:bold; padding-bottom:18px;} #creditcards4c #pageTitle p{font-size: 14px; padding-left:20px; padding-right:10px;} #creditcards4c .grid{float: left; position: relative; margin:0 0 30px 0; padding:0; width:880px;} #creditcards4c .grid .hdr{float:left; width:880px; height:20px; background-color:#3a8000; background: url(/img/common/title_fulltable.gif) no-repeat; font-size:11px; padding:2px 0 0 10px; color:#FFFFFF;} #creditcards4c .grid .hdr strong{font-size:12px;} #creditcards4c .grid .row{float:left; width:880px; border-bottom:1px #b8b8b8 solid; padding-bottom:20px; padding-top:20px; background: url(/img/common/tablerow-inner.jpg) repeat-x;} #creditcards4c .grid .row .col1{float:left; width:180px; height:162px; padding:0 0 0 20px;} #creditcards4c .grid .row .col1 .apr{width:140px; height:26px; font-size:24px; font-weight:bold; text-align:right; margin:0; padding:0;} #creditcards4c .grid .row .col1 .apr2{width:140px; height:12px; font-size:11px; text-align:right; margin:0; padding:0;} #creditcards4c .grid .row .col2{float:left; width:480px; padding:0 0 0 0; font-size:24px; font-weight:bold;} #creditcards4c .grid .row .col2 a{text-decoration:none;} #creditcards4c .grid .row .col2 .action{font-size:12px; font-weight:normal; padding-left:10px;} #creditcards4c .grid .row .col2 .list{padding-top:8px;} #creditcards4c .grid .row .col2 .list .tick ul li{font-size:12px; font-weight:normal; padding-bottom:5px;} #creditcards4c .grid .row .col3{float:left; width:170px; padding:0 10px 0 20px;} #creditcards4c .grid .row .col3 .applynowLarge{float:right; padding-top:35px;} #creditcards4c #info{margin: 60px 0 20px 0;} #creditcards4c #info .item{width: 250px; padding: 0 20px 0 20px;} /* Added for Credit Card Splash page New Version */ #creditcards8{width: 880px; margin: 0 auto; padding:25px 0 0 0; font-size:13px; overflow: hidden;} #creditcards8 #pageTitle{margin:0 0 20px 0; padding:0; font-size:36px; font-weight:bold; text-align:center;} #creditcards8 #creditcards_title {width: 600px; padding-left:10px; font-family:Arial, Helvetica, sans-serif;} #creditcards8 #creditcards_title #titlesmall {font-size:16px; /*padding-bottom:10px;*/} #creditcards8 #creditcards_title #titlelarge {font-size:20px; font-weight:bold; padding:6px 0 10px 0;} #creditcards8 #creditcards_title #spacer {height:6px;} /* card image */ #creditcards8 .cardimage{float:left; width: 216px; margin: 0; padding:15px 15px 0 10px; font-size:12px;} #creditcards8 .cardimage2{float:left; width:534px; height:180px; margin: 0; padding:0 0 0 346px; background: url(/img/creditcard/cardfloor.jpg) no-repeat;} #creditcards8 .cardimage p{width: 206px; padding: 4px 0 0 10px; margin:0; line-height:22px;} /* main card application content */ #creditcards8 .cardinfo{float:left; width: 459px; margin-top:5px;} #creditcards8 .cardinfo h1{font-size:20px; font-weight:bold; padding:6px 0 10px 0;} #creditcards8 .cardinfo h2{font-size:16px;} #creditcards8 .cardinfo strong{font-size:24px;} #creditcards8 .cardinfo p{float:left;width: 459px;padding: 0 0 12px 5px; margin:0;} #creditcards8 .cardinfo .list{float:left; width: 464px;} #creditcards8 .cardinfo .list ul{list-style: none; list-style: url(/img/icons/tick-tiny.gif) outside; padding:0 10px 5px 35px;} #creditcards8 .cardinfo .list li{padding:0 0 5px 0;} #creditcards8 .cardinfo .button {float:left; width:239px; margin:4px 0 0 40px;} #creditcards8 .cardinfo2{float:left; width: 880px; margin-top:5px;} #creditcards8 .cardinfo2 .list{float:left; width: 880px; margin-top:-35px; margin-bottom:6px;} #creditcards8 .cardinfo2 ul{list-style: none; list-style: url(/img/icons/tick-mid.gif) outside; padding:0 0 2px 275px; font-size:14px;} #creditcards8 .cardinfo2 li{padding:0;} #creditcards8 .cardinfo2 h2{margin:0; padding:0 0 0 95px; font-size:11px; color:#999999; text-align:center;} #creditcards8 .cardinfo2 h2 strong{font-size:38px; font-weight:bold; color:#333333;} #creditcards8 .cardinfo2 #addhighlight {float:left; margin:-37px 0 0 330px; width:240px; height:14px; background-color:#ffffff; filter:alpha(opacity=30); opacity: 0.3;} #creditcards8 .cardinfo2 .button {float:left; width:560px; margin:8px 0 10px 320px;} #creditcards8 .cardinfo3{float:left; width: 629px; margin-top:10px;} #creditcards8 .cardinfo3 .list{float:left; width: 629px; color:#454545;} #creditcards8 .cardinfo3 .list ul{list-style: none; list-style: url(/img/icons/tick-tiny2.gif) outside; font-size:15px; padding:0 10px 5px 35px;} #creditcards8 .cardinfo3 .list ul li{padding:3px 0px 2px 5px;} #creditcards8 .cardinfo3 .list ul li .smallPrint{font-size:12px;} #creditcards8 .cardinfo3 h3{font-size:20px; padding:6px 0 10px 0;} #creditcards8 .cardinfo3 .button {float:left;width:250px;margin:10px 0 20px 12px;} /* card logo */ #creditcards8 .cardlogo{float:right; width: 170px; margin: 12px 10px 0 0; padding:0;} #creditcards8 .cardlogo p{margin:0 10px 15px 0; font-size:11px; text-align:right;} #creditcards8 .cardlogo p a{font-size:13px;} #creditcards8 .cardlogo p strong{font-size:28px;} /* steve info box */ #creditcards8 .steve {float:left; width: 665px; min-height:200px; margin:15px 0 25px 10px; padding: 20px 10px 0 180px; z-index:1; font-size:12px; background: url(/img/creditcard/steve3.jpg) no-repeat; border-top:1px #dedede solid;font-size:12px;} #creditcards8 .steve h2{font-size:20px; font-weight:bold;padding: 0 0 12px 0; margin:0;} #creditcards8 .steve h2 b{font-size:18px;} #creditcards8 .steve p{margin:0;padding:15px 0 10px 15px;} #creditcards8 .steve a{font-size:11px;margin-left:35px;} #creditcards8 .steve .action{color:#ff6600;} #creditcards8 .steve i{font-size:11px; color:#777777;} #creditcards8 .steve .list ul{padding:0 0 0 15px;} #creditcards8 .steve .list li{font-weight:normal; padding:0; background:none;} #creditcards8 .steve .apply{padding-top:20px;} /* steve info box 2 */ #creditcards8 .steve2 {float:left; width: 665px; min-height:200px; margin:15px 0 5px 10px; padding: 20px 10px 0 250px; z-index:1; font-size:12px; background: url(/img/creditcard/steve4.jpg) no-repeat; border-top:1px #dedede solid;font-size:12px;} #creditcards8 .steve2 h2{font-size:18px; font-weight:bold; padding: 3px 0px; margin:0;} #creditcards8 .steve2 h2 b{font-size:18px;} #creditcards8 .steve2 .spacer{padding-bottom:10px;} #creditcards8 .steve2 .paragraph{width:450px} #creditcards8 .steve2 .paragraph .highlight{color:#0099FF; font-size:12px;} #creditcards8 .steve2 p{margin:0;padding:15px 0 10px 15px;} #creditcards8 .steve2 a{font-size:11px;margin-left:35px;} #creditcards8 .steve2 .action{color:#ff6600;} #creditcards8 .steve2 i{font-size:11px; color:#777777;} #creditcards8 .steve2 .list ul{padding:0 0 0 15px;} #creditcards8 .steve2 .list li{font-weight:normal; padding:0; background:none;} #creditcards8 .steve2 .apply{padding-top:20px;} /* other cards */ #creditcards8 #halfPageInfo{float:left; width: 850px; margin: 5px 0 0 10px; font-size:11px; z-index:0;} #creditcards8 #halfPageInfo .left{width:auto; margin:0; padding:0;} #creditcards8 #halfPageInfo .right{padding-right:24px;} #creditcards8 #halfPageInfo .inner{width: 835px; padding: 15px 0 5px 15px;} #creditcards8 #halfPageInfo .inner .column{float:left; width: 278px; padding:0 0 25px 0;} #creditcards8 #halfPageInfo .inner .column p{float:left; width: 140px; margin:0 0 8px 0; padding:0;} #creditcards8 #halfPageInfo .inner h2{font-size:20px; padding: 0 0 20px 0;} #creditcards8 #halfPageInfo .inner a{font-size:17px;} #creditcards8 #halfPageInfo .inner .column a i{font-size:11px;} #creditcards8 #halfPageInfo .inner img{padding:0 10px 0 0;} #creditcards8 #halfPageInfo .inner h3{width: 60px; font-size:16px; font-weight:bold; padding:7px 0 0 0;} #creditcards8 #halfPageInfo .inner .btn1{position:absolute; left:204px; top:138px; z-index:20;} #creditcards8 #halfPageInfo .inner .btn2{position:absolute; left:482px; top:138px; z-index:20;} #creditcards8 #halfPageInfo .inner .btn3{position:absolute; left:760px; top:138px; z-index:20;} /* full details table */ #creditcards8 .titlebar-simple {float:left; width:850px; margin:25px 0 0 10px; padding:5px 10px 10px 10px; font-size:18px; font-weight:bold; color:#333333;} #creditcards8 .ccmaintable {float:left; width: 870px; margin-left:10px; background: none;} #creditcards8 .tablerow {float:left; width: 870px; padding: 6px 0 6px 10px; border-bottom:1px #cccccc solid;} #creditcards8 .tablerow .col1{float:left; width: 228px;} #creditcards8 .tablerow .col2{float:left; width: 70px;} #creditcards8 .tablerow .col3{float:left; width: 572px; font-weight:bold;} #creditcards8 .tablerow .col3 strong{font-size:18px;} #creditcards8 .tablerow .col3 .textdown{font-size:12px;} #creditcards8 .tablerow .col3 img{margin-top:-6px;} #creditcards8 .ccmaintable .left {width: 190px;margin:25px 0 0 10px;} #creditcards8 .ccmaintable .left .apply{margin-top:-6px;} #creditcards8 .ccmaintable .right {width: 80px;margin:25px 0 0 10px;text-align:right;} #padfortargets{height:500px;} #creditcards8 #info{margin: 40px 0 20px 0; min-height:200px;} #creditcards8 #info .item{width: 250px; padding: 0 20px 0 20px;} #creditcards8 #info .box{min-height:120px;} /* Added for Credit Card Splash page New Version */ #creditcards9{width: 880px; margin: 0 auto; padding:25px 0 0 0; font-size:13px; overflow: hidden;} #creditcards9 #pageTitle{margin:8px 0 20px 0; padding:0; font-size:36px; font-weight:bold; text-align:center;} #creditcards9 #pageTitle h1{font-size:26px;font-weight:bold;} #creditcards9 .left{width: 365px;padding:7px 0 50px 75px;background:url(/img/common/bookfade.gif) repeat-y; background-position:right;font-size:13px;font-weight:normal;} #creditcards9 .right{width: 383px;padding:7px 0 50px 57px;font-size:13px;font-weight:normal;} #creditcards9 .left h1, #creditcards9 .right h1{font-size:20px;font-weight:bold;color:#1176b6;margin-bottom:8px;} #creditcards9 .left h2, #creditcards9 .right h2{font-size:16px;font-weight:bold;color:#333333;margin-bottom:8px;} #creditcards9 .left b, #creditcards9 .right b{color:#444444;} #creditcards9 .left .list, #creditcards9 .right .list{margin:5px 30px 0 -15px;min-height:55px;} #creditcards9 .left .list, #creditcards9 .right .list ul li{height:25px;} #creditcards9 .left .apr, #creditcards9 .right .apr{font-size:22px;font-weight:bold;color:#333333;} #creditcards9 .left p, #creditcards9 .right p{width:300px;margin-top:5px;} #creditcards9 .left .smallPrint, #creditcards9 .right .smallPrint{color:#555555;font-size:12px;} #creditcards9 .left .btn{float:left;width:365px;margin:0 0 18px 0;} #creditcards9 .right .btn{float:left;width:383px;margin:0 0 18px 0;} #creditcards9 #halfPageInfo{float:left; width: 850px; margin: 35px 0 0 10px; font-size:11px; z-index:0;} #creditcards9 #halfPageInfo .left{width:auto; margin:0; padding:0;background:none;font-size:11px;} #creditcards9 #halfPageInfo .right{width:auto; margin:0; padding:0 24px 0 0;font-size:11px;} #creditcards9 #halfPageInfo .inner{width: 835px; padding: 15px 0 5px 15px;} #creditcards9 #halfPageInfo .inner .column{float:left; width: 278px; padding:0 0 25px 0;} #creditcards9 #halfPageInfo .inner .column p{float:left; width: 140px; margin:0 0 8px 0; padding:0;} #creditcards9 #halfPageInfo .inner h2{font-size:20px; padding: 0 0 20px 0;} #creditcards9 #halfPageInfo .inner a{font-size:17px;} #creditcards9 #halfPageInfo .inner .column a i{font-size:11px;} #creditcards9 #halfPageInfo .inner img{padding:0 10px 0 0;} #creditcards9 #halfPageInfo .inner h3{width: 60px; font-size:16px; font-weight:bold; padding:7px 0 0 0;} #creditcards9 #halfPageInfo .inner .btn1{position:absolute; left:204px; top:138px; z-index:20;} #creditcards9 #halfPageInfo .inner .btn2{position:absolute; left:482px; top:138px; z-index:20;} #creditcards9 #halfPageInfo .inner .btn3{position:absolute; left:760px; top:138px; z-index:20;} /* Added for Credit Card Splash page New Version - tabs and table (variation here on default credit card table grid) - also 12, same table for granite style tab section below */ #creditcards11, #creditcards12{width: 880px; margin: 0 auto; padding: 20px 0 0 0;} #creditcards11 .pageTitle, #creditcards12 .pageTitle{height:30px; padding-bottom:10px;} #creditcards11 #padIE, #creditcards12 #padIE{height:20px;} #creditcards11 .pageTitle, #creditcards12 .pageTitle{margin:20px 0 20px 0;height:28px; padding:0; font-size:24px; font-weight:bold; text-align:Left;} #creditcards11 #halfPageInfo, #creditcards12 #halfPageInfo{width: 880px; min-height: 20px; margin: 0; padding: 4px 0 0 0; border: none; border-bottom: 0; z-index:0;} #creditcards11 #halfPageInfo .inner, #creditcards12 #halfPageInfo .inner{width: 880px; min-height: 32px; padding: 0; background:url(/img/common/darktabbg5.gif) no-repeat; z-index:0;} #creditcards11 .gridTitle table, #creditcards12 .gridTitle table{font-size:11px; font-weight:bold; color: #444444; padding:0;} #creditcards11 .gridTitle td, #creditcards12 .gridTitle td{height:32px;} #creditcards11 .gridTitle .divide,#creditcards12 .gridTitle .divide{border-right:1px solid #dddddd; border-left:1px solid #bbbbbb;} #creditcards11 .gridTitle .divideleft, #creditcards12 .gridTitle .divideleft{border-left:1px solid #bbbbbb;} #creditcards11 .gridTitle .divideright, #creditcards12 .gridTitle .divideright{border-right:1px solid #dddddd; padding-left:10px;} #creditcards11 .grid, #creditcards12 .grid{float: left; position: relative; padding: 0;} #creditcards11 .grid table img, #creditcards12 .grid table img{padding: 0;} #creditcards11 .grid .highlight strong, #creditcards12 .grid .highlight strong{font-size: 14px;} #creditcards11 .grid .result td, #creditcards12 .grid .result td{border-bottom: 1px solid #dddddd;border-top: 1px solid #ffffff;} #creditcards11 .grid input, #creditcards12 .grid input{margin:0;padding:0;} #creditcards11 .grid ul, #creditcards12 .grid ul{margin:5px 0 5px 15px; font-size: 11px; list-style: none; list-style: url(/img/icons/arrowlist.gif) outside;} #creditcards11 .grid .smallPrint_dark, #creditcards12 .grid .smallPrint_dark{font-size:12px; font-weight:normal;} #creditcards11 .grid .action, #creditcards12 .grid .action{font-size: 11px;} #creditcards11 .grid a, #creditcards12 .grid a{font-size: 14px; font-weight:bold;} #creditcards11 .grid .padL, #creditcards11 .grid .padR, #creditcards11 .grid .padLR{padding-top: 10px; background:url(/img/common/fade20b.gif) repeat-x;} #creditcards12 .grid .padL, #creditcards12 .grid .padR, #creditcards12 .grid .padLR{padding-top: 10px; background:url(/img/common/fade20b.gif) repeat-x;} #creditcards11 .grid .padL, #creditcards11 .grid .padR #numbering {font-size:16px; font-weight:bold; color:#7b7b7b; float:left; width:32px; height:40px; padding-top:30px;} #creditcards12 .grid .padL, #creditcards12 .grid .padR #numbering {font-size:16px; font-weight:bold; color:#7b7b7b; float:left; width:32px; height:40px; padding-top:30px;} #creditcards11 .grid .highlightBG, #creditcards12 .grid .highlightBG{background-color:#e2efff; font-size: 15px; font-weight:bold; padding-top:25px; color:#444444;} #creditcards11 .grid .highlightBG, #creditcards12 .grid .highlightBG{background-color:#e2efff; font-size: 15px; font-weight:bold; padding-top:25px; color:#444444;} #creditcards11 .grid .lowlightBG, #creditcards12 .grid .lowlightBG{background-color:#eeeeee; font-size: 20px; font-weight:bold; padding-top:35px; color:#444444;} #creditcards11 .grid .whiteBG, #creditcards12 .grid .whiteBG{background-color:#fafafa; font-size: 15px; font-weight:bold; padding-top:25px; color:#444444;} #creditcards11 .grid .apply, #creditcards12 .grid .apply{padding-left:15px;} #creditcards11 .link, #creditcards12 .link{float:right;width:880px;font-size:14px;font-weight:bold;text-align:right;margin:15px 0 20px 0;} #creditcards11 p, #creditcards12 p{float:left;width:870px;padding-left:10px;padding-top:10px;} #creditcards11 .grid .result .padLR, #creditcards12 .grid .result .padLR{padding-top: 5px;} /* Card tabs*/ #cardinfotabs{float: none; width: 880px; margin-bottom:0px; padding: 0; margin-top:10px;} #cardinfotabs .link{float:right;width:300px;font-size:14px;font-weight:bold;text-align:right;} #cardinfotabs #cardinfotabrow{float: left; width: 880px; height:47px;} #cardinfotabs #cardinfotabrow .cardinfotab1 a{float:left; display: block; width:166px; height:47px; background: url(/img/topcards/tab_01_normal.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab2 a{float:left; display: block; width:116px; height:47px; background: url(/img/topcards/tab_02_normal.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab3 a{float:left; display: block; width:140px; height:47px; background: url(/img/topcards/tab_03_normal.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab3b a{float:left; display: block; width:140px; height:47px; background: url(/img/topcards/tab_03_normal.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab4 a{float:left; display: block; width:125px; height:47px; background: url(/img/topcards/tab_04_normal.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab1active a{float:left; display: block; width:166px; height:47px; background: url(/img/topcards/tab_01_active.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab2active a{float:left; display: block; width:116px; height:47px; background: url(/img/topcards/tab_02_active.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab3active a{float:left; display: block; width:140px; height:47px; background: url(/img/topcards/tab_03_active.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab3bactive a{float:left; display: block; width:140px; height:47px; background: url(/img/topcards/tab_03_active.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab4active a{float:left; display: block; width:125px; height:47px; background: url(/img/topcards/tab_04_active.gif) no-repeat; border-right:solid 1px #ffffff;} #cardinfotabs #cardinfotabrow .cardinfotab1 a:hover, #cardinfotabs #cardinfotabrow .cardinfotab2 a:hover, #cardinfotabs #cardinfotabrow .cardinfotab3 a:hover, #cardinfotabs #cardinfotabrow .cardinfotab4 a:hover{text-decoration: none;} #cardinfotabs #cardinfotabrow .cardinfotab1active a:hover, #cardinfotabs #cardinfotabrow .cardinfotab2active a:hover, #cardinfotabs #cardinfotabrow .cardinfotab3active a:hover, #cardinfotabs #cardinfotabrow .cardinfotab4active a:hover{text-decoration: none;} #cardinfotabs #cardinfotabrow .cardinfotab1 a i, #cardinfotabs #cardinfotabrow .cardinfotab2 a i, #cardinfotabs #cardinfotabrow .cardinfotab3 a i, #cardinfotabs #cardinfotabrow .cardinfotab4 a i{visibility: hidden;} #cardinfotabs #cardinfotabrow .cardinfotab1active a i, #cardinfotabs #cardinfotabrow .cardinfotab2active a i, #cardinfotabs #cardinfotabrow .cardinfotab3active a i, #cardinfotabs #cardinfotabrow .cardinfotab4active a i{visibility: hidden;} #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_BalTrans{float:left;background:url(/img/topcards/tab_1content_bg.jpg) top no-repeat;} #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_Purchases{float:left;display:none; background:url(/img/topcards/tab_2content_bg.jpg) top no-repeat;} #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_BadCred{float:left;display:none; background:url(/img/topcards/tab_3content_bg.jpg) top no-repeat;} /* #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_tab1{float:left;background:url(/img/topcards/tab_1content_bgb.jpg) bottom no-repeat;} for expandable version */ /* #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_tab2{float:left;background:url(/img/topcards/tab_2content_bgb.jpg) bottom no-repeat;} for expandable version */ /* #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_tab3{float:left;background:url(/img/topcards/tab_3content_bgb.jpg) bottom no-repeat;} for expandable version */ #cardinfotabs .cardinfotabs_content{float: left;width:840px;padding:25px 20px 25px 20px;} /* Can be deleted when below only live */ #cardinfotabs .cardinfotabs_content h1{width:840px; height:58px; padding-top:5px; font-size:28px; color:#333333;} #cardinfotabs .cardinfotabs_content .cardtitle{float:left; width:230px; height:220px;} #cardinfotabs .cardinfotabs_content .cardtitle h1{width:230px; height:30px; padding-top:5px; font-size:17px; color:#3f3f3f;} #cardinfotabs .cardinfotabs_content .carddetails1{float:left; width:590px; height:220px; padding-top:0; background: url(/img/topcards/tab_01b_label.gif) no-repeat bottom right;} #cardinfotabs .cardinfotabs_content .carddetails2{float:left; width:590px; height:220px; padding-top:0; background: url(/img/topcards/tab_02_label.gif) no-repeat bottom right;} #cardinfotabs .cardinfotabs_content .carddetails3{float:left; width:590px; height:220px; padding-top:0; background: url(/img/topcards/tab_03_label.gif) no-repeat bottom right;} #cardinfotabs .cardinfotabs_content .carddetails4{float:left; width:590px; height:220px; padding-top:0; background: url(/img/topcards/tab_04_label.gif) no-repeat bottom right;} #cardinfotabs .cardinfotabs_content .carddetails1 h1, #cardinfotabs .cardinfotabs_content .carddetails2 h1, #cardinfotabs .cardinfotabs_content .carddetails3 h1, #cardinfotabs .cardinfotabs_content .carddetails4 h1{width:590px; height:20px; padding-bottom:5px; font-size:22px; color:#3f3f3f;} #cardinfotabs .highlight{color:#fe5b01;} #cardinfotabs .cardinfotabs_content ul{float:left; width: 575px; font-size:14px; padding:10px 0 5px 15px; color:#333333; padding-left:20px;} #cardinfotabs .cardinfotabs_content ul li{padding-bottom:5px;} #cardinfotabs .cardinfotabs_content ul li .apr{font-size:24px;line-height:23px;} #cardinfotabs .cardinfotabs_content .button{float:left; width: 590px;} #cardinfotabs .cardinfotabs_content .genericbtn_hldr2{margin-top:0;padding-top:0;} #cardinfotabs .cardinfotabs_content .rating{float:left;padding:3px 0 5px 40px;} #cardinfotabs .cardinfotabs_content .smallPrint{float:left; padding:6px 0 0 0;} #cardinfotabs .cardinfotabs_content .carddetails1 .cardheader_inner{float:left; height:36px; padding-right:15px; background: url(/img/topcards/titlebg2.gif) no-repeat top right;} #cardinfotabs .cardinfotabs_content .carddetails1 .cardheader_outer{float:left; height:36px; font-size:18px; color:#3f3f3f; padding-left:15px; background: url(/img/topcards/titlebg.gif) no-repeat top left; text-align:left;} #cardinfotabs .cardinfotabs_content .carddetails2 .cardheader_inner{float:left; height:36px; padding-right:15px; background: url(/img/topcards/titlebg2.gif) no-repeat top right;} #cardinfotabs .cardinfotabs_content .carddetails2 .cardheader_outer{float:left; height:36px; font-size:18px; color:#3f3f3f; padding-left:15px; background: url(/img/topcards/titlebg.gif) no-repeat top left; text-align:left;} #cardinfotabs .cardinfotabs_content .carddetails3 .cardheader_inner{float:left; height:36px; padding-right:15px; background: url(/img/topcards/titlebg_red2.gif) no-repeat top right;} #cardinfotabs .cardinfotabs_content .carddetails3 .cardheader_outer{float:left; height:36px; font-size:18px; color:#3f3f3f; padding-left:15px; background: url(/img/topcards/titlebg_red.gif) no-repeat top left; text-align:left;} #cardinfotabs .cardinfotabs_content .carddetails4 .cardheader_inner{float:left; height:36px; padding-right:15px; background: url(/img/topcards/titlebg_red2.gif) no-repeat top right;} #cardinfotabs .cardinfotabs_content .carddetails4 .cardheader_outer{float:left; height:36px; font-size:18px; color:#3f3f3f; padding-left:15px; background: url(/img/topcards/titlebg_red.gif) no-repeat top left; text-align:left;} #cardinfotabs .cardinfotabs_content .carddetails1 .cardheader_inner .title{float:left; text-transform:uppercase; padding-top:7px;} #cardinfotabs .cardinfotabs_content .carddetails2 .cardheader_inner .title{float:left; text-transform:uppercase; padding-top:7px;} #cardinfotabs .cardinfotabs_content .carddetails3 .cardheader_inner .title{float:left; text-transform:uppercase; padding-top:7px;} #cardinfotabs .cardinfotabs_content .carddetails4 .cardheader_inner .title{float:left; text-transform:uppercase; padding-top:7px;} #cardinfotabs .cardinfotabs_content .carddetails1 .stamp, #cardinfotabs .cardinfotabs_content .carddetails2 .stamp, #cardinfotabs .cardinfotabs_content .carddetails3 .stamp, #cardinfotabs .cardinfotabs_content .carddetails4 .stamp{position:absolute;margin:88px 0 0 388px;} /* Replacing above styles with: */ #cardinfotabs .cardinfotabs_content .cardtitle_new{float:left;width:840px;height:38px;} #cardinfotabs .cardinfotabs_content .cardtitle_new h1{float:left;width:224px;height:38px;font-size:18px;margin:0;padding:8px 0 0 0;line-height:18px;color:#333333;} #cardinfotabs .cardinfotabs_content .cardtitle_new h1 a{color:#333333;} #cardinfotabs .cardinfotabs_content .cardtitle_new .cardtitle_btn{float:left;width:616px;height:35px;} #cardinfotabs .cardinfotabs_content .carddetails{float:left;width:416px;height:176px;} #cardinfotabs .cardinfotabs_content .carddetails .smallPrint{float:left;width:410px;padding:5px 0 0 6px;margin:0;} #cardinfotabs .cardinfotabs_content .carddetails ul{float:left;width:396px;height:70px;font-size:15px;margin-top:10px;padding:9px 0 2px 20px;overflow:hidden;} #cardinfotabs .cardinfotabs_content .carddetails ul li {padding-bottom:4px;height:18px;} #cardinfotabs .cardinfotabs_content .carddetails ul li .apr{font-size:22px;line-height:23px;} #cardinfotabs .cardinfotabs_content .carddetails ul li .smallPrint{float:none;width:auto;color:#444444;font-size:12px;text-align:left;padding:0;} #cardinfotabs .cardinfotabs_content .carddetails .genericbtn_hldr2{float:left;width:410px;padding:8px 0 0 6px;margin:0;} #cardinfotabs .cardinfotabs_content .stamp{float:left;width:200px;height:130px;margin-top:6px;} #cardinfotabs .cardinfotabs_content .cardimage{float:left;width:224px;padding-top:6px;} #cardinfotabs .cardinfotabs_content .cardimage a img{border:1px solid #ffffff;} #cardinfotabs .cardinfotabs_content .cardimage a:hover img{border:1px solid #ff6600;} .aprtable{float:right;width:590px;margin:-13px 0 10px 0;padding:9px 10px 15px 16px;font-size:11px;background:url(/img/topcards/aprbg.png) top left no-repeat;} .aprtable2{float:left;width:814px;margin:-13px 0 10px 0;padding:9px 10px 15px 16px;font-size:11px;background:url(/img/topcards/aprbg2.png) top left no-repeat;} #creditcards8 .aprtable{margin:10px 10px 10px 0;background:url(/img/topcards/aprbg3.png) top left no-repeat;} #creditcards8 .aprtable2{width:848px;margin:0 0 0 6px;} .rep_title{float:left;width:162px;font-weight:bold;font-size:11px;padding-top:4px;} .rep_apr{float:left;width:133px;font-weight:bold;font-size:18px;line-height:20px;padding-top:8px;line-height:9px;} .rep_apr .smallPrint{margin:0;padding:0;font-weight:11px;font-weight:normal;color:#666666;} .rep_fig{font-weight:bold;font-size:18px;line-height:16px;color:#444444;padding-top:2px;} .rep_desc{float:left;width:295px;padding-top:4px;color:#444444;} .rep_title1{float:left;width:590px;font-weight:bold;font-size:11px;} .rep_desc1{float:left;width:590px;font-weight:bold;padding-top:2px;color:#444444;} .rep_title2{float:left;width:840px;font-weight:bold;font-size:11px;} .rep_desc2{float:left;width:840px;font-weight:bold;padding-top:2px;color:#444444;} .apr_decription{float: left; width: 860px; margin:0 10px 10px 10px; padding: 0;} .apr_decription .apr_info{float: left; width: 20px;} .apr_decription p{float: left; width: 840px;} .cardtitle_new .cardtitle_btn{float:left;height:38px;} .cardtitle_new .cardtitle_btn_l{float:left;width:22px; height:38px; background: url(/img/buttons/cardtitle_btn_l.gif) no-repeat;} .cardtitle_new .cardtitle_btn_a a{float:left; height:32px; padding: 6px 30px 0 5px; background: url(/img/buttons/cardtitle_btn.gif) right no-repeat; color:#000000; cursor:pointer; cursor:hand;} .cardtitle_new .cardtitle_btn_a a .highlight{color:#fe5b01;} .cardtitle_new .cardtitle_btn_a a:hover{background: url(/img/buttons/cardtitle_btn.gif) right no-repeat; color:#000000;} .cardtitle_new .cardtitle_btn_a a:active{background: url(/img/buttons/cardtitle_btn.gif) right no-repeat; color:#000000;} .cardtitle_new .cardtitle_btn_a a b{font-size:18px;} /* granite style 12 variations */ #creditcards12 #cardinfotabs{height:auto;} #creditcards12 #cardinfotabs .cardinfotabs_content{min-height:308px;margin-bottom:20px;} #creditcards12 #cardinfotabs .cardinfotabs_content h1{font-family:HelveticaNeue, Arial, Sans-Serif, Arial; width:810px; padding-left:30px; color:#444444;} #creditcards12 #cardinfotabs .cardinfotabs_content .cardtitle{width:322px; height:220px; padding-left:50px;} #creditcards12 #cardinfotabs .cardinfotabs_content .cardtitle h1{font-family:Arial, Helvetica, sans-serif; width:302px; padding-left:0; color:#444444;} #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails1{width:435px; height:auto; background: none;} #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails2{width:435px; height:auto; background: none;} #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails3{width:435px; height:auto; background: none;} #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails4{width:435px; height:auto; background: none;} #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails1 h1, #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails2 h1, #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails3 h1, #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails4 h1{font-family:Arial, Helvetica, sans-serif;width:425px;padding-left:10px;padding-top:0; color:#444444;} #creditcards12 #cardinfotabs .cardinfotabs_content ul{width:395px;font-size:15px; padding-left:40px; list-style: none; list-style: url(/img/icons/tick_black.gif) outside;} #creditcards12 #cardinfotabs .cardinfotabs_content .apr{width:430px;font-family:HelveticaNeue, Arial, Sans-Serif, Arial;float:left;font-size:38px;padding:2px 0 7px 5px;color:#666666;} #creditcards12 #cardinfotabs .cardinfotabs_content .apr .small{font-size:11px;color:#666666;} #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails1 .smallPrint, #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails2 .smallPrint, #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails3 .smallPrint, #creditcards12 #cardinfotabs .cardinfotabs_content .carddetails4 .smallPrint{width:425px;} #creditcards12 #cardinfotabs #cardinfotabrow .cardinfotab1 a{width:218px; background: url(/img/topcards/tab_01_normal_g.gif) no-repeat; border-right:none;} #creditcards12 #cardinfotabs #cardinfotabrow .cardinfotab2 a{width:144px; background: url(/img/topcards/tab_02_normal_g.gif) no-repeat; border-right:none;} #creditcards12 #cardinfotabs #cardinfotabrow .cardinfotab3 a{width:154px; background: url(/img/topcards/tab_03_normal_g.gif) no-repeat; border-right:none;} #creditcards12 #cardinfotabs #cardinfotabrow .cardinfotab1active a{width:218px; background: url(/img/topcards/tab_01_active_g.gif) no-repeat; border-right:none;} #creditcards12 #cardinfotabs #cardinfotabrow .cardinfotab2active a{width:144px; background: url(/img/topcards/tab_02_active_g.gif) no-repeat; border-right:none;} #creditcards12 #cardinfotabs #cardinfotabrow .cardinfotab3active a{width:154px; background: url(/img/topcards/tab_03_active_g.gif) no-repeat; border-right:none;} #creditcards12 #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_BalTrans{background:none;} #creditcards12 #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_Purchases{background:none;} #creditcards12 #cardinfotabs #ctl00_ContentPlaceHolder_ctl00_ctl00_Panel_BadCred{background:none;} #creditcards12 h2{font-size:14px;padding-left:10px;} /* Splash new with table and info below */ #creditcards13{width:880px;margin:0 auto;padding:20px 0 0 0;} #creditcards13 .space10{float:left;width:880px;height:10px;} #creditcards13 .space20{float:left;width:880px;height:20px;} #creditcards13 .space30{float:left;width:880px;height:30px;} #creditcards13 #brandheader{float:left;width:880px; border-bottom:solid 1px #CCC;} #creditcards13 #pageTitle{float: left;width:880px;font-size:16px;font-weight:normal;text-align:left;margin:0;padding:0 20px 0 20px;height:auto;} #creditcards13 #promo{float:left;width:880px;} #creditcards13 .header-blue {height:62px; padding:11px 5px 0 18px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#1471a7; font-size:22px;} #creditcards13 .header-white {height:60px; padding:11px 5px 0 18px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:22px;} /*alter*/ #creditcards13 .left{width:513px; background:url(/img/creditcard/left-header2.jpg) no-repeat;padding-top:0;} #creditcards13 .right{width:362px;height:74px;background:url(/img/creditcard/right-header2.jpg) no-repeat;padding-top:0;} #creditcards13 .right2{width:362px;background:url(/img/creditcard/right-header2.jpg) no-repeat;margin-top:10px;padding-top:0;} #creditcards13 a.apply_button2 {text-indent:-5479px; padding:0; font-size:15px; margin: 20px 0 15px 0;background:url(/img/creditcard/apply_btn2.png); width:210px; height:66px; display: block; } #creditcards13 a.apply_button2:hover {text-indent:-5479px; background-position:0 -72px;} #creditcards13 .left .table1 .row .apply_button {text-indent:-5479px; padding:0; font-size:15px; background:url(/img/creditcard/apply_btn.png); width:135px; height:36px; display: block; margin-top:14px; } #creditcards13 .left .table1 .row .apply_button:hover {text-indent:-5479px; background-position:0 -37px;} #creditcards13 .left .table1{margin-left:2px;width:479px;height: 934px;color: #474646;padding-left: 15px;padding-right:15px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} #creditcards13 .right .table2{width:353px;color: #474646;-moz-border-radius-bottomright:11px;-moz-border-radius-bottomleft:11px;-khtml-border-bottom-left-radius:11px;-khtml-border-bottom-right-radius::11px;-webkit-border-bottom-left-radius:11px;-webkit-border-bottom-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-bottom:11px;background:#f1f1f1;repeat: repeat;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;margin-left:3px;margin-bottom:10px;} #creditcards13 .right2 .table3 {width:353px;margin-left:3px;margin-right:10px;-moz-border-radius-bottomleft:11px;-moz-border-radius-bottomright:11px;-khtml-border-bottom-left-radius:11px;-khtml-border-bottom-right-radius:11px;-webkit-border-bottom-left-radius:11px;-webkit-border-bottom-right-radius:11px;border-radius-bottomleft:11px;border-radius-bottomright:11px;background:#f1f1f1;repeat: repeat;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} #creditcards13 .left .table1 .row{float: left; padding-top: 15px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px; width:465px; border-bottom: 3px #f1f1f1 solid;} #creditcards13 .left .table1 span .row{border-bottom:none;} #creditcards13 .left .table1 .rowb{float: left; padding-top: 15px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px; width:443px;} #creditcards13 .left .table1 .row .apr{color:#333333;font-size:17px;padding-left:10px;padding-top:4px;font-weight:bold} #creditcards13 .left .table1 .row .cardinfo{float: left;padding-Left:10px;width:177px; margin-left:10px;margin-top:10px;} #creditcards13 .left .table1 .row .cardinfo2{font-size:13px; color:#212121;float:left; width:312px; padding-Left:10px; margin-left:10px;margin-bottom:10px;} #creditcards13 .left .table1 .row .titleleft{font:ariel; color:#1970a7; padding-bottom: 5px; font-weight:bold} #creditcards13 .left .table1 .row .card{ float:left; height:150px;} #creditcards13 .left .table1 .row .card img{ padding-top:10px;} #creditcards13 .left .table1 .row .cardinfo2 ul{list-style:outside;} #creditcards13 .left .table1 .row .cardinfo2 ul li{margin-left:15px; list-style:outside;} #creditcards13 .right .table2 .row2{padding-left: 10px;padding-right: 10px; width:333px; background:url(/img/creditcard/shade.png) no-repeat; background-position:bottom;float: left; border-bottom: 1px #c3c3c3 solid;border-top: 1px #fff solid;} #creditcards13 .right .table2 .row2b{padding-left: 10px;padding-right: 10px; width:333px; background:url(/img/creditcard/shadeb.png) no-repeat; background-position:bottom;float: left; border-top: 1px #e8e8e8 solid;} #creditcards13 .right .table2 .row2a{ padding-left: 10px;padding-right: 10px;padding-top: 10px; width:333px; background:url(/img/creditcard/shade.png) no-repeat; background-position:bottom; float: left;border-bottom: 1px #c3c3c3 solid;} #creditcards13 .right .table2 .row2 .titleright{font-size:13px;color:#383838;padding-top:7px;padding-bottom:5px; padding-right:10px;font-weight:bold} #creditcards13 .right .table2 .row2b .titleright2{font-size:13px;color:#383838;padding-top:7px;padding-bottom:5px; padding-right:10px;font-weight:bold} #creditcards13 .right .table2 .row2 .articleright{font:ariel;font-size:13px;colour:#414040;} #creditcards13 .right .table2 .row2b .articleright2b{font:ariel;font-size:13px;colour:#414040;} #creditcards13 .right .table2 .row2 .articleright a span{font:ariel;font-size:15px;} #creditcards13 .right .table2 .row2b .articleright2b a span{font:ariel;font-size:15px;} #creditcards13 .right .table2 .row2 .articleright2{font:ariel;font-size:13px;colour:#414040;} #creditcards13 .right .table2 .row2 .articleright2 ul{list-style:inside;} #creditcards13 .right .table2 .row2a .articleright2 ul li{ list-style:inside;} #creditcards13 .right .table3 .bg{background:url(/img/creditcard/shade2.png) no-repeat; background-position:bottom;} #creditcards13 .right .table3 .bg .articleright3{padding:10px;font:ariel;font-size:13px;colour:#414040;width:333px;} /*---------GRANITE SPLASH -------------*/ #creditcards14{width:880px;margin:0 auto;padding:20px 0 0 0;} #creditcards14 .space10{float:left;width:880px;height:10px;} #creditcards14 .space20{float:left;width:880px;height:20px;} #creditcards14 .space30{float:left;width:880px;height:30px;} #creditcards14 #brandheader{float:left;width:880px; border-bottom:solid 1px #CCC;} #creditcards14 #pageTitle{float: left;width:880px;font-size:16px;font-weight:normal;text-align:left;margin:0;padding:0 20px 0 20px;height:auto;} #creditcards14 #promo{float:left;width:880px;} #creditcards14 .header-blue {float:left;height:63px; padding:11px 5px 0 18px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#1471a7; font-size:22px;background:url(/img/creditcard/right-header2.jpg) no-repeat;width:336px;} #creditcards14 .header-white {height:60px; padding:11px 5px 0 18px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:22px;} #creditcards14 .left{width:513px; background:url(/img/creditcard/left-header2.jpg) no-repeat;padding-top:0;} #creditcards14 .right{width:362px;height:100%;background:url(/img/creditcard/right-header2.jpg) no-repeat;padding-top:0;} #creditcards14 a.apply_button2 {text-indent:-5479px; padding:0; font-size:15px; margin: 20px 0 15px 0;background:url(/img/creditcard/apply_btn2.png); width:210px; height:66px; display: block; } #creditcards14 a.apply_button2:hover {text-indent:-5479px; background-position:0 -72px;} #creditcards14 .left .table1 .row .apply_button {text-indent:-5479px; padding:0; font-size:15px; background:url(/img/creditcard/apply_btn.png); width:135px; height:36px; display: block; margin-top:14px; } #creditcards14 .left .table1 .row .apply_button:hover {text-indent:-5479px; background-position:0 -37px;} #creditcards14 .left .table1{margin-left:2px;width:479px;height: 763px;color: #474646;padding-left: 15px;padding-right:15px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} #creditcards14 .left .table1 .row{height: 130px;float: left; padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px; width:465px; border-bottom: 3px #f1f1f1 solid;} #creditcards14 .left .table1 span .row{border-bottom:none;} #creditcards14 .left .table1 .rowb{float: left; padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px; width:443px;} #creditcards14 .left .table1 .row .apr{color:#333333;font-size:17px;padding-left:10px;padding-top:4px;font-weight:bold} #creditcards14 .left .table1 .row .cardinfo{float: left;padding-Left:10px;width:177px; margin-left:10px;margin-top:10px;} #creditcards14 .left .table1 .row .cardinfo2{font-size:13px; color:#212121;float:left; width:312px; padding-Left:10px; margin-left:10px;margin-bottom:10px;} #creditcards14 .left .table1 .row .titleleft{font:ariel; color:#1970a7; padding-bottom: 5px; font-weight:bold} #creditcards14 .left .table1 .row .card{ float:left;} #creditcards14 .left .table1 .row .card img{ padding-top:10px;} #creditcards14 .left .table1 .row .cardinfo2 ul{list-style:outside;} #creditcards14 .left .table1 .row .cardinfo2 ul li{margin-left:15px; list-style:outside;} #creditcards14 .footnote {height:45px; color: #6b6b6b; font-size: 9px; padding: 10px 10px 0 13px; margin-top: -6px;} #creditcards14 .right .panel1{float:left;width:353px;height:1100%; color: #474646;background:#f1f1f1; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;margin-left:3px;} #creditcards14 .right .panel1 .panel-content{padding: 10px; width:333px; background:url(/img/creditcard/shade-slice.png) repeat-x; background-position:bottom;float: left;height: 100%;} #creditcards14 .right .panel1 .titleright{font-size:13px;color:#383838; padding:7px 10px 15px 0; font-weight:bold} #creditcards14 .right .panel1 .articleright{font:ariel;font-size:13px;colour:#414040;} #creditcards14 .panel-btm {background:url(/img/creditcard/panel_btm.jpg) no-repeat; background-position:bottom; height:27px; width:355px; float:left;margin: -1px 0 0 3px;} #creditcards14 .right .panel1 ul {list-style:outside; padding:0 0 0 15px;} /*----AMENDS FOR SORT LIST ------*/ #creditcards14 .left .table-header{margin-left:2px;width:479px;height: 35px;color: #474646;padding-left: 15px;padding-right:15px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; background:#f1f1f1;} #creditcards14 .left .table-header-space{margin-left:2px;width:479px;height: 10px;color: #474646;padding-left: 15px;padding-right:15px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; background:#fff;} #creditcards14 .left .apr-sort { padding:3px 0 0 0; margin:0 0 0 10px; width:114px; float:left; text-align:center;} #creditcards14 .left .rate-sort { padding:9px 0 0 0; margin:0 0 0 17px; width:150px; float:left;} /* Form for HD - - - - - - - - - - - - - - - - - - - - */ #creditcards_hd { width:880px;margin:0 auto;padding:20px 0 20px 0; } #creditcards_hd fieldset{ float:left; width:610px; padding:10px 30px 0 10px; } #creditcards_hd #brandheader{float:left;width:880px; border-bottom:solid 1px #dddddd;} #creditcards_hd h1{ width:370px; padding-top:20px; margin-bottom:0; padding-left:0; padding-bottom:5px; font-size:28px; font-weight:400; color:#444444; clear:both; } #creditcards_hd h2{ float:left; width:370px; font-size:18px; font-weight:bold; color:#444444; margin:20px 0 15px 0; padding-bottom:5px; border-bottom:1px solid #dddddd; clear:both;} #creditcards_hd h3{ float:left; width:370px; font-size:18px; font-weight:bold; color:#444444; margin:20px 0 15px 0; padding-bottom:5px; border-bottom:1px solid #dddddd; clear:both;} #creditcards_hd p{ float:left; width:610px; font-size:13px; margin:0; padding:10px 0 5px 0; } #creditcards_hd p.smallPrint{margin:0 0 20px 0; font-size:11px; } #creditcards_hd .small{ font-size:11px; } #creditcards_hd .smaller{ font-size:10px; } #creditcards_hd .fixedpopup{ float:left; margin:-5px 0 0 0; width:610px; } #creditcards_hd .fixedpopup div{background:url(/img/form/message_box_bottom_long_b.gif) left bottom no-repeat; margin:0; padding:0; overflow:visible; } #creditcards_hd .fixedpopup div span{background:url(/img/form/message_box_top_long_b.gif) left top no-repeat; display:block; padding:22px 30px 12px 10px; color:#333333; font-size:11px; line-height:14px;} #creditcards_hd .fixedpopup #moreinfo{ display:none; } #creditcards_hd .fixedpopup #moreinfo a{ position:absolute; top:215px; padding-left:577px; } /* Form styles */ #creditcards_hd .form_row{ float:left; width:610px; padding:1px 0px 2px 0px; clear:both } #creditcards_hd .form_row_label, #creditcards_hd .form_row_label_mandatory{ float:left; font-size:12px; font-weight:bold; color:#555555; clear:none; padding:3px 5px 0 0; } #creditcards_hd .form_row_label label, #creditcards_hd .form_row_label_mandatory label{ display:block; width:100% } #creditcards_hd .form_row_field{ float:left; clear:none; padding:0px; } #creditcards_hd .form_row_field input, #creditcards_hd textarea, #creditcards_hd select{ float:left; } #creditcards_hd .form_row_field_mini{ float:left; width:100%; } #creditcards_hd .form_row_field_mini label{ float:left; font-size:12px; color:#555555; clear:none; padding:3px 0 0 0; width:15px; text-align:right; } #creditcards_hd .form_row_validation{ float:left; clear:none; padding:0px; width:235px; } #creditcards_hd .form_field{ float:left; border:1px solid #b0b0b0 } #creditcards_hd span.checkbox label{ display:inline; float:left; margin-right:5px; } #creditcards_hd span.checkbox input{ float:left; border:none; margin-right:5px; background:none } #creditcards_hd .outer {float:left; height:27px; background: transparent url(/img/form/input_text_left.gif) no-repeat left top} #creditcards_hd .inner {float:left; height:28px;padding-right:1px;background: transparent url(/img/form/input_text_right.gif) no-repeat top right;} #creditcards_hd input{margin:0 0 0 7px;padding:3px 2px 0 2px;height:19px;font-size:13px;border:none;background:none;} #creditcards_hd select{font-size:13px;border:none;padding:1px 2px 2px 0;margin:1px 0 0 7px;background:none;} #creditcards_hd option{background:#ffffff;color:#333333;} #creditcards_hd input:focus, select:focus, #creditcards_hd input.active_field, #creditcards_hd select.active_field{background: url(/img/form/inputfocus_b.gif) no-repeat;} #creditcards_hd textarea.active_field{background-color:#D1EBFD;} #creditcards_hd input.error_field, #creditcards_hd select.error_field{background: url(/img/form/inputerror.gif) no-repeat;} #creditcards_hd select.error_field option{background-color:#ffc8bb;} #creditcards_hd textarea.error_field, #creditcards_hd .error_field{background-color:#ffc8bb;} #creditcards_hd span.error_field{color:#e10000} #creditcards_hd .shadow_bottom_left{ float:left; background:url(/img/form/textarea_bottom_left.jpg) bottom left no-repeat } #creditcards_hd .shadow_top_left{ float:left; background:url(/img/form/textarea_top_left.jpg) top left no-repeat } #creditcards_hd .shadow_bottom_right{ float:left; background:url(/img/form/textarea_bottom_right.jpg) bottom right no-repeat } #creditcards_hd .shadow_top_right{ float:left; background:url(/img/form/textarea_top_right.jpg) top right no-repeat; padding:1px 1px 7px 0 } #creditcards_hd .shadow_top_right textarea{ padding:3px; border:none; margin:0px 0px 0px 7px } #creditcards_hd .form_row_label, #creditcards_hd .form_row_label_mandatory{ width:145px; } #creditcards_hd .form_row_field{ width:220px; } #creditcards_hd .form_row_field select{ width:210px; } #creditcards_hd .form_row_field select#ctl00_PageContentPlaceHolder_TitleList{ width:60px; } #creditcards_hd .form_row_field select#ctl00_PageContentPlaceHolder_DayOfBirth{ width:42px; } #creditcards_hd .form_row_field select#ctl00_PageContentPlaceHolder_MonthOfBirth{ width:95px; } #creditcards_hd .form_row_field select#ctl00_PageContentPlaceHolder_YearOfBirth{ width:57px; } #creditcards_hd .form_row_field select#ctl00_PageContentPlaceHolder_YearAtAddress{ width:101px; } #creditcards_hd .form_row_field select#ctl00_PageContentPlaceHolder_MonthAtAddress{ width:101px; } #creditcards_hd .form_row_field input{ width:206px; } #creditcards_hd .form_row_field textarea{ width:206px; } #creditcards_hd .smallPrint1, #creditcards_hd .smallPrint2{ font-size:11px; color:#666666; padding:0; } #creditcards_hd .smallPrint1 a, #creditcards_hd .smallPrint2 a{ font-size:11px; color:#666666; text-decoration:underline; } #creditcards_hd .smallPrint1{ padding-top:30px;} #creditcards_hd #checkboxpos{ float:right; margin-top:-17px; padding-right:17px; } #creditcards_hd .continueLarge{margin:10px 0 15px 0; } #creditcards_hd p#text1, #creditcards_hd p#text2{ display:none; font-size:13px; } #creditcards_hd p #hidetext1, #creditcards_hd p #hidetext2{ display:none; } #creditcards_hd p #showtext1, #creditcards_hd p #showtext2, #creditcards_hd p #hidetext1, #creditcards_hd p #hidetext2{ font-size:13px; cursor:pointer; } #creditcards_hd .finallink{ float:right; } #creditcards_hd .smallPrint{font-size:11px; color:#666666;} #creditcards_hd .smallPrint a{ font-size:11px; color:#666666; text-decoration:underline; } #creditcards_hd ul{list-style:outside ; padding:20px 0 0 10px;} #creditcards_hd ul.tick{ list-style: url(/img/form/tick.gif) outside !important;} #creditcards_hd li{margin:5px 0 5px 5px; padding:0; font-weight:bold; color:#444444; } /* Validator styles */ #creditcards_hd fieldset span.validator { display:block; float:left; margin-right:15px; } #creditcards_hd fieldset span.validator span.valid_template { background:url(/img/form/tick_green.gif) right no-repeat; display:block; height:20px; margin-left:0; padding:0px 0px 0px 20px } #creditcards_hd fieldset span.validator span.invalid_template { background:url(/img/form/cross.gif) right no-repeat; display:block; height:20px; margin-left:0; padding:0px 0px 0px 20px } #creditcards_hd fieldset span.validator span.invalid_template div { position:absolute; background:url(/img/form/emessage_box_bottom.gif) left bottom no-repeat; margin-left:5px; padding:0; width:215px; } #creditcards_hd fieldset span.validator span.invalid_template div span { background:url(/img/form/emessage_box_top.gif) left top no-repeat; display:block; padding:10px 10px 20px 20px; color:#333333 } #creditcards_hd fieldset span.validator span.invalid_template div span p { margin:5px 0px 10px 0px } #creditcards_hd fieldset span.info_template { display:block; height:20px; margin-left:0px; padding:0px 0px 0px 20px } #creditcards_hd fieldset span.info_template div { position:absolute; background:url(/img/form/message_box_bottom_b.gif) left bottom no-repeat; margin-left:5px; padding:0; width:215px; } #creditcards_hd fieldset span.info_template div span{ background:url(/img/form/message_box_top_b.gif) left top no-repeat; display:block; padding:10px 10px 20px 20px; color:#333333 } #creditcards_hd fieldset span.info_template div span p{ margin:5px 0px 10px 0px } #creditcards_hd a.continue_button{float:left; width:135px; height:37px; padding:0; font-size:15px; margin: 20px 0 20px -5px; background:url(/img/creditcard/apply_btn_b.png) -0px -0px no-repeat; } #creditcards_hd a.continue_button:hover{background: url(/img/creditcard/apply_btn_b.png) -0px -37px no-repeat;} /* right column */ #creditcards_hd #rightcolumn{padding-top:30px; float:right; width:220px; margin-bottom:60px; } #creditcards_hd #rightcolumn .cardimage{ float:left; width:210px; margin:10px 0 20px 0; } #creditcards_hd #rightcolumn p{ float:left; width:200px; margin:5px; } #creditcards_hd #rightcolumn p.smallPrint{ padding:0; } #creditcards_hd #rightcolumn .padlock{ float:left; width:55px; margin:0 0 15px 0; padding:0; } #creditcards_hd #rightcolumn .seclogos{ float:left; width:145px; margin:0 5px 0 5px; padding:0; } #creditcards_hd #rightcolumn ul{ width:205px; margin-left:10px; } /* Grid for downsell tables - - - - - - - - - - - - - - - - - - - - */ #creditcards_hd_table .grid{float:left;width:870px;margin-bottom:30px;margin-left:10px;} #creditcards_hd_table .grid table, #creditcards_hd.grid table .result{float:left;width:860px;} #creditcards_hd_table .grid table .result td{padding:18px 5px 15px 5px;border-bottom: 1px solid #dddddd;} #creditcards_hd_table .grid table .result td.padL{padding:0 0 0 10px;} #creditcards_hd_table .grid table .result td.padR{padding:0 10px 0 0;} #creditcards_hd_table .grid table .result td.padLR{padding:0 10px 0 10px;} #creditcards_hd_table .grid table .result h3{float:none;width:inherit;margin:-3px 0 0 0;padding:0;font-size:14px;} #creditcards_hd_table .grid table .result h3 a{float:none;width:inherit;margin:0;padding:0;font-weight:normal;color:#222222;text-decoration:none;} #creditcards_hd_table .grid table .result h3 a:hover{text-decoration:none;} #creditcards_hd_table .grid table .result a{float:left;width:inherit;margin:0;padding:0;} #creditcards_hd_table .grid table .result strong{font-size:16px;} #creditcards_hd_table .grid table .result .large-tick-x{float:left;margin:30px 0 0 0;padding:0;} #creditcards_hd_table .grid table .result span{float:left;width:inherit;margin:3px 0 5px 0;padding:0;} #creditcards_hd_table .grid table .result p{float:none;width:inherit;} #creditcards_hd_table .grid table .result ul{float:none;width:inherit;margin:3px 5px 0 30px;padding:0;list-style:outside;} #creditcards_hd_table .grid table .result ul li{float:none;font-size:12px;font-weight:normal;list-style:outside;margin:0;padding:0 0 5px 0;} #creditcards_hd_table .grid table .result ul li .apr{font-size:15px;font-weight:bold;line-height:14px;} #creditcards_hd_table .grid table .result ul li .smallPrint{color:#333333;} #creditcards_hd_table .grid table .result ul li span{float:none;width:inherit;margin:0;} #creditcards_hd_table .grid table .result ul.rep{list-style:none;margin:3px 5px 0 30px;} #creditcards_hd_table .grid table .result ul.rep li{list-style:none;font-size:11px;color:#333333;} #creditcards_hd_table .grid table .result ul.rep li.title{font-size:11px;font-weight:bold;padding-bottom:0;} #creditcards_hd_table .grid .result #loantext{ float:left; width:460px; display:none; padding-bottom:10px; padding-left:0px; font-size:12px; line-height:14px; } #creditcards_hd_table .grid .result #hideloantext{ display:none; } #creditcards_hd_table .grid .result #showloantext, #creditcards_hd .grid .result #hideloantext{ margin:10px 0 5px 0; cursor:pointer; } #creditcards_hd_table .grid .result p{ width:470px; margin:0 0 5px 0; font-size:12px; padding-right:20px; } #creditcards_hd_table .grid .result #flashContent{ float:left; margin-top:12px; } /* Specifics */ #creditcards_hd_table{ width:880px;margin:0 auto;padding:20px 0 0 0; } #creditcards_hd_table #brandheader{float:left;width:880px;margin-bottom:30px;border-bottom:solid 1px #dddddd;} #creditcards_hd_table h1{ width:855px; margin:20px 10px 0 10px; padding:0 0 5px 5px; border-bottom: 1px solid #dddddd; font-size:28px; } #creditcards_hd_table h2{ width:855px; margin:0 10px 0 15px; } #creditcards_hd_table p{ width:855px; font-size:14px; margin:0 10px 10px 15px; } #creditcards_hd_table .grid{ font-size:12px; } #creditcards_hd_table p#text1, #creditcards_hd_table p#text2{ display:none; font-size:12px; } #creditcards_hd_table p #hidetext1, #creditcards_hd_table p #hidetext2{ display:none; } #creditcards_hd_table p #showtext1, #creditcards_hd_table p #showtext2, #creditcards_hd_table p #hidetext1, #creditcards_hd_table p #hidetext2{ font-size:13px; cursor:pointer; margin:0; padding:0; } #creditcards_hd_table .grid .result #loantext{ float:left; width:460px; display:none; padding-bottom:10px; padding-left:0px; font-size:12px; line-height:14px; } #creditcards_hd_table .grid .result #hideloantext{ display:none; } #creditcards_hd_table .grid .result #showloantext, #creditcards_hd_table .grid .result #hideloantext{ margin:10px 0 5px 0; cursor:pointer; } #creditcards_hd_table .grid .result p{ width:470px; margin:0 0 5px 0; font-size:12px; padding-right:20px; } #creditcards_hd_table .finallink{ float:right; margin-right:20px; } #creditcards_hd_table a{ text-decoration:underline; } #creditcards_hd_table a.apply_btn2, #creditcards_hd_table a.findoutmore_btn, #creditcards_hd_table a.clickoptions_btn{ text-decoration:none; } #creditcards_hd_table p.smallPrint{font-size:11px; color:#666666;} #creditcards_hd_table p.smallPrint a{ font-size:11px; color:#666666; text-decoration:underline; } #creditcards_hd_table .grid .result #flashContent{ float:left; margin-top:12px; } #creditcards_hd_table .grid table .result a.apply_button{float:left; width:135px; height:37px; padding:0; font-size:15px; margin: 25px 0 10px 0; background:url(/img/creditcard/apply_btn.png) -0px -0px no-repeat; } #creditcards_hd_table .grid table .result a.apply_button:hover{background: url(/img/creditcard/apply_btn.png) -0px -37px no-repeat;} #creditcards_hd_table .grid table .result a.more_button{float:left; width:153px; height:37px; padding:0; font-size:15px; margin: 25px 0 10px 2px; background:url(/img/creditcard/more_btn.png) -0px -0px no-repeat; } #creditcards_hd_table .grid table .result a.more_button:hover{background: url(/img/creditcard/more_btn.png) -0px -37px no-repeat;} #creditcards_hd_table .grid table .result td #subrow{ width:800px; font-size:28px; } /* Redirect simple content - - - - - - - - - - - - - - - - - - - - */ #creditcards_hd_redirect{ width:500px;margin:0 auto;padding:20px 190px 0 190px; } #creditcards_hd_redirect #brandheader{float:left;width:500px;margin:50px 0 20px 0;} #creditcards_hd_redirect .loader{ float:left; width:32px; padding:0 0 20px 230px;} #creditcards_hd_redirect p{ float:left; width:500px; padding:10px 0 10px 0; text-align:center; } #creditcards_hd_redirect .text1{ font-size:16px; } /* Changes for splash pages that will effect all but ok */ .wrapper{background: url(/img/common/page-bg-alt.gif) #fff center repeat-y; margin:auto 0; min-height: 1850px;} #info{margin-top: 38px;} #info div.left{width: 299px; padding:0; background:none; font-size:12px;} #info div.right{width: 280px; padding:0; margin: 0 1px 0 0; background:none; font-size:12px;} #info .box ul{list-style: none; margin: 0 0 -5px 0;} #info .box li{margin: 0 0 5px 0;} #footerMain {width:870px !important;} .footertext, .footerText { clear: both;}