/* @override http://olipakerran.info/fi/css/main_fi.css */

* {
	/* Remove browser default margins and paddings */
	margin:0;
	padding:0;
	/* Remove Firefox link borders */
	border: 0;
	text-decoration: none;
}

body {
	font-size: 12px;
	background: #4fbfcb url(../img/global/background.jpg) no-repeat fixed 46% 30px;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial;
}

p {}
p1 {font-weight: normal;}
p2 {font-weight: normal; color: #858585; font-size: 9px;}
p3 {font-weight: bold;}
h1 {font-weight: bold; font-size: 16px;}
h2 {font-weight: bold; font-size: 14px;}

.languagemenu {
	margin: 0px 23px 5px 0;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.languagemenu:hover {
	color: #eee;
}


#pagecontainer {
	margin:auto;
	margin-top:10px;
	width:980px;		
}

#logo {
	background: url(../img/fi/logo.png) no-repeat;
	float:left;
	height:115px;
	width:277px;
}

#topright {
	text-align: right;
	margin:-2px 0 0 0;
	float:left;
	width:700px;
}

#banner {
	background: url(../img/fi/topbanner.png) no-repeat;
	margin-left:26px;
	height:64px;
	width:670px;
}

#content {
	background: url(../img/global/content_top.png) no-repeat;
	float:left;
	min-height:620px;
	width:980px;
	margin-top:-10px;
}

#contentbottom {
	background: url(../img/global/content_bottom.png) no-repeat;
	position:relative;
	top:9px;
	height:560px;	 
}

#contentcontainer {
	width:942px;
	height:551px;
}

#contentitem {
	display: block;
	float:left;
	width:942px;
	height:551px;
}

#contentnews {
	background: url(../img/fi/splash.png) no-repeat;
	float:left;
	width:616px;
	height:440px;
}

#contentright {
	float:left;
	margin-left: 6px;
	width:320px;
	height:440px;
}

#contentshop {
	float:left;
	background: #acb;
	width:320px;
	height:254px;
}

#contentvideo {
	float:left;
	display: block;
	background: #acc;
	margin-top:6px;
	width:320px;
	height:180px;
}

#contentdvdgallery {
	background: #acd;
	margin-top: 6px;
	float:left;
	width:468px;
	height:106px;
}

#contentcharactergallery {
	background: #ace;
	margin: 6px 0 0 6px;
	float:left;
	width:468px;
	height:106px;
}

#contentpage2 {
	width:942px;
	height:551px;
}


/* News */

#news {
	display: block;
	float: left;
	overflow: auto;
	height:551px;
	width:616px;
}

#newsad {
	padding-left: 6px;
	float: left;
	height:551px;
	width:320px;
}

.newsitem {
	background: url(../img/global/fade_white.png) no-repeat 5px 10px;
	padding: 20px;
	min-height: 100px;
	width:560px;
}

.newsitemtext {
	float: left;
	padding-top: 15px;
	width: 300px;
}

.newsitemtextfullw {
	float: left;
	padding-top: 15px;
	width: 550px;
}

.newsitem img {
	float: left;
}



/* Dvd's games and books */


#contentpage3, #contentpage4 {
	background: url(../img/global/pagegradient2.png) no-repeat;
	color: white;
	width:942px;
	height:551px;
}


.dvdsplash {
	background: url(../img/fi/dvd/dvdsplash.png) no-repeat;
	background-position: 10px 30px;
	width: 300px;
	height: 551px;
	float: left;
	padding: 350px 0px 30px 0px;
}

.booksplash {
	background: url(../img/fi/book/booksandgamessplash.png) no-repeat;
	background-position: 10px 30px;
	width: 280px;
	height: 551px;
	float: left;
	padding: 350px 0px 30px 0px;
}

.dvdboxeswrapper {
	display: block;
	overflow: auto;
	width: 628px;
	height: 551px;
	float: left;
	margin: 10px 0 0 0;
}

.bookswrapper {
	display: block;
	overflow: auto;
	width: 662px;
	height: 551px;
	float: left;
	margin: 10px 0 20px 0;
}

.dvdbox {
	width:125px;
	height: 235px;
   	float: left;
	padding: 10px 12px 10px 6px;
}

.bookbox {
	width: 139px;
	height: 275px;
   	float: left;
	padding: 10px 0px 0px 10px;
}

.gamebox {
   	float: left;
	padding: 0px 10px 0px 30px;
}

.dvdbox p, .dvdbox h2, .bookbox p, .bookbox h2 {
	text-align: center
}


img.top {
	margin-top: 10px;
}

#contentpage5 {
	width:942px;
	height:551px;
}

#contentpage6 {
	width:942px;
	height:551px;
}


/* ------GLOBALNAVI------ */


#globalnav {
	text-align: left;
	height: 38px !important;
	z-index: 1;	
	margin:-5px 0 0 24px;
}

#globalnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#globalnav li {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#globalnav li a, #globalnav li div {
	float: left;
	height: 38px;
	line-height: 38px;
	width: 61px;
	overflow: hidden;
	text-indent: -999em; 	
	background-image: url(../img/fi/navi.png);
	background-repeat: no-repeat;	
}

/* todo: animated mouseover */
#globalnav li div {
	display:none;	
	position:absolute;
}

#globalnav #t1 div { background-position: 0 0px; }

/* global navi buttons */
#globalnav #t1 a { background-position: 0 0; width: 110px; }
#globalnav #t2 a { background-position: -110px 0; width: 110px; }
#globalnav #t3 a { background-position: -220px 0; width: 110px; }
#globalnav #t4 a { background-position: -330px 0; width: 110px; }
#globalnav #t5 a { background-position: -440px 0; width: 110px; }
#globalnav #t6 a { background-position: -550px 0; width: 110px; }

/* mouseover */
#globalnav #t1 a:hover { background-position: 0 -35px; }
#globalnav #t2 a:hover { background-position: -110px -35px; }
#globalnav #t3 a:hover { background-position: -220px -35px; }
#globalnav #t4 a:hover { background-position: -330px -35px; }
#globalnav #t5 a:hover { background-position: -440px -35px; }
#globalnav #t6 a:hover { background-position: -550px -35px; }

/* mousedown */
#globalnav #t1 a:active { background-position: 0 -70px; }
#globalnav #t2 a:active { background-position: -110px -70px; }
#globalnav #t3 a:active { background-position: -220px -70px; }
#globalnav #t4 a:active { background-position: -330px -70px; }
#globalnav #t5 a:active { background-position: -440px -70px; }
#globalnav #t6 a:active { background-position: -550px -70px; }

/* active */
#globalnav a.active 		  { cursor: default; }
#globalnav #t1 a.active { background-position: 0 -105px; }
#globalnav #t2 a.active { background-position: -110px -105px !important; }
#globalnav #t3 a.active { background-position: -220px -105px !important; }
#globalnav #t4 a.active { background-position: -330px -105px !important; }
#globalnav #t5 a.active { background-position: -440px -105px !important; }
#globalnav #t6 a.active { background-position: -550px -105px !important; }




/* ------INFONAVI------ */

.infonav {
	text-align: left;
	height: 35px !important;
	z-index: 1;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.infonav ul {
	list-style: none;
	margin: 0 0 0 26px;
	padding: 0;
}

.infonav li {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.infonav li a, .infonav li div {
	float: left;
	height: 34px;
	line-height: 34px;
	width: 100px;
	overflow: hidden;
	text-indent: -999em; 	
	background-image: url(../img/global/infonavi.png);
	background-repeat: no-repeat;	
}

/* todo: animated mouseover */
.infonav li div {
	display: none;	
	position: absolute;
}

.infonav .t1 div { background-position: 0 0px; }

/* global navi buttons */
.infonav .t1 a { background-position: 0 0; width: 34px; }
.infonav .t2 a { background-position: -34px 0; width: 32px; }
.infonav .t3 a { background-position: -68px 0; width: 32px; }

/* mouseover */
.infonav .t1 a:hover { background-position: 0 -34px; }
.infonav .t2 a:hover { background-position: -34px -34px; }
.infonav .t3 a:hover { background-position: -68px -34px; }

/* mousedown */
.infonav .t1 a:active { background-position: 0 -68px; }
.infonav .t2 a:active { background-position: -34px -68px; }
.infonav .t3 a:active { background-position: -68px -68px; }

/* grayed out */
.infonav .tg1 a { background-position: 0 -102px; width: 34px; }
.infonav .tg2 a { background-position: -34px -102px; width: 34px; }
.infonav .tg3 a { background-position: -68px -102px; width: 34px; }