/********************************************************/
/********************************************************/
/*** WEBSITE: AMEX
/*** NAME: style.css
/*** PATH: /lib/css/style.css
/*** AUTHOR: Nigel Francois / www.intronet.org.uk
/********************************************************/
/********************************************************/

body {font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image: url(/content/dam/amex/me/assets/en/lib/images/blueline.gif); background-repeat: repeat;	background-position: left top; width:99%; }
#home{background-image:none;width:auto}

.titleCase{	font: bold 15px Arial, Helvetica, sans-serif; color: #003366;background-color:transparent; }
.fixAccessLink{display:none; }
.portaltext {font:10px Arial, Helvetica, Verdana, San-Serif; margin:0px; padding:0px }
img { border: 0px;}

/* small links */
.smalllink { font: normal 1em Arial, Helvetica, sans-serif; color: #0000FF; top: 26px; text-decoration: underline;background-color:transparent; }
.smalllinkhelp { font: normal 1em Arial, Helvetica, sans-serif; color: #002163; top: 26px; text-decoration: underline;background-color:transparent; }


/* terms and conditions holder box */
#cc {font: normal 10px Arial, Helvetica, sans-serif;	text-align: center;	color: #003366;	position:relative; top:0px; left:110px;	width:690px;	padding: 0px;background-color:transparent;}

#cclogo {font: normal 10px Arial, Helvetica, sans-serif; text-align: center; color: #003366; position:relative; top:20px; right:230px; width:60px; left: 15px; padding: 0px;background-color:transparent;}

br{line-height: 10px;}

H1{text-transform:uppercase}
h1 {padding:0px;margin-top:15px}
#cc {width:auto;left:0px;margin:0px 165px 0px 125px}

noscript{font-family:Arial, Helvetica, sans-serif}
.clear-Div{clear:both;font-size:1px;height:1px}

#bannerLinks{float:left;margin:-19px 0px 0px 10px;width:540px; background-color:#FFFFFF}
A.bannerlink{font-size:11px;font-family:Verdana, Arial, Helvetica, San-Serif;text-decoration: none;font-weight:normal; text-decoration:none; color:#ffffff; text-transform: uppercase; }	
#portals{float:left;width:770px; margin:30px 0px 0px 0px; height:100px; background-color:#FFFFFF;}
#portals P{font:10px Arial, Helvetica, Verdana, San-Serif;margin:10px 0px 0px 0px }

#homePage{width:770px}
#homePageBannerBox{float:left;width:760px; margin:18px 0px 0px 10px; height: 248px; background-color:#C2CFD7;}
#homePageBanner{float:left;margin:10px 0px 0px 10px}
#homePageBannerWhite{background-color:#FFFFFF;float:left;width:200px;height:227px;margin:10px 0px 0px 0px;}
#banner-link-1{float:left;text-align: center; width:180px;padding:3px 0px; background: #697988; border-top: 0px; text-transform: uppercase;}
#banner-link-2, #banner-link-3{float:left;margin-left:1px;float:left;text-align: center; width:179px;padding:3px 0px; background: #697988; border-top: 0px; text-transform: uppercase;}
/* portal box width amended from 166px to 127px - mar 8 2007  original margins: 0px 15px 0px 10px; */
/* 12 march 07 - the width of Portal is set here, but also as inline styles in home.html due to varying button lengths, they otherwise break the layout */
.portalBox{width:127px;float:left;margin:0px 15px 0px 10px; height:100px}
#portals .divider{float:left;background-color:#336699;width:1px; font-size:1px;height:100px}
#homePageFooter{float:left;width:770px;margin:25px 0px}
#homePageFooter #cc{margin:0px 50px 0px 50px}
.homePageBannerWhitePadding{padding:10px;}
.homePageBannerWhitePadding FORM{font-size:11px;font-family: Arial, Helvetica, sans-serif;font-weight:bold; }

.smalllinkhelp {font-size:10px;font-family: Arial, Helvetica, sans-serif; color: #002163; text-decoration: underline; }
.smalllink1 { font: normal 10px Arial, Helvetica, sans-serif; color: #999999; right: auto; top: 26px; text-decoration: underline; }
.smalllink2 { font: normal 10px Arial, Helvetica, sans-serif; color: #000000; right: auto; top: 26px; text-decoration: underline; }

FORM{display:inline}
#homePageBannerWhite SELECT{display:block;font-size:12px}
#homePageBannerWhite input {width:175px;}
#homePageBannerWhite select {margin:5px 0px ;width:179px}
#homePageBannerWhite P{margin:5px 0px}


.divider {font-size:10px;color: #999999;}

/**************/ 
/*** HEADER ***/
/**************/
div#ui {background:url(/content/dam/amex/me/assets/en/lib/images/bg-ui.gif) repeat-x 0 0; margin:0; padding:0;}
div#ui-header {margin:0; padding:0}
div#ui-header h1 {position:absolute; top:0; left:0; margin:0; padding:0}
div#ui-header h1 {width:116px; height:81px; display:block; background:white url(/content/dam/amex/me/assets/en/lib/images/img_bluebox.gif) no-repeat}
div#ui-header h1 a {display:block; padding-top:81px; overflow:hidden; position:relative; top:0;	left:0; width:116px;	height:0px; text-decoration:none}
* html div#ui-header h1 a {display:block; padding-top:81px; overflow:hidden; position:relative; top:0;	left:0; width:116px;	height:81px; text-decoration:none}

div#ui-header header {margin:0; padding:0}
div#header-nav {height:18px; width:100%; margin:0; padding:0; min-width:770px; background-color:#408ADA;}
div#header-nav ul {margin:0 0 0 116px; list-style:none; padding:0}
div#header-nav ul li {display:inline; float:left}
div#header-nav ul li a {float:left; font:bold 11px Arial, Helvetica, sans-serif; display:block; height:18px; line-height:18px; margin:0; padding:0 5px; color:white; border-right:1px solid white; text-decoration:none}
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active{background:#069}
div#wrapper {height:100px; width:auto}
div#header-title {font-size:0.70em;background:white; width:100%; float:left; height:30px; margin:10px 0; padding:0; min-width:770px}
div#header-title h2 {margin:0; padding:0; width:300px; height:17px; position:absolute; top:30px; left:115px; color:#036; font:normal 1.6em Arial,Helvetica,sans-serif}
div#header-title ul {list-style:none; float:right; height:30px; margin:0 10px 0 0; padding:0!important; padding:3px 0 0 0; width:auto}
div#header-title ul li {display:inline; color:#036; font:400 .8em Arial,Helvetica,sans-serif}
div#header-title ul li img {position:relative; top:6px; right:0; margin:0; padding:0}
div#header-title ul li a:link, div#header-title ul li a:hover, div#header-title ul li a:visited {color:#036; font:normal 1em Arial,Helvetica,sans-serif; text-decoration:underline}
div#header-title ul {margin:0 5px 0 0;float:right;}
div#header-title span#button-login {display:inline; width:auto; float:right; margin:0; padding:0;position:relative;top:-15px;} 
div#header-title span#button-login a {font-size:1.3em;text-decoration:none; color:#369; font-weight:bold ;display:block; width:auto; border:1px solid #036; background:#fbcf65 url(/content/dam/amex/me/assets/en/lib/images/arrow-blue.gif) no-repeat 10px center; padding:0 5px 0 20px;}

a.button {white-space:nowrap;float:left;text-decoration:none; font-weight:bold; color:#369; border:1px solid #369; padding:2px 5px 2px 20px!important; margin:0px; width:auto; height:auto; background:white url(/content/dam/amex/me/assets/en/lib/images/bt-arrow.gif) no-repeat 10px 5px; text-decoration:none!important;font-size:0.7em}

/*
* html a.button {0 0 6px 9px;} 
*/
/*	IE 5-6 adjustment	*/