/* CSS Document - LIVE */

/* ------------------------------- formatting ----------------------------- */

body {
	background-color: #66CCFF;
	margin: 0;
	
}
h1, h2, h3, h4, h6, p, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

h1 {
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FF00FF;
}

h6 {
	font-size: 9px;
	font-weight: normal;
	color: #FFF;
}

.steps {
    color: #FF00FF;
}

p {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}

p.viptext {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	/*font: bold small Verdana, sans-serif;*/
	color: #003366;
	}

.questiontext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
    font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}

.answertext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
    font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}

/*Page links */
a:link, a:visited, a:active{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	font-weight:bold;
	border-bottom: 0; 
	margin-bottom: 0; 
	padding-bottom: 0;
	}

a:hover	{ 
	/*border-bottom: 1px solid;*/
	color: #FF00FF;
	}

a img { 
	border:none;
	 }
	 /*Now Amazon link*/	 
	 
	 
/*** LEFT PANELS ******************************************************************************************************/

/*Secret Graphics*/
#secretarea {
    margin: 0px 0px 10px 0px;
	padding: 45px 0px 0px 0px;

	width: 230px;
	height: 80px;
	
	border: 0px solid #000000;
	
	
	background: url(../images/now_secretarea.gif) top left no-repeat;
}	 

/*Shop Graphics*/
#shopindex {
    margin: 0px 0 10px 0;
	padding: 45px 0px 0px 0px;
	width: 230px;
	height: 155px;
	background: url(../images/shop_bg.gif) top left no-repeat;
}

/*Singtones Graphics */
#singtonesindex {
	margin: 0px 0 10px 0;
	padding: 45px 0px 0px 0px;
	width: 230px;
	height: 89px;
	background: url(../images/singtone_bg_index.gif) top left no-repeat;
	
}

#iframe {
    margin: 0px 0px 0px 0px;
	width: 220px;
	height: 425px;
	background: url(../images/iframe_bg2.gif) top left repeat-y;
	/*z-index:10;*/
}

#iframebottom {
    margin: 0;
	width: 230px;
	height: 16px;
	background: url(../images/other_releases_bottom.gif) top left no-repeat;
	z-index:8;
}


/*Shop Graphics*/
#shop {
    position: relative;
    margin: 0px 0 10px 0;
	padding: 45px 0px 0px 0px;
	/*border-style: solid;
    border-color: #0000ff;*/
	width: 230px;
	height: 155px;
	background: url(../images/shop_bg.gif) top left no-repeat;
    z-index:100;
}





/***END LEFT PANELS ****************************************************************************************************/	 
	 
#nowamazon a {
	display: block;
	/*margin: 50px 50px 0 350px;*/
	border-bottom: 0;
	text-indent: -2000px;
	text-decoration: none;
	width: 75px;
}

#nowamazon a:link, #nowamazon a:visited { background: url(../images/now65_banner.gif) top left no-repeat; height: 65px; width: 477px; 
}

#tvadvert a {
	display: block;
	/*margin: 50px 50px 0 350px;*/
	border-bottom: 0;
	text-indent: -2000px;
	text-decoration: none;
	width: 75px;
	z-index: 100;
}

#tvadvert a:link, #tvadvert a:visited { background: url(../images/now62_advert_launch.gif) top left no-repeat; height: 110px; width: 477px; 
}
	 
/*Index page comp link*/	 
#indexcomp a {
    display: block;
	margin: -160px 50px 0 282px;
	/*original margin: 193px 50px 0 550px;*/
	border-bottom: 0;
	text-indent: -2000px;
	text-decoration: none;
	width: 75px;
	
}

#indexcomp a:link, #indexcomp a:visited { background: url(../images/abbey_rd_comp_anim.jpg) top left no-repeat; height: 165px; width: 220px; }

	 
	 
#advert a {
	display: block;
	border-bottom: 0;
	text-indent: -2000px;
	text-decoration: none;
}

#advert a:link, #advert a:visited { background: url(../images/ad_temp.gif) top left no-repeat; height: 600px; width: 120px; }
#advert a:hover, #advert a:active { background: url(../images/ad_temp.gif) top left no-repeat; height: 600px; width: 120px; }

#shopbutt a {
	display: block;
	border-bottom: 0;
	text-indent: -999px;
}

#shopbutt a:link, #shopbutt a:visited { background: url(../images/shop_03.gif) top left no-repeat; height: 139px; width: 222px; }
#shopbutt a:hover, #shopbutt a:active { background: url(../images/shop_03_over.gif) top left no-repeat; height: 139px; width: 222px; }

#secretbutt a {
	display: block;
	border-bottom: 0;
	text-indent: -2100px;
	text-decoration: none;
}

#secretbutt a:link, #secretbutt a:visited { background: url(../images/secret_area_butt.gif) top left no-repeat; height: 67px; width: 230px; }
#secretbutt a:hover, #secretbutt a:active { background: url(../images/secret_area_butt.gif) top left no-repeat; height: 67px; width: 230px; }

/*Now 63 index - shop Replacement butt */
#now63indexbutt a {
	display: block;
	border-bottom: 0;
	text-indent: -2100px;
	text-decoration: none;
}

#now63indexbutt a:link, #now63indexbutt a:visited { background: url(../images/now63indexbutt.gif) top left no-repeat; height: 139px; width: 222px; }
#now63indexbutt a:hover, #now63indexbutt a:active { background: url(../images/now63indexbutt.gif) top left no-repeat; height: 139px; width: 222px; }
/*#vipbutt1 a {
	display: block;
	border-bottom: 0;
	text-indent: -2000px;
	text-decoration: none;
	width: 75px;
}

#vipbutt1 a:link, #vipbutt1 a:visited { background: url(../images/vip_click_here.gif) top left no-repeat; height: 21px; width: 75px; }
#vipbutt1 a:hover, #vipbutt1 a:active { background: url(../images/vip_click_here_over.gif) top left no-repeat; height: 21px; width: 75px; }

#vipbutt2 a {
	display: block;
	border-bottom: 0;
	text-indent: -2000px;
	text-decoration: none;
	width: 76px;
}

#vipbutt2 a:link, #vipbutt2 a:visited { background: url(../images/join.gif) top left no-repeat; height: 21px; width: 75px; }
#vipbutt2 a:hover, #vipbutt2 a:active { background: url(../images/join_over.gif) top left no-repeat; height: 21px; width: 75px; }*/

/*Comp text*/
td {
    color: #ffffff; font-size:10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.small {
    color: #ffffff; font-size:8px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* ------------------------------- CONTAINERS ----------------------------- */

#navcontainer{
    position: absolute;
	top: 0;
	left: 0;
	width: 950px;
	z-index: 4;
}

#nav{
    position: absolute;
	top: 0;
	left: 0;
	width: 950px;
}

#leftcontainer{
    position: absolute;
	top: 170px;
	left: 30px;
	width: 229px;
	
	
	border: 0px solid #000000;
	
}

#centralcontainer{
    position: absolute;
	top: 0;
	left: 0;
	width: 513px;
	z-index: 3;
	
	border: 0px solid #000000;
}

#rightcontainer{
	position: absolute;
	top: 170px;
	left: 800px;
	/*width: 0;*/
	width: 128px;
	z-index: 1;
	/*height: 1171px;*/

	border: 0px solid #000000;
	
	}

#indexcompcontainer{
    position: absolute;
	top: 0;
	left: 0;
	right: 850px;
	width: 513px;
	z-index: 2;
}

/* ------------------------------- CONTAINERS END ----------------------------- */
/*Login Graphics */
#loginheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/login_title.gif) top left no-repeat;
}

#logincontent {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

	 
/*Welcome Graphics */
#welcomeheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/welcome_top.gif) top left no-repeat;
}

#welcomecontent {
    position: relative;
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
    z-index: 90;
}

.masterFooter {
    margin: 0 0 0 274px;
	padding: 0;
	width: 513px;
	background: url(../images/welcome_bottom.gif) top left no-repeat;
	height: 19px;
}

/*News Graphics */
#newsheader {
    margin: 10px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/now_news_top.gif) top left no-repeat;
}

#newscontentbg {
    position: relative;
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	/*background: url(../images/news_area_bg.jpg) top left repeat-y;*/
	background: url(../images/news_area_bg.jpg) top left repeat-y;
    z-index: 100;
}

#newscontent {
    position: relative;
	margin: 0 20px 0 0;
	padding: 5px 0px 0px 5px;
	width: 485px;
	height: 200px;
	overflow: auto;
    z-index: 90;
}
/*TV Advert Graphics */
#tvadvertheader {
    margin: 10px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/now_advert_banner.gif) top left no-repeat;
}
#tvadvertcontent {
    position: relative;
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
    z-index: 100;
}
/*Latest Graphics */
#latestheader {
    margin: 10px 0 0 274px;
	padding: 0;
	width: 513px;
	height: 37px;
	background: url(../images/latest_top.gif) top left no-repeat;
}

#latestcontent {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
	/*height: 166px;*/
}

/*Mobile Graphics */
#mobileheader {
    margin: 10px 0 0 274px;
	padding: 0;
	width: 513px;
	height: 37px;
	background: url(../images/mobile_top.gif) top left no-repeat;
}

#mobilecontent {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Footer*/
#footer {
    margin: 10px 0 0 0;
	padding: 10px 0 0 35px;
	width: 950px;
	height: 60px;
}

#footer li {
    display: inline;
	list-style-type: none;
	padding-right: 3px;
}



/*Now 63 shop replacement Graphics*/
#now63index {
    margin: 5px 0 0 0;
	padding: 45px 40px 10px 5px;
	width: 230px;
	height: 200px;
	background: url(../images/now63index.gif) top left no-repeat;
}




/*Singtones Graphics */
#singtones {
	margin: 10px 0 0 0;
	/*margin: -35px 0 0 0;*/
	padding: 35px 52px 10px 5px;
	/*width: 220px;*/
	width: 230px;
	height: 245px;
	background: url(../images/singtone_bg.gif) top left no-repeat;
	
}



/*Other Releases */
#orheader {
    margin: 10px 0 0 0;
   /* margin: -35px 0 0 0;*/
	padding: 0;
	width: 230px;
	height: 38px;
	/* height: 46px;*/
	background: url(../images/other_releases_header.gif) top left no-repeat;
}
/*otherreleases.html*/
#otherreleases {
    padding: 5px 50px 10px 10px;
	/*width: 220px;*/
	/*height: 425px;*/
	background: url(../images/iframe_bg.gif) top left repeat-y;
}

/* ------------------------------- layout Each Content Area ----------------------------- */
#orheader3 {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/or_video_top.gif) top left no-repeat;
}
#orContent3 {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}
/*NOW Video VIP Left*/
#nowheader2 {
    margin: 170px 0 0 274px;
	width: 490px;
	height: 37px;
	background: url(../images/now_music_video_top.gif) top left no-repeat;
}
#nowContent2 {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Secret Area Page*/
#secretareaheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/secretarea_header.gif) top left no-repeat;
}

/*AOL Landing Page*/
#aolheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../aol/images/now64_header.gif) top left no-repeat;
}

/*MSN Landing Page*/
#msnheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../msn/images/now63_top.gif) top left no-repeat;
}
#msnContent {
    position: relative;
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
	z-index: 90;
}
/*Competition*/
#compheader2 {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/comp_top.gif) top left no-repeat;
}
#compContent2 {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Shop VIP Right*/
#vipshop {
	margin: 170px 0 0 822px;
	padding: 37px 50px 10px 10px;
	width: 128px;
	height: 270px;
    background: url(../images/now_shop_bg_vip.gif) top left no-repeat;
	
}

/*NOW Video VIP Left*/
#nowheader1 {
    margin: 170px 0 0 0;
	width: 230px;
	height: 37px;
	background: url(../images/now_video_header.gif) top left no-repeat;
}

/*Other Releases VIP Left*/
#nowContent1 {
    margin: 4px 0 0 0;
	padding: 10px 50px 15px 15px;
	width: 200px;
	background: url(../images/iframe_bg2.gif) top left repeat-y;
}
#nowbottom {
    margin: 0;
	width: 230px;
	height: 16px;
	background: url(../images/other_releases_bottom.gif) top left no-repeat;
	}

/*Other Releases VIP Left*/
#orheader1 {
    margin: 10px 0 0 0;
	width: 230px;
	height: 37px;
	background: url(../images/or_video_header.gif) top left no-repeat;
}
#orContent1 {
    margin: 4px 0 0 0;
	padding: 10px 50px 15px 15px;
	width: 200px;
	background: url(../images/iframe_bg2.gif) top left repeat-y;
}
#orbottom {
    margin: 0;
	width: 230px;
	height: 16px;
	background: url(../images/other_releases_bottom.gif) top left no-repeat;
	}

/*SIGNUP*/
#nowsignupheader{
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/now_signup_header.gif) top left no-repeat;
}
/*Competition*/
#compheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/comp_top.gif) top left no-repeat;
}
#compContent {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Now DVD */
#nowdvd {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/now_dvd_top.gif) top left no-repeat;
}
#nowdvdContent {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Now Dance */
#nowdance {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/now_dance_top.gif) top left no-repeat;
}
#nowdanceContent {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}
/*Now Music */
#nowmusic {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/now_music_top.gif) top left no-repeat;
}
#nowmusicContent {
    margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

#nowmusicContent_item {
    position: relative;
	margin: 0;
	padding: 5px 0px 10px 0px;
	width: 503px;
	height: 750px;
	overflow: auto;
    z-index: 90;
	}
	
#nowmusicContentbg {
    margin: 0 0 0 274px;
	padding: 5px 0px 10px 10px;
	width: 503px;
	height: 780px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}
/*Other Releases Archive*/
#orheaderarchive {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/other_releases_archive.gif) top left no-repeat;
}

/*Other Releases */
#orheader2 {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/other_releases_top2.gif) top left no-repeat;
}

#orcontent2 {
    margin: 0 0 0 274px;
	padding: 5px 90px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
	/*height: 166px;*/
}


/*Ts and Cs*/
#tscsheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(images/ts_cs_header.gif) top left no-repeat;
}

/*Mobile */
#mobileheader2 {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/mobile_top.gif) top left no-repeat;
}
#mobilecontent2 {
    margin: 0 0 0 274px;
	padding: 5px 10px 10px 10px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

#mobiletext1 {
    float: left;
    width: 250px;
    margin: 0;
}

#mobiletext2 {
    float: left;
    width: 250px;
    margin: 0 5px 0 5px;

}

/*VIP*/
#vipexheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/vip_top.gif) top left no-repeat;
}
#vipexcontent {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Privacy Policy */
#privacyheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/privacy_top.gif) top left no-repeat;
}
#privacycontent {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Podcasts */
#podcastsheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/podcasts_top.gif) top left no-repeat;
}
#podcastscontent {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	/*padding: 5px 50px 10px 15px;*/
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}
/*Wapshop */
#wapshopheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/wapshop_top.gif) top left no-repeat;
}

/*Downloads */
#downloadsheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/downloads_top.gif) top left no-repeat;
}
#downloadscontent {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 500px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Singtones */
#singtonesheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/singtones_top.gif) top left no-repeat;
}
#singtonescontent {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 490px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}

/*Latest */
#latestheader2 {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/latest_top.gif) top left no-repeat;
}

/*VIP Login */
#viploginheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/vip_login_top.gif) top left no-repeat;
	z-index: 40;
}
#vipcontent {
    position: relative;
	margin: 0 0 0 274px;
	/*margin: 0 0 0 274px;*/
	padding: 15px 60px 10px 20px;
	width: 500px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
	z-index: 90;
}


/*#vipcontent {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
	z-index: 50;
}*/

/*VIP Signup */
#vipsignupheader {
    margin: 170px 0 0 274px;
	width: 513px;
	height: 37px;
	background: url(../images/vip_signup_top.gif) top left no-repeat;
}

#vipcontent2 {
	margin: 0 0 0 274px;
	padding: 5px 50px 10px 15px;
	width: 513px;
	background: url(../images/welcome_area_bg.gif) top left repeat-y;
}



/*VIP Right */
#vip {
    position: relative;
	margin: 0px 0 10px 0px;
	width: 120px;
	height: 125px;
   /* background: url(../images/vip_bg.gif) top left no-repeat;*/
	z-index:100;
}

#indexad {
    position: relative;
	margin: 0px 0 0 0px;
	width: 120px;
	height: 400px;
   /* background: url(../images/vip_bg.gif) top left no-repeat;*/
   /* border: 1px solid red;*/
	z-index:150;
}

/*Adverts */
#advert {
    margin: 10px 0 0 817px;
	width: 128px;
	height: 600px;
	background: url(../images/ad_temp.gif) top left no-repeat;
}