/* 	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;
	/*font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, 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.memberlogin {   background: #efefef url("/gb/images/lion/4.6/ns/bg_blue.png") 0 0 repeat-x;  }
body.joinnow { background: transparent url("/gb/images/lion/4.6/ns/bg_bluedark.png") 0 0 repeat-x;  }


body	  {	background: #efefef url("/gb/images/lion/4.6/ns/bg_body.png") 0 0 repeat-x; }

body.dlmeula { background: transparent url("/gb/images/lion/4.6/dlm/bg_blue.gif") repeat-x; }

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

body.home div.theme { background: transparent url("/gb/images/lion/4.6/ns/bg_body-theme.jpg") center 0 no-repeat; }

body.memberlogin div.theme { background: transparent url("/gb/images/lion/4.6/ns/bg_body-theme-clouds.jpg") center 0 no-repeat; }
body.joinnow div.theme { background: transparent url("/gb/images/lion/4.6/ns/bg_body-themedark.jpg") center 0 no-repeat; }
 
body.memberlogin h1.white { margin-left:25px; padding-left:85px; height:100px; background:url('/gb/images/lion/4.6/ns/login-key.png') 0 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;
	margin-bottom:80px;
}

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

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

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("/gb/images/lion/4.6/ns/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:103px; background-position:-397px -35px; }
div#navigation ul li.signin	a:hover,
div#navigation ul li.signin	a.active		{ width:103px; 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:65px; background-position:-727px -35px;  }
div#navigation ul li.servicefeatures a:hover,
div#navigation ul li.servicefeatures a.active { width:65px; background-position:-727px 0;		 }

div#navigation ul li.mobile a		{ width:74px; background-position:-802px -35px;  }
div#navigation ul li.mobile a:hover,
div#navigation ul li.mobile a.active { width:74px; background-position:-802px 0;		 }


/* Navigation Sub */

div#navigation ul.sub			{ 
	overflow:hidden; 
	margin:0; 
	position:absolute;
	height:90px;
	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("/gb/images/lion/4.6/ns/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; }



/* 	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;  }

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

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("/gb/images/lion/4.6/ns/symbol-and-sign.png") 0 0 no-repeat;
	/*
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/images/symbol-and-sign.png", sizingMethod="crop");
	_background-image:none 
	*/
	width:140px;
	height:124px;	
	
}

h1.get-the-napster-dlm{
	width:929px;
	height:268px;
	display:block;
	background: transparent url('/gb/images/lion/4.6/dlm/gfc-get-the-napster-dlm.gif') no-repeat;
	padding-left:9999px;
	margin-top:10px;
}
div.dlm-description {
	background: transparent url('/gb/images/lion/4.6/dlm/gfc-screenshot.gif') no-repeat;
	width:928px;
	height:302px;
	padding-left:9999px;
	margin:50px 0;
}
h2.please-read-and-agree-napster-eula{
	background: transparent url('/gb/images/lion/4.6/dlm/please-read-and-agree-napster-eula.gif') no-repeat;
	width:603px;
	height:21px;
	padding-left:9999px;
	display:block;
	margin:10px auto;
}
div.dlm-eula {
	width:840px;
	height:370px;
	margin: 30px auto;
	overflow:auto;
}
a.agree-eula {
	background: transparent url('/gb/images/lion/4.6/dlm/btn-i-agree.gif') no-repeat;
	width:162px;
	height:25px;
	display:block;
	text-indent:-9999px;
	margin: 10px auto;
}
span.pc-only {
	margin:5px auto;
	display:block;
	width:148px;
}
div.please-note{
	background: transparent url('/gb/images/lion/4.6/dlm/dlm-eula-please-note.gif') no-repeat;
	width:892px;
	height:138px;
	padding-left:9999px;
	margin: 10px 0 0 25px;
}

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

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


a.blue  { background-image: url("/gb/images/lion/4.6/ns/bg_bluebutton_png8.png"); }
a.green { background-image: url("/gb/images/lion/4.6/ns/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 20px 4px 5px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url("/gb/images/lion/4.6/ns/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("/gb/images/lion/4.6/ns/bg_bluebutton_png8.png"); }
a.green b { background-image: url("/gb/images/lion/4.6/ns/bg_greenbutton_png8.png"); }


/* Green Next Prev Button */
/********************************************************************************************/

a.btn-prev,a.btn-next { display:block; width:25px; height:25px; text-indent:-9000em; }
a.btn-prev { background: transparent url("/gb/images/lion/4.6/ns/btn-prev.gif") 0 0 no-repeat; }
a.btn-next { background: transparent url("/gb/images/lion/4.6/ns/btn-next.gif") 0 0 no-repeat; }


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

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;}




/* Dark Theme (Sign Up - Join Now */
/********************************************************************************************/

div.loginbox {
	margin-top:40px; 
	margin-bottom:140px; 
}
div.loginbox label { display:block; }
div.loginbox input { font-family: Arial; font-size:16px; font-weight:bold;  border:none; }
div.loginbox div { float:left; display:inline; margin-right:20px;  }
div.loginbox a.forgotpass { margin-top:5px; display:block; color:#fff; font-size:12px; text-decoration:none;   }
div.loginbox a.forgotpass:hover { text-decoration:underline; }
div.loginbox a.actionbtn { margin-top:18px; }

/* Dark Theme (Forgot password */
/********************************************************************************************/

div.forgotpwbox {
	margin-top:40px; 
	margin-bottom:140px; 
}
div.forgotpwbox label { display:block; }
div.forgotpwbox input { font-family: Arial; font-size:16px; font-weight:bold; border:none; float:left; margin-top:5px;}
div.forgotpwbox a.actionbtn { display:block; float:left; margin-left:18px; margin-top:5px; }


/* LOGIN ERROR MSG */
/********************************************************************************************/

.loginsmallFieldError {
	clear:both; display:block; width:185px; background-color:#fff; color:red; padding:5px; margin-top:10px; font-size:10px
}
.loginbigFieldError {
	clear:both;
	display:block; 
	width:407px; 
	background-color:#fff;
	color:red;
	padding:5px; 
	font-size:10px;
	overflow:hidden;
}
/*
	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; } 

.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; }


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

.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("/gb/images/lion/4.6/ns/hr-line-1pixel.gif") repeat-x center center;
	height: 20px;
}
div.large {height: 60px;}
div.onepixel { height: 1px; }