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

	@import url('facebook-button.css');

/* LAYOUT
----------------------------------------------------------------------------- */
	
	div.layout {
		
		color: #fff;
		background-image: url('../images/page-join/bg-body.jpg') !important;
		background-repeat: no-repeat !important;
		background-position: center 30px !important;
		background-color: #000 !important;
		
		}
	
	div.content {
	
		padding-top: 190px !important;
		
		}
		
	#page-login.backstagejbj div.layout {
		
		display: none;
		
		}
		
	#page-login.backstagejbj div.layout + div.layout {
		
		display: block;
		padding: 0 !important;
		
		}


/* SIGN IN OVERLAY (for Mac keychain access)
----------------------------------------------------------------------------- */

	#page-login #signin-overlay {
		
		display: block;
		
		}


/* ALERT
-----------------------------------------------------------------------------

	div.widget-alert {

		margin: 0 0 20px 0 !important;
		background: none !important;
		border-color: #AE1C16 !important;

		}
		
	div.widget-alert h3 {
		
		color: #AE1C16 !important;
		
		}

	div.widget-alert p {

		padding: 0 150px !important;
		color: #fff !important;

		} */
		
		
/* PROMPT
----------------------------------------------------------------------------- */

	div.prompt {
		
		margin: 0 0 20px 0 !important;
		background: none !important;
		border-color: #AE1C16 !important;
		
		}
		
	div.prompt p {
		
		padding: 0 150px !important;
		color: #fff !important;
		
		}
		

/* MEMBERSHIP PACKAGES
----------------------------------------------------------------------------- */

	#memberships {
				
		padding: 0;
		border-width: 2px;
		width: 976px;
		border-style: solid;
		border-color: #808080;
		border-color: rgba(255, 255, 255, 0.5) !important;
		background-image: none;
		
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		
		}

		
/* TABS */

	#memberships ul.tabs {
		
		background: #968042;
		margin: 0 !important;

		padding: 15px 0;
		white-space: nowrap;

		-webkit-border-top-left-radius: 11px;
		-webkit-border-top-right-radius: 11px;
		-moz-border-radius-topleft: 11px;
		-moz-border-radius-topright: 11px;
		
		}
		
	#memberships ul.tabs li a {
		
		background: #70602f;
		color: #000;
		padding: 5px 15px;
		border: 2px solid #524623;

		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		
		}
		
	#memberships ul.tabs li a em {
	
		font-weight: bold;
	
		}

	#memberships ul.tabs li a:hover {

		color: #df1f12;
		background: #000;

		}
		
	#memberships ul.tabs li.ui-tabs-selected a {
		
		color: #fff;
		background: #000;
		
		}
		
	#memberships ul.tabs li.ui-tabs-selected a.signature,
	#memberships ul.tabs li a.signature:hover {

		color: #ffc100;
		
		}

	#memberships ul.tabs li strong {
		
		background: url('../images/page-join/strong-arrows.gif') center right no-repeat;
		color: #fff;
		font-size: 22px;
		line-height: 22px;
		font-weight: bold;
		font-style: normal;
		text-transform: uppercase;
		padding: 0 40px 0 0;
		
		}


/*		
	#memberships ul.tabs {
		
		margin: 0 !important;
		border-color: #262626;
		border-color: rgba(255, 255, 255, 0.15) !important;
		
		}
		
	#memberships ul.tabs li a {
		
		color: #9B8B59;
		
		}
		
	#memberships ul.tabs li a:hover {

		color: #AE1C16;

		}
		
	#memberships ul.tabs li.ui-tabs-selected a {
		
		color: #000;
		background: #fff;
		
		}
		
	#memberships ul.tabs li.ui-tabs-selected a.signature {

		color: #000;
		background: url('../images/page-join/strong-signature.gif') repeat-x #d1c77b;
		
		}

	#memberships ul.tabs li strong {
		
		color: #888;
		font-size: 22px;
		line-height: 22px;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		
		}
		
*/
/* PACKAGES */

	#memberships div.package {
		
		float: left;
		width: 100%;
		position: relative;
		background: #000;
		
		overflow: hidden;
		-webkit-border-bottom-left-radius: 13px;
		-webkit-border-bottom-right-radius: 13px;	
		-moz-border-radius-bottomleft: 13px;
		-moz-border-radius-bottomright: 13px;			
			
		}
		
	#memberships div.package ul.items {
		
		float: left;
		width: 560px;
		margin: 0 0 -20px 0;
		padding: 20px 0 0 415px;
		
		}
		
	#memberships div.package ul.items li {
		
		display: block;
		float: left;
		width: 260px;
		padding-top: 101px;
		margin: 0 20px 20px 0;
		background-repeat: no-repeat;
		
		}

	#memberships div.package ul.items li strong,
	#memberships div.package ul.items li span {
		
		font-size: 19px;
		line-height: 19px;
		letter-spacing: 0px;
		text-transform: uppercase;
		color: #000;
		background: #888;
		
		}
		
	#memberships div.package ul.items li.tshirt span {
		
		background-color: #fff;
		
		}
		
	#memberships div.package ul.items li strong {
		
		font-weight: normal;
		font-style: normal;
		background: url('../images/page-join/strong-signature.gif') repeat-x #d1c77b;
		
		}
		
	
/* SIGNATURE PACKAGE */

	#memberships #signature {
		
		background: url('../images/page-join/bg-signature.jpg') no-repeat;
		
		}


/* STANDARD PACKAGE */

	#memberships #standard {
		
		background: url('../images/page-join/bg-standard.jpg') no-repeat;
		
		}
		
	#memberships #standard ul.items {
		
		width: 260px;
		
		}
		
		
/* ONLINE PACKAGE */

	#memberships #online {
	
		background: url('../images/page-join/bg-online.jpg') no-repeat;
	
		}
		
	#memberships #online ul.items {
		
		margin-bottom: 0;
		
		}
			
	#memberships #online p {
		
		width: 450px;
		margin: 20px 0 0 395px;
		background: #9B8B59;
		color: #000;
		padding: 5px 10px;
		
		}
		
	#memberships #online p.info {

		clear: both;
		color: #fff;
		margin-left: 415px;
		background: #000;

		}
		
	#memberships #online p.discount {

		clear: both;
		color: #000;
		width: 400px;
		background: #fff;
		margin: 40px auto 0;

		}
	
	#memberships #online a.credit {
		
		display: block;
		padding: 0 5px;
		background: #888;
		color: #fff;
		
		position: absolute;
		bottom: 10px;
		left: 10px;
		
		}
		
	#memberships #online a.credit:hover {
		
		background: #fff;
		color: #000;
		
		}
		
	#memberships #online ul.actions li a.join {
		
		width: 420px;
		
		}
		
	#memberships #online ul.actions li a.join.two {

		width: 550px;

		}
		
		
/* PACKAGE ITEMS */

	#memberships div.package ul.items li.tshirt {
		
		padding: 0;
		margin: 0;
		width: 270px;
		
		position: absolute;
		top: 265px;
		left: 20px;
		
		}

	#memberships div.package ul.items li.album {
		
		background-image: url('../images/page-join/item-album_flat.jpg');
		
		}
		
	#memberships div.package ul.items li.letter {

		background-image: url('../images/page-join/item-welcome_letter_standard.jpg');

		}

	#memberships #signature ul.items li.letter {

		background-image: url('../images/page-join/item-welcome_letter_signature.jpg');

		}		
		
	#memberships div.package ul.items li.letter {

		background-image: url('../images/page-join/item-welcome_letter_standard.jpg');

		}		
		
	#memberships div.package ul.items li.card {

		background-image: url('../images/page-join/item-card_signature.jpg');

		}
		
	#memberships #standard ul.items li.card,
	#memberships #online ul.items li.card {

		background-image: url('../images/page-join/item-card_standard.jpg');

		}
		
	#memberships div.package ul.items li.donation {

		background-image: url('../images/page-join/item-jbjsf_donation.jpg');

		}
	
	
/* ACTIONS */

	#memberships ul.actions {
		
		clear: both;
		padding: 20px 0;
		
		}

	#memberships ul.actions li {
		
		float: none;
		margin: 0;
		
		}

	#memberships ul.actions li a.join {
		
		font-size: 30px;
		line-height: 30px;
		padding: 5px 20px;
		display: block;
		width: 550px;
		height: 30px;
		margin: 0 auto 20px auto;
		background: #AE1C16;
		color: #fff;
		
		}
		
	#memberships ul.actions li a.join.two {

		width: 700px;

		}
		
	#memberships ul.actions li a.join:hover {
		
		background: #fff;
		color: #000;
		
		}
		
	#memberships ul.actions li a.join span {
		
		font-size: 20px;
		line-height: 20px;
		
		}
		
	#memberships ul.actions li a.join strong {
		
		display: block;
		float: left;
		font-weight: normal;
		
		}
		
	#memberships ul.actions li a.join small {
		
		display: block;
		float: right;
		padding-top: 2px;
		text-align: right;
		width: 80px;
		color: #000;
		font-weight: bold;
		font-style: italic;
		font-size: 13px;
		line-height: 13px;
		
		}
		
	#memberships ul.actions li a.join em {
		
		font-size: 20px;
		line-height: 20px;
		background: url('../images/page-join/strike.gif') repeat-x center center;
		color: #000;
		
		}

	#memberships ul.actions li a.gift {
		
		font-size: 30px;
		line-height: 30px;
		padding: 5px 20px;
		display: block;
		width: 550px;
		height: 30px;
		margin: 0 auto 20px auto;
		color: #AE1C16;
		background: #fff;
		
		}
		
	#memberships ul.actions li a.gift:hover {
		
		background: #AE1C16;
		color: #fff;
		
		}

/*	#memberships ul.actions li a.gift {
		
		display: block;
		margin: 0 auto;
		width: 125px;
		color: #AE1C16;
		background-color: transparent;
		
		}
		
	#memberships ul.actions li a.gift:hover {

		color: #fff;
		background-color: transparent;

		}*/
		
	#memberships div.package p.info {
			
		clear: both;
		padding: 20px 20px 0 415px;
		color: #fff;
		background: none;
			
		}
		
	#memberships div.package p.info a {
		
		color: #AE1C16;
		
		}
		
	#memberships div.package p.info a:hover {

		color: #fff;

		}
		
	#memberships div.package p.discount {

		clear: both;
		color: #000;
		width: 400px;
		text-align: center;
		font-weight: bold;
		padding: 5px 10px;
		background: #fff;
		margin: 40px auto 0;

		}
		

/* FACEBOOK
----------------------------------------------------------------------------- */

	#page-login ul.facebook {
	
		float: none !important;
		margin: 0 auto;
		
		}

	#page-login ul.facebook li.like {
		
		width: 96px;
		overflow: hidden;
		
		}


/* LEGAL DISCLAIMERS
----------------------------------------------------------------------------- */
	
	#disclaimers {
		
		width: 980px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		
		}
	
	#disclaimers div.main {
		
		width: 100%;
		
		}
	
	#disclaimers p {
		
		color: #888;
		font-size: 11px;
		line-height: 12px;
		
		}
	

/* HIDDEN ELEMENTS
----------------------------------------------------------------------------- */
	
	#header,
	#title h2,
	#title ul.categories {
		
		display: none !important;
		
		}
		
	#title {
		
		min-height: 0 !important;
		height: auto !important;
		
		}