@charset "utf-8";


/**************************************************************************************************

ELEMENTS DEFINITION
CONTAINER : #ct-left

**************************************************************************************************/

#ct-left h1{
margin:0 0 20px;
}
#ct-left h2{
margin:0 0 30px;
}
#ct-left h3{
margin:0 0 20px;
}

#ct-left p{
margin:0 0 20px;
}


/**************************************************************************************************

COLUMN AND SECTION

**************************************************************************************************/

#ct-left .section00{
margin:0;
}

#ct-left .section40{
margin:0 0 40px;
}
#ct-left .section40 .section40{
margin:0 0 20px;
}



/**************************************************************************************************

BORDER SEPARATION

**************************************************************************************************/

.bdrSeparate01{
background:url(../../../mascara_history/img/bdr_separation_01.gif) repeat-y 344px 0px;
}

.bdrHorizon01{
background:url(../../maybelline_eyemake/img/bdr_horizontal_01.gif) no-repeat left bottom;
}
p.bdrHorizon01{
padding:0 0 20px;
}



/**************************************************************************************************

GRID
full column = 6 module
2column     = 3 + 3
3column     = 2 + 2 + 2

**************************************************************************************************/




/**************************************************************************************************

CLEARFIX

**************************************************************************************************/

.section00:after,
.section40:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
.section00,
.section40{
display:inline-table;
min-height:1%;
}
/* FOR MAC IE \*/
* html .section00,
* html .section40{
height:1%;
}
.section00,
.section40{
display: block;
}
/* END OF FOR MAC IE */



/**************************************************************************************************

ELEMENT MODULE

**************************************************************************************************/

/*LIST
-------------------------------------------------------------------------------------------------*/

ul.unorderedList li{
list-style:disc;
margin-left: 1.5em;
margin-bottom: 1em;
}

ol.orderedList li {
list-style: decimal;
margin-left: 2em;
margin-bottom: 1em;
}




/**************************************************************************************************

UNIQUE COMPONENT

**************************************************************************************************/

#leadArea-Koini p{
height:249px;
background:url(../../../mascara_history/img/lead_bg_koini_01.jpg) no-repeat right top;
}



#historyTable th{
width:182px;
text-align:right;
vertical-align:middle;
}
#historyTable td{
vertical-align:top;
}
#historyTable td p{
width:318px;
margin:15px 30px 15px 0;
border-left:3px solid #F473B4;
padding-left:12px;
}
#historyTable td ul li{
margin:0 0 15px;
}


/**************************************************************************************************

FOOTER BANNER

**************************************************************************************************/

p.footBanner{
margin-top:20px;
}

ul.footBanner li{
float:left;
margin-right:20px;
}

ul.footBanner li.lastChild{
margin:0;
}

ul.footBanner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.footBanner { display:inline-block; }
/*\*/
* html ul.footBanner { height:1%; }
ul.footBanner { display:block; }
/**/



/*STRUCTURE
-------------------------------------------------------------------------------------------------*/