/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
div, header, nav, footer { display: block; }
a:focus { outline: none; }

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/* Locknload */
body {
	background: rgb(0,0,0);
	margin: 0;
}

div.container {
	height: 700px;
}

div.header {
	display: none;
	background: rgb(230,230,230);
	border-bottom: 1px solid rgb(230,230,230);
	text-align: center;
	height: 80px;
}

div.content {
	position: relative;
	background: url(/img/promos/locknload/locknload-sprites.png) top center no-repeat;
	width: 700px;
	height: 145px;
	margin: 0 auto;
}

div#flash {
	position: absolute;
	width: 400px;
	height: 500px;
	top: 0;
	left: 0;
}

a.download {
	display: block;
	position: absolute;
	top: 270px;
	left: 50%;
	border: none;
	text-indent: -99999px;
	background: url(/img/promos/locknload/locknload-sprites.png);
	background-position: 0 -156px;
	height: 48px;
	width: 182px;
	margin: 0 0 0 50px;
}
a.download:hover {
	background-position: 0 -204px;
}
a.download:active {
	background-position: 0 -250px;
}

.bonustotal {
	position: absolute;
	background: url(/img/promos/locknload/locknload-sprites.png);
	background-position: -184px -150px;
	top: 210px;
	left: 50%;
	width: 187px;
	height: 50px;
	margin: 0 0 0 50px;
}


p.platform {
	position: absolute;
	color: rgb(130,130,130);
	font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 187px;
	position: absolute;
	top: 330px;
	left: 50%;
	text-align: center;
	padding: 0 0 50px;
	margin: 0 0 0 50px;
}

div.platform {
	position: absolute;
	background: url(/img/promos/locknload/locknload-sprites.png);
	background-position: -182px -200px;
	width: 187px;
	position: absolute;
	top: 345px;
	left: 50%;
	padding: 0 0 50px;
	margin: 0 0 0 50px;
}

p.terms {
	font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 187px;
	position: absolute;
	top: 390px;
	left: 50%;
	text-align: center;
	margin: 0 0 0 50px;
}

p.terms a {
	color: rgb(90,90,90);
	text-decoration: none;
}
p.terms a:hover {
	text-decoration: underline;
}

div.terms {
	border: 1px solid rgb(30,30,30);
	display: none;
	background: rgb(10,10,10);
	font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 600px;
	padding: 0;
	margin: 400px auto 10px;
}

div.terms ul {
	color: rgb(90,90,90);
}

div.terms li {
	border-top: 1px solid rgb(30,30,30);
	padding: 1em 20px;
}

div.terms a {
	display: block;
	color: rgb(90,90,90);
	text-align: center;
	padding: 10px 20px;
}