/* BON JOVI */
/* Join Page Stylesheet
----------------------------------------------------------------------------- */


/* Already a Member Link */

	
	#page-join #content #signin {
		
	width: 141px;
	height: 65px;
	background: url(../images/skin-backstagejbj/section-fans/a-signin.gif) top left no-repeat;
	text-indent: -5000px;
	
	position: absolute;
	top: 65px;
	right: 15px;
		
	}
	
	#page-join #content #signin:hover {
		
	background-position: bottom left;
		
	}
	

/* Internal Anchors */

	
	#page-join a.internal {
	
	display: block;
	width: 1px;
	height: 1px;
	text-indent: -5000px;
		
	}


/* Tour Terminal Link */


	#page-join #terminal {
	
	width: 195px;
	height: 87px;
	background: url(../images/skin-backstagejbj/page-join/a-terminal.jpg) no-repeat;
	display: block;
	text-indent: -5000px;
	float: left;
	margin: 15px 45px 0 0;
	
	}
	

/* Layout */
	

	#page-join {
	
	color: #fff;	
	background-image: url(../images/skin-backstagejbj/page-join/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #000;
		
	}

	#page-join #content {
	
	position: static;
	
	}
	
	#page-join #page {
		
	padding-top: 0;
	position: static;
		
	}
	
	#page-join h4 {
		
	color: #fff;
		
	}
	
	#page-join #format {
		
	background-image: none;
		
	}
	

/* Info */

	
	#page-join #info {
		
	position: relative;
	float: left;
	clear: none;
	margin: 0 0 0 240px;
		
	}
	
	#page-join #info h3 {
		
	width: 530px;
	height: 160px;
	margin: 0;
	background: url(../images/skin-backstagejbj/section-fans/h3-join.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#page-join #info h3 span {
		
	display: none;
		
	}
	
	#page-join #info strong {
		
	display: none;
		
	}
	
	#page-join #info a {
		
	display: block;
	width: 85px;
	height: 130px;
	text-indent: -5000px;
		
	position: absolute;
	top: 25px;
	right: 205px;
	
	}
	
		
/* Benefits */

	
	#page-join #benefits {
		
	float: left;
	width: 940px;
		
	}
	
	#page-join #benefits ul li h4 {
	
	font-size: 30px;
	line-height: 24px;
		
	}
	
	#page-join #benefits ul li.chatroom h4 {
		
	width: 140px;
		
	}
	
	#page-join #benefits ul li.meet h4 {
		
	width: 180px;
		
	}
	
	#page-join #benefits ul li.archives h4 {
		
	width: 270px;
		
	}
	
	#page-join #benefits ul.column {
		
	float: left;
	clear: none;
	width: 320px;
		
	}
	
	#page-join #benefits ul.column.two {
	
	padding-top: 20px;	
	padding-left: 300px;
		
	}
	
	#page-join #benefits ul.one li {
	
	padding: 120px 0 40px 40px;
	background-repeat: no-repeat;
	background-position: top left;
		
	}
	
	#page-join #benefits ul.two li {
	
	padding: 120px 0 30px 45px;
	background-repeat: no-repeat;
	background-position: top left;
		
	}
	
	#page-join #benefits ul.one li.presales {
	
	margin-top: -27px;	
	padding-top: 160px;
	padding-left: 15px;
	background-image: url(../images/skin-backstagejbj/page-join/li-presales.gif);
		
	}
	
	#page-join #benefits ul.one li.chatroom {
	
	padding: 0 0 40px 160px;
	background-image: url(../images/skin-backstagejbj/page-join/li-chatroom.gif);
	background-position: top left;
		
	}
	
	#page-join #benefits ul.one li.meet {
	
	padding-top: 215px;
	background-image: url(../images/skin-backstagejbj/page-join/li-meet.gif);
		
	}
		
	#page-join #benefits ul.two li.messages {
	
	padding-top: 150px;
	background-position: 45px 0;
	background-image: url(../images/skin-backstagejbj/page-join/li-messages.jpg);
		
	}
	
	#page-join #benefits ul.two li.vip {
	
	padding: 0 0 40px 180px;
	background-position: 35px 0;
	background-image: url(../images/skin-backstagejbj/page-join/li-vip.jpg);
		
	}
	
	#page-join #benefits ul.two li.archives {
	
	padding-top: 190px;
	background-position: 30px 0;
	background-image: url(../images/skin-backstagejbj/page-join/li-archive.png);
		
	}
	
	#page-join #benefits ul li p {
		
	width: 250px;
	margin: 0 !important;
		
	}
	
	#page-join #benefits ul li.chatroom p {
		
	width: 100px;
		
	}
	
	#page-join #benefits ul li.vip p {
		
	width: 140px;
		
	}
	
	#page-join #benefits ul.one li.meet p {
		
	width: 230px;
		
	}


/* Membership Packages */

	
	#page-join #packages {
		
	clear: both;
	padding: 30px 0 0 0;
		
	}
	
	#page-join #packages ul.actions li {
	
	clear: both;
		
	}
	
	#page-join #content #packages div.signature ul.actions li a,
	#page-join #content #packages div.standard ul.actions li a,
	#page-join #content #packages div.online ul.actions li a {
	
	width: auto;
	font-size: 16px;
	line-height: 14px;	
	background: #000 url(../images/skin-backstagejbj/layout/a-tab-black.gif) center center repeat-x;
	padding: 2px 10px 3px;
	color: #fff;
	
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	}
	
	#page-join #content #packages div.signature ul.actions li a:hover,
	#page-join #content #packages div.standard ul.actions li a:hover,
	#page-join #content #packages div.online ul.actions li a:hover {
	
	color: #999;
		
	}
	
	#page-join #content #packages div.signature ul.actions li a.join,
	#page-join #content #packages div.standard ul.actions li a.join,
	#page-join #content #packages div.online ul.actions li a.join {
		
	color: #cfe41d;
	margin-bottom: 3px;
		
	}
	
	#page-join #content #packages div.signature ul.actions li a.join:hover,
	#page-join #content #packages div.standard ul.actions li a.join:hover,
	#page-join #content #packages div.online ul.actions li a.join:hover {
		
	color: #ff0;
		
	}
	

/* Signature Membership */

	
	#page-join #packages div.signature {
		
	float: left;
	width: 503px;
	height: 232px;
	padding: 168px 0 0 23px;
	margin: 0 0 30px 15px;
	background: url(../images/skin-backstagejbj/page-join/package-signature.jpg) no-repeat;
	position: relative;
		
	}
	
	#page-join #packages div.signature h4,
	#page-join #packages div.signature strong,
	#page-join #packages div.signature em,
	#page-join #packages div.signature div.merch {
		
	display: none;
		
	}
	
	#page-join #content #packages div.signature ul.actions li a {
		
	background-image: none;
	background-color: transparent;
	text-indent: -5000px;
	width: 115px;
	height: 20px;
	padding: 0;
	margin: 0 0 7px 0 !important;
	border: 0;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
		
	}
	
	#page-join #content #packages div.signature ul.actions li a span {
		
	display: none;
		
	}
	
	#page-join #packages div.signature a.shirt {
		
	display: block;
	width: 130px;
	height: 175px;
	text-indent: -5000px;
	background: url(../images/skin-backstagejbj/page-join/a-shirt.gif) no-repeat bottom right;
	
	position: absolute;
	left: 310px;
	top: 38px;
		
	}
	
	#page-join #packages div.signature a.shirt:hover {
		
	background-image: url(../images/skin-backstagejbj/page-join/a-shirt-hover.gif);
		
	}
	

/* Standard Membership */

	
	#page-join #packages div.standard {
	 
	clear: none;	
	float: left;
	width: 279px;
	height: 227px;
	margin: 0 0 30px 0;
	padding: 168px 0 0 23px;
	border: 0;
	background: url(../images/skin-backstagejbj/page-join/package-standard.jpg) no-repeat;
	position: relative;
		
	}
	
	#page-join #packages div.standard h4,
	#page-join #packages div.standard strong,
	#page-join #packages div.standard em,
	#page-join #packages div.standard div.merch {
		
	display: none;
		
	}
	
	#page-join #content #packages div.standard ul.actions li a {
		
	background-image: none;
	background-color: transparent;
	text-indent: -5000px;
	width: 115px;
	height: 20px;
	padding: 0;
	margin: 0 0 7px 0 !important;
	border: 0;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
		
	}
	
	#page-join #content #packages div.standard ul.actions li a span {
		
	display: none;
		
	}
	
	#page-join #packages div.standard a.shirt {
		
	display: block;
	width: 125px;
	height: 155px;
	text-indent: -5000px;
	background: url(../images/skin-backstagejbj/page-join/a-shirt.gif) no-repeat bottom right;
	
	position: absolute;
	left: 180px;
	top: 65px;
		
	}
	
	#page-join #packages div.standard a.shirt:hover {
		
	background-image: url(../images/skin-backstagejbj/page-join/a-shirt-hover.gif);
		
	}
	
		
/* Online Membership */

	
	#page-join #packages div.online {
	
	clear: both;
	padding: 10px;
	width: 885px;
	height: 60px;	
	background-color: #574786;
	margin: 0 auto 30px;
		
	}
	
	#page-join #packages div.online h4 {
		
	float: left;
	padding: 0 15px 0 0;
	font-size: 24px;
	line-height: 20px;
	width: 120px;
		
	}
	
	#page-join #packages div.online p {
		
	float: left;
	clear: none;
	width: 315px;
	margin: 0;
	padding: 0 10px 0 0;
		
	}
	
	#page-join #packages div.online strong {
		
	display: block;
	float: left;
	width: 73px;
	height: 40px;
	padding: 0 15px 0 0;
	margin-top: 3px;
	background: url(../images/skin-backstagejbj/page-join/price-online.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#page-join #packages div.online ul.actions {
	
	width: auto;
	float: left;
	margin-top: -3px;
	clear: none;
		
	}
		

/* BonJovi.com Membership */

	
	#page-join #packages div.bonjovi {
		
	clear: both;
	width: 535px;
	height: 105px;
	margin: 0 auto;
	padding: 95px 0 0 370px;
	background: url(../images/skin-backstagejbj/page-join/bg-bonjovicom.jpg) no-repeat;	
		
	}
	
	#page-join #packages div.bonjovi h4,
	#page-join #packages div.bonjovi p {
		
	display: none;
		
	}
	
	#page-join #packages div.bonjovi ul.benefits {
		
	list-style: disc outside;
	padding: 0 0 10px 10px;
		
	}
	
	#page-join #packages div.bonjovi ul.benefits li {
		
	text-shadow: 0 3px 1px #000;
	font-size: 11px;
	line-height: 13px;
		
	}
	
	#page-join #packages div.bonjovi ul.actions li a.join {
		
	background-color: transparent;
	background-image: url(../images/skin-backstagejbj/page-join/a-getstarted.gif);
	background-position: 0 0;
	padding: 0;
	text-indent: -5000px;
	width: 105px;
	height: 28px;
	overflow: hidden;
		
	}
	
	#page-join #packages div.bonjovi ul.actions li a.join:hover {
		
	background-color: transparent;
	background-position: 0 28px;
		
	}
	

/* Legal Disclaimers */

	
	#page-join #disclaimers {
		
	width: 905px;
	margin: 0 auto;
	padding: 30px 0 0 0;
		
	}
	
	#page-join #disclaimers p {
		
	color: #999;
	font-size: 11px;
	line-height: 12px;
		
	}
	

/* Hidden */

	
	#page-join #header,
	#page-join #title {
		
	display: none !important;
		
	}