@import url("css/menu.css");

@import url("css/screen_content.css");
@import url("css/screen_colors.css");
@import url("css/screen_forms.css");
@import url("css/henry_content.css");
@import url("css/henry_glider.css");
@import url("css/clearfix.css");
@import url("css/styles-platinum.css");



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

body {font-family: Agenda,Arial, Helvetica; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image: url(http://amex.danamon/Portals/_default/Skins/images/blueline.gif); background-repeat: repeat; background-position: left top; width:99%; }
#home{background-image:none; width:auto}

.titleCase{	font: bold 15px Agenda,Arial, Helvetica; 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 Agenda,Arial, Helvetica; color: #002163; top: 26px; text-decoration: underline;background-color:transparent; }


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

#cclogo {font: normal 10px Agenda,Arial, Helvetica; 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:0; margin:0}
h3 {font-family:Agenda,Arial, Helvetica;}
#cc {width:auto;left:0px;margin:0px 165px 0px 125px}
ul li, ol li { font-family:Agenda,Arial, Helvetica; margin:0; padding:0;}
noscript{font-family:Agenda,Arial, Helvetica}
.clear{clear:both;font-size:1px;height:1px}
img {border:none; margin:0; padding:0}

#bannerLinks{float:left; padding:0; margin:-19px 0px 0px 10px !important;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:0px; height:100px; background-color:#FFFFFF; margin:15px 0;}
#portals P{font:10px Arial, Helvetica, Verdana, San-Serif;margin:10px 0px 0px 0px }

.container{width:1005px;margin:0;padding:0;}
#homePageBannerBox{float:left;width:760px; margin:0px 0px 0px 10px; height: 248px; background-color:#C2CFD7;}

#homePageBanner{float:left;margin:10px 0px 0px 10px; padding:0;}
#homePageBanner a{margin:0; padding:0;}
#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 */
.portalBox1{width:165px;float:left;margin:0px 15px 0px 20px; height:100px}
.portalBox2{width:165px;float:left;margin:0px 4px 0px 10px; height:100px}
.portalBox3{width:165px;float:left;margin:0px 3px 0px 10px; height:100px}
.portalBox4{width:165px;float:left;margin:0px 15px 0px 10px; height:100px}
#portals .divider{float:left;background-color:#336699;width:1px; font-size:1px;height:100px}
#footer{float:left;width:1005px;margin:25px 0px}
#footer #cc{margin:0px 50px 0px 50px}
.homePageBannerWhitePadding{padding:10px;}
.homePageBannerWhitePadding FORM{font-size:11px;font-family: Agenda,Arial, Helvetica;font-weight:bold; }

.smalllinkhelp {font-size:10px;font-family: Agenda,Arial, Helvetica; color: #002163; text-decoration: underline; }
.smalllink1 { font: normal 10px Agenda,Arial, Helvetica; color: #999999; right: auto; top: 26px; text-decoration: underline; }
.smalllink2 { font: normal 10px Agenda,Arial, Helvetica; color: #000000; right: auto; top: 26px; text-decoration: underline; }
x
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#header {font-family:Agenda,Arial, Helvetica;}
div#ui {background:url(http://amex.danamon/Portals/_default/Skins/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; overflow:hidden; background:white url(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 Agenda,Arial, Helvetica; display:block; height:18px; line-height:18px; margin:0; padding:0 5px; color:white; border-right:1px solid white; text-decoration:none; text-transform: uppercase; }
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#header-nav-platinum {height:18px; width:100%; margin:0; padding:0; min-width:1005px; background-color:#408ADA;}
div#header-nav-platinum ul {margin:0 0 0 116px; list-style:none; padding:0}
div#header-nav-platinum ul li {display:inline; float:left}
div#header-nav-platinum ul li a {float:left; font:bold 11px Agenda,Arial, Helvetica; display:block; height:18px; line-height:18px; margin:0; padding:0 5px; color:white; border-right:1px solid white; text-decoration:none; text-transform: uppercase; }
div#header-nav-platinum ul li a:hover, div#header-nav-platinum ul li a.active, 
div#header-nav-platinum ul li a:hover, div#header-nav-platinum ul li a.active, 
div#header-nav-platinum ul li a:hover, div#header-nav-platinum ul li a.active, 
div#header-nav-platinum ul li a:hover, div#header-nav-platinum ul li a.active, 
div#header-nav-platinum ul li a:hover, div#header-nav-platinum 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-platinum {font-size:0.70em;background:white; width:100%; float:left; height:30px; margin:10px 0; padding:0; min-width:1005px}
div#header-title h2 {margin:0; padding:0; width:400px; 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(http://amex.danamon/Portals/_default/Skins/images/arrow-blue.gif) no-repeat 10px center; padding:0 5px 0 20px;}

div#header-title-platinum h2 {margin:0; padding:0; width:400px; height:17px; position:absolute; top:30px; left:115px; color:#036; font:normal 1.6em Arial,Helvetica,sans-serif}
div#header-title-platinum 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-platinum ul li {display:inline; color:#036; font:400 .8em Arial,Helvetica,sans-serif}
div#header-title-platinum ul li img {position:relative; top:6px; right:0; margin:0; padding:0}
div#header-title-platinum ul li a:link, div#header-title-platinum ul li a:hover, div#header-title-platinum ul li a:visited {color:#036; font:normal 1em Arial,Helvetica,sans-serif; text-decoration:underline}
div#header-title-platinum ul {margin:0 5px 0 0;float:right;}
div#header-title-platinum span#button-login {display:inline; width:auto; float:right; margin:0; padding:0;position:relative;top:-15px;} 
div#header-title-platinum 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(http://amex.danamon/Portals/_default/Skins/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:#3F8AB7; margin:0px; width:auto; height:auto; text-decoration:none!important;font-size:12px}


.header_lang { font:11px Agenda,Arial, Helvetica; float:right; display:block; height:18px; line-height:18px; margin:0; padding:0 5px; color:white; border-right:1px solid white; text-decoration:none }
.header_lang a { color:White; }
/*
* html a.button {0 0 6px 9px;} 
*/
/*	IE 5-6 adjustment	*/


/**inside**/
/**************/ 
/*** HEADER ***/
/**************/

div#ui {background:url(http://amex.danamon/Portals/_default/Skins/images/bg-ui.gif) repeat-x 0 0; margin:0; padding:0;}
div#ui-header-inside {margin:0; padding:0}
div#ui-header-inside h1 {position:absolute; top:0; left:0; margin:0; padding:0}
div#ui-header-inside h1 {width:116px; height:81px; display:block; background:white url(http://amex.danamon/Portals/_default/Skins/images/img_bluebox.gif) no-repeat}
div#ui-header-inside h1 a {display:block; text-indent:-5000px; overflow:hidden; position:relative; top:0;	left:0; width:116px;	height:81px; text-decoration:none}
div#ui-header-inside header-inside {margin:0; padding:0}
div#header-inside-nav {height:18px; width:100%; margin:0; padding:0; min-width:770px}
div#header-inside-nav ul {margin:0 0 0 116px; list-style:none; padding:0}
div#header-inside-nav ul li {display:inline; float:left}
div#header-inside-nav ul li a {float:left; font:bold 11px Agenda,Arial, Helvetica; display:block; height:18px; line-height:18px; margin:0; padding:0 5px; color:white; border-right:1px solid white; text-decoration:none; background-color:transparent}
div#header-inside-nav ul li a:hover, div#header-inside-nav ul li a.active, 
div#header-inside-nav ul li a:hover, div#header-inside-nav ul li a.active, 
div#header-inside-nav ul li a:hover, div#header-inside-nav ul li a.active, 
div#header-inside-nav ul li a:hover, div#header-inside-nav ul li a.active, 
div#header-inside-nav ul li a:hover, div#header-inside-nav ul li a.active{background:#069}
div#wrapper {width:auto}
div#header-inside-title {width:100%; float:left; min-height:30px; height:35px; margin:10px 0px -10px 0px; padding:0; min-width:770px;}
div#header-inside-title h2 {text-transform:uppercase;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-inside-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-inside-title ul li {display:inline; color:#036; font:400 0.9em Arial,Helvetica,sans-serif}
div#header-inside-title ul li img {position:relative; top:6px; right:0; margin:0; padding:0}
div#header-inside-title ul li a:link, div#header-inside-title ul li a:hover, div#header-inside-title ul li a:visited {color:#036; font:normal 1em Arial,Helvetica,sans-serif; text-decoration:underline}
div#header-inside-title ul {margin:0 5px 0 0;float:right;width:250px;}
div#header-inside-title span#button-login {} 
div#header-inside-title span#button-login a {float:none;font-size:1.1em;text-decoration:none; color:#369; font-weight:bold ; background-image:url(http://amex.danamon/Portals/_default/Skins/images/arrow-blue.gif); background-repeat:no-repeat; background-position:10px center; background-color:#fbcf65; padding:0 5px 0 20px;}
* html div#header-inside-title span#button-login a {float:right;margin-top:-15px;voice-family: "\"}\"";}

/***************/ 
/*** TOP NAV ***/
/***************/
div#tier-nav {background:#D7E5EE url(http://amex.danamon/Portals/_default/Skins/images/bg-navtier.gif) repeat-y 0 0; height:22px; clear:left; width:100%;min-width:770px;}

/*************************/ 
/*** CSS DROPDOWN MENU ***/
/*************************/
#navbar{font: 11px Agenda,Arial, Helvetica;  height:22px; padding-left:125px; position:relative; z-index:99;}
.navbarTD{font: 11px Agenda,Arial, Helvetica; }
#navbar a:visited{text-decoration:none}
.navbar-spacer{height:22px}
* html #navbar{height:15px;} /*	IE 5-6 adjustment	*/
* html .navbar-spacer{height:19px;} /*	IE 5-6 adjustment	*/
#cssdropdown, #cssdropdown ul {padding: 0;margin: 0;list-style: none;}
#cssdropdown li {float: left;position: relative;}
.mainitems, .mainitemsOver{list-style: none;}
.mainitems a, .mainitemsOver a{text-decoration: none; display:block;padding:4px 12px 4px 12px; color:#003366;white-space:nowrap}
#selected-Area a, .mainitems a:hover, .mainitemsOver a{background-color:#ffffff; color:#003366}
.subuls {display: none;width: 225px;position: absolute;top: 22px;left: -1px;background-color: #ffffff ;padding: 0;margin: 0;border: 1px solid #003366;}
* html .mainitems .subuls {display:block; visibility:hidden} /*	IE 5-6 adjustment	*/
.mainitemsOver .subuls{display:block;visibility:visible}
.subuls li{width: 100%;}
.subuls li a{text-decoration: none; display:block; padding:3px 6px 3px 12px;color:#003366;white-space:normal}
.subuls li a:hover, .noscript-Menu a:hover{ background-color:#408ADA;color:#ffffff;}
* html .subuls li a{width:100%;} /*	IE 5-6 adjustment	*/
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#cssdropdown li>ul {top: auto;left: auto;}

/*********************/ 
/*** NOSCRIPT MENU ***/
/*********************/
.noscriptBG{width:650px; background-color: #ffffff;margin:0px 0px 0px 120px;}
.noscript-Menu{font-size:1.0em;}
.noscript-Menu UL,.noscript-Menu LI{float:left;width:150px;list-style: none;margin:0px;padding:0px}
.noscript-Menu LI{margin:0px;white-space:normal;display:block}
.noscript-Menu a{;display:block;text-decoration:none;padding:2px 10px 2px 10px;white-space:normal;color:#003366;background-color:transparent;}
.noscript-Menu a:hover{background-color:#0c84bb;color:#ffffff;}
.noscript-Menu a:visited{text-decoration:none;}

/**********************/ 
/*** PAGE FORMATTING ***/
/**********************/
div#content-wrapper {position:relative; top:0; left:0; background:url(images/bg-content.gif) repeat-y 0 0; margin:0; padding:0; min-width:770px}
div#content-wrapper-platinum {color;#363636; position:relative; top:0; left:0; background:url(images/bg-platinum.gif) repeat-y 0 0; margin:0; padding:0; min-width:770px}
* html body, * html div#content-wrapper{width:99.6%} /*	IE 5-6 adjustment	*/
div#content-Layout {width:auto; overflow:hidden; margin:0 160px 0 126px; background-color:white; padding:0px; z-index:3;}
/*div#content-Layout ul { margin: 0; padding: 0; list-style: none; }
div#content-Layout ul li { margin: 0; padding: 0; list-style: none; }*/
#content-Area{width:717px;margin:0px; padding:0px; overflow:hidden;}
p {font:11px Agenda,Arial, Helvetica; margin:0; padding:0}
#navAlpha {position:absolute; width:116px; top:0; left:0; background-color:#d7e5ee; z-index:2; margin:0; padding:0; voice-family: "\"}\""; voice-family:inherit; width:116px}
body>#navAlpha {width:116px;} /* Correction for Opera to test */	
.navBeta {position:absolute; width:140px; top:0; right:0px; padding:0 10px; margin:10px 0 0 0; z-index:1; voice-family: "\"}\""; voice-family:inherit; width:140px}
body>#navBeta {width:140px;}
div.navBeta img {border: 1px #000 solid;}
#navAlpha a{display:block;padding:10px;color:#003366; text-decoration:none}
a.leftNavHeader{font-weight:bold;font-size:12px}
a.leftSelected{background-color:#FFFFFF}

/**************/ 
/*** FOOTER ***/
/**************/
div#UI-footer {clear:both;margin:20px 20px 20px 10px; text-align:center;}
div#UI-footer p {/*width:700px;*/ margin:0 auto; color:#036; font:normal 10px Arial,Helvetica,sans-serif; text-align:center}


/***************/ 
/*** CONTENT ***/
/***************/

/**********************/ 
/*** CONTENT HEADER	& FOOTER ***/
/**********************/ 
.pageBanner {background-color:#071c51; height:auto; min-width:488px;padding:0px;}
.pageBanner .leftSide{float:left; display:block;}
.pageBanner .rightSide{float:right; display:block;}
.pageBanner img {border: 0;}
.pageBanner h1 {color: #ffffff; margin-top: 10px; margin-right: 10px;font-size:19px}
.pageBanner h1.dark {color: #3574ad;}
.pageBanner h1.tan {color: #b1593e;}
div.content-Header{margin-top:10px}
div.content-Header h3{color:#036;font-size: 1.3em}
div.content-Footer{margin-top:10px;width:100%;float:left;display:block}
* html div.content-Footer{float:none}
div.content-Footer p{margin:0px;padding:0 0 10px 0}
div.content-Footer ul,div.content-Footer ol{padding-left:25px;padding-right:10px;}
div.content-Footer ul{list-style-type:square}

/*************************************************/ 
/*** BOX CONTENT & HEADER FORE/BACK-GROUND COLOURS  ***/
/*************************************************/ 
div.box{ display:block; float:left; padding:0px 0px 10px 0px;border-top:10px solid #ffffff;}
div.box-merchant{ display:block; float:left; background-color:#E7EDEA;padding:0px 0px 10px 0px;border-top:10px solid #ffffff;} 
div.box-noPad{padding-bottom:0px !important} 
div.box-noPad div{border-left:solid 1px #ffffff;float:left;padding-top:5px;width:60%}
div.box-noPad h4{float:left;width:35%}
div.box h3, div.box h4{ background-color:#103349; border-bottom:solid 1px#ffffff;height:auto; line-height:18px; color:#ffffff; padding:0px 10px 0px 10px; font-size:11px; text-transform: uppercase;margin:0px 0px 5px 0px}
div.box-merchant h3, div.box-merchant h4{ background-color:#1B4E38; border-bottom:solid 1px#ffffff;height:auto; line-height:18px; color:#ffffff; padding:0px 10px 0px 10px; font-size:11px; text-transform: uppercase;margin:0px 0px 5px 0px}
#generic div div.box h3,#generic div div.box h4{background-color:#103349;}
#generic div div.box{background-color:#DCE7ED;}
#personal-cards div div.box h3,#personal-cards div div.box h4{background-color:#164B6D;}
#personal-cards div div.box{background-color:#EAF2F5}
#travel div div.box h3,#travel div div.box h4{background-color:#5160A6;}
#travel div div.box{background-color:#E7EDF0}
#corporations div div.box h3,#corporations div div.box h4{background-color:#007CC2;}
#corporations div div.box{background-color:#E8EDEB}
#merchants div div.box h3,#merchants div div.box h4{background-color:#1B4E38;}
#merchants div div.box{background-color:#E8EDEB}
* div.green h3, * div.green h4{background-color:#8CBDA8 !important;}
* div.green{background-color:#E8F2ED !important;}
* div.gold h3, * div.gold h4{background-color:#D8CFAF !important;}
* div.gold{background-color:#F8F5EF !important;}


/******************************/ 
/*** BOX WIDTHS AND MARGINS ***/
/******************************/ 
div.block{clear:both;display:block;width:100%}
div.right{float:right}
div.two{width:49.1%;float:right}
div.two-margin{float:left;margin-right: 1.6%;}
div.three{width:32.1%;} 
div.three-margin{margin-left: 1.8%;}
div.fullwidth{display:block;width:100%}

.two_colum_left {
	width:66.5%;
	float: left
}

/**********************************/ 
/*** MULTI COLUMN BOX CONTAINER ***/
/**********************************/ 
div.containerDiv{clear:both;margin:0px; padding:0px}
div.containerDiv_main{clear:both;margin:0px; padding:0px; height:250px}
div.containerDiv_main2{clear:both;margin:0px; padding:0px; height:290px}
div.containerDiv div#box-merchant-left{float:left; background-color:#E7EDEA;}
div.containerDiv div#box-merchant-left h3, div.containerDiv div#box-merchant-left h4 {background-color:#1B4E38; border-bottom:1px solid #FFFFFF;color:#FFFFFF;font-size:11px;height:auto;line-height:18px;margin:0 0 5px;padding:0 10px; text-transform:uppercase;}
/********************/ 
/*** BOX DIVIDERS ***/
/********************/ 
.divider-Div{display:block; clear:left; font-size:1px; height:1px}
.force-Clear{clear:both;display:block; font-size:1px; height:1px}
* html .divider-Div, * html .force-Clear{display:none} /*	IE 5-6 adjustment	*/

/******************/ 
/*** BOX P TAG	***/
/******************/ 
div.box p{margin:0px; padding:0 10px 6px 10px}
div.box-merchant p{margin:0px; padding:0 10px 6px 10px}
/**************/ 
/*** BOX H5 TAG ***/
/**************/ 
* div.box h5{margin:0px;padding:0 10px 6px 10px;font:700 1em Arial, sans-serif;}

/************************/ 
/*** BOX UL & LI TAGS ***/
/************************/ 
div.box ul, div.box ol, div.box-merchant ul, div.box-merchant ol{margin:0px; padding:0px;margin-bottom:6px; list-style-type:square}
div.box ul,div.box ol, div.box-merchant ul, div.box-merchant ol{padding-left:25px;padding-right:10px; margin:0}

div.box ol li, div.box-merchant ol li{margin-left:8px;margin-right:10px}
div.box ul li,div.box ol li, div.box-merchant ul li,div.box-merchant ol li{padding-bottom:0px}
div.box sup, div.box-merchant sup{position:relative;top:1px;}
ul.inside,ol.inside{list-style-position:inside}
/*******************/ 
/*** CTA BUTTONS ***/
/*******************/ 
a.button {float:left;text-decoration:none; font-weight:bold; color:#369; border:1px solid #369; padding:2px 5px 2px 20px!important; margin:0 0 6px 0px; width:auto; height:auto; background:white url(images/bt-arrow.gif) no-repeat 10px 5px; text-decoration:none!important}
* html a.button {margin:0 0 6px 0px;} /*	IE 5-6 adjustment	*/
a.button1 {margin:0 0 6px 0px;} /*	removes 10px left-margin	*/
* html a.button1 {margin:0 0 6px 0px;} /*	IE 5-6 adjustment	*/

/***************/ 
/*** PADDING ***/
/***************/ 
.padding-top-0{padding-top:0px !important}
.padding-top-5{padding-top:5px !important}
.padding-top-10{padding-top:10px !important} 
.padding-top-20{padding-top:20px !important}
.padding-right-0{padding-right:0px !important}
.padding-right-5{padding-right:5px !important}
.padding-right-10{padding-right:10px !important}
.padding-right-20{padding-right:20px !important}
.padding-bottom-0{padding-bottom:0px !important}
.padding-bottom-5{padding-bottom:5px !important}
.padding-bottom-10{padding-bottom:10px !important}
.padding-bottom-20{padding-bottom:20px !important}
.padding-left-0{padding-left:0px !important}
.padding-left-5{padding-left:5px !important}
.padding-left-10{padding-left:10px !important}
.padding-left-20{padding-left:20px !important}
.padding-0{padding:0px !important}
.padding-5{padding:5px !important}
.padding-0-5{padding:0 5px !important}
.padding-5-0{padding:5px 0 !important}
.padding-10{padding:10px !important}
.padding-10-0{padding:10px 0 !important}
.padding-0-10{padding:0 10px !important}
.padding-20{padding:20px !important}
.padding-20-0{padding:20px 0 !important}
.padding-0-20{padding:0 20px !important}
.padding-20-10{padding:20px 10px !important}

/***************/ 
/*** MARGINS ***/
/***************/ 
.margin-top-0{margin-top:0px !important}
.margin-top-5{margin-top:5px !important}
.margin-top-10{margin-top:10px !important}
.margin-top-20{margin-top:20px !important}
.margin-right-0{margin-right:0px !important}
.margin-right-5{margin-right:5px !important}
.margin-right-10{margin-right:10px !important}
.margin-right-20{margin-right:20px !important}
.margin-bottom-0{margin-bottom:0px !important}
.margin-bottom-5{margin-bottom:5px !important}
.margin-bottom-10{margin-bottom:10px !important}
.margin-bottom-20{margin-bottom:20px !important}
.margin-left-0{margin-left:0px !important}
.margin-left-5{margin-left:5px !important}
.margin-left-10{margin-left:10px !important} 
.margin-left-20{margin-left:20px !important}
.margin-5{margin:5px !important}
.margin-5-0{margin:5px 0 !important}
.margin-0-5{margin:0 5px !important}
.margin-10{margin:10px !important}
.margin-10-0{margin:10px 0 !important}
.margin-0-10{margin:0 10px !important}
.margin-20{margin:20px !important}
.margin-20-0{margin:20px 0 !important}
.margin-0-20{margin:0 20px !important}
.margin-20-10{margin:20px 10px !important}

/*
div.padding-0-0-10-10{padding:0 0 10px 10px}
div.padding-20-0-10-0{padding:20px 0 10px 0}
div.margin-10-0-0-0{margin:10px 0 0 0}
.ten{margin-left:10px}
*/


/*****************/ 
/*** ALIGNMENT ***/
/*****************/
.align-center {text-align:center}
.align-left {text-align:left}
.align-right {text-align:right}
.align-super{vertical-align:super}
.align-top{vertical-align:top}
.align-text-top{vertical-align:text-top}
.align-middle{vertical-align:middle}
.align-bottom{vertical-align:bottom}
.align-text-bottom{vertical-align:text-bottom}
.align-sub{vertical-align:sub}
div.center{text-align:center}

/***********************/ 
/*** TEXT FORMATTING ***/
/***********************/
.bold {font-weight:bold}
.italic {font-style:italic}
.underline{text-decoration:underline;}
.capitalize{text-transform:capitalize}
.lowercase{text-transform:lowercase}
.uppercase{text-transform:uppercase}
.small-caps{font-variant:small-caps;}

/************************/ 
/*** FLOAT ATTRIBUTES ***/
/**************** *******/
.left {float:left}
.right {float:right}
.clearleft {clear:left}
.clearright {clear:right}
.inline{display:inline}
.clear-Div{clear:both;font-size:1px;height:1px}
.clear-left-Div{clear:left;font-size:1px;height:1px}
.clear-right-Div{clear:right;font-size:1px;height:1px}

/*************/ 
/*** FIXES ***/
/*************/
/* clearfix */

/* Hides from IE-mac \*/
/*--AMEX VALIDATION CSS-- * html .clearfix {height: 1%;} -----*/

/* End hide from IE-mac */

/***********************/ 
/*** ONLINE SERVICES ***/
/***********************/ 
#alt-Content-Header h3{/*position:relative;*/margin:-5px 0px 0px 0px;font-size:1.3em;color:#003366;}
.online-services{width:313px; background-color:#ffffff !important;border:solid 1px #6A91B0;border-top:none !important;margin-top:10px}
.online-services input{width:210px}
.online-services .submit{margin:0px 0px 0px 5px ;width:70px;}
div.online-services h4{background-color:#6A91B0 !important;font-size:0.95em; text-transform:none; font-weight:normal;padding-top:4px;padding-bottom:4px}
div.online-services h4 strong{font-size:1.5em;}

/***********************/ 
/***  COMPARE CARDS  ***/
/***********************/

.card {float:left; padding-top:10px !important; padding-bottom:10px !important; padding-left:10px;}
.list {float:left; clear:both}
.apply { clear:right; height:92px; padding-top:40px; padding-left:20px;}
.apply2 { clear:right; height:25px; padding-top:5px; padding-left:0px;}
a.apply-button {text-decoration:none; font-weight:bold; color:#369; border:1px solid #369; padding:2px 5px 2px 20px!important; margin:0 0 6px 10px; width:auto; height:auto; background:white url(http://amex.danamon/Portals/_default/Skins/images/bt-arrow.gif) no-repeat 10px 5px; text-decoration:none!important}
a.apply-button2 {text-decoration:none; font-weight:bold; color:#369; border:1px solid #369; padding:2px 5px 2px 20px!important; margin:0 0 0px 0px; width:auto; height:auto; background:white url(http://amex.danamon/Portals/_default/Skins/images/bt-arrow.gif) no-repeat 10px 5px; text-decoration:none!important}

element.style {height:0px !important}

/***********************/ 
/***   COMPARE ITEM  ***/
/***********************/

div.comp-item{float:left; background-color:#D0D0E8;padding:0px 0px 5px 0px;border-top:10px solid #ffffff} 
div.comp-item h3, div.comp-item h4{border-bottom:solid 1px#ffffff;height:auto; line-height:18px; color:#ffffff; padding:0px 10px 0px 10px; font-size:1em; text-transform: uppercase;margin:0px 0px 5px 0px}
#generic div div.comp-item h3,#generic div div.comp-item h4{background-color:#103349;}
#generic div div.comp-item{background-color:#DCE7ED;}
#personal-cards div div.comp-item h3,#personal-cards div div.comp-item h4{background-color:#164B6D;}
#personal-cards div div.comp-item{background-color:#EAF2F5}
#travel div div.comp-item h3,#travel div div.comp-item h4{background-color:#5160A6;}
#travel div div.comp-item{background-color:#E7EDF0;}
#corporations div div.comp-item h3,#corporations div div.comp-item h4{background-color:#007CC2;}
#corporations div div.comp-item{background-color:#E8EDEB;}
#merchants div div.comp-item h3,#merchants div div.comp-item h4{background-color:#1B4E38;}
#merchants div div.comp-item{background-color:#E8EDEB;}
div.comp-item p{margin:0px; padding:0 10px 6px 10px}
* div.comp-item h5{margin:0px;padding:0 10px 6px 10px;font:700 1em Arial, sans-serif;}
div.comp-item ul, div.comp-item ol{margin:0px;padding:0px;margin-bottom:6px}
div.comp-item ul,div.comp-item ol{padding-left:25px;padding-right:10px}
div.comp-item ul{list-style-type:square}
div.comp-item ol li{margin-left:8px;margin-right:10px}
div.comp-item ul li,div.comp-item ol li{padding-bottom:0px}
div.comp-item sup{position:relative;top:1px;}

/*top-nav-inside*/
/*------------------------------------------------------------------
[2. HEADER / #header]
*/
        div#header-inside {width:1005px; height:auto; margin:0 0 15px 0; padding:0; float:left; background:transparent url(images/bg-header.png) repeat-x scroll 0 0;}
	div#logo_amex {width:83px; height:87px; margin:0; float:left}
	div#logo_amex img {position:relative; left:0; top:35px;  padding-left: 4px;}

/*------------------------------------------------------------------
[2.1 HEADER NAV-TOP-WRAP / #nav_top_wrap]*/

div#nav_top_wrap {width:922px; height:18px; margin:0; padding:1px 0 0 0; float:left}
/*	div#nav_top_wrap ul {list-style:none; padding:0 5px 0 0; margin:0}
	div#nav_top_wrap ul li {height:24px; display:inline; color:#FFFFFF; font-size:.85em; padding-top:3px}
*/
	div#nav_top_wrap ul#HouseMenuNav {margin:0; padding:0; float:left; height:20px; list-style:none}
	div#nav_top_wrap ul#HouseMenuNav li {height:20px; padding:0; margin:0 5px 0 0; display:inline; float:left; color:#FFFFFF; font-size:.85em; line-height:17px; overflow:hidden; padding-left:5px}
	div#nav_top_wrap ul#HouseMenuNav li#HouseMenuNavCurrentItem { height:20px; margin:0; border:none; background:url(images/bg-active-left.png) no-repeat top left; display:block; float:left;} 
	div#nav_top_wrap ul#HouseMenuNav li#HouseMenuNavCurrentItem a {color:#004162; text-decoration:none;  margin:0; padding:0 5px 0 0; background:url(images/bg-active-right.png) no-repeat top right; height:21px}
	div#nav_top_wrap ul#HouseMenuNav li a {color:#FFFFFF; display:block; float:left; font-family:Agenda,Arial, Helvetica; font-size:11px}

	
	div#nav_top_wrap span.nav_top_left_corner {width:5px; height:16px; margin:0; padding:0; background:url(images/navtop_left_corner.jpg) no-repeat top left; display:block; float:left}
	div#nav_top_wrap span.nav_top_right_corner {width:5px; height:16px; margin:0; padding:0; background:url(images/navtop_right_corner.jpg) no-repeat top left; display:block; float:left}
	
	.left_pipe_white {border-left:1px solid #FFFFFF}
	
/*	div#nav_top_wrap ul#HouseMenuNav li#HouseMenuNavCurrentItem {padding-left:8px; padding-right:8px; background:white url(../images/navtop_bg_tab.jpg) repeat-x top left; height:20px}*/
	
	div#nav_top_wrap ul#nav_top_global_area {width:200px; margin:0 15px 0 0; float:right; list-style:none}
	div#nav_top_wrap ul#nav_top_global_area li {height:17px; padding-left:5px; margin-left:5px; display:inline; float:right; font-size:.85em; padding-top:0; line-height:16px; }
	
	ul#nav_top_global_area a {color:#FFFFFF; padding-top:15px}
	.bt_login {position:relative; padding-top:1px; margin-bottom:-5px;}

div#tools {width:910px; margin:0; padding:0}
div#tools ul {list-style:none; margin:4px 0 0 0; padding:0}
div#tools ul li {display:inline; color:#666; font-size:11px; font-family: Agenda,Arial, Helvetica; padding-left:5px; margin-left:2px; border-left:1px solid #aaa}
div#tools ul li a:link, div#nav_tools ul li a:visited {color:#aaa; text-decoration:none}
div#tools ul li a:hover {color:#202020; text-decoration:underline}
.float_right { float:right; text-align:right;}

div#nav_level1_wrap {margin:0; padding:0}
div#nav_level1_wrap ul#nav_level1 {list-style:none; text-align:left; margin:0; padding:0}
div#nav_level1_wrap ul#nav_level1 li {display:inline; float:left; margin:0; padding:2px 2px 0 2px; font-size:11px; text-transform:uppercase;}
div#nav_level1_wrap ul#nav_level1 a {display:block; float:left; color:#333333; padding:4px; font-weight:600}
div#nav_level1_wrap ul#nav_level1 a:link, div#nav_level1_wrap ul#nav_level1 a:visited {color:#333333; text-decoration:none}
div#nav_level1_wrap ul#nav_level1 a:hover {color:#003A61; text-decoration:none; background-color:#FFFFFF}
div#nav_level1_wrap ul#nav_level1 li#nav_level1CurrentItem {color:#003A61; text-decoration:none; background-color:#DBE9F4}
div#nav_level1_wrap ul#nav_level1 li#nav_level1CurrentItem:hover {color:#003A61; text-decoration:none; background-color:#DBE9F4}

div#nav_level2_wrap {width:920px; margin:0; padding:0; background:#DBE9F4; float:left}
div#nav_level2_wrap ul#nav_level2 {margin:0; padding:0; list-style:none}
div#nav_level2_wrap ul#nav_level2 li {display:inline; float:left; margin:0; padding:0; font-size:11px}
div#nav_level2_wrap ul#nav_level2 li#nav_level2CurrentItem{display:block; float:left; color:#006699; height:24px; background:white; text-decoration:none}
div#nav_level2_wrap ul#nav_level2 li a {display:block; float:left; color:#333333; padding:5px}

/*------------------------------------------------------------------
[3 MAIN / #content_main_wrap]---------------------------------------
------------------------------------------------------------------*/

div#content_main_wrap {width:1005px; height:auto; margin:0; padding:0}
div#content_toolbar {width:1005px; /*height:24px;*/; display:none; margin:0; padding:0; background:#FFFFFF url(images/bg.main.utils.gif) repeat-x top left}
div#content_toolbar ul {list-style:none; margin:0; padding:0 15px 0 0}
div#content_toolbar ul li {display:inline; color:#5391b3; font-size:.85em; line-height:24px; padding-left:5px; margin-left:2px; border-left:1px solid #aaa}
div#content_toolbar ul li a:link, div#content_toolbar ul li a:visited {text-decoration:underline; color:#5391b3}
div#content_toolbar ul li a:hover {text-decoration:none; color:#5391b3}

div#content_main {width:833px; margin:0; padding:0}
div#content_wrap {width:600px; margin:15px 0 20px 0; padding:0}

/*------------------------------------------------------------------
[3.1 MAIN LEFT COLUMN / #left_column]-------------------------------
------------------------------------------------------------------*/

div#left_column {width:160px; margin:0; padding:0; float:left}
div#nav_left_column {width:auto; height:auto; background-color:transparent}
div#nav_left_column h2 {font-size:11px; font-weight:400; margin:0}
div#nav_left_column h2 {font-size:11px; font-weight:400; margin:0}
div#nav_left_column h2.nav_left_active {font-weight:400; padding-left:10px; }
.nav_left_active {font-weight:700}

div#nav_left_column h2 a:hover, div#nav_left_column ul li ul#subnav_left a:hover {color:#757575; text-decoration:underline}
div#nav_left_column h2 a.ask-gold:link, a.ask-gold:visited {color:#c99c59; text-decoration:none}
div#nav_left_column h2 a.ask-gold:hover {color:#c99c59; text-decoration:underline}
div#nav_left_column ul {margin:0; padding:0; color:#757575}
div#nav_left_column ul li {margin:0; padding:0 0 0 10px; border-top:1px solid #d9eaf2; font-size:11px; line-height:32px}
div#nav_left_column ul li.active {margin:0; padding:0 0 0 0; font-size:11px; border-top:1px solid #d9eaf2}
div#nav_left_column ul li ul#subnav_left {margin:0 0 10px 0; padding:10px 10px 0 10px; font-size:11px; border:none!important; list-style:none}
div#nav_left_column ul li ul#subnav_left li {margin:0; padding:0 0 5px 0; font-size:11px; border:none!important; line-height:12px; width:135px; list-style:none;}

/*------------------------------------------------------------------
[3.2 MAIN RIGHT COLUMN / #right_column]-----------------------------
------------------------------------------------------------------*/

div#right_column_wrap {width:210px; background-color:#d9eaf2; margin:0; padding:15px 0; text-align:left} /* RIGHT COLUMN */
div.rhs_wrap {width:193px; /*height:145px;*/ margin:0 0 15px 0; padding:0; border:2px solid white}
div.rhs_img_wrap {width:190px; /*height:96px;*/ margin:0; padding:0}
p.rhs_content {margin:8px 0 0 0; padding:0 0 10px 10px; width:170px; font:11px Agenda,Arial, Helvetica; color:#757575; line-height:15px}  /* ----TBC--- */
.bg_rhs_grey {background-color:#e7ecef}
.bg_rhs_white {background-color:white}

/*footer*/
div#footer_wrap_home {width:770px; border-top:1px solid #EBEBEB; margin:0px 0 0 0; padding:15px 0 0 5px; font-size:9px; color:#929292; background:url(images/bg.footer.jpg) repeat-x top left; height:60px}
div#footer_wrap_home ul#footer_nav {list-style:none; margin:0; padding:0; width:700px}
div#footer_wrap_home ul#footer_nav li {display:inline}
div#footer_wrap_home ul#footer_nav li a {float:left; text-align:left; color:#929292; padding-left:2px; padding-right:6px; margin-left:4px; border-right:1px solid #AAAAAA}
div#footer_rights_home {width:250px; margin:10px 0 0 5px; padding:0 10px 0 0}

div#footer_wrap {width:1005px; border-top:1px solid #EBEBEB; margin:15px 0 0 0; padding:15px 0 0 5px; font-size:9px; color:#929292; background:url(images/bg.footer.jpg) repeat-x top left; height:60px}
div#footer_wrap ul#footer_nav {list-style:none; margin:0; padding:0; width:650px}
div#footer_wrap ul#footer_nav li {display:inline}
div#footer_wrap ul#footer_nav li a {float:left; text-align:left; color:#929292; padding-left:2px; padding-right:6px; margin-left:4px; border-right:1px solid #AAAAAA}
div#footer_rights {width:250px; margin:10px 0 0 5px; padding:0 10px 0 0}
div#footer_rights a{margin:0; padding:0}
.nav_active {font-weight:700!important}
.border_bottom {border-bottom:1px solid #d9eaf2}

.float_left {float:left;text-align:left;}

#content-Layout-merchant {min-width:488px; padding:0; width:auto;z-index:3;}
.nav-left { float:left; display:inline; width:117px; font-size:11px; height:10px}
.nav-left ul {margin:0; padding:0; background-color:#BFDEF0}
.nav-left ul li { padding: 5px 3px 5px 5px; border-bottom: solid 1px #A4CEE8;list-style:none;line-height:17px}
.nav-left ul li a {color:#666666}
.nav-left ul li a.active {color:#fff;}
.nav-left ul li a:hover{color:blue; text-decoration:none}

.nav-left ul ul {margin-left:5px; padding:0; background-color:#BFDEF0}
.nav-left ul ul li { padding: 5px 2px 5px 10px; border-bottom: solid 1px #A4CEE8;list-style:none;line-height:17px}
.nav-left ul ul li a {color:#666666}
.nav-left ul ul li a.active {color:#fff;}
.nav-left ul ul li a:hover{color:blue; text-decoration:none}

#content-Area-merchant {margin-left:10px; float:left }
#content-Area-merchant .menu-right {margin-top:110px; padding:0; width:729px}
#content-Area-merchant .menu-right h3, #content-Area-merchant .menu-right h4 {background-color:#1B4E38;border-bottom:1px solid #FFFFFF;color:#FFFFFF;
font-size:11px; height:auto;line-height:18px;margin:0 0 5px;padding:0 10px;text-transform:uppercase;}
.navright {width:117px; height:auto; float:left;display:inline; margin:0 0 0 5px; padding:0}
.navright img{border:1px solid #000; margin-bottom:5px}
.header-middle {float:left; display:inline; width:729px !important; overflow:hidden;}

#content-Layout-inside {min-width:488px; padding:0; width:auto;z-index:3;}
div#content-Area-inside-card { font-family:Agenda,Arial, Helvetica; margin-left:126px; width:846px; height:460px; text-align:center; background:transparent url(images/Cardmember_Offers_Banner_Img.jpg) no-repeat scroll 1px top; }
div#content-Area-inside-merchant { font-family:Agenda,Arial, Helvetica; margin-left:126px; width:846px; height:460px; text-align:center; background:transparent url(images/background-merchant1.jpg) no-repeat scroll 1px top; }
div#content-Area-inside-learn { font-family:Agenda,Arial, Helvetica; margin-left:126px; width:846px; height:460px; text-align:center; background:transparent url(images/background-merchant2.jpg) no-repeat scroll 1px top; }
div#content-Area-inside-profitmore { font-family:Agenda,Arial, Helvetica; margin-left:126px; width:846px; height:460px; text-align:center; background:transparent url(images/background-profitmore.jpg) no-repeat scroll 1px top; }
div#content-Area-inside-corporate {font-family:Agenda,Arial, Helvetica; margin-left:126px; width:846px; height:460px; text-align:center; background:transparent url(images/background-corporate.jpg) no-repeat scroll 1px top; }
#content-Area-inside {margin-left:126px; }
#content-Area-inside .menu-right {margin-top:12px; padding:0;}
#content-Area-inside .menu-right h3, #content-Area-merchant .menu-right h4 {background-color:#1B4E38;border-bottom:1px solid #FFFFFF;color:#FFFFFF;
font-size:11px; height:auto;line-height:18px;margin:0 0 5px;padding:0 10px;text-transform:uppercase;}

#content-Area h3, #content-Area h4 {background-color:#1B4E38;border-bottom:1px solid #FFFFFF;color:#FFFFFF;}

table {border-collapse:collapse;border-spacing:0;}
table.tbl-content {font-family:Agenda,Arial, Helvetica; font-size:11px;}
table.tbl-content th {background-color:#333333; color:#fff; font-family:Agenda,Arial, Helvetica; padding:4px;text-align:left;vertical-align:top;}
tr.zebra { background:#F1F1F1 none repeat scroll 0 0}
.tbl-content td {border-bottom:1px solid #E0E0E0; padding:4px; vertical-align:top !important;}

/*platinum*/
div#nav-platinum {background:#CCCCCC none repeat scroll 0 0; height:20px; float:left;margin:0 0 0 116px;padding:0;width:889px;}
div#nav-platinum ul#nav_level2 {margin:0; padding:0; list-style:none}
div#nav-platinum ul#nav_level2 li {display:inline; float:left; margin:0; padding:0; font-size:11px; border-right: 1px #fff solid;}
div#nav-platinum ul#nav_level2 li:hover {background: #fff;}
div#nav-platinum ul#nav_level2 li#nav_level2CurrentItem{display:block; float:left; color:#006699; padding:0px; background:white; text-decoration:none}
div#nav-platinum ul#nav_level2 li a {display:block; float:left; color:#333333; padding:3px}

.BoxPaneOrange {background-color:#FEE9CC; padding:0 0 5px 0}
.BoxPaneOrange h3, .BoxPaneOrange h4 {background:#103349}
.BoxPaneBlue { background-color:#D0D0E8; padding:0 0 5px 0}
.BoxPaneBlue h3, .BoxPaneBlue h4 {background:#FCB85B}
.BoxPaneBlue-cs { background-color:#D0D0E8; height:100px; padding:0 0 5px 0}
.BoxPaneBlue-cs h3, .BoxPaneBlue-cs h4 {background:#FCB85B}
.BoxPaneBlue-sm { background-color:#D0D0E8; height:250px; padding:0 0 5px 0}
.BoxPaneBlue-sm h3, .BoxPaneBlue-sm h4 {background:#FCB85B}
.BoxPaneGrey { background-color:#ccc; padding:0 0 5px 0}
.BoxPaneGrey h3, .BoxPaneGrey h4 {background:#666666}


.login_link{color:#fff}
.BoxPlatinum1 {width:470px; margin:10px 5px; padding:0; float:left; height:180px; }
.BoxPlatinum-middle {width:230px;margin:0; padding:0; float:left; height:160px; margin:0px 5px 10px 5px; background-color:#fff;}

div#content-footer{background:transparent url(images/bg.content.footer.jpg) no-repeat scroll 1px top; height:13px; width:596px;}

/*cardMemberOffer*/
.header-content {z-index:3; text-align:left; padding:10px 20px; height:50px; width:740px;margin:0 auto;}
.menu-content {z-index:3; text-align:left; height:361px; width:740px; margin:0 auto; padding:15px;}
div.transbox1{z-index:4; width:350px; height:auto; float:left; display:inline; margin:0 10px 10px 10px;}

.transbox-top {height:5px; padding:0; background:transparent url(images/transbox-top.png) no-repeat scroll 0 0;display:block;margin:0;width:350px;}
.transbox-content {background:transparent url(images/transbox-content.png) repeat-y scroll 0 0;
display:block;
height:160px;
margin:0;
padding:2px 10px 5px 10px;
width:330px;}
.transbox-bottom {height:5px;background:transparent url(images/transbox-bottom.png) no-repeat scroll 0 0;display:block;margin:0;width:350px;}
.header-transbox-top {height:5px;background:transparent url(images/header-transbox-top.png) no-repeat scroll 0 0;display:block;margin:0;width:740px;}
.header-transbox-content {background:transparent url(images/header-transbox-content.png) repeat-y scroll 0 0;
display:block;
height:auto;
margin:0;
padding:2px 10px 5px 10px;
width:720px;}
.transbox-content h3, .transbox-content h4, .header-transbox-content h4 , .header-transbox-content h3{padding:2px; margin:0 0 5px 0;font-weight:bold;background:#ccc; color:#FFF; font-family:Agenda,Arial, Helvetica;}
.header-transbox-bottom {height:5px;background:transparent url(images/header-transbox-bottom.png) no-repeat scroll 0 0;display:block;margin:0;width:740px;}
.transbox-platinum {width:210px; height:60px; margin:0; padding:10px; z-index:3; background:transparent url(images/transbox-platinum.png) repeat-x scroll 0 0; color:#fff}
.transbox-platinum a{color:#fff}
.transbox-platinum a:hover{color:blue; text-decoration:underline;}
.transbox-platinum-card {width:450px; height:160px; margin:0; padding:10px; z-index:3; background:#ccc; color:#fff}
.transbox-platinum h4 {background:#999999; font-weight:bold; padding:3px; margin:0; color:#fff}

.TitleContent {margin:10px 0 10px 0; padding:0;}

.ContentPlatinumLeft{float:left; display:inline; width:447px; margin:14px 0 10px 5px; padding:0}
.ContentPlatinumImage {width:230px; margin:10px 10px 10px 0; float:right; display:inline; overflow:hidden;}

.header-transbox-top-corporate {height:5px;background:transparent url(images/header-corporate-top.png) no-repeat scroll 0 0;display:block;margin:0;width:740px;}
.header-transbox-content-corporate {background:transparent url(images/header-corporate-content.png) repeat-y scroll 0 0;
display:block;
height:auto;
margin:0;
padding:2px 10px 5px 10px;
width:720px;}
.header-transbox-bottom-corporate {height:5px;background:transparent url(images/header-corporate-bottom.png) no-repeat scroll 0 0;display:block;margin:0;width:740px;}

.content-member{margin:0; padding:0;}
ul.arrows li{ background:url(../../../../images/action_right.gif) no-repeat scroll 0 7px ;}

/*list moreprivillage*/
ul.more {margin:0; padding:0;}
ul.more li p.image-more{ float:left; display:inline; margin-right:10px}
ul.more li p.image-more img{ width:94px; height:88px}
ul.more li p.text{  border-bottom:1px solid #BBE0E3; height:87px;margin-left:105px;}
ul.more li{ list-style:none; padding:10px;}
div#border-more { margin: 10px 0 0 0; padding:0; border:1px solid #BBE0E3;}

/*list bonus*/
ul.bonus {margin:0; padding:0;}
ul.bonus li p.image-bonus{ float:left; display:inline; margin-right:10px}
ul.bonus li p.image-bonus img{ width:114px; height:131px}
ul.bonus li p.text{  border-bottom:1px solid #3399FF; height:130px;margin-left:125px; background:url(../../../0/bonus-right.jpg) no-repeat scroll 550px 85px; padding:0;}
ul.bonus li{ list-style:none; padding:10px;}
div#border-bonus { margin: 10px 0 0 0; padding:0; border:1px solid #3399FF;}