/*------------------------------------------------------------------

[Secondary Stylesheet]

Project:		American Express
Version:		1.1
Last change:	05/05/08 [Round Corner Bug fixed]
Assigned to:	Yannick Stroobants - Ogilvy Interactive Belgium
Primary use:	SCREEN-WRAPPER

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. WRAPPER / #wrapper]
*/
div#wrapper {width:1005px; height:auto; margin:0; padding:0; background-color:#FFFFFF}

/*------------------------------------------------------------------
[2. HEADER / #header]
*/
div#header {width:100%; height:auto; margin:0 0 1px 0; padding:0; float:left; background:#FFFFFF url(../images/bg.topNav.jpg) repeat-x 0 0}
	div#logo_amex {width:83px; height:87px; margin:0; padding:0; float:left}
	div#logo_amex img {position:relative; left:0; top:15px}

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

div#nav_top_wrap {width:850px; height:16px; margin:0; padding:1px 0 0 120px; 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#nav_top {margin:0; padding:0; float:left; height:20px; list-style:none}
	div#nav_top_wrap ul#nav_top li {height:20px; padding:0; margin:0 10px 0 0; display:inline; float:left; color:#FFFFFF; font-size:.85em; line-height:17px}
	div#nav_top_wrap ul#nav_top li.active {background:white url(../images/navtop_bg_tab.jpg) repeat-x top left; } 
	div#nav_top_wrap ul#nav_top li.active a {color:#004162; text-decoration:none}
	div#nav_top_wrap ul#nav_top li a {color:#FFFFFF; display:block; float:left}

	
	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}
	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_blue {border-left:1px solid #2ea3e5}
	
/*	div#nav_top_wrap ul#nav_top li.active {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; padding:0 120px 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}

/*------------------------------------------------------------------
[2.2 HEADER NAV-MAIN-WRAP / #nav_main_wrap]-------------------------
------------------------------------------------------------------*/

/*-[2.2.1 HEADER NAV-TOOLS / #nav_tools]-*/

/*div#wrapper div#nav_main_wrap {height:auto; margin:0; padding:0}
div#wrapper div#nav_main_wrap div#nav_tools {margin:0; padding:0}*/

/*-[2.2.2 HEADER TOOLS / #tools]-*/

div#tools {width:910px; margin:0; padding:0}
div#tools ul {list-style:none; margin:4px 15px 0 0; padding:0}
div#tools ul li {display:inline; color:#666; font-size:.85em; 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}

/*-[2.2.3 HEADER NAV LEVEL1 / #nav_level1_wrap]-*/

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}
div#nav_level1_wrap ul#nav_level1 a {display:block; float:left; color:#333333; padding:4px}
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 a.active {color:#003A61; text-decoration:none; background-color:#DBE9F4}
div#nav_level1_wrap ul#nav_level1 a.active: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 a.active {display:block; float:left; color:#006699; padding:5px; 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; 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:1005px; margin:0; padding:0}
div#content_wrap {width:760px; margin:15px 0 0 7px; 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:700}
div#nav_left_column h2 a:link, a:visited, div#nav_left_column ul li ul#subnav_left a:link, div#nav_left_column ul li ul#subnav_left:visited {color:#757575; text-decoration:none}
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 10px; font-size:11px; border-top:1px solid #d9eaf2}
div#nav_left_column ul li ul#subnav_left {margin:0 0 10px 0; padding:0; 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 5px; font-size:11px; border:none!important; line-height:12px; width:135px}

/*------------------------------------------------------------------
[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:190px; height:140px; 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 0 10px; width:170px; font-size:12px; line-height:15px} /* ----TBC--- */
.bg_rhs_grey {background-color:#e7ecef}


/*------------------------------------------------------------------
[4 FOOTER / #footer_wrap]-------------------------------------------
------------------------------------------------------------------*/

div#footer_wrap {width:800px; margin:0; padding:15px 0 0 5px; font-size:11px; color:#929292; height:60px}
div#footer_wrap ul#footer_nav {list-style:none; margin:0; padding:0; width:800px}
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 #ffffff}
div#footer_rights {width:300px; margin:0; padding:0 10px 0 0; margin-top: -30px;}





html, body {margin:0; padding:0; border:0; outline:0; font:400 .9em Arial, Helvetica, sans-serif; vertical-align: baseline}



html {
	margin:0;
	padding:0;	
	/*width:100%;*/
	height:100%;
	
}

body {
	margin:0px 0 0 0;
	padding:0;	
	width:100%;
	/*height:100%;*/
	background-image:url(../images/page-BG.gif); 
	background-repeat:repeat-y;
}


/*Page Container*/
#PageContainer {
	float:left;
	width:100%;
	height:100%;
}



/* Top Navigation */

#TopNavigationContainer {
	/*float:left;*/
	/*width:100%;*/
	height:14px;
	padding:0 0 0 114px;	
}

#TopNavigation {
	float:left;
	/*width:629px;*/
	height:18px;
	padding:0;
}

#TopNavBg {
	/*float:left;*/
	/*width:100%;*/
	height:18px;
	background-color:#408ada;
}

.NavBlock {
	float:left;
	height:18px;
}

.topnav {
	float:left;
}


/* Top Section */

#TopSectionContainer {
	float:left;
	/*width:100%;*/
	height:50px;
	clear:both;	
	padding:6px 0 0 0;
}

#topleft {
	float:left;
	width:114px;
	height:50px;	
}

#topright {
	float:right;
	width:320px;
	height:20px;	
	margin:26px 0 0 0;	
}

#topcentre {
	float:left;
	width:380px;
	height:1px;	
	margin:0 0 0 0;
}

.logo {
	float:left;
	margin:4px 0 0 16px;
	border:0;	
}

.heading {
	float:left;
}

/* LeftNav */


#LeftArea {
	float:left;
	width:115px;
	height:100%;
	background-color:#cccccc;
}

#LeftNav {
	float:left;
	height:100%;
	background-color:#cccccc;	
}

.LeftNavBlockLevel2 {
	float:left;
	width:115px;
	clear:both;
	border-bottom:1px #fff solid;
}

.LeftNavBlockLevel1 {
	float:left;
	width:115px;
	clear:both;
	background-color:#999999;
	border-bottom:1px #fff solid;
}


/*Right Area */

#RightArea {
	float:right;
	width:165px;
	height:100%;
}


/* Content */

#ContentContainer {
	float:left;
	width:900px;
	height:100%; 
	/*background-image:url(../images/page-BG.gif); 
	background-repeat:repeat-y;*/
}

#Margin {
	float:left;
	width:8px;
}


#ContentArea {
	float:left;
	/*width:736px;*/
	margin:8px 0 0 0px;
}

* html #ContentArea {
	margin:8px 0 0 0px;
}

#ContentFeature {
	float:left;
	background-image:url(../images/feature_bg.gif);
	background-repeat: repeat-y;
	width:730px;
	height:100%;		
}

#SecondaryNavContainer {
	/*float:left;*/
	/*width:100%;*/
	padding:12px 0 0 115px;		
}

#SecondaryNavBg {
	float:left;
	width:100%;
	background-color:#cccccc;
}

#SecondaryNav {
	float:left;
	/*width:910px;*/
}

.SecondaryNavBlock {
	float:left;
	border-right:1px #fff solid;
	text-align:center;
	vertical-align:middle;
}

.header_tl {
	float:left;	
}

.header_tr {
	float:left;
}

#ContentMain /* used for main content*/{
	float:left;
	width:447px;
	height:100%;
	padding:0 0 0 18px;
	font-family:arial, verdana, helvetica;
	font-size:0.9em;	
	color:#363636;
	margin:14px 0 10px 0;
}

#ContentMain A.link_regular, div.moreLinks A{color:#A0A0A0}
#ContentMain A:hover.link_regular, div.moreLinks A:hover{text-decoration:none}

#ContentMain_Alt /* used for main content on travel pages a- */{
	float:left;
	width:341px;
	height:100%;
	padding:0 0 0 18px;
	font-family:arial, verdana, helvetica;
	font-size:0.9em;	
	color:#363636;
	margin:14px 0 10px 0;
}

#ContentMainBtm {
	float:left;
	width:500px;
	height:100%;
	padding:0;
}

.MainImg {
	float:right;
	margin:10px;
}

.MainImg_Alt {
	float:right;
	margin:10px 10px 10px 2px;
}


#ContentBtm {
	float:left;
	width:730px;
	height:20px;
}

#ContentBtnBlock {
	float:left;
	background-color:#bababa;
	width:697px;
	height:20px;
}

.ContentBtm_lc {
	float:left;
	height:20px;
}

.ContentBtm_rc {
	float:left;
	height:20px;
}

.arrow {
	float:left;
	padding:8px 12px 0 0;
}

/* Right Area */

#RightBox {
	float:left;
	border:1px #cccccc solid;
	width:106px;
	height:115px;
	margin:8px 0 0 0;
	padding:4px 2px 4px 10px;
	font-family:arial, verdana, helvetica;
	font-size:0.7em;	
	color:#363636;	
}

/* Link styles */

a.link_secondary_nav {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:none;
	color:#363636;
	padding:0 5px 0 5px;
	border-top:1px #ccc solid;
}

a:hover.link_secondary_nav {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:none;
	color:#363636;
	background-color:#ffffff;
	padding:0 5px 0 5px;
	border-top:1px #ccc solid;
}

a:active.link_secondary_nav {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:none;
	color:#363636;
	background-color:#cccccc;
	padding:0 5px 0 5px;
	border-top:1px #ccc solid;
}

a.link_secondary_nav_sel {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:none;
	color:#363636;
	padding:0 5px 0 5px;
	border-top:1px #ccc solid;
	background-color:#ffffff;
}

a:hover.link_secondary_nav_sel {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:none;
	color:#363636;
	background-color:#ffffff;
	padding:0 5px 0 5px;
	border-top:1px #ccc solid;
}

a:active.link_secondary_nav_sel {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:none;
	color:#363636;
	background-color:#ffffff;
	padding:0 5px 0 5px;
	border-top:1px #ccc solid;
}

.link_reg, a:hover.link_reg, a:active.link_reg {
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#363636;
	text-decoration:underline;
}

.link_btm_nav, a:hover.link_btm_nav, a:active.link_btm_nav {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:none;
	color:#363636;
	padding:4px 12px 0 0;
}

.link_btm_nav_sel, a:hover.link_btm_nav_sel, a:active.link_btm_nav_sel {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;
	text-decoration:underline;
	color:#666666;
	padding:4px 12px 0 0;
}

.link_btn, a:hover.link_btn, a:active.link_btn {
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#333a4d;
	font-weight:bold;	
	text-decoration:none;
}


.link_left_nav, a:active.link_left_nav {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#fff;
	padding:4px 0 4px 3px;
	font-weight:bold;	
	text-decoration:none;
	width:112px;
}

a:hover.link_left_nav {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#fff;
	padding:4px 0 4px 3px;
	font-weight:bold;	
	text-decoration:none;
	width:112px;
}

.link_left_nav_2, a:active.link_left_nav_2 {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#333a4d;
	padding:4px 0 4px 3px;
	text-decoration:none;
	width:112px;
}

a:hover.link_left_nav_2, a.selected-link_left_nav_2 {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#333a4d;
	padding:4px 0 4px 3px;
	background-color:#fff;
	width:112px;
	text-decoration:none;
}

.link_left_nav_2_sel, a:active.link_left_nav_2_sel {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#333a4d;
	padding:4px 0 4px 3px;
	background-color:#fff;
	width:112px;
	text-decoration:none;
}

a:hover.link_left_nav_2_sel {
	float:left;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#333a4d;
	padding:4px 0 4px 3px;
	background-color:#fff;
	width:112px;
	text-decoration:none;
}


/* copy */

.bold {
	font-weight:bold;
}



/* General */

.Spacer6pxHeight {
	float:left;
	line-height:7px;
	height:8px;
}

.bulletless {
	padding:0;
	margin:0 0 0 -13px;
	list-style-type:none;
}

.button {
	float:left;
	width:133px;
	height:12px;
	padding:2px 0 2px 1px;
	background-color:#fbcf64;
	border:1px #333a4d solid;
}

.arrow_apply {
	float:left;
	margin:3px 4px 0 4px;
	border:0;
}

/* Results table */

.InfoTable_Top {
	float:left;
	width:456px;
	background-color:#edf2ee;
	border-left:1px #a5c0af solid;
	border-right:1px #a5c0af solid;
	border-top:1px #a5c0af solid;
}

.InfoTable {
	float:left;
	width:456px;
	background-color:#edf2ee;
	border:1px #a5c0af solid;
}

.Table_Col {
	float:left;
	width:227px;
}

.Table_Header {
	float:left;
	width:454px;
	background-color:#85ab94;
	border:1px #85ab94 solid;
}

.Table_Header_Half {
	float:left;
	width:206px;
	background-color:#85ab94;
	border:1px #85ab94 solid;
	color:#fff;
	font-weight:bold;
	padding:10px/*0 0 6px*/;
}

.Table_Content {
	float:left;
	padding:6px 8px 0 8px;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#363636;	
	margin:0;
	padding:10px;/-8px 8px 0 8px*/;	
}

.table-block{margin:-10px 0px 50px 0px}
.Table_Content UL{margin:0px;padding:0px;margin-top:10px; margin-bottom:0px;}
.Table_Content UL li{margin-left:15px;}

.Table_Line {
	float:left;
	width:1px;
	background-color:#a5c0af;
}


.Travel_Block {
	float:left;
	width:320px;
	height:100%;	
} 

.Travel_Block .moreLinks{padding:0px 0px 10px 10px;float:left;display:block;background-color:#e0eae4;width:326px;border-bottom:solid 1px #ffffff;margin-top:-5px}

.Travel_Row {
	float:left;
	clear:both;
	display:block;
	border:10px #e0eae4 solid;
	background-color:#e0eae4;
	width:316px;
	height:100%;
	font-family:arial, verdana, helvetica;
	font-size:1em;	
	color:#363636;	
	text-decoration:none;
	margin:0 0 1px 0;
}





/* Home page */

.img_home {
	float:left;
	padding:8px 0 0 10px; 
	border:0;
}

.Home_Promo_Block {
	float:left;
	margin:8px 0 0 10px; 
	width:230px;
	height:165px;
	
}

.Home_Promo_Top {
	float:left;
	width:230px;
}

.Home_Promo_Body {
	float:left;
	width:200px;
	height:158px;
	padding:0 0 0 12px;
	margin:4px 0 0 0;
	font-family:arial, verdana, helvetica;
	font-size:0.8em;	
	color:#363636;			
}

.Home_Promo_Btm {
	float:left;
	width:230px;
}	

.corner_left {
	float:left;
}	

.corner_right {
	float:right;
}

.amex_card {
	float:right;
	margin:0 8px 0 0;
}


H2 {
	font-size: 12pt;
}