/* BON JOVI */
/* Page VIP Stylesheet
----------------------------------------------------------------------------- */
	

/* LAYOUT
----------------------------------------------------------------------------- */


	body#page-vip,
	#page-vip #format {
	
	background-image: none !important;
	background-color: #000 !important;
	
	}
	
	#page-vip #page {
	
	background-image: none !important;
	margin-top: -48px;
	
	}
	
	#page-vip #header {
	
	background: url(../images/skin-thecircletour/header/header-vip.jpg) no-repeat 0 30px;
	height: 280px;
		
	}	
	
	#page-vip div.frontrow {
	
	background: url(../images/skin-thecircletour/header/header-vip-frontrow.jpg) no-repeat top left !important;
		
	}
	
	#page-vip a.banner {
	
	margin-bottom: 40px;
	
	}
	
	#page-vip #circleside a.banner {
	
	float: none;
	width: 728px;
	margin: 0 auto;
	
	}
	

/* TABS
----------------------------------------------------------------------------- */
	
	
	#page div.tabbed.vip ul.tabs {

	width: 753px;
	height: 39px !important;
	background: url(../images/skin-thecircletour/layout/ul-tabs-vip.jpg) center bottom no-repeat;
	padding: 0 0 1px 215px !important;
	float: left;
	
	}	
	
	#page div.tabbed.vip ul.tabs li {
	
	float: left;
	clear: none;
	width: auto;
	height: 39px !important;
	padding-right: 9px !important;
	margin-right: 0 !important;
	
	}
	
	#frontrow-tab {
	
	display: block;
	background: url(../images/skin-thecircletour/layout/tab-frontrow.gif) no-repeat top left;
	width: 198px;
	height: 39px;
	text-indent: -5000px;
		
	}
	
	#inthecircle-tab {
	
	display: block;
	background: url(../images/skin-thecircletour/layout/tab-inthecircle.gif) no-repeat top left;
	width: 113px;
	height: 39px;
	text-indent: -5000px;
		
	}
	
	#circleside-tab {
	
	display: block;
	background: url(../images/skin-thecircletour/layout/tab-circleside.gif) no-repeat top left;
	width: 99px;
	height: 39px;
	text-indent: -5000px;
		
	}
	
	
/* Hover */

	
	#frontrow-tab:hover {
	
	background-position: -198px 0;
	
	}
	
	#inthecircle-tab:hover {
	
	background-position: -113px 0;
	
	}
	
	#circleside-tab:hover {
	
	background-position: -99px 0;
	
	}
	
	
/* Selected */

	
	li.ui-tabs-selected #frontrow-tab,
	li.ui-tabs-selected #frontrow-tab:hover {
	
	background-position: -396px 0;
	width: 298px;
	
	}
	
	li.ui-tabs-selected #inthecircle-tab,
	li.ui-tabs-selected #inthecircle-tab:hover {
	
	background-position: -226px 0;
	width: 158px;
	
	}
	
	li.ui-tabs-selected #circleside-tab,
	li.ui-tabs-selected #circleside-tab:hover {
	
	background-position: -198px 0;
	width: 133px;
	
	}
	
	
/* VIP TABBED
----------------------------------------------------------------------------- */

	
	#frontrow,
	#inthecircle,
	#circleside {
	
	margin-top: 3px;
	float: left;
	position: relative;
	
	}
	
	#frontrow {
	
	margin-top: 4px;
	background: url(../images/skin-thecircletour/layout/upsell-frontrow.jpg) no-repeat top left;
	width: 980px;
	padding-top: 1175px;
	
	}
	
	#inthecircle {
	
	background: url(../images/skin-thecircletour/layout/upsell-inthecircle.jpg) no-repeat top left;
	width: 980px;
	padding-top: 950px;
	
	}
	
	#circleside {
	
	background: url(../images/skin-thecircletour/layout/upsell-circleside.jpg) no-repeat 0 120px;
	width: 980px;
	
	}
	
	#frontrow a#buynow,
	#inthecircle a#buynow {
	
	display: block;
	width: 326px;
	height: 39px;
	position: absolute;
	top: 146px;
	left: 322px;
	background: url(../images/skin-thecircletour/layout/a-buynow.gif);
	text-indent: -5000px;
	
	}
	
	#inthecircle a#buynow {
	
	top: 115px;
	left: 322px;
		
	}
	
	#page-vip div#legal p small {
	
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding-top: 20px;
	
	}


/* Circleside Purchase Panel */


	#circleside #sales {
	
	margin-top: 19px;
	margin-bottom: 0;
	height: 100px;
	
	}

	#circleside #sales h3 {

	display: block;
	width: 470px;
	margin: 15px;
	color: #d2e016;
	font-size: 30px;
	line-height: 30px;
	
	}
	
	#circleside #sales a {
	
	display: block;
	width: 244px;
	height: 39px;
	position: absolute;
	top: 20px;
	left: 620px; 
	background: url(../images/skin-thecircletour/layout/a-buynow-circleside.gif);
	text-indent: -5000px;
	
	}
	
	#circleside #legal {
		
	padding-top: 805px;
		
	}

	
/* CONTENT
----------------------------------------------------------------------------- */	
	
	
	div#tourinfo {
	
	float: left;
	width: 968px;
	padding: 0 6px;
	margin-bottom: 40px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(../images/skin-thecircletour/layout/bg-sidebar-tile.jpg) no-repeat 6px bottom;
	
	}

	div#tourinfo div#selectdate {
	
	background: url(../images/skin-thecircletour/layout/vip-selectdate.gif) no-repeat 0 0;
	position: relative;
	width: 728px;
	height: 70px;
	
	}
	
	div#tourinfo div.widget-event h3 {
	
	display: none;
	
	}
	
	div#tourinfo div#selectdate h3,
	div#tourinfo div#selectdate h4,
	div#tourinfo div#selectdate a {
	
	text-indent: -5000px;
	
	}
	
	div#tourinfo div#selectdate a {
	
	display: block;
	position: absolute;
	right: 0;
	bottom: 25px;
	width: 90px;
	height: 20px;
	
	}
	
	div#tourinfo div#content div.tabbed ul.tabs {
	
	background: url(../images/skin-thecircletour/layout/h3-pane-top.jpg) no-repeat 0 0;
	padding-top: 10px;
	
	}
	

/* VIP PACKAGE SALES
----------------------------------------------------------------------------- */


	#sales {
	
	width: 966px;
	height: 275px;
	position: relative;
	background: #000 url(../images/skin-thecircletour/page-vip/bg-sales.gif) 590px 0 no-repeat;
	margin: 39px 0 40px 0;
	float: left;
	border: 1px solid #6c6c6c;
	
	}

	#sales a.back {
	
	display: block;
	width: 131px;
	height: 14px;
	position: absolute;
	top: 249px;
	left: 15px;
	background: url(../images/skin-thecircletour/page-vip/a-back.gif) no-repeat;
	text-indent: -5000px;
	
	}
	
	#sales a.help {
	
	display: block;
	width: 67px;
	height: 17px;
	position: absolute;
	top: 249px;
	left: 617px;
	background: url(../images/skin-thecircletour/page-vip/a-help.gif) no-repeat;
	text-indent: -5000px;
	
	}


/* Show Details */	

	
	#sales div.widget-event {
	
	width: 470px;
	padding: 15px 15px 15px 90px;
	float: left;
	position: relative;
	
	}
	
	#sales div.widget-event h4.date strong, 
	#sales div.widget-event h3, 
	#sales div.widget-event div h4, 
	#sales div.widget-event div.details dt, 
	#sales div.widget-event div.details dd, 
	#sales div.widget-event dd.directions, 
	#sales div.widget-event ul.actions, 
	#sales div.widget-event div.details dl {
	
	display: none;
	
	}
	
	#sales div.widget-event h4.date {

	background-color: #d8e20a;	
	position: absolute;
	top: 15px;
	left: 15px;
	
	}
	
	#sales div.widget-event h4.date abbr, 
	#sales div.widget-event h4.date span {
	
	color: #000;
	
	}
	
	#sales div.widget-event div.venue dl {
	
	padding: 0 0 10px 0;
	display: block;
	
	}
	
	#sales div.widget-event div.venue dd {
	
	float: left;
	padding: 0 !important;
	color: #6c6c6c;
	font-size: 27px;
	line-height: 27px;	
	text-transform: uppercase;
	
	}
	
	#sales div.widget-event div.venue dd.venue {
	
	display: block;
	width: 470px;
	color: #d8e20a;
	font-size: 30px;
	line-height: 30px;
	
	}
	
	#sales div.widget-event div.tickets {
	
	display: none;
	
	}
	

/* Buy VIP Package */


	#sales div.widget-item {

	width: 336px;
	height: 260px;
	padding: 15px 15px 0 25px;
	float: right;
	position: relative;
	overflow: hidden;
	
	}
	
	#sales div.widget-item div.topic em {

	display: none;
	margin-bottom: 5px;
	color: #9c9c9c;	

	}
	
	#sales div.widget-item h3 {
	
	margin: 0 0 5px 0;
	color: #fff;
	font-size: 30px;
	line-height: 30px;

	}
	
	#sales div.widget-item label em {
	
	width: auto;
	display: block;
	
	}
		
	#sales div.widget-item label.tier em, #sales div.widget-item small, #sales div.widget-item label.delivery {
	
	display: none;
	
	}
	
	#sales div.widget-item label.tier small {
	
	display: block;
	color: #9c9c9c;
	
	}

	#sales div.widget-item label.quantity {
	
	display: block;
	padding-top: 10px;
	
	}
	
	#sales div.widget-item label.quantity small {
	
	display: block;
	color: #9c9c9c;
	
	}
	
	#sales div.widget-item label.quantity input {
	
	margin-top: 3px;
	
	}
	
	#sales div.widget-item div.purchase {
	
	padding-bottom: 40px;
	
	}

	#sales div.widget-item div.purchase h4 {

	display: none;	
	
	}

	#sales div.widget-item div.purchase.limited, #sales div.widget-item div.purchase.discontinued h4 {
	
	display: block;
	margin-top: 15px;
	color: #d8e20a;
	font: bold 12px/16px Arial, sans-serif;
	text-transform: uppercase;
	
	}
	
	#sales div.widget-item div.purchase.discontinued h4 a {
	
	font: bold 12px/16px Arial, sans-serif;
	color: #c00;
	
	}
	
	#sales div.widget-item ul.actions {

	width: 142px;	
	height: 38px;
	position: absolute;
	bottom: 0;
	right: 0;
	
	}