@charset "utf-8";

/**************************************************************************************************
PRODUCT EYESTUDIO CREAMY GEL LINER
ID : #esCreamyGelLiner
**************************************************************************************************/

/*CLEARFIX*/
.clearfix:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
line-height: 0;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* for macIE \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end of for macIE */


#esCreamyGelLiner #mainColumn {
background: #001D37 url(../../../../../img/specials/eyes/es_creamy_gel_liner/bg_content.jpg) no-repeat 0px 477px;
color: #DAE8F4;
font-size: 92%;
}

#esCreamyGelLiner #mainColumn p {
line-height: 1.8;
}

#esCreamyGelLiner #mainColumn span.fontSmall {
font-size: 80%;
}

#esCreamyGelLiner #headerSection {
width: 688px;
height: 477px;
position: relative;
margin-bottom: 30px;
}

#esCreamyGelLiner #headerSection p {
position: absolute;
top: 253px;
left: 408px;
z-index: 1;
}

#esCreamyGelLiner #headerSection p img {
}

#esCreamyGelLiner #introSection {
padding: 0px 20px;
/*margin-bottom: 36px;*/
height: 190px;
margin-bottom: 50px;
}

#esCreamyGelLiner #introSection h2 {
margin-bottom: 28px;
}

#esCreamyGelLiner #introSection h3 {
margin-bottom: 12px;
}

#esCreamyGelLiner #introSection p {
z-index: 999;
position: absolute;
}

#esCreamyGelLiner #bestCosmeAwardSection {
padding: 0px 16px;
margin-bottom: 47px;
}


#esCreamyGelLiner #howtoSection {
padding: 0px 20px;
background: url(../../../../../img/specials/eyes/es_creamy_gel_liner/bg_howto_section.jpg) no-repeat bottom right;
margin-bottom: 45px;
}

#esCreamyGelLiner #howtoSection h2 {
margin-bottom: 28px;
}

#esCreamyGelLiner #howtoSection h3 {
margin-bottom: 12px;
}

#esCreamyGelLiner #howtoSection .leftBlock {
float: left;
width: 316px;
}

#esCreamyGelLiner #howtoSection .leftBlock p {
margin-bottom: 30px;
}

#esCreamyGelLiner #howtoSection .rightBlock {
float: right;
width: 302px;
}

#esCreamyGelLiner #howtoSection .rightBlock .youtubeSet {
margin-bottom: 5px;
}

#esCreamyGelLiner #howtoSection .rightBlock .youtubeSet p.yotubeText {
margin-top: 8px;
}

#esCreamyGelLiner #howtoSection .rightBlock .howtoImg {
margin: 0px 15px 0px 0xp;
}


#esCreamyGelLiner #productSection {
padding: 0px 20px 30px 20px;
background: url(../../../../../img/specials/eyes/es_creamy_gel_liner/bg_product_section.jpg) no-repeat bottom right;
}

#esCreamyGelLiner #productSection h2 {
margin-bottom: 28px;
}

#esCreamyGelLiner #productSection h3 {
margin-bottom: 12px;
}

#esCreamyGelLiner #productSection .leftBlock {
float: left;
width: 302px;
}

#esCreamyGelLiner #productSection .leftBlock .youtubeSet {
margin-bottom: 5px;
}

#esCreamyGelLiner #productSection .leftBlock .youtubeSet p.yotubeText {
margin-top: 8px;
}

#esCreamyGelLiner #productSection .rightBlock {
float: right;
width: 316px;
}

#esCreamyGelLiner #productSection .rightBlock .infoBlock {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #1A4261;
}

#esCreamyGelLiner #productSection .rightBlock .listColor {
line-height: 1.5;
margin-bottom: 15px;
}

#esCreamyGelLiner #productSection .rightBlock .listColor li.black {
margin-bottom: 0.5em;
_margin-bottom: 0.7em;
}

#esCreamyGelLiner #productSection .rightBlock .listColor li.brown {
margin-bottom: 0.1em;
_margin-bottom: 0.2em;
}

#esCreamyGelLiner #productSection .rightBlock .listColor li.pinkdiamond,
#esCreamyGelLiner #productSection .rightBlock .listColor li.diamondblack {
}

#esCreamyGelLiner #productSection .rightBlock .listColor li.black img,
#esCreamyGelLiner #productSection .rightBlock .listColor li.brown img {
vertical-align: middle;
margin-bottom: 0.25em;
}

#esCreamyGelLiner #productSection .rightBlock .listColor li.pinkdiamond img,
#esCreamyGelLiner #productSection .rightBlock .listColor li.diamondblack img {
vertical-align: bottom;
_vertical-align: text-bottom;
}

#esCreamyGelLiner #productSection .rightBlock .productPrice {
margin-bottom: 15px;
}

#esCreamyGelLiner #productSection .rightBlock .listProduct {
line-height: 1.5;
}

#esCreamyGelLiner #productSection .rightBlock .listProduct li {
margin-bottom: 0.25em;
}

#esCreamyGelLiner #productSection .rightBlock .btnReview {
margin-top: 30px;
margin-bottom: 15px;
}

#esCreamyGelLiner #productSection .rightBlock .btnBuyNow {
margin-bottom: 0;
}