/* ================================================================ 
Style for Cosmetique 
=================================================================== */

.cosmeticProduct{
 cursor:pointer;
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
    position:absolute;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

.faq_overlay{
  /* must be initially hidden */ 
    display:none; 
    position:absolute; 
    z-index:10000;
    background-color:#fff;
    width:800px;     
    height:600px;    
    text-align: left;
    padding:15px;
    border:1px solid #666;
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; 
}

#faq_cosmetic_texte {
height:600px;
overflow:auto;
width:797px;
}


/* close button positioned on upper right corner */ 
.simple_overlay .close, .faq_overlay .close { 
    background-image:url(../img/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.simple_overlay .mainInfo {
bottom:14px;
height:60px;
left:64px;
position:absolute;
text-align:left;
width:170px;
}
.simple_overlay .mainInfo h4 { 
margin:4px 0;
}
.simple_overlay .mainInfo ul{
margin:0;
padding:0 13px;
}

.simple_overlay img {
float:left;
height:300px;
width:245px;
}

/* styling for elements inside overlay */ 
.details {
color:#000;
text-align:left;
float:left;
font-size:9px;
min-height:340px;
padding:5px;
width:420px;
font-family: Arial,Helvetica,sans-serif;
}

.details p{
font-size:9px;
}

.details ul li{
font-size:9px;
}

.mainInfo ul li {
font-size:10px;
line-height:15px;
}
         
.bold{
font-weight:bold;
}

.details ul{
 padding: 0 0 0 10px;
 margin:10px 0;
 font-size:9px; 
}
.details ul ul{
margin:0;
}
 
.details h3 {
color:#000;
font-size:16px;
margin:15px 0;
text-align:left;
}

.asterix{
margin-top:20px;
font-size:9px;
}