/* CUSTOM CSS */

#promo #content {
	font-size: 14px;
	line-height: 17px;
}

#promo #wrapper, #promo #shadow_topCap, #promo #middle_div {
	width: 936px;
}

#promo #header #logo {
	margin: 0;
}

#promo #header ul {
	margin-right: ;
}

#promo #contentContainer {
	background: #fff;
	border: 2px solid #a6d0ea;
	padding: 0;
}

#banner {
	background: url(../images/banner.jpg) 0% 0% no-repeat;
	width: 932px;
	height: 312px;
}

#left-content, #right-content {
	width: 466px;
	padding-bottom: 20px;
}

	#left-content {
		float: left;
		background: url(../images/bg_left.gif) 100% 0% no-repeat;
	}

	#right-content {
		float: right;
		background: url(../images/bg_right.gif) 0% 0% no-repeat;
	}

.card-image {
	margin: -140px auto 0;
	width: 292px;
	height: 183px;
}

	#left-content .card-image {
		background: url(../images/card_we.png);
	}

	#right-content .card-image {
		background: url(../images/card_wam.png);
	}

.card-name {
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

	#left-content .card-name {
		background: url(../images/ttl_we.png);
		width: 266px;
		height: 63px;
	}

	#right-content .card-name {
		background: url(../images/ttl_wam.png);
		width: 277px;
		height: 63px;
	}

.card-tabs {
	background: url(../images/bg_tabs.png) 0% 40px no-repeat;
	height: 350px;
}

.card-offer {
	padding: 25px 40px;
	height: 50px;
}

	#left-content .card-offer {
		background: #f2f2f2;
	}

	#right-content .card-offer {
		background: #edf5fb;
	}

.card-badge {
	height: 111px;
    left: 278px;
    position: relative;
    width: 152px;
    top: 33px;
}

	.no-annual-fee {
		background: url(/pccgprefix/credit-cards/dual/nofee-airmiles-mastercard/images/badge_nofee.png) 0% 0% no-repeat;
	}

	.am-rewards {
		background: url(/pccgprefix/credit-cards/dual/nofee-airmiles-mastercard/images/badge_2000.png) 0% 0% no-repeat;
	}

#fragment-1 p, #fragment-2 p, #fragment-3 p, #fragment-4 p, #fragment-5 p, #fragment-6 p {margin:10px 20px 10px 40px;}

#fragment-1 ul, #fragment-2 ul, #fragment-3 ul, #fragment-4 ul, #fragment-5 ul, #fragment-6 ul {
	clear: both;
	margin: 10px 20px 10px 10px;
}

#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6 {
	clear: both;
	height: auto!important;
}

.card-apply {
	margin: 0 auto;
	text-align: center;
	width: 50%;
	font-size: 12px;
}

	.card-apply p {
		margin: 0;
	}

.card-features-title {
	background: url(../images/bar_features.png) 0% 0% no-repeat;
	width: 932px;
	height: 46px;
	text-align: center;
	padding: 17px 0 0;
}

	.card-features-title img {
		vertical-align: middle;
		margin: 0 10px;
	}

#card-features ul {
	list-style: none;
	text-align: center;
	margin-top: 0;
	padding: 0;
}

	#card-features ul li {
		padding: 10px;
	}

	#card-features ul li.alt {
		background: #f3f8fc;
	}

#ttl-dual {
	background: #eef6fb url(../images/ttl_redeem.png) 50% 50% no-repeat;
	height: 70px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 10px 0;
}

 /* Tabs */
  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-key-features, #promo .card-tabs.ui-tabs .ui-state-default .tab-key-features, #promo .card-tabs.ui-tabs .ui-state-default .tab-key-features:hover, #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-more-details, #promo .card-tabs.ui-tabs .ui-state-default .tab-more-details, #promo .card-tabs.ui-tabs .ui-state-default .tab-more-details:hover, #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-am-rewards, #promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards, #promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards:hover { height: 48px; padding-top: 8px;}

  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-key-features {background:url("../images/tab_features_on.png"); width:111px;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-key-features {background:url("../images/tab_features_off.png"); width:111px; cursor:pointer;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-key-features:hover {background:url("../images/tab_features_hover.png"); width:111px;}
  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-more-details {background:url("../images/tab_features_on.png"); width:111px;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-more-details {background:url("../images/tab_features_off.png"); width:111px; cursor:pointer;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-more-details:hover {background:url("../images/tab_features_hover.png"); width:111px;}
  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-am-rewards {background:url("../images/tab_rewards_on.png"); width:161px;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards {background:url("../images/tab_rewards_off.png"); width:161px; cursor:pointer;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards:hover {background:url("../images/tab_rewards_hover.png"); width:161px;}

  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-key-features-blue, #promo .card-tabs.ui-tabs .ui-state-default .tab-key-features-blue, #promo .card-tabs.ui-tabs .ui-state-default .tab-key-features-blue:hover, #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-more-details-blue, #promo .card-tabs.ui-tabs .ui-state-default .tab-more-details-blue, #promo .card-tabs.ui-tabs .ui-state-default .tab-more-details-blue:hover, #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-am-rewards-blue, #promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards-blue, #promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards-blue:hover { height: 48px; padding-top: 8px;}

  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-key-features-blue {background:url("../images/tab_features_blue_on.png"); width:111px;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-key-features-blue {background:url("../images/tab_features_blue_off.png"); width:111px; cursor:pointer;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-key-features-blue:hover {background:url("../images/tab_features_blue_hover.png"); width:111px;}
  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-more-details-blue {background:url("../images/tab_features_blue_on.png"); width:111px;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-more-details-blue {background:url("../images/tab_features_blue_off.png"); width:111px; cursor:pointer;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-more-details-blue:hover {background:url("../images/tab_features_blue_hover.png"); width:111px;}
  #promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active .tab-am-rewards-blue {background:url("../images/tab_rewards_blue_on.png"); width:161px;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards-blue {background:url("../images/tab_rewards_blue_off.png"); width:161px; cursor:pointer;}
	#promo .card-tabs.ui-tabs .ui-state-default .tab-am-rewards-blue:hover {background:url("../images/tab_rewards_blue_hover.png"); width:161px;}

/* content.css override */
  #promo .ui-tabs .ui-tabs-panel {padding: 0;}
  #promo .ui-tabs .ui-widget-header {background:none; margin: 0 20px;}
  #promo .ui-tabs .ui-widget-content {background:url("../images/tab-shadow.png") no-repeat; border:none;;margin-top:-15px;}
  #promo .card-tabs .ui-tabs { height: 350px;}
  #promo .card-tabs.ui-tabs .ui-tabs-nav li { margin: 12px 0 0; height:70px; position:relative; text-align: center;}
	#promo .card-tabs.ui-tabs .ui-tabs-nav li.ui-state-active {background:none;}
	#promo .card-tabs.ui-tabs .ui-state-default {background:none;}
  .ui-tabs .ui-tabs-nav li a { padding:0 2px;}
  .ui-tabs .ui-tabs-nav li.ui-state-default a { color: #fff;}
  .ui-tabs .ui-tabs-nav li.ui-state-default a:hover { color: #444;}
  .ui-tabs .ui-tabs-nav li.ui-state-active a { color: #444;}
  .ui-widget-content a {text-decoration: none;}
#promo #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {text-decoration: none;}
#terms-conditions {
    background: url("http://www.bmo.com/credit-cards/bmost500/resources/images/top-menubg.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 8px;
    padding-left: 15px;
    text-decoration: none;
}
#terms-conditions.true {
    background: url("http://www.bmo.com/credit-cards/bmost500/resources/images/top-menubg-down.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 15px;
}
.expand {
    color: #FFFFFF;
    display: none;
    padding: 0 0 15px 10px;
}