/* SHARED CSS STARTS */


.visa-index-table-area {padding:2px 4px; margin:0 0 8px 0; width:97%; border:1px solid #c3cce0; background:#fff;}


.visa-index-table {padding:0; margin:0; width:100%;}


.visa-index-table th {padding:0; margin:0; vertical-align:top; font-weight:bold; text-align:left;}


.visa-index-table td {padding:0; margin:0; vertical-align:top;}





.body-wrapper {padding:0; width:100%; float:left;}


.body-main {padding:0; margin:0; width:539px; float:left;}


.body-rightside {padding:0; margin:0;width:216px; float:right;}





.floatleft {float:left;}


.floatright {float:right;}


.margintop {margin-top:12px;}





.boldul {font-weight:bold;}


/* SHARED CSS ENDS */








/* FEATURE CARDS ON CARDS HOMEPAGE STARTS */


.feature-card-wrapper {width:100%; border:1px solid #c3cce0; float:left; background:url('/cartes/_assets-custom/images/visa-index-bg.gif') no-repeat top left #f5f5ff;}


.feature-avion-inf-card-wrapper {width:100%; border:1px solid #c3cce0; float:left; background:url('/cartes/_assets-custom/images/visa-avion-feature-bg.jpg') no-repeat top left #f5f5ff;}


.feature-card-actual {margin:14px 0 0 8px; width:738px;}





.feature-card-left {width:240px; text-align:center; float:left;}


.feature-card-left h3 {margin:0 0 12px 0; color:#fff; font-weight:bold;}


.feature-card-left p {margin-top:8px;}


.feature-card-cards {height:170px; font-size:100%; margin:0 0 -30px 0; text-align:left;}


.feature-card-cards a:hover {background:none;}





.feature-card-right {width:470px; float:right;}


.feature-card-content {margin:8px 0; width:470px;}


.feature-card-tablearea {padding:2px 4px; margin:0 0 8px 0; border:1px solid #c3cce0; background:#fff;}





.feature-card-textarea {width:185px; float:left;}


.feature-card-cardinfoarea {width:275px; float:right;}





.visa-index-table {padding:0; margin:0;}


.visa-index-table th {padding:0; margin:0; vertical-align:top; font-weight:bold; text-align:left;}


.visa-index-table td {padding:0; margin:0; vertical-align:top; text-align:left;}





.first-card-position {position:relative; top:-15px; left:75px; z-index:0;}


.second-card-position {position:relative; top:10px; left:-45px; z-index:10;}


.third-card-position {margin:0 0 -25px 0; position:relative; top:-60px; left:30px; z-index:100;}





.previous-next-text {font-size:.845em; height:20px;}


/* FEATURE CARDS ON CARDS HOMEPAGE ENDS */








/* FEATURE CARDS COMPARE CARD BUTTON STARTS */


.visa-index-comp-card-wrapper {padding:0; margin:0; float:right; font-weight:bold; font-size:.845em; background:url('/cartes/_assets-custom/images/visa-index-comp-card-bg.gif') no-repeat bottom left;}


.visa-index-comp-card-wrapper a {text-decoration:none;}


.visa-index-comp-card-wrapper a:hover {text-decoration:underline;}


.visa-index-comp-card-btn {padding:.2em  0 .3em 10px; float:left;}


.visa-index-comp-card-btn img {vertical-align:middle; _vertical-align:bottom;}


.visa-index-comp-card-space {padding:.2em 0 .3em 0; width:10px; float:left; background:url('/cartes/_assets-custom/images/visa-index-comp-card-bg.gif') no-repeat bottom right;}


/* FEATURE CARDS COMPARE CARD BUTTON ENDS */








/* CHOOSE THE RIGHT CARD FOR YOU STARTS */


.choose-card-title {width:100%; float:left;}





.choose-card-options {width:160px; float:left;}


.choose-card-options ul {margin:0 0 12px 0; font-size:.845em;}


.choose-card-options ul li a {text-decoration:none;}


.choose-card-options ul li a:hover {text-decoration:underline; color:#000;}


.choose-card-options ul li a:visited {text-decoration:none; color:#002888;}





.choose-card-info-wrapper {width:405px; float:right;}


.choose-card-img {width:125px; float:left;}


.choose-card-info-actual {width:270px; float:right;}





.choose-card-line-height {line-height:1.1em;}


/* CHOOSE THE RIGHT CARD FOR YOU ENDS */








/* TAB SCRIPT STARTS */


.button-area {width:155px; float:left;}


.button-area ul {margin:0; list-style-type:none;}


.button-area ul li {margin:0; padding:0; height:auto; width:155px; float:left;}





.button-area .btn-on a, .button-area .btn-off a {margin:4px 12px 0 15px; width:128px; text-decoration:none; color:#000; background:none; display:block; font-size:.9em;}





.button-area .btn-on {background:url('/cartes/_assets-custom/images/tab-btn.gif') top right no-repeat;}


.button-area .btn-on b {font-size:0; display:block; height:6px; background:url('/cartes/_assets-custom/images/tab-btn.gif') bottom right no-repeat;}


.button-area .btn-on i {border-bottom:1px solid #b8b8b8; margin:0; padding:0; font-size:0; display:block; height:3px; overflow:hidden;}


.button-area .btn-on a {font-weight:bold;}


.button-area .btn-on a:hover {text-decoration:none;}





.button-area .btn-off {background:url('/cartes/_assets-custom/images/tab-btn.gif') top left no-repeat;}


.button-area .btn-off b {font-size:0; display:block; height:6px; background:url('/cartes/_assets-custom/images/tab-btn.gif') bottom left no-repeat;}


.button-area .btn-off i {border-bottom:1px solid #b8b8b8; margin:0; padding:0; font-size:0; display:block; height:3px; overflow:hidden;}


.button-area .btn-off a {font-weight:normal;}


.button-area .btn-off a:hover {text-decoration:underline;}





.tab-wrapper {padding:0; margin:12px 0 0 0; background-position:bottom right; background-repeat:no-repeat;}


.tab-content-wrapper {padding:8px; float:left; border-top:1px solid #b8b8b8;}


/* TAB SCRIPT ENDS */








/* MANAGING YOUR CARD NEXT/PREVIOUS BUTTON STARTS */


.next-previous-mng-card {width:100%; height:20px; text-align:center;}


/* MANAGING YOUR CARD NEXT/PREVIOUS BUTTON ENDS */








/* CUSTOMER SERVICE TAB STARTS */


.customer-service-tab {float:left; padding:0 17px 12px 11px; border-left:1px solid #c4cce1; border-right:1px solid #c4cce1;}


/* CUSTOMER SERVICE TAB ENDS */














/* For Compare Credit Cards page STARTS */


.compare-rightside-wrapper {margin:0 0 12px 0; padding:3px; border:1px solid #c4ccdf; background: url('/cartes/_assets-custom/images/compare-blue-bg.jpg') top left repeat-x;}


.compare-rightside-wrapper ul {line-height:1.8em; margin-left:12px;}


.compare-rightside-titlearea {margin:0 0 8px 0; padding:2px; border-bottom:1px solid #d1d1d1; text-align:left; background:#cdd4e6;}


.compare-rightside-title-left {width:80%; padding-left:10px; float:left; font-weight:bold;}


.compare-rightside-title-right {width:15%; text-align:right; float:right; vertical-align:top; _vertical-align:top;}





table.card-compare {width:100%; border:0; background:url('/cartes/_assets-custom/images/pick-three-cards-bg.jpg') no-repeat top left #fff;}


table.card-compare th {width:148px; padding:3px 9px 4px 11px;}


table.card-compare td {text-align:center;}





.bgcolor-on {background:#f5f4ef;}


.card-compare-mainheader-th {border-top:1px solid #cbcdd9; border-left:1px solid #cbcdd9; height:130px;}


.card-compare-mainheader-td {border-top:1px solid #cbcdd9;}


/* For Compare Credit Cards page ENDS */








/* For cards/chip/index.html STARTS  */


.howitworksstepframe {padding:0; margin:0 0 12px 0; width:100%; background: url('/cartes/_assets-custom/images/chip-pin-steps-bg.jpg') top #fff9e1;}


.howitworks_mainimageframe {padding:12px 0 0 0; margin:auto; width:96%;}


.howitworks_tipframe {padding:0; margin:auto; width:96%; height:9em;}


.howitworks_rolloverframe {padding:0; margin:0; width:100%; border-top: 1px solid #d5deef; background: url('/cartes/_assets-custom/images/chip-pin-steps-bg.jpg') bottom #fff9e1;}


.howitworks_rollover {padding:8px 0 8px 0; margin:auto; width:90%;}


.howitworks_rollover a {margin-right:3%;}





.chip-n-pin-img-area {padding-bottom:12px; width:30%; float:left;}


.chip-n-pin-content-area {width:66%; height:12em; float:left;}


/* For cards/chip/index.html ENDS  */








/* For card details page STARTS */


.cards-details-bnr {background: url('/uos/_assets/images/callouts/gradient-lightblue-bg.gif') bottom left repeat-x; border:1px solid #cbcdd9}


.cards-details-img-wrapper {padding-top:32px; width:28%; float:left;}


.cards-details-content-wrapper {padding-top:32px; width:42%; float:left;}


.cards-details-fees-wrapper {padding-top:32px; width:28%; float:right;}


.get-started-wrapper {padding:14px 12px;}





.get-started-img-wrapper {width:127px; float:left;}


.get-started-img {padding:0; margin:8px 0 12px 0;}





.get-started-form-wrapper {float:left;}


.get-started-form-wrapper input {width:200px;}


/* For card details page ENDS */