.mainContainer {width: 71.6em; margin-left: 8em; position: relative; line-height: 1.2em; overflow: hidden; margin-top: .5em}
.mainHomeContainer {background: transparent url(/web/format/img/cardsite/homepage_flash_header/homepage_background_fall2011.jpg) no-repeat top left; width: 840px; margin-top: 8px; margin-left: 84px; padding-bottom: 27px; position: relative;}
.firstOffer {position: absolute; top: 175px; left:66px;}
.secondOffer {position: absolute; top: 165px; left:185px;}
.thirdOffer {position: absolute; top: 165px; left:485px;}
.familyHeaderContainer {overflow: hidden; border: solid 1px #CCC; width: 65em;}
.familyCardsInfo {background: transparent url(/web/format/img/cardsite/gradient_slice.jpg) repeat-x top left; height:200px; width: 40.3em; padding-left: 1em; color: #102a74;}
.cardBenefitContainer {background:transparent url(/web/format/img/cardsite/gradient_slice.jpg) repeat-x scroll left top; border:1px solid #CCCCCC; overflow:hidden; padding:1em; width:63.8em; margin-top: 2em;}
.cardBenefitCardsInfo {width: 53em; padding-left: 2em; color: #102a74;}
.mainContainer .contentContainer .familyCardsInfo h2 {color: #102a74; font-size: 1.5em;}
h3.famCards {padding-top: 1em;}
#sideNav {background:none;float:left;position:absolute;top:15.5em;left:1.7em;z-index:10}
#sideNavb {background:transparent url(/web/format/img/cardsite/nav/nav_bl.png) no-repeat bottom left}
#sideNavc {background:transparent url(/web/format/img/cardsite/nav/nav_br.png) no-repeat bottom right}
#sideNavd {background:transparent url(/web/format/img/cardsite/nav/nav_tr.png) no-repeat top right}
#sideNave {padding:0 12px;background:transparent url(/web/format/img/cardsite/nav/nav_tl.png) no-repeat top left}
#sideNavf {background:#061663 url(/web/format/img/cardsite/nav/sidenavbg1.png) repeat-x top;padding:12px 0}
#sideNavg {background:#061663 url(/web/format/img/cardsite/nav/sidenavbg1.png) repeat-x -12px 0;padding:0 12px;margin:0 -12px}
#sideNav .topMenu {margin:0;background:#061663 url(/web/format/img/cardsite/nav/sidenavbg1.png) repeat-x -12px 0;padding:0;list-style:none;width:9.6em;height:auto}
#sideNav li.last {padding-bottom:0}
#sideNav li {position: relative; padding: 1em 0; margin-left: 0; list-style: none; list-style-image: none; background: transparent url(/web/format/img/cardsite/nav/menusep.gif) no-repeat top;}
#sideNav li.first, #sideNav li li  {background:none}
#sideNav li.first {padding-top:0;}
#sideNav li ul {display: none; position: absolute; margin-left: 10em; margin-top: -3em; color: white; height: auto; list-style: none; padding: 0;}
#sideNav li ul.sideNavPersonal {width: 48em; background: #D9D9D9;}
#sideNav li ul.businessCredit {height: 30.2em;}
#sideNav li ul.sideNavBusiness {width: 24em; background: #BABABA;}
#sideNav li ul.personalDebit {height: 9.2em;}
#sideNav li ul.personalCredit {height: 9.2em;}
#sideNav li ul.sideNavPersonal .allCards {background: #eee; color: black; float: left; width: 22em; padding-left: 1.3em;}
#sideNav li ul.sideNavPersonal .allCards p a { background: transparent url(/web/format/img/cardsite/cta_blue.gif) no-repeat center right; text-transform: uppercase; width: 15em; float: none; font-weight: bold; font-size: .9em;}
div.sideNavBusinessCont {position: relative; left: 48em;}
#sideNav h3 {font-family: Verdana; font-weight: bold; font-size: 12px;}
#sideNav li ul.sideNavPersonalcc {width: 620px; height: 146px; background: #d9d9d9;}
#sideNav li ul.sideNavBusinesscc {width: 620px; height: 146px; background: #bababa;}
div.sideNavBusinessContcc {position: relative; top: 146px}
.subNavContain {position: absolute; z-index: 9999; margin-left: -5px;}
.subNavContain h3 {color: black; position: relative; left: 15px; font-size: 1em; background: none; font-weight: bold; margin-bottom: 0.5em;}
#sideNav li ul li {font-size: 90%; color: black; width: 25em; float: left; margin-left: 13px; padding: 0.5em 0;}
#sideNav li ul li img {float: left;}
#sideNav img {padding-right: 10px;}
#sideNav li a {display: block; font-size: 115%; color: white; text-decoration: none;}
#sideNav li ul li a { color: #000; display: block; float: left;}
#sideNav li ul li a:hover {color: #0033CC; text-decoration: underline;}
#sideNav li a span {font-size: 80%; display: block;}
#sideNav li:hover ul ul, #sideNav li:hover ul ul ul, #sideNav li.sfhover ul ul, #sideNav li.sfhover ul ul ul {left: -999em;}
#sideNav li:hover ul, #sideNav li li:hover ul, #sideNav li li li:hover ul, #sideNav li.sfhover ul, #sideNav li li.sfhover ul, #sideNav li li li.sfhover ul { /* lists nested under hovered list items */ display: block;}
.bannerCardArt {position: absolute; top: 2em; left: 56em;}
.tabNav {list-style: none; margin: 0; padding: 0; position: absolute; top: 12em; left: 5em;}
.tabNav li {float: left;padding: 0;margin-left: 0;}
.tabNav li a {color: #FFF;display: block;text-decoration: none;padding: 4px 12px;font-weight: bold;border: solid 1px #FFF;}
.tabNav li a:hover {text-decoration: underline;}
.tabNav li .active {background: #FFF;color: #000;cursor: default !important;}
.tavNav li a:hover.active {text-decoration: none !important;}
.tabNav li a.applyTab {background: transparent url(/web/format/img/cardsite/tabs/applynow.gif) repeat-x top left; color: #000066;}
.presplusTabs li a {background: transparent url(/web/format/img/cardsite/tabs/presplus.gif) repeat-x top left;}
.presplusbizTabs li a {background: transparent url(/web/format/img/cardsite/tabs/presplus_business.gif) repeat-x top left;}
.worldMcTabs li a {background: transparent url(/web/format/img/cardsite/tabs/world_mc.gif) repeat-x top left;}
.worldmasterbiz li a {background: transparent url(/web/format/img/cardsite/tabs/world_business_mc.gif) repeat-x top left;}
.fhbMc li a {background: transparent url(/web/format/img/cardsite/tabs/FHB_mc.gif) repeat-x top left;}
.fhbmasterbizTabs li a {background: transparent url(/web/format/img/cardsite/tabs/FHB_business_mc.gif) repeat-x top left;}
.debitTabs li a {background: transparent url(/web/format/img/cardsite/tabs/debit_mc.gif) repeat-x top left;}
.fhbdebitTabs li a {background: transparent url(/web/format/img/cardsite/tabs/FHB_debit_mc.gif) repeat-x top left;}
.fhbbusdebitTabs li a {background: transparent url(/web/format/img/cardsite/tabs/FHB_business_debit_mc.gif) repeat-x top left;}
.preferredebitTabs li a {background: transparent url(/web/format/img/cardsite/tabs/preferred_debit_mc.gif) repeat-x top left;}
.visaTabs li a {background: transparent url(/web/format/img/cardsite/tabs/visa_platinum.gif) repeat-x top left;}
.platinummasterTabs li a {background: transparent url(/web/format/img/cardsite/tabs/platinum_mc.gif) repeat-x top left;}
.mastercardTabs li a {background: transparent url(/web/format/img/cardsite/tabs/mc.gif) repeat-x top left;}
.visasignatureTabs li a {background: transparent url(/web/format/img/cardsite/tabs/visa_signature.gif) repeat-x top left;}
.travelbankTabs li a {background: transparent url(/web/format/img/cardsite/tabs/travelbank.gif) repeat-x top left;}
.busTabs li a {background: transparent url(/web/format/img/cardsite/tabs/business_debit_mc.gif) repeat-x top left;}
.contentContainer {margin-left: 5em; width: 67em;overflow: hidden; margin-top: 2em;}
.pageMainImage {float: left;  margin-top: 0;margin-right: 16px;}
.content {float: left;width: 44em; min-height: 32em; height:auto !important;  height: 32em; margin-right: 1.5em;}
.sContent { min-height: 17em;height:auto !important; height: 17em;}
.contentContainer h1 {color: #000;background: none; margin-top: 0;}
.contentContainer h2{color: #000;background: none;text-transform: none;}
blockquote {margin-left: 2em;}
p.cta {margin-top: 0; color: #0033CC;}
.chev {margin-left: 2px;}
.moreInfo p {margin-top: 0; margin-bottom: 0;}
.moreInfoHeading { color: #000066;font-weight: bold;margin-bottom: 0;margin-top: 1em !important;}
.clear {clear: both;}
.cardList{width: 40em;}
ul.familyCards {overflow: hidden;}
.familyCards li, .cardList li{ float: left; margin-right: 1em; height: 12em;}
.familyCards li a, .cardList li a{display: block;width: 14em; margin: 5px 0px 15px 0px;}
.familyCards li p {width: 15em;}
img#blink {vertical-align: -8px;}
div.sideTiles ul {float: left;}
.sideTiles ul li{margin: 12px 0;color: #333;height: 8.5em;list-style: none;}
.sideTiles ul li a {background: transparent url(/web/format/img/cardsite/tiles/trans_white_gradient.png) repeat-x bottom left;display: block;width: 19em;height: 7.5em;color: #333;padding: 8px 0px 8px 8px;}
.sideTiles ul li a img {margin-left: 2px;}
.tileGraphic {float: left; width: auto;}
.bottomTiles ul li{float: left; margin: 28px 20px 0px 0; color: #333;list-style: none;}
.bottomTiles ul li a { background: transparent url(/web/format/img/cardsite/tiles/trans_white_gradient.png) repeat-x bottom left;display: block; width: 20em; height: 8em; color: #333; padding: 8px 0px 8px 8px;}
.sideTiles li p, .bottomTiles li p {font-size: .9em; margin-top: 4px;}
li p.tileHeadline {color: #000000; font-size: 1em; font-weight: bold; line-height: 1.1em; margin: 0;}
.sideTiles ul li a, .bottomTiles ul li a {text-decoration: none;}
.fhbCreditTile li {background-color: #CEBC98 !important;}
.fhbmasterbizTile li {background-color: #CEBC98 !important;}
.mastercardTile li {background-color: #94B5E0 !important;}
.platinummasterTile li {background-color: #DCD4D1 !important;}
.platinumvisaTile li {background-color: #DCD4D1 !important;}
.pressPlusTile li {background-color: #C5C6C8 !important;}
.presplusbizTile li {background-color: #C5C6C8 !important;}
.travelbankTile li {background-color: #5BBCED !important;}
.visasignatureTile li {background-color: #C5C6C8 !important;}
.worldmasterbizTile li {background-color: #C5C6C8 !important;}
.worldmcTile li {background-color: #C5C6C8 !important;}
.busdebitTile li {background-color: #75BDAC !important;}
.debitmcTile li {background-color: #92C2E9 !important;}
.fhbbusdebitTile li {background-color: #A4C3E7 !important;}
.fhbdebitTile li {background-color: #A4C3E7 !important;}
.preferreddebitTile li {background-color: #92C2E9 !important;}
.defaultTile li {background-color: #C5C6C8 !important;}
.sopOffers { float: left;width: 53em;margin-left: 1em; margin-bottom: 2em;}
.sopOffers img{margin: 0 2em;}
.rpInput{float: right;margin-right: 10px;margin-top: 1px;text-align: right;width: 50px;border: 0px solid #FFFFFF;color: #666666;font-weight: bold;font-size: 12px;}
.cellBackground{background-image: url(/web/format/img/cardsite/images_calc/cell_background.jpg);background-repeat: no-repeat;width: 406px;height: 26px;vertical-align: top;padding: 8px 0px 0px 15px;font-family: Arial, Helvetica, sans-serif, Tahoma;	font-size: 14px;font-weight: bold;color: #666666;text-transform: uppercase;border-bottom: 1px solid #8a938a;display: block;}
.cellBackgroundLast{width: 406px;height: 26px;vertical-align: top;padding: 8px 0px 0px 15px;font-family: Arial, Helvetica, sans-serif, Tahoma;font-size: 12px;color: #666666;display: block;}
.payments {width: 423px;border: 1px solid #8a938a;background-color: #f5f5f5;}
#flashMovie{width: 350px; height: 316px;}	
#recContainer {width: 776px; height: 349px;}
#recPayments {width: 423px;height: 316px;float: right;background-color: #FFFFFF;}	
#finalCalc {float: right;}	
#totalText {float: left;}	
#totalTab {	width: 195px;height: 36px;clear: both;float: right;background-image: url(/web/format/img/cardsite/images_calc/lower_tab.gif);background-repeat: no-repeat;font-family: Arial, Helvetica, sans-serif, Tahoma;color: #FFFFFF;font-weight: bold;padding: 6px 14px 0px 17px;display: block;}
.fl_left {float: left;}
.fl_right {float: right;}
#collapseFAQ dd {margin-left:1.5em;}
#dtpreloader {display: none;background-image: url(/web/format/img/minusBlue.gif)}
.dthide {display:none;}
.dtLink {margin-bottom:1em;}
.dtLink a, .dtLinkOff a {padding-left:1.5em;text-decoration: none;color: #000;background:transparent url(/web/format/img/plusBlue.gif) no-repeat .25em 60%;}
.dtLinkOff a {background-image:url(/web/format/img/minusBlue.gif);} 

#bottomHomeContainer{width: 975px; margin-top: 8px; position: relative; margin-top: 12px;}
#bottomSideTiles{width:198px; float:left;}
.grayTile{ border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; background-color:#f6f6f6}
.grayTile1{ border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; background:#f6f6f6 url(/web/format/img/cardsite/tiles/doubleMiles.gif) no-repeat 120px;  height:84px;}
.grayTile2{ border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; background:#f6f6f6 url(/web/format/img/cardsite/tiles/additional_cards.gif) no-repeat 107px; height:84px; padding-bottom:0; margin-bottom:0;}
.grayTile3{ border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; background:#f6f6f6 url(/web/format/img/cardsite/tiles/directv_logo.gif) no-repeat 120px;  height:84px;}
.grayTileBottom{ border:1px solid #C9C9C9;background:#f6f6f6 url(/web/format/img/cardsite/tiles/car_rental.gif) no-repeat 95px; height:84px; }
.smallTile{ font-size:10px; color:#333; float:left; width:115px; margin-left:12px;}
.smallTileLink{ font-size:10px; text-decoration:none; float:left; width:120px; margin-left:12px;}
.tileImg{right:1em; padding-top:0; margin-top:0;}
.leftOfferMsg{ float:left; width:163px; margin-top: 36px; margin-left: 24px; padding-right:12px;}
.offerMsgLg{ font-size:14px; color:#333; font-weight:bold;}
.rightOfferMsg{ border-left: 1px solid #C9C9C9; float:left; margin-top: 36px; padding-left: 36px; margin-bottom: 36px; width:450px;}
.rightOfferHeader{font-size:11px; color:#333; font-weight:bold; margin-bottom:0; padding-bottom:0;}
.rightOfferSubhead{font-size:10px; color:#333; margin-top:0; padding-top:0;}
.rightOfferNoheader{font-size:10px; color:#333; padding-top:0;}
.rightOfferLink {font-size:11px;}
.tabBox { float:right; background-color:#F6F6F6; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; width:713px; height:309px; margin: 0 50px 0 0; padding:0;}
.tabbedMenus{
    border-bottom:1px solid #F6F6F6; cursor:pointer; list-style: none; float:left; position: relative; z-index:50; padding:0; width:178px; text-decoration:none; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; height: 30px; margin-left: 1px;  
	/* FireFox 3.6 */
	background-image: -moz-linear-gradient(top, #8e8e8e, #dcdcdc);
	/* Safari4+, Chrome */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #8e8e8e),color-stop(1, #dcdcdc));
	/* IE6,IE7 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8e8e', endColorstr='#dcdcdc');
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8e8e', endColorstr='#dcdcdc')";
}
.tabbedMenusActive {list-style: none; float:left; z-index:50; width:176px; border-bottom:none; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; height: 30px; background-color:#F6F6F6; margin-left: 1px; border-top: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; border-left: 1px solid #C9C9C9;}
.tabbedMenuHeader { display:block;  margin:10px 0 0 23px; !important; font-size:11.5px; font-weight:bold; color:#333 !important; border-bottom:none; text-decoration:none; }
.doubleOffer{ width:200px; float:left;}
.doubleOfferRight{ width:200px; float:left; margin-left:36px}