html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {font-size: 88%; color: #333; background: #d8d8d8 url(../images/2009/body-bg.jpg) repeat-x 0 0; font-family:"Courier New", Georgia, Times, serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size: 36px;line-height: 1;margin-bottom: 0.5625em; color: #336633;}
h2 {font-size: 30px;line-height: 1;margin-bottom: 0.5em;}
h3 {font-size: 24px;line-height: 1;margin-bottom: 0.75em;}
h4 {font-size:1em;margin-bottom:0.75em;}
h5 {font-size:1em;}
h6 {font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 a {color: #336633; font-weight: bold;}
p {margin:0 0 1.5em;}
img.left {float:left;margin: 0 2em 1.5em 0;padding:0;}
img.right {float:right;margin: 0 0 1.5em 2em;}
a:focus, a:hover {color:FF380F;}
a {color:#990000;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;text-align:left;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* Layout */
#page { position: relative; }
#main { min-height: 605px; width: 1024px; padding-bottom: 100px; }

.page-popup { padding: 2em; }

#header { background-image: url(../images/2009/header-bg.jpg); background-repeat: no-repeat; xpadding: 5px 10px 10px; height: 128px; width: 1024px; position: relative; }
.page-home #header 	{ height: 128px; }

#footer {color: #ffcc00; background: #000000; font-size: 1.0em; padding: 10px 50px; font-weight: bold; }
#footer a {color: #cc0000; text-decoration: none;}

#news { color: #000; position: absolute; left: 505px; top: 380px; height: 280px; width: 215px; overflow: auto; }

#left_side {
	float: left;
	width: 270px;
	overflow: hidden; }

#sidenav { color: #990000;  width: 218px; padding: 0px 0 0 44px; border-right: 2px solid #959595; font-weight: bold; }
#sidenav ul {margin-right: 9px; }
#sidenav ul li {list-style-type: none; background: url(../images/2009/bg-darrow-red.gif) no-repeat 0px 7px ; padding-left: 15px;}
#sidenav a {text-decoration: none;}
#sidenav a:hover {color: #660000;}
#sidenav h6 { background: url(../images/2009/bg-darrow-red.gif) no-repeat 0 6px ; padding-left: 15px;}
#sidenav h6 a:hover { text-decoration: underline; }
#sidenav h6 a { color: #990000; text-decoration: none; font-weight: bold;}

#ostoskori {margin: 32px 0 0 36px;}
#ostoskori span {display: none;}
#ostoskori h3, #ostoskori table {margin: 0px; padding: 0px;}

#ostoskorissa {
	background: url(../images/2009/bg-box-white.jpg) repeat-y 0 0px ;
	margin-top: 2px;
	color: #660000;
	padding: 7px 0 15px 0; }
	
	#ostoskorissa td {padding:3px 0px 3px 13px; line-height: 12px; vertical-align:top; font-weight: bold;}
	#ostoskorissa td.tuotenimi {width: 142px;}

#ostos_toiminnot {background: url(../images/2009/bg-box-lyellow.jpg) no-repeat 0 0px ; height: 64px; width: 232px; margin: 2px 0 0 0;}
	
	#ostos_toiminnot ul {margin: 0px 0 0 0px; padding-top: 5px;}

	#ostos_toiminnot ul li {
		margin: 0 0 0 15px;
		list-style-type: none;
		background: transparent url(../images/2009/bg-darrow-red-yellow.gif) no-repeat scroll 0 7px;
		line-height: 17px; }
		
	#ostos_toiminnot a {text-decoration: none; padding: 0 0 0 15px; font-weight: bold;}

.onkel {margin: 15px 0 0 0;} 


#content 	{ width: 570px; padding: 20px; }

.page-products #content { width: 737px; padding: 0px 0px 20px 7px; float:left; }
.page-retailers #content { width: 624px; float: left; }
.page-gallup #content {width: 970px;}
.page-oldies #content { width: 840px; }
.page-comics #content	{ width: 730px; }
.page-feedback #content	{ float: left;}
.page-games #content { width: 960px; }
.page-teesi #content { width: 80%; }
.page-teesi #content ul,
.page-teesi #content p { font-size: 14px; }
.page-teesi #content hr { margin-bottom: 3em; }
.page-biisikisa #content {width: 970px; padding: 0px 20px 20px 35px; }
.page-security #content, .page-links #content, .page-shoplist #content, .page-videos #content, .page-flyer #content, .page-pamphlets #content { float: left;}


.page-retailers table th { border-bottom: 1px solid #fff; }
.page-retailers table td { border-bottom: 1px solid #eee; border-left: 1px solid #666; }

.cover { float: left; margin: 0 10px 10px 0; }

#mobile { position: absolute; right: 10px; bottom: 10px; color: #CCCC00; font-size: 14px; margin: 0; }
#mobile a { color: #CCCC00; }

a#logo {position: absolute; width: 100px; height: 100px; display: block; left: 33px;}

#menu {margin-left:145px;  padding-top: 15px; position: relative; z-index: 99;  color: #000;}
#menu a:hover { text-decoration: underline; }
#menu a				{ color: #cccc00; text-decoration: none; }

#menu-top { font-size: 2em;  }
#menu-top ul								{ list-style: none; }
#menu-top img,
#menu-top li								{ float: left; }
#menu-top a:hover { background-position: 0 -34px; }
#menu-top a		{ height: 34px; text-indent: -999em; display: block; float: left;  }
#menu-top img								{ float: left; }
#menu-top a.disabled:hover,
#menu-top a.disabled				{ background-position: 0 -68px; }


#menu-top #etusivu	 	{ background: url(../images/2009/navi/navi-nuolet.gif) 0 0 no-repeat; width: 34px; }
#menu-top #tuotteet 	{ background-image: url(../images/2009/navi/navi-tuotteet.gif); width: 101px; }
#menu-top #myymalat 	{ background-image: url(../images/2009/navi/navi-myyntipisteet.gif); width: 158px; }
#menu-top #ostoslista { background-image: url(../images/2009/navi/navi-ostoslista.gif); width: 119px; }
#menu-top #videot 		{ background-image: url(../images/2009/navi/navi-videot.gif); width: 74px; }
#menu-top #turvaohjeet 		{ background-image: url(../images/2009/navi/navi-turvaohjeet.gif); width: 133px; }
#menu-top #jakomainos { background-image: url(../images/2009/navi/navi-jakomainos.gif); width: 125px; }

#menu-bottom { clear: both; font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin-left: 40px; }
#menu-bottom ul { list-style: none; margin: 0; padding:0; padding-top: 8px;}
#menu-bottom li { float: left; height: 25px; }
#menu-bottom a	{ float: left; font-size: 16px; padding: 0 7px 0 6px; font-weight: bold;}
#menu-bottom a.disabled:hover,
#menu-bottom a.disabled					{ color: #7f1c07; }

#vaaka_menu {
	background: url(../images/2009/vaaka-navi-bg.jpg) 0 0 no-repeat;
	height: 86px;
	padding-left: 42px;
	}
	
	#vaaka_menu a {height: 53px; display: block;  width: 232px;}
	#vaaka_menu a span {display: none;}
	#vaaka_menu a#tuotteet {background: url(../images/2009/navi/navi-tuotteet.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#myyntipisteet {background: url(../images/2009/navi/navi-myyntipisteet.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#ostoslista {background: url(../images/2009/navi/navi-ostoslista.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#videot {background: url(../images/2009/navi/navi-videot.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#turvaohjeet {background: url(../images/2009/navi/navi-turvaohjeet.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#jakomainos {background: url(../images/2009/navi/navi-jakomainos.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#tykitsuutarit {background: url(../images/2009/navi/navi-tykitsuutarit.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#palaute {background: url(../images/2009/navi/navi-palaute.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#aanesta {background: url(../images/2009/navi/navi-aanesta.jpg) 0 0 no-repeat; margin: 0px;  }
	#vaaka_menu a#wanhat {background: url(../images/2009/navi/navi-wanhat.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#kuponkit {background: url(../images/2009/navi/navi-kupongit.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#pelit {background: url(../images/2009/navi/navi-pelit.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#linkit {background: url(../images/2009/navi/navi-linkit.jpg) 0 0 no-repeat;  }
	#vaaka_menu a#venaja {background: url(../images/2009/navi/navi-russia.jpg) 0 0 no-repeat; width: 234px; margin-left: 695px; }
	#vaaka_menu a#biisikisa {background: url(../images/2009/navi/navi-biisikisa.jpg) 0 0 no-repeat; width: 234px;  }
	#vaaka_menu a#trabi {background: url(../images/2009/navi/navi-trabant.jpg) 0 0 no-repeat; width: 234px;  }
	
#main-bottom {
	background: transparent url(../images/2009/main-head-bg.jpg) no-repeat 50px 0px;
	width: 1024px;
	color: #000;
	font-weight: bold;
	
	}
	
	#main-bottom ul {padding: 0px; margin: 0px; padding-top: 220px; }
	#main-bottom ul li {list-style-type: none; font-size: 14px; padding: 7px 0 10px 0; line-height: 16px; }	
	#main-bottom span.user {color: #006699;  }
	#main-bottom span.time {font-size: 12px;}
	#main-bottom a {text-decoration: none;  }

#rakettikeiu-flash {
	margin-top: -34px; }

#twitter {
	width: 566px;
	float: left;
	margin:0 15px 0 50px;
	_margin:0 15px 0 30px;
	}
	
#lisaa_sirkutusta {position: relative; width: 270px; height: 40px; margin:30px 0 0 15px;}
#lisaa_sirkutusta a {
	font-size: 14px; 
	font-weight: bold; 
	color: #990000; 
	xbackground: transparent url(../images/2009/bg-arrow-red.gif) no-repeat 0px 3px;
	padding: 0 0 0 20px; }
	
	#lisaa_sirkutusta a span {display: none;}
	
#lisaa_sirkutusta img.keiunen {position: absolute; bottom: 5px; right: 0px; }

#uutinen {margin-top: 50px;}
#uutinen h4 {color: #990000; }

#add_this {
	background: transparent url(../images/2009/add-this-bg.jpg) no-repeat 0px 3px; 
	width: 940px;
	height: 26px;
	margin:0 0 0px 37px;
	padding:8px 0 0 15px;
	padding-bottom: 70px; }

#add_lifts {float: left; margin-top: 80px;	}
	#add_lifts .zum_teufel {margin-bottom: 54px; }
	#add_lifts .koolla_on {margin: 0 0 48px 14px;}
	#add_lifts .kupongi {margin: 0 0 40px 14px;}

#tykit		{ float: left; width: 400px; margin-right: 20px; padding: 20px; }
#suutarit { float: left; width: 400px; padding: 20px; }

.kysymys {color: #000; font-weight:bold;}
.vastaus {color: #000;}
.palsta {color: #000; background-color: #000; height: 1px;}

#tuotetiedot 	{ float: left; width: 332px; margin-right: 15px; font-weight: bold; }
#tuotetiedot p  {font-weight: bold; }
#tuotekuvat 	{ float: left; width: 334px; padding-top: 5px; }
#tuotekuva		{ text-align: center; position: relative; background: #fff; height: 600px; width: 395px;overflow:hidden; margin-top: 10px; padding: 0px 0px 0px 0px;}

.oikea_tuote {margin-top: 145px;}
.kuvan-aitous { position: absolute; top: 0px; right: 0px;}
.kuvankehys { position: absolute; bottom: 0px; left: 0px;}

#tuotevideot {margin: 16px 0 0 0;}
	
	#tuotevideot h4 {background: #000 url(../images/2009/katso_videot.jpg) no-repeat 0 0; width: 334px; height: 35px;}
	#tuotevideot h4 span {display: none;}

.hinta {
	background: #000 url(../images/2009/bg-box-yellow.jpg) no-repeat 0 0; 
	width: 124px; 
	height: 60px; 
	color: #660066; 
	font-size: 20px; 
	font-weight: bold; 
	padding: 0 0 0 12px;
	float: left;
	}
	 
.hinta span {font-size: 30px; display: block; margin: -10px 0 0 0; padding: 0px; letter-spacing:-4px; font-weight: bold;} 

.toiminnot {float: left; margin-left: 7px;}

.lisaa_koriin {
	background: #000 url(../images/2009/bg-rectangle-yellow.jpg) no-repeat 0 0; 
	width: 189px; 
	height: 22px;
	padding-top: 4px;
	margin-bottom: 7px;
	} 
	
	.lisaa_koriin a {font-weight: bold;text-decoration: none; padding: 0px 0 0 20px; margin-left: 5px;background: url(../images/2009/bg-darrow-red-yellow.gif) no-repeat 0px 5px ;}

.jako {
	background: #000 url(../images/2009/bg-rectangle-lyellow.jpg) no-repeat 0 0; 
	width: 183px; 
	height: 21px;
	padding: 5px 0 0 5px;
	}

.page-games #game,
.page-games #clues,
.page-games #analyze { float: left; }

.page-games #game {margin-right: 10px; width: 570px;}
.page-games #clues {margin-right: 10px; width: 320px;}
.page-games #analyze { width: 220px;}
.page-games #flash {clear: both;}

.page-games #status {font-size: 1.2em;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:transparent;color:#E2E2E2;}
hr.tuotteet {height: 10px;}
.clearfix:after,
#page:after,
#menu:after,
#main:after,
#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {clear:both;}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}

#gallup_head {margin: 0 0 25px 15px;}

#gallup_ehdokkaat {margin-left: 30px;}
.gallup_nro {width: 219px; position: relative; float: left; margin-right: 12px;}
.gallup_nro p {font-weight: bold; margin: 5px 0 0 3px; }
	
.gallup_nimi {margin-bottom: 6px; background: url(../images/2009/bg-box-yellow-gallup.jpg) no-repeat 0 0; width: 218px; height: 26px; overflow: hidden; }
.gallup_nimi span { color: #820274; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.gallup_nimi p { color: #820274; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 21px;}
.gallup_nimi input {position: absolute; top: 5px; right: 10px; }

.gallup_prosentti { position: absolute; top: 260px; left: 50px; color: #fff; font-size: 24px; font-weight: bold;  }
.gallup_prosentti span {font-size: 36px; font-weight: bold; height: 10px; overflow: hidden; padding: 0px; margin: 0px; }

#aanesta {position: relative; background: url(../images/2009/gallup_aanesta.jpg) no-repeat 0 0;  height: 54px; width: 918px; margin-top: 5px; margin-left: 30px;}
#aanesta a {position: absolute; right: 7px; top: 13px; width: 130px; height: 30px; } 
#aanesta a span {display: none;}	

img.tarjous {margin: 25px 0 0 610px;  }
	
#biisikisa h2 {
	background: url(../images/2009/osallistu_kilipailu.jpg) no-repeat 0 0; width: 572px; height: 39px;
	}	
	
	#biisikisa h2 span {display: none;}
	
	#biisikisa p {font-weight: bold;}

#biisikisa #saannot {width: 572px; margin-left: 10px; float: left;}
#biisikisa #videot {float: left; margin-left: 15px; margin-top: 7px;}


#page_images {float: left; margin-top: 70px; margin-left: 60px;}
.page-retailers #page_images {margin-left: 20px;}

#page_images img {margin-bottom: 100px;}


.page-trabi #content table {
	width: auto; }
	
.page-trabi #content {
	width: auto; }
	
.page-trabi #trabi-imgcolumn {
	display: inline;
	float: right;
	width: 450px;
	margin-left: 40px;
	padding-bottom: 100px; }

		
/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}