@charset "utf-8";

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

/*Layout
===========================*/
div.Campaign {
	width: 648px;
}

	div.Campaign div#head {
		padding: 5px;
		height: 28px;
		overflow: hidden;
		zoom: 1;
	}

		div.Campaign div#head h2 {
			float: left;
			margin: 0;
			padding-right: 1em;
		}
		
		div.Campaign div#head p.date {
		}

/* ItemArea
==================================*/
div#itemArea {
	position: relative;
	width: 648px;
	height: 593px;
 }

	div#itemArea h3.copy {
		position: absolute;
		top: 404px;
	}

/* section */
div.section {
	position: absolute;
	display: none;
	width: 648px;
	height: 400px;
}

	div.section h3 {
		width: 648px;
		height: 139px;
	}

	div.section p.itemLipImg {
		float: left;
		margin: 30px 0 0 60px;
		_margin-left: 30px;
	}
	
	div.section p.itemNailImg {
		margin: 30px 0 0 344px;
	}

	div.section p.txtOil {
		clear: both;
		float: left;
		margin-top: 4px;
	}

/*shopping bag */
div.shoppingbag {
	position: absolute;
	top: 152px;
	z-index: 100;
	font-size: 12px;
}

div.LipBag { left: 22px; }
div.NailBag { left: 448px; }

	div.shoppingbag p.price {
		padding: 0;
	}

	div.shoppingbag div.selectItem {
		float: left;
		width: 210px;
	}

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

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

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

		div.shoppingbag p.element a {
			color: #e90978;
		}

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

	div.shoppingbag div.iconTop {
		clear: both;
		display: block;
		width: 210px;
	}

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

/* Navigation */
div#Nav {
	position: absolute;
	top: 433px;
	background: url(../../shopping/img/2010_lipstick_nailpolish/nav_bg.jpg) no-repeat 0 30px #000;
	overflow: hidden;
	zoom: 1;
}

	div#Nav p {
		padding: 10px 0 0 10px;
		height: 20px;
	}

	div#Nav div {
		float: left;
		margin: 0 10px;
		height: 64px;
	}
	
	* html div#Nav div { /* IE6 only */
		margin: 0 5px;
	}

	div#Nav div#colourViolet {
		margin: 0 4px;
	}
	* html div#Nav div#colourViolet { /* IE6 only */
		margin: 0 9px;
	}
	
	div#Nav div#colourOrange {
		margin-left: 4px;
	}
	* html div#Nav div#colourOrange { /* IE6 only */
		margin-left: 9px;
	}

	div#Nav div h4 {
		padding-bottom: 2px;
	}

		div#Nav div ul {
		}
	
			div#Nav div ul li {
				float: left;
				padding-right: 3px; 
			}

			div#Nav div ul li.last-child {
				padding-right: 0;
			}
	
			div#Nav div ul li.select {
				filter: alpha(opacity = 0) !important;
				opacity : 0 !important;
			}

				div#Nav div ul li a {
					display: block;
					width: 26px;
					height: 36px;
				}

/* Flash Banner */
div#flashBanner {
	position: relative;
	z-index: 100;
}

	div#flashBanner p.banner01 {
		position: absolute;
		top: 12px;
		left: 109px;
	}
	
	div#flashBanner p.banner02 {
		position: absolute;
		top: -27px;
		left: 509px;
	}
	
/* Visual */
div#visual {
	position: relative;
	width: 648px;
	height: 354px;
	background: url(../../shopping/img/2010_lipstick_nailpolish/visual_bg.jpg) no-repeat top;
}

	div#visual h3 {
		position: absolute;
		top: 143px;
		left: 274px;
	}
	
	div#visual p {
		position: absolute;
		top: 233px;
		left: 297px;
	}


/* EXPLAIN */
div.Explain {
	clear: both;
	width: 648px;
	overflow: hidden;
	zoom: 1;
}

	div.Explain h3 {
		height: 21px;
		text-align: center;
	}

	div.Explain a {
		display: block;
		margin-top: 10px;
		width: 303px;
		height: 124px;
		background: url(../../shopping/img/2010_lipstick_nailpolish/ex_bg.jpg) no-repeat top;
	}

	div.Explain a.exLip {
		float: left;
	}

	div.Explain a.exNail {
		float: right;
	}

		div.Explain a h4 {
			padding:10px 0 4px 0;
		}

		div.Explain a p.MP {
			padding-top:9px;
		}

/* Xbrand */
div.Campaign p#Xbrand {
	margin-top: 2em;
	text-align: center;
}