/****************************************************/
/**** **** CARDS PRODUCT PAGE STYLES STARTS **** ***/
/**************************************************/

/* Start Application */
table.start-application {width:400px; float:left;}
.badge {margin:-1em 0 0 0; padding:36px 0 0 0; width:110px; display:block; overflow:hidden; float:right;}


/* Cards Product Page */
.hero-bnr-wpr {padding:16px 0 0 0; width:100%; display:block; overflow:hidden; border:1px solid #cbcdd9; background:url(/uos/_assets/images/navigation/primarytabs/container-lightblue-gradient-bg.gif) bottom left repeat-x;}
	.hero-bnr-wpr .bnr-divided-line {display:block; overflow:hidden; background:url(/uos/_assets/images/layout/homepagelinkgrid-divider-vertical.gif) 550px 0 repeat-y; width: 770px;}
		.hero-bnr-wpr .card-image-wpr {padding:0 0 0 16px; width:167px; display:block; overflow:hidden; float:left;}
			.card-image-wpr .credit-card-wpr {margin:0 0 8px 0; width:160px; display:block; overflow:hidden;}
			.card-image-wpr .apply-now-btn-wpr {margin:0 0 0 34px;}

		.hero-bnr-wpr .card-main-title {padding:0 0 0 0; width:342px; display:block; overflow:hidden; float:left;}
			.hero-bnr-wpr .card-main-title img {margin:0 0 12px 0;}
			.hero-bnr-wpr .card-main-title p {margin:0 0 24px 0;}
			.hero-bnr-wpr .card-main-title table {width:100%;}
			.hero-bnr-wpr .card-main-title table tr td {padding:4px 0; margin:0; line-height:1.4em; text-align:center !important; background:url(/uos/_assets/images/layout/homepagelinkgrid-divider-vertical.gif) top right repeat-y;}
			.hero-bnr-wpr .card-main-title table tr td.last {background:none;}

		.hero-bnr-wpr .card-rate-box-wpr {margin: 0 16px 0 16px; _margin: 0 16px 12px 8px; width: 520px; float: left; display:block;}
			.feeandrate-box-wpr {margin:0 0 12px 0; display:block; overflow:hidden; border:1px solid #cbcdd9; background:#fff; width: 520px;}
			.feeandrate-box-wpr table {width:100%;}
			.feeandrate-box-wpr table tr td {padding:4px 0; margin:0; line-height:1.4em; text-align:center !important; background:url(/uos/_assets/images/layout/homepagelinkgrid-divider-vertical.gif) top right repeat-y;}
			.feeandrate-box-wpr table tr td.last {background:none;}
		
		.hero-bnr-wpr .card-details-wpr {padding:0 10px; width:196px; display:block; overflow:hidden; float:right;}
		.hero-bnr-wpr .card-details-wpr ul {padding:0; margin:0 0 4px 0;}
		.hero-bnr-wpr .card-details-wpr ul li {padding:0 0 0 22px; margin:0 0 4px 0; background:url(/credit-cards/_assets-custom/images/cards-products/cards-checkmark.gif) left 4px no-repeat;}
		.hero-bnr-wpr .card-details-wpr .compare-card-link {margin:0 0 8px 0px; float:left;}
		.hero-bnr-wpr .card-details-wpr .apply-now-link {float:right;}

.popup-container {display:block; overflow:hidden;}


/* Features and Benefit Icons */
ul.cards-product-icons {padding:0; margin:0 0 -8px 0;}
ul.cards-product-icons li {padding:8px 0; width:100%; display:block; overflow:hidden; background:url(/uos/_assets/images/layout/divider-dash.gif) left bottom repeat-x;}
ul.cards-product-icons li.last {padding:8px 0; background:none;}

ul.cards-product-icons li img.rbc-icon {width:88px; display:block; overflow:hidden; margin:0 16px 0 0; float:left;}
ul.cards-product-icons li p.rbc-icon-txt {width:432px; display:block; overflow:hidden; float:right;}



/*******************************************************/
/**** **** CATEGORY LANDING PAGE STYLES STARTS **** ***/
/*****************************************************/

/* Cards Landing Table */
	table.cards-landing tr th, table.cards-landing tr td {text-align:center;}
	table.cards-landing tr.contentframework-subheader th {text-align:left !important;}
	table.cards-landing tr td {vertical-align:middle;}
	table.cards-landing tr td ul {margin:0 0 16px 0; font-size:.845em;}
	table.cards-landing tr td.last {text-align:left;}
	table.cards-landing tr td .learnmore {float:left; font-size:.845em;}


/* Student Banking Landing page */
td.column1, td.column2, td.column3 {vertical-align:top !important;}
.cc-scroll-item {width:742px;}
.cc-table table tr td {font-size:.845em;line-height:1.4em;}

.cc-card-wpr {margin:8px 0 0 0; display:block; overflow:hidden; background:url(/uos/_assets/images/layout/divider-dash-vertical.gif) 32% 0 repeat-y;}
	.cc-card-wpr .img-wpr {margin:0 0 0 55px; width:125px; float:left;}
	.img-wpr .button-primary {width:125px; font-size:1em;}
	.cc-card-wpr .text-wpr {padding:0 0 0 16; width:480px; float:right; display:block; overflow:hidden;}
	.cc-card-wpr .text-wpr h2 {margin:0 0 16px 0; font-size:1.4em;}
	.cc-card-wpr .text-wpr ul {margin:0 0 16px 0; font-size:1.12em; line-height:1.4em;}


/**************************************/
/**** **** AVION MODAL STARTS **** ***/
/************************************/
.avion-inf-modal-wrp {margin:16px 0 0 0; display:block; overflow:hidden;}
	.avion-inf-modal-img {margin:12px 0 0 0; width:141px; height:96px; float:left; display:block; overflow:hidden;}
	.avion-inf-modal-txt {width:640px; float:right; display:block; overflow:hidden;}

.body-wrapper-modal {height:26em; overflow:auto;}
	.body-wrapper-modal .body-main {width:552px;}
	.body-wrapper-modal .body-rightside {padding:0 8px 0 0;}

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