@charset "utf-8";
/* CSS Document for Olay UK Sitemap page. */

div#containerMain
{
	background: url(/images/bg-news-events.jpg) top no-repeat #000000;
}

h1#hdrMain, span#hdrMain
{
	float: right;
	margin: 3px 29px 42px 0;
	font: normal 1.5em Helvetica, Arial, sans-serif;
	display: inline;
}

div#leftColumn
{
	float: left;
	margin: 0 30px;
	display: inline;
}


div#leftColumn
{
	width: 206px;
}

div#rightColumn
{
	float: left;
	width: 706px;
}

div.index div#rightColumn
{
	padding: 0 0 130px 0;
}

div#containerLeftColumn
{
	float: left;
	width: 470px;
	margin: 0 29px 12px 0;
}

div#containerNews
{
	width: 450px;
	padding: 20px 0 0 20px;
	background: url(/images/bg-news-items.png);
}

* html div#containerNews
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/images/bg-news-items.png", sizingMethod="scale");
}


div#containerRightColumn
{
	float: left;
	width: 206px;
	margin: 0 0 4px 0;
}

div#txtLatestNews
{
	clear: left;
	width: 470px;
	margin: 0 0 11px 0;
	border-top: 1px solid #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
}

div#txtMultimediaContent
{
	clear: left;
	width: 205px;
	margin: 0 0 11px 0;
	border-top: 1px solid #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
}

div#txtUpcomingEvents
{
	clear: left;
	width: 706px;
	margin: 0 0 11px 0;
	border-top: 1px solid #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
}

div#txtNewsHdr
{
	width: 706px;
	margin: 0 0 11px 0;
	border-top: 1px solid #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
}

div#txtUpcomingEvents h2, div#txtLatestNews h2, div#txtMultimediaContent h2, div#txtNewsHdr h2, div#txtNewsHdr h1
{
	float: left;
	margin: 8px 0;
	font-size: 1em;
}

div#txtUpcomingEvents p, div#txtLatestNews p, div#txtMultimediaContent p, div#txtNewsHdr p
{
	float: right;
	margin: 11px 0 0 0;
	font-size: 0.6em;
	font-weight: bold;
}

div#txtUpcomingEvents p a, div#txtLatestNews p a, div#txtMultimediaContent p a, div#txtNewsHdr p a
{
	color: #A1A1A1;
	text-decoration: underline;
}

ul#containerNewsItems
{
	clear: left;
	width: 450px;
	list-style-type: none;
}

ul#containerNewsItems li
{
	width: 450px;
	padding: 0 0 20px 0;
}

ul#containerNewsItems li img
{
	float: left;
	width: 90px;
	height: 90px;
	margin: 0 20px 0 0;
	display: block;
}

ul#containerNewsItems li div.containerNewsItem
{
	float: left;
	width: 320px;
}

ul#containerNewsItems h3
{
	font-size: 0.8em;
	margin: 2px 0 7px 0;
}

ul#containerNewsItems p
{
	font-size: 0.7em;
	margin: 0 0 7px 0;
}

ul#containerNewsItems a
{
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: underline;
}

ul#containerVideos
{
	clear: left;
	width: 205px;
	padding: 0 0 8px 0;
	list-style-type: none;
}

ul#containerVideos li
{
	width: 205px;
}

ul#containerVideos li div.containerVideo
{
	position: relative;
	width: 205px;
	height: 155px;
	margin: 0 0 6px 0;
}

ul#containerVideos li div.containerVideo img
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 205px;
	height: 155px;
	z-index: 0;
}

ul#containerVideos li p
{
	width: 205px;
	margin: 0 0 20px 0;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}

ul#containerVideos li a
{
	float: left;
	margin: 0 0 8px 0;
	font-size: 0.6em;
	font-weight: bold;
	color: #A1A1A1;
	text-decoration: underline;
}

ul#containerVideos li div.containerVideo a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 165px;
	height: 35px;
	margin: 0;
	padding: 116px 30px 0 10px;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	z-index: 1;
}

ul#containerVideos li a.linkTranscript
{
	float: left;
}

ul#containerVideos li a.linkFullscreen
{
	float: right;
}

ul#containerUpcomingEvents
{
	float: left;
	width: 686px;
	padding: 0 0 0 20px;
	list-style-type: none;
	display: inline;
}

ul#containerUpcomingEvents li
{
	float: left;
	width: 180px;
	margin: 0 73px 20px 0;
}

ul#containerUpcomingEvents li.end
{
	margin: 0 0 20px 0;
}

ul#containerUpcomingEvents h3
{
	font-size: 0.8em;
	margin: 0 0 4px 0;
}

ul#containerUpcomingEvents p
{
	font-size: 0.7em;
	margin: 0 0 4px 0;
}

ul#containerUpcomingEvents a
{
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: underline;
}

h3#hdrSort
{
	margin: 0 0 7px 0;
	font-size: 1em;
}

ul#linksSort
{
	width: 205px;
	list-style-type: none;
	font-size: 0.75em;
}

ul#linksSort li
{
	width: 205px;
	padding: 7px 0;
	border-top: 1px solid #717171;
}

ul#pagination
{
	list-style-type: none;
	margin: 0 0 20px 0;
}

ul#pagination li
{
	padding: 0 2px 0 5px;
	font-size: 0.7em;
	border-left: 1px solid #6E6E6E;
	display: inline;
}

ul#pagination li#page1
{
	padding: 0 2px 0 0;
	border: none;
}

ul#pagination li a
{
	color: #6E6E6E;
}

ul#pagination li.pageOn a
{
	color: #FFFFFF;
}

div#containerNewsStory
{
	width: 666px;
	margin: 0 0 150px 0;
	padding: 20px 20px 0 20px;
	background: url(/images/bg-news-items.png);
}

* html div#containerNewsStory
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/images/bg-news-items.png", sizingMethod="scale");
}
div#containerSafety
{
	width: 666px;
	margin: 0 0 150px 0;
	padding: 20px 20px 0 20px;
	background: url(/images/bg-news-items.png);
}

* html div#containerSafety
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/images/bg-news-items.png", sizingMethod="scale");
}


div#leftColumnStory
{
	float: left;
	width: 182px;
	margin: 0 20px 0 0;
}

div#leftColumnStory img
{
	display: block;
	width: 182px;
	height: 182px;
	margin: 0 0 16px 0;
}

div#leftColumnStory h4
{
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	font-size: 1em;
	border-bottom: 1px solid #6E6E6E;
}

div#leftColumnStory p
{
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	font-size: 0.7em;
	border-bottom: 1px solid #6E6E6E;
}

div#leftColumnStory .smallerMargin { margin-bottom:5px !important;}

div#leftColumnStory p a
{
	display: block;
	margin: 4px 0 0 0;
	color: #DAC46C;
}

div#rightColumnStory
{
	float: left;
	width: 464px;
}

div#rightColumnStory h4
{
	font-size: 0.8em;
	margin: 0 0 12px 0;
}

div#rightColumnStory p
{
	font-size: 0.7em;
	margin: 0 0 20px 0;
}

div#rightColumnStory p .linkYellow { color:#DAC46C; text-decoration:underline;}

div#rightColumnStory p.list
{
	margin: 0 0 5px 0;
}

div#rightColumnStory ul, div#rightColumnStory ol
{
	font-size: 0.7em;
	margin: 0 0 20px 26px;
}

div#rightColumnStory li
{
	margin: 0 0 5px 0;
}

.columnSafety { width:666px !important;}