/* ----- Miele S7 Microsite screen stylesheet ----- */
/* ----- Fuse Digital 2008 ------------------ */
/* ----- enjoy. ----------------------------- */

* {
	margin: 0; /* global reset of margin and padding */
	padding: 0;
	outline: none;
}

/* ----- Tags ----- */
/* ------------------------------------------------------------ */
html {
	height: 100%;
	overflow: hidden;
}
body {
	background: #000;
	text-align: center; /* centre in IE */
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	height: 100%;
}

body#legal {
	background: #576b6f;
	text-align: center; /* centre in IE */
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	height: 100%;
}

a {
	color: #fff;
	text-decoration:underline;
}
a:hover {
	color: #f00;
	text-decoration:none;
}
a img {
	border: none;
}

/* ----- Universal styles ----- */
/* ------------------------------------------------------------ */
.hide {
	display: none;
}

/* ----- Containers ----- */
/* ------------------------------------------------------------ */
#s7 {
	width: 100%;
	height: 100%;
	margin: 0;
	z-index:1;
	position:relative;
}
#s7.normal {
	width: 960px;
	height: 620px;
	margin: 70px auto 20px auto;
}
#hero {
	width: 760px;
	height: 440px;
	padding: 160px 100px 0 100px;
	background: url(../images/s7_bg.jpg) 0 0 no-repeat;
}
h1 {
	margin-bottom: 12px;
	font-size: 2em;
	letter-spacing: -1px;
}
p {
	margin-bottom: 12px;
}

p.alt
{
	text-align:right;
	padding:0 16px 0 0;
	display:block;
}

/* ----- Overlays ----- */
/* ------------------------------------------------------------ */


#PrivacyContent, #TermsContent
{
	background-color:#38484c;
	width:500px;
	padding:50px 20px 30px 20px;
	text-align:left;
	border:solid 1px #7c8c91;
}

#PrivacyContent h1, #TermsContent h1
{
	font-size:1.1em;
	font-weight:bold;
}

#PrivacyContent ol
{
	margin:0 0 10px 0;
}

#PrivacyContent ul
{
	margin:0 0 10px 0;
	list-style:disc;
}

#PrivacyContent ul li, #PrivacyContent ol li, #TermsContent ol li
{
	list-style-position:outside;
	margin:0 0 10px 14px;
}