/* 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('/cards/_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('/cards/_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:235px; float:left;}







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















.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;}















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







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







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















.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('/cards/_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('/cards/_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:124px; float:left; _width:155px;}









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







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





















.button-area .btn-on a, .button-area .btn-off a {margin:6px 12px 0 15px; width:128px; text-decoration:none; color:#001B75; background:none; display:block; font-size:11px;}















.button-area .btn-on {background:url('/cards/_assets-custom/images/tab-btn.gif') -124px 0 no-repeat; margin:0 0px 1px 0;}

.button-area .btn-on {_background:url('/cards/_assets-custom/images/tab-btn2.gif') -155px 0 no-repeat;}







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

.button-area .btn-on b {_background:url('/cards/_assets-custom/images/tab-btn2.gif') -155px 100% no-repeat;}







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







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







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















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



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





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

.button-area .btn-off b {_background:url('/cards/_assets-custom/images/tab-btn2.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:6px; overflow:hidden;}







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







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















.tab-wrapper {float:left; margin-top:12px; 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('/cards/_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('/cards/_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('/cards/_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('/cards/_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:125px; float:left;}







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







.get-started-img-wrapper p {margin-left:12px;}















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







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







/* For card details page ENDS */