sup{vertical-align:text-top;font-size:70%}

/**
 * Header
 */

#card-details-mainsubheader{display:none}
#card-details-mainsubheader span.gray{position:static;display:inline;color:#666}
#card-details-frame{margin:auto;width:730px;font-family:Arial;font-size:12px}
#card-details-frame .qmark{cursor:pointer}
#card-details-frame a img{border:none}
#card-details-frame .clear{clear:both;font-size:0;text-indent:-9999px;overflow:hidden}
#card-details-frame .red, #card-details-frame .red a:link, #card-details-frame .red a:active, #card-details-frame .red a:visited{color:#d52f2f;text-decoration:none}
#card-details-frame .blue, #card-details-frame .blue a:link, #card-details-frame .blue a:active, #card-details-frame .blue a:visited{color:#369;text-decoration:none}
#card-details-frame .black{color:#000}
#card-details-header, #card-details-footer{position:relative;margin:auto;width:683px;height:87px}
.card-details-sectionborder{margin:auto;width:683px;height:8px;font-size:0;background:#bac7d3}
#card-details-header-logo:link, #card-details-header-logo:active, #card-details-header-logo:visited{position:absolute;left:5px;top:20px;display:block;overflow:hidden;width:235px;height:62px;text-indent:-9999px;background:url(/images/gui/logo-small.png) no-repeat 0 0}
#card-details-header ul, #card-details-footer ul{position:absolute;bottom:0;right:0;margin:0;padding:0}
#card-details-footer ul{bottom:auto;top:0}
#card-details-header ul li, #card-details-footer ul li{float:left;display:block;width:137px;height:26px;list-style-type:none;margin-left:2px}
#card-details-header ul li a:link, #card-details-header ul li a:active, #card-details-header ul li a:visited, #card-details-footer ul li a:link, #card-details-footer ul li a:active, #card-details-footer ul li a:visited{display:block;width:137px;height:26px;line-height:26px;font-family:Arial;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;color:#fff;background:#c4c4c4 url(/images/overlay-header-tab.gif) repeat-x top}
#card-details-header ul li.selected a:link, #card-details-header ul li.selected a:active, #card-details-header ul li.selected a:visited, #card-details-header ul li a:hover, #card-details-footer ul li.selected a:link, #card-details-footer ul li.selected a:active, #card-details-footer ul li.selected a:visited, #card-details-footer ul li a:hover{background-position:bottom}
.card-details-closebtn a:link, .card-details-closebtn a:active, .card-details-closebtn a:visited{font-family:Arial;font-size:12px;font-weight:bold;color:#2741cf}
.card-details-closebtn img{vertical-align:-2px;cursor:pointer}
.card-details-closebtn{position:absolute;top:5px;right:0}
.card-details-closebtn.footer{top:auto;bottom:20px}
#card-details-bookmarklink{position:absolute;top:30px;right:0}

/**
 * details menu
 */

#search-controls{width:205px}
.detailmenu{margin-top:10px;padding-bottom:10px;width:205px;background:#036}
.detailmenu .title{display:block;padding-left:14px;width:191px;height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff;background:#036}
.detailmenu ul{margin:0;padding:0;list-style-type:none}
.detailmenu ul li{display:block;width:195px;height:25px;border-top:1px solid #dadcdd}
.detailmenu ul li.first{border-top:none}
.detailmenu ul li a:link,.detailmenu ul li a:active,.detailmenu ul li a:visited{display:block;padding-left:15px;width:180px;height:25px;line-height:25px;font-size:12px;font-weight:bold;color:#036;text-decoration:none;background:#f0f7ff url(/images/carddetails/detailmenu-hover.gif) no-repeat 0 25px}
.detailmenu ul li a:hover,.detailmenu ul li a:focus{background-position:0 0;color:#000}

#search-controls-note a:link,#search-controls-note a:active,#search-controls-note a:visited{color:#00f;text-decoration:none}
#search-controls-note a:hover,#search-controls-note a:focus{text-decoration:underline}
#search-controls-note p{margin-right:10px}
#search-controls-note p.sslnote{font-size:11px;background:url(/images/carddetails/ssl-icon-green.gif) no-repeat 0 0}
#search-controls-note p.sslnote span{color:#060}

/**
 * Content
 */

#card-details-content{margin:auto;padding:21px 0;width:683px;background:#d2d2d2}
.card-details-paneltop, .card-details-panelbottom{margin:10px auto 0;width:649px;height:9px;font-size:0;background:#fff url(/images/carddetails/card-details-paneltop.gif) no-repeat}
.card-details-paneltop.first{margin-top:0}
.card-details-panelbottom{margin:0 auto;background:#fff url(/images/carddetails/card-details-panelbottom.gif) no-repeat}
.card-details-panel{position:relative;padding-bottom:4px;margin:auto;width:649px;background:#fff}
.card-details-panel a.toplink:link,.card-details-panel a.toplink:visited{float:right;margin-right:20px;color:#00f;text-decoration:none}
.card-details-panel a.toplink:hover,.card-details-panel a.toplink:focus{text-decoration:underline}
.card-details-panel.main ul li a:link,.card-details-panel.main ul li a:active,.card-details-panel.main ul li a:visited{color:#000;text-decoration:none}
.card-details-panel.purchases .paneltitle{margin-top:21px}
.card-details-panel.purchases .paneltitle.first{margin-top:0}
.card-details-panel.footer .editorspick{padding-top:9px}
.card-details-panel.footer .editorspick p,.card-details-panel.footer .editorspick ul{margin:0;padding:0;float:left}
.card-details-panel.footer .editorspick p{display:block;margin-right:20px;padding:0 20px 0 19px;width:300px;font-size:13px;border-right:2px dotted #ccc}
.card-details-panel.footer .editorspick ul li{width:auto}
.card-details-panel.footer .editorspick a:link,.card-details-panel.footer .editorspick a:active,.card-details-panel.footer .editorspick a:visited{color:#00f;text-decoration:none}
.card-details-panel.footer .editorspick a:hover,.card-details-panel.footer .editorspick a:focus{text-decoration:underline}
.card-details-panel.footer .similarcards{padding:9px 0 0 19px}
.card-details-panel.footer .similarcards p{margin:0;padding:0 0 5px}
.card-details-panel.footer .similarcards .compare{clear:both;margin:0 20px 0 0;padding:0}
.card-details-panel.footer .similarcards .compare a:link,.card-details-panel.footer .similarcards .compare a:visited{color:#00f;text-decoration:none}
.card-details-panel.footer .similarcards .compare a:hover,.card-details-panel.footer .similarcards .compare a:focus{text-decoration:underline}
.card-details-panel.footer .similarcards .card{float:left;margin-left:20px;width:125px;height:120px}
.card-details-panel.footer .similarcards .card-first{margin-left:0}
.card-details-panel.footer .similarcards .card img{display:block}
.card-details-panel.footer .similarcards .card .name{font-size:10px}
.card-details-panel.footer .similarcards .card a:link,.card-details-panel.footer .similarcards .card a:visited{color:#00f;text-decoration:none}
.card-details-panel.footer .similarcards .card a:hover,.card-details-panel.footer .similarcards .card a:focus{text-decoration:underline}
.card-details-panel.footer .cardcategories p{margin:0;padding:9px 0 0 19px}
.card-details-panel.footer .cardcategories ul li{float:left;width:250px}
.card-details-panel.footer .cardcategories a:link,.card-details-panel.footer .cardcategories a:active,.card-details-panel.footer .cardcategories a:visited{color:#00f;text-decoration:none}
.card-details-panel.footer .cardcategories a:hover,.card-details-panel.footer .cardcategories a:focus{text-decoration:underline}
.card-details-panel.footer .issuerdesc{margin:0;padding:9px 20px 0 19px}
.card-details-panel.footer .footer-divider{clear:both;margin:17px 20px 16px 19px;height:2px;background:#ccc;font-size:0}
.card-details-panel.recommendation{height:185px}
.rating-box{padding:1px 0 0 19px}
.rating-box-star{float:left;margin-right:10px;padding:15px 0 0;width:50px;height:28px;font-weight:bold;text-align:center;background:url(/images/carddetails/ratings-star-big.png) no-repeat 0 0}
.rating-box-widget{float:left}
.rating-box-widget .widget-main-label{float:left;padding:3px 10px 0 0}
.rating-box-widget em{float:left;padding:3px 0 0 10px}
.rating-box-widget .rating-info{clear:left;padding:3px 0 0}
.rating-box-widget .rating-info img{position:relative;top:1px;left:5px;visibility:hidden}
.rating-box-widget .rating-info-loading img{visibility:visible}
.rating-box a.star-choice:link,.rating-box a.star-choice:visited{float:left;margin:3px 0 0;display:block;width:17px;height:16px;text-indent:-9999px;overflow:hidden;background:url(/images/carddetails/ratings-star.png) no-repeat 0 -280px}
.rating-box a.star-choice-hover:link,.rating-box a.star-choice-hover:visited,.rating-box a.star-choice:hover,.rating-box a.star-choice:focus{background-position:0 0}
.card-details-panel.recommendation p{clear:left;margin:0;padding:15px 19px 0}
.card-details-panel.recommendation iframe{margin:5px 0 0 19px}
.card-details-panel.recommendation .paneltitle{margin-bottom:10px}
.card-details-panel.discussion .comments{margin:17px auto 0;width:560px}
.card-details-panel.discussion .realcomments li{margin-top:10px;padding-top:10px;border-top:1px dotted #888;background:none}
.card-details-panel.discussion .realcomments li.first{margin-top:0;padding-top:0;border-top:none}
.card-details-panel.discussion .realcomments li.reply{margin-left:30px}
.card-details-panel.discussion p{margin:0;padding:9px 0 0 19px}
.card-details-actions{position:absolute;top:-2px;right:17px}
.card-details-actions.bottom{top:auto;bottom:0}
.card-details-applybtn:link,.card-details-applybtn:active,.card-details-applybtn:visited{position:relative;display:block;margin-bottom:5px;width:89px;height:27px;overflow:hidden}
.card-details-applybtn img{position:absolute;top:0;left:0}
.card-details-applybtn:hover img{top:-27px}
.card-details-actions.bottom .card-details-applybtn:link, .card-details-actions.bottom .card-details-applybtn:active, .card-details-actions.bottom .card-details-applybtn:visited{margin-bottom:0}
.card-details-panel h1{margin:0 121px 0 25px;padding-top:1px;font-family:Arial;font-size:16px;color:#000}
.card-details-panel h2{margin:0 0 0 25px;padding-top:1px;font-size:14px;color:#060}
.card-details-panel h2 a:link, .card-details-panel h2 a:active, .card-details-panel h2 a:visited{color:#060;text-decoration:none}
.card-details-panel h2 .qmark{vertical-align:-2px}
.card-details-panel .paneltitle{display:block;margin:0 0 0 15px;padding-top:1px;font-size:14px;font-weight:bold;color:#060}
.card-details-panel .paneltitle .qmark{vertical-align:-2px}
.cardrankings p{margin:0;padding:7px 20px 0}
.cardrankings a:link,.cardrankings a:visited{color:#00f;text-decoration:none}
.cardrankings a:hover,.cardrankings a:focus{text-decoration:underline}
.cardrankings .gauges{margin:auto;width:572px;height:145px;overflow:hidden}
.cardrankings .gauges table td{background:none}
.cardrankings .gauges-label{margin:auto;width:572px}
.cardrankings .gauges-3col,.cardrankings .gauges-3col-label{width:429px}
.cardrankings .gauges-2col,.cardrankings .gauges-2col-label{width:286px}
.cardrankings .gauges-1col,.cardrankings .gauges-1col-label{width:142px}
.cardrankings .gauges-label table{margin:0;padding:0;border-collapse:collapse;width:100%}
.cardrankings .gauges-label table thead th{width:25%;text-align:center}
.cardrankings .gauges-3col-label table thead th{width:33.33%}
.cardrankings .gauges-2col-label table thead th{width:50%}
.cardrankings .gauges-1col-label table thead th{width:100%}
.cardrankings .walletrank{padding:0 0 0 19px;font-family:Georgia,'Times New Roman',serif;font-size:13px;font-weight:bold}
.cardrankings .walletrank strong{font-size:18px}
.cardrankings ul li{margin-bottom:5px}
.cardrankings a.card-details-applybtn:link,.cardrankings a.card-details-applybtn:visited{float:right;margin-right:19px;margin-top:-5px}
.card-details-cardpic{float:left;display:block;margin:15px 0 0 11px;width:95px;min-height:77px;*height:77px;text-align:center}
.card-rating{display:inline-block;position:relative;top:3px;margin-left:5px;width:85px;height:16px;background:url(/images/carddetails/ratings-star.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;cursor:pointer}
.rating-0{background-position:0 -280px}
.rating-0-5{background-position:0 -252px}
.rating-1{background-position:0 -224px}
.rating-1-5{background-position:0 -196px}
.rating-2{background-position:0 -168px}
.rating-2-5{background-position:0 -140px}
.rating-3{background-position:0 -112px}
.rating-3-5{background-position:0 -84px}
.rating-4{background-position:0 -56px}
.rating-4-5{background-position:0 -28px}
.card-rating-label{margin-left:5px;font-size:11px}
.card-details-cardpic em{display:block;margin-top:-4px;font-size:11px;color:#999}
.card-details-cardpic em.u{text-decoration:underline;cursor:pointer}
.card-details-panel ul{margin:10px 0 0 35px;padding:0}
.card-details-panel ul li{display:block;padding-left:10px;width:450px;background:url(/images/midcol-blackarrow-right.gif) no-repeat 0 4px;list-style-type:none}
.card-details-panel.main ul li .qmark{vertical-align:-2px;margin-left:4px;margin-right:4px}
.card-details-panel.main ul{float:left;margin:12px 0 0 15px;font-size:13px}
.card-details-panel.main ul li{line-height:22px;background-position:0 6px}
.card-details-panel.main .discontinued{margin:6px 15px -7px;padding:0 5px;font-size:12px;background:#f2fff2;border:1px solid #9c9}
.card-details-panel.main .discontinued p{margin:0;padding:0}
.card-details-panel.main .discontinued .p1{padding:7px 0 0}
.card-details-panel.main .discontinued .p2{padding:14px 0 7px}
.card-details-panel.main .discontinued a:link,.card-details-panel.main .discontinued active,.card-details-panel.main .discontinued a:visited{color:#00f;text-decoration:none}
.card-details-panel.main .discontinued a:hover,.card-details-panel.main .discontinued a:focus{text-decoration:underline}
.email .back{padding:3px 0 4px 10px}
.email .back a:link,.email .back a:active,.email .back a:visited{font-size:14px;font-weight:bold;color:#00f;text-decoration:none}
.email .back a:link span,.email .back a:active span,.email .back a:visited span{margin-left:2px;vertical-align:-2px}
.email .back a:hover span,.email .back a:focus span{text-decoration:underline}
.card-details-panel.email{font-size:14px}
.card-details-panel.email .t1{padding:0 0 0 19px;font-weight:bold}
.card-details-panel.email .t2{padding:9px 0 0 19px;font-size:12px}
.card-details-panel.email .cardimg{display:block;float:left;margin:10px 0 0 16px;vertical-align:top}
.card-details-panel.email a.cardname:link,.card-details-panel.email a.cardname:active,.card-details-panel.email a.cardname:visited{display:block;float:left;margin:39px 0 0 5px;vertical-align:top;font-weight:bold;color:#3c74aa}
.card-details-panel.email form{clear:both;margin:0;padding:18px 0 0}
.card-details-panel.email form label{margin-left:19px;font-weight:bold;cursor:text}
.card-details-panel.email label small{font-size:10px;font-weight:normal}
.card-details-panel.email form p{margin:0}
.card-details-panel.email p input{margin-left:20px;width:327px}
.card-details-panel.email .p2,.card-details-panel.email .p3{padding-top:16px}
.card-details-panel.email .p3 textarea{margin-left:20px;width:327px;height:90px}
.card-details-panel.email .p3 span{display:block;margin-left:20px;width:330px;font-size:10px;text-align:right}
.card-details-panel.email .p4{padding-top:17px}
.card-details-panel.email .p4 input{margin-left:20px;width:auto}
.card-details-panel.email .p4 .captcha-note{margin-left:20px;font-size:12px}
.card-details-panel.email .p4 .captcha-note a:link,.card-details-panel.email .p4 .captcha-note a:active,.card-details-panel.email .p4 .captcha-note a:visited{color:#00f}
.card-details-panel.email .submit{padding:39px 0 12px 0}
.card-details-panel.email .submit input{width:auto;padding:3px 8px;font-size:14px}
.card-details-panel.email #recaptcha_image{margin:4px 0 0 20px;width:300px;height:57px;border:1px solid #000}
.card-details-panel.email form .error{display:block;margin:1px 0 0 20px;font-size:12px;font-weight:bold;color:#f00}
.card-details-panel table{margin-left:25px}
.card-details-panel table td{width:138px;background:#fff url(/images/carddetails/table-bg-down.gif) repeat-x bottom;text-align:center;vertical-align:top;border-left:1px solid #000}
.card-details-panel table td.first,.card-details-panel table td:first-child{border-left:none}
.card-details-panel table td span{display:block;margin-bottom:2px;width:100%;height:20px;line-height:20px;font-size:12px;color:#000;background:url(/images/carddetails/table-bg.gif) repeat-x top}
.card-details-panel table td span a:link, .card-details-panel table td span a:active, .card-details-panel table td span a:visited{color:#000;text-decoration:none}
.card-details-panel table td span .qmark{vertical-align:-2px;cursor:pointer}
.card-details-panel.nonsponsored ul{float:none;margin-left:25px;font-size:13px}
.card-details-panel.nonsponsored li{line-height:normal !important}
.card-details-footer{margin:20px auto 0;padding:10px 0;width:649px;background:#fff}
.card-details-footer h3{display:block;margin:20px auto 0;padding-left:10px;width:615px;height:33px;line-height:33px;font-family:Arial;font-size:16px;background:url(/images/carddetails/footer-title-bg.gif) repeat-x top;border:2px solid #e0e0e0}
.card-details-footer h3.first{margin-top:0}
.card-details-footer-content{margin:auto;padding:20px;width:585px;font-family:Arial;font-size:12px;border:2px solid #e0e0e0;border-top:none}
.card-details-footer-content.ep p{display:block;float:left;margin:0;padding-right:20px;width:310px;font-size:13px;border-right:2px dotted #ccc}
.card-details-footer-content.ep ul{float:left;margin-top:0;padding-left:10px}
.card-details-footer-content ul{margin:14px 0 0 10px;padding:0}
.card-details-footer-content ul li{padding-left:10px;background:url(/images/carddetails/bullets/blue.gif) no-repeat 0 4px;list-style-type:none}
.card-details-footer-content ul li a:link, .card-details-footer-content ul li a:active, .card-details-footer-content ul li a:visited{color:#00f;text-decoration:none}
.card-details-footer-content ul li a:hover{text-decoration:underline}
#card-details-categories li{display:block;float:left;width:250px}
.card-details-panel.nonsponsored .proceed:link, .card-details-panel.nonsponsored .proceed:active, .card-details-panel.nonsponsored .proceed:visited, .card-details-panel.nonsponsored .proceed:hover, .card-details-panel.nonsponsored .proceed:focus{position:absolute;bottom:0;right:10px}
.card-details-panel .proceed:link, .card-details-panel .proceed:active, .card-details-panel .proceed:visited{display:block;width:89px;height:27px;text-indent:-9999px;overflow:hidden;background:url(/images/controls-new/cardtpl/buttons/proceed.gif) no-repeat top}
.card-details-panel .proceed:hover, .card-details-panel .proceed:focus{background-position:bottom}

/**
 * Custom
 */

#rewards-panel-typelabel{margin-left:16px;font-size:12px}
#rewards-panel-typevalue, #rewards-panel-earnvalue{font-size:12px;font-weight:normal;color:#000}
#rewards-panel .qmark{vertical-align:-2px;margin:0 -1px 0 -1px}
#rewards-panel.bad ul li{width:auto;margin-right:20px}
#rewards-panel ul{margin-top:0}
#rewards-panel-earnlabel{margin-left:36px;font-size:12px}
#rewards-panel-rdetailslabel{display:block;margin:17px 0 0 15px;font-size:12px;font-weight:bold}
#card-details-addinfopanel .qmark{vertical-align:-2px}
#card-details-addinfopanel .twocol-list ul{float:left}
#card-details-addinfopanel .twocol-list ul li{width:230px}
#card-details-addinfopanel ul li a:link, #card-details-addinfopanel ul li a:active, #card-details-addinfopanel ul li a:visited{color:#000;text-decoration:none}
#card-details-addinfopanel ul li{line-height:17px}
#fees-panel.bad .left, #fees-panel.bad .right{float:left;margin-top:3px}
#fees-panel.bad .left strong, #fees-panel.bad .right strong{margin-left:25px;color:#000}

/**
 * Footer
 */

#card-details-footer p{display:block;position:absolute;top:45px;left:0;margin:0;width:500px;font-size:11px;color:#600}#card-details-footer-breadcrumb{font-weight:bold;margin-left:20px;margin-top:10px;vertical-align:-10px}
#card-details-footer-breadcrumb{padding-right:167px}
#card-details-footer-breadcrumb a:link, #card-details-footer-breadcrumb a:active, #card-details-footer-breadcrumb a:visited{color:#00f}
#card-details-footer-breadcrumb span{color:#666}

/**
 * popup
 */
body.popup{width:618px;height:auto;font-family:Arial,sans-serif;font-size:12px;background:none;overflow:hidden}
body.popup textarea,body.popup input{font-family:Arial,sans-serif;font-size:12px}
.popup .black{color:#000}
.popup .frame{padding:0 0 10px;width:618px;overflow:hidden;background:#d2d2d2}
.popup .frame .header{padding:5px 30px 5px 0;font-size:12px;text-align:right}
.popup .frame .header a:link,.popup .frame .header a:active,.popup .frame .header a:visited{color:#00f;text-decoration:none}
.popup .frame .header a:hover span,.popup .frame .header a:focus span{text-decoration:underline}
.popup .frame .header img{margin-right:4px;vertical-align:-2px}
.popup .frame .header .divider{padding:0 3px}
.popup .card-details-panel table{margin-left:15px}
.popup .card-details-panel ul{margin-left:25px}
.popup .card-details-panel .gauges-label table{margin-left:0}
.popup .qmark{cursor:pointer}
.popup .card-details-paneltop{width:598px;background:#fff url(/images/carddetails/main/card-details-paneltop.gif) no-repeat top}
.popup .card-details-panel{width:598px}
.popup .card-details-panelbottom{width:598px;background:#fff url(/images/carddetails/main/card-details-panelbottom.gif) no-repeat top}
.popup .linkholder{display:none;position:absolute;top:25px;left:245px;width:355px;height:65px;background:#eaeaea;border:1px solid #999}
.popup .linkholder p{margin:0;padding:7px 0 0 10px}
.popup .linkholder input{vertical-align:top;margin-top:3px}
.popup .linkholder input#linkurl{margin:4px 0 0 10px;width:320px}
.popup .linkholder .close{float:right;margin:6px 7px 0 0;cursor:pointer}
