/**************************************
*
* Reset default styles and add clearfix
*
***************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-weight:inherit;font-style:inherit;font-size:1em;font-family:inherit;vertical-align:baseline;margin:0;padding:0}body{font-size:16px;color:#000;background:transparent}ol{list-style:decimal outside}ul{list-style:none outside}table{border-collapse:collapse;border-spacing:0;font-size:inherit}caption,th,td{text-align:center;}fieldset,img{border:0}a img,:link img,:visited img{border:none}blockquote:before,blockquote:after,q:before,q:after{content:""}address{font-style:normal}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%}sup{vertical-align:text-top}sub{vertical-align:text-bottom}:link,:visited,del,ins{text-decoration:none}.clearfix:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix{display:inline-block;} html[xmlns] .clearfix{display:block;} * html .clearfix{height:1%;}
/**************************************
*
* Page Styles Below
* Author: jsmartfo (james j smart-foster) || skatur1 (sashikanth k katuri)
* Date: 16-March-2010
*
**************************************/
body{
  background:#DADADA none repeat scroll 0 0;
  font-family:'arial',Times New Roman,Times,serif;
  font-size: 16px;
} 
#wrapper{
  width: 995px;
  margin: 10px auto 0;
}
#wrapper #mainContent{  
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bgMainContent3Col.jpg") repeat-y scroll 0 0;
  float:left;
  margin:0 2px 20px 10px;
  padding:10px 0 0;
  width:820px;
}
#wrapper #leftNav{
  display:block;
  float:left;
  width:150px;
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bgMenuLeftCol.jpg") no-repeat scroll right bottom;
  padding:0 0 300px;
  margin-left:10px;
}
#wrapper div.foot{
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bgMainContent.jpg") no-repeat scroll center bottom;
  float:left;
  height:5px;
  width:815px;
}
#wrapper #mainContent #content{
  padding:0px 5px 15px 15px; 
}
.innerRightRail{
  margin:0px 0 20px 14px;
  overflow:hidden;
  word-wrap: break-word;
  padding:0;
  width:32%;
  display: none;
}
.innerRightRail div.head{
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/img-mod-top.gif") no-repeat scroll left top;  
  height: 10px;
}
.innerRightRail div.rr-content{
  background:#fff url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/img-mod-middle-1px.gif") repeat-y scroll 0 0;
  padding:0 20px 0 12px;
}
.innerRightRail div.bottom{
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/img-mod-bot.gif") no-repeat scroll left bottom;
  padding:4px 0 15px;
}
.innerRightRail div.rightRailBox{
  margin-bottom: 15px;
}
.innerRightRail .rr-content object{
  padding: 0;
}
.innerRightRail .rr-content h2 img{
  margin: -9px 0 0 -11px;
}
#externalRightRail{
  padding:0;
  width:155px; 
  float:left;
  margin:0;
  padding:0;
}
#externalRightRail div.rightRailBox{
  border:1px solid #BEBEBE;
  background-color: #fff;
  display:block;
  margin:0 0 20px;
  padding:10px;
  width:130px;  
}
#externalRightRail div.rightRailBox p{
  font-size: 70%;
  padding:0 2px;
}
#externalRightRail div.rightRailBox p a{
  color:#16699D;
  font-family:'Georgia',Times New Roman,Times,serif;
  border-bottom: 1px solid #16699D;
  padding: 0;
}
#externalRightRail div.rightRailBox h3{
  color:#494441;
  display:block;
  font-family:'arial',Times New Roman,Times,serif;
  font-size:70%;
  font-weight: bold;
  margin:0;
  padding:0px 0 7px;
  text-align:center;
}
#externalRightRail div.rightRailBox div.moduleLoginContent{
  text-align:center;
  color:#666666;
}

/**************************************
*
* PAGE - Change class on wrapper parent switch styles
*
***************************************/

/***** [LAYOUT-1] normal page, left-navigation, NO-right rail, NO-tabs || [LAYOUT-4]  same as layout 1 but tabbed *****/
#wrapper.layout-1 #leftNav, #wrapper.layout-4 #leftNav {display: none;}
#wrapper.layout-1 #header .bannerTextContent, #wrapper.layout-4 #header .bannerTextContent{width:55%;}
#wrapper.layout-1 #content ul.tab-headers {display: none;}
#wrapper.layout-4 #content ul.tab-headers {display: block;}

/***** [LAYOUT-2] normal page, NO-left-navigation, right rail, NO-tabs || [LAYOUT-5]  same as layout 2 but tabbed   *****/
#wrapper.layout-2 #leftNav, #wrapper.layout-5 #leftNav {display: block;}
#wrapper.layout-2 #externalRightRail, #wrapper.layout-5 #externalRightRail {display: none;} 
#wrapper.layout-2 #header .bannerTextContent, #wrapper.layout-5 #header .bannerTextContent{width:55%;}
#wrapper.layout-2 #content ul.tab-headers {display: none;}
#wrapper.layout-5 #content ul.tab-headers {display: block;}

/***** [LAYOUT-3] wide page, NO-left-navigation, NO-right rail, NO-tabs || [LAYOUT-6]  same as layout 3 but tabbed || [LAYOUT-8] same as 7 but wide and without navigation  *****/
#wrapper.layout-3 #leftNav, #wrapper.layout-6 #leftNav, #wrapper.layout-8 #leftNav  {display: none;}
#wrapper.layout-3 #externalRightRail, #wrapper.layout-6 #externalRightRail, #wrapper.layout-8 #externalRightRail {display: none;} 
#wrapper.layout-3 div.headerMain, #wrapper.layout-6 div.headerMain, #wrapper.layout-8 div.headerMain{width:940px;}
#wrapper.layout-3 #header .bannerTextContent, #wrapper.layout-6 #header .bannerTextContent{width:60%;}
#wrapper.layout-3, #wrapper.layout-6, #wrapper.layout-8 {margin: 10px auto 0;}
#wrapper.layout-3 #mainContent, #wrapper.layout-6 #mainContent, #wrapper.layout-8 #mainContent {background: transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bgMain.jpg") repeat-y scroll top right; width: 975px;}
#wrapper.layout-3 div.foot, #wrapper.layout-6 div.foot, #wrapper.layout-8 div.foot {width: 973px;}
#wrapper.layout-3 #content ul.tab-headers, #wrapper.layout-8 #content ul.tab-headers {display: none;}
#wrapper.layout-6 #content ul.tab-headers {display: block;}

/***** [LAYOUT-3, LAYOUT-6 FIX WIDTH] *****/
#wrapper.layout-3 div.tab .innerRightRail, #wrapper.layout-6 div.tab .innerRightRail, #wrapper.layout-8 div.tab .innerRightRail {width: 26%;}
#wrapper.layout-3 div.tab .content, #wrapper.layout-6 div.tab .content, #wrapper.layout-8 div.tab .content {width: 70%; float: left;}

/***** [LAYOUT-7] *****/
#wrapper.layout-7 #leftNav {display: block;}
#wrapper.layout-7 #content ul.tab-headers {display: none;}
#wrapper.layout-7 #externalRightRail {display: none;}
#wrapper.layout-7 #header #bannerContent, #wrapper.layout-8 #header #bannerContent{background: #035696 url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-hero-blue120.gif") repeat-x;}
#wrapper.layout-7 strong, #wrapper.layout-7 b, #wrapper.layout-8 strong, #wrapper.layout-8 b {color:#888166;font-weight: normal;}

/**************************************
*
* CONTENT/TAB - Change class on wrapper parent switch styles
*
***************************************/

/***** [LAYOUT-1] 100% floatingBoxes, innerRightRail || [LAYOUT-4] same as layout 1 but NO-innerRightRail *****/
#content div.layout-1 .floatingBox, #content div.layout-4 .floatingBox{width: 95%; padding: 0px 15px 0px 0px;}
#content div.layout-1 .innerRightRail{display: block;}
#content div.layout-1 .content {width: 65%; float: left;}
#content div.layout-4 .innerRightRail{display: none;}
#content div.layout-4 .content {width: 95% !important; float: left;}
#content div.layout-1 .floatingBox h2, #content div.layout-4 .floatingBox h2 {height: 20px !important;}
#content div.layout-1 .floatingBox h2, #content div.layout-4 .floatingBox h2 {background:url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/img-3col2row-line.gif") no-repeat scroll left bottom transparent;}

/***** [LAYOUT-2] 50% floatingBoxes, innerRightRail || [LAYOUT-5] same as layout 2 but NO-innerRightRail *****/
#content div.layout-2 .floatingBox, #content div.layout-5 .floatingBox{width: 46%; padding: 0px 15px 0px 0px;}
#content div.layout-2 .innerRightRail{display: block;}
#content div.layout-2 .content {width: 65%; float: left;}
#content div.layout-5 .innerRightRail{display: none;}
#content div.layout-5 .content {width: 95% !important; float: left;}
#content div.layout-5 .floatingBox h2 {height: 20px !important;}

/***** [LAYOUT-3] 30% floatingBoxes, innerRightRail || [LAYOUT-6] same as layout 3 but NO-innerRightRail *****/
#content div.layout-3 .floatingBox, #content div.layout-6 .floatingBox{width: 30%; padding: 0px 15px 0px 0px;}
#content div.layout-3 .innerRightRail{display: block;}
#content div.layout-3 .content {width: 65%; float: left;}
#content div.layout-6 .innerRightRail{display: none;}
#content div.layout-6 .content {width: 95% !important; float: left;}

/***** [FLOATONG BOX EXTENDERS] *****/
div#wrapper.layout-3 #content div.layout-3 .floatingBox, div#wrapper.layout-3 #content div.layout-6 .floatingBox, div#wrapper.layout-6 #content div.layout-3 .floatingBox, div#wrapper.layout-6 #content div.layout-6 .floatingBox {width: 31%;}

/***** [DEFAULT COLUMN SPLITTER] *****/
div.col-breaker-two, div.col-breaker-three {display: none !important;}
#content div.layout-2 div.col-breaker-two, #content div.layout-5 div.col-breaker-two {width: 100%; display: block !important;}
#content div.layout-3 div.col-breaker-three, #content div.layout-6 div.col-breaker-three {width: 100%; display: block !important; }

/**************************************
*
* Header content styles, paragraphs and buttons
*
***************************************/
#header{}
#header div.headerMain{
  background: #FFFFFF url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-border-rt.gif") right top repeat-y;            
  padding: 0 4px 0 4px;        
  position:relative;
}
#header div.headerMain .TopCornerLeft{
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-border-top-rt.gif") no-repeat;                
  position:absolute;
  right:0;
  top:0;
  width:15px;
  height:10px; 
}
div.headerMain{
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-border-rt.gif") right top repeat-y;            
  padding: 0 4px 0 4px;        
  margin:0 0 0 10px;
  position:relative;
  width:790px;    
}
#header div.headerMainContent{
  border-top:1px #bebebe solid;
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-border-lt.gif") left top repeat-y;            
}
#header div.headerMainContent .headerContent{    
  padding:10px 10px 0 10px;
  overflow:hidden;
}
#header div.headerMain .headerBottom{
  margin:0 1px 0 0;
  padding:0;
  height:15px;    
  position:relative;       
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-border-bot.gif") repeat-x;
}
#header div.headerMain div.BottomCornerRight{
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-border-bot-rt.gif") no-repeat;                
  position:absolute;
  right:0;
  bottom:0;
  width:10px;
  height:15px; 
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
#header div.headerMain div.BottomCornerLeft{
  background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-border-bot-lt.gif") no-repeat;                
  position:absolute;
  left:0;
  bottom:0;
  width:10px;
  height:15px;        
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
#header #bannerContent{
  background: #035696 url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/bg-hero-blue209.gif") repeat-x;
}
#header .bannerTextContent{
  float: left;
  padding:25px 0 0 30px;
}
#header #bannerContent a{
  float: right;
}  
#header h1 img{
  margin:-25px 0 0 -30px;
  padding:0;
}
/*#header h1 span, h2 span{
  position: absolute;
  left: -999em;  
}*/
#header h1 {
  color:#FFFFFF;
  font-family:'Georgia',Times New Roman,Times,serif;
  font-size:240%;
  margin:0;
  font-weight:normal;
}
#header p {
  color:#D8D3B6;
  display:block;
  float:left;
  font-family:'Arial',Times New Roman,Times,serif;
  font-size:75%;
  margin:0;
  text-transform:uppercase;
}
#header #bannerContent img.clearfix {float:right;}
#header #bannerContent .bannerTextContent img.clearfix {float:none;}
#content p, div#popup p{
  color:#666666;
  font-family:'arial',Times New Roman,Times,serif;
  font-size:75%;
  margin:0;
  padding:0;
  clear:both; 
  line-height:1.4em;
}
.innerRightRail a, #content a, div#popup a {
  color:#16699D;
  text-decoration:none;
}
#content p a.readMore, #content p a.exploreToolsLinkSmall, #content .copy ul.links li, div#popup p a.readMore, div#popup ul.links li{
  background: transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/img-arrow.gif") no-repeat scroll left 8px;
  font-family:'georgia',Times New Roman,Times,serif;
  border: none;
}
#content .copy ul, div#popup ul{
  list-style-type: disc;
  margin: 0px 0px 0px 15px;
  padding-top: 2px;
  color: #666;
  font-size: 75%;
}
#content .copy ul li, div#popup ul li{
  padding: 4px 0px;
}
#content .copy ul.links li, div#popup ul.links li{
  margin-left: -13px;
  padding-left: 15px;
  list-style-type: none;
}
#content p a.exploreToolsLinkSmall{
  padding: 4px 0 4px 12px;
}
#content p a.readMore, div#popup p a.readMore{
  padding:3px 0 0 15px;
  line-height:1.9em;
}
#content h3{
  font-size: 75%;
  font-weight: bold;
  color: #3B3B3B;
}
#content div.copy{
  background-color:#fff;
  margin: 8px 0px;
}
#content div.rr-content div.copy {margin: 0;} /* reset the above */
#content div.copy img{
  margin: 6px 0px 2px 0px;
}
#content .floatingBoxes{
  margin-top: 20px;
}
#content .floatingBox h2, div#popup-content h2{
  background:url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/img-2col2row-line.gif") no-repeat scroll left bottom transparent;
  color:#16699D;
  display:block;
  font-family:'Georgia',Times New Roman,Times,serif;
  font-size:113%;
  font-weight:bold;
  height:40px;
  line-height:1.1em;
  padding-bottom:3px;
  position:relative;
  /*height:25px;background:transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/img-2col2row-line.gif") no-repeat scroll 0 100%;*/
}
div#popup-content h2{ 
  height: 20px;
  margin-bottom: 10px;
}
#content .floatingBox h2 span{
  bottom:5px;
  display:block;
  position:absolute;
}
strong, b{
  font-weight: bold;
}
.innerRightRail h2{
  color:#888166;
  font-family:Arial,Helvetica,sans-serif;
  font-size:94%;
  font-weight:bold;
  line-height:normal;
  margin:0px 0 2px;
  padding:0;
  text-transform:uppercase;
}
#content p a, div#popup p a {font-family:Arial,Helvetica,sans-serif;}
#content p a.exploreToolsLinkSmall{
  font-size: 90%;
}
.floatingBox{
  float: left;
  margin-bottom: 15px;
  width: 100%;
  background-color:#fff;
}
#content .floatingBoxes .floatingBox object{
  margin-top: 10px;
}
#content a.back-to-top-link{
  font-size: 75%;
  float: right;
  display: none;
  border-bottom: 1px solid #16699D;
}
a.button, a.button-secondary, a.button-inactive{
  font-family:'Arial',Helvetica,sans-serif;
  font-size: 75% !important;
  font-weight:bold;
  color: #fff;
  text-transform: uppercase;
  background: transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/button.gif") no-repeat scroll 100% -147px;
  cursor:pointer;
  float:left;
  padding:0 15px 0 0;
  text-align:center;
  width:auto;
  margin-top:5px;
}
a.button span, a.button-secondary span, a.button-inactive span{
  background: transparent url("https://www.americanexpress.com/content/dam/amex/us/staticassets/images/sharedDotCom/img/template-openflexi/button.gif") no-repeat scroll 0px 0px;
  display:block;
  padding:2px 0 10px 10px; /* this controls spacing of text within button */
  position:relative;
  white-space:nowrap;
  color: #fff;
}
a.button:hover {
    background-position: 100% -182px;
}
a.button:hover span{
    background-position: 0 -35px;
    color: #696B73;
}
a.button-secondary{
  background-position: 100% -217px;
}
a.button-secondary span {
  background-position: 0 -71px;
  color: #565656;
}
a.button-inactive{
  background-position: 100% -252px;
}
a.button-inactive span {
  background-position: 0px -108px;
}
p a.button, p a.button-secondary, p a.button-inactive{
  font-size: 100% !important;
  line-height: normal;
}
div.rightRailBox a#login{margin-left:36px;}
div.float-right {
  float: right;
}

/*******************************
*
* tabs
*
*******************************/
#content{
  padding-top: 10px;
}
#content .tab-content div.tab{
  border-top:1px solid #CECDD1;
  margin-top:10px;
}
#content .tab .content{
  padding: 10px 10px 20px 10px;
}
#content ul.tab-headers {
  background-color: #DADADA;
  padding-left: 20px;
  width: 96%;
  margin-top:10px;
}
#content ul.tab-headers li {
  list-style-type: none;
  float: left;
  text-align: center;
  margin: 25px 0px 0px 5px;
}
#content ul.tab-headers li a {
/* This block is commented to make tab headers with square corner in all the browsers
  -webkit-border-top-left-radius:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; border-top-right-radius:4px;*/
  background-color: #5E5E5E;
  border-bottom:none;
  display:block;
  text-decoration:none;
  color: #fff;
  font-family:"Georgia",Arial,Helvetica,sans-serif;
  font-size:80%;
  padding: 0px;
}
#content ul.tab-headers li a:hover{
  background-color: #C2C2C2;
  color:#3E3E3E;
}
#content ul.tab-headers li a.active {
  background-color: #fff;
  color: #3A3A3A;
  background-position: 0px -29px;
}
#content ul.tab-headers li a span {
  padding: 5px 10px; /* controls spacing within tab */
  display: block;
}
#content ul.tab-headers li a.active span {}
#content div.tab{margin-top: 15px;}
.screenHelper{
  left:-2500px;
  position:absolute;
}
/************************************
* 
* layer / popup
*
************************************/
div#popup{
    display: none;
}
div#layer {
    background-color:#000000;
    opacity:0.4;
    filter:Alpha(Opacity=40);
}
div#popup:focus {
    outline:none;
}
div.popup {
    border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#fff;
    padding:5px 10px;
    border:2px solid #666;
    display: block !important;
}
div.popup-header {
    text-align:right;
    height:22px;
    margin-top:5px;
}
div.loadicon {
    padding-top:75px;
    text-align:center;
}
div#popup-content {
    overflow:auto;
}
/* Layer / Popup Required Styles */
html, body {
    /* IE6 fix */
    _height:100%;
}
div#layer {
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    /*
     * Changed for topnav and footer issue
     * z-index:6001;*/
    z-index:99999;
    display:none;
}
div.popup {
    -moz-border-radius:10px;
    position:fixed;
    /*
     * Changed for topnav and footer issue
     * z-index:6002;*/
    z-index:999999;
}
div.helperButtonsBottom a{
    margin: 5px 5px 0px 0px;
}
div#popup-content{display: none;}
object.popupObject {
  border: none;
  overflow-x: none;
  overflow-y: none;
  overflow:hidden;
}
/**************************************
*
* IE6, IE7 hacks and broken IE7 hack
*
***************************************/
body.ie6 #wrapper {width: 1002px;}
body.ie6 #wrapper.layout-2 div.foot, body.ie6 #wrapper.layout-5 div.foot {position: relative; top: -36px;}
body.ie6 #content .floatingBoxes{margin-top: 30px;}
body.ie6 #bannerContent {margin-bottom: -3px;}
body.ie6 #header div.headerMain div.BottomCornerLeft{bottom: -1px;}
body.ie6 #header div.headerMain div.BottomCornerRight{bottom: -1px;right: -1px;}
body.ie6 #layer{position: absolute;}
body.ie6 .innerRightRail div.rr-content{margin-top: -4px; padding-left: 12px; background-color: transparent;}
body.ie6 .innerRightRail ul.links li, body.ie6 #content .floatingBox ul.links li, div#popup ul.links li{background-position: left 11px;}
body.ie7 .innerRightRail ul.links li, body.ie7 #content .floatingBox ul.links li, div#popup ul.links li{ background-position: left 11px;}
body.ie7 .innerRightRail div.rr-content{ padding:0 11px 0; width: 220px;}
body.ie6.ie7 #wrapper.layout-2 div.foot, body.ie6.ie7 #wrapper.layout-5 div.foot {position: relative; top: 0px;}

/****************************************
*
* Added to resolve topnav and footer issue
*
******************************************/

div#iNav_header_container {
  background-color: #fff;
}