﻿
div#hpTopTeaser
{
	position: relative;
	width: 952px;
	height: 288px;
	margin-bottom: 31px;
}

div#hpTopTeaser div.cTopTeaserImage
{
	position: absolute;
	display: none;
	width: 952px;
	height: 288px;
	overflow: hidden;
	background-color: #eee;
}

div#hpTopTeaser div.first
{
	display: block;
}

html.js div#hpTopTeaser div.first
{
	display: none;
}

div#hpTopTeaser div.cTopTeaserContent
{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 952px;
	height: 288px;
	overflow: hidden;
	z-index: 500;
}

div#hpTopTeaser div.cTopTeaserContent
{
	position: absolute;
	top: 16px;
	left: 16px;
	width: 424px;
	height: 188px;
	padding: 16px;
	background-color: White;
	z-index: 1000;
}

div#hpTopTeaser div.bigTeaser
{
	margin-bottom: 20px;
}

div#topTeaserControl
{
	position: absolute;
	left: 16px;
	top: 239px;
	padding: 1px 10px 16px 13px;
	z-index: 1500;
	background-color: White;
}

div#topTeaserControl ul.tc
{
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

html.js div#topTeaserControl ul.tc
{
	display: block;
}

#topTeaserControl ul.tc li.tc
{
	display: inline;
	padding-right: 3px;
}

#topTeaserControl ul.tc li.tc a
{
	cursor: default;
}

div#topTeaserControl ul.tc li.tc a span
{
	display: none;
}


/* IO Worlmap styles */

div#ioTopSpacing div
{
	width: 128px;
	/* height: 100%; */
	float: left;
	margin-right: 8px;
	background-color: #f9f9f9;
}

div#ioTopSpacing div a,
div#ioTopSpacing div span
{
	display: block;
	height: 20px;
	border-bottom: solid 1px #e6e6e6;
	background-color: #f9f9f9;
	text-decoration: none;
	padding: 3px 0 0 8px;
}

