/****************************
Updated on 14/01 - 14h46
CONTEXT : OverviewPage
DOCID : 397132_DE		
****************************/

/*+++++++++++++++++++++++++++++  GENERAL  +++++++++++++++++++++++++++++*/
.AllContent {
display:block;
font-family:arial;
font-size:12px;
	width:100%;
	/*width:912px;*/
/*margin:0 auto;*/
}
.AllContent a{
color:#39c;
text-decoration:underline;
}
.AllContent a:hover{
color:#39c;
text-decoration:none;
}
.LineContainer920 {
width:920px;
margin-bottom:10px;
}
.LineContainer700 {
width:700px;
margin-bottom:10px;
}
/*+++++++++++++++++++++++++++++  TITLE  +++++++++++++++++++++++++++++*/
.AllContent h1 {
font-size:20px;
color:#ff6600;
border-bottom:1px solid #f60;
margin:5px 0px 15px 5px;
width:98%;
}
/*+++++++++++++++++++++++++++++  TOP BANNER  +++++++++++++++++++++++++++++*/
.TopBann3r {
margin-bottom:10px;
cursor:pointer;
margin-left:5px; /*pour tous les navuigateurs*/
-margin-left:10px; /*hack css for IE6*/
}

/*+++++++++++++++++++++++++++++  PRODUCT BLOCK  +++++++++++++++++++++++++++++*/
/* --------------  BLOCK : GENERAL  -------------- */
.GreyBlock{
margin:0px 5px 10px 5px; /*pour tous les navuigateurs*/
-margin:0px 5px 0px 5px; /*hack css for IE6*/
float:left;
}
.GreyBlock-content{
border : solid 1px #dddddd;
/*width:100%;*/
height:140px;
background:url("http://www.ing.be/xpedio/images/mult/397132_EN.gif") repeat-y;
background-position:50% 50%;
background-color:#ededed;
position: relative;
padding-right:2px;
}
/* --------------  BLOCK : NEW VISUAL  -------------- */
/* Ne marche pas si on utilise une image de fond pour le bloc (donc le dégradé gris empeche ce système d'image en coin) */
.GreyBlock-content-NEW{
border : solid 1px #dddddd;
/*width:100%;*/
height:140px;
background:url("http://www.ing.be/xpedio/images/mult/397132_EN.gif") repeat-y;
background-position:50% 50%;
background-color:#ededed;
position: relative;
padding-right:3px;
}
/* --------------  BLOCK : IMG  -------------- */
.GreyBlock-content img{
float:left;
border:none;
margin-right:10px;
}
.GreyBlock-content img a{
border:none;
}
/* --------------  BLOCK : CONTENT  -------------- */
.GreyBlock-txt{
font-size:12px;
padding-left:15px;
line-height:1.4em;
color:#000;
}
/* --------------  BLOCK : TITLE  -------------- */
.GreyBlock-txt h2{
margin-top:10px;
font-weight:bold;
margin-bottom:5px;
font-size:14px;
color:#000066;
}
.GreyBlock-txt h2 a{
padding-left:20px;
background:url("http://www.ing.be/xpedio/images/mult/353307_DE.gif") no-repeat;
background-position:0px 2px;
font-weight:bold!important;
text-decoration:none;
color:#000066;
}
.GreyBlock-txt h2 a:hover{
text-decoration:underline;
color:#000066;
}
/* --------------  BLOCK : DIRECT LINKS  -------------- */
.DirectLinks {
float:bottom;
padding-top:5px;
}
a.Blacklink {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;  
color:#222!important;
text-decoration:underline;
background-image:url("http://www.ing.be/xpedio/images/mult/314845_nl.gif");
background-repeat:no-repeat; 
background-position:0px 6px;
padding-left:15px;
}
a.Blacklink:hover {
text-decoration:none;
color:#000!important;
background-position:2px 6px;
}
/* --------------  BLOCK : MAIN ACTION  -------------- */
.GreyBlock-infosup{
background-color:#ffffff;
margin-top:-27px;
margin-right:-2px;
color:ff6600!important;
float:right;
width:200px;
}
.GreyBlock-infosup a{
padding-left:30px;
padding-top:5px;
padding-bottom:5px;
padding-right: 15px;
background:url("http://www.ing.be/image/2right.gif") no-repeat;
background-position:15px 11px;
font-size:12px;
text-decoration:underline;
color:#ff6600!important;
background-color:#ffffff;
border-top: solid 1px #dddddd;
border-left: solid 1px #dddddd;
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
text-align:left;
position : absolute ; 
right:-1px;
bottom:-1px;
}
.GreyBlock-infosup a:hover{
background-position:17px 11px;
font-size:12px;
text-decoration:underline;
color:#ff6600!important;
background-color:#ffffff;
text-align:left;
}

/*+++++++++++++++++++++++++++++  PRODUCT LINE  +++++++++++++++++++++++++++++*/
/* --------------  LineBlock : GENERAL  -------------- */
.InlineBlock{
float:left;
font-family:arial;  /* a supprimer dans la css */ 
border-top:1px solid #dddddd;
width:910px;
height:30px;
margin-left:5px;
margin-top:15px;
padding-top:10px;
}
/* --------------  LineBlock : TEXT  -------------- */
.InlineBlock-txt{
margin-left:20px;
font-size:12px;
}
.InlineBlock-txt span{
font-size:12px;
color:#000;
font-weight:normal;
padding-left:5px;
}
.InlineBlock-txt h2{
font-weight:bold!important;
font-size:14px;
color:#000066;
float:left;
margin-top:-1px;
margin-right:5px;
}
.InlineBlock-txt h2 a{
padding-left:20px;
background:url("http://www.ing.be/xpedio/images/mult/353307_DE.gif") no-repeat;
background-position:0px 1px;
font-weight:bold!important;
text-decoration:none;
color:#000066;
}
.InlineBlock-txt h2 a:hover{
text-decoration:underline;
color:#000066;
}
/* --------------  LineBlock : TEXT LINK  -------------- */
.InlineBlock-txt a{
color:#000066;
text-decoration:underline;
}
.InlineBlock-txt a:hover{
color:#000000;
text-decoration:underline;
}
/* --------------  LineBlock : MAIN ACTION   -------------- */
.InlineBlock-infosup{
text-align:right;
margin-right:2px;
}
.InlineBlock-infosup a{
background:url("http://www.ing.be/xpedio/images/mult/353308_DE.gif") no-repeat;
background-position:0px 6px;
padding-left:15px;
font-size:12px;
}
.InlineBlock-infosup a:hover{
background:url("http://www.ing.be/xpedio/images/mult/353308_DE.gif") no-repeat;
background-position:2px 6px;
}

/*+++++++++++++++++++++++++++++  VERTICAL BLOCK  +++++++++++++++++++++++++++++*/
.spacerH {
border-top:1px solid #ccc;
margin:5px 10px 10px 0px;
}

/*+++++++++++++++++++++++++++++  LINE WITH 3 BLOCK (promo - simu - apply online)  +++++++++++++++++++++++++++++*/
/* --------------  LINE : GENERAL  -------------- */
.Comm3rcialLine {
display:block;
clear:both; /* debug firefox */
height:125px;
width:98%;
border-top:2px solid #efefef;
border-bottom:2px solid #efefef;
background-color:#fcfcfc;
margin:25px 0px 0px 5px;
}
.BannerZone {
float:left;
width:280px;
height:150px;
margin:0px 0px 0px 5px;
color:#000000!important;
line-height:1.5em;
margin-top:10px;
}
.CommZone {
float:left;
width:275px;
height:150px;
margin:0px 0px 0px 25px;
color:#000000!important;
line-height:1.5em;
margin-top:10px;
}
/* --------------  LINE : IMG  -------------- */

.BannerZone img {
float:left;
margin-right:10px;
}
/* --------------  LINE : TITLE  -------------- */
.Comm3rcialLine h3 {
border-bottom:1px solid #f60;
color:#006;
font-size:13px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
line-height:1.2em;
}
/* --------------  LINE : BLACK LINK  -------------- */
a.LinxBlack {
display:inline-block;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;  
color:#222!important;
text-decoration:underline;
background-image:url("http://www.ing.be/image/2right.gif");
background-repeat:no-repeat; 
background-position:0px 7px;
padding-left:13px;
line-height:1.6em;
}
a.LinxBlack:hover {
text-decoration:underline;
color:#ff6600!important;
background-position:1px 7px;
}

/* --------------  LINE : BLUE LINK  -------------- */
a.LinxBlue {
display:block;
color:#006;
font-size:12px;
background-image:url("http://www.ing.be/xpedio/images/mult/353308_DE.gif");
background-repeat:no-repeat; 
background-position:0px center;
padding-left:13px;
text-decoration:underline;
}
a.LinxBlue:hover {
text-decoration:none;
background-position:1px center;
color:#006;
}
/* --------------  LINE : BLUE LINK BOLD  -------------- */
.Comm3rcialLine .LinxBlueBold {
margin-top:20px;
padding-left:22px;
}
.Comm3rcialLine .LinxBlueBold a{
color:#006;
font-size:12px;
font-weight:bold;
/* background-image:url("http://www.ing.be/image/2right.gif"); */
background-image:url("http://www.ing.be/xpedio/images/mult/407456_DE.gif");
background-repeat:no-repeat; 
background-position:0px 0px;
padding-left:13px;
}
.Comm3rcialLine .LinxBlueBold a:hover{
text-decoration:none;
background-position:1px 0px;
}

/*+++++++++++++++++++++++++++++  LEGAL BLOCK  +++++++++++++++++++++++++++++*/
.legal_bottomBlock {
display:block;
clear:both; /* debug firefox */
width:96%;
margin:25px 0px 0px 10px;
color:#666;
padding:5px;
font-size:10px;
}

/*+++++++++++++++++++++++++++++  PRODUCT MAP  +++++++++++++++++++++++++++++*/
.ProductMap {
display:block;
width:99%;
height:185px;
background-color:#eee;
background-color:#f9f9f9; /* AJOUT PRODUCT MAP N°2 */
border-top:2px solid #efefef; /* AJOUT PRODUCT MAP N°2 */
border-bottom:2px solid #efefef; /* AJOUT PRODUCT MAP N°2 */
}
.ProductMap .colonne {
float:left;
margin-right:10px;
line-height:1.6em;
}
.ProductMap .titreMap {
font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}
.ProductMap .titreMap a{
font-size:12px;
font-weight:bold;
color:#000;
}
.ProductMap .titreMap a:hover{
text-decoration:none;
}
.ProductMap .lienMap {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:22px;
}
.ProductMap .lienMap a {
color:#000;
text-decoration:none;
}
.ProductMap .lienMap a:hover {
color:#111;
text-decoration:underline;
}

/*+++++++++++++++++++++++++++++  specific adding for the New@ING page  +++++++++++++++++++++++++++++*/
.Title_AboveThebox {
color:#f60;
font-size:16px;
font-weight:bold;
padding-left:10px;
padding-bottom:2px;
}