@charset "utf-8";
/*

<summary>
CDON Public - top-navigation.css
</summary>
<author>Dan Nilsson, Web designer - CDON.COM</author>
<copyright>CDON.COM AB 1999-2010, all rights reserved</copyright>

*/

/* ---< top-navigation >--- */

/* < grid layout > */

#top-navigation {
	color: #fff;
	position: relative;
	z-index: 99;
	height: 102px;
	margin: 5px 0 5px 5px;
}

#top-navigation .left {
	background: url(../images/layout/common/top-navigation-left.gif) no-repeat;
	width: 10px;
	height: 102px;
	float: left;
}

#top-navigation .content {
	background: url(../images/layout/common/top-navigation-content.gif) repeat-x;
	width: 970px;
	height: 102px;
	float: left;
}

#top-navigation .right {
	background: url(../images/layout/common/top-navigation-right.gif) no-repeat;
	width: 10px;
	height: 102px;
	float: right;
}

/* </ grid layout > */

/* < customer-info > */

#top-navigation a,
#top-navigation .customer-logedin {
	font-weight: bold;
	color: #fff;
}

#top-navigation .content img { float: left; }

#top-navigation .customer-logedin {
	position: absolute;
	top: 10px;
	left: 800px;
	width: 175px;
}

#top-navigation .content div span {
	color: #f1e300;
	font-weight: bold;
	display: block;
	margin-top: 3px;
}

/* </ customer-info > */


/* < navigation sprite > */

#sprite a { color: #0080a3; }

#sprite {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 30px;
	bottom: 0;
	list-style: none;
}

#sprite li {
	float: left;
	position: relative;
}

#sprite li img { height: 25px; }

/* Submenu */
#sprite ul {
	list-style: none;
	background: #fff;
	left: -99em;
	top: 25px;
	padding: 0 5px 0 4px;
	margin: 0;
	position: absolute;
	border: 1px solid #41a500;

	/* for modern browsers use semi-transparent color on the border */
	border: 1px solid rgba(65, 165, 0, 0.6);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */

	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;

	border-top: none;
}

#sprite ul li {
	border-bottom: 1px solid #dfdfdf;
	float: none;
	padding: 3px 0;
	white-space: nowrap;
}

#sprite ul .last { border: none; }

#sprite ul li a {
	border: 1px solid transparent;
	display: block;
	padding: 3px 4px;
}

#sprite ul li a:hover {
	color: #ff6600;
	text-decoration: none;
	background: #f9f9f9;
	border: 1px solid #f9f9f9;
}

/* < start > */

#language-sv .start-on img {
	width: 53px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) 0 0 no-repeat;
}

#language-sv .start-off img {
	width: 53px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) 0 0 no-repeat;
}

#language-da .start-on img {
	width: 75px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) 0 0 no-repeat;
}

#language-da .start-off img {
	width: 75px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) 0 0 no-repeat;
}

#language-no .start-on img {
	width: 54px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) 0 0 no-repeat;
}

#language-no .start-off img {
	width: 54px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) 0 0 no-repeat;
}

#language-fi .start-on img {
	width: 65px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) 0 0 no-repeat;
}

#language-fi .start-off img {
	width: 65px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) 0 0 no-repeat;
}

/* </ start > */


/* < music > */

#language-en .music-on img {
	width: 53px;
	background: url(../images/button/en/top-navigation/music-on.gif) 0 0 no-repeat;
}

#language-en .music-off img {
	width: 53px;
	background: url(../images/button/en/top-navigation/music-off.gif) 0 0 no-repeat;
}

#language-sv .music-on img {
	width: 54px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -53px 0 no-repeat;
}

#language-sv .music-off img {
	width: 54px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -53px 0 no-repeat;
}

#language-da .music-on img {
	width: 54px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -75px 0 no-repeat;
}

#language-da .music-off img {
	width: 54px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -75px 0 no-repeat;
}

#language-no .music-on img {
	width: 61px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -54px 0 no-repeat;
}

#language-no .music-off img {
	width: 61px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -54px 0 no-repeat;
}

#language-fi .music-on img {
	width: 67px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -65px 0 no-repeat;
}

#language-fi .music-off img {
	width: 67px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -65px 0 no-repeat;
}

/* </ music > */


/* < movie > */

#language-sv .movie-on img {
	width: 46px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -107px 0 no-repeat;
}

#language-sv .movie-off img {
	width: 46px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -107px 0 no-repeat;
}

#language-da .movie-on img {
	width: 46px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -129px 0 no-repeat;
}

#language-da .movie-off img {
	width: 46px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -129px 0 no-repeat;
}

#language-no .movie-on img {
	width: 46px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -115px 0 no-repeat;
}

#language-no .movie-off img {
	width: 46px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -115px 0 no-repeat;
}

#language-fi .movie-on img {
	width: 79px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -132px 0 no-repeat;
}

#language-fi .movie-off img {
	width: 79px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -132px 0 no-repeat;
}

/* </ movie > */


/* < game > */

#language-sv .game-on img {
	width: 47px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -153px 0 no-repeat;
}

#language-sv .game-off img {
	width: 47px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -153px 0 no-repeat;
}

#language-da .game-on img {
	width: 44px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -175px 0 no-repeat;
}

#language-da .game-off img {
	width: 44px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -175px 0 no-repeat;
}

#language-no .game-on img {
	width: 49px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -161px 0 no-repeat;
}

#language-no .game-off img {
	width: 49px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -161px 0 no-repeat;
}

#language-fi .game-on img {
	width: 51px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -211px 0 no-repeat;
}

#language-fi .game-off img {
	width: 51px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -211px 0 no-repeat;
}

/* </ game > */


/* < book > */

#language-sv .book-on img {
	width: 66px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -200px 0 no-repeat;
}

#language-sv .book-off img {
	width: 66px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -200px 0 no-repeat;
}

/*
#language-da .book-on img {
	width: 66px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -200px 0 no-repeat;
}

#language-da .book-off img {
	width: 66px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -200px 0 no-repeat;
}
*/

#language-no .book-on img {
	width: 58px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -210px 0 no-repeat;
}

#language-no .book-off img {
	width: 58px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -210px 0 no-repeat;
}

#language-fi .book-on img {
	width: 58px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -262px 0 no-repeat;
}

#language-fi .book-off img {
	width: 58px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -262px 0 no-repeat;
}

/* </ book > */


/* < electronics > */

#language-sv .electronics-on img {
	width: 89px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -266px 0 no-repeat;
}

#language-sv .electronics-off img {
	width: 89px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -266px 0 no-repeat;
}

#language-da .electronics-on img {
	width: 89px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -219px 0 no-repeat;
}

#language-da .electronics-off img {
	width: 89px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -219px 0 no-repeat;
}

#language-no .electronics-on img {
	width: 96px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -268px 0 no-repeat;
}

#language-no .electronics-off img {
	width: 96px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -268px 0 no-repeat;
}

#language-fi .electronics-on img {
	width: 149px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -320px 0 no-repeat;
}

#language-fi .electronics-off img {
	width: 149px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -320px 0 no-repeat;
}

/* </ electronics > */


/* < mobilephone > */

#language-sv .mobilephone-on img {
	width: 57px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -355px 0 no-repeat;
}

#language-sv .mobilephone-off img {
	width: 57px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -355px 0 no-repeat;
}

#language-da .mobilephone-on img {
	width: 57px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -308px 0 no-repeat;
}

#language-da .mobilephone-off img {
	width: 57px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -308px 0 no-repeat;
}

#language-no .mobilephone-on img {
	width: 57px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -364px 0 no-repeat;
}

#language-no .mobilephone-off img {
	width: 57px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -364px 0 no-repeat;
}

#language-fi .mobilephone-on img {
	width: 83px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -469px 0 no-repeat;
}

#language-fi .mobilephone-off img {
	width: 83px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -469px 0 no-repeat;
}

/* </ mobilephone > */


/* < merchandise > */

#language-sv .merchandise-on img {
	width: 101px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -572px 0 no-repeat;
}

#language-sv .merchandise-off img {
	width: 101px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -572px 0 no-repeat;
}

#language-da .merchandise-on img {
	width: 101px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -364px 0 no-repeat;
}

#language-da .merchandise-off img {
	width: 101px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -364px 0 no-repeat;
}

#language-no .merchandise-on img {
	width: 101px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -421px 0 no-repeat;
}

#language-no .merchandise-off img {
	width: 101px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -421px 0 no-repeat;
}

#language-fi .merchandise-on img {
	width: 101px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -552px 0 no-repeat;
}

#language-fi .merchandise-off img {
	width: 101px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -552px 0 no-repeat;
}

/* </ merchandise > */


/* < ondemand > */

#language-sv .ondemand-on img {
	width: 91px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -480px 0 no-repeat;
}

#language-sv .ondemand-off img {
	width: 91px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -480px 0 no-repeat;
}

#language-da .ondemand-on img {
	width: 91px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -465px 0 no-repeat;
}

#language-da .ondemand-off img {
	width: 91px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -465px 0 no-repeat;
}

#language-no .ondemand-on img {
	width: 90px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -522px 0 no-repeat;
}

#language-no .ondemand-off img {
	width: 90px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -522px 0 no-repeat;
}

#language-fi .ondemand-on img {
	width: 91px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -653px 0 no-repeat;
}

#language-fi .ondemand-off img {
	width: 91px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -653px 0 no-repeat;
}

/* </ ondemand > */


/* < broadband-movie > */

/*
#language-sv .broadband-movie-on img {
	width: 91px;
	background: url(../images/button/sv/top-navigation/navigation-on.gif) -584px 0 no-repeat;
}

#language-sv .broadband-movie-off img {
	width: 91px;
	background: url(../images/button/sv/top-navigation/navigation-off.gif) -584px 0 no-repeat;
}
*/

#language-da .broadband-movie-on img {
	width: 90px;
	background: url(../images/button/da/top-navigation/navigation-on.gif) -556px 0 no-repeat;
}

#language-da .broadband-movie-off img {
	width: 90px;
	background: url(../images/button/da/top-navigation/navigation-off.gif) -556px 0 no-repeat;
}

/*
#language-no .broadband-movie-on img {
	width: 90px;
	background: url(../images/button/no/top-navigation/navigation-on.gif) -584px 0 no-repeat;
}

#language-no .broadband-movie-off img {
	width: 90px;
	background: url(../images/button/no/top-navigation/navigation-off.gif) -584px 0 no-repeat;
}

#language-fi .broadband-movie-on img {
	width: 90px;
	background: url(../images/button/fi/top-navigation/navigation-on.gif) -584px 0 no-repeat;
}

#language-fi .broadband-movie-off img {
	width: 90px;
	background: url(../images/button/fi/top-navigation/navigation-off.gif) -584px 0 no-repeat;
}
*/

/* </ broadband-movie > */

/* </ navigation sprite > */


/* < search-field > */

#search {
	background: url(../images/layout/common/top-navigation-search.gif) no-repeat;

	/* Search form with snow */
	/* background: url(../images/layout/common/top-navigation-search-snow.gif) no-repeat; */

	width: 494px;
	height: 71px;
	position: absolute;
	overflow: hidden;
	left: 230px;
	padding: 18px 0 0 28px;
}

#language-sv #search { background: url(../images/layout/common/top-navigation-search-sv.gif) no-repeat; }

#q {
	border: 1px solid #6fbb43;
	width: 260px;
	padding: 2px;
	margin-top: 8px;
	display: block;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}

#search .top-navigation-search {
	display: block;
	float: left;
}

#search a {
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

#language-da #search a { margin-left: 3px; }
#language-en #search a { margin-left: 4px; }

/* </ search-field > */


/* < on demand - bubble-info > */

/*
#bubble-info {
	position: absolute; 
	display: block;
	z-index: 1;
}

.bubble-info-sv {
	background: url(../images/button/sv/top-navigation/ondemand-bubble.gif) no-repeat top left;
	width: 160px;
	height: 22px;
	top: 55px;
	left: 597px;
}

.bubble-info-july-sv {
	background: url(../images/button/sv/top-navigation/ondemand-bubble-july.gif) no-repeat top left;
	width: 155px;
	height: 22px;
	top: 55px;
	left: 540px;
}

.bubble-info-da {
	background: url(../images/button/da/top-navigation/ondemand-bubble.gif) no-repeat top left;
	width: 87px;
	height: 36px;
	top: 61px;
	left: 689px;
	display: none;
}

.bubble-info-july-da {
	background: url(../images/button/da/top-navigation/ondemand-bubble-july.gif) no-repeat top left;
	width: 92px;
	height: 22px;
	top: 55px;
	left: 442px;
}

.bubble-info-no {
	background: url(../images/button/no/top-navigation/ondemand-bubble.gif) no-repeat top left;
	width: 87px;
	height: 36px;
	top: 61px;
	left: 699px;
}

.bubble-info-july-no {
	background: url(../images/button/no/top-navigation/ondemand-bubble-july.gif) no-repeat top left;
	width: 155px;
	height: 22px;
	top: 55px;
	left: 525px;
}

.bubble-info-fi {
	background: url(../images/button/fi/top-navigation/ondemand-bubble.gif) no-repeat top left;
	width: 155px;
	height: 22px;
	top: 55px;
	left: 660px;
}

.bubble-info-july-fi {
	background: url(../images/button/fi/top-navigation/ondemand-bubble-july.gif) no-repeat top left;
	width: 73px;
	height: 22px;
	top: 55px;
	left: 652px;
}

.bubble-info-kirjat { display: none; }

.bubble-info-kirjat-fi {
	display: block !important;
	background: url(../images/button/fi/top-navigation/ondemand-bubble-kirjat.gif) no-repeat top left;
	width: 69px;
	height: 22px;
	top: 55px;
	left: 300px;
}
*/

/* </ on demand - bubble-info > */


/* < campaign icon > */

#campaign-icon {
	top: 0;
	left: 719px;
	position: absolute;
	z-index: 999;
}

#campaign-icon img { display: inline; }
.campaign-icon-hide { display: none; }
.campaign-icon-show { display: block; }

/*
#top-navigation .ten-year {
	position: absolute;
	background: url(../images/layout/header-10ar-sedkno.jpg) no-repeat;
	height: 77px;
	width: 74px;
	z-index: 888;
	right: 195px;

	display: none;
}

#top-navigation .ten-year a img {
	height: 77px;
	width: 74px;
}

#language-fi #top-navigation .ten-year { background: url(../images/layout/header-10ar-fi.jpg) no-repeat; }
*/

#ff-info-top { display: none; }

/* </ campaign icon > */


/* < campaign search icon > */
/*
#campaign-search-icon {
	background: url(../images/layout/campaign/5-50-fire.gif) no-repeat top left;
	position: absolute;
	width: 56px;
	height: 29px;
	top: -5px;
	left: 528px;
	z-index: 1;
}

.campaign-search-icon-en { display: none }
*/
/* </ campaign search icon > */

/* ---</ top-navigation >--- */