/* 	Global Reset */
/********************************************************************************************/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
em, img, small, strike, strong, sub, sup, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ul li {	list-style-type: none; }

/* 	Body */
/********************************************************************************************/

body {	
	font-family:Arial, sans-serif;	
	text-align:center;
	font-size:14px;
	font-weight: 300;
	color:#666;	
}

/* Anti Jumping Layout Fix  - adds permanent Scrollbar */
html { height: 100% } 
body { min-height: 101%; }

body.home,
body.winter,
body.standard {	background: transparent url("/images/4.6/cs/bg_blue.jpg") 0 0 repeat-x;  }
body.memberlogin, body.joinnow { background: transparent url("/images/4.6/cs/bg_bluedark.png") 0 0 repeat-x;  }
body.logitech {	background: transparent url("/images/partner/logitech/bg.jpg") 0 0 repeat-x;  }

body	  {	background: #d9d9d9 url("/images/4.6/cs/bg_body.png") 0 0 repeat-x; }

body div.firstContentBlock	    { margin-top:40px;}

body.standard div.firstContentBlock,
body.winter div.firstContentBlock,
body.winter-de div.firstContentBlock {margin-top:310px;}
body.logitech div.firstContentBlock	    { margin-top:310px;}


body.winter div.theme	 { background: transparent url("/images/partner/4.6/winterspecial/bg_winter-theme.jpg") center 0 no-repeat; }
body.winter-de div.theme { background: transparent url("/images/partner/4.6/winterspecial/bg_winter-theme-de.jpg") center 0 no-repeat; }

body.standard div.theme	 { background: transparent url("/images/partner/4.6/header_image_5-10-5.jpg") center 0 no-repeat; }



body.memberlogin div.theme,
body.joinnow div.theme { background: transparent url("/images/4.6/cs/bg_body-themedark.jpg") center 0 no-repeat; }
body.logitech div.theme {	background: transparent url("/images/partner/logitech/gfc_head.jpg") center 0 no-repeat;  }

/*
fulc 27 Ultra Light Condensed
ftc  37 Thin Condensed
flc  47 Light Condensed
fc   57 Condensed
fmc  67 Medium Condensed
fbc  77 Bold Condensed

Domains:
	*.napster.com,*.napster.de,*.napster.co.uk,localhost,127.0.0.1
*/

/* 	 */


/* 	pageWrapper */
/********************************************************************************************/


div#pageWrapper {
	text-align:left;	
	overflow:hidden;	
}

/* 	Header */
/********************************************************************************************/

div#header a.logo {
	display:block;
	width:140px;
	height:64px;
	text-indent:-9000em;
	background: transparent url("/images/4.6/cs/napster-logo.png") 0 0 no-repeat;
}

div#header a.partnerlogo {
	display:block;
	position:absolute;
	padding-left:30px;
	top:5px;
	left:180px;
	border:1px solid #666;
	border-width:0 0 0 1px;
}

div#navigation { position:relative; z-index: 1;}
div#navigation ul.main			{ overflow:hidden; margin-top:18px; }
div#navigation ul.main li		{ float:left; margin-left:20px; }
div#navigation ul.main li.first { margin-left:0;}

div#navigation ul.main li a {
	display:block;
	text-align:center;			
	color:#fff;
	text-decoration:none;
	background: transparent url(/images/4.6/cs/sprite_navigation.png) 0 0 no-repeat;
	height:25px;
	width:67px;
	text-indent:-9000em;
}

/* Navigation Matrix */

div#navigation ul li.home a					{ width:67px; background-position:0 -35px;		 }

div#navigation ul li.home a:hover,
div#navigation ul li.home a.active			{ width:67px; background-position:0 0;		     }

div#navigation ul li.musicfeatures a		{ width:125px; background-position:-77px -35px;  }

div#navigation ul li.musicfeatures a:hover,
div#navigation ul li.musicfeatures a.active { width:125px; background-position:-77px 0px;    }

div#navigation ul li.howitworks	a			{ width:113px; background-position:-212px -35px; }

div#navigation ul li.howitworks	a:hover,
div#navigation ul li.howitworks	a.active	{ width:113px; background-position:-212px 0px;   }

div#navigation ul li.help a					{ width:54px; background-position:-334px -35px;  }

div#navigation ul li.help a:hover,
div#navigation ul li.help a.active			{ width:54px; background-position:-334px 0;		 }

div#navigation ul li.signin	a				{ width:128px; background-position:-397px -35px; }
div#navigation ul li.signin	a:hover,
div#navigation ul li.signin	a.active		{ width:128px; background-position:-397px 0;	 }

div#navigation ul li.joinnow a				{ width:84px; background-position:-534px -35px;  }
div#navigation ul li.joinnow a:hover,
div#navigation ul li.joinnow a.active		{ width:84px; background-position:-534px 0;		 }

div#navigation ul li.overview	a			{ width:90px; background-position:-627px -35px; }
div#navigation ul li.overview	a:hover,
div#navigation ul li.overview	a.active	{ width:90px; background-position:-627px 0;	 }

div#navigation ul li.servicefeatures a		{ width:140px; background-position:-727px -35px;  }
div#navigation ul li.servicefeatures a:hover,
div#navigation ul li.servicefeatures a.active { width:140px; background-position:-727px 0;		 }

/* Navigation Sub */

div#navigation ul.sub			{ 
	overflow:hidden; 
	margin:0; 
	position:absolute;
	height:50px;
	width:145px;
	left: -999em;
	-moz-border-radius:0 10px 10px; 
	-moz-border-radius:0 10px 10px; 
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	padding:30px 0 20px 10px;
	background: #333 url("/images/4.6/cs/bg-nav-sub.jpg") 0 0 repeat-x;

}
div#navigation ul.sub li		{ clear:both; margin:5px 0 0 0; }
div#navigation ul.sub li.first { margin-left:0;}

div#navigation ul li.howitworks:hover ul.sub, 
div#navigation ul li.sfhover ul.sub { left: 240px; }


.descr {
	background:url("/images/partner/4.6/haekchen.png") no-repeat scroll 0 0 transparent;
	padding:0 0 13px 25px;
	}
	.blue-mark {
	background-position:0 -238px;
	}
	.orange-mark {
	background-position:0 -488px;
	}
	.gray-mark {
	background-position:0 -730px;
	}


/* 	Headlines & Text  */
/********************************************************************************************/

h1 { font-size:60px; color:#333; margin-bottom:15px; letter-spacing:1px; }

h1 small { font-size:42px; }
h1 strong { font-weight:bold; font-size:60px;  }

h1.white { color:#fff!important; }
h2.white, h3.white, h4.white, h5.white { color:#fff; }

* html h1 { font-size:47px; color:#666666; }
* html h1 small { font-size:32px; display:block; }


h2 { font-size:26px; font-weight:bold; margin-bottom:15px; letter-spacing:1px; }

h2 small { font-size:26px; font-weight:normal; }
h2 strong { font-weight:bold; font-size:25px;  }

h3 { color:#333; font-size:26px; font-weight:normal; margin-bottom:15px; letter-spacing:1px; }

h3 small { font-size:26px; font-weight:normal; }
h3 strong { font-weight:bold; font-size:26px;  }
h3.small {font-size:24px; }
h3.small strong {font-size:24px; }


h4 { color:#333; font-size:16px; font-weight:bold; margin-bottom:5px;  }
h5 { color:#333; font-size:16px; font-weight:bold; margin-bottom:15px; line-height:1.8em;}

p { font-size:14px; line-height:20px; margin-bottom:15px; }
p.white { color:#fff;}
p a { color:#0C99D1;}

strong { font-weight:bold; }

div.symbol-and {	
	background: transparent url(/images/4.6/cs/symbol-and-sign.png) 0 0 no-repeat;
	width:140px;
	height:124px;		
}
* html div.symbol-and {	
	background: transparent url(/images/4.6/cs/symbol-and-sign.gif) 0 0 no-repeat;
}

/* 	Buttons */
/********************************************************************************************/

a.btn {
	display: block;
	color: #fff; 
	float: left;	
	height: 25px; 
	padding-left: 10px;
	text-decoration: none;
	background-repeat: no-repeat; 	
	background-image: url(/images/4.6/cs/bg_graybutton_png8.png);
	background-position:0 -25px;
}


a.blue  { background-image: url(/images/4.6/cs/bg_bluebutton_png8.png); }
a.green { background-image: url(/images/4.6/cs/bg_greenbutton_png8.png);}

a.btn:hover,a.btnactive { background-position:0 -75px; }

a.btn b {		
	font: normal 16px "Arial"; 
	line-height:14px;
	height:25px;
	padding: 4px 16px 4px 5px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(/images/4.6/cs/bg_graybutton_png8.png);
	background-position:right 0;
	display:block;
}
a.btn:hover b, a.btnactive b {	background-position:right -50px; }


* html a.btn { font-weight: bold; height:18px; }
* html a.btn b { font-weight: bold; height:17px; display:inline-block; overflow:hidden;}

a.blue b  {  background-image: url(/images/4.6/cs/bg_bluebutton_png8.png); }
a.green b { background-image: url(/images/4.6/cs/bg_greenbutton_png8.png); }

a.off { background:none; color:#333; }
a.off b { background:none;  color:#333; }

a.off:hover { 	
	background-image: url(/images/4.6/cs/bg_graybutton_png8.png);
	background-position:0 -25px;
}
a.off:hover b { 	
	background-image: url(/images/4.6/cs/bg_graybutton_png8.png);
	background-position:right 0;  
	color:#fff;
}



/* 	Footer  */
/********************************************************************************************/

div#footer { margin-top:40px; }

div#footer, div#footer p {font-family:verdana; font-size:10px; }

div#footer a { color:#666; text-decoration:none; font-family:verdana; font-size:10px;  }
div#footer a:hover { color:#0c99d1; }
div#footer p { margin: 0 0 20px 0; }

div#footer ul	 {  list-style: none; padding: 0; margin: 0 0 20px 0; }
div#footer ul li {	display: inline; padding: 0; margin: 0; }

/* Pipe List  */
div#footer ul{text-align: left; }

div#footer ul li {
	width:auto;
	margin:0;
	display:inline; 
	padding:0 .5em;
	border-left: 1px solid #666;	
}

div#footer ul li.leadin  {border-left: 0; padding-left:0;}



/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.
*/

/* `Containers */
/********************************************************************************************/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position:relative;
	z-index:10;
}

/* `Grid >> Global*/
/********************************************************************************************/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3  { width: 220px; }
.container_12 .grid_6  { width: 460px; }
.container_12 .grid_9  { width: 700px; }
.container_12 .grid_12 { width: 940px; }

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
/********************************************************************************************/

.alpha { margin-left: 0;  }
.omega { margin-right: 0!important; }

/* `Grid >> 12 Columns */
/********************************************************************************************/

.container_12 .grid_1	{ width: 60px; }
.container_12 .grid_2	{ width: 140px; }
.container_12 .grid_4	{ width: 300px; }
.container_12 .grid_5	{ width: 380px; }
.container_12 .grid_7	{ width: 540px; }
.container_12 .grid_8	{ width: 620px; }
.container_12 .grid_10  { width: 780px; }
.container_12 .grid_11  { width: 860px; }

/* `Prefix Extra Space >> Global */
/********************************************************************************************/

.container_12 .prefix_3 { 	padding-left: 240px; }
.container_12 .prefix_6 { 	padding-left: 480px; }
.container_12 .prefix_9 { padding-left: 720px; }

/* `Prefix Extra Space >> 12 Columns 
/********************************************************************************************/

.container_12 .prefix_1  { padding-left: 80px; }
.container_12 .prefix_2  { padding-left: 160px; }
.container_12 .prefix_4  { padding-left: 320px; }
.container_12 .prefix_5  { padding-left: 400px; }
.container_12 .prefix_7  { padding-left: 560px; }
.container_12 .prefix_8  { padding-left: 640px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }

/* `Suffix Extra Space >> Global
/********************************************************************************************/

.container_12 .suffix_3 { padding-right: 240px; }
.container_12 .suffix_6 { padding-right: 480px; }
.container_12 .suffix_9 { padding-right: 720px; }

/* `Suffix Extra Space >> 12 Columns
/********************************************************************************************/

.container_12 .suffix_1 { padding-right: 80px;}
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; }
.container_12 .suffix_10 { 	padding-right: 800px; }
.container_12 .suffix_11 { 	padding-right: 880px; }

/* `Push Space >> Global
/********************************************************************************************/

.container_12 .push_3 { left: 240px; }
.container_12 .push_6 { left: 480px; }
.container_12 .push_9 {	left: 720px; }

/*  `Push Space >> 12 Columns
/********************************************************************************************/

.container_12 .push_1 { left: 80px; }
.container_12 .push_2 { left: 160px; }
.container_12 .push_4 { left: 320px; }
.container_12 .push_5 { left: 400px; }
.container_12 .push_7 { left: 560px; }
.container_12 .push_8 { left: 640px; }
.container_12 .push_10 { left: 800px; }
.container_12 .push_11 { left: 880px; }


/* `Pull Space >> Global
/********************************************************************************************/

.container_12 .pull_3 { left: -240px; }
.container_12 .pull_6 { left: -480px; }
.container_12 .pull_9 { left: -720px; }


/*  `Pull Space >> 12 Columns
/********************************************************************************************/

.container_12 .pull_1  { left: -80px; }
.container_12 .pull_2  { left: -160px; }
.container_12 .pull_4  { left: -320px; }
.container_12 .pull_5  { left: -400px; }
.container_12 .pull_7  { left: -560px; }
.container_12 .pull_8  { left: -640px; }
.container_12 .pull_10 { left: -800px; }
.container_12 .pull_11 { left: -880px; }

/* Misc & Clearfix */
/********************************************************************************************/

a:focus { outline: none; } 

.textc { text-align:center; }

.on-top { z-index: 10000; } /* zindex ie fix */

.fr {float:right;}
.fl {float:left;}
.clear {clear:both;}
.block {display:block;}
.black {background-color:black; color:white;}
.show {display:block!important;}
.hide {display:none!important; }
.nomargin{margin:0;}

.tb {	position:relative; top:-5px; } /* if a button follows a h4 headline */
.mb50 { margin-bottom:50px; }
.mb25 { margin-bottom:25px; }
.mt50 { margin-top:50px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }

.ieMarginFix { margin-bottom:15px;  } 
html>body .ieMarginFix { *margin-bottom:-5px; } /*ie*/

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

/* Horizontal Rule 
********************************************************/

div.hrline hr{ /* take out the troublemaking HR */
	display:none;
}
div.hrline { /* DIV that wraps and replaces the HR */
	background: transparent url("/images/4.6/cs/hr-line-1pixel.gif") repeat-x center center;
	height: 20px;
}
div.large {height: 60px;}
div.onepixel { height: 1px; }
div.twopixel { height: 2px; }
/* NyroModal
********************************************************/

div#nyroModalFull {	font-size: 12px; color: #777; } div#nyroModalLoading { 	border: 4px solid #777; 	width: 150px; 	height: 150px; 	text-indent: -9999em; 	background: #fff url(/images/4.6/cs/icon-ajaxLoader.gif) no-repeat; 	background-position: center; } div#nyroModalLoading.error { 	border: 4px solid #f66; 	line-height: 20px; 	padding: 20px; 	width: 300px; 	height: 100px; 	text-indent: 0; 	background: #fff; } div#nyroModalWrapper { background: #fff; border: 4px solid #777; } a#closeBut { 	position: absolute; 	display: block; 	top: -13px; 	right: -13px; 	width: 24px; 	height: 24px; 	text-indent: -9999em; 	background: url(/images/4.6/cs/icon-close.png) no-repeat; 	outline: 0; } h1#nyroModalTitle { 	margin: 0; 	padding: 0; 	position: absolute; 	top: -22px; 	left: 5px; 	font-size: 12px; 	color: #ddd; } div.wrapper div#nyroModalContent { padding: 5px; } div.wrapperImg div#nyroModalContent { 	position: relative; 	overflow: hidden; 	text-align: center; } div.wrapperImg img { vertical-align: baseline; } div.wrapperImg div#nyroModalContent div { 	position: absolute; 	bottom: 0; 	left: 0; 	background: black; 	padding: 10px; 	margin: 10px; 	border: 1px white dotted; 	overflow: hidden; 	opacity: 0.2; 	filter: alpha(opacity=20); } div.wrapperImg div#nyroModalContent div:hover {	opacity: 0.5; filter: alpha(opacity=50); cursor: help; }
a.nyroModalPrev, a.nyroModalNext {	z-index: 105;	outline: none;	position: absolute;	top: 0;	height: 100%;	width: 40%;	cursor: pointer; text-indent: -9999em;	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ } div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { height: 60%; width: 20%; } a.nyroModalPrev { left: 0;} a.nyroModalPrev:hover {	background: url(/images/4.6/cs/icon-prev.gif) left 20% no-repeat; } a.nyroModalNext { right: 0; } a.nyroModalNext:hover {	background: url(/images/4.6/cs/icon-next.gif) right 20% no-repeat; }