/* MAIN
------------------------------------------------------------------------------- */
body {
	background: #000 url(../images/main_bg.jpg) 50% 25px no-repeat;
	color: #5d5c52;
	font-family: "Tahoma", Verdana, Helvetica, sans-serif;
	font-size: 68.75%;
	line-height: 1.3;
}

/* COMMON
------------------------------------------------------------------------------- */
p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; }
p.title   { font-size: 1.2em; font-weight: bold; margin: 0; }
p.nm	  { margin: 0; }
.hide     { display: none !important; }
.center,.cntr	  { text-align: center; }
.alft	  { text-align: left; }
.argt	  { text-align: right; }

.vab 	  { vertical-align: bottom; }

.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0px;
}
.selfClear { display: inline-block; }
/* Hide from IE-mac \*/
* html .selfClear { height: 1%; }

.selfClear { display: block; }
/* End hide from IE-mac */

/* common spacing classes */
.p1 { padding: 4px; } .p2 { padding: 8px; } .p3 { padding: 12px; } .p4 { padding: 20px; }
.tp1 { padding-top: 4px; } .tp2 { padding-top: 8px; } .tp3 { padding-top: 12px; } .tp4 { padding-top: 20px; }
.sp2 { padding-left: 8px; padding-right: 8px; }
.bp1 { padding-bottom: 4px; } .bp2 { padding-bottom: 8px; } .bp3 { padding-bottom: 12px; } .bp4 { padding-bottom: 20px; }
.lp1 { padding-left: 4px; } .lp2 { padding-left: 10px; } .lp3 { padding-left: 12px; } .lp4 { padding-left: 20px; }
.rp1 { padding-right: 4px; } .rp2 { padding-right: 10px; } .rp3 { padding-right: 12px; } .rp4 { padding-right: 20px; }
.p0 { padding: 0; }
.tp0 { padding-top: 0; } .bp0 { padding-bottom: 0; } .lp0 { padding-left: 0; } .rp0 { padding-right: 0; }
.vp1 { padding: 0 4px; } .vp2 { padding: 0 8px; } .vp3 { padding: 0 12px; } .vp4 { padding: 0 20px; }

.m1 { margin: 4px; } .m2 { margin: 8px; } .m3 { margin: 10px; } .m4 { margin: 16px; }
.tm1 { margin-top: 4px; } .tm2 { margin-top: 7px; } .tm3 { margin-top: 10px; } .tm4 { margin-top: 15px; }
.bm1 { margin-bottom: 4px; } .bm2 { margin-bottom: 8px; } .bm3 { margin-bottom: 10px; } .bm4 { margin-bottom: 16px; }
.lm1 { margin-left: 4px; } .lm2 { margin-left: 8px; } .lm3 { margin-left: 10px; } .lm4 { margin-left: 16px; }
.rm1 { margin-right: 4px; } .rm2 { margin-right: 8px; } .rm3 { margin-right: 10px; } .rm4 { margin-right: 16px; }

.m0 { margin: 0; }
.tm0 { margin-top: 0; }
.bm0 { margin-bottom: 0; }


/* MAIN LAYOUT
------------------------------------------------------------------------------- */
#container { width: 940px; margin: -4px auto 0; padding-bottom: 40px; }

#leftCol { float: left; width: 642px; margin-right: 0; }

#rightCol { float: right; width: 307px; margin-right: -28px; height: 832px; position: relative; }
#rightCol a img { position: absolute; bottom: 0; left: -115px; }

#storeLinks { width: 268px; display: block; }
#storeLinks li {
	background: url(../images/store_logos.png) no-repeat;
	display: block;
	float: left;
	width: 123px; height: 48px;
	margin: 0 10px 12px 0;
}
#storeLinks li a { 
	display: block;
	width: 123px; height: 48px;
	text-indent: -99999999px;
}

#storeLinks #cdon			{ background-position: 0 0; }
#storeLinks #discshop		{ background-position: -123px 0; }
#storeLinks #game			{ background-position: 0 -48px; }
#storeLinks #expert			{ background-position: -123px -48px; }
#storeLinks #megastore		{ background-position: 0 -96px; }
#storeLinks #siba			{ background-position: -123px -96px; }
#storeLinks #webhallen		{ background-position: 0 -144px; }
#storeLinks #onoff			{ background-position: -123px -144px; }
#storeLinks #gameno			{ background-position: 0 -192px; }
#storeLinks #verkkokauppa 	{ background-position: -123px -192px; }
#storeLinks #spaceworld 	{ background-position: 0 -240px; }
#storeLinks #eastore 		{ background-position: -123px -240px; }
#storeLinks #blockbuster	{ background-position: 0 -288px; }
#storeLinks #fona			{ background-position: -123px -288px; }
#storeLinks #gamestop 	{ background-position: 0px -336px; }
#storeLinks #gamedk 		{ background-position: -123px -336px; }
#storeLinks #mediamarkt 	{ background-position: 0px -384px; }
#storeLinks #platekompaniet 	{ background-position: -123px -384px; }
#storeLinks #netanttila 	{ background-position: 0px -432px; }

#movie {
	width: 640px;
	-moz-box-shadow: 		0 0 20px #000;
	-webkit-box-shadow: 	0 0 20px #000;
	box-shadow: 			0 0 20px #000;
}

#footer { padding-left: 100px; height: 79px; margin-top: 80px; }
#footer #footerLogos { float: left; height: 79px; }
#footer #footerLogos li {
	background: url(../images/footer_logos.png) no-repeat;
	float: left;
	height: 79px;
	text-indent: -999999px;
}
#footer #footerLogos #fl_ea 	{ width:68px; margin-right: 30px; }
#footer #footerLogos #fl_pegi 	{ width: 60px; background-position: -68px 0; }

#footer p { margin-left: 200px; padding-top: 10px; }
#footer a { color: #fff; }

	/* ~~~~ Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#topBar { height: 29px; background: url(../images/toprow_bg.png) repeat-x; color: #999; }
	#topBar #topWrapper { width: 940px; margin: 0 auto; position: relative; }
	#topBar #externalNav { display: inline; line-height: 22px; margin-left: 2px; }
	#topBar #externalNav .sep { margin: 0 5px; }
	#topBar #externalNav a { color: #999; }
	
	#countrySelect {
		display: inline;
		width: 143px; height: 14px;
		margin: 0 15px 0;
	}
	#countrySelect li { float: left; margin-top: 4px; }
	#countrySelect a {
		text-indent: -99999px;
		display: block;
		width: 20px; height: 14px;
		background: url(../Images/countryselect_flags.gif) 1px 1px no-repeat;
		margin: 1px 3px 1px 1px;
	}
	#countrySelect li .active { margin: 0 2px 0 0; border: 1px solid #fff; }
	#countrySelect .se { }
	#countrySelect .no { background-position: 1px -12px; }
	#countrySelect .dk { background-position: 1px -25px; }
	#countrySelect .fi { background-position: 1px -38px; }