/*------------------------------------------------------------------
[Master Stylesheet]

Project:		American Express
Version:		1.1
Last change:	05/30/08 [PRINT CSS]
Assigned to:	Yannick Stroobants - Ogilvy Interactive Belgique
Primary use:	PRINT
-------------------------------------------------------------------*/

body {background:white; font-size:12pt; color:grey}
img, img a {border:none; vertical-align: bottom;}
a { color:#000;text-decoration:none; background:transparent }
h1, h2, h3 {color:black; padding-bottom:1px; border-bottom:1px solid gray!important}


h1, h2, h3, h4, h5, h6 {background:white; color:black; letter-spacing:0px} 
/* approx 21px*/ h1 {font-size:19pt} 
/* approx 16px*/ h2 {font-size:16pt} 
/* approx 14px*/ h3 {font-size:12pt} 
/* approx 12px*/ h4 {font-size:12pt}
/* approx 10px*/ h5 {font-size:10pt}

p {font-size:10pt; line-height:14pt; font-weight:normal; margin:0 0 1em 0}
p+p {margin-top:-1em; text-indent:2em;}


/*------------------------------------------------------------------
[0. Here it is!
------------------------------------------------------------------*/
div#wrapper {width:auto; margin:0 5%; padding:0; border:0; float:none !important; color:black; background:transparent;}
div#wrapper a:link:after, div#wrapper a:visited:after {content: " (" attr(href) ") "; font-size: 70%;}
div##wrapper a[href^="/"]:after {content: " (http://www.americanexpress.be" attr(href) ") ";}

div#nav_top_wrap  {width:auto; background:#CCC; margin:1.5em 0 0 0}
div#nav_top_wrap ul#nav_top {margin:0; padding:10px}
div#nav_top_wrap ul#nav_top li {display:inline!important; padding:10px; border-right:1px solid white}
div#nav_top_wrap ul#nav_top li.active {display:inline!important; padding:10px; border-right:1px solid white; background:white; border-top:1px solid #CCC}
div#nav_top_wrap ul#nav_top li a {}

p.card_definition {text-align:right}

div#footer_wrap {font-size:8pt; padding:5px; border-top:1px solid black; margin-top:10px}
div#footer_rights {padding-top:10px}

/*------------------------------------------------------------------
[1. Common Classes
------------------------------------------------------------------*/

.page-break { display:block; page-break-before:always; }  
  

/*------------------------------------------------------------------
[2. Not displayed elements
------------------------------------------------------------------*/

ul#nav_top_global_area, 
div#tools,
div#nav_top_wrap ul#nav_top span,
div#left_column,
div#nav_level1_wrap,
div#nav_level2_wrap,
div.spacer,
ul#footer_nav,
div#rhs_wrap
{display:none!important}

/*------------------------------------------------------------------
[1. FOR ALL & KEY BENEFITS PAGES
------------------------------------------------------------------*/
div#call_to_action,
div#nav-benefits
{display:none!important}