
/******************
Global Styles
******************/
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/bg_body.jpg);
    background-position: 0 0;
	background-repeat: repeat-x;
    background-color: #bbb;
}

* {
	margin: 0;
	padding: 0;
    list-style-type: none;
}

img {border: 0;}

a {color: #0066cc;}

a:hover {text-decoration: none;}

sup {
	font: 8px/8px Arial,Helvetica,sans-serif;
	vertical-align: top;
}

.right {float: right;}

.left {float:left;}

.clear {clear:both;}

/******************
Image Replacement
******************/
.image_replace {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.image_replace_anchor {
	background-position: 0 0;
	background-repeat: no-repeat;
}

.image_replace_anchor a {
	display: block;
	text-indent: -9999px;
	outline: none;
}

#logo_chase {
	width: 105px;
	height: 21px;
	line-height: 21px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/logo_chase.gif);
    margin: 0 0 7px 0;
}

#logo_chase a {
	width: 105px;
	height: 21px;
	line-height: 21px;
}

#header_cta_chase {
	width: 76px;
	height: 11px;
	line-height: 11px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/header_cta_chase.gif);
}

#header_cta_chase a {
	width: 76px;
	height: 11px;
	line-height: 11px;
}

#header_cta_credit_cards {
	width: 94px;
	height: 11px;
	line-height: 11px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/header_cta_credit_cards.gif);
}

#header_cta_credit_cards a {
	width: 94px;
	height: 11px;
	line-height: 11px;
}

#banner_chase_mobile, #banner_fraud_protection, #banner_personalized_alerts_temp, #banner_personalized_alerts_timing, #banner_summary {
	width: 574px;
	height: 178px;
	line-height: 178px;
}

#banner_chase_mobile {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/banner_chase_mobile.jpg);
}

#banner_fraud_protection {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/banner_fraud_protection.jpg);
}

#banner_personalized_alerts_temp {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/banner_personalized_alerts_temp.jpg);
}

#banner_personalized_alerts_timing {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/banner_personalized_alerts_timing.jpg);
}

#banner_summary {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/banner_summary.jpg);
}

#banner_tv {
	width: 574px;
	height: 104px;
	line-height: 104px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/banner_tv.jpg);
    background-position: 0 bottom;
}

#banner_tv_single {
	width: 574px;
	height: 104px;
	line-height: 104px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/banner_tv_single.jpg);
    background-position: 0 bottom;
}

#title_chase_mobile {
	width: 262px;
    height: 45px;
    line-height: 45px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_chase_mobile.gif);
}

#title_fraud_protection {
	width: 224px;
    height: 29px;
    line-height: 29px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_fraud_protection.gif);
}

#title_personalized_alerts {
	width: 237px;
    height: 29px;
    line-height: 29px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_personalized_alerts.gif);
}

#title_summary {
	width: 240px;
    height: 29px;
    line-height: 29px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_summary.gif);
}

#title_chase_mobile, #title_fraud_protection, #title_personalized_alerts, #title_summary {
	margin: 0 0 5px 0;
}

#title_shopping_matters, #title_control_matters, #title_being_control_matters, #title_protection_matters {
	height: 10px;
	line-height: 10px;
    float: right;
    margin: 0 20px 0 0;
    *margin: -25px 20px 0 0;
    _margin: -25px 10px 0 0;
}

#title_shopping_matters {
	width: 327px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_shopping_matters.gif);
}

#title_control_matters {
	width: 276px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_control_matters.gif);
}

#title_being_control_matters {
	width: 333px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_being_control_matters.gif);
}

#title_protection_matters {
	width: 294px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_protection_matters.gif);
}

#title_tools {
	width: 213px;
	height: 39px;
	line-height: 39px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_tools.png);
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cache.u47.net/11703/whatmatters/images/title_tools.png',sizingMethod='crop');
    margin: 22px 0 22px 18px;
}

#cta_card {
    width: 170px;
	height: 137px;
	line-height: 137px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/cta_card.png);
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cache.u47.net/11703/whatmatters/images/cta_card.png',sizingMethod='crop');
    margin: 0 0 12px 32px;
}

#cta_card a {
	width: 170px;
	height: 107px;
	line-height: 107px;
    _position: relative;
}

#title_get_more {
	width: 201px;
	height: 37px;
	line-height: 37px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/title_get_more.gif);
    margin: 0 0 7px 18px;
}

#cta_learn_more {
	width: 101px;
	height: 32px;
	line-height: 32px;
	background-image: url(http://cache.u47.net/11703/whatmatters/images/cta_learn_more.png);
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cache.u47.net/11703/whatmatters/images/cta_learn_more.png',sizingMethod='crop');
    margin: 0 0 0 17px;
}

#cta_learn_more a {
	width: 101px;
	height: 20px;
	line-height: 20px;
    _position: relative;
}

/******************
Wrapper
******************/
#wrapper, #wrapper_tv {
	width: 824px;
	margin: 0 auto;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/bg_wrapper.jpg);
    background-position: 0 63px;
    background-repeat: no-repeat;
}

#wrapper_tv {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/bg_wrapper_tv.jpg);
    background-position: 0 63px;
    background-repeat: no-repeat;
}

/******************
Header
******************/
#header {
	height: 51px;
    padding: 26px 6px 0 7px;
}

#header_left {
	float: left;
}

#header_right {
	float: right;
    width: 240px;
}

#header_nav {
	line-height: 12px;
}

#header_nav li {
	float: left;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/border_header_nav.gif);
    background-position: right 0;
    background-repeat: no-repeat;
    padding: 0 15px;
}

#header_nav li.first {
	padding-left: 0px;
}

#header_nav li.last {
	background-image: none;
    padding-right: 0px;
}

#header_nav a {
	text-decoration: none;
}

#header_nav a:hover {
	text-decoration: underline;
}

#header_cta {
	float: right;
    margin-top: 20px;
}

#header_cta li {
	float: left;
    margin-left: 25px;
    _margin-left: 12px;
}

#header_cta li a {

}

/******************
Content
******************/
#content {
	min-height: 410px;
    _height: 410px;
    _margin: -15px 0 0 0;
}

#left {
	width: 574px;
    padding: 0 0 0 7px;
	float: left;
}

#navigation {
	height: 37px;
    margin: 0 0 23px 0;
}

#nav {
	width: 477px;
    margin: 0 auto;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
    outline: none;
    height: 37px;
    line-height: 37px;
    text-indent: -9999px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#nav li#nav_fraud a {
	width: 114px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/nav_fraud.jpg);
}

#nav li#nav_mobile a {
	width: 106px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/nav_mobile.jpg);
}

#nav li#nav_personalized a {
	width: 127px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/nav_personalized.jpg);
}

#nav li#nav_summary a {
	width: 130px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/nav_summary.jpg);
}

#nav li.current a {
	background-position: 0 -37px;
}

#content_left {
	float: left;
    width: 265px;
    margin: 0 0 0 -43px;
    padding: 0 0 0 140px;
    position: relative;
    z-index: 1;
    min-height: 145px;
    _height: 145px;
}

.bg_laptop {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/bg_laptop.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cache.u47.net/11703/whatmatters/images/bg_laptop.png',sizingMethod='crop');
}

.bg_phone1 {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/bg_phone1.gif);
    background-position: 65px 0;
    background-repeat: no-repeat;
}

.bg_phone2 {
	background-image: url(http://cache.u47.net/11703/whatmatters/images/bg_phone2.gif);
    background-position: 65px 0;
    background-repeat: no-repeat;
}

#content_left p, #content_left ul {
	font-size: 11px;
    line-height: 13px;
}

#content_left ul li {
	padding: 0 0 0 7px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/list_bullet.gif);
    background-position: 0 4px;
    background-repeat: no-repeat;
    _position: relative;
    _z-index: 2;
}

#content_right {
	float: right;
    width: 187px;
    font-size: 11px;
    line-height: 13px;
}

#content_right ul {

}

#content_right ul li {
    padding: 25px 0 0 0;
}

#content_right ul li strong {
	font-size: 12px;
    line-height: 14px;
}

#content_right ul li a {
    padding: 0 13px 0 0;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/icon_arrow.gif);
    background-position: right 2px;
    background-repeat: no-repeat;
    text-decoration: none;
}

#content_right ul li a:hover {
    text-decoration: underline;
}

#tv_spots {
	width: 500px;
    height: 219px;
    *height: 242px;
    margin: 0 auto;
    color: #666666;
}

#tv_spots .tv {
	width: 225px;
}

#tv_spots .tv img {
	display: block;
    margin: 0 0 10px;
}

#tv_spots .tv a {
	color: #666666;
    text-decoration: none;
}

#tv_spots .tv a:hover {
	text-decoration: underline;
}

#right {
	width: 243px;
	float: right;
}

#right p {
	padding: 0 40px 0 30px;
    min-height: 90px;
    _height: 90px;
    color: #333;
}

/******************
Footer
******************/
#footer {
	color: #666666;
    padding: 20px 0 0 0;
    *padding: 0px;
}

#footer a {
	color: #666666;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
    width: 410px;
}

#footer_nav {
	float: right;
}

#footer_nav li {
	float: left;
	padding: 0 5px 0 5px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/border_footer_nav.gif);
    background-position: right 2px;
    background-repeat: no-repeat;
}

#footer_nav li.first {
    padding-left: 0px;
}

#footer_nav li.last {
	background-image: none;
    padding-right: 0px;
}

#housing {
	float: right;
    text-align: right;
    padding-left: 25px;
    *padding-left: 10px;
    margin-top: 20px;
    background-image: url(http://cache.u47.net/11703/whatmatters/images/icon_housing.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    *width: 170px;
}
