@charset "utf-8";

/*===========================
/* Default
===========================*/
* { margin: 0; padding: 0; }
ul,ol,li { list-style: none; }


/*Clearfix
===========================*/
div.section div.explain div.textArea:after{
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

div.section div.explain div.textArea {
	display: inline-block;
}

/* Hide from Mac IE \*/

div.section div.explain div.textArea {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */



/*Layout
===========================*/
div.Campaign {
	position: relative;
	width: 647px;
}

	div.Campaign div#head {
		width: 100%;
		height: 690px;
		background: url(../../shopping/img/2010_spring_colours/bg.jpg) no-repeat top;
	}

		div.Campaign div#head h2 {
			margin: 0;
			padding: 36px 0 0 1px;
		}

		div.Campaign div#head h3,
		div.Campaign div#head p {
			padding-left: 1px;
		}
		
		div.Campaign div#head div#Nav {
			margin: 100px 0 0 425px;
			padding-left: 30px;
			width: 192px;
		}

			div.Campaign div#head div#Nav h3 {
				margin-left: -30px;
			}

			div.Campaign div#head div#Nav p {
				padding: 15px 0;
			}

			div.Campaign div#head div#Nav dl {
			}

				div.Campaign div#head div#Nav dl dt {
					padding-bottom: 5px;
					height: 16px;
				}

				div.Campaign div#head div#Nav dl dd {
					padding-bottom: 10px;
					height: 14px;
				}

			div.Campaign div#head div#Nav ul {
			}

				div.Campaign div#head div#Nav ul li {
					position: absolute;
					filter: alpha(opacity = 0);
					opacity : 0;
				}

				div.Campaign div#head div#Nav ul li.select {
					filter: alpha(opacity = 100) !important;
					opacity : 1 !important;
				}
				
				div.Campaign div#head div#Nav ul li.lip_s13 { top: 419px; left: 252px; z-index: 100;}
				div.Campaign div#head div#Nav ul li.lip_s14 { top: 523px; left: 252px; z-index: 100;}
				div.Campaign div#head div#Nav ul li.lip_s15 { top: 513px; left: 153px;}
				div.Campaign div#head div#Nav ul li.lip_s16 { top: 407px; left: 143px;}
				div.Campaign div#head div#Nav ul li.eye_s25 { top: 335px; left: 206px;}
				div.Campaign div#head div#Nav ul li.eye_s26 { top: 365px; left: 306px;}
				div.Campaign div#head div#Nav ul li.eye_s27 { top: 561px; left: 298px;}
				div.Campaign div#head div#Nav ul li.eye_s28 { top: 569px; left: 102px;}
				div.Campaign div#head div#Nav ul li.eye_s29 { top: 601px; left: 204px;}
				div.Campaign div#head div#Nav ul li.eye_s30 { top: 368px; left: 105px;}
				div.Campaign div#head div#Nav ul li.blush_17 { top: 451px; left: 349px;}
				div.Campaign div#head div#Nav ul li.blush_18 { top: 438px; left: 4px;}
				
	div.Campaign div#foot {
		width: 100%;
		height: 172px;
		background: url(../../shopping/img/2010_spring_colours/bg.jpg) no-repeat bottom;
	}
	
		div.Campaign div#foot p {
			text-align: center;
		}
	
	div.Campaign div#BannerArea {
		margin-top: 20px;
		padding-left: 35px;
	}

		div.Campaign div#BannerArea ul {
		}

			div.Campaign div#BannerArea ul li {
				padding-right: 37px;
				float: left;
			}


/* ItemArea
==================================*/
div#itemArea {
	position: relative;
	padding: 1em 0 1.5em 0;
	width: 645px;
	height: 240px;
	border-right: solid #e50083 1px;
	border-left: solid #e50083 1px;
}

/* section */

div.section {
	display: none;
	position: absolute;
	padding-left: 17px;
	width: 628px;
}

	div.section h4 {
		float: left;
		padding-right: 20px;
		height: 35px;
	}

	div.section p.btn {
	}

		div.section div.explain {
			clear: both;
		}

			div.section div.explain p.itemColor {
				float: left;
				width: 135px;
				border-right: solid #ccc 1px;
			}

				div.section div.explain p.itemColor a {
					display: block;
					padding-bottom: 25px;
					width: 101px;
					background: url(../../shopping/img/2010_spring_colours/zoom.gif) no-repeat center bottom;
				}

				div.section div.explain p.blush a {
					width: 116px;
				}

			div.section div.explain div.textArea {
				margin-left: 130px;
				padding-left: 15px;
				xborder-left: solid #ccc 1px;
			}

				div.section div.explain div.textArea h5 {
				}

				div div.explain div.textArea p.illust {
					float: left;
					padding-right: 20px;
				}

				div.section div.explain div.textArea dl {
					float: left;
				}

					div.section div.explain div.textArea dl dt {
					}

					div.section div.explain div.textArea dl dd {
					}

/*shopping bag */
div.shoppingbag {
	margin: 15px 0;
	height: 2em;
	font-size: 12px;
}

	div.shoppingbag p.price {
		float: left;
		padding: .2em .5em 0 0;
		* padding: .5em .8em 0 0;
	}

	div.shoppingbag div.selectItem {
		float: left;
		width: 11.5em;
	}

		div.shoppingbag div.selectItem label {
			float: left;
			padding-right: .5em;
		}

		div.shoppingbag div.selectItem div#buyUttlty {
			float: left;
			width: 30px;
		}

	div.shoppingbag p.element {
		float: left;
		padding-top: .2em;
		* padding-top: .5em;
	}

		div.shoppingbag p.element a {
			color: #999;
			font-weight: bold;
		}

	div.shoppingbag div.icon_bottom {
		float: left;
	}

	*:first-child + html div.shoppingbag div.iconTop { /* IE7 only */
		padding-top: .5em;
	}