<style type="text/css">
body {
	margin:0;
	padding:5px 0px;
	font-size: 75%;
}


#home a {color: #90113d; text-decoration: none;}
#merchant a {color: #90113d; text-decoration: none;}
#cardholder a {color: #026c8c; text-decoration: none;}
#eWA a {color: #0f3861; text-decoration: none;}
#aboutus a {color: #ba142c; text-decoration: none;}
#contact a {color: #5d6831; text-decoration: none;}


#merchant {scrollbar-base-color: #90113d}
#cardholder {scrollbar-base-color: #026c8c}
#eWA{scrollbar-base-color: #0f3861}
#aboutus {scrollbar-base-color: #ba142c}
#contact {scrollbar-base-color: #5d6831}


h1, h2, h3, h4, h5, h6 {line-height:1em;}
h1 { font-weight: bold; font-size:1.633em; margin-top: 10px; margin-bottom: 10px;}
h2, h3, h4, h5, h6 {margin:0; font-weight: bold; font-size:1.167em;}

.redmerchant {color: #90113d}
.bluecardholder {color: #026c8c}
.blueewa {color: #0f3861}

.infospace { vertical-align: top; padding: 15px; border: 1px dotted #000;  background-color:#EEE; }
.infospace p { color: #000; }

#page {
    position:relative;
    margin-left: auto;
    margin-right: auto;
	width:792px;
	height:591px;
	border:4px solid #828B92;
	padding:0px;
	top: 25px;
}

#logo {
	position:absolute;
	top:14px;left:17px;
	width:185px;
	height:80px;
}

#home #logo {
	background:url('../layout/logo-merchant.jpg') no-repeat top left;
}

#merchant #logo {
	background:url('../layout/logo-merchant.jpg') no-repeat top left;
}

#cardholder #logo {
	background:url('../layout/logo-cardholder.jpg') no-repeat top left;
}

#eWA #logo {
	background:url('../layout/logo-eWA.jpg') no-repeat top left;
}

#aboutus #logo {
	background:url('../layout/logo-aboutus.jpg') no-repeat top left;
}

#contact #logo {
	background:url('../layout/logo-contact.jpg') no-repeat top left;
}

#banniere {
	position:absolute;
	top: 0px;left:0px;
	width:100%;
	height:114px;
	margin:0;
	border-bottom:1px solid #828B92;
	
}

#side {
	position:absolute;
	top:115px;left:0px;
	width:204px;
	height:477px;
	background:#FFFFFF;
	border-right:1px solid #828B92;
}

#sidehome {
	position:absolute;
	top:117px;left:597px;
	width:195px;
	height:477px;
}

#sidefirst {
	position:relative;
	width:195px;
	height:350px;

}
#sidesecond {
	position:relative;
	border-top: 1px solid;
	width:195px;
	height:125px;
	background:url('../layout/bg_grey.jpg') repeat top left;
}


#merchant #side {
	background:#90113d;
}

#cardholder #side {
	background:#026c8c;
}

#eWA #side {
	background:#0f3861;
}

#aboutus #side {
	background:#ba142c;
}

#contact #side {
	background:#5d6831;
}

#main {
	position:absolute;
	top:115px;left:205px;
	width:588px;
	height:475px;
		overflow: auto;
}

#mainhome {
	position:absolute;
	top:115px;left:0px;
	width:596px;
	height:477px;
	background:#FFFFFF;
	border-right:1px solid #828B92;
}

#home #mainhome {
	background:#fff;
}



#bottom-nav {
	position:relative;
	top:30px;
	text-align:center;
	font-family:arial;
	font-size:9px;	
}

.bottom-nav-text {
	padding:0;
	text-transform:uppercase;
	font-family:arial;
	font-size:9px;
	color:#3F3F3F;
	text-decoration: none;
}

#side-picture {
	position:relative;
	top: 0px;left:0px;
	width:100%;
	height:125px;
}

#home #side-picture {
	background:url('../layout/side_merchant.jpg') no-repeat top left;
}

#merchant #side-picture {
	background:url('../layout/side_merchant.jpg') no-repeat top left;
}


#cardholder #side-picture {
	background:url('../layout/side_cardholder.jpg') no-repeat top left;
}

#eWA #side-picture {
	background:url('../layout/side_eWA.jpg') no-repeat top left;
}

#aboutus #side-picture {
	background:url('../layout/side_aboutus.jpg') no-repeat top left;
}

#contact #side-picture {
	background:url('../layout/side_contact.jpg') no-repeat top left;
}	

#home #banniere {
	background:url('../layout/bande_home.jpg') no-repeat;
}

#merchant #banniere {
	background:url('../layout/bande_merchant.jpg') no-repeat;
}

#aboutus #banniere {
	background:url('../layout/bande_about_us.jpg') no-repeat;
}

#cardholder #banniere {
	background:url('../layout/bande_cardholder.jpg') no-repeat;	
}

#eWA #banniere {
	background:url('../layout/bande_eWA.jpg') no-repeat;	
}

#contact #banniere {
	background:url('../layout/bande_contact.jpg') no-repeat;
}



#menu {
    position:absolute;
    top:95px;
    right:0px;
	float:right;
    width:588px;
    height:19px;
    font-size:93%;
    line-height:normal;
}

#menu ul {
    margin:0;
    padding:0;
    list-style:none;
}
    
#menu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */



#menu li {
    float:left;
    margin:0;
    padding:0 0 0 0px;
}

#menu li a {
	float:left;
    text-align:center;
    margin:0px;
    padding:0;
    display:block;
    background: url('../layout/boutons-nav.png') no-repeat 0px 0px; 
	width: 98px ;
	line-height: 19px ;
	color: #FFF ;
	text-decoration:none;
	font-weight:bold;
	font-family:Tahoma;
	font-size:8pt;
    white-space:nowrap;
}

#nav-home a:hover {
    background: url('../layout/boutons-nav.png') no-repeat 0px -19px ;	
}

#nav-merchant a:hover {
    background: url('../layout/boutons-nav.png') no-repeat -98px -19px ;	
}

#nav-card a:hover {
    background: url('../layout/boutons-nav.png') no-repeat -196px -19px ;	
}

#nav-account a:hover {
    background: url('../layout/boutons-nav.png') no-repeat -294px -19px ;	
}

#nav-about a:hover {
    background: url('../layout/boutons-nav.png') no-repeat -392px -19px ;	
}

#nav-contact a:hover {
    background: url('../layout/boutons-nav.png') no-repeat -490px -19px ;	
}

#home #nav-home a {
    background: url('../layout/boutons-nav.png') no-repeat 0px -19px ;	
}

#merchant #nav-merchant a {
    background: url('../layout/boutons-nav.png') no-repeat -98px -19px ; 
}

#cardholder #nav-card a {
    background: url('../layout/boutons-nav.png') no-repeat -196px -19px ;
}

#eWA #nav-account a {
    background: url('../layout/boutons-nav.png') no-repeat -294px -19px ;
}

#aboutus #nav-about a {
    background: url('../layout/boutons-nav.png') no-repeat -392px -19px ;
}

#contact #nav-contact a {
    background: url('../layout/boutons-nav.png') no-repeat -490px -19px ;
}

#menu-left {
	position:absolute;
    top:125px;
    left:0px;
    width:204px;
	float:left;
    font-size:93%;
    line-height:normal;
}

#menu-left ul {
	padding:0;
	margin:0;
	list-style:none;
}

#menu-left > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu-left a {float:none}
/* End IE5-Mac hack */

#menu-left li {
    float:left;
    margin:0;
    padding:0;
	width: 174px;
}

#menu-left li a {
	float:left;
    text-align:left;
    margin:0;
    padding:0px 0px 0px 30px;
    display:block;
    background:url('../layout/bouton_ss_menu.jpg') no-repeat top left; 
	width: 174px ;
	line-height: 24px ;
	color: #3F3F3F ;
	text-decoration:none;
	font-weight:bold;
	font-family:Tahoma;
	font-size:8pt;
    white-space:nowrap;
    
    

}

#menu-left li a:hover{
	background:url('../layout/bouton_ss_menu_activated.gif') no-repeat top left;
	color:#FFF;
	width: 174px ;
}

#services #left-services a, #benefits  #left-benefits a,
#payment #left-payment a, #goals #left-goals a, #contact #left-contact a,
#cardh #left-cardh a, #chinfo #left-chinfo a, #chpayment #left-chpayment a, #chfaq #left-chfaq a, #chcontact #left-chcontact a,
#eworldaccount #left-eworldaccount a, #about #left-about a, #divisions #left-divisions a, #legal #left-legal a, #left-contact a, #legal #left-contact a,
#login #left-login a {
	background:url('../layout/bouton_ss_menu_activated.jpg') no-repeat top left;
	color:#FFF;
}

#sub-menu {
	position:absolute;
	top:20px;left:20px;
	width:508px;
	height:auto;
}

#sub-menuhome {
	position:relative;
	top:00px;left:20px;
	width:508px;
	height:auto;
}

#sub-menuhomeside {
	position:relative;
	top:10px;left:10px;
	width:190px;
	height:auto;
	clear:both;
}

#text-title-left {
	position:relative;
	top:0px;left:0px;
	float:left;
	background:url('../layout/titre_ss_menu_left.jpg') no-repeat top left;
	width:5px;
	height:24px;
}

#text-title {
	float:left;
	background:url('../layout/titre_ss_menu_bg.jpg') repeat-x top left;
	width:auto;
	height:24px;
	padding:4px;
	font-size: 14px;
	font-weight:bold;
	font-family:arial;
	color:#3F3F3F;
}

#text-title-right {
	float:left;
	background:url('../layout/titre_ss_menu_right.jpg') no-repeat top left;
	width:5px;
	height:24px;
}

#text-titlehome-left {
	position:relative;
	top:0px;left:0px;
	float:left;
	background:url('../layout/titre_ss_menu_left.jpg') no-repeat top left;
	width:5px;
	height:24px;
	margin-top: 10px;
}

#text-titlehome {
	float:left;
	background:url('../layout/titre_ss_menu_bg.jpg') repeat-x top left;
	width:135px;
	height:14px;
	padding:4px;
	font-size: 14px;
	font-weight:bold;
	font-family:arial;
	color:#3F3F3F;
	margin-top: 10px;
}

#text-titlehome-right {
	float:left;
	background:url('../layout/titre_ss_menu_right.jpg') no-repeat top left;
	width:5px;
	height:24px;
	margin-top: 10px;
}

#text {
	position:relative;
	left:0px;top:0px;
	padding:14px 10px;
	width:500px;
	font-size: 8pt;
	font-family:arial;
	color:#3F3F3F;
	border-left:1px dashed #C1C4C9;
	border-bottom:1px dashed #C1C4C9;	

	float:left;	
}

#texthome {
	position:relative;
	left:0px;top:0px;
	padding: 0px 10px;
	width:520px;
	max-height:480px;
	font-size: 8pt;
	font-family:arial;
	color:#3F3F3F;
	border-left:0px dashed #C1C4C9;
	border-bottom:0px dashed #C1C4C9;	
	overflow: none;
	float:left;	
}

#texthomeside {
	position:relative;
	left:0px;top:0px;
	padding:10px 10px;
	width:160px;
	max-height:480px;
	font-size: 8pt;
	font-family:arial;
	color:#3F3F3F;
	border-left:1px dashed #C1C4C9;
	border-bottom:1px dashed #C1C4C9;	
	overflow: none;
	float:left;	
}

#texthomeside2 {
	position:relative;
	left:0px;top:0px;
	text-align: center;
	padding: 10px 0px;
	width:170px;
	max-height:130px;
	font-size: 8pt;
	font-family:arial;
	color:#3F3F3F;
	border-left:0px dashed #C1C4C9;
	border-bottom:0px dashed #C1C4C9;	
	overflow: none;
	float:left;	
}

/* CONTENT > CONTACT PAGE */

.contactcountry  {
	width: 225px;
	font-family: arial, helvetica, sans-serif;
	margin:  0px;
	padding: 0px;
	border: 1px solid black;
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	position:absolute; 
	left:280px;
	top: 0px;
	height: auto;
}
.contactcountry div {
/*moz-opacity:0.8;*/
filter: alpha(opacity=80);
border:1px solid #BBBBBB;

background: #CCCCCC;
}

.contactcountry p {

	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
}
.contactcountry a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: white;
	background-color: #8F8F8F;
	border-top: 1px solid #FFFFFF;
}
.contactcountry a:hover {
	background-color: #3F3F3F;
}
.contactcountry a.selected {
	color: white;
	background-color: #8F8F8F;
	border-bottom: 1px solid black;
}

.mappoint {
	width: 5px;
	height: 5px;
	background-color: #ff3333;
	position:absolute;
	font-size:0px;
}
</style>
