/* Marie Claire */

#marie-claire {
	width: 960px;
	height: 370px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	background: url(/Content/2010/shops/marie-claire/mc-bg.jpg) no-repeat;
	position: relative;
	outline: none;
}

#marie-claire .mc-copy {
	position: absolute;
	left: 380px;
	top: 15px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#marie-claire .mc-copy h1 {
	width: 195px;
	height: 40px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: url(/Content/2010/shops/marie-claire/marie-claire.jpg) no-repeat;
	display: block;
}

#marie-claire .mc-copy p {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 375px;
	margin: 0 0 20px;
	padding: 0;
	display: inline;
	float: left;
}

#marie-claire .mc-copy p a {
	color: #fff;
}

#marie-claire ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	width: 960px;
}

#marie-claire ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#marie-claire ul li a {
	text-indent: -9999px;
	display: block;
}

#marie-claire ul li.boyer {
	left: 0px;
	top: 238px;
}

#marie-claire ul li.boyer a {
	background: url(/Content/2010/shops/marie-claire/boyer.jpg) no-repeat;
	width: 240px;
	height: 122px;
}

#marie-claire ul li.graduate {
	left: 240px;
	top: 238px;
}

#marie-claire ul li.graduate a {
	background: url(/Content/2010/shops/marie-claire/graduate.jpg) no-repeat;
	width: 270px;
	height: 122px;
}

#marie-claire ul li.quarrel {
	left: 510px;
	top: 228px;
}

#marie-claire ul li.quarrel a {
	background: url(/Content/2010/shops/marie-claire/quarrel.jpg) no-repeat;
	width: 245px;
	height: 132px;
}

#marie-claire ul li.setra {
	left: 755px;
	top: 228px;
}

#marie-claire ul li.setra a {
	background: url(/Content/2010/shops/marie-claire/setra.jpg) no-repeat;
	width: 205px;
	height: 132px;
}

#marie-claire .mc-video {
	display: inline;
	float: left;
	width: 350px;
	height: 220px;
	position: absolute;
	top: 15px;
	left: 15px;
}

/* End Marie Claire */