/* Hero Banner */
#HeroBnrWpr {margin:0; padding:0; width:100%; clear:both; display:none; float:left;} /* IE6 margin:0; padding:0; width:100%; */
html > body #HeroBnrWpr {margin:0 0 16px 0 !important; width:auto;}

	#HeroBnrWpr #HeroBnrMenuWpr {margin:0; padding:0; width:181px; border-right:1px solid #fff; display:block; float:left; background:#ccd4e5;}
		#HeroBnrMenuWpr ul#HeroBnr_Trigger {margin:0; padding:0;}
		#HeroBnrMenuWpr ul#HeroBnr_Trigger li {margin:0; padding:0; width:181px; display:block; overflow:hidden; background:none; float:left;}
		#HeroBnrMenuWpr ul#HeroBnr_Trigger li a {margin:0; padding:0; height:51px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; display:block; overflow:hidden; font-weight:bold; text-align:center; text-decoration:none; color:#002b88; background:none;}
		#HeroBnrMenuWpr ul#HeroBnr_Trigger li a:hover {text-decoration:underline; border-top:1px solid #fefdfe; border-bottom:1px solid #e5e5f1; background:url(/credit-cards/_assets-custom/images/hero-bnr-tab-bg.gif) bottom left repeat-x #fefdfe;}

			#HeroBnrMenuWpr ul#HeroBnr_Trigger li a span {margin:16px 0 0 0; display:block;}
			#HeroBnrMenuWpr ul#HeroBnr_Trigger li a span.multiline {margin:8px 0 0 0; display:block;}
			#HeroBnrMenuWpr ul#HeroBnr_Trigger li a.first {height:50px; border-top:1px solid #d1d1d1;}
			#HeroBnrMenuWpr ul#HeroBnr_Trigger li a.last {height:54px; border-bottom:1px solid #d1d1d1;}
			#HeroBnrMenuWpr ul#HeroBnr_Trigger li span.bottom-border {margin:0; padding:0; height:3px; display:block; overflow:hidden; font-size:0; background:url(/credit-cards/_assets-custom/images/credit-cards-hero-tab.gif) top left repeat-x;}
			#HeroBnrMenuWpr ul#HeroBnr_Trigger li span.on-arrow {position:absolute; display:none; margin:-35px 0 0 181px; z-index:10;}

		#HeroBnrMenuWpr ul#HeroBnr_Trigger li.on-state a, #HeroBnrMenuWpr ul#HeroBnr_Trigger li.on-state a:hover {color:#fff; text-decoration:none; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#002888;}
		#HeroBnrMenuWpr ul#HeroBnr_Trigger li.on-state span.on-arrow {display:inline;}

#HeroBnrWpr #HeroBnrContentWpr {width:768px; height:221px; border:1px solid #9fb0d5; float:right; background:url(/uos/_assets/images/contentframework/container-primary-bg.gif) top left #fff repeat-x;}
	#HeroBnrWpr #HeroBnrContentWpr .HeroBnr_Content {position:static; display:none;} /* IE6 position:static; */
	html > body #HeroBnrWpr #HeroBnrContentWpr .HeroBnr_Content {position:relative !important;}

.usertype_client, .usertype_prospect {display:none;}


/* Bridgetrack Banner */
#HeroBnrBridgeTrack_Content {position:relative !important;} /* IE6 position:relative !important; */
html > body #HeroBnrBridgeTrack_Content {position:static !important;}

	#HeroBnrBridgeTrack_Content #ChatBoxWpr {height:35px; display:block; overflow:visible;}
		#ChatBoxWpr .chatbox {position:absolute; margin:-8px 0 0 0; display:block; right:0; height:47px; z-index:10;}
		#ChatBoxWpr .chatbox .chatbox-content {padding:0 0 0 20px; height:47px; float:left; background:url(/credit-cards/_assets-custom/images/chatbox-bg.png) top left no-repeat;}

			#ChatBoxWpr .chatbox .chatbox-content .mailoffer-active {margin:0; height:39px; display:block; overflow:hidden; float:left;}
				.mailoffer-active a.respond-to-mail {margin:8px 0 8px 0; float:left;}
				.mailoffer-active a.respond-to-mail span {margin:3px 0 0 0; float:left; line-height:1.2em;}

			#ChatBoxWpr .chatbox .chatbox-content .mailoffer-chat-active {margin:0; height:39px; display:none; overflow:hidden; float:left; background:url(/credit-cards/_assets-custom/images/popular-card-bg.gif) 55% 0 repeat-y;}
				.mailoffer-chat-active a.respond-to-mail {margin:8px 0 8px 0; float:left;}
				.mailoffer-chat-active a.respond-to-mail span {margin:-4px 0 0 0; float:left; line-height:1.2em;}

				.mailoffer-chat-active a.chat-live-now {margin:8px 16px 8px 0; float:left;}
				.mailoffer-chat-active a.chat-live-now span {margin:3px 0 0 0; float:left; line-height:1.2em;}

				a.respond-to-mail img, a.chat-live-now img {margin:0 8px 0 0; float:left;}

		#ChatBoxWpr .chatbox span.chatbox-end {width:14px; height:47px; float:left; background:url(/credit-cards/_assets-custom/images/chatbox-bg.png) top right no-repeat;}
		.chatbox-content a {background-color:transparent !important;}

	#HeroBnrBridgeTrack_Content #ChatBoxWpr #BridgeTrackBnrWpr {display:block; overflow:hidden;}
		#BridgeTrackBnrWpr a, #BridgeTrackBnrWpr a img {text-decoration:none !important; background:none !important;}


/* Client Bridgetrack Banner */
#banner {margin:0;}
#banner .content h2 {font-size:15px; line-height:18px;}
#banner .content p {font-size:13.5px; line-height:16px;}
#banner .content ul li {padding-bottom:2px;}
#banner .content ul li a {font-size:13.5px; line-height:18px;}
#banner .content ul li a:hover {text-decoration:underline !important; background:#e5ebf2 !important;}


/* rotating banner style */
.rotatebnr ul.bnrcontrol {position:absolute; top:32px; z-index:15; margin:0 0 0 16px; padding:0; float:left;}
	.rotatebnr ul.bnrcontrol li {margin:0 8px 0 0; padding:0; float:left; cursor:pointer; background:none;}
	.rotatebnr ul.bnrcontrol li p, .rotatebnr ul.bnrcontrol li p span, .rotatebnr ul.bnrcontrol li p span a {display:block; float:left;}

.rotatebnr ul.bnrwpr {padding:0; margin:0; display:block; clear:both; overflow:hidden;}
	.rotatebnr ul.bnrwpr li {position:absolute; padding:0; margin:0; display:block; float:left; background:none;}

.ipad_trigger {display:none;}
	.ipad_trigger a.rotatebnr_Left, .ipad_trigger a.rotatebnr_Right {position:absolute; margin-top:112px; bottom:0; width:48px; height:54px; display:block; text-align:center; overflow:hidden; z-index:20; border:1px solid #ccd4e5; border-bottom:0;}
	.ipad_trigger a.rotatebnr_Left img, .ipad_trigger a.rotatebnr_Right img {margin:12px 0 0 0;}
		.ipad_trigger a.rotatebnr_Left {left:0; border-left:0; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px;}
		.ipad_trigger a.rotatebnr_Right {right:0; border-right:0; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px;}



/* Choose a Card style */
.credit-selector-wpr, .credit-selector-wpr table {height:221px;}
.credit-selector-wpr table tr th {height:52px;}
.credit-selector-wpr table tr td {height:166px;}

.credit-selector-wpr {padding:0; margin:0; width:100%; position:relative; display:block; overflow:hidden;}
	.credit-selector-wpr ul, .credit-selector-wpr ul li {padding:0; margin:0; background:none;}
	.credit-selector-wpr table {padding:0; margin:0; width:100%; border-collapse:collapse; border:0;}
		.credit-selector-wpr table tr th, .credit-selector-wpr table tr td {padding:0; margin:0; border-collapse:collapse; border:0; vertical-align:top; text-align:left;}
		.credit-selector-wpr table tr th strong {margin:7px 0 0 0; padding:0;}
		html > body .credit-selector-wpr table tr th strong {float:left; display:block; width:160px;}
		.credit-selector-wpr table tr th {border-bottom:1px solid #9fb0d5; background:url(/credit-cards/_assets-custom/images/popular-card-bg.gif) right 8px repeat-y;}
		.headerwpr {margin:10px 0 0 12px;}
		.credit-selector-wpr table tr td {border:1px solid #fff; border-top:0; background:#f0f0f0;}
		.credit-selector-wpr table tr td.last {border:1px solid #fff; border-right:0; border-top:0; background:#fff;}
			.credit-selector-wpr table tr td ul {padding:12px 0 0 0 !important; margin:0 0 0 14px;}
			.credit-selector-wpr table tr td ul li {padding:0 10px 0 0; clear:both;}
			.credit-selector-wpr table tr td ul li input {float:left;}
			.credit-selector-wpr table tr td ul li label {margin:0 0 4px 8px; display:block; float:left; width:125px;}

		ul#criteriaresult li {margin-top:12px; padding:0; display:block; text-align:center;}
		ul#criteriaresult li p {font-weight:bold;}
		ul#criteriaresult li p.ResultText {margin:0 auto 8px auto; width:136px; overflow:hidden; text-align:center;}
		ul#criteriaresult li p.button {font-size:1.025em;}
		.ResultNumber {font-size:3em; font-weight:bold;}
		.result-wpr {float:left; width:54px; height:24px; display:block; overflow:hidden;}


	.step_number {margin:0 8px 0 0; padding:1px; width:1em; font-weight:normal; font-size:1.69em; display:block; overflow:hidden; float:left;}
	.step_number span {width:1em; text-align:center; line-height:1.3em; display:block; overflow:hidden; float:left;}

	.card-select-num-on {color:#000;}
	.card-select-num-on span.step_number {border:1px solid #002888; background:#fff;}
	.card-select-num-on span.step_number span {color:#fff; background:#002888;}
	
	.card-select-num-off {color:#404040;}
	.card-select-num-off strong {font-weight:normal;}
	.card-select-num-off span.step_number {border:1px solid #b8b8b8; background:#d7d7d7;}
	.card-select-num-off span.step_number span {color:#404040; background:#d7d7d7;}



/* Animation Setup style */
#HeroBnrChooseCreditCard_Content {}
#CreditCardDetails {margin-top:35px;}
#SpecialOfferBnr_id {margin:0;}

.credit-selector-cover {position:absolute; right:0; z-index:11; background:url(/credit-cards/_assets-custom/images/card-selector-front.jpg) right 50% no-repeat #fff;}
.credit-selector-arrow {position:absolute; z-index:20; width:44px; display:block; background:url(/credit-cards/_assets-custom/images/right-arrow-middle.gif) right 50%;} 



/* Compare Credit Card style */
#HeroBnrCompareCreditCard_Content {padding:0 0 0 28px; height:221px; background:url(/uos/_assets/images/callouts/gradient-lightblue-bg.gif) bottom left repeat-x;}

	#CompareCreditCardWpr {margin:8px 0 0 0; width:740px; float:right;} /* IE6 width:740px; */
	html > body #CompareCreditCardWpr {width:742px;}

	#CompareCreditCardWpr ul {padding:0; margin:0;}
	#CompareCreditCardWpr ul li {padding:0 25px 0 0; width:170px; display:block; text-align:center; float:left; background:none;}
	#CompareCreditCardWpr ul li.choose-cards {padding:92px 36px 26px 0; margin:0; width:102px; font-size:13px; line-heigh:13px !important; text-align:left; float:left; background:url(/credit-cards/_assets-custom/images/compare-cards-arrow.jpg) bottom right no-repeat;}

		#CompareCreditCardWpr ul li h4 {padding:0 !important; margin:0 !important; height:30px; clear:both; display:block;}
		#CompareCreditCardWpr ul li h4 a {color:#1e248a; text-decoration:none; line-height:1.3em;}
		#CompareCreditCardWpr ul li h4 a:hover {text-decoration:underline;}
		#CompareCreditCardWpr ul li p {padding:68px 0 0 0 !important; margin:0 0 4px 0;} /* IE6 padding:68px 0 0 0 !important; */
		html > body #CompareCreditCardWpr ul li p {padding:56px 0 0 0 !important;}
		#CompareCreditCardWpr ul li form {margin:0; padding:0;}

	#CompareCreditCardWpr .card-select-wpr {margin:auto; padding:0; position:absolute; width:170px; display:block; overflow:hidden; float:left; z-index:100;}
	#CompareCreditCardWpr .card-select-wpr .card-select-content {padding:4px 8px 0 8px; width:154px; display:block; overflow:hidden; background:url(/credit-cards/_assets-custom/images/compare-select-bg.gif) top left;}
	#CompareCreditCardWpr .card-select-wpr .card-select-bottom {width:170px; height:8px; background:url(/credit-cards/_assets-custom/images/compare-select-bg.gif) bottom left;}
		.card-select-wpr .card-select-content strong a {text-decoration:none; background:none;}
		.card-select-wpr .card-select-content select {margin:0; padding:0; width:154px; font-size:.845em;}
		.card-select-wpr .card-select-content .select-card-to-add {float:left; margin:8px 0 0 0;}
		.card-select-wpr .card-select-content ul.bullets-arrow {margin:0; padding:0; width:154px; clear:both; display:block; overflow:hidden;}

		.card-select-wpr .card-select-content ul.bullets-arrow li {margin:0; padding:0 0 0 12px !important; width:142px !important; text-align:left !important; display:block; background:url(/uos/_assets/images/layout/bullet-link.gif) 0 .45em no-repeat !important;}

#CompareCardFormSubmitBtnWpr {position:static;} /* IE6 position:relative; */
html > body #CompareCardFormSubmitBtnWpr {position:absolute; bottom:8px; right:8px; padding:0 1px 1px 0; margin:0; display:block; overflow:hidden;}
#c1_selectsection, #c2_selectsection, #c3_selectsection {display:none;}
#CompareCardSubmitBtn {display:none;}

#c1_header, #c2_header, #c3_header {width:100%; display:block; overflow:hidden; text-align:left;}
#c1_header a, #c2_header a, #c3_header a {width:100%; display:block; overflow:hidden;}
#c1_header a span, #c2_header a span, #c3_header a span {float:left;}
#c1_header a:hover, #c2_header a:hover, #c3_header a:hover {background:#e5ebf2;}
#c1_header a img, #c2_header a img, #c3_header a img {margin:2px 0 0 0; float:right;}

.cardlist_category {}



/* View All Cards style */
#HeroBnrViewAllCard_Content {padding:12px 0px 12px 12px; width:755px; background:url(/uos/_assets/images/contentframework/container-primary-bg.gif) top left repeat-x;}
	#sortAllCard_id {font-size:.85em;}

	#HeroBnrViewAllCard_Content #ViewAllCard_Control {margin:0 0 8px 0; display:block; overflow:hidden; width:100%;} /* IE6 width:100% */
	html > body #HeroBnrViewAllCard_Content #ViewAllCard_Control {width:auto;}

	#HeroBnrViewAllCard_Content #ViewAllCard_Control h3 {float:left; font-size:13px;}
	#HeroBnrViewAllCard_Content #ViewAllCard_Control div {float:right; margin-right: 12px;}

#ViewAllCard_Content {display:block; overflow:hidden; width:100%; background:url(/credit-cards/_assets-custom/images/sort-cards-bg.gif) top left repeat-y;}
#ViewAllCard_Content ul, #ViewAllCard_Content ul li {margin:0; margin-left:-2px; padding:0; background:none;}
	#ViewAllCard_Content ul li.card-list-wpr {width:33%; display:block; float:left;}

	li.card-list-wpr ol {padding:0; margin:0px;} /* IE6 margin:0; */
	html > body li.card-list-wpr ol {padding:0; margin:-3px 0 0 12px;}
		li.card-list-wpr ol li {margin:0 0 0 -24px; padding:0 0 2px 0 !important;}
		li.card-list-wpr ol li img {position:relative; top:5px;}


/* Browse Cards Cateogry style */
.browse-credit-card-wpr {padding:8px 0 0 0; display:block; float:left; background:url(/credit-cards/_assets-custom/images/browse-by-category-vertical-bg.gif) top left repeat-y;}
	.browse-credit-card-wpr .card-column-wpr {padding:0 18px; width:150px; float:left;}
	.browse-credit-card-wpr .card-column-wpr h3 {margin:0 0 16px 0; padding:0; font-size:1.27em;} /* Added text-align:center; */
	.browse-credit-card-wpr .card-column-wpr h3 img {margin:-2px 0 0 0;}
	.browse-credit-card-wpr .card-column-wpr p.card-image {margin:0 0 8px 0;} /* Added text-align:center; */
	.browse-credit-card-wpr .card-column-wpr p.card-image a {background:none;} /* Fixes IE8 bug */
	.browse-credit-card-wpr .card-column-wpr p.card-image a, .browse-credit-card-wpr .card-column-wpr h4 a {text-decoration:none;}
	.browse-credit-card-wpr .card-column-wpr h4 {margin:0; font-size:1.09em;} /* Added text-align:center; */
	.browse-credit-card-wpr .card-column-wpr h4 a {color:#002888; text-decoration:none;}
	.browse-credit-card-wpr .card-column-wpr h4 a:hover {text-decoration:underline;}
	.browse-credit-card-wpr .card-column-wpr p.card-details {font-size:1.09em; line-height:1.4em;}
	.browse-credit-card-wpr .card-column-wpr p.detail-link {width:50%; float:right; text-align:right;}
	.bar_carousel {float:right;position:relative;top:-20px;}
	.clear_bar_carousel {clear:both;}

	/* IE 7 Fix */
	html > body .browse-credit-card-wpr .card-column-wpr .button, html > body .browse-credit-card-wpr .card-column-wpr p.detail-link {*margin:0;}



/* Callout Boxes style */
.three-calloutbox-wpr {margin:12px 0 0 0; display:block;}
	.three-calloutbox-wpr .top-callouts-wpr {display:block; float:left;}
		.top-callouts-wpr .top-callout {width:311px; display:block; overflow:hidden; float:left;}
		.top-callouts-wpr .top-callout .callout {margin:0;}

	.three-calloutbox-wpr .middle-callouts-wpr {float:left; display:block; background:url(/credit-cards/_assets-custom/images/gradient-lightblue-credit-card-bg.jpg) bottom left;}
	.three-calloutbox-wpr .middle-callouts-second-wpr {float:left; display:block; background:url(/credit-cards/_assets-custom/images/credit-cards-homepage-callout-bg.gif) repeat-y;}
		.middle-callouts-second-wpr .first-callout-wpr {padding:8px 18px 0 54px; width:239px; display:block; float:left; font-size:.925em; background:url(/credit-cards/_assets-custom/images/manage-your-card-image.jpg) 1px 2px no-repeat;}
			.middle-callouts-second-wpr .first-callout-wpr p.content {font-size:1em;}
			.middle-callouts-second-wpr .first-callout-wpr ul.bullets-arrow {margin:0; font-size:1em;}

		.middle-callouts-second-wpr .second-callout-wpr {margin:0 10px; padding:8px 18px 0 54px; width:238px; display:block; float:left; font-size:.925em; background:url(/credit-cards/_assets-custom/images/contact-customer-service-image.jpg) 1px 2px no-repeat;}

		.middle-callouts-second-wpr .third-callout-wpr {padding:8px 18px 0 54px; width:239px; display:block; float:left; font-size:.925em; background:url(/credit-cards/_assets-custom/images/why-choose-rbc-image.jpg) 1px 2px no-repeat;}
			.middle-callouts-second-wpr .third-callout-wpr ul {padding:0; margin:0 0 4px 0;}
			.middle-callouts-second-wpr .third-callout-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 2px no-repeat;}

		.middle-callouts-second-wpr .first-callout-wpr p.title, .middle-callouts-second-wpr .second-callout-wpr p.title, .middle-callouts-second-wpr .third-callout-wpr p.title {margin:0 0 6px 0;}

	.three-calloutbox-wpr .bottom-callouts-wpr {display:block;}
		.bottom-callouts-wpr .bottom-callout {width:311px; display:block; overflow:hidden; float:left;}
		.bottom-callouts-wpr .bottom-callout .callout {margin:0;}



/* Footer Sign in Links */
#SignInDropdown_id {width:142px; font-size:.845em; float:left;}
#SignInDropdownBtn {display:none;}