@charset "UTF-8";

@import url("common.css");
@import url("pages.css");

/* products */

#products1 {
	float:left;
	width:570px;
	padding-right:29px;
	border-right:1px dotted #CCCCCC;
	}
#products2 {
	float:right;
	width:190px;
	}
#products2 form {display:block; padding-top:5px;}
#products2 h3 {padding-top:10px;}
#products2 select {width:190px;}
.searchBtn {width:190px; margin-top:15px; text-align:right;}
#products2 optgroup {font-style:normal;}
#products2 li {margin-bottom:15px;}

/* products index */

.indexMenu {
	width:570px;
	height:30px;
	background:url(../images/products/index_menu.gif) no-repeat;
	}
.indexMenu li {display:inline; float:left;}
.indexMenu li a {display:block; text-indent:-9999px; text-decoration:none;}
.indexMenu li.imenu1 a {
	width:90px;
	height:30px;
	margin-left:10px;
	background:url(../images/products/index_menu.gif) no-repeat -10px 0px;
	}
.indexMenu li.imenu1 a:hover {
	background-position: -10px -30px;
	}
.indexMenu li.imenu2 a {
	width:115px;
	height:30px;
	margin-left:13px;
	background:url(../images/products/index_menu.gif) no-repeat -113px 0px;
	}
.indexMenu li.imenu2 a:hover {
	background-position: -113px -30px;
	}
.indexMenu li.imenu3 a {
	width:123px;
	height:30px;
	margin-left:14px;
	background:url(../images/products/index_menu.gif) no-repeat -242px 0px;
	}
.indexMenu li.imenu3 a:hover {
	background-position: -242px -30px;
	}
.indexMenu li.imenu4 a {
	width:140px;
	height:30px;
	margin-left:13px;
	background:url(../images/products/index_menu.gif) no-repeat -378px 0px;
	}
.indexMenu li.imenu4 a:hover {
	background-position: -378px -30px;
	}


#pi1,#pi2,#pi3,#pi4 {margin-top:20px;}

.productsIndex {width:570px;}
.productsIndex li {width:180px; margin-top:15px; margin-left:15px; float:left;}

li.skin1,li.skin8,li.skin11,
li.base1,li.base3,
li.point1,
li.hairbody3,
li.hairbody5{margin-left:0;}

.productsIndex li a {
	display:block;
	width:180px;
	height:100px;
	text-indent:-9999px;
	text-decoration:none;
	}

li.skin1 a {background:url(../images/products/index_skin1.jpg) no-repeat 0px 0px;}
li.skin2 a {background:url(../images/products/index_skin2.jpg) no-repeat 0px 0px;}
/*li.skin3 a {background:url(../images/products/index_skin3.jpg) no-repeat 0px 0px;}*/
li.skin4 a {background:url(../images/products/index_skin4.jpg) no-repeat 0px 0px;}
li.skin5 a {background:url(../images/products/index_skin5.jpg) no-repeat 0px 0px;}
/*li.skin6 a {background:url(../images/products/index_skin6.jpg) no-repeat 0px 0px;}*/
li.skin7 a {background:url(../images/products/index_skin7.jpg) no-repeat 0px 0px;}
li.skin8 a {background:url(../images/products/index_skin8.jpg) no-repeat 0px 0px;}
li.skin9 a {background:url(../images/products/index_skin9.jpg) no-repeat 0px 0px;}
li.skin10 a {background:url(../images/products/index_skin10.jpg) no-repeat 0px 0px;}
li.skin11 a {background:url(../images/products/index_skin11.jpg) no-repeat 0px 0px;}

li.base1 a {background:url(../images/products/index_base1.jpg) no-repeat 0px 0px;}
li.base2 a {background:url(../images/products/index_base2.jpg) no-repeat 0px 0px;}
li.base3 a {background:url(../images/products/index_base3.jpg) no-repeat 0px 0px;}
li.base4 a {background:url(../images/products/index_base4.jpg) no-repeat 0px 0px;}
li.base5 a {background:url(../images/products/index_base5.jpg) no-repeat 0px 0px;}

li.point1 a {background:url(../images/products/index_point1.jpg) no-repeat 0px 0px;}
li.point2 a {background:url(../images/products/index_point2.jpg) no-repeat 0px 0px;}
li.point3 a {background:url(../images/products/index_point3.jpg) no-repeat 0px 0px;}

li.hairbody1 a {background:url(../images/products/index_hairbody1.jpg) no-repeat 0px 0px;}
li.hairbody2 a {background:url(../images/products/index_hairbody2.jpg) no-repeat 0px 0px;}
li.hairbody3 a {background:url(../images/products/index_hairbody3.jpg) no-repeat 0px 0px;}
/*li.hairbody4 a {background:url(../images/products/index_hairbody4.jpg) no-repeat 0px 0px;}*/
li.hairbody5 a {background:url(../images/products/index_hairbody5.jpg) no-repeat 0px 0px;}
li.hairbody6 a {background:url(../images/products/index_hairbody6.jpg) no-repeat 0px 0px;}

.productsIndex li a:hover {background-position: 0px -100px;}



/* result */

.result {width:550px; margin-top:5px; padding:15px 10px 10px; border-top:1px dotted #E6CCCC;}
.resultPhoto {float:left; width:110px; text-align:center;}
.resultData {float:right; width:420px;}
.resultData h2 {
	padding-left:17px;
	line-height:13px;
	background:url(../images/common/mark1.gif) no-repeat 0 0;
	}
.resultType {
	padding:10px 0 5px;
	font-size:10px;
	font-size:77%;
	line-height:1.4em;
	}
html>/**/body .resultType {font-size:10px;}
.resultNavi {
	margin-top:5px;
	padding:7px;
	font-size:10px;
	font-size:77%;
	line-height:1em;
	background:#F5F5F5;
	}
html>/**/body .resultNavi {font-size:10px;}

.result2 {width:570px; margin-top:40px; padding-top:20px; border-top:1px dotted #E6CCCC;}
.result2Btn1 a {
	display:block;
	width:213px;
	height:13px;
	line-height:13px;
	text-indent:-9999px;
	background:url(../images/products/result2_btn1.gif) no-repeat;
	}
.result2Btn1 a:hover {
	background:url(../images/products/result2_btn1.gif) no-repeat 0 -13px;
	}

.result2 ul {margin-top:15px;}
.result2 ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.result2 ul {display: inline-block;}

/* Hides from IE-mac \*/
* html .result2 ul {height: 1%;}
/* End hide from IE-mac */

.result2 ul li {
	display:inline;
	float:left;
	margin-left:19px;
	}
.result2Btn2 a {
	display:block;
	width:71px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:url(../images/products/result2_btn2.gif) no-repeat;
	}
.result2Btn3 a {
	display:block;
	width:94px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:url(../images/products/result2_btn3.gif) no-repeat;
	}
.result2Btn4 a {
	display:block;
	width:101px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:url(../images/products/result2_btn4.gif) no-repeat;
	}
.result2Btn5 a {
	display:block;
	width:116px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:url(../images/products/result2_btn5.gif) no-repeat;
	}
.result2 ul li a:hover {
	background-position: 0 -12px;
	}

/* line up */

.lineUpTB {margin-top:15px;}
.lineUpP1 {
	width:180px;
	height:120px;
	text-align:center;
	}
.lineUpP2 {
	width:180px;
	height:120px;
	padding-left:15px;
	text-align:center;
	}
/* lin up link */
.lineUpP1 a,.lineUpP2 a {
	display:block;
	width:180px;
	padding:10px 0;
	text-align:center;
	background:url(../images/products/line_up_bg.gif) no-repeat;
	}
.lineUpP1 a:hover,.lineUpP2 a:hover {
	background:url(../images/products/line_up_bg.gif) no-repeat 0 -120px;
	}

.lineUpF1 {width:180px; padding:5px 0; font-size:10px; font-size:77%; line-height:1em;}
html>/**/body .lineUpF1 {font-size:10px;}
.lineUpF2 {width:180px; padding:5px 0 5px 15px; font-size:10px; font-size:77%; line-height:1em;}
html>/**/body .lineUpF2 {font-size:10px;}
.lineUpA1 {
	width:170px;
	padding:0 0 0 10px;
	vertical-align:top;
	line-height:1.4em;
	background:url(../images/common/mark2.gif) no-repeat 0 6px;
	}
.lineUpA2 {
	width:170px;
	padding:0 0 0 25px;
	vertical-align:top;
	line-height:1.4em;
	background:url(../images/common/mark2.gif) no-repeat 15px 6px;
	}

.lineUpPB1 {
	width:170px;
	padding:0 0 5px 15px;
	vertical-align:top;
	background:url(../images/products/line_up_mark.gif) no-repeat 0 1px;
	}
.lineUpPB2 {
	width:170px;
	padding:0 0 5px 30px;
	vertical-align:top;
	background:url(../images/products/line_up_mark.gif) no-repeat 15px 1px;
	}
	
.lineUpPBname {
	vertical-align:bottom;
	}


/* detail */

#detailBody {margin-top:20px;}
.detailData {width:290px; float:right;}
.detailPhoto {width:270px; float:left; text-align:center; padding-top:40px;}

.detailData h2 {padding:20px 0 0;}
.detailData h3 {margin:25px 0 -7px; color:#993366;}
.detailData h4 {margin:25px 0 -5px;}
.detailData p {margin-top:10px;}
.detailDataText {
	font-size:77%;
	line-height:1.7em;
	}
html>/**/body .detailDataText {font-size:10px;}

.detailDataLead {
	font-size:100%;
	line-height:1.6em;
	}
html>/**/body .detailDataLead {font-size:12px;}

.detailData .new{
	color: #cc0099;
	background-color: transparent;
}

.detailDataIcon img {margin-right:10px;}
.detailDataImage {margin-top:20px;}

.detailItem {
	padding:7px;
	font-size:77%;
	line-height:1em;
	background:#F5F5F5;
	}
.detailItem a {
	padding-left:10px;
	background:url(../images/common/mark2.gif) no-repeat 0 3px;
	}
html>/**/body .detailItem {font-size:10px;}

.detailPriceTB th {
	padding-top:7px;
	text-align:left;
	font-weight:normal;
	font-size:77%;
	line-height:1em;
	}
html>/**/body .detailPriceTB th {font-size:10px;}
.detailPriceTB td {
	padding:7px 0 0 15px;
	font-size:77%;
	line-height:1em;
	}
html>/**/body .detailPriceTB td {font-size:10px;}

#detailTitle h1 {float:left;}
.detailListBtn {float:left; margin:10px 0 0 20px;}
.detailListBtn a {
	display:block;
	width:61px;
	height:13px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/products/detail_btn_list.gif) no-repeat;
	font-size:10px;
	line-height:1em;
	}
.detailListBtn a:hover {
	background-position: 0 -13px;
	}
.detailPopBtn {margin-top:15px;}
.detailPopBtn a {
	display:block;
	width:71px;
	height:13px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/products/detail_btn_ingredient.gif) no-repeat;
	font-size:10px;
	line-height:1em;
	}
.detailPopBtn a:hover {
	background-position: 0 -13px;
	}
.btn4step {margin-top:15px; padding-top:10px; border-top:1px dotted #CCCCCC;}
.btn4step a {
	display:block;
	width:126px;
	height:13px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/products/btn_4step.gif) no-repeat;
	font-size:10px;
	line-height:1em;
	}
.btn4step a:hover {
	background-position: 0 -13px;
	}
.lineUpPB1 a {
	text-decoration:none;
}


/* Excia AL 2 branding */
#exal2brand{
	width: 570px;
	margin: 0;
	padding: 0;
}
#exal2brand li{
	list-style-type: none;
	width: 280px;
	margin: 0;
	padding: 0 0 10px;
}
#exal2brand li a{
	display: block;
	padding-bottom: 2px;
}
#exal2brand li#renewing{
	float: left;
}
#exal2brand li#whitening{
	float: right;
}

/* series select */
#products1 h2#pi1{
	width: 196px;
	height: 33px;
	float: left;
}
#products1 #seriesSelect{
	width: 230px;
	height: 32px;
	margin-top: 20px;
	float: right;
}